blixify-ui-web 1.2.179 → 1.2.181

package/lib/components/input/markdown/tableMarkdown.js

@@ -0,0 +1,182 @@
+"use strict";
+/**
+ * How a table is written into the stored markdown.
+ *
+ * INFO: a GFM pipe table can only hold one line of inline text per cell. A
+ * table pasted from Notion carries lists, several lines and line breaks in its
+ * cells, and the old rule flattened all of that with textContent — the table
+ * looked right until the page was reopened. Worse, a table with no header row
+ * was written without the `| --- |` line, so markdown-it read it back as plain
+ * `| a | b |` text.
+ *
+ * So the table is written two ways:
+ * - simple (header row of th, body of td, one line of inline text per cell, no
+ *   merged cells) stays a pipe table — every table written before this keeps
+ *   serialising the same way
+ * - anything else is written as one line of html. markdown-it runs with
+ *   html:true and the editor's table cells accept block content, so it reads
+ *   back exactly as it was saved
+ */
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.handleTableToMarkdown = exports.handleRenderRowMarker = exports.handleRenderCellMarker = exports.handleIsSimpleTable = exports.handleGetRowCells = exports.handleGetTableRows = void 0;
+var handleChildElements = function (node) {
+    return Array.from(node.childNodes).filter(function (child) { return child.nodeType === 1; });
+};
+var handleIsTag = function (node) {
+    var tags = [];
+    for (var _i = 1; _i < arguments.length; _i++) {
+        tags[_i - 1] = arguments[_i];
+    }
+    return tags.includes(node.nodeName.toUpperCase());
+};
+/**
+ * INFO: walked by hand rather than through table.rows / querySelectorAll —
+ * those reach into a table nested in a cell, and turndown's node DOM does not
+ * implement the table collections at all
+ */
+var handleGetTableRows = function (table) {
+    var rows = [];
+    handleChildElements(table).forEach(function (child) {
+        if (handleIsTag(child, "TR"))
+            rows.push(child);
+        else if (handleIsTag(child, "THEAD", "TBODY", "TFOOT"))
+            handleChildElements(child).forEach(function (row) {
+                if (handleIsTag(row, "TR"))
+                    rows.push(row);
+            });
+    });
+    return rows;
+};
+exports.handleGetTableRows = handleGetTableRows;
+var handleGetRowCells = function (row) {
+    return handleChildElements(row).filter(function (cell) { return handleIsTag(cell, "TH", "TD"); });
+};
+exports.handleGetRowCells = handleGetRowCells;
+var handleIsMergedCell = function (cell) {
+    var _a, _b;
+    return Number((_a = cell.getAttribute("colspan")) !== null && _a !== void 0 ? _a : "1") > 1 ||
+        Number((_b = cell.getAttribute("rowspan")) !== null && _b !== void 0 ? _b : "1") > 1;
+};
+// INFO: one paragraph with no line break, or nothing at all, is what a pipe
+// table cell can hold without losing anything
+var handleIsSimpleCell = function (cell) {
+    if (handleIsMergedCell(cell))
+        return false;
+    var hasLooseText = Array.from(cell.childNodes).some(function (child) { var _a; return child.nodeType === 3 && ((_a = child.textContent) !== null && _a !== void 0 ? _a : "").trim() !== ""; });
+    if (hasLooseText)
+        return false;
+    var children = handleChildElements(cell);
+    if (children.length === 0)
+        return true;
+    if (children.length > 1)
+        return false;
+    var only = children[0];
+    return handleIsTag(only, "P") && only.querySelector("br") === null;
+};
+var handleIsSimpleTable = function (table) {
+    if (table.querySelector("table"))
+        return false;
+    var rows = (0, exports.handleGetTableRows)(table);
+    if (rows.length === 0)
+        return false;
+    var headerCells = (0, exports.handleGetRowCells)(rows[0]);
+    if (headerCells.length === 0)
+        return false;
+    // INFO: a pipe table always has a header, so a table without one would come
+    // back with its first row promoted to header — html keeps it as it was
+    if (!headerCells.every(function (cell) { return handleIsTag(cell, "TH"); }))
+        return false;
+    return rows.every(function (row, rowIndex) {
+        var cells = (0, exports.handleGetRowCells)(row);
+        if (cells.length !== headerCells.length)
+            return false;
+        return cells.every(function (cell) {
+            return (rowIndex === 0 || handleIsTag(cell, "TD")) && handleIsSimpleCell(cell);
+        });
+    });
+};
+exports.handleIsSimpleTable = handleIsSimpleTable;
+/**
+ * INFO: turndown converts a table's cells before it reaches the table rule,
+ * so the cell and row rules only wrap what it already wrote in markers and the
+ * table rule reads them back. Converting each cell again with its own turndown
+ * call re-parsed the html of every cell, twice per keystroke — a 100-row table
+ * cost ~90ms per save. Control characters, because turndown never writes them
+ * and never escapes them.
+ */
+var CELL_START = "\u0001";
+var CELL_END = "\u0002";
+var ROW_END = "\u0003";
+var handleRenderCellMarker = function (content) {
+    return CELL_START +
+        content
+            .replace(/\s*\n+\s*/g, " ")
+            .trim()
+            // INFO: an unescaped pipe would split the cell and shift every column
+            // after it
+            .replace(/\|/g, "\\|") +
+        CELL_END;
+};
+exports.handleRenderCellMarker = handleRenderCellMarker;
+var handleRenderRowMarker = function (content) { return content + ROW_END; };
+exports.handleRenderRowMarker = handleRenderRowMarker;
+// INFO: null when the markers do not describe the same grid as the DOM — the
+// caller then falls back to html, which can never lose a cell
+var handleRenderPipeTable = function (table, content) {
+    var domRows = (0, exports.handleGetTableRows)(table);
+    var rows = content
+        .split(ROW_END)
+        .map(function (row) {
+        return row
+            .split(CELL_END)
+            .filter(function (piece) { return piece.includes(CELL_START); })
+            .map(function (piece) { return piece.slice(piece.lastIndexOf(CELL_START) + 1); });
+    })
+        .filter(function (cells) { return cells.length > 0; });
+    var columnCount = (0, exports.handleGetRowCells)(domRows[0]).length;
+    if (rows.length !== domRows.length ||
+        rows.some(function (cells) { return cells.length !== columnCount; }))
+        return null;
+    var lines = rows.map(function (cells) { return "| " + cells.join(" | ") + " |"; });
+    var separator = "| " + Array.from({ length: columnCount }, function () { return "---"; }).join(" | ") + " |";
+    return __spreadArray([lines[0], separator], lines.slice(1), true).join("\n");
+};
+var handleRenderHtmlTable = function (table) {
+    var clone = table.cloneNode(true);
+    // INFO: the editor rebuilds its colgroup and min-width from the cells'
+    // colwidth on load, so they are noise in the stored body
+    clone.querySelectorAll("colgroup").forEach(function (each) { return each.remove(); });
+    clone.removeAttribute("style");
+    clone.querySelectorAll("th, td").forEach(function (cell) {
+        if (cell.getAttribute("colspan") === "1")
+            cell.removeAttribute("colspan");
+        if (cell.getAttribute("rowspan") === "1")
+            cell.removeAttribute("rowspan");
+    });
+    // INFO: markdown-it ends an html block at the first blank line, so the
+    // table must stay on one line. &#10; is still a newline inside a code block.
+    return clone.outerHTML.replace(/\r?\n/g, "&#10;");
+};
+/**
+ * `content` is what turndown wrote for the table's children — cells wrapped by
+ * handleRenderCellMarker, rows by handleRenderRowMarker.
+ */
+var handleTableToMarkdown = function (table, content) {
+    if ((0, exports.handleGetTableRows)(table).length === 0)
+        return "";
+    var pipeTable = (0, exports.handleIsSimpleTable)(table)
+        ? handleRenderPipeTable(table, content)
+        : null;
+    return "\n\n" + (pipeTable !== null && pipeTable !== void 0 ? pipeTable : handleRenderHtmlTable(table)) + "\n\n";
+};
+exports.handleTableToMarkdown = handleTableToMarkdown;
+//# sourceMappingURL=tableMarkdown.js.map

