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

package/admin/components/ContentModelEditor/ContentModelEditor.js

@@ -1,177 +1,127 @@
-"use strict";
+import React, { useState, useEffect } from "react";
+import { makeDecoratable } from "@webiny/app-admin";
+import { Prompt } from "@webiny/react-router";
+import { i18n } from "@webiny/app/i18n";
+import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView";
+import { Heading, OverlayLoader, Separator, Tabs, Text, TimeAgo } from "@webiny/admin-ui";
+import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
+import { ReactComponent as PreviewIcon } from "@webiny/icons/fullscreen.svg";
+import { FieldsSidebar } from "./FieldsSidebar";
+import { FieldEditor } from "../FieldEditor";
+import { PreviewTab } from "./PreviewTab";
+import Header from "./Header";
+import DragPreview from "../DragPreview";
+import { useModelEditor } from "./useModelEditor";
+import { ContentEntryEditorWithConfig } from "../../config/contentEntries";
+import { ContentEntryProvider } from "../../views/contentEntries/ContentEntry/ContentEntryContext";
+import { ContentEntriesProvider } from "../../views/contentEntries/ContentEntriesContext";
+import { ModelIsBeingDeletedError } from "./ModelIsBeingDeletedError";
+const t = i18n.ns("app-headless-cms/admin/editor");
+const prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;
+export const ContentModelEditor = makeDecoratable("ContentModelEditor", () => {
+  const {
+    data,
+    setData,
+    isPristine,
+    contentModel
+  } = useModelEditor();
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EditContainer = exports.ContentModelEditor = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _appAdmin = require("@webiny/app-admin");
-var _reactRouter = require("@webiny/react-router");
-var _emotion = require("emotion");
-var _i18n = require("@webiny/app/i18n");
-var _Progress = require("@webiny/ui/Progress");
-var _SplitView = require("@webiny/app-admin/components/SplitView");
-var _Icon = require("@webiny/ui/Icon");
-var _Typography = require("@webiny/ui/Typography");
-var _Tabs = require("@webiny/ui/Tabs");
-var _roundAssignment24px = require("./icons/round-assignment-24px.svg");
-var _FieldsSidebar = require("./FieldsSidebar");
-var _FieldEditor = require("../FieldEditor");
-var _PreviewTab = require("./PreviewTab");
-var _Header = _interopRequireDefault(require("./Header"));
-var _DragPreview = _interopRequireDefault(require("../DragPreview"));
-var _useModelEditor2 = require("./useModelEditor");
-var _contentEntries = require("../../config/contentEntries");
-var _ContentEntryContext = require("../../views/contentEntries/ContentEntry/ContentEntryContext");
-var _ContentEntriesContext = require("../../views/contentEntries/ContentEntriesContext");
-var _ModelIsBeingDeletedError = require("./ModelIsBeingDeletedError");
-var _templateObject;
-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 t = _i18n.i18n.ns("app-headless-cms/admin/editor");
-var prompt = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["There are some unsaved changes! Are you sure you want to navigate away and discard all changes?"])));
-var ContentContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ekr1ulm3"
-} : {
-  target: "ekr1ulm3",
-  label: "ContentContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "v4pnr8",
-  styles: "padding-top:65px"
-} : {
-  name: "v4pnr8",
-  styles: "padding-top:65px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRNb2RlbEVkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJ5QiIsImZpbGUiOiJDb250ZW50TW9kZWxFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFByb21wdCB9IGZyb20gXCJAd2ViaW55L3JlYWN0LXJvdXRlclwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBDaXJjdWxhclByb2dyZXNzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvUHJvZ3Jlc3NcIjtcbmltcG9ydCB7IExlZnRQYW5lbCwgUmlnaHRQYW5lbCwgU3BsaXRWaWV3IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvU3BsaXRWaWV3XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvblwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFRhYiwgVGFicyB9IGZyb20gXCJAd2ViaW55L3VpL1RhYnNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEZvcm1JY29uIH0gZnJvbSBcIi4vaWNvbnMvcm91bmQtYXNzaWdubWVudC0yNHB4LnN2Z1wiO1xuaW1wb3J0IHsgRmllbGRzU2lkZWJhciB9IGZyb20gXCIuL0ZpZWxkc1NpZGViYXJcIjtcbmltcG9ydCB7IEZpZWxkRWRpdG9yIH0gZnJvbSBcIi4uL0ZpZWxkRWRpdG9yXCI7XG5pbXBvcnQgeyBQcmV2aWV3VGFiIH0gZnJvbSBcIi4vUHJldmlld1RhYlwiO1xuaW1wb3J0IEhlYWRlciBmcm9tIFwiLi9IZWFkZXJcIjtcbmltcG9ydCBEcmFnUHJldmlldyBmcm9tIFwiLi4vRHJhZ1ByZXZpZXdcIjtcbmltcG9ydCB7IHVzZU1vZGVsRWRpdG9yIH0gZnJvbSBcIi4vdXNlTW9kZWxFZGl0b3JcIjtcbmltcG9ydCB7IENtc0VkaXRvckZpZWxkc0xheW91dCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlFZGl0b3JXaXRoQ29uZmlnIH0gZnJvbSBcIn4vYWRtaW4vY29uZmlnL2NvbnRlbnRFbnRyaWVzXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL3ZpZXdzL2NvbnRlbnRFbnRyaWVzL0NvbnRlbnRFbnRyeS9Db250ZW50RW50cnlDb250ZXh0XCI7XG5pbXBvcnQgeyBDb250ZW50RW50cmllc1Byb3ZpZGVyIH0gZnJvbSBcIn4vYWRtaW4vdmlld3MvY29udGVudEVudHJpZXMvQ29udGVudEVudHJpZXNDb250ZXh0XCI7XG5pbXBvcnQgeyBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRNb2RlbEVkaXRvci9Nb2RlbElzQmVpbmdEZWxldGVkRXJyb3JcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2VkaXRvclwiKTtcblxuY29uc3QgcHJvbXB0ID0gdGBUaGVyZSBhcmUgc29tZSB1bnNhdmVkIGNoYW5nZXMhIEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byBuYXZpZ2F0ZSBhd2F5IGFuZCBkaXNjYXJkIGFsbCBjaGFuZ2VzP2A7XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmdUb3A6IDY1XG59KTtcblxuZXhwb3J0IGNvbnN0IEVkaXRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDQwLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuXG5jb25zdCBMZWZ0QmFyVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiAyNSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIlxufSk7XG5cbmNvbnN0IHRpdGxlSWNvbiA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyNCxcbiAgICBtYXJnaW5SaWdodDogMTUsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCJcbn0pO1xuXG5jb25zdCBMZWZ0QmFyRmllbGRMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiA0MCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwdmggLSAyNTBweClcIlxufSk7XG5cbmNvbnN0IGZvcm1UYWJzID0gY3NzKHtcbiAgICBcIiYud2ViaW55LXVpLXRhYnNcIjoge1xuICAgICAgICBcIi53ZWJpbnktdWktdGFic19fdGFiLWJhclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgT25DaGFuZ2VQYXJhbXMge1xuICAgIGZpZWxkczogQ21zTW9kZWxGaWVsZFtdO1xuICAgIGxheW91dDogQ21zRWRpdG9yRmllbGRzTGF5b3V0O1xufVxuXG5leHBvcnQgY29uc3QgQ29udGVudE1vZGVsRWRpdG9yID0gbWFrZURlY29yYXRhYmxlKFwiQ29udGVudE1vZGVsRWRpdG9yXCIsICgpID0+IHtcbiAgICBjb25zdCB7IGRhdGEsIHNldERhdGEsIGlzUHJpc3RpbmUgfSA9IHVzZU1vZGVsRWRpdG9yKCk7XG5cbiAgICBjb25zdCBbYWN0aXZlVGFiSW5kZXgsIHNldEFjdGl2ZVRhYkluZGV4XSA9IHVzZVN0YXRlKDApO1xuXG4gICAgY29uc3Qgb25DaGFuZ2UgPSAoeyBmaWVsZHMsIGxheW91dCB9OiBPbkNoYW5nZVBhcmFtcykgPT4ge1xuICAgICAgICBzZXREYXRhKGRhdGEgPT4gKHsgLi4uZGF0YSwgZmllbGRzLCBsYXlvdXQgfSkpO1xuICAgIH07XG5cbiAgICBpZiAoIWRhdGEpIHtcbiAgICAgICAgcmV0dXJuIDxDaXJjdWxhclByb2dyZXNzIGxhYmVsPXtcIkxvYWRpbmcgY29udGVudCBtb2RlbC4uLlwifSAvPjtcbiAgICB9IGVsc2UgaWYgKGRhdGEuaXNCZWluZ0RlbGV0ZWQpIHtcbiAgICAgICAgcmV0dXJuIDxNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgbW9kZWw9e2RhdGF9IC8+O1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcImNvbnRlbnQtbW9kZWwtZWRpdG9yXCJ9PlxuICAgICAgICAgICAgPFByb21wdCB3aGVuPXshaXNQcmlzdGluZX0gbWVzc2FnZT17cHJvbXB0fSAvPlxuICAgICAgICAgICAgPEhlYWRlciAvPlxuICAgICAgICAgICAgPENvbnRlbnRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFNwbGl0Vmlldz5cbiAgICAgICAgICAgICAgICAgICAgPExlZnRQYW5lbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxMZWZ0QmFyVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gY2xhc3NOYW1lPXt0aXRsZUljb259IGljb249ezxGb3JtSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiaGVhZGxpbmU2XCJ9PkZpZWxkczwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdEJhclRpdGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExlZnRCYXJGaWVsZExpc3Q+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkc1NpZGViYXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25GaWVsZERyYWdTdGFydD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0QWN0aXZlVGFiSW5kZXgoMCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdEJhckZpZWxkTGlzdD5cbiAgICAgICAgICAgICAgICAgICAgPC9MZWZ0UGFuZWw+XG4gICAgICAgICAgICAgICAgICAgIDxSaWdodFBhbmVsIHNwYW49ezh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRhYnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17YWN0aXZlVGFiSW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtmb3JtVGFic31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkFjdGl2YXRlPXtlID0+IHNldEFjdGl2ZVRhYkluZGV4KGUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUYWIgbGFiZWw9e1wiRWRpdFwifSBkYXRhLXRlc3RpZD17XCJjbXMuZWRpdG9yLnRhYi5lZGl0XCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RWRpdENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZEVkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkcz17ZGF0YS5maWVsZHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGF5b3V0PXtkYXRhLmxheW91dCB8fCBbXX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0VkaXRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRhYiBsYWJlbD17XCJQcmV2aWV3XCJ9IGRhdGEtdGVzdGlkPXtcImNtcy5lZGl0b3IudGFiLnByZXZpZXdcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb250ZW50RW50cnlFZGl0b3JXaXRoQ29uZmlnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbnRlbnRFbnRyaWVzUHJvdmlkZXIgY29udGVudE1vZGVsPXtkYXRhfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q29udGVudEVudHJ5UHJvdmlkZXIgcmVhZG9ubHk9e3RydWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UHJldmlld1RhYiBhY3RpdmVUYWI9e2FjdGl2ZVRhYkluZGV4ID09PSAxfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudEVudHJ5UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NvbnRlbnRFbnRyaWVzUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudEVudHJ5RWRpdG9yV2l0aENvbmZpZz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RhYj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgICAgICAgICAgICAgPC9SaWdodFBhbmVsPlxuICAgICAgICAgICAgICAgIDwvU3BsaXRWaWV3PlxuICAgICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICAgICAgPERyYWdQcmV2aWV3IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var EditContainer = exports.EditContainer = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ekr1ulm2"
-} : {
-  target: "ekr1ulm2",
-  label: "EditContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "wpzmcs",
-  styles: "padding:40px;position:relative"
-} : {
-  name: "wpzmcs",
-  styles: "padding:40px;position:relative",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRNb2RlbEVkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0M2QiIsImZpbGUiOiJDb250ZW50TW9kZWxFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFByb21wdCB9IGZyb20gXCJAd2ViaW55L3JlYWN0LXJvdXRlclwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBDaXJjdWxhclByb2dyZXNzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvUHJvZ3Jlc3NcIjtcbmltcG9ydCB7IExlZnRQYW5lbCwgUmlnaHRQYW5lbCwgU3BsaXRWaWV3IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvU3BsaXRWaWV3XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvblwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFRhYiwgVGFicyB9IGZyb20gXCJAd2ViaW55L3VpL1RhYnNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEZvcm1JY29uIH0gZnJvbSBcIi4vaWNvbnMvcm91bmQtYXNzaWdubWVudC0yNHB4LnN2Z1wiO1xuaW1wb3J0IHsgRmllbGRzU2lkZWJhciB9IGZyb20gXCIuL0ZpZWxkc1NpZGViYXJcIjtcbmltcG9ydCB7IEZpZWxkRWRpdG9yIH0gZnJvbSBcIi4uL0ZpZWxkRWRpdG9yXCI7XG5pbXBvcnQgeyBQcmV2aWV3VGFiIH0gZnJvbSBcIi4vUHJldmlld1RhYlwiO1xuaW1wb3J0IEhlYWRlciBmcm9tIFwiLi9IZWFkZXJcIjtcbmltcG9ydCBEcmFnUHJldmlldyBmcm9tIFwiLi4vRHJhZ1ByZXZpZXdcIjtcbmltcG9ydCB7IHVzZU1vZGVsRWRpdG9yIH0gZnJvbSBcIi4vdXNlTW9kZWxFZGl0b3JcIjtcbmltcG9ydCB7IENtc0VkaXRvckZpZWxkc0xheW91dCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlFZGl0b3JXaXRoQ29uZmlnIH0gZnJvbSBcIn4vYWRtaW4vY29uZmlnL2NvbnRlbnRFbnRyaWVzXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL3ZpZXdzL2NvbnRlbnRFbnRyaWVzL0NvbnRlbnRFbnRyeS9Db250ZW50RW50cnlDb250ZXh0XCI7XG5pbXBvcnQgeyBDb250ZW50RW50cmllc1Byb3ZpZGVyIH0gZnJvbSBcIn4vYWRtaW4vdmlld3MvY29udGVudEVudHJpZXMvQ29udGVudEVudHJpZXNDb250ZXh0XCI7XG5pbXBvcnQgeyBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRNb2RlbEVkaXRvci9Nb2RlbElzQmVpbmdEZWxldGVkRXJyb3JcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2VkaXRvclwiKTtcblxuY29uc3QgcHJvbXB0ID0gdGBUaGVyZSBhcmUgc29tZSB1bnNhdmVkIGNoYW5nZXMhIEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byBuYXZpZ2F0ZSBhd2F5IGFuZCBkaXNjYXJkIGFsbCBjaGFuZ2VzP2A7XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmdUb3A6IDY1XG59KTtcblxuZXhwb3J0IGNvbnN0IEVkaXRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDQwLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuXG5jb25zdCBMZWZ0QmFyVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiAyNSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIlxufSk7XG5cbmNvbnN0IHRpdGxlSWNvbiA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyNCxcbiAgICBtYXJnaW5SaWdodDogMTUsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCJcbn0pO1xuXG5jb25zdCBMZWZ0QmFyRmllbGRMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiA0MCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwdmggLSAyNTBweClcIlxufSk7XG5cbmNvbnN0IGZvcm1UYWJzID0gY3NzKHtcbiAgICBcIiYud2ViaW55LXVpLXRhYnNcIjoge1xuICAgICAgICBcIi53ZWJpbnktdWktdGFic19fdGFiLWJhclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgT25DaGFuZ2VQYXJhbXMge1xuICAgIGZpZWxkczogQ21zTW9kZWxGaWVsZFtdO1xuICAgIGxheW91dDogQ21zRWRpdG9yRmllbGRzTGF5b3V0O1xufVxuXG5leHBvcnQgY29uc3QgQ29udGVudE1vZGVsRWRpdG9yID0gbWFrZURlY29yYXRhYmxlKFwiQ29udGVudE1vZGVsRWRpdG9yXCIsICgpID0+IHtcbiAgICBjb25zdCB7IGRhdGEsIHNldERhdGEsIGlzUHJpc3RpbmUgfSA9IHVzZU1vZGVsRWRpdG9yKCk7XG5cbiAgICBjb25zdCBbYWN0aXZlVGFiSW5kZXgsIHNldEFjdGl2ZVRhYkluZGV4XSA9IHVzZVN0YXRlKDApO1xuXG4gICAgY29uc3Qgb25DaGFuZ2UgPSAoeyBmaWVsZHMsIGxheW91dCB9OiBPbkNoYW5nZVBhcmFtcykgPT4ge1xuICAgICAgICBzZXREYXRhKGRhdGEgPT4gKHsgLi4uZGF0YSwgZmllbGRzLCBsYXlvdXQgfSkpO1xuICAgIH07XG5cbiAgICBpZiAoIWRhdGEpIHtcbiAgICAgICAgcmV0dXJuIDxDaXJjdWxhclByb2dyZXNzIGxhYmVsPXtcIkxvYWRpbmcgY29udGVudCBtb2RlbC4uLlwifSAvPjtcbiAgICB9IGVsc2UgaWYgKGRhdGEuaXNCZWluZ0RlbGV0ZWQpIHtcbiAgICAgICAgcmV0dXJuIDxNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgbW9kZWw9e2RhdGF9IC8+O1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcImNvbnRlbnQtbW9kZWwtZWRpdG9yXCJ9PlxuICAgICAgICAgICAgPFByb21wdCB3aGVuPXshaXNQcmlzdGluZX0gbWVzc2FnZT17cHJvbXB0fSAvPlxuICAgICAgICAgICAgPEhlYWRlciAvPlxuICAgICAgICAgICAgPENvbnRlbnRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFNwbGl0Vmlldz5cbiAgICAgICAgICAgICAgICAgICAgPExlZnRQYW5lbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxMZWZ0QmFyVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gY2xhc3NOYW1lPXt0aXRsZUljb259IGljb249ezxGb3JtSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiaGVhZGxpbmU2XCJ9PkZpZWxkczwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdEJhclRpdGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExlZnRCYXJGaWVsZExpc3Q+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkc1NpZGViYXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25GaWVsZERyYWdTdGFydD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0QWN0aXZlVGFiSW5kZXgoMCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdEJhckZpZWxkTGlzdD5cbiAgICAgICAgICAgICAgICAgICAgPC9MZWZ0UGFuZWw+XG4gICAgICAgICAgICAgICAgICAgIDxSaWdodFBhbmVsIHNwYW49ezh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRhYnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17YWN0aXZlVGFiSW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtmb3JtVGFic31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkFjdGl2YXRlPXtlID0+IHNldEFjdGl2ZVRhYkluZGV4KGUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUYWIgbGFiZWw9e1wiRWRpdFwifSBkYXRhLXRlc3RpZD17XCJjbXMuZWRpdG9yLnRhYi5lZGl0XCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RWRpdENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZEVkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkcz17ZGF0YS5maWVsZHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGF5b3V0PXtkYXRhLmxheW91dCB8fCBbXX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0VkaXRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRhYiBsYWJlbD17XCJQcmV2aWV3XCJ9IGRhdGEtdGVzdGlkPXtcImNtcy5lZGl0b3IudGFiLnByZXZpZXdcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb250ZW50RW50cnlFZGl0b3JXaXRoQ29uZmlnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbnRlbnRFbnRyaWVzUHJvdmlkZXIgY29udGVudE1vZGVsPXtkYXRhfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q29udGVudEVudHJ5UHJvdmlkZXIgcmVhZG9ubHk9e3RydWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UHJldmlld1RhYiBhY3RpdmVUYWI9e2FjdGl2ZVRhYkluZGV4ID09PSAxfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudEVudHJ5UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NvbnRlbnRFbnRyaWVzUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudEVudHJ5RWRpdG9yV2l0aENvbmZpZz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RhYj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgICAgICAgICAgICAgPC9SaWdodFBhbmVsPlxuICAgICAgICAgICAgICAgIDwvU3BsaXRWaWV3PlxuICAgICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICAgICAgPERyYWdQcmV2aWV3IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var LeftBarTitle = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ekr1ulm1"
-} : {
-  target: "ekr1ulm1",
-  label: "LeftBarTitle"
-})(process.env.NODE_ENV === "production" ? {
-  name: "fy9hql",
-  styles: "border-bottom:1px solid var(--mdc-theme-on-background);display:flex;align-items:center;padding:25px;color:var(--mdc-theme-on-surface)"
-} : {
-  name: "fy9hql",
-  styles: "border-bottom:1px solid var(--mdc-theme-on-background);display:flex;align-items:center;padding:25px;color:var(--mdc-theme-on-surface)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRNb2RlbEVkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNxQiIsImZpbGUiOiJDb250ZW50TW9kZWxFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFByb21wdCB9IGZyb20gXCJAd2ViaW55L3JlYWN0LXJvdXRlclwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBDaXJjdWxhclByb2dyZXNzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvUHJvZ3Jlc3NcIjtcbmltcG9ydCB7IExlZnRQYW5lbCwgUmlnaHRQYW5lbCwgU3BsaXRWaWV3IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvU3BsaXRWaWV3XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvblwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFRhYiwgVGFicyB9IGZyb20gXCJAd2ViaW55L3VpL1RhYnNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEZvcm1JY29uIH0gZnJvbSBcIi4vaWNvbnMvcm91bmQtYXNzaWdubWVudC0yNHB4LnN2Z1wiO1xuaW1wb3J0IHsgRmllbGRzU2lkZWJhciB9IGZyb20gXCIuL0ZpZWxkc1NpZGViYXJcIjtcbmltcG9ydCB7IEZpZWxkRWRpdG9yIH0gZnJvbSBcIi4uL0ZpZWxkRWRpdG9yXCI7XG5pbXBvcnQgeyBQcmV2aWV3VGFiIH0gZnJvbSBcIi4vUHJldmlld1RhYlwiO1xuaW1wb3J0IEhlYWRlciBmcm9tIFwiLi9IZWFkZXJcIjtcbmltcG9ydCBEcmFnUHJldmlldyBmcm9tIFwiLi4vRHJhZ1ByZXZpZXdcIjtcbmltcG9ydCB7IHVzZU1vZGVsRWRpdG9yIH0gZnJvbSBcIi4vdXNlTW9kZWxFZGl0b3JcIjtcbmltcG9ydCB7IENtc0VkaXRvckZpZWxkc0xheW91dCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlFZGl0b3JXaXRoQ29uZmlnIH0gZnJvbSBcIn4vYWRtaW4vY29uZmlnL2NvbnRlbnRFbnRyaWVzXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL3ZpZXdzL2NvbnRlbnRFbnRyaWVzL0NvbnRlbnRFbnRyeS9Db250ZW50RW50cnlDb250ZXh0XCI7XG5pbXBvcnQgeyBDb250ZW50RW50cmllc1Byb3ZpZGVyIH0gZnJvbSBcIn4vYWRtaW4vdmlld3MvY29udGVudEVudHJpZXMvQ29udGVudEVudHJpZXNDb250ZXh0XCI7XG5pbXBvcnQgeyBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRNb2RlbEVkaXRvci9Nb2RlbElzQmVpbmdEZWxldGVkRXJyb3JcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2VkaXRvclwiKTtcblxuY29uc3QgcHJvbXB0ID0gdGBUaGVyZSBhcmUgc29tZSB1bnNhdmVkIGNoYW5nZXMhIEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byBuYXZpZ2F0ZSBhd2F5IGFuZCBkaXNjYXJkIGFsbCBjaGFuZ2VzP2A7XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmdUb3A6IDY1XG59KTtcblxuZXhwb3J0IGNvbnN0IEVkaXRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDQwLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuXG5jb25zdCBMZWZ0QmFyVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiAyNSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIlxufSk7XG5cbmNvbnN0IHRpdGxlSWNvbiA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyNCxcbiAgICBtYXJnaW5SaWdodDogMTUsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCJcbn0pO1xuXG5jb25zdCBMZWZ0QmFyRmllbGRMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiA0MCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwdmggLSAyNTBweClcIlxufSk7XG5cbmNvbnN0IGZvcm1UYWJzID0gY3NzKHtcbiAgICBcIiYud2ViaW55LXVpLXRhYnNcIjoge1xuICAgICAgICBcIi53ZWJpbnktdWktdGFic19fdGFiLWJhclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgT25DaGFuZ2VQYXJhbXMge1xuICAgIGZpZWxkczogQ21zTW9kZWxGaWVsZFtdO1xuICAgIGxheW91dDogQ21zRWRpdG9yRmllbGRzTGF5b3V0O1xufVxuXG5leHBvcnQgY29uc3QgQ29udGVudE1vZGVsRWRpdG9yID0gbWFrZURlY29yYXRhYmxlKFwiQ29udGVudE1vZGVsRWRpdG9yXCIsICgpID0+IHtcbiAgICBjb25zdCB7IGRhdGEsIHNldERhdGEsIGlzUHJpc3RpbmUgfSA9IHVzZU1vZGVsRWRpdG9yKCk7XG5cbiAgICBjb25zdCBbYWN0aXZlVGFiSW5kZXgsIHNldEFjdGl2ZVRhYkluZGV4XSA9IHVzZVN0YXRlKDApO1xuXG4gICAgY29uc3Qgb25DaGFuZ2UgPSAoeyBmaWVsZHMsIGxheW91dCB9OiBPbkNoYW5nZVBhcmFtcykgPT4ge1xuICAgICAgICBzZXREYXRhKGRhdGEgPT4gKHsgLi4uZGF0YSwgZmllbGRzLCBsYXlvdXQgfSkpO1xuICAgIH07XG5cbiAgICBpZiAoIWRhdGEpIHtcbiAgICAgICAgcmV0dXJuIDxDaXJjdWxhclByb2dyZXNzIGxhYmVsPXtcIkxvYWRpbmcgY29udGVudCBtb2RlbC4uLlwifSAvPjtcbiAgICB9IGVsc2UgaWYgKGRhdGEuaXNCZWluZ0RlbGV0ZWQpIHtcbiAgICAgICAgcmV0dXJuIDxNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgbW9kZWw9e2RhdGF9IC8+O1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcImNvbnRlbnQtbW9kZWwtZWRpdG9yXCJ9PlxuICAgICAgICAgICAgPFByb21wdCB3aGVuPXshaXNQcmlzdGluZX0gbWVzc2FnZT17cHJvbXB0fSAvPlxuICAgICAgICAgICAgPEhlYWRlciAvPlxuICAgICAgICAgICAgPENvbnRlbnRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFNwbGl0Vmlldz5cbiAgICAgICAgICAgICAgICAgICAgPExlZnRQYW5lbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxMZWZ0QmFyVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gY2xhc3NOYW1lPXt0aXRsZUljb259IGljb249ezxGb3JtSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiaGVhZGxpbmU2XCJ9PkZpZWxkczwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdEJhclRpdGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExlZnRCYXJGaWVsZExpc3Q+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkc1NpZGViYXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25GaWVsZERyYWdTdGFydD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0QWN0aXZlVGFiSW5kZXgoMCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdEJhckZpZWxkTGlzdD5cbiAgICAgICAgICAgICAgICAgICAgPC9MZWZ0UGFuZWw+XG4gICAgICAgICAgICAgICAgICAgIDxSaWdodFBhbmVsIHNwYW49ezh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRhYnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17YWN0aXZlVGFiSW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtmb3JtVGFic31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkFjdGl2YXRlPXtlID0+IHNldEFjdGl2ZVRhYkluZGV4KGUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUYWIgbGFiZWw9e1wiRWRpdFwifSBkYXRhLXRlc3RpZD17XCJjbXMuZWRpdG9yLnRhYi5lZGl0XCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RWRpdENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZEVkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkcz17ZGF0YS5maWVsZHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGF5b3V0PXtkYXRhLmxheW91dCB8fCBbXX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0VkaXRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRhYiBsYWJlbD17XCJQcmV2aWV3XCJ9IGRhdGEtdGVzdGlkPXtcImNtcy5lZGl0b3IudGFiLnByZXZpZXdcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb250ZW50RW50cnlFZGl0b3JXaXRoQ29uZmlnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbnRlbnRFbnRyaWVzUHJvdmlkZXIgY29udGVudE1vZGVsPXtkYXRhfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q29udGVudEVudHJ5UHJvdmlkZXIgcmVhZG9ubHk9e3RydWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UHJldmlld1RhYiBhY3RpdmVUYWI9e2FjdGl2ZVRhYkluZGV4ID09PSAxfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudEVudHJ5UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NvbnRlbnRFbnRyaWVzUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudEVudHJ5RWRpdG9yV2l0aENvbmZpZz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RhYj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgICAgICAgICAgICAgPC9SaWdodFBhbmVsPlxuICAgICAgICAgICAgICAgIDwvU3BsaXRWaWV3PlxuICAgICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICAgICAgPERyYWdQcmV2aWV3IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var titleIcon = (0, _emotion.css)({
-  height: 24,
-  marginRight: 15,
-  color: "var(--mdc-theme-primary)"
-});
-var LeftBarFieldList = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
-  target: "ekr1ulm0"
-} : {
-  target: "ekr1ulm0",
-  label: "LeftBarFieldList"
-})(process.env.NODE_ENV === "production" ? {
-  name: "19zluzx",
-  styles: "padding:40px;overflow:auto;height:calc(100vh - 250px)"
-} : {
-  name: "19zluzx",
-  styles: "padding:40px;overflow:auto;height:calc(100vh - 250px)",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRNb2RlbEVkaXRvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUR5QiIsImZpbGUiOiJDb250ZW50TW9kZWxFZGl0b3IudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBtYWtlRGVjb3JhdGFibGUgfSBmcm9tIFwiQHdlYmlueS9hcHAtYWRtaW5cIjtcbmltcG9ydCB7IFByb21wdCB9IGZyb20gXCJAd2ViaW55L3JlYWN0LXJvdXRlclwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgaTE4biB9IGZyb20gXCJAd2ViaW55L2FwcC9pMThuXCI7XG5pbXBvcnQgeyBDaXJjdWxhclByb2dyZXNzIH0gZnJvbSBcIkB3ZWJpbnkvdWkvUHJvZ3Jlc3NcIjtcbmltcG9ydCB7IExlZnRQYW5lbCwgUmlnaHRQYW5lbCwgU3BsaXRWaWV3IH0gZnJvbSBcIkB3ZWJpbnkvYXBwLWFkbWluL2NvbXBvbmVudHMvU3BsaXRWaWV3XCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvSWNvblwiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFRhYiwgVGFicyB9IGZyb20gXCJAd2ViaW55L3VpL1RhYnNcIjtcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEZvcm1JY29uIH0gZnJvbSBcIi4vaWNvbnMvcm91bmQtYXNzaWdubWVudC0yNHB4LnN2Z1wiO1xuaW1wb3J0IHsgRmllbGRzU2lkZWJhciB9IGZyb20gXCIuL0ZpZWxkc1NpZGViYXJcIjtcbmltcG9ydCB7IEZpZWxkRWRpdG9yIH0gZnJvbSBcIi4uL0ZpZWxkRWRpdG9yXCI7XG5pbXBvcnQgeyBQcmV2aWV3VGFiIH0gZnJvbSBcIi4vUHJldmlld1RhYlwiO1xuaW1wb3J0IEhlYWRlciBmcm9tIFwiLi9IZWFkZXJcIjtcbmltcG9ydCBEcmFnUHJldmlldyBmcm9tIFwiLi4vRHJhZ1ByZXZpZXdcIjtcbmltcG9ydCB7IHVzZU1vZGVsRWRpdG9yIH0gZnJvbSBcIi4vdXNlTW9kZWxFZGl0b3JcIjtcbmltcG9ydCB7IENtc0VkaXRvckZpZWxkc0xheW91dCwgQ21zTW9kZWxGaWVsZCB9IGZyb20gXCJ+L3R5cGVzXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlFZGl0b3JXaXRoQ29uZmlnIH0gZnJvbSBcIn4vYWRtaW4vY29uZmlnL2NvbnRlbnRFbnRyaWVzXCI7XG5pbXBvcnQgeyBDb250ZW50RW50cnlQcm92aWRlciB9IGZyb20gXCJ+L2FkbWluL3ZpZXdzL2NvbnRlbnRFbnRyaWVzL0NvbnRlbnRFbnRyeS9Db250ZW50RW50cnlDb250ZXh0XCI7XG5pbXBvcnQgeyBDb250ZW50RW50cmllc1Byb3ZpZGVyIH0gZnJvbSBcIn4vYWRtaW4vdmlld3MvY29udGVudEVudHJpZXMvQ29udGVudEVudHJpZXNDb250ZXh0XCI7XG5pbXBvcnQgeyBNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgfSBmcm9tIFwifi9hZG1pbi9jb21wb25lbnRzL0NvbnRlbnRNb2RlbEVkaXRvci9Nb2RlbElzQmVpbmdEZWxldGVkRXJyb3JcIjtcblxuY29uc3QgdCA9IGkxOG4ubnMoXCJhcHAtaGVhZGxlc3MtY21zL2FkbWluL2VkaXRvclwiKTtcblxuY29uc3QgcHJvbXB0ID0gdGBUaGVyZSBhcmUgc29tZSB1bnNhdmVkIGNoYW5nZXMhIEFyZSB5b3Ugc3VyZSB5b3Ugd2FudCB0byBuYXZpZ2F0ZSBhd2F5IGFuZCBkaXNjYXJkIGFsbCBjaGFuZ2VzP2A7XG5cbmNvbnN0IENvbnRlbnRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmdUb3A6IDY1XG59KTtcblxuZXhwb3J0IGNvbnN0IEVkaXRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBhZGRpbmc6IDQwLFxuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCJcbn0pO1xuXG5jb25zdCBMZWZ0QmFyVGl0bGUgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGJvcmRlckJvdHRvbTogXCIxcHggc29saWQgdmFyKC0tbWRjLXRoZW1lLW9uLWJhY2tncm91bmQpXCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBwYWRkaW5nOiAyNSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtb24tc3VyZmFjZSlcIlxufSk7XG5cbmNvbnN0IHRpdGxlSWNvbiA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyNCxcbiAgICBtYXJnaW5SaWdodDogMTUsXG4gICAgY29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXByaW1hcnkpXCJcbn0pO1xuXG5jb25zdCBMZWZ0QmFyRmllbGRMaXN0ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwYWRkaW5nOiA0MCxcbiAgICBvdmVyZmxvdzogXCJhdXRvXCIsXG4gICAgaGVpZ2h0OiBcImNhbGMoMTAwdmggLSAyNTBweClcIlxufSk7XG5cbmNvbnN0IGZvcm1UYWJzID0gY3NzKHtcbiAgICBcIiYud2ViaW55LXVpLXRhYnNcIjoge1xuICAgICAgICBcIi53ZWJpbnktdWktdGFic19fdGFiLWJhclwiOiB7XG4gICAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IFwidmFyKC0tbWRjLXRoZW1lLXN1cmZhY2UpXCJcbiAgICAgICAgfVxuICAgIH1cbn0pO1xuXG5pbnRlcmZhY2UgT25DaGFuZ2VQYXJhbXMge1xuICAgIGZpZWxkczogQ21zTW9kZWxGaWVsZFtdO1xuICAgIGxheW91dDogQ21zRWRpdG9yRmllbGRzTGF5b3V0O1xufVxuXG5leHBvcnQgY29uc3QgQ29udGVudE1vZGVsRWRpdG9yID0gbWFrZURlY29yYXRhYmxlKFwiQ29udGVudE1vZGVsRWRpdG9yXCIsICgpID0+IHtcbiAgICBjb25zdCB7IGRhdGEsIHNldERhdGEsIGlzUHJpc3RpbmUgfSA9IHVzZU1vZGVsRWRpdG9yKCk7XG5cbiAgICBjb25zdCBbYWN0aXZlVGFiSW5kZXgsIHNldEFjdGl2ZVRhYkluZGV4XSA9IHVzZVN0YXRlKDApO1xuXG4gICAgY29uc3Qgb25DaGFuZ2UgPSAoeyBmaWVsZHMsIGxheW91dCB9OiBPbkNoYW5nZVBhcmFtcykgPT4ge1xuICAgICAgICBzZXREYXRhKGRhdGEgPT4gKHsgLi4uZGF0YSwgZmllbGRzLCBsYXlvdXQgfSkpO1xuICAgIH07XG5cbiAgICBpZiAoIWRhdGEpIHtcbiAgICAgICAgcmV0dXJuIDxDaXJjdWxhclByb2dyZXNzIGxhYmVsPXtcIkxvYWRpbmcgY29udGVudCBtb2RlbC4uLlwifSAvPjtcbiAgICB9IGVsc2UgaWYgKGRhdGEuaXNCZWluZ0RlbGV0ZWQpIHtcbiAgICAgICAgcmV0dXJuIDxNb2RlbElzQmVpbmdEZWxldGVkRXJyb3IgbW9kZWw9e2RhdGF9IC8+O1xuICAgIH1cblxuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPXtcImNvbnRlbnQtbW9kZWwtZWRpdG9yXCJ9PlxuICAgICAgICAgICAgPFByb21wdCB3aGVuPXshaXNQcmlzdGluZX0gbWVzc2FnZT17cHJvbXB0fSAvPlxuICAgICAgICAgICAgPEhlYWRlciAvPlxuICAgICAgICAgICAgPENvbnRlbnRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgPFNwbGl0Vmlldz5cbiAgICAgICAgICAgICAgICAgICAgPExlZnRQYW5lbCBzcGFuPXs0fT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxMZWZ0QmFyVGl0bGU+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb24gY2xhc3NOYW1lPXt0aXRsZUljb259IGljb249ezxGb3JtSWNvbiAvPn0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiaGVhZGxpbmU2XCJ9PkZpZWxkczwvVHlwb2dyYXBoeT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdEJhclRpdGxlPlxuICAgICAgICAgICAgICAgICAgICAgICAgPExlZnRCYXJGaWVsZExpc3Q+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEZpZWxkc1NpZGViYXJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25GaWVsZERyYWdTdGFydD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0QWN0aXZlVGFiSW5kZXgoMCk7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvTGVmdEJhckZpZWxkTGlzdD5cbiAgICAgICAgICAgICAgICAgICAgPC9MZWZ0UGFuZWw+XG4gICAgICAgICAgICAgICAgICAgIDxSaWdodFBhbmVsIHNwYW49ezh9PlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRhYnNcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17YWN0aXZlVGFiSW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtmb3JtVGFic31cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkFjdGl2YXRlPXtlID0+IHNldEFjdGl2ZVRhYkluZGV4KGUpfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUYWIgbGFiZWw9e1wiRWRpdFwifSBkYXRhLXRlc3RpZD17XCJjbXMuZWRpdG9yLnRhYi5lZGl0XCJ9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8RWRpdENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxGaWVsZEVkaXRvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGZpZWxkcz17ZGF0YS5maWVsZHN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGF5b3V0PXtkYXRhLmxheW91dCB8fCBbXX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0VkaXRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9UYWI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRhYiBsYWJlbD17XCJQcmV2aWV3XCJ9IGRhdGEtdGVzdGlkPXtcImNtcy5lZGl0b3IudGFiLnByZXZpZXdcIn0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb250ZW50RW50cnlFZGl0b3JXaXRoQ29uZmlnPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbnRlbnRFbnRyaWVzUHJvdmlkZXIgY29udGVudE1vZGVsPXtkYXRhfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Q29udGVudEVudHJ5UHJvdmlkZXIgcmVhZG9ubHk9e3RydWV9PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8UHJldmlld1RhYiBhY3RpdmVUYWI9e2FjdGl2ZVRhYkluZGV4ID09PSAxfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudEVudHJ5UHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0NvbnRlbnRFbnRyaWVzUHJvdmlkZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29udGVudEVudHJ5RWRpdG9yV2l0aENvbmZpZz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L1RhYj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgICAgICAgICAgICAgPC9SaWdodFBhbmVsPlxuICAgICAgICAgICAgICAgIDwvU3BsaXRWaWV3PlxuICAgICAgICAgICAgPC9Db250ZW50Q29udGFpbmVyPlxuICAgICAgICAgICAgPERyYWdQcmV2aWV3IC8+XG4gICAgICAgIDwvZGl2PlxuICAgICk7XG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var formTabs = (0, _emotion.css)({
-  "&.webiny-ui-tabs": {
-    ".webiny-ui-tabs__tab-bar": {
-      backgroundColor: "var(--mdc-theme-surface)"
-    }
-  }
-});
-var ContentModelEditor = exports.ContentModelEditor = (0, _appAdmin.makeDecoratable)("ContentModelEditor", function () {
-  var _useModelEditor = (0, _useModelEditor2.useModelEditor)(),
-    data = _useModelEditor.data,
-    setData = _useModelEditor.setData,
-    isPristine = _useModelEditor.isPristine;
-  var _useState = (0, _react.useState)(0),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    activeTabIndex = _useState2[0],
-    setActiveTabIndex = _useState2[1];
-  var onChange = function onChange(_ref) {
-    var fields = _ref.fields,
-      layout = _ref.layout;
-    setData(function (data) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, data), {}, {
-        fields: fields,
-        layout: layout
-      });
-    });
+  // Add a class to <body> to trigger global styles while this component is active
+  useEffect(() => {
+    document.body.classList.add("wby-overflow-hidden");
+    return () => {
+      document.body.classList.remove("wby-overflow-hidden");
+    };
+  }, []);
+  const [activeTab, setActiveTab] = useState("edit");
+  const onChange = ({
+    fields,
+    layout
+  }) => {
+    setData(data => ({
+      ...data,
+      fields,
+      layout
+    }));
   };
   if (!data) {
-    return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
-      label: "Loading content model..."
+    return /*#__PURE__*/React.createElement(OverlayLoader, {
+      text: "Loading content model..."
     });
   } else if (data.isBeingDeleted) {
-    return /*#__PURE__*/_react.default.createElement(_ModelIsBeingDeletedError.ModelIsBeingDeletedError, {
+    return /*#__PURE__*/React.createElement(ModelIsBeingDeletedError, {
       model: data
     });
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "content-model-editor"
-  }, /*#__PURE__*/_react.default.createElement(_reactRouter.Prompt, {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "content-model-editor wby-flex-1"
+  }, /*#__PURE__*/React.createElement(Prompt, {
     when: !isPristine,
     message: prompt
-  }), /*#__PURE__*/_react.default.createElement(_Header.default, null), /*#__PURE__*/_react.default.createElement(ContentContainer, null, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
-    span: 4
-  }, /*#__PURE__*/_react.default.createElement(LeftBarTitle, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    className: titleIcon,
-    icon: /*#__PURE__*/_react.default.createElement(_roundAssignment24px.ReactComponent, null)
-  }), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "headline6"
-  }, "Fields")), /*#__PURE__*/_react.default.createElement(LeftBarFieldList, null, /*#__PURE__*/_react.default.createElement(_FieldsSidebar.FieldsSidebar, {
-    onFieldDragStart: function onFieldDragStart() {
-      setActiveTabIndex(0);
-    }
-  }))), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
-    span: 8
-  }, /*#__PURE__*/_react.default.createElement(_Tabs.Tabs, {
-    value: activeTabIndex,
-    className: formTabs,
-    onActivate: function onActivate(e) {
-      return setActiveTabIndex(e);
+  }), /*#__PURE__*/React.createElement(Header, null), /*#__PURE__*/React.createElement("div", {
+    className: "wby-w-full wby-overflow-y-auto wby-h-main-content"
+  }, /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
+    span: 4,
+    className: "wby-bg-neutral-light"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-px-lg wby-py-md"
+  }, /*#__PURE__*/React.createElement(Text, {
+    as: "div",
+    className: "wby-uppercase wby-font-semibold wby-text-neutral-xstrong"
+  }, "Fields")), /*#__PURE__*/React.createElement(Separator, null), /*#__PURE__*/React.createElement("div", {
+    className: "wby-px-lg wby-py-md wby-h-[calc(100vh-98px)] wby-overflow-y-scroll"
+  }, /*#__PURE__*/React.createElement(FieldsSidebar, {
+    onFieldDragStart: () => {
+      setActiveTab("edit");
     }
-  }, /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-    label: "Edit",
-    "data-testid": "cms.editor.tab.edit"
-  }, /*#__PURE__*/_react.default.createElement(EditContainer, null, /*#__PURE__*/_react.default.createElement(_FieldEditor.FieldEditor, {
-    fields: data.fields,
-    layout: data.layout || [],
-    onChange: onChange
-  }))), /*#__PURE__*/_react.default.createElement(_Tabs.Tab, {
-    label: "Preview",
-    "data-testid": "cms.editor.tab.preview"
-  }, /*#__PURE__*/_react.default.createElement(_contentEntries.ContentEntryEditorWithConfig, null, /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.ContentEntriesProvider, {
-    contentModel: data
-  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.ContentEntryProvider, {
-    readonly: true
-  }, /*#__PURE__*/_react.default.createElement(_PreviewTab.PreviewTab, {
-    activeTab: activeTabIndex === 1
-  }))))))))), /*#__PURE__*/_react.default.createElement(_DragPreview.default, null));
+  }))), /*#__PURE__*/React.createElement(RightPanel, {
+    span: 8,
+    className: "wby-bg-neutral-base"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "wby-h-full wby-overflow-y-scroll"
+  }, contentModel && /*#__PURE__*/React.createElement("div", {
+    className: "wby-px-xl wby-pt-lg wby-pb-md-extra"
+  }, /*#__PURE__*/React.createElement(Heading, {
+    level: 4
+  }, contentModel.name), /*#__PURE__*/React.createElement(Text, {
+    size: "sm",
+    className: "wby-text-neutral-muted"
+  }, `Created by ${contentModel.createdBy.displayName}. Last modified: `, /*#__PURE__*/React.createElement(TimeAgo, {
+    datetime: contentModel.savedOn
+  }), ".")), /*#__PURE__*/React.createElement(Tabs, {
+    size: "md",
+    spacing: "xl",
+    separator: true,
+    value: String(activeTab),
+    onValueChange: setActiveTab,
+    tabs: [/*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: "edit",
+      value: "edit",
+      trigger: "Edit",
+      icon: /*#__PURE__*/React.createElement(EditIcon, null),
+      "data-testid": "cms.editor.tab.edit",
+      content: /*#__PURE__*/React.createElement("div", {
+        className: "wby-relative wby-mb-lg"
+      }, /*#__PURE__*/React.createElement(FieldEditor, {
+        fields: data.fields,
+        layout: data.layout || [],
+        onChange: onChange
+      }))
+    }), /*#__PURE__*/React.createElement(Tabs.Tab, {
+      key: "preview",
+      value: "preview",
+      trigger: "Preview",
+      icon: /*#__PURE__*/React.createElement(PreviewIcon, null),
+      "data-testid": "cms.editor.tab.preview",
+      content: /*#__PURE__*/React.createElement(ContentEntryEditorWithConfig, null, /*#__PURE__*/React.createElement(ContentEntriesProvider, {
+        contentModel: data
+      }, /*#__PURE__*/React.createElement(ContentEntryProvider, {
+        readonly: true
+      }, /*#__PURE__*/React.createElement(PreviewTab, {
+        activeTab: activeTab === "preview"
+      }))))
+    })]
+  })))), /*#__PURE__*/React.createElement(DragPreview, null)));
 });
 
 //# sourceMappingURL=ContentModelEditor.js.map

