@canonical/react-ds-app-launchpad 0.9.0-experimental.2 → 0.9.0-experimental.5

package/dist/esm/ui/FileTree/Context.js

@@ -0,0 +1,4 @@
+import { createContext } from "react";
+const Context = createContext(null);
+export default Context;
+//# sourceMappingURL=Context.js.map

package/dist/esm/ui/FileTree/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../src/ui/FileTree/Context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,OAAO,GAAG,aAAa,CAAwB,IAAI,CAAC,CAAC;AAE3D,eAAe,OAAO,CAAC"}

package/dist/esm/ui/FileTree/Provider.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef } from "react";
+import Context from "./Context.js";
+import "./styles.css";
+const componentCssClassName = "ds file-tree";
+export const dataPathHash = "data-path-hash";
+const Provider = ({ id, className, style, children, ...contextOptions }) => {
+    const fileTreeRef = useRef(null);
+    const handleFocusNextNode = useCallback((direction) => {
+        if (!fileTreeRef.current)
+            return;
+        const currentNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:focus`);
+        const currentNodeHash = currentNode?.getAttribute(dataPathHash);
+        if (!currentNodeHash)
+            return;
+        const nextNode = direction === "up"
+            ? fileTreeRef.current.querySelector(`[${dataPathHash}]:has(+ [${dataPathHash}="${currentNodeHash}"])`)
+            : fileTreeRef.current.querySelector(`[${dataPathHash}="${currentNodeHash}"] + [${dataPathHash}]`);
+        if (!nextNode || !currentNode)
+            return;
+        nextNode.focus();
+        currentNode.setAttribute("tabindex", "-1");
+        nextNode.setAttribute("tabindex", "0");
+    }, []);
+    const handleFocusEndNode = useCallback((end) => {
+        if (!fileTreeRef.current)
+            return;
+        const endNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:${end === "start" ? "first" : "last"}-of-type`);
+        const currentNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:focus`);
+        if (!endNode || !currentNode)
+            return;
+        endNode.focus();
+        currentNode.setAttribute("tabindex", "-1");
+        endNode.setAttribute("tabindex", "0");
+    }, []);
+    const handleFocusNextSiblingCharacter = useCallback((character) => {
+        if (!fileTreeRef.current)
+            return;
+        const currentNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:focus`);
+        if (!currentNode)
+            return;
+        const currentNodeHash = currentNode.getAttribute(dataPathHash);
+        if (!currentNodeHash)
+            return;
+        const matchingNodes = Array.from(fileTreeRef.current.querySelectorAll(`[data-name^="${character}"]`));
+        const currentNodeIndex = matchingNodes.findIndex((node) => node === currentNode);
+        const nextNodeWithCharacter = matchingNodes.at((currentNodeIndex + 1) % matchingNodes.length);
+        if (!nextNodeWithCharacter)
+            return;
+        nextNodeWithCharacter.focus();
+        currentNode.setAttribute("tabindex", "-1");
+        nextNodeWithCharacter.setAttribute("tabindex", "0");
+    }, []);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: on search query change, the first node may be filtered out
+    useEffect(() => {
+        if (!fileTreeRef.current)
+            return;
+        const nodes = Array.from(fileTreeRef.current.querySelectorAll(`[${dataPathHash}][tabindex='0']`));
+        for (const node of nodes) {
+            node.setAttribute("tabindex", "-1");
+        }
+        const firstNode = fileTreeRef.current.querySelector(`[${dataPathHash}]:not([hidden])`);
+        firstNode?.setAttribute("tabindex", "0");
+    }, [contextOptions.searchQuery, contextOptions.selectedFile]);
+    return (_jsx(Context.Provider, { value: {
+            ...contextOptions,
+            expandable: contextOptions.expandable ?? false,
+            focusNextNode: handleFocusNextNode,
+            focusEndNode: handleFocusEndNode,
+            focusNextSiblingCharacter: handleFocusNextSiblingCharacter,
+        }, children: _jsx("ul", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), ref: fileTreeRef, role: "tree", children: children }) }));
+};
+export default Provider;
+//# sourceMappingURL=Provider.js.map

