@pstdio/ui 0.5.0 → 0.5.2

package/dist/components/sidebar/sidebar.store.d.ts

@@ -2,6 +2,7 @@ interface SidebarSnapshot {
     open: boolean;
     expandedSections: string[];
     expandedNodes: string[];
+    width: number | null;
 }
 interface SidebarState extends SidebarSnapshot {
     openSidebar: () => void;
@@ -11,6 +12,7 @@ interface SidebarState extends SidebarSnapshot {
     toggleNode: (nodeId: string) => void;
     setSectionExpanded: (sectionId: string, expanded: boolean) => void;
     setNodeExpanded: (nodeId: string, expanded: boolean) => void;
+    setWidth: (width: number) => void;
     reset: () => void;
 }
 interface CreateSidebarStoreOptions {

package/dist/components/sidebar/sidebar.types.d.ts

@@ -1,16 +1,22 @@
 import { ReactNode } from 'react';
-import { SidebarLinkComponent, SidebarNavigateEvent, SidebarSection } from '../sidebar-tree/sidebar-tree.types';
+import { TreeListLinkComponent, TreeListNavigateEvent, TreeListSection } from '../tree-list/tree-list.types';
 export interface SidebarProps {
     storageKey: string;
-    sections: SidebarSection[];
+    sections: TreeListSection[];
     activeNodeId?: string | string[] | null;
     header?: ReactNode;
     footer?: ReactNode;
+    /** Initial width when resizable. Set explicitly to override the persisted width. */
     width?: string | number;
     emptyLabel?: string;
     defaultExpandedSections?: string[];
-    linkComponent?: SidebarLinkComponent;
-    onNavigate?: (event: SidebarNavigateEvent) => void;
+    linkComponent?: TreeListLinkComponent;
+    onNavigate?: (event: TreeListNavigateEvent) => void;
     closable?: boolean;
     onOpenChange?: (open: boolean) => void;
+    /** Allow the user to drag the right edge to resize. Defaults to `true`. */
+    resizable?: boolean;
+    defaultWidth?: number;
+    minWidth?: number;
+    maxWidth?: number;
 }

package/dist/components/tickets/ticket-board.d.ts

@@ -33,8 +33,12 @@ export interface TicketBoardColumn {
 interface TicketBoardProps {
     columns: TicketBoardColumn[];
     selectedItemId?: string | null;
-    onMoveItem?: (itemId: string, targetColumnId: string) => void;
-    onMoveToGroup?: (itemId: string, targetGroupKey: string) => void;
+    onMoveItem?: (itemId: string, targetColumnId: string, context?: {
+        beforeItemId?: string;
+    }) => void;
+    onMoveToGroup?: (itemId: string, targetGroupKey: string, context?: {
+        beforeItemId?: string;
+    }) => void;
     onCreateStart?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;
 }

package/dist/components/tickets/ticket-list.d.ts

@@ -18,11 +18,14 @@ export interface TicketListItem {
     onClick?: () => void;
     onTagChange?: (tagName: string, newValue: string) => void;
     contextMenuActions?: ResourceContextAction[];
+    draggable?: boolean;
+    onDropTicket?: (ticketId: string) => void;
 }
 interface TicketListProps {
     items: TicketListItem[];
     selectedItemId?: string | null;
     onItemClick?: (item: TicketListItem) => void;
 }
+export declare const getTicketListIndentation: (depth: number) => string | undefined;
 export declare const TicketList: (props: TicketListProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/tickets/tickets-workspace.d.ts

@@ -19,13 +19,16 @@ interface TicketsWorkspaceProps<TTicket extends WorkspaceTicket = WorkspaceTicke
     knownColumnKeys?: string[];
     emptyTitle?: string;
     emptyDescription?: string;
+    hideToolbar?: boolean;
     onTicketClick?: (ticket: TTicket) => void;
     onTagChange?: (ticketId: string, tagName: string, newValue: string) => void;
     onMoveTicket?: (ticketId: string, targetColumnId: string, context?: {
         columnGrouping: GroupingField;
+        beforeTicketId?: string;
     }) => void;
     onMoveToGroup?: (ticketId: string, targetGroupKey: string, context?: {
         rowGrouping: GroupingField;
+        beforeTicketId?: string;
     }) => void;
     onCreateTicket?: (columnId: string) => void;
     onColumnAction?: (columnId: string, actionId: string) => Promise<void> | void;

package/dist/components/tickets/workspace-helpers.d.ts

@@ -9,5 +9,10 @@ export declare const buildTagOptions: (tagDefinitions: WorkspaceTagDefinition[])
     ordering: WorkspaceOption<OrderingField>[];
     display: WorkspaceOption<DisplayProperty>[];
 };
-export declare const resolveKnownColumnKeys: (columnGrouping: GroupingField, knownColumnKeys: string[] | undefined, categories: WorkspaceFilterCategory[]) => string[] | undefined;
+export declare const orderGroupingOptions: <TValue extends string>(options: WorkspaceOption<TValue>[]) => WorkspaceOption<TValue>[];
+export declare const resolveSubGroupingOptions: (options: WorkspaceOption<GroupingField>[], columnGrouping: GroupingField) => WorkspaceOption<GroupingField>[];
+export declare const resolveListDropTargetColumnKey: (columnGrouping: GroupingField, placement?: {
+    columnKey?: string;
+}) => string | undefined;
+export declare const resolveKnownColumnKeys: (columnGrouping: GroupingField, knownColumnKeys: string[] | undefined, categories: WorkspaceFilterCategory[], filters?: FilterState) => string[] | undefined;
 export declare const omitFilterCategory: (filters: FilterState, category: FilterCategory) => FilterState;

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

@@ -0,0 +1,18 @@
+import { StackProps } from '@chakra-ui/react';
+import { TreeListLinkComponent, TreeListNavigateEvent, TreeListSection } from './tree-list.types';
+type TreeListRowVariant = "compact" | "tree";
+interface TreeListProps {
+    sections: TreeListSection[];
+    expandedSectionIds?: string[];
+    expandedNodeIds?: string[];
+    activeNodeId?: string | string[] | null;
+    rowVariant?: TreeListRowVariant;
+    sectionGap?: StackProps["gap"];
+    nodeGap?: StackProps["gap"];
+    linkComponent?: TreeListLinkComponent;
+    onNavigate?: (event: TreeListNavigateEvent) => void;
+    onToggleSection?: (sectionId: string) => void;
+    onToggleNode?: (nodeId: string) => void;
+}
+export declare const TreeList: (props: TreeListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,29 @@
+import { ComponentType, ReactNode } from 'react';
+import { ListRowAction, ListRowActionContext, ListRowActionMenuItem, ListRowItem, ListRowNavigationIntent } from '../list-row/list-row.types';
+export type TreeListNavigationIntent = ListRowNavigationIntent;
+export type TreeListActionContext = ListRowActionContext;
+export type TreeListActionMenuItem = ListRowActionMenuItem;
+export type TreeListAction = ListRowAction;
+export type TreeListNode = ListRowItem & {
+    id: string;
+    children?: TreeListNode[];
+};
+export interface TreeListSection {
+    id: string;
+    label?: string;
+    collapsible?: boolean;
+    actions?: TreeListAction[];
+    emptyState?: ReactNode;
+    nodes: TreeListNode[];
+}
+export interface TreeListNavigateEvent {
+    sectionId: string;
+    nodeId: string;
+    node: TreeListNode;
+    intent?: TreeListNavigationIntent;
+}
+export interface TreeListLinkProps {
+    to: string;
+    children: ReactNode;
+}
+export type TreeListLinkComponent = ComponentType<TreeListLinkProps>;

package/dist/index.d.ts

@@ -19,15 +19,20 @@ export { EmptyState } from './components/empty-state';
 export { ErrorBoundary } from './components/error-boundary';
 export type { FolderPickerDialogEntry, FolderPickerDialogProps, } from './components/folder-picker-dialog';
 export { FolderPickerDialog } from './components/folder-picker-dialog';
+export type { HeaderProps, HeaderVariant } from './components/header';
+export { Header } from './components/header';
 export { HorizontalMenuStack } from './components/horizontal-menu-stack';
 export type { ItemSectionProps } from './components/item-section';
 export { ItemSection } from './components/item-section';
 export { PanelLayout, PanelSectionLayout } from './components/layout';
-export { MenuItem } from './components/menu-item';
+export { ListRow } from './components/list-row/list-row';
+export type { ListRowAction, ListRowActionContext, ListRowActionMenuItem, ListRowItem, ListRowNavigationIntent, } from './components/list-row/list-row.types';
 export type { OpenSourceNotice, OpenSourceNoticesScreenProps, } from './components/open-source-notices-screen';
 export { OpenSourceNoticesScreen } from './components/open-source-notices-screen';
 export type { PropertiesProps, PropertyItem } from './components/properties';
 export { Properties } from './components/properties';
+export type { RadioProps } from './components/radio';
+export { Radio, RadioGroup } from './components/radio';
 export type { ResourceContextAction } from './components/resource-context-menu';
 export { ResourceContextMenu } from './components/resource-context-menu';
 export { ScrollArea } from './components/scroll-area';
@@ -39,8 +44,6 @@ export { Sidebar } from './components/sidebar/sidebar';
 export { useSidebarStore } from './components/sidebar/sidebar.store';
 export type { SidebarProps } from './components/sidebar/sidebar.types';
 export { SidebarProjectMenu } from './components/sidebar/sidebar-project-menu';
-export { SidebarTree } from './components/sidebar-tree/sidebar-tree';
-export type { SidebarAction, SidebarActionContext, SidebarActionMenuItem, SidebarLinkComponent, SidebarNavigateEvent, SidebarNavigationIntent, SidebarNode, SidebarSection, } from './components/sidebar-tree/sidebar-tree.types';
 export type { SwitchProps } from './components/switch';
 export { Switch } from './components/switch';
 export { DisplayMenu } from './components/tickets/display-menu';
@@ -56,9 +59,11 @@ export type { DisplayProperty, FilterCategory, FilterState, GroupingField, Order
 export { useTicketsWorkspaceStore } from './components/tickets/use-workspace-store';
 export { Toaster, toaster } from './components/toaster';
 export { Tooltip } from './components/tooltip';
+export { TreeList } from './components/tree-list/tree-list';
+export type { TreeListAction, TreeListActionContext, TreeListActionMenuItem, TreeListLinkComponent, TreeListNavigateEvent, TreeListNavigationIntent, TreeListNode, TreeListSection, } from './components/tree-list/tree-list.types';
 export type { WorkspaceBadgeProps } from './components/workspace-badge';
 export { WorkspaceBadge } from './components/workspace-badge';
-export { psTheme } from './theme';
-export { applyThemePreference, type ThemePreference, } from './utils/apply-theme-preference';
+export { customThemePreferences, monokaiThemePreference, psTheme } from './theme';
+export { applyThemePreference, defaultThemePreferences, getThemePreferenceClassName, getThemePreferenceClassNames, getThemePreferenceMode, isThemePreference, type ThemePreference, type ThemePreferenceMode, type ThemePreferenceOption, type ThemePreferenceTokens, } from './utils/apply-theme-preference';
 export { getFileTypeIcon } from './utils/get-file-type-icon';
 export { getInitialThemePreference, ThemePreferenceProvider, useThemePreference, } from './utils/theme-preference';