@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/components/ContentEntryForm/Header/ShowRevisionsList/ShowRevisionList.js

@@ -0,0 +1,21 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/checklist.svg";
+import { ContentEntryEditorConfig } from "../../../../config/contentEntries/index.js";
+import { useFullScreenContentEntry } from "../../../../views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.js";
+import { useContentEntry } from "../../../../views/contentEntries/hooks/index.js";
+const ShowRevisionList = ()=>{
+    const { openRevisionList } = useFullScreenContentEntry();
+    const { useOptionsMenuItem } = ContentEntryEditorConfig.Actions.MenuItemAction;
+    const { OptionsMenuItem } = useOptionsMenuItem();
+    const { entry } = useContentEntry();
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Show entry revisions",
+        disabled: !entry.id,
+        onAction: ()=>openRevisionList(true),
+        "data-testid": "cms.content-form.header.show-revisions"
+    });
+};
+export { ShowRevisionList };
+
+//# sourceMappingURL=ShowRevisionList.js.map

package/admin/components/ContentEntryForm/Header/ShowRevisionsList/ShowRevisionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/Header/ShowRevisionsList/ShowRevisionList.js","sources":["../../../../../../src/admin/components/ContentEntryForm/Header/ShowRevisionsList/ShowRevisionList.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ListIcon } from \"@webiny/icons/checklist.svg\";\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useFullScreenContentEntry } from \"~/admin/views/contentEntries/ContentEntry/FullScreenContentEntry/useFullScreenContentEntry.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nexport const ShowRevisionList = () => {\n    const { openRevisionList } = useFullScreenContentEntry();\n    const { useOptionsMenuItem } = ContentEntryEditorConfig.Actions.MenuItemAction;\n    const { OptionsMenuItem } = useOptionsMenuItem();\n    const { entry } = useContentEntry();\n\n    return (\n        <OptionsMenuItem\n            icon={<ListIcon />}\n            label={\"Show entry revisions\"}\n            disabled={!entry.id}\n            onAction={() => openRevisionList(true)}\n            data-testid={\"cms.content-form.header.show-revisions\"}\n        />\n    );\n};\n"],"names":["ShowRevisionList","openRevisionList","useFullScreenContentEntry","useOptionsMenuItem","ContentEntryEditorConfig","OptionsMenuItem","entry","useContentEntry","ListIcon"],"mappings":";;;;;AAMO,MAAMA,mBAAmB;IAC5B,MAAM,EAAEC,gBAAgB,EAAE,GAAGC;IAC7B,MAAM,EAAEC,kBAAkB,EAAE,GAAGC,yBAAyB,OAAO,CAAC,cAAc;IAC9E,MAAM,EAAEC,eAAe,EAAE,GAAGF;IAC5B,MAAM,EAAEG,KAAK,EAAE,GAAGC;IAElB,OAAO,WAAP,GACI,oBAACF,iBAAAA;QACG,oBAAM,oBAACG,gBAAQA;QACf,OAAO;QACP,UAAU,CAACF,MAAM,EAAE;QACnB,UAAU,IAAML,iBAAiB;QACjC,eAAa;;AAGzB"}

package/admin/components/ContentEntryForm/Header/ShowRevisionsList/index.d.ts

@@ -0,0 +1 @@
+export * from "./ShowRevisionList.js";

package/admin/components/ContentEntryForm/Header/ShowRevisionsList/index.js

@@ -0,0 +1 @@
+export * from "./ShowRevisionList.js";

package/admin/components/ContentEntryForm/Header/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./Header.js";
+export * from "./DeleteEntry/index.js";
+export * from "./RevisionSelector/index.js";
+export * from "./SaveAndPublishContent/index.js";
+export * from "./SaveContent/index.js";

package/admin/components/ContentEntryForm/Header/index.js

@@ -0,0 +1,5 @@
+export * from "./Header.js";
+export * from "./DeleteEntry/index.js";
+export * from "./RevisionSelector/index.js";
+export * from "./SaveAndPublishContent/index.js";
+export * from "./SaveContent/index.js";

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

@@ -1,3 +1 @@
-import React from "react";
-declare const Label: React.FC;
-export default Label;
+export * from "@webiny/app-headless-cms-common/Fields/Label.js";

package/admin/components/ContentEntryForm/Label.js

@@ -1,34 +1 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _emotion = require("emotion");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _Typography = require("@webiny/ui/Typography");
-
-var style = {
-  label: /*#__PURE__*/(0, _emotion.css)({
-    marginBottom: "5px !important"
-  }, "label:label;")
-};
-
-var Label = function Label(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", style.label)
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, children));
-};
-
-var _default = Label;
-exports.default = _default;
+export * from "@webiny/app-headless-cms-common/Fields/Label.js";

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

