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

package/admin/components/ContentEntryForm/ContentEntryFormProvider.js

@@ -0,0 +1,187 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentEntryFormProvider = exports.ContentEntryFormContext = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _react = _interopRequireWildcard(require("react"));
+var _pick = _interopRequireDefault(require("lodash/pick"));
+var _debounce = _interopRequireDefault(require("lodash/debounce"));
+var _reactRouter = require("@webiny/react-router");
+var _form = require("@webiny/form");
+var _appAdmin = require("@webiny/app-admin");
+var _appHeadlessCmsCommon = require("@webiny/app-headless-cms-common");
+var _ = require("../../..");
+var _excluded = ["id"];
+var promptMessage = "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?";
+function omitTypename(key, value) {
+  return key === "__typename" ? undefined : value;
+}
+var stringify = function stringify(value) {
+  return JSON.stringify(value || {}, omitTypename);
+};
+var isDifferent = function isDifferent(value, compare) {
+  if (!value && !compare) {
+    return false;
+  }
+  return stringify(value) !== stringify(compare);
+};
+var ContentEntryFormContext = exports.ContentEntryFormContext = /*#__PURE__*/_react.default.createContext(undefined);
+var formValidationToMap = function formValidationToMap(invalidFields) {
+  return Object.keys(invalidFields).reduce(function (acc, key) {
+    return (0, _objectSpread3.default)((0, _objectSpread3.default)({}, acc), {}, (0, _defineProperty2.default)({}, key, invalidFields[key].message));
+  }, {});
+};
+var ContentEntryFormProvider = exports.ContentEntryFormProvider = function ContentEntryFormProvider(_ref) {
+  var model = _ref.model,
+    entry = _ref.entry,
+    children = _ref.children,
+    onAfterCreate = _ref.onAfterCreate,
+    setSaveEntry = _ref.setSaveEntry,
+    addItemToListCache = _ref.addItemToListCache,
+    confirmNavigationIfDirty = _ref.confirmNavigationIfDirty;
+  var ref = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    invalidFields = _useState2[0],
+    setInvalidFields = _useState2[1];
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
+    showSnackbar = _useSnackbar.showSnackbar;
+  var contentEntry = (0, _.useContentEntry)();
+  var saveOptionsRef = (0, _react.useRef)({
+    skipValidators: undefined
+  });
+  var _React$useState = _react.default.useState(false),
+    _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+    isDirty = _React$useState2[0],
+    setIsDirty = _React$useState2[1];
+
+  // Reset `isDirty` when data changes from outside.
+  (0, _react.useEffect)(function () {
+    if (!isDirty) {
+      return;
+    }
+    setIsDirty(false);
+  }, [entry]);
+  var saveEntry = (0, _react.useCallback)(async function () {
+    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    saveOptionsRef.current.skipValidators = options.skipValidators;
+    return ref.current.submit(undefined, {
+      skipValidators: options.skipValidators
+    });
+  }, []);
+  var persistEntry = function persistEntry(_ref2) {
+    var entry = _ref2.entry,
+      isLocked = _ref2.isLocked;
+    var options = {
+      skipValidators: saveOptionsRef.current.skipValidators,
+      addItemToListCache: addItemToListCache
+    };
+    if (!entry.id) {
+      return contentEntry.createEntry({
+        entry: entry,
+        options: options
+      });
+    }
+    if (!isLocked) {
+      return contentEntry.updateEntryRevision({
+        entry: entry,
+        options: {
+          skipValidators: options?.skipValidators
+        }
+      });
+    }
+    var id = entry.id,
+      input = (0, _objectWithoutProperties2.default)(entry, _excluded);
+    return contentEntry.createEntryRevisionFrom({
+      id: id,
+      input: input,
+      options: {
+        skipValidators: options?.skipValidators
+      }
+    });
+  };
+  var onChange = (0, _react.useMemo)(function () {
+    return (0, _debounce.default)(function (data) {
+      var different = isDifferent(data, entry);
+      if (isDirty !== different) {
+        setIsDirty(different);
+      }
+    }, 500);
+  }, [isDirty, entry]);
+  var onFormSubmit = async function onFormSubmit(data) {
+    var fieldsIds = model.fields.map(function (item) {
+      return item.fieldId;
+    });
+    var formData = (0, _pick.default)(data, (0, _toConsumableArray2.default)(fieldsIds));
+    var gqlData = (0, _appHeadlessCmsCommon.prepareFormData)(formData, model.fields);
+    var isNewEntry = data.id === undefined;
+    var _await$persistEntry = await persistEntry({
+        entry: (0, _objectSpread3.default)({
+          id: data.id
+        }, gqlData),
+        isLocked: data.meta?.locked === true
+      }),
+      entry = _await$persistEntry.entry,
+      error = _await$persistEntry.error;
+    if (error) {
+      showSnackbar(error.message);
+      setInvalidFields(error.data);
+      return;
+    }
+    setInvalidFields({});
+    setIsDirty(false);
+    var isNewRevision = !isNewEntry && data.id !== entry.id;
+    if ((isNewEntry || isNewRevision) && onAfterCreate) {
+      // We need a timeout to let the Prompt component update.
+      await new Promise(function (resolve) {
+        setTimeout(function () {
+          onAfterCreate(entry);
+          resolve();
+        }, 10);
+      });
+    }
+    return entry;
+  };
+  (0, _react.useEffect)(function () {
+    if (typeof setSaveEntry === "function") {
+      setSaveEntry(saveEntry);
+    }
+  }, [setSaveEntry]);
+  return /*#__PURE__*/_react.default.createElement(_form.Form, {
+    onChange: onChange,
+    onSubmit: onFormSubmit,
+    data: entry,
+    ref: ref,
+    invalidFields: invalidFields,
+    onInvalid: function onInvalid(invalidFields) {
+      setIsDirty(true);
+      setInvalidFields(formValidationToMap(invalidFields));
+      showSnackbar("Some fields did not pass the validation. Please check the form.");
+    }
+  }, function (formProps) {
+    var context = {
+      entry: formProps.data,
+      saveEntry: saveEntry,
+      isDirty: isDirty,
+      invalidFields: invalidFields
+    };
+    return /*#__PURE__*/_react.default.createElement(ContentEntryFormContext.Provider, {
+      value: context
+    }, confirmNavigationIfDirty ? /*#__PURE__*/_react.default.createElement(_appAdmin.CompositionScope, {
+      name: "cms.contentEntryForm"
+    }, /*#__PURE__*/_react.default.createElement(_reactRouter.Prompt, {
+      when: isDirty,
+      message: promptMessage
+    })) : null, children);
+  });
+};
+
+//# sourceMappingURL=ContentEntryFormProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_pick","_interopRequireDefault","_debounce","_reactRouter","_form","_appAdmin","_appHeadlessCmsCommon","_","_excluded","promptMessage","omitTypename","key","value","undefined","stringify","JSON","isDifferent","compare","ContentEntryFormContext","exports","React","createContext","formValidationToMap","invalidFields","Object","keys","reduce","acc","_objectSpread3","default","_defineProperty2","message","ContentEntryFormProvider","_ref","model","entry","children","onAfterCreate","setSaveEntry","addItemToListCache","confirmNavigationIfDirty","ref","useRef","_useState","useState","_useState2","_slicedToArray2","setInvalidFields","_useSnackbar","useSnackbar","showSnackbar","contentEntry","useContentEntry","saveOptionsRef","skipValidators","_React$useState","_React$useState2","isDirty","setIsDirty","useEffect","saveEntry","useCallback","options","arguments","length","current","submit","persistEntry","_ref2","isLocked","id","createEntry","updateEntryRevision","input","_objectWithoutProperties2","createEntryRevisionFrom","onChange","useMemo","debounce","data","different","onFormSubmit","fieldsIds","fields","map","item","fieldId","formData","pick","_toConsumableArray2","gqlData","prepareFormData","isNewEntry","_await$persistEntry","meta","locked","error","isNewRevision","Promise","resolve","setTimeout","createElement","Form","onSubmit","onInvalid","formProps","context","Provider","CompositionScope","name","Prompt","when"],"sources":["ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport pick from \"lodash/pick\";\nimport debounce from \"lodash/debounce\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { Form, FormAPI, FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { CompositionScope, useSnackbar } from \"@webiny/app-admin\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport { useContentEntry } from \"~/index\";\nimport { PartialCmsContentEntryWithId } from \"~/admin/contexts/Cms\";\n\nconst promptMessage =\n    \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\";\n\nfunction omitTypename(key: string, value: string): string | undefined {\n    return key === \"__typename\" ? undefined : value;\n}\n\nconst stringify = (value: any): string => {\n    return JSON.stringify(value || {}, omitTypename);\n};\n\nconst isDifferent = (value: any, compare: any): boolean => {\n    if (!value && !compare) {\n        return false;\n    }\n    return stringify(value) !== stringify(compare);\n};\n\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<CmsContentEntry>;\n    isDirty: boolean;\n    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;\n    invalidFields: FormValidation;\n}\n\nexport const ContentEntryFormContext = React.createContext<ContentEntryFormContext | undefined>(\n    undefined\n);\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\ninterface PersistEntryParams {\n    entry: PartialCmsContentEntryWithId;\n    isLocked: boolean;\n}\n\nexport interface SetSaveEntry {\n    (cb: ContentEntryFormContext[\"saveEntry\"]): void;\n}\n\ninterface ContentEntryFormProviderProps {\n    entry: Partial<CmsContentEntry>;\n    model: CmsModel;\n    confirmNavigationIfDirty: boolean;\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    setSaveEntry?: SetSaveEntry;\n    addItemToListCache?: boolean;\n    children: React.ReactNode;\n}\n\nconst formValidationToMap = (invalidFields: FormValidation) => {\n    return Object.keys(invalidFields).reduce(\n        (acc, key) => ({ ...acc, [key]: invalidFields[key].message }),\n        {} as Record<string, string | undefined>\n    );\n};\n\nexport const ContentEntryFormProvider = ({\n    model,\n    entry,\n    children,\n    onAfterCreate,\n    setSaveEntry,\n    addItemToListCache,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const [invalidFields, setInvalidFields] = useState({});\n    const { showSnackbar } = useSnackbar();\n    const contentEntry = useContentEntry();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\n    const [isDirty, setIsDirty] = React.useState<boolean>(false);\n\n    // Reset `isDirty` when data changes from outside.\n    useEffect(() => {\n        if (!isDirty) {\n            return;\n        }\n        setIsDirty(false);\n    }, [entry]);\n\n    const saveEntry = useCallback(async (options: SaveEntryOptions = {}) => {\n        saveOptionsRef.current.skipValidators = options.skipValidators;\n\n        return ref.current!.submit(undefined, {\n            skipValidators: options.skipValidators\n        }) as unknown as Promise<CmsContentEntry | null>;\n    }, []);\n\n    const persistEntry = ({ entry, isLocked }: PersistEntryParams) => {\n        const options = {\n            skipValidators: saveOptionsRef.current.skipValidators,\n            addItemToListCache\n        };\n\n        if (!entry.id) {\n            return contentEntry.createEntry({ entry, options });\n        }\n\n        if (!isLocked) {\n            return contentEntry.updateEntryRevision({\n                entry,\n                options: { skipValidators: options?.skipValidators }\n            });\n        }\n\n        const { id, ...input } = entry;\n\n        return contentEntry.createEntryRevisionFrom({\n            id,\n            input,\n            options: { skipValidators: options?.skipValidators }\n        });\n    };\n\n    const onChange = useMemo(() => {\n        return debounce(data => {\n            const different = isDifferent(data, entry);\n            if (isDirty !== different) {\n                setIsDirty(different);\n            }\n        }, 500);\n    }, [isDirty, entry]);\n\n    const onFormSubmit: FormOnSubmit<CmsContentEntry> = async data => {\n        const fieldsIds = model.fields.map(item => item.fieldId);\n        const formData = pick(data, [...fieldsIds]);\n\n        const gqlData = prepareFormData(formData, model.fields) as Partial<CmsContentEntry>;\n        const isNewEntry = data.id === undefined;\n\n        const { entry, error } = await persistEntry({\n            entry: { id: data.id, ...gqlData },\n            isLocked: data.meta?.locked === true\n        });\n\n        if (error) {\n            showSnackbar(error.message);\n            setInvalidFields(error.data as InvalidFieldError[]);\n            return;\n        }\n\n        setInvalidFields({});\n        setIsDirty(false);\n\n        const isNewRevision = !isNewEntry && data.id !== entry.id;\n\n        if ((isNewEntry || isNewRevision) && onAfterCreate) {\n            // We need a timeout to let the Prompt component update.\n            await new Promise<void>(resolve => {\n                setTimeout(() => {\n                    onAfterCreate(entry);\n                    resolve();\n                }, 10);\n            });\n        }\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            onChange={onChange}\n            onSubmit={onFormSubmit}\n            data={entry}\n            ref={ref}\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setIsDirty(true);\n                setInvalidFields(formValidationToMap(invalidFields));\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                const context: ContentEntryFormContext = {\n                    entry: formProps.data,\n                    saveEntry,\n                    isDirty,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        {confirmNavigationIfDirty ? (\n                            <CompositionScope name={\"cms.contentEntryForm\"}>\n                                <Prompt when={isDirty} message={promptMessage} />\n                            </CompositionScope>\n                        ) : null}\n                        {children}\n                    </ContentEntryFormContext.Provider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+import React from "react";
+import { CmsContentFormRendererPlugin, CmsModel } from "@webiny/app-headless-cms-common/types";
+interface CustomLayoutProps {
+    model: CmsModel;
+    formRenderer: CmsContentFormRendererPlugin;
+}
+export declare const CustomLayout: ({ model, formRenderer }: CustomLayoutProps) => React.JSX.Element;
+export {};

