@orion-ds/react 4.2.1 → 4.2.3

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

@@ -0,0 +1,150 @@
+import { HTMLAttributes, ReactNode, InputHTMLAttributes } from 'react';
+
+/**
+ * Command root props
+ */
+export interface CommandProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Controlled search value
+     */
+    value?: string;
+    /**
+     * Callback when search value changes
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Custom filter function. Return 0 to hide, 1 to show.
+     * By default uses case-insensitive includes.
+     */
+    filter?: (value: string, search: string) => number;
+    /**
+     * Children (compound components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Dialog props — renders Command inside a modal overlay
+ */
+export interface CommandDialogProps {
+    /**
+     * Whether the dialog is open
+     */
+    open: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Children (Command compound components)
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Input props
+ */
+export interface CommandInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.List props
+ */
+export interface CommandListProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Children (groups and items)
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Empty props
+ */
+export interface CommandEmptyProps {
+    /**
+     * Content to show when no results match
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Group props
+ */
+export interface CommandGroupProps {
+    /**
+     * Group heading
+     */
+    heading?: string;
+    /**
+     * Group items
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Item props
+ */
+export interface CommandItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Callback when item is selected (click or Enter)
+     */
+    onSelect?: () => void;
+    /**
+     * Whether the item is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Search value for filtering (defaults to text content)
+     */
+    value?: string;
+    /**
+     * Children
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Separator props
+ */
+export interface CommandSeparatorProps {
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+/**
+ * Command.Shortcut props
+ */
+export interface CommandShortcutProps {
+    /**
+     * Keyboard shortcut text
+     */
+    children?: ReactNode;
+    /**
+     * Additional class name
+     */
+    className?: string;
+}
+//# sourceMappingURL=Command.types.d.ts.map

package/dist/components/Command/Command.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.types.d.ts","sourceRoot":"","sources":["../../../src/components/Command/Command.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAE5E;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC7C,mBAAmB,CAAC,gBAAgB,CAAC,EACrC,UAAU,GAAG,OAAO,CACrB;IACC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/Command/index.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Command Component - Searchable command palette with keyboard navigation.
+ *
+ * @example
+ * ```tsx
+ * import { Command } from '@orion-ds/react';
+ *
+ * <Command>
+ *   <Command.Input placeholder="Type a command..." />
+ *   <Command.List>
+ *     <Command.Empty>No results found.</Command.Empty>
+ *     <Command.Group heading="Suggestions">
+ *       <Command.Item onSelect={() => {}}>Calendar</Command.Item>
+ *     </Command.Group>
+ *   </Command.List>
+ * </Command>
+ * ```
+ */
+export { Command } from './Command';
+export type { CommandProps, CommandDialogProps, CommandInputProps, CommandListProps, CommandEmptyProps, CommandGroupProps, CommandItemProps, CommandSeparatorProps, CommandShortcutProps, } from './Command.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Command/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AACH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC"}

package/dist/components/CommandBar/CommandBar.d.ts

@@ -0,0 +1,4 @@
+import { CommandBarProps } from './CommandBar.types';
+
+export declare const CommandBar: import('react').ForwardRefExoticComponent<CommandBarProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=CommandBar.d.ts.map

package/dist/components/CommandBar/CommandBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.d.ts","sourceRoot":"","sources":["../../../src/components/CommandBar/CommandBar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAWH,OAAO,KAAK,EACV,eAAe,EAGhB,MAAM,oBAAoB,CAAC;AAG5B,eAAO,MAAM,UAAU,4GAmStB,CAAC"}

package/dist/components/CommandBar/CommandBar.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { CommandBar } from './CommandBar';
+
+declare const meta: Meta<typeof CommandBar>;
+export default meta;
+type Story = StoryObj<typeof CommandBar>;
+export declare const Default: Story;
+export declare const WithRecentCommands: Story;
+export declare const CustomPlaceholder: Story;
+export declare const WithCustomFooter: Story;
+export declare const FewCommands: Story;
+//# sourceMappingURL=CommandBar.stories.d.ts.map

package/dist/components/CommandBar/CommandBar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/CommandBar/CommandBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAYvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAmFzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA0BhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAuB9B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAqBzB,CAAC"}

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

@@ -0,0 +1,108 @@
+import { HTMLAttributes, ReactNode } from 'react';
+
+/**
+ * Command item for the palette
+ */
+export interface CommandItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Optional description
+     */
+    description?: string;
+    /**
+     * Icon element
+     */
+    icon?: ReactNode;
+    /**
+     * Keyboard shortcut display (e.g., "⌘K", "Ctrl+P")
+     */
+    shortcut?: string;
+    /**
+     * Category/group this command belongs to
+     */
+    category?: string;
+    /**
+     * Action callback
+     */
+    onSelect: () => void;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Keywords for search matching
+     */
+    keywords?: string[];
+}
+/**
+ * Command group for categorization
+ */
+export interface CommandGroup {
+    /**
+     * Group title
+     */
+    title: string;
+    /**
+     * Commands in this group
+     */
+    commands: CommandItem[];
+}
+/**
+ * CommandBar section props
+ *
+ * @example
+ * ```tsx
+ * <CommandBar
+ *   open={isOpen}
+ *   onOpenChange={setIsOpen}
+ *   commands={[
+ *     { id: 'home', label: 'Go to Home', icon: <Home />, onSelect: () => navigate('/') },
+ *     { id: 'settings', label: 'Settings', icon: <Settings />, shortcut: '⌘,', onSelect: () => navigate('/settings') }
+ *   ]}
+ * />
+ * ```
+ */
+export interface CommandBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /**
+     * Whether the command bar is open
+     */
+    open: boolean;
+    /**
+     * Callback when open state changes
+     */
+    onOpenChange: (open: boolean) => void;
+    /**
+     * Flat list of commands (will be grouped by category if specified)
+     */
+    commands: CommandItem[];
+    /**
+     * Recent commands to show at the top
+     */
+    recentCommands?: CommandItem[];
+    /**
+     * Callback when a command is selected
+     */
+    onSelect?: (command: CommandItem) => void;
+    /**
+     * Placeholder text for search input
+     * @default "Type a command or search..."
+     */
+    placeholder?: string;
+    /**
+     * Empty state message when no results
+     * @default "No results found."
+     */
+    emptyMessage?: string;
+    /**
+     * Custom footer content
+     */
+    footer?: ReactNode;
+}
+//# sourceMappingURL=CommandBar.types.d.ts.map

package/dist/components/CommandBar/CommandBar.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/CommandBar/CommandBar.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;CACzB;AAED;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IAEd;;OAEG;IACH,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,EAAE,WAAW,EAAE,CAAC;IAExB;;OAEG;IACH,cAAc,CAAC,EAAE,WAAW,EAAE,CAAC;IAE/B;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,CAAC;IAE1C;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}

package/dist/components/CommandBar/index.d.ts

@@ -0,0 +1,3 @@
+export { CommandBar } from './CommandBar';
+export type { CommandBarProps, CommandItem, CommandGroup, } from './CommandBar.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/CommandBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommandBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,WAAW,EACX,YAAY,GACb,MAAM,oBAAoB,CAAC"}

package/dist/components/DataTable/DataTable.d.ts

@@ -0,0 +1,8 @@
+import { DataTableProps } from './DataTable.types';
+
+declare function DataTableInner<T extends Record<string, unknown>>({ columns, data, rowKey, searchable, searchPlaceholder, searchValue: controlledSearchValue, onSearchChange, pagination, onPaginationChange, selectable, selectedKeys: controlledSelectedKeys, onSelectionChange, bulkActions, rowActions, sort: controlledSort, onSortChange, emptyState, loading, striped, hoverable, compact, stickyHeader, maxHeight, onRowClick, toolbar, className, ...rest }: DataTableProps<T>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare const DataTable: <T extends Record<string, unknown>>(props: DataTableProps<T> & {
+    ref?: React.ForwardedRef<HTMLDivElement>;
+}) => ReturnType<typeof DataTableInner>;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/components/DataTable/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AAYH,OAAO,KAAK,EACV,cAAc,EAMf,MAAM,mBAAmB,CAAC;AAmH3B,iBAAS,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EACvD,EACE,OAAO,EACP,IAAI,EACJ,MAAwB,EACxB,UAAkB,EAClB,iBAA+B,EAC/B,WAAW,EAAE,qBAAqB,EAClC,cAAc,EACd,UAAU,EACV,kBAAkB,EAClB,UAAkB,EAClB,YAAY,EAAE,sBAAsB,EACpC,iBAAiB,EACjB,WAAW,EACX,UAAU,EACV,IAAI,EAAE,cAAc,EACpB,YAAY,EACZ,UAAU,EACV,OAAe,EACf,OAAe,EACf,SAAgB,EAChB,OAAe,EACf,YAAoB,EACpB,SAAS,EACT,UAAU,EACV,OAAO,EACP,SAAS,EACT,GAAG,IAAI,EACR,EAAE,cAAc,CAAC,CAAC,CAAC,EACpB,GAAG,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,2CAqVxC;AAGD,eAAO,MAAM,SAAS,EAAiC,CACrD,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAEjC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAA;CAAE,KACpE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/components/DataTable/DataTable.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { DataTable } from './DataTable';
+
+declare const meta: Meta<typeof DataTable>;
+export default meta;
+type Story = StoryObj<typeof DataTable>;
+export declare const Default: Story;
+export declare const WithSearch: Story;
+export declare const Selectable: Story;
+export declare const WithPagination: Story;
+export declare const WithSorting: Story;
+export declare const WithRowActions: Story;
+export declare const Striped: Story;
+export declare const Compact: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const WithToolbar: Story;
+export declare const FullFeatured: Story;
+export declare const StickyHeader: Story;
+export declare const ClickableRows: Story;
+//# sourceMappingURL=DataTable.stories.d.ts.map

package/dist/components/DataTable/DataTable.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAsBhC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAqGxC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAsBxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA2B5B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KA0BzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KA2B5B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAmF1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAC"}