@voplus/morpho-document 1.4.99 → 1.4.101

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/index.js

@@ -1,22 +1,22 @@
-// Can override the following:
-//
-// style: PropTypes.shape({}),
-// innerStyle: PropTypes.shape({}),
-// reactVirtualizedListProps: PropTypes.shape({}),
-// scaffoldBlockPxWidth: PropTypes.number,
-// slideRegionSize: PropTypes.number,
-// rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-// treeNodeRenderer: PropTypes.func,
-// nodeContentRenderer: PropTypes.func,
-// placeholderRenderer: PropTypes.func,
-import nodeContentRenderer from "./node-content-renderer";
-import treeNodeRenderer from "./tree-node-renderer";
-const FileExplorerTheme = {
-    nodeContentRenderer,
-    treeNodeRenderer,
-    scaffoldBlockPxWidth: 25,
-    // rowHeight: 25,
-    slideRegionSize: 50,
-};
-export default FileExplorerTheme;
+// Can override the following:
+//
+// style: PropTypes.shape({}),
+// innerStyle: PropTypes.shape({}),
+// reactVirtualizedListProps: PropTypes.shape({}),
+// scaffoldBlockPxWidth: PropTypes.number,
+// slideRegionSize: PropTypes.number,
+// rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+// treeNodeRenderer: PropTypes.func,
+// nodeContentRenderer: PropTypes.func,
+// placeholderRenderer: PropTypes.func,
+import nodeContentRenderer from "./node-content-renderer";
+import treeNodeRenderer from "./tree-node-renderer";
+const FileExplorerTheme = {
+    nodeContentRenderer,
+    treeNodeRenderer,
+    scaffoldBlockPxWidth: 25,
+    // rowHeight: 25,
+    slideRegionSize: 50,
+};
+export default FileExplorerTheme;
 //# sourceMappingURL=index.js.map

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/node-content-renderer.d.ts

@@ -1,4 +1,4 @@
-import "./node-content-renderer.less";
-import { NodeRenderer } from "@voplus/react-sortable-tree";
-declare const FileThemeNodeContentRenderer: NodeRenderer;
-export default FileThemeNodeContentRenderer;
+import "./node-content-renderer.less";
+import { NodeRenderer } from "@voplus/react-sortable-tree";
+declare const FileThemeNodeContentRenderer: NodeRenderer;
+export default FileThemeNodeContentRenderer;

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/node-content-renderer.js

