@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.0

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

@@ -1,27 +1,33 @@
 import React from "react";
-import { FormValidation } from "@webiny/form";
-import { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms-common/types";
+import type { FormInvalidFields, FormOnSubmit, FormValidation } from "@webiny/form";
+import type { CmsContentEntry, CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
+import type { CreateEntryResponse, UpdateEntryRevisionResponse } from "../../../admin/contexts/Cms/index.js";
 interface SaveEntryOptions {
     skipValidators?: string[];
+    createNewRevision?: boolean;
 }
 export interface ContentEntryFormContext {
     entry: Partial<CmsContentEntry>;
-    isDirty: boolean;
     saveEntry: (options?: SaveEntryOptions) => Promise<CmsContentEntry | null>;
-    invalidFields: FormValidation;
+    invalidFields: FormInvalidFields;
 }
 export declare const ContentEntryFormContext: React.Context<ContentEntryFormContext | undefined>;
 export interface SetSaveEntry {
     (cb: ContentEntryFormContext["saveEntry"]): void;
 }
+export interface PersistEntry {
+    (entry: Partial<CmsContentEntry>, options?: SaveEntryOptions): Promise<CreateEntryResponse | UpdateEntryRevisionResponse>;
+}
 interface ContentEntryFormProviderProps {
     entry: Partial<CmsContentEntry>;
     model: CmsModel;
+    persistEntry: PersistEntry;
     confirmNavigationIfDirty: boolean;
+    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;
+    onInvalidFields?: (invalidFields: FormValidation) => void;
     onAfterCreate?: (entry: CmsContentEntry) => void;
     setSaveEntry?: SetSaveEntry;
-    addItemToListCache?: boolean;
     children: React.ReactNode;
 }
-export declare const ContentEntryFormProvider: ({ model, entry, children, onAfterCreate, setSaveEntry, addItemToListCache, confirmNavigationIfDirty }: ContentEntryFormProviderProps) => React.JSX.Element;
+export declare const ContentEntryFormProvider: ({ model, entry: initialEntry, children, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, confirmNavigationIfDirty }: ContentEntryFormProviderProps) => React.JSX.Element;
 export {};

package/admin/components/ContentEntryForm/ContentEntryFormProvider.js

@@ -1,184 +1,108 @@
-"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);
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import { CompositionScope, NavigationPrompt, useSnackbar } from "@webiny/app-admin";
+import { Form } from "@webiny/form";
+import { prepareFormData } from "@webiny/app-headless-cms-common";
+const promptMessage = "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?";
+export const ContentEntryFormContext = /*#__PURE__*/React.createContext(undefined);
+const formValidationToMap = invalidFields => {
+  return Object.keys(invalidFields).reduce((acc, key) => ({
+    ...acc,
+    [key]: invalidFields[key].message || "Value is invalid."
+  }), {});
 };
-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)({
+export const ContentEntryFormProvider = ({
+  model,
+  entry: initialEntry,
+  children,
+  persistEntry,
+  onChange,
+  onInvalidFields,
+  onAfterCreate,
+  setSaveEntry,
+  confirmNavigationIfDirty
+}) => {
+  const ref = useRef(null);
+  const onAfterSubmitRef = useRef(() => void 0);
+  const [invalidFields, setInvalidFields] = useState({});
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const saveOptionsRef = useRef({
     skipValidators: undefined
   });
-  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] : {};
+  const saveEntry = useCallback(async (options = {}) => {
     saveOptionsRef.current.skipValidators = options.skipValidators;
-    return ref.current.submit(undefined, {
+    return await ref.current.submit(undefined, {
       skipValidators: options.skipValidators
     });
   }, []);
-  var persistEntry = function persistEntry(_ref2) {
-    var entry = _ref2.entry,
-      isLocked = _ref2.isLocked;
-    var options = {
+  const onFormSubmit = async data => {
+    const values = prepareFormData(data, model.fields);
+    const isNewEntry = initialEntry.id === undefined;
+    const {
+      entry,
+      error
+    } = await persistEntry({
+      id: initialEntry.id,
+      values
+    }, {
       skipValidators: saveOptionsRef.current.skipValidators,
-      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;
+      createNewRevision: initialEntry.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({
-        entry: (0, _objectSpread3.default)({
-          id: data.id
-        }, gqlData),
-        isLocked: data.meta?.locked === true
-      }),
-      entry = _await$persistEntry.entry,
-      error = _await$persistEntry.error;
     if (error) {
+      if (error.code === "VALIDATION_FAILED") {
+        const errors = error.data || [];
+        setInvalidFields(errors.reduce((acc, item) => ({
+          ...acc,
+          [item.fieldId]: item.error
+        }), {}));
+      }
       showSnackbar(error.message);
-      setInvalidFields(error.data);
       return;
     }
+    showSnackbar("Entry saved successfully!");
     setInvalidFields({});
-    setIsDirty(false);
-    var isNewRevision = !isNewEntry && data.id !== entry.id;
+    const isNewRevision = !isNewEntry && entry.id !== initialEntry.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);
-      });
+      onAfterSubmitRef.current = onAfterCreate;
     }
     return entry;
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (typeof setSaveEntry === "function") {
       setSaveEntry(saveEntry);
     }
   }, [setSaveEntry]);
-  return /*#__PURE__*/_react.default.createElement(_form.Form, {
-    onChange: onChange,
+  return /*#__PURE__*/React.createElement(Form, {
     onSubmit: onFormSubmit,
-    data: entry,
+    onAfterSubmit: data => {
+      onAfterSubmitRef.current(data);
+    },
+    onChange: onChange,
+    data: initialEntry.values,
     ref: ref,
+    validateOnFirstSubmit: true,
     invalidFields: invalidFields,
-    onInvalid: function onInvalid(invalidFields) {
-      setIsDirty(true);
+    onInvalid: invalidFields => {
       setInvalidFields(formValidationToMap(invalidFields));
+      onInvalidFields && onInvalidFields(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
+  }, formProps => {
+    const context = {
+      entry: {
+        ...initialEntry,
+        values: formProps.data
+      },
+      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, {
-      when: isDirty,
+    }, /*#__PURE__*/React.createElement(NavigationPrompt, {
+      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","_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":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","CompositionScope","NavigationPrompt","useSnackbar","Form","prepareFormData","promptMessage","ContentEntryFormContext","createContext","undefined","formValidationToMap","invalidFields","Object","keys","reduce","acc","key","message","ContentEntryFormProvider","model","entry","initialEntry","children","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","confirmNavigationIfDirty","ref","onAfterSubmitRef","setInvalidFields","showSnackbar","saveOptionsRef","skipValidators","saveEntry","options","current","submit","onFormSubmit","data","values","fields","isNewEntry","id","error","createNewRevision","meta","locked","code","errors","item","fieldId","isNewRevision","createElement","onSubmit","onAfterSubmit","validateOnFirstSubmit","onInvalid","formProps","context","Provider","value","name","when","form","isPristine"],"sources":["ContentEntryFormProvider.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { CompositionScope, NavigationPrompt, useSnackbar } from \"@webiny/app-admin\";\nimport type { FormAPI, FormInvalidFields, FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { Form } from \"@webiny/form\";\nimport { prepareFormData } from \"@webiny/app-headless-cms-common\";\nimport type { CmsContentEntry, CmsModel } from \"@webiny/app-headless-cms-common/types/index.js\";\nimport type {\n    CreateEntryResponse,\n    UpdateEntryRevisionResponse\n} from \"~/admin/contexts/Cms/index.js\";\nimport type { GenericRecord } from \"@webiny/app/types.js\";\n\nconst promptMessage =\n    \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\";\n\ninterface SaveEntryOptions {\n    skipValidators?: string[];\n    createNewRevision?: boolean;\n}\n\nexport interface ContentEntryFormContext {\n    entry: Partial<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    (\n        entry: Partial<CmsContentEntry>,\n        options?: SaveEntryOptions\n    ): Promise<CreateEntryResponse | UpdateEntryRevisionResponse>;\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: initialEntry,\n    children,\n    persistEntry,\n    onChange,\n    onInvalidFields,\n    onAfterCreate,\n    setSaveEntry,\n    confirmNavigationIfDirty\n}: ContentEntryFormProviderProps) => {\n    const ref = useRef<FormAPI<CmsContentEntry> | null>(null);\n    const onAfterSubmitRef = useRef<(entry: CmsContentEntry) => void>(() => void 0);\n    const [invalidFields, setInvalidFields] = useState<FormInvalidFields>({});\n    const { showSnackbar } = useSnackbar();\n    const saveOptionsRef = useRef<SaveEntryOptions>({ skipValidators: undefined });\n\n    const saveEntry = useCallback(async (options: SaveEntryOptions = {}) => {\n        saveOptionsRef.current.skipValidators = options.skipValidators;\n\n        return (await ref.current!.submit(undefined, {\n            skipValidators: options.skipValidators\n        })) as Promise<CmsContentEntry | null>;\n    }, []);\n\n    const onFormSubmit: FormOnSubmit<CmsContentEntry> = async data => {\n        const values = prepareFormData<GenericRecord>(data, model.fields);\n        const isNewEntry = initialEntry.id === undefined;\n\n        const { entry, error } = await persistEntry(\n            {\n                id: initialEntry.id,\n                values\n            },\n            {\n                skipValidators: saveOptionsRef.current.skipValidators,\n                createNewRevision: initialEntry.meta?.locked\n            }\n        );\n\n        if (error) {\n            if (error.code === \"VALIDATION_FAILED\") {\n                const errors: InvalidFieldError[] = error.data || [];\n\n                setInvalidFields(\n                    errors.reduce((acc, item) => ({ ...acc, [item.fieldId]: item.error }), {})\n                );\n            }\n            showSnackbar(error.message);\n\n            return;\n        }\n\n        showSnackbar(\"Entry saved successfully!\");\n        setInvalidFields({});\n\n        const isNewRevision = !isNewEntry && entry.id !== initialEntry.id;\n\n        if ((isNewEntry || isNewRevision) && onAfterCreate) {\n            onAfterSubmitRef.current = onAfterCreate;\n        }\n\n        return entry;\n    };\n\n    useEffect(() => {\n        if (typeof setSaveEntry === \"function\") {\n            setSaveEntry(saveEntry);\n        }\n    }, [setSaveEntry]);\n\n    return (\n        <Form<CmsContentEntry>\n            onSubmit={onFormSubmit}\n            onAfterSubmit={data => {\n                onAfterSubmitRef.current(data);\n            }}\n            onChange={onChange}\n            data={initialEntry.values}\n            ref={ref}\n            validateOnFirstSubmit\n            invalidFields={invalidFields}\n            onInvalid={invalidFields => {\n                setInvalidFields(formValidationToMap(invalidFields));\n                onInvalidFields && onInvalidFields(invalidFields);\n                showSnackbar(\"Some fields did not pass the validation. Please check the form.\");\n            }}\n        >\n            {formProps => {\n                const context: ContentEntryFormContext = {\n                    entry: { ...initialEntry, values: formProps.data },\n                    saveEntry,\n                    invalidFields\n                };\n                return (\n                    <ContentEntryFormContext.Provider value={context}>\n                        {confirmNavigationIfDirty ? (\n                            <CompositionScope name={\"cms.contentEntryForm\"}>\n                                <NavigationPrompt\n                                    when={() => !formProps.form.isPristine}\n                                    message={promptMessage}\n                                />\n                            </CompositionScope>\n                        ) : null}\n                        {children}\n                    </ContentEntryFormContext.Provider>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACvE,SAASC,gBAAgB,EAAEC,gBAAgB,EAAEC,WAAW,QAAQ,mBAAmB;AAEnF,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,eAAe,QAAQ,iCAAiC;AAQjE,MAAMC,aAAa,GACf,iGAAiG;AAarG,OAAO,MAAMC,uBAAuB,gBAAGX,KAAK,CAACY,aAAa,CACtDC,SACJ,CAAC;AA8BD,MAAMC,mBAAmB,GAAIC,aAA6B,IAAwB;EAC9E,OAAOC,MAAM,CAACC,IAAI,CAACF,aAAa,CAAC,CAACG,MAAM,CACpC,CAACC,GAAG,EAAEC,GAAG,MAAM;IAAE,GAAGD,GAAG;IAAE,CAACC,GAAG,GAAGL,aAAa,CAACK,GAAG,CAAC,CAACC,OAAO,IAAI;EAAoB,CAAC,CAAC,EACpF,CAAC,CACL,CAAC;AACL,CAAC;AAED,OAAO,MAAMC,wBAAwB,GAAGA,CAAC;EACrCC,KAAK;EACLC,KAAK,EAAEC,YAAY;EACnBC,QAAQ;EACRC,YAAY;EACZC,QAAQ;EACRC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC;AAC2B,CAAC,KAAK;EACjC,MAAMC,GAAG,GAAG9B,MAAM,CAAkC,IAAI,CAAC;EACzD,MAAM+B,gBAAgB,GAAG/B,MAAM,CAAmC,MAAM,KAAK,CAAC,CAAC;EAC/E,MAAM,CAACY,aAAa,EAAEoB,gBAAgB,CAAC,GAAG/B,QAAQ,CAAoB,CAAC,CAAC,CAAC;EACzE,MAAM;IAAEgC;EAAa,CAAC,GAAG7B,WAAW,CAAC,CAAC;EACtC,MAAM8B,cAAc,GAAGlC,MAAM,CAAmB;IAAEmC,cAAc,EAAEzB;EAAU,CAAC,CAAC;EAE9E,MAAM0B,SAAS,GAAGtC,WAAW,CAAC,OAAOuC,OAAyB,GAAG,CAAC,CAAC,KAAK;IACpEH,cAAc,CAACI,OAAO,CAACH,cAAc,GAAGE,OAAO,CAACF,cAAc;IAE9D,OAAQ,MAAML,GAAG,CAACQ,OAAO,CAAEC,MAAM,CAAC7B,SAAS,EAAE;MACzCyB,cAAc,EAAEE,OAAO,CAACF;IAC5B,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMK,YAA2C,GAAG,MAAMC,IAAI,IAAI;IAC9D,MAAMC,MAAM,GAAGpC,eAAe,CAAgBmC,IAAI,EAAErB,KAAK,CAACuB,MAAM,CAAC;IACjE,MAAMC,UAAU,GAAGtB,YAAY,CAACuB,EAAE,KAAKnC,SAAS;IAEhD,MAAM;MAAEW,KAAK;MAAEyB;IAAM,CAAC,GAAG,MAAMtB,YAAY,CACvC;MACIqB,EAAE,EAAEvB,YAAY,CAACuB,EAAE;MACnBH;IACJ,CAAC,EACD;MACIP,cAAc,EAAED,cAAc,CAACI,OAAO,CAACH,cAAc;MACrDY,iBAAiB,EAAEzB,YAAY,CAAC0B,IAAI,EAAEC;IAC1C,CACJ,CAAC;IAED,IAAIH,KAAK,EAAE;MACP,IAAIA,KAAK,CAACI,IAAI,KAAK,mBAAmB,EAAE;QACpC,MAAMC,MAA2B,GAAGL,KAAK,CAACL,IAAI,IAAI,EAAE;QAEpDT,gBAAgB,CACZmB,MAAM,CAACpC,MAAM,CAAC,CAACC,GAAG,EAAEoC,IAAI,MAAM;UAAE,GAAGpC,GAAG;UAAE,CAACoC,IAAI,CAACC,OAAO,GAAGD,IAAI,CAACN;QAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAC7E,CAAC;MACL;MACAb,YAAY,CAACa,KAAK,CAAC5B,OAAO,CAAC;MAE3B;IACJ;IAEAe,YAAY,CAAC,2BAA2B,CAAC;IACzCD,gBAAgB,CAAC,CAAC,CAAC,CAAC;IAEpB,MAAMsB,aAAa,GAAG,CAACV,UAAU,IAAIvB,KAAK,CAACwB,EAAE,KAAKvB,YAAY,CAACuB,EAAE;IAEjE,IAAI,CAACD,UAAU,IAAIU,aAAa,KAAK3B,aAAa,EAAE;MAChDI,gBAAgB,CAACO,OAAO,GAAGX,aAAa;IAC5C;IAEA,OAAON,KAAK;EAChB,CAAC;EAEDtB,SAAS,CAAC,MAAM;IACZ,IAAI,OAAO6B,YAAY,KAAK,UAAU,EAAE;MACpCA,YAAY,CAACQ,SAAS,CAAC;IAC3B;EACJ,CAAC,EAAE,CAACR,YAAY,CAAC,CAAC;EAElB,oBACI/B,KAAA,CAAA0D,aAAA,CAAClD,IAAI;IACDmD,QAAQ,EAAEhB,YAAa;IACvBiB,aAAa,EAAEhB,IAAI,IAAI;MACnBV,gBAAgB,CAACO,OAAO,CAACG,IAAI,CAAC;IAClC,CAAE;IACFhB,QAAQ,EAAEA,QAAS;IACnBgB,IAAI,EAAEnB,YAAY,CAACoB,MAAO;IAC1BZ,GAAG,EAAEA,GAAI;IACT4B,qBAAqB;IACrB9C,aAAa,EAAEA,aAAc;IAC7B+C,SAAS,EAAE/C,aAAa,IAAI;MACxBoB,gBAAgB,CAACrB,mBAAmB,CAACC,aAAa,CAAC,CAAC;MACpDc,eAAe,IAAIA,eAAe,CAACd,aAAa,CAAC;MACjDqB,YAAY,CAAC,iEAAiE,CAAC;IACnF;EAAE,GAED2B,SAAS,IAAI;IACV,MAAMC,OAAgC,GAAG;MACrCxC,KAAK,EAAE;QAAE,GAAGC,YAAY;QAAEoB,MAAM,EAAEkB,SAAS,CAACnB;MAAK,CAAC;MAClDL,SAAS;MACTxB;IACJ,CAAC;IACD,oBACIf,KAAA,CAAA0D,aAAA,CAAC/C,uBAAuB,CAACsD,QAAQ;MAACC,KAAK,EAAEF;IAAQ,GAC5ChC,wBAAwB,gBACrBhC,KAAA,CAAA0D,aAAA,CAACrD,gBAAgB;MAAC8D,IAAI,EAAE;IAAuB,gBAC3CnE,KAAA,CAAA0D,aAAA,CAACpD,gBAAgB;MACb8D,IAAI,EAAEA,CAAA,KAAM,CAACL,SAAS,CAACM,IAAI,CAACC,UAAW;MACvCjD,OAAO,EAAEX;IAAc,CAC1B,CACa,CAAC,GACnB,IAAI,EACPgB,QAC6B,CAAC;EAE3C,CACE,CAAC;AAEf,CAAC","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/index.js";
 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.js";
+export const CustomLayout = ({
+  model,
+  formRenderer
+}) => {
+  const {
+    data
+  } = useForm();
+  const fields = model.fields.reduce((acc, field) => {
+    acc[field.fieldId] = /*#__PURE__*/React.createElement(FieldElement, {
       field: field
       /**
        * 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 {\n    CmsContentFormRendererPlugin,\n    CmsModel\n} from \"@webiny/app-headless-cms-common/types/index.js\";\nimport { FieldElement } from \"~/admin/components/ContentEntryForm/FieldElement.js\";\n\ninterface CustomLayoutProps {\n    model: CmsModel;\n    formRenderer: CmsContentFormRendererPlugin;\n}\n\nexport const CustomLayout = ({ model, formRenderer }: CustomLayoutProps) => {\n    const { data } = useForm();\n\n    const fields = model.fields.reduce(\n        (acc, field) => {\n            acc[field.fieldId] = (\n                <FieldElement\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        },\n        {} as Record<string, React.ReactElement>\n    );\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;AAK5C,SAASC,YAAY;AAOrB,OAAO,MAAMC,YAAY,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAgC,CAAC,KAAK;EACxE,MAAM;IAAEC;EAAK,CAAC,GAAGL,OAAO,CAAC,CAAC;EAE1B,MAAMM,MAAM,GAAGH,KAAK,CAACG,MAAM,CAACC,MAAM,CAC9B,CAACC,GAAG,EAAEC,KAAK,KAAK;IACZD,GAAG,CAACC,KAAK,CAACC,OAAO,CAAC,gBACdZ,KAAA,CAAAa,aAAA,CAACV,YAAY;MACTQ,KAAK,EAAEA;MACP;AACpB;AACA;AACA;MACoB;MAAA;MACAV,IAAI,EAAEA,IAAK;MACXa,YAAY,EAAET;IAAM,CACvB,CACJ;IAED,OAAOK,GAAG;EACd,CAAC,EACD,CAAC,CACL,CAAC;EAED,oBACIV,KAAA,CAAAa,aAAA,CAAAb,KAAA,CAAAe,QAAA,QACKT,YAAY,CAACU,MAAM,CAAC;IACjBT,IAAI;IACJO,YAAY,EAAET,KAAK;IACnBG,MAAM;IACN;AAChB;AACA;AACA;IACgB;IACAP;EACJ,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,7 +1,24 @@
 import React from "react";
-import { CmsModel } from "@webiny/app-headless-cms-common/types";
-interface DefaultLayoutProps {
+import type { CmsModel } from "@webiny/app-headless-cms-common/types/index.js";
+export interface DefaultLayoutProps extends React.HTMLAttributes<HTMLDivElement> {
     model: CmsModel;
 }
-export declare const DefaultLayout: ({ model }: DefaultLayoutProps) => React.JSX.Element;
-export {};
+export declare const DefaultLayout: (({ model, ...props }: DefaultLayoutProps) => React.JSX.Element) & {
+    original: ({ model, ...props }: DefaultLayoutProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ model, ...props }: DefaultLayoutProps) => React.JSX.Element) & {
+        original: ({ model, ...props }: DefaultLayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ model, ...props }: DefaultLayoutProps) => React.JSX.Element) & {
+        original: ({ model, ...props }: DefaultLayoutProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+};

package/admin/components/ContentEntryForm/DefaultLayout.js

@@ -1,16 +1,12 @@
-"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, {
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Bind } from "@webiny/form";
+import { Fields } from "./Fields.js";
+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 || []
@@ -20,8 +16,8 @@ var DefaultLayout = exports.DefaultLayout = function DefaultLayout(_ref) {
      */
     // @ts-expect-error
     ,
-    Bind: _form.Bind
-  });
-};
+    Bind: Bind
+  }));
+});
 
 //# sourceMappingURL=DefaultLayout.js.map

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

@@ -1 +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":[]}
+{"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/index.js\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields.js\";\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.d.ts

@@ -1,28 +1 @@
-import React from "react";
-import { CmsModelField, CmsEditorContentModel, BindComponent } from "../../../types";
-export interface FieldElementProps {
-    field: CmsModelField;
-    Bind: BindComponent;
-    contentModel: CmsEditorContentModel;
-}
-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) => React.JSX.Element;
-};
-/**
- * @deprecated Use `FieldElement` instead.
- */
-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) => React.JSX.Element;
-};
-/**
- * @deprecated Use `FieldElementProps` instead.
- */
-export declare type RenderFieldElementProps = FieldElementProps;
+export * from "@webiny/app-headless-cms-common/Fields/FieldElement.js";

package/admin/components/ContentEntryForm/FieldElement.js

@@ -1,71 +1,3 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-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"));
-var _appAdmin = require("@webiny/app-admin");
-var _i18n = require("@webiny/app/i18n");
-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 RenderField = function RenderField(props) {
-  var renderPlugins = (0, _useRenderPlugins.useRenderPlugins)();
-  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(_react.default.Fragment, null, field.renderer({
-      field: field,
-      getBind: getBind,
-      Label: _Label.default,
-      contentModel: contentModel
-    }));
-  }
-  var renderPlugin = renderPlugins.find(function (plugin) {
-    return plugin.renderer.rendererName === (0, _get.default)(field, "renderer.name");
-  });
-  if (!renderPlugin) {
-    return t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Cannot render \"{fieldName}\" field - field renderer missing."])))({
-      fieldName: /*#__PURE__*/_react.default.createElement("strong", null, field.fieldId)
-    });
-  }
-  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.
- */
-var RenderFieldElement = exports.RenderFieldElement = FieldElement;
-
-/**
- * @deprecated Use `FieldElementProps` instead.
- */
+export * from "@webiny/app-headless-cms-common/Fields/FieldElement.js";
 
 //# sourceMappingURL=FieldElement.js.map