@webiny/admin-ui 6.0.0-alpha.4 → 6.0.0-rc.0

package/Tree/domains/index.js

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

package/Tree/domains/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Node\";\nexport * from \"./NodeDto\";\nexport * from \"./NodeFormatted\";\nexport * from \"./NodeFormatter\";\n"],"mappings":"AAAA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Node.js\";\nexport type * from \"./NodeDto.js\";\nexport type * from \"./NodeFormatted.js\";\nexport * from \"./NodeFormatter.js\";\n"],"mappings":"AAAA;AAGA","ignoreList":[]}

package/Tree/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Tree";
-export * from "./domains";
+export * from "./Tree.js";
+export * from "./domains/index.js";

package/Tree/index.js

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

package/Tree/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Tree\";\nexport * from \"./domains\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Tree.js\";\nexport * from \"./domains/index.js\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/Tree/presenters/TreePresenter.d.ts

@@ -1,4 +1,4 @@
-import { Node, type NodeFormatted, type NodeParams } from "../domains";
+import { Node, type NodeFormatted, type NodeParams } from "../domains/index.js";
 interface TreePresenterInitParams {
     rootId?: string;
     defaultOpenNodeIds?: string[];

package/Tree/presenters/TreePresenter.js

@@ -1,5 +1,5 @@
 import { makeAutoObservable } from "mobx";
-import { Node, NodeFormatter } from "../domains";
+import { Node, NodeFormatter } from "../domains/index.js";
 class TreePresenter {
   nodes = [];
   openNodeIds = [];
@@ -38,7 +38,7 @@ class TreePresenter {
         droppable: item.droppable,
         data: item.data
       }));
-    } catch (error) {
+    } catch {
       this.nodes = [...oldNodes]; // Revert to old nodes in case of error
     }
   };

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","error"],"sources":["TreePresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { Node, type NodeFormatted, type NodeParams, NodeFormatter } from \"../domains\";\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 (error) {\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,OAAOC,KAAK,EAAE;MACZ,IAAI,CAACzB,KAAK,GAAG,CAAC,GAAGkB,QAAQ,CAAC,CAAC,CAAC;IAChC;EACJ,CAAC;AACL;AAEA,SAASnB,aAAa","ignoreList":[]}
+{"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":[]}

package/Tree/presenters/TreePresenter.test.js

@@ -1,4 +1,5 @@
-import { TreePresenter } from "./TreePresenter";
+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();

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

@@ -1 +1 @@
-{"version":3,"names":["TreePresenter","describe","it","presenter","initNodes","id","label","parentId","expect","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\";\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,"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":[]}

package/Tree/presenters/index.d.ts

@@ -1 +1 @@
-export * from "./TreePresenter";
+export * from "./TreePresenter.js";

package/Tree/presenters/index.js

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

package/Tree/presenters/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TreePresenter\";\n"],"mappings":"AAAA","ignoreList":[]}
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./TreePresenter.js\";\n"],"mappings":"AAAA","ignoreList":[]}

package/Tree/useTree.d.ts

@@ -1,15 +1,15 @@
 import type { DropOptions as DndDropOptions, NodeModel } from "@minoru/react-dnd-treeview";
-import type { TreeProps } from "./Tree";
+import type { TreeProps } from "./Tree.js";
 export declare const useTree: <TData = Record<string, any>>(props: TreeProps<TData>) => {
     vm: {
-        nodes: import("./domains").NodeFormatted<TData>[];
+        nodes: import("./domains/NodeFormatted.js").NodeFormatted<TData>[];
         openNodeIds: string[];
         lockedOpenNodeIds: string[];
         loadingNodeIds: string[];
         rootId: string;
     };
     handleDrop: (newTree: NodeModel<TData>[], options: DndDropOptions) => Promise<void>;
-    changeOpen: (newOpenIds: (string | number)[]) => void;
+    changeOpen: (newOpenIds: NodeModel<TData>["id"][]) => void;
     canDrag: (node: NodeModel<TData> | undefined) => boolean;
     canDrop: (tree: NodeModel<TData>[], options: DndDropOptions) => boolean;
     sort: (a: NodeModel<TData>, b: NodeModel<TData>) => number;

package/Tree/useTree.js

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useState } from "react";
 import { autorun } from "mobx";
