@ukhomeoffice/cop-react-form-renderer 5.0.0-alpha → 5.0.0

package/dist/utils/Data/setDataItem.test.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _setDataItem = _interopRequireDefault(require("./setDataItem"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+describe('utils.Data.setDataItem', function () {
+  it('should handle a null data object', function () {
+    var DATA = null;
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toBeNull();
+    expect(DATA).toBeNull();
+  });
+  it('should handle an undefined data object', function () {
+    var DATA = undefined;
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toBeUndefined();
+    expect(DATA).toBeUndefined();
+  });
+  it('should handle a null fieldId', function () {
+    var DATA = {};
+    var FIELD_ID = null;
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({});
+    expect(DATA).toMatchObject({});
+  });
+  it('should handle an undefined fieldId', function () {
+    var DATA = {};
+    var FIELD_ID = undefined;
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({});
+    expect(DATA).toMatchObject({});
+  });
+  it('should handle an empty fieldId', function () {
+    var DATA = {};
+    var FIELD_ID = '';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({});
+    expect(DATA).toMatchObject({});
+  });
+  it('should appropriately set a nested value', function () {
+    var DATA = {
+      alpha: {}
+    };
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+    expect(DATA).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+  });
+  it('should appropriately change a nested value', function () {
+    var DATA = {
+      alpha: {
+        bravo: {
+          charlie: 'echo'
+        }
+      }
+    };
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+    expect(DATA).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+  });
+  it('should handle a parent node that is not an object and convert it appropriately', function () {
+    var DATA = {
+      alpha: {
+        bravo: 'echo'
+      }
+    };
+    var FIELD_ID = 'alpha.bravo.charlie';
+    var VALUE = 'delta';
+    expect((0, _setDataItem.default)(DATA, FIELD_ID, VALUE)).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+    expect(DATA).toMatchObject({
+      alpha: {
+        bravo: {
+          charlie: VALUE
+        }
+      }
+    });
+  });
+});

package/dist/utils/Data/setupFormData.js

@@ -6,30 +6,52 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _getSourceData = _interopRequireDefault(require("./getSourceData"));
+var _setDataItem = _interopRequireDefault(require("./setDataItem"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-var setDefaultDateValue = function setDefaultDateValue(date, data) {
-  if (date.defaultValue === 'today') {
-    data[date.fieldId] = (0, _dayjs.default)().format('DD-MM-YYYY');
-  } else {
-    data[date.fieldId] = date.defaultValue;
-  }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+var setDefaultDateValue = function setDefaultDateValue(date, data, fullPath) {
+  var val = date.defaultValue === 'today' ? (0, _dayjs.default)().format('DD-MM-YYYY') : date.defaultValue;
+  (0, _setDataItem.default)(data, "".concat(fullPath).concat(date.fieldId), val);
 };
 
 /** 
- * This currently will not work for collections or containers.
+ * This currently will not work for collections.
  * If support is required it will need to be added.
  */
-var setupDefaultValue = function setupDefaultValue(component, data) {
-  if (component.defaultValue && !data[component.fieldId]) {
+var setupDefaultValue = function setupDefaultValue(component, data, fullPath) {
+  var thisComponent = component;
+  var componentFullPath = "".concat(fullPath).concat(component.fieldId);
+  if (component.type === 'container') {
+    var _component$components;
+    (_component$components = component.components) === null || _component$components === void 0 ? void 0 : _component$components.forEach(function (comp) {
+      setupDefaultValue(comp, data, "".concat(componentFullPath, "."));
+    });
+  }
+  if ((component.defaultValue || component.defaultObjectValue) && !(0, _getSourceData.default)(data, componentFullPath)) {
     switch (component.type) {
       case 'date':
-        setDefaultDateValue(component, data);
+        setDefaultDateValue(component, data, fullPath);
         break;
       default:
-        data[component.fieldId] = component.defaultValue;
+        // defaultValue is expected to be a string, default object value is an object. Keeping defaultValue
+        // as a string is required for consuming apps using FormIO, this restriction could be removed in the future. 
+        {
+          if (component.defaultObjectValue) {
+            Object.keys(component.defaultObjectValue).forEach(function (value) {
+              if (typeof component.defaultObjectValue[value] === 'string' && (0, _getSourceData.default)(data, component.defaultObjectValue[value]) !== undefined) {
+                thisComponent.defaultObjectValue[value] = (0, _getSourceData.default)(data, component.defaultObjectValue[value]);
+              }
+            });
+          }
+          var defaultToUse = component.defaultObjectValue ? component.defaultObjectValue : component.defaultValue;
+          (0, _setDataItem.default)(data, componentFullPath, defaultToUse);
+          delete thisComponent.defaultObjectValue;
+        }
     }
   }
   if (component.defaultValue) {
@@ -37,12 +59,12 @@ var setupDefaultValue = function setupDefaultValue(component, data) {
     // both a 'value' and 'defaultValue' prop set. 
     // defaultValue is safe to delete once we've tried
     // to use it.
-    delete component.defaultValue;
+    delete thisComponent.defaultValue;
   }
 };
 var setupDefaultValuesForComponents = function setupDefaultValuesForComponents(components, data) {
   components.forEach(function (component) {
-    return setupDefaultValue(component, data);
+    return setupDefaultValue(component, data, '');
   });
 };
 var setupPageDefaultValues = function setupPageDefaultValues(pages, data) {
@@ -50,13 +72,14 @@ var setupPageDefaultValues = function setupPageDefaultValues(pages, data) {
     page.components.filter(function (c) {
       return !c.use;
     }).forEach(function (component) {
-      return setupDefaultValue(component, data);
+      return setupDefaultValue(component, data, '');
     });
   });
 };
 var setupComponentSourceData = function setupComponentSourceData(component, data) {
+  var componentSourceData = data;
   if (component.source) {
-    data[component.fieldId] = (0, _getSourceData.default)(data, component.source.field);
+    componentSourceData[component.fieldId] = (0, _getSourceData.default)(componentSourceData, component.source.field);
   }
 };
 var setupSourceDataForComponents = function setupSourceDataForComponents(components, data) {

package/dist/utils/Data/setupFormData.test.js

@@ -0,0 +1,410 @@
+"use strict";
+
+var _setupFormData = _interopRequireDefault(require("./setupFormData"));
+var _userProfile = _interopRequireDefault(require("../../json/userProfile.json"));
+var _userProfileData = _interopRequireDefault(require("../../json/userProfile.data.json"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+describe('utils', function () {
+  describe('Data', function () {
+    describe('setupFormData', function () {
+      it('should populate a simple form', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          source: {
+            field: 'sourceField'
+          }
+        }];
+        var DATA = {
+          sourceField: 'VALUE'
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          sourceField: 'VALUE',
+          testField: 'VALUE'
+        });
+      });
+      it('should handle a missing source field', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          source: {
+            field: 'otherSourceField'
+          }
+        }];
+        var DATA = {
+          sourceField: 'VALUE'
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          sourceField: 'VALUE',
+          testField: undefined
+        });
+      });
+      it('should handle a nested source field', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          source: {
+            field: 'nested.sourceField'
+          }
+        }];
+        var DATA = {
+          nested: {
+            sourceField: 'VALUE'
+          }
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          nested: {
+            sourceField: 'VALUE'
+          },
+          testField: 'VALUE'
+        });
+      });
+      it('should handle a missing nested source field', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          source: {
+            field: 'nested.otherSourceField'
+          }
+        }];
+        var DATA = {
+          nested: {
+            sourceField: 'VALUE'
+          }
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          nested: {
+            sourceField: 'VALUE'
+          },
+          testField: undefined
+        });
+      });
+      it('should handle an entirely missing nested source field', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          source: {
+            field: 'otherNested.sourceField'
+          }
+        }];
+        var DATA = {
+          nested: {
+            sourceField: 'VALUE'
+          }
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          nested: {
+            sourceField: 'VALUE'
+          },
+          testField: undefined
+        });
+      });
+      it('should handle sources within pages', function () {
+        var PAGES = [{
+          components: [{
+            fieldId: 'pageField',
+            source: {
+              field: 'pageSourceField'
+            }
+          }]
+        }, {
+          components: [{
+            fieldId: 'secondPageField',
+            source: {
+              field: 'secondPageSourceField'
+            }
+          }]
+        }];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          source: {
+            field: 'nested.sourceField'
+          }
+        }];
+        var DATA = {
+          nested: {
+            sourceField: 'VALUE'
+          },
+          pageSourceField: 'PAGE 1',
+          secondPageSourceField: 'Bob'
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          nested: {
+            sourceField: 'VALUE'
+          },
+          pageSourceField: 'PAGE 1',
+          secondPageSourceField: 'Bob',
+          testField: 'VALUE',
+          pageField: 'PAGE 1',
+          secondPageField: 'Bob'
+        });
+      });
+      it('should ignore sources within pages that reference a top-level component', function () {
+        var PAGES = [{
+          components: [{
+            fieldId: 'pageField',
+            use: 'testField',
+            source: {
+              field: 'pageSourceField'
+            }
+          }]
+        }, {
+          components: [{
+            fieldId: 'secondPageField',
+            source: {
+              field: 'secondPageSourceField'
+            }
+          }]
+        }];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          source: {
+            field: 'nested.sourceField'
+          }
+        }];
+        var DATA = {
+          nested: {
+            sourceField: 'VALUE'
+          },
+          pageSourceField: 'PAGE 1',
+          secondPageSourceField: 'Bob'
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          nested: {
+            sourceField: 'VALUE'
+          },
+          pageSourceField: 'PAGE 1',
+          secondPageSourceField: 'Bob',
+          testField: 'VALUE',
+          secondPageField: 'Bob'
+        });
+      });
+      it('should populate data for the user profile configuration and source', function () {
+        var pages = _userProfile.default.pages,
+          components = _userProfile.default.components;
+        var RESULT = (0, _setupFormData.default)(pages, components, _userProfileData.default);
+
+        // It should produce an aggregation of the original source data (USER_PROFILE_DATA)
+        // and data calculated for the fields, based on that source data.
+        expect(RESULT).toEqual(_objectSpread(_objectSpread({}, _userProfileData.default), {}, {
+          firstName: _userProfileData.default.currentUser.givenName,
+          surname: _userProfileData.default.currentUser.familyName,
+          team: _userProfileData.default.userDetails.defaultteam,
+          staffGradeId: _userProfileData.default.userDetails.gradeid,
+          linemanagerEmail: _userProfileData.default.userDetails.linemanagerEmail,
+          delegateEmails: _userProfileData.default.userDetails.delegateEmails
+        }));
+      });
+      it('should handle a default value field', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          type: 'text',
+          defaultValue: 'VALUE'
+        }];
+        var DATA = {};
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          testField: 'VALUE'
+        });
+      });
+      it('should handle a default value field with defaultObjectValue', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          type: 'autocomplete',
+          defaultObjectValue: {
+            id: 4,
+            name: 'Algeria',
+            value: '4',
+            label: 'Algeria'
+          }
+        }];
+        var DATA = {};
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT.testField).toMatchObject({
+          id: 4,
+          name: 'Algeria',
+          value: '4',
+          label: 'Algeria'
+        });
+      });
+      it('should handle a default value field with defaultObjectValue if dot-separated field identifier exists within the data', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          type: 'autocomplete',
+          defaultObjectValue: {
+            id: 'country.id',
+            name: 'country.name',
+            value: 'country.value',
+            label: 'country.name'
+          }
+        }];
+        var DATA = {
+          'country': {
+            'id': 4,
+            'name': 'Algeria',
+            'value': '4'
+          }
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT.testField).toMatchObject({
+          id: 4,
+          name: 'Algeria',
+          value: '4',
+          label: 'Algeria'
+        });
+      });
+      it('should ignore the default value field with defaultObjectValue if dot-separated field identifier doesn\'t exists within the data', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          type: 'autocomplete',
+          defaultObjectValue: {
+            id: 'country.id',
+            name: 'country.name',
+            value: 'country.value',
+            label: 'country.name'
+          }
+        }];
+        var DATA = {};
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT.testField).toMatchObject({
+          id: 'country.id',
+          name: 'country.name',
+          value: 'country.value',
+          label: 'country.name'
+        });
+      });
+      it('should ignore a default value when a value already exists in data', function () {
+        var PAGES = [];
+        var COMPONENTS = [{
+          fieldId: 'testField',
+          type: 'text',
+          defaultValue: 'VALUE'
+        }];
+        var DATA = {
+          testField: 'EXISTING_VALUE'
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          testField: 'EXISTING_VALUE'
+        });
+      });
+      it('should handle default values within pages', function () {
+        var PAGES = [{
+          components: [{
+            fieldId: 'pageField',
+            type: 'text',
+            defaultValue: 'VALUE'
+          }]
+        }];
+        var COMPONENTS = [];
+        var DATA = {};
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          pageField: 'VALUE'
+        });
+      });
+      it('should ignore default values within pages when a value already exists in data', function () {
+        var PAGES = [{
+          components: [{
+            fieldId: 'pageField',
+            type: 'text',
+            defaultValue: 'VALUE'
+          }]
+        }];
+        var COMPONENTS = [];
+        var DATA = {
+          pageField: 'EXISTING_VALUE'
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, COMPONENTS, DATA);
+        expect(RESULT).toEqual({
+          pageField: 'EXISTING_VALUE'
+        });
+      });
+      it('should handle default values of components within containers', function () {
+        var PAGES = [{
+          components: [{
+            fieldId: 'firstContainer',
+            type: 'container',
+            components: [{
+              fieldId: 'firstDate',
+              type: 'date',
+              defaultValue: '01-01-1999'
+            }, {
+              fieldId: 'secondContainer',
+              type: 'container',
+              components: [{
+                fieldId: 'secondDate',
+                type: 'date',
+                defaultValue: '01-01-2000'
+              }]
+            }]
+          }]
+        }];
+        var RESULT = (0, _setupFormData.default)(PAGES, [], {});
+        expect(RESULT).toEqual({
+          firstContainer: {
+            firstDate: '01-01-1999',
+            secondContainer: {
+              secondDate: '01-01-2000'
+            }
+          }
+        });
+      });
+      it('should ignore default values of components within containers when they already have a value in data', function () {
+        var PAGES = [{
+          components: [{
+            fieldId: 'firstContainer',
+            type: 'container',
+            components: [{
+              fieldId: 'firstDate',
+              type: 'date',
+              defaultValue: '01-01-1999'
+            }, {
+              fieldId: 'secondContainer',
+              type: 'container',
+              components: [{
+                fieldId: 'secondDate',
+                type: 'date',
+                defaultValue: '01-01-2000'
+              }]
+            }]
+          }]
+        }];
+        var DATA = {
+          firstContainer: {
+            firstDate: '01-01-1000',
+            secondContainer: {
+              secondDate: '01-01-1000'
+            }
+          }
+        };
+        var RESULT = (0, _setupFormData.default)(PAGES, [], DATA);
+        expect(RESULT).toEqual({
+          firstContainer: {
+            firstDate: '01-01-1000',
+            secondContainer: {
+              secondDate: '01-01-1000'
+            }
+          }
+        });
+      });
+    });
+  });
+});

package/dist/utils/Data/setupRefDataUrlForComponent.js

@@ -6,9 +6,12 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _copReactComponents = require("@ukhomeoffice/cop-react-components");
 var _models = require("../../models");
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 var setupRefDataForContainer = function setupRefDataForContainer(container, data) {
   return _objectSpread(_objectSpread({}, container), {}, {
     components: setupRefDataUrlForComponents(container.components, data)