@webiny/app-headless-cms 5.27.0 → 5.29.0-beta.0

package/HeadlessCMS.js

@@ -1,28 +1,48 @@
-import React, { Fragment, memo } from "react";
-import { plugins } from "@webiny/plugins";
-import { Plugins, Provider } from "@webiny/app-admin";
-import { CmsProvider } from "./admin/contexts/Cms";
-import { CmsMenuLoader } from "./admin/menus/CmsMenuLoader";
-import apiInformation from "./admin/plugins/apiInformation";
-import { ContentEntriesModule } from "./admin/views/contentEntries/experiment/ContentEntriesModule";
+"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.HeadlessCMS = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _plugins = require("@webiny/plugins");
+
+var _appAdmin = require("@webiny/app-admin");
+
+var _Cms = require("./admin/contexts/Cms");
+
+var _CmsMenuLoader = require("./admin/menus/CmsMenuLoader");
+
+var _apiInformation = _interopRequireDefault(require("./admin/plugins/apiInformation"));
+
+var _ContentEntriesModule = require("./admin/views/contentEntries/experiment/ContentEntriesModule");
 
 var createHeadlessCMSProvider = function createHeadlessCMSProvider(createApolloClient) {
   return function (Component) {
     return function HeadlessCMSProvider(_ref) {
       var children = _ref.children;
-      return /*#__PURE__*/React.createElement(CmsProvider, {
+      return /*#__PURE__*/_react.default.createElement(_Cms.CmsProvider, {
         createApolloClient: createApolloClient
-      }, /*#__PURE__*/React.createElement(Component, null, children));
+      }, /*#__PURE__*/_react.default.createElement(Component, null, children));
     };
   };
 };
 
 var HeadlessCMSExtension = function HeadlessCMSExtension(_ref2) {
   var createApolloClient = _ref2.createApolloClient;
-  plugins.register(apiInformation);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(ContentEntriesModule, null), /*#__PURE__*/React.createElement(Provider, {
+
+  _plugins.plugins.register(_apiInformation.default);
+
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesModule.ContentEntriesModule, null), /*#__PURE__*/_react.default.createElement(_appAdmin.Provider, {
     hoc: createHeadlessCMSProvider(createApolloClient)
-  }), /*#__PURE__*/React.createElement(Plugins, null, /*#__PURE__*/React.createElement(CmsMenuLoader, null)));
+  }), /*#__PURE__*/_react.default.createElement(_appAdmin.Plugins, null, /*#__PURE__*/_react.default.createElement(_CmsMenuLoader.CmsMenuLoader, null)));
 };
 
-export var HeadlessCMS = /*#__PURE__*/memo(HeadlessCMSExtension);
+var HeadlessCMS = /*#__PURE__*/(0, _react.memo)(HeadlessCMSExtension);
+exports.HeadlessCMS = HeadlessCMS;

