@tensor_1/react 2.17.0 → 2.19.0

package/dist/components/RelationshipGraphList.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { RelationshipGraphNode, RelationshipGraphEdge } from '../relationship-graph-model.js';
+import { RelationshipGraphLabels } from './RelationshipGraph.js';
+
+/** The list every RelationshipGraph mode pairs with its picture (internal). */
+declare function EquivalentRelationshipList({ nodes, edges, selectedId, labels, onSelect, onExpandNeighbors, onOpenDetails, }: {
+    nodes: RelationshipGraphNode[];
+    edges: RelationshipGraphEdge[];
+    selectedId: string | undefined;
+    labels: RelationshipGraphLabels;
+    onSelect: (id: string) => void;
+    onExpandNeighbors: ((node: RelationshipGraphNode) => void) | undefined;
+    onOpenDetails: ((node: RelationshipGraphNode) => void) | undefined;
+}): react.JSX.Element;
+
+export { EquivalentRelationshipList };

package/dist/components/RelationshipGraphList.js

@@ -0,0 +1,33 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { relationshipNeighbors } from "../relationship-graph-model.js";
+function EquivalentRelationshipList({
+  nodes,
+  edges,
+  selectedId,
+  labels,
+  onSelect,
+  onExpandNeighbors,
+  onOpenDetails
+}) {
+  const labelById = new Map(nodes.map((node) => [node.id, node.label]));
+  return /* @__PURE__ */ jsxs("div", { className: "uix-relationship-graph__list", role: "region", "aria-label": labels.list, children: [
+    /* @__PURE__ */ jsx("h3", { children: labels.listHeading }),
+    /* @__PURE__ */ jsx("ul", { children: nodes.map((node) => {
+      const neighbors = relationshipNeighbors(node.id, edges).map((id) => labelById.get(id) ?? id);
+      return /* @__PURE__ */ jsxs("li", { "data-selected": selectedId === node.id || void 0, children: [
+        /* @__PURE__ */ jsxs("button", { type: "button", onClick: () => onSelect(node.id), "aria-pressed": selectedId === node.id, children: [
+          /* @__PURE__ */ jsx("strong", { children: node.label }),
+          node.type && /* @__PURE__ */ jsx("span", { children: node.type }),
+          /* @__PURE__ */ jsx("span", { children: neighbors.length ? labels.connectedTo(neighbors.join(", ")) : labels.noConnections })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "uix-relationship-graph__list-actions", children: [
+          onExpandNeighbors && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onExpandNeighbors(node), children: labels.expandNeighbors }),
+          onOpenDetails && /* @__PURE__ */ jsx("button", { type: "button", onClick: () => onOpenDetails(node), children: labels.openDetails })
+        ] })
+      ] }, node.id);
+    }) })
+  ] });
+}
+export {
+  EquivalentRelationshipList
+};

package/dist/components/RichTextEditor.d.ts

