@tangle-network/sandbox-ui 0.14.0 → 0.15.2

package/dist/editor.d.ts

@@ -1,120 +1 @@
-import { C as Collaborator, a as ConnectionState } from './document-editor-pane-A70-EhdQ.js';
-export { D as DocumentEditorBackend, b as DocumentEditorMode, c as DocumentEditorPane, d as DocumentEditorPaneCollaborationConfig, e as DocumentEditorPaneProps, E as EditorContextValue, f as EditorProvider, g as EditorProviderProps, i as EditorTokenRefreshResult, h as EditorUser, u as useEditorContext } from './document-editor-pane-A70-EhdQ.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Editor } from '@tiptap/react';
-import { HocuspocusProvider } from '@hocuspocus/provider';
-import 'react';
-import './artifact-pane-Bh45Ssco.js';
-import 'yjs';
-
-/**
- * Editor toolbar component.
- * Provides basic formatting controls.
- */
-declare function EditorToolbar({ editor, className, }: {
-    editor: Editor | null;
-    className?: string;
-}): react_jsx_runtime.JSX.Element | null;
-
-/**
- * Props for TiptapEditor component.
- */
-interface TiptapEditorProps {
-    /** Initial content for new documents (markdown string) */
-    initialContent?: string;
-    /** Placeholder text when editor is empty */
-    placeholder?: string;
-    /** Whether the editor is read-only */
-    readOnly?: boolean;
-    /** Whether to auto-focus on mount */
-    autoFocus?: boolean;
-    /** Custom className for the editor wrapper */
-    className?: string;
-    /** Custom className for the editor content area */
-    contentClassName?: string;
-    /** Callback when content changes */
-    onUpdate?: (editor: Editor) => void;
-    /** Callback when selection changes */
-    onSelectionUpdate?: (editor: Editor) => void;
-    /** Callback when editor is ready */
-    onReady?: (editor: Editor) => void;
-}
-/**
- * TiptapEditor - Collaborative markdown editor with Y.js sync.
- * Must be used within an EditorProvider.
- */
-declare function TiptapEditor({ initialContent, placeholder, readOnly, autoFocus, className, contentClassName, onUpdate, onSelectionUpdate, onReady, }: TiptapEditorProps): react_jsx_runtime.JSX.Element;
-/**
- * Collaborators list component.
- * Shows active users in the document.
- */
-declare function CollaboratorsList({ collaborators, className, }: {
-    collaborators: Collaborator[];
-    className?: string;
-}): react_jsx_runtime.JSX.Element | null;
-
-/**
- * Hook to get the current connection state and helpers.
- */
-declare function useEditorConnection(): {
-    /** Current connection state string */
-    state: ConnectionState;
-    /** Whether connected to the server (connected or synced) */
-    isConnected: boolean;
-    /** Whether currently attempting to connect */
-    isConnecting: boolean;
-    /** Whether disconnected from the server */
-    isDisconnected: boolean;
-    /** Whether the document is synced with the server */
-    isSynced: boolean;
-    /** Connect to the collaboration server */
-    connect: () => void;
-    /** Disconnect from the collaboration server */
-    disconnect: () => void;
-};
-/**
- * Hook to get the list of active collaborators.
- */
-declare function useCollaborators(): {
-    /** List of active collaborators (excluding self) */
-    collaborators: Collaborator[];
-    /** Number of other collaborators */
-    count: number;
-    /** Whether there are other collaborators present */
-    hasOthers: boolean;
-};
-/**
- * Hook to track a specific collaborator's presence.
- */
-declare function useCollaboratorPresence(userId: string): Collaborator | null;
-/**
- * Hook to sync local state with the Y.Doc.
- * Useful for persisting editor metadata.
- */
-declare function useYjsState<T>(key: string, initialValue: T): [T, (value: T) => void];
-/**
- * Hook to track document changes.
- * Returns true if there are unsaved changes since the last save.
- */
-declare function useDocumentChanges(onSave?: () => Promise<void>): {
-    /** Whether there are unsaved changes */
-    isDirty: boolean;
-    /** Whether save is in progress */
-    isSaving: boolean;
-    /** When the document was last saved */
-    lastSaved: Date | null;
-    /** Save the document */
-    save: () => Promise<void>;
-};
-/**
- * Hook to get awareness state for presence features.
- * Provides lower-level access to the Hocuspocus awareness.
- */
-declare function useAwareness(): {
-    localState: Record<string, unknown>;
-    setLocalState: (state: Record<string, unknown>) => void;
-    setLocalStateField: (field: string, value: unknown) => void;
-    awareness: HocuspocusProvider["awareness"] | undefined;
-};
-
-export { Collaborator, CollaboratorsList, ConnectionState, EditorToolbar, TiptapEditor, type TiptapEditorProps, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useYjsState };
+export { Collaborator, CollaboratorsList, ConnectionState, DocumentEditorBackend, DocumentEditorMode, DocumentEditorPane, DocumentEditorPaneCollaborationConfig, DocumentEditorPaneProps, EditorContextValue, EditorProvider, EditorProviderProps, EditorTokenRefreshResult, EditorToolbar, EditorUser, TiptapEditor, TiptapEditorProps, useAwareness, useCollaboratorPresence, useCollaborators, useDocumentChanges, useEditorConnection, useEditorContext, useYjsState } from '@tangle-network/ui/editor';