package/admin/components/ContentEntryForm/CustomLayout.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomLayout = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@webiny/form");
+var _FieldElement = require("./FieldElement");
+var CustomLayout = exports.CustomLayout = function CustomLayout(_ref) {
+  var model = _ref.model,
+    formRenderer = _ref.formRenderer;
+  var _useForm = (0, _form.useForm)(),
+    data = _useForm.data;
+  var fields = model.fields.reduce(function (acc, field) {
+    acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_FieldElement.FieldElement, {
+      field: field
+      /**
+       * TODO @ts-refactor
+       * Figure out type for Bind.
+       */
+      // @ts-expect-error
+      ,
+      Bind: _form.Bind,
+      contentModel: model
+    });
+    return acc;
+  }, {});
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formRenderer.render({
+    data: data,
+    contentModel: model,
+    fields: fields,
+    /**
+     * TODO @ts-refactor
+     * Figure out type for Bind.
+     */
+    // @ts-expect-error
+    Bind: _form.Bind
+  }));
+};
+
+//# sourceMappingURL=CustomLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_FieldElement","CustomLayout","exports","_ref","model","formRenderer","_useForm","useForm","data","fields","reduce","acc","field","fieldId","default","createElement","FieldElement","Bind","contentModel","Fragment","render"],"sources":["CustomLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport { CmsContentFormRendererPlugin, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { FieldElement } from \"~/admin/components/ContentEntryForm/FieldElement\";\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((acc, field) => {\n        acc[field.fieldId] = (\n            <FieldElement\n                field={field}\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                // @ts-expect-error\n                Bind={Bind}\n                contentModel={model}\n            />\n        );\n\n        return acc;\n    }, {} as Record<string, React.ReactElement>);\n\n    return (\n        <>\n            {formRenderer.render({\n                data,\n                contentModel: model,\n                fields,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                // @ts-expect-error\n                Bind\n            })}\n        </>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAOO,IAAMG,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,SAAfA,YAAYA,CAAAE,IAAA,EAAmD;EAAA,IAA7CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,YAAY,GAAAF,IAAA,CAAZE,YAAY;EAC9C,IAAAC,QAAA,GAAiB,IAAAC,aAAO,EAAC,CAAC;IAAlBC,IAAI,GAAAF,QAAA,CAAJE,IAAI;EAEZ,IAAMC,MAAM,GAAGL,KAAK,CAACK,MAAM,CAACC,MAAM,CAAC,UAACC,GAAG,EAAEC,KAAK,EAAK;IAC/CD,GAAG,CAACC,KAAK,CAACC,OAAO,CAAC,gBACdjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB,YAAY;MACTJ,KAAK,EAAEA;MACP;AAChB;AACA;AACA;MACgB;MAAA;MACAK,IAAI,EAAEA,UAAK;MACXC,YAAY,EAAEd;IAAM,CACvB,CACJ;IAED,OAAOO,GAAG;EACd,CAAC,EAAE,CAAC,CAAuC,CAAC;EAE5C,oBACIf,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAAnB,MAAA,CAAAkB,OAAA,CAAAK,QAAA,QACKd,YAAY,CAACe,MAAM,CAAC;IACjBZ,IAAI,EAAJA,IAAI;IACJU,YAAY,EAAEd,KAAK;IACnBK,MAAM,EAANA,MAAM;IACN;AAChB;AACA;AACA;IACgB;IACAQ,IAAI,EAAJA;EACJ,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+import React from "react";
+import { CmsModel } from "@webiny/app-headless-cms-common/types";
+interface DefaultLayoutProps {
+    model: CmsModel;
+}
+export declare const DefaultLayout: ({ model }: DefaultLayoutProps) => React.JSX.Element;
+export {};

