@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.8c4d9f045a

package/admin/components/ContentEntryForm/RenderFieldElement.js

@@ -1,40 +1,56 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Label = _interopRequireDefault(require("./Label"));
+
+var _useBind = require("./useBind");
+
+var _useRenderPlugins = require("./useRenderPlugins");
 
 var _templateObject;
 
-import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import Label from "./Label";
-import { useBind } from "./useBind";
-import { useRenderPlugins } from "./useRenderPlugins";
-var t = i18n.ns("app-headless-cms/admin/components/content-form");
+var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-form");
 
 var RenderFieldElement = function RenderFieldElement(props) {
-  var renderPlugins = useRenderPlugins();
+  var renderPlugins = (0, _useRenderPlugins.useRenderPlugins)();
   var field = props.field,
       Bind = props.Bind,
       contentModel = props.contentModel;
-  var getBind = useBind({
+  var getBind = (0, _useBind.useBind)({
     Bind: Bind,
     field: field
   });
   var renderPlugin = renderPlugins.find(function (plugin) {
-    return plugin.renderer.rendererName === get(field, "renderer.name");
+    return plugin.renderer.rendererName === (0, _get.default)(field, "renderer.name");
   });
 
   if (!renderPlugin) {
-    return t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Cannot render \"{fieldName}\" field - field renderer missing."])))({
-      fieldName: /*#__PURE__*/React.createElement("strong", null, field.fieldId)
+    return t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Cannot render \"{fieldName}\" field - field renderer missing."])))({
+      fieldName: /*#__PURE__*/_react.default.createElement("strong", null, field.fieldId)
     });
   }
 
   return renderPlugin.renderer.render({
     field: field,
     getBind: getBind,
-    Label: Label,
+    Label: _Label.default,
     contentModel: contentModel
   });
 };
 
-export default RenderFieldElement;
+var _default = RenderFieldElement;
+exports.default = _default;

package/admin/components/ContentEntryForm/RenderFieldElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","RenderFieldElement","props","renderPlugins","useRenderPlugins","field","Bind","contentModel","getBind","useBind","renderPlugin","find","plugin","renderer","rendererName","get","fieldName","fieldId","render","Label"],"sources":["RenderFieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { CmsEditorField, CmsEditorContentModel, BindComponent } from \"~/types\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport Label from \"./Label\";\nimport { useBind } from \"./useBind\";\nimport { useRenderPlugins } from \"./useRenderPlugins\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-form\");\n\ninterface RenderFieldElementProps {\n    field: CmsEditorField;\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\nconst RenderFieldElement: React.FC<RenderFieldElementProps> = props => {\n    const renderPlugins = useRenderPlugins();\n    const { field, Bind, contentModel } = props;\n    const getBind = useBind({ Bind, field });\n\n    const renderPlugin = renderPlugins.find(\n        plugin => plugin.renderer.rendererName === get(field, \"renderer.name\")\n    );\n\n    if (!renderPlugin) {\n        return t`Cannot render \"{fieldName}\" field - field renderer missing.`({\n            fieldName: <strong>{field.fieldId}</strong>\n        });\n    }\n\n    return renderPlugin.renderer.render({ field, getBind, Label, contentModel });\n};\n\nexport default RenderFieldElement;\n"],"mappings":";;;;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,gDAAR,CAAV;;AAOA,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAwD,CAAAC,KAAK,EAAI;EACnE,IAAMC,aAAa,GAAG,IAAAC,kCAAA,GAAtB;EACA,IAAQC,KAAR,GAAsCH,KAAtC,CAAQG,KAAR;EAAA,IAAeC,IAAf,GAAsCJ,KAAtC,CAAeI,IAAf;EAAA,IAAqBC,YAArB,GAAsCL,KAAtC,CAAqBK,YAArB;EACA,IAAMC,OAAO,GAAG,IAAAC,gBAAA,EAAQ;IAAEH,IAAI,EAAJA,IAAF;IAAQD,KAAK,EAALA;EAAR,CAAR,CAAhB;EAEA,IAAMK,YAAY,GAAGP,aAAa,CAACQ,IAAd,CACjB,UAAAC,MAAM;IAAA,OAAIA,MAAM,CAACC,QAAP,CAAgBC,YAAhB,KAAiC,IAAAC,YAAA,EAAIV,KAAJ,EAAW,eAAX,CAArC;EAAA,CADW,CAArB;;EAIA,IAAI,CAACK,YAAL,EAAmB;IACf,OAAOZ,CAAC,gJAAD,CAA+D;MAClEkB,SAAS,eAAE,6CAASX,KAAK,CAACY,OAAf;IADuD,CAA/D,CAAP;EAGH;;EAED,OAAOP,YAAY,CAACG,QAAb,CAAsBK,MAAtB,CAA6B;IAAEb,KAAK,EAALA,KAAF;IAASG,OAAO,EAAPA,OAAT;IAAkBW,KAAK,EAALA,cAAlB;IAAyBZ,YAAY,EAAZA;EAAzB,CAA7B,CAAP;AACH,CAhBD;;eAkBeN,kB"}