package/HeadlessCMS.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HeadlessCMS.tsx"],"names":["React","Fragment","memo","plugins","Plugins","Provider","CmsProvider","CmsMenuLoader","apiInformation","ContentEntriesModule","createHeadlessCMSProvider","createApolloClient","Component","HeadlessCMSProvider","children","HeadlessCMSExtension","register","HeadlessCMS"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,IAA1B,QAAsC,OAAtC;AACA,SAASC,OAAT,QAAwB,iBAAxB;AACA,SAASC,OAAT,EAAkBC,QAAlB,QAAkC,mBAAlC;AAEA,SAASC,WAAT;AACA,SAASC,aAAT;AACA,OAAOC,cAAP;AACA,SAASC,oBAAT;;AAEA,IAAMC,yBAAyB,GAC3B,SADEA,yBACF,CAACC,kBAAD;AAAA,SACA,UAACC,SAAD,EAAmC;AAC/B,WAAO,SAASC,mBAAT,OAA2C;AAAA,UAAZC,QAAY,QAAZA,QAAY;AAC9C,0BACI,oBAAC,WAAD;AAAa,QAAA,kBAAkB,EAAEH;AAAjC,sBACI,oBAAC,SAAD,QAAYG,QAAZ,CADJ,CADJ;AAKH,KAND;AAOH,GATD;AAAA,CADJ;;AAuBA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,QAA8C;AAAA,MAA3CJ,kBAA2C,SAA3CA,kBAA2C;AACvER,EAAAA,OAAO,CAACa,QAAR,CAAiBR,cAAjB;AAEA,sBACI,oBAAC,QAAD,qBACI,oBAAC,oBAAD,OADJ,eAEI,oBAAC,QAAD;AAAU,IAAA,GAAG,EAAEE,yBAAyB,CAACC,kBAAD;AAAxC,IAFJ,eAGI,oBAAC,OAAD,qBACI,oBAAC,aAAD,OADJ,CAHJ,CADJ;AASH,CAZD;;AAcA,OAAO,IAAMM,WAAW,gBAAGf,IAAI,CAACa,oBAAD,CAAxB","sourcesContent":["import React, { Fragment, memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Plugins, Provider } from \"@webiny/app-admin\";\nimport { ApolloClient } from \"apollo-client\";\nimport { CmsProvider } from \"./admin/contexts/Cms\";\nimport { CmsMenuLoader } from \"~/admin/menus/CmsMenuLoader\";\nimport apiInformation from \"./admin/plugins/apiInformation\";\nimport { ContentEntriesModule } from \"./admin/views/contentEntries/experiment/ContentEntriesModule\";\n\nconst createHeadlessCMSProvider =\n    (createApolloClient: CreateApolloClient) =>\n    (Component: React.FC): React.FC => {\n        return function HeadlessCMSProvider({ children }) {\n            return (\n                <CmsProvider createApolloClient={createApolloClient}>\n                    <Component>{children}</Component>\n                </CmsProvider>\n            );\n        };\n    };\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\ninterface CreateApolloClient {\n    (params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nexport interface HeadlessCMSProps {\n    createApolloClient: CreateApolloClient;\n}\n\nconst HeadlessCMSExtension = ({ createApolloClient }: HeadlessCMSProps) => {\n    plugins.register(apiInformation);\n\n    return (\n        <Fragment>\n            <ContentEntriesModule />\n            <Provider hoc={createHeadlessCMSProvider(createApolloClient)} />\n            <Plugins>\n                <CmsMenuLoader />\n            </Plugins>\n        </Fragment>\n    );\n};\n\nexport const HeadlessCMS = memo(HeadlessCMSExtension);\n"]}
+{"version":3,"names":["createHeadlessCMSProvider","createApolloClient","Component","HeadlessCMSProvider","children","HeadlessCMSExtension","plugins","register","apiInformation","HeadlessCMS","memo"],"sources":["HeadlessCMS.tsx"],"sourcesContent":["import React, { Fragment, memo } from \"react\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Plugins, Provider } from \"@webiny/app-admin\";\nimport { ApolloClient } from \"apollo-client\";\nimport { CmsProvider } from \"./admin/contexts/Cms\";\nimport { CmsMenuLoader } from \"~/admin/menus/CmsMenuLoader\";\nimport apiInformation from \"./admin/plugins/apiInformation\";\nimport { ContentEntriesModule } from \"./admin/views/contentEntries/experiment/ContentEntriesModule\";\n\nconst createHeadlessCMSProvider =\n    (createApolloClient: CreateApolloClient) =>\n    (Component: React.FC): React.FC => {\n        return function HeadlessCMSProvider({ children }) {\n            return (\n                <CmsProvider createApolloClient={createApolloClient}>\n                    <Component>{children}</Component>\n                </CmsProvider>\n            );\n        };\n    };\n\ninterface CreateApolloClientParams {\n    uri: string;\n}\ninterface CreateApolloClient {\n    (params: CreateApolloClientParams): ApolloClient<any>;\n}\n\nexport interface HeadlessCMSProps {\n    createApolloClient: CreateApolloClient;\n}\n\nconst HeadlessCMSExtension = ({ createApolloClient }: HeadlessCMSProps) => {\n    plugins.register(apiInformation);\n\n    return (\n        <Fragment>\n            <ContentEntriesModule />\n            <Provider hoc={createHeadlessCMSProvider(createApolloClient)} />\n            <Plugins>\n                <CmsMenuLoader />\n            </Plugins>\n        </Fragment>\n    );\n};\n\nexport const HeadlessCMS = memo(HeadlessCMSExtension);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AAEA,IAAMA,yBAAyB,GAC3B,SADEA,yBACF,CAACC,kBAAD;EAAA,OACA,UAACC,SAAD,EAAmC;IAC/B,OAAO,SAASC,mBAAT,OAA2C;MAAA,IAAZC,QAAY,QAAZA,QAAY;MAC9C,oBACI,6BAAC,gBAAD;QAAa,kBAAkB,EAAEH;MAAjC,gBACI,6BAAC,SAAD,QAAYG,QAAZ,CADJ,CADJ;IAKH,CAND;EAOH,CATD;AAAA,CADJ;;AAuBA,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,QAA8C;EAAA,IAA3CJ,kBAA2C,SAA3CA,kBAA2C;;EACvEK,gBAAA,CAAQC,QAAR,CAAiBC,uBAAjB;;EAEA,oBACI,6BAAC,eAAD,qBACI,6BAAC,0CAAD,OADJ,eAEI,6BAAC,kBAAD;IAAU,GAAG,EAAER,yBAAyB,CAACC,kBAAD;EAAxC,EAFJ,eAGI,6BAAC,iBAAD,qBACI,6BAAC,4BAAD,OADJ,CAHJ,CADJ;AASH,CAZD;;AAcO,IAAMQ,WAAW,gBAAG,IAAAC,WAAA,EAAKL,oBAAL,CAApB"}

package/admin/components/ContentEntryForm/ContentEntryForm.js

@@ -1,18 +1,42 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"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.ContentEntryForm = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _RenderFieldElement = _interopRequireDefault(require("./RenderFieldElement"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _form = require("@webiny/form");
+
+var _plugins = require("@webiny/plugins");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _useContentEntryForm2 = require("./useContentEntryForm");
+
+var _Fields = require("./Fields");
+
+var _reactRouter = require("@webiny/react-router");
+
+var _appAdmin = require("@webiny/app-admin");
+
 var _excluded = ["onForm"];
-import React, { useCallback, useEffect, useRef } from "react";
-import RenderFieldElement from "./RenderFieldElement";
-import styled from "@emotion/styled";
-import { Form } from "@webiny/form";
-import { plugins } from "@webiny/plugins";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { useContentEntryForm } from "./useContentEntryForm";
-import { Fields } from "./Fields";
-import { Prompt } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin";
-var FormWrapper = /*#__PURE__*/styled("div", {
+var FormWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "ejw5gwy0",
   label: "FormWrapper"
 })({
@@ -36,21 +60,20 @@ var isDifferent = function isDifferent(value, compare) {
   return stringify(value) !== stringify(compare);
 };
 
-export var ContentEntryForm = function ContentEntryForm(_ref) {
+var ContentEntryForm = function ContentEntryForm(_ref) {
   var onForm = _ref.onForm,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var contentModel = props.contentModel;
 
-  var _useContentEntryForm = useContentEntryForm(props),
+  var _useContentEntryForm = (0, _useContentEntryForm2.useContentEntryForm)(props),
       loading = _useContentEntryForm.loading,
       initialData = _useContentEntryForm.data,
       _onChange = _useContentEntryForm.onChange,
       _onSubmit = _useContentEntryForm.onSubmit,
       invalidFields = _useContentEntryForm.invalidFields;
 
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
+  var _React$useState = _react.default.useState(false),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
       isDirty = _React$useState2[0],
       setIsDirty = _React$useState2[1];
   /**
@@ -58,7 +81,7 @@ export var ContentEntryForm = function ContentEntryForm(_ref) {
    */
 
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     if (!isDirty) {
       return;
     }
@@ -66,27 +89,29 @@ export var ContentEntryForm = function ContentEntryForm(_ref) {
     setIsDirty(false);
   }, [initialData]);
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _appAdmin.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var ref = useRef(null);
-  useEffect(function () {
+  var ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(function () {
     if (typeof onForm !== "function" || !ref.current) {
       return;
     }
 
     onForm(ref.current);
   }, []);
-  var formRenderer = plugins.byType("cms-content-form-renderer").find(function (pl) {
+
+  var formRenderer = _plugins.plugins.byType("cms-content-form-renderer").find(function (pl) {
     return pl.modelId === contentModel.modelId;
   });
-  var renderCustomLayout = useCallback(function (formRenderProps) {
+
+  var renderCustomLayout = (0, _react.useCallback)(function (formRenderProps) {
     var fields = contentModel.fields.reduce(function (acc, field) {
       /**
        * TODO @ts-refactor
        * Figure out type for Bind.
        */
-      acc[field.fieldId] = /*#__PURE__*/React.createElement(RenderFieldElement, {
+      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_RenderFieldElement.default, {
         field: field,
         Bind: formRenderProps.Bind,
         contentModel: contentModel
@@ -95,10 +120,10 @@ export var ContentEntryForm = function ContentEntryForm(_ref) {
     }, {});
 
     if (!formRenderer) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, "Missing form renderer for modelId \"".concat(contentModel.modelId, "\"."));
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Missing form renderer for modelId \"".concat(contentModel.modelId, "\"."));
     }
 
-    return formRenderer.render(_objectSpread(_objectSpread({}, formRenderProps), {}, {
+    return formRenderer.render((0, _objectSpread2.default)((0, _objectSpread2.default)({}, formRenderProps), {}, {
       contentModel: contentModel,
       fields: fields,
 
@@ -109,7 +134,7 @@ export var ContentEntryForm = function ContentEntryForm(_ref) {
       Bind: formRenderProps.Bind
     }));
   }, [formRenderer]);
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/_react.default.createElement(_form.Form, {
     onChange: function onChange(data, form) {
       var different = isDifferent(data, initialData);
 
@@ -131,12 +156,12 @@ export var ContentEntryForm = function ContentEntryForm(_ref) {
       showSnackbar("You have fields that did not pass the validation. Please check the form.");
     }
   }, function (formProps) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Prompt, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactRouter.Prompt, {
       when: isDirty,
       message: "There are some unsaved changes! Are you sure you want to navigate away and discard all changes?"
-    }), /*#__PURE__*/React.createElement(FormWrapper, {
+    }), /*#__PURE__*/_react.default.createElement(FormWrapper, {
       "data-testid": "cms-content-form"
-    }, loading && /*#__PURE__*/React.createElement(CircularProgress, null), formRenderer ? renderCustomLayout(formProps) : /*#__PURE__*/React.createElement(Fields, Object.assign({
+    }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), formRenderer ? renderCustomLayout(formProps) : /*#__PURE__*/_react.default.createElement(_Fields.Fields, Object.assign({
       contentModel: contentModel,
       fields: contentModel.fields || [],
       layout: contentModel.layout || []
@@ -144,4 +169,6 @@ export var ContentEntryForm = function ContentEntryForm(_ref) {
       Bind: formProps.Bind
     }))));
   });
-};
+};
+
+exports.ContentEntryForm = ContentEntryForm;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntryForm.tsx"],"names":["React","useCallback","useEffect","useRef","RenderFieldElement","styled","Form","plugins","CircularProgress","useContentEntryForm","Fields","Prompt","useSnackbar","FormWrapper","height","overflow","omitTypename","key","value","undefined","stringify","JSON","isDifferent","compare","ContentEntryForm","onForm","props","contentModel","loading","initialData","data","onChange","onSubmit","invalidFields","useState","isDirty","setIsDirty","showSnackbar","ref","current","formRenderer","byType","find","pl","modelId","renderCustomLayout","formRenderProps","fields","reduce","acc","field","fieldId","Bind","render","form","different","formProps","layout"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport styled from \"@emotion/styled\";\nimport { Form } from \"@webiny/form\";\nimport { FormAPI, FormRenderPropParams } from \"@webiny/form/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { CmsContentFormRendererPlugin } from \"~/types\";\nimport { useContentEntryForm, UseContentEntryFormParams } from \"./useContentEntryForm\";\nimport { Fields } from \"./Fields\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface ContentEntryFormProps extends UseContentEntryFormParams {\n    onForm?: (form: FormAPI) => void;\n}\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\nexport const ContentEntryForm: React.FC<ContentEntryFormProps> = ({ onForm, ...props }) => {\n    const { contentModel } = props;\n    const {\n        loading,\n        data: initialData,\n        onChange,\n        onSubmit,\n        invalidFields\n    } = useContentEntryForm(props);\n\n    const [isDirty, setIsDirty] = React.useState<boolean>(false);\n    /**\n     * Reset isDirty when the loaded data changes.\n     */\n    useEffect(() => {\n        if (!isDirty) {\n            return;\n        }\n        setIsDirty(false);\n    }, [initialData]);\n\n    const { showSnackbar } = useSnackbar();\n\n    const ref = useRef<FormAPI | null>(null);\n\n    useEffect(() => {\n        if (typeof onForm !== \"function\" || !ref.current) {\n            return;\n        }\n        onForm(ref.current);\n    }, []);\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === contentModel.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = contentModel.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={contentModel}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${contentModel.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                contentModel,\n                fields,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any\n            });\n        },\n        [formRenderer]\n    );\n\n    return (\n        <Form\n            onChange={(data, form) => {\n                const different = isDifferent(data, initialData);\n                if (isDirty !== different) {\n                    setIsDirty(different);\n                }\n                return onChange(data, form);\n            }}\n            onSubmit={(data, form) => {\n                setIsDirty(false);\n                return onSubmit(data, form);\n            }}\n            data={initialData}\n            ref={ref}\n            invalidFields={invalidFields}\n            onInvalid={() => {\n                setIsDirty(true);\n                showSnackbar(\n                    \"You have fields that did not pass the validation. Please check the form.\"\n                );\n            }}\n        >\n            {formProps => {\n                return (\n                    <>\n                        <Prompt\n                            when={isDirty}\n                            message={\n                                \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\"\n                            }\n                        />\n                        <FormWrapper data-testid={\"cms-content-form\"}>\n                            {loading && <CircularProgress />}\n                            {formRenderer ? (\n                                renderCustomLayout(formProps)\n                            ) : (\n                                <Fields\n                                    contentModel={contentModel}\n                                    fields={contentModel.fields || []}\n                                    layout={contentModel.layout || []}\n                                    {...formProps}\n                                    Bind={formProps.Bind as any}\n                                />\n                            )}\n                        </FormWrapper>\n                    </>\n                );\n            }}\n        </Form>\n    );\n};\n"]}
+{"version":3,"names":["FormWrapper","styled","height","overflow","omitTypename","key","value","undefined","stringify","JSON","isDifferent","compare","ContentEntryForm","onForm","props","contentModel","useContentEntryForm","loading","initialData","data","onChange","onSubmit","invalidFields","React","useState","isDirty","setIsDirty","useEffect","useSnackbar","showSnackbar","ref","useRef","current","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","Bind","render","form","different","formProps","layout"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef } from \"react\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport styled from \"@emotion/styled\";\nimport { Form } from \"@webiny/form\";\nimport { FormAPI, FormRenderPropParams } from \"@webiny/form/types\";\nimport { plugins } from \"@webiny/plugins\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { CmsContentFormRendererPlugin } from \"~/types\";\nimport { useContentEntryForm, UseContentEntryFormParams } from \"./useContentEntryForm\";\nimport { Fields } from \"./Fields\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface ContentEntryFormProps extends UseContentEntryFormParams {\n    onForm?: (form: FormAPI) => void;\n}\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\nexport const ContentEntryForm: React.FC<ContentEntryFormProps> = ({ onForm, ...props }) => {\n    const { contentModel } = props;\n    const {\n        loading,\n        data: initialData,\n        onChange,\n        onSubmit,\n        invalidFields\n    } = useContentEntryForm(props);\n\n    const [isDirty, setIsDirty] = React.useState<boolean>(false);\n    /**\n     * Reset isDirty when the loaded data changes.\n     */\n    useEffect(() => {\n        if (!isDirty) {\n            return;\n        }\n        setIsDirty(false);\n    }, [initialData]);\n\n    const { showSnackbar } = useSnackbar();\n\n    const ref = useRef<FormAPI | null>(null);\n\n    useEffect(() => {\n        if (typeof onForm !== \"function\" || !ref.current) {\n            return;\n        }\n        onForm(ref.current);\n    }, []);\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === contentModel.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = contentModel.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={contentModel}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${contentModel.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                contentModel,\n                fields,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any\n            });\n        },\n        [formRenderer]\n    );\n\n    return (\n        <Form\n            onChange={(data, form) => {\n                const different = isDifferent(data, initialData);\n                if (isDirty !== different) {\n                    setIsDirty(different);\n                }\n                return onChange(data, form);\n            }}\n            onSubmit={(data, form) => {\n                setIsDirty(false);\n                return onSubmit(data, form);\n            }}\n            data={initialData}\n            ref={ref}\n            invalidFields={invalidFields}\n            onInvalid={() => {\n                setIsDirty(true);\n                showSnackbar(\n                    \"You have fields that did not pass the validation. Please check the form.\"\n                );\n            }}\n        >\n            {formProps => {\n                return (\n                    <>\n                        <Prompt\n                            when={isDirty}\n                            message={\n                                \"There are some unsaved changes! Are you sure you want to navigate away and discard all changes?\"\n                            }\n                        />\n                        <FormWrapper data-testid={\"cms-content-form\"}>\n                            {loading && <CircularProgress />}\n                            {formRenderer ? (\n                                renderCustomLayout(formProps)\n                            ) : (\n                                <Fields\n                                    contentModel={contentModel}\n                                    fields={contentModel.fields || []}\n                                    layout={contentModel.layout || []}\n                                    {...formProps}\n                                    Bind={formProps.Bind as any}\n                                />\n                            )}\n                        </FormWrapper>\n                    </>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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"}

package/admin/components/ContentEntryForm/ContentEntryFormPreview.js

@@ -1,29 +1,50 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React, { useCallback } from "react";
-import styled from "@emotion/styled";
-import { Form } from "@webiny/form";
-import { plugins } from "@webiny/plugins";
-import RenderFieldElement from "./RenderFieldElement";
-import { Fields } from "./Fields";
-var FormWrapper = /*#__PURE__*/styled("div", {
+"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.ContentEntryFormPreview = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _form = require("@webiny/form");
+
+var _plugins = require("@webiny/plugins");
+
+var _RenderFieldElement = _interopRequireDefault(require("./RenderFieldElement"));
+
+var _Fields = require("./Fields");
+
+var FormWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eh1hbib0",
   label: "FormWrapper"
 })({
   height: "calc(100vh - 260px)",
   overflow: "auto"
 });
-export var ContentEntryFormPreview = function ContentEntryFormPreview(props) {
+
+var ContentEntryFormPreview = function ContentEntryFormPreview(props) {
   var contentModel = props.contentModel;
-  var formRenderer = plugins.byType("cms-content-form-renderer").find(function (pl) {
+
+  var formRenderer = _plugins.plugins.byType("cms-content-form-renderer").find(function (pl) {
     return pl.modelId === contentModel.modelId;
   });
-  var renderCustomLayout = useCallback(function (formRenderProps) {
+
+  var renderCustomLayout = (0, _react.useCallback)(function (formRenderProps) {
     var fields = contentModel.fields.reduce(function (acc, field) {
       /**
        * TODO @ts-refactor
        * Figure out type for Bind.
        */
-      acc[field.fieldId] = /*#__PURE__*/React.createElement(RenderFieldElement, {
+      acc[field.fieldId] = /*#__PURE__*/_react.default.createElement(_RenderFieldElement.default, {
         field: field,
         Bind: formRenderProps.Bind,
         contentModel: contentModel
@@ -32,10 +53,10 @@ export var ContentEntryFormPreview = function ContentEntryFormPreview(props) {
     }, {});
 
     if (!formRenderer) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, "Missing form renderer for modelId \"".concat(contentModel.modelId, "\"."));
+      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Missing form renderer for modelId \"".concat(contentModel.modelId, "\"."));
     }
 
-    return formRenderer.render(_objectSpread(_objectSpread({}, formRenderProps), {}, {
+    return formRenderer.render((0, _objectSpread2.default)((0, _objectSpread2.default)({}, formRenderProps), {}, {
       /**
        * TODO @ts-refactor
        * Figure out type for Bind.
@@ -45,10 +66,10 @@ export var ContentEntryFormPreview = function ContentEntryFormPreview(props) {
       fields: fields
     }));
   }, [formRenderer, contentModel.fields]);
-  return /*#__PURE__*/React.createElement(Form, null, function (formProps) {
-    return /*#__PURE__*/React.createElement(FormWrapper, {
+  return /*#__PURE__*/_react.default.createElement(_form.Form, null, function (formProps) {
+    return /*#__PURE__*/_react.default.createElement(FormWrapper, {
       "data-testid": "cms-content-form"
-    }, formRenderer ? renderCustomLayout(formProps) : /*#__PURE__*/React.createElement(Fields, Object.assign({
+    }, formRenderer ? renderCustomLayout(formProps) : /*#__PURE__*/_react.default.createElement(_Fields.Fields, Object.assign({
       contentModel: contentModel,
       fields: contentModel.fields,
       layout: contentModel.layout || []
@@ -56,4 +77,6 @@ export var ContentEntryFormPreview = function ContentEntryFormPreview(props) {
       Bind: formProps.Bind
     })));
   });
-};
+};
+
+exports.ContentEntryFormPreview = ContentEntryFormPreview;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntryFormPreview.tsx"],"names":["React","useCallback","styled","Form","plugins","RenderFieldElement","Fields","FormWrapper","height","overflow","ContentEntryFormPreview","props","contentModel","formRenderer","byType","find","pl","modelId","renderCustomLayout","formRenderProps","fields","reduce","acc","field","fieldId","Bind","render","formProps","layout"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,SAASC,OAAT,QAAwB,iBAAxB;AACA,OAAOC,kBAAP;AAEA,SAASC,MAAT;AAEA,IAAMC,WAAW,gBAAGL,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAC9BM,EAAAA,MAAM,EAAE,qBADsB;AAE9BC,EAAAA,QAAQ,EAAE;AAFoB,CAAjB,CAAjB;AASA,OAAO,IAAMC,uBAAwC,GAAG,SAA3CA,uBAA2C,CAAAC,KAAK,EAAI;AAC7D,MAAQC,YAAR,GAAyBD,KAAzB,CAAQC,YAAR;AAEA,MAAMC,YAAY,GAAGT,OAAO,CACvBU,MADgB,CACqB,2BADrB,EAEhBC,IAFgB,CAEX,UAAAC,EAAE;AAAA,WAAIA,EAAE,CAACC,OAAH,KAAeL,YAAY,CAACK,OAAhC;AAAA,GAFS,CAArB;AAIA,MAAMC,kBAAkB,GAAGjB,WAAW,CAClC,UAACkB,eAAD,EAA2C;AACvC,QAAMC,MAAM,GAAGR,YAAY,CAACQ,MAAb,CAAoBC,MAApB,CAA2B,UAACC,GAAD,EAAMC,KAAN,EAAgB;AACtD;AAChB;AACA;AACA;AACgBD,MAAAA,GAAG,CAACC,KAAK,CAACC,OAAP,CAAH,gBACI,oBAAC,kBAAD;AACI,QAAA,KAAK,EAAED,KADX;AAEI,QAAA,IAAI,EAAEJ,eAAe,CAACM,IAF1B;AAGI,QAAA,YAAY,EAAEb;AAHlB,QADJ;AAQA,aAAOU,GAAP;AACH,KAdc,EAcZ,EAdY,CAAf;;AAeA,QAAI,CAACT,YAAL,EAAmB;AACf,0BAAO,wFAAyCD,YAAY,CAACK,OAAtD,SAAP;AACH;;AACD,WAAOJ,YAAY,CAACa,MAAb,iCACAP,eADA;AAEH;AAChB;AACA;AACA;AACgBM,MAAAA,IAAI,EAAEN,eAAe,CAACM,IANnB;AAOHb,MAAAA,YAAY,EAAZA,YAPG;AAQHQ,MAAAA,MAAM,EAANA;AARG,OAAP;AAUH,GA9BiC,EA+BlC,CAACP,YAAD,EAAeD,YAAY,CAACQ,MAA5B,CA/BkC,CAAtC;AAkCA,sBACI,oBAAC,IAAD,QACK,UAAAO,SAAS;AAAA,wBACN,oBAAC,WAAD;AAAa,qBAAa;AAA1B,OACKd,YAAY,GACTK,kBAAkB,CAACS,SAAD,CADT,gBAGT,oBAAC,MAAD;AACI,MAAA,YAAY,EAAEf,YADlB;AAEI,MAAA,MAAM,EAAEA,YAAY,CAACQ,MAFzB;AAGI,MAAA,MAAM,EAAER,YAAY,CAACgB,MAAb,IAAuB;AAHnC,OAIQD,SAJR;AAKI,MAAA,IAAI,EAAEA,SAAS,CAACF;AALpB,OAJR,CADM;AAAA,GADd,CADJ;AAmBH,CA5DM","sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport { CmsContentFormRendererPlugin, CmsEditorContentModel } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface Props {\n    contentModel: CmsEditorContentModel;\n}\n\nexport const ContentEntryFormPreview: React.FC<Props> = props => {\n    const { contentModel } = props;\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === contentModel.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = contentModel.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={contentModel}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${contentModel.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any,\n                contentModel,\n                fields\n            });\n        },\n        [formRenderer, contentModel.fields]\n    );\n\n    return (\n        <Form>\n            {formProps => (\n                <FormWrapper data-testid={\"cms-content-form\"}>\n                    {formRenderer ? (\n                        renderCustomLayout(formProps)\n                    ) : (\n                        <Fields\n                            contentModel={contentModel}\n                            fields={contentModel.fields}\n                            layout={contentModel.layout || []}\n                            {...formProps}\n                            Bind={formProps.Bind as any}\n                        />\n                    )}\n                </FormWrapper>\n            )}\n        </Form>\n    );\n};\n"]}
+{"version":3,"names":["FormWrapper","styled","height","overflow","ContentEntryFormPreview","props","contentModel","formRenderer","plugins","byType","find","pl","modelId","renderCustomLayout","useCallback","formRenderProps","fields","reduce","acc","field","fieldId","Bind","render","formProps","layout"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Form, FormRenderPropParams } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport { CmsContentFormRendererPlugin, CmsEditorContentModel } from \"~/types\";\nimport { Fields } from \"~/admin/components/ContentEntryForm/Fields\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\ninterface Props {\n    contentModel: CmsEditorContentModel;\n}\n\nexport const ContentEntryFormPreview: React.FC<Props> = props => {\n    const { contentModel } = props;\n\n    const formRenderer = plugins\n        .byType<CmsContentFormRendererPlugin>(\"cms-content-form-renderer\")\n        .find(pl => pl.modelId === contentModel.modelId);\n\n    const renderCustomLayout = useCallback(\n        (formRenderProps: FormRenderPropParams) => {\n            const fields = contentModel.fields.reduce((acc, field) => {\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                acc[field.fieldId] = (\n                    <RenderFieldElement\n                        field={field}\n                        Bind={formRenderProps.Bind as any}\n                        contentModel={contentModel}\n                    />\n                );\n\n                return acc;\n            }, {} as Record<string, React.ReactElement>);\n            if (!formRenderer) {\n                return <>{`Missing form renderer for modelId \"${contentModel.modelId}\".`}</>;\n            }\n            return formRenderer.render({\n                ...formRenderProps,\n                /**\n                 * TODO @ts-refactor\n                 * Figure out type for Bind.\n                 */\n                Bind: formRenderProps.Bind as any,\n                contentModel,\n                fields\n            });\n        },\n        [formRenderer, contentModel.fields]\n    );\n\n    return (\n        <Form>\n            {formProps => (\n                <FormWrapper data-testid={\"cms-content-form\"}>\n                    {formRenderer ? (\n                        renderCustomLayout(formProps)\n                    ) : (\n                        <Fields\n                            contentModel={contentModel}\n                            fields={contentModel.fields}\n                            layout={contentModel.layout || []}\n                            {...formProps}\n                            Bind={formProps.Bind as any}\n                        />\n                    )}\n                </FormWrapper>\n            )}\n        </Form>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AAEA,IAAMA,WAAW,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC9BC,MAAM,EAAE,qBADsB;EAE9BC,QAAQ,EAAE;AAFoB,CAAjB,CAAjB;;AASO,IAAMC,uBAAwC,GAAG,SAA3CA,uBAA2C,CAAAC,KAAK,EAAI;EAC7D,IAAQC,YAAR,GAAyBD,KAAzB,CAAQC,YAAR;;EAEA,IAAMC,YAAY,GAAGC,gBAAA,CAChBC,MADgB,CACqB,2BADrB,EAEhBC,IAFgB,CAEX,UAAAC,EAAE;IAAA,OAAIA,EAAE,CAACC,OAAH,KAAeN,YAAY,CAACM,OAAhC;EAAA,CAFS,CAArB;;EAIA,IAAMC,kBAAkB,GAAG,IAAAC,kBAAA,EACvB,UAACC,eAAD,EAA2C;IACvC,IAAMC,MAAM,GAAGV,YAAY,CAACU,MAAb,CAAoBC,MAApB,CAA2B,UAACC,GAAD,EAAMC,KAAN,EAAgB;MACtD;AAChB;AACA;AACA;MACgBD,GAAG,CAACC,KAAK,CAACC,OAAP,CAAH,gBACI,6BAAC,2BAAD;QACI,KAAK,EAAED,KADX;QAEI,IAAI,EAAEJ,eAAe,CAACM,IAF1B;QAGI,YAAY,EAAEf;MAHlB,EADJ;MAQA,OAAOY,GAAP;IACH,CAdc,EAcZ,EAdY,CAAf;;IAeA,IAAI,CAACX,YAAL,EAAmB;MACf,oBAAO,0GAAyCD,YAAY,CAACM,OAAtD,SAAP;IACH;;IACD,OAAOL,YAAY,CAACe,MAAb,6DACAP,eADA;MAEH;AAChB;AACA;AACA;MACgBM,IAAI,EAAEN,eAAe,CAACM,IANnB;MAOHf,YAAY,EAAZA,YAPG;MAQHU,MAAM,EAANA;IARG,GAAP;EAUH,CA9BsB,EA+BvB,CAACT,YAAD,EAAeD,YAAY,CAACU,MAA5B,CA/BuB,CAA3B;EAkCA,oBACI,6BAAC,UAAD,QACK,UAAAO,SAAS;IAAA,oBACN,6BAAC,WAAD;MAAa,eAAa;IAA1B,GACKhB,YAAY,GACTM,kBAAkB,CAACU,SAAD,CADT,gBAGT,6BAAC,cAAD;MACI,YAAY,EAAEjB,YADlB;MAEI,MAAM,EAAEA,YAAY,CAACU,MAFzB;MAGI,MAAM,EAAEV,YAAY,CAACkB,MAAb,IAAuB;IAHnC,GAIQD,SAJR;MAKI,IAAI,EAAEA,SAAS,CAACF;IALpB,GAJR,CADM;EAAA,CADd,CADJ;AAmBH,CA5DM"}

package/admin/components/ContentEntryForm/Fields.js

@@ -1,6 +1,17 @@
-import React from "react";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import RenderFieldElement from "./RenderFieldElement";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Fields = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _RenderFieldElement = _interopRequireDefault(require("./RenderFieldElement"));
 
 var getFieldById = function getFieldById(fields, id) {
   return fields.find(function (field) {
@@ -8,26 +19,28 @@ var getFieldById = function getFieldById(fields, id) {
   }) || null;
 };
 
-export var Fields = function Fields(_ref) {
+var Fields = function Fields(_ref) {
   var Bind = _ref.Bind,
       fields = _ref.fields,
       layout = _ref.layout,
       contentModel = _ref.contentModel,
       gridClassName = _ref.gridClassName;
-  return /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
     className: gridClassName
   }, layout.map(function (row, rowIndex) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
       key: rowIndex
     }, row.map(function (fieldId) {
-      return /*#__PURE__*/React.createElement(Cell, {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: Math.floor(12 / row.length),
         key: fieldId
-      }, /*#__PURE__*/React.createElement(RenderFieldElement, {
+      }, /*#__PURE__*/_react.default.createElement(_RenderFieldElement.default, {
         field: getFieldById(fields, fieldId),
         Bind: Bind,
         contentModel: contentModel
       }));
     }));
   }));
-};
+};
+
+exports.Fields = Fields;

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

@@ -1 +1 @@
-{"version":3,"sources":["Fields.tsx"],"names":["React","Cell","Grid","RenderFieldElement","getFieldById","fields","id","find","field","Fields","Bind","layout","contentModel","gridClassName","map","row","rowIndex","fieldId","Math","floor","length"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,OAAOC,kBAAP;;AAgBA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,MAAD,EAA2BC,EAA3B,EAAiE;AAClF,SAAOD,MAAM,CAACE,IAAP,CAAY,UAAAC,KAAK;AAAA,WAAIA,KAAK,CAACF,EAAN,KAAaA,EAAjB;AAAA,GAAjB,KAAyC,IAAhD;AACH,CAFD;;AAIA,OAAO,IAAMG,MAA6B,GAAG,SAAhCA,MAAgC,OAMvC;AAAA,MALFC,IAKE,QALFA,IAKE;AAAA,MAJFL,MAIE,QAJFA,MAIE;AAAA,MAHFM,MAGE,QAHFA,MAGE;AAAA,MAFFC,YAEE,QAFFA,YAEE;AAAA,MADFC,aACE,QADFA,aACE;AACF,sBACI,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEA;AAAjB,KACKF,MAAM,CAACG,GAAP,CAAW,UAACC,GAAD,EAAMC,QAAN;AAAA,wBACR,oBAAC,KAAD,CAAO,QAAP;AAAgB,MAAA,GAAG,EAAEA;AAArB,OACKD,GAAG,CAACD,GAAJ,CAAQ,UAAAG,OAAO;AAAA,0BACZ,oBAAC,IAAD;AAAM,QAAA,IAAI,EAAEC,IAAI,CAACC,KAAL,CAAW,KAAKJ,GAAG,CAACK,MAApB,CAAZ;AAAyC,QAAA,GAAG,EAAEH;AAA9C,sBACI,oBAAC,kBAAD;AACI,QAAA,KAAK,EAAEb,YAAY,CAACC,MAAD,EAASY,OAAT,CADvB;AAEI,QAAA,IAAI,EAAEP,IAFV;AAGI,QAAA,YAAY,EAAEE;AAHlB,QADJ,CADY;AAAA,KAAf,CADL,CADQ;AAAA,GAAX,CADL,CADJ;AAiBH,CAxBM","sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport {\n    CmsEditorContentModel,\n    CmsEditorField,\n    CmsEditorFieldsLayout,\n    BindComponent\n} from \"~/types\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsEditorField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsEditorField[], id: string): CmsEditorField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nexport const Fields: React.FC<FieldsProps> = ({\n    Bind,\n    fields,\n    layout,\n    contentModel,\n    gridClassName\n}) => {\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(fieldId => (\n                        <Cell span={Math.floor(12 / row.length)} key={fieldId}>\n                            <RenderFieldElement\n                                field={getFieldById(fields, fieldId) as CmsEditorField}\n                                Bind={Bind}\n                                contentModel={contentModel}\n                            />\n                        </Cell>\n                    ))}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"]}
+{"version":3,"names":["getFieldById","fields","id","find","field","Fields","Bind","layout","contentModel","gridClassName","map","row","rowIndex","fieldId","Math","floor","length"],"sources":["Fields.tsx"],"sourcesContent":["import React from \"react\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport RenderFieldElement from \"./RenderFieldElement\";\nimport {\n    CmsEditorContentModel,\n    CmsEditorField,\n    CmsEditorFieldsLayout,\n    BindComponent\n} from \"~/types\";\n\ninterface FieldsProps {\n    Bind: BindComponent;\n    contentModel: CmsEditorContentModel;\n    fields: CmsEditorField[];\n    layout: CmsEditorFieldsLayout;\n    gridClassName?: string;\n}\n\nconst getFieldById = (fields: CmsEditorField[], id: string): CmsEditorField | null => {\n    return fields.find(field => field.id === id) || null;\n};\n\nexport const Fields: React.FC<FieldsProps> = ({\n    Bind,\n    fields,\n    layout,\n    contentModel,\n    gridClassName\n}) => {\n    return (\n        <Grid className={gridClassName}>\n            {layout.map((row, rowIndex) => (\n                <React.Fragment key={rowIndex}>\n                    {row.map(fieldId => (\n                        <Cell span={Math.floor(12 / row.length)} key={fieldId}>\n                            <RenderFieldElement\n                                field={getFieldById(fields, fieldId) as CmsEditorField}\n                                Bind={Bind}\n                                contentModel={contentModel}\n                            />\n                        </Cell>\n                    ))}\n                </React.Fragment>\n            ))}\n        </Grid>\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAgBA,IAAMA,YAAY,GAAG,SAAfA,YAAe,CAACC,MAAD,EAA2BC,EAA3B,EAAiE;EAClF,OAAOD,MAAM,CAACE,IAAP,CAAY,UAAAC,KAAK;IAAA,OAAIA,KAAK,CAACF,EAAN,KAAaA,EAAjB;EAAA,CAAjB,KAAyC,IAAhD;AACH,CAFD;;AAIO,IAAMG,MAA6B,GAAG,SAAhCA,MAAgC,OAMvC;EAAA,IALFC,IAKE,QALFA,IAKE;EAAA,IAJFL,MAIE,QAJFA,MAIE;EAAA,IAHFM,MAGE,QAHFA,MAGE;EAAA,IAFFC,YAEE,QAFFA,YAEE;EAAA,IADFC,aACE,QADFA,aACE;EACF,oBACI,6BAAC,UAAD;IAAM,SAAS,EAAEA;EAAjB,GACKF,MAAM,CAACG,GAAP,CAAW,UAACC,GAAD,EAAMC,QAAN;IAAA,oBACR,6BAAC,cAAD,CAAO,QAAP;MAAgB,GAAG,EAAEA;IAArB,GACKD,GAAG,CAACD,GAAJ,CAAQ,UAAAG,OAAO;MAAA,oBACZ,6BAAC,UAAD;QAAM,IAAI,EAAEC,IAAI,CAACC,KAAL,CAAW,KAAKJ,GAAG,CAACK,MAApB,CAAZ;QAAyC,GAAG,EAAEH;MAA9C,gBACI,6BAAC,2BAAD;QACI,KAAK,EAAEb,YAAY,CAACC,MAAD,EAASY,OAAT,CADvB;QAEI,IAAI,EAAEP,IAFV;QAGI,YAAY,EAAEE;MAHlB,EADJ,CADY;IAAA,CAAf,CADL,CADQ;EAAA,CAAX,CADL,CADJ;AAiBH,CAxBM"}

package/admin/components/ContentEntryForm/Label.js

@@ -1,20 +1,34 @@
-import React from "react";
-import { css } from "emotion";
-import classNames from "classnames";
-import { Typography } from "@webiny/ui/Typography";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _Typography = require("@webiny/ui/Typography");
+
 var style = {
-  label: /*#__PURE__*/css({
+  label: /*#__PURE__*/(0, _emotion.css)({
     marginBottom: "5px !important"
   }, "label:label;")
 };
 
 var Label = function Label(_ref) {
   var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", style.label)
-  }, /*#__PURE__*/React.createElement(Typography, {
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("mdc-text-field-helper-text mdc-text-field-helper-text--persistent", style.label)
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "subtitle2"
   }, children));
 };
 
-export default Label;
+var _default = Label;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["Label.tsx"],"names":["React","css","classNames","Typography","style","label","marginBottom","Label","children"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AAEA,IAAMC,KAAK,GAAG;AACVC,EAAAA,KAAK,eAAEJ,GAAG,CAAC;AACPK,IAAAA,YAAY,EAAE;AADP,GAAD;AADA,CAAd;;AAMA,IAAMC,KAAe,GAAG,SAAlBA,KAAkB;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,sBACpB;AACI,IAAA,SAAS,EAAEN,UAAU,CACjB,mEADiB,EAEjBE,KAAK,CAACC,KAFW;AADzB,kBAMI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA+BG,QAA/B,CANJ,CADoB;AAAA,CAAxB;;AAWA,eAAeD,KAAf","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst style = {\n    label: css({\n        marginBottom: \"5px !important\"\n    })\n};\n\nconst Label: React.FC = ({ children }) => (\n    <div\n        className={classNames(\n            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n            style.label\n        )}\n    >\n        <Typography use={\"subtitle2\"}>{children}</Typography>\n    </div>\n);\n\nexport default Label;\n"]}
+{"version":3,"names":["style","label","css","marginBottom","Label","children","classNames"],"sources":["Label.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nconst style = {\n    label: css({\n        marginBottom: \"5px !important\"\n    })\n};\n\nconst Label: React.FC = ({ children }) => (\n    <div\n        className={classNames(\n            \"mdc-text-field-helper-text mdc-text-field-helper-text--persistent\",\n            style.label\n        )}\n    >\n        <Typography use={\"subtitle2\"}>{children}</Typography>\n    </div>\n);\n\nexport default Label;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,KAAK,GAAG;EACVC,KAAK,eAAE,IAAAC,YAAA,EAAI;IACPC,YAAY,EAAE;EADP,CAAJ;AADG,CAAd;;AAMA,IAAMC,KAAe,GAAG,SAAlBA,KAAkB;EAAA,IAAGC,QAAH,QAAGA,QAAH;EAAA,oBACpB;IACI,SAAS,EAAE,IAAAC,mBAAA,EACP,mEADO,EAEPN,KAAK,CAACC,KAFC;EADf,gBAMI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA+BI,QAA/B,CANJ,CADoB;AAAA,CAAxB;;eAWeD,K"}

package/admin/components/ContentEntryForm/RenderFieldElement.js

@@ -1,40 +1,56 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Label = _interopRequireDefault(require("./Label"));
+
+var _useBind = require("./useBind");
+
+var _useRenderPlugins = require("./useRenderPlugins");
 
 var _templateObject;
 
-import React from "react";
-import get from "lodash/get";
-import { i18n } from "@webiny/app/i18n";
-import Label from "./Label";
-import { useBind } from "./useBind";
-import { useRenderPlugins } from "./useRenderPlugins";
-var t = i18n.ns("app-headless-cms/admin/components/content-form");
+var t = _i18n.i18n.ns("app-headless-cms/admin/components/content-form");
 
 var RenderFieldElement = function RenderFieldElement(props) {
-  var renderPlugins = useRenderPlugins();
+  var renderPlugins = (0, _useRenderPlugins.useRenderPlugins)();
   var field = props.field,
       Bind = props.Bind,
       contentModel = props.contentModel;
-  var getBind = useBind({
+  var getBind = (0, _useBind.useBind)({
     Bind: Bind,
     field: field
   });
   var renderPlugin = renderPlugins.find(function (plugin) {
-    return plugin.renderer.rendererName === get(field, "renderer.name");
+    return plugin.renderer.rendererName === (0, _get.default)(field, "renderer.name");
   });
 
   if (!renderPlugin) {
-    return t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Cannot render \"{fieldName}\" field - field renderer missing."])))({
-      fieldName: /*#__PURE__*/React.createElement("strong", null, field.fieldId)
+    return t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Cannot render \"{fieldName}\" field - field renderer missing."])))({
+      fieldName: /*#__PURE__*/_react.default.createElement("strong", null, field.fieldId)
     });
   }
 
   return renderPlugin.renderer.render({
     field: field,
     getBind: getBind,
-    Label: Label,
+    Label: _Label.default,
     contentModel: contentModel
   });
 };
 
-export default RenderFieldElement;
+var _default = RenderFieldElement;
+exports.default = _default;