@canonical/react-ds-app-launchpad 0.7.1-experimental.0 → 0.9.0-experimental.10

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/styles.css

@@ -0,0 +1,60 @@
+.ds.node {
+  list-style: none;
+  display: flex;
+  gap: var(--file-tree-node-items-gap);
+  align-items: center;
+  /* vertical padding is set on the indentation level */
+  padding: 0 var(--file-tree-node-horizontal-padding);
+  cursor: default;
+  color: var(--file-tree-node-text-color-default);
+
+  /* When the list is interactive we change colors on interactions */
+  &.selectable,
+  &.expandable {
+    cursor: pointer;
+    &:focus,
+    &:hover {
+      background-color: var(--file-tree-node-background-color-hover);
+    }
+    &:focus {
+      outline: 1px solid var(--file-tree-node-focus-outline-color);
+      outline-offset: -1px;
+      color: var(--file-tree-node-text-color-active);
+      & > .icon {
+        filter: opacity(1);
+      }
+    }
+  }
+
+  /* When the list is static we apply active colors */
+  &:not(.selectable):not(.expandable) {
+    color: var(--file-tree-node-text-color-active);
+    & > .icon {
+      filter: opacity(1);
+    }
+  }
+
+  & > .icon {
+    user-select: none;
+    width: var(--file-tree-node-icon-size);
+    filter: opacity(0.6);
+    &.file {
+      content: var(--file-tree-node-file-icon);
+    }
+    &.folder {
+      content: var(--file-tree-node-closed-folder-icon);
+      &.expanded {
+        content: var(--file-tree-node-opened-folder-icon);
+      }
+    }
+  }
+  & > .nodename {
+    flex: 1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  & > .marker {
+    display: inline-block;
+  }
+}

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/styles.css

@@ -0,0 +1,61 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+
+.ds.search-box {
+  display: flex;
+  align-items: center;
+  border-bottom: 1px solid var(--file-tree-search-box-border-color);
+  padding: var(--file-tree-search-box-vertical-padding)
+    var(--file-tree-search-box-horizontal-padding);
+  &:has(.input:focus) {
+    outline: 2px solid -webkit-focus-ring-color;
+    outline-offset: -2px;
+    box-sizing: border-box;
+  }
+  & > .input {
+    flex: 1 1 100%;
+
+    vertical-align: baseline;
+    font-size: 1rem;
+    line-height: var(--file-tree-search-box-line-height);
+  }
+
+  & > .input:not(:valid) ~ .reset {
+    display: none;
+  }
+  & > .search,
+  & > .reset {
+    cursor: pointer;
+    width: var(--file-tree-search-box-button-size);
+    height: var(--file-tree-search-box-button-size);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    background-color: transparent;
+    border: none;
+  }
+  & > .search > .icon {
+    content: var(--file-tree-search-box-search-icon);
+  }
+
+  & > .reset > .icon {
+    content: var(--file-tree-search-box-reset-icon);
+  }
+
+  /* remove search input default appearance */
+  & > .input {
+    border: none;
+    background-color: transparent;
+    &::-webkit-search-cancel-button {
+      appearance: none;
+    }
+    &:-webkit-autofill,
+    &:-webkit-autofill:hover,
+    &:-internal-autofill-selected,
+    &:active,
+    &:focus {
+      background-color: transparent;
+      border-color: transparent;
+      outline: none;
+    }
+  }
+}

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"}

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

@@ -0,0 +1,10 @@
+/* @canonical/generator-ds 0.9.0-experimental.1 */
+export * from "./hooks/index.js";
+import Provider from "./Provider.js";
+import { File, Folder, SearchBox, TreeView } from "./common/index.js";
+export const FileTree = Provider;
+FileTree.SearchBox = SearchBox;
+FileTree.File = File;
+FileTree.TreeView = TreeView;
+FileTree.Folder = Folder;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/FileTree/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,cAAc,kBAAkB,CAAC;AAOjC,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAGtE,MAAM,CAAC,MAAM,QAAQ,GAAG,QAA6B,CAAC;AACtD,QAAQ,CAAC,SAAS,GAAG,SAAS,CAAC;AAC/B,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;AACrB,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;AAC7B,QAAQ,CAAC,MAAM,GAAG,MAAM,CAAC"}

package/dist/esm/ui/FileTree/styles.css

@@ -0,0 +1,47 @@
+/* @canonical/generator-ds 0.9.0-experimental.1 */
+
+.ds.file-tree {
+  --file-tree-container-border-color: #c4c4c4;
+
+  --file-tree-node-icon-size: 16px;
+  --file-tree-node-text-color-default: rgba(0, 0, 0, 0.6);
+  --file-tree-node-text-color-active: #000000;
+
+  --file-tree-node-background-color: #ffffff;
+  --file-tree-node-background-color-hover: #f2f2f2;
+  --file-tree-node-focus-outline-color: #878787;
+
+  --file-tree-node-indent-width: 16px;
+  --file-tree-node-indent-bar-color: #efefef;
+  --file-tree-node-indent-bar-width: 1px;
+  --file-tree-node-items-gap: 8px;
+  --file-tree-node-horizontal-padding: 8px;
+  --file-tree-node-vertical-padding: 2px;
+
+  --file-tree-node-file-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99194 2.5H4.5V13.5H11.5V7.00806H9.24194C7.9993 7.00806 6.99194 6.0007 6.99194 4.75806V2.5ZM10.8869 5.50806L8.49194 3.1127V4.75806C8.49194 5.17227 8.82773 5.50806 9.24194 5.50806H10.8869ZM3 2.5C3 1.67157 3.67157 1 4.5 1H8.08647C8.35172 1 8.60609 1.10538 8.79364 1.29295L12.7072 5.20712C12.8947 5.39465 13 5.64898 13 5.91417V13.5C13 14.3284 12.3284 15 11.5 15H4.5C3.67157 15 3 14.3284 3 13.5V2.5ZM5.65837 8.48389H10.4917V9.98389H5.65837V8.48389ZM5.65837 10.7339V12.2339H10.4917V10.7339H5.65837Z' fill='black'/%3E%3C/svg%3E%0A");
+  --file-tree-node-closed-folder-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 5H13.5C14.3284 5 15 5.67157 15 6.5V12.5C15 13.3284 14.3284 14 13.5 14H2.5C1.67157 14 1 13.3284 1 12.5V3.5C1 2.67157 1.67157 2 2.5 2H8.5C9.32843 2 10 2.67157 10 3.5V5ZM8.5 3.5V5H2.5V3.5H8.5ZM2.5 12.5L2.5 6.5H13.5V12.5H2.5Z' fill='black'/%3E%3C/svg%3E%0A");
+  --file-tree-node-opened-folder-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5.46408V3.60693H2.5V8.66667L2.94235 7.09388C3.12429 6.44696 3.7143 6 4.38632 6H11.5V5.46408H6ZM13 6H14.0216C15.0862 6 15.812 7.07821 15.4113 8.06457L13.38 13.0646C13.1503 13.6301 12.6007 14 11.9903 14H2.98007C2.97153 14 2.963 13.9999 2.9545 13.9998H2.5C1.67157 13.9998 1 13.3282 1 12.4998V3.60693C1 2.77851 1.67157 2.10693 2.5 2.10693H6C6.82843 2.10693 7.5 2.77851 7.5 3.60693V3.96408H11.5C12.3284 3.96408 13 4.63565 13 5.46408V6ZM4.38632 7.5H14.0216L11.9903 12.5H2.98007L4.38632 7.5Z' fill='black'/%3E%3C/svg%3E%0A");
+
+  --file-tree-search-box-vertical-padding: 6px;
+  --file-tree-search-box-horizontal-padding: 8px;
+
+  --file-tree-search-box-line-height: 24px;
+  --file-tree-search-box-button-size: 24px;
+  --file-tree-search-box-border-color: #6c6c6c;
+
+  --file-tree-search-box-search-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.96399 1C8.08013 1.00013 9.17384 1.31346 10.1207 1.90436C11.0676 2.49526 11.8297 3.34002 12.3203 4.34256C12.8109 5.34511 13.0103 6.4652 12.8959 7.57547C12.7815 8.68573 12.3578 9.7416 11.673 10.623L15.976 14.928L14.916 15.988L10.61 11.683C9.85937 12.2631 8.98121 12.6558 8.0484 12.8284C7.1156 13.001 6.15506 12.9487 5.24655 12.6757C4.33805 12.4026 3.50777 11.9168 2.82467 11.2586C2.14157 10.6003 1.62534 9.7886 1.31886 8.89083C1.01237 7.99305 0.924467 7.03512 1.06244 6.09656C1.20042 5.158 1.5603 4.26589 2.11219 3.49431C2.66409 2.72273 3.39208 2.09393 4.23573 1.66012C5.07938 1.22631 6.01434 1.00001 6.96299 1H6.96399ZM6.96399 2.5C6.37221 2.49114 5.78458 2.60005 5.23528 2.82039C4.68598 3.04072 4.18598 3.36809 3.76436 3.78344C3.34274 4.19879 3.00793 4.69384 2.7794 5.23978C2.55087 5.78572 2.43318 6.37166 2.43318 6.9635C2.43318 7.55534 2.55087 8.14128 2.7794 8.68722C3.00793 9.23316 3.34274 9.72821 3.76436 10.1436C4.18598 10.5589 4.68598 10.8863 5.23528 11.1066C5.78458 11.327 6.37221 11.4359 6.96399 11.427C8.13621 11.4095 9.25448 10.9315 10.0772 10.0963C10.9 9.26115 11.3612 8.13585 11.3612 6.9635C11.3612 5.79115 10.9 4.66585 10.0772 3.83069C9.25448 2.99553 8.13621 2.51755 6.96399 2.5Z' fill='black'/%3E%3C/svg%3E%0A");
+  --file-tree-search-box-reset-icon: url("data:image/svg+xml,%3Csvg width='16' height='16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M13.041 1.898l1.06 1.06L9.062 8l5.04 5.042-1.06 1.06L8 9.062 2.96 14.1l-1.06-1.06L6.938 8 1.9 2.96l1.06-1.06 5.04 5.04z'/%3E%3C/svg%3E");
+
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  border: 1px solid var(--file-tree-container-border-color);
+  overflow: auto;
+  padding: 0;
+  margin: 0;
+
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+}

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

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

package/dist/esm/ui/{Button → FileTree}/types.js.map

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

package/dist/esm/ui/FileTree/utils/hashNodeName.js

@@ -0,0 +1,11 @@
+const hashNodeName = (name) => {
+    let hash = 0;
+    for (let i = 0; i < name.length; i++) {
+        const char = name.charCodeAt(i);
+        hash = (hash << 5) - hash + char;
+        hash |= 0;
+    }
+    return hash;
+};
+export default hashNodeName;
+//# sourceMappingURL=hashNodeName.js.map

package/dist/esm/ui/FileTree/utils/hashNodeName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hashNodeName.js","sourceRoot":"","sources":["../../../../../src/ui/FileTree/utils/hashNodeName.ts"],"names":[],"mappings":"AAAA,MAAM,YAAY,GAAG,CAAC,IAAY,EAAE,EAAE;IACpC,IAAI,IAAI,GAAG,CAAC,CAAC;IACb,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QACrC,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAChC,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;QACjC,IAAI,IAAI,CAAC,CAAC;IACZ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from "react";
+import Context from "./Context.js";
+import "./styles.css";
+const componentCssClassName = "ds git-diff-viewer";
+const Provider = ({ id, className, style, children, ...contextOptions }) => {
+    const [addCommentEnabled, setAddCommentEnabled] = useState(false);
+    const [addCommentOpenLocations, setAddCommentOpenLocations] = useState(new Set());
+    const toggleAddCommentLocation = useCallback((lineNumber) => {
+        if (!addCommentEnabled) {
+            return;
+        }
+        const newSet = new Set(addCommentOpenLocations);
+        if (newSet.has(lineNumber)) {
+            newSet.delete(lineNumber);
+        }
+        else {
+            newSet.add(lineNumber);
+        }
+        setAddCommentOpenLocations(newSet);
+    }, [addCommentOpenLocations, addCommentEnabled]);
+    return (_jsx(Context.Provider, { value: {
+            ...contextOptions,
+            addCommentEnabled,
+            setAddCommentEnabled,
+            addCommentOpenLocations,
+            toggleAddCommentLocation,
+        }, children: _jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: children }) }));
+};
+export default Provider;
+//# sourceMappingURL=Provider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/Provider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,OAAO,MAAM,cAAc,CAAC;AACnC,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,oBAAoB,CAAC;AAEnD,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,EACR,GAAG,cAAc,EACD,EAAsB,EAAE;IACxC,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClE,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAEpE,IAAI,GAAG,EAAE,CAAC,CAAC;IAEb,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,UAAkB,EAAE,EAAE;QACrB,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,MAAM,MAAM,GAAG,IAAI,GAAG,CAAC,uBAAuB,CAAC,CAAC;QAChD,IAAI,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,CAAC;YAC3B,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC5B,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACzB,CAAC;QACD,0BAA0B,CAAC,MAAM,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,uBAAuB,EAAE,iBAAiB,CAAC,CAC7C,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,CAAC,QAAQ,IACf,KAAK,EAAE;YACL,GAAG,cAAc;YACjB,iBAAiB;YACjB,oBAAoB;YACpB,uBAAuB;YACvB,wBAAwB;SACzB,YAED,cACE,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,YAEtE,QAAQ,GACL,GACW,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, useCallback, useEffect, useMemo, useRef } from "react";
+import { useGitDiffViewer } from "../../hooks/index.js";
+import { DiffLine } from "./common/index.js";
+import "./styles.css";
+// TODO: decide where to put this once we provide an external syntax highlighter option
+import hljs from "highlight.js";
+import "./HighlighTheme.css";
+const componentCssClassName = "ds code-diff-viewer";
+const tableWidthCSSVar = "--table-width";
+/**
+ * Displays a diff in a table format with line numbers and syntax highlighting.
+ * With option to add comments to specific lines and interactive gutter for adding comments.
+ *
+ * @returns {React.ReactElement} - Rendered CodeDiffViewer
+ */
+const CodeDiffViewer = ({ id, AddComment, className, style, }) => {
+    const { isCollapsed, diff, addCommentEnabled, setAddCommentEnabled, addCommentOpenLocations, toggleAddCommentLocation, lineDecorations, } = useGitDiffViewer();
+    const tableRef = useRef(null);
+    // TODO: temporary syntax highlighting
+    // replace with a proper syntax highlighter
+    // add support for option to have external syntax highlighter
+    const diffCodeLanguage = useMemo(() => {
+        const extension = diff?.newPath.split(".").pop();
+        const mapping = {
+            js: "javascript",
+            jsx: "javascript",
+            ts: "typescript",
+            tsx: "typescript",
+            css: "css",
+            scss: "scss",
+            html: "xml",
+            py: "python",
+            java: "java",
+            // Add more mappings as needed
+        };
+        return mapping[extension || ""] || "plaintext";
+    }, [diff?.newPath]);
+    const highlight = useCallback((code) => {
+        if (hljs.getLanguage(diffCodeLanguage)) {
+            return hljs.highlight(code, { language: diffCodeLanguage }).value;
+        }
+        return hljs.highlight(code, { language: "plaintext" }).value;
+    }, [diffCodeLanguage]);
+    const highlightedLines = useMemo(() => {
+        if (!diff)
+            return [];
+        return diff.hunks.map((hunk) => {
+            return hunk.lines.map((line) => {
+                return highlight(line.content);
+            });
+        });
+    }, [diff, highlight]);
+    /**
+     * Observe the table for size changes and update the CSS variable
+     */
+    useEffect(() => {
+        // SSR check
+        if (typeof ResizeObserver === "undefined")
+            return;
+        if (!tableRef.current)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            if (!tableRef.current)
+                return;
+            const tableWidth = tableRef.current?.clientWidth ?? 0;
+            tableRef.current.style.cssText = `${tableWidthCSSVar}: ${tableWidth}px`;
+        });
+        // Observe the table for size changes
+        resizeObserver.observe(tableRef.current);
+        // Cleanup on unmount
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, []);
+    useEffect(() => {
+        if (AddComment && !addCommentEnabled) {
+            setAddCommentEnabled(true);
+        }
+        else if (!AddComment && addCommentEnabled) {
+            setAddCommentEnabled(false);
+        }
+    }, [AddComment, addCommentEnabled, setAddCommentEnabled]);
+    if (isCollapsed) {
+        return null;
+    }
+    return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: diff.hunks.map((hunk, hunkIndex) => {
+            // We'll track the counters for old and new lines
+            // as we iterate through each hunk.
+            let oldLineCounter = hunk.oldStart;
+            let newLineCounter = hunk.newStart;
+            return (_jsx("div", { className: "diff-hunk", children: _jsx("table", { className: "diff-table", ref: tableRef, tabIndex: -1, children: _jsxs("tbody", { children: [_jsx(DiffLine, { type: "hunk", hunkHeader: hunk.header }), hunk.lines.map((line, lineIndex) => {
+                                let lineNum1 = null;
+                                let lineNum2 = null;
+                                if (line.type === "remove") {
+                                    // Only the old line number advances
+                                    lineNum1 = oldLineCounter++;
+                                }
+                                else if (line.type === "add") {
+                                    // Only the new line number advances
+                                    lineNum2 = newLineCounter++;
+                                }
+                                else {
+                                    // context line => both lines advance
+                                    lineNum1 = oldLineCounter++;
+                                    lineNum2 = newLineCounter++;
+                                }
+                                const lineNumber = lineNum2 || lineNum1 || 0;
+                                // For rendering, if lineNum1 or lineNum2 is null,
+                                // you can display e.g. '+' or '-' or an empty cell.
+                                return (_jsxs(Fragment, { children: [_jsx(DiffLine, { lineNum1: lineNum1, lineNum2: lineNum2, content: highlightedLines[hunkIndex][lineIndex], type: line.type }), lineNum2 && lineDecorations?.[lineNum2] && (_jsx("tr", { className: "line-decoration", children: _jsx("td", { className: "container", children: lineDecorations[lineNum2] }) })), lineNum2 &&
+                                            AddComment &&
+                                            addCommentOpenLocations.has(lineNum2) && (_jsx("tr", { className: "line-decoration", children: _jsx("td", { className: "container", children: _jsx(AddComment, { lineNumber: lineNumber, onClose: () => toggleAddCommentLocation(lineNumber) }) }) }))] }, `${diff.oldPath}-${hunkIndex}-${lineIndex}`));
+                            })] }) }) }, `${diff.oldPath}-${hunkIndex}`));
+        }) }));
+};
+CodeDiffViewer.displayName = "GitDiffViewer.CodeDiff";
+export default CodeDiffViewer;
+//# sourceMappingURL=CodeDiffViewer.js.map