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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeDiffViewer.js","sourceRoot":"","sources":["../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/CodeDiffViewer.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,cAAc,CAAC;AACtB,uFAAuF;AACvF,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,OAAO,qBAAqB,CAAC;AAE7B,MAAM,qBAAqB,GAAG,qBAAqB,CAAC;AAEpD,MAAM,gBAAgB,GAAG,eAAe,CAAC;AAEzC;;;;;GAKG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,EAAE,EACF,UAAU,EACV,SAAS,EACT,KAAK,GACe,EAA6B,EAAE;IACnD,MAAM,EACJ,WAAW,EACX,IAAI,EACJ,iBAAiB,EACjB,oBAAoB,EACpB,uBAAuB,EACvB,wBAAwB,EACxB,eAAe,GAChB,GAAG,gBAAgB,EAAE,CAAC;IACvB,MAAM,QAAQ,GAAG,MAAM,CAA0B,IAAI,CAAC,CAAC;IAEvD,sCAAsC;IACtC,2CAA2C;IAC3C,6DAA6D;IAC7D,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,SAAS,GAAG,IAAI,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;QACjD,MAAM,OAAO,GAA8B;YACzC,EAAE,EAAE,YAAY;YAChB,GAAG,EAAE,YAAY;YACjB,EAAE,EAAE,YAAY;YAChB,GAAG,EAAE,YAAY;YACjB,GAAG,EAAE,KAAK;YACV,IAAI,EAAE,MAAM;YACZ,IAAI,EAAE,KAAK;YACX,EAAE,EAAE,QAAQ;YACZ,IAAI,EAAE,MAAM;YACZ,8BAA8B;SAC/B,CAAC;QACF,OAAO,OAAO,CAAC,SAAS,IAAI,EAAE,CAAC,IAAI,WAAW,CAAC;IACjD,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpB,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,IAAY,EAAE,EAAE;QACf,IAAI,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,CAAC;YACvC,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC,KAAK,CAAC;QACpE,CAAC;QACD,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC;IAC/D,CAAC,EACD,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,MAAM,gBAAgB,GAAG,OAAO,CAAC,GAAG,EAAE;QACpC,IAAI,CAAC,IAAI;YAAE,OAAO,EAAE,CAAC;QAErB,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAC7B,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAC7B,OAAO,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,YAAY;QACZ,IAAI,OAAO,cAAc,KAAK,WAAW;YAAE,OAAO;QAClD,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAE9B,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;YAC7C,IAAI,CAAC,QAAQ,CAAC,OAAO;gBAAE,OAAO;YAC9B,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,EAAE,WAAW,IAAI,CAAC,CAAC;YACtD,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,gBAAgB,KAAK,UAAU,IAAI,CAAC;QAC1E,CAAC,CAAC,CAAC;QAEH,qCAAqC;QACrC,cAAc,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAEzC,qBAAqB;QACrB,OAAO,GAAG,EAAE;YACV,cAAc,CAAC,UAAU,EAAE,CAAC;QAC9B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrC,oBAAoB,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;aAAM,IAAI,CAAC,UAAU,IAAI,iBAAiB,EAAE,CAAC;YAC5C,oBAAoB,CAAC,KAAK,CAAC,CAAC;QAC9B,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,EAAE,iBAAiB,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAE1D,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,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,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;YAClC,iDAAiD;YACjD,mCAAmC;YACnC,IAAI,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC;YACnC,IAAI,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC;YAEnC,OAAO,CACL,cAA0C,SAAS,EAAC,WAAW,YAC7D,gBAAO,SAAS,EAAC,YAAY,EAAC,GAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC,YACvD,4BAEE,KAAC,QAAQ,IAAC,IAAI,EAAC,MAAM,EAAC,UAAU,EAAE,IAAI,CAAC,MAAM,GAAI,EAEhD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,EAAE,EAAE;gCAClC,IAAI,QAAQ,GAAkB,IAAI,CAAC;gCACnC,IAAI,QAAQ,GAAkB,IAAI,CAAC;gCAEnC,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;oCAC3B,oCAAoC;oCACpC,QAAQ,GAAG,cAAc,EAAE,CAAC;gCAC9B,CAAC;qCAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,CAAC;oCAC/B,oCAAoC;oCACpC,QAAQ,GAAG,cAAc,EAAE,CAAC;gCAC9B,CAAC;qCAAM,CAAC;oCACN,qCAAqC;oCACrC,QAAQ,GAAG,cAAc,EAAE,CAAC;oCAC5B,QAAQ,GAAG,cAAc,EAAE,CAAC;gCAC9B,CAAC;gCAED,MAAM,UAAU,GAAG,QAAQ,IAAI,QAAQ,IAAI,CAAC,CAAC;gCAE7C,kDAAkD;gCAClD,oDAAoD;gCACpD,OAAO,CACL,MAAC,QAAQ,eAEP,KAAC,QAAQ,IACP,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,gBAAgB,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,EAC/C,IAAI,EAAE,IAAI,CAAC,IAAI,GACf,EAED,QAAQ,IAAI,eAAe,EAAE,CAAC,QAAQ,CAAC,IAAI,CAC1C,aAAI,SAAS,EAAC,iBAAiB,YAC7B,aAAI,SAAS,EAAC,WAAW,YACtB,eAAe,CAAC,QAAQ,CAAC,GACvB,GACF,CACN,EAGA,QAAQ;4CACP,UAAU;4CACV,uBAAuB,CAAC,GAAG,CAAC,QAAQ,CAAC,IAAI,CACvC,aAAI,SAAS,EAAC,iBAAiB,YAC7B,aAAI,SAAS,EAAC,WAAW,YACvB,KAAC,UAAU,IACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,GAAG,EAAE,CACZ,wBAAwB,CAAC,UAAU,CAAC,GAEtC,GACC,GACF,CACN,KA/BU,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,IAAI,SAAS,EAAE,CAgC/C,CACZ,CAAC;4BACJ,CAAC,CAAC,IACI,GACF,IA/DA,GAAG,IAAI,CAAC,OAAO,IAAI,SAAS,EAAE,CAgElC,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,wBAAwB,CAAC;AAEtD,eAAe,cAAc,CAAC"}

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useGitDiffViewer } from "../../../../hooks/index.js";
+import "./styles.css";
+const componentCssClassName = "ds diff-line";
+/**
+ * Displays a single line of a diff as a table row with line numbers.
+ *
+ * @returns {React.ReactElement} - Rendered DiffLine
+ */
+const DiffLine = ({ id, className, style, ...props }) => {
+    const { wrapLines, addCommentEnabled, toggleAddCommentLocation } = useGitDiffViewer();
+    const gutterIsInteractive = addCommentEnabled;
+    const typeClass = `diff-line-${props.type}`;
+    const lineNumber = props.type !== "hunk" ? Number(props.lineNum2 || props.lineNum1) : 0;
+    return (_jsxs("tr", { id: id, style: style, className: [
+            componentCssClassName,
+            typeClass,
+            gutterIsInteractive ? "interactive" : "",
+            className,
+        ]
+            .filter(Boolean)
+            .join(" "), children: [_jsx("td", { className: `diff-gutter ${wrapLines ? "wrap" : ""} ${props.type}`, tabIndex: gutterIsInteractive && props.type !== "hunk" ? 0 : undefined, onClick: () => toggleAddCommentLocation(lineNumber), onKeyUp: (e) => {
+                    if (e.key === "Enter") {
+                        toggleAddCommentLocation(lineNumber);
+                    }
+                }, onKeyDown: undefined, children: props.type === "hunk" ? ("\u00A0") : (_jsxs("div", { className: "diff-line-numbers", children: [_jsx("span", { className: "line-num", children: props.lineNum1 ?? "+" }), _jsx("span", { className: "line-num", children: props.lineNum2 ?? "-" })] })) }), _jsx("td", { className: `diff-content ${wrapLines ? "wrap" : ""}`, children: props.type === "hunk" ? (_jsx("pre", { children: props.hunkHeader })) : (_jsx("pre", { 
+                    // biome-ignore lint/security/noDangerouslySetInnerHtml: syntax highlighting requires adding generated HTML
+                    dangerouslySetInnerHTML: {
+                        __html: props.content ? props.content : "\u00A0",
+                    } })) })] }));
+};
+export default DiffLine;
+//# sourceMappingURL=DiffLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiffLine.js","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/DiffLine.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAE7C;;;;GAIG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACM,EAAsB,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,iBAAiB,EAAE,wBAAwB,EAAE,GAC9D,gBAAgB,EAAE,CAAC;IACrB,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;IAC9C,MAAM,SAAS,GAAG,aAAa,KAAK,CAAC,IAAI,EAAE,CAAC;IAE5C,MAAM,UAAU,GACd,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEvE,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE;YACT,qBAAqB;YACrB,SAAS;YACT,mBAAmB,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE;YACxC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAEZ,aACE,SAAS,EAAE,eAAe,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,IAAI,EAAE,EACjE,QAAQ,EAAE,mBAAmB,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACtE,OAAO,EAAE,GAAG,EAAE,CAAC,wBAAwB,CAAC,UAAU,CAAC,EACnD,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,wBAAwB,CAAC,UAAU,CAAC,CAAC;oBACvC,CAAC;gBACH,CAAC,EACD,SAAS,EAAE,SAAS,YAEnB,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,QAAQ,IAAI,GAAG,GAAQ,EACzD,eAAM,SAAS,EAAC,UAAU,YAAE,KAAK,CAAC,QAAQ,IAAI,GAAG,GAAQ,IACrD,CACP,GACE,EACL,aAAI,SAAS,EAAE,gBAAgB,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,YACrD,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACvB,wBAAM,KAAK,CAAC,UAAU,GAAO,CAC9B,CAAC,CAAC,CAAC,CACF;oBACE,2GAA2G;oBAC3G,uBAAuB,EAAE;wBACvB,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;qBACjD,GACD,CACH,GACE,IACF,CACN,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,cAAc,YAAY,CAAC"}

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

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

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/DiffLine/types.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAChE,cAAc,YAAY,CAAC"}

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

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

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

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

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useGitDiffViewer } from "../../hooks/index.js";
+import "./styles.css";
+const componentCssClassName = "ds file-header";
+/**
+ * Displays the file name and change count for a diff.
+ * With option to add custom elements to the left and right of the file header.
+ *
+ * @returns {React.ReactElement} - Rendered FileHeader
+ */
+const FileHeader = ({ id, children, className, style, hideCollapse = false, showChangeCount, leftContent, rightContent, ...props }) => {
+    const { isCollapsed, onCollapseToggle, diff } = useGitDiffViewer();
+    const shouldRenderCollapse = !hideCollapse && isCollapsed !== undefined;
+    const calculateChangeCount = useCallback(() => {
+        let additions = 0;
+        let deletions = 0;
+        for (const hunk of diff.hunks) {
+            for (const line of hunk.lines) {
+                if (line.type === "add") {
+                    additions++;
+                }
+                else if (line.type === "remove") {
+                    deletions++;
+                }
+            }
+        }
+        return { additions, deletions };
+    }, [diff]);
+    const changesCount = calculateChangeCount();
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), ...props, children: [_jsxs("div", { className: "left-content", children: [leftContent, shouldRenderCollapse && (_jsx("button", { className: `collapse-button ${isCollapsed ? "collapsed" : ""}`, onClick: () => onCollapseToggle(!isCollapsed), "aria-label": "Collapse file", type: "button", children: _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: "Collapse" }), _jsx("path", { d: "M11.811 8.124L5.62399 1.937L4.56299 2.997L9.68999 8.124L4.56299 13.25L5.62399 14.311L11.811 8.124Z", fill: "currentColor" })] }) })), _jsx("h5", { className: "file-name", children: diff.newPath })] }), _jsxs("div", { className: "right-content", children: [showChangeCount && (_jsx("div", { className: "change-count", children: diff.fileChangeState === "modified" ? (_jsxs(_Fragment, { children: [_jsxs("span", { className: "deletions", children: ["-", changesCount.deletions] }), _jsxs("span", { className: "insertions", children: ["+", changesCount.additions] })] })) : diff.fileChangeState === "added" ? (_jsx("span", { className: "insertions", children: "Added" })) : diff.fileChangeState === "deleted" ? (_jsx("span", { className: "deletions", children: "Removed" })) : (_jsx(_Fragment, {})) })), rightContent] }), children] }));
+};
+FileHeader.displayName = "GitDiffViewer.FileHeader";
+export default FileHeader;
+//# sourceMappingURL=FileHeader.js.map

