@webiny/app-headless-cms 6.3.0 → 6.4.0-beta.1

package/admin/components/ContentEntryForm/ContentEntryForm.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from "react";
+import react, { useEffect, useRef } from "react";
 import { makeDecoratable } from "@webiny/app-admin";
 import { ModelProvider, useModel } from "../ModelProvider/index.js";
 import { useFormRenderer } from "./useFormRenderer.js";
@@ -6,62 +6,48 @@ import { ContentEntryFormProvider } from "./ContentEntryFormProvider.js";
 import { CustomLayout } from "./CustomLayout.js";
 import { DefaultLayout } from "./DefaultLayout.js";
 import { useGoToRevision } from "./useGoToRevision.js";
-export const ContentEntryForm = makeDecoratable("ContentEntryForm", ({
-  entry,
-  persistEntry,
-  onChange,
-  onInvalidFields,
-  onAfterCreate,
-  setSaveEntry,
-  header = true,
-  ...props
-}) => {
-  const formElementRef = useRef(null);
-  const {
-    model
-  } = useModel();
-  const {
-    goToRevision
-  } = useGoToRevision();
-  const formRenderer = useFormRenderer(model);
-  const defaultOnAfterCreate = entry => {
-    goToRevision(entry.id);
-  };
-
-  // When entry changes, scroll to the top of the form.
-  useEffect(() => {
-    if (!formElementRef.current) {
-      return;
-    }
-    setTimeout(() => {
-      formElementRef.current?.scrollTo(0, 0);
-    }, 20);
-  }, [entry.id, formElementRef.current]);
-  if (model.isBeingDeleted) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, "Model is being deleted.");
-  }
-  return /*#__PURE__*/React.createElement(ContentEntryFormProvider, {
-    model: model,
-    entry: entry,
-    onChange: onChange,
-    onInvalidFields: onInvalidFields,
-    onAfterCreate: onAfterCreate || defaultOnAfterCreate,
-    setSaveEntry: setSaveEntry,
-    confirmNavigationIfDirty: true,
-    persistEntry: persistEntry
-  }, /*#__PURE__*/React.createElement(ModelProvider, {
-    model: model
-  }, header ? header : null, /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
-    id: "cms-content-form",
-    "data-element": "cms-content-form",
-    "data-testid": "cms-content-form",
-    ref: formElementRef
-  }), formRenderer ? /*#__PURE__*/React.createElement(CustomLayout, {
-    model: model,
-    formRenderer: formRenderer
-  }) : /*#__PURE__*/React.createElement(DefaultLayout, {
-    model: model
-  }))));
+const ContentEntryForm = makeDecoratable("ContentEntryForm", ({ entry, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, header = true, ...props })=>{
+    const formElementRef = useRef(null);
+    const { model } = useModel();
+    const { goToRevision } = useGoToRevision();
+    const formRenderer = useFormRenderer(model);
+    const defaultOnAfterCreate = (entry)=>{
+        goToRevision(entry.id);
+    };
+    useEffect(()=>{
+        if (!formElementRef.current) return;
+        setTimeout(()=>{
+            formElementRef.current?.scrollTo(0, 0);
+        }, 20);
+    }, [
+        entry.id,
+        formElementRef.current
+    ]);
+    if (model.isBeingDeleted) return /*#__PURE__*/ react.createElement(react.Fragment, null, "Model is being deleted.");
+    return /*#__PURE__*/ react.createElement(ContentEntryFormProvider, {
+        model: model,
+        entry: entry,
+        onChange: onChange,
+        onInvalidFields: onInvalidFields,
+        onAfterCreate: onAfterCreate || defaultOnAfterCreate,
+        setSaveEntry: setSaveEntry,
+        confirmNavigationIfDirty: true,
+        persistEntry: persistEntry
+    }, /*#__PURE__*/ react.createElement(ModelProvider, {
+        model: model
+    }, header ? header : null, /*#__PURE__*/ react.createElement("div", {
+        ...props,
+        id: "cms-content-form",
+        "data-element": "cms-content-form",
+        "data-testid": "cms-content-form",
+        ref: formElementRef
+    }, formRenderer ? /*#__PURE__*/ react.createElement(CustomLayout, {
+        model: model,
+        formRenderer: formRenderer
+    }) : /*#__PURE__*/ react.createElement(DefaultLayout, {
+        model: model
+    }))));
 });
