@webiny/app-headless-cms 5.43.2 → 6.0.0-alpha.0

package/admin/components/ContentEntries/TrashBin/components/TrashBin.styled.js.map

@@ -1 +1 @@
-{"version":3,"names":["_delete","require","_EMOTION_STRINGIFIED_CSS_ERROR__","Button","exports","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","IconContainer","Icon","Plus"],"sources":["TrashBin.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Plus } from \"@material-design-icons/svg/filled/delete.svg\";\n\nexport const Button = styled(\"button\")`\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    font-family: var(--mdc-typography-font-family);\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n    display: flex;\n    align-items: center;\n    font-size: 1em;\n    padding: 16px;\n    width: 100%;\n\n    &:disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n    }\n`;\n\nexport const IconContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    fill: var(--mdc-theme-text-secondary-on-background);\n`;\n\nexport const Icon = styled(Plus)`\n    padding: 0 4px;\n`;\n"],"mappings":";;;;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAAsF,SAAAC,iCAAA;AAE/E,IAAMC,MAAM,GAAAC,OAAA,CAAAD,MAAA,gBAAG,IAAAE,KAAA,CAAAC,OAAA,EAAO,QAAQ,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAkBrC;AAEM,IAAMc,aAAa,GAAAZ,OAAA,CAAAY,aAAA,oBAAAX,KAAA,CAAAC,OAAA,SAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAMzB;AAEM,IAAMe,IAAI,GAAAb,OAAA,CAAAa,IAAA,gBAAG,IAAAZ,KAAA,CAAAC,OAAA,EAAOY,sBAAI,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAb;AAAA,EAE/B","ignoreList":[]}
+{"version":3,"names":["ReactComponent","Plus","Button","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","IconContainer","Icon"],"sources":["TrashBin.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Plus } from \"@webiny/icons/delete.svg\";\n\nexport const Button = styled(\"button\")`\n    background: none;\n    border: none;\n    cursor: pointer;\n    outline: none;\n    font-family: var(--mdc-typography-font-family);\n    color: var(--webiny-theme-color-text-secondary);\n    fill: currentColor;\n    display: flex;\n    align-items: center;\n    font-size: 1em;\n    padding: 16px;\n    width: 100%;\n\n    &:disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n    }\n`;\n\nexport const IconContainer = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    fill: var(--mdc-theme-text-secondary-on-background);\n`;\n\nexport const Icon = styled(Plus)`\n    padding: 0 4px;\n`;\n"],"mappings":";;AACA,SAASA,cAAc,IAAIC,IAAI,QAAQ,0BAA0B;AAEjE,OAAO,MAAMC,MAAM,gBAAGC,OAAA,CAAO,QAAQ,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAkBrC;AAED,OAAO,MAAMC,aAAa,gBAAAX,OAAA,QAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAMzB;AAED,OAAO,MAAME,IAAI,gBAAGZ,OAAA,CAAOF,IAAI,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAC;AAAA,EAE/B","ignoreList":[]}

package/admin/components/ContentEntries/TrashBin/components/TrashBinButton.js

@@ -1,19 +1,17 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TrashBinButton = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Typography = require("@webiny/ui/Typography");
-var _TrashBin = require("./TrashBin.styled");
-var TrashBinButton = exports.TrashBinButton = function TrashBinButton(props) {
-  return /*#__PURE__*/_react.default.createElement(_TrashBin.Button, {
-    onClick: props.onClick
-  }, /*#__PURE__*/_react.default.createElement(_TrashBin.IconContainer, null, /*#__PURE__*/_react.default.createElement(_TrashBin.Icon, null)), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "subtitle2"
-  }, "Trash"));
+import React from "react";
+import { Sidebar } from "@webiny/admin-ui";
+import { ReactComponent as Delete } from "@webiny/icons/delete.svg";
+export const TrashBinButton = props => {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "wby-list-none"
+  }, /*#__PURE__*/React.createElement(Sidebar.Item, {
+    onClick: props.onClick,
+    text: "Trash",
+    icon: /*#__PURE__*/React.createElement(Sidebar.Item.Icon, {
+      element: /*#__PURE__*/React.createElement(Delete, null),
+      label: "Delete"
+    })
+  }));
 };
 
 //# sourceMappingURL=TrashBinButton.js.map

package/admin/components/ContentEntries/TrashBin/components/TrashBinButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Typography","_TrashBin","TrashBinButton","exports","props","default","createElement","Button","onClick","IconContainer","Icon","Typography","use"],"sources":["TrashBinButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Button, Icon, IconContainer } from \"./TrashBin.styled\";\n\nexport interface TrashBinButtonProps {\n    onClick: () => void;\n}\n\nexport const TrashBinButton = (props: TrashBinButtonProps) => {\n    return (\n        <Button onClick={props.onClick}>\n            <IconContainer>\n                <Icon />\n            </IconContainer>\n            <Typography use={\"subtitle2\"}>{\"Trash\"}</Typography>\n        </Button>\n    );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAMO,IAAMG,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,SAAjBA,cAAcA,CAAIE,KAA0B,EAAK;EAC1D,oBACIP,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,SAAA,CAAAM,MAAM;IAACC,OAAO,EAAEJ,KAAK,CAACI;EAAQ,gBAC3BX,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,SAAA,CAAAQ,aAAa,qBACVZ,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACL,SAAA,CAAAS,IAAI,MAAE,CACI,CAAC,eAChBb,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,WAAA,CAAAW,UAAU;IAACC,GAAG,EAAE;EAAY,GAAE,OAAoB,CAC/C,CAAC;AAEjB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","Sidebar","ReactComponent","Delete","TrashBinButton","props","createElement","className","Item","onClick","text","icon","Icon","element","label"],"sources":["TrashBinButton.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sidebar } from \"@webiny/admin-ui\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\n\nexport interface TrashBinButtonProps {\n    onClick: () => void;\n}\n\nexport const TrashBinButton = (props: TrashBinButtonProps) => {\n    return (\n        <div className={\"wby-list-none\"}>\n            <Sidebar.Item\n                onClick={props.onClick}\n                text={\"Trash\"}\n                icon={<Sidebar.Item.Icon element={<Delete />} label={\"Delete\"} />}\n            />\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,QAAQ,kBAAkB;AAC1C,SAASC,cAAc,IAAIC,MAAM,QAAQ,0BAA0B;AAMnE,OAAO,MAAMC,cAAc,GAAIC,KAA0B,IAAK;EAC1D,oBACIL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAE;EAAgB,gBAC5BP,KAAA,CAAAM,aAAA,CAACL,OAAO,CAACO,IAAI;IACTC,OAAO,EAAEJ,KAAK,CAACI,OAAQ;IACvBC,IAAI,EAAE,OAAQ;IACdC,IAAI,eAAEX,KAAA,CAAAM,aAAA,CAACL,OAAO,CAACO,IAAI,CAACI,IAAI;MAACC,OAAO,eAAEb,KAAA,CAAAM,aAAA,CAACH,MAAM,MAAE,CAAE;MAACW,KAAK,EAAE;IAAS,CAAE;EAAE,CACrE,CACA,CAAC;AAEd,CAAC","ignoreList":[]}