package/dist/esm/ui/GitDiffViewer/common/FileHeader/FileHeader.js.map

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

package/dist/esm/ui/GitDiffViewer/common/FileHeader/index.js

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

package/dist/esm/ui/GitDiffViewer/common/FileHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/GitDiffViewer/common/FileHeader/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACxD,cAAc,YAAY,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/FileHeader/types.js

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

package/dist/esm/ui/GitDiffViewer/common/FileHeader/types.js.map

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/GitDiffViewer/common/index.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC"}

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

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

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

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

package/dist/esm/ui/GitDiffViewer/hooks/useGitDiffViewer.js

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

package/dist/esm/ui/GitDiffViewer/hooks/useGitDiffViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGitDiffViewer.js","sourceRoot":"","sources":["../../../../../src/ui/GitDiffViewer/hooks/useGitDiffViewer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,OAAO,MAAM,eAAe,CAAC;AAEpC,MAAM,gBAAgB,GAAG,GAAG,EAAE;IAC5B,MAAM,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC;IACpC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,sFAAsF,CACvF,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,9 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+export * from "./hooks/index.js";
+export * from "./utils/index.js";
+import Provider from "./Provider.js";
+import { CodeDiffViewer, FileHeader } from "./common/index.js";
+export const GitDiffViewer = Provider;
+GitDiffViewer.FileHeader = FileHeader;
+GitDiffViewer.CodeDiffViewer = CodeDiffViewer;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ui/GitDiffViewer/index.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,cAAc,kBAAkB,CAAC;AAEjC,cAAc,kBAAkB,CAAC;AAEjC,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAG/D,MAAM,CAAC,MAAM,aAAa,GAAG,QAAkC,CAAC;AAChE,aAAa,CAAC,UAAU,GAAG,UAAU,CAAC;AACtC,aAAa,CAAC,cAAc,GAAG,cAAc,CAAC"}

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

