@dextinity/cms-admin 2.0.0-canary-20260729062014

package/lib/pages/pagesPage/PagesPageActionToolbar.js

@@ -0,0 +1,505 @@
+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); }
+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 _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 { useApolloClient } from "@apollo/client";
+import { Button, Tooltip, UndoSnackbar, useSnackbarApi } from "@dextinity/admin";
+import { Archive, Copy, Delete, Offline, Online, Paste, ThreeDotSaving, Translate, TreeCollapseAll } from "@dextinity/admin-icons";
+import { Checkbox, Grid, IconButton, useTheme } from "@mui/material";
+import { useState } from "react";
+import { FormattedMessage } from "react-intl";
+import { deletePageMutation } from "../pageTree/Page";
+import { PageDeleteDialog } from "../pageTree/PageDeleteDialog";
+import { traverse, treeMapToArray } from "../pageTree/treemap/TreeMapUtils";
+import { useCopyPastePages } from "../pageTree/useCopyPastePages";
+import { usePageTreeContext } from "../pageTree/usePageTreeContext";
+import { useTranslatePagesAction } from "../pageTree/useTranslatePagesAction";
+import { usePageTreeConfig } from "../pageTreeConfig";
+import { areAllSubTreesFullSelected } from "./areAllSubTreesFullSelected";
+import { ConfirmPageActionDialog } from "./ConfirmPageActionDialog";
+import { PageCanNotDeleteDialog } from "./PageCanNotDeleteDialog";
+import { CenterContainer, Root, SelectAllLabel, Separator } from "./PagesPageActionToolbar.sc";
+import { pageTreeBatchResetVisibility, pageTreeBatchUpdateVisibility } from "./PagesPageActionToolbarBatchUpdateHelper";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var PagesPageActionToolbar = function PagesPageActionToolbar(_ref) {
+  var selectedState = _ref.selectedState,
+    selectedTree = _ref.selectedTree,
+    onSelectAllPressed = _ref.onSelectAllPressed,
+    collapseAllDisabled = _ref.collapseAllDisabled,
+    onCollapseAllPressed = _ref.onCollapseAllPressed;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    showCanNotDeleteDialog = _useState2[0],
+    setShowCanNotDeleteDialog = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    showDeleteDialog = _useState4[0],
+    setShowDeleteDialog = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    confirmAction = _useState6[0],
+    setConfirmAction = _useState6[1];
+  var _usePageTreeContext = usePageTreeContext(),
+    tree = _usePageTreeContext.tree;
+  var _usePageTreeConfig = usePageTreeConfig(),
+    documentTypes = _usePageTreeConfig.documentTypes,
+    _usePageTreeConfig$al = _usePageTreeConfig.allowPageDelete,
+    allowPageDelete = _usePageTreeConfig$al === void 0 ? true : _usePageTreeConfig$al;
+  var selectedPages = treeMapToArray(selectedTree);
+  var _useTranslatePagesAct = useTranslatePagesAction({
+      pages: selectedPages,
+      documentTypes: documentTypes
+    }),
+    translateDialogs = _useTranslatePagesAct.dialogs,
+    translating = _useTranslatePagesAct.translating,
+    translateEnabled = _useTranslatePagesAct.enabled,
+    hasTranslatableContent = _useTranslatePagesAct.hasTranslatableContent,
+    openTranslateDialog = _useTranslatePagesAct.openDialog;
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    publishLoading = _useState8[0],
+    setPublishLoading = _useState8[1];
+  var _useState9 = useState(false),
+    _useState0 = _slicedToArray(_useState9, 2),
+    unpublishLoading = _useState0[0],
+    setUnpublishLoading = _useState0[1];
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    archiveLoading = _useState10[0],
+    setArchiveLoading = _useState10[1];
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    copyLoading = _useState12[0],
+    setCopyLoading = _useState12[1];
+  var _useState13 = useState(false),
+    _useState14 = _slicedToArray(_useState13, 2),
+    pasteLoading = _useState14[0],
+    setPasteLoading = _useState14[1];
+  var _useState15 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    deleting = _useState16[0],
+    setDeleting = _useState16[1];
+  var _useCopyPastePages = useCopyPastePages(),
+    prepareForClipboard = _useCopyPastePages.prepareForClipboard,
+    writeToClipboard = _useCopyPastePages.writeToClipboard,
+    getFromClipboard = _useCopyPastePages.getFromClipboard,
+    sendPages = _useCopyPastePages.sendPages,
+    progressDialog = _useCopyPastePages.progressDialog;
+  var theme = useTheme();
+  var client = useApolloClient();
+  var snackbarApi = useSnackbarApi();
+  var showUndoSnackbar = function showUndoSnackbar(pageTreeNodes, message) {
+    snackbarApi.showSnackbar(/*#__PURE__*/_jsx(UndoSnackbar, {
+      message: message,
+      payload: pageTreeNodes,
+      onUndoClick: (/*#__PURE__*/function () {
+        var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(pageTreeNodes) {
+          return _regenerator().w(function (_context) {
+            while (1) switch (_context.n) {
+              case 0:
+                if (!pageTreeNodes) {
+                  _context.n = 1;
+                  break;
+                }
+                _context.n = 1;
+                return pageTreeBatchResetVisibility(client, pageTreeNodes);
+              case 1:
+                return _context.a(2);
+            }
+          }, _callee);
+        }));
+        return function (_x) {
+          return _ref2.apply(this, arguments);
+        };
+      }())
+    }));
+  };
+  var handlePublish = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+      var pageTreeNodes;
+      return _regenerator().w(function (_context2) {
+        while (1) switch (_context2.n) {
+          case 0:
+            setPublishLoading(true);
+            pageTreeNodes = treeMapToArray(selectedTree);
+            _context2.n = 1;
+            return pageTreeBatchUpdateVisibility(client, pageTreeNodes, "Published");
+          case 1:
+            setPublishLoading(false);
+            showUndoSnackbar(pageTreeNodes, /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "comet.pagesPageActionToolbar.undo.publishedSelected",
+              defaultMessage: "Published selected pages"
+            }));
+          case 2:
+            return _context2.a(2);
+        }
+      }, _callee2);
+    }));
+    return function handlePublish() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handleUnpublish = /*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3() {
+      var pageTreeNodes;
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
+          case 0:
+            setUnpublishLoading(true);
+            pageTreeNodes = treeMapToArray(selectedTree);
+            _context3.n = 1;
+            return pageTreeBatchUpdateVisibility(client, pageTreeNodes, "Unpublished");
+          case 1:
+            setUnpublishLoading(false);
+            showUndoSnackbar(pageTreeNodes, /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "comet.pagesPageActionToolbar.undo.unpublishedSelected",
+              defaultMessage: "Unpublished selected pages"
+            }));
+          case 2:
+            return _context3.a(2);
+        }
+      }, _callee3);
+    }));
+    return function handleUnpublish() {
+      return _ref4.apply(this, arguments);
+    };
+  }();
+  var handleArchive = /*#__PURE__*/function () {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee4() {
+      var pageTreeNodes;
+      return _regenerator().w(function (_context4) {
+        while (1) switch (_context4.n) {
+          case 0:
+            setArchiveLoading(true);
+            pageTreeNodes = treeMapToArray(selectedTree);
+            _context4.n = 1;
+            return pageTreeBatchUpdateVisibility(client, pageTreeNodes, "Archived");
+          case 1:
+            setArchiveLoading(false);
+            showUndoSnackbar(pageTreeNodes, /*#__PURE__*/_jsx(FormattedMessage, {
+              id: "comet.pagesPageActionToolbar.undo.archivedSelected",
+              defaultMessage: "Archived selected pages"
+            }));
+          case 2:
+            return _context4.a(2);
+        }
+      }, _callee4);
+    }));
+    return function handleArchive() {
+      return _ref5.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [progressDialog, /*#__PURE__*/_jsxs(Root, {
+      container: true,
+      justifyContent: "space-between",
+      children: [/*#__PURE__*/_jsx(Grid, {
+        children: /*#__PURE__*/_jsx(SelectAllLabel, {
+          control: /*#__PURE__*/_jsx(Checkbox, {
+            checked: selectedState === "all_selected",
+            indeterminate: selectedState === "some_selected",
+            onChange: onSelectAllPressed
+          }),
+          label: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pagesPageActionToolbar.selectAll",
+            defaultMessage: "Select all"
+          })
+        })
+      }), /*#__PURE__*/_jsxs(CenterContainer, {
+        children: [/*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pagesPageActionToolbar.tooltip.publish",
+            defaultMessage: "Publish"
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              disabled: selectedTree.size === 0,
+              onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee5() {
+                return _regenerator().w(function (_context5) {
+                  while (1) switch (_context5.n) {
+                    case 0:
+                      setConfirmAction({
+                        action: "publish",
+                        handleAction: handlePublish
+                      });
+                    case 1:
+                      return _context5.a(2);
+                  }
+                }, _callee5);
+              })),
+              size: "large",
+              children: !publishLoading ? /*#__PURE__*/_jsx(Online, {
+                htmlColor: selectedTree.size > 0 ? theme.palette.success.main : undefined
+              }) : /*#__PURE__*/_jsx(ThreeDotSaving, {})
+            })
+          })
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pagesPageActionToolbar.tooltip.unpublish",
+            defaultMessage: "Unpublish"
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              disabled: selectedTree.size === 0,
+              onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee6() {
+                return _regenerator().w(function (_context6) {
+                  while (1) switch (_context6.n) {
+                    case 0:
+                      setConfirmAction({
+                        action: "unpublish",
+                        handleAction: handleUnpublish
+                      });
+                    case 1:
+                      return _context6.a(2);
+                  }
+                }, _callee6);
+              })),
+              size: "large",
+              children: !unpublishLoading ? /*#__PURE__*/_jsx(Offline, {}) : /*#__PURE__*/_jsx(ThreeDotSaving, {})
+            })
+          })
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pagesPageActionToolbar.tooltip.archive",
+            defaultMessage: "Archive"
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              disabled: selectedTree.size === 0,
+              onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee7() {
+                return _regenerator().w(function (_context7) {
+                  while (1) switch (_context7.n) {
+                    case 0:
+                      setConfirmAction({
+                        action: "archive",
+                        handleAction: handleArchive
+                      });
+                    case 1:
+                      return _context7.a(2);
+                  }
+                }, _callee7);
+              })),
+              size: "large",
+              children: !archiveLoading ? /*#__PURE__*/_jsx(Archive, {}) : /*#__PURE__*/_jsx(ThreeDotSaving, {})
+            })
+          })
+        }), /*#__PURE__*/_jsx(Separator, {}), /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pagesPageActionToolbar.tooltip.copy",
+            defaultMessage: "Copy"
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              disabled: selectedTree.size === 0,
+              onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee8() {
+                var pagesAsArray, pagesClipboard;
+                return _regenerator().w(function (_context8) {
+                  while (1) switch (_context8.n) {
+                    case 0:
+                      setCopyLoading(true);
+                      pagesAsArray = treeMapToArray(selectedTree, "root");
+                      _context8.n = 1;
+                      return prepareForClipboard(pagesAsArray);
+                    case 1:
+                      pagesClipboard = _context8.v;
+                      _context8.n = 2;
+                      return writeToClipboard(pagesClipboard);
+                    case 2:
+                      setCopyLoading(false);
+                    case 3:
+                      return _context8.a(2);
+                  }
+                }, _callee8);
+              })),
+              size: "large",
+              children: !copyLoading ? /*#__PURE__*/_jsx(Copy, {}) : /*#__PURE__*/_jsx(ThreeDotSaving, {})
+            })
+          })
+        }), /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pagesPageActionToolbar.tooltip.paste",
+            defaultMessage: "Paste"
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee9() {
+                var pages;
+                return _regenerator().w(function (_context9) {
+                  while (1) switch (_context9.n) {
+                    case 0:
+                      setPasteLoading(true);
+                      _context9.n = 1;
+                      return getFromClipboard();
+                    case 1:
+                      pages = _context9.v;
+                      if (!pages.canPaste) {
+                        _context9.n = 2;
+                        break;
+                      }
+                      _context9.n = 2;
+                      return sendPages(null, pages.content, {
+                        targetPos: undefined
+                      });
+                    case 2:
+                      setPasteLoading(false);
+                    case 3:
+                      return _context9.a(2);
+                  }
+                }, _callee9);
+              })),
+              disabled: false /* TODO: enable/disable paste possibility*/,
+              size: "large",
+              children: !pasteLoading ? /*#__PURE__*/_jsx(Paste, {}) : /*#__PURE__*/_jsx(ThreeDotSaving, {})
+            })
+          })
+        }), translateEnabled && /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pagesPageActionToolbar.tooltip.translate",
+            defaultMessage: "Translate"
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              disabled: selectedTree.size === 0 || translating || !hasTranslatableContent,
+              onClick: openTranslateDialog,
+              size: "large",
+              children: !translating ? /*#__PURE__*/_jsx(Translate, {}) : /*#__PURE__*/_jsx(ThreeDotSaving, {})
+            })
+          })
+        }), allowPageDelete && /*#__PURE__*/_jsx(Tooltip, {
+          title: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pagesPageActionToolbar.tooltip.delete",
+            defaultMessage: "Delete"
+          }),
+          children: /*#__PURE__*/_jsx("span", {
+            children: /*#__PURE__*/_jsx(IconButton, {
+              disabled: selectedTree.size === 0,
+              onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee0() {
+                var selectedNodeIds, canSaveDelete;
+                return _regenerator().w(function (_context0) {
+                  while (1) switch (_context0.n) {
+                    case 0:
+                      selectedNodeIds = treeMapToArray(selectedTree).map(function (element) {
+                        return element.id;
+                      });
+                      canSaveDelete = areAllSubTreesFullSelected(selectedNodeIds, tree);
+                      if (canSaveDelete) {
+                        setShowDeleteDialog(true);
+                      } else {
+                        setShowCanNotDeleteDialog(true);
+                      }
+                    case 1:
+                      return _context0.a(2);
+                  }
+                }, _callee0);
+              })),
+              size: "large",
+              children: !deleting ? /*#__PURE__*/_jsx(Delete, {}) : /*#__PURE__*/_jsx(ThreeDotSaving, {})
+            })
+          })
+        })]
+      }), /*#__PURE__*/_jsx(Grid, {
+        children: /*#__PURE__*/_jsx(Button, {
+          disabled: collapseAllDisabled,
+          startIcon: /*#__PURE__*/_jsx(TreeCollapseAll, {}),
+          onClick: onCollapseAllPressed,
+          size: "small",
+          variant: "textDark",
+          children: /*#__PURE__*/_jsx(FormattedMessage, {
+            id: "comet.pages.pages.collapseAll",
+            defaultMessage: "Collapse all"
+          })
+        })
+      })]
+    }), translateDialogs, /*#__PURE__*/_jsx(ConfirmPageActionDialog, {
+      open: confirmAction !== null,
+      action: confirmAction === null || confirmAction === void 0 ? void 0 : confirmAction.action,
+      onCloseDialog: function onCloseDialog(confirmed) {
+        if (confirmed) {
+          confirmAction === null || confirmAction === void 0 || confirmAction.handleAction();
+        }
+        setConfirmAction(null);
+      },
+      selectedPagesCount: treeMapToArray(selectedTree).length
+    }), /*#__PURE__*/_jsx(PageDeleteDialog, {
+      dialogOpen: showDeleteDialog,
+      handleCancelClick: function handleCancelClick() {
+        setShowDeleteDialog(false);
+      },
+      handleDeleteClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee1() {
+        var selectedNodeIds, canSaveDelete, deletedOrderedNodes, _i, _deletedOrderedNodes, node, _t;
+        return _regenerator().w(function (_context1) {
+          while (1) switch (_context1.p = _context1.n) {
+            case 0:
+              setShowDeleteDialog(false);
+              setDeleting(true);
+              selectedNodeIds = treeMapToArray(selectedTree).map(function (element) {
+                return element.id;
+              });
+              canSaveDelete = areAllSubTreesFullSelected(selectedNodeIds, tree);
+              if (!canSaveDelete) {
+                _context1.n = 8;
+                break;
+              }
+              deletedOrderedNodes = [];
+              traverse(selectedTree, function (element) {
+                deletedOrderedNodes.push(element);
+              }, "post-order");
+              _context1.p = 1;
+              _i = 0, _deletedOrderedNodes = deletedOrderedNodes;
+            case 2:
+              if (!(_i < _deletedOrderedNodes.length)) {
+                _context1.n = 4;
+                break;
+              }
+              node = _deletedOrderedNodes[_i];
+              _context1.n = 3;
+              return client.mutate({
+                mutation: deletePageMutation,
+                variables: {
+                  id: node.id
+                }
+              });
+            case 3:
+              _i++;
+              _context1.n = 2;
+              break;
+            case 4:
+              _context1.n = 6;
+              break;
+            case 5:
+              _context1.p = 5;
+              _t = _context1.v;
+              console.error("Error deleting pages");
+            case 6:
+              _context1.p = 6;
+              client.refetchQueries({
+                include: ["Pages"]
+              });
+              return _context1.f(6);
+            case 7:
+              _context1.n = 9;
+              break;
+            case 8:
+              setShowCanNotDeleteDialog(true);
+            case 9:
+              setDeleting(false);
+            case 10:
+              return _context1.a(2);
+          }
+        }, _callee1, null, [[1, 5, 6, 7]]);
+      })),
+      selectedNodes: treeMapToArray(selectedTree)
+    }), /*#__PURE__*/_jsx(PageCanNotDeleteDialog, {
+      dialogOpen: showCanNotDeleteDialog,
+      onClosePressed: function onClosePressed() {
+        setShowCanNotDeleteDialog(false);
+      }
+    })]
+  });
+};

