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

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

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconContainer = exports.Icon = exports.Button = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _delete = require("@material-design-icons/svg/filled/delete.svg");
+import _styled from "@emotion/styled/base";
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var Button = exports.Button = /*#__PURE__*/(0, _base.default)("button", process.env.NODE_ENV === "production" ? {
+import { ReactComponent as Plus } from "@webiny/icons/delete.svg";
+export const Button = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
   target: "e1r474bh2"
 } : {
   target: "e1r474bh2",
@@ -18,11 +11,10 @@ var Button = exports.Button = /*#__PURE__*/(0, _base.default)("button", process.
   styles: "background:none;border:none;cursor:pointer;outline:none;font-family:var(--mdc-typography-font-family);color:var(--webiny-theme-color-text-secondary);fill:currentColor;display:flex;align-items:center;font-size:1em;padding:16px;width:100%;&:disabled{cursor:not-allowed;opacity:0.5;}"
 } : {
   name: "17hadn6",
-  styles: "background:none;border:none;cursor:pointer;outline:none;font-family:var(--mdc-typography-font-family);color:var(--webiny-theme-color-text-secondary);fill:currentColor;display:flex;align-items:center;font-size:1em;padding:16px;width:100%;&:disabled{cursor:not-allowed;opacity:0.5;}",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NDIiwiZmlsZSI6IlRyYXNoQmluLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFBsdXMgfSBmcm9tIFwiQG1hdGVyaWFsLWRlc2lnbi1pY29ucy9zdmcvZmlsbGVkL2RlbGV0ZS5zdmdcIjtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IHN0eWxlZChcImJ1dHRvblwiKWBcbiAgICBiYWNrZ3JvdW5kOiBub25lO1xuICAgIGJvcmRlcjogbm9uZTtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgb3V0bGluZTogbm9uZTtcbiAgICBmb250LWZhbWlseTogdmFyKC0tbWRjLXR5cG9ncmFwaHktZm9udC1mYW1pbHkpO1xuICAgIGNvbG9yOiB2YXIoLS13ZWJpbnktdGhlbWUtY29sb3ItdGV4dC1zZWNvbmRhcnkpO1xuICAgIGZpbGw6IGN1cnJlbnRDb2xvcjtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgZm9udC1zaXplOiAxZW07XG4gICAgcGFkZGluZzogMTZweDtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICY6ZGlzYWJsZWQge1xuICAgICAgICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICAgICAgICBvcGFjaXR5OiAwLjU7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IEljb25Db250YWluZXIgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgZmlsbDogdmFyKC0tbWRjLXRoZW1lLXRleHQtc2Vjb25kYXJ5LW9uLWJhY2tncm91bmQpO1xuYDtcblxuZXhwb3J0IGNvbnN0IEljb24gPSBzdHlsZWQoUGx1cylgXG4gICAgcGFkZGluZzogMCA0cHg7XG5gO1xuIl19 */",
+  styles: "background:none;border:none;cursor:pointer;outline:none;font-family:var(--mdc-typography-font-family);color:var(--webiny-theme-color-text-secondary);fill:currentColor;display:flex;align-items:center;font-size:1em;padding:16px;width:100%;&:disabled{cursor:not-allowed;opacity:0.5;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NDIiwiZmlsZSI6IlRyYXNoQmluLnN0eWxlZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIFBsdXMgfSBmcm9tIFwiQHdlYmlueS9pY29ucy9kZWxldGUuc3ZnXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KTtcbiAgICBjb2xvcjogdmFyKC0td2ViaW55LXRoZW1lLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZpbGw6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uID0gc3R5bGVkKFBsdXMpYFxuICAgIHBhZGRpbmc6IDAgNHB4O1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var IconContainer = exports.IconContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+export const IconContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1r474bh1"
 } : {
   target: "e1r474bh1",
@@ -32,11 +24,10 @@ var IconContainer = exports.IconContainer = /*#__PURE__*/(0, _base.default)("div
   styles: "display:flex;align-items:center;justify-content:center;cursor:pointer;fill:var(--mdc-theme-text-secondary-on-background)"
 } : {
   name: "1ye007y",
-  styles: "display:flex;align-items:center;justify-content:center;cursor:pointer;fill:var(--mdc-theme-text-secondary-on-background)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ1QyIsImZpbGUiOiJUcmFzaEJpbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQbHVzIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL2ZpbGxlZC9kZWxldGUuc3ZnXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KTtcbiAgICBjb2xvcjogdmFyKC0td2ViaW55LXRoZW1lLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZpbGw6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uID0gc3R5bGVkKFBsdXMpYFxuICAgIHBhZGRpbmc6IDAgNHB4O1xuYDtcbiJdfQ== */",
+  styles: "display:flex;align-items:center;justify-content:center;cursor:pointer;fill:var(--mdc-theme-text-secondary-on-background)/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJ1QyIsImZpbGUiOiJUcmFzaEJpbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQbHVzIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvZGVsZXRlLnN2Z1wiO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpYFxuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1tZGMtdHlwb2dyYXBoeS1mb250LWZhbWlseSk7XG4gICAgY29sb3I6IHZhcigtLXdlYmlueS10aGVtZS1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgZmlsbDogY3VycmVudENvbG9yO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmb250LXNpemU6IDFlbTtcbiAgICBwYWRkaW5nOiAxNnB4O1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBmaWxsOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbiA9IHN0eWxlZChQbHVzKWBcbiAgICBwYWRkaW5nOiAwIDRweDtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var Icon = exports.Icon = /*#__PURE__*/(0, _base.default)(_delete.ReactComponent, process.env.NODE_ENV === "production" ? {
+export const Icon = /*#__PURE__*/_styled(Plus, process.env.NODE_ENV === "production" ? {
   target: "e1r474bh0"
 } : {
   target: "e1r474bh0",
@@ -46,8 +37,7 @@ var Icon = exports.Icon = /*#__PURE__*/(0, _base.default)(_delete.ReactComponent
   styles: "padding:0 4px"
 } : {
   name: "dzd8y1",
-  styles: "padding:0 4px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQyIsImZpbGUiOiJUcmFzaEJpbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQbHVzIH0gZnJvbSBcIkBtYXRlcmlhbC1kZXNpZ24taWNvbnMvc3ZnL2ZpbGxlZC9kZWxldGUuc3ZnXCI7XG5cbmV4cG9ydCBjb25zdCBCdXR0b24gPSBzdHlsZWQoXCJidXR0b25cIilgXG4gICAgYmFja2dyb3VuZDogbm9uZTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgZm9udC1mYW1pbHk6IHZhcigtLW1kYy10eXBvZ3JhcGh5LWZvbnQtZmFtaWx5KTtcbiAgICBjb2xvcjogdmFyKC0td2ViaW55LXRoZW1lLWNvbG9yLXRleHQtc2Vjb25kYXJ5KTtcbiAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGZvbnQtc2l6ZTogMWVtO1xuICAgIHBhZGRpbmc6IDE2cHg7XG4gICAgd2lkdGg6IDEwMCU7XG5cbiAgICAmOmRpc2FibGVkIHtcbiAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgb3BhY2l0eTogMC41O1xuICAgIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIGZpbGw6IHZhcigtLW1kYy10aGVtZS10ZXh0LXNlY29uZGFyeS1vbi1iYWNrZ3JvdW5kKTtcbmA7XG5cbmV4cG9ydCBjb25zdCBJY29uID0gc3R5bGVkKFBsdXMpYFxuICAgIHBhZGRpbmc6IDAgNHB4O1xuYDtcbiJdfQ== */",
+  styles: "padding:0 4px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRyYXNoQmluLnN0eWxlZC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQyIsImZpbGUiOiJUcmFzaEJpbi5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBQbHVzIH0gZnJvbSBcIkB3ZWJpbnkvaWNvbnMvZGVsZXRlLnN2Z1wiO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIpYFxuICAgIGJhY2tncm91bmQ6IG5vbmU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGZvbnQtZmFtaWx5OiB2YXIoLS1tZGMtdHlwb2dyYXBoeS1mb250LWZhbWlseSk7XG4gICAgY29sb3I6IHZhcigtLXdlYmlueS10aGVtZS1jb2xvci10ZXh0LXNlY29uZGFyeSk7XG4gICAgZmlsbDogY3VycmVudENvbG9yO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBmb250LXNpemU6IDFlbTtcbiAgICBwYWRkaW5nOiAxNnB4O1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgJjpkaXNhYmxlZCB7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZC5kaXZgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBmaWxsOiB2YXIoLS1tZGMtdGhlbWUtdGV4dC1zZWNvbmRhcnktb24tYmFja2dyb3VuZCk7XG5gO1xuXG5leHBvcnQgY29uc3QgSWNvbiA9IHN0eWxlZChQbHVzKWBcbiAgICBwYWRkaW5nOiAwIDRweDtcbmA7XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 

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","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,QAAA,EAAAC;AAAA,EAkBrC;AAED,OAAO,MAAMC,aAAa,gBAAAV,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,QAAA,EAAAC;AAAA,EAMzB;AAED,OAAO,MAAME,IAAI,gBAAGX,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,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: "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={\"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;EAAY,gBACxBP,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.d.ts

@@ -1 +1 @@
-export * from "./TrashBin";
+export * from "./TrashBin.js";

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.js";
 
 //# 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.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/admin/components/ContentEntries/TrashBin/index.d.ts

@@ -1 +1 @@
-export * from "./components";
+export * from "./components/index.js";

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/index.js";
 
 //# 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/index.js\";\n"],"mappings":"AAAA","ignoreList":[]}

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

@@ -1,38 +1,44 @@
 import React from "react";
-import { CmsContentEntry } from "../../../types";
-import { ContentEntryFormContext } from "./ContentEntryFormProvider";
-export interface ContentEntryFormProps {
+import type { FormOnSubmit, FormValidation } from "@webiny/form";
+import type { CmsContentEntry } from "../../../types.js";
+import type { ContentEntryFormContext, PersistEntry } from "./ContentEntryFormProvider.js";
+export interface ContentEntryFormProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     entry: Partial<CmsContentEntry>;
     /**
      * This callback is executed when an entry, or a revision, are created.
      * @param entry
      */
     onAfterCreate?: (entry: CmsContentEntry) => void;
-    header?: boolean;
+    /**
+     * This callback is executed when the form is valid, and it needs to persist the content entry.
+     */
+    persistEntry: PersistEntry;
+    onChange?: FormOnSubmit<Partial<CmsContentEntry>>;
+    onInvalidFields?: (invalidFields: FormValidation) => void;
+    header?: React.ReactNode;
     /**
      * This prop is used to get a reference to `saveEntry` callback, so it can be triggered by components
      * outside the ContentEntryForm context.
      * TODO: introduce a `layout` prop to be able to mount arbitrary components around the entry form, within the context.
      */
     setSaveEntry?: (cb: ContentEntryFormContext["saveEntry"]) => void;
-    /**
-     * This flag exists for a lack of better Apollo cache control, at the moment.
-     * We use this flag when we need to tell the system to add new entries to apollo cache.
-     * Why would you want to NOT add entries to cache? When using a `ref` field, which usually points to
-     * a different model than the main entry you're working on. Example: Book -> Author, you don't want
-     * an Author created via a `ref` field dialog to be added to the list of Books.
-     * TODO: revisit this, and look for a better solution.
-     */
-    addEntryToListCache?: boolean;
 }
-export declare const ContentEntryForm: import("@webiny/app-admin").GenericComponent<ContentEntryFormProps> & {
-    original: import("@webiny/app-admin").GenericComponent<ContentEntryFormProps>;
+export declare const ContentEntryForm: (({ entry, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, header, ...props }: ContentEntryFormProps) => React.JSX.Element) & {
+    original: ({ entry, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, header, ...props }: ContentEntryFormProps) => React.JSX.Element;
+    originalName: string;
+    displayName: string;
+} & {
+    original: (({ entry, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, header, ...props }: ContentEntryFormProps) => React.JSX.Element) & {
+        original: ({ entry, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, header, ...props }: ContentEntryFormProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
     originalName: string;
-    /**
-     * This callback is executed when an entry, or a revision, are created.
-     * @param entry
-     */
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ContentEntryFormProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<(({ entry, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, header, ...props }: ContentEntryFormProps) => React.JSX.Element) & {
+        original: ({ entry, persistEntry, onChange, onInvalidFields, onAfterCreate, setSaveEntry, header, ...props }: ContentEntryFormProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };

package/admin/components/ContentEntryForm/ContentEntryForm.js

@@ -1,83 +1,65 @@
-"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.ContentEntryForm = void 0;
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _ModelProvider = require("../ModelProvider");
-var _Header = require("./Header");
-var _useDefaultValues = require("./useDefaultValues");
-var _useFormRenderer = require("./useFormRenderer");
-var _ContentEntryFormProvider = require("./ContentEntryFormProvider");
-var _CustomLayout = require("./CustomLayout");
-var _DefaultLayout = require("./DefaultLayout");
-var _useGoToRevision2 = require("./useGoToRevision");
-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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbnRyeUZvcm0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFvQiIsImZpbGUiOiJDb250ZW50RW50cnlGb3JtLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBDbXNDb250ZW50RW50cnkgfSBmcm9tIFwifi90eXBlc1wiO1xuaW1wb3J0IHsgbWFrZURlY29yYXRhYmxlIH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluXCI7XG5pbXBvcnQgeyBNb2RlbFByb3ZpZGVyLCB1c2VNb2RlbCB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvTW9kZWxQcm92aWRlclwiO1xuaW1wb3J0IHsgSGVhZGVyIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Db250ZW50RW50cnlGb3JtL0hlYWRlclwiO1xuaW1wb3J0IHsgdXNlRGVmYXVsdFZhbHVlcyB9IGZyb20gXCJ+L2FkbWluL2NvbXBvbmVudHMvQ29udGVudEVudHJ5Rm9ybS91c2VEZWZhdWx0VmFsdWVzXCI7XG5pbXBvcnQgeyB1c2VGb3JtUmVuZGVyZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlRm9ybVJlbmRlcmVyXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlGb3JtQ29udGV4dCwgQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyIH0gZnJvbSBcIi4vQ29udGVudEVudHJ5Rm9ybVByb3ZpZGVyXCI7XG5pbXBvcnQgeyBDdXN0b21MYXlvdXQgfSBmcm9tIFwiLi9DdXN0b21MYXlvdXRcIjtcbmltcG9ydCB7IERlZmF1bHRMYXlvdXQgfSBmcm9tIFwiLi9EZWZhdWx0TGF5b3V0XCI7XG5pbXBvcnQgeyB1c2VHb1RvUmV2aXNpb24gfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlR29Ub1JldmlzaW9uXCI7XG5cbmNvbnN0IEZvcm1XcmFwcGVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBoZWlnaHQ6IFwiY2FsYygxMDB2aCAtIDI2MHB4KVwiLFxuICAgIG92ZXJmbG93OiBcImF1dG9cIlxufSk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ29udGVudEVudHJ5Rm9ybVByb3BzIHtcbiAgICBlbnRyeTogUGFydGlhbDxDbXNDb250ZW50RW50cnk+O1xuICAgIC8qKlxuICAgICAqIFRoaXMgY2FsbGJhY2sgaXMgZXhlY3V0ZWQgd2hlbiBhbiBlbnRyeSwgb3IgYSByZXZpc2lvbiwgYXJlIGNyZWF0ZWQuXG4gICAgICogQHBhcmFtIGVudHJ5XG4gICAgICovXG4gICAgb25BZnRlckNyZWF0ZT86IChlbnRyeTogQ21zQ29udGVudEVudHJ5KSA9PiB2b2lkO1xuICAgIGhlYWRlcj86IGJvb2xlYW47XG4gICAgLyoqXG4gICAgICogVGhpcyBwcm9wIGlzIHVzZWQgdG8gZ2V0IGEgcmVmZXJlbmNlIHRvIGBzYXZlRW50cnlgIGNhbGxiYWNrLCBzbyBpdCBjYW4gYmUgdHJpZ2dlcmVkIGJ5IGNvbXBvbmVudHNcbiAgICAgKiBvdXRzaWRlIHRoZSBDb250ZW50RW50cnlGb3JtIGNvbnRleHQuXG4gICAgICogVE9ETzogaW50cm9kdWNlIGEgYGxheW91dGAgcHJvcCB0byBiZSBhYmxlIHRvIG1vdW50IGFyYml0cmFyeSBjb21wb25lbnRzIGFyb3VuZCB0aGUgZW50cnkgZm9ybSwgd2l0aGluIHRoZSBjb250ZXh0LlxuICAgICAqL1xuICAgIHNldFNhdmVFbnRyeT86IChjYjogQ29udGVudEVudHJ5Rm9ybUNvbnRleHRbXCJzYXZlRW50cnlcIl0pID0+IHZvaWQ7XG4gICAgLyoqXG4gICAgICogVGhpcyBmbGFnIGV4aXN0cyBmb3IgYSBsYWNrIG9mIGJldHRlciBBcG9sbG8gY2FjaGUgY29udHJvbCwgYXQgdGhlIG1vbWVudC5cbiAgICAgKiBXZSB1c2UgdGhpcyBmbGFnIHdoZW4gd2UgbmVlZCB0byB0ZWxsIHRoZSBzeXN0ZW0gdG8gYWRkIG5ldyBlbnRyaWVzIHRvIGFwb2xsbyBjYWNoZS5cbiAgICAgKiBXaHkgd291bGQgeW91IHdhbnQgdG8gTk9UIGFkZCBlbnRyaWVzIHRvIGNhY2hlPyBXaGVuIHVzaW5nIGEgYHJlZmAgZmllbGQsIHdoaWNoIHVzdWFsbHkgcG9pbnRzIHRvXG4gICAgICogYSBkaWZmZXJlbnQgbW9kZWwgdGhhbiB0aGUgbWFpbiBlbnRyeSB5b3UncmUgd29ya2luZyBvbi4gRXhhbXBsZTogQm9vayAtPiBBdXRob3IsIHlvdSBkb24ndCB3YW50XG4gICAgICogYW4gQXV0aG9yIGNyZWF0ZWQgdmlhIGEgYHJlZmAgZmllbGQgZGlhbG9nIHRvIGJlIGFkZGVkIHRvIHRoZSBsaXN0IG9mIEJvb2tzLlxuICAgICAqIFRPRE86IHJldmlzaXQgdGhpcywgYW5kIGxvb2sgZm9yIGEgYmV0dGVyIHNvbHV0aW9uLlxuICAgICAqL1xuICAgIGFkZEVudHJ5VG9MaXN0Q2FjaGU/OiBib29sZWFuO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGVudEVudHJ5Rm9ybSA9IG1ha2VEZWNvcmF0YWJsZShcbiAgICBcIkNvbnRlbnRFbnRyeUZvcm1cIixcbiAgICAoe1xuICAgICAgICBlbnRyeSxcbiAgICAgICAgb25BZnRlckNyZWF0ZSxcbiAgICAgICAgYWRkRW50cnlUb0xpc3RDYWNoZSxcbiAgICAgICAgc2V0U2F2ZUVudHJ5LFxuICAgICAgICBoZWFkZXIgPSB0cnVlXG4gICAgfTogQ29udGVudEVudHJ5Rm9ybVByb3BzKSA9PiB7XG4gICAgICAgIGNvbnN0IGZvcm1FbGVtZW50UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcbiAgICAgICAgY29uc3QgeyBtb2RlbCB9ID0gdXNlTW9kZWwoKTtcbiAgICAgICAgY29uc3QgeyBnb1RvUmV2aXNpb24gfSA9IHVzZUdvVG9SZXZpc2lvbigpO1xuICAgICAgICBjb25zdCBkZWZhdWx0VmFsdWVzID0gdXNlRGVmYXVsdFZhbHVlcyhtb2RlbCk7XG4gICAgICAgIGNvbnN0IGZvcm1SZW5kZXJlciA9IHVzZUZvcm1SZW5kZXJlcihtb2RlbCk7XG5cbiAgICAgICAgY29uc3QgZGVmYXVsdE9uQWZ0ZXJDcmVhdGUgPSAoZW50cnk6IENtc0NvbnRlbnRFbnRyeSkgPT4ge1xuICAgICAgICAgICAgZ29Ub1JldmlzaW9uKGVudHJ5LmlkKTtcbiAgICAgICAgfTtcblxuICAgICAgICAvLyBEZXRlcm1pbmUgaW5pdGlhbCBlbnRyeS5cbiAgICAgICAgY29uc3QgaW5pdGlhbERhdGEgPSBlbnRyeSAmJiBlbnRyeS5pZCA/IGVudHJ5IDogZGVmYXVsdFZhbHVlcztcblxuICAgICAgICAvLyBXaGVuIGVudHJ5IGNoYW5nZXMsIHNjcm9sbCB0byB0aGUgdG9wIG9mIHRoZSBmb3JtLlxuICAgICAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCFmb3JtRWxlbWVudFJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICBmb3JtRWxlbWVudFJlZi5jdXJyZW50Py5zY3JvbGxUbygwLCAwKTtcbiAgICAgICAgICAgIH0sIDIwKTtcbiAgICAgICAgfSwgW2luaXRpYWxEYXRhLmlkLCBmb3JtRWxlbWVudFJlZi5jdXJyZW50XSk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250ZW50RW50cnlGb3JtUHJvdmlkZXJcbiAgICAgICAgICAgICAgICBtb2RlbD17bW9kZWx9XG4gICAgICAgICAgICAgICAgZW50cnk9e2luaXRpYWxEYXRhfVxuICAgICAgICAgICAgICAgIG9uQWZ0ZXJDcmVhdGU9e29uQWZ0ZXJDcmVhdGUgfHwgZGVmYXVsdE9uQWZ0ZXJDcmVhdGV9XG4gICAgICAgICAgICAgICAgc2V0U2F2ZUVudHJ5PXtzZXRTYXZlRW50cnl9XG4gICAgICAgICAgICAgICAgYWRkSXRlbVRvTGlzdENhY2hlPXthZGRFbnRyeVRvTGlzdENhY2hlfVxuICAgICAgICAgICAgICAgIGNvbmZpcm1OYXZpZ2F0aW9uSWZEaXJ0eT17dHJ1ZX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8TW9kZWxQcm92aWRlciBtb2RlbD17bW9kZWx9PlxuICAgICAgICAgICAgICAgICAgICB7aGVhZGVyID8gPEhlYWRlciAvPiA6IG51bGx9XG4gICAgICAgICAgICAgICAgICAgIDxGb3JtV3JhcHBlciBkYXRhLXRlc3RpZD17XCJjbXMtY29udGVudC1mb3JtXCJ9IHJlZj17Zm9ybUVsZW1lbnRSZWZ9PlxuICAgICAgICAgICAgICAgICAgICAgICAge2Zvcm1SZW5kZXJlciA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q3VzdG9tTGF5b3V0IG1vZGVsPXttb2RlbH0gZm9ybVJlbmRlcmVyPXtmb3JtUmVuZGVyZXJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICApIDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxEZWZhdWx0TGF5b3V0IG1vZGVsPXttb2RlbH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvRm9ybVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9Nb2RlbFByb3ZpZGVyPlxuICAgICAgICAgICAgPC9Db250ZW50RW50cnlGb3JtUHJvdmlkZXI+XG4gICAgICAgICk7XG4gICAgfVxuKTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var ContentEntryForm = exports.ContentEntryForm = (0, _appAdmin.makeDecoratable)("ContentEntryForm", function (_ref) {
-  var entry = _ref.entry,
-    onAfterCreate = _ref.onAfterCreate,
-    addEntryToListCache = _ref.addEntryToListCache,
-    setSaveEntry = _ref.setSaveEntry,
-    _ref$header = _ref.header,
-    header = _ref$header === void 0 ? true : _ref$header;
-  var formElementRef = (0, _react.useRef)(null);
-  var _useModel = (0, _ModelProvider.useModel)(),
-    model = _useModel.model;
-  var _useGoToRevision = (0, _useGoToRevision2.useGoToRevision)(),
-    goToRevision = _useGoToRevision.goToRevision;
-  var defaultValues = (0, _useDefaultValues.useDefaultValues)(model);
-  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/index.js";
+import { useFormRenderer } from "./useFormRenderer.js";
+import { ContentEntryFormProvider } from "./ContentEntryFormProvider.js";
+import { CustomLayout } from "./CustomLayout.js";
+import { DefaultLayout } from "./DefaultLayout.js";
+import { useGoToRevision } from "./useGoToRevision.js";
+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);
   };
 
-  // Determine initial entry.
-  var initialData = entry && entry.id ? entry : defaultValues;
-
   // 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);
-  }, [initialData.id, formElementRef.current]);
-  return /*#__PURE__*/_react.default.createElement(_ContentEntryFormProvider.ContentEntryFormProvider, {
+  }, [entry.id, formElementRef.current]);
+  if (model.isBeingDeleted) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, "Model is being deleted.");
+  }
+  return /*#__PURE__*/React.createElement(ContentEntryFormProvider, {
     model: model,
-    entry: initialData,
+    entry: entry,
+    onChange: onChange,
+    onInvalidFields: onInvalidFields,
     onAfterCreate: onAfterCreate || defaultOnAfterCreate,
     setSaveEntry: setSaveEntry,
-    addItemToListCache: addEntryToListCache,
-    confirmNavigationIfDirty: true
-  }, /*#__PURE__*/_react.default.createElement(_ModelProvider.ModelProvider, {
+    confirmNavigationIfDirty: true,
+    persistEntry: persistEntry
+  }, /*#__PURE__*/React.createElement(ModelProvider, {
     model: model
-  }, header ? /*#__PURE__*/_react.default.createElement(_Header.Header, null) : null, /*#__PURE__*/_react.default.createElement(FormWrapper, {
+  }, 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","_Header","_useDefaultValues","_useFormRenderer","_ContentEntryFormProvider","_CustomLayout","_DefaultLayout","_useGoToRevision2","_EMOTION_STRINGIFIED_CSS_ERROR__","FormWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentEntryForm","exports","makeDecoratable","_ref","entry","onAfterCreate","addEntryToListCache","setSaveEntry","_ref$header","header","formElementRef","useRef","_useModel","useModel","model","_useGoToRevision","useGoToRevision","goToRevision","defaultValues","useDefaultValues","formRenderer","useFormRenderer","defaultOnAfterCreate","id","initialData","useEffect","current","setTimeout","scrollTo","createElement","ContentEntryFormProvider","addItemToListCache","confirmNavigationIfDirty","ModelProvider","Header","ref","CustomLayout","DefaultLayout"],"sources":["ContentEntryForm.tsx"],"sourcesContent":["import React, { useEffect, useRef } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { CmsContentEntry } from \"~/types\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider\";\nimport { Header } from \"~/admin/components/ContentEntryForm/Header\";\nimport { useDefaultValues } from \"~/admin/components/ContentEntryForm/useDefaultValues\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer\";\nimport { ContentEntryFormContext, ContentEntryFormProvider } 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    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    header?: boolean;\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     * This flag exists for a lack of better Apollo cache control, at the moment.\n     * We use this flag when we need to tell the system to add new entries to apollo cache.\n     * Why would you want to NOT add entries to cache? When using a `ref` field, which usually points to\n     * a different model than the main entry you're working on. Example: Book -> Author, you don't want\n     * an Author created via a `ref` field dialog to be added to the list of Books.\n     * TODO: revisit this, and look for a better solution.\n     */\n    addEntryToListCache?: boolean;\n}\n\nexport const ContentEntryForm = makeDecoratable(\n    \"ContentEntryForm\",\n    ({\n        entry,\n        onAfterCreate,\n        addEntryToListCache,\n        setSaveEntry,\n        header = true\n    }: ContentEntryFormProps) => {\n        const formElementRef = useRef<HTMLDivElement>(null);\n        const { model } = useModel();\n        const { goToRevision } = useGoToRevision();\n        const defaultValues = useDefaultValues(model);\n        const formRenderer = useFormRenderer(model);\n\n        const defaultOnAfterCreate = (entry: CmsContentEntry) => {\n            goToRevision(entry.id);\n        };\n\n        // Determine initial entry.\n        const initialData = entry && entry.id ? entry : defaultValues;\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        }, [initialData.id, formElementRef.current]);\n\n        return (\n            <ContentEntryFormProvider\n                model={model}\n                entry={initialData}\n                onAfterCreate={onAfterCreate || defaultOnAfterCreate}\n                setSaveEntry={setSaveEntry}\n                addItemToListCache={addEntryToListCache}\n                confirmNavigationIfDirty={true}\n            >\n                <ModelProvider model={model}>\n                    {header ? <Header /> : null}\n                    <FormWrapper 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":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,gBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAR,OAAA;AACA,IAAAS,iBAAA,GAAAT,OAAA;AAAsF,SAAAU,iCAAA;AAEtF,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;AA2BK,IAAMa,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,IAAAE,yBAAe,EAC3C,kBAAkB,EAClB,UAAAC,IAAA,EAM6B;EAAA,IALzBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,mBAAmB,GAAAH,IAAA,CAAnBG,mBAAmB;IACnBC,YAAY,GAAAJ,IAAA,CAAZI,YAAY;IAAAC,WAAA,GAAAL,IAAA,CACZM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,IAAI,GAAAA,WAAA;EAEb,IAAME,cAAc,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EACnD,IAAAC,SAAA,GAAkB,IAAAC,uBAAQ,EAAC,CAAC;IAApBC,KAAK,GAAAF,SAAA,CAALE,KAAK;EACb,IAAAC,gBAAA,GAAyB,IAAAC,iCAAe,EAAC,CAAC;IAAlCC,YAAY,GAAAF,gBAAA,CAAZE,YAAY;EACpB,IAAMC,aAAa,GAAG,IAAAC,kCAAgB,EAACL,KAAK,CAAC;EAC7C,IAAMM,YAAY,GAAG,IAAAC,gCAAe,EAACP,KAAK,CAAC;EAE3C,IAAMQ,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIlB,KAAsB,EAAK;IACrDa,YAAY,CAACb,KAAK,CAACmB,EAAE,CAAC;EAC1B,CAAC;;EAED;EACA,IAAMC,WAAW,GAAGpB,KAAK,IAAIA,KAAK,CAACmB,EAAE,GAAGnB,KAAK,GAAGc,aAAa;;EAE7D;EACA,IAAAO,gBAAS,EAAC,YAAM;IACZ,IAAI,CAACf,cAAc,CAACgB,OAAO,EAAE;MACzB;IACJ;IAEAC,UAAU,CAAC,YAAM;MACbjB,cAAc,CAACgB,OAAO,EAAEE,QAAQ,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1C,CAAC,EAAE,EAAE,CAAC;EACV,CAAC,EAAE,CAACJ,WAAW,CAACD,EAAE,EAAEb,cAAc,CAACgB,OAAO,CAAC,CAAC;EAE5C,oBACInD,MAAA,CAAAe,OAAA,CAAAuC,aAAA,CAAC9C,yBAAA,CAAA+C,wBAAwB;IACrBhB,KAAK,EAAEA,KAAM;IACbV,KAAK,EAAEoB,WAAY;IACnBnB,aAAa,EAAEA,aAAa,IAAIiB,oBAAqB;IACrDf,YAAY,EAAEA,YAAa;IAC3BwB,kBAAkB,EAAEzB,mBAAoB;IACxC0B,wBAAwB,EAAE;EAAK,gBAE/BzD,MAAA,CAAAe,OAAA,CAAAuC,aAAA,CAAClD,cAAA,CAAAsD,aAAa;IAACnB,KAAK,EAAEA;EAAM,GACvBL,MAAM,gBAAGlC,MAAA,CAAAe,OAAA,CAAAuC,aAAA,CAACjD,OAAA,CAAAsD,MAAM,MAAE,CAAC,GAAG,IAAI,eAC3B3D,MAAA,CAAAe,OAAA,CAAAuC,aAAA,CAACzC,WAAW;IAAC,eAAa,kBAAmB;IAAC+C,GAAG,EAAEzB;EAAe,GAC7DU,YAAY,gBACT7C,MAAA,CAAAe,OAAA,CAAAuC,aAAA,CAAC7C,aAAA,CAAAoD,YAAY;IAACtB,KAAK,EAAEA,KAAM;IAACM,YAAY,EAAEA;EAAa,CAAE,CAAC,gBAE1D7C,MAAA,CAAAe,OAAA,CAAAuC,aAAA,CAAC5C,cAAA,CAAAoD,aAAa;IAACvB,KAAK,EAAEA;EAAM,CAAE,CAEzB,CACF,CACO,CAAC;AAEnC,CACJ,CAAC","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 type { FormOnSubmit, FormValidation } from \"@webiny/form\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsContentEntry } from \"~/types.js\";\nimport { ModelProvider, useModel } from \"~/admin/components/ModelProvider/index.js\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer.js\";\nimport type { ContentEntryFormContext, PersistEntry } from \"./ContentEntryFormProvider.js\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider.js\";\nimport { CustomLayout } from \"./CustomLayout.js\";\nimport { DefaultLayout } from \"./DefaultLayout.js\";\nimport { useGoToRevision } from \"~/admin/components/ContentEntryForm/useGoToRevision.js\";\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;AAExB,SAASC,wBAAwB;AACjC,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.d.ts

@@ -1,12 +1,24 @@
 import React from "react";
-import { CmsEditorContentModel } from "../../../types";
+import type { CmsEditorContentModel } from "../../../types.js";
 export interface ContentEntryFormPreviewProps {
     contentModel: CmsEditorContentModel;
 }
-export declare const ContentEntryFormPreview: import("@webiny/app-admin").GenericComponent<ContentEntryFormPreviewProps> & {
-    original: import("@webiny/app-admin").GenericComponent<ContentEntryFormPreviewProps>;
+export declare const ContentEntryFormPreview: ((props: ContentEntryFormPreviewProps) => React.JSX.Element) & {
+    original: (props: ContentEntryFormPreviewProps) => React.JSX.Element;
     originalName: string;
     displayName: string;
 } & {
-    createDecorator: (decorator: import("@webiny/app-admin").Decorator<(props: ContentEntryFormPreviewProps) => JSX.Element | null>) => (props: unknown) => React.JSX.Element;
+    original: ((props: ContentEntryFormPreviewProps) => React.JSX.Element) & {
+        original: (props: ContentEntryFormPreviewProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/app-admin").ComponentDecorator<((props: ContentEntryFormPreviewProps) => React.JSX.Element) & {
+        original: (props: ContentEntryFormPreviewProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
 };

package/admin/components/ContentEntryForm/ContentEntryFormPreview.js

@@ -1,48 +1,33 @@
-"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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbnRyeUZvcm1QcmV2aWV3LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVb0IiLCJmaWxlIjoiQ29udGVudEVudHJ5Rm9ybVByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IENtc0VkaXRvckNvbnRlbnRNb2RlbCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBNb2RlbFByb3ZpZGVyIH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Nb2RlbFByb3ZpZGVyXCI7XG5pbXBvcnQgeyB1c2VGb3JtUmVuZGVyZXIgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vdXNlRm9ybVJlbmRlcmVyXCI7XG5pbXBvcnQgeyBDdXN0b21MYXlvdXQgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRFbnRyeUZvcm0vQ3VzdG9tTGF5b3V0XCI7XG5pbXBvcnQgeyBEZWZhdWx0TGF5b3V0IH0gZnJvbSBcIn4vYWRtaW4vY29tcG9uZW50cy9Db250ZW50RW50cnlGb3JtL0RlZmF1bHRMYXlvdXRcIjtcbmltcG9ydCB7IENvbnRlbnRFbnRyeUZvcm1Qcm92aWRlciB9IGZyb20gXCIuL0NvbnRlbnRFbnRyeUZvcm1Qcm92aWRlclwiO1xuXG5jb25zdCBGb3JtV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwdmggLSAyNjBweClcIixcbiAgICBvdmVyZmxvdzogXCJhdXRvXCJcbn0pO1xuXG5leHBvcnQgaW50ZXJmYWNlIENvbnRlbnRFbnRyeUZvcm1QcmV2aWV3UHJvcHMge1xuICAgIGNvbnRlbnRNb2RlbDogQ21zRWRpdG9yQ29udGVudE1vZGVsO1xufVxuXG5leHBvcnQgY29uc3QgQ29udGVudEVudHJ5Rm9ybVByZXZpZXcgPSBtYWtlRGVjb3JhdGFibGUoXG4gICAgXCJDb250ZW50RW50cnlGb3JtUHJldmlld1wiLFxuICAgIChwcm9wczogQ29udGVudEVudHJ5Rm9ybVByZXZpZXdQcm9wcykgPT4ge1xuICAgICAgICBjb25zdCB7IGNvbnRlbnRNb2RlbCB9ID0gcHJvcHM7XG5cbiAgICAgICAgY29uc3QgZm9ybVJlbmRlcmVyID0gdXNlRm9ybVJlbmRlcmVyKGNvbnRlbnRNb2RlbCk7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxDb250ZW50RW50cnlGb3JtUHJvdmlkZXJcbiAgICAgICAgICAgICAgICBlbnRyeT17e319XG4gICAgICAgICAgICAgICAgbW9kZWw9e2NvbnRlbnRNb2RlbH1cbiAgICAgICAgICAgICAgICBjb25maXJtTmF2aWdhdGlvbklmRGlydHk9e2ZhbHNlfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxNb2RlbFByb3ZpZGVyIG1vZGVsPXtjb250ZW50TW9kZWx9PlxuICAgICAgICAgICAgICAgICAgICA8Rm9ybVdyYXBwZXIgZGF0YS10ZXN0aWQ9e1wiY21zLWNvbnRlbnQtZm9ybVwifT5cbiAgICAgICAgICAgICAgICAgICAgICAgIHtmb3JtUmVuZGVyZXIgPyAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEN1c3RvbUxheW91dCBtb2RlbD17Y29udGVudE1vZGVsfSBmb3JtUmVuZGVyZXI9e2Zvcm1SZW5kZXJlcn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPERlZmF1bHRMYXlvdXQgbW9kZWw9e2NvbnRlbnRNb2RlbH0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvRm9ybVdyYXBwZXI+XG4gICAgICAgICAgICAgICAgPC9Nb2RlbFByb3ZpZGVyPlxuICAgICAgICAgICAgPC9Db250ZW50RW50cnlGb3JtUHJvdmlkZXI+XG4gICAgICAgICk7XG4gICAgfVxuKTtcbiJdfQ== */",
-  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/index.js";
+import { useFormRenderer } from "./useFormRenderer.js";
+import { CustomLayout } from "./CustomLayout.js";
+import { DefaultLayout } from "./DefaultLayout.js";
+import { ContentEntryFormProvider } from "./ContentEntryFormProvider.js";
+export const ContentEntryFormPreview = makeDecoratable("ContentEntryFormPreview", props => {
+  const {
+    contentModel
+  } = props;
+  const formRenderer = useFormRenderer(contentModel);
+  return /*#__PURE__*/React.createElement(ContentEntryFormProvider, {
     entry: {},
     model: contentModel,
+    persistEntry: async entry => {
+      return {
+        entry: 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: "h-calc(100vh-260px) 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","confirmNavigationIfDirty","ModelProvider","CustomLayout","DefaultLayout"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { 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                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,wBAAwB,EAAE;EAAM,gBAEhCjC,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACzB,cAAA,CAAA8B,aAAa;IAACF,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,CAAA6B,YAAY;IAACH,KAAK,EAAEN,YAAa;IAACC,YAAY,EAAEA;EAAa,CAAE,CAAC,gBAEjE3B,MAAA,CAAAY,OAAA,CAAAiB,aAAA,CAACtB,cAAA,CAAA6B,aAAa;IAACJ,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","confirmNavigationIfDirty","className"],"sources":["ContentEntryFormPreview.tsx"],"sourcesContent":["import React from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport type { CmsContentEntry, CmsEditorContentModel } from \"~/types.js\";\nimport { ModelProvider } from \"~/admin/components/ModelProvider/index.js\";\nimport { useFormRenderer } from \"~/admin/components/ContentEntryForm/useFormRenderer.js\";\nimport { CustomLayout } from \"~/admin/components/ContentEntryForm/CustomLayout.js\";\nimport { DefaultLayout } from \"~/admin/components/ContentEntryForm/DefaultLayout.js\";\nimport { ContentEntryFormProvider } from \"./ContentEntryFormProvider.js\";\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={async entry => {\n                    return {\n                        entry: entry as CmsContentEntry\n                    };\n                }}\n                confirmNavigationIfDirty={false}\n            >\n                <ModelProvider model={contentModel}>\n                    <div\n                        className={\"h-calc(100vh-260px) 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,EAAE,MAAMF,KAAK,IAAI;MACzB,OAAO;QACHA,KAAK,EAAEA;MACX,CAAC;IACL,CAAE;IACFG,wBAAwB,EAAE;EAAM,gBAEhCf,KAAA,CAAAW,aAAA,CAACT,aAAa;IAACW,KAAK,EAAEJ;EAAa,gBAC/BT,KAAA,CAAAW,aAAA;IACIK,SAAS,EAAE,mCAAoC;IAC/C,eAAa;EAAmB,GAE/BN,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":[]}