@@ -0,0 +1,38 @@
+/* GitDiffViewer.css */
+.ds.git-diff-viewer {
+  --git-diff-viewer-code-default-background: #f7f7f7;
+  --git-diff-viewer-code-default-color: #636363;
+  --git-diff-viewer-code-insertion-background: #dff1e2;
+  --git-diff-viewer-code-insertion-color: #8cd297;
+  --git-diff-viewer-code-deletion-background: #f8e8ea;
+  --git-diff-viewer-code-deletion-color: #fba1aa;
+
+  --git-diff-viewer-border-color: rgba(0, 0, 0, 0.2);
+  --git-diff-viewer-border-color-tinted: rgba(0, 0, 0, 0.1);
+
+  --git-diff-viewer-gutter-width: 7.5em;
+  --git-diff-viewer-hunk-header-background: #ffffff;
+  --git-diff-viewer-hunk-header-color: rgba(0, 0, 0, 0.6);
+
+  --git-diff-file-header-horizontal-padding: 1em;
+  --git-diff-file-header-vertical-padding: 0.4em;
+  --git-diff-file-header-background-color: #ebebeb;
+  --git-diff-file-header-items-gap: 0.5em;
+
+  --git-diff-file-header-button-background: transparent;
+  --git-diff-file-header-button-hover-background: rgba(0, 0, 0, 0.1);
+  --git-diff-file-header-button-focus-background: rgba(0, 0, 0, 0.1);
+
+  --git-diff-file-header-insertion-background: rgba(10, 189, 37, 0.1);
+  --git-diff-file-header-insertion-color: var(
+    --git-diff-viewer-code-insertion-color,
+    #8cd297
+  );
+  --git-diff-file-header-deletion-background: rgba(255, 102, 120, 0.1);
+  --git-diff-file-header-deletion-color: var(
+    --git-diff-viewer-code-deletion-color,
+    #fba1aa
+  );
+
+  border: 1px solid var(--git-diff-viewer-border-color);
+}

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

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