@@ -0,0 +1,128 @@
+import * as react from 'react';
+import { ReactNode } from 'react';
+import { EmojiItem } from '@tiptap/extension-emoji';
+import { EmojiLocale } from '../emoji-model.js';
+import { EmojiPickerLabels } from './EmojiPicker.js';
+import '../overlay-position.js';
+
+type RichTextFeatures = 'full' | 'comment' | 'template';
+type RichTextHeadingLevel = 1 | 2 | 3;
+/** Every visible and accessible string of the editor. Placeholders are filled by the editor. */
+interface RichTextLabels {
+    toolbar: string;
+    heading1: string;
+    heading2: string;
+    heading3: string;
+    bold: string;
+    italic: string;
+    strike: string;
+    code: string;
+    bulletList: string;
+    orderedList: string;
+    taskList: string;
+    blockquote: string;
+    codeBlock: string;
+    horizontalRule: string;
+    link: string;
+    /** Label of the link address field. */
+    linkUrl: string;
+    linkApply: string;
+    linkRemove: string;
+    /** Shown when the link address is refused by `isSafeUrl`. */
+    linkInvalid: string;
+    table: string;
+    tableAddRow: string;
+    tableAddColumn: string;
+    tableDeleteRow: string;
+    tableDeleteColumn: string;
+    tableDelete: string;
+    image: string;
+    imageUploading: string;
+    imageFailed: string;
+    emoji: string;
+    /** Accessible name of the `:shortcode` suggestion list. */
+    emojiSuggestions: string;
+    undo: string;
+    redo: string;
+    /** Toggle to markdown source. */
+    sourceMode: string;
+    /** Toggle back to formatted editing. */
+    richMode: string;
+    /** Character counter. Placeholders: `{count}`, `{max}`. */
+    characterCount: string;
+}
+declare const DEFAULT_RICH_TEXT_LABELS: RichTextLabels;
+interface RichTextEditorProps {
+    /** Markdown. */
+    value: string;
+    /**
+     * Fired only for user edits — never on mount or when `value` changes from outside.
+     * Pass the emitted markdown back as `value` in the same update (as React state does):
+     * a different `value` is treated as an outside change and replaces the content.
+     */
+    onChange: (markdown: string) => void;
+    /** Toolbar preset. Default `'full'`. */
+    features?: RichTextFeatures;
+    /** Heading levels the toolbar and input rules offer. Default `[1, 2, 3]`. */
+    headingLevels?: ReadonlyArray<RichTextHeadingLevel>;
+    /** Enables the image button (preset `full`), and image paste/drop. */
+    onUploadImage?: (file: File) => Promise<{
+        src: string;
+        alt: string;
+    }>;
+    /** Link policy. Default: http(s), mailto and same-app paths. */
+    isSafeUrl?: (url: string) => boolean;
+    /** Image policy: the URL to display, or `null` to show the image as a link chip. */
+    resolveImageSrc?: (src: string) => string | null;
+    /** Ctrl/Cmd+Enter. */
+    onSubmitShortcut?: () => void;
+    /** Emoji button and `:shortcode` suggestions. Default `true`. */
+    emoji?: boolean;
+    /**
+     * Same-origin folder of fallback emoji PNGs for devices without a colour emoji font
+     * (e.g. `/static/emoji`). Emoji the device cannot draw show as
+     * `<img src="{base}/{codepoints}.png">`; see `emojiImageFileName`. Values with a scheme or
+     * `//` are ignored. Unset = native emoji only; UIx ships no image set.
+     */
+    emojiImageBaseUrl?: string;
+    /** Shows a character counter (markdown characters); over the limit sets `aria-invalid`. */
+    maxLength?: number;
+    placeholder?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    labels?: Partial<RichTextLabels>;
+    /** Labels of the emoji picker opened from the toolbar. */
+    emojiPickerLabels?: Partial<EmojiPickerLabels>;
+    /** Language of emoji names in the picker. Default `'en'`. */
+    emojiLocale?: EmojiLocale;
+    id?: string;
+    /** Renders a hidden input with the markdown, for native form posts. */
+    name?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-describedby'?: string;
+    'aria-invalid'?: boolean;
+    'aria-required'?: boolean;
+    /** `'composer'` renders inside Composer with the toolbar in ComposerBar. Default `'field'`. */
+    variant?: 'field' | 'composer';
+    /** Composer actions (visibility, send), placed at the end of the bar. */
+    toolbarEnd?: ReactNode;
+    /** Minimum visible lines. Default 4 (field) / 3 (composer). */
+    minRows?: number;
+    className?: string;
+    onBlur?: () => void;
+}
+/** `:query` → up to eight emoji whose shortcodes or tags start with the query. */
+declare function suggestEmoji(query: string, limit?: number): EmojiItem[];
+/** The loading/error stand-in: a plain Textarea with the same value and ARIA, and the composer bar. */
+declare function RichTextEditorFallback(props: RichTextEditorProps): react.JSX.Element;
+/**
+ * Markdown rich-text editor on Tiptap v3 (RTE-01). Markdown in, markdown out:
+ * untouched blocks keep their exact source bytes, `onChange` fires only for user
+ * edits, emoji are stored as Unicode, raw HTML is never interpreted, and links and
+ * images pass the consumer's policy. The toolbar is one tab stop (arrow keys move
+ * within it) and scrolls horizontally on narrow screens.
+ */
+declare function RichTextEditor(props: RichTextEditorProps): react.JSX.Element;
+
+export { DEFAULT_RICH_TEXT_LABELS, RichTextEditor, RichTextEditorFallback, type RichTextEditorProps, type RichTextFeatures, type RichTextHeadingLevel, type RichTextLabels, suggestEmoji };