@voplus/morpho-document 1.0.0-dev275 → 1.0.0-dev277

package/es/modules/unit/components/UnitItem/index.less

@@ -1,15 +1,23 @@
-.unit-item {
+.unit-item-content {
 	flex: 1;
-	color: #333;
-	display: flex;
-	align-items: center;
-	position: relative;
-	padding: 10px 0;
-	margin: 0 20px;
-	border-bottom: 1px solid #d9d9d9;
 	:global {
+		.unit-item {
+			flex: 1;
+			color: #333;
+			display: flex;
+			align-items: center;
+			position: relative;
+			padding: 10px 0;
+			margin: 0 20px;
+			border-bottom: 1px solid #d9d9d9;
+		}
+		.unit-detail{
+			flex: 1;
+			display: flex;
+			align-items: center;
+		}
 		.unit-item_box {
-			flex:1;
+			flex: 1;
 			display: flex;
 			align-items: center;
 		}

package/es/modules/unit/components/UnitItem/state.d.ts

@@ -1,4 +1,3 @@
-import { ConnectDragSource } from "react-dnd";
 import { IUnit } from "../../data";
 export declare type UnitItemProps = {
     /** unit item id */
@@ -6,13 +5,14 @@ export declare type UnitItemProps = {
     /** unit item parentId */
     parentId?: string;
     index?: number;
+    /** "detail" 详情| "sub" sub列表| "select" 文件选择对话盒| "tree" UnitSortableTree */
     type?: string;
     reload?: boolean;
     multiple?: boolean;
-    connectDragSource?: ConnectDragSource;
     onExpand?: () => void;
     onReload?: () => void;
     className?: string;
+    onSelectUnit?: (params?: any) => void;
 };
 export declare class State {
     contact: IUnit;

package/es/modules/unit/components/UnitItem/state.js.map

@@ -1 +1 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitItem/state.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAiBlC,MAAM,OAAO,KAAK;IAAlB;QAEC,0BAA0B;QACP,aAAQ,GAAG,KAAK,CAAC;QACpC,6BAA6B;QACV,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AALY;IAAX,UAAU;sCAAuB;AAEtB;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;sCAAwB"}
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitItem/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAkBlC,MAAM,OAAO,KAAK;IAAlB;QAEC,0BAA0B;QACP,aAAQ,GAAG,KAAK,CAAC;QACpC,6BAA6B;QACV,YAAO,GAAG,KAAK,CAAC;IACpC,CAAC;CAAA;AALY;IAAX,UAAU;sCAAuB;AAEtB;IAAX,UAAU;uCAAyB;AAExB;IAAX,UAAU;sCAAwB"}

package/es/modules/unit/components/UnitList/index.js

@@ -1,12 +1,12 @@
-import { DocumentStatusFilter, FlagFilter } from "../../../../controls/filters";
 import { useAutoUpdateUnitListData, useUnitListEffect } from "../../data";
 import { ListDataContext, useCreateListDataState } from "@voplus/morpho-ui/es/data";
 import React, { useState } from "react";
 import { State } from "./state";
 import ListView from "@voplus/morpho-ui/es/components/layout/ListView/ListView2";
 import NewUnitForm from "../NewUnitForm";
-import UnitItem from "../UnitItem/DefaultUnitItem";
+import UnitItem from "../UnitItem";
 import UnitPropertiesView from "../UnitPropertiesView";
+import UnitTypeFilter from "../../controls/UnitTypeFilter";
 import { useObserver } from "mobx-react-lite";
 import { useRenderOnChange } from "@voplus/morpho-ui";
 const UnitList = (props) => {
@@ -28,10 +28,10 @@ const UnitList = (props) => {
     return useObserver(() => (React.createElement(ListDataContext.Provider, { value: list },
         React.createElement(ListView, { renderId: parentId, headerProps: {
                 filterViewProps: {
-                    columns: [React.createElement(DocumentStatusFilter, { key: "Status" }), React.createElement(FlagFilter, { key: "Flag" })]
+                    columns: [React.createElement(UnitTypeFilter, { key: "Type" })]
                 },
                 sortable: false
-            }, formViewTitle: "Add Unit", formView: React.createElement(NewUnitForm, { parentId: "c896a84e-b31a-4d10-a181-5d34a21b172d" }), propertiesView: (id) => React.createElement(UnitPropertiesView, { id: id }), renderItem: ({ item, index, connectDragSource }) => (React.createElement(UnitItem, { id: item.id, index: index, reload: !!readonly })) }))));
+            }, formViewTitle: "Add Unit", formView: React.createElement(NewUnitForm, { parentId: "c896a84e-b31a-4d10-a181-5d34a21b172d" }), propertiesView: (id) => React.createElement(UnitPropertiesView, { id: id }), renderItem: ({ item, index, connectDragSource }) => (React.createElement(UnitItem, { id: item.id, index: index, reload: !!readonly, type: "detail" })) }))));
 };
 export default UnitList;
 //# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitList/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAChF,OAAO,EAAS,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,OAAO,QAAQ,MAAM,2DAA2D,CAAC;AACjF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,6BAA6B,CAAC;AACnD,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAEpB,iFAAiF;IACjF,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,OAAO,EAAE,EAAE;SACX;KACD,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,sEAAsE;IACtE,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,qEAAqE;IACrE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE5E,iEAAiE;IACjE,yBAAyB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC;IAElE,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,oBAAC,QAAQ,IACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE;gBACZ,eAAe,EAAE;oBAChB,OAAO,EAAE,CAAC,oBAAC,oBAAoB,IAAC,GAAG,EAAC,QAAQ,GAAG,EAAE,oBAAC,UAAU,IAAC,GAAG,EAAC,MAAM,GAAG,CAAC;iBAC3E;gBACD,QAAQ,EAAE,KAAK;aACf,EACD,aAAa,EAAC,UAAU,EACxB,QAAQ,EAAE,oBAAC,WAAW,IAAC,QAAQ,EAAC,sCAAsC,GAAG,EACzE,cAAc,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,EAC9D,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAO,EAAE,EAAE,CAAC,CACxD,oBAAC,QAAQ,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,CAAC,QAAQ,GAEjB,CACF,GACA,CACwB,CAC3B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,yBAAyB,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AACjF,OAAO,EAAE,eAAe,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AACpF,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,KAAK,EAAiB,MAAM,SAAS,CAAC;AAE/C,OAAO,QAAQ,MAAM,2DAA2D,CAAC;AACjF,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,QAAQ,MAAM,aAAa,CAAC;AACnC,OAAO,kBAAkB,MAAM,uBAAuB,CAAC;AACvD,OAAO,cAAc,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACzC,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IACrC,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;IACtC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC;IAEpB,iFAAiF;IACjF,MAAM,IAAI,GAAG,sBAAsB,CAClC;QACC,cAAc,EAAE;YACf,OAAO,EAAE,EAAE;SACX;KACD,EACD,CAAC,QAAQ,CAAC,CACV,CAAC;IAEF,sEAAsE;IACtE,iBAAiB,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE9C,qEAAqE;IACrE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;IAE5E,iEAAiE;IACjE,yBAAyB,CAAC,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,KAAK,QAAQ,CAAC,CAAC;IAElE,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,IAAI;QACpC,oBAAC,QAAQ,IACR,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE;gBACZ,eAAe,EAAE;oBAChB,OAAO,EAAE,CAAC,oBAAC,cAAc,IAAC,GAAG,EAAC,MAAM,GAAG,CAAC;iBACxC;gBACD,QAAQ,EAAE,KAAK;aACf,EACD,aAAa,EAAC,UAAU,EACxB,QAAQ,EAAE,oBAAC,WAAW,IAAC,QAAQ,EAAC,sCAAsC,GAAG,EACzE,cAAc,EAAE,CAAC,EAAU,EAAE,EAAE,CAAC,oBAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,GAAI,EAC9D,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAO,EAAE,EAAE,CAAC,CACxD,oBAAC,QAAQ,IACR,EAAE,EAAE,IAAI,CAAC,EAAE,EACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,CAAC,CAAC,QAAQ,EAClB,IAAI,EAAC,QAAQ,GAEZ,CACF,GACA,CACwB,CAC3B,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/modules/unit/components/UnitName/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const UnitName: (props: {