package/dist/esm/ui/{Chip → GitDiffViewer}/types.js.map

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

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

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

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

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

package/dist/esm/ui/GitDiffViewer/utils/parseGitDiff.js

@@ -0,0 +1,73 @@
+function parseGitDiff(diffText) {
+    const lines = diffText.split("\n");
+    const files = [];
+    let currentFile = null;
+    let currentHunk = null;
+    // Regular expressions to match file and hunk headers
+    const fileRegex = /^diff --git a\/(.+) b\/(.+)$/;
+    const hunkRegex = /^@@ -(\d+),?(\d*) \+(\d+),?(\d*) @@/;
+    const oldFileRegex = /^--- (.+)$/;
+    const newFileRegex = /^\+\+\+ (.+)$/;
+    for (const line of lines) {
+        const fileMatch = line.match(fileRegex);
+        if (fileMatch) {
+            // New file diff start
+            if (currentFile)
+                files.push(currentFile);
+            currentFile = {
+                oldPath: fileMatch[1],
+                newPath: fileMatch[2],
+                fileChangeState: "none",
+                hunks: [],
+            };
+            currentHunk = null;
+            continue;
+        }
+        if (!currentFile)
+            continue; // Skip lines until first file header
+        const oldFileMatch = line.match(oldFileRegex);
+        const newFileMatch = line.match(newFileRegex);
+        if (oldFileMatch || newFileMatch) {
+            // Determine file change state based on the old/new file indicators
+            if (oldFileMatch?.[0].includes("/dev/null")) {
+                currentFile.fileChangeState = "added"; // File is new
+            }
+            else if (newFileMatch?.[0].includes("/dev/null")) {
+                currentFile.fileChangeState = "deleted"; // File is deleted
+            }
+            else if (currentFile.fileChangeState === "none") {
+                currentFile.fileChangeState = "modified"; // Assume file is modified
+            }
+            continue;
+        }
+        const hunkMatch = line.match(hunkRegex);
+        if (hunkMatch && currentFile) {
+            // New hunk start
+            currentHunk = {
+                header: line,
+                oldStart: Number.parseInt(hunkMatch[1], 10),
+                oldLines: hunkMatch[2] ? Number.parseInt(hunkMatch[2], 10) : 1,
+                newStart: Number.parseInt(hunkMatch[3], 10),
+                newLines: hunkMatch[4] ? Number.parseInt(hunkMatch[4], 10) : 1,
+                lines: [],
+            };
+            currentFile.hunks.push(currentHunk);
+            continue;
+        }
+        if (currentHunk && currentFile) {
+            // Determine line type and content
+            const type = line.startsWith("+")
+                ? "add"
+                : line.startsWith("-")
+                    ? "remove"
+                    : "context";
+            const content = line.slice(1); // Remove the leading +, - or space
+            currentHunk.lines.push({ type, content });
+        }
+    }
+    if (currentFile)
+        files.push(currentFile);
+    return files;
+}
+export default parseGitDiff;
+//# sourceMappingURL=parseGitDiff.js.map

package/dist/esm/ui/GitDiffViewer/utils/parseGitDiff.js.map

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