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

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useGitDiffViewer } from "../../hooks/index.js";
+import "./styles.css";
+import { DiffChangeMarker } from "../../../index.js";
+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" ? (_jsx(DiffChangeMarker, { additions: changesCount.additions, deletions: changesCount.deletions, markerStyle: "detailed" })) : (diff.fileChangeState !== "none" && (_jsx(DiffChangeMarker, { type: diff.fileChangeState, markerStyle: "detailed" }))) })), 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/styles.css

@@ -0,0 +1,56 @@
+/* @canonical/generator-canonical-ds 0.0.1 */
+
+.ds.file-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--git-diff-file-header-items-gap);
+  background-color: var(--git-diff-file-header-background-color);
+  padding: var(--git-diff-file-header-vertical-padding)
+    var(--git-diff-file-header-horizontal-padding);
+
+  &:not(:has(.left-content > .collapse-button.collapsed)) {
+    border-bottom: 1px solid var(--git-diff-viewer-border-color-tinted);
+  }
+
+  & > .left-content,
+  & > .right-content {
+    display: flex;
+    align-items: center;
+    gap: var(--git-diff-file-header-items-gap);
+  }
+
+  & > .left-content {
+    & > .file-name {
+      font-weight: 550;
+    }
+
+    & > .collapse-button {
+      border: none;
+      background-color: var(--git-diff-file-header-button-background);
+      cursor: pointer;
+      padding: 4px;
+      margin: 0;
+      display: flex;
+      align-items: center;
+      border-radius: 1px;
+
+      &:hover {
+        background-color: var(--git-diff-file-header-button-hover-background);
+      }
+      &:focus {
+        background-color: var(--git-diff-file-header-button-focus-background);
+      }
+
+      > svg {
+        transform: rotate(90deg);
+        transition: transform 0.15s ease-out;
+      }
+      &.collapsed {
+        > svg {
+          transform: rotate(0deg);
+        }
+      }
+    }
+  }
+}

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,26 @@
+/* GitDiffViewer.css */
+.ds.git-diff-viewer {
+  --git-diff-viewer-code-default-background: #f7f7f7;
+  --git-diff-viewer-code-default-color: #000000;
+  --git-diff-viewer-code-line-number-default-color: #707070;
+  --git-diff-viewer-code-insertion-background: #dff1e2;
+  --git-diff-viewer-code-deletion-background: #f8e8ea;
+
+  --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);
+
+  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/GitDiffViewer/types.js.map

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

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