@@ -1,86 +1,86 @@
-import "./node-content-renderer.less";
-import React from "react";
-import { faChevronRight, faFolders } from "@fortawesome/pro-light-svg-icons";
-import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
-import { Spin } from "@voplus/antd";
-import TreeDocumentItem from "../../../DocumentItem/TreeDocumentItem";
-import classnames from "classnames";
-import { useDocumentListContext } from "../../../../data/contexts/DocumentListContext";
-function isDescendant(older, younger) {
-    return (!!older.children &&
-        typeof older.children !== "function" &&
-        older.children.some((child) => child === younger || isDescendant(child, younger)));
-}
-const FileThemeNodeContentRenderer = (props) => {
-    const { scaffoldBlockPxWidth, toggleChildrenVisibility, connectDragPreview, connectDragSource, isDragging, canDrop, canDrag, node, title, draggedNode, path, treeIndex, isSearchMatch, isSearchFocus, icons, buttons, className, style, didDrop, lowerSiblingCounts, listIndex, swapFrom, swapLength, swapDepth, treeId, // Not needed, but preserved for other renderers
-    isOver, // Not needed, but preserved for other renderers
-    parentNode, // Needed for dndManager
-    rowDirection, ...otherProps } = props;
-    const store = useDocumentListContext();
-    const isDraggedDescendant = draggedNode && isDescendant(draggedNode, node);
-    const isLandingPadActive = !didDrop && isDragging;
-    /** 比較一下id是否active, 加上active css (点击当前id时，显示active背景色) */
-    const active = store.active === node.id;
-    /** 设置padding值  */
-    const padding = 15;
-    // Construct the scaffold representing the structure of the tree
-    const scaffold = [];
-    lowerSiblingCounts.forEach((lowerSiblingCount, i) => {
-        scaffold.push(React.createElement("div", { key: `pre_${1 + i}`, style: { width: scaffoldBlockPxWidth }, className: "lineBlock" }));
-        if (treeIndex !== listIndex && i === swapDepth) {
-            // This row has been shifted, and is at the depth of
-            // the line pointing to the new destination
-            let highlightLineClass = "";
-            if (listIndex === swapFrom + swapLength - 1) {
-                // This block is on the bottom (target) line
-                // This block points at the target block (where the row will go when released)
-                highlightLineClass = "highlightBottomLeftCorner";
-            }
-            else if (treeIndex === swapFrom) {
-                // This block is on the top (source) line
-                highlightLineClass = "highlightTopLeftCorner";
-            }
-            else {
-                // This block is between the bottom and top
-                highlightLineClass = "highlightLineVertical";
-            }
-            scaffold.push(React.createElement("div", { key: `highlight_${1 + i}`, style: {
-                    width: scaffoldBlockPxWidth,
-                    left: scaffoldBlockPxWidth * i + padding,
-                }, className: classnames("absoluteLineBlock", "highlightLineClass") }));
-        }
-    });
-    const nodeContent = (React.createElement("div", { className: classnames("explorer-theme-node", { active: active }), style: { padding: `0 ${padding}px` }, ...otherProps },
-        toggleChildrenVisibility && node.children && node.children.length > 0 && (React.createElement("button", { type: "button", className: node.expanded ? "collapseButton" : "expandButton", style: {
-                left: (lowerSiblingCounts.length - 0.7) * scaffoldBlockPxWidth + padding,
-            }, onClick: () => toggleChildrenVisibility({
-                node,
-                path,
-                treeIndex,
-            }) },
-            React.createElement("span", { className: "arrows" },
-                React.createElement(FAIcon, { icon: faChevronRight })))),
-        node.childrenListLoading && node.expanded && (React.createElement("div", { className: "doc-spin", style: {
-                left: (lowerSiblingCounts.length - 0.7) * scaffoldBlockPxWidth + padding,
-            } },
-            React.createElement(Spin, { size: "small" }))),
-        React.createElement("div", { className: classnames("rowWrapper", !canDrag ? "rowWrapperDragDisabled" : "") }, connectDragPreview(React.createElement("div", { style: { display: "flex" } },
-            scaffold,
-            React.createElement("div", { className: classnames("row", {
-                    rowLandingPad: isLandingPadActive,
-                    rowCancelPad: isLandingPadActive && !canDrop,
-                    rowSearchMatch: isSearchMatch,
-                    rowSearchFocus: isSearchFocus,
-                }, className), style: {
-                    opacity: isDraggedDescendant ? 0.5 : 1,
-                    ...style,
-                } },
-                React.createElement("div", { className: classnames("rowContents", { rowContentsDragDisabled: !canDrag }) },
-                    React.createElement("div", { className: "rowLabel" }, node.id === "" ? (React.createElement("div", { className: "file-document-name", onClick: () => { var _a; return (_a = store === null || store === void 0 ? void 0 : store.onDocumentSelected) === null || _a === void 0 ? void 0 : _a.call(store, node.id); } },
-                        React.createElement("div", { className: "file-type" },
-                            React.createElement(FAIcon, { icon: faFolders })),
-                        React.createElement("div", { className: "file-name" }, node.name))) : (React.createElement(TreeDocumentItem, { className: "file-tree-item", id: node.id, headerProps: { quickDataBarVisible: false } }))))))))));
-    return canDrag ? connectDragSource(nodeContent, { dropEffect: "copy" }) : nodeContent;
-};
-export default FileThemeNodeContentRenderer;
+import "./node-content-renderer.less";
+import React from "react";
+import { faChevronRight, faFolders } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import { Spin } from "@voplus/antd";
+import TreeDocumentItem from "../../../DocumentItem/TreeDocumentItem";
+import classnames from "classnames";
+import { useDocumentListContext } from "../../../../data/contexts/DocumentListContext";
+function isDescendant(older, younger) {
+    return (!!older.children &&
+        typeof older.children !== "function" &&
+        older.children.some((child) => child === younger || isDescendant(child, younger)));
+}
+const FileThemeNodeContentRenderer = (props) => {
+    const { scaffoldBlockPxWidth, toggleChildrenVisibility, connectDragPreview, connectDragSource, isDragging, canDrop, canDrag, node, title, draggedNode, path, treeIndex, isSearchMatch, isSearchFocus, icons, buttons, className, style, didDrop, lowerSiblingCounts, listIndex, swapFrom, swapLength, swapDepth, treeId, // Not needed, but preserved for other renderers
+    isOver, // Not needed, but preserved for other renderers
+    parentNode, // Needed for dndManager
+    rowDirection, ...otherProps } = props;
+    const store = useDocumentListContext();
+    const isDraggedDescendant = draggedNode && isDescendant(draggedNode, node);
+    const isLandingPadActive = !didDrop && isDragging;
+    /** 比較一下id是否active, 加上active css (点击当前id时，显示active背景色) */
+    const active = store.active === node.id;
+    /** 设置padding值  */
+    const padding = 15;
+    // Construct the scaffold representing the structure of the tree
+    const scaffold = [];
+    lowerSiblingCounts.forEach((lowerSiblingCount, i) => {
+        scaffold.push(React.createElement("div", { key: `pre_${1 + i}`, style: { width: scaffoldBlockPxWidth }, className: "lineBlock" }));
+        if (treeIndex !== listIndex && i === swapDepth) {
+            // This row has been shifted, and is at the depth of
+            // the line pointing to the new destination
+            let highlightLineClass = "";
+            if (listIndex === swapFrom + swapLength - 1) {
+                // This block is on the bottom (target) line
+                // This block points at the target block (where the row will go when released)
+                highlightLineClass = "highlightBottomLeftCorner";
+            }
+            else if (treeIndex === swapFrom) {
+                // This block is on the top (source) line
+                highlightLineClass = "highlightTopLeftCorner";
+            }
+            else {
+                // This block is between the bottom and top
+                highlightLineClass = "highlightLineVertical";
+            }
+            scaffold.push(React.createElement("div", { key: `highlight_${1 + i}`, style: {
+                    width: scaffoldBlockPxWidth,
+                    left: scaffoldBlockPxWidth * i + padding,
+                }, className: classnames("absoluteLineBlock", "highlightLineClass") }));
+        }
+    });
+    const nodeContent = (React.createElement("div", { className: classnames("explorer-theme-node", { active: active }), style: { padding: `0 ${padding}px` }, ...otherProps },
+        toggleChildrenVisibility && node.children && node.children.length > 0 && (React.createElement("button", { type: "button", className: node.expanded ? "collapseButton" : "expandButton", style: {
+                left: (lowerSiblingCounts.length - 0.7) * scaffoldBlockPxWidth + padding,
+            }, onClick: () => toggleChildrenVisibility({
+                node,
+                path,
+                treeIndex,
+            }) },
+            React.createElement("span", { className: "arrows" },
+                React.createElement(FAIcon, { icon: faChevronRight })))),
+        node.childrenListLoading && node.expanded && (React.createElement("div", { className: "doc-spin", style: {
+                left: (lowerSiblingCounts.length - 0.7) * scaffoldBlockPxWidth + padding,
+            } },
+            React.createElement(Spin, { size: "small" }))),
+        React.createElement("div", { className: classnames("rowWrapper", !canDrag ? "rowWrapperDragDisabled" : "") }, connectDragPreview(React.createElement("div", { style: { display: "flex" } },
+            scaffold,
+            React.createElement("div", { className: classnames("row", {
+                    rowLandingPad: isLandingPadActive,
+                    rowCancelPad: isLandingPadActive && !canDrop,
+                    rowSearchMatch: isSearchMatch,
+                    rowSearchFocus: isSearchFocus,
+                }, className), style: {
+                    opacity: isDraggedDescendant ? 0.5 : 1,
+                    ...style,
+                } },
+                React.createElement("div", { className: classnames("rowContents", { rowContentsDragDisabled: !canDrag }) },
+                    React.createElement("div", { className: "rowLabel" }, node.id === "" ? (React.createElement("div", { className: "file-document-name", onClick: () => { var _a; return (_a = store === null || store === void 0 ? void 0 : store.onDocumentSelected) === null || _a === void 0 ? void 0 : _a.call(store, node.id); } },
+                        React.createElement("div", { className: "file-type" },
+                            React.createElement(FAIcon, { icon: faFolders })),
+                        React.createElement("div", { className: "file-name" }, node.name))) : (React.createElement(TreeDocumentItem, { className: "file-tree-item", id: node.id, headerProps: { quickDataBarVisible: false } }))))))))));
+    return canDrag ? connectDragSource(nodeContent, { dropEffect: "copy" }) : nodeContent;
+};
+export default FileThemeNodeContentRenderer;
 //# sourceMappingURL=node-content-renderer.js.map

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/node-content-renderer.less

