@webiny/app-headless-cms 5.40.0-beta.2 → 5.40.0-beta.3

package/admin/components/ContentEntryForm/Label.js

@@ -10,9 +10,9 @@ var _emotion = require("emotion");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Typography = require("@webiny/ui/Typography");
 var style = {
-  label: /*#__PURE__*/(0, _emotion.css)({
+  label: (0, _emotion.css)({
     marginBottom: "5px !important"
-  }, "label:label;")
+  })
 };
 var Label = function Label(_ref) {
   var children = _ref.children;
@@ -22,7 +22,6 @@ var Label = function Label(_ref) {
     use: "body2"
   }, children));
 };
-var _default = Label;
-exports.default = _default;
+var _default = exports.default = Label;
 
 //# sourceMappingURL=Label.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_classnames","_Typography","style","label","css","marginBottom","Label","_ref","children","default","createElement","className","classNames","Typography","use","_default","exports"],"sources":["Label.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst style = {\n    label: css({\n        marginBottom: \"5px !important\"\n    })\n};\n\ninterface LabelProps {\n    children?: React.ReactNode;\n}\n\nconst Label = ({ children }: LabelProps) => (\n    <div\n        className={classNames(\n            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n            style.label\n        )}\n    >\n        <Typography use={\"body2\"}>{children}</Typography>\n    </div>\n);\n\nexport default Label;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAMI,KAAK,GAAG;EACVC,KAAK,eAAE,IAAAC,YAAG,EAAC;IACPC,YAAY,EAAE;EAClB,CAAC;AACL,CAAC;AAMD,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,oBACrBZ,MAAA,CAAAa,OAAA,CAAAC,aAAA;IACIC,SAAS,EAAE,IAAAC,mBAAU,EACjB,mEAAmE,EACnEV,KAAK,CAACC,KACV;EAAE,gBAEFP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,WAAA,CAAAY,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEN,QAAqB,CAC/C,CAAC;AAAA,CACT;AAAC,IAAAO,QAAA,GAEaT,KAAK;AAAAU,OAAA,CAAAP,OAAA,GAAAM,QAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_classnames","_Typography","style","label","css","marginBottom","Label","_ref","children","default","createElement","className","classNames","Typography","use","_default","exports"],"sources":["Label.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst style = {\n    label: css({\n        marginBottom: \"5px !important\"\n    })\n};\n\ninterface LabelProps {\n    children?: React.ReactNode;\n}\n\nconst Label = ({ children }: LabelProps) => (\n    <div\n        className={classNames(\n            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n            style.label\n        )}\n    >\n        <Typography use={\"body2\"}>{children}</Typography>\n    </div>\n);\n\nexport default Label;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAEA,IAAMI,KAAK,GAAG;EACVC,KAAK,EAAE,IAAAC,YAAG,EAAC;IACPC,YAAY,EAAE;EAClB,CAAC;AACL,CAAC;AAMD,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;EAAA,IAAMC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,oBACrBZ,MAAA,CAAAa,OAAA,CAAAC,aAAA;IACIC,SAAS,EAAE,IAAAC,mBAAU,EACjB,mEAAmE,EACnEV,KAAK,CAACC,KACV;EAAE,gBAEFP,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACT,WAAA,CAAAY,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAEN,QAAqB,CAC/C,CAAC;AAAA,CACT;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAAP,OAAA,GAEaH,KAAK","ignoreList":[]}

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

@@ -21,5 +21,5 @@ interface ParentFieldProviderProps {
     path: string;
     children: React.ReactNode;
 }
-export declare const ParentFieldProvider: ({ path, value, children }: ParentFieldProviderProps) => JSX.Element;
+export declare const ParentFieldProvider: ({ path, value, children }: ParentFieldProviderProps) => React.JSX.Element;
 export {};

package/admin/components/ContentEntryForm/ParentValue.js

@@ -20,7 +20,7 @@ function useParentField() {
   }
   return level === 0 ? parent : parent.getParentField(level);
 }
