@pstdio/ui 0.20.0 → 0.21.0

package/dist/components/data-table/build-columns.d.ts

@@ -7,6 +7,7 @@ interface BuildColumnsOptions {
     compactHeaders?: Partial<Record<string, string>>;
     enableSelection?: boolean;
     rowActions?: DataTableRowAction[];
+    getRowActions?: (row: RowData) => DataTableRowAction[];
     selectedRowIds?: RowSelectionState;
     columnRenderers?: Partial<Record<string, DataTableColumnRenderer>>;
 }

package/dist/components/data-table/types.d.ts

@@ -96,6 +96,7 @@ export interface DataTableProps {
     selectionMode?: "none" | "multiple";
     selectionActions?: DataTableSelectionAction[];
     rowActions?: DataTableRowAction[];
+    getRowActions?: (row: RowData) => DataTableRowAction[];
     compactHeaders?: Partial<Record<string, string>>;
     getRowId?: (row: RowData, index: number) => string;
     toolbarStorageKey?: string;

package/dist/components/diff-viewer/code-editor.d.ts

@@ -1,3 +1,4 @@
+import { OnMount } from '@monaco-editor/react';
 export declare const createCodeEditorPreloader: (initialize: () => Promise<unknown>) => () => Promise<unknown>;
 export declare const preloadCodeEditor: () => Promise<unknown>;
 export declare const customTheme: {
@@ -14,6 +15,7 @@ export declare const customTheme: {
         "editorIndentGuide.activeBackground": string;
     };
 };
+export declare const configureCodeEditor: (editor: Parameters<OnMount>[0], monaco: Parameters<OnMount>[1]) => void;
 interface CodeEditorProps {
     language: string;
     defaultCode?: string;

package/dist/components/diff-viewer/file-change-badge.d.ts

@@ -0,0 +1,3 @@
+export declare const FileChangeBadge: (props: {
+    change: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/diff-viewer/file-list-panel.d.ts

@@ -1,6 +1,5 @@
 import { ChangedFilesViewMode, FileIconInfo } from './types';
 interface FileListPanelProps {
-    title: string;
     paths: string[];
     selectedPath: string | null;
     viewMode: ChangedFilesViewMode;

package/dist/components/diff-viewer/index.d.ts

@@ -2,6 +2,8 @@ export { CodeDiffEditor, CodeEditor, preloadCodeEditor } from './code-editor';
 export { DiffBubble } from './diff-bubble';
 export type { Diff } from './diff-card';
 export { DiffDrawer } from './diff-drawer';
+export { isBinaryDiffPath, isGeneratedDiffPath, LARGE_DIFF_LINE_THRESHOLD } from './diff-size';
 export { DiffViewer, type DiffViewerProps } from './diff-viewer';
 export { useDiffViewerStore } from './diff-viewer.store';
+export { FileChangeBadge } from './file-change-badge';
 export type { ChangedFilesViewMode, DiffViewMode, FileIconInfo } from './types';

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

@@ -194,6 +194,8 @@ export interface FileUploadValue {
     id: string;
     file: File;
     status: FileUploadStatus;
+    /** Host-owned upload ref. Set after the selected file reaches storage. */
+    ref?: string;
     progress?: number;
     error?: string;
 }

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

@@ -6,6 +6,7 @@ interface TagEditorRowProps {
     iconOptions?: readonly IconColorPickerIconOption[];
     value: TagEditorValue;
     isSaving?: boolean;
+    readOnly?: boolean;
     showDefault?: boolean;
     showIcons?: boolean;
     onActionsChange: (actions: string[]) => void;

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

@@ -28,6 +28,7 @@ export interface TagEditorProps {
     /** Marks the heading with the unsaved-changes asterisk. */
     hasChanges?: boolean;
     isSaving?: boolean;
+    readOnly?: boolean;
     addLabel?: string;
     /** Name given to a freshly added option before it is renamed inline. */
     addName?: 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" | "addLabel" | "addName" | "colorOptions" | "deleteButtonText" | "deleteHeadline" | "deleteNotificationText" | "description" | "iconOptions" | "showIcons" | "title">;
+type EditorLabels = Pick<TagEditorProps, "actionOptions" | "addLabel" | "addName" | "colorOptions" | "deleteButtonText" | "deleteHeadline" | "deleteNotificationText" | "description" | "iconOptions" | "readOnly" | "showDefault" | "onSetDefault" | "showIcons" | "title">;
 type SortableValue = {
     id: string;
     sortOrder: number;

package/dist/components/tree-list/tree-list-background.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { ResourceContextAction } from '../overlays/resource-context-menu';
+interface TreeListBackgroundProps {
+    actions: ResourceContextAction[];
+    children: ReactNode;
+}
+export declare const TreeListBackground: (props: TreeListBackgroundProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tree-list/tree-list-drag.d.ts

@@ -0,0 +1,7 @@
+interface TreeNodeDataTransfer {
+    getData(type: string): string;
+    setData(type: string, value: string): void;
+}
+export declare const writeDraggedTreeNodeId: (dataTransfer: TreeNodeDataTransfer, nodeId: string) => void;
+export declare const readDraggedTreeNodeId: (dataTransfer: TreeNodeDataTransfer) => string | undefined;
+export {};

package/dist/components/tree-list/tree-list-inline-creation-story.d.ts

@@ -0,0 +1,3 @@
+export declare const TreeListInlineCreationStory: (props: {
+    type?: "file" | "folder";
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tree-list/tree-list-inline-input.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { TreeListInlineInput } from './tree-list.types';
+interface TreeListInlineInputRowProps {
+    input: TreeListInlineInput;
+    icon?: ReactNode;
+    level: number;
+}
+export declare const TreeListInlineInputRow: (props: TreeListInlineInputRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tree-list/tree-list-move-surface.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+interface TreeListMoveSurfaceProps {
+    children: ReactNode;
+    onMoveNode?: (sourceNodeId: string, targetNodeId?: string) => void;
+}
+export declare const TreeListMoveSurface: (props: TreeListMoveSurfaceProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/tree-list/tree-list-node-row.d.ts

@@ -15,6 +15,7 @@ interface TreeListNodeRowProps {
     onFocus?: FocusEventHandler<HTMLElement>;
     onNavigate?: (event: TreeListNavigateEvent) => void;
     onToggleNode?: (nodeId: string) => void;
+    onMoveNode?: (sourceNodeId: string, targetNodeId?: string) => void;
 }
 export declare const TreeListNodeRow: (props: TreeListNodeRowProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/tree-list/tree-list.d.ts

@@ -31,6 +31,8 @@ interface TreeListProps {
     draggable?: boolean;
     onReorderSections?: (nextSectionIds: string[]) => void;
     onReorderNodes?: (sectionId: string, nextNodeIds: string[]) => void;
+    /** Move a node onto another node, or onto the tree root when the target is omitted. */
+    onMoveNode?: (sourceNodeId: string, targetNodeId?: string) => void;
     backgroundContextActions?: ResourceContextAction[];
 }
 export declare const TreeList: (props: TreeListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/tree-list/tree-list.types.d.ts

@@ -5,17 +5,30 @@ export type TreeListActionContext = ListRowActionContext;
 export type TreeListActionMenuItem = ListRowActionMenuItem;
 export type TreeListAction = ListRowAction;
 export type TreeListNodeRowVariant = Extract<ListRowVariant, "empty-state">;
+export interface TreeListInlineInput {
+    ariaLabel: string;
+    defaultValue?: string;
+    placeholder?: string;
+    onCommit(value: string): Promise<void> | void;
+    onCancel?(): void;
+}
 /** Tree node data rendered by `TreeList`; extends the row API used by `ListRow`. */
 export type TreeListNode = ListRowItem & {
     id: string;
     children?: TreeListNode[];
     /** Per-node visual row variant. Used for non-interactive placeholder rows. */
     rowVariant?: TreeListNodeRowVariant;
+    inlineInput?: TreeListInlineInput;
+    showContextMenuTrigger?: boolean;
     hiddenByDefault?: boolean;
     /** Opt in to the tree-customization (hide/show) menu. Items are non-hideable unless this is true. */
     canHide?: boolean;
     /** Opt out of reordering while keeping the node visible in its group. */
     canReorder?: boolean;
+    /** Allow this node to be moved to another tree location. */
+    canDrag?: boolean;
+    /** Allow movable nodes to be dropped on this node. */
+    canDrop?: boolean;
 };
 /** Top-level tree section with optional header, actions, empty state, and child nodes. */
 export interface TreeListSection {