@@ -0,0 +1,335 @@
+@import "~@voplus/morpho-theme/styles/index.less";
+
+:global {
+	.explorer-theme-node {
+		&:hover {
+			background: @item-frame-bg-color;
+		}
+		&.active {
+			background: @item-frame-bg-color;
+			svg,
+			.file-name {
+				color: rgba(0, 0, 0, 0.85);
+			}
+		}
+		:global {
+			.doc-spin {
+				z-index: 2;
+				position: absolute;
+				top: 50%;
+				width: 30px;
+				height: 30px;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				transform: translate3d(-50%, -50%, 0);
+			}
+			.collapseButton,
+			.expandButton {
+				appearance: none;
+				border: none;
+				background: transparent;
+				padding: 0;
+				z-index: 2;
+				position: absolute;
+				top: 45%;
+				width: 30px;
+				height: 30px;
+				transform: translate3d(-50%, -50%, 0);
+				cursor: pointer;
+				.arrows {
+					display: inline-block;
+					font-size: 10px;
+					transform: translate3d(50%, 0, 0) rotateZ(90deg);
+				}
+				&:focus {
+					outline: none;
+				}
+			}
+			.expandButton .arrows {
+				display: inline-block;
+				font-size: 10px;
+				transform: translate3d(50%, 0, 0);
+			}
+			.rowWrapper {
+				height: 100%;
+				box-sizing: border-box;
+			}
+			.rowWrapperDragDisabled {
+				cursor: default;
+			}
+			.row {
+				height: 100%;
+				white-space: nowrap;
+				display: flex;
+				position: relative;
+
+				& > * {
+					box-sizing: border-box;
+				}
+			}
+
+			/**
+		 * The outline of where the element will go if dropped, displayed while dragging
+		 */
+			.rowLandingPad {
+				border: none;
+				box-shadow: none;
+				outline: none;
+
+				* {
+					opacity: 0 !important;
+				}
+
+				&::before {
+					background-color: lightblue;
+					border: 2px dotted black;
+					content: "";
+					position: absolute;
+					top: 0;
+					right: 0;
+					bottom: 0;
+					left: 0;
+					z-index: -1;
+				}
+			}
+
+			/**
+		 * Alternate appearance of the landing pad when the dragged location is invalid
+		 */
+			.rowCancelPad {
+				// @extend .rowLandingPad;
+
+				&::before {
+					background-color: #e6a8ad;
+				}
+			}
+
+			/**
+		 * Nodes matching the search conditions are highlighted
+		 */
+			.rowSearchMatch {
+				box-shadow: inset 0 -7px 7px -3px #0080ff;
+			}
+
+			/**
+		 * The node that matches the search conditions and is currently focused
+		 */
+			.rowSearchFocus {
+				box-shadow: inset 0 -7px 7px -3px #fc6421;
+			}
+
+			// %rowItem {
+			//   display: inline-block;
+			//   vertical-align: middle;
+			// }
+
+			.rowContents {
+				// @extend %rowItem;
+				position: relative;
+				width: 100%;
+				height: 100%;
+				flex: 1 0 auto;
+				display: flex;
+				align-items: center;
+				justify-content: space-between;
+			}
+
+			.rowLabel {
+				// @extend %rowItem;
+				display: flex;
+				flex: 0 1 auto;
+				padding-right: 20px;
+			}
+
+			.file-document-name {
+				display: flex;
+				align-items: center;
+				.file-type {
+					display: flex;
+					align-items: center;
+					width: 22px;
+				}
+				.file-name {
+					display: inline-block;
+					color: #000;
+					font-size: 15px;
+					font-weight: 500;
+					z-index: 100;
+					cursor: pointer;
+				}
+			}
+
+			.file-tree-item {
+				padding: 0;
+				margin: 0;
+				.document-header-default {
+					padding: 0;
+					&::after {
+						border-bottom: none;
+					}
+					.document-name-content .document-pre {
+						width: 22px;
+						color: rgba(0, 0, 0, 0.85);
+						margin-right: 0;
+					}
+				}
+			}
+
+			// .rowToolbar {
+			//   // @extend %rowItem;
+			//   flex: 0 1 auto;
+			//   display: flex;
+			// }
+
+			.toolbarButton {
+				// @extend %rowItem;
+			}
+
+			/**
+ * Line for under a node with children
+ */
+			.lineChildren {
+				height: 100%;
+				display: inline-block;
+			}
+
+			/* ==========================================================================
+   Scaffold
+
+    Line-overlaid blocks used for showing the tree structure
+   ========================================================================== */
+			.lineBlock {
+				height: 100%;
+				position: relative;
+				display: inline-block;
+				flex: 0 0 auto;
+			}
+
+			.absoluteLineBlock {
+				// @extend .lineBlock;
+				position: absolute;
+				top: 0;
+			}
+
+			/* Highlight line for pointing to dragged row destination
+   ========================================================================== */
+			// $highlight-color: #36c2f6;
+			// $highlight-line-size: 6px; // Make it an even number for clean rendering
+
+			/**
+ * +--+--+
+ * |  |  |
+ * |  |  |
+ * |  |  |
+ * +--+--+
+ */
+			.highlightLineVertical {
+				z-index: 3;
+
+				&::before {
+					position: absolute;
+					content: "";
+					// background-color: $highlight-color;
+					// width: $highlight-line-size;
+					// margin-left: $highlight-line-size / -2;
+					left: 50%;
+					top: 0;
+					height: 100%;
+				}
+
+				// @keyframes arrow-pulse {
+				//   $base-multiplier: 10;
+				//   0% {
+				//     transform: translate(0, 0);
+				//     opacity: 0;
+				//   }
+				//   30% {
+				//     transform: translate(0, 30% * $base-multiplier);
+				//     opacity: 1;
+				//   }
+				//   70% {
+				//     transform: translate(0, 70% * $base-multiplier);
+				//     opacity: 1;
+				//   }
+				//   100% {
+				//     transform: translate(0, 100% * $base-multiplier);
+				//     opacity: 0;
+				//   }
+				// }
+
+				&::after {
+					content: "";
+					position: absolute;
+					height: 0;
+					// margin-left: -1 * $highlight-line-size / 2;
+					left: 50%;
+					top: 0;
+					// border-left: $highlight-line-size / 2 solid transparent;
+					// border-right: $highlight-line-size / 2 solid transparent;
+					// border-top: $highlight-line-size / 2 solid white;
+					animation: arrow-pulse 1s infinite linear both;
+				}
+			}
+
+			/**
+ * +-----+
+ * |     |
+ * |  +--+
+ * |  |  |
+ * +--+--+
+ */
+			.highlightTopLeftCorner {
+				&::before {
+					z-index: 3;
+					content: "";
+					position: absolute;
+					// border-top: solid $highlight-line-size $highlight-color;
+					// border-left: solid $highlight-line-size $highlight-color;
+					box-sizing: border-box;
+					// height: calc(50% + #{$highlight-line-size / 2});
+					// top: 50%;
+					// margin-top: $highlight-line-size / -2;
+					// right: 0;
+					// width: calc(50% + #{$highlight-line-size / 2});
+				}
+			}
+
+			/**
+ * +--+--+
+ * |  |  |
+ * |  |  |
+ * |  +->|
+ * +-----+
+ */
+			.highlightBottomLeftCorner {
+				// $arrow-size: 7px;
+				z-index: 3;
+
+				&::before {
+					content: "";
+					position: absolute;
+					// border-bottom: solid $highlight-line-size $highlight-color;
+					// border-left: solid $highlight-line-size $highlight-color;
+					box-sizing: border-box;
+					// height: calc(100% + #{$highlight-line-size / 2});
+					// top: 0;
+					// right: $arrow-size;
+					// width: calc(50% - #{$arrow-size - ($highlight-line-size / 2)});
+				}
+
+				&::after {
+					content: "";
+					position: absolute;
+					height: 0;
+					right: 0;
+					top: 100%;
+					// margin-top: -1 * $arrow-size;
+					// border-top: $arrow-size solid transparent;
+					// border-bottom: $arrow-size solid transparent;
+					// border-left: $arrow-size solid $highlight-color;
+				}
+			}
+		}
+	}
+}

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/tree-node-renderer.d.ts