+export { ContentEntryForm };
 
 //# sourceMappingURL=ContentEntryForm.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","useRef","makeDecoratable","ModelProvider","useModel","useFormRenderer","ContentEntryFormProvider","CustomLayout","DefaultLayout","useGoToRevision","ContentEntryForm","entry","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","header","props","formElementRef","model","goToRevision","formRenderer","defaultOnAfterCreate","id","current","setTimeout","scrollTo","isBeingDeleted","createElement","Fragment","confirmNavigationIfDirty","Object","assign","ref"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type { FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsContentEntry } from \"~/types.js\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider/index.js\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer.js\";\nimport type { ContentEntryFormContext, PersistEntry } from \"./ContentEntryFormProvider.js\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider.js\";\nimport { CustomLayout } from \"./CustomLayout.js\";\nimport { DefaultLayout } from \"./DefaultLayout.js\";\nimport { useGoToRevision } from \"~/admin/components/ContentEntryForm/useGoToRevision.js\";\n\nexport interface ContentEntryFormProps extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    \"onChange\"\n> {\n    entry: Partial<Omit<CmsContentEntry, \"values\">> & Pick<CmsContentEntry, \"values\">;\n    /**\n     * This callback is executed when an entry, or a revision, are created.\n     * @param entry\n     */\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    /**\n     * This callback is executed when the form is valid, and it needs to persist the content entry.\n     */\n    persistEntry: PersistEntry;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    header?: React.ReactNode;\n    /**\n     * This prop is used to get a reference to `saveEntry` callback, so it can be triggered by components\n     * outside the ContentEntryForm context.\n     * TODO: introduce a `layout` prop to be able to mount arbitrary components around the entry form, within the context.\n     */\n    setSaveEntry?: (cb: ContentEntryFormContext[\"saveEntry\"]) => void;\n}\n\nexport const ContentEntryForm = makeDecoratable(\n    \"ContentEntryForm\",\n    ({\n        entry,\n        persistEntry,\n        onChange,\n        onInvalidFields,\n        onAfterCreate,\n        setSaveEntry,\n        header = true,\n        ...props\n    }: ContentEntryFormProps) => {\n        const formElementRef = useRef<HTMLDivElement>(null);\n        const { model } = useModel();\n        const { goToRevision } = useGoToRevision();\n        const formRenderer = useFormRenderer(model);\n\n        const defaultOnAfterCreate = (entry: CmsContentEntry) => {\n            goToRevision(entry.id);\n        };\n\n        // When entry changes, scroll to the top of the form.\n        useEffect(() => {\n            if (!formElementRef.current) {\n                return;\n            }\n\n            setTimeout(() => {\n                formElementRef.current?.scrollTo(0, 0);\n            }, 20);\n        }, [entry.id, formElementRef.current]);\n\n        if (model.isBeingDeleted) {\n            return <>Model is being deleted.</>;\n        }\n\n        return (\n            <ContentEntryFormProvider\n                model={model}\n                entry={entry}\n                onChange={onChange}\n                onInvalidFields={onInvalidFields}\n                onAfterCreate={onAfterCreate || defaultOnAfterCreate}\n                setSaveEntry={setSaveEntry}\n                confirmNavigationIfDirty={true}\n                persistEntry={persistEntry}\n            >\n                <ModelProvider model={model}>\n                    {header ? header : null}\n                    <div\n                        {...props}\n                        id={\"cms-content-form\"}\n                        data-element={\"cms-content-form\"}\n                        data-testid={\"cms-content-form\"}\n                        ref={formElementRef}\n                    >\n                        {formRenderer ? (\n                            <CustomLayout model={model} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={model} />\n                        )}\n                    </div>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEhD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,aAAa,EAAEC,QAAQ;AAChC,SAASC,eAAe;AAExB,SAASC,wBAAwB;AACjC,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,eAAe;AA2BxB,OAAO,MAAMC,gBAAgB,GAAGR,eAAe,CAC3C,kBAAkB,EAClB,CAAC;EACGS,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,MAAM,GAAG,IAAI;EACb,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAMC,cAAc,GAAGlB,MAAM,CAAiB,IAAI,CAAC;EACnD,MAAM;IAAEmB;EAAM,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEiB;EAAa,CAAC,GAAGZ,eAAe,CAAC,CAAC;EAC1C,MAAMa,YAAY,GAAGjB,eAAe,CAACe,KAAK,CAAC;EAE3C,MAAMG,oBAAoB,GAAIZ,KAAsB,IAAK;IACrDU,YAAY,CAACV,KAAK,CAACa,EAAE,CAAC;EAC1B,CAAC;;EAED;EACAxB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACmB,cAAc,CAACM,OAAO,EAAE;MACzB;IACJ;IAEAC,UAAU,CAAC,MAAM;MACbP,cAAc,CAACM,OAAO,EAAEE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,CAAChB,KAAK,CAACa,EAAE,EAAEL,cAAc,CAACM,OAAO,CAAC,CAAC;EAEtC,IAAIL,KAAK,CAACQ,cAAc,EAAE;IACtB,oBAAO7B,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,QAAE,yBAAyB,CAAC;EACvC;EAEA,oBACI/B,KAAA,CAAA8B,aAAA,CAACvB,wBAAwB;IACrBc,KAAK,EAAEA,KAAM;IACbT,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEA,QAAS;IACnBC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA,aAAa,IAAIQ,oBAAqB;IACrDP,YAAY,EAAEA,YAAa;IAC3Be,wBAAwB,EAAE,IAAK;IAC/BnB,YAAY,EAAEA;EAAa,gBAE3Bb,KAAA,CAAA8B,aAAA,CAAC1B,aAAa;IAACiB,KAAK,EAAEA;EAAM,GACvBH,MAAM,GAAGA,MAAM,GAAG,IAAI,eACvBlB,KAAA,CAAA8B,aAAA,QAAAG,MAAA,CAAAC,MAAA,KACQf,KAAK;IACTM,EAAE,EAAE,kBAAmB;IACvB,gBAAc,kBAAmB;IACjC,eAAa,kBAAmB;IAChCU,GAAG,EAAEf;EAAe,IAEnBG,YAAY,gBACTvB,KAAA,CAAA8B,aAAA,CAACtB,YAAY;IAACa,KAAK,EAAEA,KAAM;IAACE,YAAY,EAAEA;EAAa,CAAE,CAAC,gBAE1DvB,KAAA,CAAA8B,aAAA,CAACrB,aAAa;IAACY,KAAK,EAAEA;EAAM,CAAE,CAEjC,CACM,CACO,CAAC;AAEnC,CACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntryForm/ContentEntryForm.js","sources":["../../../../src/admin/components/ContentEntryForm/ContentEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport type { FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsContentEntry } from \"~/types.js\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider/index.js\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer.js\";\nimport type { ContentEntryFormContext, PersistEntry } from \"./ContentEntryFormProvider.js\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider.js\";\nimport { CustomLayout } from \"./CustomLayout.js\";\nimport { DefaultLayout } from \"./DefaultLayout.js\";\nimport { useGoToRevision } from \"~/admin/components/ContentEntryForm/useGoToRevision.js\";\n\nexport interface ContentEntryFormProps extends Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    \"onChange\"\n> {\n    entry: Partial<Omit<CmsContentEntry, \"values\">> & Pick<CmsContentEntry, \"values\">;\n    /**\n     * This callback is executed when an entry, or a revision, are created.\n     * @param entry\n     */\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    /**\n     * This callback is executed when the form is valid, and it needs to persist the content entry.\n     */\n    persistEntry: PersistEntry;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    header?: React.ReactNode;\n    /**\n     * This prop is used to get a reference to `saveEntry` callback, so it can be triggered by components\n     * outside the ContentEntryForm context.\n     * TODO: introduce a `layout` prop to be able to mount arbitrary components around the entry form, within the context.\n     */\n    setSaveEntry?: (cb: ContentEntryFormContext[\"saveEntry\"]) => void;\n}\n\nexport const ContentEntryForm = makeDecoratable(\n    \"ContentEntryForm\",\n    ({\n        entry,\n        persistEntry,\n        onChange,\n        onInvalidFields,\n        onAfterCreate,\n        setSaveEntry,\n        header = true,\n        ...props\n    }: ContentEntryFormProps) => {\n        const formElementRef = useRef<HTMLDivElement>(null);\n        const { model } = useModel();\n        const { goToRevision } = useGoToRevision();\n        const formRenderer = useFormRenderer(model);\n\n        const defaultOnAfterCreate = (entry: CmsContentEntry) => {\n            goToRevision(entry.id);\n        };\n\n        // When entry changes, scroll to the top of the form.\n        useEffect(() => {\n            if (!formElementRef.current) {\n                return;\n            }\n\n            setTimeout(() => {\n                formElementRef.current?.scrollTo(0, 0);\n            }, 20);\n        }, [entry.id, formElementRef.current]);\n\n        if (model.isBeingDeleted) {\n            return <>Model is being deleted.</>;\n        }\n\n        return (\n            <ContentEntryFormProvider\n                model={model}\n                entry={entry}\n                onChange={onChange}\n                onInvalidFields={onInvalidFields}\n                onAfterCreate={onAfterCreate || defaultOnAfterCreate}\n                setSaveEntry={setSaveEntry}\n                confirmNavigationIfDirty={true}\n                persistEntry={persistEntry}\n            >\n                <ModelProvider model={model}>\n                    {header ? header : null}\n                    <div\n                        {...props}\n                        id={\"cms-content-form\"}\n                        data-element={\"cms-content-form\"}\n                        data-testid={\"cms-content-form\"}\n                        ref={formElementRef}\n                    >\n                        {formRenderer ? (\n                            <CustomLayout model={model} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={model} />\n                        )}\n                    </div>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"names":["ContentEntryForm","makeDecoratable","entry","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","header","props","formElementRef","useRef","model","useModel","goToRevision","useGoToRevision","formRenderer","useFormRenderer","defaultOnAfterCreate","useEffect","setTimeout","ContentEntryFormProvider","ModelProvider","CustomLayout","DefaultLayout"],"mappings":";;;;;;;;AAqCO,MAAMA,mBAAmBC,gBAC5B,oBACA,CAAC,EACGC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,eAAe,EACfC,aAAa,EACbC,YAAY,EACZC,SAAS,IAAI,EACb,GAAGC,OACiB;IACpB,MAAMC,iBAAiBC,OAAuB;IAC9C,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAMC,eAAeC,gBAAgBL;IAErC,MAAMM,uBAAuB,CAAChB;QAC1BY,aAAaZ,MAAM,EAAE;IACzB;IAGAiB,UAAU;QACN,IAAI,CAACT,eAAe,OAAO,EACvB;QAGJU,WAAW;YACPV,eAAe,OAAO,EAAE,SAAS,GAAG;QACxC,GAAG;IACP,GAAG;QAACR,MAAM,EAAE;QAAEQ,eAAe,OAAO;KAAC;IAErC,IAAIE,MAAM,cAAc,EACpB,OAAO,WAAP,GAAO,0CAAE;IAGb,OAAO,WAAP,GACI,oBAACS,0BAAwBA;QACrB,OAAOT;QACP,OAAOV;QACP,UAAUE;QACV,iBAAiBC;QACjB,eAAeC,iBAAiBY;QAChC,cAAcX;QACd,0BAA0B;QAC1B,cAAcJ;qBAEd,oBAACmB,eAAaA;QAAC,OAAOV;OACjBJ,SAASA,SAAS,oBACnB,oBAAC;QACI,GAAGC,KAAK;QACT,IAAI;QACJ,gBAAc;QACd,eAAa;QACb,KAAKC;OAEJM,eAAe,WAAfA,GACG,oBAACO,cAAYA;QAAC,OAAOX;QAAO,cAAcI;uBAE1C,oBAACQ,eAAaA;QAAC,OAAOZ;;AAM9C"}