package/admin/components/ContentEntryForm/DefaultLayout.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultLayout = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _form = require("@webiny/form");
+var _Fields = require("./Fields");
+var DefaultLayout = exports.DefaultLayout = function DefaultLayout(_ref) {
+  var model = _ref.model;
+  return /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+    contentModel: model,
+    fields: model.fields || [],
+    layout: model.layout || []
+    /**
+     * TODO @ts-refactor
+     * Figure out type for Bind.
+     */
+    // @ts-expect-error
+    ,
+    Bind: _form.Bind
+  });
+};
+
+//# sourceMappingURL=DefaultLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Fields","DefaultLayout","exports","_ref","model","default","createElement","Fields","contentModel","fields","layout","Bind"],"sources":["DefaultLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind } from \"@webiny/form\";\nimport { CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\ninterface DefaultLayoutProps {\n    model: CmsModel;\n}\n\nexport const DefaultLayout = ({ model }: DefaultLayoutProps) => {\n    return (\n        <Fields\n            contentModel={model}\n            fields={model.fields || []}\n            layout={model.layout || []}\n            /**\n             * TODO @ts-refactor\n             * Figure out type for Bind.\n             */\n            // @ts-expect-error\n            Bind={Bind}\n        />\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAMO,IAAMG,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAAE,IAAA,EAAsC;EAAA,IAAhCC,KAAK,GAAAD,IAAA,CAALC,KAAK;EACjC,oBACIR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,OAAA,CAAAO,MAAM;IACHC,YAAY,EAAEJ,KAAM;IACpBK,MAAM,EAAEL,KAAK,CAACK,MAAM,IAAI,EAAG;IAC3BC,MAAM,EAAEN,KAAK,CAACM,MAAM,IAAI;IACxB;AACZ;AACA;AACA;IACY;IAAA;IACAC,IAAI,EAAEA;EAAK,CACd,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsModelField, CmsEditorContentModel, BindComponent } from "../../../types";
 export interface FieldElementProps {
     field: CmsModelField;
@@ -8,8 +8,9 @@ export interface FieldElementProps {
 export declare const FieldElement: import("@webiny/app-admin").GenericComponent<FieldElementProps> & {
     original: import("@webiny/app-admin").GenericComponent<FieldElementProps>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldElementProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldElementProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };
 /**
  * @deprecated Use `FieldElement` instead.
@@ -17,8 +18,9 @@ export declare const FieldElement: import("@webiny/app-admin").GenericComponent<
 export declare const RenderFieldElement: import("@webiny/app-admin").GenericComponent<FieldElementProps> & {
     original: import("@webiny/app-admin").GenericComponent<FieldElementProps>;
     originalName: string;
+    displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldElementProps) => JSX.Element | null>) => (props: unknown) => JSX.Element;
+    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: FieldElementProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
 };
 /**
  * @deprecated Use `FieldElementProps` instead.

package/admin/components/ContentEntryForm/FieldElement.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RenderFieldElement = exports.FieldElement = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _get = _interopRequireDefault(require("lodash/get"));
@@ -14,21 +15,21 @@ var _Label = _interopRequireDefault(require("./Label"));
 var _useBind = require("./useBind");
 var _useRenderPlugins = require("./useRenderPlugins");
 var _ModelFieldProvider = require("../ModelFieldProvider");
+var _excluded = ["field"];
 var _templateObject;
 var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-form");
-var FieldElement = (0, _appAdmin.makeDecoratable)("FieldElement", function (props) {
+var RenderField = function RenderField(props) {
   var renderPlugins = (0, _useRenderPlugins.useRenderPlugins)();
-  var field = props.field,
-    Bind = props.Bind,
+  var Bind = props.Bind,
     contentModel = props.contentModel;
+  var _useModelField = (0, _ModelFieldProvider.useModelField)(),
+    field = _useModelField.field;
   var getBind = (0, _useBind.useBind)({
     Bind: Bind,
     field: field
   });
   if (typeof field.renderer === "function") {
-    return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
-      field: field
-    }, field.renderer({
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, field.renderer({
       field: field,
       getBind: getBind,
       Label: _Label.default,
@@ -43,25 +44,28 @@ var FieldElement = (0, _appAdmin.makeDecoratable)("FieldElement", function (prop
       fieldName: /*#__PURE__*/_react.default.createElement("strong", null, field.fieldId)
     });
   }
