@webiny/admin-ui 6.3.0-beta.4 → 6.4.0-beta.0

package/Tree/presenters/TreePresenter.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["TreePresenter","describe","expect","it","presenter","initNodes","id","label","parentId","vm","nodes","toEqual","text","parent","droppable","data","active","loading","customData","init","rootId","toBe","defaultOpenNodeIds","openNodeIds","defaultLockedOpenNodeIds","lockedOpenNodeIds","loadingNodeIds","handleDrop"],"sources":["TreePresenter.test.ts"],"sourcesContent":["import { TreePresenter } from \"./TreePresenter.js\";\nimport { describe, expect, it } from \"vitest\";\n\ndescribe(\"TreePresenter\", () => {\n    it(\"should return the compatible `vm` based on params\", () => {\n        const presenter = new TreePresenter();\n\n        // `nodes`\n        {\n            presenter.initNodes([\n                {\n                    id: \"1\",\n                    label: \"Node 1\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            expect(presenter.vm.nodes).toEqual([\n                {\n                    id: \"1\",\n                    text: \"Node 1\",\n                    parent: \"0\",\n                    droppable: true,\n                    data: {\n                        id: \"1\",\n                        label: \"Node 1\",\n                        parentId: \"0\",\n                        droppable: true,\n                        active: false,\n                        loading: false\n                    }\n                }\n            ]);\n        }\n\n        // `nodes` with droppable\n        {\n            presenter.initNodes([\n                {\n                    id: \"2\",\n                    label: \"Node 2\",\n                    parentId: \"0\",\n                    droppable: true\n                }\n            ]);\n\n            expect(presenter.vm.nodes).toEqual([\n                {\n                    id: \"2\",\n                    text: \"Node 2\",\n                    parent: \"0\",\n                    droppable: true,\n                    data: {\n                        id: \"2\",\n                        label: \"Node 2\",\n                        parentId: \"0\",\n                        droppable: true,\n                        active: false,\n                        loading: false\n                    }\n                }\n            ]);\n        }\n\n        // `nodes` with data\n        {\n            presenter.initNodes([\n                {\n                    id: \"3\",\n                    label: \"Node 3\",\n                    parentId: \"0\",\n                    data: { customData: \"value\" }\n                }\n            ]);\n\n            expect(presenter.vm.nodes).toEqual([\n                {\n                    id: \"3\",\n                    text: \"Node 3\",\n                    parent: \"0\",\n                    droppable: true,\n                    data: {\n                        id: \"3\",\n                        label: \"Node 3\",\n                        parentId: \"0\",\n                        droppable: true,\n                        active: false,\n                        loading: false,\n                        customData: \"value\"\n                    }\n                }\n            ]);\n        }\n\n        // `nodes` with active\n        {\n            presenter.initNodes([\n                {\n                    id: \"4\",\n                    label: \"Node 4\",\n                    parentId: \"0\",\n                    active: true\n                }\n            ]);\n\n            expect(presenter.vm.nodes).toEqual([\n                {\n                    id: \"4\",\n                    text: \"Node 4\",\n                    parent: \"0\",\n                    droppable: true,\n                    data: {\n                        id: \"4\",\n                        label: \"Node 4\",\n                        parentId: \"0\",\n                        droppable: true,\n                        active: true,\n                        loading: false\n                    }\n                }\n            ]);\n        }\n\n        // `rootId`\n        {\n            presenter.initNodes([\n                {\n                    id: \"4\",\n                    label: \"Node 4\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            presenter.init({\n                rootId: \"4\"\n            });\n\n            expect(presenter.vm.rootId).toBe(\"4\");\n        }\n\n        // `defaultOpenNodeIds`\n        {\n            presenter.initNodes([\n                {\n                    id: \"5\",\n                    label: \"Node 5\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            presenter.init({\n                defaultOpenNodeIds: [\"5\"]\n            });\n\n            expect(presenter.vm.openNodeIds).toEqual([\"5\"]);\n        }\n\n        // `defaultLockedOpenNodeIds`\n        {\n            presenter.initNodes([\n                {\n                    id: \"6\",\n                    label: \"Node 6\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            presenter.init({\n                defaultLockedOpenNodeIds: [\"6\"]\n            });\n\n            expect(presenter.vm.lockedOpenNodeIds).toEqual([\"6\"]);\n        }\n\n        // `loadingNodeIds`\n        {\n            presenter.initNodes([\n                {\n                    id: \"7\",\n                    label: \"Node 7\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            presenter.init({\n                loadingNodeIds: [\"7\"]\n            });\n\n            expect(presenter.vm.loadingNodeIds).toEqual([\"7\"]);\n            expect(presenter.vm.nodes[0].data.loading).toBe(true);\n        }\n    });\n\n    it(\"should handle drop and update nodes correctly\", async () => {\n        const presenter = new TreePresenter();\n\n        presenter.initNodes([\n            {\n                id: \"1\",\n                label: \"Node 1\",\n                parentId: \"0\"\n            },\n            {\n                id: \"2\",\n                label: \"Node 2\",\n                parentId: \"0\"\n            }\n        ]);\n\n        await presenter.handleDrop([\n            {\n                id: \"1\",\n                label: \"Node 1 Updated\",\n                parentId: \"2\",\n                droppable: true\n            },\n            {\n                id: \"2\",\n                label: \"Node 2 Updated\",\n                parentId: \"0\",\n                droppable: true\n            }\n        ]);\n\n        expect(presenter.vm.nodes).toEqual([\n            {\n                id: \"1\",\n                text: \"Node 1 Updated\",\n                parent: \"2\",\n                droppable: true,\n                data: {\n                    id: \"1\",\n                    label: \"Node 1 Updated\",\n                    parentId: \"2\",\n                    droppable: true,\n                    active: false,\n                    loading: false\n                }\n            },\n            {\n                id: \"2\",\n                text: \"Node 2 Updated\",\n                parent: \"0\",\n                droppable: true,\n                data: {\n                    id: \"2\",\n                    label: \"Node 2 Updated\",\n                    parentId: \"0\",\n                    droppable: true,\n                    active: false,\n                    loading: false\n                }\n            }\n        ]);\n    });\n});\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tree/presenters/TreePresenter.test.js","sources":["../../../src/Tree/presenters/TreePresenter.test.ts"],"sourcesContent":["import { TreePresenter } from \"./TreePresenter.js\";\nimport { describe, expect, it } from \"vitest\";\n\ndescribe(\"TreePresenter\", () => {\n    it(\"should return the compatible `vm` based on params\", () => {\n        const presenter = new TreePresenter();\n\n        // `nodes`\n        {\n            presenter.initNodes([\n                {\n                    id: \"1\",\n                    label: \"Node 1\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            expect(presenter.vm.nodes).toEqual([\n                {\n                    id: \"1\",\n                    text: \"Node 1\",\n                    parent: \"0\",\n                    droppable: true,\n                    data: {\n                        id: \"1\",\n                        label: \"Node 1\",\n                        parentId: \"0\",\n                        droppable: true,\n                        active: false,\n                        loading: false\n                    }\n                }\n            ]);\n        }\n\n        // `nodes` with droppable\n        {\n            presenter.initNodes([\n                {\n                    id: \"2\",\n                    label: \"Node 2\",\n                    parentId: \"0\",\n                    droppable: true\n                }\n            ]);\n\n            expect(presenter.vm.nodes).toEqual([\n                {\n                    id: \"2\",\n                    text: \"Node 2\",\n                    parent: \"0\",\n                    droppable: true,\n                    data: {\n                        id: \"2\",\n                        label: \"Node 2\",\n                        parentId: \"0\",\n                        droppable: true,\n                        active: false,\n                        loading: false\n                    }\n                }\n            ]);\n        }\n\n        // `nodes` with data\n        {\n            presenter.initNodes([\n                {\n                    id: \"3\",\n                    label: \"Node 3\",\n                    parentId: \"0\",\n                    data: { customData: \"value\" }\n                }\n            ]);\n\n            expect(presenter.vm.nodes).toEqual([\n                {\n                    id: \"3\",\n                    text: \"Node 3\",\n                    parent: \"0\",\n                    droppable: true,\n                    data: {\n                        id: \"3\",\n                        label: \"Node 3\",\n                        parentId: \"0\",\n                        droppable: true,\n                        active: false,\n                        loading: false,\n                        customData: \"value\"\n                    }\n                }\n            ]);\n        }\n\n        // `nodes` with active\n        {\n            presenter.initNodes([\n                {\n                    id: \"4\",\n                    label: \"Node 4\",\n                    parentId: \"0\",\n                    active: true\n                }\n            ]);\n\n            expect(presenter.vm.nodes).toEqual([\n                {\n                    id: \"4\",\n                    text: \"Node 4\",\n                    parent: \"0\",\n                    droppable: true,\n                    data: {\n                        id: \"4\",\n                        label: \"Node 4\",\n                        parentId: \"0\",\n                        droppable: true,\n                        active: true,\n                        loading: false\n                    }\n                }\n            ]);\n        }\n\n        // `rootId`\n        {\n            presenter.initNodes([\n                {\n                    id: \"4\",\n                    label: \"Node 4\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            presenter.init({\n                rootId: \"4\"\n            });\n\n            expect(presenter.vm.rootId).toBe(\"4\");\n        }\n\n        // `defaultOpenNodeIds`\n        {\n            presenter.initNodes([\n                {\n                    id: \"5\",\n                    label: \"Node 5\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            presenter.init({\n                defaultOpenNodeIds: [\"5\"]\n            });\n\n            expect(presenter.vm.openNodeIds).toEqual([\"5\"]);\n        }\n\n        // `defaultLockedOpenNodeIds`\n        {\n            presenter.initNodes([\n                {\n                    id: \"6\",\n                    label: \"Node 6\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            presenter.init({\n                defaultLockedOpenNodeIds: [\"6\"]\n            });\n\n            expect(presenter.vm.lockedOpenNodeIds).toEqual([\"6\"]);\n        }\n\n        // `loadingNodeIds`\n        {\n            presenter.initNodes([\n                {\n                    id: \"7\",\n                    label: \"Node 7\",\n                    parentId: \"0\"\n                }\n            ]);\n\n            presenter.init({\n                loadingNodeIds: [\"7\"]\n            });\n\n            expect(presenter.vm.loadingNodeIds).toEqual([\"7\"]);\n            expect(presenter.vm.nodes[0].data.loading).toBe(true);\n        }\n    });\n\n    it(\"should handle drop and update nodes correctly\", async () => {\n        const presenter = new TreePresenter();\n\n        presenter.initNodes([\n            {\n                id: \"1\",\n                label: \"Node 1\",\n                parentId: \"0\"\n            },\n            {\n                id: \"2\",\n                label: \"Node 2\",\n                parentId: \"0\"\n            }\n        ]);\n\n        await presenter.handleDrop([\n            {\n                id: \"1\",\n                label: \"Node 1 Updated\",\n                parentId: \"2\",\n                droppable: true\n            },\n            {\n                id: \"2\",\n                label: \"Node 2 Updated\",\n                parentId: \"0\",\n                droppable: true\n            }\n        ]);\n\n        expect(presenter.vm.nodes).toEqual([\n            {\n                id: \"1\",\n                text: \"Node 1 Updated\",\n                parent: \"2\",\n                droppable: true,\n                data: {\n                    id: \"1\",\n                    label: \"Node 1 Updated\",\n                    parentId: \"2\",\n                    droppable: true,\n                    active: false,\n                    loading: false\n                }\n            },\n            {\n                id: \"2\",\n                text: \"Node 2 Updated\",\n                parent: \"0\",\n                droppable: true,\n                data: {\n                    id: \"2\",\n                    label: \"Node 2 Updated\",\n                    parentId: \"0\",\n                    droppable: true,\n                    active: false,\n                    loading: false\n                }\n            }\n        ]);\n    });\n});\n"],"names":["describe","it","presenter","TreePresenter","expect"],"mappings":"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"}