package/admin/components/ContentModelEditor/ContentModelEditor.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_appAdmin","_reactRouter","_emotion","_i18n","_Progress","_SplitView","_Icon","_Typography","_Tabs","_roundAssignment24px","_FieldsSidebar","_FieldEditor","_PreviewTab","_Header","_interopRequireDefault","_DragPreview","_useModelEditor2","_contentEntries","_ContentEntryContext","_ContentEntriesContext","_ModelIsBeingDeletedError","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","t","i18n","ns","prompt","_taggedTemplateLiteral2","default","ContentContainer","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","EditContainer","exports","LeftBarTitle","titleIcon","css","height","marginRight","color","LeftBarFieldList","formTabs","backgroundColor","ContentModelEditor","makeDecoratable","_useModelEditor","useModelEditor","data","setData","isPristine","_useState","useState","_useState2","_slicedToArray2","activeTabIndex","setActiveTabIndex","onChange","_ref","fields","layout","_objectSpread2","createElement","CircularProgress","isBeingDeleted","ModelIsBeingDeletedError","model","className","Prompt","when","message","SplitView","LeftPanel","span","Icon","icon","ReactComponent","Typography","use","FieldsSidebar","onFieldDragStart","RightPanel","Tabs","value","onActivate","e","Tab","FieldEditor","ContentEntryEditorWithConfig","ContentEntriesProvider","contentModel","ContentEntryProvider","readonly","PreviewTab","activeTab"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Prompt } from \"@webiny/react-router\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tab, Tabs } from \"@webiny/ui/Tabs\";\nimport { ReactComponent as FormIcon } from \"./icons/round-assignment-24px.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar\";\nimport { FieldEditor } from \"../FieldEditor\";\nimport { PreviewTab } from \"./PreviewTab\";\nimport Header from \"./Header\";\nimport DragPreview from \"../DragPreview\";\nimport { useModelEditor } from \"./useModelEditor\";\nimport { CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { ContentEntryEditorWithConfig } from \"~/admin/config/contentEntries\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { ModelIsBeingDeletedError } from \"~/admin/components/ContentModelEditor/ModelIsBeingDeletedError\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\nconst ContentContainer = styled(\"div\")({\n    paddingTop: 65\n});\n\nexport const EditContainer = styled(\"div\")({\n    padding: 40,\n    position: \"relative\"\n});\n\nconst LeftBarTitle = styled(\"div\")({\n    borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n    display: \"flex\",\n    alignItems: \"center\",\n    padding: 25,\n    color: \"var(--mdc-theme-on-surface)\"\n});\n\nconst titleIcon = css({\n    height: 24,\n    marginRight: 15,\n    color: \"var(--mdc-theme-primary)\"\n});\n\nconst LeftBarFieldList = styled(\"div\")({\n    padding: 40,\n    overflow: \"auto\",\n    height: \"calc(100vh - 250px)\"\n});\n\nconst formTabs = css({\n    \"&.webiny-ui-tabs\": {\n        \".webiny-ui-tabs__tab-bar\": {\n            backgroundColor: \"var(--mdc-theme-surface)\"\n        }\n    }\n});\n\ninterface OnChangeParams {\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n}\n\nexport const ContentModelEditor = makeDecoratable(\"ContentModelEditor\", () => {\n    const { data, setData, isPristine } = useModelEditor();\n\n    const [activeTabIndex, setActiveTabIndex] = useState(0);\n\n    const onChange = ({ fields, layout }: OnChangeParams) => {\n        setData(data => ({ ...data, fields, layout }));\n    };\n\n    if (!data) {\n        return <CircularProgress label={\"Loading content model...\"} />;\n    } else if (data.isBeingDeleted) {\n        return <ModelIsBeingDeletedError model={data} />;\n    }\n\n    return (\n        <div className={\"content-model-editor\"}>\n            <Prompt when={!isPristine} message={prompt} />\n            <Header />\n            <ContentContainer>\n                <SplitView>\n                    <LeftPanel span={4}>\n                        <LeftBarTitle>\n                            <Icon className={titleIcon} icon={<FormIcon />} />\n                            <Typography use={\"headline6\"}>Fields</Typography>\n                        </LeftBarTitle>\n                        <LeftBarFieldList>\n                            <FieldsSidebar\n                                onFieldDragStart={() => {\n                                    setActiveTabIndex(0);\n                                }}\n                            />\n                        </LeftBarFieldList>\n                    </LeftPanel>\n                    <RightPanel span={8}>\n                        <Tabs\n                            value={activeTabIndex}\n                            className={formTabs}\n                            onActivate={e => setActiveTabIndex(e)}\n                        >\n                            <Tab label={\"Edit\"} data-testid={\"cms.editor.tab.edit\"}>\n                                <EditContainer>\n                                    <FieldEditor\n                                        fields={data.fields}\n                                        layout={data.layout || []}\n                                        onChange={onChange}\n                                    />\n                                </EditContainer>\n                            </Tab>\n                            <Tab label={\"Preview\"} data-testid={\"cms.editor.tab.preview\"}>\n                                <ContentEntryEditorWithConfig>\n                                    <ContentEntriesProvider contentModel={data}>\n                                        <ContentEntryProvider readonly={true}>\n                                            <PreviewTab activeTab={activeTabIndex === 1} />\n                                        </ContentEntryProvider>\n                                    </ContentEntriesProvider>\n                                </ContentEntryEditorWithConfig>\n                            </Tab>\n                        </Tabs>\n                    </RightPanel>\n                </SplitView>\n            </ContentContainer>\n            <DragPreview />\n        </div>\n    );\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","makeDecoratable","Prompt","i18n","LeftPanel","RightPanel","SplitView","Heading","OverlayLoader","Separator","Tabs","Text","TimeAgo","ReactComponent","EditIcon","PreviewIcon","FieldsSidebar","FieldEditor","PreviewTab","Header","DragPreview","useModelEditor","ContentEntryEditorWithConfig","ContentEntryProvider","ContentEntriesProvider","ModelIsBeingDeletedError","t","ns","prompt","ContentModelEditor","data","setData","isPristine","contentModel","document","body","classList","add","remove","activeTab","setActiveTab","onChange","fields","layout","createElement","text","isBeingDeleted","model","className","when","message","span","as","onFieldDragStart","level","name","size","createdBy","displayName","datetime","savedOn","spacing","separator","value","String","onValueChange","tabs","Tab","key","trigger","icon","content","readonly"],"sources":["ContentModelEditor.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { makeDecoratable } from \"@webiny/app-admin\";\nimport { Prompt } from \"@webiny/react-router\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Heading, OverlayLoader, Separator, Tabs, Text, TimeAgo } from \"@webiny/admin-ui\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as PreviewIcon } from \"@webiny/icons/fullscreen.svg\";\nimport { FieldsSidebar } from \"./FieldsSidebar\";\nimport { FieldEditor } from \"../FieldEditor\";\nimport { PreviewTab } from \"./PreviewTab\";\nimport Header from \"./Header\";\nimport DragPreview from \"../DragPreview\";\nimport { useModelEditor } from \"./useModelEditor\";\nimport type { CmsEditorFieldsLayout, CmsModelField } from \"~/types\";\nimport { ContentEntryEditorWithConfig } from \"~/admin/config/contentEntries\";\nimport { ContentEntryProvider } from \"~/admin/views/contentEntries/ContentEntry/ContentEntryContext\";\nimport { ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { ModelIsBeingDeletedError } from \"~/admin/components/ContentModelEditor/ModelIsBeingDeletedError\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/editor\");\n\nconst prompt = t`There are some unsaved changes! Are you sure you want to navigate away and discard all changes?`;\n\ninterface OnChangeParams {\n    fields: CmsModelField[];\n    layout: CmsEditorFieldsLayout;\n}\n\nexport const ContentModelEditor = makeDecoratable(\"ContentModelEditor\", () => {\n    const { data, setData, isPristine, contentModel } = useModelEditor();\n\n    // Add a class to <body> to trigger global styles while this component is active\n    useEffect(() => {\n        document.body.classList.add(\"wby-overflow-hidden\");\n\n        return () => {\n            document.body.classList.remove(\"wby-overflow-hidden\");\n        };\n    }, []);\n\n    const [activeTab, setActiveTab] = useState<string>(\"edit\");\n\n    const onChange = ({ fields, layout }: OnChangeParams) => {\n        setData(data => ({ ...data, fields, layout }));\n    };\n\n    if (!data) {\n        return <OverlayLoader text={\"Loading content model...\"} />;\n    } else if (data.isBeingDeleted) {\n        return <ModelIsBeingDeletedError model={data} />;\n    }\n\n    return (\n        <div className={\"content-model-editor wby-flex-1\"}>\n            <Prompt when={!isPristine} message={prompt} />\n            <Header />\n            <div className={\"wby-w-full wby-overflow-y-auto wby-h-main-content\"}>\n                <SplitView>\n                    <LeftPanel span={4} className={\"wby-bg-neutral-light\"}>\n                        <div className={\"wby-px-lg wby-py-md\"}>\n                            <Text\n                                as={\"div\"}\n                                className={\n                                    \"wby-uppercase wby-font-semibold wby-text-neutral-xstrong\"\n                                }\n                            >\n                                {\"Fields\"}\n                            </Text>\n                        </div>\n                        <Separator />\n                        <div\n                            className={\n                                \"wby-px-lg wby-py-md wby-h-[calc(100vh-98px)] wby-overflow-y-scroll\"\n                            }\n                        >\n                            <FieldsSidebar\n                                onFieldDragStart={() => {\n                                    setActiveTab(\"edit\");\n                                }}\n                            />\n                        </div>\n                    </LeftPanel>\n                    <RightPanel span={8} className={\"wby-bg-neutral-base\"}>\n                        <div className={\"wby-h-full wby-overflow-y-scroll\"}>\n                            {contentModel && (\n                                <div className={\"wby-px-xl wby-pt-lg wby-pb-md-extra\"}>\n                                    <Heading level={4}>{contentModel.name}</Heading>\n                                    <Text size={\"sm\"} className={\"wby-text-neutral-muted\"}>\n                                        {`Created by ${contentModel.createdBy.displayName}. Last modified: `}\n                                        <TimeAgo datetime={contentModel.savedOn} />.\n                                    </Text>\n                                </div>\n                            )}\n                            <Tabs\n                                size={\"md\"}\n                                spacing={\"xl\"}\n                                separator={true}\n                                value={String(activeTab)}\n                                onValueChange={setActiveTab}\n                                tabs={[\n                                    <Tabs.Tab\n                                        key={\"edit\"}\n                                        value={\"edit\"}\n                                        trigger={\"Edit\"}\n                                        icon={<EditIcon />}\n                                        data-testid={\"cms.editor.tab.edit\"}\n                                        content={\n                                            <div className={\"wby-relative wby-mb-lg\"}>\n                                                <FieldEditor\n                                                    fields={data.fields}\n                                                    layout={data.layout || []}\n                                                    onChange={onChange}\n                                                />\n                                            </div>\n                                        }\n                                    />,\n                                    <Tabs.Tab\n                                        key={\"preview\"}\n                                        value={\"preview\"}\n                                        trigger={\"Preview\"}\n                                        icon={<PreviewIcon />}\n                                        data-testid={\"cms.editor.tab.preview\"}\n                                        content={\n                                            <ContentEntryEditorWithConfig>\n                                                <ContentEntriesProvider contentModel={data}>\n                                                    <ContentEntryProvider readonly={true}>\n                                                        <PreviewTab\n                                                            activeTab={activeTab === \"preview\"}\n                                                        />\n                                                    </ContentEntryProvider>\n                                                </ContentEntriesProvider>\n                                            </ContentEntryEditorWithConfig>\n                                        }\n                                    />\n                                ]}\n                            />\n                        </div>\n                    </RightPanel>\n                </SplitView>\n                <DragPreview />\n            </div>\n        </div>\n    );\n});\n"],"mappings":"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","ignoreList":[]}

package/admin/components/ContentModelEditor/ContentModelEditorProvider.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
-import { ApolloClient } from "apollo-client";
-import { GetCmsModelQueryResponse, UpdateCmsModelMutationResponse } from "../../graphql/contentModels";
-import { CmsModel } from "../../../types";
-import { FetchResult } from "apollo-link";
+import type { ApolloClient } from "apollo-client";
+import type { GetCmsModelQueryResponse, UpdateCmsModelMutationResponse } from "../../graphql/contentModels";
+import type { CmsModel } from "../../../types";
+import type { FetchResult } from "apollo-link";
 export interface ContentModelEditorProviderContext {
     apolloClient: ApolloClient<any>;
     data: CmsModel;