package/dist/esm/ui/FileTree/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/ui/FileTree/Provider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ui/FileTree/common/File/File.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Node } from "../Node/index.js";
+import "./styles.css";
+/**
+ * description of the File component
+ * @returns {React.ReactElement} - Rendered File
+ */
+const File = ({ id, className, style, name, marker, }) => {
+    return (_jsx(Node, { id: id, className: className, style: style, name: name, nodeType: "file", marker: marker }));
+};
+export default File;
+//# sourceMappingURL=File.js.map

package/dist/esm/ui/FileTree/common/File/File.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"File.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/File/File.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,CAAC;AAGtB;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EACZ,EAAE,EACF,SAAS,EACT,KAAK,EACL,IAAI,EACJ,MAAM,GACI,EAAsB,EAAE;IAClC,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,MAAM,EACf,MAAM,EAAE,MAAM,GACd,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/esm/ui/FileTree/common/File/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as File } from "./File.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/File/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/File/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,WAAW,CAAC;AAC5C,cAAc,YAAY,CAAC"}

package/dist/esm/ui/FileTree/common/File/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/File/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/FileTree/common/Folder/Folder.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Node } from "../Node/index.js";
+import "./styles.css";
+/**
+ * description of the Folder component
+ * @returns {React.ReactElement} - Rendered Folder
+ */
+const Folder = ({ id, children, className, style, name, defaultOpen, }) => {
+    return (_jsx(Node, { id: id, className: className, style: style, name: name, nodeType: "folder", defaultOpen: defaultOpen, children: children }));
+};
+export default Folder;
+//# sourceMappingURL=Folder.js.map

package/dist/esm/ui/FileTree/common/Folder/Folder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Folder.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Folder/Folder.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,cAAc,CAAC;AAGtB;;;GAGG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,IAAI,EACJ,WAAW,GACC,EAAsB,EAAE;IACpC,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAE,WAAW,YAEvB,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/esm/ui/FileTree/common/Folder/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as Folder } from "./Folder.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/Folder/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Folder/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/FileTree/common/Folder/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Folder/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/FileTree/common/IndentationBlock/IndentationBlock.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import "./styles.css";
+const componentCssClassName = "ds indentation-block";
+/**
+ * description of the IndentationBlock component
+ * @returns {React.ReactElement} - Rendered IndentationBlock
+ */
+const IndentationBlock = ({ id, className, style, depth, }) => {
+    const uid = useId();
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [Array.from({ length: depth }).map((_, index) => (
+            // biome-ignore lint/suspicious/noArrayIndexKey: index is prefixed with a uid
+            _jsx("div", { className: "indent-block", children: "\u00A0" }, `${uid}-${index}`))), depth === 0 && _jsx("div", { className: "indent-block empty", children: "\u00A0" })] }));
+};
+export default IndentationBlock;
+//# sourceMappingURL=IndentationBlock.js.map

package/dist/esm/ui/FileTree/common/IndentationBlock/IndentationBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IndentationBlock.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/IndentationBlock/IndentationBlock.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,sBAAsB,CAAC;AAErD;;;GAGG;AACH,MAAM,gBAAgB,GAAG,CAAC,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,KAAK,GACiB,EAA6B,EAAE;IACrD,MAAM,GAAG,GAAG,KAAK,EAAE,CAAC;IAEpB,OAAO,CACL,eACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,aAEtE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;YAC/C,6EAA6E;YAC7E,cAA6B,SAAS,EAAC,cAAc,wBAA3C,GAAG,GAAG,IAAI,KAAK,EAAE,CAErB,CACP,CAAC,EACD,KAAK,KAAK,CAAC,IAAI,cAAK,SAAS,EAAC,oBAAoB,uBAAa,IAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/esm/ui/FileTree/common/IndentationBlock/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as IndentationBlock } from "./IndentationBlock.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/IndentationBlock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/IndentationBlock/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACpE,cAAc,YAAY,CAAC"}

