@comet/cms-admin 8.20.2 → 9.0.0-beta.1

package/lib/pages/pagesPage/createPagesQuery.js

@@ -1,17 +1,11 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createPagesQuery = void 0;
-var _client = require("@apollo/client");
-var _usePageSearch = require("../pageSearch/usePageSearch");
-var _usePageTree = require("../pageTree/usePageTree");
-var _PageTreeSelectDialog = require("../pageTreeSelect/PageTreeSelectDialog");
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var createPagesQuery = exports.createPagesQuery = function createPagesQuery(_ref) {
+import { gql } from "@apollo/client";
+import { pageSearchFragment } from "../pageSearch/usePageSearch";
+import { pageTreePageFragment } from "../pageTree/usePageTree";
+import { selectedPageFragment } from "../pageTreeSelect/PageTreeSelectDialog";
+export var createPagesQuery = function createPagesQuery(_ref) {
   var _additionalPageTreeNo;
   var additionalPageTreeNodeFragment = _ref.additionalPageTreeNodeFragment;
-  return (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        query Pages($contentScope: PageTreeNodeScopeInput!, $category: String!) {\n            pages: pageTreeNodeList(scope: $contentScope, category: $category) {\n                id\n                ...PageTreePage\n                ...PageSearch\n                ...SelectedPage\n                ", "\n            }\n        }\n        ", "\n        ", "\n        ", "\n        ", "\n    "])), additionalPageTreeNodeFragment ? "...".concat(additionalPageTreeNodeFragment.name) : "", _PageTreeSelectDialog.selectedPageFragment, _usePageTree.pageTreePageFragment, _usePageSearch.pageSearchFragment, (_additionalPageTreeNo = additionalPageTreeNodeFragment === null || additionalPageTreeNodeFragment === void 0 ? void 0 : additionalPageTreeNodeFragment.fragment) !== null && _additionalPageTreeNo !== void 0 ? _additionalPageTreeNo : "");
+  return gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        query Pages($contentScope: PageTreeNodeScopeInput!, $category: String!) {\n            pages: pageTreeNodeList(scope: $contentScope, category: $category) {\n                id\n                ...PageTreePage\n                ...PageSearch\n                ...SelectedPage\n                ", "\n            }\n        }\n        ", "\n        ", "\n        ", "\n        ", "\n    "])), additionalPageTreeNodeFragment ? "...".concat(additionalPageTreeNodeFragment.name) : "", selectedPageFragment, pageTreePageFragment, pageSearchFragment, (_additionalPageTreeNo = additionalPageTreeNodeFragment === null || additionalPageTreeNodeFragment === void 0 ? void 0 : additionalPageTreeNodeFragment.fragment) !== null && _additionalPageTreeNo !== void 0 ? _additionalPageTreeNo : "");
 };

package/lib/pages/resolveHasSaveConflict.js

@@ -1,15 +1,9 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.resolveHasSaveConflict = resolveHasSaveConflict;
-var _dateFns = require("date-fns");
-function resolveHasSaveConflict(referenceDateAsString, newDateAsString) {
+import { addSeconds, isAfter, parseISO, startOfSecond } from "date-fns";
+export function resolveHasSaveConflict(referenceDateAsString, newDateAsString) {
   if (referenceDateAsString != null && newDateAsString != null) {
-    var referenceDate = (0, _dateFns.parseISO)(referenceDateAsString).getMilliseconds() < 500 ? (0, _dateFns.startOfSecond)((0, _dateFns.parseISO)(referenceDateAsString)) : (0, _dateFns.startOfSecond)((0, _dateFns.addSeconds)((0, _dateFns.parseISO)(referenceDateAsString), 1));
-    var newDate = (0, _dateFns.parseISO)(newDateAsString).getMilliseconds() < 500 ? (0, _dateFns.startOfSecond)((0, _dateFns.parseISO)(newDateAsString)) : (0, _dateFns.startOfSecond)((0, _dateFns.addSeconds)((0, _dateFns.parseISO)(newDateAsString), 1));
-    return (0, _dateFns.isAfter)(newDate, referenceDate);
+    var referenceDate = parseISO(referenceDateAsString).getMilliseconds() < 500 ? startOfSecond(parseISO(referenceDateAsString)) : startOfSecond(addSeconds(parseISO(referenceDateAsString), 1));
+    var newDate = parseISO(newDateAsString).getMilliseconds() < 500 ? startOfSecond(parseISO(newDateAsString)) : startOfSecond(addSeconds(parseISO(newDateAsString), 1));
+    return isAfter(newDate, referenceDate);
   }
   return false;
 }

package/lib/pages/usePageTreeDocumentAnchors.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Query: {
     PageTreeNodeDocumentAnchorsNoop: 'PageTreeNodeDocumentAnchorsNoop'
   }

package/lib/pages/usePageTreeDocumentAnchors.js

@@ -1,23 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.usePageTreeNodeDocumentAnchors = usePageTreeNodeDocumentAnchors;
-var _client = require("@apollo/client");
-var _LocalPageTreeNodeDocumentAnchors = require("./LocalPageTreeNodeDocumentAnchors");
-var _pageTreeConfig = require("./pageTreeConfig");
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { gql, useQuery } from "@apollo/client";
+import { useLocalPageTreeNodeAnchors } from "./LocalPageTreeNodeDocumentAnchors";
+import { usePageTreeConfig } from "./pageTreeConfig";
+
 // Noop query to prevent useQuery from crashing, will never be queries
-var noopQuery = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query PageTreeNodeDocumentAnchorsNoop($id: ID!) {\n        pageTreeNode(id: $id) {\n            id\n        }\n    }\n"])));
+var noopQuery = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query PageTreeNodeDocumentAnchorsNoop($id: ID!) {\n        pageTreeNode(id: $id) {\n            id\n        }\n    }\n"])));
 function usePageTreeNodeDocumentAnchors(pageTreeNode) {
   var _documentTypes$pageTr, _data$page;
-  var _usePageTreeConfig = (0, _pageTreeConfig.usePageTreeConfig)(),
+  var _usePageTreeConfig = usePageTreeConfig(),
     documentTypes = _usePageTreeConfig.documentTypes;
-  var localAnchors = (0, _LocalPageTreeNodeDocumentAnchors.useLocalPageTreeNodeAnchors)();
+  var localAnchors = useLocalPageTreeNodeAnchors();
   var shouldFetchRemoteAnchors = pageTreeNode != null && ((_documentTypes$pageTr = documentTypes[pageTreeNode.documentType]) === null || _documentTypes$pageTr === void 0 ? void 0 : _documentTypes$pageTr.getQuery) !== undefined && localAnchors[pageTreeNode.id] === undefined;
-  var _useQuery = (0, _client.useQuery)(shouldFetchRemoteAnchors ?
+  var _useQuery = useQuery(shouldFetchRemoteAnchors ?
     // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
     documentTypes[pageTreeNode.documentType].getQuery : noopQuery, shouldFetchRemoteAnchors ? {
       variables: {
@@ -42,4 +37,5 @@ function usePageTreeNodeDocumentAnchors(pageTreeNode) {
     return undefined;
   }
   return Array.from(new Set(document.anchors(data.page.document)));
-}
+}
+export { usePageTreeNodeDocumentAnchors };

package/lib/pages/useSaveConflict.js

@@ -1,15 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSaveConflict = useSaveConflict;
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactIntl = require("react-intl");
-var _SaveConflictDialog = require("./SaveConflictDialog");
-var _jsxRuntime = require("react/jsx-runtime");
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
@@ -20,22 +8,28 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function useSaveConflict(options) {
+import { Alert, useSnackbarApi } from "@comet/admin";
+import { Snackbar } from "@mui/material";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { SaveConflictDialog } from "./SaveConflictDialog";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function useSaveConflict(options) {
   var checkConflict = options.checkConflict,
     hasChanges = options.hasChanges,
     loadLatestVersion = options.loadLatestVersion,
     onDiscardButtonPressed = options.onDiscardButtonPressed;
-  var snackbarApi = (0, _admin.useSnackbarApi)();
-  var pollingIntervalId = (0, _react.useRef)();
-  var _useState = (0, _react.useState)(false),
+  var snackbarApi = useSnackbarApi();
+  var pollingIntervalId = useRef(undefined);
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     showDialog = _useState2[0],
     setShowDialog = _useState2[1];
-  var _useState3 = (0, _react.useState)(false),
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
     hasConflict = _useState4[0],
     setHasConflict = _useState4[1];
-  var checkChanges = (0, _react.useCallback)(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+  var checkChanges = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
     var newHasConflict;
     return _regenerator().w(function (_context) {
       while (1) switch (_context.n) {
@@ -55,15 +49,15 @@ function useSaveConflict(options) {
           _context.n = 2;
           return loadLatestVersion();
         case 2:
-          snackbarApi.showSnackbar(/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Snackbar, {
+          snackbarApi.showSnackbar(/*#__PURE__*/_jsx(Snackbar, {
             anchorOrigin: {
               vertical: "bottom",
               horizontal: "left"
             },
             autoHideDuration: 5000,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Alert, {
+            children: /*#__PURE__*/_jsx(Alert, {
               severity: "success",
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+              children: /*#__PURE__*/_jsx(FormattedMessage, {
                 id: "comet.saveConflict.autoReloadSuccessfull",
                 defaultMessage: "This content has changed. We've refreshed the page for you."
               })
@@ -88,17 +82,17 @@ function useSaveConflict(options) {
       }
     }, _callee);
   })), [checkConflict, hasChanges, hasConflict, loadLatestVersion, snackbarApi]);
-  var startPolling = (0, _react.useCallback)(function () {
+  var startPolling = useCallback(function () {
     if (!hasConflict) {
       window.clearInterval(pollingIntervalId.current);
       pollingIntervalId.current = window.setInterval(checkChanges, 10000);
     }
   }, [checkChanges, hasConflict]);
-  var stopPolling = (0, _react.useCallback)(function () {
+  var stopPolling = useCallback(function () {
     window.clearInterval(pollingIntervalId.current);
     pollingIntervalId.current = undefined;
   }, []);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     var handleFocus = function handleFocus() {
       if (!hasConflict) {
         checkChanges();
@@ -119,7 +113,7 @@ function useSaveConflict(options) {
       stopPolling();
     };
   }, [checkConflict, snackbarApi, loadLatestVersion, hasChanges, checkChanges, startPolling, stopPolling, hasConflict]);
-  var checkForConflicts = (0, _react.useCallback)(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+  var checkForConflicts = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
     var newHasConflict;
     return _regenerator().w(function (_context2) {
       while (1) switch (_context2.n) {
@@ -139,7 +133,7 @@ function useSaveConflict(options) {
   return {
     checkForConflicts: checkForConflicts,
     hasConflict: hasConflict,
-    dialogs: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SaveConflictDialog.SaveConflictDialog, {
+    dialogs: /*#__PURE__*/_jsx(SaveConflictDialog, {
       open: showDialog,
       onClosePressed: function onClosePressed() {
         stopPolling();

package/lib/pages/useSaveConflictQuery.js

@@ -1,13 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSaveConflictQuery = useSaveConflictQuery;
-var _client = require("@apollo/client");
-var _admin = require("@comet/admin");
-var _useSaveConflict = require("./useSaveConflict");
 var _excluded = ["resolveHasConflict", "skip"];
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
 function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
@@ -20,8 +11,11 @@ function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-function useSaveConflictQuery(query, options, dialogOptions) {
-  var client = (0, _client.useApolloClient)();
+import { useApolloClient } from "@apollo/client";
+import { LocalErrorScopeApolloContext } from "@comet/admin";
+import { useSaveConflict } from "./useSaveConflict";
+export function useSaveConflictQuery(query, options, dialogOptions) {
+  var client = useApolloClient();
   var resolveHasConflict = options.resolveHasConflict,
     skip = options.skip,
     restOptions = _objectWithoutProperties(options, _excluded);
@@ -42,7 +36,7 @@ function useSaveConflictQuery(query, options, dialogOptions) {
             return client.query(_objectSpread({
               query: query,
               fetchPolicy: "no-cache",
-              context: _admin.LocalErrorScopeApolloContext
+              context: LocalErrorScopeApolloContext
             }, restOptions));
           case 2:
             _yield$client$query = _context.v;
@@ -66,7 +60,7 @@ function useSaveConflictQuery(query, options, dialogOptions) {
       return _ref.apply(this, arguments);
     };
   }();
-  return (0, _useSaveConflict.useSaveConflict)(_objectSpread(_objectSpread({
+  return useSaveConflict(_objectSpread(_objectSpread({
     checkConflict: checkConflict
   }, dialogOptions), {}, {
     hasChanges: function hasChanges() {

package/lib/preview/block/BlockPreview.generated.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.namedOperations = void 0;
-var namedOperations = exports.namedOperations = {
+export var namedOperations = {
   Query: {
     BlockPreviewJwt: 'BlockPreviewJwt'
   }

package/lib/preview/block/BlockPreview.js

@@ -1,24 +1,18 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockPreview = BlockPreview;
-var _client = require("@apollo/client");
-var _adminIcons = require("@comet/admin-icons");
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _useIFrameBridge = require("../../blocks/iframebridge/useIFrameBridge");
-var _CometConfigContext = require("../../config/CometConfigContext");
-var _Provider = require("../../contentScope/Provider");
-var _DeviceToggle = require("../common/DeviceToggle");
-var _IFrameViewer = require("../common/IFrameViewer");
-var _VisibilityToggle = require("../common/VisibilityToggle");
-var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
 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)."; }
+import { gql, useQuery } from "@apollo/client";
+import { Minimize } from "@comet/admin-icons";
+import { Grid, IconButton } from "@mui/material";
+import { styled } from "@mui/material/styles";
+import { useEffect } from "react";
+import { useIFrameBridge } from "../../blocks/iframebridge/useIFrameBridge";
+import { useCometConfig } from "../../config/CometConfigContext";
+import { useContentScope } from "../../contentScope/Provider";
+import { DeviceToggle } from "../common/DeviceToggle";
+import { IFrameViewer } from "../common/IFrameViewer";
+import { VisibilityToggle } from "../common/VisibilityToggle";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function BlockPreview(_ref) {
   var url = _ref.url,
     previewState = _ref.previewState,
@@ -28,12 +22,12 @@ function BlockPreview(_ref) {
     showOnlyVisible = _ref$previewApi.showOnlyVisible,
     setShowOnlyVisible = _ref$previewApi.setShowOnlyVisible,
     setMinimized = _ref$previewApi.setMinimized;
-  var iFrameBridge = (0, _useIFrameBridge.useIFrameBridge)();
-  var _useContentScope = (0, _Provider.useContentScope)(),
+  var iFrameBridge = useIFrameBridge();
+  var _useContentScope = useContentScope(),
     scope = _useContentScope.scope;
-  var _useCometConfig = (0, _CometConfigContext.useCometConfig)(),
+  var _useCometConfig = useCometConfig(),
     graphQLApiUrl = _useCometConfig.graphQLApiUrl;
-  var _useQuery = (0, _client.useQuery)((0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            query BlockPreviewJwt($scope: JSONObject!, $url: String!, $includeInvisible: Boolean!) {\n                blockPreviewJwt(scope: $scope, url: $url, includeInvisible: $includeInvisible)\n            }\n        "]))), {
+  var _useQuery = useQuery(gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n            query BlockPreviewJwt($scope: JSONObject!, $url: String!, $includeInvisible: Boolean!) {\n                blockPreviewJwt(scope: $scope, url: $url, includeInvisible: $includeInvisible)\n            }\n        "]))), {
       fetchPolicy: "network-only",
       variables: {
         scope: scope,
@@ -45,7 +39,7 @@ function BlockPreview(_ref) {
     data = _useQuery.data,
     error = _useQuery.error;
   if (error) throw new Error(error.message);
-  (0, _react.useEffect)(function () {
+  useEffect(function () {
     if (iFrameBridge.iFrameReady && data !== null && data !== void 0 && data.blockPreviewJwt) {
       iFrameBridge.sendBlockState(previewState);
       iFrameBridge.sendContentScopeJwt(data.blockPreviewJwt);
@@ -57,39 +51,39 @@ function BlockPreview(_ref) {
       return !minimized;
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(ActionsContainer, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Grid, {
+  return /*#__PURE__*/_jsxs(Root, {
+    children: [/*#__PURE__*/_jsx(ActionsContainer, {
+      children: /*#__PURE__*/_jsxs(Grid, {
         container: true,
         justifyContent: "space-between",
         alignItems: "center",
         wrap: "nowrap",
         spacing: 1,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(MinimizeButton, {
+        children: [/*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(MinimizeButton, {
             onClick: handleMinimizeClick,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Minimize, {})
+            children: /*#__PURE__*/_jsx(Minimize, {})
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeviceToggle.DeviceToggle, {
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(DeviceToggle, {
             device: device,
             onChange: setDevice
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Grid, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VisibilityToggle.VisibilityToggle, {
+        }), /*#__PURE__*/_jsx(Grid, {
+          children: /*#__PURE__*/_jsx(VisibilityToggle, {
             showOnlyVisible: showOnlyVisible,
             onChange: setShowOnlyVisible
           })
         })]
       })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IFrameViewer.IFrameViewer, {
+    }), /*#__PURE__*/_jsx(IFrameViewer, {
       ref: iFrameBridge.iFrameRef,
       device: device,
       initialPageUrl: url
     })]
   });
 }
-var Root = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+var Root = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1rbdv092"
 } : {
   target: "e1rbdv092",
@@ -102,7 +96,7 @@ var Root = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "pro
   styles: "min-width:0;width:100%;height:100%;display:flex;flex-direction:column/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL0Jsb2NrUHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0UwQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJldmlldy9ibG9jay9CbG9ja1ByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ3FsLCB1c2VRdWVyeSB9IGZyb20gXCJAYXBvbGxvL2NsaWVudFwiO1xuaW1wb3J0IHsgTWluaW1pemUgfSBmcm9tIFwiQGNvbWV0L2FkbWluLWljb25zXCI7XG5pbXBvcnQgeyBHcmlkLCBJY29uQnV0dG9uIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZUlGcmFtZUJyaWRnZSB9IGZyb20gXCIuLi8uLi9ibG9ja3MvaWZyYW1lYnJpZGdlL3VzZUlGcmFtZUJyaWRnZVwiO1xuaW1wb3J0IHsgdXNlQ29tZXRDb25maWcgfSBmcm9tIFwiLi4vLi4vY29uZmlnL0NvbWV0Q29uZmlnQ29udGV4dFwiO1xuaW1wb3J0IHsgdXNlQ29udGVudFNjb3BlIH0gZnJvbSBcIi4uLy4uL2NvbnRlbnRTY29wZS9Qcm92aWRlclwiO1xuaW1wb3J0IHsgRGV2aWNlVG9nZ2xlIH0gZnJvbSBcIi4uL2NvbW1vbi9EZXZpY2VUb2dnbGVcIjtcbmltcG9ydCB7IElGcmFtZVZpZXdlciB9IGZyb20gXCIuLi9jb21tb24vSUZyYW1lVmlld2VyXCI7XG5pbXBvcnQgeyBWaXNpYmlsaXR5VG9nZ2xlIH0gZnJvbSBcIi4uL2NvbW1vbi9WaXNpYmlsaXR5VG9nZ2xlXCI7XG5pbXBvcnQgeyB0eXBlIEdRTEJsb2NrUHJldmlld0p3dFF1ZXJ5IH0gZnJvbSBcIi4vQmxvY2tQcmV2aWV3LmdlbmVyYXRlZFwiO1xuaW1wb3J0IHsgdHlwZSBCbG9ja1ByZXZpZXdBcGkgfSBmcm9tIFwiLi91c2VCbG9ja1ByZXZpZXdcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBwcmV2aWV3QXBpOiBCbG9ja1ByZXZpZXdBcGk7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgcHJldmlld1N0YXRlOiB1bmtub3duO1xufVxuXG5mdW5jdGlvbiBCbG9ja1ByZXZpZXcoeyB1cmwsIHByZXZpZXdTdGF0ZSwgcHJldmlld0FwaTogeyBkZXZpY2UsIHNldERldmljZSwgc2hvd09ubHlWaXNpYmxlLCBzZXRTaG93T25seVZpc2libGUsIHNldE1pbmltaXplZCB9IH06IFByb3BzKSB7XG4gICAgY29uc3QgaUZyYW1lQnJpZGdlID0gdXNlSUZyYW1lQnJpZGdlKCk7XG4gICAgY29uc3QgeyBzY29wZSB9ID0gdXNlQ29udGVudFNjb3BlKCk7XG5cbiAgICBjb25zdCB7IGdyYXBoUUxBcGlVcmwgfSA9IHVzZUNvbWV0Q29uZmlnKCk7XG5cbiAgICBjb25zdCB7IGRhdGEsIGVycm9yIH0gPSB1c2VRdWVyeTxHUUxCbG9ja1ByZXZpZXdKd3RRdWVyeT4oXG4gICAgICAgIGdxbGBcbiAgICAgICAgICAgIHF1ZXJ5IEJsb2NrUHJldmlld0p3dCgkc2NvcGU6IEpTT05PYmplY3QhLCAkdXJsOiBTdHJpbmchLCAkaW5jbHVkZUludmlzaWJsZTogQm9vbGVhbiEpIHtcbiAgICAgICAgICAgICAgICBibG9ja1ByZXZpZXdKd3Qoc2NvcGU6ICRzY29wZSwgdXJsOiAkdXJsLCBpbmNsdWRlSW52aXNpYmxlOiAkaW5jbHVkZUludmlzaWJsZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgICAgZmV0Y2hQb2xpY3k6IFwibmV0d29yay1vbmx5XCIsXG4gICAgICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICAgICAgICBzY29wZSxcbiAgICAgICAgICAgICAgICB1cmwsXG4gICAgICAgICAgICAgICAgaW5jbHVkZUludmlzaWJsZTogc2hvd09ubHlWaXNpYmxlID8gZmFsc2UgOiB0cnVlLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHBvbGxJbnRlcnZhbDogMTAwMCAqIDYwICogNjAgKiAyNCwgLy8gZHVlIHRvIGV4cGlyYXRpb24gdGltZSBvZiBqd3RcbiAgICAgICAgfSxcbiAgICApO1xuICAgIGlmIChlcnJvcikgdGhyb3cgbmV3IEVycm9yKGVycm9yLm1lc3NhZ2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKGlGcmFtZUJyaWRnZS5pRnJhbWVSZWFkeSAmJiBkYXRhPy5ibG9ja1ByZXZpZXdKd3QpIHtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kQmxvY2tTdGF0ZShwcmV2aWV3U3RhdGUpO1xuICAgICAgICAgICAgaUZyYW1lQnJpZGdlLnNlbmRDb250ZW50U2NvcGVKd3QoZGF0YS5ibG9ja1ByZXZpZXdKd3QpO1xuICAgICAgICAgICAgaUZyYW1lQnJpZGdlLnNlbmRHcmFwaFFMQXBpVXJsKGdyYXBoUUxBcGlVcmwpO1xuICAgICAgICB9XG4gICAgfSwgW2lGcmFtZUJyaWRnZSwgcHJldmlld1N0YXRlLCBncmFwaFFMQXBpVXJsLCBkYXRhPy5ibG9ja1ByZXZpZXdKd3RdKTtcblxuICAgIGNvbnN0IGhhbmRsZU1pbmltaXplQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgIHNldE1pbmltaXplZCgobWluaW1pemVkKSA9PiAhbWluaW1pemVkKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJvb3Q+XG4gICAgICAgICAgICA8QWN0aW9uc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8R3JpZCBjb250YWluZXIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHdyYXA9XCJub3dyYXBcIiBzcGFjaW5nPXsxfT5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TWluaW1pemVCdXR0b24gb25DbGljaz17aGFuZGxlTWluaW1pemVDbGlja30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPE1pbmltaXplIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L01pbmltaXplQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPERldmljZVRvZ2dsZSBkZXZpY2U9e2RldmljZX0gb25DaGFuZ2U9e3NldERldmljZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxWaXNpYmlsaXR5VG9nZ2xlIHNob3dPbmx5VmlzaWJsZT17c2hvd09ubHlWaXNpYmxlfSBvbkNoYW5nZT17c2V0U2hvd09ubHlWaXNpYmxlfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgPC9BY3Rpb25zQ29udGFpbmVyPlxuICAgICAgICAgICAgPElGcmFtZVZpZXdlciByZWY9e2lGcmFtZUJyaWRnZS5pRnJhbWVSZWZ9IGRldmljZT17ZGV2aWNlfSBpbml0aWFsUGFnZVVybD17dXJsfSAvPlxuICAgICAgICA8L1Jvb3Q+XG4gICAgKTtcbn1cblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbXCJBNDAwXCJdfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHggNHB4IDAgMDtcbmA7XG5cbmNvbnN0IE1pbmltaXplQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgIHdpZHRoOiA1MHB4O1xuICAgIGhlaWdodDogNTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuY29tbW9uLndoaXRlfTtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjMmUzNDQwO1xuYDtcblxuZXhwb3J0IHsgQmxvY2tQcmV2aWV3IH07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var ActionsContainer = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_ENV === "production" ? {
+var ActionsContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
   target: "e1rbdv091"
 } : {
   target: "e1rbdv091",
@@ -111,7 +105,7 @@ var ActionsContainer = /*#__PURE__*/(0, _styles.styled)("div", process.env.NODE_
   var theme = _ref2.theme;
   return theme.palette.grey["A400"];
 }, ";border-radius:4px 4px 0 0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL0Jsb2NrUHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUZzQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJldmlldy9ibG9jay9CbG9ja1ByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ3FsLCB1c2VRdWVyeSB9IGZyb20gXCJAYXBvbGxvL2NsaWVudFwiO1xuaW1wb3J0IHsgTWluaW1pemUgfSBmcm9tIFwiQGNvbWV0L2FkbWluLWljb25zXCI7XG5pbXBvcnQgeyBHcmlkLCBJY29uQnV0dG9uIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZUlGcmFtZUJyaWRnZSB9IGZyb20gXCIuLi8uLi9ibG9ja3MvaWZyYW1lYnJpZGdlL3VzZUlGcmFtZUJyaWRnZVwiO1xuaW1wb3J0IHsgdXNlQ29tZXRDb25maWcgfSBmcm9tIFwiLi4vLi4vY29uZmlnL0NvbWV0Q29uZmlnQ29udGV4dFwiO1xuaW1wb3J0IHsgdXNlQ29udGVudFNjb3BlIH0gZnJvbSBcIi4uLy4uL2NvbnRlbnRTY29wZS9Qcm92aWRlclwiO1xuaW1wb3J0IHsgRGV2aWNlVG9nZ2xlIH0gZnJvbSBcIi4uL2NvbW1vbi9EZXZpY2VUb2dnbGVcIjtcbmltcG9ydCB7IElGcmFtZVZpZXdlciB9IGZyb20gXCIuLi9jb21tb24vSUZyYW1lVmlld2VyXCI7XG5pbXBvcnQgeyBWaXNpYmlsaXR5VG9nZ2xlIH0gZnJvbSBcIi4uL2NvbW1vbi9WaXNpYmlsaXR5VG9nZ2xlXCI7XG5pbXBvcnQgeyB0eXBlIEdRTEJsb2NrUHJldmlld0p3dFF1ZXJ5IH0gZnJvbSBcIi4vQmxvY2tQcmV2aWV3LmdlbmVyYXRlZFwiO1xuaW1wb3J0IHsgdHlwZSBCbG9ja1ByZXZpZXdBcGkgfSBmcm9tIFwiLi91c2VCbG9ja1ByZXZpZXdcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBwcmV2aWV3QXBpOiBCbG9ja1ByZXZpZXdBcGk7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgcHJldmlld1N0YXRlOiB1bmtub3duO1xufVxuXG5mdW5jdGlvbiBCbG9ja1ByZXZpZXcoeyB1cmwsIHByZXZpZXdTdGF0ZSwgcHJldmlld0FwaTogeyBkZXZpY2UsIHNldERldmljZSwgc2hvd09ubHlWaXNpYmxlLCBzZXRTaG93T25seVZpc2libGUsIHNldE1pbmltaXplZCB9IH06IFByb3BzKSB7XG4gICAgY29uc3QgaUZyYW1lQnJpZGdlID0gdXNlSUZyYW1lQnJpZGdlKCk7XG4gICAgY29uc3QgeyBzY29wZSB9ID0gdXNlQ29udGVudFNjb3BlKCk7XG5cbiAgICBjb25zdCB7IGdyYXBoUUxBcGlVcmwgfSA9IHVzZUNvbWV0Q29uZmlnKCk7XG5cbiAgICBjb25zdCB7IGRhdGEsIGVycm9yIH0gPSB1c2VRdWVyeTxHUUxCbG9ja1ByZXZpZXdKd3RRdWVyeT4oXG4gICAgICAgIGdxbGBcbiAgICAgICAgICAgIHF1ZXJ5IEJsb2NrUHJldmlld0p3dCgkc2NvcGU6IEpTT05PYmplY3QhLCAkdXJsOiBTdHJpbmchLCAkaW5jbHVkZUludmlzaWJsZTogQm9vbGVhbiEpIHtcbiAgICAgICAgICAgICAgICBibG9ja1ByZXZpZXdKd3Qoc2NvcGU6ICRzY29wZSwgdXJsOiAkdXJsLCBpbmNsdWRlSW52aXNpYmxlOiAkaW5jbHVkZUludmlzaWJsZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgICAgZmV0Y2hQb2xpY3k6IFwibmV0d29yay1vbmx5XCIsXG4gICAgICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICAgICAgICBzY29wZSxcbiAgICAgICAgICAgICAgICB1cmwsXG4gICAgICAgICAgICAgICAgaW5jbHVkZUludmlzaWJsZTogc2hvd09ubHlWaXNpYmxlID8gZmFsc2UgOiB0cnVlLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHBvbGxJbnRlcnZhbDogMTAwMCAqIDYwICogNjAgKiAyNCwgLy8gZHVlIHRvIGV4cGlyYXRpb24gdGltZSBvZiBqd3RcbiAgICAgICAgfSxcbiAgICApO1xuICAgIGlmIChlcnJvcikgdGhyb3cgbmV3IEVycm9yKGVycm9yLm1lc3NhZ2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKGlGcmFtZUJyaWRnZS5pRnJhbWVSZWFkeSAmJiBkYXRhPy5ibG9ja1ByZXZpZXdKd3QpIHtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kQmxvY2tTdGF0ZShwcmV2aWV3U3RhdGUpO1xuICAgICAgICAgICAgaUZyYW1lQnJpZGdlLnNlbmRDb250ZW50U2NvcGVKd3QoZGF0YS5ibG9ja1ByZXZpZXdKd3QpO1xuICAgICAgICAgICAgaUZyYW1lQnJpZGdlLnNlbmRHcmFwaFFMQXBpVXJsKGdyYXBoUUxBcGlVcmwpO1xuICAgICAgICB9XG4gICAgfSwgW2lGcmFtZUJyaWRnZSwgcHJldmlld1N0YXRlLCBncmFwaFFMQXBpVXJsLCBkYXRhPy5ibG9ja1ByZXZpZXdKd3RdKTtcblxuICAgIGNvbnN0IGhhbmRsZU1pbmltaXplQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgIHNldE1pbmltaXplZCgobWluaW1pemVkKSA9PiAhbWluaW1pemVkKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJvb3Q+XG4gICAgICAgICAgICA8QWN0aW9uc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8R3JpZCBjb250YWluZXIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHdyYXA9XCJub3dyYXBcIiBzcGFjaW5nPXsxfT5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TWluaW1pemVCdXR0b24gb25DbGljaz17aGFuZGxlTWluaW1pemVDbGlja30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPE1pbmltaXplIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L01pbmltaXplQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPERldmljZVRvZ2dsZSBkZXZpY2U9e2RldmljZX0gb25DaGFuZ2U9e3NldERldmljZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxWaXNpYmlsaXR5VG9nZ2xlIHNob3dPbmx5VmlzaWJsZT17c2hvd09ubHlWaXNpYmxlfSBvbkNoYW5nZT17c2V0U2hvd09ubHlWaXNpYmxlfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgPC9BY3Rpb25zQ29udGFpbmVyPlxuICAgICAgICAgICAgPElGcmFtZVZpZXdlciByZWY9e2lGcmFtZUJyaWRnZS5pRnJhbWVSZWZ9IGRldmljZT17ZGV2aWNlfSBpbml0aWFsUGFnZVVybD17dXJsfSAvPlxuICAgICAgICA8L1Jvb3Q+XG4gICAgKTtcbn1cblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbXCJBNDAwXCJdfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHggNHB4IDAgMDtcbmA7XG5cbmNvbnN0IE1pbmltaXplQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgIHdpZHRoOiA1MHB4O1xuICAgIGhlaWdodDogNTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuY29tbW9uLndoaXRlfTtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjMmUzNDQwO1xuYDtcblxuZXhwb3J0IHsgQmxvY2tQcmV2aWV3IH07XG4iXX0= */"));
-var MinimizeButton = /*#__PURE__*/(0, _styles.styled)(_material.IconButton, process.env.NODE_ENV === "production" ? {
+var MinimizeButton = /*#__PURE__*/styled(IconButton, process.env.NODE_ENV === "production" ? {
   target: "e1rbdv090"
 } : {
   target: "e1rbdv090",
@@ -119,4 +113,5 @@ var MinimizeButton = /*#__PURE__*/(0, _styles.styled)(_material.IconButton, proc
 })("width:50px;height:50px;border-radius:0;color:", function (_ref3) {
   var theme = _ref3.theme;
   return theme.palette.common.white;
-}, ";border-right:1px solid #2e3440;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL0Jsb2NrUHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEZ5QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJldmlldy9ibG9jay9CbG9ja1ByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ3FsLCB1c2VRdWVyeSB9IGZyb20gXCJAYXBvbGxvL2NsaWVudFwiO1xuaW1wb3J0IHsgTWluaW1pemUgfSBmcm9tIFwiQGNvbWV0L2FkbWluLWljb25zXCI7XG5pbXBvcnQgeyBHcmlkLCBJY29uQnV0dG9uIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZUlGcmFtZUJyaWRnZSB9IGZyb20gXCIuLi8uLi9ibG9ja3MvaWZyYW1lYnJpZGdlL3VzZUlGcmFtZUJyaWRnZVwiO1xuaW1wb3J0IHsgdXNlQ29tZXRDb25maWcgfSBmcm9tIFwiLi4vLi4vY29uZmlnL0NvbWV0Q29uZmlnQ29udGV4dFwiO1xuaW1wb3J0IHsgdXNlQ29udGVudFNjb3BlIH0gZnJvbSBcIi4uLy4uL2NvbnRlbnRTY29wZS9Qcm92aWRlclwiO1xuaW1wb3J0IHsgRGV2aWNlVG9nZ2xlIH0gZnJvbSBcIi4uL2NvbW1vbi9EZXZpY2VUb2dnbGVcIjtcbmltcG9ydCB7IElGcmFtZVZpZXdlciB9IGZyb20gXCIuLi9jb21tb24vSUZyYW1lVmlld2VyXCI7XG5pbXBvcnQgeyBWaXNpYmlsaXR5VG9nZ2xlIH0gZnJvbSBcIi4uL2NvbW1vbi9WaXNpYmlsaXR5VG9nZ2xlXCI7XG5pbXBvcnQgeyB0eXBlIEdRTEJsb2NrUHJldmlld0p3dFF1ZXJ5IH0gZnJvbSBcIi4vQmxvY2tQcmV2aWV3LmdlbmVyYXRlZFwiO1xuaW1wb3J0IHsgdHlwZSBCbG9ja1ByZXZpZXdBcGkgfSBmcm9tIFwiLi91c2VCbG9ja1ByZXZpZXdcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBwcmV2aWV3QXBpOiBCbG9ja1ByZXZpZXdBcGk7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgcHJldmlld1N0YXRlOiB1bmtub3duO1xufVxuXG5mdW5jdGlvbiBCbG9ja1ByZXZpZXcoeyB1cmwsIHByZXZpZXdTdGF0ZSwgcHJldmlld0FwaTogeyBkZXZpY2UsIHNldERldmljZSwgc2hvd09ubHlWaXNpYmxlLCBzZXRTaG93T25seVZpc2libGUsIHNldE1pbmltaXplZCB9IH06IFByb3BzKSB7XG4gICAgY29uc3QgaUZyYW1lQnJpZGdlID0gdXNlSUZyYW1lQnJpZGdlKCk7XG4gICAgY29uc3QgeyBzY29wZSB9ID0gdXNlQ29udGVudFNjb3BlKCk7XG5cbiAgICBjb25zdCB7IGdyYXBoUUxBcGlVcmwgfSA9IHVzZUNvbWV0Q29uZmlnKCk7XG5cbiAgICBjb25zdCB7IGRhdGEsIGVycm9yIH0gPSB1c2VRdWVyeTxHUUxCbG9ja1ByZXZpZXdKd3RRdWVyeT4oXG4gICAgICAgIGdxbGBcbiAgICAgICAgICAgIHF1ZXJ5IEJsb2NrUHJldmlld0p3dCgkc2NvcGU6IEpTT05PYmplY3QhLCAkdXJsOiBTdHJpbmchLCAkaW5jbHVkZUludmlzaWJsZTogQm9vbGVhbiEpIHtcbiAgICAgICAgICAgICAgICBibG9ja1ByZXZpZXdKd3Qoc2NvcGU6ICRzY29wZSwgdXJsOiAkdXJsLCBpbmNsdWRlSW52aXNpYmxlOiAkaW5jbHVkZUludmlzaWJsZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgICAgZmV0Y2hQb2xpY3k6IFwibmV0d29yay1vbmx5XCIsXG4gICAgICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICAgICAgICBzY29wZSxcbiAgICAgICAgICAgICAgICB1cmwsXG4gICAgICAgICAgICAgICAgaW5jbHVkZUludmlzaWJsZTogc2hvd09ubHlWaXNpYmxlID8gZmFsc2UgOiB0cnVlLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHBvbGxJbnRlcnZhbDogMTAwMCAqIDYwICogNjAgKiAyNCwgLy8gZHVlIHRvIGV4cGlyYXRpb24gdGltZSBvZiBqd3RcbiAgICAgICAgfSxcbiAgICApO1xuICAgIGlmIChlcnJvcikgdGhyb3cgbmV3IEVycm9yKGVycm9yLm1lc3NhZ2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKGlGcmFtZUJyaWRnZS5pRnJhbWVSZWFkeSAmJiBkYXRhPy5ibG9ja1ByZXZpZXdKd3QpIHtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kQmxvY2tTdGF0ZShwcmV2aWV3U3RhdGUpO1xuICAgICAgICAgICAgaUZyYW1lQnJpZGdlLnNlbmRDb250ZW50U2NvcGVKd3QoZGF0YS5ibG9ja1ByZXZpZXdKd3QpO1xuICAgICAgICAgICAgaUZyYW1lQnJpZGdlLnNlbmRHcmFwaFFMQXBpVXJsKGdyYXBoUUxBcGlVcmwpO1xuICAgICAgICB9XG4gICAgfSwgW2lGcmFtZUJyaWRnZSwgcHJldmlld1N0YXRlLCBncmFwaFFMQXBpVXJsLCBkYXRhPy5ibG9ja1ByZXZpZXdKd3RdKTtcblxuICAgIGNvbnN0IGhhbmRsZU1pbmltaXplQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgIHNldE1pbmltaXplZCgobWluaW1pemVkKSA9PiAhbWluaW1pemVkKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJvb3Q+XG4gICAgICAgICAgICA8QWN0aW9uc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8R3JpZCBjb250YWluZXIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHdyYXA9XCJub3dyYXBcIiBzcGFjaW5nPXsxfT5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TWluaW1pemVCdXR0b24gb25DbGljaz17aGFuZGxlTWluaW1pemVDbGlja30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPE1pbmltaXplIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L01pbmltaXplQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPERldmljZVRvZ2dsZSBkZXZpY2U9e2RldmljZX0gb25DaGFuZ2U9e3NldERldmljZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxWaXNpYmlsaXR5VG9nZ2xlIHNob3dPbmx5VmlzaWJsZT17c2hvd09ubHlWaXNpYmxlfSBvbkNoYW5nZT17c2V0U2hvd09ubHlWaXNpYmxlfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgPC9BY3Rpb25zQ29udGFpbmVyPlxuICAgICAgICAgICAgPElGcmFtZVZpZXdlciByZWY9e2lGcmFtZUJyaWRnZS5pRnJhbWVSZWZ9IGRldmljZT17ZGV2aWNlfSBpbml0aWFsUGFnZVVybD17dXJsfSAvPlxuICAgICAgICA8L1Jvb3Q+XG4gICAgKTtcbn1cblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbXCJBNDAwXCJdfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHggNHB4IDAgMDtcbmA7XG5cbmNvbnN0IE1pbmltaXplQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgIHdpZHRoOiA1MHB4O1xuICAgIGhlaWdodDogNTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuY29tbW9uLndoaXRlfTtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjMmUzNDQwO1xuYDtcblxuZXhwb3J0IHsgQmxvY2tQcmV2aWV3IH07XG4iXX0= */"));
+}, ";border-right:1px solid #2e3440;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wcmV2aWV3L2Jsb2NrL0Jsb2NrUHJldmlldy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEZ5QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcHJldmlldy9ibG9jay9CbG9ja1ByZXZpZXcudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ3FsLCB1c2VRdWVyeSB9IGZyb20gXCJAYXBvbGxvL2NsaWVudFwiO1xuaW1wb3J0IHsgTWluaW1pemUgfSBmcm9tIFwiQGNvbWV0L2FkbWluLWljb25zXCI7XG5pbXBvcnQgeyBHcmlkLCBJY29uQnV0dG9uIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuaW1wb3J0IHsgdXNlRWZmZWN0IH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCB7IHVzZUlGcmFtZUJyaWRnZSB9IGZyb20gXCIuLi8uLi9ibG9ja3MvaWZyYW1lYnJpZGdlL3VzZUlGcmFtZUJyaWRnZVwiO1xuaW1wb3J0IHsgdXNlQ29tZXRDb25maWcgfSBmcm9tIFwiLi4vLi4vY29uZmlnL0NvbWV0Q29uZmlnQ29udGV4dFwiO1xuaW1wb3J0IHsgdXNlQ29udGVudFNjb3BlIH0gZnJvbSBcIi4uLy4uL2NvbnRlbnRTY29wZS9Qcm92aWRlclwiO1xuaW1wb3J0IHsgRGV2aWNlVG9nZ2xlIH0gZnJvbSBcIi4uL2NvbW1vbi9EZXZpY2VUb2dnbGVcIjtcbmltcG9ydCB7IElGcmFtZVZpZXdlciB9IGZyb20gXCIuLi9jb21tb24vSUZyYW1lVmlld2VyXCI7XG5pbXBvcnQgeyBWaXNpYmlsaXR5VG9nZ2xlIH0gZnJvbSBcIi4uL2NvbW1vbi9WaXNpYmlsaXR5VG9nZ2xlXCI7XG5pbXBvcnQgeyB0eXBlIEdRTEJsb2NrUHJldmlld0p3dFF1ZXJ5IH0gZnJvbSBcIi4vQmxvY2tQcmV2aWV3LmdlbmVyYXRlZFwiO1xuaW1wb3J0IHsgdHlwZSBCbG9ja1ByZXZpZXdBcGkgfSBmcm9tIFwiLi91c2VCbG9ja1ByZXZpZXdcIjtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBwcmV2aWV3QXBpOiBCbG9ja1ByZXZpZXdBcGk7XG4gICAgdXJsOiBzdHJpbmc7XG4gICAgcHJldmlld1N0YXRlOiB1bmtub3duO1xufVxuXG5mdW5jdGlvbiBCbG9ja1ByZXZpZXcoeyB1cmwsIHByZXZpZXdTdGF0ZSwgcHJldmlld0FwaTogeyBkZXZpY2UsIHNldERldmljZSwgc2hvd09ubHlWaXNpYmxlLCBzZXRTaG93T25seVZpc2libGUsIHNldE1pbmltaXplZCB9IH06IFByb3BzKSB7XG4gICAgY29uc3QgaUZyYW1lQnJpZGdlID0gdXNlSUZyYW1lQnJpZGdlKCk7XG4gICAgY29uc3QgeyBzY29wZSB9ID0gdXNlQ29udGVudFNjb3BlKCk7XG5cbiAgICBjb25zdCB7IGdyYXBoUUxBcGlVcmwgfSA9IHVzZUNvbWV0Q29uZmlnKCk7XG5cbiAgICBjb25zdCB7IGRhdGEsIGVycm9yIH0gPSB1c2VRdWVyeTxHUUxCbG9ja1ByZXZpZXdKd3RRdWVyeT4oXG4gICAgICAgIGdxbGBcbiAgICAgICAgICAgIHF1ZXJ5IEJsb2NrUHJldmlld0p3dCgkc2NvcGU6IEpTT05PYmplY3QhLCAkdXJsOiBTdHJpbmchLCAkaW5jbHVkZUludmlzaWJsZTogQm9vbGVhbiEpIHtcbiAgICAgICAgICAgICAgICBibG9ja1ByZXZpZXdKd3Qoc2NvcGU6ICRzY29wZSwgdXJsOiAkdXJsLCBpbmNsdWRlSW52aXNpYmxlOiAkaW5jbHVkZUludmlzaWJsZSlcbiAgICAgICAgICAgIH1cbiAgICAgICAgYCxcbiAgICAgICAge1xuICAgICAgICAgICAgZmV0Y2hQb2xpY3k6IFwibmV0d29yay1vbmx5XCIsXG4gICAgICAgICAgICB2YXJpYWJsZXM6IHtcbiAgICAgICAgICAgICAgICBzY29wZSxcbiAgICAgICAgICAgICAgICB1cmwsXG4gICAgICAgICAgICAgICAgaW5jbHVkZUludmlzaWJsZTogc2hvd09ubHlWaXNpYmxlID8gZmFsc2UgOiB0cnVlLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIHBvbGxJbnRlcnZhbDogMTAwMCAqIDYwICogNjAgKiAyNCwgLy8gZHVlIHRvIGV4cGlyYXRpb24gdGltZSBvZiBqd3RcbiAgICAgICAgfSxcbiAgICApO1xuICAgIGlmIChlcnJvcikgdGhyb3cgbmV3IEVycm9yKGVycm9yLm1lc3NhZ2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKGlGcmFtZUJyaWRnZS5pRnJhbWVSZWFkeSAmJiBkYXRhPy5ibG9ja1ByZXZpZXdKd3QpIHtcbiAgICAgICAgICAgIGlGcmFtZUJyaWRnZS5zZW5kQmxvY2tTdGF0ZShwcmV2aWV3U3RhdGUpO1xuICAgICAgICAgICAgaUZyYW1lQnJpZGdlLnNlbmRDb250ZW50U2NvcGVKd3QoZGF0YS5ibG9ja1ByZXZpZXdKd3QpO1xuICAgICAgICAgICAgaUZyYW1lQnJpZGdlLnNlbmRHcmFwaFFMQXBpVXJsKGdyYXBoUUxBcGlVcmwpO1xuICAgICAgICB9XG4gICAgfSwgW2lGcmFtZUJyaWRnZSwgcHJldmlld1N0YXRlLCBncmFwaFFMQXBpVXJsLCBkYXRhPy5ibG9ja1ByZXZpZXdKd3RdKTtcblxuICAgIGNvbnN0IGhhbmRsZU1pbmltaXplQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgIHNldE1pbmltaXplZCgobWluaW1pemVkKSA9PiAhbWluaW1pemVkKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJvb3Q+XG4gICAgICAgICAgICA8QWN0aW9uc0NvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8R3JpZCBjb250YWluZXIganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIHdyYXA9XCJub3dyYXBcIiBzcGFjaW5nPXsxfT5cbiAgICAgICAgICAgICAgICAgICAgPEdyaWQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8TWluaW1pemVCdXR0b24gb25DbGljaz17aGFuZGxlTWluaW1pemVDbGlja30+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPE1pbmltaXplIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L01pbmltaXplQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgICAgIDxHcmlkPlxuICAgICAgICAgICAgICAgICAgICAgICAgPERldmljZVRvZ2dsZSBkZXZpY2U9e2RldmljZX0gb25DaGFuZ2U9e3NldERldmljZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgICAgICAgICA8R3JpZD5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxWaXNpYmlsaXR5VG9nZ2xlIHNob3dPbmx5VmlzaWJsZT17c2hvd09ubHlWaXNpYmxlfSBvbkNoYW5nZT17c2V0U2hvd09ubHlWaXNpYmxlfSAvPlxuICAgICAgICAgICAgICAgICAgICA8L0dyaWQ+XG4gICAgICAgICAgICAgICAgPC9HcmlkPlxuICAgICAgICAgICAgPC9BY3Rpb25zQ29udGFpbmVyPlxuICAgICAgICAgICAgPElGcmFtZVZpZXdlciByZWY9e2lGcmFtZUJyaWRnZS5pRnJhbWVSZWZ9IGRldmljZT17ZGV2aWNlfSBpbml0aWFsUGFnZVVybD17dXJsfSAvPlxuICAgICAgICA8L1Jvb3Q+XG4gICAgKTtcbn1cblxuY29uc3QgUm9vdCA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBtaW4td2lkdGg6IDA7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmA7XG5cbmNvbnN0IEFjdGlvbnNDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmdyZXlbXCJBNDAwXCJdfTtcbiAgICBib3JkZXItcmFkaXVzOiA0cHggNHB4IDAgMDtcbmA7XG5cbmNvbnN0IE1pbmltaXplQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgIHdpZHRoOiA1MHB4O1xuICAgIGhlaWdodDogNTBweDtcbiAgICBib3JkZXItcmFkaXVzOiAwO1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUuY29tbW9uLndoaXRlfTtcbiAgICBib3JkZXItcmlnaHQ6IDFweCBzb2xpZCAjMmUzNDQwO1xuYDtcblxuZXhwb3J0IHsgQmxvY2tQcmV2aWV3IH07XG4iXX0= */"));
+export { BlockPreview };

package/lib/preview/block/BlockPreviewWithTabs.js

@@ -1,19 +1,13 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockPreviewWithTabs = BlockPreviewWithTabs;
-var _BlockAdminTabs = require("../../blocks/common/BlockAdminTabs");
-var _IFrameBridge = require("../../blocks/iframebridge/IFrameBridge");
-var _SplitPreview = require("./SplitPreview");
-var _jsxRuntime = require("react/jsx-runtime");
 function _toArray(r) { return _arrayWithHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { BlockAdminTabs } from "../../blocks/common/BlockAdminTabs";
+import { IFrameBridgeProvider } from "../../blocks/iframebridge/IFrameBridge";
+import { SplitPreview } from "./SplitPreview";
+import { jsx as _jsx } from "react/jsx-runtime";
 function BlockPreviewWithTabs(_ref) {
   var children = _ref.children,
     previewApi = _ref.previewApi,
@@ -24,20 +18,21 @@ function BlockPreviewWithTabs(_ref) {
     var _children = _toArray(children),
       firstTab = _children[0],
       otherTabs = _arrayLikeToArray(_children).slice(1);
-    pageContent = [firstTab.content, /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminTabs.BlockAdminTabs, {
+    pageContent = [firstTab.content, /*#__PURE__*/_jsx(BlockAdminTabs, {
       children: otherTabs
     }, "1")];
   } else {
-    pageContent = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockAdminTabs.BlockAdminTabs, {
+    pageContent = /*#__PURE__*/_jsx(BlockAdminTabs, {
       children: children
     });
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_IFrameBridge.IFrameBridgeProvider, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitPreview.SplitPreview, {
+  return /*#__PURE__*/_jsx(IFrameBridgeProvider, {
+    children: /*#__PURE__*/_jsx(SplitPreview, {
       url: previewUrl,
       previewState: previewState,
       previewApi: previewApi,
       children: pageContent
     })
   }, previewUrl);
-}
+}
+export { BlockPreviewWithTabs };

package/lib/preview/block/SplitPreview.js

@@ -1,21 +1,15 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SplitPreview = SplitPreview;
-var _admin = require("@comet/admin");
-var _material = require("@mui/material");
-var _react = require("react");
-var _BlockPreview = require("./BlockPreview");
-var _SplitPreview = require("./SplitPreview.sc");
-var _jsxRuntime = require("react/jsx-runtime");
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useWindowSize } from "@comet/admin";
+import { Box } from "@mui/material";
+import { useEffect, useRef, useState } from "react";
+import { BlockPreview } from "./BlockPreview";
+import { Column, FirstColumnContainer, MaximizeButton, MaximizeIcon, PreviewContainer, Root, Split } from "./SplitPreview.sc";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function SplitPreview(_ref) {
   var url = _ref.url,
     previewState = _ref.previewState,
@@ -23,13 +17,13 @@ function SplitPreview(_ref) {
     previewApi = _ref.previewApi;
   var minimized = previewApi.minimized,
     setMinimized = previewApi.setMinimized;
-  var rootRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(0),
+  var rootRef = useRef(null);
+  var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     columnHeight = _useState2[0],
     setColumnHeight = _useState2[1];
-  var windowSize = (0, _admin.useWindowSize)();
-  (0, _react.useEffect)(function () {
+  var windowSize = useWindowSize();
+  useEffect(function () {
     if (rootRef.current) {
       setColumnHeight(windowSize.height - rootRef.current.getBoundingClientRect().y);
     }
@@ -49,34 +43,35 @@ function SplitPreview(_ref) {
   };
   var initialBlockListWidth = 100 / 3;
   var initialPreviewWidth = 100 - initialBlockListWidth;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitPreview.Root, {
+  return /*#__PURE__*/_jsx(Root, {
     ref: rootRef,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SplitPreview.Split, {
+    children: /*#__PURE__*/_jsxs(Split, {
       sizes: [initialPreviewWidth, initialBlockListWidth],
       minSize: 360,
       gutterSize: 40,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_SplitPreview.Column, {
+      children: [/*#__PURE__*/_jsxs(Column, {
         height: columnHeight,
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitPreview.FirstColumnContainer, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        children: [/*#__PURE__*/_jsx(FirstColumnContainer, {
+          children: /*#__PURE__*/_jsx(Box, {
             paddingBottom: 4,
             children: firstColumn
           })
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SplitPreview.PreviewContainer, {
+        }), /*#__PURE__*/_jsxs(PreviewContainer, {
           minimized: minimized,
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_BlockPreview.BlockPreview, {
+          children: [/*#__PURE__*/_jsx(BlockPreview, {
             url: url,
             previewState: previewState,
             previewApi: previewApi
-          }), minimized && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitPreview.MaximizeButton, {
+          }), minimized && /*#__PURE__*/_jsx(MaximizeButton, {
             onClick: handleMaximizeClick,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitPreview.MaximizeIcon, {})
+            children: /*#__PURE__*/_jsx(MaximizeIcon, {})
           })]
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_SplitPreview.Column, {
+      }), /*#__PURE__*/_jsx(Column, {
         height: columnHeight,
         children: secondColumn
       })]
     })
   });
-}
+}
+export { SplitPreview };