@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

package/admin/components/ContentEntryForm/RenderFieldElement.js

@@ -1,40 +1,45 @@
-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 _ModelFieldProvider = require("../ModelFieldProvider");
 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({
+    Bind = props.Bind,
+    contentModel = props.contentModel;
+  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({
+  return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
+    field: field
+  }, 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 { CmsModelField, 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\";\nimport { ModelFieldProvider } from \"../ModelFieldProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-form\");\n\ninterface RenderFieldElementProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\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 (\n        <ModelFieldProvider field={field}>\n            {renderPlugin.renderer.render({ field, getBind, Label, contentModel })}\n        </ModelFieldProvider>\n    );\n};\n\nexport default RenderFieldElement;\n"],"mappings":";;;;;;;;AAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AAA2D;AAE3D,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,gDAAgD,CAAC;AAQnE,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAqD,CAAGC,KAAK,EAAI;EACnE,IAAMC,aAAa,GAAG,IAAAC,kCAAgB,GAAE;EACxC,IAAQC,KAAK,GAAyBH,KAAK,CAAnCG,KAAK;IAAEC,IAAI,GAAmBJ,KAAK,CAA5BI,IAAI;IAAEC,YAAY,GAAKL,KAAK,CAAtBK,YAAY;EACjC,IAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAC;IAAEH,IAAI,EAAJA,IAAI;IAAED,KAAK,EAALA;EAAM,CAAC,CAAC;EAExC,IAAMK,YAAY,GAAGP,aAAa,CAACQ,IAAI,CACnC,UAAAC,MAAM;IAAA,OAAIA,MAAM,CAACC,QAAQ,CAACC,YAAY,KAAK,IAAAC,YAAG,EAACV,KAAK,EAAE,eAAe,CAAC;EAAA,EACzE;EAED,IAAI,CAACK,YAAY,EAAE;IACf,OAAOZ,CAAC,iJAA8D;MAClEkB,SAAS,eAAE,6CAASX,KAAK,CAACY,OAAO;IACrC,CAAC,CAAC;EACN;EAEA,oBACI,6BAAC,sCAAkB;IAAC,KAAK,EAAEZ;EAAM,GAC5BK,YAAY,CAACG,QAAQ,CAACK,MAAM,CAAC;IAAEb,KAAK,EAALA,KAAK;IAAEG,OAAO,EAAPA,OAAO;IAAEW,KAAK,EAALA,cAAK;IAAEZ,YAAY,EAAZA;EAAa,CAAC,CAAC,CACrD;AAE7B,CAAC;AAAC,eAEaN,kBAAkB;AAAA"}

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 { CmsModelField } from "../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+interface GetValueParams {
+    bind: BindComponentRenderProp;
+    field: Pick<CmsModelField, "multipleValues">;
+    index: number;
+}
+export declare const getValue: (params: GetValueParams) => string;
+export {};

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

@@ -1,20 +1,23 @@
-export var getValue = function getValue(_ref) {
-  var bind = _ref.bind,
-      field = _ref.field,
-      index = _ref.index;
-  var value = bind.value || null;
+"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) {
     if (!Array.isArray(value)) {
       value = [];
     }
-
     if (index >= 0) {
       return value[index] || null;
     }
-
     return value;
   }
-
   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 { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface GetValueParams {\n    bind: BindComponentRenderProp;\n    field: Pick<CmsModelField, \"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,QAAQ,CAAIC,MAAsB,EAAa;EACxD,IAAQC,IAAI,GAAmBD,MAAM,CAA7BC,IAAI;IAAEC,KAAK,GAAYF,MAAM,CAAvBE,KAAK;IAAEC,KAAK,GAAKH,MAAM,CAAhBG,KAAK;EAC1B,IAAIC,KAAK,GAAGH,IAAI,CAACG,KAAK,IAAI,IAAI;EAE9B,IAAIF,KAAK,CAACG,cAAc,EAAE;IACtB,IAAI,CAACC,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;MACvBA,KAAK,GAAG,EAAE;IACd;IAEA,IAAID,KAAK,IAAI,CAAC,EAAE;MACZ,OAAOC,KAAK,CAACD,KAAK,CAAC,IAAI,IAAI;IAC/B;IAEA,OAAOC,KAAK;EAChB;EAEA,OAAOA,KAAK;AAChB,CAAC;AAAC"}

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 { CmsModelField } from "../../../../types";
+import { BindComponentRenderProp } from "@webiny/form";
+interface setValueParams {
+    value: string[];
+    bind: BindComponentRenderProp;
+    field: Pick<CmsModelField, "multipleValues">;
+    index: number;
+}
+export declare const setValue: (params: setValueParams) => void;
+export {};

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

@@ -1,11 +1,17 @@
-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) {
       newValue[index] = value;
@@ -15,6 +21,6 @@ export var setValue = function setValue(_ref) {
   } else {
     newValue = value;
   }
-
   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 { CmsModelField } from \"~/types\";\nimport { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface setValueParams {\n    value: string[];\n    bind: BindComponentRenderProp;\n    field: Pick<CmsModelField, \"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,QAAQ,CAAIC,MAAsB,EAAW;EACtD,IAAQC,KAAK,GAAyBD,MAAM,CAApCC,KAAK;IAAEC,IAAI,GAAmBF,MAAM,CAA7BE,IAAI;IAAEC,KAAK,GAAYH,MAAM,CAAvBG,KAAK;IAAEC,KAAK,GAAKJ,MAAM,CAAhBI,KAAK;EACjC,IAAIC,QAAQ,GAAGF,KAAK,CAACG,cAAc,oCAAQJ,IAAI,CAACD,KAAK,IAAI,EAAE,IAAKC,IAAI,CAACD,KAAK;EAE1E,IAAIE,KAAK,CAACG,cAAc,EAAE;IACtB,IAAIF,KAAK,IAAI,CAAC,EAAE;MACZC,QAAQ,CAACD,KAAK,CAAC,GAAGH,KAAK;IAC3B,CAAC,MAAM;MACHI,QAAQ,GAAGJ,KAAK;IACpB;EACJ,CAAC,MAAM;IACHI,QAAQ,GAAGJ,KAAK;EACpB;EAEAC,IAAI,CAACK,QAAQ,CAACF,QAAQ,CAAC;AAC3B,CAAC;AAAC"}

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

@@ -1,10 +1,10 @@
-import { BindComponent } from "@webiny/form";
-import { CmsEditorField } from "../../../types";
+import { BindComponent, CmsModelField } from "../../../types";
 interface UseBindProps {
-    field: CmsEditorField;
-    Bind: BindComponent & {
-        parentName?: string;
-    };
+    field: CmsModelField;
+    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,76 +1,98 @@
-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("../../../utils/createValidators");
+function useBind(_ref) {
   var ParentBind = _ref.Bind,
-      field = _ref.field;
-  var memoizedBindComponents = useRef({});
-  return useCallback(function () {
+    field = _ref.field;
+  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".
+    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)
-
     var name = [parentName, field.fieldId, index >= 0 ? index : undefined].filter(function (v) {
       return v !== undefined;
     }).join(".");
-
     if (memoizedBindComponents.current[name]) {
       return memoizedBindComponents.current[name];
     }
-
-    var validators = createValidators(field.validation || []);
-    var listValidators = createValidators(field.listValidation || []);
+    var validators = (0, _createValidators.createValidators)(field, field.validation || []);
+    var listValidators = (0, _createValidators.createValidators)(field, 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]));
+          props.appendValue = function (newValue, index) {
+            var currentValue = bind.value || [];
+            var newIndex = index !== null && index !== void 0 ? index : currentValue.length;
+            bind.onChange([].concat((0, _toConsumableArray2.default)(currentValue.slice(0, newIndex)), [newValue], (0, _toConsumableArray2.default)(currentValue.slice(newIndex))));
           };
-
           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;
+            }
+            var value = bind.value;
+            value = [].concat((0, _toConsumableArray2.default)(value.slice(0, index)), (0, _toConsumableArray2.default)(value.slice(index + 1)));
+            bind.onChange(value);
 
-              bind.form.validateInput(field.fieldId);
+            // 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);
           };
         }