package/dist/esm/ui/FileTree/common/IndentationBlock/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/FileTree/common/IndentationBlock/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/IndentationBlock/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/FileTree/common/Node/Context.js

@@ -0,0 +1,10 @@
+import { createContext } from "react";
+export const rootLevelEmptyContext = {
+    depth: 0,
+    path: "",
+    addChildNode: () => { },
+    childNodes: [],
+};
+const Context = createContext(rootLevelEmptyContext);
+export default Context;
+//# sourceMappingURL=Context.js.map

package/dist/esm/ui/FileTree/common/Node/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Node/Context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,MAAM,CAAC,MAAM,qBAAqB,GAAmB;IACnD,KAAK,EAAE,CAAC;IACR,IAAI,EAAE,EAAE;IACR,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,UAAU,EAAE,EAAE;CACf,CAAC;AAEF,MAAM,OAAO,GAAG,aAAa,CAAiB,qBAAqB,CAAC,CAAC;AAErE,eAAe,OAAO,CAAC"}

package/dist/esm/ui/FileTree/common/Node/Provider.js

@@ -0,0 +1,163 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { dataPathHash } from "../../Provider.js";
+import { useFileTree } from "../../hooks/index.js";
+import { hashNodeName } from "../../utils/index.js";
+import { IndentationBlock } from "../IndentationBlock/index.js";
+import Context from "./Context.js";
+import { useNode } from "./hooks/index.js";
+import "./styles.css";
+const componentCssClassName = "ds node";
+const expandedCssClassName = "expanded";
+const expandableCssClassName = "expandable";
+const selectableCssClassName = "selectable";
+const Provider = ({ id, className, style, children, name, marker, ...nodeOptions }) => {
+    const { expandable, searchQuery, selectedFile, onSelectFile, focusNextNode, focusEndNode, focusNextSiblingCharacter, } = useFileTree();
+    const nodeRef = useRef({
+        name,
+        path: "",
+        type: nodeOptions.nodeType,
+    });
+    const { depth, path: parentPath, addChildNode } = useNode();
+    const [childNodes, setChildNodes] = useState([]);
+    const [isExpanded, setIsExpanded] = useState(nodeOptions.nodeType === "folder" && nodeOptions.defaultOpen);
+    const path = useMemo(() => `${parentPath}/${name}`, [parentPath, name]);
+    const isSelected = useMemo(() => selectedFile?.path === path, [selectedFile, path]);
+    const matchesQuery = useCallback((query, target) => {
+        return target.toLowerCase().includes(query.toLowerCase());
+    }, []);
+    const fileMatchesSearchQuery = useCallback((node) => {
+        if (!searchQuery)
+            return true;
+        // check if path matches in case of files
+        if (node.type === "file") {
+            return matchesQuery(searchQuery, node.name);
+        }
+        // check if any child/grandchild matches in case of folders
+        return (matchesQuery(searchQuery, node.name) ||
+            node.children?.some(fileMatchesSearchQuery));
+    }, [searchQuery, matchesQuery]);
+    const shouldHideNode = useMemo(() => {
+        if (!searchQuery)
+            return false;
+        return !fileMatchesSearchQuery(nodeRef.current);
+    }, [searchQuery, fileMatchesSearchQuery]);
+    const handleClick = useCallback((_event) => {
+        switch (nodeOptions.nodeType) {
+            case "folder":
+                if (expandable) {
+                    setIsExpanded((prev) => !prev);
+                }
+                break;
+            case "file":
+                onSelectFile?.({
+                    name,
+                    path,
+                    type: nodeOptions.nodeType,
+                });
+                break;
+        }
+    }, [nodeOptions.nodeType, onSelectFile, name, path, expandable]);
+    const handleKeyDown = (event) => {
+        if (event.ctrlKey || event.altKey || event.shiftKey || event.metaKey)
+            return;
+        if (event.key.match(/^[a-zA-Z0-9]$/)) {
+            focusNextSiblingCharacter(event.key);
+            event.preventDefault();
+        }
+        switch (event.key) {
+            case "ArrowRight":
+                if (!isExpanded && nodeOptions.nodeType === "folder" && expandable) {
+                    setIsExpanded(true);
+                    event.preventDefault();
+                }
+                else {
+                    focusNextNode("down");
+                    event.preventDefault();
+                }
+                break;
+            case "ArrowLeft":
+                if (isExpanded && nodeOptions.nodeType === "folder" && expandable) {
+                    setIsExpanded(false);
+                    event.preventDefault();
+                }
+                else {
+                    focusNextNode("up");
+                    event.preventDefault();
+                }
+                break;
+            case "ArrowDown":
+                focusNextNode("down");
+                event.preventDefault();
+                break;
+            case "ArrowUp":
+                focusNextNode("up");
+                event.preventDefault();
+                break;
+            case "Home":
+                focusEndNode("start");
+                event.preventDefault();
+                break;
+            case "End":
+                focusEndNode("end");
+                event.preventDefault();
+                break;
+            case "Enter":
+            case " ":
+                if (nodeOptions.nodeType === "file") {
+                    onSelectFile?.({
+                        name,
+                        path,
+                        type: nodeOptions.nodeType,
+                    });
+                }
+                event.preventDefault();
+                break;
+        }
+    };
+    // update parent's childNodes with the current node object reference
+    // biome-ignore lint/correctness/useExhaustiveDependencies: the nodeRef.current is updated only once
+    useEffect(() => {
+        if (nodeRef.current) {
+            addChildNode(nodeRef.current);
+        }
+    }, []);
+    // update the node object information when the information changes
+    useEffect(() => {
+        if (nodeRef.current) {
+            nodeRef.current.path = path;
+            if (nodeRef.current.type === "folder") {
+                nodeRef.current.children = childNodes;
+            }
+        }
+    }, [path, childNodes]);
+    return (_jsxs(Context.Provider, { value: {
+            depth: depth + 1,
+            path,
+            addChildNode: (node) => setChildNodes((prev) => [...prev, node]),
+            childNodes,
+        }, children: [!shouldHideNode && (_jsxs("li", { id: id, style: style, [dataPathHash]: hashNodeName(path), "data-name": name, className: [
+                    componentCssClassName,
+                    className,
+                    nodeOptions.nodeType,
+                    isExpanded && expandedCssClassName,
+                    nodeOptions.nodeType === "folder" &&
+                        expandable &&
+                        expandableCssClassName,
+                    nodeOptions.nodeType === "file" &&
+                        onSelectFile !== undefined &&
+                        selectableCssClassName,
+                ]
+                    .filter(Boolean)
+                    .join(" "), role: "treeitem", "aria-expanded": nodeOptions.nodeType === "folder" ? isExpanded : undefined, "aria-selected": isSelected, tabIndex: -1, onClick: handleClick, onKeyDown: handleKeyDown, children: [_jsx(IndentationBlock, { depth: depth }), _jsx("div", { className: [
+                            "icon",
+                            nodeOptions.nodeType,
+                            isExpanded && expandedCssClassName,
+                        ]
+                            .filter(Boolean)
+                            .join(" ") }), _jsx("span", { className: "nodename", children: name }), marker && _jsx("div", { className: "marker", children: marker })] })), nodeOptions.nodeType === "folder" &&
+                (isExpanded || expandable === false) &&
+                children] }));
+};
+export default Provider;
+//# sourceMappingURL=Provider.js.map