package/admin/components/ContentEntryForm/functions/createValidators.d.ts

@@ -1 +1,3 @@
-export declare const createValidators: (validation: any) => any;
+import { CmsEditorFieldValidator } from "../../../../types";
+import { Validator } from "@webiny/validation/types";
+export declare const createValidators: (validation: CmsEditorFieldValidator[]) => Validator[];

package/admin/components/ContentEntryForm/functions/createValidators.js

@@ -1,21 +1,34 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { plugins } from "@webiny/plugins";
-export var createValidators = function createValidators(validation) {
-  var validatorPlugins = plugins.byType("cms-model-field-validator");
-  return validation.map(function (item) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createValidators = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _plugins = require("@webiny/plugins");
+
+var createValidators = function createValidators(validation) {
+  var validatorPlugins = _plugins.plugins.byType("cms-model-field-validator");
+
+  return validation.reduce(function (collection, item) {
     var validatorPlugin = validatorPlugins.find(function (plugin) {
       return plugin.validator.name === item.name;
     });
 
     if (!validatorPlugin || typeof validatorPlugin.validator.validate !== "function") {
-      return;
+      return collection;
     }
 
-    return /*#__PURE__*/function () {
-      var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(value) {
+    var validator = /*#__PURE__*/function () {
+      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(value) {
         var isInvalid, result;
-        return _regeneratorRuntime.wrap(function _callee$(_context) {
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
               case 0:
@@ -50,9 +63,14 @@ export var createValidators = function createValidators(validation) {
         }, _callee, null, [[0, 7]]);
       }));
 
-      return function (_x) {
+      return function validator(_x) {
         return _ref.apply(this, arguments);
       };
     }();
-  }).filter(Boolean);
-};
+
+    collection.push(validator);
+    return collection;
+  }, []);
+};
+
+exports.createValidators = createValidators;

package/admin/components/ContentEntryForm/functions/createValidators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createValidators","validation","validatorPlugins","plugins","byType","reduce","collection","item","validatorPlugin","find","plugin","validator","name","validate","value","result","isInvalid","Error","message","push"],"sources":["createValidators.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport { CmsEditorFieldValidator, CmsModelFieldValidatorPlugin } from \"~/types\";\nimport { Validator } from \"@webiny/validation/types\";\n\nexport const createValidators = (validation: CmsEditorFieldValidator[]): Validator[] => {\n    const validatorPlugins = plugins.byType<CmsModelFieldValidatorPlugin>(\n        \"cms-model-field-validator\"\n    );\n\n    return validation.reduce((collection, item) => {\n        const validatorPlugin = validatorPlugins.find(\n            plugin => plugin.validator.name === item.name\n        );\n\n        if (!validatorPlugin || typeof validatorPlugin.validator.validate !== \"function\") {\n            return collection;\n        }\n\n        const validator = async (value: string | string[]) => {\n            let isInvalid;\n            try {\n                const result = await validatorPlugin.validator.validate(value, item);\n                isInvalid = result === false;\n            } catch (e) {\n                isInvalid = true;\n            }\n\n            if (isInvalid) {\n                throw new Error(item.message || \"Invalid value.\");\n            }\n        };\n        collection.push(validator);\n        return collection;\n    }, [] as Validator[]);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AAIO,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,UAAD,EAAwD;EACpF,IAAMC,gBAAgB,GAAGC,gBAAA,CAAQC,MAAR,CACrB,2BADqB,CAAzB;;EAIA,OAAOH,UAAU,CAACI,MAAX,CAAkB,UAACC,UAAD,EAAaC,IAAb,EAAsB;IAC3C,IAAMC,eAAe,GAAGN,gBAAgB,CAACO,IAAjB,CACpB,UAAAC,MAAM;MAAA,OAAIA,MAAM,CAACC,SAAP,CAAiBC,IAAjB,KAA0BL,IAAI,CAACK,IAAnC;IAAA,CADc,CAAxB;;IAIA,IAAI,CAACJ,eAAD,IAAoB,OAAOA,eAAe,CAACG,SAAhB,CAA0BE,QAAjC,KAA8C,UAAtE,EAAkF;MAC9E,OAAOP,UAAP;IACH;;IAED,IAAMK,SAAS;MAAA,kGAAG,iBAAOG,KAAP;QAAA;QAAA;UAAA;YAAA;cAAA;gBAAA;gBAAA;gBAAA,OAGWN,eAAe,CAACG,SAAhB,CAA0BE,QAA1B,CAAmCC,KAAnC,EAA0CP,IAA1C,CAHX;;cAAA;gBAGJQ,MAHI;gBAIVC,SAAS,GAAGD,MAAM,KAAK,KAAvB;gBAJU;gBAAA;;cAAA;gBAAA;gBAAA;gBAMVC,SAAS,GAAG,IAAZ;;cANU;gBAAA,KASVA,SATU;kBAAA;kBAAA;gBAAA;;gBAAA,MAUJ,IAAIC,KAAJ,CAAUV,IAAI,CAACW,OAAL,IAAgB,gBAA1B,CAVI;;cAAA;cAAA;gBAAA;YAAA;UAAA;QAAA;MAAA,CAAH;;MAAA,gBAATP,SAAS;QAAA;MAAA;IAAA,GAAf;;IAaAL,UAAU,CAACa,IAAX,CAAgBR,SAAhB;IACA,OAAOL,UAAP;EACH,CAxBM,EAwBJ,EAxBI,CAAP;AAyBH,CA9BM"}