package/admin/components/ContentEntryForm/ContentEntryFormPreview.js

@@ -1,4 +1,4 @@
-import React, { useMemo } from "react";
+import react, { useMemo } from "react";
 import { makeDecoratable } from "@webiny/app-admin";
 import { ModelProvider } from "../ModelProvider/index.js";
 import { useFormRenderer } from "./useFormRenderer.js";
@@ -6,36 +6,31 @@ import { CustomLayout } from "./CustomLayout.js";
 import { DefaultLayout } from "./DefaultLayout.js";
 import { ContentEntryFormProvider } from "./ContentEntryFormProvider.js";
 const baseEntry = {
-  values: {}
+    values: {}
 };
-export const ContentEntryFormPreview = makeDecoratable("ContentEntryFormPreview", props => {
-  const {
-    contentModel
-  } = props;
-  const formRenderer = useFormRenderer(contentModel);
-  const initialEntry = useMemo(() => {
-    return baseEntry;
-  }, []);
-  return /*#__PURE__*/React.createElement(ContentEntryFormProvider, {
-    entry: initialEntry,
-    model: contentModel,
-    persistEntry: async entry => {
-      return {
-        entry: entry
-      };
-    },
-    confirmNavigationIfDirty: false
-  }, /*#__PURE__*/React.createElement(ModelProvider, {
-    model: contentModel
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "h-calc(100vh-260px) overflow-auto",
-    "data-testid": "cms-content-form"
-  }, formRenderer ? /*#__PURE__*/React.createElement(CustomLayout, {
-    model: contentModel,
-    formRenderer: formRenderer
-  }) : /*#__PURE__*/React.createElement(DefaultLayout, {
-    model: contentModel
-  }))));
+const ContentEntryFormPreview = makeDecoratable("ContentEntryFormPreview", (props)=>{
+    const { contentModel } = props;
+    const formRenderer = useFormRenderer(contentModel);
+    const initialEntry = useMemo(()=>baseEntry, []);
+    return /*#__PURE__*/ react.createElement(ContentEntryFormProvider, {
+        entry: initialEntry,
+        model: contentModel,
+        persistEntry: async (entry)=>({
+                entry: entry
+            }),
+        confirmNavigationIfDirty: false
+    }, /*#__PURE__*/ react.createElement(ModelProvider, {
+        model: contentModel
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "h-calc(100vh-260px) overflow-auto",
+        "data-testid": "cms-content-form"
+    }, formRenderer ? /*#__PURE__*/ react.createElement(CustomLayout, {
+        model: contentModel,
+        formRenderer: formRenderer
+    }) : /*#__PURE__*/ react.createElement(DefaultLayout, {
+        model: contentModel
+    }))));
 });