@@ -1,3 +1,3 @@
-import { TreeRenderer } from "@voplus/react-sortable-tree";
-declare const FileThemeTreeNodeRenderer: TreeRenderer;
-export default FileThemeTreeNodeRenderer;
+import { TreeRenderer } from "@voplus/react-sortable-tree";
+declare const FileThemeTreeNodeRenderer: TreeRenderer;
+export default FileThemeTreeNodeRenderer;

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/tree-node-renderer.js

@@ -1,21 +1,21 @@
-import React, { Children, cloneElement } from "react";
-import styles from "./tree-node-renderer.less";
-const FileThemeTreeNodeRenderer = (props) => {
-    const { children, listIndex, swapFrom, swapLength, swapDepth, scaffoldBlockPxWidth, lowerSiblingCounts, connectDropTarget, isOver, draggedNode, canDrop, treeIndex, treeId, // Delete from otherProps
-    getPrevRow, // Delete from otherProps
-    node, // Delete from otherProps
-    path, // Delete from otherProps
-    rowDirection, ...otherProps } = props;
-    return connectDropTarget(React.createElement("div", { ...otherProps, className: styles.node, style: { height: "auto" } }, Children.map(children, (child) => cloneElement(child, {
-        isOver,
-        canDrop,
-        draggedNode,
-        lowerSiblingCounts,
-        listIndex,
-        swapFrom,
-        swapLength,
-        swapDepth,
-    }))));
-};
-export default FileThemeTreeNodeRenderer;
+import React, { Children, cloneElement } from "react";
+import styles from "./tree-node-renderer.less";
+const FileThemeTreeNodeRenderer = (props) => {
+    const { children, listIndex, swapFrom, swapLength, swapDepth, scaffoldBlockPxWidth, lowerSiblingCounts, connectDropTarget, isOver, draggedNode, canDrop, treeIndex, treeId, // Delete from otherProps
+    getPrevRow, // Delete from otherProps
+    node, // Delete from otherProps
+    path, // Delete from otherProps
+    rowDirection, ...otherProps } = props;
+    return connectDropTarget(React.createElement("div", { ...otherProps, className: styles.node, style: { height: "auto" } }, Children.map(children, (child) => cloneElement(child, {
+        isOver,
+        canDrop,
+        draggedNode,
+        lowerSiblingCounts,
+        listIndex,
+        swapFrom,
+        swapLength,
+        swapDepth,
+    }))));
+};
+export default FileThemeTreeNodeRenderer;
 //# sourceMappingURL=tree-node-renderer.js.map