package/admin/components/ContentEntryForm/functions/getValue.d.ts

@@ -1,5 +1,9 @@
-export declare const getValue: ({ bind, field, index }: {
-    bind: any;
-    field: any;
-    index: any;
-}) => any;
+import { CmsEditorField } from "../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+interface GetValueParams {
+    bind: BindComponentRenderProp;
+    field: Pick<CmsEditorField, "multipleValues">;
+    index: number;
+}
+export declare const getValue: (params: GetValueParams) => string;
+export {};

package/admin/components/ContentEntryForm/functions/getValue.js

@@ -1,7 +1,14 @@
-export var getValue = function getValue(_ref) {
-  var bind = _ref.bind,
-      field = _ref.field,
-      index = _ref.index;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getValue = void 0;
+
+var getValue = function getValue(params) {
+  var bind = params.bind,
+      field = params.field,
+      index = params.index;
   var value = bind.value || null;
 
   if (field.multipleValues) {
@@ -17,4 +24,6 @@ export var getValue = function getValue(_ref) {
   }
 
   return value;
-};
+};
+
+exports.getValue = getValue;

package/admin/components/ContentEntryForm/functions/getValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["getValue","params","bind","field","index","value","multipleValues","Array","isArray"],"sources":["getValue.ts"],"sourcesContent":["import { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface GetValueParams {\n    bind: BindComponentRenderProp;\n    field: Pick<CmsEditorField, \"multipleValues\">;\n    index: number;\n}\nexport const getValue = (params: GetValueParams): string => {\n    const { bind, field, index } = params;\n    let value = bind.value || null;\n\n    if (field.multipleValues) {\n        if (!Array.isArray(value)) {\n            value = [];\n        }\n\n        if (index >= 0) {\n            return value[index] || null;\n        }\n\n        return value;\n    }\n\n    return value;\n};\n"],"mappings":";;;;;;;AAQO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAAoC;EACxD,IAAQC,IAAR,GAA+BD,MAA/B,CAAQC,IAAR;EAAA,IAAcC,KAAd,GAA+BF,MAA/B,CAAcE,KAAd;EAAA,IAAqBC,KAArB,GAA+BH,MAA/B,CAAqBG,KAArB;EACA,IAAIC,KAAK,GAAGH,IAAI,CAACG,KAAL,IAAc,IAA1B;;EAEA,IAAIF,KAAK,CAACG,cAAV,EAA0B;IACtB,IAAI,CAACC,KAAK,CAACC,OAAN,CAAcH,KAAd,CAAL,EAA2B;MACvBA,KAAK,GAAG,EAAR;IACH;;IAED,IAAID,KAAK,IAAI,CAAb,EAAgB;MACZ,OAAOC,KAAK,CAACD,KAAD,CAAL,IAAgB,IAAvB;IACH;;IAED,OAAOC,KAAP;EACH;;EAED,OAAOA,KAAP;AACH,CAjBM"}