package/dist/editor.js

@@ -11,11 +11,7 @@ import {
   useEditorConnection,
   useEditorContext,
   useYjsState
-} from "./chunk-U6QTHMY6.js";
-import "./chunk-Q56BYXQF.js";
-import "./chunk-HB5Y37YU.js";
-import "./chunk-T7HMZEVO.js";
-import "./chunk-RQHJBTEU.js";
+} from "./chunk-YVXK4XRO.js";
 export {
   CollaboratorsList,
   DocumentEditorPane,

package/dist/files.d.ts

@@ -1,129 +1 @@
-import { F as FileNode, a as FileTabData } from './file-tabs-BLfxfmAH.js';
-export { b as FileTabs, c as FileTabsProps, d as FileTree, e as FileTreeProps, f as FileTreeVisibilityOptions, g as filterFileTree } from './file-tabs-BLfxfmAH.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { GitStatusEntry, ContextMenuItem, ContextMenuOpenContext, GitStatus } from '@pierre/trees';
-import { ReactNode, CSSProperties } from 'react';
-import { b as DocumentEditorMode, D as DocumentEditorBackend, d as DocumentEditorPaneCollaborationConfig } from './document-editor-pane-A70-EhdQ.js';
-import { A as ArtifactPaneProps } from './artifact-pane-Bh45Ssco.js';
-import '@hocuspocus/provider';
-import 'yjs';
-
-/**
- * Re-export Pierre's git-status union under a stable name so consumers
- * don't import directly from the dep. If we ever swap the underlying
- * implementation, only this file changes.
- */
-type RichFileTreeGitStatus = GitStatus;
-type RichFileTreeGitEntry = GitStatusEntry;
-interface RichFileTreeProps {
-    /**
-     * Either a recursive `FileNode` tree (matches the existing FileTree
-     * input) or a flat list of canonical paths. Pass exactly one.
-     */
-    root?: FileNode;
-    paths?: ReadonlyArray<string>;
-    /** Currently-selected path. Pierre supports multi-select internally; the
-     * wrapper exposes a single string for parity with FileTree. */
-    selectedPath?: string;
-    /** Called whenever the selection changes (single-select fan-out). */
-    onSelect?: (path: string) => void;
-    /** Show the inline search input. Defaults to true. */
-    search?: boolean;
-    /** Open / closed initial expansion. Defaults to "open" — match FileTree. */
-    initialExpansion?: "open" | "closed";
-    /** Optional git-status decorations per path. */
-    gitStatus?: ReadonlyArray<RichFileTreeGitEntry>;
-    /**
-     * Right-click / button-lane menu content. Receives the row and the
-     * trigger context (which interaction opened the menu).
-     */
-    renderContextMenu?: (item: ContextMenuItem, context: ContextMenuOpenContext) => ReactNode;
-    /** Optional header rendered above the tree rows. */
-    header?: ReactNode;
-    /**
-     * Theme override map for shadow-DOM CSS variables. Most consumers can
-     * leave this — defaults derive from the host element's computed
-     * tokens via `cssVarFromToken()`.
-     */
-    themeOverrides?: Partial<RichFileTreeThemeVars>;
-    className?: string;
-    style?: CSSProperties;
-    /** Inline height (or set via `style.height`). Defaults to 100% of parent. */
-    height?: number | string;
-}
-interface RichFileTreeThemeVars {
-    /** Selected-row background. */
-    selectedBg: string;
-    /** Selected-row foreground. */
-    selectedFg: string;
-    /** Default row foreground. */
-    fg: string;
-    /** Hover background. */
-    hoverBg: string;
-    /** Border / divider color. */
-    border: string;
-    /** Muted (parent path, breadcrumb) foreground. */
-    mutedFg: string;
-}
-declare function RichFileTree({ root, paths, selectedPath, onSelect, search, initialExpansion, gitStatus, renderContextMenu, header, themeOverrides, className, style, height, }: RichFileTreeProps): react_jsx_runtime.JSX.Element;
-
-/**
- * FilePreview — universal file renderer.
- *
- * Renders any file type beautifully:
- * - PDF: embedded viewer
- * - CSV/XLSX: tabular preview
- * - Code (py/json/yaml/ts/js): line-numbered viewer
- * - Markdown: rendered prose
- * - Images: inline display
- * - Text: monospace preview
- */
-interface FilePreviewProps {
-    filename: string;
-    content?: string;
-    blobUrl?: string;
-    mimeType?: string;
-    onClose?: () => void;
-    onDownload?: () => void;
-    hideHeader?: boolean;
-    className?: string;
-}
-declare function FilePreview({ filename, content, blobUrl, mimeType, onClose, onDownload, hideHeader, className, }: FilePreviewProps): react_jsx_runtime.JSX.Element;
-
-interface FileArtifactPaneEditorOptions {
-    enabled?: boolean;
-    mode?: DocumentEditorMode;
-    defaultMode?: DocumentEditorMode;
-    onModeChange?: (mode: DocumentEditorMode) => void;
-    backend?: DocumentEditorBackend;
-    collaboration?: DocumentEditorPaneCollaborationConfig;
-    placeholder?: string;
-    autoFocus?: boolean;
-    readOnly?: boolean;
-    saving?: boolean;
-    saveLabel?: string;
-    onChange?: (markdown: string) => void;
-    onSave?: (markdown: string) => Promise<void> | void;
-    previewClassName?: string;
-    editorClassName?: string;
-}
-interface FileArtifactPaneProps extends Omit<FilePreviewProps, "className"> {
-    path?: string;
-    tabs?: FileTabData[];
-    activeTabId?: string;
-    onTabSelect?: (id: string) => void;
-    onTabClose?: (id: string) => void;
-    eyebrow?: ArtifactPaneProps["eyebrow"];
-    meta?: ArtifactPaneProps["meta"];
-    toolbar?: ArtifactPaneProps["toolbar"];
-    footer?: ArtifactPaneProps["footer"];
-    className?: string;
-    editor?: FileArtifactPaneEditorOptions;
-}
-/**
- * FileArtifactPane — opinionated artifact frame for file previews with tabs and
- * header actions.
- */
-declare function FileArtifactPane({ filename, content, blobUrl, mimeType, onClose, onDownload, path, tabs, activeTabId, onTabSelect, onTabClose, eyebrow, meta, toolbar, footer, className, editor, }: FileArtifactPaneProps): react_jsx_runtime.JSX.Element;
-
-export { FileArtifactPane, type FileArtifactPaneProps, FileNode, FilePreview, type FilePreviewProps, FileTabData, RichFileTree, type RichFileTreeGitEntry, type RichFileTreeGitStatus, type RichFileTreeProps, type RichFileTreeThemeVars };
+export { FileArtifactPane, FileArtifactPaneProps, FileNode, FilePreview, FilePreviewProps, FileTabData, FileTabs, FileTabsProps, FileTree, FileTreeProps, FileTreeVisibilityOptions, RichFileTree, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps, RichFileTreeThemeVars, filterFileTree } from '@tangle-network/ui/files';

package/dist/files.js

@@ -1,16 +1,11 @@
-import {
-  RichFileTree
-} from "./chunk-LQNEZDRM.js";
 import {
   FileArtifactPane,
   FilePreview,
   FileTabs,
   FileTree,
+  RichFileTree,
   filterFileTree
-} from "./chunk-QDH5GEGY.js";
-import "./chunk-HB5Y37YU.js";
-import "./chunk-T7HMZEVO.js";
-import "./chunk-RQHJBTEU.js";
+} from "./chunk-3J6FG3FJ.js";
 export {
   FileArtifactPane,
   FilePreview,