@@ -0,0 +1,25 @@
+import React from "react";
+import type { CmsModelField } from "@webiny/app-headless-cms-common/types/index.js";
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "hcms-parent-field-provider": React.HTMLProps<HTMLDivElement>;
+        }
+    }
+}
+interface ParentField {
+    value: any;
+    setValue: (fieldId: string, cb: (prevValue: any) => any) => void;
+    field: CmsModelField;
+    getParentField(level: number): ParentField | undefined;
+    path: string;
+}
+declare const ParentField: React.Context<ParentField | undefined>;
+export declare function useParentField(level?: number): ParentField | undefined;
+interface ParentFieldProviderProps {
+    value: any;
+    path: string;
+    children: React.ReactNode;
+}
+export declare const ParentFieldProvider: ({ path, value, children }: ParentFieldProviderProps) => React.JSX.Element;
+export {};

package/admin/components/ContentEntryForm/ParentValue.js

@@ -0,0 +1,49 @@
+import react, { createContext, useCallback, useContext, useEffect, useRef } from "react";
+import get from "lodash/get.js";
+import { useModelField } from "../ModelFieldProvider/index.js";
+import { useForm } from "@webiny/form";
+const ParentField = /*#__PURE__*/ createContext(void 0);
+function useParentField(level = 0) {
+    const parent = useContext(ParentField);
+    if (!parent) return;
+    return 0 === level ? parent : parent.getParentField(level - 1);
+}
+const ParentFieldProvider = ({ path, value, children })=>{
+    const parent = useContext(ParentField);
+    const form = useForm();
+    const formRef = useRef(null);
+    let field;
+    try {
+        const fieldContext = useModelField();
+        field = fieldContext.field;
+    } catch  {
+        field = void 0;
+    }
+    const getParentField = (level = 0)=>parent ? 0 === level ? parent : parent.getParentField(level - 1) : void 0;
+    useEffect(()=>{
+        formRef.current = form;
+    }, [
+        form.data
+    ]);
+    const setValue = useCallback((fieldId, cb)=>{
+        const fieldPath = `${path}.${fieldId}`;
+        if (!path || !formRef.current) return;
+        formRef.current.setValue(fieldPath, cb(get(formRef.current.data, fieldPath)));
+    }, []);
+    const context = field ? {
+        value,
+        field,
+        getParentField,
+        path,
+        setValue
+    } : void 0;
+    return /*#__PURE__*/ react.createElement("hcms-parent-field-provider", {
+        "data-path": path,
+        "data-field-type": field?.type
+    }, /*#__PURE__*/ react.createElement(ParentField.Provider, {
+        value: context
+    }, children));
+};
+export { ParentFieldProvider, useParentField };
+
+//# sourceMappingURL=ParentValue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/ParentValue.js","sources":["../../../../src/admin/components/ContentEntryForm/ParentValue.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useEffect, useRef } from \"react\";\nimport get from \"lodash/get.js\";\nimport type { CmsModelField } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { useModelField } from \"~/admin/components/ModelFieldProvider/index.js\";\nimport type { FormAPI } from \"@webiny/form\";\nimport { useForm } from \"@webiny/form\";\n\ndeclare module \"react\" {\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 - 1);\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 | null>(null);\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"],"names":["ParentField","createContext","undefined","useParentField","level","parent","useContext","ParentFieldProvider","path","value","children","form","useForm","formRef","useRef","field","fieldContext","useModelField","getParentField","useEffect","setValue","useCallback","fieldId","cb","fieldPath","get","context"],"mappings":";;;;AAuBA,MAAMA,cAAc,WAAHA,GAAGC,cAAuCC;AAEpD,SAASC,eAAeC,QAAQ,CAAC;IACpC,MAAMC,SAASC,WAAWN;IAE1B,IAAI,CAACK,QACD;IAGJ,OAAOD,AAAU,MAAVA,QAAcC,SAASA,OAAO,cAAc,CAACD,QAAQ;AAChE;AAQO,MAAMG,sBAAsB,CAAC,EAAEC,IAAI,EAAEC,KAAK,EAAEC,QAAQ,EAA4B;IACnF,MAAML,SAASC,WAAWN;IAC1B,MAAMW,OAAOC;IACb,MAAMC,UAAUC,OAAuB;IAEvC,IAAIC;IACJ,IAAI;QACA,MAAMC,eAAeC;QACrBF,QAAQC,aAAa,KAAK;IAC9B,EAAE,OAAM;QACJD,QAAQb;IACZ;IAEA,MAAMgB,iBAAiB,CAACd,QAAQ,CAAC,GACtBC,SAAUD,AAAU,MAAVA,QAAcC,SAASA,OAAO,cAAc,CAACD,QAAQ,KAAMF;IAGhFiB,UAAU;QACNN,QAAQ,OAAO,GAAGF;IACtB,GAAG;QAACA,KAAK,IAAI;KAAC;IAEd,MAAMS,WAAWC,YAAqC,CAACC,SAASC;QAC5D,MAAMC,YAAY,GAAGhB,KAAK,CAAC,EAAEc,SAAS;QACtC,IAAI,CAACd,QAAQ,CAACK,QAAQ,OAAO,EACzB;QAGJA,QAAQ,OAAO,CAAC,QAAQ,CAACW,WAAWD,GAAGE,IAAIZ,QAAQ,OAAO,CAAC,IAAI,EAAEW;IACrE,GAAG,EAAE;IAEL,MAAME,UAAmCX,QACnC;QACIN;QACAM;QACAG;QACAV;QACAY;IACJ,IACAlB;IAEN,OAAO,WAAP,GACI,oBAAC;QAA2B,aAAWM;QAAM,mBAAiBO,OAAO;qBACjE,oBAACf,YAAY,QAAQ;QAAC,OAAO0B;OAAUhB;AAGnD"}

