@pstdio/ui 0.9.0 → 0.10.0

package/dist/components/data-renderer/data-renderer-content.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { DataRendererBoardColumn } from './data-renderer-board';
+import { DataRendererListItem } from './data-renderer-list';
+import { DataRendererSettings } from './types';
+interface DataRendererContentProps {
+    viewMode: DataRendererSettings["viewMode"];
+    boardColumns: DataRendererBoardColumn[];
+    listItems: DataRendererListItem[];
+    selectedRowId: string | null;
+    emptyState?: ReactNode;
+    emptyTitle: string;
+    emptyDescription?: string;
+    onBoardMoveItem: (rowId: string, targetColumnId: string) => void;
+    onBoardMoveToGroup: (rowId: string, targetGroupKey: string) => void;
+    onCreateRow?: (columnId: string) => void;
+    onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
+    listKey: string;
+}
+export declare const DataRendererContent: (props: DataRendererContentProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/data-renderer/data-renderer-list.d.ts

@@ -23,6 +23,14 @@ interface DataRendererListProps {
     selectedItemId?: string | null;
     onItemClick?: (item: DataRendererListItem) => void;
 }
+type DataRendererListExpandedState = true | Record<string, boolean>;
+interface FlattenedDataRendererListItem {
+    id: string;
+    item: DataRendererListItem;
+    depth: number;
+    canExpand: boolean;
+}
 export declare const getDataRendererListIndentation: (depth: number) => string | undefined;
+export declare const flattenDataRendererListItems: (items: DataRendererListItem[], expanded: DataRendererListExpandedState, depth?: number) => FlattenedDataRendererListItem[];
 export declare const DataRendererList: (props: DataRendererListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/data-renderer/data-renderer-story-fixtures.d.ts

@@ -0,0 +1,13 @@
+import { AttributeDescriptor, DataRendererRow } from './types';
+export declare const attributes: AttributeDescriptor[];
+export interface StoryRow extends DataRendererRow {
+    attributes: {
+        status: string;
+        assignee: string;
+        component: string;
+        priority?: string;
+        updated: string;
+        labels?: string[];
+    };
+}
+export declare const initialRows: StoryRow[];

package/dist/components/data-renderer/data-renderer.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { ResourceContextAction } from '../resource-context-menu';
 import { DataRendererBoardColumnAction } from './data-renderer-board';
 import { AttributeDescriptor, DataRendererFilterState, DataRendererRow, DataRendererSettings } from './types';
 export interface BoardColumnConfig {
@@ -13,6 +14,7 @@ export interface DataRendererProps<TRow extends DataRendererRow = DataRendererRo
     storageKey: string;
     attributes: AttributeDescriptor[];
     selectedRowId?: string | null;
+    emptyState?: ReactNode;
     emptyTitle?: string;
     emptyDescription?: string;
     defaultSettings?: Partial<DataRendererSettings>;
@@ -25,5 +27,6 @@ export interface DataRendererProps<TRow extends DataRendererRow = DataRendererRo
     onCreateRow?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
     getBoardColumnConfig?: (groupKey: string) => BoardColumnConfig;
+    getRowContextMenuActions?: (row: TRow) => ResourceContextAction[];
 }
 export declare const DataRenderer: <TRow extends DataRendererRow>(props: DataRendererProps<TRow>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/diff-viewer/diff-drawer-empty-state.d.ts

@@ -0,0 +1 @@
+export declare const DiffDrawerEmptyState: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/diff-viewer/diff-drawer-height.d.ts

@@ -0,0 +1,10 @@
+import { Diff } from './diff-card';
+import { DiffViewMode } from './types';
+interface EstimateDiffCardHeightInput {
+    diff: Diff;
+    isCollapsed: boolean;
+    hasOptedIntoLargeDiff?: boolean;
+    diffViewMode?: DiffViewMode;
+}
+export declare const estimateDiffCardHeight: (input: EstimateDiffCardHeightInput) => number;
+export {};

package/dist/components/diff-viewer/diff-drawer-scroll.d.ts

@@ -0,0 +1,47 @@
+import { Diff } from './diff-card';
+import { DiffViewMode } from './types';
+interface EstimateDiffRangeHeightInput {
+    diffs: Diff[];
+    collapsedPaths: Set<string>;
+    largeDiffOptInPaths: Set<string>;
+    diffViewMode: DiffViewMode;
+    startIndex: number;
+    endIndex: number;
+}
+interface SelectedExpansionCommand {
+    action: string;
+    id: number;
+    path?: string;
+    direction?: "up" | "down";
+}
+interface ResolveSelectedScrollStateInput {
+    diffs: Diff[];
+    selectedDiffPath: string | null;
+    collapsedPaths: Set<string>;
+    expansionCommand: SelectedExpansionCommand | null;
+    completedScrollCommandId: number | null;
+}
+export interface RenderedDiffItem {
+    element: HTMLElement;
+    index: number;
+}
+export declare const estimateDiffRangeHeight: (input: EstimateDiffRangeHeightInput) => number;
+export declare const resolveSelectedScrollState: (input: ResolveSelectedScrollStateInput) => {
+    selectedScrollPath: string | null;
+    selectedScrollKey: string | null;
+    selectedScrollCommandId: number | null;
+    selectedScrollIndex: number;
+    shouldPinSelectedScrollIndex: boolean;
+    hasCompletedSelectedScroll: boolean;
+};
+export declare const includePinnedDiffIndexes: (input: {
+    indexes: number[];
+    selectedScrollIndex: number;
+    shouldPinSelectedScrollIndex: boolean;
+}) => number[];
+export declare const getRenderedDiffItems: (scrollElement: HTMLElement | null) => RenderedDiffItem[];
+export declare const getElementScrollOffset: (input: {
+    element: HTMLElement;
+    scrollElement: HTMLElement | null;
+}) => number;
+export {};

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

@@ -13,19 +13,14 @@ export interface DiffExpansionCommand {
     action: "expand" | "collapse" | "expand-selected";
     id: number;
     path?: string;
+    direction?: "up" | "down";
 }
 export interface DiffDrawerExpansionState {
     allExpanded: boolean;
     allCollapsed: boolean;
 }
+export { estimateDiffCardHeight } from './diff-drawer-height';
 export type { Diff };
-interface EstimateDiffCardHeightInput {
-    diff: Diff;
-    isCollapsed: boolean;
-    hasOptedIntoLargeDiff?: boolean;
-    diffViewMode?: DiffViewMode;
-}
-export declare const estimateDiffCardHeight: (input: EstimateDiffCardHeightInput) => number;
 export declare const buildInitialCollapsedPaths: (diffs: Diff[]) => Set<string>;
 export declare const buildAllCollapsedPaths: (diffs: Diff[]) => Set<string>;
 export declare const toggleCollapsedPath: (collapsedPaths: Set<string>, path: string) => Set<string>;

package/dist/components/diff-viewer/use-selected-diff-scroll.d.ts

@@ -0,0 +1,19 @@
+import { Diff } from './diff-card';
+import { DiffExpansionCommand } from './diff-drawer';
+import { DiffViewMode } from './types';
+interface UseSelectedDiffScrollInput {
+    diffs: Diff[];
+    selectedDiffPath: string | null;
+    collapsedPaths: Set<string>;
+    largeDiffOptInPaths: Set<string>;
+    expansionCommand: DiffExpansionCommand | null;
+    diffViewMode: DiffViewMode;
+    scrollRef: {
+        current: HTMLDivElement | null;
+    };
+}
+export declare const useSelectedDiffScroll: (input: UseSelectedDiffScrollInput) => {
+    selectedScrollIndex: number;
+    shouldPinSelectedScrollIndex: boolean;
+};
+export {};

package/dist/components/icon-color-picker.d.ts

@@ -1,9 +1,25 @@
 import { ComponentType } from 'react';
+export interface IconColorPickerIconOption {
+    value: string | null;
+    label: string;
+    icon: ComponentType;
+}
 export declare const optionColors: readonly ["gray", "red", "orange", "yellow", "green", "teal", "blue", "cyan", "purple", "pink"];
-export declare const getIconComponent: (name: string | null | undefined) => ComponentType;
+export declare const optionIcons: ({
+    value: null;
+    label: string;
+    icon: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+} | {
+    value: string;
+    label: string;
+    icon: import('react').ForwardRefExoticComponent<Omit<import('lucide-react').LucideProps, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
+})[];
+export declare const getIconComponent: (name: string | null | undefined, iconOptions?: readonly IconColorPickerIconOption[]) => ComponentType;
 export interface IconColorPickerProps {
     color: string;
+    colorOptions?: readonly string[];
     icon?: string | null;
+    iconOptions?: readonly IconColorPickerIconOption[];
     onColorChange: (color: string) => void;
     onIconChange?: (icon: string | null) => void;
     disabled?: boolean;

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

@@ -72,6 +72,8 @@ export interface ListRowProps extends ListRowItem, Omit<ListRowRootProps, "as" |
     showExpandToggle?: boolean;
     variant?: ListRowVariant;
     tone?: ListRowTone;
+    selectedBg?: ListRowRootProps["bg"];
+    hoverBg?: ListRowRootProps["bg"];
     /** Wrap content into a single child element. Used for `<Menu.Item asChild><ListRow asChild>…</ListRow></Menu.Item>` and link components. */
     asChild?: boolean;
     onToggleExpand?: () => void;

package/dist/components/palette.d.ts

@@ -41,6 +41,7 @@ export interface PaletteProps<T extends PaletteEntry = PaletteEntry> {
     footerEnd?: ReactNode;
     filterEntries?: (entries: T[], query: string, mode?: string) => T[];
     onActiveEntryChange?: (entry: T | null, index: number) => void;
+    onQueryChange?: (query: string) => void;
     onClose: () => void;
     onEscape?: (ctx: PaletteEscapeContext<T>) => boolean | undefined;
 }

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

@@ -0,0 +1,2 @@
+export type { ParamEditorProps } from './param-editor';
+export { ParamEditor } from './param-editor';

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

@@ -0,0 +1,4 @@
+export { TagEditor } from './tag-editor';
+export type { TagEditorAction, TagEditorProps, TagEditorValue } from './tag-editor.types';
+export type { SaveTagSettingsInput, TagSettingsPanelProps } from './tag-settings-panel';
+export { TagSettingsPanel } from './tag-settings-panel';

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

@@ -0,0 +1,19 @@
+import { IconColorPickerIconOption } from '../icon-color-picker';
+import { TagEditorAction, TagEditorValue } from './tag-editor.types';
+interface TagEditorRowProps {
+    actionOptions?: TagEditorAction[];
+    colorOptions?: readonly string[];
+    iconOptions?: readonly IconColorPickerIconOption[];
+    value: TagEditorValue;
+    isSaving?: boolean;
+    showDefault?: boolean;
+    showIcons?: boolean;
+    onActionsChange: (actions: string[]) => void;
+    onColorChange: (color: string) => void;
+    onDelete: () => void;
+    onIconChange: (icon: string | null) => void;
+    onNameChange: (name: string) => void;
+    onSetDefault: () => void;
+}
+export declare const TagEditorRow: (props: TagEditorRowProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,2 @@
+import { TagEditorProps } from './tag-editor.types';
+export declare const TagEditor: (props: TagEditorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/{status-option-editor/status-option-editor.types.d.ts → tag-editor/tag-editor.types.d.ts}

@@ -1,4 +1,5 @@
-export interface StatusOptionEditorItem {
+import { IconColorPickerIconOption } from '../icon-color-picker';
+export interface TagEditorValue {
     id: string;
     name: string;
     color: string;
@@ -8,32 +9,36 @@ export interface StatusOptionEditorItem {
     isDefault?: boolean;
     isNew?: boolean;
 }
-export interface StatusOptionEditorAction {
+export interface TagEditorAction {
     value: string;
     label: string;
 }
-export interface StatusOptionEditorProps {
+export interface TagEditorProps {
     title: string;
     description?: string;
-    items: StatusOptionEditorItem[];
-    onItemsChange: (items: StatusOptionEditorItem[]) => void;
+    values: TagEditorValue[];
+    onValuesChange: (values: TagEditorValue[]) => void;
     onSave: () => void | Promise<void>;
     onCancel: () => void;
-    onDeleteItem?: (item: StatusOptionEditorItem) => void;
-    onSetDefault?: (item: StatusOptionEditorItem) => void;
+    onDeleteValue?: (value: TagEditorValue) => void;
+    onSetDefault?: (value: TagEditorValue) => void;
     hasChanges?: boolean;
     isSaving?: boolean;
     addLabel?: string;
     addPlaceholder?: string;
-    actionOptions?: StatusOptionEditorAction[];
+    actionOptions?: TagEditorAction[];
     actionsColumnLabel?: string;
     cancelLabel?: string;
     defaultAddColor?: string;
+    defaultAddIcon?: string | null;
     defaultColumnLabel?: string;
     deleteButtonText?: string;
     deleteHeadline?: string;
-    deleteNotificationText?: (item: StatusOptionEditorItem) => 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

@@ -0,0 +1,24 @@
+import { QueryKey } from '@tanstack/react-query';
+import { TagEditorProps, TagEditorValue } from './tag-editor.types';
+export interface SaveTagSettingsInput<TValue> {
+    deletedIds: Set<string>;
+    drafts: TagEditorValue[];
+    values: TValue[];
+}
+type EditorLabels = Pick<TagEditorProps, "actionOptions" | "actionsColumnLabel" | "addLabel" | "addPlaceholder" | "colorOptions" | "deleteButtonText" | "deleteHeadline" | "deleteNotificationText" | "description" | "iconOptions" | "showIcons" | "title" | "valueColumnLabel">;
+type SortableValue = {
+    id: string;
+    sortOrder: number;
+};
+export interface TagSettingsPanelProps<TValue extends SortableValue, TSource> extends EditorLabels {
+    errorTitle: string;
+    loadingText?: string;
+    queryKey: QueryKey;
+    readValues: (source: TSource) => Promise<TValue[]>;
+    saveValues: (source: TSource, input: SaveTagSettingsInput<TValue>) => Promise<void>;
+    source: TSource;
+    toEditorValue: (value: TValue) => TagEditorValue;
+    valueNeedsUpdate: (original: TValue, draft: TagEditorValue) => boolean;
+}
+export declare const TagSettingsPanel: <TValue extends SortableValue, TSource>(props: TagSettingsPanelProps<TValue, TSource>) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/index.d.ts

@@ -40,8 +40,8 @@ export { ErrorBoundary } from './components/error-boundary';
 export type { HeaderProps, HeaderVariant } from './components/header';
 export { Header } from './components/header';
 export { HorizontalMenuStack } from './components/horizontal-menu-stack';
-export type { IconColorPickerProps } from './components/icon-color-picker';
-export { getIconComponent, IconColorPicker, optionColors } from './components/icon-color-picker';
+export type { IconColorPickerIconOption, IconColorPickerProps } from './components/icon-color-picker';
+export { getIconComponent, IconColorPicker, optionColors, optionIcons } from './components/icon-color-picker';
 export type { IntegrationCardProps } from './components/integration-card';
 export { IntegrationCard } from './components/integration-card';
 export type { ItemSectionProps } from './components/item-section';
@@ -75,13 +75,13 @@ export type { SidebarProps } from './components/sidebar/sidebar.types';
 export { SidebarProjectMenu } from './components/sidebar/sidebar-project-menu';
 export type { SimpleCardBodyProps, SimpleCardProps } from './components/simple-card';
 export { SimpleCard, SimpleCardBody } from './components/simple-card';
-export type { StatusOptionEditorItem, StatusOptionEditorProps } from './components/status-option-editor';
-export { StatusOptionEditor } from './components/status-option-editor';
 export type { SwitchProps } from './components/switch';
 export { Switch } from './components/switch';
 export { getTabVisibilityStore, useTabVisibilityStore, } from './components/tab-strip/tab-visibility.store';
 export type { TabVisibilityPlacement } from './components/tab-strip/tab-visibility-filter';
 export { buildTabVisibilityMenuActions, filterVisibleTabs, } from './components/tab-strip/tab-visibility-filter';
+export type { SaveTagSettingsInput, TagEditorAction, TagEditorProps, TagEditorValue, TagSettingsPanelProps, } from './components/tag-editor';
+export { TagEditor, TagSettingsPanel } from './components/tag-editor';
 export { Toaster, toaster } from './components/toaster';
 export { Tooltip } from './components/tooltip';
 export { TreeList } from './components/tree-list/tree-list';