@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

package/admin/components/ContentEntryForm/ContentEntryFormProvider.js

@@ -1,87 +1,75 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentEntryFormProvider = exports.ContentEntryFormContext = void 0;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireWildcard(require("react"));
-var _pick = _interopRequireDefault(require("lodash/pick"));
-var _reactRouter = require("@webiny/react-router");
-var _form = require("@webiny/form");
-var _appHeadlessCmsCommon = require("@webiny/app-headless-cms-common");
-var _appAdmin = require("@webiny/app-admin");
-var promptMessage = "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?";
-var ContentEntryFormContext = exports.ContentEntryFormContext = /*#__PURE__*/_react.default.createContext(undefined);
-var formValidationToMap = function formValidationToMap(invalidFields) {
-  return Object.keys(invalidFields).reduce(function (acc, key) {
-    return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, acc), {}, (0, _defineProperty2.default)({}, key, invalidFields[key].message || "Value is invalid."));
-  }, {});
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import pick from "lodash/pick";
+import { Prompt } from "@webiny/react-router";
+import { Form } from "@webiny/form";
+import { prepareFormData } from "@webiny/app-headless-cms-common";
+import { CompositionScope, useSnackbar } from "@webiny/app-admin";
+const promptMessage = "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?";
+export const ContentEntryFormContext = /*#__PURE__*/React.createContext(undefined);
+const formValidationToMap = invalidFields => {
+  return Object.keys(invalidFields).reduce((acc, key) => ({
+    ...acc,
+    [key]: invalidFields[key].message || "Value is invalid."
+  }), {});
 };