package/dist/esm/ui/FileTree/common/Node/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Node/Provider.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ui/FileTree/common/Node/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useNode } from "./useNode.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/Node/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/FileTree/common/Node/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/dist/esm/ui/FileTree/common/Node/hooks/useNode.js

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import Context, { rootLevelEmptyContext } from "../Context.js";
+const useNode = () => {
+    const context = useContext(Context);
+    if (!context) {
+        // if no folder parent is found, that means file is at root level
+        return rootLevelEmptyContext;
+    }
+    return context;
+};
+export default useNode;
+//# sourceMappingURL=useNode.js.map

package/dist/esm/ui/FileTree/common/Node/hooks/useNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNode.js","sourceRoot":"","sources":["../../../../../../../src/ui/FileTree/common/Node/hooks/useNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,EAAE,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAE/D,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,iEAAiE;QACjE,OAAO,qBAAqB,CAAC;IAC/B,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/dist/esm/ui/FileTree/common/Node/index.js

@@ -0,0 +1,4 @@
+export { default as Context } from "./Context.js";
+export * from "./hooks/index.js";
+export { default as Node } from "./Provider.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/Node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Node/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,cAAc,CAAC;AAClD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC"}

package/dist/esm/ui/FileTree/common/Node/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/FileTree/common/Node/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/Node/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/FileTree/common/SearchBox/SearchBox.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import useFileTree from "../../hooks/useFileTree.js";
+import "./styles.css";
+const componentCssClassName = "ds search-box";
+/**
+ * description of the SearchBox component
+ * @returns {React.ReactElement} - Rendered SearchBox
+ */
+const SearchBox = ({ id, children, className, style, }) => {
+    const { searchQuery, onSearch } = useFileTree();
+    if (!onSearch) {
+        return null;
+    }
+    const handleSearch = useCallback((event) => {
+        event.preventDefault();
+        const formData = new FormData(event.currentTarget);
+        onSearch(formData.get("search"));
+    }, [onSearch]);
+    const handleReset = useCallback((event) => {
+        event.preventDefault();
+        onSearch("");
+    }, [onSearch]);
+    const handleInputUpdate = useCallback((event) => {
+        onSearch(event.currentTarget.value);
+        event.preventDefault();
+    }, [onSearch]);
+    return (_jsxs("form", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), onSubmit: handleSearch, onReset: handleReset, children: [_jsx("input", { value: searchQuery, onChange: handleInputUpdate, name: "search", className: "input", type: "search", placeholder: "Search", required: true, autoComplete: "off" }), _jsx("button", { type: "reset", className: "reset", children: _jsx("span", { className: "icon" }) }), _jsx("button", { type: "submit", className: "search", children: _jsx("span", { className: "icon" }) })] }));
+};
+export default SearchBox;
+//# sourceMappingURL=SearchBox.js.map