@@ -0,0 +1,38 @@
+import hljs from "highlight.js";
+function highlight(code) {
+    return hljs.highlightAuto(code).value;
+}
+function highlightDiffHunkLines(hunkLines) {
+    const hunkContentAddedVersion = hunkLines
+        .filter((line) => line.type === "add" || line.type === "context")
+        .map((line) => line.content)
+        .join("\n");
+    const hunkContentDeletedVersion = hunkLines
+        .filter((line) => line.type === "remove" || line.type === "context")
+        .map((line) => line.content)
+        .join("\n");
+    const highlightedHunkAddedVersion = highlight(hunkContentAddedVersion).split("\n");
+    const highlightedHunkDeletedVersion = highlight(hunkContentDeletedVersion).split("\n");
+    const highlightedLines = [];
+    let addedOffset = 0;
+    let removedOffset = 0;
+    for (let i = 0; i < hunkLines.length; i++) {
+        const line = hunkLines[i];
+        switch (line.type) {
+            case "context":
+                highlightedLines.push(highlightedHunkDeletedVersion[i - addedOffset]);
+                break;
+            case "remove":
+                highlightedLines.push(highlightedHunkDeletedVersion[i - addedOffset]);
+                removedOffset++;
+                break;
+            case "add":
+                highlightedLines.push(highlightedHunkAddedVersion[i - removedOffset]);
+                addedOffset++;
+                break;
+        }
+    }
+    return highlightedLines;
+}
+export default highlightDiffHunkLines;
+//# sourceMappingURL=highlightDiffHunkLines.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"highlightDiffHunkLines.js","sourceRoot":"","sources":["../../../../../src/ui/GitDiffViewer/utils/highlightDiffHunkLines.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,cAAc,CAAC;AAGhC,SAAS,SAAS,CAAC,IAAY;IAC7B,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;AACxC,CAAC;AAED,SAAS,sBAAsB,CAAC,SAAwB;IACtD,MAAM,uBAAuB,GAAG,SAAS;SACtC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;SAChE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;SAC3B,IAAI,CAAC,IAAI,CAAC,CAAC;IACd,MAAM,yBAAyB,GAAG,SAAS;SACxC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC;SACnE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC;SAC3B,IAAI,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,2BAA2B,GAAG,SAAS,CAAC,uBAAuB,CAAC,CAAC,KAAK,CAC1E,IAAI,CACL,CAAC;IACF,MAAM,6BAA6B,GAAG,SAAS,CAC7C,yBAAyB,CAC1B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEd,MAAM,gBAAgB,GAAa,EAAE,CAAC;IACtC,IAAI,WAAW,GAAG,CAAC,CAAC;IACpB,IAAI,aAAa,GAAG,CAAC,CAAC;IACtB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC;QAC1C,MAAM,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;QAC1B,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,SAAS;gBACZ,gBAAgB,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC;gBACtE,MAAM;YACR,KAAK,QAAQ;gBACX,gBAAgB,CAAC,IAAI,CAAC,6BAA6B,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC;gBACtE,aAAa,EAAE,CAAC;gBAChB,MAAM;YACR,KAAK,KAAK;gBACR,gBAAgB,CAAC,IAAI,CAAC,2BAA2B,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC;gBACtE,WAAW,EAAE,CAAC;gBACd,MAAM;QACV,CAAC;IACH,CAAC;IAED,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED,eAAe,sBAAsB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { default as parseGitDiff } from "./parseGitDiff.js";
+export { default as highlightDiffHunkLines } from "./highlightDiffHunkLines.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;AAC5D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,6BAA6B,CAAC"}

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

@@ -0,0 +1,96 @@
+function parseGitDiff(diffText) {
+    const lines = diffText.split("\n");
+    const files = [];
+    let currentFile = null;
+    let currentHunk = null;
+    let currentDiffStart = 0;
+    // 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) {
+        currentDiffStart++;
+        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) {
+            const hunkPositions = [
+                Number.parseInt(hunkMatch[1]),
+                hunkMatch[2] ? Number.parseInt(hunkMatch[2]) : 1,
+                Number.parseInt(hunkMatch[3]),
+                hunkMatch[4] ? Number.parseInt(hunkMatch[4]) : 1,
+            ];
+            const oldPos = {
+                start: hunkPositions[0],
+                end: hunkPositions[0] + hunkPositions[1],
+            };
+            const newPos = {
+                start: hunkPositions[2],
+                end: hunkPositions[2] + hunkPositions[3],
+            };
+            const diffPos = {
+                // +1 because the first line is the hunk header
+                start: currentDiffStart + 1,
+                end: currentDiffStart + 1,
+            };
+            // New hunk start
+            currentHunk = {
+                header: line,
+                positions: {
+                    old: oldPos,
+                    new: newPos,
+                    diff: diffPos,
+                },
+                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 });
+            currentHunk.positions.diff.end++;
+        }
+    }
+    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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"}

package/dist/esm/ui/MarkdownEditor/MarkdownEditor.js