package/admin/components/ContentEntryForm/functions/setValue.d.ts

@@ -1,6 +1,10 @@
-export declare const setValue: ({ value, bind, field, index }: {
-    value: any;
-    bind: any;
-    field: any;
-    index: any;
-}) => void;
+import { CmsEditorField } from "../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+interface setValueParams {
+    value: string[];
+    bind: BindComponentRenderProp;
+    field: Pick<CmsEditorField, "multipleValues">;
+    index: number;
+}
+export declare const setValue: (params: setValueParams) => void;
+export {};

package/admin/components/ContentEntryForm/functions/setValue.js

@@ -1,10 +1,20 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-export var setValue = function setValue(_ref) {
-  var value = _ref.value,
-      bind = _ref.bind,
-      field = _ref.field,
-      index = _ref.index;
-  var newValue = field.multipleValues ? _toConsumableArray(bind.value || []) : bind.value;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setValue = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var setValue = function setValue(params) {
+  var value = params.value,
+      bind = params.bind,
+      field = params.field,
+      index = params.index;
+  var newValue = field.multipleValues ? (0, _toConsumableArray2.default)(bind.value || []) : bind.value;
 
   if (field.multipleValues) {
     if (index >= 0) {
@@ -17,4 +27,6 @@ export var setValue = function setValue(_ref) {
   }
 
   bind.onChange(newValue);
-};
+};
+
+exports.setValue = setValue;

package/admin/components/ContentEntryForm/functions/setValue.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["setValue","params","value","bind","field","index","newValue","multipleValues","onChange"],"sources":["setValue.ts"],"sourcesContent":["import { CmsEditorField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface setValueParams {\n    value: string[];\n    bind: BindComponentRenderProp;\n    field: Pick<CmsEditorField, \"multipleValues\">;\n    index: number;\n}\nexport const setValue = (params: setValueParams): void => {\n    const { value, bind, field, index } = params;\n    let newValue = field.multipleValues ? [...(bind.value || [])] : bind.value;\n\n    if (field.multipleValues) {\n        if (index >= 0) {\n            newValue[index] = value;\n        } else {\n            newValue = value;\n        }\n    } else {\n        newValue = value;\n    }\n\n    bind.onChange(newValue);\n};\n"],"mappings":";;;;;;;;;;;AASO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,MAAD,EAAkC;EACtD,IAAQC,KAAR,GAAsCD,MAAtC,CAAQC,KAAR;EAAA,IAAeC,IAAf,GAAsCF,MAAtC,CAAeE,IAAf;EAAA,IAAqBC,KAArB,GAAsCH,MAAtC,CAAqBG,KAArB;EAAA,IAA4BC,KAA5B,GAAsCJ,MAAtC,CAA4BI,KAA5B;EACA,IAAIC,QAAQ,GAAGF,KAAK,CAACG,cAAN,oCAA4BJ,IAAI,CAACD,KAAL,IAAc,EAA1C,IAAiDC,IAAI,CAACD,KAArE;;EAEA,IAAIE,KAAK,CAACG,cAAV,EAA0B;IACtB,IAAIF,KAAK,IAAI,CAAb,EAAgB;MACZC,QAAQ,CAACD,KAAD,CAAR,GAAkBH,KAAlB;IACH,CAFD,MAEO;MACHI,QAAQ,GAAGJ,KAAX;IACH;EACJ,CAND,MAMO;IACHI,QAAQ,GAAGJ,KAAX;EACH;;EAEDC,IAAI,CAACK,QAAL,CAAcF,QAAd;AACH,CAfM"}

package/admin/components/ContentEntryForm/useBind.d.ts

@@ -1,10 +1,10 @@
-import { BindComponent } from "@webiny/form";
-import { CmsEditorField } from "../../../types";
+import { BindComponent, CmsEditorField } from "../../../types";
 interface UseBindProps {
     field: CmsEditorField;
-    Bind: BindComponent & {
-        parentName?: string;
-    };
+    Bind: BindComponent;
 }
-export declare function useBind({ Bind: ParentBind, field }: UseBindProps): (index?: any) => any;
+export interface GetBindCallable {
+    (index?: number): BindComponent;
+}
+export declare function useBind({ Bind: ParentBind, field }: UseBindProps): (index?: any) => BindComponent;
 export {};

package/admin/components/ContentEntryForm/useBind.js

@@ -1,12 +1,27 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React, { useRef, useCallback, cloneElement } from "react";
-import { createValidators } from "./functions/createValidators";
-export function useBind(_ref) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBind = useBind;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _createValidators = require("./functions/createValidators");
+
+function useBind(_ref) {
   var ParentBind = _ref.Bind,
       field = _ref.field;
-  var memoizedBindComponents = useRef({});
-  return useCallback(function () {
+  var memoizedBindComponents = (0, _react.useRef)({});
+  return (0, _react.useCallback)(function () {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var parentName = ParentBind.parentName; // If there's a parent name assigned to the given Bind component, we need to include it in the new field "name".
     // This allows us to have nested fields (like "object" field with nested properties)
@@ -19,45 +34,69 @@ export function useBind(_ref) {
       return memoizedBindComponents.current[name];
     }
 
-    var validators = createValidators(field.validation || []);
-    var listValidators = createValidators(field.listValidation || []);
+    var validators = (0, _createValidators.createValidators)(field.validation || []);
+    var listValidators = (0, _createValidators.createValidators)(field.listValidation || []);
     var defaultValue = field.multipleValues ? [] : undefined;
     var isMultipleValues = index === -1 && field.multipleValues;
     var inputValidators = isMultipleValues ? listValidators : validators;
 
-    memoizedBindComponents.current[name] = function UseBind(_ref2) {
-      var childName = _ref2.name,
-          childValidators = _ref2.validators,
-          children = _ref2.children;
-      return /*#__PURE__*/React.createElement(ParentBind, {
+    memoizedBindComponents.current[name] = function UseBind(params) {
+      var childName = params.name,
+          childValidators = params.validators,
+          children = params.children;
+      return /*#__PURE__*/_react.default.createElement(ParentBind, {
         name: childName || name,
         validators: childValidators || inputValidators,
         defaultValue: index === -1 ? defaultValue : null
       }, function (bind) {
         // Multiple-values functions below.
-        var props = _objectSpread({}, bind);
+        var props = (0, _objectSpread2.default)({}, bind);
 
         if (field.multipleValues && index === -1) {
           props.appendValue = function (newValue) {
-            bind.onChange([].concat(_toConsumableArray(bind.value), [newValue]));
+            bind.onChange([].concat((0, _toConsumableArray2.default)(bind.value), [newValue]));
           };
 
           props.prependValue = function (newValue) {
-            bind.onChange([newValue].concat(_toConsumableArray(bind.value)));
+            bind.onChange([newValue].concat((0, _toConsumableArray2.default)(bind.value)));
           };
 
           props.appendValues = function (newValues) {
-            bind.onChange([].concat(_toConsumableArray(bind.value), _toConsumableArray(newValues)));
+            bind.onChange([].concat((0, _toConsumableArray2.default)(bind.value), (0, _toConsumableArray2.default)(newValues)));
           };
 
           props.removeValue = function (index) {
-            if (index >= 0) {
-              var _value = bind.value;
-              _value = [].concat(_toConsumableArray(_value.slice(0, index)), _toConsumableArray(_value.slice(index + 1)));
-              bind.onChange(_value); // To make sure the field is still valid, we must trigger validation.
+            if (index < 0) {
+              return;
+            }
 
-              bind.form.validateInput(field.fieldId);
+            var value = bind.value;
+            value = [].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(value.slice(index + 1)));
+            bind.onChange(value); // To make sure the field is still valid, we must trigger validation.
+
+            bind.form.validateInput(field.fieldId);
+          };
+
+          props.moveValueUp = function (index) {
+            if (index <= 0) {
+              return;
+            }
+
+            var value = (0, _toConsumableArray2.default)(bind.value);
+            value.splice(index, 1);
+            value.splice(index - 1, 0, bind.value[index]);
+            bind.onChange(value);
+          };
+
+          props.moveValueDown = function (index) {
+            if (index >= bind.value.length) {
+              return;
             }
+
+            var value = (0, _toConsumableArray2.default)(bind.value);
+            value.splice(index, 1);
+            value.splice(index + 1, 0, bind.value[index]);
+            bind.onChange(value);
           };
         }
 
@@ -65,7 +104,7 @@ export function useBind(_ref) {
           return children(props);
         }
 
-        return /*#__PURE__*/cloneElement(children, props);
+        return /*#__PURE__*/(0, _react.cloneElement)(children, props);
       });
     }; // We need to keep track of current field name, to support nested fields.
 
@@ -73,4 +112,4 @@ export function useBind(_ref) {
     memoizedBindComponents.current[name].parentName = name;
     return memoizedBindComponents.current[name];
   }, [field.fieldId]);
-}
+} // [0,1,2,3,4,5]

package/admin/components/ContentEntryForm/useBind.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBind","ParentBind","Bind","field","memoizedBindComponents","useRef","useCallback","index","parentName","name","fieldId","undefined","filter","v","join","current","validators","createValidators","validation","listValidators","listValidation","defaultValue","multipleValues","isMultipleValues","inputValidators","UseBind","params","childName","childValidators","children","bind","props","appendValue","newValue","onChange","value","prependValue","appendValues","newValues","removeValue","slice","form","validateInput","moveValueUp","splice","moveValueDown","length","cloneElement"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, useCallback, cloneElement } from \"react\";\nimport { createValidators } from \"./functions/createValidators\";\nimport { BindComponent, CmsEditorField } from \"~/types\";\nimport { Validator } from \"@webiny/validation/types\";\n\ninterface UseBindProps {\n    field: CmsEditorField;\n    Bind: BindComponent;\n}\n\ninterface UseBindParams {\n    name?: string;\n    validators?: Validator | Validator[];\n    children?: any;\n}\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nexport function useBind({ Bind: ParentBind, field }: UseBindProps) {\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n\n    return useCallback(\n        (index = -1) => {\n            const { parentName } = ParentBind;\n            // If there's a parent name assigned to the given Bind component, we need to include it in the new field \"name\".\n            // This allows us to have nested fields (like \"object\" field with nested properties)\n            const name = [parentName, field.fieldId, index >= 0 ? index : undefined]\n                .filter(v => v !== undefined)\n                .join(\".\");\n\n            if (memoizedBindComponents.current[name]) {\n                return memoizedBindComponents.current[name];\n            }\n\n            const validators = createValidators(field.validation || []);\n            const listValidators = createValidators(field.listValidation || []);\n            const defaultValue: string[] | undefined = field.multipleValues ? [] : undefined;\n            const isMultipleValues = index === -1 && field.multipleValues;\n            const inputValidators = isMultipleValues ? listValidators : validators;\n\n            memoizedBindComponents.current[name] = function UseBind(params: UseBindParams) {\n                const { name: childName, validators: childValidators, children } = params;\n                return (\n                    <ParentBind\n                        name={childName || name}\n                        validators={childValidators || inputValidators}\n                        defaultValue={index === -1 ? defaultValue : null}\n                    >\n                        {bind => {\n                            // Multiple-values functions below.\n                            const props = { ...bind };\n                            if (field.multipleValues && index === -1) {\n                                props.appendValue = (newValue: string) => {\n                                    bind.onChange([...bind.value, newValue]);\n                                };\n                                props.prependValue = (newValue: string) => {\n                                    bind.onChange([newValue, ...bind.value]);\n                                };\n                                props.appendValues = (newValues: string[]) => {\n                                    bind.onChange([...bind.value, ...newValues]);\n                                };\n\n                                props.removeValue = (index: number) => {\n                                    if (index < 0) {\n                                        return;\n                                    }\n                                    let value = bind.value;\n                                    value = [...value.slice(0, index), ...value.slice(index + 1)];\n\n                                    bind.onChange(value);\n\n                                    // To make sure the field is still valid, we must trigger validation.\n                                    bind.form.validateInput(field.fieldId);\n                                };\n\n                                props.moveValueUp = (index: number) => {\n                                    if (index <= 0) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index - 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n\n                                props.moveValueDown = (index: number) => {\n                                    if (index >= bind.value.length) {\n                                        return;\n                                    }\n\n                                    const value = [...bind.value];\n                                    value.splice(index, 1);\n                                    value.splice(index + 1, 0, bind.value[index]);\n\n                                    bind.onChange(value);\n                                };\n                            }\n\n                            if (typeof children === \"function\") {\n                                return children(props);\n                            }\n\n                            return cloneElement(children, props);\n                        }}\n                    </ParentBind>\n                );\n            };\n\n            // We need to keep track of current field name, to support nested fields.\n            memoizedBindComponents.current[name].parentName = name;\n\n            return memoizedBindComponents.current[name];\n        },\n        [field.fieldId]\n    );\n}\n\n// [0,1,2,3,4,5]\n"],"mappings":"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"}

package/admin/components/ContentEntryForm/useContentEntryForm.d.ts

@@ -1,22 +1,21 @@
 import { Dispatch, SetStateAction } from "react";
 import { FormOnSubmit } from "@webiny/form";
-import { CmsEditorContentModel, CmsEditorFieldRendererPlugin } from "../../../types";
+import { CmsEditorContentEntry, CmsEditorContentModel, CmsEditorFieldRendererPlugin } from "../../../types";
 interface UseContentEntryForm {
     data: Record<string, any>;
     loading: boolean;
     setLoading: Dispatch<SetStateAction<boolean>>;
     onChange: FormOnSubmit;
-    onSubmit: (data: Record<string, any>) => void;
+    onSubmit: FormOnSubmit;
     invalidFields: Record<string, string>;
     renderPlugins: CmsEditorFieldRendererPlugin[];
 }
 export interface UseContentEntryFormParams {
     contentModel: CmsEditorContentModel;
-    entry?: {
-        [key: string]: any;
-    };
+    entry: Partial<CmsEditorContentEntry>;
     onChange?: FormOnSubmit;
     onSubmit?: FormOnSubmit;
+    addEntryToListCache: boolean;
 }
 export declare function useContentEntryForm(params: UseContentEntryFormParams): UseContentEntryForm;
 export {};