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

package/Tree/domains/NodeFormatter.js

@@ -1,30 +1,31 @@
-export class NodeFormatter {
-  static toFormatted(item, loadingNodeIds) {
-    return {
-      id: item.id,
-      text: item.label,
-      parent: item.parentId,
-      droppable: item.droppable ?? true,
-      data: {
-        id: item.id,
-        label: item.label,
-        parentId: item.parentId,
-        droppable: item.droppable ?? true,
-        active: item.active ?? false,
-        loading: loadingNodeIds.includes(item.id),
-        ...item.data
-      }
-    };
-  }
-  static toDto(item) {
-    return {
-      id: item.id,
-      label: item.label,
-      parentId: item.parentId,
-      droppable: item.droppable,
-      data: item.data
-    };
-  }
+class NodeFormatter {
+    static toFormatted(item, loadingNodeIds) {
+        return {
+            id: item.id,
+            text: item.label,
+            parent: item.parentId,
+            droppable: item.droppable ?? true,
+            data: {
+                id: item.id,
+                label: item.label,
+                parentId: item.parentId,
+                droppable: item.droppable ?? true,
+                active: item.active ?? false,
+                loading: loadingNodeIds.includes(item.id),
+                ...item.data
+            }
+        };
+    }
+    static toDto(item) {
+        return {
+            id: item.id,
+            label: item.label,
+            parentId: item.parentId,
+            droppable: item.droppable,
+            data: item.data
+        };
+    }
 }
+export { NodeFormatter };
 
 //# sourceMappingURL=NodeFormatter.js.map

package/Tree/domains/NodeFormatter.js.map

@@ -1 +1 @@
-{"version":3,"names":["NodeFormatter","toFormatted","item","loadingNodeIds","id","text","label","parent","parentId","droppable","data","active","loading","includes","toDto"],"sources":["NodeFormatter.ts"],"sourcesContent":["import type { Node } from \"./Node.js\";\nimport type { NodeFormatted } from \"~/Tree/domains/NodeFormatted.js\";\nimport type { NodeDto } from \"~/Tree/domains/NodeDto.js\";\n\nexport class NodeFormatter {\n    static toFormatted<TData = Record<string, any>>(\n        item: Node<TData>,\n        loadingNodeIds: string[]\n    ): NodeFormatted<TData> {\n        return {\n            id: item.id,\n            text: item.label,\n            parent: item.parentId,\n            droppable: item.droppable ?? true,\n            data: {\n                id: item.id,\n                label: item.label,\n                parentId: item.parentId,\n                droppable: item.droppable ?? true,\n                active: item.active ?? false,\n                loading: loadingNodeIds.includes(item.id),\n                ...item.data\n            }\n        };\n    }\n\n    static toDto<TData = Record<string, any>>(item: Node<TData>): NodeDto<TData> {\n        return {\n            id: item.id,\n            label: item.label,\n            parentId: item.parentId,\n            droppable: item.droppable,\n            data: item.data\n        };\n    }\n}\n"],"mappings":"AAIA,OAAO,MAAMA,aAAa,CAAC;EACvB,OAAOC,WAAWA,CACdC,IAAiB,EACjBC,cAAwB,EACJ;IACpB,OAAO;MACHC,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXC,IAAI,EAAEH,IAAI,CAACI,KAAK;MAChBC,MAAM,EAAEL,IAAI,CAACM,QAAQ;MACrBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;MACjCC,IAAI,EAAE;QACFN,EAAE,EAAEF,IAAI,CAACE,EAAE;QACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;QACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;QACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS,IAAI,IAAI;QACjCE,MAAM,EAAET,IAAI,CAACS,MAAM,IAAI,KAAK;QAC5BC,OAAO,EAAET,cAAc,CAACU,QAAQ,CAACX,IAAI,CAACE,EAAE,CAAC;QACzC,GAAGF,IAAI,CAACQ;MACZ;IACJ,CAAC;EACL;EAEA,OAAOI,KAAKA,CAA8BZ,IAAiB,EAAkB;IACzE,OAAO;MACHE,EAAE,EAAEF,IAAI,CAACE,EAAE;MACXE,KAAK,EAAEJ,IAAI,CAACI,KAAK;MACjBE,QAAQ,EAAEN,IAAI,CAACM,QAAQ;MACvBC,SAAS,EAAEP,IAAI,CAACO,SAAS;MACzBC,IAAI,EAAER,IAAI,CAACQ;IACf,CAAC;EACL;AACJ","ignoreList":[]}
+{"version":3,"file":"Tree/domains/NodeFormatter.js","sources":["../../../src/Tree/domains/NodeFormatter.ts"],"sourcesContent":["import type { Node } from \"./Node.js\";\nimport type { NodeFormatted } from \"~/Tree/domains/NodeFormatted.js\";\nimport type { NodeDto } from \"~/Tree/domains/NodeDto.js\";\n\nexport class NodeFormatter {\n    static toFormatted<TData = Record<string, any>>(\n        item: Node<TData>,\n        loadingNodeIds: string[]\n    ): NodeFormatted<TData> {\n        return {\n            id: item.id,\n            text: item.label,\n            parent: item.parentId,\n            droppable: item.droppable ?? true,\n            data: {\n                id: item.id,\n                label: item.label,\n                parentId: item.parentId,\n                droppable: item.droppable ?? true,\n                active: item.active ?? false,\n                loading: loadingNodeIds.includes(item.id),\n                ...item.data\n            }\n        };\n    }\n\n    static toDto<TData = Record<string, any>>(item: Node<TData>): NodeDto<TData> {\n        return {\n            id: item.id,\n            label: item.label,\n            parentId: item.parentId,\n            droppable: item.droppable,\n            data: item.data\n        };\n    }\n}\n"],"names":["NodeFormatter","item","loadingNodeIds"],"mappings":"AAIO,MAAMA;IACT,OAAO,YACHC,IAAiB,EACjBC,cAAwB,EACJ;QACpB,OAAO;YACH,IAAID,KAAK,EAAE;YACX,MAAMA,KAAK,KAAK;YAChB,QAAQA,KAAK,QAAQ;YACrB,WAAWA,KAAK,SAAS,IAAI;YAC7B,MAAM;gBACF,IAAIA,KAAK,EAAE;gBACX,OAAOA,KAAK,KAAK;gBACjB,UAAUA,KAAK,QAAQ;gBACvB,WAAWA,KAAK,SAAS,IAAI;gBAC7B,QAAQA,KAAK,MAAM,IAAI;gBACvB,SAASC,eAAe,QAAQ,CAACD,KAAK,EAAE;gBACxC,GAAGA,KAAK,IAAI;YAChB;QACJ;IACJ;IAEA,OAAO,MAAmCA,IAAiB,EAAkB;QACzE,OAAO;YACH,IAAIA,KAAK,EAAE;YACX,OAAOA,KAAK,KAAK;YACjB,UAAUA,KAAK,QAAQ;YACvB,WAAWA,KAAK,SAAS;YACzB,MAAMA,KAAK,IAAI;QACnB;IACJ;AACJ"}

package/Tree/domains/index.js

@@ -1,4 +1,2 @@
 export * from "./Node.js";
 export * from "./NodeFormatter.js";
-
-//# sourceMappingURL=index.js.map

package/Tree/index.js

@@ -1,4 +1,2 @@
 export * from "./Tree.js";
 export * from "./domains/index.js";
-
-//# sourceMappingURL=index.js.map

package/Tree/presenters/TreePresenter.js

@@ -1,47 +1,50 @@
 import { makeAutoObservable } from "mobx";
 import { Node, NodeFormatter } from "../domains/index.js";
 class TreePresenter {
-  nodes = [];
-  openNodeIds = [];
-  lockedOpenNodeIds = [];
-  loadingNodeIds = [];
-  rootId = "";
-  constructor() {
-    makeAutoObservable(this);
-  }
-  get vm() {
-    return {
-      nodes: this.nodes.map(item => NodeFormatter.toFormatted(item, this.loadingNodeIds)),
-      openNodeIds: this.openNodeIds,
-      lockedOpenNodeIds: this.lockedOpenNodeIds,
-      loadingNodeIds: this.loadingNodeIds,
-      rootId: this.rootId
-    };
-  }
-  init(params) {
-    this.openNodeIds = params.defaultOpenNodeIds ?? [];
-    this.lockedOpenNodeIds = params.defaultLockedOpenNodeIds ?? [];
-    this.loadingNodeIds = params.loadingNodeIds ?? [];
-    this.rootId = params.rootId ?? "0";
-  }
-  initNodes(nodes) {
-    this.nodes = (nodes ?? []).map(item => Node.create(item));
-  }
-  handleDrop = async newTree => {
-    const oldNodes = [...this.nodes];
-    try {
-      // Update the nodes based on the new tree structure
-      this.nodes = newTree.map(item => Node.create({
-        id: String(item.id),
-        label: item.label,
-        parentId: String(item.parentId),
-        droppable: item.droppable,
-        data: item.data
-      }));
-    } catch {
-      this.nodes = [...oldNodes]; // Revert to old nodes in case of error
+    constructor(){
+        this.nodes = [];
+        this.openNodeIds = [];
+        this.lockedOpenNodeIds = [];
+        this.loadingNodeIds = [];
+        this.rootId = "";
+        this.handleDrop = async (newTree)=>{
+            const oldNodes = [
+                ...this.nodes
+            ];
+            try {
+                this.nodes = newTree.map((item)=>Node.create({
+                        id: String(item.id),
+                        label: item.label,
+                        parentId: String(item.parentId),
+                        droppable: item.droppable,
+                        data: item.data
+                    }));
+            } catch  {
+                this.nodes = [
+                    ...oldNodes
+                ];
+            }
+        };
+        makeAutoObservable(this);
+    }
+    get vm() {
+        return {
+            nodes: this.nodes.map((item)=>NodeFormatter.toFormatted(item, this.loadingNodeIds)),
+            openNodeIds: this.openNodeIds,
+            lockedOpenNodeIds: this.lockedOpenNodeIds,
+            loadingNodeIds: this.loadingNodeIds,
+            rootId: this.rootId
+        };
+    }
+    init(params) {
+        this.openNodeIds = params.defaultOpenNodeIds ?? [];
+        this.lockedOpenNodeIds = params.defaultLockedOpenNodeIds ?? [];
+        this.loadingNodeIds = params.loadingNodeIds ?? [];
+        this.rootId = params.rootId ?? "0";
+    }
+    initNodes(nodes) {
+        this.nodes = (nodes ?? []).map((item)=>Node.create(item));
     }
-  };
 }
 export { TreePresenter };
 

package/Tree/presenters/TreePresenter.js.map

@@ -1 +1 @@
-{"version":3,"names":["makeAutoObservable","Node","NodeFormatter","TreePresenter","nodes","openNodeIds","lockedOpenNodeIds","loadingNodeIds","rootId","constructor","vm","map","item","toFormatted","init","params","defaultOpenNodeIds","defaultLockedOpenNodeIds","initNodes","create","handleDrop","newTree","oldNodes","id","String","label","parentId","droppable","data"],"sources":["TreePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { Node, type NodeFormatted, type NodeParams, NodeFormatter } from \"../domains/index.js\";\n\ninterface TreePresenterInitParams {\n    rootId?: string;\n    defaultOpenNodeIds?: string[];\n    defaultLockedOpenNodeIds?: string[];\n    loadingNodeIds?: string[];\n}\n\ninterface ITreePresenter<TData = unknown> {\n    init: (params: TreePresenterInitParams) => void;\n    initNodes: (nodes?: NodeParams<TData>[]) => void;\n    handleDrop: (newTree: Node<TData>[]) => Promise<void>;\n    vm: {\n        nodes: NodeFormatted<TData>[];\n        rootId: string;\n        openNodeIds: string[];\n        lockedOpenNodeIds?: string[];\n        loadingNodeIds?: string[];\n    };\n}\n\nclass TreePresenter<TData = unknown> implements ITreePresenter<TData> {\n    private nodes: Node<TData>[] = [];\n    private openNodeIds: string[] = [];\n    private lockedOpenNodeIds: string[] = [];\n    private loadingNodeIds: string[] = [];\n    private rootId: string = \"\";\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            nodes: this.nodes.map(item =>\n                NodeFormatter.toFormatted<TData>(item, this.loadingNodeIds)\n            ),\n            openNodeIds: this.openNodeIds,\n            lockedOpenNodeIds: this.lockedOpenNodeIds,\n            loadingNodeIds: this.loadingNodeIds,\n            rootId: this.rootId\n        };\n    }\n\n    public init(params: TreePresenterInitParams) {\n        this.openNodeIds = params.defaultOpenNodeIds ?? [];\n        this.lockedOpenNodeIds = params.defaultLockedOpenNodeIds ?? [];\n        this.loadingNodeIds = params.loadingNodeIds ?? [];\n        this.rootId = params.rootId ?? \"0\";\n    }\n\n    public initNodes(nodes?: NodeParams<TData>[]) {\n        this.nodes = (nodes ?? []).map(item => Node.create<TData>(item));\n    }\n\n    public handleDrop = async (newTree: NodeParams<TData>[]): Promise<void> => {\n        const oldNodes = [...this.nodes];\n\n        try {\n            // Update the nodes based on the new tree structure\n            this.nodes = newTree.map(item =>\n                Node.create<TData>({\n                    id: String(item.id),\n                    label: item.label,\n                    parentId: String(item.parentId),\n                    droppable: item.droppable,\n                    data: item.data\n                })\n            );\n        } catch {\n            this.nodes = [...oldNodes]; // Revert to old nodes in case of error\n        }\n    };\n}\n\nexport { TreePresenter, type TreePresenterInitParams };\n"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,MAAM;AACzC,SAASC,IAAI,EAAuCC,aAAa;AAsBjE,MAAMC,aAAa,CAAmD;EAC1DC,KAAK,GAAkB,EAAE;EACzBC,WAAW,GAAa,EAAE;EAC1BC,iBAAiB,GAAa,EAAE;EAChCC,cAAc,GAAa,EAAE;EAC7BC,MAAM,GAAW,EAAE;EAE3BC,WAAWA,CAAA,EAAG;IACVT,kBAAkB,CAAC,IAAI,CAAC;EAC5B;EAEA,IAAIU,EAAEA,CAAA,EAAG;IACL,OAAO;MACHN,KAAK,EAAE,IAAI,CAACA,KAAK,CAACO,GAAG,CAACC,IAAI,IACtBV,aAAa,CAACW,WAAW,CAAQD,IAAI,EAAE,IAAI,CAACL,cAAc,CAC9D,CAAC;MACDF,WAAW,EAAE,IAAI,CAACA,WAAW;MAC7BC,iBAAiB,EAAE,IAAI,CAACA,iBAAiB;MACzCC,cAAc,EAAE,IAAI,CAACA,cAAc;MACnCC,MAAM,EAAE,IAAI,CAACA;IACjB,CAAC;EACL;EAEOM,IAAIA,CAACC,MAA+B,EAAE;IACzC,IAAI,CAACV,WAAW,GAAGU,MAAM,CAACC,kBAAkB,IAAI,EAAE;IAClD,IAAI,CAACV,iBAAiB,GAAGS,MAAM,CAACE,wBAAwB,IAAI,EAAE;IAC9D,IAAI,CAACV,cAAc,GAAGQ,MAAM,CAACR,cAAc,IAAI,EAAE;IACjD,IAAI,CAACC,MAAM,GAAGO,MAAM,CAACP,MAAM,IAAI,GAAG;EACtC;EAEOU,SAASA,CAACd,KAA2B,EAAE;IAC1C,IAAI,CAACA,KAAK,GAAG,CAACA,KAAK,IAAI,EAAE,EAAEO,GAAG,CAACC,IAAI,IAAIX,IAAI,CAACkB,MAAM,CAAQP,IAAI,CAAC,CAAC;EACpE;EAEOQ,UAAU,GAAG,MAAOC,OAA4B,IAAoB;IACvE,MAAMC,QAAQ,GAAG,CAAC,GAAG,IAAI,CAAClB,KAAK,CAAC;IAEhC,IAAI;MACA;MACA,IAAI,CAACA,KAAK,GAAGiB,OAAO,CAACV,GAAG,CAACC,IAAI,IACzBX,IAAI,CAACkB,MAAM,CAAQ;QACfI,EAAE,EAAEC,MAAM,CAACZ,IAAI,CAACW,EAAE,CAAC;QACnBE,KAAK,EAAEb,IAAI,CAACa,KAAK;QACjBC,QAAQ,EAAEF,MAAM,CAACZ,IAAI,CAACc,QAAQ,CAAC;QAC/BC,SAAS,EAAEf,IAAI,CAACe,SAAS;QACzBC,IAAI,EAAEhB,IAAI,CAACgB;MACf,CAAC,CACL,CAAC;IACL,CAAC,CAAC,MAAM;MACJ,IAAI,CAACxB,KAAK,GAAG,CAAC,GAAGkB,QAAQ,CAAC,CAAC,CAAC;IAChC;EACJ,CAAC;AACL;AAEA,SAASnB,aAAa","ignoreList":[]}
+{"version":3,"file":"Tree/presenters/TreePresenter.js","sources":["../../../src/Tree/presenters/TreePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { Node, type NodeFormatted, type NodeParams, NodeFormatter } from \"../domains/index.js\";\n\ninterface TreePresenterInitParams {\n    rootId?: string;\n    defaultOpenNodeIds?: string[];\n    defaultLockedOpenNodeIds?: string[];\n    loadingNodeIds?: string[];\n}\n\ninterface ITreePresenter<TData = unknown> {\n    init: (params: TreePresenterInitParams) => void;\n    initNodes: (nodes?: NodeParams<TData>[]) => void;\n    handleDrop: (newTree: Node<TData>[]) => Promise<void>;\n    vm: {\n        nodes: NodeFormatted<TData>[];\n        rootId: string;\n        openNodeIds: string[];\n        lockedOpenNodeIds?: string[];\n        loadingNodeIds?: string[];\n    };\n}\n\nclass TreePresenter<TData = unknown> implements ITreePresenter<TData> {\n    private nodes: Node<TData>[] = [];\n    private openNodeIds: string[] = [];\n    private lockedOpenNodeIds: string[] = [];\n    private loadingNodeIds: string[] = [];\n    private rootId: string = \"\";\n\n    constructor() {\n        makeAutoObservable(this);\n    }\n\n    get vm() {\n        return {\n            nodes: this.nodes.map(item =>\n                NodeFormatter.toFormatted<TData>(item, this.loadingNodeIds)\n            ),\n            openNodeIds: this.openNodeIds,\n            lockedOpenNodeIds: this.lockedOpenNodeIds,\n            loadingNodeIds: this.loadingNodeIds,\n            rootId: this.rootId\n        };\n    }\n\n    public init(params: TreePresenterInitParams) {\n        this.openNodeIds = params.defaultOpenNodeIds ?? [];\n        this.lockedOpenNodeIds = params.defaultLockedOpenNodeIds ?? [];\n        this.loadingNodeIds = params.loadingNodeIds ?? [];\n        this.rootId = params.rootId ?? \"0\";\n    }\n\n    public initNodes(nodes?: NodeParams<TData>[]) {\n        this.nodes = (nodes ?? []).map(item => Node.create<TData>(item));\n    }\n\n    public handleDrop = async (newTree: NodeParams<TData>[]): Promise<void> => {\n        const oldNodes = [...this.nodes];\n\n        try {\n            // Update the nodes based on the new tree structure\n            this.nodes = newTree.map(item =>\n                Node.create<TData>({\n                    id: String(item.id),\n                    label: item.label,\n                    parentId: String(item.parentId),\n                    droppable: item.droppable,\n                    data: item.data\n                })\n            );\n        } catch {\n            this.nodes = [...oldNodes]; // Revert to old nodes in case of error\n        }\n    };\n}\n\nexport { TreePresenter, type TreePresenterInitParams };\n"],"names":["TreePresenter","newTree","oldNodes","item","Node","String","makeAutoObservable","NodeFormatter","params","nodes"],"mappings":";;AAuBA,MAAMA;IAOF,aAAc;aANN,KAAK,GAAkB,EAAE;aACzB,WAAW,GAAa,EAAE;aAC1B,iBAAiB,GAAa,EAAE;aAChC,cAAc,GAAa,EAAE;aAC7B,MAAM,GAAW;aA6BlB,UAAU,GAAG,OAAOC;YACvB,MAAMC,WAAW;mBAAI,IAAI,CAAC,KAAK;aAAC;YAEhC,IAAI;gBAEA,IAAI,CAAC,KAAK,GAAGD,QAAQ,GAAG,CAACE,CAAAA,OACrBC,KAAK,MAAM,CAAQ;wBACf,IAAIC,OAAOF,KAAK,EAAE;wBAClB,OAAOA,KAAK,KAAK;wBACjB,UAAUE,OAAOF,KAAK,QAAQ;wBAC9B,WAAWA,KAAK,SAAS;wBACzB,MAAMA,KAAK,IAAI;oBACnB;YAER,EAAE,OAAM;gBACJ,IAAI,CAAC,KAAK,GAAG;uBAAID;iBAAS;YAC9B;QACJ;QA3CII,mBAAmB,IAAI;IAC3B;IAEA,IAAI,KAAK;QACL,OAAO;YACH,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAACH,CAAAA,OAClBI,cAAc,WAAW,CAAQJ,MAAM,IAAI,CAAC,cAAc;YAE9D,aAAa,IAAI,CAAC,WAAW;YAC7B,mBAAmB,IAAI,CAAC,iBAAiB;YACzC,gBAAgB,IAAI,CAAC,cAAc;YACnC,QAAQ,IAAI,CAAC,MAAM;QACvB;IACJ;IAEO,KAAKK,MAA+B,EAAE;QACzC,IAAI,CAAC,WAAW,GAAGA,OAAO,kBAAkB,IAAI,EAAE;QAClD,IAAI,CAAC,iBAAiB,GAAGA,OAAO,wBAAwB,IAAI,EAAE;QAC9D,IAAI,CAAC,cAAc,GAAGA,OAAO,cAAc,IAAI,EAAE;QACjD,IAAI,CAAC,MAAM,GAAGA,OAAO,MAAM,IAAI;IACnC;IAEO,UAAUC,KAA2B,EAAE;QAC1C,IAAI,CAAC,KAAK,GAAIA,AAAAA,CAAAA,SAAS,EAAC,EAAG,GAAG,CAACN,CAAAA,OAAQC,KAAK,MAAM,CAAQD;IAC9D;AAoBJ"}

package/Tree/presenters/TreePresenter.test.js

@@ -1,210 +1,223 @@
 import { TreePresenter } from "./TreePresenter.js";
 import { describe, expect, it } from "vitest";
-describe("TreePresenter", () => {
-  it("should return the compatible `vm` based on params", () => {
-    const presenter = new TreePresenter();
-
-    // `nodes`
-    {
-      presenter.initNodes([{
-        id: "1",
-        label: "Node 1",
-        parentId: "0"
-      }]);
-      expect(presenter.vm.nodes).toEqual([{
-        id: "1",
-        text: "Node 1",
-        parent: "0",
-        droppable: true,
-        data: {
-          id: "1",
-          label: "Node 1",
-          parentId: "0",
-          droppable: true,
-          active: false,
-          loading: false
-        }
-      }]);
-    }
-
-    // `nodes` with droppable
-    {
-      presenter.initNodes([{
-        id: "2",
-        label: "Node 2",
-        parentId: "0",
-        droppable: true
-      }]);
-      expect(presenter.vm.nodes).toEqual([{
-        id: "2",
-        text: "Node 2",
-        parent: "0",
-        droppable: true,
-        data: {
-          id: "2",
-          label: "Node 2",
-          parentId: "0",
-          droppable: true,
-          active: false,
-          loading: false
-        }
-      }]);
-    }
-
-    // `nodes` with data
-    {
-      presenter.initNodes([{
-        id: "3",
-        label: "Node 3",
-        parentId: "0",
-        data: {
-          customData: "value"
-        }
-      }]);
-      expect(presenter.vm.nodes).toEqual([{
-        id: "3",
-        text: "Node 3",
-        parent: "0",
-        droppable: true,
-        data: {
-          id: "3",
-          label: "Node 3",
-          parentId: "0",
-          droppable: true,
-          active: false,
-          loading: false,
-          customData: "value"
-        }
-      }]);
-    }
-
-    // `nodes` with active
-    {
-      presenter.initNodes([{
-        id: "4",
-        label: "Node 4",
-        parentId: "0",
-        active: true
-      }]);
-      expect(presenter.vm.nodes).toEqual([{
-        id: "4",
-        text: "Node 4",
-        parent: "0",
-        droppable: true,
-        data: {
-          id: "4",
-          label: "Node 4",
-          parentId: "0",
-          droppable: true,
-          active: true,
-          loading: false
-        }
-      }]);
-    }
-
-    // `rootId`
-    {
-      presenter.initNodes([{
-        id: "4",
-        label: "Node 4",
-        parentId: "0"
-      }]);
-      presenter.init({
-        rootId: "4"
-      });
-      expect(presenter.vm.rootId).toBe("4");
-    }
-
-    // `defaultOpenNodeIds`
-    {
-      presenter.initNodes([{
-        id: "5",
-        label: "Node 5",
-        parentId: "0"
-      }]);
-      presenter.init({
-        defaultOpenNodeIds: ["5"]
-      });
-      expect(presenter.vm.openNodeIds).toEqual(["5"]);
-    }
-
-    // `defaultLockedOpenNodeIds`
-    {
-      presenter.initNodes([{
-        id: "6",
-        label: "Node 6",
-        parentId: "0"
-      }]);
-      presenter.init({
-        defaultLockedOpenNodeIds: ["6"]
-      });
-      expect(presenter.vm.lockedOpenNodeIds).toEqual(["6"]);
-    }
-
-    // `loadingNodeIds`
-    {
-      presenter.initNodes([{
-        id: "7",
-        label: "Node 7",
-        parentId: "0"
-      }]);
-      presenter.init({
-        loadingNodeIds: ["7"]
-      });
-      expect(presenter.vm.loadingNodeIds).toEqual(["7"]);
-      expect(presenter.vm.nodes[0].data.loading).toBe(true);
-    }
-  });
-  it("should handle drop and update nodes correctly", async () => {
-    const presenter = new TreePresenter();
-    presenter.initNodes([{
-      id: "1",
-      label: "Node 1",
-      parentId: "0"
-    }, {
-      id: "2",
-      label: "Node 2",
-      parentId: "0"
-    }]);
-    await presenter.handleDrop([{
-      id: "1",
-      label: "Node 1 Updated",
-      parentId: "2",
-      droppable: true
-    }, {
-      id: "2",
-      label: "Node 2 Updated",
-      parentId: "0",
-      droppable: true
-    }]);
-    expect(presenter.vm.nodes).toEqual([{
-      id: "1",
-      text: "Node 1 Updated",
-      parent: "2",
-      droppable: true,
-      data: {
-        id: "1",
-        label: "Node 1 Updated",
-        parentId: "2",
-        droppable: true,
-        active: false,
-        loading: false
-      }
-    }, {
-      id: "2",
-      text: "Node 2 Updated",
-      parent: "0",
-      droppable: true,
-      data: {
-        id: "2",
-        label: "Node 2 Updated",
-        parentId: "0",
-        droppable: true,
-        active: false,
-        loading: false
-      }
-    }]);
-  });
+describe("TreePresenter", ()=>{
+    it("should return the compatible `vm` based on params", ()=>{
+        const presenter = new TreePresenter();
+        presenter.initNodes([
+            {
+                id: "1",
+                label: "Node 1",
+                parentId: "0"
+            }
+        ]);
+        expect(presenter.vm.nodes).toEqual([
+            {
+                id: "1",
+                text: "Node 1",
+                parent: "0",
+                droppable: true,
+                data: {
+                    id: "1",
+                    label: "Node 1",
+                    parentId: "0",
+                    droppable: true,
+                    active: false,
+                    loading: false
+                }
+            }
+        ]);
+        presenter.initNodes([
+            {
+                id: "2",
+                label: "Node 2",
+                parentId: "0",
+                droppable: true
+            }
+        ]);
+        expect(presenter.vm.nodes).toEqual([
+            {
+                id: "2",
+                text: "Node 2",
+                parent: "0",
+                droppable: true,
+                data: {
+                    id: "2",
+                    label: "Node 2",
+                    parentId: "0",
+                    droppable: true,
+                    active: false,
+                    loading: false
+                }
+            }
+        ]);
+        presenter.initNodes([
+            {
+                id: "3",
+                label: "Node 3",
+                parentId: "0",
+                data: {
+                    customData: "value"
+                }
+            }
+        ]);
+        expect(presenter.vm.nodes).toEqual([
+            {
+                id: "3",
+                text: "Node 3",
+                parent: "0",
+                droppable: true,
+                data: {
+                    id: "3",
+                    label: "Node 3",
+                    parentId: "0",
+                    droppable: true,
+                    active: false,
+                    loading: false,
+                    customData: "value"
+                }
+            }
+        ]);
+        presenter.initNodes([
+            {
+                id: "4",
+                label: "Node 4",
+                parentId: "0",
+                active: true
+            }
+        ]);
+        expect(presenter.vm.nodes).toEqual([
+            {
+                id: "4",
+                text: "Node 4",
+                parent: "0",
+                droppable: true,
+                data: {
+                    id: "4",
+                    label: "Node 4",
+                    parentId: "0",
+                    droppable: true,
+                    active: true,
+                    loading: false
+                }
+            }
+        ]);
+        presenter.initNodes([
+            {
+                id: "4",
+                label: "Node 4",
+                parentId: "0"
+            }
+        ]);
+        presenter.init({
+            rootId: "4"
+        });
+        expect(presenter.vm.rootId).toBe("4");
+        presenter.initNodes([
+            {
+                id: "5",
+                label: "Node 5",
+                parentId: "0"
+            }
+        ]);
+        presenter.init({
+            defaultOpenNodeIds: [
+                "5"
+            ]
+        });
+        expect(presenter.vm.openNodeIds).toEqual([
+            "5"
+        ]);
+        presenter.initNodes([
+            {
+                id: "6",
+                label: "Node 6",
+                parentId: "0"
+            }
+        ]);
+        presenter.init({
+            defaultLockedOpenNodeIds: [
+                "6"
+            ]
+        });
+        expect(presenter.vm.lockedOpenNodeIds).toEqual([
+            "6"
+        ]);
+        presenter.initNodes([
+            {
+                id: "7",
+                label: "Node 7",
+                parentId: "0"
+            }
+        ]);
+        presenter.init({
+            loadingNodeIds: [
+                "7"
+            ]
+        });
+        expect(presenter.vm.loadingNodeIds).toEqual([
+            "7"
+        ]);
+        expect(presenter.vm.nodes[0].data.loading).toBe(true);
+    });
+    it("should handle drop and update nodes correctly", async ()=>{
+        const presenter = new TreePresenter();
+        presenter.initNodes([
+            {
+                id: "1",
+                label: "Node 1",
+                parentId: "0"
+            },
+            {
+                id: "2",
+                label: "Node 2",
+                parentId: "0"
+            }
+        ]);
+        await presenter.handleDrop([
+            {
+                id: "1",
+                label: "Node 1 Updated",
+                parentId: "2",
+                droppable: true
+            },
+            {
+                id: "2",
+                label: "Node 2 Updated",
+                parentId: "0",
+                droppable: true
+            }
+        ]);
+        expect(presenter.vm.nodes).toEqual([
+            {
+                id: "1",
+                text: "Node 1 Updated",
+                parent: "2",
+                droppable: true,
+                data: {
+                    id: "1",
+                    label: "Node 1 Updated",
+                    parentId: "2",
+                    droppable: true,
+                    active: false,
+                    loading: false
+                }
+            },
+            {
+                id: "2",
+                text: "Node 2 Updated",
+                parent: "0",
+                droppable: true,
+                data: {
+                    id: "2",
+                    label: "Node 2 Updated",
+                    parentId: "0",
+                    droppable: true,
+                    active: false,
+                    loading: false
+                }
+            }
+        ]);
+    });
 });
 
 //# sourceMappingURL=TreePresenter.test.js.map