+    id: string;
+}) => JSX.Element;
+export default UnitName;

package/es/modules/unit/components/UnitName/index.js

@@ -0,0 +1,20 @@
+import { faSitemap, faUser, faUserAlt, faUsers } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { useObserver } from "mobx-react-lite";
+import { useUnit } from "../../data";
+import { useUnitContext } from "../../data/UnitContext";
+const UnitName = (props) => {
+    const { id } = props;
+    const contact = useUnit(id, { reload: false });
+    const store = useUnitContext();
+    return useObserver(() => (React.createElement("div", { className: "file-document-name", onClick: () => { var _a; return (_a = store.onUnitSelected) === null || _a === void 0 ? void 0 : _a.call(store, contact.id); } },
+        React.createElement("div", { className: "file-type" },
+            contact.type === "Organization" && React.createElement(FAIcon, { icon: faSitemap }),
+            contact.type === "Team" && React.createElement(FAIcon, { icon: faUsers }),
+            contact.type === "Account" && React.createElement(FAIcon, { icon: faUserAlt }),
+            contact.type === "User" && React.createElement(FAIcon, { icon: faUser })),
+        React.createElement("div", { className: "file-name" }, contact.name))));
+};
+export default UnitName;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitName/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitName/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAEzF,OAAO,EAAE,eAAe,IAAI,MAAM,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,QAAQ,GAAG,CAAC,KAAqB,EAAE,EAAE;IAC1C,MAAM,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC;IACrB,MAAM,OAAO,GAAG,OAAO,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/C,MAAM,KAAK,GAAG,cAAc,EAAE,CAAC;IAE/B,OAAO,WAAW,CAAC,GAAG,EAAE,CAAC,CACxB,6BAAK,SAAS,EAAE,oBAAoB,EAAE,OAAO,EAAE,GAAG,EAAE,wBAAC,KAAK,CAAC,cAAc,+CAApB,KAAK,EAAkB,OAAO,CAAC,EAAE,IAAC;QACtF,6BAAK,SAAS,EAAC,WAAW;YACxB,OAAO,CAAC,IAAI,KAAK,cAAc,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,GAAI;YAC9D,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,OAAO,GAAI;YACpD,OAAO,CAAC,IAAI,KAAK,SAAS,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,SAAS,GAAI;YACzD,OAAO,CAAC,IAAI,KAAK,MAAM,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CAC/C;QACN,6BAAK,SAAS,EAAC,WAAW,IAAE,OAAO,CAAC,IAAI,CAAO,CAC1C,CACN,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/es/modules/unit/components/UnitSortableTree/index.js

