@webiny/app-headless-cms 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.f6dc066313

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

@@ -5,8 +5,8 @@ export const setValue = params => {
     field,
     index
   } = params;
-  let newValue = field.multipleValues ? [...(bind.value || [])] : bind.value;
-  if (field.multipleValues) {
+  let newValue = field.list ? [...(bind.value || [])] : bind.value;
+  if (field.list) {
     if (index >= 0) {
       newValue[index] = value;
     } else {

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 type { CmsModelField } from \"~/types\";\nimport type { 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":"AASA,OAAO,MAAMA,QAAQ,GAAIC,MAAsB,IAAW;EACtD,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGJ,MAAM;EAC5C,IAAIK,QAAQ,GAAGF,KAAK,CAACG,cAAc,GAAG,CAAC,IAAIJ,IAAI,CAACD,KAAK,IAAI,EAAE,CAAC,CAAC,GAAGC,IAAI,CAACD,KAAK;EAE1E,IAAIE,KAAK,CAACG,cAAc,EAAE;IACtB,IAAIF,KAAK,IAAI,CAAC,EAAE;MACZC,QAAQ,CAACD,KAAK,CAAC,GAAGH,KAAK;IAC3B,CAAC,MAAM;MACHI,QAAQ,GAAGJ,KAAK;IACpB;EACJ,CAAC,MAAM;IACHI,QAAQ,GAAGJ,KAAK;EACpB;EAEAC,IAAI,CAACK,QAAQ,CAACF,QAAQ,CAAC;AAC3B,CAAC","ignoreList":[]}
+{"version":3,"names":["setValue","params","value","bind","field","index","newValue","list","onChange"],"sources":["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"],"mappings":"AASA,OAAO,MAAMA,QAAQ,GAAIC,MAAsB,IAAW;EACtD,MAAM;IAAEC,KAAK;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGJ,MAAM;EAC5C,IAAIK,QAAQ,GAAGF,KAAK,CAACG,IAAI,GAAG,CAAC,IAAIJ,IAAI,CAACD,KAAK,IAAI,EAAE,CAAC,CAAC,GAAGC,IAAI,CAACD,KAAK;EAEhE,IAAIE,KAAK,CAACG,IAAI,EAAE;IACZ,IAAIF,KAAK,IAAI,CAAC,EAAE;MACZC,QAAQ,CAACD,KAAK,CAAC,GAAGH,KAAK;IAC3B,CAAC,MAAM;MACHI,QAAQ,GAAGJ,KAAK;IACpB;EACJ,CAAC,MAAM;IACHI,QAAQ,GAAGJ,KAAK;EACpB;EAEAC,IAAI,CAACK,QAAQ,CAACF,QAAQ,CAAC;AAC3B,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-export * from "@webiny/app-headless-cms-common/Fields/useBind";
+export * from "@webiny/app-headless-cms-common/Fields/useBind.js";

package/admin/components/ContentEntryForm/useBind.js

@@ -1,3 +1,3 @@
-export * from "@webiny/app-headless-cms-common/Fields/useBind";
+export * from "@webiny/app-headless-cms-common/Fields/useBind.js";
 
 //# sourceMappingURL=useBind.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["useBind.tsx"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/Fields/useBind\";\n"],"mappings":"AAAA,cAAc,gDAAgD","ignoreList":[]}
+{"version":3,"names":[],"sources":["useBind.tsx"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/Fields/useBind.js\";\n"],"mappings":"AAAA,cAAc,mDAAmD","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { ContentEntryFormContext } from "./ContentEntryFormProvider";
+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;

package/admin/components/ContentEntryForm/useContentEntryForm.js

@@ -1,6 +1,6 @@
 import React from "react";
 import { makeDecoratable } from "@webiny/react-composition";
-import { ContentEntryFormContext } from "./ContentEntryFormProvider";
+import { ContentEntryFormContext } from "./ContentEntryFormProvider.js";
 export const useContentEntryForm = makeDecoratable(() => {
   const context = React.useContext(ContentEntryFormContext);
   if (!context) {

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

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","ContentEntryFormContext","useContentEntryForm","context","useContext","Error"],"sources":["useContentEntryForm.ts"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ContentEntryFormContext } from \"./ContentEntryFormProvider\";\n\nexport const useContentEntryForm = makeDecoratable(() => {\n    const context = React.useContext(ContentEntryFormContext);\n    if (!context) {\n        throw new Error(\"ContentEntryFormProvider is missing in the component hierarchy!\");\n    }\n\n    return context;\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,mBAAmB,GAAGF,eAAe,CAAC,MAAM;EACrD,MAAMG,OAAO,GAAGJ,KAAK,CAACK,UAAU,CAACH,uBAAuB,CAAC;EACzD,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,iEAAiE,CAAC;EACtF;EAEA,OAAOF,OAAO;AAClB,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","ContentEntryFormContext","useContentEntryForm","context","useContext","Error"],"sources":["useContentEntryForm.ts"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/react-composition\";\nimport { ContentEntryFormContext } from \"./ContentEntryFormProvider.js\";\n\nexport const useContentEntryForm = makeDecoratable(() => {\n    const context = React.useContext(ContentEntryFormContext);\n    if (!context) {\n        throw new Error(\"ContentEntryFormProvider is missing in the component hierarchy!\");\n    }\n\n    return context;\n});\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,2BAA2B;AAC3D,SAASC,uBAAuB;AAEhC,OAAO,MAAMC,mBAAmB,GAAGF,eAAe,CAAC,MAAM;EACrD,MAAMG,OAAO,GAAGJ,KAAK,CAACK,UAAU,CAACH,uBAAuB,CAAC;EACzD,IAAI,CAACE,OAAO,EAAE;IACV,MAAM,IAAIE,KAAK,CAAC,iEAAiE,CAAC;EACtF;EAEA,OAAOF,OAAO;AAClB,CAAC,CAAC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import type { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms-common/types";
-export declare const useDefaultValues: (model: CmsModel) => Partial<CmsContentEntry>;
+import type { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
+export declare const useDefaultValues: (model: CmsModel) => Partial<CmsContentEntry<import("@webiny/app/types").GenericRecord>> & Required<Pick<CmsContentEntry<import("@webiny/app/types").GenericRecord>, "values">>;

package/admin/components/ContentEntryForm/useDefaultValues.js

@@ -14,7 +14,9 @@ const convertDefaultValue = (field, value) => {
 };
 export const useDefaultValues = model => {
   return useMemo(() => {
-    const values = {};
+    const entry = {
+      values: {}
+    };
     /**
      * Assign the default values:
      * * check the settings.defaultValue
@@ -26,14 +28,14 @@ export const useDefaultValues = model => {
        */
       const {
         settings,
-        multipleValues = false
+        list = false
       } = field;
       if (settings && settings.defaultValue !== undefined) {
         /**
          * Special type of field is the boolean one.
          * We MUST set true/false for default value.
          */
-        values[field.fieldId] = convertDefaultValue(field, settings.defaultValue);
+        entry.values[field.fieldId] = convertDefaultValue(field, settings.defaultValue);
         continue;
       }
       /**
@@ -48,21 +50,21 @@ export const useDefaultValues = model => {
       /**
        * When field is not a multiple values one, we find the first possible default selected value and set it as field value.
        */
-      if (!multipleValues) {
+      if (!list) {
         const selectedValue = predefinedValues.values.find(({
           selected
         }) => {
           return !!selected;
         });
         if (selectedValue) {
-          values[field.fieldId] = convertDefaultValue(field, selectedValue.value);
+          entry.values[field.fieldId] = convertDefaultValue(field, selectedValue.value);
         }
         continue;
       }
       /**
        *
        */
-      values[field.fieldId] = predefinedValues.values.filter(({
+      entry.values[field.fieldId] = predefinedValues.values.filter(({
         selected
       }) => !!selected).map(({
         value
@@ -70,7 +72,7 @@ export const useDefaultValues = model => {
         return convertDefaultValue(field, value);
       });
     }
-    return values;
+    return entry;
   }, [model.modelId]);
 };
 

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

@@ -1 +1 @@
-{"version":3,"names":["useMemo","convertDefaultValue","field","value","type","Boolean","Number","useDefaultValues","model","values","fields","settings","multipleValues","defaultValue","undefined","fieldId","predefinedValues","enabled","Array","isArray","selectedValue","find","selected","filter","map","modelId"],"sources":["useDefaultValues.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type {\n    CmsContentEntry,\n    CmsModel,\n    CmsModelField\n} from \"@webiny/app-headless-cms-common/types\";\n\n/**\n * Used for some fields to convert their values.\n */\nconst convertDefaultValue = (field: CmsModelField, value: any): string | number | boolean => {\n    switch (field.type) {\n        case \"boolean\":\n            return Boolean(value);\n        case \"number\":\n            return Number(value);\n        default:\n            return value;\n    }\n};\n\nexport const useDefaultValues = (model: CmsModel) => {\n    return useMemo(() => {\n        const values: Partial<CmsContentEntry> = {};\n        /**\n         * Assign the default values:\n         * * check the settings.defaultValue\n         * * check the predefinedValues for selected value\n         */\n        for (const field of model.fields) {\n            /**\n             * When checking if defaultValue is set in settings, we do the undefined check because it can be null, 0, empty string, false, etc...\n             */\n            const { settings, multipleValues = false } = field;\n            if (settings && settings.defaultValue !== undefined) {\n                /**\n                 * Special type of field is the boolean one.\n                 * We MUST set true/false for default value.\n                 */\n                values[field.fieldId] = convertDefaultValue(field, settings.defaultValue);\n                continue;\n            }\n            /**\n             * No point in going further if predefined values are not enabled.\n             */\n            const { predefinedValues } = field;\n            if (\n                !predefinedValues ||\n                !predefinedValues.enabled ||\n                Array.isArray(predefinedValues.values) === false\n            ) {\n                continue;\n            }\n            /**\n             * When field is not a multiple values one, we find the first possible default selected value and set it as field value.\n             */\n            if (!multipleValues) {\n                const selectedValue = predefinedValues.values.find(({ selected }) => {\n                    return !!selected;\n                });\n                if (selectedValue) {\n                    values[field.fieldId] = convertDefaultValue(field, selectedValue.value);\n                }\n                continue;\n            }\n            /**\n             *\n             */\n            values[field.fieldId] = predefinedValues.values\n                .filter(({ selected }) => !!selected)\n                .map(({ value }) => {\n                    return convertDefaultValue(field, value);\n                });\n        }\n        return values;\n    }, [model.modelId]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAO/B;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAACC,KAAoB,EAAEC,KAAU,KAAgC;EACzF,QAAQD,KAAK,CAACE,IAAI;IACd,KAAK,SAAS;MACV,OAAOC,OAAO,CAACF,KAAK,CAAC;IACzB,KAAK,QAAQ;MACT,OAAOG,MAAM,CAACH,KAAK,CAAC;IACxB;MACI,OAAOA,KAAK;EACpB;AACJ,CAAC;AAED,OAAO,MAAMI,gBAAgB,GAAIC,KAAe,IAAK;EACjD,OAAOR,OAAO,CAAC,MAAM;IACjB,MAAMS,MAAgC,GAAG,CAAC,CAAC;IAC3C;AACR;AACA;AACA;AACA;IACQ,KAAK,MAAMP,KAAK,IAAIM,KAAK,CAACE,MAAM,EAAE;MAC9B;AACZ;AACA;MACY,MAAM;QAAEC,QAAQ;QAAEC,cAAc,GAAG;MAAM,CAAC,GAAGV,KAAK;MAClD,IAAIS,QAAQ,IAAIA,QAAQ,CAACE,YAAY,KAAKC,SAAS,EAAE;QACjD;AAChB;AACA;AACA;QACgBL,MAAM,CAACP,KAAK,CAACa,OAAO,CAAC,GAAGd,mBAAmB,CAACC,KAAK,EAAES,QAAQ,CAACE,YAAY,CAAC;QACzE;MACJ;MACA;AACZ;AACA;MACY,MAAM;QAAEG;MAAiB,CAAC,GAAGd,KAAK;MAClC,IACI,CAACc,gBAAgB,IACjB,CAACA,gBAAgB,CAACC,OAAO,IACzBC,KAAK,CAACC,OAAO,CAACH,gBAAgB,CAACP,MAAM,CAAC,KAAK,KAAK,EAClD;QACE;MACJ;MACA;AACZ;AACA;MACY,IAAI,CAACG,cAAc,EAAE;QACjB,MAAMQ,aAAa,GAAGJ,gBAAgB,CAACP,MAAM,CAACY,IAAI,CAAC,CAAC;UAAEC;QAAS,CAAC,KAAK;UACjE,OAAO,CAAC,CAACA,QAAQ;QACrB,CAAC,CAAC;QACF,IAAIF,aAAa,EAAE;UACfX,MAAM,CAACP,KAAK,CAACa,OAAO,CAAC,GAAGd,mBAAmB,CAACC,KAAK,EAAEkB,aAAa,CAACjB,KAAK,CAAC;QAC3E;QACA;MACJ;MACA;AACZ;AACA;MACYM,MAAM,CAACP,KAAK,CAACa,OAAO,CAAC,GAAGC,gBAAgB,CAACP,MAAM,CAC1Cc,MAAM,CAAC,CAAC;QAAED;MAAS,CAAC,KAAK,CAAC,CAACA,QAAQ,CAAC,CACpCE,GAAG,CAAC,CAAC;QAAErB;MAAM,CAAC,KAAK;QAChB,OAAOF,mBAAmB,CAACC,KAAK,EAAEC,KAAK,CAAC;MAC5C,CAAC,CAAC;IACV;IACA,OAAOM,MAAM;EACjB,CAAC,EAAE,CAACD,KAAK,CAACiB,OAAO,CAAC,CAAC;AACvB,CAAC","ignoreList":[]}
+{"version":3,"names":["useMemo","convertDefaultValue","field","value","type","Boolean","Number","useDefaultValues","model","entry","values","fields","settings","list","defaultValue","undefined","fieldId","predefinedValues","enabled","Array","isArray","selectedValue","find","selected","filter","map","modelId"],"sources":["useDefaultValues.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport type {\n    CmsContentEntry,\n    CmsModel,\n    CmsModelField\n} from \"@webiny/app-headless-cms-common/types/index.js\";\n\n/**\n * Used for some fields to convert their values.\n */\nconst convertDefaultValue = (field: CmsModelField, value: any): string | number | boolean => {\n    switch (field.type) {\n        case \"boolean\":\n            return Boolean(value);\n        case \"number\":\n            return Number(value);\n        default:\n            return value;\n    }\n};\n\nexport const useDefaultValues = (model: CmsModel) => {\n    return useMemo(() => {\n        const entry: Partial<CmsContentEntry> & Required<Pick<CmsContentEntry, \"values\">> = {\n            values: {}\n        };\n        /**\n         * Assign the default values:\n         * * check the settings.defaultValue\n         * * check the predefinedValues for selected value\n         */\n        for (const field of model.fields) {\n            /**\n             * When checking if defaultValue is set in settings, we do the undefined check because it can be null, 0, empty string, false, etc...\n             */\n            const { settings, list = false } = field;\n            if (settings && settings.defaultValue !== undefined) {\n                /**\n                 * Special type of field is the boolean one.\n                 * We MUST set true/false for default value.\n                 */\n                entry.values[field.fieldId] = convertDefaultValue(field, settings.defaultValue);\n                continue;\n            }\n            /**\n             * No point in going further if predefined values are not enabled.\n             */\n            const { predefinedValues } = field;\n            if (\n                !predefinedValues ||\n                !predefinedValues.enabled ||\n                Array.isArray(predefinedValues.values) === false\n            ) {\n                continue;\n            }\n            /**\n             * When field is not a multiple values one, we find the first possible default selected value and set it as field value.\n             */\n            if (!list) {\n                const selectedValue = predefinedValues.values.find(({ selected }) => {\n                    return !!selected;\n                });\n                if (selectedValue) {\n                    entry.values[field.fieldId] = convertDefaultValue(field, selectedValue.value);\n                }\n                continue;\n            }\n            /**\n             *\n             */\n            entry.values[field.fieldId] = predefinedValues.values\n                .filter(({ selected }) => !!selected)\n                .map(({ value }) => {\n                    return convertDefaultValue(field, value);\n                });\n        }\n        return entry;\n    }, [model.modelId]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAO/B;AACA;AACA;AACA,MAAMC,mBAAmB,GAAGA,CAACC,KAAoB,EAAEC,KAAU,KAAgC;EACzF,QAAQD,KAAK,CAACE,IAAI;IACd,KAAK,SAAS;MACV,OAAOC,OAAO,CAACF,KAAK,CAAC;IACzB,KAAK,QAAQ;MACT,OAAOG,MAAM,CAACH,KAAK,CAAC;IACxB;MACI,OAAOA,KAAK;EACpB;AACJ,CAAC;AAED,OAAO,MAAMI,gBAAgB,GAAIC,KAAe,IAAK;EACjD,OAAOR,OAAO,CAAC,MAAM;IACjB,MAAMS,KAA2E,GAAG;MAChFC,MAAM,EAAE,CAAC;IACb,CAAC;IACD;AACR;AACA;AACA;AACA;IACQ,KAAK,MAAMR,KAAK,IAAIM,KAAK,CAACG,MAAM,EAAE;MAC9B;AACZ;AACA;MACY,MAAM;QAAEC,QAAQ;QAAEC,IAAI,GAAG;MAAM,CAAC,GAAGX,KAAK;MACxC,IAAIU,QAAQ,IAAIA,QAAQ,CAACE,YAAY,KAAKC,SAAS,EAAE;QACjD;AAChB;AACA;AACA;QACgBN,KAAK,CAACC,MAAM,CAACR,KAAK,CAACc,OAAO,CAAC,GAAGf,mBAAmB,CAACC,KAAK,EAAEU,QAAQ,CAACE,YAAY,CAAC;QAC/E;MACJ;MACA;AACZ;AACA;MACY,MAAM;QAAEG;MAAiB,CAAC,GAAGf,KAAK;MAClC,IACI,CAACe,gBAAgB,IACjB,CAACA,gBAAgB,CAACC,OAAO,IACzBC,KAAK,CAACC,OAAO,CAACH,gBAAgB,CAACP,MAAM,CAAC,KAAK,KAAK,EAClD;QACE;MACJ;MACA;AACZ;AACA;MACY,IAAI,CAACG,IAAI,EAAE;QACP,MAAMQ,aAAa,GAAGJ,gBAAgB,CAACP,MAAM,CAACY,IAAI,CAAC,CAAC;UAAEC;QAAS,CAAC,KAAK;UACjE,OAAO,CAAC,CAACA,QAAQ;QACrB,CAAC,CAAC;QACF,IAAIF,aAAa,EAAE;UACfZ,KAAK,CAACC,MAAM,CAACR,KAAK,CAACc,OAAO,CAAC,GAAGf,mBAAmB,CAACC,KAAK,EAAEmB,aAAa,CAAClB,KAAK,CAAC;QACjF;QACA;MACJ;MACA;AACZ;AACA;MACYM,KAAK,CAACC,MAAM,CAACR,KAAK,CAACc,OAAO,CAAC,GAAGC,gBAAgB,CAACP,MAAM,CAChDc,MAAM,CAAC,CAAC;QAAED;MAAS,CAAC,KAAK,CAAC,CAACA,QAAQ,CAAC,CACpCE,GAAG,CAAC,CAAC;QAAEtB;MAAM,CAAC,KAAK;QAChB,OAAOF,mBAAmB,CAACC,KAAK,EAAEC,KAAK,CAAC;MAC5C,CAAC,CAAC;IACV;IACA,OAAOM,KAAK;EAChB,CAAC,EAAE,CAACD,KAAK,CAACkB,OAAO,CAAC,CAAC;AACvB,CAAC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-import type { CmsContentFormRendererPlugin, CmsModel } from "@webiny/app-headless-cms-common/types";
+import type { CmsContentFormRendererPlugin, CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
 export declare const useFormRenderer: (model: CmsModel) => import("@webiny/plugins/PluginsContainer").WithName<CmsContentFormRendererPlugin> | undefined;

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

@@ -1 +1 @@
-{"version":3,"names":["plugins","useFormRenderer","model","byType","find","pl","modelId"],"sources":["useFormRenderer.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type { CmsContentFormRendererPlugin, CmsModel } from \"@webiny/app-headless-cms-common/types\";\n\nexport const useFormRenderer = (model: CmsModel) => {\n    return plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === model.modelId);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AAGzC,OAAO,MAAMC,eAAe,GAAIC,KAAe,IAAK;EAChD,OAAOF,OAAO,CACTG,MAAM,CAA+B,2BAA2B,CAAC,CACjEC,IAAI,CAACC,EAAE,IAAIA,EAAE,CAACC,OAAO,KAAKJ,KAAK,CAACI,OAAO,CAAC;AACjD,CAAC","ignoreList":[]}
+{"version":3,"names":["plugins","useFormRenderer","model","byType","find","pl","modelId"],"sources":["useFormRenderer.ts"],"sourcesContent":["import { plugins } from \"@webiny/plugins\";\nimport type {\n    CmsContentFormRendererPlugin,\n    CmsModel\n} from \"@webiny/app-headless-cms-common/types/index.js\";\n\nexport const useFormRenderer = (model: CmsModel) => {\n    return plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === model.modelId);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,iBAAiB;AAMzC,OAAO,MAAMC,eAAe,GAAIC,KAAe,IAAK;EAChD,OAAOF,OAAO,CACTG,MAAM,CAA+B,2BAA2B,CAAC,CACjEC,IAAI,CAACC,EAAE,IAAIA,EAAE,CAACC,OAAO,KAAKJ,KAAK,CAACI,OAAO,CAAC;AACjD,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/useGoToRevision.js

@@ -1,19 +1,20 @@
-import { useRouter } from "@webiny/react-router";
+import { useRoute, useRouter } from "@webiny/app-admin";
 import { useCallback } from "react";
-import { useModel } from "../../hooks";
+import { Routes } from "../../../routes.js";
 export const useGoToRevision = () => {
   const {
-    model
-  } = useModel();
-  const {
-    history,
-    search
+    goToRoute
   } = useRouter();
+  const {
+    route
+  } = useRoute(Routes.ContentEntries.List);
   const goToRevision = useCallback(id => {
-    const fId = search[0].get("folderId");
-    const folderId = fId ? `&folderId=${encodeURIComponent(fId)}` : "";
-    history.push(`/cms/content-entries/${model.modelId}?id=${encodeURIComponent(id)}${folderId}`);
-  }, [search[0]]);
+    goToRoute(Routes.ContentEntries.List, {
+      id,
+      modelId: route.params.modelId,
+      folderId: route.params.folderId
+    });
+  }, [route]);
   return {
     goToRevision
   };

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

@@ -1 +1 @@
-{"version":3,"names":["useRouter","useCallback","useModel","useGoToRevision","model","history","search","goToRevision","id","fId","get","folderId","encodeURIComponent","push","modelId"],"sources":["useGoToRevision.ts"],"sourcesContent":["import { useRouter } from \"@webiny/react-router\";\nimport { useCallback } from \"react\";\nimport { useModel } from \"~/admin/hooks\";\n\nexport const useGoToRevision = () => {\n    const { model } = useModel();\n    const { history, search } = useRouter();\n\n    const goToRevision = useCallback(\n        (id: string) => {\n            const fId = search[0].get(\"folderId\");\n            const folderId = fId ? `&folderId=${encodeURIComponent(fId)}` : \"\";\n            history.push(\n                `/cms/content-entries/${model.modelId}?id=${encodeURIComponent(id)}${folderId}`\n            );\n        },\n        [search[0]]\n    );\n\n    return { goToRevision };\n};\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,sBAAsB;AAChD,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,QAAQ;AAEjB,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAM,CAAC,GAAGF,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEG,OAAO;IAAEC;EAAO,CAAC,GAAGN,SAAS,CAAC,CAAC;EAEvC,MAAMO,YAAY,GAAGN,WAAW,CAC3BO,EAAU,IAAK;IACZ,MAAMC,GAAG,GAAGH,MAAM,CAAC,CAAC,CAAC,CAACI,GAAG,CAAC,UAAU,CAAC;IACrC,MAAMC,QAAQ,GAAGF,GAAG,GAAG,aAAaG,kBAAkB,CAACH,GAAG,CAAC,EAAE,GAAG,EAAE;IAClEJ,OAAO,CAACQ,IAAI,CACR,wBAAwBT,KAAK,CAACU,OAAO,OAAOF,kBAAkB,CAACJ,EAAE,CAAC,GAAGG,QAAQ,EACjF,CAAC;EACL,CAAC,EACD,CAACL,MAAM,CAAC,CAAC,CAAC,CACd,CAAC;EAED,OAAO;IAAEC;EAAa,CAAC;AAC3B,CAAC","ignoreList":[]}
+{"version":3,"names":["useRoute","useRouter","useCallback","Routes","useGoToRevision","goToRoute","route","ContentEntries","List","goToRevision","id","modelId","params","folderId"],"sources":["useGoToRevision.ts"],"sourcesContent":["import { useRoute, useRouter } from \"@webiny/app-admin\";\nimport { useCallback } from \"react\";\nimport { Routes } from \"~/routes.js\";\n\nexport const useGoToRevision = () => {\n    const { goToRoute } = useRouter();\n    const { route } = useRoute(Routes.ContentEntries.List);\n\n    const goToRevision = useCallback(\n        (id: string) => {\n            goToRoute(Routes.ContentEntries.List, {\n                id,\n                modelId: route.params.modelId,\n                folderId: route.params.folderId\n            });\n        },\n        [route]\n    );\n\n    return { goToRevision };\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,mBAAmB;AACvD,SAASC,WAAW,QAAQ,OAAO;AACnC,SAASC,MAAM;AAEf,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAM;IAAEC;EAAU,CAAC,GAAGJ,SAAS,CAAC,CAAC;EACjC,MAAM;IAAEK;EAAM,CAAC,GAAGN,QAAQ,CAACG,MAAM,CAACI,cAAc,CAACC,IAAI,CAAC;EAEtD,MAAMC,YAAY,GAAGP,WAAW,CAC3BQ,EAAU,IAAK;IACZL,SAAS,CAACF,MAAM,CAACI,cAAc,CAACC,IAAI,EAAE;MAClCE,EAAE;MACFC,OAAO,EAAEL,KAAK,CAACM,MAAM,CAACD,OAAO;MAC7BE,QAAQ,EAAEP,KAAK,CAACM,MAAM,CAACC;IAC3B,CAAC,CAAC;EACN,CAAC,EACD,CAACP,KAAK,CACV,CAAC;EAED,OAAO;IAAEG;EAAa,CAAC;AAC3B,CAAC","ignoreList":[]}

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

@@ -1 +1 @@
-export * from "@webiny/app-headless-cms-common/Fields/useRenderPlugins";
+export * from "@webiny/app-headless-cms-common/Fields/useRenderPlugins.js";

package/admin/components/ContentEntryForm/useRenderPlugins.js

@@ -1,3 +1,3 @@
-export * from "@webiny/app-headless-cms-common/Fields/useRenderPlugins";
+export * from "@webiny/app-headless-cms-common/Fields/useRenderPlugins.js";
 
 //# sourceMappingURL=useRenderPlugins.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["useRenderPlugins.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/Fields/useRenderPlugins\";\n"],"mappings":"AAAA,cAAc,yDAAyD","ignoreList":[]}
+{"version":3,"names":[],"sources":["useRenderPlugins.ts"],"sourcesContent":["export * from \"@webiny/app-headless-cms-common/Fields/useRenderPlugins.js\";\n"],"mappings":"AAAA,cAAc,4DAA4D","ignoreList":[]}

package/admin/components/ContentModelEditor/ContentModelEditor.js

@@ -1,21 +1,19 @@
 import React, { useState, useEffect } from "react";
-import { makeDecoratable } from "@webiny/app-admin";
-import { Prompt } from "@webiny/react-router";
-import { i18n } from "@webiny/app/i18n";
-import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView";
-import { Heading, OverlayLoader, Separator, Tabs, Text, TimeAgo } from "@webiny/admin-ui";
+import { makeDecoratable, NavigationPrompt, LeftPanel, RightPanel, SplitView } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { Heading, OverlayLoader, Tabs, Text, TimeAgo } from "@webiny/admin-ui";
 import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
 import { ReactComponent as PreviewIcon } from "@webiny/icons/fullscreen.svg";
-import { FieldsSidebar } from "./FieldsSidebar";
-import { FieldEditor } from "../FieldEditor";
-import { PreviewTab } from "./PreviewTab";
-import Header from "./Header";
-import DragPreview from "../DragPreview";
-import { useModelEditor } from "./useModelEditor";
-import { ContentEntryEditorWithConfig } from "../../config/contentEntries";
-import { ContentEntryProvider } from "../../views/contentEntries/ContentEntry/ContentEntryContext";
-import { ContentEntriesProvider } from "../../views/contentEntries/ContentEntriesContext";
-import { ModelIsBeingDeletedError } from "./ModelIsBeingDeletedError";
+import { FieldsSidebar } from "./FieldsSidebar.js";
+import { FieldEditor } from "../FieldEditor/index.js";
+import { PreviewTab } from "./PreviewTab.js";
+import Header from "./Header.js";
+import DragPreview from "../DragPreview.js";
+import { useModelEditor } from "./useModelEditor.js";
+import { ContentEntryEditorWithConfig } from "../../config/contentEntries/index.js";
+import { ContentEntryProvider } from "../../views/contentEntries/ContentEntry/ContentEntryContext.js";
+import { ContentEntriesProvider } from "../../views/contentEntries/ContentEntriesContext.js";
+import { ModelIsBeingDeletedError } from "./ModelIsBeingDeletedError/index.js";
 const t = i18n.ns("app-headless-cms/admin/editor");
 const prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;
 export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
@@ -28,9 +26,9 @@ export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
 
   // Add a class to <body> to trigger global styles while this component is active
   useEffect(() => {
-    document.body.classList.add("wby-overflow-hidden");
+    document.body.classList.add("overflow-hidden");
     return () => {
-      document.body.classList.remove("wby-overflow-hidden");
+      document.body.classList.remove("overflow-hidden");
     };
   }, []);
   const [activeTab, setActiveTab] = useState("edit");
@@ -54,38 +52,33 @@ export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
     });
   }
   return /*#__PURE__*/React.createElement("div", {
-    className: "content-model-editor wby-flex-1"
-  }, /*#__PURE__*/React.createElement(Prompt, {
+    className: "content-model-editor flex-1"
+  }, /*#__PURE__*/React.createElement(NavigationPrompt, {
     when: !isPristine,
     message: prompt
   }), /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-w-full wby-overflow-y-auto wby-h-main-content"
+    className: "w-full overflow-y-auto h-main-content"
   }, /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
     span: 4,
-    className: "wby-bg-neutral-light"
+    className: "bg-neutral-light"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-px-lg wby-py-md"
-  }, /*#__PURE__*/React.createElement(Text, {
-    as: "div",
-    className: "wby-uppercase wby-font-semibold wby-text-neutral-xstrong"
-  }, "Fields")), /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
-    className: "wby-px-lg wby-py-md wby-h-[calc(100vh-98px)] wby-overflow-y-scroll"
+    className: "px-lg py-md h-[calc(100vh-98px)] overflow-y-scroll"
   }, /*#__PURE__*/React.createElement(FieldsSidebar, {
     onFieldDragStart: () => {
       setActiveTab("edit");
     }
   }))), /*#__PURE__*/React.createElement(RightPanel, {
     span: 8,
-    className: "wby-bg-neutral-base"
+    className: "bg-neutral-base"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "wby-h-full wby-overflow-y-scroll"
+    className: "h-full overflow-y-scroll"
   }, contentModel && /*#__PURE__*/React.createElement("div", {
-    className: "wby-px-xl wby-pt-lg wby-pb-md-extra"
+    className: "px-xl pt-lg pb-md-extra"
   }, /*#__PURE__*/React.createElement(Heading, {
     level: 4
   }, contentModel.name), /*#__PURE__*/React.createElement(Text, {
     size: "sm",
-    className: "wby-text-neutral-muted"
+    className: "text-neutral-muted"
   }, `Created by ${contentModel.createdBy.displayName}. Last modified: `, /*#__PURE__*/React.createElement(TimeAgo, {
     datetime: contentModel.savedOn
   }), ".")), /*#__PURE__*/React.createElement(Tabs, {
@@ -101,7 +94,7 @@ export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
       icon: /*#__PURE__*/React.createElement(EditIcon, null),
       "data-testid": "cms.editor.tab.edit",
       content: /*#__PURE__*/React.createElement("div", {
-        className: "wby-relative wby-mb-lg"
+        className: "relative mb-lg"
       }, /*#__PURE__*/React.createElement(FieldEditor, {
         fields: data.fields,
         layout: data.layout || [],

package/admin/components/ContentModelEditor/ContentModelEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useEffect","makeDecoratable","Prompt","i18n","LeftPanel","RightPanel","SplitView","Heading","OverlayLoader","Separator","Tabs","Text","TimeAgo","ReactComponent","EditIcon","PreviewIcon","FieldsSidebar","FieldEditor","PreviewTab","Header","DragPreview","useModelEditor","ContentEntryEditorWithConfig","ContentEntryProvider","ContentEntriesProvider","ModelIsBeingDeletedError","t","ns","prompt","ContentModelEditor","data","setData","isPristine","contentModel","document","body","classList","add","remove","activeTab","setActiveTab","onChange","fields","layout","createElement","text","isBeingDeleted","model","className","when","message","span","as","onFieldDragStart","level","name","size","createdBy","displayName","datetime","savedOn","spacing","separator","value","String","onValueChange","tabs","Tab","key","trigger","icon","content","readonly"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Heading, OverlayLoader, Separator, Tabs, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as PreviewIcon } from \"@webiny/icons/fullscreen.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar\";\nimport { FieldEditor } from \"../FieldEditor\";\nimport { PreviewTab } from \"./PreviewTab\";\nimport Header from \"./Header\";\nimport DragPreview from \"../DragPreview\";\nimport { useModelEditor } from \"./useModelEditor\";\nimport type { CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { ContentEntryEditorWithConfig } from \"~/admin/config/contentEntries\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { ModelIsBeingDeletedError } from \"~/admin/components/ContentModelEditor/ModelIsBeingDeletedError\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\ninterface OnChangeParams {\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n}\n\nexport const ContentModelEditor = makeDecoratable(\"ContentModelEditor\", () => {\n    const { data, setData, isPristine, contentModel } = useModelEditor();\n\n    // Add a class to <body> to trigger global styles while this component is active\n    useEffect(() => {\n        document.body.classList.add(\"wby-overflow-hidden\");\n\n        return () => {\n            document.body.classList.remove(\"wby-overflow-hidden\");\n        };\n    }, []);\n\n    const [activeTab, setActiveTab] = useState<string>(\"edit\");\n\n    const onChange = ({ fields, layout }: OnChangeParams) => {\n        setData(data => ({ ...data, fields, layout }));\n    };\n\n    if (!data) {\n        return <OverlayLoader text={\"Loading content model...\"} />;\n    } else if (data.isBeingDeleted) {\n        return <ModelIsBeingDeletedError model={data} />;\n    }\n\n    return (\n        <div className={\"content-model-editor wby-flex-1\"}>\n            <Prompt when={!isPristine} message={prompt} />\n            <Header />\n            <div className={\"wby-w-full wby-overflow-y-auto wby-h-main-content\"}>\n                <SplitView>\n                    <LeftPanel span={4} className={\"wby-bg-neutral-light\"}>\n                        <div className={\"wby-px-lg wby-py-md\"}>\n                            <Text\n                                as={\"div\"}\n                                className={\n                                    \"wby-uppercase wby-font-semibold wby-text-neutral-xstrong\"\n                                }\n                            >\n                                {\"Fields\"}\n                            </Text>\n                        </div>\n                        <Separator />\n                        <div\n                            className={\n                                \"wby-px-lg wby-py-md wby-h-[calc(100vh-98px)] wby-overflow-y-scroll\"\n                            }\n                        >\n                            <FieldsSidebar\n                                onFieldDragStart={() => {\n                                    setActiveTab(\"edit\");\n                                }}\n                            />\n                        </div>\n                    </LeftPanel>\n                    <RightPanel span={8} className={\"wby-bg-neutral-base\"}>\n                        <div className={\"wby-h-full wby-overflow-y-scroll\"}>\n                            {contentModel && (\n                                <div className={\"wby-px-xl wby-pt-lg wby-pb-md-extra\"}>\n                                    <Heading level={4}>{contentModel.name}</Heading>\n                                    <Text size={\"sm\"} className={\"wby-text-neutral-muted\"}>\n                                        {`Created by ${contentModel.createdBy.displayName}. Last modified: `}\n                                        <TimeAgo datetime={contentModel.savedOn} />.\n                                    </Text>\n                                </div>\n                            )}\n                            <Tabs\n                                size={\"md\"}\n                                spacing={\"xl\"}\n                                separator={true}\n                                value={String(activeTab)}\n                                onValueChange={setActiveTab}\n                                tabs={[\n                                    <Tabs.Tab\n                                        key={\"edit\"}\n                                        value={\"edit\"}\n                                        trigger={\"Edit\"}\n                                        icon={<EditIcon />}\n                                        data-testid={\"cms.editor.tab.edit\"}\n                                        content={\n                                            <div className={\"wby-relative wby-mb-lg\"}>\n                                                <FieldEditor\n                                                    fields={data.fields}\n                                                    layout={data.layout || []}\n                                                    onChange={onChange}\n                                                />\n                                            </div>\n                                        }\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"preview\"}\n                                        value={\"preview\"}\n                                        trigger={\"Preview\"}\n                                        icon={<PreviewIcon />}\n                                        data-testid={\"cms.editor.tab.preview\"}\n                                        content={\n                                            <ContentEntryEditorWithConfig>\n                                                <ContentEntriesProvider contentModel={data}>\n                                                    <ContentEntryProvider readonly={true}>\n                                                        <PreviewTab\n                                                            activeTab={activeTab === \"preview\"}\n                                                        />\n                                                    </ContentEntryProvider>\n                                                </ContentEntriesProvider>\n                                            </ContentEntryEditorWithConfig>\n                                        }\n                                    />\n                                ]}\n                            />\n                        </div>\n                    </RightPanel>\n                </SplitView>\n                <DragPreview />\n            </div>\n        </div>\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","makeDecoratable","NavigationPrompt","LeftPanel","RightPanel","SplitView","i18n","Heading","OverlayLoader","Tabs","Text","TimeAgo","ReactComponent","EditIcon","PreviewIcon","FieldsSidebar","FieldEditor","PreviewTab","Header","DragPreview","useModelEditor","ContentEntryEditorWithConfig","ContentEntryProvider","ContentEntriesProvider","ModelIsBeingDeletedError","t","ns","prompt","ContentModelEditor","data","setData","isPristine","contentModel","document","body","classList","add","remove","activeTab","setActiveTab","onChange","fields","layout","createElement","text","isBeingDeleted","model","className","when","message","span","onFieldDragStart","level","name","size","createdBy","displayName","datetime","savedOn","spacing","separator","value","String","onValueChange","tabs","Tab","key","trigger","icon","content","readonly"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport {\n    makeDecoratable,\n    NavigationPrompt,\n    LeftPanel,\n    RightPanel,\n    SplitView\n} from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { Heading, OverlayLoader, Tabs, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as PreviewIcon } from \"@webiny/icons/fullscreen.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar.js\";\nimport { FieldEditor } from \"../FieldEditor/index.js\";\nimport { PreviewTab } from \"./PreviewTab.js\";\nimport Header from \"./Header.js\";\nimport DragPreview from \"../DragPreview.js\";\nimport { useModelEditor } from \"./useModelEditor.js\";\nimport type { CmsEditorFieldsLayout, CmsModelField } from \"~/types.js\";\nimport { ContentEntryEditorWithConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext.js\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext.js\";\nimport { ModelIsBeingDeletedError } from \"~/admin/components/ContentModelEditor/ModelIsBeingDeletedError/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\ninterface OnChangeParams {\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n}\n\nexport const ContentModelEditor = makeDecoratable(\"ContentModelEditor\", () => {\n    const { data, setData, isPristine, contentModel } = useModelEditor();\n\n    // Add a class to <body> to trigger global styles while this component is active\n    useEffect(() => {\n        document.body.classList.add(\"overflow-hidden\");\n\n        return () => {\n            document.body.classList.remove(\"overflow-hidden\");\n        };\n    }, []);\n\n    const [activeTab, setActiveTab] = useState<string>(\"edit\");\n\n    const onChange = ({ fields, layout }: OnChangeParams) => {\n        setData(data => ({ ...data, fields, layout }));\n    };\n\n    if (!data) {\n        return <OverlayLoader text={\"Loading content model...\"} />;\n    } else if (data.isBeingDeleted) {\n        return <ModelIsBeingDeletedError model={data} />;\n    }\n\n    return (\n        <div className={\"content-model-editor flex-1\"}>\n            <NavigationPrompt when={!isPristine} message={prompt} />\n            <Header />\n            <div className={\"w-full overflow-y-auto h-main-content\"}>\n                <SplitView>\n                    <LeftPanel span={4} className={\"bg-neutral-light\"}>\n                        <div className={\"px-lg py-md h-[calc(100vh-98px)] overflow-y-scroll\"}>\n                            <FieldsSidebar\n                                onFieldDragStart={() => {\n                                    setActiveTab(\"edit\");\n                                }}\n                            />\n                        </div>\n                    </LeftPanel>\n                    <RightPanel span={8} className={\"bg-neutral-base\"}>\n                        <div className={\"h-full overflow-y-scroll\"}>\n                            {contentModel && (\n                                <div className={\"px-xl pt-lg pb-md-extra\"}>\n                                    <Heading level={4}>{contentModel.name}</Heading>\n                                    <Text size={\"sm\"} className={\"text-neutral-muted\"}>\n                                        {`Created by ${contentModel.createdBy.displayName}. Last modified: `}\n                                        <TimeAgo datetime={contentModel.savedOn} />.\n                                    </Text>\n                                </div>\n                            )}\n                            <Tabs\n                                size={\"md\"}\n                                spacing={\"xl\"}\n                                separator={true}\n                                value={String(activeTab)}\n                                onValueChange={setActiveTab}\n                                tabs={[\n                                    <Tabs.Tab\n                                        key={\"edit\"}\n                                        value={\"edit\"}\n                                        trigger={\"Edit\"}\n                                        icon={<EditIcon />}\n                                        data-testid={\"cms.editor.tab.edit\"}\n                                        content={\n                                            <div className={\"relative mb-lg\"}>\n                                                <FieldEditor\n                                                    fields={data.fields}\n                                                    layout={data.layout || []}\n                                                    onChange={onChange}\n                                                />\n                                            </div>\n                                        }\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"preview\"}\n                                        value={\"preview\"}\n                                        trigger={\"Preview\"}\n                                        icon={<PreviewIcon />}\n                                        data-testid={\"cms.editor.tab.preview\"}\n                                        content={\n                                            <ContentEntryEditorWithConfig>\n                                                <ContentEntriesProvider contentModel={data}>\n                                                    <ContentEntryProvider readonly={true}>\n                                                        <PreviewTab\n                                                            activeTab={activeTab === \"preview\"}\n                                                        />\n                                                    </ContentEntryProvider>\n                                                </ContentEntriesProvider>\n                                            </ContentEntryEditorWithConfig>\n                                        }\n                                    />\n                                ]}\n                            />\n                        </div>\n                    </RightPanel>\n                </SplitView>\n                <DragPreview />\n            </div>\n        </div>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/admin/components/ContentModelEditor/ContentModelEditorProvider.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
 import type { ApolloClient } from "apollo-client";
-import type { GetCmsModelQueryResponse, UpdateCmsModelMutationResponse } from "../../graphql/contentModels";
-import type { CmsModel } from "../../../types";
+import type { GetCmsModelQueryResponse, UpdateCmsModelMutationResponse } from "../../../admin/graphql/contentModels.js";
+import type { CmsModel } from "../../../types.js";
 import type { FetchResult } from "apollo-link";
+import type { FieldOption } from "@webiny/app-headless-cms-common/Fields/fieldOptions.js";
 export interface ContentModelEditorProviderContext {
     apolloClient: ApolloClient<any>;
     data: CmsModel;
@@ -13,6 +14,7 @@ export interface ContentModelEditorProviderContext {
     setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;
     activeTabIndex: number;
     setActiveTabIndex: (index: number) => void;
+    fieldOptions: FieldOption[];
 }
 export declare const contentModelEditorContext: React.Context<ContentModelEditorProviderContext | undefined>;
 interface State {

package/admin/components/ContentModelEditor/ContentModelEditorProvider.js

@@ -1,12 +1,14 @@
 import React, { useCallback, useEffect, useMemo, useReducer } from "react";
-import get from "lodash/get";
-import pick from "lodash/pick";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from "../../graphql/contentModels";
-import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql";
-import { ModelProvider } from "../ModelProvider";
-import { createHashing } from "@webiny/app/utils";
+import get from "lodash/get.js";
+import pick from "lodash/pick.js";
+import { useSnackbar, useRouter } from "@webiny/app-admin";
+import { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from "../../graphql/contentModels.js";
+import { LIST_MENU_CONTENT_GROUPS_MODELS } from "../../viewsGraphql.js";
+import { ModelProvider } from "../ModelProvider/index.js";
+import { createHashing } from "@webiny/app/utils/index.js";
+import { Routes } from "../../../routes.js";
+import { buildFieldOptions, buildFieldLabelPrefixes } from "@webiny/app-headless-cms-common/Fields/fieldOptions.js";
+import { plugins } from "@webiny/plugins";
 export const contentModelEditorContext = /*#__PURE__*/React.createContext(undefined);
 export const contentModelEditorReducer = (prev, action) => {
   const {
@@ -67,19 +69,22 @@ const cleanupModelData = data => {
     fields: cleanupModelDataFields(data.fields)
   };
 };
+const createDefaultState = modelId => {
+  return {
+    modelId: modelId || null,
+    isPristine: true,
+    data: null,
+    activeTabIndex: 0
+  };
+};
 export const ContentModelEditorProvider = ({
   children,
   apolloClient,
   modelId
 }) => {
-  const [state, dispatch] = useReducer(contentModelEditorReducer, {
-    modelId: modelId || null,
-    isPristine: true,
-    data: null,
-    activeTabIndex: 0
-  });
+  const [state, dispatch] = useReducer(contentModelEditorReducer, createDefaultState(modelId));
   const {
-    history
+    goToRoute
   } = useRouter();
   const {
     showSnackbar
@@ -169,10 +174,19 @@ export const ContentModelEditorProvider = ({
       return;
     }
     getContentModel(modelId).catch(() => {
-      history.push(`/cms/content-models`);
+      goToRoute(Routes.ContentModels.List);
       showSnackbar(`Could not load content model with given ID.`);
     });
   }, [modelId]);
+  const layoutFieldPlugins = plugins.byType("cms-editor-layout-field-type");
+  const fieldOptions = useMemo(() => {
+    const model = state.data;
+    if (!model) {
+      return [];
+    }
+    const prefixes = model.layout ? buildFieldLabelPrefixes(model.layout, layoutFieldPlugins) : undefined;
+    return buildFieldOptions(model.fields ?? [], "", "", prefixes, layoutFieldPlugins);
+  }, [state.data?.fields, state.data?.layout]);
   const value = useMemo(() => ({
     // Keeping `data` for compatibility
     data: state.data,
@@ -185,8 +199,9 @@ export const ContentModelEditorProvider = ({
     saveContentModel,
     setData,
     activeTabIndex: state.activeTabIndex,
-    setActiveTabIndex
-  }), [state, apolloClient]);
+    setActiveTabIndex,
+    fieldOptions
+  }), [state, apolloClient, fieldOptions]);
   const {
     Provider
   } = contentModelEditorContext;

package/admin/components/ContentModelEditor/ContentModelEditorProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useReducer","get","pick","useRouter","useSnackbar","GET_CONTENT_MODEL","UPDATE_CONTENT_MODEL","LIST_MENU_CONTENT_GROUPS_MODELS","ModelProvider","createHashing","contentModelEditorContext","createContext","undefined","contentModelEditorReducer","prev","action","data","type","hashModel","cleanupModelDataFields","fields","map","field","predefinedValues","enabled","values","label","value","selected","String","cleanupModelData","ContentModelEditorProvider","children","apolloClient","modelId","state","dispatch","isPristine","activeTabIndex","history","showSnackbar","setPristine","flag","saveContentModel","modelData","response","mutate","mutation","variables","refetchQueries","query","updateContentModel","error","setActiveTabIndex","setData","setter","saveModel","existingHash","newHash","getContentModel","Error","message","catch","push","contentModel","Provider","createElement","model"],"sources":["ContentModelEditorProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport get from \"lodash/get\";\nimport pick from \"lodash/pick\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables,\n    UpdateCmsModelMutationResponse,\n    UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels\";\nimport { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from \"~/admin/graphql/contentModels\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql\";\nimport type { CmsModel, CmsModelField } from \"~/types\";\nimport type { FetchResult } from \"apollo-link\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { createHashing } from \"@webiny/app/utils\";\n\nexport interface ContentModelEditorProviderContext {\n    apolloClient: ApolloClient<any>;\n    data: CmsModel;\n    contentModel: CmsModel;\n    isPristine: boolean;\n    getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n    saveContentModel: (\n        data?: CmsModel\n    ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n    setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n    activeTabIndex: number;\n    setActiveTabIndex: (index: number) => void;\n}\n\nexport const contentModelEditorContext = React.createContext<\n    ContentModelEditorProviderContext | undefined\n>(undefined);\n\ntype PickedCmsModel = Pick<\n    CmsModel,\n    \"layout\" | \"fields\" | \"name\" | \"settings\" | \"description\" | \"titleFieldId\" | \"group\"\n>;\ninterface State {\n    modelId: string | null;\n    isPristine: boolean;\n    data: CmsModel;\n    activeTabIndex: number;\n}\ninterface Action {\n    data: Partial<State> | Partial<CmsModel>;\n    type: \"state\" | \"data\";\n}\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n    const { data, type } = action;\n    switch (type) {\n        case \"state\":\n            return { ...prev, ...data };\n\n        case \"data\":\n            return { ...prev, data: data as CmsModel };\n        default:\n            return prev;\n    }\n};\n\nconst hashModel = createHashing(\"SHA-256\");\n\n/**\n * Cleanup is required because backend always expects string value in predefined values entries\n */\nconst cleanupModelDataFields = (fields: CmsModelField[]): CmsModelField[] => {\n    return fields.map(field => {\n        const { predefinedValues } = field;\n        const { enabled = false, values = [] } = predefinedValues || {};\n        return {\n            ...field,\n            predefinedValues: {\n                enabled,\n                values: values.map(({ label, value, selected }) => {\n                    return {\n                        label,\n                        selected: selected || false,\n                        value: String(value)\n                    };\n                })\n            }\n        };\n    });\n};\n\nconst cleanupModelData = (data: PickedCmsModel): PickedCmsModel => {\n    return {\n        ...data,\n        fields: cleanupModelDataFields(data.fields)\n    };\n};\n\ninterface ContentModelEditorProviderProps {\n    apolloClient: ApolloClient<any>;\n    modelId?: string;\n    children: React.ReactElement;\n}\n\nexport const ContentModelEditorProvider = ({\n    children,\n    apolloClient,\n    modelId\n}: ContentModelEditorProviderProps) => {\n    const [state, dispatch] = useReducer<Reducer>(contentModelEditorReducer, {\n        modelId: modelId || null,\n        isPristine: true,\n        data: null as unknown as CmsModel,\n        activeTabIndex: 0\n    });\n\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const setPristine = (flag: boolean): void => {\n        dispatch({ type: \"state\", data: { isPristine: flag } });\n    };\n\n    const saveContentModel = async (\n        data?: CmsModel\n    ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n        if (!data) {\n            data = state.data;\n        }\n        const modelData: PickedCmsModel = pick(data, [\n            \"group\",\n            \"layout\",\n            \"fields\",\n            \"tags\",\n            \"name\",\n            \"settings\",\n            \"description\",\n            \"titleFieldId\",\n            \"descriptionFieldId\",\n            \"imageFieldId\",\n            \"icon\"\n        ]);\n        const response = await apolloClient.mutate<\n            UpdateCmsModelMutationResponse,\n            UpdateCmsModelMutationVariables\n        >({\n            mutation: UPDATE_CONTENT_MODEL,\n            variables: {\n                modelId: data.modelId,\n                data: cleanupModelData(modelData)\n            },\n            refetchQueries: [\n                {\n                    query: LIST_MENU_CONTENT_GROUPS_MODELS\n                }\n            ]\n        });\n\n        setPristine(true);\n\n        if (!response.data || !response.data.updateContentModel) {\n            return {\n                data: null,\n                error: null\n            };\n        }\n\n        return response.data.updateContentModel;\n    };\n\n    const setActiveTabIndex = useCallback((activeTabIndex: number) => {\n        dispatch({ type: \"state\", data: { activeTabIndex } });\n    }, []);\n\n    /**\n     * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n     * Return new data once finished.\n     */\n    const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n        const data = setter(state.data);\n        const existingHash = await hashModel(state.data);\n        const newHash = await hashModel(data);\n        if (existingHash === newHash) {\n            return;\n        }\n        setPristine(false);\n        dispatch({ type: \"data\", data });\n        if (!saveModel) {\n            return;\n        }\n        await saveContentModel(data);\n    };\n\n    const getContentModel = async (\n        modelId: string\n    ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n        const response = await apolloClient.query<\n            GetCmsModelQueryResponse,\n            GetCmsModelQueryVariables\n        >({\n            query: GET_CONTENT_MODEL,\n            variables: {\n                modelId\n            }\n        });\n\n        const { data, error } = get(response, \"data.getContentModel\");\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        await setData(() => data, false);\n\n        setPristine(true);\n        return response;\n    };\n\n    useEffect(() => {\n        if (!modelId) {\n            return;\n        }\n        getContentModel(modelId).catch(() => {\n            history.push(`/cms/content-models`);\n            showSnackbar(`Could not load content model with given ID.`);\n        });\n    }, [modelId]);\n\n    const value = useMemo<ContentModelEditorProviderContext>(\n        () => ({\n            // Keeping `data` for compatibility\n            data: state.data,\n            contentModel: state.data,\n            modelId,\n            apolloClient,\n            dispatch,\n            isPristine: state.isPristine,\n            getContentModel,\n            saveContentModel,\n            setData,\n            activeTabIndex: state.activeTabIndex,\n            setActiveTabIndex\n        }),\n        [state, apolloClient]\n    );\n\n    const { Provider } = contentModelEditorContext;\n\n    return (\n        <Provider value={value}>\n            <ModelProvider model={value.contentModel}>{children}</ModelProvider>\n        </Provider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useMemo","useReducer","get","pick","useSnackbar","useRouter","GET_CONTENT_MODEL","UPDATE_CONTENT_MODEL","LIST_MENU_CONTENT_GROUPS_MODELS","ModelProvider","createHashing","Routes","buildFieldOptions","buildFieldLabelPrefixes","plugins","contentModelEditorContext","createContext","undefined","contentModelEditorReducer","prev","action","data","type","hashModel","cleanupModelDataFields","fields","map","field","predefinedValues","enabled","values","label","value","selected","String","cleanupModelData","createDefaultState","modelId","isPristine","activeTabIndex","ContentModelEditorProvider","children","apolloClient","state","dispatch","goToRoute","showSnackbar","setPristine","flag","saveContentModel","modelData","response","mutate","mutation","variables","refetchQueries","query","updateContentModel","error","setActiveTabIndex","setData","setter","saveModel","existingHash","newHash","getContentModel","Error","message","catch","ContentModels","List","layoutFieldPlugins","byType","fieldOptions","model","prefixes","layout","contentModel","Provider","createElement"],"sources":["ContentModelEditorProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useReducer } from \"react\";\nimport get from \"lodash/get.js\";\nimport pick from \"lodash/pick.js\";\nimport type { ApolloClient } from \"apollo-client\";\nimport { useSnackbar, useRouter } from \"@webiny/app-admin\";\nimport type {\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables,\n    UpdateCmsModelMutationResponse,\n    UpdateCmsModelMutationVariables\n} from \"~/admin/graphql/contentModels.js\";\nimport { GET_CONTENT_MODEL, UPDATE_CONTENT_MODEL } from \"~/admin/graphql/contentModels.js\";\nimport { LIST_MENU_CONTENT_GROUPS_MODELS } from \"~/admin/viewsGraphql.js\";\nimport type { CmsModel, CmsModelField } from \"~/types.js\";\nimport type { CmsModelLayoutFieldTypePlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type { FetchResult } from \"apollo-link\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { createHashing } from \"@webiny/app/utils/index.js\";\nimport { Routes } from \"~/routes.js\";\nimport type { FieldOption } from \"@webiny/app-headless-cms-common/Fields/fieldOptions.js\";\nimport {\n    buildFieldOptions,\n    buildFieldLabelPrefixes\n} from \"@webiny/app-headless-cms-common/Fields/fieldOptions.js\";\nimport { plugins } from \"@webiny/plugins\";\n\nexport interface ContentModelEditorProviderContext {\n    apolloClient: ApolloClient<any>;\n    data: CmsModel;\n    contentModel: CmsModel;\n    isPristine: boolean;\n    getContentModel: (modelId: string) => Promise<FetchResult<GetCmsModelQueryResponse>>;\n    saveContentModel: (\n        data?: CmsModel\n    ) => Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]>;\n    setData: (setter: (model: CmsModel) => void, saveContentModel?: boolean) => Promise<any>;\n    activeTabIndex: number;\n    setActiveTabIndex: (index: number) => void;\n    fieldOptions: FieldOption[];\n}\n\nexport const contentModelEditorContext = React.createContext<\n    ContentModelEditorProviderContext | undefined\n>(undefined);\n\ntype PickedCmsModel = Pick<\n    CmsModel,\n    \"layout\" | \"fields\" | \"name\" | \"settings\" | \"description\" | \"titleFieldId\" | \"group\"\n>;\ninterface State {\n    modelId: string | null;\n    isPristine: boolean;\n    data: CmsModel;\n    activeTabIndex: number;\n}\ninterface Action {\n    data: Partial<State> | Partial<CmsModel>;\n    type: \"state\" | \"data\";\n}\ninterface Reducer {\n    (prev: State, action: Action): State;\n}\nexport const contentModelEditorReducer: Reducer = (prev: State, action: Action): State => {\n    const { data, type } = action;\n    switch (type) {\n        case \"state\":\n            return { ...prev, ...data };\n\n        case \"data\":\n            return { ...prev, data: data as CmsModel };\n        default:\n            return prev;\n    }\n};\n\nconst hashModel = createHashing(\"SHA-256\");\n\n/**\n * Cleanup is required because backend always expects string value in predefined values entries\n */\nconst cleanupModelDataFields = (fields: CmsModelField[]): CmsModelField[] => {\n    return fields.map(field => {\n        const { predefinedValues } = field;\n        const { enabled = false, values = [] } = predefinedValues || {};\n        return {\n            ...field,\n            predefinedValues: {\n                enabled,\n                values: values.map(({ label, value, selected }) => {\n                    return {\n                        label,\n                        selected: selected || false,\n                        value: String(value)\n                    };\n                })\n            }\n        };\n    });\n};\n\nconst cleanupModelData = (data: PickedCmsModel): PickedCmsModel => {\n    return {\n        ...data,\n        fields: cleanupModelDataFields(data.fields)\n    };\n};\n\ninterface ContentModelEditorProviderProps {\n    apolloClient: ApolloClient<any>;\n    modelId?: string;\n    children: React.ReactElement;\n}\n\nconst createDefaultState = (modelId?: string): State => {\n    return {\n        modelId: modelId || null,\n        isPristine: true,\n        data: null as unknown as CmsModel,\n        activeTabIndex: 0\n    };\n};\n\nexport const ContentModelEditorProvider = ({\n    children,\n    apolloClient,\n    modelId\n}: ContentModelEditorProviderProps) => {\n    const [state, dispatch] = useReducer(contentModelEditorReducer, createDefaultState(modelId));\n\n    const { goToRoute } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const setPristine = (flag: boolean): void => {\n        dispatch({ type: \"state\", data: { isPristine: flag } });\n    };\n\n    const saveContentModel = async (\n        data?: CmsModel\n    ): Promise<UpdateCmsModelMutationResponse[\"updateContentModel\"]> => {\n        if (!data) {\n            data = state.data;\n        }\n        const modelData: PickedCmsModel = pick(data, [\n            \"group\",\n            \"layout\",\n            \"fields\",\n            \"tags\",\n            \"name\",\n            \"settings\",\n            \"description\",\n            \"titleFieldId\",\n            \"descriptionFieldId\",\n            \"imageFieldId\",\n            \"icon\"\n        ]);\n        const response = await apolloClient.mutate<\n            UpdateCmsModelMutationResponse,\n            UpdateCmsModelMutationVariables\n        >({\n            mutation: UPDATE_CONTENT_MODEL,\n            variables: {\n                modelId: data.modelId,\n                data: cleanupModelData(modelData)\n            },\n            refetchQueries: [\n                {\n                    query: LIST_MENU_CONTENT_GROUPS_MODELS\n                }\n            ]\n        });\n\n        setPristine(true);\n\n        if (!response.data || !response.data.updateContentModel) {\n            return {\n                data: null,\n                error: null\n            };\n        }\n\n        return response.data.updateContentModel;\n    };\n\n    const setActiveTabIndex = useCallback((activeTabIndex: number) => {\n        dispatch({ type: \"state\", data: { activeTabIndex } });\n    }, []);\n\n    /**\n     * Set form data by providing a callback, which receives a fresh copy of data on which you can work on.\n     * Return new data once finished.\n     */\n    const setData = async (setter: (value: any) => any, saveModel = false): Promise<void> => {\n        const data = setter(state.data);\n        const existingHash = await hashModel(state.data);\n        const newHash = await hashModel(data);\n        if (existingHash === newHash) {\n            return;\n        }\n        setPristine(false);\n        dispatch({ type: \"data\", data });\n        if (!saveModel) {\n            return;\n        }\n        await saveContentModel(data);\n    };\n\n    const getContentModel = async (\n        modelId: string\n    ): Promise<FetchResult<GetCmsModelQueryResponse>> => {\n        const response = await apolloClient.query<\n            GetCmsModelQueryResponse,\n            GetCmsModelQueryVariables\n        >({\n            query: GET_CONTENT_MODEL,\n            variables: {\n                modelId\n            }\n        });\n\n        const { data, error } = get(response, \"data.getContentModel\");\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        await setData(() => data, false);\n\n        setPristine(true);\n        return response;\n    };\n\n    useEffect(() => {\n        if (!modelId) {\n            return;\n        }\n        getContentModel(modelId).catch(() => {\n            goToRoute(Routes.ContentModels.List);\n            showSnackbar(`Could not load content model with given ID.`);\n        });\n    }, [modelId]);\n\n    const layoutFieldPlugins = plugins.byType<CmsModelLayoutFieldTypePlugin>(\n        \"cms-editor-layout-field-type\"\n    );\n\n    const fieldOptions = useMemo(() => {\n        const model = state.data;\n        if (!model) {\n            return [];\n        }\n        const prefixes = model.layout\n            ? buildFieldLabelPrefixes(model.layout, layoutFieldPlugins)\n            : undefined;\n        return buildFieldOptions(model.fields ?? [], \"\", \"\", prefixes, layoutFieldPlugins);\n    }, [state.data?.fields, state.data?.layout]);\n\n    const value = useMemo<ContentModelEditorProviderContext>(\n        () => ({\n            // Keeping `data` for compatibility\n            data: state.data,\n            contentModel: state.data,\n            modelId,\n            apolloClient,\n            dispatch,\n            isPristine: state.isPristine,\n            getContentModel,\n            saveContentModel,\n            setData,\n            activeTabIndex: state.activeTabIndex,\n            setActiveTabIndex,\n            fieldOptions\n        }),\n        [state, apolloClient, fieldOptions]\n    );\n\n    const { Provider } = contentModelEditorContext;\n\n    return (\n        <Provider value={value}>\n            <ModelProvider model={value.contentModel}>{children}</ModelProvider>\n        </Provider>\n    );\n};\n"],"mappings":"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","ignoreList":[]}