-  return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
-    field: field
-  }, renderPlugin.renderer.render({
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderPlugin.renderer.render({
     field: field,
     getBind: getBind,
     Label: _Label.default,
     contentModel: contentModel
   }));
+};
+var FieldElement = exports.FieldElement = (0, _appAdmin.makeDecoratable)("FieldElement", function (_ref) {
+  var field = _ref.field,
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_ModelFieldProvider.ModelFieldProvider, {
+    field: field
+  }, /*#__PURE__*/_react.default.createElement(RenderField, props));
 });
 
 /**
  * @deprecated Use `FieldElement` instead.
  */
-exports.FieldElement = FieldElement;
-var RenderFieldElement = FieldElement;
+var RenderFieldElement = exports.RenderFieldElement = FieldElement;
 
 /**
  * @deprecated Use `FieldElementProps` instead.
  */
-exports.RenderFieldElement = RenderFieldElement;
 
 //# sourceMappingURL=FieldElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_get","_appAdmin","_i18n","_Label","_useBind","_useRenderPlugins","_ModelFieldProvider","_templateObject","t","i18n","ns","FieldElement","makeDecoratable","props","renderPlugins","useRenderPlugins","field","Bind","contentModel","getBind","useBind","renderer","default","createElement","ModelFieldProvider","Label","renderPlugin","find","plugin","rendererName","get","_taggedTemplateLiteral2","fieldName","fieldId","render","exports","RenderFieldElement"],"sources":["FieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsEditorContentModel, BindComponent } from \"~/types\";\nimport Label from \"./Label\";\nimport { useBind } from \"./useBind\";\nimport { useRenderPlugins } from \"./useRenderPlugins\";\nimport { ModelFieldProvider } from \"../ModelFieldProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-form\");\n\nexport interface FieldElementProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport const FieldElement = makeDecoratable(\"FieldElement\", (props: FieldElementProps) => {\n    const renderPlugins = useRenderPlugins();\n    const { field, Bind, contentModel } = props;\n    const getBind = useBind({ Bind, field });\n\n    if (typeof field.renderer === \"function\") {\n        return (\n            <ModelFieldProvider field={field}>\n                {field.renderer({ field, getBind, Label, contentModel })}\n            </ModelFieldProvider>\n        );\n    }\n\n    const renderPlugin = renderPlugins.find(\n        plugin => plugin.renderer.rendererName === get(field, \"renderer.name\")\n    );\n\n    if (!renderPlugin) {\n        return t`Cannot render \"{fieldName}\" field - field renderer missing.`({\n            fieldName: <strong>{field.fieldId}</strong>\n        });\n    }\n\n    return (\n        <ModelFieldProvider field={field}>\n            {renderPlugin.renderer.render({ field, getBind, Label, contentModel })}\n        </ModelFieldProvider>\n    );\n});\n\n/**\n * @deprecated Use `FieldElement` instead.\n */\nexport const RenderFieldElement = FieldElement;\n\n/**\n * @deprecated Use `FieldElementProps` instead.\n */\nexport type RenderFieldElementProps = FieldElementProps;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAA2D,IAAAQ,eAAA;AAE3D,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,gDAAgD,CAAC;AAQ5D,IAAMC,YAAY,GAAG,IAAAC,yBAAe,EAAC,cAAc,EAAE,UAACC,KAAwB,EAAK;EACtF,IAAMC,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACxC,IAAQC,KAAK,GAAyBH,KAAK,CAAnCG,KAAK;IAAEC,IAAI,GAAmBJ,KAAK,CAA5BI,IAAI;IAAEC,YAAY,GAAKL,KAAK,CAAtBK,YAAY;EACjC,IAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAC;IAAEH,IAAI,EAAJA,IAAI;IAAED,KAAK,EAALA;EAAM,CAAC,CAAC;EAExC,IAAI,OAAOA,KAAK,CAACK,QAAQ,KAAK,UAAU,EAAE;IACtC,oBACIxB,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACjB,mBAAA,CAAAkB,kBAAkB;MAACR,KAAK,EAAEA;IAAM,GAC5BA,KAAK,CAACK,QAAQ,CAAC;MAAEL,KAAK,EAALA,KAAK;MAAEG,OAAO,EAAPA,OAAO;MAAEM,KAAK,EAALA,cAAK;MAAEP,YAAY,EAAZA;IAAa,CAAC,CACvC,CAAC;EAE7B;EAEA,IAAMQ,YAAY,GAAGZ,aAAa,CAACa,IAAI,CACnC,UAAAC,MAAM;IAAA,OAAIA,MAAM,CAACP,QAAQ,CAACQ,YAAY,KAAK,IAAAC,YAAG,EAACd,KAAK,EAAE,eAAe,CAAC;EAAA,CAC1E,CAAC;EAED,IAAI,CAACU,YAAY,EAAE;IACf,OAAOlB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAwB,uBAAA,CAAAT,OAAA,uEAA8D;MAClEU,SAAS,eAAEnC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,iBAASP,KAAK,CAACiB,OAAgB;IAC9C,CAAC,CAAC;EACN;EAEA,oBACIpC,MAAA,CAAAyB,OAAA,CAAAC,aAAA,CAACjB,mBAAA,CAAAkB,kBAAkB;IAACR,KAAK,EAAEA;EAAM,GAC5BU,YAAY,CAACL,QAAQ,CAACa,MAAM,CAAC;IAAElB,KAAK,EAALA,KAAK;IAAEG,OAAO,EAAPA,OAAO;IAAEM,KAAK,EAALA,cAAK;IAAEP,YAAY,EAAZA;EAAa,CAAC,CACrD,CAAC;AAE7B,CAAC,CAAC;;AAEF;AACA;AACA;AAFAiB,OAAA,CAAAxB,YAAA,GAAAA,YAAA;AAGO,IAAMyB,kBAAkB,GAAGzB,YAAY;;AAE9C;AACA;AACA;AAFAwB,OAAA,CAAAC,kBAAA,GAAAA,kBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_get","_appAdmin","_i18n","_Label","_useBind","_useRenderPlugins","_ModelFieldProvider","_excluded","_templateObject","t","i18n","ns","RenderField","props","renderPlugins","useRenderPlugins","Bind","contentModel","_useModelField","useModelField","field","getBind","useBind","renderer","default","createElement","Fragment","Label","renderPlugin","find","plugin","rendererName","get","_taggedTemplateLiteral2","fieldName","fieldId","render","FieldElement","exports","makeDecoratable","_ref","_objectWithoutProperties2","ModelFieldProvider","RenderFieldElement"],"sources":["FieldElement.tsx"],"sourcesContent":["import React from \"react\";\nimport get from \"lodash/get\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModelField, CmsEditorContentModel, BindComponent } from \"~/types\";\nimport Label from \"./Label\";\nimport { useBind } from \"./useBind\";\nimport { useRenderPlugins } from \"./useRenderPlugins\";\nimport { ModelFieldProvider, useModelField } from \"../ModelFieldProvider\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-form\");\n\ntype RenderFieldProps = Omit<FieldElementProps, \"field\">;\n\nconst RenderField = (props: RenderFieldProps) => {\n    const renderPlugins = useRenderPlugins();\n    const { Bind, contentModel } = props;\n    const { field } = useModelField();\n    const getBind = useBind({ Bind, field });\n\n    if (typeof field.renderer === \"function\") {\n        return <>{field.renderer({ field, getBind, Label, contentModel })}</>;\n    }\n\n    const renderPlugin = renderPlugins.find(\n        plugin => plugin.renderer.rendererName === get(field, \"renderer.name\")\n    );\n\n    if (!renderPlugin) {\n        return t`Cannot render \"{fieldName}\" field - field renderer missing.`({\n            fieldName: <strong>{field.fieldId}</strong>\n        });\n    }\n\n    return <>{renderPlugin.renderer.render({ field, getBind, Label, contentModel })}</>;\n};\n\nexport interface FieldElementProps {\n    field: CmsModelField;\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n}\n\nexport const FieldElement = makeDecoratable(\n    \"FieldElement\",\n    ({ field, ...props }: FieldElementProps) => {\n        return (\n            <ModelFieldProvider field={field}>\n                <RenderField {...props} />\n            </ModelFieldProvider>\n        );\n    }\n);\n\n/**\n * @deprecated Use `FieldElement` instead.\n */\nexport const RenderFieldElement = FieldElement;\n\n/**\n * @deprecated Use `FieldElementProps` instead.\n */\nexport type RenderFieldElementProps = FieldElementProps;\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAA0E,IAAAQ,SAAA;AAAA,IAAAC,eAAA;AAE1E,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,gDAAgD,CAAC;AAInE,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB,EAAK;EAC7C,IAAMC,aAAa,GAAG,IAAAC,kCAAgB,EAAC,CAAC;EACxC,IAAQC,IAAI,GAAmBH,KAAK,CAA5BG,IAAI;IAAEC,YAAY,GAAKJ,KAAK,CAAtBI,YAAY;EAC1B,IAAAC,cAAA,GAAkB,IAAAC,iCAAa,EAAC,CAAC;IAAzBC,KAAK,GAAAF,cAAA,CAALE,KAAK;EACb,IAAMC,OAAO,GAAG,IAAAC,gBAAO,EAAC;IAAEN,IAAI,EAAJA,IAAI;IAAEI,KAAK,EAALA;EAAM,CAAC,CAAC;EAExC,IAAI,OAAOA,KAAK,CAACG,QAAQ,KAAK,UAAU,EAAE;IACtC,oBAAO1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAA5B,MAAA,CAAA2B,OAAA,CAAAE,QAAA,QAAGN,KAAK,CAACG,QAAQ,CAAC;MAAEH,KAAK,EAALA,KAAK;MAAEC,OAAO,EAAPA,OAAO;MAAEM,KAAK,EAALA,cAAK;MAAEV,YAAY,EAAZA;IAAa,CAAC,CAAI,CAAC;EACzE;EAEA,IAAMW,YAAY,GAAGd,aAAa,CAACe,IAAI,CACnC,UAAAC,MAAM;IAAA,OAAIA,MAAM,CAACP,QAAQ,CAACQ,YAAY,KAAK,IAAAC,YAAG,EAACZ,KAAK,EAAE,eAAe,CAAC;EAAA,CAC1E,CAAC;EAED,IAAI,CAACQ,YAAY,EAAE;IACf,OAAOnB,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAyB,uBAAA,CAAAT,OAAA,uEAA8D;MAClEU,SAAS,eAAErC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,iBAASL,KAAK,CAACe,OAAgB;IAC9C,CAAC,CAAC;EACN;EAEA,oBAAOtC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAAA5B,MAAA,CAAA2B,OAAA,CAAAE,QAAA,QAAGE,YAAY,CAACL,QAAQ,CAACa,MAAM,CAAC;IAAEhB,KAAK,EAALA,KAAK;IAAEC,OAAO,EAAPA,OAAO;IAAEM,KAAK,EAALA,cAAK;IAAEV,YAAY,EAAZA;EAAa,CAAC,CAAI,CAAC;AACvF,CAAC;AAQM,IAAMoB,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG,IAAAE,yBAAe,EACvC,cAAc,EACd,UAAAC,IAAA,EAA4C;EAAA,IAAzCpB,KAAK,GAAAoB,IAAA,CAALpB,KAAK;IAAKP,KAAK,OAAA4B,yBAAA,CAAAjB,OAAA,EAAAgB,IAAA,EAAAjC,SAAA;EACd,oBACIV,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACnB,mBAAA,CAAAoC,kBAAkB;IAACtB,KAAK,EAAEA;EAAM,gBAC7BvB,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACb,WAAW,EAAKC,KAAQ,CACT,CAAC;AAE7B,CACJ,CAAC;;AAED;AACA;AACA;AACO,IAAM8B,kBAAkB,GAAAL,OAAA,CAAAK,kBAAA,GAAGN,YAAY;;AAE9C;AACA;AACA","ignoreList":[]}

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsEditorContentModel, CmsModelField, CmsEditorFieldsLayout, BindComponent } from "../../../types";
 interface FieldsProps {
     Bind: BindComponent;
@@ -7,5 +7,5 @@ interface FieldsProps {
     layout: CmsEditorFieldsLayout;
     gridClassName?: string;
 }
-export declare const Fields: ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => JSX.Element;
+export declare const Fields: ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => React.JSX.Element;
 export {};

package/admin/components/ContentEntryForm/Fields.js

@@ -13,7 +13,7 @@ var getFieldById = function getFieldById(fields, id) {
     return field.id === id;
   }) || null;
 };