package/admin/components/ContentEntryForm/SingletonHeader/SaveAction.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const SaveAction: () => React.JSX.Element;

package/admin/components/ContentEntryForm/SingletonHeader/SaveAction.js

@@ -0,0 +1,16 @@
+import react from "react";
+import { ContentEntryEditorConfig } from "../../../config/contentEntries/index.js";
+import { useContentEntryForm } from "../useContentEntryForm.js";
+const { Actions: Actions } = ContentEntryEditorConfig;
+const SaveAction = ()=>{
+    const { useButtons } = Actions.ButtonAction;
+    const { ButtonPrimary } = useButtons();
+    const { saveEntry } = useContentEntryForm();
+    return /*#__PURE__*/ react.createElement(ButtonPrimary, {
+        "data-testid": "cms-content-save-content-button",
+        onAction: saveEntry
+    }, "Save");
+};
+export { SaveAction };
+
+//# sourceMappingURL=SaveAction.js.map

package/admin/components/ContentEntryForm/SingletonHeader/SaveAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/SingletonHeader/SaveAction.js","sources":["../../../../../src/admin/components/ContentEntryForm/SingletonHeader/SaveAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useContentEntryForm } from \"~/admin/components/ContentEntryForm/useContentEntryForm.js\";\n\nconst { Actions } = ContentEntryEditorConfig;\n\nexport const SaveAction = () => {\n    const { useButtons } = Actions.ButtonAction;\n    const { ButtonPrimary } = useButtons();\n    const { saveEntry } = useContentEntryForm();\n\n    return (\n        <ButtonPrimary data-testid={\"cms-content-save-content-button\"} onAction={saveEntry}>\n            Save\n        </ButtonPrimary>\n    );\n};\n"],"names":["Actions","ContentEntryEditorConfig","SaveAction","useButtons","ButtonPrimary","saveEntry","useContentEntryForm"],"mappings":";;;AAIA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,aAAa;IACtB,MAAM,EAAEC,UAAU,EAAE,GAAGH,QAAQ,YAAY;IAC3C,MAAM,EAAEI,aAAa,EAAE,GAAGD;IAC1B,MAAM,EAAEE,SAAS,EAAE,GAAGC;IAEtB,OAAO,WAAP,GACI,oBAACF,eAAAA;QAAc,eAAa;QAAmC,UAAUC;OAAW;AAI5F"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface SingletonHeaderProps {
+    title: string;
+}
+export declare const SingletonHeader: ({ title }: SingletonHeaderProps) => React.JSX.Element;

package/admin/components/ContentEntryForm/SingletonHeader/SingletonHeader.js

