blunt-ui 0.3.0 → 0.3.1

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

@@ -1,7 +1,7 @@
 import { ComponentPropsWithRef } from 'react';
-export type BadgeVariant = "primary" | "neutral" | "success" | "error" | "warning" | "info";
-export type BadgeSize = "sm" | "md";
+export type BadgeVariants = "primary" | "neutral" | "success" | "error" | "warning" | "info";
+export type BadgeSizes = "sm" | "md";
 export type BadgeProps = ComponentPropsWithRef<"span"> & {
-    variant?: BadgeVariant;
-    size?: BadgeSize;
+    variant?: BadgeVariants;
+    size?: BadgeSizes;
 };

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

@@ -1,2 +1,2 @@
 export { Badge } from './Badge';
-export type { BadgeProps, BadgeVariant, BadgeSize } from './Badge.types';
+export type { BadgeProps, BadgeVariants, BadgeSizes } from './Badge.types';

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

@@ -0,0 +1,5 @@
+import { DataTableProps } from './DataTable.types';
+export declare function DataTable<T extends Record<string, unknown> = Record<string, unknown>>({ columns, defaultData, data: controlledData, rowKey, onChange, size, borderColor, headerColor, addRowLabel, newRowFactory, deletable, className, style, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace DataTable {
+    var displayName: string;
+}

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

@@ -0,0 +1,13 @@
+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 WithDelete: Story;
+export declare const MixedEditable: Story;
+export declare const PerCellEditable: Story;
+export declare const CustomColors: Story;
+export declare const KeyboardNavigation: Story;
+export declare const StartsEmpty: Story;
+export declare const Controlled: Story;

package/dist/components/{EditableTable/EditableTable.types.d.ts → DataTable/DataTable.types.d.ts}

@@ -1,19 +1,22 @@
 import { CSSProperties, ReactNode } from 'react';
 import { TableSizes } from '../Table/Table.types';
 export type { TableSizes };
-export interface EditableColumn<T = Record<string, unknown>> {
+export interface DataTableColumn<T = Record<string, unknown>> {
     key: keyof T & string;
     header: string;
     width?: string;
-    editable?: boolean;
+    editable?: boolean | ((row: T, rowIndex: number) => boolean);
     render?: (value: unknown, row: T, rowIndex: number) => ReactNode;
 }
-export interface EditableTableProps<T extends Record<string, unknown> = Record<string, unknown>> {
-    columns: EditableColumn<T>[];
+export interface DataTableProps<T extends Record<string, unknown> = Record<string, unknown>> {
+    columns: DataTableColumn<T>[];
     defaultData?: T[];
     data?: T[];
+    rowKey?: string;
     onChange?: (data: T[]) => void;
     size?: TableSizes;
+    borderColor?: string;
+    headerColor?: string;
     addRowLabel?: string;
     newRowFactory?: () => T;
     deletable?: boolean;

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

@@ -0,0 +1,2 @@
+export { DataTable } from './DataTable';
+export type { DataTableProps, DataTableColumn } from './DataTable.types';

package/dist/components/Table/Table.d.ts

@@ -1,5 +1,5 @@
 import { TableProps } from './Table.types';
-export declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, size, variant, caption, className, style, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Table<T extends Record<string, unknown> = Record<string, unknown>>({ columns, data, rowKey, size, striped, bordered, stickyHeader, caption, emptyMessage, loading, sort, defaultSort, onSortChange, pageSize, page, defaultPage, totalRows, onPageChange, onChange, borderColor, headerColor, rowColor, stripeColor, className, style, }: TableProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare namespace Table {
     var displayName: string;
 }

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

@@ -0,0 +1,25 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Table } from './Table';
+declare const meta: Meta<typeof Table>;
+export default meta;
+type Story = StoryObj<typeof Table>;
+export declare const Default: Story;
+export declare const Striped: Story;
+export declare const Bordered: Story;
+export declare const StripedAndBordered: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const WithCaption: Story;
+export declare const WithCustomRender: Story;
+export declare const Sortable: Story;
+export declare const SortableControlled: Story;
+export declare const Loading: Story;
+export declare const Empty: Story;
+export declare const Paginated: Story;
+export declare const PaginatedSortable: Story;
+export declare const StickyHeader: Story;
+export declare const ColumnWidths: Story;
+export declare const CustomBorderColor: Story;
+export declare const CustomHeaderColor: Story;
+export declare const CustomRowColors: Story;
+export declare const FullyCustomized: Story;

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

@@ -1,18 +1,45 @@
 import { CSSProperties, ReactNode } from 'react';
 export type TableSizes = "sm" | "md" | "lg";
-export type TableVariants = "default" | "striped" | "bordered";
+export type SortDirection = "asc" | "desc";
+export interface SortState {
+    key: string;
+    direction: SortDirection;
+}
 export interface TableColumn<T = Record<string, unknown>> {
     key: keyof T & string;
     header: string;
     width?: string;
+    sortable?: boolean;
     render?: (value: unknown, row: T, rowIndex: number) => ReactNode;
 }
+export interface TableChangeState {
+    sort: SortState | null;
+    page: number;
+}
 export interface TableProps<T extends Record<string, unknown> = Record<string, unknown>> {
     columns: TableColumn<T>[];
     data: T[];
+    rowKey?: string;
     size?: TableSizes;
-    variant?: TableVariants;
+    striped?: boolean;
+    bordered?: boolean;
+    stickyHeader?: boolean;
     caption?: string;
+    emptyMessage?: string;
+    loading?: boolean;
+    sort?: SortState;
+    defaultSort?: SortState;
+    onSortChange?: (sort: SortState | null) => void;
+    pageSize?: number;
+    page?: number;
+    defaultPage?: number;
+    totalRows?: number;
+    onPageChange?: (page: number) => void;
+    onChange?: (state: TableChangeState) => void;
+    borderColor?: string;
+    headerColor?: string;
+    rowColor?: string;
+    stripeColor?: string;
     className?: string;
     style?: CSSProperties;
 }

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

@@ -1,2 +1,2 @@
 export { Table } from './Table';
-export type { TableProps, TableColumn, TableSizes, TableVariants } from './Table.types';
+export type { TableProps, TableColumn, TableSizes, SortState, SortDirection, TableChangeState, } from './Table.types';

package/dist/components/Table/useTablePagination.d.ts

@@ -0,0 +1,16 @@
+interface UseTablePaginationProps<T> {
+    data: T[];
+    pageSize?: number;
+    page?: number;
+    defaultPage?: number;
+    totalRows?: number;
+    onPageChange?: (page: number) => void;
+}
+export declare function getPageNumbers(current: number, total: number): (number | "...")[];
+export declare function useTablePagination<T>({ data, pageSize, page, defaultPage, totalRows, onPageChange, }: UseTablePaginationProps<T>): {
+    activePage: number;
+    totalPages: number;
+    displayData: T[];
+    handlePageChange: (newPage: number) => void;
+};
+export {};

package/dist/components/Table/useTableSort.d.ts

@@ -0,0 +1,13 @@
+import { SortState } from './Table.types';
+interface UseTableSortProps<T> {
+    data: T[];
+    sort?: SortState;
+    defaultSort?: SortState;
+    onSortChange?: (sort: SortState | null) => void;
+}
+export declare function useTableSort<T extends Record<string, unknown>>({ data, sort, defaultSort, onSortChange, }: UseTableSortProps<T>): {
+    activeSort: SortState | null;
+    sortedData: T[];
+    handleSort: (key: string) => SortState | null;
+};
+export {};