@@ -0,0 +1,75 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import hljs from "highlight.js";
+import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from "react";
+import ReactMarkdown from "react-markdown";
+import rehypeSanitize from "rehype-sanitize";
+import remarkGfm from "remark-gfm";
+import "../GitDiffViewer/common/CodeDiffViewer/HighlighTheme.css";
+import { Toolbar, ViewModeTabs, icons, } from "./common/index.js";
+import { useEditor } from "./hooks/index.js";
+import "./styles.css";
+("react-markdown");
+const componentCssClassName = "ds markdown-editor";
+const borderCssClassName = "bordered";
+/**
+ * A dual-mode Markdown editor for writing and previewing Markdown content.
+ */
+const MarkdownEditor = forwardRef(({ id, className, style, textareaStyle, previewStyle, defaultValue, placeholder, hideToolbar = false, hidePreview = false, previewSwitchMode = "tab", borderless = false, editMode: controlledEditMode, onEditModeChange: controlledOnEditModeChange, emptyInputMessage = "No content", toolbarBarLabelMessage = "Markdown Editor", ToolbarTextFormattingGroupLabelMessage = "Text Formatting", ToolbarToolsGroupLabelMessage = "Tools", ToolbarTitleButtonLabelMessage = "Title", ToolbarBoldButtonLabelMessage = "Bold", ToolbarItalicButtonLabelMessage = "Italic", ToolbarQuoteButtonLabelMessage = "Quote", ToolbarCodeButtonLabelMessage = "Code", ToolbarLinkButtonLabelMessage = "Link", ToolbarUnorderedListButtonLabelMessage = "Unordered List", ToolbarOrderedListButtonLabelMessage = "Ordered List", ...textareaProps }, ref) => {
+    const textareaRef = useRef(null);
+    const previewRef = useRef(null);
+    const [internalEditMode, setInternalEditMode] = useState("write");
+    const [shouldFocusTextarea, setShouldFocusTextarea] = useState(false);
+    const { toolbar } = useEditor(textareaRef);
+    const editMode = useMemo(() => {
+        return controlledEditMode ?? internalEditMode;
+    }, [controlledEditMode, internalEditMode]);
+    const handleEditModeChange = useCallback((newEditMode, eventType) => {
+        if (controlledOnEditModeChange) {
+            controlledOnEditModeChange(newEditMode);
+        }
+        else {
+            setInternalEditMode(newEditMode);
+        }
+        // Set flag to focus textarea when switching to write mode after click
+        if (eventType === "click" && newEditMode === "write") {
+            setShouldFocusTextarea(true);
+        }
+    }, [controlledOnEditModeChange]);
+    useImperativeHandle(ref, () => textareaRef.current);
+    // Focus textarea when edit mode changes to "write"
+    useEffect(() => {
+        if (editMode === "write" && shouldFocusTextarea) {
+            // Use a small timeout to ensure DOM has updated
+            const focusTimeout = setTimeout(() => {
+                if (textareaRef.current) {
+                    textareaRef.current.focus();
+                }
+                setShouldFocusTextarea(false);
+            }, 10);
+            return () => clearTimeout(focusTimeout);
+        }
+    }, [editMode, shouldFocusTextarea]);
+    useEffect(() => {
+        if (previewRef.current && editMode === "preview") {
+            for (const codeBlock of Array.from(previewRef.current.querySelectorAll("pre code"))) {
+                if (!codeBlock.dataset.highlighted) {
+                    hljs.highlightElement(codeBlock);
+                }
+            }
+        }
+    }, [editMode]);
+    return (_jsxs("div", { id: id, style: style, className: [
+            componentCssClassName,
+            className,
+            !borderless && borderCssClassName,
+        ]
+            .filter(Boolean)
+            .join(" "), children: [_jsxs("div", { className: "top-bar", children: [!hidePreview && previewSwitchMode === "tab" && (_jsx(ViewModeTabs, { editMode: editMode, onEditModeChange: handleEditModeChange })), !hideToolbar && toolbar && (_jsxs(Toolbar, { label: toolbarBarLabelMessage, children: [_jsxs(Toolbar.Group, { label: ToolbarTextFormattingGroupLabelMessage, children: [_jsx(Toolbar.Button, { label: ToolbarTitleButtonLabelMessage, onClick: toolbar.title.handler, shortcut: toolbar.title.shortcut, children: icons.ToolbarTitle }), _jsx(Toolbar.Button, { label: ToolbarBoldButtonLabelMessage, onClick: toolbar.bold.handler, shortcut: toolbar.bold.shortcut, children: icons.ToolbarBold }), _jsx(Toolbar.Button, { label: ToolbarItalicButtonLabelMessage, onClick: toolbar.italic.handler, shortcut: toolbar.italic.shortcut, children: icons.ToolbarItalic })] }), _jsx(Toolbar.Separator, {}), _jsxs(Toolbar.Group, { label: ToolbarToolsGroupLabelMessage, children: [_jsx(Toolbar.Button, { label: ToolbarQuoteButtonLabelMessage, onClick: toolbar.quote.handler, shortcut: toolbar.quote.shortcut, children: icons.ToolbarQuote }), _jsx(Toolbar.Button, { label: ToolbarCodeButtonLabelMessage, onClick: toolbar.code.handler, shortcut: toolbar.code.shortcut, children: icons.ToolbarCode }), _jsx(Toolbar.Button, { label: ToolbarLinkButtonLabelMessage, onClick: toolbar.link.handler, shortcut: toolbar.link.shortcut, children: icons.ToolbarLink }), _jsx(Toolbar.Button, { label: ToolbarUnorderedListButtonLabelMessage, onClick: toolbar.uList.handler, shortcut: toolbar.uList.shortcut, children: icons.ToolbarUnorderedList }), _jsx(Toolbar.Button, { label: ToolbarOrderedListButtonLabelMessage, onClick: toolbar.oList.handler, shortcut: toolbar.oList.shortcut, children: icons.ToolbarOrderedList })] })] })), !hidePreview && previewSwitchMode === "checkbox" && (_jsxs("div", { className: "preview-switch", children: [_jsx("input", { type: "checkbox", id: `${id}-preview-switch`, checked: editMode === "preview", onChange: (e) => {
+                                    handleEditModeChange(e.target.checked ? "preview" : "write", "click");
+                                } }), _jsx("label", { htmlFor: `${id}-preview-switch`, children: "Preview" })] }))] }), _jsx("textarea", { defaultValue: defaultValue, placeholder: placeholder, className: "editor-content", ref: textareaRef, hidden: editMode !== "write", style: textareaStyle, ...textareaProps }), editMode === "preview" && (_jsx("div", { className: "editor-content", style: previewStyle, ref: previewRef, children: _jsx(ReactMarkdown, { rehypePlugins: [rehypeSanitize], remarkPlugins: [remarkGfm], components: {
+                        h1: ({ children }) => _jsx("h3", { children: children }),
+                        h2: ({ children }) => _jsx("h3", { children: children }),
+                    }, children: textareaRef.current?.value || defaultValue || emptyInputMessage }) }))] }));
+});
+export default MarkdownEditor;
+//# sourceMappingURL=MarkdownEditor.js.map