package/lib/pages/pagesPage/PagesPageActionToolbar.sc.d.ts

@@ -0,0 +1,9 @@
+export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/material").GridBaseProps & {
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/system").SystemProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | ("left" | "right" | "color" | "fontSize" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography") | keyof import("@mui/material").GridBaseProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const SelectAllLabel: import("@emotion/styled").StyledComponent<import("@mui/material").FormControlLabelProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const CenterContainer: import("@emotion/styled").StyledComponent<import("@mui/material").GridBaseProps & {
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
+} & import("@mui/system").SystemProps<import("@mui/material").Theme> & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "sx" | ("left" | "right" | "color" | "fontSize" | "p" | "height" | "width" | "display" | "fontFamily" | "fontStyle" | "fontWeight" | "letterSpacing" | "order" | "overflow" | "visibility" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "padding" | "paddingBlock" | "paddingInline" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY" | "typography") | keyof import("@mui/material").GridBaseProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const Separator: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=PagesPageActionToolbar.sc.d.ts.map

package/lib/pages/pagesPage/PagesPageActionToolbar.sc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagesPageActionToolbar.sc.d.ts","sourceRoot":"","sources":["../../../src/pages/pagesPage/PagesPageActionToolbar.sc.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI;;qtDAIhB,CAAC;AAEF,eAAO,MAAM,cAAc,8KAI1B,CAAC;AAEF,eAAO,MAAM,eAAe;;qtDAG3B,CAAC;AAEF,eAAO,MAAM,SAAS,6NAOrB,CAAC"}

package/lib/pages/pagesPage/PagesPageActionToolbar.sc.js

@@ -0,0 +1,50 @@
+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 { FormControlLabel, Grid } from "@mui/material";
+import { styled } from "@mui/material/styles";
+export var Root = /*#__PURE__*/styled(Grid, process.env.NODE_ENV === "production" ? {
+  target: "en46b723"
+} : {
+  target: "en46b723",
+  label: "Root"
+})(process.env.NODE_ENV === "production" ? {
+  name: "jlr6hi",
+  styles: "min-height:51px;display:flex;align-items:center"
+} : {
+  name: "jlr6hi",
+  styles: "min-height:51px;display:flex;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlc1BhZ2UvUGFnZXNQYWdlQWN0aW9uVG9vbGJhci5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHZ0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2VzL3BhZ2VzUGFnZS9QYWdlc1BhZ2VBY3Rpb25Ub29sYmFyLnNjLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUNvbnRyb2xMYWJlbCwgR3JpZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQoR3JpZClgXG4gICAgbWluLWhlaWdodDogNTFweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0QWxsTGFiZWwgPSBzdHlsZWQoRm9ybUNvbnRyb2xMYWJlbClgXG4gICAgcGFkZGluZzogMTVweCAxMHB4IDE1cHggN3B4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDZW50ZXJDb250YWluZXIgPSBzdHlsZWQoR3JpZClgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMjZweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUucGFsZXR0ZS5ncmV5W1wiMjAwXCJdfTtcbiAgICBtYXJnaW4tbGVmdDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var SelectAllLabel = /*#__PURE__*/styled(FormControlLabel, process.env.NODE_ENV === "production" ? {
+  target: "en46b722"
+} : {
+  target: "en46b722",
+  label: "SelectAllLabel"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1mg48e1",
+  styles: "padding:15px 10px 15px 7px;display:flex;align-items:center"
+} : {
+  name: "1mg48e1",
+  styles: "padding:15px 10px 15px 7px;display:flex;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlc1BhZ2UvUGFnZXNQYWdlQWN0aW9uVG9vbGJhci5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTc0QiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2VzL3BhZ2VzUGFnZS9QYWdlc1BhZ2VBY3Rpb25Ub29sYmFyLnNjLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUNvbnRyb2xMYWJlbCwgR3JpZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQoR3JpZClgXG4gICAgbWluLWhlaWdodDogNTFweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0QWxsTGFiZWwgPSBzdHlsZWQoRm9ybUNvbnRyb2xMYWJlbClgXG4gICAgcGFkZGluZzogMTVweCAxMHB4IDE1cHggN3B4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDZW50ZXJDb250YWluZXIgPSBzdHlsZWQoR3JpZClgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMjZweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUucGFsZXR0ZS5ncmV5W1wiMjAwXCJdfTtcbiAgICBtYXJnaW4tbGVmdDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var CenterContainer = /*#__PURE__*/styled(Grid, process.env.NODE_ENV === "production" ? {
+  target: "en46b721"
+} : {
+  target: "en46b721",
+  label: "CenterContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center"
+} : {
+  name: "s5xdrg",
+  styles: "display:flex;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlc1BhZ2UvUGFnZXNQYWdlQWN0aW9uVG9vbGJhci5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlMkMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2VzL3BhZ2VzUGFnZS9QYWdlc1BhZ2VBY3Rpb25Ub29sYmFyLnNjLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRm9ybUNvbnRyb2xMYWJlbCwgR3JpZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFJvb3QgPSBzdHlsZWQoR3JpZClgXG4gICAgbWluLWhlaWdodDogNTFweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0QWxsTGFiZWwgPSBzdHlsZWQoRm9ybUNvbnRyb2xMYWJlbClgXG4gICAgcGFkZGluZzogMTVweCAxMHB4IDE1cHggN3B4O1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDZW50ZXJDb250YWluZXIgPSBzdHlsZWQoR3JpZClgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlcGFyYXRvciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbiAgICB3aWR0aDogMXB4O1xuICAgIGhlaWdodDogMjZweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUucGFsZXR0ZS5ncmV5W1wiMjAwXCJdfTtcbiAgICBtYXJnaW4tbGVmdDogMjBweDtcbiAgICBtYXJnaW4tcmlnaHQ6IDIwcHg7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var Separator = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "en46b720"
+} : {
+  target: "en46b720",
+  label: "Separator"
+})("display:inline-flex;width:1px;height:26px;background-color:", function (props) {
+  return props.theme.palette.grey["200"];
+}, ";margin-left:20px;margin-right:20px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlc1BhZ2UvUGFnZXNQYWdlQWN0aW9uVG9vbGJhci5zYy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnNDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlc1BhZ2UvUGFnZXNQYWdlQWN0aW9uVG9vbGJhci5zYy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZvcm1Db250cm9sTGFiZWwsIEdyaWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBSb290ID0gc3R5bGVkKEdyaWQpYFxuICAgIG1pbi1oZWlnaHQ6IDUxcHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdEFsbExhYmVsID0gc3R5bGVkKEZvcm1Db250cm9sTGFiZWwpYFxuICAgIHBhZGRpbmc6IDE1cHggMTBweCAxNXB4IDdweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2VudGVyQ29udGFpbmVyID0gc3R5bGVkKEdyaWQpYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbmA7XG5cbmV4cG9ydCBjb25zdCBTZXBhcmF0b3IgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgd2lkdGg6IDFweDtcbiAgICBoZWlnaHQ6IDI2cHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lLnBhbGV0dGUuZ3JleVtcIjIwMFwiXX07XG4gICAgbWFyZ2luLWxlZnQ6IDIwcHg7XG4gICAgbWFyZ2luLXJpZ2h0OiAyMHB4O1xuYDtcbiJdfQ== */"));