-var Fields = function Fields(_ref) {
+var Fields = exports.Fields = function Fields(_ref) {
   var Bind = _ref.Bind,
     fields = _ref.fields,
     layout = _ref.layout,
@@ -25,17 +25,17 @@ var Fields = function Fields(_ref) {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: rowIndex
     }, row.map(function (fieldId) {
+      var field = getFieldById(fields, fieldId);
       return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: Math.floor(12 / row.length),
         key: fieldId
       }, /*#__PURE__*/_react.default.createElement(_FieldElement.FieldElement, {
-        field: getFieldById(fields, fieldId),
+        field: field,
         Bind: Bind,
         contentModel: contentModel
       }));
     }));
   }));
 };
-exports.Fields = Fields;
 
 //# sourceMappingURL=Fields.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_FieldElement","getFieldById","fields","id","find","field","Fields","_ref","Bind","layout","contentModel","gridClassName","default","createElement","Grid","className","map","row","rowIndex","Fragment","key","fieldId","Cell","span","Math","floor","length","FieldElement","exports"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FieldElement } from \"./FieldElement\";\nimport {\n    CmsEditorContentModel,\n    CmsModelField,\n    CmsEditorFieldsLayout,\n    BindComponent\n} from \"~/types\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nexport const Fields = ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => {\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(fieldId => (\n                        <Cell span={Math.floor(12 / row.length)} key={fieldId}>\n                            <FieldElement\n                                field={getFieldById(fields, fieldId) as CmsModelField}\n                                Bind={Bind}\n                                contentModel={contentModel}\n                            />\n                        </Cell>\n                    ))}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAgBA,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAuB,EAAEC,EAAU,EAA2B;EAChF,OAAOD,MAAM,CAACE,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE;EAAA,EAAC,IAAI,IAAI;AACxD,CAAC;AAEM,IAAMG,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAA2E;EAAA,IAArEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEN,MAAM,GAAAK,IAAA,CAANL,MAAM;IAAEO,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;EACtE,oBACIf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAe,IAAI;IAACC,SAAS,EAAEJ;EAAc,GAC1BF,MAAM,CAACO,GAAG,CAAC,UAACC,GAAG,EAAEC,QAAQ;IAAA,oBACtBtB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACjB,MAAA,CAAAgB,OAAK,CAACO,QAAQ;MAACC,GAAG,EAAEF;IAAS,GACzBD,GAAG,CAACD,GAAG,CAAC,UAAAK,OAAO;MAAA,oBACZzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAAuB,IAAI;QAACC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGR,GAAG,CAACS,MAAM,CAAE;QAACN,GAAG,EAAEC;MAAQ,gBAClDzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA2B,YAAY;QACTtB,KAAK,EAAEJ,YAAY,CAACC,MAAM,EAAEmB,OAAO,CAAmB;QACtDb,IAAI,EAAEA,IAAK;QACXE,YAAY,EAAEA;MAAa,CAC9B,CACC,CAAC;IAAA,CACV,CACW,CAAC;EAAA,CACpB,CACC,CAAC;AAEf,CAAC;AAACkB,OAAA,CAAAtB,MAAA,GAAAA,MAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_Grid","_FieldElement","getFieldById","fields","id","find","field","Fields","exports","_ref","Bind","layout","contentModel","gridClassName","default","createElement","Grid","className","map","row","rowIndex","Fragment","key","fieldId","Cell","span","Math","floor","length","FieldElement"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { FieldElement } from \"./FieldElement\";\nimport {\n    CmsEditorContentModel,\n    CmsModelField,\n    CmsEditorFieldsLayout,\n    BindComponent\n} from \"~/types\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsModelField[], id: string): CmsModelField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nexport const Fields = ({ Bind, fields, layout, contentModel, gridClassName }: FieldsProps) => {\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(fieldId => {\n                        const field = getFieldById(fields, fieldId) as CmsModelField;\n\n                        return (\n                            <Cell span={Math.floor(12 / row.length)} key={fieldId}>\n                                <FieldElement\n                                    field={field}\n                                    Bind={Bind}\n                                    contentModel={contentModel}\n                                />\n                            </Cell>\n                        );\n                    })}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAgBA,IAAMG,YAAY,GAAG,SAAfA,YAAYA,CAAIC,MAAuB,EAAEC,EAAU,EAA2B;EAChF,OAAOD,MAAM,CAACE,IAAI,CAAC,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACF,EAAE,KAAKA,EAAE;EAAA,EAAC,IAAI,IAAI;AACxD,CAAC;AAEM,IAAMG,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAAE,IAAA,EAA2E;EAAA,IAArEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEP,MAAM,GAAAM,IAAA,CAANN,MAAM;IAAEQ,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAEC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;EACtE,oBACIhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAgB,IAAI;IAACC,SAAS,EAAEJ;EAAc,GAC1BF,MAAM,CAACO,GAAG,CAAC,UAACC,GAAG,EAAEC,QAAQ;IAAA,oBACtBvB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAClB,MAAA,CAAAiB,OAAK,CAACO,QAAQ;MAACC,GAAG,EAAEF;IAAS,GACzBD,GAAG,CAACD,GAAG,CAAC,UAAAK,OAAO,EAAI;MAChB,IAAMjB,KAAK,GAAGJ,YAAY,CAACC,MAAM,EAAEoB,OAAO,CAAkB;MAE5D,oBACI1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,KAAA,CAAAwB,IAAI;QAACC,IAAI,EAAEC,IAAI,CAACC,KAAK,CAAC,EAAE,GAAGR,GAAG,CAACS,MAAM,CAAE;QAACN,GAAG,EAAEC;MAAQ,gBAClD1B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA4B,YAAY;QACTvB,KAAK,EAAEA,KAAM;QACbI,IAAI,EAAEA,IAAK;QACXE,YAAY,EAAEA;MAAa,CAC9B,CACC,CAAC;IAEf,CAAC,CACW,CAAC;EAAA,CACpB,CACC,CAAC;AAEf,CAAC","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const ContentFormOptionsMenu: () => JSX.Element;