package/dist/esm/ui/MarkdownEditor/MarkdownEditor.js.map

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/Toolbar.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { ToolbarButton, ToolbarGroup, ToolbarSeparator, } from "./common/index.js";
+import "./styles.css";
+const componentCssClassName = "ds toolbar";
+/**
+ * A horizontal container that groups related controls in a toolbar.
+ */
+const Toolbar = (({ id, children, className, style, label }) => {
+    const toolbarRef = useRef(null);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: We want to reapply tabindex when children change
+    useEffect(() => {
+        if (!toolbarRef.current)
+            return;
+        const buttons = Array.from(toolbarRef.current.querySelectorAll("button"));
+        for (const button of buttons) {
+            button.setAttribute("tabindex", "-1");
+        }
+        const firstNode = buttons[0];
+        if (firstNode)
+            firstNode.setAttribute("tabindex", "0");
+    }, [children]);
+    const handleKeyDown = (event) => {
+        if (!toolbarRef.current)
+            return;
+        const target = event.target;
+        if (target.tagName !== "BUTTON")
+            return;
+        if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
+            event.preventDefault();
+            const buttons = Array.from(toolbarRef.current.querySelectorAll("button") ?? []);
+            const direction = event.key === "ArrowLeft" ? -1 : 1;
+            const currentIndex = buttons.indexOf(target);
+            let nextIndex = currentIndex + direction;
+            if (nextIndex < 0)
+                nextIndex = buttons.length - 1;
+            if (nextIndex >= buttons.length)
+                nextIndex = 0;
+            const currentButton = buttons[currentIndex];
+            const nextButton = buttons[nextIndex];
+            currentButton.setAttribute("tabindex", "-1");
+            nextButton.setAttribute("tabindex", "0");
+            nextButton.focus();
+        }
+    };
+    return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), "aria-label": label, role: "toolbar", "aria-orientation": "horizontal", ref: toolbarRef, onKeyDown: handleKeyDown, children: children }));
+});
+Toolbar.Group = ToolbarGroup;
+Toolbar.Button = ToolbarButton;
+Toolbar.Separator = ToolbarSeparator;
+export default Toolbar;
+//# sourceMappingURL=Toolbar.js.map

