@webiny/admin-ui 0.0.0-unstable.e53eceafb5

package/Tree/presenters/TreePresenter.test.js

@@ -0,0 +1,209 @@
+import { TreePresenter } from "./TreePresenter";
+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
+      }
+    }]);
+  });
+});
+
+//# sourceMappingURL=TreePresenter.test.js.map

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

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

package/Tree/presenters/index.d.ts

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

package/Tree/presenters/index.js

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

package/Tree/presenters/index.js.map

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

package/Tree/useTree.d.ts

@@ -0,0 +1,16 @@
+import type { DropOptions as DndDropOptions, NodeModel } from "@minoru/react-dnd-treeview";
+import type { TreeProps } from "./Tree";
+export declare const useTree: <TData = Record<string, any>>(props: TreeProps<TData>) => {
+    vm: {
+        nodes: import("./domains").NodeFormatted<TData>[];
+        openNodeIds: string[];
+        lockedOpenNodeIds: string[];
+        loadingNodeIds: string[];
+        rootId: string;
+    };
+    handleDrop: (newTree: NodeModel<TData>[], options: DndDropOptions) => Promise<void>;
+    changeOpen: (newOpenIds: (string | number)[]) => 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

@@ -0,0 +1,140 @@
+import { useEffect, useMemo, useState } from "react";
+import { autorun } from "mobx";
+import { TreePresenter } from "./presenters";
+import { Node, NodeFormatter } from "./domains";
+export const useTree = props => {
+  const params = useMemo(() => {
+    return {
+      rootId: props.rootId,
+      defaultOpenNodeIds: props.defaultOpenNodeIds,
+      defaultLockedOpenNodeIds: props.defaultLockedOpenNodeIds,
+      loadingNodeIds: props.loadingNodeIds
+    };
+  }, [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
+  };
+};
+
+//# sourceMappingURL=useTree.js.map

package/Tree/useTree.js.map

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

package/hooks/useIsMobile.d.ts

@@ -0,0 +1 @@
+export declare function useIsMobile(): boolean;

package/hooks/useIsMobile.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+const MOBILE_BREAKPOINT = 768;
+export function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(undefined);
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+//# sourceMappingURL=useIsMobile.js.map

package/hooks/useIsMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","MOBILE_BREAKPOINT","useIsMobile","isMobile","setIsMobile","useState","undefined","useEffect","mql","window","matchMedia","onChange","innerWidth","addEventListener","removeEventListener"],"sources":["useIsMobile.ts"],"sourcesContent":["import * as React from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile() {\n    const [isMobile, setIsMobile] = React.useState<boolean | undefined>(undefined);\n\n    React.useEffect(() => {\n        const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n        const onChange = () => {\n            setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n        };\n        mql.addEventListener(\"change\", onChange);\n        setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n        return () => mql.removeEventListener(\"change\", onChange);\n    }, []);\n\n    return !!isMobile;\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,MAAMC,iBAAiB,GAAG,GAAG;AAE7B,OAAO,SAASC,WAAWA,CAAA,EAAG;EAC1B,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGJ,KAAK,CAACK,QAAQ,CAAsBC,SAAS,CAAC;EAE9EN,KAAK,CAACO,SAAS,CAAC,MAAM;IAClB,MAAMC,GAAG,GAAGC,MAAM,CAACC,UAAU,CAAC,eAAeT,iBAAiB,GAAG,CAAC,KAAK,CAAC;IACxE,MAAMU,QAAQ,GAAGA,CAAA,KAAM;MACnBP,WAAW,CAACK,MAAM,CAACG,UAAU,GAAGX,iBAAiB,CAAC;IACtD,CAAC;IACDO,GAAG,CAACK,gBAAgB,CAAC,QAAQ,EAAEF,QAAQ,CAAC;IACxCP,WAAW,CAACK,MAAM,CAACG,UAAU,GAAGX,iBAAiB,CAAC;IAClD,OAAO,MAAMO,GAAG,CAACM,mBAAmB,CAAC,QAAQ,EAAEH,QAAQ,CAAC;EAC5D,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,CAAC,CAACR,QAAQ;AACrB","ignoreList":[]}

package/index.d.ts

@@ -0,0 +1,58 @@
+export * from "./Accordion";
+export * from "./Alert";
+export * from "./AutoComplete";
+export * from "./Avatar";
+export * from "./Button";
+export * from "./Card";
+export * from "./Checkbox";
+export * from "./CheckboxGroup";
+export * from "./CodeEditor";
+export * from "./ColorPicker";
+export * from "./DataList";
+export * from "./DataTable";
+export * from "./DelayedOnChange";
+export * from "./Dialog";
+export * from "./Drawer";
+export * from "./DropdownMenu";
+export * from "./DynamicFieldset";
+export * from "./FilePicker";
+export * from "./FormComponent";
+export * from "./Grid";
+export * from "./HeaderBar";
+export * from "./HeaderBar";
+export * from "./Heading";
+export * from "./Icon";
+export * from "./IconPicker";
+export * from "./Image";
+export * from "./Input";
+export * from "./Label";
+export * from "./Link";
+export * from "./List";
+export * from "./Loader";
+export * from "./MultiAutoComplete";
+export * from "./MultiFilePicker";
+export * from "./Portal";
+export * from "./Popover";
+export * from "./ProgressBar";
+export * from "./Providers";
+export * from "./RadioGroup";
+export * from "./RangeSlider";
+export * from "./RichTextEditor";
+export * from "./Scrollbar";
+export * from "./Select";
+export * from "./Separator";
+export * from "./Sidebar";
+export * from "./Skeleton";
+export * from "./Slider";
+export * from "./SteppedProgress";
+export * from "./Switch";
+export * from "./Table";
+export * from "./Tabs";
+export * from "./Tag";
+export * from "./Text";
+export * from "./Textarea";
+export * from "./TimeAgo";
+export * from "./Toast";
+export * from "./Tooltip";
+export * from "./Tree";
+export * from "./utils";

package/index.js

@@ -0,0 +1,60 @@
+export * from "./Accordion";
+export * from "./Alert";
+export * from "./AutoComplete";
+export * from "./Avatar";
+export * from "./Button";
+export * from "./Card";
+export * from "./Checkbox";
+export * from "./CheckboxGroup";
+export * from "./CodeEditor";
+export * from "./ColorPicker";
+export * from "./DataList";
+export * from "./DataTable";
+export * from "./DelayedOnChange";
+export * from "./Dialog";
+export * from "./Drawer";
+export * from "./DropdownMenu";
+export * from "./DynamicFieldset";
+export * from "./FilePicker";
+export * from "./FormComponent";
+export * from "./Grid";
+export * from "./HeaderBar";
+export * from "./HeaderBar";
+export * from "./Heading";
+export * from "./Icon";
+export * from "./IconPicker";
+export * from "./Image";
+export * from "./Input";
+export * from "./Label";
+export * from "./Link";
+export * from "./List";
+export * from "./Loader";
+export * from "./MultiAutoComplete";
+export * from "./MultiFilePicker";
+export * from "./Portal";
+export * from "./Popover";
+export * from "./ProgressBar";
+export * from "./Providers";
+export * from "./RadioGroup";
+export * from "./RangeSlider";
+export * from "./RichTextEditor";
+export * from "./Scrollbar";
+export * from "./Select";
+export * from "./Separator";
+export * from "./Sidebar";
+export * from "./Skeleton";
+export * from "./Slider";
+export * from "./SteppedProgress";
+export * from "./Switch";
+export * from "./Table";
+export * from "./Tabs";
+export * from "./Tag";
+export * from "./Text";
+export * from "./Textarea";
+export * from "./TimeAgo";
+export * from "./Toast";
+export * from "./Tooltip";
+export * from "./Tree";
+export * from "./utils";
+
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Accordion\";\nexport * from \"./Alert\";\nexport * from \"./AutoComplete\";\nexport * from \"./Avatar\";\nexport * from \"./Button\";\nexport * from \"./Card\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CodeEditor\";\nexport * from \"./ColorPicker\";\nexport * from \"./DataList\";\nexport * from \"./DataTable\";\nexport * from \"./DelayedOnChange\";\nexport * from \"./Dialog\";\nexport * from \"./Drawer\";\nexport * from \"./DropdownMenu\";\nexport * from \"./DynamicFieldset\";\nexport * from \"./FilePicker\";\nexport * from \"./FormComponent\";\nexport * from \"./Grid\";\nexport * from \"./HeaderBar\";\nexport * from \"./HeaderBar\";\nexport * from \"./Heading\";\nexport * from \"./Icon\";\nexport * from \"./IconPicker\";\nexport * from \"./Image\";\nexport * from \"./Input\";\nexport * from \"./Label\";\nexport * from \"./Link\";\nexport * from \"./List\";\nexport * from \"./Loader\";\nexport * from \"./MultiAutoComplete\";\nexport * from \"./MultiFilePicker\";\nexport * from \"./Portal\";\nexport * from \"./Popover\";\nexport * from \"./ProgressBar\";\nexport * from \"./Providers\";\nexport * from \"./RadioGroup\";\nexport * from \"./RangeSlider\";\nexport * from \"./RichTextEditor\";\nexport * from \"./Scrollbar\";\nexport * from \"./Select\";\nexport * from \"./Separator\";\nexport * from \"./Sidebar\";\nexport * from \"./Skeleton\";\nexport * from \"./Slider\";\nexport * from \"./SteppedProgress\";\nexport * from \"./Switch\";\nexport * from \"./Table\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./Text\";\nexport * from \"./Textarea\";\nexport * from \"./TimeAgo\";\nexport * from \"./Toast\";\nexport * from \"./Tooltip\";\nexport * from \"./Tree\";\nexport * from \"./utils\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}