@pstdio/ui 0.19.0 → 0.20.1

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 {