@dextinity/cms-admin 2.0.0-canary-20260729062014

package/lib/pages/pageTree/PageTreeDragLayer.js

@@ -0,0 +1,56 @@
+import { Box } from "@mui/material";
+import { useDragLayer } from "react-dnd";
+import { FormattedMessage } from "react-intl/lib";
+import PageLabel from "./PageLabel";
+import * as sc from "./PageTreeDragLayer.sc";
+import { jsx as _jsx } from "react/jsx-runtime";
+function getItemStyles(initialOffset, currentOffset) {
+  if (!initialOffset || !currentOffset) {
+    return {
+      display: "none"
+    };
+  }
+  var x = currentOffset.x,
+    y = currentOffset.y;
+  return {
+    transform: "translate(".concat(x, "px, ").concat(y, "px)")
+  };
+}
+var PageTreeDragLayer = function PageTreeDragLayer(_ref) {
+  var numberSelectedPages = _ref.numberSelectedPages;
+  var _useDragLayer = useDragLayer(function (monitor) {
+      return {
+        item: monitor.getItem(),
+        isAcceptedItemType: monitor.getItemType() === "row",
+        initialOffset: monitor.getInitialClientOffset(),
+        currentOffset: monitor.getClientOffset(),
+        isDragging: monitor.isDragging()
+      };
+    }),
+    item = _useDragLayer.item,
+    isAcceptedItemType = _useDragLayer.isAcceptedItemType,
+    initialOffset = _useDragLayer.initialOffset,
+    currentOffset = _useDragLayer.currentOffset,
+    isDragging = _useDragLayer.isDragging;
+  if (!isDragging || !isAcceptedItemType) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(sc.PageTreeDragLayerWrapper, {
+    children: /*#__PURE__*/_jsx(sc.PageTreeDragLayerInner, {
+      style: getItemStyles(initialOffset, currentOffset),
+      children: !item.selected || numberSelectedPages === 1 ? /*#__PURE__*/_jsx(PageLabel, {
+        page: item
+      }) : /*#__PURE__*/_jsx(Box, {
+        pl: 4,
+        children: /*#__PURE__*/_jsx(FormattedMessage, {
+          id: "comet.pagetree.dragLayer.numberDraggedPages",
+          defaultMessage: "{numItems} pages",
+          values: {
+            numItems: numberSelectedPages
+          }
+        })
+      })
+    })
+  });
+};
+export default PageTreeDragLayer;

package/lib/pages/pageTree/PageTreeDragLayer.sc.d.ts

@@ -0,0 +1,3 @@
+export declare const PageTreeDragLayerWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const PageTreeDragLayerInner: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=PageTreeDragLayer.sc.d.ts.map

package/lib/pages/pageTree/PageTreeDragLayer.sc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTreeDragLayer.sc.d.ts","sourceRoot":"","sources":["../../../src/pages/pageTree/PageTreeDragLayer.sc.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,wBAAwB,6NASpC,CAAC;AAEF,eAAO,MAAM,sBAAsB,6NAElC,CAAC"}

package/lib/pages/pageTree/PageTreeDragLayer.sc.js