+export { ContentEntryFormPreview };
 
 //# sourceMappingURL=ContentEntryFormPreview.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","makeDecoratable","ModelProvider","useFormRenderer","CustomLayout","DefaultLayout","ContentEntryFormProvider","baseEntry","values","ContentEntryFormPreview","props","contentModel","formRenderer","initialEntry","createElement","entry","model","persistEntry","confirmNavigationIfDirty","className"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsContentEntry, CmsEditorContentModel } from \"~/types.js\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer.js\";\nimport { CustomLayout } from \"~/admin/components/ContentEntryForm/CustomLayout.js\";\nimport { DefaultLayout } from \"~/admin/components/ContentEntryForm/DefaultLayout.js\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider.js\";\n\nexport interface ContentEntryFormPreviewProps {\n    contentModel: CmsEditorContentModel;\n}\n\nconst baseEntry: Pick<CmsContentEntry, \"values\"> = {\n    values: {}\n};\n\nexport const ContentEntryFormPreview = makeDecoratable(\n    \"ContentEntryFormPreview\",\n    (props: ContentEntryFormPreviewProps) => {\n        const { contentModel } = props;\n\n        const formRenderer = useFormRenderer(contentModel);\n\n        const initialEntry = useMemo(() => {\n            return baseEntry;\n        }, []);\n\n        return (\n            <ContentEntryFormProvider\n                entry={initialEntry}\n                model={contentModel}\n                persistEntry={async entry => {\n                    return {\n                        entry: entry as CmsContentEntry\n                    };\n                }}\n                confirmNavigationIfDirty={false}\n            >\n                <ModelProvider model={contentModel}>\n                    <div\n                        className={\"h-calc(100vh-260px) overflow-auto\"}\n                        data-testid={\"cms-content-form\"}\n                    >\n                        {formRenderer ? (\n                            <CustomLayout model={contentModel} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={contentModel} />\n                        )}\n                    </div>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,wBAAwB;AAMjC,MAAMC,SAA0C,GAAG;EAC/CC,MAAM,EAAE,CAAC;AACb,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGR,eAAe,CAClD,yBAAyB,EACxBS,KAAmC,IAAK;EACrC,MAAM;IAAEC;EAAa,CAAC,GAAGD,KAAK;EAE9B,MAAME,YAAY,GAAGT,eAAe,CAACQ,YAAY,CAAC;EAElD,MAAME,YAAY,GAAGb,OAAO,CAAC,MAAM;IAC/B,OAAOO,SAAS;EACpB,CAAC,EAAE,EAAE,CAAC;EAEN,oBACIR,KAAA,CAAAe,aAAA,CAACR,wBAAwB;IACrBS,KAAK,EAAEF,YAAa;IACpBG,KAAK,EAAEL,YAAa;IACpBM,YAAY,EAAE,MAAMF,KAAK,IAAI;MACzB,OAAO;QACHA,KAAK,EAAEA;MACX,CAAC;IACL,CAAE;IACFG,wBAAwB,EAAE;EAAM,gBAEhCnB,KAAA,CAAAe,aAAA,CAACZ,aAAa;IAACc,KAAK,EAAEL;EAAa,gBAC/BZ,KAAA,CAAAe,aAAA;IACIK,SAAS,EAAE,mCAAoC;IAC/C,eAAa;EAAmB,GAE/BP,YAAY,gBACTb,KAAA,CAAAe,aAAA,CAACV,YAAY;IAACY,KAAK,EAAEL,YAAa;IAACC,YAAY,EAAEA;EAAa,CAAE,CAAC,gBAEjEb,KAAA,CAAAe,aAAA,CAACT,aAAa;IAACW,KAAK,EAAEL;EAAa,CAAE,CAExC,CACM,CACO,CAAC;AAEnC,CACJ,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntryForm/ContentEntryFormPreview.js","sources":["../../../../src/admin/components/ContentEntryForm/ContentEntryFormPreview.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsContentEntry, CmsEditorContentModel } from \"~/types.js\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer.js\";\nimport { CustomLayout } from \"~/admin/components/ContentEntryForm/CustomLayout.js\";\nimport { DefaultLayout } from \"~/admin/components/ContentEntryForm/DefaultLayout.js\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider.js\";\n\nexport interface ContentEntryFormPreviewProps {\n    contentModel: CmsEditorContentModel;\n}\n\nconst baseEntry: Pick<CmsContentEntry, \"values\"> = {\n    values: {}\n};\n\nexport const ContentEntryFormPreview = makeDecoratable(\n    \"ContentEntryFormPreview\",\n    (props: ContentEntryFormPreviewProps) => {\n        const { contentModel } = props;\n\n        const formRenderer = useFormRenderer(contentModel);\n\n        const initialEntry = useMemo(() => {\n            return baseEntry;\n        }, []);\n\n        return (\n            <ContentEntryFormProvider\n                entry={initialEntry}\n                model={contentModel}\n                persistEntry={async entry => {\n                    return {\n                        entry: entry as CmsContentEntry\n                    };\n                }}\n                confirmNavigationIfDirty={false}\n            >\n                <ModelProvider model={contentModel}>\n                    <div\n                        className={\"h-calc(100vh-260px) overflow-auto\"}\n                        data-testid={\"cms-content-form\"}\n                    >\n                        {formRenderer ? (\n                            <CustomLayout model={contentModel} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={contentModel} />\n                        )}\n                    </div>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"names":["baseEntry","ContentEntryFormPreview","makeDecoratable","props","contentModel","formRenderer","useFormRenderer","initialEntry","useMemo","ContentEntryFormProvider","entry","ModelProvider","CustomLayout","DefaultLayout"],"mappings":";;;;;;;AAaA,MAAMA,YAA6C;IAC/C,QAAQ,CAAC;AACb;AAEO,MAAMC,0BAA0BC,gBACnC,2BACA,CAACC;IACG,MAAM,EAAEC,YAAY,EAAE,GAAGD;IAEzB,MAAME,eAAeC,gBAAgBF;IAErC,MAAMG,eAAeC,QAAQ,IAClBR,WACR,EAAE;IAEL,OAAO,WAAP,GACI,oBAACS,0BAAwBA;QACrB,OAAOF;QACP,OAAOH;QACP,cAAc,OAAMM,QACT;gBACH,OAAOA;YACX;QAEJ,0BAA0B;qBAE1B,oBAACC,eAAaA;QAAC,OAAOP;qBAClB,oBAAC;QACG,WAAW;QACX,eAAa;OAEZC,eAAe,WAAfA,GACG,oBAACO,cAAYA;QAAC,OAAOR;QAAc,cAAcC;uBAEjD,oBAACQ,eAAaA;QAAC,OAAOT;;AAM9C"}

package/admin/components/ContentEntryForm/ContentEntryFormProvider.js

@@ -1,135 +1,117 @@
-import React, { useCallback, useEffect, useRef, useState } from "react";
+import react, { useCallback, useEffect, useRef, useState } from "react";
 import { DevToolsSection, useDialogs, useSnackbar } from "@webiny/app-admin";
 import { useRouter } from "@webiny/app";
 import { Form } from "@webiny/form";
 import { prepareFormData } from "@webiny/app-headless-cms-common";
 const promptMessage = "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?";
