@astryxdesign/richtext 0.6.5-canary.24fe2cd → 0.6.5-canary.258ff02

package/README.md

@@ -7,7 +7,7 @@ with Astryx design tokens.
 import {RichTextEditor, RichTextView} from '@astryxdesign/richtext';
 
 <RichTextEditor label="Notes" onChange={setState} />;
-<RichTextView label="Notes" value={serializedState} />;
+<RichTextView value={serializedState} />;
 ```
 
 The editor is deliberately minimal and extensible: pass `nodes` and `plugins` to
@@ -27,7 +27,8 @@ It ships to npm **only under the `@canary` dist-tag** — there is never a stabl
 
 > Note: this package is the successor to the experimental `RichTextEditor` that
 > used to live in `@astryxdesign/lab`; that code has moved here so it can be
-> canaried independently (e.g. into EPS/Nest) without a fresh package rollout.
+> canaried independently by an adopting application without a fresh package
+> rollout.
 
 ## Status
 

package/dist/CodeBlockHeaderPlugin.d.ts

@@ -0,0 +1,7 @@
+import { type JSX } from 'react';
+/**
+ * Draws a header over each top-level code block and keeps it there as the
+ * document, the editor's size, or the window changes.
+ */
+export declare function CodeBlockHeaderPlugin(): JSX.Element;
+//# sourceMappingURL=CodeBlockHeaderPlugin.d.ts.map

package/dist/CodeBlockHeaderPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlockHeaderPlugin.d.ts","sourceRoot":"","sources":["../src/CodeBlockHeaderPlugin.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAsB,KAAK,GAAG,EAAC,MAAM,OAAO,CAAC;AA8JpD;;;GAGG;AACH,wBAAgB,qBAAqB,IAAI,GAAG,CAAC,OAAO,CA+EnD"}

package/dist/CodeBlockHeaderPlugin.js

@@ -0,0 +1,196 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+'use client';
+
+/**
+ * @file CodeBlockHeaderPlugin.tsx
+ * @input Uses @lexical/react (composer context), @lexical/code (CodeNode),
+ *   lexical, and core IconButton, Icon, useClipboard, and useTranslator.
+ * @output Exports CodeBlockHeaderPlugin, which draws core CodeBlock's header
+ *   over every fenced code block: the language label and a copy button, or
+ *   just the copy button in the corner when the block names no language.
+ * @position Rendered by RichTextEditor and RichTextView inside the positioned
+ *   element that holds the content editable. The headers are siblings of the
+ *   editable text, never inside it, so they are not part of the document and
+ *   cannot be edited (spec:AST-061 FR8, DEC-4). The code block's theme class
+ *   reserves the header's height, so the code sits where core Markdown's does.
+ */
+import * as stylex from '@stylexjs/stylex';
+import { useEffect, useState } from 'react';
+import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
+import { $isCodeNode } from '@lexical/code';
+import { $getNodeByKey, $getRoot } from 'lexical';
+import { Icon } from '@astryxdesign/core/Icon';
+import { IconButton } from '@astryxdesign/core/IconButton';
+import { useClipboard } from '@astryxdesign/core/hooks';
+import { useTranslator } from '@astryxdesign/core/i18n';
+import '@astryxdesign/core/theme/tokens.stylex';
+import { fontWeightVars, spacingVars, typeScaleVars, typographyVars } from '@astryxdesign/core/theme/tokens.stylex';
+
+/** Where one code block's header goes, in the container's coordinates. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const styles = {
+  header: {
+    kVAEAm: "x10l6tqk",
+    k1xSpc: "x78zum5",
+    kGNEyG: "x6s0dn4",
+    kjj79g: "x1qughib",
+    k8WAf4: "xce4md1",
+    kg3NbH: "x1pzlopt",
+    kB7OPa: "x9f619",
+    $$css: true
+  },
+  corner: {
+    kVAEAm: "x10l6tqk",
+    k1xSpc: "x78zum5",
+    kjj79g: "x13a6bvl",
+    kmVPX3: "xlsj2fj",
+    kB7OPa: "x9f619",
+    kfzvcC: "x47corl",
+    $$css: true
+  },
+  cornerButton: {
+    kfzvcC: "x67bb7w",
+    $$css: true
+  },
+  copyButton: {
+    kMwMTN: "x1mjzq1q",
+    $$css: true
+  },
+  placement: (top, left, width) => [{
+    k87sOh: top != null ? "xjbys53" : top,
+    kbCHJM: left != null ? "xgq9j65" : left,
+    kzqmXN: width != null ? "x5lhr3w" : width,
+    $$css: true
+  }, {
+    "--x-top": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(top),
+    "--x-left": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(left),
+    "--x-width": (val => typeof val === "number" ? val + "px" : val != null ? val : undefined)(width)
+  }]
+};
+
+/**
+ * The language a header names, as core CodeBlock decides it: none for a fence
+ * without one, and none for exactly `plaintext`, which core Markdown gives a
+ * fence with no info string.
+ */
+function displayLanguageOf(language) {
+  return language == null || language === '' || language === PLAIN_TEXT ? null : language;
+}
+const PLAIN_TEXT = 'plaintext';
+function samePlacements(a, b) {
+  return a.length === b.length && a.every((placement, index) => placement.key === b[index].key && placement.language === b[index].language && placement.top === b[index].top && placement.left === b[index].left && placement.width === b[index].width);
+}
+function CodeBlockHeader({
+  placement
+}) {
+  const [editor] = useLexicalComposerContext();
+  const t = useTranslator();
+  const {
+    copy,
+    isCopied
+  } = useClipboard({
+    announce: t('@astryx.codeBlock.copied')
+  });
+  const copyButton = /*#__PURE__*/_jsx(IconButton, {
+    variant: "ghost",
+    size: "sm",
+    icon: /*#__PURE__*/_jsx(Icon, {
+      icon: isCopied ? 'check' : 'copy',
+      size: "sm",
+      color: "inherit"
+    }),
+    tooltip: t('@astryx.codeBlock.copyCode'),
+    label: isCopied ? t('@astryx.codeBlock.copied') : t('@astryx.codeBlock.copyCode'),
+    onClick: () => {
+      const code = editor.getEditorState().read(() => $getNodeByKey(placement.key)?.getTextContent() ?? '');
+      void copy(code);
+    },
+    xstyle: [styles.copyButton, placement.language == null && styles.cornerButton]
+  });
+  const position = styles.placement(placement.top, placement.left, placement.width);
+  if (placement.language == null) {
+    return /*#__PURE__*/_jsx("div", {
+      "data-richtext-code-header": "",
+      ...stylex.props(styles.corner, position),
+      children: copyButton
+    });
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    "data-richtext-code-header": "",
+    ...stylex.props(styles.header, position),
+    children: [/*#__PURE__*/_jsx("span", {
+      ...{
+        className: "x141an7d x9m5x89 x1e4wzip x1ltkj2j x1mjzq1q xeuugli xb3r6kr xlyipyv xuxw1ft"
+      },
+      children: placement.language
+    }), copyButton]
+  });
+}
+
+/**
+ * Draws a header over each top-level code block and keeps it there as the
+ * document, the editor's size, or the window changes.
+ */
+export function CodeBlockHeaderPlugin() {
+  const [editor] = useLexicalComposerContext();
+  const [placements, setPlacements] = useState([]);
+  useEffect(() => {
+    let frame = 0;
+    const measure = () => {
+      frame = 0;
+      const root = editor.getRootElement();
+      const container = root?.parentElement;
+      if (root == null || container == null) {
+        setPlacements(current => current.length === 0 ? current : []);
+        return;
+      }
+      const origin = container.getBoundingClientRect();
+      const next = editor.getEditorState().read(() => $getRoot().getChildren().filter($isCodeNode).flatMap(node => {
+        const element = editor.getElementByKey(node.getKey());
+        if (element == null) {
+          return [];
+        }
+        const box = element.getBoundingClientRect();
+        // Inside the block's border, so the header lines up with the
+        // padding the theme reserves for it.
+        return [{
+          key: node.getKey(),
+          language: displayLanguageOf(node.getLanguage()),
+          top: box.top - origin.top + element.clientTop,
+          left: box.left - origin.left + element.clientLeft,
+          width: element.clientWidth
+        }];
+      }));
+      setPlacements(current => samePlacements(current, next) ? current : next);
+    };
+    const schedule = () => {
+      if (frame === 0) {
+        frame = requestAnimationFrame(measure);
+      }
+    };
+    const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(schedule);
+    const unregisterRoot = editor.registerRootListener(root => {
+      observer?.disconnect();
+      if (root != null) {
+        observer?.observe(root);
+      }
+      schedule();
+    });
+    const unregisterUpdate = editor.registerUpdateListener(schedule);
+    window.addEventListener('resize', schedule);
+    schedule();
+    return () => {
+      cancelAnimationFrame(frame);
+      observer?.disconnect();
+      unregisterRoot();
+      unregisterUpdate();
+      window.removeEventListener('resize', schedule);
+    };
+  }, [editor]);
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: placements.map(placement => /*#__PURE__*/_jsx(CodeBlockHeader, {
+      placement: placement
+    }, placement.key))
+  });
+}

package/dist/RichTextEditor.d.ts

@@ -4,7 +4,8 @@
  *   LexicalExtensionComposer), Field, VisuallyHidden, useInputStatusIcon,
  *   mergeProps, design tokens
  * @output Exports an accessibly labelled RichTextEditor component with a flush
- *   top toolbar slot and configurable editable-surface minimum height, RichTextEditorProps,
+ *   top toolbar slot, configurable editable-surface minimum height, and distinct
+ *   read-only and disabled states that follow prop changes, RichTextEditorProps,
  *   RichTextEditorStatus, RichTextEditorStatusType, RichTextEditorSize
  * @position Experimental (richtext) implementation; consumed by the package index.ts and
  *   re-exported from @astryxdesign/richtext. Tested by RichTextEditor.test.tsx.
@@ -56,8 +57,10 @@ export interface RichTextEditorRef {
     /**
      * Serialize the current content to a Markdown string, using the same
      * `transformers` the editor is configured with (so custom transformers
-     * layered in via the `transformers` prop are honored). Equivalent to
-     * `$convertToMarkdownString` run in a read context.
+     * layered in via the `transformers` prop are honored). Content imported
+     * with `markdownToEditorStateJSON` comes back as written: blocks nobody
+     * changed byte for byte, and only edited or added blocks in canonical
+     * Markdown.
      */
     getMarkdown: () => string;
     /**
@@ -107,12 +110,16 @@ export interface RichTextEditorProps extends Omit<BaseProps, 'onChange' | 'defau
     /** Placeholder text shown when the editor is empty. */
     placeholder?: string;
     /**
-     * Whether the editor is read-only (non-editable).
+     * Whether the editor is read-only (non-editable). The content stays at full
+     * opacity, in the tab order, and announced as read-only, so people can still
+     * reach, read, and copy it. Takes effect when changed after mount.
      * @default false
      */
     isReadOnly?: boolean;
     /**
-     * Whether the editor is disabled (non-editable, dimmed).
+     * Whether the editor is disabled: non-editable, dimmed, out of the tab
+     * order, and announced as disabled. Wins when `isReadOnly` is also set.
+     * Takes effect when changed after mount.
      * @default false
      */
     isDisabled?: boolean;
@@ -171,13 +178,14 @@ export interface RichTextEditorProps extends Omit<BaseProps, 'onChange' | 'defau
     /**
      * Whether to enable Markdown shortcut typing (e.g. `# ` for a heading,
      * `- ` for a list). Uses the `transformers` prop (defaults to the standard
-     * `@lexical/markdown` transformers).
+     * `@lexical/markdown` transformers plus GFM tables).
      * @default true
      */
     hasMarkdownShortcuts?: boolean;
     /**
      * Markdown transformers — the single source of truth for markdown behaviour.
-     * Defaults to the standard `@lexical/markdown` `TRANSFORMERS`.
+     * Defaults to the standard `@lexical/markdown` `TRANSFORMERS` plus GFM
+     * tables. A custom array replaces the default, tables included.
      *
      * The same array drives all three markdown operations in Lexical (see the
      * lexical-playground reference, where one `PLAYGROUND_TRANSFORMERS` array

package/dist/RichTextEditor.d.ts.map

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

package/dist/RichTextEditor.js

@@ -8,7 +8,8 @@
  *   LexicalExtensionComposer), Field, VisuallyHidden, useInputStatusIcon,
  *   mergeProps, design tokens
  * @output Exports an accessibly labelled RichTextEditor component with a flush
- *   top toolbar slot and configurable editable-surface minimum height, RichTextEditorProps,
+ *   top toolbar slot, configurable editable-surface minimum height, and distinct
+ *   read-only and disabled states that follow prop changes, RichTextEditorProps,
  *   RichTextEditorStatus, RichTextEditorStatusType, RichTextEditorSize
  * @position Experimental (richtext) implementation; consumed by the package index.ts and
  *   re-exported from @astryxdesign/richtext. Tested by RichTextEditor.test.tsx.
@@ -46,9 +47,15 @@ import { LinkPlugin } from '@lexical/react/LexicalLinkPlugin';
 import { TabIndentationPlugin } from '@lexical/react/LexicalTabIndentationPlugin';
 import { MarkdownShortcutPlugin } from '@lexical/react/LexicalMarkdownShortcutPlugin';
 import { OnChangePlugin } from '@lexical/react/LexicalOnChangePlugin';
-import { TRANSFORMERS, $convertToMarkdownString } from '@lexical/markdown';
+import { TablePlugin } from '@lexical/react/LexicalTablePlugin';
+import { HorizontalRuleExtension } from '@lexical/extension';
+import { TableColumnFloorPlugin } from "./TableColumnFloorPlugin.js";
+import { CodeBlockHeaderPlugin } from "./CodeBlockHeaderPlugin.js";
+import { TaskCheckboxPlugin } from "./TaskCheckboxPlugin.js";
 import { $generateHtmlFromNodes } from '@lexical/html';
 import { DEFAULT_NODES } from "./editorNodes.js";
+import { $exportMarkdownKeepingSource } from "./markdownSource.js";
+import { DEFAULT_TRANSFORMERS } from "./markdownTable.js";
 import { BLUR_COMMAND, COMMAND_PRIORITY_LOW, defineExtension, KEY_DOWN_COMMAND, KEY_ESCAPE_COMMAND, KEY_TAB_COMMAND, mergeRegister } from 'lexical';
 
 /**
@@ -214,7 +221,7 @@ export const RichTextEditor = /*#__PURE__*/forwardRef(function RichTextEditor({
   toolbar,
   plugins,
   hasMarkdownShortcuts = true,
-  transformers = TRANSFORMERS,
+  transformers = DEFAULT_TRANSFORMERS,
   hasAutoFocus = false,
   tabEscapeHint = DEFAULT_TAB_ESCAPE_HINT,
   maxLength,
@@ -268,6 +275,8 @@ export const RichTextEditor = /*#__PURE__*/forwardRef(function RichTextEditor({
       theme: themeRef.current,
       editable,
       nodes: nodes ? [...DEFAULT_NODES, ...nodes] : [...DEFAULT_NODES],
+      // Horizontal rules select on click and show their selection.
+      dependencies: [HorizontalRuleExtension],
       // `undefined` (not `null`) leaves Lexical's default initializer in place,
       // which seeds the empty document with one paragraph — what
       // LexicalComposer did when no `editorState` was given. `null` would mean
@@ -314,7 +323,10 @@ export const RichTextEditor = /*#__PURE__*/forwardRef(function RichTextEditor({
       ...mergeProps(themeProps('rich-text-editor', {
         size,
         status: status?.type ?? null
-      }), stylex.props(inputWrapperStyles.base, styles.wrapper, (isDisabled || isReadOnly) && inputWrapperStyles.disabled, isDisabled && styles.disabled, status && inputStatusBorderStyles[status.type], status && !isDisabled && !isReadOnly && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], xstyle), className, style),
+      }), stylex.props(inputWrapperStyles.base, styles.wrapper,
+      // Only disabled is dimmed, matching TextArea: a read-only editor
+      // keeps full-opacity text and stays keyboard-reachable.
+      isDisabled && inputWrapperStyles.disabled, isDisabled && styles.disabled, status && inputStatusBorderStyles[status.type], status && !isDisabled && !isReadOnly && inputStatusHoverShadowStyles[status.type], status && inputStatusFocusWithinStyles[status.type], xstyle), className, style),
       children: [/*#__PURE__*/_jsxs(LexicalExtensionComposer, {
         extension: extensionRef.current,
         contentEditable: null,
@@ -332,6 +344,8 @@ export const RichTextEditor = /*#__PURE__*/forwardRef(function RichTextEditor({
                 ariaDescribedBy: ariaDescribedBy,
                 ariaRequired: isRequired && !isOptional,
                 ariaInvalid: status?.type === 'error',
+                isReadOnly: isReadOnly,
+                isDisabled: isDisabled,
                 placeholderText: placeholder,
                 placeholderID: placeholderID,
                 minHeight: minHeight,
@@ -339,7 +353,14 @@ export const RichTextEditor = /*#__PURE__*/forwardRef(function RichTextEditor({
               }),
               placeholder: null,
               ErrorBoundary: LexicalErrorBoundary
-            }), /*#__PURE__*/_jsx(HistoryPlugin, {}), /*#__PURE__*/_jsx(ListPlugin, {}), /*#__PURE__*/_jsx(LinkPlugin, {}), /*#__PURE__*/_jsx(TabIndentationPlugin, {}), /*#__PURE__*/_jsx(TabFocusEscapePlugin, {}), hasMarkdownShortcuts && /*#__PURE__*/_jsx(MarkdownShortcutPlugin, {
+            }), /*#__PURE__*/_jsx(HistoryPlugin, {}), /*#__PURE__*/_jsx(ListPlugin, {}), /*#__PURE__*/_jsx(TaskCheckboxPlugin, {
+              isReadOnly: isReadOnly || isDisabled
+            }), /*#__PURE__*/_jsx(LinkPlugin, {}), /*#__PURE__*/_jsx(TablePlugin, {
+              hasCellMerge: false,
+              hasCellBackgroundColor: false,
+              hasTabHandler: false,
+              hasHorizontalScroll: true
+            }), /*#__PURE__*/_jsx(TableColumnFloorPlugin, {}), /*#__PURE__*/_jsx(CodeBlockHeaderPlugin, {}), /*#__PURE__*/_jsx(TabIndentationPlugin, {}), /*#__PURE__*/_jsx(TabFocusEscapePlugin, {}), hasMarkdownShortcuts && /*#__PURE__*/_jsx(MarkdownShortcutPlugin, {
               transformers: markdownTransformers
             }), hasAutoFocus && /*#__PURE__*/_jsx(AutoFocusOnMount, {}), onChange && /*#__PURE__*/_jsx(OnChangePlugin, {
               onChange: onChange,
@@ -468,6 +489,22 @@ function EditorRefBridge({
   transformers
 }) {
   const [editor] = useLexicalComposerContext();
+
+  // The extension applies `editable` once, when the composer builds the
+  // editor, so a later isReadOnly/isDisabled change would leave
+  // contenteditable at its mount value while the wrapper styling and ARIA
+  // follow the props. Sync the editor on a prop change only: the mount value
+  // is already applied, and this bridge renders after `plugins`, so
+  // re-asserting it on mount would undo a plugin that set editability during
+  // its own mount.
+  const syncedEditableRef = useRef(editable);
+  useEffect(() => {
+    if (syncedEditableRef.current === editable) {
+      return;
+    }
+    syncedEditableRef.current = editable;
+    editor.setEditable(editable);
+  }, [editor, editable]);
   useImperativeHandle(editorRef, () => ({
     focus: () => {
       if (!editable) {
@@ -487,11 +524,11 @@ function EditorRefBridge({
     },
     getEditorState: () => editor.getEditorState(),
     getMarkdown: () =>
-    // $convertToMarkdownString must run inside a read context. Honors the
-    // same transformers the editor uses for shortcuts, so custom
-    // transformers round-trip to Markdown. `@lexical/markdown` is a
-    // subpackage (built dist) — safe, unlike a top-level `lexical` import.
-    editor.getEditorState().read(() => $convertToMarkdownString(transformers)),
+    // Untouched blocks export exactly as imported and changed blocks in
+    // canonical form (spec:AST-062). Honors the same transformers the
+    // editor uses for shortcuts, so custom transformers round-trip. Reads
+    // the state without changing it.
+    editor.getEditorState().read(() => $exportMarkdownKeepingSource(transformers)),
     getHTML: () =>
     // $generateHtmlFromNodes serializes the whole document (null selection)
     // to HTML; must run in a read context and requires a DOM.
@@ -541,6 +578,8 @@ function EditorContentEditable({
   ariaDescribedBy,
   ariaRequired,
   ariaInvalid,
+  isReadOnly,
+  isDisabled,
   placeholderText,
   placeholderID,
   minHeight,
@@ -555,6 +594,20 @@ function EditorContentEditable({
     'aria-describedby': ariaDescribedBy,
     'aria-required': ariaRequired ? 'true' : undefined,
     'aria-invalid': ariaInvalid ? 'true' : undefined,
+    // Lexical announces every non-editable surface as aria-readonly and
+    // leaves it out of the tab order. Split the two states: read-only stays
+    // reachable and is announced read-only; disabled is announced disabled
+    // instead. These keys land after Lexical's computed attributes, so the
+    // disabled branch's explicit `undefined` removes the wrong read-only
+    // announcement. With neither prop set no keys are passed, so a plugin
+    // that drives editor.setEditable keeps Lexical's own aria-readonly.
+    ...(isDisabled ? {
+      'aria-disabled': 'true',
+      'aria-readonly': undefined
+    } : isReadOnly ? {
+      tabIndex: 0,
+      'aria-readonly': 'true'
+    } : null),
     ...stylex.props(styles.contentEditable, dynamicStyles.contentEditableMinHeight(minHeight)),
     ...rest
   };

package/dist/RichTextEditorAutoLinkPlugin.d.ts

@@ -18,22 +18,21 @@
  * NOTE: Experimental `@astryxdesign/richtext` component (canary). `lexical` and
  * `@lexical/*` are OPTIONAL peer dependencies — install them to use this.
  *
- * COMPATIBILITY: astryx aims for its RichTextEditor internals to eventually
- * back Meta's EPS `EPSRichTextArea` (nest/libs/eps-lexical). EPS's auto-link is
- * matcher-driven and applies `target="_blank"` + `rel="noopener noreferrer"` to
- * created links (its `NEW_TAB_LINK_ATTRIBUTES`). This plugin uses the same
- * matcher shape (`createLinkMatcherWithRegExp` + `attributes`) and the same
- * new-tab defaults, so EPS can pass its own richer matcher set (e.g. shortform
- * `D123` / `T456` / `S789` intern URLs) through the `matchers` prop without
- * changing the contract. EPS ships a hardened fork of the transform itself
- * (expanded separators, code-block exclusion) — astryx stays on the OSS
- * `AutoLinkPlugin`, and EPS can substitute its own plugin in the same slot.
+ * COMPATIBILITY: the plugin is deliberately a thin pass-through so an
+ * application with its own link conventions can adopt it without forking. It
+ * uses the stock matcher shape (`createLinkMatcherWithRegExp` + `attributes`)
+ * and new-tab defaults, so a consumer supplies a richer matcher set — an
+ * application-specific identifier or ticket syntax, say — through the
+ * `matchers` prop without changing the contract. An application needing a
+ * hardened transform (expanded separators, code-block exclusion) substitutes
+ * its own plugin in the same slot; astryx stays on the upstream
+ * `AutoLinkPlugin`.
  */
 import { type LinkMatcher } from '@lexical/react/LexicalAutoLinkPlugin';
 /**
  * Attributes written onto every auto-created link so it opens in a new tab.
  * `rel="noopener noreferrer"` is required whenever `target="_blank"` is set, to
- * prevent reverse-tabnabbing. Matches EPS eps-lexical's `NEW_TAB_LINK_ATTRIBUTES`.
+ * prevent reverse-tabnabbing.
  */
 export declare const NEW_TAB_LINK_ATTRIBUTES: {
     readonly target: "_blank";

package/dist/RichTextEditorAutoLinkPlugin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorAutoLinkPlugin.d.ts","sourceRoot":"","sources":["../src/RichTextEditorAutoLinkPlugin.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AAEH,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,sCAAsC,CAAC;AAG9C;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;CAG1B,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,WAAW,EAc9C,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACjE;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,QAAgC,EAChC,QAAQ,GACT,EAAE,iCAAiC,+BAEnC;yBALe,4BAA4B"}
+{"version":3,"file":"RichTextEditorAutoLinkPlugin.d.ts","sourceRoot":"","sources":["../src/RichTextEditorAutoLinkPlugin.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,sCAAsC,CAAC;AAG9C;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;CAG1B,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,qBAAqB,EAAE,WAAW,EAc9C,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACjE;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,4BAA4B,CAAC,EAC3C,QAAgC,EAChC,QAAQ,GACT,EAAE,iCAAiC,+BAEnC;yBALe,4BAA4B"}

package/dist/RichTextEditorAutoLinkPlugin.js

@@ -22,16 +22,15 @@
  * NOTE: Experimental `@astryxdesign/richtext` component (canary). `lexical` and
  * `@lexical/*` are OPTIONAL peer dependencies — install them to use this.
  *
- * COMPATIBILITY: astryx aims for its RichTextEditor internals to eventually
- * back Meta's EPS `EPSRichTextArea` (nest/libs/eps-lexical). EPS's auto-link is
- * matcher-driven and applies `target="_blank"` + `rel="noopener noreferrer"` to
- * created links (its `NEW_TAB_LINK_ATTRIBUTES`). This plugin uses the same
- * matcher shape (`createLinkMatcherWithRegExp` + `attributes`) and the same
- * new-tab defaults, so EPS can pass its own richer matcher set (e.g. shortform
- * `D123` / `T456` / `S789` intern URLs) through the `matchers` prop without
- * changing the contract. EPS ships a hardened fork of the transform itself
- * (expanded separators, code-block exclusion) — astryx stays on the OSS
- * `AutoLinkPlugin`, and EPS can substitute its own plugin in the same slot.
+ * COMPATIBILITY: the plugin is deliberately a thin pass-through so an
+ * application with its own link conventions can adopt it without forking. It
+ * uses the stock matcher shape (`createLinkMatcherWithRegExp` + `attributes`)
+ * and new-tab defaults, so a consumer supplies a richer matcher set — an
+ * application-specific identifier or ticket syntax, say — through the
+ * `matchers` prop without changing the contract. An application needing a
+ * hardened transform (expanded separators, code-block exclusion) substitutes
+ * its own plugin in the same slot; astryx stays on the upstream
+ * `AutoLinkPlugin`.
  */
 import { AutoLinkPlugin, createLinkMatcherWithRegExp } from '@lexical/react/LexicalAutoLinkPlugin';
 import { URL_MATCHER, EMAIL_MATCHER, sanitizeUrl } from "./linkUtils.js";
@@ -39,7 +38,7 @@ import { URL_MATCHER, EMAIL_MATCHER, sanitizeUrl } from "./linkUtils.js";
 /**
  * Attributes written onto every auto-created link so it opens in a new tab.
  * `rel="noopener noreferrer"` is required whenever `target="_blank"` is set, to
- * prevent reverse-tabnabbing. Matches EPS eps-lexical's `NEW_TAB_LINK_ATTRIBUTES`.
+ * prevent reverse-tabnabbing.
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export const NEW_TAB_LINK_ATTRIBUTES = {

package/dist/RichTextEditorToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorToolbar.d.ts","sourceRoot":"","sources":["../src/RichTextEditorToolbar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgHf;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;CAgBrB,CAAC;AAwOX,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnE;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAyB,EACzB,aAAkC,EAClC,IAAW,EACX,OAAc,EACd,YAAY,EACZ,iBAAwB,EACxB,UAAU,GACX,EAAE,0BAA0B,+BA8d5B;yBAtee,qBAAqB"}
+{"version":3,"file":"RichTextEditorToolbar.d.ts","sourceRoot":"","sources":["../src/RichTextEditorToolbar.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AAEH,OAAO,EAML,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAgHf;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;CAgBrB,CAAC;AAwOX,MAAM,WAAW,0BAA0B;IACzC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAClD;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B;;;;;;;;;OASG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC;IACnE;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B;;;;OAIG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,KAAyB,EACzB,aAAkC,EAClC,IAAW,EACX,OAAc,EACd,YAAY,EACZ,iBAAwB,EACxB,UAAU,GACX,EAAE,0BAA0B,+BA6d5B;yBAree,qBAAqB"}

package/dist/RichTextEditorToolbar.js

@@ -431,9 +431,8 @@ export function RichTextEditorToolbar({
     setActiveFormats(formats);
 
     // Link active state — a link is "active" when the caret/selection anchor
-    // sits inside a LinkNode (or its immediate parent is one). Mirrors the EPS
-    // eps-lexical toolbar (`$isLinkNode(parent) || $isLinkNode(node)`), which is
-    // the implementation astryx aims to be swappable with.
+    // sits inside a LinkNode (or its immediate parent is one):
+    // `$isLinkNode(parent) || $isLinkNode(node)`.
     const node = selection.anchor.getNode();
     const parent = node.getParent();
     const linkNode = $isLinkNode(node) ? node : $isLinkNode(parent) ? parent : null;

package/dist/RichTextView.d.ts

@@ -1,13 +1,15 @@
 /**
  * @file RichTextView.tsx
  * @input Uses React, Lexical (lexical + @lexical/react, composed through
- *   LexicalExtensionComposer), design tokens
+ *   LexicalExtensionComposer), mergeProps from core utils, design tokens,
+ *   TableScrollRegionPlugin
  * @output Exports RichTextView component and RichTextViewProps
- * @position Read-only renderer for serialized Lexical editor state; experimental
- *   (richtext), exported from @astryxdesign/richtext
+ * @position Read-only renderer for serialized Lexical editor state, exposed to
+ *   assistive technology as document content rather than a form field;
+ *   experimental (richtext), exported from @astryxdesign/richtext
  *
  * SYNC: When modified, update these files to stay in sync:
- * - /packages/richtext/src/RichTextView.test.tsx
+ * - /packages/richtext/src/RichTextEditor.test.tsx
  * - /packages/richtext/src/index.ts
  * - /apps/storybook/stories/RichTextEditor.stories.tsx
  */
@@ -52,6 +54,12 @@ export interface RichTextViewProps extends BaseProps {
  * A read-only renderer for serialized Lexical content. Renders the same styled
  * output as {@link RichTextEditor} without any editing affordances.
  *
+ * The output is document content, not a form field: headings, lists and links
+ * keep their own roles for assistive technology, and the view takes no label.
+ * For a labelled, read-only field, use `<RichTextEditor isReadOnly />`. A
+ * table wider than the view scrolls inside a region named "Table" that takes a
+ * tab stop while it overflows, as core `Table` does.
+ *
  * @example
  * ```
  * import {RichTextView} from '@astryxdesign/richtext';

package/dist/RichTextView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextView.d.ts","sourceRoot":"","sources":["../src/RichTextView.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAWlD,OAAO,KAAK,EAEV,KAAK,EACL,WAAW,EAEZ,MAAM,SAAS,CAAC;AAoBjB,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAyCD;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAyB,EACzB,YAAY,EACZ,aAAoB,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAyFnB;yBApGe,YAAY"}
+{"version":3,"file":"RichTextView.d.ts","sourceRoot":"","sources":["../src/RichTextView.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,EAA8B,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAGlE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,oBAAoB,CAAC;AAalD,OAAO,KAAK,EAEV,KAAK,EACL,WAAW,EAEZ,MAAM,SAAS,CAAC;AAyCjB,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;IAC1C;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC;;;;OAIG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B;AAyCD;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAyB,EACzB,YAAY,EACZ,aAAoB,EACpB,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,iBAAiB,+BAqHnB;yBAhIe,YAAY"}