package/lib/components/input/markdown/tableMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableMarkdown.js","sourceRoot":"","sources":["../../../../src/components/input/markdown/tableMarkdown.ts"],"names":[],"mappings":"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"}

package/lib/components/input/markdown/textColor.d.ts

@@ -0,0 +1,40 @@
+import { Editor, Mark } from "@tiptap/core";
+import TurndownService from "turndown";
+import React from "react";
+/**
+ * Text colour and highlight for the markdown editor, Notion style.
+ *
+ * INFO: markdown has no colour, so coloured text is stored as a small inline
+ * tag — `<span data-text-color="red" style="color: …">` and
+ * `<mark data-highlight="yellow" style="background-color: …; color: inherit">` — the way
+ * underline and superscript are already stored as <u> and <sup>. markdown-it
+ * renders the tag and still reads the markdown inside it.
+ *
+ * INFO: the editor reads back only the palette's names and writes out only its
+ * own CSS, so a note saved through the editor carries no other style through
+ * these tags. MarkdownStatic renders stored HTML as it is, so a note written
+ * by another route is not cleaned by this.
+ */
+export interface MarkdownColor {
+    key: string;
+    label: string;
+    css: string;
+}
+export declare const MARKDOWN_TEXT_COLORS: MarkdownColor[];
+export declare const MARKDOWN_HIGHLIGHT_COLORS: MarkdownColor[];
+export declare const handleFindMarkdownColor: (colors: MarkdownColor[], key?: string | null) => MarkdownColor | undefined;
+export declare const TextColor: Mark<any, any>;
+export declare const TextHighlight: Mark<any, any>;
+export declare const handleAddColorRules: (turndown: TurndownService) => void;
+interface ColorPickerProps {
+    editor: Editor;
+    darkMode?: boolean;
+    variant: "toolbar" | "selection";
+}
+/**
+ * The "A" button and its palette: a row of text colours and a row of
+ * highlights, each with Default to take the colour off again.
+ */
+export declare const ColorPicker: (props: ColorPickerProps) => React.JSX.Element;
+export {};
+//# sourceMappingURL=textColor.d.ts.map