-export const ContentEntryFormContext = /*#__PURE__*/React.createContext(undefined);
-const formValidationToMap = invalidFields => {
-  return Object.keys(invalidFields).reduce((acc, key) => ({
-    ...acc,
-    [key]: invalidFields[key].message || "Value is invalid."
-  }), {});
-};
-export const ContentEntryFormProvider = ({
-  model,
-  entry: initialEntry,
-  children,
-  persistEntry,
-  onChange,
-  onInvalidFields,
-  onAfterCreate,
-  setSaveEntry,
-  confirmNavigationIfDirty
-}) => {
-  const ref = useRef(null);
-  const onAfterSubmitRef = useRef(() => void 0);
-  const [invalidFields, setInvalidFields] = useState({});
-  const {
-    showSnackbar
-  } = useSnackbar();
-  const saveOptionsRef = useRef({
-    skipValidators: undefined
-  });
-  const router = useRouter();
-  const dialogs = useDialogs();
-  const isPristineRef = useRef(true);
-  useEffect(() => {
-    if (!confirmNavigationIfDirty) {
-      return;
-    }
-    return router.addTransitionGuard({
-      guard: () => !isPristineRef.current,
-      onBlocked: () => {
-        dialogs.showDialog({
-          title: "Confirm Navigation",
-          content: promptMessage,
-          acceptLabel: "Yes!",
-          cancelLabel: "No, stay here.",
-          onAccept: () => router.confirmTransition(),
-          onClose: () => router.cancelTransition()
-        });
-      }
-    });
-  }, [confirmNavigationIfDirty]);
-  const saveEntry = useCallback(async (options = {}) => {
-    saveOptionsRef.current.skipValidators = options.skipValidators;
-    return await ref.current.submit(undefined, {
-      skipValidators: options.skipValidators
-    });
-  }, []);
-  const onFormSubmit = async data => {
-    const values = prepareFormData(data, model.fields);
-    const isNewEntry = initialEntry.id === undefined;
-    const {
-      entry,
-      error
-    } = await persistEntry({
-      id: initialEntry.id,
-      values
-    }, {
-      skipValidators: saveOptionsRef.current.skipValidators,
-      createNewRevision: initialEntry.meta?.locked
+const ContentEntryFormContext = /*#__PURE__*/ react.createContext(void 0);
+const formValidationToMap = (invalidFields)=>Object.keys(invalidFields).reduce((acc, key)=>({
+            ...acc,
+            [key]: invalidFields[key].message || "Value is invalid."
+        }), {});
+const ContentEntryFormProvider = ({ model, entry: initialEntry, children, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, confirmNavigationIfDirty })=>{
+    const ref = useRef(null);
+    const onAfterSubmitRef = useRef(()=>void 0);
+    const [invalidFields, setInvalidFields] = useState({});
+    const { showSnackbar } = useSnackbar();
+    const saveOptionsRef = useRef({
+        skipValidators: void 0
     });
-    if (error) {
-      if (error.code === "VALIDATION_FAILED") {
-        const errors = error.data || [];
-        setInvalidFields(errors.reduce((acc, item) => ({
-          ...acc,
-          [item.fieldId]: item.error
-        }), {}));
-      }
-      showSnackbar(error.message);
-      return;
-    }
-    showSnackbar("Entry saved successfully!");
-    setInvalidFields({});
-    const isNewRevision = !isNewEntry && entry.id !== initialEntry.id;
-    if ((isNewEntry || isNewRevision) && onAfterCreate) {
-      onAfterSubmitRef.current = onAfterCreate;
-    }
-    router.unblockTransition();
-    return entry;
-  };
-  useEffect(() => {
-    if (typeof setSaveEntry === "function") {
-      setSaveEntry(saveEntry);
-    }
-  }, [setSaveEntry]);
-  return /*#__PURE__*/React.createElement(Form, {
-    onSubmit: onFormSubmit,
-    onAfterSubmit: data => {
-      onAfterSubmitRef.current(data);
-    },
-    onChange: onChange,
-    data: initialEntry.values,
-    ref: ref,
-    validateOnFirstSubmit: true,
-    invalidFields: invalidFields,
-    onInvalid: invalidFields => {
-      setInvalidFields(formValidationToMap(invalidFields));
-      onInvalidFields && onInvalidFields(invalidFields);
-      showSnackbar("Some fields did not pass the validation. Please check the form.");
-    }
-  }, formProps => {
-    isPristineRef.current = formProps.form.isPristine;
-    const context = {
-      entry: {
-        ...initialEntry,
-        values: formProps.data
-      },
-      saveEntry,
-      invalidFields
+    const router = useRouter();
+    const dialogs = useDialogs();
+    const isPristineRef = useRef(true);
+    useEffect(()=>{
+        if (!confirmNavigationIfDirty) return;
+        return router.addTransitionGuard({
+            guard: ()=>!isPristineRef.current,
+            onBlocked: ()=>{
+                dialogs.showDialog({
+                    title: "Confirm Navigation",
+                    content: promptMessage,
+                    acceptLabel: "Yes!",
+                    cancelLabel: "No, stay here.",
+                    onAccept: ()=>router.confirmTransition(),
+                    onClose: ()=>router.cancelTransition()
+                });
+            }
+        });
+    }, [
+        confirmNavigationIfDirty
+    ]);
+    const saveEntry = useCallback(async (options = {})=>{
+        saveOptionsRef.current.skipValidators = options.skipValidators;
+        return await ref.current.submit(void 0, {
+            skipValidators: options.skipValidators
+        });
+    }, []);
+    const onFormSubmit = async (data)=>{
+        const values = prepareFormData(data, model.fields);
+        const isNewEntry = void 0 === initialEntry.id;
+        const { entry, error } = await persistEntry({
+            id: initialEntry.id,
+            values
+        }, {
+            skipValidators: saveOptionsRef.current.skipValidators,
+            createNewRevision: initialEntry.meta?.locked
+        });
+        if (error) {
+            if ("VALIDATION_FAILED" === error.code) {
+                const errors = error.data || [];
+                setInvalidFields(errors.reduce((acc, item)=>({
+                        ...acc,
+                        [item.fieldId]: item.error
+                    }), {}));
+            }
+            showSnackbar(error.message);
+            return;
+        }
+        showSnackbar("Entry saved successfully!");
+        setInvalidFields({});
+        const isNewRevision = !isNewEntry && entry.id !== initialEntry.id;
+        if ((isNewEntry || isNewRevision) && onAfterCreate) onAfterSubmitRef.current = onAfterCreate;
+        router.unblockTransition();
+        return entry;
     };
-    return /*#__PURE__*/React.createElement(ContentEntryFormContext.Provider, {
-      value: context
-    }, /*#__PURE__*/React.createElement(DevToolsSection, {
-      name: "Entry",
-      group: "CMS",
-      data: context.entry,
-      views: "raw"
-    }), children);
-  });
+    useEffect(()=>{
+        if ("function" == typeof setSaveEntry) setSaveEntry(saveEntry);
+    }, [
+        setSaveEntry
+    ]);
+    return /*#__PURE__*/ react.createElement(Form, {
+        onSubmit: onFormSubmit,
+        onAfterSubmit: (data)=>{
+            onAfterSubmitRef.current(data);
+        },
+        onChange: onChange,
+        data: initialEntry.values,
+        ref: ref,
+        validateOnFirstSubmit: true,
+        invalidFields: invalidFields,
+        onInvalid: (invalidFields)=>{
+            setInvalidFields(formValidationToMap(invalidFields));
+            onInvalidFields && onInvalidFields(invalidFields);
+            showSnackbar("Some fields did not pass the validation. Please check the form.");
+        }
+    }, (formProps)=>{
+        isPristineRef.current = formProps.form.isPristine;
+        const context = {
+            entry: {
+                ...initialEntry,
+                values: formProps.data
+            },
+            saveEntry,
+            invalidFields
+        };
+        return /*#__PURE__*/ react.createElement(ContentEntryFormContext.Provider, {
+            value: context
+        }, /*#__PURE__*/ react.createElement(DevToolsSection, {
+            name: "Entry",
+            group: "CMS",
+            data: context.entry,
+            views: "raw"
+        }), children);
+    });
 };
+export { ContentEntryFormContext, ContentEntryFormProvider };
 
 //# sourceMappingURL=ContentEntryFormProvider.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useRef","useState","DevToolsSection","useDialogs","useSnackbar","useRouter","Form","prepareFormData","promptMessage","ContentEntryFormContext","createContext","undefined","formValidationToMap","invalidFields","Object","keys","reduce","acc","key","message","ContentEntryFormProvider","model","entry","initialEntry","children","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","confirmNavigationIfDirty","ref","onAfterSubmitRef","setInvalidFields","showSnackbar","saveOptionsRef","skipValidators","router","dialogs","isPristineRef","addTransitionGuard","guard","current","onBlocked","showDialog","title","content","acceptLabel","cancelLabel","onAccept","confirmTransition","onClose","cancelTransition","saveEntry","options","submit","onFormSubmit","data","values","fields","isNewEntry","id","error","createNewRevision","meta","locked","code","errors","item","fieldId","isNewRevision","unblockTransition","createElement","onSubmit","onAfterSubmit","validateOnFirstSubmit","onInvalid","formProps","form","isPristine","context","Provider","value","name","group","views"],"sources":["ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { DevToolsSection, useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app\";\nimport type { FormAPI, FormInvalidFields, FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type {\n    CreateEntryResponse,\n    UpdateEntryRevisionResponse\n} from \"~/admin/contexts/Cms/index.js\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\n\nconst promptMessage =\n    \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\";\n\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n    createNewRevision?: boolean;\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<Omit<CmsContentEntry, \"values\">> & Pick<CmsContentEntry, \"values\">;\n    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;\n    invalidFields: FormInvalidFields;\n}\n\nexport const ContentEntryFormContext = React.createContext<ContentEntryFormContext | undefined>(\n    undefined\n);\n\nexport interface SetSaveEntry {\n    (cb: ContentEntryFormContext[\"saveEntry\"]): void;\n}\n\nexport interface PersistEntry {\n    (\n        entry: Partial<CmsContentEntry>,\n        options?: SaveEntryOptions\n    ): Promise<CreateEntryResponse | UpdateEntryRevisionResponse>;\n}\n\ninterface ContentEntryFormProviderProps {\n    entry: Partial<Omit<CmsContentEntry, \"values\">> & Pick<CmsContentEntry, \"values\">;\n    model: CmsModel;\n    persistEntry: PersistEntry;\n    confirmNavigationIfDirty: boolean;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    setSaveEntry?: SetSaveEntry;\n    children: React.ReactNode;\n}\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\nconst formValidationToMap = (invalidFields: FormValidation): FormInvalidFields => {\n    return Object.keys(invalidFields).reduce(\n        (acc, key) => ({ ...acc, [key]: invalidFields[key].message || \"Value is invalid.\" }),\n        {} as FormInvalidFields\n    );\n};\n\nexport const ContentEntryFormProvider = ({\n    model,\n    entry: initialEntry,\n    children,\n    persistEntry,\n    onChange,\n    onInvalidFields,\n    onAfterCreate,\n    setSaveEntry,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const onAfterSubmitRef = useRef<(entry: CmsContentEntry) => void>(() => void 0);\n    const [invalidFields, setInvalidFields] = useState<FormInvalidFields>({});\n    const { showSnackbar } = useSnackbar();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\n    const router = useRouter();\n    const dialogs = useDialogs();\n    const isPristineRef = useRef(true);\n\n    useEffect(() => {\n        if (!confirmNavigationIfDirty) {\n            return;\n        }\n\n        return router.addTransitionGuard({\n            guard: () => !isPristineRef.current,\n            onBlocked: () => {\n                dialogs.showDialog({\n                    title: \"Confirm Navigation\",\n                    content: promptMessage,\n                    acceptLabel: \"Yes!\",\n                    cancelLabel: \"No, stay here.\",\n                    onAccept: () => router.confirmTransition(),\n                    onClose: () => router.cancelTransition()\n                });\n            }\n        });\n    }, [confirmNavigationIfDirty]);\n\n    const saveEntry = useCallback(async (options: SaveEntryOptions = {}) => {\n        saveOptionsRef.current.skipValidators = options.skipValidators;\n\n        return (await ref.current!.submit(undefined, {\n            skipValidators: options.skipValidators\n        })) as Promise<CmsContentEntry | null>;\n    }, []);\n\n    const onFormSubmit: FormOnSubmit<CmsContentEntry> = async data => {\n        const values = prepareFormData<GenericRecord>(data, model.fields);\n        const isNewEntry = initialEntry.id === undefined;\n\n        const { entry, error } = await persistEntry(\n            {\n                id: initialEntry.id,\n                values\n            },\n            {\n                skipValidators: saveOptionsRef.current.skipValidators,\n                createNewRevision: initialEntry.meta?.locked\n            }\n        );\n\n        if (error) {\n            if (error.code === \"VALIDATION_FAILED\") {\n                const errors: InvalidFieldError[] = error.data || [];\n\n                setInvalidFields(\n                    errors.reduce((acc, item) => ({ ...acc, [item.fieldId]: item.error }), {})\n                );\n            }\n            showSnackbar(error.message);\n\n            return;\n        }\n\n        showSnackbar(\"Entry saved successfully!\");\n        setInvalidFields({});\n\n        const isNewRevision = !isNewEntry && entry.id !== initialEntry.id;\n\n        if ((isNewEntry || isNewRevision) && onAfterCreate) {\n            onAfterSubmitRef.current = onAfterCreate;\n        }\n\n        router.unblockTransition();\n\n        return entry;\n    };\n\n    useEffect(() => {\n        if (typeof setSaveEntry === \"function\") {\n            setSaveEntry(saveEntry);\n        }\n    }, [setSaveEntry]);\n\n    return (\n        <Form<CmsContentEntry>\n            onSubmit={onFormSubmit}\n            onAfterSubmit={data => {\n                onAfterSubmitRef.current(data);\n            }}\n            onChange={onChange}\n            data={initialEntry.values}\n            ref={ref}\n            validateOnFirstSubmit\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setInvalidFields(formValidationToMap(invalidFields));\n                onInvalidFields && onInvalidFields(invalidFields);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                isPristineRef.current = formProps.form.isPristine;\n\n                const context: ContentEntryFormContext = {\n                    entry: { ...initialEntry, values: formProps.data },\n                    saveEntry,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        <DevToolsSection\n                            name={\"Entry\"}\n                            group={\"CMS\"}\n                            data={context.entry}\n                            views={\"raw\"}\n                        />\n                        {children}\n                    </ContentEntryFormContext.Provider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntryForm/ContentEntryFormProvider.js","sources":["../../../../src/admin/components/ContentEntryForm/ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { DevToolsSection, useDialogs, useSnackbar } from \"@webiny/app-admin\";\nimport { useRouter } from \"@webiny/app\";\nimport type { FormAPI, FormInvalidFields, FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type {\n    CreateEntryResponse,\n    UpdateEntryRevisionResponse\n} from \"~/admin/contexts/Cms/index.js\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\n\nconst promptMessage =\n    \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\";\n\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n    createNewRevision?: boolean;\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<Omit<CmsContentEntry, \"values\">> & Pick<CmsContentEntry, \"values\">;\n    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;\n    invalidFields: FormInvalidFields;\n}\n\nexport const ContentEntryFormContext = React.createContext<ContentEntryFormContext | undefined>(\n    undefined\n);\n\nexport interface SetSaveEntry {\n    (cb: ContentEntryFormContext[\"saveEntry\"]): void;\n}\n\nexport interface PersistEntry {\n    (\n        entry: Partial<CmsContentEntry>,\n        options?: SaveEntryOptions\n    ): Promise<CreateEntryResponse | UpdateEntryRevisionResponse>;\n}\n\ninterface ContentEntryFormProviderProps {\n    entry: Partial<Omit<CmsContentEntry, \"values\">> & Pick<CmsContentEntry, \"values\">;\n    model: CmsModel;\n    persistEntry: PersistEntry;\n    confirmNavigationIfDirty: boolean;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    setSaveEntry?: SetSaveEntry;\n    children: React.ReactNode;\n}\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\nconst formValidationToMap = (invalidFields: FormValidation): FormInvalidFields => {\n    return Object.keys(invalidFields).reduce(\n        (acc, key) => ({ ...acc, [key]: invalidFields[key].message || \"Value is invalid.\" }),\n        {} as FormInvalidFields\n    );\n};\n\nexport const ContentEntryFormProvider = ({\n    model,\n    entry: initialEntry,\n    children,\n    persistEntry,\n    onChange,\n    onInvalidFields,\n    onAfterCreate,\n    setSaveEntry,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const onAfterSubmitRef = useRef<(entry: CmsContentEntry) => void>(() => void 0);\n    const [invalidFields, setInvalidFields] = useState<FormInvalidFields>({});\n    const { showSnackbar } = useSnackbar();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\n    const router = useRouter();\n    const dialogs = useDialogs();\n    const isPristineRef = useRef(true);\n\n    useEffect(() => {\n        if (!confirmNavigationIfDirty) {\n            return;\n        }\n\n        return router.addTransitionGuard({\n            guard: () => !isPristineRef.current,\n            onBlocked: () => {\n                dialogs.showDialog({\n                    title: \"Confirm Navigation\",\n                    content: promptMessage,\n                    acceptLabel: \"Yes!\",\n                    cancelLabel: \"No, stay here.\",\n                    onAccept: () => router.confirmTransition(),\n                    onClose: () => router.cancelTransition()\n                });\n            }\n        });\n    }, [confirmNavigationIfDirty]);\n\n    const saveEntry = useCallback(async (options: SaveEntryOptions = {}) => {\n        saveOptionsRef.current.skipValidators = options.skipValidators;\n\n        return (await ref.current!.submit(undefined, {\n            skipValidators: options.skipValidators\n        })) as Promise<CmsContentEntry | null>;\n    }, []);\n\n    const onFormSubmit: FormOnSubmit<CmsContentEntry> = async data => {\n        const values = prepareFormData<GenericRecord>(data, model.fields);\n        const isNewEntry = initialEntry.id === undefined;\n\n        const { entry, error } = await persistEntry(\n            {\n                id: initialEntry.id,\n                values\n            },\n            {\n                skipValidators: saveOptionsRef.current.skipValidators,\n                createNewRevision: initialEntry.meta?.locked\n            }\n        );\n\n        if (error) {\n            if (error.code === \"VALIDATION_FAILED\") {\n                const errors: InvalidFieldError[] = error.data || [];\n\n                setInvalidFields(\n                    errors.reduce((acc, item) => ({ ...acc, [item.fieldId]: item.error }), {})\n                );\n            }\n            showSnackbar(error.message);\n\n            return;\n        }\n\n        showSnackbar(\"Entry saved successfully!\");\n        setInvalidFields({});\n\n        const isNewRevision = !isNewEntry && entry.id !== initialEntry.id;\n\n        if ((isNewEntry || isNewRevision) && onAfterCreate) {\n            onAfterSubmitRef.current = onAfterCreate;\n        }\n\n        router.unblockTransition();\n\n        return entry;\n    };\n\n    useEffect(() => {\n        if (typeof setSaveEntry === \"function\") {\n            setSaveEntry(saveEntry);\n        }\n    }, [setSaveEntry]);\n\n    return (\n        <Form<CmsContentEntry>\n            onSubmit={onFormSubmit}\n            onAfterSubmit={data => {\n                onAfterSubmitRef.current(data);\n            }}\n            onChange={onChange}\n            data={initialEntry.values}\n            ref={ref}\n            validateOnFirstSubmit\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setInvalidFields(formValidationToMap(invalidFields));\n                onInvalidFields && onInvalidFields(invalidFields);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                isPristineRef.current = formProps.form.isPristine;\n\n                const context: ContentEntryFormContext = {\n                    entry: { ...initialEntry, values: formProps.data },\n                    saveEntry,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        <DevToolsSection\n                            name={\"Entry\"}\n                            group={\"CMS\"}\n                            data={context.entry}\n                            views={\"raw\"}\n                        />\n                        {children}\n                    </ContentEntryFormContext.Provider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"names":["promptMessage","ContentEntryFormContext","React","undefined","formValidationToMap","invalidFields","Object","acc","key","ContentEntryFormProvider","model","initialEntry","children","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","confirmNavigationIfDirty","ref","useRef","onAfterSubmitRef","setInvalidFields","useState","showSnackbar","useSnackbar","saveOptionsRef","router","useRouter","dialogs","useDialogs","isPristineRef","useEffect","saveEntry","useCallback","options","onFormSubmit","data","values","prepareFormData","isNewEntry","entry","error","errors","item","isNewRevision","Form","formProps","context","DevToolsSection"],"mappings":"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"}

package/admin/components/ContentEntryForm/CustomLayout.js

@@ -1,27 +1,23 @@
-import React from "react";
+import react from "react";
 import { Bind, useForm } from "@webiny/form";
 import { FieldElement } from "./FieldElement.js";
-export const CustomLayout = ({
-  model,
-  formRenderer
-}) => {
-  const {
-    data
-  } = useForm();
-  const fields = model.fields.reduce((acc, field) => {
-    acc[field.fieldId] = /*#__PURE__*/React.createElement(FieldElement, {
-      field: field,
-      Bind: Bind,
-      contentModel: model
-    });
-    return acc;
-  }, {});
-  return /*#__PURE__*/React.createElement(React.Fragment, null, formRenderer.render({
-    data,
-    contentModel: model,
-    fields,
-    Bind: Bind
-  }));
+const CustomLayout = ({ model, formRenderer })=>{
+    const { data } = useForm();
+    const fields = model.fields.reduce((acc, field)=>{
+        acc[field.fieldId] = /*#__PURE__*/ react.createElement(FieldElement, {
+            field: field,
+            Bind: Bind,
+            contentModel: model
+        });
+        return acc;
+    }, {});
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, formRenderer.render({
+        data,
+        contentModel: model,
+        fields,
+        Bind: Bind
+    }));
 };
+export { CustomLayout };
 
 //# sourceMappingURL=CustomLayout.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Bind","useForm","FieldElement","CustomLayout","model","formRenderer","data","fields","reduce","acc","field","fieldId","createElement","contentModel","Fragment","render"],"sources":["CustomLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport type {\n    BindComponent,\n    CmsContentFormRendererPlugin,\n    CmsModel\n} from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { FieldElement } from \"~/admin/components/ContentEntryForm/FieldElement.js\";\n\ninterface CustomLayoutProps {\n    model: CmsModel;\n    formRenderer: CmsContentFormRendererPlugin;\n}\n\nexport const CustomLayout = ({ model, formRenderer }: CustomLayoutProps) => {\n    const { data } = useForm();\n\n    const fields = model.fields.reduce(\n        (acc, field) => {\n            acc[field.fieldId] = (\n                <FieldElement field={field} Bind={Bind as BindComponent} contentModel={model} />\n            );\n\n            return acc;\n        },\n        {} as Record<string, React.ReactElement>\n    );\n\n    return (\n        <>\n            {formRenderer.render({\n                data,\n                contentModel: model,\n                fields,\n                Bind: Bind as BindComponent\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAM5C,SAASC,YAAY;AAOrB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAgC,CAAC,KAAK;EACxE,MAAM;IAAEC;EAAK,CAAC,GAAGL,OAAO,CAAC,CAAC;EAE1B,MAAMM,MAAM,GAAGH,KAAK,CAACG,MAAM,CAACC,MAAM,CAC9B,CAACC,GAAG,EAAEC,KAAK,KAAK;IACZD,GAAG,CAACC,KAAK,CAACC,OAAO,CAAC,gBACdZ,KAAA,CAAAa,aAAA,CAACV,YAAY;MAACQ,KAAK,EAAEA,KAAM;MAACV,IAAI,EAAEA,IAAsB;MAACa,YAAY,EAAET;IAAM,CAAE,CAClF;IAED,OAAOK,GAAG;EACd,CAAC,EACD,CAAC,CACL,CAAC;EAED,oBACIV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAe,QAAA,QACKT,YAAY,CAACU,MAAM,CAAC;IACjBT,IAAI;IACJO,YAAY,EAAET,KAAK;IACnBG,MAAM;IACNP,IAAI,EAAEA;EACV,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/components/ContentEntryForm/CustomLayout.js","sources":["../../../../src/admin/components/ContentEntryForm/CustomLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport type {\n    BindComponent,\n    CmsContentFormRendererPlugin,\n    CmsModel\n} from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { FieldElement } from \"~/admin/components/ContentEntryForm/FieldElement.js\";\n\ninterface CustomLayoutProps {\n    model: CmsModel;\n    formRenderer: CmsContentFormRendererPlugin;\n}\n\nexport const CustomLayout = ({ model, formRenderer }: CustomLayoutProps) => {\n    const { data } = useForm();\n\n    const fields = model.fields.reduce(\n        (acc, field) => {\n            acc[field.fieldId] = (\n                <FieldElement field={field} Bind={Bind as BindComponent} contentModel={model} />\n            );\n\n            return acc;\n        },\n        {} as Record<string, React.ReactElement>\n    );\n\n    return (\n        <>\n            {formRenderer.render({\n                data,\n                contentModel: model,\n                fields,\n                Bind: Bind as BindComponent\n            })}\n        </>\n    );\n};\n"],"names":["CustomLayout","model","formRenderer","data","useForm","fields","acc","field","FieldElement","Bind"],"mappings":";;;AAcO,MAAMA,eAAe,CAAC,EAAEC,KAAK,EAAEC,YAAY,EAAqB;IACnE,MAAM,EAAEC,IAAI,EAAE,GAAGC;IAEjB,MAAMC,SAASJ,MAAM,MAAM,CAAC,MAAM,CAC9B,CAACK,KAAKC;QACFD,GAAG,CAACC,MAAM,OAAO,CAAC,GAAG,WAAH,GACd,oBAACC,cAAYA;YAAC,OAAOD;YAAO,MAAME;YAAuB,cAAcR;;QAG3E,OAAOK;IACX,GACA,CAAC;IAGL,OAAO,WAAP,GACI,0CACKJ,aAAa,MAAM,CAAC;QACjBC;QACA,cAAcF;QACdI;QACA,MAAMI;IACV;AAGZ"}