package/lib/pages/pagesPage/PagesPageActionToolbarBatchUpdateHelper.d.ts

@@ -0,0 +1,6 @@
+import type { ApolloClient } from "@apollo/client";
+import type { GQLPageTreeNodeVisibility } from "../../graphql.generated";
+import type { GQLPageTreePageFragment } from "../pageTree/usePageTree";
+export declare const pageTreeBatchUpdateVisibility: (client: ApolloClient<unknown>, pageTreeNodes: GQLPageTreePageFragment[], visibility: GQLPageTreeNodeVisibility) => Promise<void>;
+export declare const pageTreeBatchResetVisibility: (client: ApolloClient<unknown>, pageTreeNodesWithPreviousVisibility: Pick<GQLPageTreePageFragment, "id" | "visibility">[]) => Promise<void>;
+//# sourceMappingURL=PagesPageActionToolbarBatchUpdateHelper.d.ts.map

package/lib/pages/pagesPage/PagesPageActionToolbarBatchUpdateHelper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PagesPageActionToolbarBatchUpdateHelper.d.ts","sourceRoot":"","sources":["../../../src/pages/pagesPage/PagesPageActionToolbarBatchUpdateHelper.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAGzE,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AAEvE,eAAO,MAAM,6BAA6B,GACtC,QAAQ,YAAY,CAAC,OAAO,CAAC,EAC7B,eAAe,uBAAuB,EAAE,EACxC,YAAY,yBAAyB,KACtC,OAAO,CAAC,IAAI,CAed,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACrC,QAAQ,YAAY,CAAC,OAAO,CAAC,EAC7B,qCAAqC,IAAI,CAAC,uBAAuB,EAAE,IAAI,GAAG,YAAY,CAAC,EAAE,KAC1F,OAAO,CAAC,IAAI,CAcd,CAAC"}