package/dist/esm/ui/MarkdownEditor/common/Toolbar/Toolbar.js.map

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/Button.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from "react";
+import { Tooltip } from "react-tooltip";
+import "./styles.css";
+const componentCssClassName = "ds toolbar-button";
+/**
+ * An accessible button with tooltip support designed for use in toolbars.
+ */
+const ToolbarButton = ({ children, className, style, label, shortcut, ...buttonProps }) => {
+    const id = useId();
+    const tooltipMessage = shortcut ? `${label} (${shortcut})` : label;
+    const tooltipId = `${id}-tooltip`;
+    return (_jsxs(_Fragment, { children: [_jsx("button", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), "aria-label": label, type: "button", "data-tooltip-id": tooltipId, "data-tooltip-content": tooltipMessage, "data-tooltip-place": "bottom", ...buttonProps, children: children }), _jsx(Tooltip, { id: tooltipId, style: {
+                    padding: "5px 10px",
+                    fontSize: "0.75em",
+                } })] }));
+};
+export default ToolbarButton;
+//# sourceMappingURL=Button.js.map

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Button/Button.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,cAAc,CAAC;AAGtB,MAAM,qBAAqB,GAAG,mBAAmB,CAAC;AAElD;;GAEG;AACH,MAAM,aAAa,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,GAAG,WAAW,EACK,EAAsB,EAAE;IAC3C,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IAEnB,MAAM,cAAc,GAAG,QAAQ,CAAC,CAAC,CAAC,GAAG,KAAK,KAAK,QAAQ,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IACnE,MAAM,SAAS,GAAG,GAAG,EAAE,UAAU,CAAC;IAElC,OAAO,CACL,8BACE,iBACE,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,gBAC3D,KAAK,EACjB,IAAI,EAAC,QAAQ,qBACI,SAAS,0BACJ,cAAc,wBACjB,QAAQ,KACvB,WAAW,YAEd,QAAQ,GACF,EACT,KAAC,OAAO,IACN,EAAE,EAAE,SAAS,EACb,KAAK,EAAE;oBACL,OAAO,EAAE,UAAU;oBACnB,QAAQ,EAAE,QAAQ;iBACnB,GACD,IACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/index.js

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/index.js.map

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/styles.css

@@ -0,0 +1,17 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+
+.ds.toolbar-button {
+  height: var(--markdown-editor-toolbar-button-size);
+  width: var(--markdown-editor-toolbar-button-size);
+  border: none;
+  background: none;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover,
+  &:focus {
+    background-color: var(--markdown-editor-toolbar-hover-background-color);
+  }
+}

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/types.js

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Button/types.js.map

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/Group.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "./styles.css";
+const componentCssClassName = "ds toolbar-group";
+/**
+ * A container for grouping related controls within a toolbar.
+ */
+const ToolbarGroup = ({ id, children, className, style, label, }) => {
+    return (_jsx("div", { id: id, style: style, className: [componentCssClassName, className].filter(Boolean).join(" "), "aria-label": label, 
+        // biome-ignore lint/a11y/useSemanticElements: This element is a group of controls
+        role: "group", children: children }));
+};
+export default ToolbarGroup;
+//# sourceMappingURL=Group.js.map

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../../../../../../src/ui/MarkdownEditor/common/Toolbar/common/Group/Group.tsx"],"names":[],"mappings":";AAGA,OAAO,cAAc,CAAC;AAEtB,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAEjD;;GAEG;AACH,MAAM,YAAY,GAAG,CAAC,EACpB,EAAE,EACF,QAAQ,EACR,SAAS,EACT,KAAK,EACL,KAAK,GACa,EAAsB,EAAE;IAC1C,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,gBAC3D,KAAK;QACjB,kFAAkF;QAClF,IAAI,EAAC,OAAO,YAEX,QAAQ,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/index.js

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/index.js.map

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/styles.css

@@ -0,0 +1,7 @@
+/* @canonical/generator-ds 0.9.0-experimental.4 */
+
+.ds.toolbar-group {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--markdown-editor-toolbar-buttons-gap);
+}

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/types.js

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

package/dist/esm/ui/MarkdownEditor/common/Toolbar/common/Group/types.js.map

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