-var ParentFieldProvider = function ParentFieldProvider(_ref) {
+var ParentFieldProvider = exports.ParentFieldProvider = function ParentFieldProvider(_ref) {
   var path = _ref.path,
     value = _ref.value,
     children = _ref.children;
@@ -62,6 +62,5 @@ var ParentFieldProvider = function ParentFieldProvider(_ref) {
     value: context
   }, children));
 };
-exports.ParentFieldProvider = ParentFieldProvider;
 
 //# sourceMappingURL=ParentValue.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_ModelFieldProvider","_form","ParentField","createContext","undefined","useParentField","level","arguments","length","parent","useContext","getParentField","ParentFieldProvider","_ref","path","value","children","form","useForm","formRef","useRef","field","fieldContext","useModelField","_unused","useEffect","current","data","setValue","useCallback","fieldId","cb","fieldPath","concat","get","context","default","createElement","type","Provider","exports"],"sources":["ParentValue.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef } from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelField } from \"@webiny/app-headless-cms-common/types\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { useForm, FormAPI } from \"@webiny/form\";\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"hcms-parent-field-provider\": React.HTMLProps<HTMLDivElement>;\n        }\n    }\n}\n\ninterface ParentField {\n    value: any;\n    setValue: (fieldId: string, cb: (prevValue: any) => any) => void;\n    field: CmsModelField;\n    getParentField(level: number): ParentField | undefined;\n    path: string;\n}\n\nconst ParentField = createContext<ParentField | undefined>(undefined);\n\nexport function useParentField(level = 0): ParentField | undefined {\n    const parent = useContext(ParentField);\n\n    if (!parent) {\n        return undefined;\n    }\n\n    return level === 0 ? parent : parent.getParentField(level);\n}\n\ninterface ParentFieldProviderProps {\n    value: any;\n    path: string;\n    children: React.ReactNode;\n}\n\nexport const ParentFieldProvider = ({ path, value, children }: ParentFieldProviderProps) => {\n    const parent = useContext(ParentField);\n    const form = useForm();\n    const formRef = useRef<FormAPI>();\n\n    let field: CmsModelField | undefined;\n    try {\n        const fieldContext = useModelField();\n        field = fieldContext.field;\n    } catch {\n        field = undefined;\n    }\n\n    const getParentField = (level = 0) => {\n        return parent ? (level === 0 ? parent : parent.getParentField(level - 1)) : undefined;\n    };\n\n    useEffect(() => {\n        formRef.current = form;\n    }, [form.data]);\n\n    const setValue = useCallback<ParentField[\"setValue\"]>((fieldId, cb) => {\n        const fieldPath = `${path}.${fieldId}`;\n        if (!path || !formRef.current) {\n            return;\n        }\n\n        formRef.current.setValue(fieldPath, cb(get(formRef.current.data, fieldPath)));\n    }, []);\n\n    const context: ParentField | undefined = field\n        ? {\n              value,\n              field,\n              getParentField,\n              path,\n              setValue\n          }\n        : undefined;\n\n    return (\n        <hcms-parent-field-provider data-path={path} data-field-type={field?.type}>\n            <ParentField.Provider value={context}>{children}</ParentField.Provider>\n        </hcms-parent-field-provider>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAmBA,IAAMK,WAAW,gBAAG,IAAAC,oBAAa,EAA0BC,SAAS,CAAC;AAE9D,SAASC,cAAcA,CAAA,EAAqC;EAAA,IAApCC,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAH,SAAA,GAAAG,SAAA,MAAG,CAAC;EACpC,IAAME,MAAM,GAAG,IAAAC,iBAAU,EAACR,WAAW,CAAC;EAEtC,IAAI,CAACO,MAAM,EAAE;IACT,OAAOL,SAAS;EACpB;EAEA,OAAOE,KAAK,KAAK,CAAC,GAAGG,MAAM,GAAGA,MAAM,CAACE,cAAc,CAACL,KAAK,CAAC;AAC9D;AAQO,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAA4D;EAAA,IAAtDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACvD,IAAMP,MAAM,GAAG,IAAAC,iBAAU,EAACR,WAAW,CAAC;EACtC,IAAMe,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EACtB,IAAMC,OAAO,GAAG,IAAAC,aAAM,EAAU,CAAC;EAEjC,IAAIC,KAAgC;EACpC,IAAI;IACA,IAAMC,YAAY,GAAG,IAAAC,iCAAa,EAAC,CAAC;IACpCF,KAAK,GAAGC,YAAY,CAACD,KAAK;EAC9B,CAAC,CAAC,OAAAG,OAAA,EAAM;IACJH,KAAK,GAAGjB,SAAS;EACrB;EAEA,IAAMO,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAkB;IAAA,IAAdL,KAAK,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAH,SAAA,GAAAG,SAAA,MAAG,CAAC;IAC7B,OAAOE,MAAM,GAAIH,KAAK,KAAK,CAAC,GAAGG,MAAM,GAAGA,MAAM,CAACE,cAAc,CAACL,KAAK,GAAG,CAAC,CAAC,GAAIF,SAAS;EACzF,CAAC;EAED,IAAAqB,gBAAS,EAAC,YAAM;IACZN,OAAO,CAACO,OAAO,GAAGT,IAAI;EAC1B,CAAC,EAAE,CAACA,IAAI,CAACU,IAAI,CAAC,CAAC;EAEf,IAAMC,QAAQ,GAAG,IAAAC,kBAAW,EAA0B,UAACC,OAAO,EAAEC,EAAE,EAAK;IACnE,IAAMC,SAAS,MAAAC,MAAA,CAAMnB,IAAI,OAAAmB,MAAA,CAAIH,OAAO,CAAE;IACtC,IAAI,CAAChB,IAAI,IAAI,CAACK,OAAO,CAACO,OAAO,EAAE;MAC3B;IACJ;IAEAP,OAAO,CAACO,OAAO,CAACE,QAAQ,CAACI,SAAS,EAAED,EAAE,CAAC,IAAAG,YAAG,EAACf,OAAO,CAACO,OAAO,CAACC,IAAI,EAAEK,SAAS,CAAC,CAAC,CAAC;EACjF,CAAC,EAAE,EAAE,CAAC;EAEN,IAAMG,OAAgC,GAAGd,KAAK,GACxC;IACIN,KAAK,EAALA,KAAK;IACLM,KAAK,EAALA,KAAK;IACLV,cAAc,EAAdA,cAAc;IACdG,IAAI,EAAJA,IAAI;IACJc,QAAQ,EAARA;EACJ,CAAC,GACDxB,SAAS;EAEf,oBACIT,MAAA,CAAAyC,OAAA,CAAAC,aAAA;IAA4B,aAAWvB,IAAK;IAAC,mBAAiBO,KAAK,EAAEiB;EAAK,gBACtE3C,MAAA,CAAAyC,OAAA,CAAAC,aAAA,CAACnC,WAAW,CAACqC,QAAQ;IAACxB,KAAK,EAAEoB;EAAQ,GAAEnB,QAA+B,CAC9C,CAAC;AAErC,CAAC;AAACwB,OAAA,CAAA5B,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_ModelFieldProvider","_form","ParentField","createContext","undefined","useParentField","level","arguments","length","parent","useContext","getParentField","ParentFieldProvider","exports","_ref","path","value","children","form","useForm","formRef","useRef","field","fieldContext","useModelField","_unused","useEffect","current","data","setValue","useCallback","fieldId","cb","fieldPath","concat","get","context","default","createElement","type","Provider"],"sources":["ParentValue.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef } from \"react\";\nimport get from \"lodash/get\";\nimport { CmsModelField } from \"@webiny/app-headless-cms-common/types\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider\";\nimport { useForm, FormAPI } from \"@webiny/form\";\n\ndeclare global {\n    // eslint-disable-next-line\n    namespace JSX {\n        interface IntrinsicElements {\n            \"hcms-parent-field-provider\": React.HTMLProps<HTMLDivElement>;\n        }\n    }\n}\n\ninterface ParentField {\n    value: any;\n    setValue: (fieldId: string, cb: (prevValue: any) => any) => void;\n    field: CmsModelField;\n    getParentField(level: number): ParentField | undefined;\n    path: string;\n}\n\nconst ParentField = createContext<ParentField | undefined>(undefined);\n\nexport function useParentField(level = 0): ParentField | undefined {\n    const parent = useContext(ParentField);\n\n    if (!parent) {\n        return undefined;\n    }\n\n    return level === 0 ? parent : parent.getParentField(level);\n}\n\ninterface ParentFieldProviderProps {\n    value: any;\n    path: string;\n    children: React.ReactNode;\n}\n\nexport const ParentFieldProvider = ({ path, value, children }: ParentFieldProviderProps) => {\n    const parent = useContext(ParentField);\n    const form = useForm();\n    const formRef = useRef<FormAPI>();\n\n    let field: CmsModelField | undefined;\n    try {\n        const fieldContext = useModelField();\n        field = fieldContext.field;\n    } catch {\n        field = undefined;\n    }\n\n    const getParentField = (level = 0) => {\n        return parent ? (level === 0 ? parent : parent.getParentField(level - 1)) : undefined;\n    };\n\n    useEffect(() => {\n        formRef.current = form;\n    }, [form.data]);\n\n    const setValue = useCallback<ParentField[\"setValue\"]>((fieldId, cb) => {\n        const fieldPath = `${path}.${fieldId}`;\n        if (!path || !formRef.current) {\n            return;\n        }\n\n        formRef.current.setValue(fieldPath, cb(get(formRef.current.data, fieldPath)));\n    }, []);\n\n    const context: ParentField | undefined = field\n        ? {\n              value,\n              field,\n              getParentField,\n              path,\n              setValue\n          }\n        : undefined;\n\n    return (\n        <hcms-parent-field-provider data-path={path} data-field-type={field?.type}>\n            <ParentField.Provider value={context}>{children}</ParentField.Provider>\n        </hcms-parent-field-provider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getValue = void 0;