-import { TreePresenter } from "./presenters";
-import { Node, NodeFormatter } from "./domains";
+import { TreePresenter } from "./presenters/index.js";
+import { Node, NodeFormatter } from "./domains/index.js";
 export const useTree = props => {
   const params = useMemo(() => {
     return {

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\";\nimport type { TreeProps, DropOptions } from \"./Tree\";\nimport { Node, NodeFormatter } from \"./domains\";\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,"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":[]}

package/Widget/Widget.d.ts

@@ -0,0 +1,93 @@
+import * as React from "react";
+import { WidgetContent } from "./components/WidgetContent.js";
+interface WidgetProps extends Omit<React.ComponentPropsWithoutRef<typeof WidgetContent>, "title"> {
+    title?: React.ReactNode;
+    icon?: React.ReactElement;
+    description?: React.ReactNode;
+    padding?: "sm" | "md";
+    bodyPadding?: boolean;
+    variant?: "accent" | "light" | "base";
+    elevation?: "none" | "sm" | "md" | "lg";
+    headerActions?: React.ReactNode;
+    footerStartActions?: React.ReactNode;
+    footerEndActions?: React.ReactNode;
+    outline?: boolean;
+    children: React.ReactNode;
+}
+declare const Widget: {
+    (props: WidgetProps): React.JSX.Element;
+    displayName: string;
+} & {
+    original: {
+        (props: WidgetProps): React.JSX.Element;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    original: {
+        (props: WidgetProps): React.JSX.Element;
+        displayName: string;
+    } & {
+        original: {
+            (props: WidgetProps): React.JSX.Element;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    };
+    originalName: string;
+    displayName: string;
+} & {
+    createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<{
+        (props: WidgetProps): React.JSX.Element;
+        displayName: string;
+    } & {
+        original: {
+            (props: WidgetProps): React.JSX.Element;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    }>) => (props: unknown) => React.JSX.Element;
+} & {
+    Action: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+        original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").ButtonProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").ButtonProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+    Icon: ((props: import("../index.js").IconProps) => React.JSX.Element) & {
+        original: (props: import("../index.js").IconProps) => React.JSX.Element;
+        originalName: string;
+        displayName: string;
+    } & {
+        original: ((props: import("../index.js").IconProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").IconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        };
+        originalName: string;
+        displayName: string;
+    } & {
+        createDecorator: (decorator: import("@webiny/react-composition/types.js").ComponentDecorator<((props: import("../index.js").IconProps) => React.JSX.Element) & {
+            original: (props: import("../index.js").IconProps) => React.JSX.Element;
+            originalName: string;
+            displayName: string;
+        }>) => (props: unknown) => React.JSX.Element;
+    };
+};
+export { Widget, type WidgetProps };

package/Widget/Widget.js

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { makeDecoratable, withStaticProps } from "../utils.js";
+import { WidgetContent } from "./components/WidgetContent.js";
+import { WidgetHeader } from "./components/WidgetHeader.js";
+import { WidgetBody } from "./components/WidgetBody.js";
+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)));
+};
+WidgetBase.displayName = "Widget";
+const DecoratableWidget = makeDecoratable("Widget", WidgetBase);
+const Widget = withStaticProps(DecoratableWidget, {
+  Action: WidgetAction,
+  Icon
+});
+export { Widget };
+
+//# sourceMappingURL=Widget.js.map

package/Widget/Widget.js.map

@@ -0,0 +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":[]}

package/Widget/Widget.stories.d.ts

@@ -0,0 +1,21 @@
+import type { Meta, StoryObj } from "@storybook/react-webpack5";
+import { Widget } from "./Widget.js";
+declare const meta: Meta<typeof Widget>;
+export default meta;
+type Story = StoryObj<typeof Widget>;
+export declare const Default: Story;
+export declare const PaddingSmall: Story;
+export declare const PaddingMedium: Story;
+export declare const WithOutline: Story;
+export declare const WithFooterStartActions: Story;
+export declare const WithFooterEndActions: Story;
+export declare const WithBothFooterActions: Story;
+export declare const AccentVariant: Story;
+export declare const LightVariant: Story;
+export declare const BaseVariant: Story;
+export declare const WithSmallElevation: Story;
+export declare const WithMediumElevation: Story;
+export declare const WithLargeElevation: Story;
+export declare const WithIcon: Story;
+export declare const WithoutIcon: Story;
+export declare const Documentation: Story;