package/dist/esm/ui/FileTree/common/SearchBox/SearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBox.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/SearchBox/SearchBox.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,WAAW,MAAM,4BAA4B,CAAC;AACrD,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,eAAe,CAAC;AAE9C;;;GAGG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,GACU,EAA6B,EAAE;IAC9C,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAC;IAChD,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,YAAY,GAA4C,WAAW,CACvE,CAAC,KAAK,EAAE,EAAE;QACR,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QACnD,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAW,CAAC,CAAC;IAC7C,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,WAAW,GAA4C,WAAW,CACtE,CAAC,KAAK,EAAE,EAAE;QACR,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,iBAAiB,GACrB,WAAW,CACT,CAAC,KAAK,EAAE,EAAE;QACR,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QACpC,KAAK,CAAC,cAAc,EAAE,CAAC;IACzB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEJ,OAAO,CACL,gBACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EACvE,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,aAEpB,gBACE,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,OAAO,EACjB,IAAI,EAAC,QAAQ,EACb,WAAW,EAAC,QAAQ,EACpB,QAAQ,QACR,YAAY,EAAC,KAAK,GAClB,EACF,iBAAQ,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,YACpC,eAAM,SAAS,EAAC,MAAM,GAAG,GAClB,EACT,iBAAQ,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,YACtC,eAAM,SAAS,EAAC,MAAM,GAAG,GAClB,IACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/esm/ui/FileTree/common/SearchBox/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as SearchBox } from "./SearchBox.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/SearchBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/SearchBox/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/FileTree/common/SearchBox/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/FileTree/common/SearchBox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/SearchBox/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/FileTree/common/TreeView/TreeView.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useId, useMemo } from "react";
+import File from "../File/File.js";
+import Folder from "../Folder/Folder.js";
+/**
+ * Render a tree view of the given file tree data
+ *
+ * @example
+ * <FileTree>
+ *  <FileTree.SearchBox />
+ *  <FileTree.TreeView tree={treeData} />
+ * </FileTree>
+ *
+ * @returns {React.ReactElement} - Rendered TreeView
+ */
+const TreeView = ({ tree, sortAlphabetically, defaultCollapsed = false, }) => {
+    const uid = useId();
+    const renderNode = useCallback((node, basePath = "") => {
+        const path = `${basePath}/${node.name}`;
+        switch (node.type) {
+            case "folder":
+                return (_jsx(Folder, { name: node.name, defaultOpen: !defaultCollapsed, children: node.children?.map((child) => renderNode(child, path)) }, `${uid}-${path}`));
+            case "file":
+                return (_jsx(File, { name: node.name, marker: node.marker }, `${uid}-${path}`));
+        }
+    }, [defaultCollapsed, uid]);
+    const sortedTree = useCallback((tree) => {
+        return [...tree]
+            .sort((a, b) => {
+            // folders first
+            if (a.type === "folder" && b.type === "file") {
+                return -1;
+            }
+            if (a.type === "file" && b.type === "folder") {
+                return 1;
+            }
+            // sort alphabetically
+            return a.name.localeCompare(b.name);
+        })
+            .map((node) => {
+            if (node.type === "folder" && node.children) {
+                // sort recursively folder children
+                return {
+                    ...node,
+                    children: sortedTree(node.children),
+                };
+            }
+            return node;
+        });
+    }, []);
+    const treeNode = useMemo(() => {
+        if (sortAlphabetically) {
+            return sortedTree(tree).map((node) => renderNode(node));
+        }
+        return tree.map((node) => renderNode(node));
+    }, [tree, sortAlphabetically, renderNode, sortedTree]);
+    return _jsx(_Fragment, { children: treeNode });
+};
+export default TreeView;
+//# sourceMappingURL=TreeView.js.map