package/admin/components/ContentEntries/TrashBin/components/index.js

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

package/admin/components/ContentEntries/TrashBin/components/index.js.map

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

package/admin/components/ContentEntries/TrashBin/index.js

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

package/admin/components/ContentEntries/TrashBin/index.js.map

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

package/admin/components/ContentEntryForm/ContentEntryForm.js

@@ -1,70 +1,46 @@
-"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _ModelProvider = require("../ModelProvider");
-var _useFormRenderer = require("./useFormRenderer");
-var _ContentEntryFormProvider = require("./ContentEntryFormProvider");
-var _CustomLayout = require("./CustomLayout");
-var _DefaultLayout = require("./DefaultLayout");
-var _useGoToRevision2 = require("./useGoToRevision");
-var _excluded = ["entry", "persistEntry", "onChange", "onInvalidFields", "onAfterCreate", "setSaveEntry", "header"];
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var FormWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ejw5gwy0"
-} : {
-  target: "ejw5gwy0",
-  label: "FormWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1x0mv1y",
-  styles: "height:calc(100vh - 260px);overflow:auto"
-} : {
-  name: "1x0mv1y",
-  styles: "height:calc(100vh - 260px);overflow:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbnRyeUZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCb0IiLCJmaWxlIjoiQ29udGVudEVudHJ5Rm9ybS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRm9ybU9uU3VibWl0LCBGb3JtVmFsaWRhdGlvbiB9IGZyb20gXCJAd2ViaW55L2Zvcm1cIjtcbmltcG9ydCB7IG1ha2VEZWNvcmF0YWJsZSB9IGZyb20gXCJAd2ViaW55L2FwcC1hZG1pblwiO1xuaW1wb3J0IHsgQ21zQ29udGVudEVudHJ5IH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IE1vZGVsUHJvdmlkZXIsIHVzZU1vZGVsIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Nb2RlbFByb3ZpZGVyXCI7XG5pbXBvcnQgeyB1c2VGb3JtUmVuZGVyZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlRm9ybVJlbmRlcmVyXCI7XG5pbXBvcnQge1xuICAgIENvbnRlbnRFbnRyeUZvcm1Db250ZXh0LFxuICAgIENvbnRlbnRFbnRyeUZvcm1Qcm92aWRlcixcbiAgICBQZXJzaXN0RW50cnlcbn0gZnJvbSBcIi4vQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBDdXN0b21MYXlvdXQgfSBmcm9tIFwiLi9DdXN0b21MYXlvdXRcIjtcbmltcG9ydCB7IERlZmF1bHRMYXlvdXQgfSBmcm9tIFwiLi9EZWZhdWx0TGF5b3V0XCI7XG5pbXBvcnQgeyB1c2VHb1RvUmV2aXNpb24gfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlR29Ub1JldmlzaW9uXCI7XG5cbmNvbnN0IEZvcm1XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBoZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDI2MHB4KVwiLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29udGVudEVudHJ5Rm9ybVByb3BzXG4gICAgZXh0ZW5kcyBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJvbkNoYW5nZVwiPiB7XG4gICAgZW50cnk6IFBhcnRpYWw8Q21zQ29udGVudEVudHJ5PjtcbiAgICAvKipcbiAgICAgKiBUaGlzIGNhbGxiYWNrIGlzIGV4ZWN1dGVkIHdoZW4gYW4gZW50cnksIG9yIGEgcmV2aXNpb24sIGFyZSBjcmVhdGVkLlxuICAgICAqIEBwYXJhbSBlbnRyeVxuICAgICAqL1xuICAgIG9uQWZ0ZXJDcmVhdGU/OiAoZW50cnk6IENtc0NvbnRlbnRFbnRyeSkgPT4gdm9pZDtcbiAgICAvKipcbiAgICAgKiBUaGlzIGNhbGxiYWNrIGlzIGV4ZWN1dGVkIHdoZW4gdGhlIGZvcm0gaXMgdmFsaWQsIGFuZCBpdCBuZWVkcyB0byBwZXJzaXN0IHRoZSBjb250ZW50IGVudHJ5LlxuICAgICAqL1xuICAgIHBlcnNpc3RFbnRyeTogUGVyc2lzdEVudHJ5O1xuICAgIG9uQ2hhbmdlPzogRm9ybU9uU3VibWl0PFBhcnRpYWw8Q21zQ29udGVudEVudHJ5Pj47XG4gICAgb25JbnZhbGlkRmllbGRzPzogKGludmFsaWRGaWVsZHM6IEZvcm1WYWxpZGF0aW9uKSA9PiB2b2lkO1xuICAgIGhlYWRlcj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgICAvKipcbiAgICAgKiBUaGlzIHByb3AgaXMgdXNlZCB0byBnZXQgYSByZWZlcmVuY2UgdG8gYHNhdmVFbnRyeWAgY2FsbGJhY2ssIHNvIGl0IGNhbiBiZSB0cmlnZ2VyZWQgYnkgY29tcG9uZW50c1xuICAgICAqIG91dHNpZGUgdGhlIENvbnRlbnRFbnRyeUZvcm0gY29udGV4dC5cbiAgICAgKiBUT0RPOiBpbnRyb2R1Y2UgYSBgbGF5b3V0YCBwcm9wIHRvIGJlIGFibGUgdG8gbW91bnQgYXJiaXRyYXJ5IGNvbXBvbmVudHMgYXJvdW5kIHRoZSBlbnRyeSBmb3JtLCB3aXRoaW4gdGhlIGNvbnRleHQuXG4gICAgICovXG4gICAgc2V0U2F2ZUVudHJ5PzogKGNiOiBDb250ZW50RW50cnlGb3JtQ29udGV4dFtcInNhdmVFbnRyeVwiXSkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IENvbnRlbnRFbnRyeUZvcm0gPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJDb250ZW50RW50cnlGb3JtXCIsXG4gICAgKHtcbiAgICAgICAgZW50cnksXG4gICAgICAgIHBlcnNpc3RFbnRyeSxcbiAgICAgICAgb25DaGFuZ2UsXG4gICAgICAgIG9uSW52YWxpZEZpZWxkcyxcbiAgICAgICAgb25BZnRlckNyZWF0ZSxcbiAgICAgICAgc2V0U2F2ZUVudHJ5LFxuICAgICAgICBoZWFkZXIgPSB0cnVlLFxuICAgICAgICAuLi5wcm9wc1xuICAgIH06IENvbnRlbnRFbnRyeUZvcm1Qcm9wcykgPT4ge1xuICAgICAgICBjb25zdCBmb3JtRWxlbWVudFJlZiA9IHVzZVJlZjxIVE1MRGl2RWxlbWVudD4obnVsbCk7XG4gICAgICAgIGNvbnN0IHsgbW9kZWwgfSA9IHVzZU1vZGVsKCk7XG4gICAgICAgIGNvbnN0IHsgZ29Ub1JldmlzaW9uIH0gPSB1c2VHb1RvUmV2aXNpb24oKTtcbiAgICAgICAgY29uc3QgZm9ybVJlbmRlcmVyID0gdXNlRm9ybVJlbmRlcmVyKG1vZGVsKTtcblxuICAgICAgICBjb25zdCBkZWZhdWx0T25BZnRlckNyZWF0ZSA9IChlbnRyeTogQ21zQ29udGVudEVudHJ5KSA9PiB7XG4gICAgICAgICAgICBnb1RvUmV2aXNpb24oZW50cnkuaWQpO1xuICAgICAgICB9O1xuXG4gICAgICAgIC8vIFdoZW4gZW50cnkgY2hhbmdlcywgc2Nyb2xsIHRvIHRoZSB0b3Agb2YgdGhlIGZvcm0uXG4gICAgICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgICAgICBpZiAoIWZvcm1FbGVtZW50UmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICAgICAgICByZXR1cm47XG4gICAgICAgICAgICB9XG5cbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGZvcm1FbGVtZW50UmVmLmN1cnJlbnQ/LnNjcm9sbFRvKDAsIDApO1xuICAgICAgICAgICAgfSwgMjApO1xuICAgICAgICB9LCBbZW50cnkuaWQsIGZvcm1FbGVtZW50UmVmLmN1cnJlbnRdKTtcblxuICAgICAgICBpZiAobW9kZWwuaXNCZWluZ0RlbGV0ZWQpIHtcbiAgICAgICAgICAgIHJldHVybiA8Pk1vZGVsIGlzIGJlaW5nIGRlbGV0ZWQuPC8+O1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250ZW50RW50cnlGb3JtUHJvdmlkZXJcbiAgICAgICAgICAgICAgICBtb2RlbD17bW9kZWx9XG4gICAgICAgICAgICAgICAgZW50cnk9e2VudHJ5fVxuICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgICAgICAgICBvbkludmFsaWRGaWVsZHM9e29uSW52YWxpZEZpZWxkc31cbiAgICAgICAgICAgICAgICBvbkFmdGVyQ3JlYXRlPXtvbkFmdGVyQ3JlYXRlIHx8IGRlZmF1bHRPbkFmdGVyQ3JlYXRlfVxuICAgICAgICAgICAgICAgIHNldFNhdmVFbnRyeT17c2V0U2F2ZUVudHJ5fVxuICAgICAgICAgICAgICAgIGNvbmZpcm1OYXZpZ2F0aW9uSWZEaXJ0eT17dHJ1ZX1cbiAgICAgICAgICAgICAgICBwZXJzaXN0RW50cnk9e3BlcnNpc3RFbnRyeX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8TW9kZWxQcm92aWRlciBtb2RlbD17bW9kZWx9PlxuICAgICAgICAgICAgICAgICAgICB7aGVhZGVyID8gaGVhZGVyIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgPEZvcm1XcmFwcGVyIHsuLi5wcm9wc30gZGF0YS10ZXN0aWQ9e1wiY21zLWNvbnRlbnQtZm9ybVwifSByZWY9e2Zvcm1FbGVtZW50UmVmfT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtmb3JtUmVuZGVyZXIgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEN1c3RvbUxheW91dCBtb2RlbD17bW9kZWx9IGZvcm1SZW5kZXJlcj17Zm9ybVJlbmRlcmVyfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RGVmYXVsdExheW91dCBtb2RlbD17bW9kZWx9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0Zvcm1XcmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvTW9kZWxQcm92aWRlcj5cbiAgICAgICAgICAgIDwvQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyPlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ContentEntryForm = exports.ContentEntryForm = (0, _appAdmin.makeDecoratable)("ContentEntryForm", function (_ref) {
-  var entry = _ref.entry,
-    persistEntry = _ref.persistEntry,
-    onChange = _ref.onChange,
-    onInvalidFields = _ref.onInvalidFields,
-    onAfterCreate = _ref.onAfterCreate,
-    setSaveEntry = _ref.setSaveEntry,
-    _ref$header = _ref.header,
-    header = _ref$header === void 0 ? true : _ref$header,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var formElementRef = (0, _react.useRef)(null);
-  var _useModel = (0, _ModelProvider.useModel)(),
-    model = _useModel.model;
-  var _useGoToRevision = (0, _useGoToRevision2.useGoToRevision)(),
-    goToRevision = _useGoToRevision.goToRevision;
-  var formRenderer = (0, _useFormRenderer.useFormRenderer)(model);
-  var defaultOnAfterCreate = function defaultOnAfterCreate(entry) {
+import React, { useEffect, useRef } from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { ModelProvider, useModel } from "../ModelProvider";
+import { useFormRenderer } from "./useFormRenderer";
+import { ContentEntryFormProvider } from "./ContentEntryFormProvider";
+import { CustomLayout } from "./CustomLayout";
+import { DefaultLayout } from "./DefaultLayout";
+import { useGoToRevision } from "./useGoToRevision";
+export const ContentEntryForm = makeDecoratable("ContentEntryForm", ({
+  entry,
+  persistEntry,
+  onChange,
+  onInvalidFields,
+  onAfterCreate,
+  setSaveEntry,
+  header = true,
+  ...props
+}) => {
+  const formElementRef = useRef(null);
+  const {
+    model
+  } = useModel();
+  const {
+    goToRevision
+  } = useGoToRevision();
+  const formRenderer = useFormRenderer(model);
+  const defaultOnAfterCreate = entry => {
     goToRevision(entry.id);
   };
 
   // When entry changes, scroll to the top of the form.
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     if (!formElementRef.current) {
       return;
     }
-    setTimeout(function () {
+    setTimeout(() => {
       formElementRef.current?.scrollTo(0, 0);
     }, 20);
   }, [entry.id, formElementRef.current]);
   if (model.isBeingDeleted) {
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "Model is being deleted.");
+    return /*#__PURE__*/React.createElement(React.Fragment, null, "Model is being deleted.");
   }
-  return /*#__PURE__*/_react.default.createElement(_ContentEntryFormProvider.ContentEntryFormProvider, {
+  return /*#__PURE__*/React.createElement(ContentEntryFormProvider, {
     model: model,
     entry: entry,
     onChange: onChange,
@@ -73,15 +49,17 @@ var ContentEntryForm = exports.ContentEntryForm = (0, _appAdmin.makeDecoratable)
     setSaveEntry: setSaveEntry,
     confirmNavigationIfDirty: true,
     persistEntry: persistEntry
-  }, /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
+  }, /*#__PURE__*/React.createElement(ModelProvider, {
     model: model
-  }, header ? header : null, /*#__PURE__*/_react.default.createElement(FormWrapper, Object.assign({}, props, {
+  }, header ? header : null, /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
+    id: "cms-content-form",
+    "data-element": "cms-content-form",
     "data-testid": "cms-content-form",
     ref: formElementRef
-  }), formRenderer ? /*#__PURE__*/_react.default.createElement(_CustomLayout.CustomLayout, {
+  }), formRenderer ? /*#__PURE__*/React.createElement(CustomLayout, {
     model: model,
     formRenderer: formRenderer
-  }) : /*#__PURE__*/_react.default.createElement(_DefaultLayout.DefaultLayout, {
+  }) : /*#__PURE__*/React.createElement(DefaultLayout, {
     model: model
   }))));
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_ModelProvider","_useFormRenderer","_ContentEntryFormProvider","_CustomLayout","_DefaultLayout","_useGoToRevision2","_excluded","_EMOTION_STRINGIFIED_CSS_ERROR__","FormWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentEntryForm","exports","makeDecoratable","_ref","entry","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","_ref$header","header","props","_objectWithoutProperties2","formElementRef","useRef","_useModel","useModel","model","_useGoToRevision","useGoToRevision","goToRevision","formRenderer","useFormRenderer","defaultOnAfterCreate","id","useEffect","current","setTimeout","scrollTo","isBeingDeleted","createElement","Fragment","ContentEntryFormProvider","confirmNavigationIfDirty","ModelProvider","Object","assign","ref","CustomLayout","DefaultLayout"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { CmsContentEntry } from \"~/types\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer\";\nimport {\n    ContentEntryFormContext,\n    ContentEntryFormProvider,\n    PersistEntry\n} from \"./ContentEntryFormProvider\";\nimport { CustomLayout } from \"./CustomLayout\";\nimport { DefaultLayout } from \"./DefaultLayout\";\nimport { useGoToRevision } from \"~/admin/components/ContentEntryForm/useGoToRevision\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\nexport interface ContentEntryFormProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n    entry: Partial<CmsContentEntry>;\n    /**\n     * This callback is executed when an entry, or a revision, are created.\n     * @param entry\n     */\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    /**\n     * This callback is executed when the form is valid, and it needs to persist the content entry.\n     */\n    persistEntry: PersistEntry;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    header?: React.ReactNode;\n    /**\n     * This prop is used to get a reference to `saveEntry` callback, so it can be triggered by components\n     * outside the ContentEntryForm context.\n     * TODO: introduce a `layout` prop to be able to mount arbitrary components around the entry form, within the context.\n     */\n    setSaveEntry?: (cb: ContentEntryFormContext[\"saveEntry\"]) => void;\n}\n\nexport const ContentEntryForm = makeDecoratable(\n    \"ContentEntryForm\",\n    ({\n        entry,\n        persistEntry,\n        onChange,\n        onInvalidFields,\n        onAfterCreate,\n        setSaveEntry,\n        header = true,\n        ...props\n    }: ContentEntryFormProps) => {\n        const formElementRef = useRef<HTMLDivElement>(null);\n        const { model } = useModel();\n        const { goToRevision } = useGoToRevision();\n        const formRenderer = useFormRenderer(model);\n\n        const defaultOnAfterCreate = (entry: CmsContentEntry) => {\n            goToRevision(entry.id);\n        };\n\n        // When entry changes, scroll to the top of the form.\n        useEffect(() => {\n            if (!formElementRef.current) {\n                return;\n            }\n\n            setTimeout(() => {\n                formElementRef.current?.scrollTo(0, 0);\n            }, 20);\n        }, [entry.id, formElementRef.current]);\n\n        if (model.isBeingDeleted) {\n            return <>Model is being deleted.</>;\n        }\n\n        return (\n            <ContentEntryFormProvider\n                model={model}\n                entry={entry}\n                onChange={onChange}\n                onInvalidFields={onInvalidFields}\n                onAfterCreate={onAfterCreate || defaultOnAfterCreate}\n                setSaveEntry={setSaveEntry}\n                confirmNavigationIfDirty={true}\n                persistEntry={persistEntry}\n            >\n                <ModelProvider model={model}>\n                    {header ? header : null}\n                    <FormWrapper {...props} data-testid={\"cms-content-form\"} ref={formElementRef}>\n                        {formRenderer ? (\n                            <CustomLayout model={model} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={model} />\n                        )}\n                    </FormWrapper>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useRef","makeDecoratable","ModelProvider","useModel","useFormRenderer","ContentEntryFormProvider","CustomLayout","DefaultLayout","useGoToRevision","ContentEntryForm","entry","persistEntry","onChange","onInvalidFields","onAfterCreate","setSaveEntry","header","props","formElementRef","model","goToRevision","formRenderer","defaultOnAfterCreate","id","current","setTimeout","scrollTo","isBeingDeleted","createElement","Fragment","confirmNavigationIfDirty","Object","assign","ref"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport { FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { CmsContentEntry } from \"~/types\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer\";\nimport {\n    ContentEntryFormContext,\n    ContentEntryFormProvider,\n    PersistEntry\n} from \"./ContentEntryFormProvider\";\nimport { CustomLayout } from \"./CustomLayout\";\nimport { DefaultLayout } from \"./DefaultLayout\";\nimport { useGoToRevision } from \"~/admin/components/ContentEntryForm/useGoToRevision\";\n\nexport interface ContentEntryFormProps\n    extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n    entry: Partial<CmsContentEntry>;\n    /**\n     * This callback is executed when an entry, or a revision, are created.\n     * @param entry\n     */\n    onAfterCreate?: (entry: CmsContentEntry) => void;\n    /**\n     * This callback is executed when the form is valid, and it needs to persist the content entry.\n     */\n    persistEntry: PersistEntry;\n    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;\n    onInvalidFields?: (invalidFields: FormValidation) => void;\n    header?: React.ReactNode;\n    /**\n     * This prop is used to get a reference to `saveEntry` callback, so it can be triggered by components\n     * outside the ContentEntryForm context.\n     * TODO: introduce a `layout` prop to be able to mount arbitrary components around the entry form, within the context.\n     */\n    setSaveEntry?: (cb: ContentEntryFormContext[\"saveEntry\"]) => void;\n}\n\nexport const ContentEntryForm = makeDecoratable(\n    \"ContentEntryForm\",\n    ({\n        entry,\n        persistEntry,\n        onChange,\n        onInvalidFields,\n        onAfterCreate,\n        setSaveEntry,\n        header = true,\n        ...props\n    }: ContentEntryFormProps) => {\n        const formElementRef = useRef<HTMLDivElement>(null);\n        const { model } = useModel();\n        const { goToRevision } = useGoToRevision();\n        const formRenderer = useFormRenderer(model);\n\n        const defaultOnAfterCreate = (entry: CmsContentEntry) => {\n            goToRevision(entry.id);\n        };\n\n        // When entry changes, scroll to the top of the form.\n        useEffect(() => {\n            if (!formElementRef.current) {\n                return;\n            }\n\n            setTimeout(() => {\n                formElementRef.current?.scrollTo(0, 0);\n            }, 20);\n        }, [entry.id, formElementRef.current]);\n\n        if (model.isBeingDeleted) {\n            return <>Model is being deleted.</>;\n        }\n\n        return (\n            <ContentEntryFormProvider\n                model={model}\n                entry={entry}\n                onChange={onChange}\n                onInvalidFields={onInvalidFields}\n                onAfterCreate={onAfterCreate || defaultOnAfterCreate}\n                setSaveEntry={setSaveEntry}\n                confirmNavigationIfDirty={true}\n                persistEntry={persistEntry}\n            >\n                <ModelProvider model={model}>\n                    {header ? header : null}\n                    <div\n                        {...props}\n                        id={\"cms-content-form\"}\n                        data-element={\"cms-content-form\"}\n                        data-testid={\"cms-content-form\"}\n                        ref={formElementRef}\n                    >\n                        {formRenderer ? (\n                            <CustomLayout model={model} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={model} />\n                        )}\n                    </div>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAEhD,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,aAAa,EAAEC,QAAQ;AAChC,SAASC,eAAe;AACxB,SAEIC,wBAAwB;AAG5B,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,eAAe;AAyBxB,OAAO,MAAMC,gBAAgB,GAAGR,eAAe,CAC3C,kBAAkB,EAClB,CAAC;EACGS,KAAK;EACLC,YAAY;EACZC,QAAQ;EACRC,eAAe;EACfC,aAAa;EACbC,YAAY;EACZC,MAAM,GAAG,IAAI;EACb,GAAGC;AACgB,CAAC,KAAK;EACzB,MAAMC,cAAc,GAAGlB,MAAM,CAAiB,IAAI,CAAC;EACnD,MAAM;IAAEmB;EAAM,CAAC,GAAGhB,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEiB;EAAa,CAAC,GAAGZ,eAAe,CAAC,CAAC;EAC1C,MAAMa,YAAY,GAAGjB,eAAe,CAACe,KAAK,CAAC;EAE3C,MAAMG,oBAAoB,GAAIZ,KAAsB,IAAK;IACrDU,YAAY,CAACV,KAAK,CAACa,EAAE,CAAC;EAC1B,CAAC;;EAED;EACAxB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACmB,cAAc,CAACM,OAAO,EAAE;MACzB;IACJ;IAEAC,UAAU,CAAC,MAAM;MACbP,cAAc,CAACM,OAAO,EAAEE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,CAAChB,KAAK,CAACa,EAAE,EAAEL,cAAc,CAACM,OAAO,CAAC,CAAC;EAEtC,IAAIL,KAAK,CAACQ,cAAc,EAAE;IACtB,oBAAO7B,KAAA,CAAA8B,aAAA,CAAA9B,KAAA,CAAA+B,QAAA,QAAE,yBAAyB,CAAC;EACvC;EAEA,oBACI/B,KAAA,CAAA8B,aAAA,CAACvB,wBAAwB;IACrBc,KAAK,EAAEA,KAAM;IACbT,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEA,QAAS;IACnBC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA,aAAa,IAAIQ,oBAAqB;IACrDP,YAAY,EAAEA,YAAa;IAC3Be,wBAAwB,EAAE,IAAK;IAC/BnB,YAAY,EAAEA;EAAa,gBAE3Bb,KAAA,CAAA8B,aAAA,CAAC1B,aAAa;IAACiB,KAAK,EAAEA;EAAM,GACvBH,MAAM,GAAGA,MAAM,GAAG,IAAI,eACvBlB,KAAA,CAAA8B,aAAA,QAAAG,MAAA,CAAAC,MAAA,KACQf,KAAK;IACTM,EAAE,EAAE,kBAAmB;IACvB,gBAAc,kBAAmB;IACjC,eAAa,kBAAmB;IAChCU,GAAG,EAAEf;EAAe,IAEnBG,YAAY,gBACTvB,KAAA,CAAA8B,aAAA,CAACtB,YAAY;IAACa,KAAK,EAAEA,KAAM;IAACE,YAAY,EAAEA;EAAa,CAAE,CAAC,gBAE1DvB,KAAA,CAAA8B,aAAA,CAACrB,aAAa;IAACY,KAAK,EAAEA;EAAM,CAAE,CAEjC,CACM,CACO,CAAC;AAEnC,CACJ,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/ContentEntryFormPreview.js

@@ -1,53 +1,31 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentEntryFormPreview = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _ModelProvider = require("../ModelProvider");
-var _useFormRenderer = require("./useFormRenderer");
-var _CustomLayout = require("./CustomLayout");
-var _DefaultLayout = require("./DefaultLayout");
-var _ContentEntryFormProvider = require("./ContentEntryFormProvider");
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var FormWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "eh1hbib0"
-} : {
-  target: "eh1hbib0",
-  label: "FormWrapper"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1x0mv1y",
-  styles: "height:calc(100vh - 260px);overflow:auto"
-} : {
-  name: "1x0mv1y",
-  styles: "height:calc(100vh - 260px);overflow:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbnRyeUZvcm1QcmV2aWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IiLCJmaWxlIjoiQ29udGVudEVudHJ5Rm9ybVByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IENtc0NvbnRlbnRFbnRyeSwgQ21zRWRpdG9yQ29udGVudE1vZGVsIH0gZnJvbSBcIn4vdHlwZXNcIjtcbmltcG9ydCB7IE1vZGVsUHJvdmlkZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL01vZGVsUHJvdmlkZXJcIjtcbmltcG9ydCB7IHVzZUZvcm1SZW5kZXJlciB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvQ29udGVudEVudHJ5Rm9ybS91c2VGb3JtUmVuZGVyZXJcIjtcbmltcG9ydCB7IEN1c3RvbUxheW91dCB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvQ29udGVudEVudHJ5Rm9ybS9DdXN0b21MYXlvdXRcIjtcbmltcG9ydCB7IERlZmF1bHRMYXlvdXQgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vRGVmYXVsdExheW91dFwiO1xuaW1wb3J0IHsgQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyIH0gZnJvbSBcIi4vQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyXCI7XG5cbmNvbnN0IEZvcm1XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBoZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDI2MHB4KVwiLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29udGVudEVudHJ5Rm9ybVByZXZpZXdQcm9wcyB7XG4gICAgY29udGVudE1vZGVsOiBDbXNFZGl0b3JDb250ZW50TW9kZWw7XG59XG5cbmV4cG9ydCBjb25zdCBDb250ZW50RW50cnlGb3JtUHJldmlldyA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkNvbnRlbnRFbnRyeUZvcm1QcmV2aWV3XCIsXG4gICAgKHByb3BzOiBDb250ZW50RW50cnlGb3JtUHJldmlld1Byb3BzKSA9PiB7XG4gICAgICAgIGNvbnN0IHsgY29udGVudE1vZGVsIH0gPSBwcm9wcztcblxuICAgICAgICBjb25zdCBmb3JtUmVuZGVyZXIgPSB1c2VGb3JtUmVuZGVyZXIoY29udGVudE1vZGVsKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPENvbnRlbnRFbnRyeUZvcm1Qcm92aWRlclxuICAgICAgICAgICAgICAgIGVudHJ5PXt7fX1cbiAgICAgICAgICAgICAgICBtb2RlbD17Y29udGVudE1vZGVsfVxuICAgICAgICAgICAgICAgIHBlcnNpc3RFbnRyeT17ZW50cnkgPT4gUHJvbWlzZS5yZXNvbHZlKHsgZW50cnkgfSBhcyB7IGVudHJ5OiBDbXNDb250ZW50RW50cnkgfSl9XG4gICAgICAgICAgICAgICAgY29uZmlybU5hdmlnYXRpb25JZkRpcnR5PXtmYWxzZX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8TW9kZWxQcm92aWRlciBtb2RlbD17Y29udGVudE1vZGVsfT5cbiAgICAgICAgICAgICAgICAgICAgPEZvcm1XcmFwcGVyIGRhdGEtdGVzdGlkPXtcImNtcy1jb250ZW50LWZvcm1cIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICB7Zm9ybVJlbmRlcmVyID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDdXN0b21MYXlvdXQgbW9kZWw9e2NvbnRlbnRNb2RlbH0gZm9ybVJlbmRlcmVyPXtmb3JtUmVuZGVyZXJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZWZhdWx0TGF5b3V0IG1vZGVsPXtjb250ZW50TW9kZWx9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8L0Zvcm1XcmFwcGVyPlxuICAgICAgICAgICAgICAgIDwvTW9kZWxQcm92aWRlcj5cbiAgICAgICAgICAgIDwvQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyPlxuICAgICAgICApO1xuICAgIH1cbik7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ContentEntryFormPreview = exports.ContentEntryFormPreview = (0, _appAdmin.makeDecoratable)("ContentEntryFormPreview", function (props) {
-  var contentModel = props.contentModel;
-  var formRenderer = (0, _useFormRenderer.useFormRenderer)(contentModel);
-  return /*#__PURE__*/_react.default.createElement(_ContentEntryFormProvider.ContentEntryFormProvider, {
+import React from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { ModelProvider } from "../ModelProvider";
+import { useFormRenderer } from "./useFormRenderer";
+import { CustomLayout } from "./CustomLayout";
+import { DefaultLayout } from "./DefaultLayout";
+import { ContentEntryFormProvider } from "./ContentEntryFormProvider";
+export const ContentEntryFormPreview = makeDecoratable("ContentEntryFormPreview", props => {
+  const {
+    contentModel
+  } = props;
+  const formRenderer = useFormRenderer(contentModel);
+  return /*#__PURE__*/React.createElement(ContentEntryFormProvider, {
     entry: {},
     model: contentModel,
-    persistEntry: function persistEntry(entry) {
-      return Promise.resolve({
-        entry: entry
-      });
-    },
+    persistEntry: entry => Promise.resolve({
+      entry
+    }),
     confirmNavigationIfDirty: false
-  }, /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
+  }, /*#__PURE__*/React.createElement(ModelProvider, {
     model: contentModel
-  }, /*#__PURE__*/_react.default.createElement(FormWrapper, {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-calc(100vh-260px) wby-overflow-auto",
     "data-testid": "cms-content-form"
-  }, formRenderer ? /*#__PURE__*/_react.default.createElement(_CustomLayout.CustomLayout, {
+  }, formRenderer ? /*#__PURE__*/React.createElement(CustomLayout, {
     model: contentModel,
     formRenderer: formRenderer
-  }) : /*#__PURE__*/_react.default.createElement(_DefaultLayout.DefaultLayout, {
+  }) : /*#__PURE__*/React.createElement(DefaultLayout, {
     model: contentModel
   }))));
 });

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_appAdmin","_ModelProvider","_useFormRenderer","_CustomLayout","_DefaultLayout","_ContentEntryFormProvider","_EMOTION_STRINGIFIED_CSS_ERROR__","FormWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentEntryFormPreview","exports","makeDecoratable","props","contentModel","formRenderer","useFormRenderer","createElement","ContentEntryFormProvider","entry","model","persistEntry","Promise","resolve","confirmNavigationIfDirty","ModelProvider","CustomLayout","DefaultLayout"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { CmsContentEntry, CmsEditorContentModel } from \"~/types\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer\";\nimport { CustomLayout } from \"~/admin/components/ContentEntryForm/CustomLayout\";\nimport { DefaultLayout } from \"~/admin/components/ContentEntryForm/DefaultLayout\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider\";\n\nconst FormWrapper = styled(\"div\")({\n    height: \"calc(100vh - 260px)\",\n    overflow: \"auto\"\n});\n\nexport interface ContentEntryFormPreviewProps {\n    contentModel: CmsEditorContentModel;\n}\n\nexport const ContentEntryFormPreview = makeDecoratable(\n    \"ContentEntryFormPreview\",\n    (props: ContentEntryFormPreviewProps) => {\n        const { contentModel } = props;\n\n        const formRenderer = useFormRenderer(contentModel);\n\n        return (\n            <ContentEntryFormProvider\n                entry={{}}\n                model={contentModel}\n                persistEntry={entry => Promise.resolve({ entry } as { entry: CmsContentEntry })}\n                confirmNavigationIfDirty={false}\n            >\n                <ModelProvider model={contentModel}>\n                    <FormWrapper data-testid={\"cms-content-form\"}>\n                        {formRenderer ? (\n                            <CustomLayout model={contentModel} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={contentModel} />\n                        )}\n                    </FormWrapper>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,SAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,gBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AAAsE,SAAAO,iCAAA;AAEtE,IAAMC,WAAW,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGhC,CAAC;AAMK,IAAMa,uBAAuB,GAAAC,OAAA,CAAAD,uBAAA,GAAG,IAAAE,yBAAe,EAClD,yBAAyB,EACzB,UAACC,KAAmC,EAAK;EACrC,IAAQC,YAAY,GAAKD,KAAK,CAAtBC,YAAY;EAEpB,IAAMC,YAAY,GAAG,IAAAC,gCAAe,EAACF,YAAY,CAAC;EAElD,oBACI1B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACrB,yBAAA,CAAAsB,wBAAwB;IACrBC,KAAK,EAAE,CAAC,CAAE;IACVC,KAAK,EAAEN,YAAa;IACpBO,YAAY,EAAE,SAAdA,YAAYA,CAAEF,KAAK;MAAA,OAAIG,OAAO,CAACC,OAAO,CAAC;QAAEJ,KAAK,EAALA;MAAM,CAA+B,CAAC;IAAA,CAAC;IAChFK,wBAAwB,EAAE;EAAM,gBAEhCpC,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACzB,cAAA,CAAAiC,aAAa;IAACL,KAAK,EAAEN;EAAa,gBAC/B1B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACnB,WAAW;IAAC,eAAa;EAAmB,GACxCiB,YAAY,gBACT3B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACvB,aAAA,CAAAgC,YAAY;IAACN,KAAK,EAAEN,YAAa;IAACC,YAAY,EAAEA;EAAa,CAAE,CAAC,gBAEjE3B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACtB,cAAA,CAAAgC,aAAa;IAACP,KAAK,EAAEN;EAAa,CAAE,CAEhC,CACF,CACO,CAAC;AAEnC,CACJ,CAAC","ignoreList":[]}
+{"version":3,"names":["React","makeDecoratable","ModelProvider","useFormRenderer","CustomLayout","DefaultLayout","ContentEntryFormProvider","ContentEntryFormPreview","props","contentModel","formRenderer","createElement","entry","model","persistEntry","Promise","resolve","confirmNavigationIfDirty","className"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { CmsContentEntry, CmsEditorContentModel } from \"~/types\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer\";\nimport { CustomLayout } from \"~/admin/components/ContentEntryForm/CustomLayout\";\nimport { DefaultLayout } from \"~/admin/components/ContentEntryForm/DefaultLayout\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider\";\n\nexport interface ContentEntryFormPreviewProps {\n    contentModel: CmsEditorContentModel;\n}\n\nexport const ContentEntryFormPreview = makeDecoratable(\n    \"ContentEntryFormPreview\",\n    (props: ContentEntryFormPreviewProps) => {\n        const { contentModel } = props;\n\n        const formRenderer = useFormRenderer(contentModel);\n\n        return (\n            <ContentEntryFormProvider\n                entry={{}}\n                model={contentModel}\n                persistEntry={entry => Promise.resolve({ entry } as { entry: CmsContentEntry })}\n                confirmNavigationIfDirty={false}\n            >\n                <ModelProvider model={contentModel}>\n                    <div\n                        className={\"wby-h-calc(100vh-260px) wby-overflow-auto\"}\n                        data-testid={\"cms-content-form\"}\n                    >\n                        {formRenderer ? (\n                            <CustomLayout model={contentModel} formRenderer={formRenderer} />\n                        ) : (\n                            <DefaultLayout model={contentModel} />\n                        )}\n                    </div>\n                </ModelProvider>\n            </ContentEntryFormProvider>\n        );\n    }\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe,QAAQ,mBAAmB;AAEnD,SAASC,aAAa;AACtB,SAASC,eAAe;AACxB,SAASC,YAAY;AACrB,SAASC,aAAa;AACtB,SAASC,wBAAwB;AAMjC,OAAO,MAAMC,uBAAuB,GAAGN,eAAe,CAClD,yBAAyB,EACxBO,KAAmC,IAAK;EACrC,MAAM;IAAEC;EAAa,CAAC,GAAGD,KAAK;EAE9B,MAAME,YAAY,GAAGP,eAAe,CAACM,YAAY,CAAC;EAElD,oBACIT,KAAA,CAAAW,aAAA,CAACL,wBAAwB;IACrBM,KAAK,EAAE,CAAC,CAAE;IACVC,KAAK,EAAEJ,YAAa;IACpBK,YAAY,EAAEF,KAAK,IAAIG,OAAO,CAACC,OAAO,CAAC;MAAEJ;IAAM,CAA+B,CAAE;IAChFK,wBAAwB,EAAE;EAAM,gBAEhCjB,KAAA,CAAAW,aAAA,CAACT,aAAa;IAACW,KAAK,EAAEJ;EAAa,gBAC/BT,KAAA,CAAAW,aAAA;IACIO,SAAS,EAAE,2CAA4C;IACvD,eAAa;EAAmB,GAE/BR,YAAY,gBACTV,KAAA,CAAAW,aAAA,CAACP,YAAY;IAACS,KAAK,EAAEJ,YAAa;IAACC,YAAY,EAAEA;EAAa,CAAE,CAAC,gBAEjEV,KAAA,CAAAW,aAAA,CAACN,aAAa;IAACQ,KAAK,EAAEJ;EAAa,CAAE,CAExC,CACM,CACO,CAAC;AAEnC,CACJ,CAAC","ignoreList":[]}

package/admin/components/ContentEntryForm/ContentEntryFormProvider.js

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