-var getValue = function getValue(params) {
+var getValue = exports.getValue = function getValue(params) {
   var bind = params.bind,
     field = params.field,
     index = params.index;
@@ -20,6 +20,5 @@ var getValue = function getValue(params) {
   }
   return value;
 };
-exports.getValue = getValue;
 
 //# sourceMappingURL=getValue.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["getValue","params","bind","field","index","value","multipleValues","Array","isArray","exports"],"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,QAAQA,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;AAACI,OAAA,CAAAT,QAAA,GAAAA,QAAA"}
+{"version":3,"names":["getValue","exports","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,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,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","ignoreList":[]}

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.setValue = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var setValue = function setValue(params) {
+var setValue = exports.setValue = function setValue(params) {
   var value = params.value,
     bind = params.bind,
     field = params.field,
@@ -23,6 +23,5 @@ var setValue = function setValue(params) {
   }
   bind.onChange(newValue);
 };
-exports.setValue = setValue;
 
 //# sourceMappingURL=setValue.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["setValue","params","value","bind","field","index","newValue","multipleValues","_toConsumableArray2","default","onChange","exports"],"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,QAAQA,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,OAAAC,mBAAA,CAAAC,OAAA,EAAQN,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,CAACO,QAAQ,CAACJ,QAAQ,CAAC;AAC3B,CAAC;AAACK,OAAA,CAAAX,QAAA,GAAAA,QAAA"}
+{"version":3,"names":["setValue","exports","params","value","bind","field","index","newValue","multipleValues","_toConsumableArray2","default","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,GAAAC,OAAA,CAAAD,QAAA,GAAG,SAAXA,QAAQA,CAAIE,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,OAAAC,mBAAA,CAAAC,OAAA,EAAQN,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,CAACO,QAAQ,CAACJ,QAAQ,CAAC;AAC3B,CAAC","ignoreList":[]}

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

@@ -6,5 +6,5 @@ interface UseBindProps {
 export interface GetBindCallable {
     (index?: number): BindComponent;
 }
-export declare function useBind({ Bind, field }: UseBindProps): (index?: any) => BindComponent<any, any>;
+export declare function useBind({ Bind, field }: UseBindProps): (index?: number) => BindComponent<any>;
 export {};

package/admin/components/ContentEntryForm/useBind.js

@@ -9,28 +9,36 @@ 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 _form = require("@webiny/form");
 var _createValidators = require("../../../utils/createValidators");
+var createFieldCacheKey = function createFieldCacheKey(field) {
+  return [field.id, field.fieldId, JSON.stringify(field.validation), JSON.stringify(field.listValidation)].join(";");
+};
 function useBind(_ref) {
   var Bind = _ref.Bind,
     field = _ref.field;
   var memoizedBindComponents = (0, _react.useRef)({});
+  var cacheKey = createFieldCacheKey(field);
+  var form = (0, _form.useForm)();
   return (0, _react.useCallback)(function () {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
     var parentName = Bind.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 componentId = "".concat(name, ";").concat(cacheKey);
+    if (memoizedBindComponents.current[componentId]) {
+      return memoizedBindComponents.current[componentId];
     }
     var validators = (0, _createValidators.createValidators)(field, field.validation || []);
     var listValidators = (0, _createValidators.createValidators)(field, field.listValidation || []);
     var defaultValue = undefined;
     var isMultipleValues = index === -1 && field.multipleValues;
     var inputValidators = isMultipleValues ? listValidators : validators;
-    memoizedBindComponents.current[name] = function UseBind(params) {
+    memoizedBindComponents.current[componentId] = function UseBind(params) {
       var childName = params.name,
         childValidators = params.validators,
         children = params.children;
@@ -62,7 +70,7 @@ function useBind(_ref) {
             bind.onChange(value);
 
             // To make sure the field is still valid, we must trigger validation.
-            bind.form.validateInput(field.fieldId);
+            form.validateInput(field.fieldId);
           };
           props.moveValueUp = function (index) {
             if (index <= 0) {
@@ -89,10 +97,10 @@ function useBind(_ref) {
     };
 
     // We need to keep track of current field name, to support nested fields.
-    memoizedBindComponents.current[name].parentName = name;
-    memoizedBindComponents.current[name].displayName = "Bind<".concat(name, ">");
-    return memoizedBindComponents.current[name];
-  }, [field.fieldId]);
+    memoizedBindComponents.current[componentId].parentName = name;
+    memoizedBindComponents.current[componentId].displayName = "Bind<".concat(name, ">");
+    return memoizedBindComponents.current[componentId];
+  }, [field.fieldId, cacheKey]);
 }
 
 //# sourceMappingURL=useBind.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_createValidators","useBind","_ref","Bind","field","memoizedBindComponents","useRef","useCallback","index","arguments","length","undefined","parentName","name","fieldId","filter","v","join","current","validators","createValidators","validation","listValidators","listValidation","defaultValue","isMultipleValues","multipleValues","inputValidators","UseBind","params","childName","childValidators","children","default","createElement","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","concat","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","form","validateInput","moveValueUp","splice","moveValueDown","element","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, field }: UseBindProps) {\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n\n    return useCallback(\n        (index = -1) => {\n            const { parentName } = Bind;\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 = 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                    <Bind\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                            const element =\n                                typeof children === \"function\"\n                                    ? children(props)\n                                    : cloneElement(children, props);\n\n                            return element;\n                        }}\n                    </Bind>\n                );\n            } as BindComponent;\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 = `Bind<${name}>`;\n\n            return memoizedBindComponents.current[name];\n        },\n        [field.fieldId]\n    );\n}\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_form","_createValidators","createFieldCacheKey","field","id","fieldId","JSON","stringify","validation","listValidation","join","useBind","_ref","Bind","memoizedBindComponents","useRef","cacheKey","form","useForm","useCallback","index","arguments","length","undefined","parentName","name","filter","v","componentId","concat","current","validators","createValidators","listValidators","defaultValue","isMultipleValues","multipleValues","inputValidators","UseBind","params","childName","childValidators","children","default","createElement","bind","props","_objectSpread2","appendValue","newValue","currentValue","value","newIndex","onChange","_toConsumableArray2","slice","prependValue","appendValues","newValues","removeValue","validateInput","moveValueUp","splice","moveValueDown","element","cloneElement","displayName"],"sources":["useBind.tsx"],"sourcesContent":["import React, { useRef, useCallback, cloneElement } from \"react\";\nimport { Validator } from \"@webiny/validation/types\";\nimport { useForm } from \"@webiny/form\";\nimport { createValidators } from \"~/utils/createValidators\";\nimport { BindComponent, CmsModelField } from \"~/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\nconst createFieldCacheKey = (field: CmsModelField) => {\n    return [\n        field.id,\n        field.fieldId,\n        JSON.stringify(field.validation),\n        JSON.stringify(field.listValidation)\n    ].join(\";\");\n};\n\nexport interface GetBindCallable {\n    (index?: number): BindComponent;\n}\n\nexport function useBind({ Bind, field }: UseBindProps) {\n    const memoizedBindComponents = useRef<Record<string, BindComponent>>({});\n    const cacheKey = createFieldCacheKey(field);\n    const form = useForm();\n\n    return useCallback(\n        (index = -1) => {\n            const { parentName } = Bind;\n\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            const componentId = `${name};${cacheKey}`;\n\n            if (memoizedBindComponents.current[componentId]) {\n                return memoizedBindComponents.current[componentId];\n            }\n\n            const validators = createValidators(field, field.validation || []);\n            const listValidators = createValidators(field, field.listValidation || []);\n            const defaultValue: string[] | undefined = undefined;\n            const isMultipleValues = index === -1 && field.multipleValues;\n            const inputValidators = isMultipleValues ? listValidators : validators;\n\n            memoizedBindComponents.current[componentId] = function UseBind(params: UseBindParams) {\n                const { name: childName, validators: childValidators, children } = params;\n\n                return (\n                    <Bind\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                                    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                            const element =\n                                typeof children === \"function\"\n                                    ? children(props)\n                                    : cloneElement(children, props);\n\n                            return element;\n                        }}\n                    </Bind>\n                );\n            } as BindComponent;\n\n            // We need to keep track of current field name, to support nested fields.\n            memoizedBindComponents.current[componentId].parentName = name;\n            memoizedBindComponents.current[componentId].displayName = `Bind<${name}>`;\n\n            return memoizedBindComponents.current[componentId];\n        },\n        [field.fieldId, cacheKey]\n    );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,20 +1,8 @@
-import { Dispatch, SetStateAction } from "react";
-import { FormOnSubmit } from "@webiny/form";
-import { CmsContentEntry, CmsModelFieldRendererPlugin } from "../../../types";
-interface UseContentEntryForm {
-    data: Record<string, any>;
-    loading: boolean;
-    setLoading: Dispatch<SetStateAction<boolean>>;
-    onChange: FormOnSubmit<CmsContentEntry>;
-    onSubmit: FormOnSubmit<CmsContentEntry>;
-    invalidFields: Record<string, string>;
-    renderPlugins: CmsModelFieldRendererPlugin[];
-}
-export interface UseContentEntryFormParams {
-    entry: Partial<CmsContentEntry>;
-    onChange?: FormOnSubmit<CmsContentEntry>;
-    onSubmit?: FormOnSubmit<CmsContentEntry>;
-    addEntryToListCache: boolean;
-}
-export declare function useContentEntryForm(params: UseContentEntryFormParams): UseContentEntryForm;
-export {};
+import React from "react";
+import { ContentEntryFormContext } from "./ContentEntryFormProvider";
+export declare const useContentEntryForm: import("@webiny/react-composition").GenericHook<unknown, ContentEntryFormContext> & {
+    original: import("@webiny/react-composition").GenericHook<unknown, ContentEntryFormContext>;
+    originalName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition").Decorator<() => ContentEntryFormContext>) => () => React.JSX.Element;
+};