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

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,25 @@
+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 [addCommentOpenLocations, setAddCommentOpenLocations] = useState(new Set());
+    const toggleAddCommentLocation = useCallback((lineNumber) => {
+        const newSet = new Set(addCommentOpenLocations);
+        if (newSet.has(lineNumber)) {
+            newSet.delete(lineNumber);
+        }
+        else {
+            newSet.add(lineNumber);
+        }
+        setAddCommentOpenLocations(newSet);
+    }, [addCommentOpenLocations]);
+    return (_jsx(Context.Provider, { value: {
+            ...contextOptions,
+            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,uBAAuB,EAAE,0BAA0B,CAAC,GAAG,QAAQ,CAEpE,IAAI,GAAG,EAAE,CAAC,CAAC;IAEb,MAAM,wBAAwB,GAAG,WAAW,CAC1C,CAAC,UAAkB,EAAE,EAAE;QACrB,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,CAAC,CAC1B,CAAC;IAEF,OAAO,CACL,KAAC,OAAO,CAAC,QAAQ,IACf,KAAK,EAAE;YACL,GAAG,cAAc;YACjB,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,74 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, forwardRef, useEffect, useImperativeHandle, useMemo, useRef, } from "react";
+import { useGitDiffViewer } from "../../hooks/index.js";
+import { highlightDiffHunkLines } from "../../utils/index.js";
+import { DiffLine } from "./common/index.js";
+import "./HighlighTheme.css";
+import "./styles.css";
+import * as icons from "./common/icons.js";
+import { AnnotatedDiffLine } from "./common/AnnotatedDiffLine/index.js";
+import { tableWidthCSSVar } from "./constants.js";
+const componentCssClassName = "ds code-diff-viewer";
+/**
+ * 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, onLineClick, className, style, disableWidthCalculation = false, }, ref) => {
+    const { isCollapsed, diff } = useGitDiffViewer();
+    const tableRef = useRef(null);
+    const highlightedLines = useMemo(() => {
+        if (!diff)
+            return [];
+        return diff.hunks.map((hunk) => highlightDiffHunkLines(diff.newPath, hunk.lines));
+    }, [diff]);
+    useImperativeHandle(ref, () => tableRef.current);
+    /**
+     * Observe the table for size changes and update the CSS variable
+     */
+    useEffect(() => {
+        // SSR check
+        if (typeof ResizeObserver === "undefined")
+            return;
+        if (disableWidthCalculation || isCollapsed)
+            return;
+        if (!tableRef.current)
+            return;
+        const resizeObserver = new ResizeObserver(() => {
+            if (!tableRef.current)
+                return;
+            tableRef.current.style.cssText = `${tableWidthCSSVar}: ${tableRef.current.clientWidth}px`;
+        });
+        resizeObserver.observe(tableRef.current);
+        return () => {
+            resizeObserver.disconnect();
+        };
+    }, [disableWidthCalculation, isCollapsed]);
+    if (isCollapsed)
+        return null;
+    return (_jsxs("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), children: [_jsx("div", { className: "diff-hunk", children: _jsx("table", { className: "diff-table", ref: tableRef, tabIndex: -1, children: _jsx("tbody", { 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.positions.old.start;
+                            let newLineCounter = hunk.positions.new.start;
+                            return (_jsxs(Fragment, { children: [_jsx(DiffLine, { type: "hunk", hunkHeader: hunk.header, hunkIndex: hunkIndex }), hunk.lines.map((line, lineIndex) => {
+                                        const newLineNumber = newLineCounter;
+                                        const oldLineNumber = oldLineCounter;
+                                        if (line.type === "remove") {
+                                            oldLineCounter++;
+                                        }
+                                        else if (line.type === "add") {
+                                            newLineCounter++;
+                                        }
+                                        else {
+                                            oldLineCounter++;
+                                            newLineCounter++;
+                                        }
+                                        return (_jsx(AnnotatedDiffLine, { newLineNumber: newLineNumber, oldLineNumber: oldLineNumber, diffLineNumber: hunk.positions.diff.start + lineIndex, content: highlightedLines[hunkIndex][lineIndex], type: line.type, onLineClick: onLineClick, AddComment: AddComment }, `${diff.oldPath}-${hunkIndex}-${lineIndex}`));
+                                    })] }, `${diff.oldPath}-${hunkIndex}`));
+                        }) }) }) }), _jsx("div", { className: "svg-refs", children: icons.CommentIcon })] }));
+};
+CodeDiffViewer.displayName = "GitDiffViewer.CodeDiff";
+export default forwardRef(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":"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"}

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/HighlighTheme.css

@@ -0,0 +1,171 @@
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+
+  color: #000000;
+  background: #f7f7f7;
+  font-family: var(--font-family-mono);
+}
+
+.hljs-comment,
+.hljs-prolog,
+.hljs-doctype,
+.hljs-cdata {
+  color: #8b949e;
+}
+
+.hljs-punctuation {
+  color: #000000;
+}
+
+.hljs-namespace {
+  opacity: 0.7;
+}
+
+.hljs-property,
+.hljs-tag,
+.hljs-boolean,
+.hljs-number,
+.hljs-constant,
+.hljs-symbol,
+.hljs-deleted {
+  color: #77216f;
+}
+
+.hljs-selector,
+.hljs-attr-name,
+.hljs-string,
+.hljs-char,
+.hljs-builtin,
+.hljs-inserted {
+  color: #0e811f;
+}
+
+.hljs-operator,
+.hljs-entity,
+.hljs-url,
+.language-css .hljs-string,
+.style .hljs-string {
+  color: #a86500;
+}
+
+.hljs-atrule,
+.hljs-attr-value,
+.hljs-keyword {
+  color: #06c;
+}
+
+.hljs-function,
+.hljs-class-name {
+  color: #c7162b;
+}
+
+.hljs-regexp,
+.hljs-important,
+.hljs-variable {
+  color: #dc3023;
+}
+
+.hljs-important,
+.hljs-bold {
+  font-weight: bold;
+}
+
+.hljs-italic {
+  font-style: italic;
+}
+
+.hljs-entity {
+  cursor: help;
+}
+
+.hljs-attr,
+.hljs-attribute,
+.hljs-meta,
+.hljs-selector-attr,
+.hljs-selector-class,
+.hljs-selector-id {
+  color: #77216f;
+}
+
+.hljs-variable,
+.hljs-literal,
+.hljs-number,
+.hljs-doctag {
+  color: #77216f;
+}
+
+.hljs-params {
+  color: #000000;
+}
+
+.hljs-class,
+.hljs-tag,
+.hljs-title,
+.hljs-built_in {
+  color: #0e811f;
+}
+
+.hljs-keyword,
+.hljs-type,
+.hljs-builtin-name,
+.hljs-meta-keyword,
+.hljs-template-tag,
+.hljs-template-variable {
+  color: #06c;
+}
+
+.hljs-string,
+.hljs-undefined {
+  color: #0e811f;
+}
+
+.hljs-regexp {
+  color: #dc3023;
+}
+
+.hljs-symbol {
+  color: #77216f;
+}
+
+.hljs-bullet {
+  color: #a86500;
+}
+
+.hljs-section {
+  color: #77216f;
+  font-weight: bold;
+}
+
+.hljs-quote,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-selector-pseudo {
+  color: #0e811f;
+}
+
+.hljs-emphasis {
+  color: #06c;
+  font-style: italic;
+}
+
+.hljs-strong {
+  color: #06c;
+  font-weight: bold;
+}
+
+.hljs-deletion {
+  color: #dc3023;
+  background-color: #490202;
+}
+
+.hljs-addition {
+  color: #0e811f;
+  background-color: #04260f;
+}
+
+.hljs-link {
+  color: #a86500;
+  font-style: underline;
+}

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { useGitDiffViewer } from "../../../../hooks/index.js";
+import DiffLine from "../DiffLine/DiffLine.js";
+import "./styles.css";
+const componentCssClassName = "ds annotated-diff-line";
+/**
+ * A component that displays a diff line content, line decorations and AddComment component.
+ * @returns {React.ReactElement} - Rendered AnnotatedDiffLine
+ */
+const AnnotatedDiffLine = ({ newLineNumber, oldLineNumber, diffLineNumber, AddComment, onLineClick, type, ...rest }) => {
+    const { addCommentOpenLocations, toggleAddCommentLocation, lineDecorations } = useGitDiffViewer();
+    const diffLineIsInteractive = Boolean(onLineClick || AddComment);
+    const hunkLineNumber = useMemo(() => {
+        return type === "add" ? newLineNumber : oldLineNumber;
+    }, [type, newLineNumber, oldLineNumber]);
+    const handleLineClick = useCallback(() => {
+        if (diffLineIsInteractive) {
+            onLineClick?.({
+                hunkLineNumber,
+                diffLineNumber,
+            });
+            toggleAddCommentLocation(diffLineNumber);
+        }
+    }, [
+        onLineClick,
+        diffLineNumber,
+        hunkLineNumber,
+        toggleAddCommentLocation,
+        diffLineIsInteractive,
+    ]);
+    const handleCloseComment = useCallback(() => {
+        toggleAddCommentLocation(diffLineNumber);
+    }, [toggleAddCommentLocation, diffLineNumber]);
+    return (_jsxs(_Fragment, { children: [_jsx(DiffLine, { ...rest, type: type, addLineNumber: newLineNumber, removeLineNumber: oldLineNumber, onLineClick: diffLineIsInteractive ? handleLineClick : undefined }), lineDecorations?.[diffLineNumber] && (_jsx("tr", { className: componentCssClassName, children: _jsx("td", { className: "container", children: lineDecorations[diffLineNumber] }) })), AddComment && addCommentOpenLocations.has(diffLineNumber) && (_jsx("tr", { className: componentCssClassName, children: _jsx("td", { className: "container", children: _jsx(AddComment, { hunkLineNumber: hunkLineNumber, diffLineNumber: diffLineNumber, onClose: handleCloseComment }) }) }))] }));
+};
+export default AnnotatedDiffLine;
+//# sourceMappingURL=AnnotatedDiffLine.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnnotatedDiffLine.js","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/AnnotatedDiffLine/AnnotatedDiffLine.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAC/C,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAEvD;;;GAGG;AACH,MAAM,iBAAiB,GAAG,CAAC,EACzB,aAAa,EACb,aAAa,EACb,cAAc,EACd,UAAU,EACV,WAAW,EACX,IAAI,EACJ,GAAG,IAAI,EACgB,EAAsB,EAAE;IAC/C,MAAM,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,eAAe,EAAE,GAC1E,gBAAgB,EAAE,CAAC;IAErB,MAAM,qBAAqB,GAAG,OAAO,CAAC,WAAW,IAAI,UAAU,CAAC,CAAC;IAEjE,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC;IACxD,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEzC,MAAM,eAAe,GAAG,WAAW,CAAC,GAAG,EAAE;QACvC,IAAI,qBAAqB,EAAE,CAAC;YAC1B,WAAW,EAAE,CAAC;gBACZ,cAAc;gBACd,cAAc;aACf,CAAC,CAAC;YACH,wBAAwB,CAAC,cAAc,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE;QACD,WAAW;QACX,cAAc;QACd,cAAc;QACd,wBAAwB;QACxB,qBAAqB;KACtB,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,wBAAwB,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,wBAAwB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE/C,OAAO,CACL,8BACE,KAAC,QAAQ,OACH,IAAI,EACR,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,aAAa,EAC/B,WAAW,EAAE,qBAAqB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,GAChE,EACD,eAAe,EAAE,CAAC,cAAc,CAAC,IAAI,CACpC,aAAI,SAAS,EAAE,qBAAqB,YAClC,aAAI,SAAS,EAAC,WAAW,YAAE,eAAe,CAAC,cAAc,CAAC,GAAM,GAC7D,CACN,EAEA,UAAU,IAAI,uBAAuB,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,CAC5D,aAAI,SAAS,EAAE,qBAAqB,YAClC,aAAI,SAAS,EAAC,WAAW,YACvB,KAAC,UAAU,IACT,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,kBAAkB,GAC3B,GACC,GACF,CACN,IACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/AnnotatedDiffLine/index.ts"],"names":[],"mappings":"AAAA,mDAAmD;AACnD,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AACtE,cAAc,YAAY,CAAC"}