@@ -0,0 +1,26 @@
+import react from "react";
+import { Buttons } from "@webiny/app-admin";
+import { SaveAction } from "./SaveAction.js";
+import { Grid, Heading } from "@webiny/admin-ui";
+const SingletonHeader = ({ title })=>/*#__PURE__*/ react.createElement("div", {
+        className: "p-md pl-lg border-b-sm border-neutral-dimmed-darker"
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 9
+    }, /*#__PURE__*/ react.createElement(Heading, {
+        level: 4,
+        className: "truncate"
+    }, title)), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 3
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-end"
+    }, /*#__PURE__*/ react.createElement(Buttons, {
+        actions: [
+            {
+                name: "save",
+                element: /*#__PURE__*/ react.createElement(SaveAction, null)
+            }
+        ]
+    })))));
+export { SingletonHeader };
+
+//# sourceMappingURL=SingletonHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntryForm/SingletonHeader/SingletonHeader.js","sources":["../../../../../src/admin/components/ContentEntryForm/SingletonHeader/SingletonHeader.tsx"],"sourcesContent":["import React from \"react\";\nimport { Buttons } from \"@webiny/app-admin\";\nimport { SaveAction } from \"./SaveAction.js\";\nimport { Grid, Heading } from \"@webiny/admin-ui\";\n\nexport interface SingletonHeaderProps {\n    title: string;\n}\n\nexport const SingletonHeader = ({ title }: SingletonHeaderProps) => {\n    return (\n        <div className={\"p-md pl-lg border-b-sm border-neutral-dimmed-darker\"}>\n            <Grid>\n                <Grid.Column span={9}>\n                    <Heading level={4} className={\"truncate\"}>\n                        {title}\n                    </Heading>\n                </Grid.Column>\n                <Grid.Column span={3}>\n                    <div className=\"flex items-center justify-end\">\n                        <Buttons actions={[{ name: \"save\", element: <SaveAction /> }]} />\n                    </div>\n                </Grid.Column>\n            </Grid>\n        </div>\n    );\n};\n"],"names":["SingletonHeader","title","Grid","Heading","Buttons","SaveAction"],"mappings":";;;;AASO,MAAMA,kBAAkB,CAAC,EAAEC,KAAK,EAAwB,GACpD,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACC,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACC,SAAOA;QAAC,OAAO;QAAG,WAAW;OACzBF,SAAAA,WAAAA,GAGT,oBAACC,KAAK,MAAM;QAAC,MAAM;qBACf,oBAAC;QAAI,WAAU;qBACX,oBAACE,SAAOA;QAAC,SAAS;YAAC;gBAAE,MAAM;gBAAQ,SAAS,WAAT,GAAS,oBAACC,YAAUA;YAAI;SAAE"}

package/admin/components/ContentEntryForm/SingletonHeader/index.d.ts

@@ -0,0 +1 @@
+export * from "./SingletonHeader.js";

package/admin/components/ContentEntryForm/SingletonHeader/index.js

@@ -0,0 +1 @@
+export * from "./SingletonHeader.js";

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

@@ -0,0 +1 @@
+export * from "@webiny/app-headless-cms-common/createValidationContainer.js";

package/admin/components/ContentEntryForm/createValidationContainer.js

@@ -0,0 +1 @@
+export * from "@webiny/app-headless-cms-common/createValidationContainer.js";

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

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

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

@@ -1,29 +1,12 @@
-"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 = [];
+const getValue = (params)=>{
+    const { bind, field, index } = params;
+    let value = bind.value || null;
+    if (field.list) {
+        if (!Array.isArray(value)) value = [];
+        if (index >= 0) return value[index] || null;
     }
-
-    if (index >= 0) {
-      return value[index] || null;
-    }
-
     return value;
-  }
-
-  return value;
 };
+export { getValue };
 
-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"],"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"}
+{"version":3,"file":"admin/components/ContentEntryForm/functions/getValue.js","sources":["../../../../../src/admin/components/ContentEntryForm/functions/getValue.ts"],"sourcesContent":["import type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface GetValueParams {\n    bind: BindComponentRenderProp;\n    field: Pick<CmsModelField, \"list\">;\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.list) {\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"],"names":["getValue","params","bind","field","index","value","Array"],"mappings":"AAQO,MAAMA,WAAW,CAACC;IACrB,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGH;IAC/B,IAAII,QAAQH,KAAK,KAAK,IAAI;IAE1B,IAAIC,MAAM,IAAI,EAAE;QACZ,IAAI,CAACG,MAAM,OAAO,CAACD,QACfA,QAAQ,EAAE;QAGd,IAAID,SAAS,GACT,OAAOC,KAAK,CAACD,MAAM,IAAI;IAI/B;IAEA,OAAOC;AACX"}

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

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

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

@@ -1,32 +1,13 @@
-"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;
-    } else {
-      newValue = value;
-    }
-  } else {
-    newValue = value;
-  }
-
-  bind.onChange(newValue);
+const setValue = (params)=>{
+    const { value, bind, field, index } = params;
+    let newValue = field.list ? [
+        ...bind.value || []
+    ] : bind.value;
+    if (field.list) if (index >= 0) newValue[index] = value;
+    else newValue = value;
+    else newValue = value;
+    bind.onChange(newValue);
 };