package/lib/components/input/markdown/textColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textColor.d.ts","sourceRoot":"","sources":["../../../../src/components/input/markdown/textColor.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,eAAe,MAAM,UAAU,CAAC;AACvC,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAID,eAAO,MAAM,oBAAoB,EAAE,aAAa,EAU/C,CAAC;AAIF,eAAO,MAAM,yBAAyB,EAAE,aAAa,EAUpD,CAAC;AAEF,eAAO,MAAM,uBAAuB,WAC1B,aAAa,EAAE,QACjB,MAAM,GAAG,IAAI,8BACiC,CAAC;AAEvD,eAAO,MAAM,SAAS,gBAwCpB,CAAC;AAEH,eAAO,MAAM,aAAa,gBA2CxB,CAAC;AAIH,eAAO,MAAM,mBAAmB,aAAc,eAAe,SAmC5D,CAAC;AAEF,UAAU,gBAAgB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,OAAO,EAAE,SAAS,GAAG,WAAW,CAAC;CAClC;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,UAAW,gBAAgB,sBAgNlD,CAAC"}

package/lib/components/input/markdown/textColor.js

@@ -0,0 +1,285 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorPicker = exports.handleAddColorRules = exports.TextHighlight = exports.TextColor = exports.handleFindMarkdownColor = exports.MARKDOWN_HIGHLIGHT_COLORS = exports.MARKDOWN_TEXT_COLORS = void 0;
+var core_1 = require("@tiptap/core");
+var react_1 = __importStar(require("react"));
+var react_dom_1 = require("react-dom");
+// INFO: 600 shades, picked for a white page; on the dark editor blue, purple
+// and brown are faint, since the colour is stored inline and does not theme
+exports.MARKDOWN_TEXT_COLORS = [
+    { key: "gray", label: "Gray", css: "#6b7280" },
+    { key: "brown", label: "Brown", css: "#a16207" },
+    { key: "orange", label: "Orange", css: "#ea580c" },
+    { key: "yellow", label: "Yellow", css: "#ca8a04" },
+    { key: "green", label: "Green", css: "#16a34a" },
+    { key: "blue", label: "Blue", css: "#2563eb" },
+    { key: "purple", label: "Purple", css: "#9333ea" },
+    { key: "pink", label: "Pink", css: "#db2777" },
+    { key: "red", label: "Red", css: "#dc2626" },
+];
+// INFO: see-through, so the text keeps its own colour on light and dark pages;
+// the tag also sets color: inherit, since a browser draws <mark> text black
+exports.MARKDOWN_HIGHLIGHT_COLORS = [
+    { key: "gray", label: "Gray", css: "rgba(156, 163, 175, 0.35)" },
+    { key: "brown", label: "Brown", css: "rgba(180, 83, 9, 0.25)" },
+    { key: "orange", label: "Orange", css: "rgba(251, 146, 60, 0.35)" },
+    { key: "yellow", label: "Yellow", css: "rgba(250, 204, 21, 0.4)" },
+    { key: "green", label: "Green", css: "rgba(74, 222, 128, 0.35)" },
+    { key: "blue", label: "Blue", css: "rgba(96, 165, 250, 0.35)" },
+    { key: "purple", label: "Purple", css: "rgba(192, 132, 252, 0.35)" },
+    { key: "pink", label: "Pink", css: "rgba(244, 114, 182, 0.35)" },
+    { key: "red", label: "Red", css: "rgba(248, 113, 113, 0.35)" },
+];
+var handleFindMarkdownColor = function (colors, key) { return colors.find(function (eachColor) { return eachColor.key === key; }); };
+exports.handleFindMarkdownColor = handleFindMarkdownColor;
+exports.TextColor = core_1.Mark.create({
+    name: "textColor",
+    addAttributes: function () {
+        return {
+            color: {
+                default: null,
+                parseHTML: function (element) {
+                    var _a, _b;
+                    return (_b = (_a = (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_TEXT_COLORS, element.getAttribute("data-text-color"))) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : null;
+                },
+                renderHTML: function (attributes) {
+                    var color = (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_TEXT_COLORS, attributes.color);
+                    return color
+                        ? { "data-text-color": color.key, style: "color: ".concat(color.css) }
+                        : {};
+                },
+            },
+        };
+    },
+    parseHTML: function () {
+        return [
+            {
+                tag: "span[data-text-color]",
+                getAttrs: function (element) {
+                    return (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_TEXT_COLORS, element.getAttribute("data-text-color"))
+                        ? null
+                        : false;
+                },
+            },
+        ];
+    },
+    renderHTML: function (_a) {
+        var HTMLAttributes = _a.HTMLAttributes;
+        return ["span", HTMLAttributes, 0];
+    },
+});
+exports.TextHighlight = core_1.Mark.create({
+    name: "textHighlight",
+    addAttributes: function () {
+        return {
+            color: {
+                default: null,
+                parseHTML: function (element) {
+                    var _a, _b;
+                    return (_b = (_a = (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_HIGHLIGHT_COLORS, element.getAttribute("data-highlight"))) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : null;
+                },
+                renderHTML: function (attributes) {
+                    var color = (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_HIGHLIGHT_COLORS, attributes.color);
+                    return color
+                        ? {
+                            "data-highlight": color.key,
+                            style: "background-color: ".concat(color.css, "; color: inherit"),
+                        }
+                        : {};
+                },
+            },
+        };
+    },
+    parseHTML: function () {
+        return [
+            {
+                tag: "mark[data-highlight]",
+                getAttrs: function (element) {
+                    return (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_HIGHLIGHT_COLORS, element.getAttribute("data-highlight"))
+                        ? null
+                        : false;
+                },
+            },
+        ];
+    },
+    renderHTML: function (_a) {
+        var HTMLAttributes = _a.HTMLAttributes;
+        return ["mark", HTMLAttributes, 0];
+    },
+});
+// INFO: writes the tag back from the palette, never from the element's own
+// style, and leaves a colour the palette does not know as plain text
+var handleAddColorRules = function (turndown) {
+    turndown.addRule("textColor", {
+        filter: function (node) {
+            return node.nodeName === "SPAN" &&
+                !!(0, exports.handleFindMarkdownColor)(exports.MARKDOWN_TEXT_COLORS, node.getAttribute("data-text-color"));
+        },
+        replacement: function (content, node) {
+            var color = (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_TEXT_COLORS, node.getAttribute("data-text-color"));
+            return content
+                ? "<span data-text-color=\"".concat(color.key, "\" style=\"color: ").concat(color.css, "\">").concat(content, "</span>")
+                : "";
+        },
+    });
+    turndown.addRule("textHighlight", {
+        filter: function (node) {
+            return node.nodeName === "MARK" &&
+                !!(0, exports.handleFindMarkdownColor)(exports.MARKDOWN_HIGHLIGHT_COLORS, node.getAttribute("data-highlight"));
+        },
+        replacement: function (content, node) {
+            var color = (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_HIGHLIGHT_COLORS, node.getAttribute("data-highlight"));
+            return content
+                ? "<mark data-highlight=\"".concat(color.key, "\" style=\"background-color: ").concat(color.css, "; color: inherit\">").concat(content, "</mark>")
+                : "";
+        },
+    });
+};
+exports.handleAddColorRules = handleAddColorRules;
+/**
+ * The "A" button and its palette: a row of text colours and a row of
+ * highlights, each with Default to take the colour off again.
+ */
+var ColorPicker = function (props) {
+    var _a;
+    var editor = props.editor, darkMode = props.darkMode;
+    // 1. State
+    var _b = (0, react_1.useState)(null), panel = _b[0], setPanel = _b[1];
+    // 2. Refs
+    var buttonRef = (0, react_1.useRef)(null);
+    var panelRef = (0, react_1.useRef)(null);
+    // 3. Computed
+    var currentText = (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_TEXT_COLORS, editor.getAttributes("textColor").color);
+    var currentHighlight = (0, exports.handleFindMarkdownColor)(exports.MARKDOWN_HIGHLIGHT_COLORS, editor.getAttributes("textHighlight").color);
+    var surface = darkMode
+        ? "bg-gray-800 border-gray-600 text-gray-200"
+        : "bg-white border-gray-200 text-gray-700";
+    var hover = darkMode ? "hover:bg-gray-700" : "hover:bg-gray-100";
+    var ring = darkMode ? "ring-gray-300" : "ring-gray-700";
+    // 4. Effects
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        if (!panel)
+            return;
+        var handlePointerDown = function (event) {
+            var _a, _b;
+            var target = event.target;
+            if (((_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.contains(target)) ||
+                ((_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.contains(target)))
+                return;
+            setPanel(null);
+        };
+        var handleKeyDown = function (event) {
+            if (event.key !== "Escape")
+                return;
+            // INFO: the palette closes alone, not a modal the editor sits in
+            event.preventDefault();
+            event.stopPropagation();
+            setPanel(null);
+            editor.commands.focus();
+        };
+        // INFO: placed once when it opens, so a scroll would leave it behind the
+        // button it belongs to
+        var handleClose = function () { return setPanel(null); };
+        window.addEventListener("mousedown", handlePointerDown);
+        window.addEventListener("keydown", handleKeyDown, true);
+        window.addEventListener("scroll", handleClose, true);
+        window.addEventListener("resize", handleClose);
+        // INFO: a keyboard user lands on the current colour, not back in the toolbar
+        (_b = (_a = panelRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('button[aria-pressed="true"]')) === null || _b === void 0 ? void 0 : _b.focus({ preventScroll: true });
+        return function () {
+            window.removeEventListener("mousedown", handlePointerDown);
+            window.removeEventListener("keydown", handleKeyDown, true);
+            window.removeEventListener("scroll", handleClose, true);
+            window.removeEventListener("resize", handleClose);
+        };
+    }, [panel, editor]);
+    // 5. Handlers
+    // INFO: fixed to the viewport so a toolbar that scrolls sideways or clips
+    // its overflow does not cut the palette off
+    var handleTogglePanel = function () {
+        var _a;
+        if (panel)
+            return setPanel(null);
+        var rect = (_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
+        if (!rect)
+            return;
+        setPanel({
+            top: rect.bottom + 6,
+            left: Math.max(8, Math.min(rect.left, window.innerWidth - 344)),
+        });
+    };
+    var handlePickText = function (key) {
+        var chain = editor.chain().focus();
+        if (key)
+            chain.setMark("textColor", { color: key }).run();
+        else
+            chain.unsetMark("textColor").run();
+        setPanel(null);
+    };
+    var handlePickHighlight = function (key) {
+        var chain = editor.chain().focus();
+        if (key)
+            chain.setMark("textHighlight", { color: key }).run();
+        else
+            chain.unsetMark("textHighlight").run();
+        setPanel(null);
+    };
+    // 6. Render
+    var renderSwatch = function (id, label, isCurrent, onPick, style) { return (react_1.default.createElement("button", { key: id, type: "button", title: label, "aria-label": label, "aria-pressed": isCurrent, "data-testid": "markdown-color-".concat(id), onClick: onPick, className: "flex h-7 w-7 items-center justify-center rounded border text-sm font-semibold ".concat(darkMode ? "border-gray-600" : "border-gray-200", " ").concat(hover, " ").concat(isCurrent ? "ring-2 ".concat(ring) : ""), style: style }, "A")); };
+    // INFO: drawn on the body — the selection toolbar is centred with a
+    // transform, and a transformed parent would carry a fixed panel off screen
+    var renderPanel = function () {
+        return panel &&
+            (0, react_dom_1.createPortal)(react_1.default.createElement("div", { ref: panelRef, "data-testid": "markdown-color-panel", className: "fixed z-[60] w-[min(21rem,calc(100vw-16px))] rounded-lg border p-2 shadow-lg ".concat(surface), style: { top: panel.top, left: panel.left }, 
+                // INFO: keeps the editor's selection while a swatch is pressed
+                onMouseDown: function (event) { return event.preventDefault(); } },
+                react_1.default.createElement("p", { className: "mb-1 text-xs font-medium text-gray-400" }, "Text"),
+                react_1.default.createElement("div", { className: "mb-2 flex flex-wrap gap-1" },
+                    renderSwatch("text-default", "Default text", !currentText, function () { return handlePickText(); }, {}),
+                    exports.MARKDOWN_TEXT_COLORS.map(function (eachColor) {
+                        return renderSwatch("text-".concat(eachColor.key), "".concat(eachColor.label, " text"), (currentText === null || currentText === void 0 ? void 0 : currentText.key) === eachColor.key, function () { return handlePickText(eachColor.key); }, { color: eachColor.css });
+                    })),
+                react_1.default.createElement("p", { className: "mb-1 text-xs font-medium text-gray-400" }, "Highlight"),
+                react_1.default.createElement("div", { className: "flex flex-wrap gap-1" },
+                    renderSwatch("highlight-default", "No highlight", !currentHighlight, function () { return handlePickHighlight(); }, {}),
+                    exports.MARKDOWN_HIGHLIGHT_COLORS.map(function (eachColor) {
+                        return renderSwatch("highlight-".concat(eachColor.key), "".concat(eachColor.label, " highlight"), (currentHighlight === null || currentHighlight === void 0 ? void 0 : currentHighlight.key) === eachColor.key, function () { return handlePickHighlight(eachColor.key); }, { backgroundColor: eachColor.css });
+                    }))), document.body);
+    };
+    // 7. Return
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("button", { ref: buttonRef, type: "button", title: "Colour", "aria-label": "Colour", "aria-expanded": !!panel, "data-testid": "markdown-color-button", onMouseDown: function (event) { return event.preventDefault(); }, onClick: handleTogglePanel, className: "flex flex-col items-center rounded ".concat(props.variant === "selection" ? "px-1.5 py-0.5" : "px-2 py-0.5", " text-sm font-semibold ").concat(darkMode
+                ? "text-gray-300 hover:bg-gray-700"
+                : "text-gray-700 ".concat(hover)), style: currentHighlight ? { backgroundColor: currentHighlight.css } : {} },
+            react_1.default.createElement("span", { style: currentText ? { color: currentText.css } : {} }, "A"),
+            react_1.default.createElement("span", { className: "h-0.5 w-3.5 rounded", style: {
+                    backgroundColor: (_a = currentText === null || currentText === void 0 ? void 0 : currentText.css) !== null && _a !== void 0 ? _a : (darkMode ? "#d1d5db" : "#374151"),
+                } })),
+        renderPanel()));
+};
+exports.ColorPicker = ColorPicker;
+//# sourceMappingURL=textColor.js.map

package/lib/components/input/markdown/textColor.js.map

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