@@ -2,9 +2,9 @@ import { useOnDeleteUnit, useOnNewUnit, useUnit, useUnitListEffect, useUnitStore
 import React, { useEffect, useState } from "react";
 import { State } from "./state";
 import { UnitContext, UnitContextState } from "../../data/UnitContext";
-import { Scrollbars } from "react-custom-scrollbars";
+import Panable from "@voplus/morpho-ui/es/controls/Panable";
 import SortableTree from "react-sortable-tree";
-import SortableTreeUnitTheme from "../SortableTreeUnitTheme";
+import SortableTreeUnitTheme from "./themes/SortableTreeUnitTheme";
 import { useObserver } from "mobx-react-lite";
 const UnitSortableTree = (props) => {
     const { theme, canDrag } = props;
@@ -16,7 +16,7 @@ const UnitSortableTree = (props) => {
     /** 根文件 */
     const root = useUnit(props.id);
     useObserver(() => {
-        if (root.id && !state.treeData.length) {
+        if (root.id && root.loaded && !state.treeData.length) {
             // if (root.documents! > 0) {
             root.children = state.treeChildren;
             // }
@@ -40,7 +40,6 @@ const UnitSortableTree = (props) => {
     });
     useOnNewUnit((s, unit) => {
         var _a, _b;
-        console.log("useOnNewUnit--tree", unit.id, unit.name);
         state.editTreeData(state.treeData, unit.parentNodeId);
         if (!((_a = state.treeNodeChildren) === null || _a === void 0 ? void 0 : _a.children)) {
             state.treeNodeChildren.children = [unit];
@@ -60,7 +59,7 @@ const UnitSortableTree = (props) => {
     /** isVirtualized={false} 可以解决滚动时，重新渲染UnitItem组件
      * 设置为false可禁用虚拟化。默认为true。注意：拖动时自动滚动以及滚动到searchFocusOffset都将被禁用。*/
     return useObserver(() => (React.createElement(UnitContext.Provider, { value: options },
-        React.createElement(Scrollbars, { autoHide: true },
+        React.createElement(Panable, { scroll: true },
             React.createElement(SortableTree, { isVirtualized: false, treeData: state.treeData, onChange: (val) => state.updateTreeData(val), getNodeKey: ({ node }) => node.id, onVisibilityToggle: (val) => state.onVisibilityToggle(val), onMoveNode: (val) => state.onMoveNode(val), canDrop: ({ nextPath }) => ((nextPath === null || nextPath === void 0 ? void 0 : nextPath.length) > 1 ? true : false), canNodeHaveChildren: (node) => state.toHaveChildren(node), canDrag: canDrag, theme: theme })))));
 };
 UnitSortableTree.defaultProps = {

package/es/modules/unit/components/UnitSortableTree/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitSortableTree/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/modules/unit/components/UnitSortableTree/index.tsx"],"names":[],"mappings":"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"}

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/index.d.ts

@@ -0,0 +1,3 @@
+import { ThemeProps } from "react-sortable-tree";
+declare const FileExplorerTheme: ThemeProps;
+export default FileExplorerTheme;

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/index.js

@@ -0,0 +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;
+//# sourceMappingURL=index.js.map

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/index.ts"],"names":[],"mappings":"AAAA,8BAA8B;AAC9B,EAAE;AACF,8BAA8B;AAC9B,mCAAmC;AACnC,kDAAkD;AAClD,0CAA0C;AAC1C,qCAAqC;AACrC,sEAAsE;AACtE,oCAAoC;AACpC,uCAAuC;AACvC,uCAAuC;AAGvC,OAAO,mBAAmB,MAAM,yBAAyB,CAAC;AAC1D,OAAO,gBAAgB,MAAM,sBAAsB,CAAC;AAEpD,MAAM,iBAAiB,GAAe;IACrC,mBAAmB;IACnB,gBAAgB;IAChB,oBAAoB,EAAE,EAAE;IACxB,SAAS,EAAE,EAAE;IACb,eAAe,EAAE,EAAE;CACnB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/node-content-renderer.js

@@ -0,0 +1,82 @@
+import { faChevronRight, faSitemap } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { Spin } from "@voplus/antd";
+import UnitName from "../../../UnitName";
+import classnames from "classnames";
+import styles from "./node-content-renderer.less";
+import { useUnitContext } from "../../../../data/UnitContext";
+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 = useUnitContext();
+    const isDraggedDescendant = draggedNode && isDescendant(draggedNode, node);
+    const isLandingPadActive = !didDrop && isDragging;
+    // 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
+                }, className: classnames("absoluteLineBlock", "highlightLineClass") }));
+        }
+    });
+    const nodeContent = (React.createElement("div", Object.assign({ className: styles["file-explorer-theme"] }, 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
+            }, 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
+            } },
+            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.onUnitSelected) === null || _a === void 0 ? void 0 : _a.call(store, node.id); } },
+                        React.createElement("div", { className: "file-type" },
+                            React.createElement(FAIcon, { icon: faSitemap })),
+                        React.createElement("div", { className: "file-name" }, node.name))) : (React.createElement(UnitName, { id: node.id }))))))))));
+    return canDrag ? connectDragSource(nodeContent, { dropEffect: "copy" }) : nodeContent;
+};
+export default FileThemeNodeContentRenderer;
+//# sourceMappingURL=node-content-renderer.js.map

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/node-content-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-content-renderer.js","sourceRoot":"","sources":["../../../../../../../src/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/node-content-renderer.tsx"],"names":[],"mappings":"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"}