package/dist/esm/ui/GitDiffViewer/common/CodeDiffViewer/common/AnnotatedDiffLine/styles.css

@@ -0,0 +1,15 @@
+/* @canonical/generator-ds 0.9.0-experimental.12 */
+
+.ds.annotated-diff-line {
+  display: flex;
+  position: sticky;
+  left: 0;
+  width: var(--table-width);
+  .container {
+    width: 100%;
+    border: 1px solid var(--git-diff-viewer-border-color-tinted);
+    border-width: 1px 0;
+    border-radius: 1px;
+    padding: 0;
+  }
+}

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

@@ -0,0 +1,3 @@
+/* @canonical/generator-ds 0.9.0-experimental.12 */
+export {};
+//# sourceMappingURL=types.js.map

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

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

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

@@ -0,0 +1,36 @@
+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";
+const firstHunkLineCssClassName = "is-first-hunk";
+/**
+ * Displays a single line of a diff as a table row with line numbers.
+ *
+ * @returns {React.ReactElement} - Rendered DiffLine
+ */
+const DiffLine = ({ id, className, style, onLineClick, ...props }) => {
+    const { wrapLines } = useGitDiffViewer();
+    const typeClass = `diff-line-${props.type}`;
+    const isInteractive = Boolean(onLineClick);
+    return (_jsxs("tr", { id: id, style: style, className: [
+            componentCssClassName,
+            typeClass,
+            isInteractive && "interactive",
+            className,
+            props.type === "hunk" &&
+                props.hunkIndex === 0 &&
+                firstHunkLineCssClassName,
+        ]
+            .filter(Boolean)
+            .join(" "), children: [_jsx("td", { className: `diff-gutter ${wrapLines ? "wrap" : ""} ${props.type}`, tabIndex: isInteractive && props.type !== "hunk" ? 0 : undefined, onClick: onLineClick, onKeyUp: (e) => {
+                    if (e.key === "Enter") {
+                        onLineClick?.();
+                    }
+                }, onKeyDown: undefined, children: props.type === "hunk" ? ("\u00A0") : (_jsxs("div", { className: "diff-line-numbers", children: [isInteractive && (_jsx("span", { className: "comment-icon", children: _jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("use", { href: "#comment-icon" }), _jsx("title", { children: "Comment" })] }) })), _jsx("span", { className: "line-num", children: props.type === "add" ? "+" : props.removeLineNumber }), _jsx("span", { className: "line-num", children: props.type === "remove" ? "-" : props.addLineNumber })] })) }), _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":";AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAC9D,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,cAAc,CAAC;AAC7C,MAAM,yBAAyB,GAAG,eAAe,CAAC;AAElD;;;;GAIG;AACH,MAAM,QAAQ,GAAG,CAAC,EAChB,EAAE,EACF,SAAS,EACT,KAAK,EACL,WAAW,EACX,GAAG,KAAK,EACM,EAAsB,EAAE;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACzC,MAAM,SAAS,GAAG,aAAa,KAAK,CAAC,IAAI,EAAE,CAAC;IAC5C,MAAM,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC;IAE3C,OAAO,CACL,cACE,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE;YACT,qBAAqB;YACrB,SAAS;YACT,aAAa,IAAI,aAAa;YAC9B,SAAS;YACT,KAAK,CAAC,IAAI,KAAK,MAAM;gBACnB,KAAK,CAAC,SAAS,KAAK,CAAC;gBACrB,yBAAyB;SAC5B;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,aAAa,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChE,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACtB,WAAW,EAAE,EAAE,CAAC;oBAClB,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,aAC/B,aAAa,IAAI,CAChB,eAAM,SAAS,EAAC,cAAc,YAC5B,eACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,aAElC,cAAK,IAAI,EAAC,eAAe,GAAG,EAC5B,sCAAsB,IAClB,GACD,CACR,EACD,eAAM,SAAS,EAAC,UAAU,YACvB,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,GAC/C,EACP,eAAM,SAAS,EAAC,UAAU,YACvB,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,aAAa,GAC/C,IACH,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/styles.css

@@ -0,0 +1,118 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+
+.ds.diff-line {
+  display: flex;
+  font-family: var(--font-family-mono);
+  min-width: var(--table-width);
+  color: var(--git-diff-viewer-code-default-color);
+
+  &.diff-line-add {
+    background-color: var(--git-diff-viewer-code-insertion-background);
+
+    td.diff-gutter {
+      background-color: var(--git-diff-viewer-code-insertion-background);
+    }
+  }
+
+  &.diff-line-context {
+    background-color: var(--git-diff-viewer-code-default-background);
+
+    td.diff-gutter {
+      background-color: var(--git-diff-viewer-code-default-background);
+    }
+  }
+
+  &.diff-line-remove {
+    background-color: var(--git-diff-viewer-code-deletion-background);
+
+    td.diff-gutter {
+      background-color: var(--git-diff-viewer-code-deletion-background);
+    }
+  }
+
+  &.diff-line-hunk {
+    background-color: var(--git-diff-viewer-hunk-header-background);
+    color: var(--git-diff-viewer-hunk-header-color);
+    user-select: none;
+    border-color: var(--git-diff-viewer-border-color-tinted);
+    border-style: solid;
+    border-width: 1px 0;
+
+    &.is-first-hunk {
+      border-top-width: 0px;
+    }
+
+    td.diff-gutter {
+      background-color: var(--git-diff-viewer-hunk-header-background);
+      border-color: var(--git-diff-viewer-border-color-tinted);
+    }
+  }
+
+  td.diff-gutter {
+    min-width: var(--git-diff-viewer-gutter-width);
+    max-width: var(--git-diff-viewer-gutter-width);
+    padding: 0;
+    text-align: right;
+    border-right: 1px solid var(--git-diff-viewer-border-color-tinted);
+    user-select: none;
+    vertical-align: top;
+
+    &:not(.wrap) {
+      position: sticky;
+      left: 0;
+    }
+
+    .diff-line-numbers {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 0px;
+    }
+    .line-num {
+      display: inline-block;
+      width: calc(var(--git-diff-viewer-gutter-width) / 2 - 4px);
+      text-align: center;
+      color: var(--git-diff-viewer-code-line-number-default-color);
+    }
+  }
+
+  td.diff-content {
+    /* padding: 0 0 0 calc(var(--git-diff-viewer-gutter-width) + 4px); */
+    padding: 0 0 0 4px;
+
+    &.wrap {
+      pre {
+        text-wrap: wrap;
+      }
+    }
+
+    pre {
+      margin: 0;
+      padding: 0 8px;
+      font-family: var(--font-family-mono);
+    }
+  }
+
+  &.interactive {
+    --icon-opacity: 0;
+
+    &:not(.diff-line-hunk) {
+      .diff-gutter {
+        cursor: pointer;
+        .comment-icon {
+          opacity: var(--icon-opacity);
+          padding: 0 4px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+        }
+      }
+
+      &:hover,
+      &:focus-within {
+        filter: brightness(0.9);
+        --icon-opacity: 1;
+      }
+    }
+  }
+}

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/icons.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const CommentIcon = (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: 16, height: 16, fill: "none", id: "comment-icon", children: [_jsx("path", { fill: "currentColor", d: "M12 2a3 3 0 0 1 3 3v5a3.002 3.002 0 0 1-2 2.829V16l-4.5-3H4a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h8Zm0 1.5H4a1.5 1.5 0 0 0-1.493 1.356L2.5 5v5a1.5 1.5 0 0 0 1.356 1.493L4 11.5h4.954l2.546 1.696.001-1.428 1-.353c.548-.194.935-.69.992-1.269L13.5 10V5a1.5 1.5 0 0 0-1.356-1.493L12 3.5ZM7.976 8.25v1.5H4.994v-1.5h2.982Zm3.005-3v1.5H4.994v-1.5h5.987Z" }), _jsx("title", { children: "Comment" })] }));
+//# sourceMappingURL=icons.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/common/icons.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,eACE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,cAAc,aAEjB,eACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,mVAAmV,GACrV,EACF,sCAAsB,IAClB,CACP,CAAC"}

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/constants.js

@@ -0,0 +1,2 @@
+export const tableWidthCSSVar = "--table-width";
+//# sourceMappingURL=constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../../src/ui/GitDiffViewer/common/CodeDiffViewer/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,eAAe,CAAC"}

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

@@ -0,0 +1,5 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+export { default as CodeDiffViewer } from "./CodeDiffViewer.js";
+export * from "./constants.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,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC"}

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

@@ -0,0 +1,27 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+
+.ds.code-diff-viewer {
+  font-size: 13px;
+
+  .diff-table {
+    /* updated dynamically on window resize */
+    --table-width: 300px;
+
+    table-layout: auto;
+    border-collapse: separate;
+    border-spacing: 1px 0;
+    display: block;
+    overflow: auto;
+    outline: none;
+
+    tr {
+      /* remove outer spacing from the sides of the table */
+      margin-left: -1px;
+      margin-right: -1px;
+    }
+  }
+
+  > .svg-refs {
+    display: none;
+  }
+}

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