package/Tree/presenters/index.js

@@ -1,3 +1 @@
 export * from "./TreePresenter.js";
-
-//# sourceMappingURL=index.js.map

package/Tree/useTree.js

@@ -2,139 +2,131 @@ import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
 import { TreePresenter } from "./presenters/index.js";
 import { Node, NodeFormatter } from "./domains/index.js";
-export const useTree = props => {
-  const params = useMemo(() => {
+const useTree = (props)=>{
+    const params = useMemo(()=>({
+            rootId: props.rootId,
+            defaultOpenNodeIds: props.defaultOpenNodeIds,
+            defaultLockedOpenNodeIds: props.defaultLockedOpenNodeIds,
+            loadingNodeIds: props.loadingNodeIds
+        }), [
+        props.rootId,
+        props.defaultOpenNodeIds,
+        props.defaultLockedOpenNodeIds,
+        props.loadingNodeIds
+    ]);
+    const presenter = useMemo(()=>new TreePresenter(), []);
+    const [vm, setVm] = useState(presenter.vm);
+    useEffect(()=>{
+        presenter.init(params);
+    }, [
+        params,
+        presenter
+    ]);
+    useEffect(()=>{
+        presenter.initNodes(props.nodes);
+    }, [
+        props.nodes
+    ]);
+    useEffect(()=>autorun(()=>{
+            setVm(presenter.vm);
+        }), [
+        presenter
+    ]);
+    const handleDrop = async (newTree, options)=>{
+        if (options.dragSourceId === options.dropTargetId) return;
+        const newNodeTree = newTree.map((node)=>Node.create({
+                id: String(node.id),
+                label: node.text,
+                parentId: String(node.parent),
+                droppable: node.droppable,
+                data: node.data
+            }));
+        await presenter.handleDrop(newNodeTree);
+        if (props.onDrop) {
+            const { dragSourceId, dropTargetId } = options;
+            const newTreeDto = newNodeTree.map((node)=>NodeFormatter.toDto(node));
+            const dropOptions = {
+                dragSourceId: String(dragSourceId),
+                dropTargetId: String(dropTargetId),
+                dragSource: newTreeDto.find((node)=>node.id === String(options.dragSourceId)),
+                dropTarget: newTreeDto.find((node)=>node.id === String(options.dropTargetId))
+            };
+            await props.onDrop(newTreeDto, dropOptions);
+        }
+    };
+    const changeOpen = (newOpenIds)=>{
+        if (props.onChangeOpen) {
+            const newOpenNodes = vm.nodes.filter((node)=>newOpenIds.includes(node.id)).map((node)=>NodeFormatter.toDto(Node.create({
+                    id: String(node.id),
+                    label: node.text,
+                    parentId: String(node.parent),
+                    droppable: node.droppable,
+                    data: node.data
+                })));
+            props.onChangeOpen(newOpenNodes);
+        }
+    };
+    const canDrag = (node)=>{
+        if (!node) return false;
+        const nodeDto = NodeFormatter.toDto(Node.create({
+            id: String(node.id),
+            parentId: String(node.parent),
+            droppable: node.droppable,
+            label: node.text,
+            data: node.data
+        }));
+        return props.canDrag ? props.canDrag(nodeDto) : true;
+    };
+    const canDrop = (tree, options)=>{
+        if (props.canDrop) {
+            const { dragSourceId, dropTargetId } = options;
+            const nodeTree = tree.map((node)=>Node.create({
+                    id: String(node.id),
+                    label: node.text,
+                    parentId: String(node.parent),
+                    droppable: node.droppable,
+                    data: node.data
+                }));
+            const nodeTreeDto = nodeTree.map((node)=>NodeFormatter.toDto(node));
+            const dropOptions = {
+                dragSourceId: String(dragSourceId),
+                dropTargetId: String(dropTargetId),
+                dragSource: nodeTreeDto.find((node)=>node.id === String(options.dragSourceId)),
+                dropTarget: nodeTreeDto.find((node)=>node.id === String(options.dropTargetId))
+            };
+            return props.canDrop(nodeTreeDto, dropOptions);
+        }
+        return true;
+    };
+    const sort = (a, b)=>{
+        if ("function" == typeof props.sort) {
+            const nodeTreeA = Node.create({
+                id: String(a.id),
+                label: a.text,
+                parentId: String(a.parent),
+                droppable: a.droppable,
+                data: a.data
+            });
+            const nodeTreeB = Node.create({
+                id: String(b.id),
+                label: b.text,
+                parentId: String(b.parent),
+                droppable: b.droppable,
+                data: b.data
+            });
+            return props.sort(NodeFormatter.toDto(nodeTreeA), NodeFormatter.toDto(nodeTreeB));
+        }
+        return 0;
+    };
     return {
-      rootId: props.rootId,
-      defaultOpenNodeIds: props.defaultOpenNodeIds,
-      defaultLockedOpenNodeIds: props.defaultLockedOpenNodeIds,
-      loadingNodeIds: props.loadingNodeIds
+        vm,
+        handleDrop,
+        changeOpen,
+        canDrag,
+        canDrop,
+        sort
     };
-  }, [props.rootId, props.defaultOpenNodeIds, props.defaultLockedOpenNodeIds, props.loadingNodeIds]);
-  const presenter = useMemo(() => {
-    return new TreePresenter();
-  }, []);
-  const [vm, setVm] = useState(presenter.vm);
-  useEffect(() => {
-    presenter.init(params);
-  }, [params, presenter]);
-  useEffect(() => {
-    presenter.initNodes(props.nodes);
-  }, [props.nodes]);
-  useEffect(() => {
-    return autorun(() => {
-      setVm(presenter.vm);
-    });
-  }, [presenter]);
-  const handleDrop = async (newTree, options) => {
-    if (options.dragSourceId === options.dropTargetId) {
-      // Drag source and drop target are the same, no action taken.
-      return;
-    }
-    const newNodeTree = newTree.map(node => {
-      return Node.create({
-        id: String(node.id),
-        label: node.text,
-        parentId: String(node.parent),
-        droppable: node.droppable,
-        data: node.data
-      });
-    });
-    await presenter.handleDrop(newNodeTree);
-    if (props.onDrop) {
-      const {
-        dragSourceId,
-        dropTargetId
-      } = options;
-      const newTreeDto = newNodeTree.map(node => NodeFormatter.toDto(node));
-      const dropOptions = {
-        dragSourceId: String(dragSourceId),
-        dropTargetId: String(dropTargetId),
-        dragSource: newTreeDto.find(node => node.id === String(options.dragSourceId)),
-        dropTarget: newTreeDto.find(node => node.id === String(options.dropTargetId))
-      };
-      await props.onDrop(newTreeDto, dropOptions);
-    }
-  };
-  const changeOpen = newOpenIds => {
-    if (props.onChangeOpen) {
-      const newOpenNodes = vm.nodes.filter(node => newOpenIds.includes(node.id)).map(node => NodeFormatter.toDto(Node.create({
-        id: String(node.id),
-        label: node.text,
-        parentId: String(node.parent),
-        droppable: node.droppable,
-        data: node.data
-      })));
-      props.onChangeOpen(newOpenNodes);
-    }
-  };
-  const canDrag = node => {
-    if (!node) {
-      return false;
-    }
-    const nodeDto = NodeFormatter.toDto(Node.create({
-      id: String(node.id),
-      parentId: String(node.parent),
-      droppable: node.droppable,
-      label: node.text,
-      data: node.data
-    }));
-    return props.canDrag ? props.canDrag(nodeDto) : true;
-  };
-  const canDrop = (tree, options) => {
-    if (props.canDrop) {
-      const {
-        dragSourceId,
-        dropTargetId
-      } = options;
-      const nodeTree = tree.map(node => {
-        return Node.create({
-          id: String(node.id),
-          label: node.text,
-          parentId: String(node.parent),
-          droppable: node.droppable,
-          data: node.data
-        });
-      });
-      const nodeTreeDto = nodeTree.map(node => NodeFormatter.toDto(node));
-      const dropOptions = {
-        dragSourceId: String(dragSourceId),
-        dropTargetId: String(dropTargetId),
-        dragSource: nodeTreeDto.find(node => node.id === String(options.dragSourceId)),
-        dropTarget: nodeTreeDto.find(node => node.id === String(options.dropTargetId))
-      };
-      return props.canDrop(nodeTreeDto, dropOptions);
-    }
-    return true;
-  };
-  const sort = (a, b) => {
-    if (typeof props.sort === "function") {
-      const nodeTreeA = Node.create({
-        id: String(a.id),
-        label: a.text,
-        parentId: String(a.parent),
-        droppable: a.droppable,
-        data: a.data
-      });
-      const nodeTreeB = Node.create({
-        id: String(b.id),
-        label: b.text,
-        parentId: String(b.parent),
-        droppable: b.droppable,
-        data: b.data
-      });
-      return props.sort(NodeFormatter.toDto(nodeTreeA), NodeFormatter.toDto(nodeTreeB));
-    }
-    return 0;
-  };
-  return {
-    vm,
-    handleDrop,
-    changeOpen,
-    canDrag,
-    canDrop,
-    sort
-  };
 };
+export { useTree };
 
 //# sourceMappingURL=useTree.js.map

package/Tree/useTree.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useMemo","useState","autorun","TreePresenter","Node","NodeFormatter","useTree","props","params","rootId","defaultOpenNodeIds","defaultLockedOpenNodeIds","loadingNodeIds","presenter","vm","setVm","init","initNodes","nodes","handleDrop","newTree","options","dragSourceId","dropTargetId","newNodeTree","map","node","create","id","String","label","text","parentId","parent","droppable","data","onDrop","newTreeDto","toDto","dropOptions","dragSource","find","dropTarget","changeOpen","newOpenIds","onChangeOpen","newOpenNodes","filter","includes","canDrag","nodeDto","canDrop","tree","nodeTree","nodeTreeDto","sort","a","b","nodeTreeA","nodeTreeB"],"sources":["useTree.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { DropOptions as DndDropOptions, NodeModel } from \"@minoru/react-dnd-treeview\";\nimport { autorun } from \"mobx\";\nimport { TreePresenter, type TreePresenterInitParams } from \"./presenters/index.js\";\nimport type { TreeProps, DropOptions } from \"./Tree.js\";\nimport { Node, NodeFormatter } from \"./domains/index.js\";\n\nexport const useTree = <TData = Record<string, any>>(props: TreeProps<TData>) => {\n    const params: TreePresenterInitParams = useMemo(() => {\n        return {\n            rootId: props.rootId,\n            defaultOpenNodeIds: props.defaultOpenNodeIds,\n            defaultLockedOpenNodeIds: props.defaultLockedOpenNodeIds,\n            loadingNodeIds: props.loadingNodeIds\n        };\n    }, [\n        props.rootId,\n        props.defaultOpenNodeIds,\n        props.defaultLockedOpenNodeIds,\n        props.loadingNodeIds\n    ]);\n\n    const presenter = useMemo(() => {\n        return new TreePresenter<TData>();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        presenter.initNodes(props.nodes);\n    }, [props.nodes]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    const handleDrop = async (newTree: NodeModel<TData>[], options: DndDropOptions) => {\n        if (options.dragSourceId === options.dropTargetId) {\n            // Drag source and drop target are the same, no action taken.\n            return;\n        }\n\n        const newNodeTree = newTree.map(node => {\n            return Node.create<TData>({\n                id: String(node.id),\n                label: node.text,\n                parentId: String(node.parent),\n                droppable: node.droppable,\n                data: node.data as TData\n            });\n        });\n\n        await presenter.handleDrop(newNodeTree);\n\n        if (props.onDrop) {\n            const { dragSourceId, dropTargetId } = options;\n\n            const newTreeDto = newNodeTree.map(node => NodeFormatter.toDto<TData>(node));\n\n            const dropOptions: DropOptions<TData> = {\n                dragSourceId: String(dragSourceId),\n                dropTargetId: String(dropTargetId),\n                dragSource: newTreeDto.find(node => node.id === String(options.dragSourceId)),\n                dropTarget: newTreeDto.find(node => node.id === String(options.dropTargetId))\n            };\n\n            await props.onDrop(newTreeDto, dropOptions);\n        }\n    };\n\n    const changeOpen = (newOpenIds: NodeModel<TData>[\"id\"][]) => {\n        if (props.onChangeOpen) {\n            const newOpenNodes = vm.nodes\n                .filter(node => newOpenIds.includes(node.id))\n                .map(node =>\n                    NodeFormatter.toDto<TData>(\n                        Node.create<TData>({\n                            id: String(node.id),\n                            label: node.text,\n                            parentId: String(node.parent),\n                            droppable: node.droppable,\n                            data: node.data as TData\n                        })\n                    )\n                );\n\n            props.onChangeOpen(newOpenNodes);\n        }\n    };\n\n    const canDrag = (node: NodeModel<TData> | undefined) => {\n        if (!node) {\n            return false;\n        }\n\n        const nodeDto = NodeFormatter.toDto<TData>(\n            Node.create<TData>({\n                id: String(node.id),\n                parentId: String(node.parent),\n                droppable: node.droppable,\n                label: node.text,\n                data: node.data as TData\n            })\n        );\n\n        return props.canDrag ? props.canDrag(nodeDto) : true;\n    };\n\n    const canDrop = (tree: NodeModel<TData>[], options: DndDropOptions) => {\n        if (props.canDrop) {\n            const { dragSourceId, dropTargetId } = options;\n\n            const nodeTree = tree.map(node => {\n                return Node.create<TData>({\n                    id: String(node.id),\n                    label: node.text,\n                    parentId: String(node.parent),\n                    droppable: node.droppable,\n                    data: node.data as TData\n                });\n            });\n\n            const nodeTreeDto = nodeTree.map(node => NodeFormatter.toDto<TData>(node));\n\n            const dropOptions: DropOptions<TData> = {\n                dragSourceId: String(dragSourceId),\n                dropTargetId: String(dropTargetId),\n                dragSource: nodeTreeDto.find(node => node.id === String(options.dragSourceId)),\n                dropTarget: nodeTreeDto.find(node => node.id === String(options.dropTargetId))\n            };\n\n            return props.canDrop(nodeTreeDto, dropOptions);\n        }\n\n        return true;\n    };\n\n    const sort = (a: NodeModel<TData>, b: NodeModel<TData>): number => {\n        if (typeof props.sort === \"function\") {\n            const nodeTreeA = Node.create<TData>({\n                id: String(a.id),\n                label: a.text,\n                parentId: String(a.parent),\n                droppable: a.droppable,\n                data: a.data\n            });\n\n            const nodeTreeB = Node.create<TData>({\n                id: String(b.id),\n                label: b.text,\n                parentId: String(b.parent),\n                droppable: b.droppable,\n                data: b.data\n            });\n\n            return props.sort(\n                NodeFormatter.toDto<TData>(nodeTreeA),\n                NodeFormatter.toDto<TData>(nodeTreeB)\n            );\n        }\n\n        return 0;\n    };\n\n    return { vm, handleDrop, changeOpen, canDrag, canDrop, sort };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Tree/useTree.js","sources":["../../src/Tree/useTree.ts"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { DropOptions as DndDropOptions, NodeModel } from \"@minoru/react-dnd-treeview\";\nimport { autorun } from \"mobx\";\nimport { TreePresenter, type TreePresenterInitParams } from \"./presenters/index.js\";\nimport type { TreeProps, DropOptions } from \"./Tree.js\";\nimport { Node, NodeFormatter } from \"./domains/index.js\";\n\nexport const useTree = <TData = Record<string, any>>(props: TreeProps<TData>) => {\n    const params: TreePresenterInitParams = useMemo(() => {\n        return {\n            rootId: props.rootId,\n            defaultOpenNodeIds: props.defaultOpenNodeIds,\n            defaultLockedOpenNodeIds: props.defaultLockedOpenNodeIds,\n            loadingNodeIds: props.loadingNodeIds\n        };\n    }, [\n        props.rootId,\n        props.defaultOpenNodeIds,\n        props.defaultLockedOpenNodeIds,\n        props.loadingNodeIds\n    ]);\n\n    const presenter = useMemo(() => {\n        return new TreePresenter<TData>();\n    }, []);\n\n    const [vm, setVm] = useState(presenter.vm);\n\n    useEffect(() => {\n        presenter.init(params);\n    }, [params, presenter]);\n\n    useEffect(() => {\n        presenter.initNodes(props.nodes);\n    }, [props.nodes]);\n\n    useEffect(() => {\n        return autorun(() => {\n            setVm(presenter.vm);\n        });\n    }, [presenter]);\n\n    const handleDrop = async (newTree: NodeModel<TData>[], options: DndDropOptions) => {\n        if (options.dragSourceId === options.dropTargetId) {\n            // Drag source and drop target are the same, no action taken.\n            return;\n        }\n\n        const newNodeTree = newTree.map(node => {\n            return Node.create<TData>({\n                id: String(node.id),\n                label: node.text,\n                parentId: String(node.parent),\n                droppable: node.droppable,\n                data: node.data as TData\n            });\n        });\n\n        await presenter.handleDrop(newNodeTree);\n\n        if (props.onDrop) {\n            const { dragSourceId, dropTargetId } = options;\n\n            const newTreeDto = newNodeTree.map(node => NodeFormatter.toDto<TData>(node));\n\n            const dropOptions: DropOptions<TData> = {\n                dragSourceId: String(dragSourceId),\n                dropTargetId: String(dropTargetId),\n                dragSource: newTreeDto.find(node => node.id === String(options.dragSourceId)),\n                dropTarget: newTreeDto.find(node => node.id === String(options.dropTargetId))\n            };\n\n            await props.onDrop(newTreeDto, dropOptions);\n        }\n    };\n\n    const changeOpen = (newOpenIds: NodeModel<TData>[\"id\"][]) => {\n        if (props.onChangeOpen) {\n            const newOpenNodes = vm.nodes\n                .filter(node => newOpenIds.includes(node.id))\n                .map(node =>\n                    NodeFormatter.toDto<TData>(\n                        Node.create<TData>({\n                            id: String(node.id),\n                            label: node.text,\n                            parentId: String(node.parent),\n                            droppable: node.droppable,\n                            data: node.data as TData\n                        })\n                    )\n                );\n\n            props.onChangeOpen(newOpenNodes);\n        }\n    };\n\n    const canDrag = (node: NodeModel<TData> | undefined) => {\n        if (!node) {\n            return false;\n        }\n\n        const nodeDto = NodeFormatter.toDto<TData>(\n            Node.create<TData>({\n                id: String(node.id),\n                parentId: String(node.parent),\n                droppable: node.droppable,\n                label: node.text,\n                data: node.data as TData\n            })\n        );\n\n        return props.canDrag ? props.canDrag(nodeDto) : true;\n    };\n\n    const canDrop = (tree: NodeModel<TData>[], options: DndDropOptions) => {\n        if (props.canDrop) {\n            const { dragSourceId, dropTargetId } = options;\n\n            const nodeTree = tree.map(node => {\n                return Node.create<TData>({\n                    id: String(node.id),\n                    label: node.text,\n                    parentId: String(node.parent),\n                    droppable: node.droppable,\n                    data: node.data as TData\n                });\n            });\n\n            const nodeTreeDto = nodeTree.map(node => NodeFormatter.toDto<TData>(node));\n\n            const dropOptions: DropOptions<TData> = {\n                dragSourceId: String(dragSourceId),\n                dropTargetId: String(dropTargetId),\n                dragSource: nodeTreeDto.find(node => node.id === String(options.dragSourceId)),\n                dropTarget: nodeTreeDto.find(node => node.id === String(options.dropTargetId))\n            };\n\n            return props.canDrop(nodeTreeDto, dropOptions);\n        }\n\n        return true;\n    };\n\n    const sort = (a: NodeModel<TData>, b: NodeModel<TData>): number => {\n        if (typeof props.sort === \"function\") {\n            const nodeTreeA = Node.create<TData>({\n                id: String(a.id),\n                label: a.text,\n                parentId: String(a.parent),\n                droppable: a.droppable,\n                data: a.data\n            });\n\n            const nodeTreeB = Node.create<TData>({\n                id: String(b.id),\n                label: b.text,\n                parentId: String(b.parent),\n                droppable: b.droppable,\n                data: b.data\n            });\n\n            return props.sort(\n                NodeFormatter.toDto<TData>(nodeTreeA),\n                NodeFormatter.toDto<TData>(nodeTreeB)\n            );\n        }\n\n        return 0;\n    };\n\n    return { vm, handleDrop, changeOpen, canDrag, canDrop, sort };\n};\n"],"names":["useTree","props","params","useMemo","presenter","TreePresenter","vm","setVm","useState","useEffect","autorun","handleDrop","newTree","options","newNodeTree","node","Node","String","dragSourceId","dropTargetId","newTreeDto","NodeFormatter","dropOptions","changeOpen","newOpenIds","newOpenNodes","canDrag","nodeDto","canDrop","tree","nodeTree","nodeTreeDto","sort","a","b","nodeTreeA","nodeTreeB"],"mappings":"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"}