+export { setValue };
 
-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","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"}
+{"version":3,"file":"admin/components/ContentEntryForm/functions/setValue.js","sources":["../../../../../src/admin/components/ContentEntryForm/functions/setValue.ts"],"sourcesContent":["import type { CmsModelField } from \"~/types.js\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\n\ninterface setValueParams {\n    value: string[];\n    bind: BindComponentRenderProp;\n    field: Pick<CmsModelField, \"list\">;\n    index: number;\n}\nexport const setValue = (params: setValueParams): void => {\n    const { value, bind, field, index } = params;\n    let newValue = field.list ? [...(bind.value || [])] : bind.value;\n\n    if (field.list) {\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"],"names":["setValue","params","value","bind","field","index","newValue"],"mappings":"AASO,MAAMA,WAAW,CAACC;IACrB,MAAM,EAAEC,KAAK,EAAEC,IAAI,EAAEC,KAAK,EAAEC,KAAK,EAAE,GAAGJ;IACtC,IAAIK,WAAWF,MAAM,IAAI,GAAG;WAAKD,KAAK,KAAK,IAAI,EAAE;KAAE,GAAGA,KAAK,KAAK;IAEhE,IAAIC,MAAM,IAAI,EACV,IAAIC,SAAS,GACTC,QAAQ,CAACD,MAAM,GAAGH;SAElBI,WAAWJ;SAGfI,WAAWJ;IAGfC,KAAK,QAAQ,CAACG;AAClB"}

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

@@ -1,10 +1 @@
-import { BindComponent, CmsEditorField } from "../../../types";
-interface UseBindProps {
-    field: CmsEditorField;
-    Bind: BindComponent;
-}
-export interface GetBindCallable {
-    (index?: number): BindComponent;
-}
-export declare function useBind({ Bind: ParentBind, field }: UseBindProps): (index?: any) => BindComponent;
-export {};
+export * from "@webiny/app-headless-cms-common/Fields/useBind.js";

package/admin/components/ContentEntryForm/useBind.js

@@ -1,115 +1 @@
-"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 = (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)
-
-    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 = (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(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 = (0, _objectSpread2.default)({}, bind);
-
-        if (field.multipleValues && index === -1) {
-          props.appendValue = function (newValue) {
-            bind.onChange([].concat((0, _toConsumableArray2.default)(bind.value), [newValue]));
-          };
-
-          props.prependValue = function (newValue) {
-            bind.onChange([newValue].concat((0, _toConsumableArray2.default)(bind.value)));
-          };
-
-          props.appendValues = function (newValues) {
-            bind.onChange([].concat((0, _toConsumableArray2.default)(bind.value), (0, _toConsumableArray2.default)(newValues)));
-          };
-
-          props.removeValue = function (index) {
-            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); // 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__*/(0, _react.cloneElement)(children, props);
-      });
-    }; // We need to keep track of current field name, to support nested fields.
-
-
-    memoizedBindComponents.current[name].parentName = name;
-    return memoizedBindComponents.current[name];
-  }, [field.fieldId]);
-} // [0,1,2,3,4,5]
+export * from "@webiny/app-headless-cms-common/Fields/useBind.js";

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

@@ -1,21 +1,8 @@
-import { Dispatch, SetStateAction } from "react";
-import { FormOnSubmit } from "@webiny/form";
-import { CmsEditorContentEntry, CmsEditorContentModel, CmsEditorFieldRendererPlugin } from "../../../types";
-interface UseContentEntryForm {
-    data: Record<string, any>;
-    loading: boolean;
-    setLoading: Dispatch<SetStateAction<boolean>>;
-    onChange: FormOnSubmit;
-    onSubmit: FormOnSubmit;
-    invalidFields: Record<string, string>;
-    renderPlugins: CmsEditorFieldRendererPlugin[];
-}
-export interface UseContentEntryFormParams {
-    contentModel: CmsEditorContentModel;
-    entry: Partial<CmsEditorContentEntry>;
-    onChange?: FormOnSubmit;
-    onSubmit?: FormOnSubmit;
-    addEntryToListCache: boolean;
-}
-export declare function useContentEntryForm(params: UseContentEntryFormParams): UseContentEntryForm;
-export {};
+import React from "react";
+import { ContentEntryFormContext } from "./ContentEntryFormProvider.js";
+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;
+};