@voplus/morpho-csp 1.3.5 → 1.3.6

package/es/components/CorporateUnitSortableTree/state.js

@@ -0,0 +1,220 @@
+import { __decorate } from "tslib";
+import { action, computed, makeObservable, observable } from "mobx";
+export class State {
+    constructor(_store) {
+        Object.defineProperty(this, "_store", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: _store
+        });
+        Object.defineProperty(this, "id", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ""
+        }); //加载时id
+        /** 如果effect 是null就不执行 useUnitListEffect*/
+        Object.defineProperty(this, "effect", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        Object.defineProperty(this, "treeNodeChildren", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**  dummy placeholder data */
+        Object.defineProperty(this, "treeChildren", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: [
+                {
+                    id: "",
+                    containerId: "11",
+                    name: "dummy placeholder data",
+                    type: "Organization",
+                    isGroup: false,
+                    address: { country: "", line1: "" },
+                    primaryLegalIdentity: { number: "", name: "", type: "IdentityCard", country: "" },
+                },
+            ]
+        });
+        /** 沒load之前, 看看現在這個文件有沒有子文件, 有的話要放個 dummy placeholder data 在children里,  */
+        Object.defineProperty(this, "treeData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /** filter type for unit */
+        Object.defineProperty(this, "filterType", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** onDragStateChanged 在拖动开始或结束时调用。拖动开始时为true,拖动结束时为false */
+        Object.defineProperty(this, "isDragging", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /** update useUnitListEffect  */
+        Object.defineProperty(this, "updateNodes", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (list) => {
+                if (this.treeNodeChildren && this.treeNodeChildren.childrenListLoading) {
+                    const docList = list;
+                    docList.map((item) => {
+                        // if (item.documents > 0) {
+                        item.children = this.treeChildren;
+                        // }
+                    });
+                    this.treeNodeChildren.children = docList || [];
+                    this.treeNodeChildren.childrenListLoading = false;
+                    this.treeData = [...this.treeData];
+                }
+            }
+        });
+        makeObservable(this);
+    }
+    /** 根据path查找文件 */
+    findFiles(path) {
+        var _a;
+        let list;
+        for (let i = 0; i < path.length; i++) {
+            if (i == 0) {
+                list = this.treeData.filter((item) => item.id === path[i]);
+            }
+            else {
+                list = (_a = list[0].children) === null || _a === void 0 ? void 0 : _a.filter((item) => item.id === path[i]);
+            }
+        }
+        return (list === null || list === void 0 ? void 0 : list.length) ? list[0] : null;
+    }
+    /** 接收@treeData state.treeData
+     * @id 找id 文件 */
+    editTreeData(treeData, id) {
+        for (let i = 0, len = treeData.length; i < len; i++) {
+            if (treeData[i].children) {
+                this.editTreeData(treeData[i].children, id);
+            }
+            if (treeData[i].id === id) {
+                this.treeNodeChildren = treeData[i];
+            }
+        }
+        return;
+    }
+    /** 更新 TreeData */
+    updateTreeData(val) {
+        this.treeData = val;
+    }
+    /**在子节点折叠或者展开后调用*/
+    onVisibilityToggle(val) {
+        /** 如果是已展开 或者 已经加载过,不用再重新去加载 */
+        if (!val.expanded || val.node.children[0].id !== "")
+            return;
+        this.id = val.path[val.path.length - 1];
+        this.treeNodeChildren = this.findFiles(val.path);
+        /** 加载中 */
+        this.treeNodeChildren.childrenListLoading = true;
+        this.treeNodeChildren.children = [];
+        this.effect = this.updateNodes;
+    }
+    /** 在节点移动操作之后调用 */
+    async onMoveNode(val) {
+        const id = val.nextPath[val.nextPath.length - 1];
+        const leg = val.nextParentNode.children.indexOf(val.node);
+        const afterId = leg - 1 >= 0 ? val.nextParentNode.children[leg - 1].id : "";
+        const nextParent = this.findFiles(val.nextPath.slice(0, -1));
+        const prevParent = this.findFiles(val.prevPath.slice(0, -1));
+        /** 判断下一个父级 与 上一个父级 是不是同一个 */
+        if (nextParent.id === prevParent.id) {
+            this._store.moveAfter(id, afterId);
+        }
+        else {
+            await this._store.move([id], nextParent.id);
+            if (afterId !== "") {
+                this._store.moveAfter(id, afterId);
+            }
+        }
+    }
+    /**
+     * 确定节点是否可以具有子级的功能，对于在canDrop有条件时防止悬停预览很有用。默认设置为返回的函数true。函数应为类型(node): bool
+     */
+    toHaveChildren(node) {
+        const isLoaded = node.loaded ? node.loaded : false;
+        if (node.documents !== 0 && !isLoaded) {
+            return false;
+        }
+        return true;
+    }
+    /**
+     * unit filters
+     * @return unit filters
+     */
+    get filters() {
+        const filters = [];
+        if (this.id) {
+            filters.push({ c: "ParentNodeId", o: "=", l: "And", v1: this.id });
+        }
+        if (this.filterType) {
+            filters.push(this.filterType);
+        }
+        return filters;
+    }
+}
+__decorate([
+    observable
+], State.prototype, "id", void 0);
+__decorate([
+    observable
+], State.prototype, "effect", void 0);
+__decorate([
+    observable
+], State.prototype, "treeNodeChildren", void 0);
+__decorate([
+    observable
+], State.prototype, "treeChildren", void 0);
+__decorate([
+    observable
+], State.prototype, "treeData", void 0);
+__decorate([
+    observable
+], State.prototype, "filterType", void 0);
+__decorate([
+    observable
+], State.prototype, "isDragging", void 0);
+__decorate([
+    action
+], State.prototype, "findFiles", null);
+__decorate([
+    action
+], State.prototype, "editTreeData", null);
+__decorate([
+    action
+], State.prototype, "updateTreeData", null);
+__decorate([
+    action
+], State.prototype, "updateNodes", void 0);
+__decorate([
+    action
+], State.prototype, "onVisibilityToggle", null);
+__decorate([
+    action
+], State.prototype, "onMoveNode", null);
+__decorate([
+    action
+], State.prototype, "toHaveChildren", null);
+__decorate([
+    computed
+], State.prototype, "filters", null);
+//# sourceMappingURL=state.js.map

package/es/components/CorporateUnitSortableTree/state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"state.js","sourceRoot":"","sources":["../../../src/components/CorporateUnitSortableTree/state.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AA4BpE,MAAM,OAAO,KAAK;IACjB,YAA2B,MAAiB;;;;;mBAAjB;;QAGf;;;;mBAAY,EAAE;WAAC,CAAC,OAAO;QACnC,0CAA0C;QAC9B;;;;mBAAiB,IAAkD;WAAC;QACpE;;;;;WAA6B;QACzC,8BAA8B;QAClB;;;;mBAAuC;gBAClD;oBACC,EAAE,EAAE,EAAE;oBACN,WAAW,EAAE,IAAI;oBACjB,IAAI,EAAE,wBAAwB;oBAC9B,IAAI,EAAE,cAAc;oBACpB,OAAO,EAAE,KAAK;oBACd,OAAO,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;oBACnC,oBAAoB,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,EAAE,EAAE;iBACjF;aACD;WAAC;QACF,0EAA0E;QAC9D;;;;mBAAmC,EAAE;WAAC;QAClD,2BAA2B;QACf;;;;;WAA4C;QACxD,4DAA4D;QAChD;;;;;WAA4B;QAqCxC,gCAAgC;QAEhC;;;;mBAAqB,CAAC,IAAa,EAAE,EAAE;gBACtC,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,EAAE;oBACvE,MAAM,OAAO,GAAG,IAAI,CAAC;oBACrB,OAAO,CAAC,GAAG,CAAC,CAAC,IAAS,EAAE,EAAE;wBACzB,4BAA4B;wBAC5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAAC;wBAClC,IAAI;oBACL,CAAC,CAAC,CAAC;oBACH,IAAI,CAAC,gBAAgB,CAAC,QAAQ,GAAG,OAAO,IAAI,EAAE,CAAC;oBAC/C,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,KAAK,CAAC;oBAClD,IAAI,CAAC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC;iBACnC;YACF,CAAC;WAAC;QA1ED,cAAc,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC;IAwBD,iBAAiB;IAEV,SAAS,CAAC,IAAc;;QAC9B,IAAI,IAAS,CAAC;QACd,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACrC,IAAI,CAAC,IAAI,CAAC,EAAE;gBACX,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;aAC3D;iBAAM;gBACN,IAAI,GAAG,MAAA,IAAI,CAAC,CAAC,CAAC,CAAC,QAAQ,0CAAE,MAAM,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;aACpE;SACD;QACD,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACtC,CAAC;IAED;oBACgB;IAET,YAAY,CAAC,QAAa,EAAE,EAAU;QAC5C,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,GAAG,EAAE,CAAC,EAAE,EAAE;YACpD,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE;gBACzB,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;aAC5C;YACD,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE;gBAC1B,IAAI,CAAC,gBAAgB,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;aACpC;SACD;QACD,OAAO;IACR,CAAC;IAED,kBAAkB;IAEX,cAAc,CAAC,GAAQ;QAC7B,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC;IACrB,CAAC;IAkBD,kBAAkB;IAEX,kBAAkB,CAAC,GAAQ;QACjC,+BAA+B;QAC/B,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE;YAAE,OAAO;QAC5D,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACxC,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACjD,UAAU;QACV,IAAI,CAAC,gBAAgB,CAAC,mBAAmB,GAAG,IAAI,CAAC;QACjD,IAAI,CAAC,gBAAgB,CAAC,QAAQ,GAAG,EAAE,CAAC;QACpC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,WAAW,CAAC;IAChC,CAAC;IAED,kBAAkB;IAEL,AAAN,KAAK,CAAC,UAAU,CAAC,GAAQ;QAC/B,MAAM,EAAE,GAAG,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACjD,MAAM,GAAG,GAAG,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QAC1D,MAAM,OAAO,GAAG,GAAG,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,cAAc,CAAC,QAAQ,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5E,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,MAAM,UAAU,GAAG,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC7D,6BAA6B;QAC7B,IAAI,UAAU,CAAC,EAAE,KAAK,UAAU,CAAC,EAAE,EAAE;YACpC,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;SACnC;aAAM;YACN,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,UAAU,CAAC,EAAE,CAAC,CAAC;YAC5C,IAAI,OAAO,KAAK,EAAE,EAAE;gBACnB,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAC;aACnC;SACD;IACF,CAAC;IAED;;OAEG;IAEI,cAAc,CAAC,IAAS;QAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;QACnD,IAAI,IAAI,CAAC,SAAS,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;YACtC,OAAO,KAAK,CAAC;SACb;QACD,OAAO,IAAI,CAAC;IACb,CAAC;IAED;;;OAGG;IAEH,IAAW,OAAO;QACjB,MAAM,OAAO,GAAG,EAAE,CAAC;QACnB,IAAI,IAAI,CAAC,EAAE,EAAE;YACZ,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;SACnE;QACD,IAAI,IAAI,CAAC,UAAU,EAAE;YACpB,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SAC9B;QACD,OAAO,OAAO,CAAC;IAChB,CAAC;CACD;AArIY;IAAX,UAAU;iCAAgB;AAEf;IAAX,UAAU;qCAAqE;AACpE;IAAX,UAAU;+CAA8B;AAE7B;IAAX,UAAU;2CAUT;AAEU;IAAX,UAAU;uCAAuC;AAEtC;IAAX,UAAU;yCAA6C;AAE5C;IAAX,UAAU;yCAA6B;AAIxC;IADC,MAAM;sCAWN;AAKD;IADC,MAAM;yCAWN;AAID;IADC,MAAM;2CAGN;AAID;IADC,MAAM;0CAaL;AAIF;IADC,MAAM;+CAUN;AAIY;IADZ,MAAM;uCAgBN;AAMD;IADC,MAAM;2CAON;AAOD;IADC,QAAQ;oCAUR"}

package/es/components/CorporateUnitSortableTree/themes/FileExplorerTheme/index.d.ts

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

package/es/components/CorporateUnitSortableTree/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/components/CorporateUnitSortableTree/themes/FileExplorerTheme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/CorporateUnitSortableTree/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/components/CorporateUnitSortableTree/themes/FileExplorerTheme/node-content-renderer.d.ts

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

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

@@ -0,0 +1,84 @@
+import "./node-content-renderer.less";
+import { faChevronRight, faUser, faUsers, faUserVneck, faUserTag, } from "@fortawesome/pro-light-svg-icons";
+import { FontAwesomeIcon as FAIcon } from "@fortawesome/react-fontawesome";
+import React from "react";
+import { Spin } from "@voplus/antd";
+import UnitIcon from "@voplus/morpho-org/es/components/UnitIcon";
+import classnames from "classnames";
+import { useUnitContext } from "@voplus/morpho-org/es/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;
+    /** 比較一下id是否active, 加上active css (点击当前id时，显示active背景色) */
+    const active = store.active === node.id;
+    // 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", { className: classnames("explorer-theme-node", { active: active }), ...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" },
+                        React.createElement("div", { className: "file-document-name", onClick: () => { var _a; return (_a = store.onUnitSelected) === null || _a === void 0 ? void 0 : _a.call(store, node.id); } },
+                            React.createElement("div", { className: "file-type" }, node.id === "" ? (React.createElement(FAIcon, { icon: faUser })) : node.id === "c896a84e-b31a-4d10-a181-5d34a21b172d" ? (React.createElement(FAIcon, { icon: faUsers })) : node.id === "members" ? (React.createElement(FAIcon, { icon: faUserVneck })) : node.id === "officers" ? (React.createElement(FAIcon, { icon: faUserTag })) : (React.createElement(UnitIcon, { type: node.type }))),
+                            React.createElement("div", { className: "file-name" }, node.name))))))))));
+    return canDrag ? connectDragSource(nodeContent, { dropEffect: "copy" }) : nodeContent;
+};
+export default FileThemeNodeContentRenderer;
+//# sourceMappingURL=node-content-renderer.js.map

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

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

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

@@ -0,0 +1,319 @@
+:global {
+	.explorer-theme-node {
+		&:hover {
+			background: #f5f5f5;
+		}
+		&.active {
+			background: #1ea7fd;
+			svg,
+			.file-name {
+				color: white;
+			}
+		}
+		: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;
+				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/components/CorporateUnitSortableTree/themes/FileExplorerTheme/tree-node-renderer.d.ts

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