package/es/components/DocumentSortableTree/themes/FileExplorerTheme/tree-node-renderer.less

@@ -0,0 +1,4 @@
+.node {
+  min-width: 100%;
+  position: relative;
+}

package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/index.d.ts

@@ -1,4 +1,4 @@
-import "@voplus/react-sortable-tree/style.css";
-import { ThemeProps } from "@voplus/react-sortable-tree";
-declare const SortableTreeDocumentTheme: ThemeProps;
-export default SortableTreeDocumentTheme;
+import "@voplus/react-sortable-tree/style.css";
+import { ThemeProps } from "@voplus/react-sortable-tree";
+declare const SortableTreeDocumentTheme: ThemeProps;
+export default SortableTreeDocumentTheme;

package/es/components/DocumentSortableTree/themes/SortableTreeDocumentTheme/index.js

@@ -1,23 +1,23 @@
-// Can override the following:
-//
-// style: PropTypes.shape({}),
-// innerStyle: PropTypes.shape({}),
-// reactVirtualizedListProps: PropTypes.shape({}),
-// scaffoldBlockPxWidth: PropTypes.number,
-// slideRegionSize: PropTypes.number,
-// rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
-// treeNodeRenderer: PropTypes.func,
-// nodeContentRenderer: PropTypes.func,
-// placeholderRenderer: PropTypes.func,
-import "@voplus/react-sortable-tree/style.css";
-import nodeContentRenderer from "./node-content-renderer";
-import treeNodeRenderer from "./tree-node-renderer";
-const SortableTreeDocumentTheme = {
-    nodeContentRenderer,
-    treeNodeRenderer,
-    scaffoldBlockPxWidth: 44,
-    rowHeight: 80,
-    slideRegionSize: 50,
-};
-export default SortableTreeDocumentTheme;
+// Can override the following:
+//
+// style: PropTypes.shape({}),
+// innerStyle: PropTypes.shape({}),
+// reactVirtualizedListProps: PropTypes.shape({}),
+// scaffoldBlockPxWidth: PropTypes.number,
+// slideRegionSize: PropTypes.number,
+// rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]),
+// treeNodeRenderer: PropTypes.func,
+// nodeContentRenderer: PropTypes.func,
+// placeholderRenderer: PropTypes.func,
+import "@voplus/react-sortable-tree/style.css";
+import nodeContentRenderer from "./node-content-renderer";
+import treeNodeRenderer from "./tree-node-renderer";
+const SortableTreeDocumentTheme = {
+    nodeContentRenderer,
+    treeNodeRenderer,
+    scaffoldBlockPxWidth: 44,
+    rowHeight: 80,
+    slideRegionSize: 50,
+};
+export default SortableTreeDocumentTheme;
 //# sourceMappingURL=index.js.map