@pstdio/ui 0.18.0 → 0.20.0

package/dist/components/rich-text/shared/nodes/MarkdownImageNode.d.ts

@@ -0,0 +1,35 @@
+import { DecoratorNode, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import { ReactNode } from 'react';
+export type SerializedMarkdownImageNode = Spread<{
+    source: string;
+    alt: string;
+    title: string | null;
+}, SerializedLexicalNode>;
+interface MarkdownImageProps {
+    source: string;
+    alt: string;
+    title: string | null;
+    onLoad?: () => void;
+}
+export declare const MarkdownImage: (props: MarkdownImageProps) => import("react/jsx-runtime").JSX.Element;
+export declare class MarkdownImageNode extends DecoratorNode<ReactNode> {
+    __source: string;
+    __alt: string;
+    __title: string | null;
+    static getType(): string;
+    static clone(node: MarkdownImageNode): MarkdownImageNode;
+    constructor(source: string, alt: string, title?: string | null, key?: NodeKey);
+    createDOM(): HTMLSpanElement;
+    updateDOM(): boolean;
+    isInline(): boolean;
+    getSource(): string;
+    getAlt(): string;
+    getTitle(): string | null;
+    getTextContent(): string;
+    exportJSON(): SerializedMarkdownImageNode;
+    static importJSON(node: SerializedMarkdownImageNode): MarkdownImageNode;
+    decorate(editor: LexicalEditor): import("react/jsx-runtime").JSX.Element;
+}
+export declare const $createMarkdownImageNode: (source: string, alt: string, title?: string | null) => MarkdownImageNode;
+export declare const $isMarkdownImageNode: (node: LexicalNode | null | undefined) => node is MarkdownImageNode;
+export {};

package/dist/components/rich-text/shared/nodes/MarkdownLinkNode.d.ts

@@ -0,0 +1,18 @@
+import { LinkAttributes, LinkNode, SerializedLinkNode } from '@lexical/link';
+import { LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import { MarkdownUrlResolver } from '../markdown-url';
+export type SerializedMarkdownLinkNode = Spread<{
+    source: string;
+}, Spread<SerializedLinkNode, SerializedLexicalNode>>;
+export declare class MarkdownLinkNode extends LinkNode {
+    __source: string;
+    static getType(): string;
+    static clone(node: MarkdownLinkNode): MarkdownLinkNode;
+    constructor(source?: string, resolvedUrl?: string | null, attributes?: LinkAttributes, key?: NodeKey);
+    getSource(): string;
+    setURL(url: string): this;
+    exportJSON(): SerializedMarkdownLinkNode;
+    static importJSON(node: SerializedMarkdownLinkNode): MarkdownLinkNode;
+}
+export declare const $createMarkdownLinkNode: (source: string, resolver?: MarkdownUrlResolver, attributes?: LinkAttributes) => MarkdownLinkNode;
+export declare const $isMarkdownLinkNode: (node: LexicalNode | null | undefined) => node is MarkdownLinkNode;

package/dist/components/rich-text/shared/nodes/RawHtmlNode.d.ts

@@ -0,0 +1,31 @@
+import { DecoratorNode, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+import { ReactNode } from 'react';
+export type RawHtmlDisplay = "inline" | "block";
+export type SerializedRawHtmlNode = Spread<{
+    source: string;
+    display: RawHtmlDisplay;
+}, SerializedLexicalNode>;
+interface RawHtmlProps {
+    source: string;
+    display: RawHtmlDisplay;
+}
+export declare const RawHtml: (props: RawHtmlProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare class RawHtmlNode extends DecoratorNode<ReactNode> {
+    __source: string;
+    __display: RawHtmlDisplay;
+    static getType(): string;
+    static clone(node: RawHtmlNode): RawHtmlNode;
+    constructor(source: string, display: RawHtmlDisplay, key?: NodeKey);
+    createDOM(): HTMLDivElement | HTMLSpanElement;
+    updateDOM(previous: RawHtmlNode): boolean;
+    isInline(): boolean;
+    getSource(): string;
+    getDisplay(): RawHtmlDisplay;
+    getTextContent(): string;
+    exportJSON(): SerializedRawHtmlNode;
+    static importJSON(node: SerializedRawHtmlNode): RawHtmlNode;
+    decorate(): import("react/jsx-runtime").JSX.Element;
+}
+export declare const $createRawHtmlNode: (source: string, display: RawHtmlDisplay) => RawHtmlNode;
+export declare const $isRawHtmlNode: (node: LexicalNode | null | undefined) => node is RawHtmlNode;
+export {};

package/dist/components/rich-text/shared/plugins/FloatingTextFormatToolbarPlugin/floating-toolbar-buttons.d.ts

@@ -1,3 +1,4 @@
+import { HeadingTagType } from '@lexical/rich-text';
 import { LexicalEditor } from 'lexical';
 import { BlockType } from './resolve-block-type';
 interface FloatingToolbarButtonsProps {
@@ -6,10 +7,11 @@ interface FloatingToolbarButtonsProps {
     isBold: boolean;
     isItalic: boolean;
     isUnderline: boolean;
+    isCode: boolean;
     isLink: boolean;
-    formatHeading: (headingSize: "h1" | "h2" | "h3") => void;
+    formatHeading: (headingSize: HeadingTagType) => void;
     formatList: (type: "bullet" | "number" | "check") => void;
-    formatCodeBlock: () => void;
+    formatQuote: () => void;
     insertLink: () => void;
 }
 export declare function FloatingToolbarButtons(props: FloatingToolbarButtonsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/rich-text/shared/plugins/FloatingTextFormatToolbarPlugin/resolve-block-type.d.ts

@@ -14,4 +14,4 @@ export declare const blockTypeToBlockName: {
     quote: string;
 };
 export type BlockType = keyof typeof blockTypeToBlockName;
-export declare const resolveBlockTypeFromAnchor: (anchorNode: LexicalNode) => "number" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "bullet" | "check" | "paragraph" | "quote" | null;
+export declare const resolveBlockTypeFromAnchor: (anchorNode: LexicalNode) => "number" | "code" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "paragraph" | "bullet" | "check" | "quote" | null;

package/dist/components/rich-text/shared/plugins/LinkEditorPlugin/utils/setFloatingElemPos.d.ts

@@ -1 +1 @@
-export declare function setFloatingElemPos(targetRect: DOMRect | null, floatingElem: HTMLElement, anchorElem: HTMLElement, verticalGap?: number, horizontalOffset?: number, placement?: "above" | "legacy"): void;
+export declare function setFloatingElemPos(targetRect: DOMRect | null, floatingElem: HTMLElement, anchorElem: HTMLElement, verticalGap?: number, horizontalOffset?: number, placement?: "above" | "legacy", coordinateSpace?: "anchor" | "viewport"): void;

package/dist/components/rich-text/shared/plugins/MermaidPlugin/MermaidNode.d.ts

@@ -20,3 +20,4 @@ export declare class MermaidNode extends DecoratorNode<ReactNode> {
     decorate(): import("react/jsx-runtime").JSX.Element;
 }
 export declare function $isMermaidNode(node: LexicalNode | null | undefined): node is MermaidNode;
+export declare function $createMermaidNode(code: string): MermaidNode;

package/dist/components/rich-text/shared/transformers/markdown-transformers.d.ts

@@ -1,6 +1,5 @@
-import { ElementTransformer, TextMatchTransformer } from '@lexical/markdown';
+import { TextMatchTransformer } from '@lexical/markdown';
 import { TextNode } from 'lexical';
-export declare const TABLE: ElementTransformer;
 export declare const UNDERLINE_INS_TAG: TextMatchTransformer;
 export declare const UNDERLINE_U_TAG: TextMatchTransformer;
 export declare const LINK: TextMatchTransformer;
@@ -14,4 +13,4 @@ export declare const TRANSFORMERS_EXTENDED: (Readonly<{
     getEndIndex?: (node: TextNode, match: RegExpMatchArray) => number | false;
     trigger?: string;
     type: "text-match";
-}> | ElementTransformer)[];
+}> | import('@lexical/markdown').ElementTransformer)[];

package/dist/components/tag-editor/index.d.ts

@@ -1,4 +1,8 @@
 export { TagEditor } from './tag-editor';
 export type { TagEditorAction, TagEditorProps, TagEditorValue } from './tag-editor.types';
+export type { TagEditorHeadingProps } from './tag-editor-heading';
+export { TagEditorHeading } from './tag-editor-heading';
+export type { TagEditorSaveBarProps } from './tag-editor-save-bar';
+export { TagEditorSaveBar } from './tag-editor-save-bar';
 export type { SaveTagSettingsInput, TagSettingsPanelProps } from './tag-settings-panel';
 export { TagSettingsPanel } from './tag-settings-panel';

package/dist/components/tag-editor/tag-editor-heading.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+export interface TagEditorHeadingProps {
+    children: ReactNode;
+    /** Appends the unsaved-changes marker. */
+    hasChanges?: boolean;
+}
+/**
+ * Screen heading for a tag settings panel. The asterisk stays quiet on purpose —
+ * the enabled Save button in the same header is the loud signal.
+ */
+export declare const TagEditorHeading: (props: TagEditorHeadingProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tag-editor/tag-editor-row.d.ts

@@ -1,4 +1,4 @@
-import { IconColorPickerIconOption } from '../primitives/icon-color-picker';
+import { IconColorPickerIconOption } from '../primitives/icon-options';
 import { TagEditorAction, TagEditorValue } from './tag-editor.types';
 interface TagEditorRowProps {
     actionOptions?: TagEditorAction[];

package/dist/components/tag-editor/tag-editor-save-bar.d.ts

@@ -0,0 +1,13 @@
+export interface TagEditorSaveBarProps {
+    onSave: () => void;
+    onReset: () => void;
+    hasChanges?: boolean;
+    isSaving?: boolean;
+    resetLabel?: string;
+    saveLabel?: string;
+}
+/**
+ * The single commit point for a tag settings screen, anchored in its header.
+ * Reset only appears while edits are pending, so the resting state stays quiet.
+ */
+export declare const TagEditorSaveBar: (props: TagEditorSaveBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tag-editor/tag-editor.types.d.ts

@@ -1,4 +1,5 @@
-import { IconColorPickerIconOption } from '../primitives/icon-color-picker';
+import { ReactNode } from 'react';
+import { IconColorPickerIconOption } from '../primitives/icon-options';
 export interface TagEditorValue {
     id: string;
     name: string;
@@ -14,31 +15,30 @@ export interface TagEditorAction {
     label: string;
 }
 export interface TagEditorProps {
-    title: string;
-    description?: string;
     values: TagEditorValue[];
     onValuesChange: (values: TagEditorValue[]) => void;
-    onSave: () => void | Promise<void>;
-    onCancel: () => void;
     onDeleteValue?: (value: TagEditorValue) => void;
     onSetDefault?: (value: TagEditorValue) => void;
+    /** Enables inline renaming of the tag definition itself. */
+    onTitleChange?: (title: string) => void;
+    title?: string;
+    description?: string;
+    /** Rendered on the right of the header row, e.g. a mode toggle and a delete action. */
+    headerActions?: ReactNode;
+    /** Marks the heading with the unsaved-changes asterisk. */
     hasChanges?: boolean;
     isSaving?: boolean;
     addLabel?: string;
-    addPlaceholder?: string;
+    /** Name given to a freshly added option before it is renamed inline. */
+    addName?: string;
     actionOptions?: TagEditorAction[];
-    actionsColumnLabel?: string;
-    cancelLabel?: string;
     defaultAddColor?: string;
     defaultAddIcon?: string | null;
-    defaultColumnLabel?: string;
     deleteButtonText?: string;
     deleteHeadline?: string;
     deleteNotificationText?: (value: TagEditorValue) => string;
     colorOptions?: readonly string[];
     iconOptions?: readonly IconColorPickerIconOption[];
-    saveLabel?: string;
     showDefault?: boolean;
     showIcons?: boolean;
-    valueColumnLabel?: string;
 }

package/dist/components/tag-editor/tag-settings-panel.d.ts

@@ -4,7 +4,7 @@ export interface SaveTagSettingsInput<TValue> {
     drafts: TagEditorValue[];
     values: TValue[];
 }
-type EditorLabels = Pick<TagEditorProps, "actionOptions" | "actionsColumnLabel" | "addLabel" | "addPlaceholder" | "colorOptions" | "deleteButtonText" | "deleteHeadline" | "deleteNotificationText" | "description" | "iconOptions" | "showIcons" | "title" | "valueColumnLabel">;
+type EditorLabels = Pick<TagEditorProps, "actionOptions" | "addLabel" | "addName" | "colorOptions" | "deleteButtonText" | "deleteHeadline" | "deleteNotificationText" | "description" | "iconOptions" | "showIcons" | "title">;
 type SortableValue = {
     id: string;
     sortOrder: number;
@@ -12,6 +12,8 @@ type SortableValue = {
 export interface TagSettingsPanelProps<TValue extends SortableValue> extends EditorLabels {
     errorTitle: string;
     loadingText?: string;
+    resetLabel?: string;
+    saveLabel?: string;
     /** Loaded values; pass undefined while the initial load is pending. */
     values: TValue[] | undefined;
     /** Load/save error surfaced by the host's data layer. */