package/dist/esm/ui/FileTree/common/TreeView/TreeView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeView.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/TreeView/TreeView.tsx"],"names":[],"mappings":"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"}

package/dist/esm/ui/FileTree/common/TreeView/index.js

@@ -0,0 +1,4 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+export { default as TreeView } from "./TreeView.js";
+export * from "./types.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/TreeView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/TreeView/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/FileTree/common/TreeView/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/ui/FileTree/common/TreeView/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/ui/FileTree/common/TreeView/types.ts"],"names":[],"mappings":""}

package/dist/esm/ui/FileTree/common/index.js

@@ -0,0 +1,5 @@
+export * from "./File/index.js";
+export * from "./Folder/index.js";
+export * from "./SearchBox/index.js";
+export * from "./TreeView/index.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/common/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/FileTree/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC"}

package/dist/esm/ui/FileTree/hooks/index.js

@@ -0,0 +1,2 @@
+export { default as useFileTree } from "./useFileTree.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/ui/FileTree/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/FileTree/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/esm/ui/FileTree/hooks/useFileTree.js

@@ -0,0 +1,11 @@
+import { useContext } from "react";
+import Context from "../Context.js";
+const useFileTree = () => {
+    const context = useContext(Context);
+    if (!context) {
+        throw new Error("useFileTree must be used within a FileTree component");
+    }
+    return context;
+};
+export default useFileTree;
+//# sourceMappingURL=useFileTree.js.map

package/dist/esm/ui/FileTree/hooks/useFileTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFileTree.js","sourceRoot":"","sources":["../../../../../src/ui/FileTree/hooks/useFileTree.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,MAAM,WAAW,GAAG,GAAG,EAAE;IACvB,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAC;IAC1E,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}