package/Widget/Widget.js

@@ -1,4 +1,3 @@
-import * as React from "react";
 import { makeDecoratable, withStaticProps } from "../utils.js";
 import { WidgetContent } from "./components/WidgetContent.js";
 import { WidgetHeader } from "./components/WidgetHeader.js";
@@ -7,16 +6,15 @@ import { WidgetFooter } from "./components/WidgetFooter.js";
 import { Icon } from "./components/Icon.js";
 import { WidgetAction } from "./components/WidgetAction.js";
 import { WidgetPropsProvider } from "./components/WidgetPropsProvider.js";
-const WidgetBase = props => {
-  return /*#__PURE__*/React.createElement(WidgetPropsProvider, {
-    props: props
-  }, /*#__PURE__*/React.createElement(WidgetContent, null, /*#__PURE__*/React.createElement(WidgetHeader, null), /*#__PURE__*/React.createElement(WidgetBody, null), /*#__PURE__*/React.createElement(WidgetFooter, null)));
-};
+import * as __rspack_external_react from "react";
+const WidgetBase = (props)=>/*#__PURE__*/ __rspack_external_react.createElement(WidgetPropsProvider, {
+        props: props
+    }, /*#__PURE__*/ __rspack_external_react.createElement(WidgetContent, null, /*#__PURE__*/ __rspack_external_react.createElement(WidgetHeader, null), /*#__PURE__*/ __rspack_external_react.createElement(WidgetBody, null), /*#__PURE__*/ __rspack_external_react.createElement(WidgetFooter, null)));
 WidgetBase.displayName = "Widget";
 const DecoratableWidget = makeDecoratable("Widget", WidgetBase);
 const Widget = withStaticProps(DecoratableWidget, {
-  Action: WidgetAction,
-  Icon
+    Action: WidgetAction,
+    Icon: Icon
 });
 export { Widget };
 