package/es/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/node-content-renderer.less

@@ -0,0 +1,316 @@
+.file-explorer-theme {
+	height: 100%;
+	: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;
+			// cursor: move;
+			&:hover {
+				opacity: 0.7;
+			}
+
+			&:active {
+				opacity: 1;
+			}
+		}
+		.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;
+			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;
+			// .doc-spin{
+			// 	padding-right: 6px;
+			// }
+		}
+
+		.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;
+			}
+		}
+
+		// .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/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/tree-node-renderer.js

@@ -0,0 +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", Object.assign({}, otherProps, { className: styles.node }), 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/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/tree-node-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-node-renderer.js","sourceRoot":"","sources":["../../../../../../../src/modules/unit/components/UnitSortableTree/themes/FileExplorerTheme/tree-node-renderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAa,YAAY,EAAE,MAAM,OAAO,CAAC;AAIjE,OAAO,MAAM,MAAM,2BAA2B,CAAC;AAE/C,MAAM,yBAAyB,GAAiB,CAAC,KAAwB,EAAE,EAAE;IAC5E,MAAM,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,oBAAoB,EACpB,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,EACN,WAAW,EACX,OAAO,EACP,SAAS,EACT,MAAM,EAAE,yBAAyB;IACjC,UAAU,EAAE,yBAAyB;IACrC,IAAI,EAAE,yBAAyB;IAC/B,IAAI,EAAE,yBAAyB;IAC/B,YAAY,EACZ,GAAG,UAAU,EACb,GAAG,KAAK,CAAC;IACV,OAAO,iBAAiB,CACvB,6CAAS,UAAU,IAAE,SAAS,EAAE,MAAM,CAAC,IAAI,KACzC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,CAC/B,YAAY,CAAC,KAAK,EAAE;QACnB,MAAM;QACN,OAAO;QACP,WAAW;QACX,kBAAkB;QAClB,SAAS;QACT,QAAQ;QACR,UAAU;QACV,SAAS;KACT,CAAC,CACF,CACI,CACN,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}