+import React from "react";
+export declare const ContentFormOptionsMenu: () => React.JSX.Element;

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

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 var _appAdmin = require("@webiny/app-admin");
 var _contentEntries = require("../../../../config/contentEntries");
 var _ContentFormOptionsMenu = require("./ContentFormOptionsMenu.styles");
-var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
+var ContentFormOptionsMenu = exports.ContentFormOptionsMenu = function ContentFormOptionsMenu() {
   var _useContentEntryEdito = (0, _contentEntries.useContentEntryEditorConfig)(),
     menuItemActions = _useContentEntryEdito.menuItemActions;
   return /*#__PURE__*/_react.default.createElement(_ContentFormOptionsMenu.OptionMenuContainer, null, /*#__PURE__*/_react.default.createElement(_appAdmin.OptionsMenu, {
@@ -17,6 +17,5 @@ var ContentFormOptionsMenu = function ContentFormOptionsMenu() {
     "data-testid": "cms.content-form.header.more-options"
   }));
 };
-exports.ContentFormOptionsMenu = ContentFormOptionsMenu;
 
 //# sourceMappingURL=ContentFormOptionsMenu.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_contentEntries","_ContentFormOptionsMenu","ContentFormOptionsMenu","_useContentEntryEdito","useContentEntryEditorConfig","menuItemActions","default","createElement","OptionMenuContainer","OptionsMenu","actions","exports"],"sources":["ContentFormOptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\n\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\nimport { OptionMenuContainer } from \"./ContentFormOptionsMenu.styles\";\n\nexport const ContentFormOptionsMenu = () => {\n    const { menuItemActions } = useContentEntryEditorConfig();\n\n    return (\n        <OptionMenuContainer>\n            <OptionsMenu\n                actions={menuItemActions}\n                data-testid={\"cms.content-form.header.more-options\"}\n            />\n        </OptionMenuContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAEO,IAAMI,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EACxC,IAAAC,qBAAA,GAA4B,IAAAC,2CAA2B,EAAC,CAAC;IAAjDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EAEvB,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACN,uBAAA,CAAAO,mBAAmB,qBAChBZ,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,SAAA,CAAAU,WAAW;IACRC,OAAO,EAAEL,eAAgB;IACzB,eAAa;EAAuC,CACvD,CACgB,CAAC;AAE9B,CAAC;AAACM,OAAA,CAAAT,sBAAA,GAAAA,sBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_contentEntries","_ContentFormOptionsMenu","ContentFormOptionsMenu","exports","_useContentEntryEdito","useContentEntryEditorConfig","menuItemActions","default","createElement","OptionMenuContainer","OptionsMenu","actions"],"sources":["ContentFormOptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\n\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\nimport { OptionMenuContainer } from \"./ContentFormOptionsMenu.styles\";\n\nexport const ContentFormOptionsMenu = () => {\n    const { menuItemActions } = useContentEntryEditorConfig();\n\n    return (\n        <OptionMenuContainer>\n            <OptionsMenu\n                actions={menuItemActions}\n                data-testid={\"cms.content-form.header.more-options\"}\n            />\n        </OptionMenuContainer>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,uBAAA,GAAAH,OAAA;AAEO,IAAMI,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAA,EAAS;EACxC,IAAAE,qBAAA,GAA4B,IAAAC,2CAA2B,EAAC,CAAC;IAAjDC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;EAEvB,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,uBAAA,CAAAQ,mBAAmB,qBAChBb,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,SAAA,CAAAW,WAAW;IACRC,OAAO,EAAEL,eAAgB;IACzB,eAAa;EAAuC,CACvD,CACgB,CAAC;AAE9B,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 export declare const OptionMenuContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.styles.js

@@ -5,11 +5,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.OptionMenuContainer = void 0;
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var OptionMenuContainer = /*#__PURE__*/(0, _styled.default)("div", {
-  label: "OptionMenuContainer",
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var OptionMenuContainer = exports.OptionMenuContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "e1w1uw930"
-})("margin-left:8px;");
-exports.OptionMenuContainer = OptionMenuContainer;
+} : {
+  target: "e1w1uw930",
+  label: "OptionMenuContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1q4vxyr",
+  styles: "margin-left:8px"
+} : {
+  name: "1q4vxyr",
+  styles: "margin-left:8px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRGb3JtT3B0aW9uc01lbnUuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFZ0QiLCJmaWxlIjoiQ29udGVudEZvcm1PcHRpb25zTWVudS5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5cbmV4cG9ydCBjb25zdCBPcHRpb25NZW51Q29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIG1hcmdpbi1sZWZ0OiA4cHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
 
 //# sourceMappingURL=ContentFormOptionsMenu.styles.js.map

package/admin/components/ContentEntryForm/Header/ContentFormOptionsMenu/ContentFormOptionsMenu.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_styled","_interopRequireDefault","require","OptionMenuContainer","styled","label","target","exports"],"sources":["ContentFormOptionsMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const OptionMenuContainer = styled(\"div\")`\n    margin-left: 8px;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,mBAAmB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,sBAE9C;AAACC,OAAA,CAAAJ,mBAAA,GAAAA,mBAAA"}
+{"version":3,"names":["OptionMenuContainer","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__"],"sources":["ContentFormOptionsMenu.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const OptionMenuContainer = styled(\"div\")`\n    margin-left: 8px;\n`;\n"],"mappings":";;;;;;;;;AAEO,IAAMA,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAE/C","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_ContentFormOptionsMenu","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./ContentFormOptionsMenu\";\n"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_ContentFormOptionsMenu","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./ContentFormOptionsMenu\";\n"],"mappings":";;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,uBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,uBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,uBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const DeleteEntry: () => JSX.Element | null;
+import React from "react";
+export declare const DeleteEntry: () => React.JSX.Element | null;