package/Widget/Widget.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","makeDecoratable","withStaticProps","WidgetContent","WidgetHeader","WidgetBody","WidgetFooter","Icon","WidgetAction","WidgetPropsProvider","WidgetBase","props","createElement","displayName","DecoratableWidget","Widget","Action"],"sources":["Widget.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { WidgetContent } from \"./components/WidgetContent.js\";\nimport { WidgetHeader } from \"~/Widget/components/WidgetHeader.js\";\nimport { WidgetBody } from \"~/Widget/components/WidgetBody.js\";\nimport { WidgetFooter } from \"~/Widget/components/WidgetFooter.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { WidgetAction } from \"./components/WidgetAction.js\";\nimport { WidgetPropsProvider } from \"~/Widget/components/WidgetPropsProvider.js\";\n\ninterface WidgetProps extends Omit<React.ComponentPropsWithoutRef<typeof WidgetContent>, \"title\"> {\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    description?: React.ReactNode;\n    padding?: \"sm\" | \"md\";\n    bodyPadding?: boolean;\n    variant?: \"accent\" | \"light\" | \"base\";\n    elevation?: \"none\" | \"sm\" | \"md\" | \"lg\";\n    headerActions?: React.ReactNode;\n    footerStartActions?: React.ReactNode;\n    footerEndActions?: React.ReactNode;\n    outline?: boolean;\n    children: React.ReactNode;\n}\n\nconst WidgetBase = (props: WidgetProps) => {\n    return (\n        <WidgetPropsProvider props={props}>\n            <WidgetContent>\n                <WidgetHeader />\n                <WidgetBody />\n                <WidgetFooter />\n            </WidgetContent>\n        </WidgetPropsProvider>\n    );\n};\n\nWidgetBase.displayName = \"Widget\";\n\nconst DecoratableWidget = makeDecoratable(\"Widget\", WidgetBase);\n\nconst Widget = withStaticProps(DecoratableWidget, {\n    Action: WidgetAction,\n    Icon\n});\n\nexport { Widget, type WidgetProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,eAAe,EAAEC,eAAe;AACzC,SAASC,aAAa;AACtB,SAASC,YAAY;AACrB,SAASC,UAAU;AACnB,SAASC,YAAY;AACrB,SAASC,IAAI;AACb,SAASC,YAAY;AACrB,SAASC,mBAAmB;AAiB5B,MAAMC,UAAU,GAAIC,KAAkB,IAAK;EACvC,oBACIX,KAAA,CAAAY,aAAA,CAACH,mBAAmB;IAACE,KAAK,EAAEA;EAAM,gBAC9BX,KAAA,CAAAY,aAAA,CAACT,aAAa,qBACVH,KAAA,CAAAY,aAAA,CAACR,YAAY,MAAE,CAAC,eAChBJ,KAAA,CAAAY,aAAA,CAACP,UAAU,MAAE,CAAC,eACdL,KAAA,CAAAY,aAAA,CAACN,YAAY,MAAE,CACJ,CACE,CAAC;AAE9B,CAAC;AAEDI,UAAU,CAACG,WAAW,GAAG,QAAQ;AAEjC,MAAMC,iBAAiB,GAAGb,eAAe,CAAC,QAAQ,EAAES,UAAU,CAAC;AAE/D,MAAMK,MAAM,GAAGb,eAAe,CAACY,iBAAiB,EAAE;EAC9CE,MAAM,EAAER,YAAY;EACpBD;AACJ,CAAC,CAAC;AAEF,SAASQ,MAAM","ignoreList":[]}
+{"version":3,"file":"Widget/Widget.js","sources":["../../src/Widget/Widget.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { makeDecoratable, withStaticProps } from \"~/utils.js\";\nimport { WidgetContent } from \"./components/WidgetContent.js\";\nimport { WidgetHeader } from \"~/Widget/components/WidgetHeader.js\";\nimport { WidgetBody } from \"~/Widget/components/WidgetBody.js\";\nimport { WidgetFooter } from \"~/Widget/components/WidgetFooter.js\";\nimport { Icon } from \"./components/Icon.js\";\nimport { WidgetAction } from \"./components/WidgetAction.js\";\nimport { WidgetPropsProvider } from \"~/Widget/components/WidgetPropsProvider.js\";\n\ninterface WidgetProps extends Omit<React.ComponentPropsWithoutRef<typeof WidgetContent>, \"title\"> {\n    title?: React.ReactNode;\n    icon?: React.ReactElement;\n    description?: React.ReactNode;\n    padding?: \"sm\" | \"md\";\n    bodyPadding?: boolean;\n    variant?: \"accent\" | \"light\" | \"base\";\n    elevation?: \"none\" | \"sm\" | \"md\" | \"lg\";\n    headerActions?: React.ReactNode;\n    footerStartActions?: React.ReactNode;\n    footerEndActions?: React.ReactNode;\n    outline?: boolean;\n    children: React.ReactNode;\n}\n\nconst WidgetBase = (props: WidgetProps) => {\n    return (\n        <WidgetPropsProvider props={props}>\n            <WidgetContent>\n                <WidgetHeader />\n                <WidgetBody />\n                <WidgetFooter />\n            </WidgetContent>\n        </WidgetPropsProvider>\n    );\n};\n\nWidgetBase.displayName = \"Widget\";\n\nconst DecoratableWidget = makeDecoratable(\"Widget\", WidgetBase);\n\nconst Widget = withStaticProps(DecoratableWidget, {\n    Action: WidgetAction,\n    Icon\n});\n\nexport { Widget, type WidgetProps };\n"],"names":["WidgetBase","props","WidgetPropsProvider","WidgetContent","WidgetHeader","WidgetBody","WidgetFooter","DecoratableWidget","makeDecoratable","Widget","withStaticProps","WidgetAction","Icon"],"mappings":";;;;;;;;;AAyBA,MAAMA,aAAa,CAACC,QACT,WAAP,GACI,sCAACC,qBAAmBA;QAAC,OAAOD;qBACxB,sCAACE,eAAaA,MAAAA,WAAAA,GACV,sCAACC,cAAYA,OAAAA,WAAAA,GACb,sCAACC,YAAUA,OAAAA,WAAAA,GACX,sCAACC,cAAYA;AAM7BN,WAAW,WAAW,GAAG;AAEzB,MAAMO,oBAAoBC,gBAAgB,UAAUR;AAEpD,MAAMS,SAASC,gBAAgBH,mBAAmB;IAC9C,QAAQI;IACRC,MAAIA;AACR"}