-var ContentEntryFormProvider = exports.ContentEntryFormProvider = function ContentEntryFormProvider(_ref) {
-  var model = _ref.model,
-    entry = _ref.entry,
-    children = _ref.children,
-    persistEntry = _ref.persistEntry,
-    onChange = _ref.onChange,
-    onInvalidFields = _ref.onInvalidFields,
-    onAfterCreate = _ref.onAfterCreate,
-    setSaveEntry = _ref.setSaveEntry,
-    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 saveOptionsRef = (0, _react.useRef)({
+export const ContentEntryFormProvider = ({
+  model,
+  entry,
+  children,
+  persistEntry,
+  onChange,
+  onInvalidFields,
+  onAfterCreate,
+  setSaveEntry,
+  confirmNavigationIfDirty
+}) => {
+  const ref = useRef(null);
+  const [invalidFields, setInvalidFields] = useState({});
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const saveOptionsRef = useRef({
     skipValidators: undefined
   });
-  var saveEntry = (0, _react.useCallback)(async function () {
-    var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const saveEntry = useCallback(async (options = {}) => {
     saveOptionsRef.current.skipValidators = options.skipValidators;
     return ref.current.submit(undefined, {
       skipValidators: options.skipValidators
     });
   }, []);
-  var onFormSubmit = async function onFormSubmit(data) {
-    var fieldsIds = model.fields.map(function (item) {
-      return item.fieldId;
+  const onFormSubmit = async data => {
+    const fieldsIds = model.fields.map(item => item.fieldId);
+    const formData = pick(data, [...fieldsIds]);
+    const gqlData = prepareFormData(formData, model.fields);
+    const isNewEntry = data.id === undefined;
+    const {
+      entry,
+      error
+    } = await persistEntry({
+      id: data.id,
+      ...gqlData
+    }, {
+      skipValidators: saveOptionsRef.current.skipValidators,
+      createNewRevision: data.meta?.locked
     });
-    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((0, _objectSpread4.default)({
-        id: data.id
-      }, gqlData), {
-        skipValidators: saveOptionsRef.current.skipValidators,
-        createNewRevision: data.meta?.locked
-      }),
-      entry = _await$persistEntry.entry,
-      error = _await$persistEntry.error;
     if (error) {
       if (error.code === "VALIDATION_FAILED") {
-        var errors = error.data || [];
-        setInvalidFields(errors.reduce(function (acc, item) {
-          return (0, _objectSpread4.default)((0, _objectSpread4.default)({}, acc), {}, (0, _defineProperty2.default)({}, item.fieldId, item.error));
-        }, {}));
+        const errors = error.data || [];
+        setInvalidFields(errors.reduce((acc, item) => ({
+          ...acc,
+          [item.fieldId]: item.error
+        }), {}));
       }
       showSnackbar(error.message);
       return;
     }
     showSnackbar("Entry saved successfully!");
     setInvalidFields({});
-    var isNewRevision = !isNewEntry && data.id !== entry.id;
+    const 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 () {
+      await new Promise(resolve => {
+        setTimeout(() => {
           onAfterCreate(entry);
           resolve();
         }, 50);
@@ -89,34 +77,34 @@ var ContentEntryFormProvider = exports.ContentEntryFormProvider = function Conte
     }
     return entry;
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (typeof setSaveEntry === "function") {
       setSaveEntry(saveEntry);
     }
   }, [setSaveEntry]);
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
+  return /*#__PURE__*/React.createElement(Form, {
     onSubmit: onFormSubmit,
     onChange: onChange,
     data: entry,
     ref: ref,
     validateOnFirstSubmit: true,
     invalidFields: invalidFields,
-    onInvalid: function onInvalid(invalidFields) {
+    onInvalid: invalidFields => {
       setInvalidFields(formValidationToMap(invalidFields));
       onInvalidFields && onInvalidFields(invalidFields);
       showSnackbar("Some fields did not pass the validation. Please check the form.");
     }
-  }, function (formProps) {
-    var context = {
+  }, formProps => {
+    const context = {
       entry: formProps.data,
-      saveEntry: saveEntry,
-      invalidFields: invalidFields
+      saveEntry,
+      invalidFields
     };
-    return /*#__PURE__*/_react.default.createElement(ContentEntryFormContext.Provider, {
+    return /*#__PURE__*/React.createElement(ContentEntryFormContext.Provider, {
       value: context
-    }, confirmNavigationIfDirty ? /*#__PURE__*/_react.default.createElement(_appAdmin.CompositionScope, {
+    }, confirmNavigationIfDirty ? /*#__PURE__*/React.createElement(CompositionScope, {
       name: "cms.contentEntryForm"
-    }, /*#__PURE__*/_react.default.createElement(_reactRouter.Prompt, {
+    }, /*#__PURE__*/React.createElement(Prompt, {
       when: !formProps.form.isPristine,
       message: promptMessage
     })) : null, children);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_pick","_interopRequireDefault","_reactRouter","_form","_appHeadlessCmsCommon","_appAdmin","promptMessage","ContentEntryFormContext","exports","React","createContext","undefined","formValidationToMap","invalidFields","Object","keys","reduce","acc","key","_objectSpread4","default","_defineProperty2","message","ContentEntryFormProvider","_ref","model","entry","children","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","confirmNavigationIfDirty","ref","useRef","_useState","useState","_useState2","_slicedToArray2","setInvalidFields","_useSnackbar","useSnackbar","showSnackbar","saveOptionsRef","skipValidators","saveEntry","useCallback","options","arguments","length","current","submit","onFormSubmit","data","fieldsIds","fields","map","item","fieldId","formData","pick","_toConsumableArray2","gqlData","prepareFormData","isNewEntry","id","_await$persistEntry","createNewRevision","meta","locked","error","code","errors","isNewRevision","Promise","resolve","setTimeout","useEffect","createElement","Form","onSubmit","validateOnFirstSubmit","onInvalid","formProps","context","Provider","value","CompositionScope","name","Prompt","when","form","isPristine"],"sources":["ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport pick from \"lodash/pick\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport type { FormAPI, FormOnSubmit, FormValidation, FormInvalidFields } from \"@webiny/form\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { CompositionScope, useSnackbar } from \"@webiny/app-admin\";\nimport type { CreateEntryResponse, UpdateEntryRevisionResponse } 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\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n    createNewRevision?: boolean;\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<CmsContentEntry>;\n    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;\n    invalidFields: FormInvalidFields;\n}\n\nexport const ContentEntryFormContext = React.createContext<ContentEntryFormContext | undefined>(\n    undefined\n);\n\nexport interface SetSaveEntry {\n    (cb: ContentEntryFormContext[\"saveEntry\"]): void;\n}\n\nexport interface PersistEntry {\n    (entry: Partial<CmsContentEntry>, options?: SaveEntryOptions): Promise<\n        CreateEntryResponse | UpdateEntryRevisionResponse\n    >;\n}\n\ninterface ContentEntryFormProviderProps {\n    entry: Partial<CmsContentEntry>;\n    model: CmsModel;\n    persistEntry: PersistEntry;\n    confirmNavigationIfDirty: boolean;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    setSaveEntry?: SetSaveEntry;\n    children: React.ReactNode;\n}\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\nconst formValidationToMap = (invalidFields: FormValidation): FormInvalidFields => {\n    return Object.keys(invalidFields).reduce(\n        (acc, key) => ({ ...acc, [key]: invalidFields[key].message || \"Value is invalid.\" }),\n        {} as FormInvalidFields\n    );\n};\n\nexport const ContentEntryFormProvider = ({\n    model,\n    entry,\n    children,\n    persistEntry,\n    onChange,\n    onInvalidFields,\n    onAfterCreate,\n    setSaveEntry,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const [invalidFields, setInvalidFields] = useState<FormInvalidFields>({});\n    const { showSnackbar } = useSnackbar();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\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 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            { id: data.id, ...gqlData },\n            {\n                skipValidators: saveOptionsRef.current.skipValidators,\n                createNewRevision: data.meta?.locked\n            }\n        );\n\n        if (error) {\n            if (error.code === \"VALIDATION_FAILED\") {\n                const errors: InvalidFieldError[] = error.data || [];\n\n                setInvalidFields(\n                    errors.reduce((acc, item) => ({ ...acc, [item.fieldId]: item.error }), {})\n                );\n            }\n            showSnackbar(error.message);\n\n            return;\n        }\n\n        showSnackbar(\"Entry saved successfully!\");\n        setInvalidFields({});\n\n        const isNewRevision = !isNewEntry && 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                }, 50);\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            onSubmit={onFormSubmit}\n            onChange={onChange}\n            data={entry}\n            ref={ref}\n            validateOnFirstSubmit\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setInvalidFields(formValidationToMap(invalidFields));\n                onInvalidFields && onInvalidFields(invalidFields);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                const context: ContentEntryFormContext = {\n                    entry: formProps.data,\n                    saveEntry,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        {confirmNavigationIfDirty ? (\n                            <CompositionScope name={\"cms.contentEntryForm\"}>\n                                <Prompt when={!formProps.form.isPristine} message={promptMessage} />\n                            </CompositionScope>\n                        ) : null}\n                        {children}\n                    </ContentEntryFormContext.Provider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","pick","Prompt","Form","prepareFormData","CompositionScope","useSnackbar","promptMessage","ContentEntryFormContext","createContext","undefined","formValidationToMap","invalidFields","Object","keys","reduce","acc","key","message","ContentEntryFormProvider","model","entry","children","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","confirmNavigationIfDirty","ref","setInvalidFields","showSnackbar","saveOptionsRef","skipValidators","saveEntry","options","current","submit","onFormSubmit","data","fieldsIds","fields","map","item","fieldId","formData","gqlData","isNewEntry","id","error","createNewRevision","meta","locked","code","errors","isNewRevision","Promise","resolve","setTimeout","createElement","onSubmit","validateOnFirstSubmit","onInvalid","formProps","context","Provider","value","name","when","form","isPristine"],"sources":["ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport pick from \"lodash/pick\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { Form } from \"@webiny/form\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport type { FormAPI, FormOnSubmit, FormValidation, FormInvalidFields } from \"@webiny/form\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { CompositionScope, useSnackbar } from \"@webiny/app-admin\";\nimport type { CreateEntryResponse, UpdateEntryRevisionResponse } 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\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n    createNewRevision?: boolean;\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<CmsContentEntry>;\n    saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;\n    invalidFields: FormInvalidFields;\n}\n\nexport const ContentEntryFormContext = React.createContext<ContentEntryFormContext | undefined>(\n    undefined\n);\n\nexport interface SetSaveEntry {\n    (cb: ContentEntryFormContext[\"saveEntry\"]): void;\n}\n\nexport interface PersistEntry {\n    (entry: Partial<CmsContentEntry>, options?: SaveEntryOptions): Promise<\n        CreateEntryResponse | UpdateEntryRevisionResponse\n    >;\n}\n\ninterface ContentEntryFormProviderProps {\n    entry: Partial<CmsContentEntry>;\n    model: CmsModel;\n    persistEntry: PersistEntry;\n    confirmNavigationIfDirty: boolean;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    setSaveEntry?: SetSaveEntry;\n    children: React.ReactNode;\n}\n\ninterface InvalidFieldError {\n    fieldId: string;\n    error: string;\n}\n\nconst formValidationToMap = (invalidFields: FormValidation): FormInvalidFields => {\n    return Object.keys(invalidFields).reduce(\n        (acc, key) => ({ ...acc, [key]: invalidFields[key].message || \"Value is invalid.\" }),\n        {} as FormInvalidFields\n    );\n};\n\nexport const ContentEntryFormProvider = ({\n    model,\n    entry,\n    children,\n    persistEntry,\n    onChange,\n    onInvalidFields,\n    onAfterCreate,\n    setSaveEntry,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const [invalidFields, setInvalidFields] = useState<FormInvalidFields>({});\n    const { showSnackbar } = useSnackbar();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\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 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            { id: data.id, ...gqlData },\n            {\n                skipValidators: saveOptionsRef.current.skipValidators,\n                createNewRevision: data.meta?.locked\n            }\n        );\n\n        if (error) {\n            if (error.code === \"VALIDATION_FAILED\") {\n                const errors: InvalidFieldError[] = error.data || [];\n\n                setInvalidFields(\n                    errors.reduce((acc, item) => ({ ...acc, [item.fieldId]: item.error }), {})\n                );\n            }\n            showSnackbar(error.message);\n\n            return;\n        }\n\n        showSnackbar(\"Entry saved successfully!\");\n        setInvalidFields({});\n\n        const isNewRevision = !isNewEntry && 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                }, 50);\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            onSubmit={onFormSubmit}\n            onChange={onChange}\n            data={entry}\n            ref={ref}\n            validateOnFirstSubmit\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setInvalidFields(formValidationToMap(invalidFields));\n                onInvalidFields && onInvalidFields(invalidFields);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                const context: ContentEntryFormContext = {\n                    entry: formProps.data,\n                    saveEntry,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        {confirmNavigationIfDirty ? (\n                            <CompositionScope name={\"cms.contentEntryForm\"}>\n                                <Prompt when={!formProps.form.isPristine} 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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsContentFormRendererPlugin, CmsModel } from "@webiny/app-headless-cms-common/types";
+import type { CmsContentFormRendererPlugin, CmsModel } from "@webiny/app-headless-cms-common/types";
 interface CustomLayoutProps {
     model: CmsModel;
     formRenderer: CmsContentFormRendererPlugin;

package/admin/components/ContentEntryForm/CustomLayout.js

@@ -1,20 +1,15 @@
-"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, {
+import React from "react";
+import { Bind, useForm } from "@webiny/form";
+import { FieldElement } from "./FieldElement";
+export const CustomLayout = ({
+  model,
+  formRenderer
+}) => {
+  const {
+    data
+  } = useForm();
+  const fields = model.fields.reduce((acc, field) => {
+    acc[field.fieldId] = /*#__PURE__*/React.createElement(FieldElement, {
       field: field
       /**
        * TODO @ts-refactor
@@ -22,21 +17,21 @@ var CustomLayout = exports.CustomLayout = function CustomLayout(_ref) {
        */
       // @ts-expect-error
       ,
-      Bind: _form.Bind,
+      Bind: Bind,
       contentModel: model
     });
     return acc;
   }, {});
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, formRenderer.render({
-    data: data,
+  return /*#__PURE__*/React.createElement(React.Fragment, null, formRenderer.render({
+    data,
     contentModel: model,
-    fields: fields,
+    fields,
     /**
      * TODO @ts-refactor
      * Figure out type for Bind.
      */
     // @ts-expect-error
-    Bind: _form.Bind
+    Bind
   }));
 };
 

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

@@ -1 +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":[]}
+{"version":3,"names":["React","Bind","useForm","FieldElement","CustomLayout","model","formRenderer","data","fields","reduce","acc","field","fieldId","createElement","contentModel","Fragment","render"],"sources":["CustomLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { Bind, useForm } from \"@webiny/form\";\nimport type { 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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,OAAO,QAAQ,cAAc;AAE5C,SAASC,YAAY;AAOrB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAgC,CAAC,KAAK;EACxE,MAAM;IAAEC;EAAK,CAAC,GAAGL,OAAO,CAAC,CAAC;EAE1B,MAAMM,MAAM,GAAGH,KAAK,CAACG,MAAM,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;IAC/CD,GAAG,CAACC,KAAK,CAACC,OAAO,CAAC,gBACdZ,KAAA,CAAAa,aAAA,CAACV,YAAY;MACTQ,KAAK,EAAEA;MACP;AAChB;AACA;AACA;MACgB;MAAA;MACAV,IAAI,EAAEA,IAAK;MACXa,YAAY,EAAET;IAAM,CACvB,CACJ;IAED,OAAOK,GAAG;EACd,CAAC,EAAE,CAAC,CAAuC,CAAC;EAE5C,oBACIV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAe,QAAA,QACKT,YAAY,CAACU,MAAM,CAAC;IACjBT,IAAI;IACJO,YAAY,EAAET,KAAK;IACnBG,MAAM;IACN;AAChB;AACA;AACA;IACgB;IACAP;EACJ,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { CmsModel } from "@webiny/app-headless-cms-common/types";
+import type { CmsModel } from "@webiny/app-headless-cms-common/types";
 export interface DefaultLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     model: CmsModel;
 }

package/admin/components/ContentEntryForm/DefaultLayout.js

@@ -1,20 +1,12 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DefaultLayout = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _form = require("@webiny/form");
-var _Fields = require("./Fields");
-var _excluded = ["model"];
-var DefaultLayout = exports.DefaultLayout = (0, _appAdmin.makeDecoratable)("DefaultLayout", function (_ref) {
-  var model = _ref.model,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement("div", props, /*#__PURE__*/_react.default.createElement(_Fields.Fields, {
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Bind } from "@webiny/form";
+import { Fields } from "./Fields";
+export const DefaultLayout = makeDecoratable("DefaultLayout", ({
+  model,
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(Fields, {
     contentModel: model,
     fields: model.fields || [],
     layout: model.layout || []
@@ -24,7 +16,7 @@ var DefaultLayout = exports.DefaultLayout = (0, _appAdmin.makeDecoratable)("Defa
      */
     // @ts-expect-error
     ,
-    Bind: _form.Bind
+    Bind: Bind
   }));
 });
 

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_form","_Fields","_excluded","DefaultLayout","exports","makeDecoratable","_ref","model","props","_objectWithoutProperties2","default","createElement","Fields","contentModel","fields","layout","Bind"],"sources":["DefaultLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport { CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\nexport interface DefaultLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n    model: CmsModel;\n}\n\nexport const DefaultLayout = makeDecoratable(\n    \"DefaultLayout\",\n    ({ model, ...props }: DefaultLayoutProps) => {\n        return (\n            <div {...props}>\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            </div>\n        );\n    }\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAoE,IAAAI,SAAA;AAM7D,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,yBAAe,EACxC,eAAe,EACf,UAAAC,IAAA,EAA6C;EAAA,IAA1CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAKC,KAAK,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAJ,SAAA;EACd,oBACIN,MAAA,CAAAc,OAAA,CAAAC,aAAA,QAASH,KAAK,eACVZ,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACV,OAAA,CAAAW,MAAM;IACHC,YAAY,EAAEN,KAAM;IACpBO,MAAM,EAAEP,KAAK,CAACO,MAAM,IAAI,EAAG;IAC3BC,MAAM,EAAER,KAAK,CAACQ,MAAM,IAAI;IACxB;AACpB;AACA;AACA;IACoB;IAAA;IACAC,IAAI,EAAEA;EAAK,CACd,CACA,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","Bind","Fields","DefaultLayout","model","props","createElement","contentModel","fields","layout"],"sources":["DefaultLayout.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Bind } from \"@webiny/form\";\nimport type { CmsModel } from \"@webiny/app-headless-cms-common/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\nexport interface DefaultLayoutProps extends React.HTMLAttributes<HTMLDivElement> {\n    model: CmsModel;\n}\n\nexport const DefaultLayout = makeDecoratable(\n    \"DefaultLayout\",\n    ({ model, ...props }: DefaultLayoutProps) => {\n        return (\n            <div {...props}>\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            </div>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AACnD,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,MAAM;AAMf,OAAO,MAAMC,aAAa,GAAGH,eAAe,CACxC,eAAe,EACf,CAAC;EAAEI,KAAK;EAAE,GAAGC;AAA0B,CAAC,KAAK;EACzC,oBACIN,KAAA,CAAAO,aAAA,QAASD,KAAK,eACVN,KAAA,CAAAO,aAAA,CAACJ,MAAM;IACHK,YAAY,EAAEH,KAAM;IACpBI,MAAM,EAAEJ,KAAK,CAACI,MAAM,IAAI,EAAG;IAC3BC,MAAM,EAAEL,KAAK,CAACK,MAAM,IAAI;IACxB;AACpB;AACA;AACA;IACoB;IAAA;IACAR,IAAI,EAAEA;EAAK,CACd,CACA,CAAC;AAEd,CACJ,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/FieldElement.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _FieldElement = require("@webiny/app-headless-cms-common/Fields/FieldElement");
-Object.keys(_FieldElement).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _FieldElement[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _FieldElement[key];
-    }
-  });
-});
+export * from "@webiny/app-headless-cms-common/Fields/FieldElement";
 
 //# sourceMappingURL=FieldElement.js.map

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

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

package/admin/components/ContentEntryForm/Fields.js

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _Fields = require("@webiny/app-headless-cms-common/Fields/Fields");
-Object.keys(_Fields).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _Fields[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Fields[key];
-    }
-  });
-});
+export * from "@webiny/app-headless-cms-common/Fields/Fields";
 
 //# sourceMappingURL=Fields.js.map

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

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

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

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentFormOptionsMenu = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _contentEntries = require("../../../../config/contentEntries");
-var _ContentFormOptionsMenu = require("./ContentFormOptionsMenu.styles");
-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, {
+import React from "react";
+import { OptionsMenu } from "@webiny/app-admin";
+import { useContentEntryEditorConfig } from "../../../../config/contentEntries";
+export const ContentFormOptionsMenu = () => {
+  const {
+    menuItemActions
+  } = useContentEntryEditorConfig();
+  return /*#__PURE__*/React.createElement(OptionsMenu, {
     actions: menuItemActions,
     "data-testid": "cms.content-form.header.more-options"
-  }));
+  });
 };
 
 //# 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","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":[]}
+{"version":3,"names":["React","OptionsMenu","useContentEntryEditorConfig","ContentFormOptionsMenu","menuItemActions","createElement","actions"],"sources":["ContentFormOptionsMenu.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"@webiny/app-admin\";\nimport { useContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\n\nexport const ContentFormOptionsMenu = () => {\n    const { menuItemActions } = useContentEntryEditorConfig();\n\n    return (\n        <OptionsMenu\n            actions={menuItemActions}\n            data-testid={\"cms.content-form.header.more-options\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,mBAAmB;AAC/C,SAASC,2BAA2B;AAEpC,OAAO,MAAMC,sBAAsB,GAAGA,CAAA,KAAM;EACxC,MAAM;IAAEC;EAAgB,CAAC,GAAGF,2BAA2B,CAAC,CAAC;EAEzD,oBACIF,KAAA,CAAAK,aAAA,CAACJ,WAAW;IACRK,OAAO,EAAEF,eAAgB;IACzB,eAAa;EAAuC,CACvD,CAAC;AAEV,CAAC","ignoreList":[]}

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

@@ -1,18 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ContentFormOptionsMenu = require("./ContentFormOptionsMenu");
-Object.keys(_ContentFormOptionsMenu).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ContentFormOptionsMenu[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ContentFormOptionsMenu[key];
-    }
-  });
-});
+export * from "./ContentFormOptionsMenu";
 
 //# sourceMappingURL=index.js.map

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","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export * from \"./ContentFormOptionsMenu\";\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -1,31 +1,26 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeleteEntry = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _react = _interopRequireDefault(require("react"));
-var _delete = require("@material-design-icons/svg/outlined/delete.svg");
-var _appAco = require("@webiny/app-aco");
-var _hooks = require("../../../../hooks");
-var _contentEntries = require("../../../../config/contentEntries");
-var _useContentEntry2 = require("../../../../views/contentEntries/hooks/useContentEntry");
-var _excluded = ["entry", "loading"];
-var DeleteEntry = exports.DeleteEntry = function DeleteEntry() {
-  var _useNavigateFolder = (0, _appAco.useNavigateFolder)(),
-    navigateToFolder = _useNavigateFolder.navigateToFolder;
-  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
-    entry = _useContentEntry.entry,
-    loading = _useContentEntry.loading,
-    contentEntry = (0, _objectWithoutProperties2.default)(_useContentEntry, _excluded);
-  var _usePermission = (0, _hooks.usePermission)(),
-    canDelete = _usePermission.canDelete;
-  var _ContentEntryEditorCo = _contentEntries.ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem(),
-    OptionsMenuItem = _ContentEntryEditorCo.OptionsMenuItem;
-  var deleteEntry = async function deleteEntry() {
-    var response = await contentEntry.deleteEntry({
+import React from "react";
+import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import { useNavigateFolder } from "@webiny/app-aco";
+import { usePermission } from "../../../../hooks";
+import { ContentEntryEditorConfig } from "../../../../config/contentEntries";
+import { useContentEntry } from "../../../../views/contentEntries/hooks/useContentEntry";
+export const DeleteEntry = () => {
+  const {
+    navigateToFolder
+  } = useNavigateFolder();
+  const {
+    entry,
+    loading,
+    ...contentEntry
+  } = useContentEntry();
+  const {
+    canDelete
+  } = usePermission();
+  const {
+    OptionsMenuItem
+  } = ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();
+  const deleteEntry = async () => {
+    const response = await contentEntry.deleteEntry({
       id: entry.entryId
     });
     if (typeof response === "boolean") {
@@ -35,8 +30,8 @@ var DeleteEntry = exports.DeleteEntry = function DeleteEntry() {
   if (!canDelete(entry, "cms.contentEntry")) {
     return null;
   }
-  return /*#__PURE__*/_react.default.createElement(OptionsMenuItem, {
-    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null),
+  return /*#__PURE__*/React.createElement(OptionsMenuItem, {
+    icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
     label: "Trash entry",
     onAction: deleteEntry,
     disabled: !entry.id || loading,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_delete","_appAco","_hooks","_contentEntries","_useContentEntry2","_excluded","DeleteEntry","exports","_useNavigateFolder","useNavigateFolder","navigateToFolder","_useContentEntry","useContentEntry","entry","loading","contentEntry","_objectWithoutProperties2","default","_usePermission","usePermission","canDelete","_ContentEntryEditorCo","ContentEntryEditorConfig","Actions","MenuItemAction","useOptionsMenuItem","OptionsMenuItem","deleteEntry","response","id","entryId","wbyAco_location","folderId","createElement","icon","ReactComponent","label","onAction","disabled"],"sources":["DeleteEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@material-design-icons/svg/outlined/delete.svg\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { usePermission } from \"~/admin/hooks\";\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nexport const DeleteEntry = () => {\n    const { navigateToFolder } = useNavigateFolder();\n    const { entry, loading, ...contentEntry } = useContentEntry();\n    const { canDelete } = usePermission();\n\n    const { OptionsMenuItem } =\n        ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();\n\n    const deleteEntry = async () => {\n        const response = await contentEntry.deleteEntry({ id: entry.entryId });\n        if (typeof response === \"boolean\") {\n            navigateToFolder(entry.wbyAco_location.folderId);\n        }\n    };\n\n    if (!canDelete(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Trash entry\"}\n            onAction={deleteEntry}\n            disabled={!entry.id || loading}\n            data-testid={\"cms.content-form.header.delete\"}\n        />\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AAAqF,IAAAM,SAAA;AAE9E,IAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAAdA,WAAWA,CAAA,EAAS;EAC7B,IAAAE,kBAAA,GAA6B,IAAAC,yBAAiB,EAAC,CAAC;IAAxCC,gBAAgB,GAAAF,kBAAA,CAAhBE,gBAAgB;EACxB,IAAAC,gBAAA,GAA4C,IAAAC,iCAAe,EAAC,CAAC;IAArDC,KAAK,GAAAF,gBAAA,CAALE,KAAK;IAAEC,OAAO,GAAAH,gBAAA,CAAPG,OAAO;IAAKC,YAAY,OAAAC,yBAAA,CAAAC,OAAA,EAAAN,gBAAA,EAAAN,SAAA;EACvC,IAAAa,cAAA,GAAsB,IAAAC,oBAAa,EAAC,CAAC;IAA7BC,SAAS,GAAAF,cAAA,CAATE,SAAS;EAEjB,IAAAC,qBAAA,GACIC,wCAAwB,CAACC,OAAO,CAACC,cAAc,CAACC,kBAAkB,CAAC,CAAC;IADhEC,eAAe,GAAAL,qBAAA,CAAfK,eAAe;EAGvB,IAAMC,WAAW,GAAG,eAAdA,WAAWA,CAAA,EAAe;IAC5B,IAAMC,QAAQ,GAAG,MAAMb,YAAY,CAACY,WAAW,CAAC;MAAEE,EAAE,EAAEhB,KAAK,CAACiB;IAAQ,CAAC,CAAC;IACtE,IAAI,OAAOF,QAAQ,KAAK,SAAS,EAAE;MAC/BlB,gBAAgB,CAACG,KAAK,CAACkB,eAAe,CAACC,QAAQ,CAAC;IACpD;EACJ,CAAC;EAED,IAAI,CAACZ,SAAS,CAACP,KAAK,EAAE,kBAAkB,CAAC,EAAE;IACvC,OAAO,IAAI;EACf;EAEA,oBACIhB,MAAA,CAAAoB,OAAA,CAAAgB,aAAA,CAACP,eAAe;IACZQ,IAAI,eAAErC,MAAA,CAAAoB,OAAA,CAAAgB,aAAA,CAACjC,OAAA,CAAAmC,cAAU,MAAE,CAAE;IACrBC,KAAK,EAAE,aAAc;IACrBC,QAAQ,EAAEV,WAAY;IACtBW,QAAQ,EAAE,CAACzB,KAAK,CAACgB,EAAE,IAAIf,OAAQ;IAC/B,eAAa;EAAiC,CACjD,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","DeleteIcon","useNavigateFolder","usePermission","ContentEntryEditorConfig","useContentEntry","DeleteEntry","navigateToFolder","entry","loading","contentEntry","canDelete","OptionsMenuItem","Actions","MenuItemAction","useOptionsMenuItem","deleteEntry","response","id","entryId","wbyAco_location","folderId","createElement","icon","label","onAction","disabled"],"sources":["DeleteEntry.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { useNavigateFolder } from \"@webiny/app-aco\";\nimport { usePermission } from \"~/admin/hooks\";\nimport { ContentEntryEditorConfig } from \"~/admin/config/contentEntries\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nexport const DeleteEntry = () => {\n    const { navigateToFolder } = useNavigateFolder();\n    const { entry, loading, ...contentEntry } = useContentEntry();\n    const { canDelete } = usePermission();\n\n    const { OptionsMenuItem } =\n        ContentEntryEditorConfig.Actions.MenuItemAction.useOptionsMenuItem();\n\n    const deleteEntry = async () => {\n        const response = await contentEntry.deleteEntry({ id: entry.entryId });\n        if (typeof response === \"boolean\") {\n            navigateToFolder(entry.wbyAco_location.folderId);\n        }\n    };\n\n    if (!canDelete(entry, \"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<DeleteIcon />}\n            label={\"Trash entry\"}\n            onAction={deleteEntry}\n            disabled={!entry.id || loading}\n            data-testid={\"cms.content-form.header.delete\"}\n        />\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,UAAU,QAAQ,0BAA0B;AACvE,SAASC,iBAAiB,QAAQ,iBAAiB;AACnD,SAASC,aAAa;AACtB,SAASC,wBAAwB;AACjC,SAASC,eAAe;AAExB,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAM;EAC7B,MAAM;IAAEC;EAAiB,CAAC,GAAGL,iBAAiB,CAAC,CAAC;EAChD,MAAM;IAAEM,KAAK;IAAEC,OAAO;IAAE,GAAGC;EAAa,CAAC,GAAGL,eAAe,CAAC,CAAC;EAC7D,MAAM;IAAEM;EAAU,CAAC,GAAGR,aAAa,CAAC,CAAC;EAErC,MAAM;IAAES;EAAgB,CAAC,GACrBR,wBAAwB,CAACS,OAAO,CAACC,cAAc,CAACC,kBAAkB,CAAC,CAAC;EAExE,MAAMC,WAAW,GAAG,MAAAA,CAAA,KAAY;IAC5B,MAAMC,QAAQ,GAAG,MAAMP,YAAY,CAACM,WAAW,CAAC;MAAEE,EAAE,EAAEV,KAAK,CAACW;IAAQ,CAAC,CAAC;IACtE,IAAI,OAAOF,QAAQ,KAAK,SAAS,EAAE;MAC/BV,gBAAgB,CAACC,KAAK,CAACY,eAAe,CAACC,QAAQ,CAAC;IACpD;EACJ,CAAC;EAED,IAAI,CAACV,SAAS,CAACH,KAAK,EAAE,kBAAkB,CAAC,EAAE;IACvC,OAAO,IAAI;EACf;EAEA,oBACIT,KAAA,CAAAuB,aAAA,CAACV,eAAe;IACZW,IAAI,eAAExB,KAAA,CAAAuB,aAAA,CAACrB,UAAU,MAAE,CAAE;IACrBuB,KAAK,EAAE,aAAc;IACrBC,QAAQ,EAAET,WAAY;IACtBU,QAAQ,EAAE,CAAClB,KAAK,CAACU,EAAE,IAAIT,OAAQ;IAC/B,eAAa;EAAiC,CACjD,CAAC;AAEV,CAAC","ignoreList":[]}