Improve serialization of VFS URL query parameters

__tests__/utils/fetch.js

@@ -0,0 +1,29 @@
+import * as fetch from '../../src/utils/fetch';
+
+describe('utils.fetch#encodeQueryData', () => {
+  test('should create valid query string', () => {
+    const result1 = fetch.encodeQueryData({
+      a: 1,
+      b: true,
+      c: null,
+      d: 'foo'
+    });
+
+    const result2 = fetch.encodeQueryData({
+      a: {
+        a: 1,
+        b: true,
+        c: null,
+        d: 'foo'
+      },
+      b: {
+        c: {
+          d: 'foo'
+        }
+      }
+    });
+
+    expect(result1).toEqual('a=1&b=true&c=null&d=foo');
+    expect(result2).toEqual('a.a=1&a.b=true&a.c=null&a.d=foo&b.c.d=foo');
+  });
+});

src/utils/fetch.js

@@ -31,10 +31,16 @@
 /*
  * Creates URL request path
  */
-const encodeQueryData = data => Object.keys(data)
-  .filter(k => typeof data[k] !== 'object')
-  .map(k => encodeURIComponent(k) + '=' + encodeURIComponent(data[k]))
-  .join('&');
+export const encodeQueryData = (data, nesting = '') => {
+  const pairs = Object.entries(data).map(([key, val]) => {
+    if (typeof val === 'object' && val !== null) {
+      return encodeQueryData(val, nesting + `${key}.`);
+    } else {
+      return encodeURIComponent(nesting + key) + '=' + encodeURIComponent(val);
+    }
+  });
+  return pairs.join('&');
+};
 
 const bodyTypes = [
   window.ArrayBuffer,