@@ -0,0 +1,28 @@
+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 { styled } from "@mui/material/styles";
+export var PageTreeDragLayerWrapper = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e19hh1pn1"
+} : {
+  target: "e19hh1pn1",
+  label: "PageTreeDragLayerWrapper"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1xlkirv",
+  styles: "position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%;opacity:0.3"
+} : {
+  name: "1xlkirv",
+  styles: "position:fixed;pointer-events:none;z-index:100;left:0;top:0;width:100%;height:100%;opacity:0.3/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZURyYWdMYXllci5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRXFEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZURyYWdMYXllci5zYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFBhZ2VUcmVlRHJhZ0xheWVyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTAwO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvcGFjaXR5OiAwLjM7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVRyZWVEcmFnTGF5ZXJJbm5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var PageTreeDragLayerInner = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e19hh1pn0"
+} : {
+  target: "e19hh1pn0",
+  label: "PageTreeDragLayerInner"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZURyYWdMYXllci5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYW1EIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZURyYWdMYXllci5zYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcblxuZXhwb3J0IGNvbnN0IFBhZ2VUcmVlRHJhZ0xheWVyV3JhcHBlciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgei1pbmRleDogMTAwO1xuICAgIGxlZnQ6IDA7XG4gICAgdG9wOiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICBvcGFjaXR5OiAwLjM7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVRyZWVEcmFnTGF5ZXJJbm5lciA9IHN0eWxlZChcImRpdlwiKWBcbiAgICBkaXNwbGF5OiBmbGV4O1xuYDtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/pages/pageTree/PageTreeRow.d.ts

@@ -0,0 +1,26 @@
+import { type IEditDialogApi } from "@dextinity/admin";
+import { type CSSProperties, type Dispatch, type SetStateAction } from "react";
+import type { DebouncedState } from "use-debounce";
+import type { DropInfo, PageTreeService } from "./PageTreeService";
+import type { PageTreePage } from "./usePageTree";
+export type DropTarget = "ADD_BEFORE" | "ADD_AFTER" | "ADD_AS_CHILD";
+export type DropTargetBeforeAfter = Extract<DropTarget, "ADD_BEFORE" | "ADD_AFTER">;
+interface PageTreeRowProps {
+    page: PageTreePage;
+    prevPage?: PageTreePage;
+    nextPage?: PageTreePage;
+    editDialogApi: IEditDialogApi;
+    toggleExpand: (pageId: string) => void;
+    onDrop: (dragObject: PageTreeDragObject, dropTargetPage: PageTreePage, dropTarget: DropTarget, targetLevel: number) => Promise<void>;
+    onSelectChanged: (pageId: string, value: boolean) => void;
+    pageTreeService: PageTreeService;
+    debouncedSetHoverState: DebouncedState<(setHoverState: Dispatch<SetStateAction<DropInfo | undefined>>, newHoverState: DropInfo | undefined) => void>;
+    siteUrl: string;
+    virtualizedStyle?: CSSProperties;
+    slideIn?: boolean;
+    selectedPages: PageTreePage[];
+}
+export type PageTreeDragObject = PageTreePage;
+declare const PageTreeRow: ({ page, prevPage, nextPage, editDialogApi, toggleExpand, onDrop, onSelectChanged, pageTreeService, debouncedSetHoverState, siteUrl, virtualizedStyle, slideIn, selectedPages, }: PageTreeRowProps) => import("react/jsx-runtime").JSX.Element;
+export default PageTreeRow;
+//# sourceMappingURL=PageTreeRow.d.ts.map

package/lib/pages/pageTree/PageTreeRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTreeRow.d.ts","sourceRoot":"","sources":["../../../src/pages/pageTree/PageTreeRow.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAqB,MAAM,kBAAkB,CAAC;AAE1E,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,QAAQ,EAAE,KAAK,cAAc,EAA4C,MAAM,OAAO,CAAC;AAGzH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAYnD,OAAO,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAElD,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,WAAW,GAAG,cAAc,CAAC;AACrE,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,UAAU,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;AAEpF,UAAU,gBAAgB;IACtB,IAAI,EAAE,YAAY,CAAC;IACnB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,aAAa,EAAE,cAAc,CAAC;IAC9B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,MAAM,EAAE,CAAC,UAAU,EAAE,kBAAkB,EAAE,cAAc,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrI,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1D,eAAe,EAAE,eAAe,CAAC;IACjC,sBAAsB,EAAE,cAAc,CAClC,CAAC,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,QAAQ,GAAG,SAAS,CAAC,CAAC,EAAE,aAAa,EAAE,QAAQ,GAAG,SAAS,KAAK,IAAI,CAC/G,CAAC;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,aAAa,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,YAAY,EAAE,CAAC;CACjC;AAOD,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,QAAA,MAAM,WAAW,GAAI,iLAclB,gBAAgB,4CAqNlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/pages/pageTree/PageTreeRow.js

@@ -0,0 +1,275 @@
+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 { useStackSwitchApi } from "@dextinity/admin";
+import { Checkbox } from "@mui/material";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { useDrag, useDrop } from "react-dnd";
+import { getEmptyImage } from "react-dnd-html5-backend";
+import { InsertInBetweenAction } from "../../common/InsertInBetweenAction";
+import { InsertInBetweenActionButton } from "../../common/InsertInBetweenActionButton";
+import { serializeInitialValues } from "../../form/serializeInitialValues";
+import { usePageTreeConfig } from "../pageTreeConfig";
+import { PageTreeTableRow } from "./common/PageTreeTableRow";
+import PageActions from "./PageActions";
+import PageInfo from "./PageInfo";
+import PageLabel from "./PageLabel";
+import * as sc from "./PageTreeRow.sc";
+import { PageTreeRowDivider } from "./PageTreeRowDivider";
+import PageVisibility from "./PageVisibility";
+import { useButtonHoverStates } from "./useButtonHoverStates";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var PageTreeRow = function PageTreeRow(_ref) {
+  var page = _ref.page,
+    prevPage = _ref.prevPage,
+    nextPage = _ref.nextPage,
+    editDialogApi = _ref.editDialogApi,
+    toggleExpand = _ref.toggleExpand,
+    onDrop = _ref.onDrop,
+    onSelectChanged = _ref.onSelectChanged,
+    pageTreeService = _ref.pageTreeService,
+    debouncedSetHoverState = _ref.debouncedSetHoverState,
+    siteUrl = _ref.siteUrl,
+    virtualizedStyle = _ref.virtualizedStyle,
+    slideIn = _ref.slideIn,
+    selectedPages = _ref.selectedPages;
+  var rowRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hover = _useState2[0],
+    setHover = _useState2[1];
+  var _useState3 = useState(),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hoverState = _useState4[0],
+    setHoverState = _useState4[1];
+  var _useStackSwitchApi = useStackSwitchApi(),
+    activatePage = _useStackSwitchApi.activatePage;
+  var _usePageTreeConfig = usePageTreeConfig(),
+    documentTypes = _usePageTreeConfig.documentTypes;
+  var isEditable = !!(page.visibility !== "Archived" && documentTypes[page.documentType].editComponent);
+  var _useButtonHoverStates = useButtonHoverStates(),
+    topInBetweenButtonHovered = _useButtonHoverStates.top,
+    bottomInBetweenButtonHovered = _useButtonHoverStates.bottom,
+    inBetweenButtonHandle = _useButtonHoverStates.defaultHandler;
+  var resetHoverState = useCallback(function () {
+    // timeout is required to ensure that reset is called last
+    setTimeout(function () {
+      setHoverState(undefined);
+    }, 0);
+  }, []);
+  var updateHoverState = useCallback(function (newHoverState) {
+    debouncedSetHoverState(setHoverState, newHoverState);
+  }, [debouncedSetHoverState]);
+  var calculateTargetLevel = useCallback(function (mouseX, itemX, dropTarget) {
+    var neighbouringLevel;
+    if (dropTarget === "ADD_BEFORE") {
+      var _prevPage$level;
+      neighbouringLevel = (_prevPage$level = prevPage === null || prevPage === void 0 ? void 0 : prevPage.level) !== null && _prevPage$level !== void 0 ? _prevPage$level : 0;
+    } else if (dropTarget === "ADD_AFTER") {
+      var _nextPage$level;
+      // nextPage is only undefined if the current page is the last page of the whole PageTree
+      // Then you should be able to add between the current page level and 0 => neighbouringLevel = 0
+      neighbouringLevel = (_nextPage$level = nextPage === null || nextPage === void 0 ? void 0 : nextPage.level) !== null && _nextPage$level !== void 0 ? _nextPage$level : 0;
+    } else {
+      return page.level + 1;
+    }
+    return pageTreeService.calculateTargetLevel(mouseX, itemX, {
+      level1: page.level,
+      level2: neighbouringLevel
+    });
+  }, [pageTreeService, nextPage === null || nextPage === void 0 ? void 0 : nextPage.level, page.level, prevPage === null || prevPage === void 0 ? void 0 : prevPage.level]);
+  var getDropInfo = useCallback(function (monitor) {
+    var mouseXY = monitor.getClientOffset();
+    if (!rowRef.current || !mouseXY) {
+      return;
+    }
+    var dropTargetElementRect = rowRef.current.getBoundingClientRect();
+    var dropTarget = pageTreeService.calculateDropTarget(mouseXY.y, dropTargetElementRect);
+    var targetLevel = calculateTargetLevel(mouseXY.x, dropTargetElementRect.x, dropTarget);
+    return {
+      dropTarget: dropTarget,
+      targetLevel: targetLevel
+    };
+  }, [calculateTargetLevel, pageTreeService]);
+  var _useDrag = useDrag({
+      type: "row",
+      item: page
+    }),
+    _useDrag2 = _slicedToArray(_useDrag, 3),
+    dragSource = _useDrag2[1],
+    preview = _useDrag2[2];
+
+  // Is necessary for the CustomDragLayer to work
+  useEffect(function () {
+    preview(getEmptyImage(), {
+      captureDraggingState: true
+    });
+    // as seen in react-dnd-Doku:
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  var _useDrop = useDrop({
+      accept: "row",
+      drop: function () {
+        var _drop = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(dragObject, monitor) {
+          var dropTargetPage, dropInfo;
+          return _regenerator().w(function (_context) {
+            while (1) switch (_context.n) {
+              case 0:
+                dropTargetPage = page;
+                dropInfo = getDropInfo(monitor);
+                if (!dropInfo) {
+                  _context.n = 2;
+                  break;
+                }
+                _context.n = 1;
+                return onDrop(dragObject, dropTargetPage, dropInfo.dropTarget, dropInfo.targetLevel);
+              case 1:
+                resetHoverState();
+              case 2:
+                return _context.a(2);
+            }
+          }, _callee);
+        }));
+        function drop(_x, _x2) {
+          return _drop.apply(this, arguments);
+        }
+        return drop;
+      }(),
+      hover: function hover(dragObject, monitor) {
+        var dropInfo = getDropInfo(monitor);
+        if (dropInfo && monitor.canDrop()) {
+          updateHoverState(dropInfo);
+        } else {
+          resetHoverState();
+        }
+      },
+      canDrop: function canDrop(dragObject, monitor) {
+        var dropTargetPage = page;
+        var dropInfo = getDropInfo(monitor);
+        if (!dropInfo) {
+          return false;
+        }
+        var selectedPageIds = selectedPages.map(function (page) {
+          return page.id;
+        });
+        var pagesToMove = [];
+        if (selectedPageIds.includes(dragObject.id)) {
+          pagesToMove = selectedPages;
+        } else {
+          pagesToMove = [dragObject];
+        }
+        return !!pageTreeService.dropAllowed(pagesToMove, dropTargetPage, dropInfo.dropTarget, dropInfo.targetLevel);
+      }
+    }),
+    _useDrop2 = _slicedToArray(_useDrop, 2),
+    dropTarget = _useDrop2[1];
+  useEffect(function () {
+    if (page.visibility !== "Archived") {
+      // Archived pages cannot be moved
+      dragSource(rowRef);
+    }
+    dropTarget(rowRef);
+  }, [dragSource, dropTarget, page.visibility]);
+  var insertInBetweenTopPosition = pageTreeService.calcInsertInBetweenPosition(prevPage, page);
+  var insertInBetweenBottomPosition = pageTreeService.calcInsertInBetweenPosition(page, nextPage);
+  var topDividerHighlighted = (hoverState === null || hoverState === void 0 ? void 0 : hoverState.dropTarget) === "ADD_BEFORE" || topInBetweenButtonHovered;
+  var bottomDividerHighlighted = (hoverState === null || hoverState === void 0 ? void 0 : hoverState.dropTarget) === "ADD_AFTER" || bottomInBetweenButtonHovered;
+  var onRowClick = function onRowClick() {
+    if (isEditable) {
+      activatePage("edit", page.id);
+    }
+  };
+  var _onSelectChanged = useCallback(function () {
+    onSelectChanged(page.id, !page.selected);
+  }, [page, onSelectChanged]);
+  return /*#__PURE__*/_jsxs(PageTreeTableRow, {
+    isDragHovered: (hoverState === null || hoverState === void 0 ? void 0 : hoverState.dropTarget) === "ADD_AS_CHILD",
+    isMouseHovered: hover,
+    isArchived: page.visibility === "Archived",
+    isSelected: page.selected,
+    slideIn: slideIn,
+    clickable: page.visibility !== "Archived" && isEditable,
+    style: virtualizedStyle,
+    onDragLeave: function onDragLeave() {
+      resetHoverState();
+    },
+    onMouseEnter: function onMouseEnter() {
+      setHover(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      setHover(false);
+    },
+    onMouseMove: function onMouseMove() {
+      if (!hover) {
+        setHover(true);
+      }
+    },
+    rowRef: rowRef,
+    children: [/*#__PURE__*/_jsx(PageTreeRowDivider, {
+      align: "top",
+      leftSpacing: ((hoverState === null || hoverState === void 0 ? void 0 : hoverState.targetLevel) || 0) * pageTreeService.levelOffsetPx,
+      highlight: topDividerHighlighted
+    }), /*#__PURE__*/_jsx(sc.SelectPageCell, {
+      component: "div",
+      children: /*#__PURE__*/_jsx(Checkbox, {
+        checked: page.selected,
+        onChange: _onSelectChanged
+      })
+    }), /*#__PURE__*/_jsx(sc.PageInfoCell, {
+      component: "div",
+      title: page.name,
+      children: /*#__PURE__*/_jsx(PageInfo, {
+        page: page,
+        toggleExpand: toggleExpand,
+        children: /*#__PURE__*/_jsx(PageLabel, {
+          page: page,
+          onClick: onRowClick
+        })
+      })
+    }), /*#__PURE__*/_jsx(sc.PageVisibilityCell, {
+      component: "div",
+      children: /*#__PURE__*/_jsx(PageVisibility, {
+        page: page
+      })
+    }), /*#__PURE__*/_jsx(sc.PageActionsCell, {
+      component: "div",
+      children: /*#__PURE__*/_jsx(PageActions, {
+        page: page,
+        editDialog: editDialogApi,
+        siteUrl: siteUrl
+      })
+    }), /*#__PURE__*/_jsx(sc.RowClickContainer, {
+      onClick: onRowClick
+    }), hover && /*#__PURE__*/_jsx(sc.AddContainer, {
+      children: /*#__PURE__*/_jsx(InsertInBetweenAction, {
+        addOffsetForUnevenBorders: true,
+        top: /*#__PURE__*/_jsx(InsertInBetweenActionButton, {
+          onClick: function onClick() {
+            editDialogApi.openAddDialog(serializeInitialValues(insertInBetweenTopPosition));
+          },
+          onMouseOver: inBetweenButtonHandle.mouseOverTop,
+          onMouseOut: inBetweenButtonHandle.mouseOutTop
+        }),
+        bottom: /*#__PURE__*/_jsx(InsertInBetweenActionButton, {
+          onClick: function onClick() {
+            editDialogApi.openAddDialog(serializeInitialValues(insertInBetweenBottomPosition));
+          },
+          onMouseOver: inBetweenButtonHandle.mouseOverBottom,
+          onMouseOut: inBetweenButtonHandle.mouseOutBottom
+        })
+      })
+    }), /*#__PURE__*/_jsx(PageTreeRowDivider, {
+      align: "bottom",
+      leftSpacing: ((hoverState === null || hoverState === void 0 ? void 0 : hoverState.targetLevel) || 0) * pageTreeService.levelOffsetPx,
+      highlight: bottomDividerHighlighted
+    })]
+  }, page.id);
+};
+export default PageTreeRow;

package/lib/pages/pageTree/PageTreeRow.sc.d.ts

@@ -0,0 +1,7 @@
+export declare const SelectPageCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const PageInfoCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const PageVisibilityCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const PageActionsCell: import("@emotion/styled").StyledComponent<import("@mui/material").TableCellProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
+export declare const RowClickContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AddContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=PageTreeRow.sc.d.ts.map

package/lib/pages/pageTree/PageTreeRow.sc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTreeRow.sc.d.ts","sourceRoot":"","sources":["../../../src/pages/pageTree/PageTreeRow.sc.tsx"],"names":[],"mappings":"AAeA,eAAO,MAAM,cAAc,uKAG1B,CAAC;AAEF,eAAO,MAAM,YAAY,uKAOxB,CAAC;AAEF,eAAO,MAAM,kBAAkB,uKAE9B,CAAC;AAEF,eAAO,MAAM,eAAe,uKAG3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,6NAO7B,CAAC;AAEF,eAAO,MAAM,YAAY,6NAMxB,CAAC"}

package/lib/pages/pageTree/PageTreeRow.sc.js

@@ -0,0 +1,94 @@
+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 { TableCell } from "@mui/material";
+import { styled } from "@mui/material/styles";
+var PageTreeCell = /*#__PURE__*/styled(TableCell, process.env.NODE_ENV === "production" ? {
+  target: "e8ao7nh6"
+} : {
+  target: "e8ao7nh6",
+  label: "PageTreeCell"
+})(process.env.NODE_ENV === "production" ? {
+  name: "r628j0",
+  styles: "border:none;height:100%;display:flex;align-items:center;>*{position:relative;z-index:11;}"
+} : {
+  name: "r628j0",
+  styles: "border:none;height:100%;display:flex;align-items:center;>*{position:relative;z-index:11;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBR3NDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUYWJsZUNlbGwgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmNvbnN0IFBhZ2VUcmVlQ2VsbCA9IHN0eWxlZChUYWJsZUNlbGwpYFxuICAgIGJvcmRlcjogbm9uZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgPiAqIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB6LWluZGV4OiAxMTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGFnZUNlbGwgPSBzdHlsZWQoUGFnZVRyZWVDZWxsKWBcbiAgICBwYWRkaW5nLWxlZnQ6IDExcHg7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlSW5mb0NlbGwgPSBzdHlsZWQoUGFnZVRyZWVDZWxsKWBcbiAgICBmbGV4LWJhc2lzOiAxMDAlO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlVmlzaWJpbGl0eUNlbGwgPSBzdHlsZWQoUGFnZVRyZWVDZWxsKWBcbiAgICB3aWR0aDogMTgwcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUFjdGlvbnNDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICB3aWR0aDogMTYwcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUm93Q2xpY2tDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHRvcDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBZGRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHRvcDogMDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var SelectPageCell = /*#__PURE__*/styled(PageTreeCell, process.env.NODE_ENV === "production" ? {
+  target: "e8ao7nh5"
+} : {
+  target: "e8ao7nh5",
+  label: "SelectPageCell"
+})(process.env.NODE_ENV === "production" ? {
+  name: "19ay7f5",
+  styles: "padding-left:11px;padding-right:0"
+} : {
+  name: "19ay7f5",
+  styles: "padding-left:11px;padding-right:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWtEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUYWJsZUNlbGwgfSBmcm9tIFwiQG11aS9tYXRlcmlhbFwiO1xuaW1wb3J0IHsgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmNvbnN0IFBhZ2VUcmVlQ2VsbCA9IHN0eWxlZChUYWJsZUNlbGwpYFxuICAgIGJvcmRlcjogbm9uZTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuXG4gICAgPiAqIHtcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICB6LWluZGV4OiAxMTtcbiAgICB9XG5gO1xuXG5leHBvcnQgY29uc3QgU2VsZWN0UGFnZUNlbGwgPSBzdHlsZWQoUGFnZVRyZWVDZWxsKWBcbiAgICBwYWRkaW5nLWxlZnQ6IDExcHg7XG4gICAgcGFkZGluZy1yaWdodDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlSW5mb0NlbGwgPSBzdHlsZWQoUGFnZVRyZWVDZWxsKWBcbiAgICBmbGV4LWJhc2lzOiAxMDAlO1xuICAgIHRleHQtYWxpZ246IGxlZnQ7XG4gICAgcGFkZGluZy1sZWZ0OiAwO1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBQYWdlVmlzaWJpbGl0eUNlbGwgPSBzdHlsZWQoUGFnZVRyZWVDZWxsKWBcbiAgICB3aWR0aDogMTgwcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUFjdGlvbnNDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICB3aWR0aDogMTYwcHg7XG5gO1xuXG5leHBvcnQgY29uc3QgUm93Q2xpY2tDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDEwO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHRvcDogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBBZGRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIilgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm90dG9tOiAwO1xuICAgIHRvcDogMDtcbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var PageInfoCell = /*#__PURE__*/styled(PageTreeCell, process.env.NODE_ENV === "production" ? {
+  target: "e8ao7nh4"
+} : {
+  target: "e8ao7nh4",
+  label: "PageInfoCell"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1j2ubhc",
+  styles: "flex-basis:100%;text-align:left;padding-left:0;padding-right:0;overflow:hidden;pointer-events:none"
+} : {
+  name: "1j2ubhc",
+  styles: "flex-basis:100%;text-align:left;padding-left:0;padding-right:0;overflow:hidden;pointer-events:none/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JnRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnZXMvcGFnZVRyZWUvUGFnZVRyZWVSb3cuc2MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGFibGVDZWxsIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5jb25zdCBQYWdlVHJlZUNlbGwgPSBzdHlsZWQoVGFibGVDZWxsKWBcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgID4gKiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgei1pbmRleDogMTE7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBhZ2VDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgcGFkZGluZy1sZWZ0OiAxMXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUluZm9DZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVZpc2liaWxpdHlDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgd2lkdGg6IDE4MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VBY3Rpb25zQ2VsbCA9IHN0eWxlZChQYWdlVHJlZUNlbGwpYFxuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgd2lkdGg6IDE2MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJvd0NsaWNrQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgQWRkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var PageVisibilityCell = /*#__PURE__*/styled(PageTreeCell, process.env.NODE_ENV === "production" ? {
+  target: "e8ao7nh3"
+} : {
+  target: "e8ao7nh3",
+  label: "PageVisibilityCell"
+})(process.env.NODE_ENV === "production" ? {
+  name: "educr3",
+  styles: "width:180px"
+} : {
+  name: "educr3",
+  styles: "width:180px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJzRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnZXMvcGFnZVRyZWUvUGFnZVRyZWVSb3cuc2MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGFibGVDZWxsIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5jb25zdCBQYWdlVHJlZUNlbGwgPSBzdHlsZWQoVGFibGVDZWxsKWBcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgID4gKiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgei1pbmRleDogMTE7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBhZ2VDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgcGFkZGluZy1sZWZ0OiAxMXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUluZm9DZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVZpc2liaWxpdHlDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgd2lkdGg6IDE4MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VBY3Rpb25zQ2VsbCA9IHN0eWxlZChQYWdlVHJlZUNlbGwpYFxuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgd2lkdGg6IDE2MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJvd0NsaWNrQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgQWRkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var PageActionsCell = /*#__PURE__*/styled(PageTreeCell, process.env.NODE_ENV === "production" ? {
+  target: "e8ao7nh2"
+} : {
+  target: "e8ao7nh2",
+  label: "PageActionsCell"
+})(process.env.NODE_ENV === "production" ? {
+  name: "15f7tor",
+  styles: "justify-content:flex-end;width:160px"
+} : {
+  name: "15f7tor",
+  styles: "justify-content:flex-end;width:160px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNtRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnZXMvcGFnZVRyZWUvUGFnZVRyZWVSb3cuc2MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGFibGVDZWxsIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5jb25zdCBQYWdlVHJlZUNlbGwgPSBzdHlsZWQoVGFibGVDZWxsKWBcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgID4gKiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgei1pbmRleDogMTE7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBhZ2VDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgcGFkZGluZy1sZWZ0OiAxMXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUluZm9DZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVZpc2liaWxpdHlDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgd2lkdGg6IDE4MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VBY3Rpb25zQ2VsbCA9IHN0eWxlZChQYWdlVHJlZUNlbGwpYFxuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgd2lkdGg6IDE2MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJvd0NsaWNrQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgQWRkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var RowClickContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e8ao7nh1"
+} : {
+  target: "e8ao7nh1",
+  label: "RowClickContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1yuvno8",
+  styles: "position:absolute;z-index:10;left:0;right:0;bottom:0;top:0"
+} : {
+  name: "1yuvno8",
+  styles: "position:absolute;z-index:10;left:0;right:0;bottom:0;top:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0M4QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnZXMvcGFnZVRyZWUvUGFnZVRyZWVSb3cuc2MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGFibGVDZWxsIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5jb25zdCBQYWdlVHJlZUNlbGwgPSBzdHlsZWQoVGFibGVDZWxsKWBcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgID4gKiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgei1pbmRleDogMTE7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBhZ2VDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgcGFkZGluZy1sZWZ0OiAxMXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUluZm9DZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVZpc2liaWxpdHlDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgd2lkdGg6IDE4MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VBY3Rpb25zQ2VsbCA9IHN0eWxlZChQYWdlVHJlZUNlbGwpYFxuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgd2lkdGg6IDE2MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJvd0NsaWNrQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgQWRkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export var AddContainer = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e8ao7nh0"
+} : {
+  target: "e8ao7nh0",
+  label: "AddContainer"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1o4n3gn",
+  styles: "position:absolute;left:0;right:0;bottom:0;top:0"
+} : {
+  name: "1o4n3gn",
+  styles: "position:absolute;left:0;right:0;bottom:0;top:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvdy5zYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0N5QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnZXMvcGFnZVRyZWUvUGFnZVRyZWVSb3cuc2MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgVGFibGVDZWxsIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcbmltcG9ydCB7IHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5jb25zdCBQYWdlVHJlZUNlbGwgPSBzdHlsZWQoVGFibGVDZWxsKWBcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAgID4gKiB7XG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgei1pbmRleDogMTE7XG4gICAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IFNlbGVjdFBhZ2VDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgcGFkZGluZy1sZWZ0OiAxMXB4O1xuICAgIHBhZGRpbmctcmlnaHQ6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZUluZm9DZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgZmxleC1iYXNpczogMTAwJTtcbiAgICB0ZXh0LWFsaWduOiBsZWZ0O1xuICAgIHBhZGRpbmctbGVmdDogMDtcbiAgICBwYWRkaW5nLXJpZ2h0OiAwO1xuICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG5gO1xuXG5leHBvcnQgY29uc3QgUGFnZVZpc2liaWxpdHlDZWxsID0gc3R5bGVkKFBhZ2VUcmVlQ2VsbClgXG4gICAgd2lkdGg6IDE4MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFBhZ2VBY3Rpb25zQ2VsbCA9IHN0eWxlZChQYWdlVHJlZUNlbGwpYFxuICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgd2lkdGg6IDE2MHB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFJvd0NsaWNrQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxMDtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuXG5leHBvcnQgY29uc3QgQWRkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpYFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGJvdHRvbTogMDtcbiAgICB0b3A6IDA7XG5gO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});

package/lib/pages/pageTree/PageTreeRowDivider.d.ts

@@ -0,0 +1,8 @@
+interface Props {
+    align: "top" | "bottom";
+    leftSpacing: number;
+    highlight: boolean;
+}
+export declare function PageTreeRowDivider({ align, leftSpacing, highlight }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PageTreeRowDivider.d.ts.map

package/lib/pages/pageTree/PageTreeRowDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageTreeRowDivider.d.ts","sourceRoot":"","sources":["../../../src/pages/pageTree/PageTreeRowDivider.tsx"],"names":[],"mappings":"AA2CA,UAAU,KAAK;IACX,KAAK,EAAE,KAAK,GAAG,QAAQ,CAAC;IACxB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,kBAAkB,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,KAAK,2CAO1E"}

package/lib/pages/pageTree/PageTreeRowDivider.js

@@ -0,0 +1,70 @@
+var _templateObject, _templateObject2;
+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 { css, styled } from "@mui/material/styles";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var Root = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ehsgv8u3"
+} : {
+  target: "ehsgv8u3",
+  label: "Root"
+})("position:absolute;width:100%;", function (_ref) {
+  var align = _ref.align;
+  return align === "top" ? css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n                  top: 0;\n              "]))) : css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n                  bottom: 0;\n              "])));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvd0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVnRCIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFnZXMvcGFnZVRyZWUvUGFnZVRyZWVSb3dEaXZpZGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgc3R5bGVkIH0gZnJvbSBcIkBtdWkvbWF0ZXJpYWwvc3R5bGVzXCI7XG5cbmNvbnN0IFJvb3QgPSBzdHlsZWQoXCJkaXZcIik8UGljazxQcm9wcywgXCJhbGlnblwiPj5gXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHdpZHRoOiAxMDAlO1xuXG4gICAgJHsoeyBhbGlnbiB9KSA9PlxuICAgICAgICBhbGlnbiA9PT0gXCJ0b3BcIlxuICAgICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgICAgIGBcbiAgICAgICAgICAgIDogY3NzYFxuICAgICAgICAgICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgICAgICBgfVxuYDtcblxuY29uc3QgSGlnaGxpZ2h0ID0gc3R5bGVkKFwiZGl2XCIpPFBpY2s8UHJvcHMsIFwibGVmdFNwYWNpbmdcIj4+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB6LWluZGV4OiAxO1xuICAgIGxlZnQ6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgaGVpZ2h0OiAycHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLmRpdmlkZXJ9O1xuXG4gICAgJjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6ICR7KHsgbGVmdFNwYWNpbmcgfSkgPT4gbGVmdFNwYWNpbmd9cHg7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnBhbGV0dGUucHJpbWFyeS5tYWlufTtcbiAgICB9XG5gO1xuXG5jb25zdCBUb3BIaWdobGlnaHQgPSBzdHlsZWQoSGlnaGxpZ2h0KWBcbiAgICB0b3A6IC0xcHg7XG5gO1xuXG5jb25zdCBCb3R0b21IaWdobGlnaHQgPSBzdHlsZWQoSGlnaGxpZ2h0KWBcbiAgICB0b3A6IDA7XG5gO1xuXG5pbnRlcmZhY2UgUHJvcHMge1xuICAgIGFsaWduOiBcInRvcFwiIHwgXCJib3R0b21cIjtcbiAgICBsZWZ0U3BhY2luZzogbnVtYmVyO1xuICAgIGhpZ2hsaWdodDogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIFBhZ2VUcmVlUm93RGl2aWRlcih7IGFsaWduLCBsZWZ0U3BhY2luZywgaGlnaGxpZ2h0IH06IFByb3BzKSB7XG4gICAgcmV0dXJuIChcbiAgICAgICAgPFJvb3QgYWxpZ249e2FsaWdufT5cbiAgICAgICAgICAgIHthbGlnbiA9PT0gXCJ0b3BcIiAmJiBoaWdobGlnaHQgJiYgPFRvcEhpZ2hsaWdodCBsZWZ0U3BhY2luZz17bGVmdFNwYWNpbmd9IC8+fVxuICAgICAgICAgICAge2FsaWduID09PSBcImJvdHRvbVwiICYmIDw+e2hpZ2hsaWdodCAmJiA8Qm90dG9tSGlnaGxpZ2h0IGxlZnRTcGFjaW5nPXtsZWZ0U3BhY2luZ30gLz59PC8+fVxuICAgICAgICA8L1Jvb3Q+XG4gICAgKTtcbn1cbiJdfQ== */"));
+var Highlight = /*#__PURE__*/styled("div", process.env.NODE_ENV === "production" ? {
+  target: "ehsgv8u2"
+} : {
+  target: "ehsgv8u2",
+  label: "Highlight"
+})("position:absolute;z-index:1;left:0;right:0;height:2px;background-color:", function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette.divider;
+}, ";&:after{content:\"\";position:absolute;top:0;bottom:0;left:", function (_ref3) {
+  var leftSpacing = _ref3.leftSpacing;
+  return leftSpacing;
+}, "px;right:0;background-color:", function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.palette.primary.main;
+}, ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvd0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCMkQiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2VzL3BhZ2VUcmVlL1BhZ2VUcmVlUm93RGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5jb25zdCBSb290ID0gc3R5bGVkKFwiZGl2XCIpPFBpY2s8UHJvcHMsIFwiYWxpZ25cIj4+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICR7KHsgYWxpZ24gfSkgPT5cbiAgICAgICAgYWxpZ24gPT09IFwidG9wXCJcbiAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgYH1cbmA7XG5cbmNvbnN0IEhpZ2hsaWdodCA9IHN0eWxlZChcImRpdlwiKTxQaWNrPFByb3BzLCBcImxlZnRTcGFjaW5nXCI+PmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGhlaWdodDogMnB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5kaXZpZGVyfTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAkeyh7IGxlZnRTcGFjaW5nIH0pID0+IGxlZnRTcGFjaW5nfXB4O1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgfVxuYDtcblxuY29uc3QgVG9wSGlnaGxpZ2h0ID0gc3R5bGVkKEhpZ2hsaWdodClgXG4gICAgdG9wOiAtMXB4O1xuYDtcblxuY29uc3QgQm90dG9tSGlnaGxpZ2h0ID0gc3R5bGVkKEhpZ2hsaWdodClgXG4gICAgdG9wOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBhbGlnbjogXCJ0b3BcIiB8IFwiYm90dG9tXCI7XG4gICAgbGVmdFNwYWNpbmc6IG51bWJlcjtcbiAgICBoaWdobGlnaHQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBQYWdlVHJlZVJvd0RpdmlkZXIoeyBhbGlnbiwgbGVmdFNwYWNpbmcsIGhpZ2hsaWdodCB9OiBQcm9wcykge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxSb290IGFsaWduPXthbGlnbn0+XG4gICAgICAgICAgICB7YWxpZ24gPT09IFwidG9wXCIgJiYgaGlnaGxpZ2h0ICYmIDxUb3BIaWdobGlnaHQgbGVmdFNwYWNpbmc9e2xlZnRTcGFjaW5nfSAvPn1cbiAgICAgICAgICAgIHthbGlnbiA9PT0gXCJib3R0b21cIiAmJiA8PntoaWdobGlnaHQgJiYgPEJvdHRvbUhpZ2hsaWdodCBsZWZ0U3BhY2luZz17bGVmdFNwYWNpbmd9IC8+fTwvPn1cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG4iXX0= */"));
+var TopHighlight = /*#__PURE__*/styled(Highlight, process.env.NODE_ENV === "production" ? {
+  target: "ehsgv8u1"
+} : {
+  target: "ehsgv8u1",
+  label: "TopHighlight"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1ewvpve",
+  styles: "top:-1px"
+} : {
+  name: "1ewvpve",
+  styles: "top:-1px/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvd0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dc0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2VzL3BhZ2VUcmVlL1BhZ2VUcmVlUm93RGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5jb25zdCBSb290ID0gc3R5bGVkKFwiZGl2XCIpPFBpY2s8UHJvcHMsIFwiYWxpZ25cIj4+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICR7KHsgYWxpZ24gfSkgPT5cbiAgICAgICAgYWxpZ24gPT09IFwidG9wXCJcbiAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgYH1cbmA7XG5cbmNvbnN0IEhpZ2hsaWdodCA9IHN0eWxlZChcImRpdlwiKTxQaWNrPFByb3BzLCBcImxlZnRTcGFjaW5nXCI+PmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGhlaWdodDogMnB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5kaXZpZGVyfTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAkeyh7IGxlZnRTcGFjaW5nIH0pID0+IGxlZnRTcGFjaW5nfXB4O1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgfVxuYDtcblxuY29uc3QgVG9wSGlnaGxpZ2h0ID0gc3R5bGVkKEhpZ2hsaWdodClgXG4gICAgdG9wOiAtMXB4O1xuYDtcblxuY29uc3QgQm90dG9tSGlnaGxpZ2h0ID0gc3R5bGVkKEhpZ2hsaWdodClgXG4gICAgdG9wOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBhbGlnbjogXCJ0b3BcIiB8IFwiYm90dG9tXCI7XG4gICAgbGVmdFNwYWNpbmc6IG51bWJlcjtcbiAgICBoaWdobGlnaHQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBQYWdlVHJlZVJvd0RpdmlkZXIoeyBhbGlnbiwgbGVmdFNwYWNpbmcsIGhpZ2hsaWdodCB9OiBQcm9wcykge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxSb290IGFsaWduPXthbGlnbn0+XG4gICAgICAgICAgICB7YWxpZ24gPT09IFwidG9wXCIgJiYgaGlnaGxpZ2h0ICYmIDxUb3BIaWdobGlnaHQgbGVmdFNwYWNpbmc9e2xlZnRTcGFjaW5nfSAvPn1cbiAgICAgICAgICAgIHthbGlnbiA9PT0gXCJib3R0b21cIiAmJiA8PntoaWdobGlnaHQgJiYgPEJvdHRvbUhpZ2hsaWdodCBsZWZ0U3BhY2luZz17bGVmdFNwYWNpbmd9IC8+fTwvPn1cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+var BottomHighlight = /*#__PURE__*/styled(Highlight, process.env.NODE_ENV === "production" ? {
+  target: "ehsgv8u0"
+} : {
+  target: "ehsgv8u0",
+  label: "BottomHighlight"
+})(process.env.NODE_ENV === "production" ? {
+  name: "abcix4",
+  styles: "top:0"
+} : {
+  name: "abcix4",
+  styles: "top:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWdlcy9wYWdlVHJlZS9QYWdlVHJlZVJvd0RpdmlkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDeUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhZ2VzL3BhZ2VUcmVlL1BhZ2VUcmVlUm93RGl2aWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHN0eWxlZCB9IGZyb20gXCJAbXVpL21hdGVyaWFsL3N0eWxlc1wiO1xuXG5jb25zdCBSb290ID0gc3R5bGVkKFwiZGl2XCIpPFBpY2s8UHJvcHMsIFwiYWxpZ25cIj4+YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB3aWR0aDogMTAwJTtcblxuICAgICR7KHsgYWxpZ24gfSkgPT5cbiAgICAgICAgYWxpZ24gPT09IFwidG9wXCJcbiAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgICAgICBgXG4gICAgICAgICAgICA6IGNzc2BcbiAgICAgICAgICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICAgICAgYH1cbmA7XG5cbmNvbnN0IEhpZ2hsaWdodCA9IHN0eWxlZChcImRpdlwiKTxQaWNrPFByb3BzLCBcImxlZnRTcGFjaW5nXCI+PmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgei1pbmRleDogMTtcbiAgICBsZWZ0OiAwO1xuICAgIHJpZ2h0OiAwO1xuICAgIGhlaWdodDogMnB4O1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucGFsZXR0ZS5kaXZpZGVyfTtcblxuICAgICY6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAkeyh7IGxlZnRTcGFjaW5nIH0pID0+IGxlZnRTcGFjaW5nfXB4O1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5wYWxldHRlLnByaW1hcnkubWFpbn07XG4gICAgfVxuYDtcblxuY29uc3QgVG9wSGlnaGxpZ2h0ID0gc3R5bGVkKEhpZ2hsaWdodClgXG4gICAgdG9wOiAtMXB4O1xuYDtcblxuY29uc3QgQm90dG9tSGlnaGxpZ2h0ID0gc3R5bGVkKEhpZ2hsaWdodClgXG4gICAgdG9wOiAwO1xuYDtcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgICBhbGlnbjogXCJ0b3BcIiB8IFwiYm90dG9tXCI7XG4gICAgbGVmdFNwYWNpbmc6IG51bWJlcjtcbiAgICBoaWdobGlnaHQ6IGJvb2xlYW47XG59XG5cbmV4cG9ydCBmdW5jdGlvbiBQYWdlVHJlZVJvd0RpdmlkZXIoeyBhbGlnbiwgbGVmdFNwYWNpbmcsIGhpZ2hsaWdodCB9OiBQcm9wcykge1xuICAgIHJldHVybiAoXG4gICAgICAgIDxSb290IGFsaWduPXthbGlnbn0+XG4gICAgICAgICAgICB7YWxpZ24gPT09IFwidG9wXCIgJiYgaGlnaGxpZ2h0ICYmIDxUb3BIaWdobGlnaHQgbGVmdFNwYWNpbmc9e2xlZnRTcGFjaW5nfSAvPn1cbiAgICAgICAgICAgIHthbGlnbiA9PT0gXCJib3R0b21cIiAmJiA8PntoaWdobGlnaHQgJiYgPEJvdHRvbUhpZ2hsaWdodCBsZWZ0U3BhY2luZz17bGVmdFNwYWNpbmd9IC8+fTwvPn1cbiAgICAgICAgPC9Sb290PlxuICAgICk7XG59XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export function PageTreeRowDivider(_ref5) {
+  var align = _ref5.align,
+    leftSpacing = _ref5.leftSpacing,
+    highlight = _ref5.highlight;
+  return /*#__PURE__*/_jsxs(Root, {
+    align: align,
+    children: [align === "top" && highlight && /*#__PURE__*/_jsx(TopHighlight, {
+      leftSpacing: leftSpacing
+    }), align === "bottom" && /*#__PURE__*/_jsx(_Fragment, {
+      children: highlight && /*#__PURE__*/_jsx(BottomHighlight, {
+        leftSpacing: leftSpacing
+      })
+    })]
+  });
+}