-
         if (typeof children === "function") {
           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.
-
+    };
 
+    // We need to keep track of current field name, to support nested fields.
     memoizedBindComponents.current[name].parentName = name;
+    memoizedBindComponents.current[name].displayName = "ParentBind<".concat(name, ">");
     return memoizedBindComponents.current[name];
   }, [field.fieldId]);
 }

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","currentValue","value","newIndex","length","onChange","slice","prependValue","appendValues","newValues","removeValue","form","validateInput","moveValueUp","splice","moveValueDown","cloneElement","displayName"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, useCallback, cloneElement } from \"react\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/types\";\nimport { Validator } from \"@webiny/validation/types\";\n\ninterface UseBindProps {\n    field: CmsModelField;\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, field.validation || []);\n            const listValidators = createValidators(field, 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\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: any, index?: number) => {\n                                    const currentValue = bind.value || [];\n                                    const newIndex = index ?? currentValue.length;\n\n                                    bind.onChange([\n                                        ...currentValue.slice(0, newIndex),\n                                        newValue,\n                                        ...currentValue.slice(newIndex)\n                                    ]);\n                                };\n                                props.prependValue = (newValue: any) => {\n                                    bind.onChange([newValue, ...(bind.value || [])]);\n                                };\n                                props.appendValues = (newValues: any[]) => {\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            memoizedBindComponents.current[name].displayName = `ParentBind<${name}>`;\n\n            return memoizedBindComponents.current[name];\n        },\n        [field.fieldId]\n    );\n}\n"],"mappings":"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"}

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

@@ -1,22 +1,20 @@
 import { Dispatch, SetStateAction } from "react";
 import { FormOnSubmit } from "@webiny/form";
-import { CmsEditorContentModel, CmsEditorFieldRendererPlugin } from "../../../types";
+import { CmsEditorContentEntry, 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 {};