pixelize-design-library 3.0.1-beta.1 → 3.1.1

package/dist/components-v2/Table/Table.js

@@ -1,172 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = Table;
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../lib/utils");
-const button_1 = require("../ui/button");
-const dropdown_menu_1 = require("../ui/dropdown-menu");
-const ActiveFilters_1 = require("./components/ActiveFilters");
-const BulkActionBar_1 = require("./components/BulkActionBar");
-const Pagination_1 = require("./components/Pagination");
-const TableBody_1 = require("./components/TableBody");
-const TableEmptyState_1 = require("./components/TableEmptyState");
-const TableErrorState_1 = require("./components/TableErrorState");
-const TableHeader_1 = require("./components/TableHeader");
-const TableSearch_1 = require("./components/TableSearch");
-const LeftFilterPane_1 = require("./filters/LeftFilterPane");
-const TableFilters_1 = require("./filters/TableFilters");
-const useColumnResize_1 = require("./hooks/useColumnResize");
-const useTable_1 = require("./hooks/useTable");
-const useTableKeyboard_1 = require("./hooks/useTableKeyboard");
-const useVirtualScroll_1 = require("./hooks/useVirtualScroll");
-const ManageColumns_1 = require("./settings/ManageColumns");
-const TableSettings_1 = require("./settings/TableSettings");
-const TableProps_1 = require("./TableProps");
-const sortUtils_1 = require("./utils/sortUtils");
-const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
-function Table(props) {
-    const { data, columns, rowKey, selectable = false, selectedRows, onSelectionChange, selectionMode = "multi", onRowClick, rowClassName, sortable = true, defaultSort, onSortChange, filterable = true, defaultFilters, onFilterChange, searchable = true, searchPlaceholder, onSearchChange, isServerSearch = false, pagination = true, paginationMode = "client", defaultPageSize = 50, pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, totalCount, onPageChange, isLoading = false, loadingRowCount = 5, error = null, onRetry, emptyState, emptyTitle, emptyDescription, emptyAction, density: densityProp = "default", maxHeight, virtualScroll, rowHeight, virtualScrollThreshold = 500, defaultHiddenColumns = [], showColumnToggle = true, columnResizable = true, stickyHeader = true, noBorders = false, bulkActions = [], filterSidebar, filterMode = "inline", preferences, headerActions, exportOptions, className, style, } = props;
-    const tableState = (0, useTable_1.useTable)({
-        data,
-        columns,
-        rowKey,
-        selectable,
-        selectionMode,
-        selectedRows,
-        onSelectionChange,
-        sortable,
-        defaultSort,
-        onSortChange,
-        filterable,
-        defaultFilters,
-        onFilterChange,
-        searchable,
-        onSearchChange,
-        isServerSearch,
-        pagination,
-        paginationMode,
-        defaultPageSize,
-        totalCount,
-        onPageChange,
-        defaultHiddenColumns,
-        density: densityProp,
-        preferences,
-    });
-    const { pageData, processed, pageCount, visibleColumns, columnVisibility, setColumnHidden, columnWidths, setColumnWidth, density, setDensity, sort, setSort, filters, setFilters, searchQuery, setSearchQuery, selection, toggleRow, toggleAll, clearSelection, isAllSelected, isSomeSelected, pageIndex, pageSize, setPage, setPageSize, } = tableState;
-    const resize = (0, useColumnResize_1.useColumnResize)({
-        columns,
-        columnWidths,
-        setColumnWidth,
-        enabled: columnResizable,
-    });
-    const scrollRef = React.useRef(null);
-    const resolvedRowHeight = rowHeight !== null && rowHeight !== void 0 ? rowHeight : TableProps_1.ROW_HEIGHT[density];
-    const virtual = (0, useVirtualScroll_1.useVirtualScroll)({
-        rowCount: pageData.length,
-        rowHeight: resolvedRowHeight,
-        enabled: virtualScroll,
-        threshold: virtualScrollThreshold,
-        scrollContainerRef: scrollRef,
-    });
-    const keyboardEnabled = selectable || !!onRowClick;
-    const keyboard = (0, useTableKeyboard_1.useTableKeyboard)({
-        rowCount: pageData.length,
-        columnCount: visibleColumns.length,
-        hasSelectionColumn: selectable,
-        onActivateRow: (rowIndex) => {
-            const row = pageData[rowIndex];
-            if (row && onRowClick) {
-                onRowClick(row, {});
-            }
-        },
-        onToggleRow: (rowIndex) => {
-            const row = pageData[rowIndex];
-            if (row)
-                toggleRow((0, sortUtils_1.resolveRowKey)(row, rowKey));
-        },
-        onClearSelection: clearSelection,
-    });
-    const selectedKeys = React.useMemo(() => new Set(selection), [selection]);
-    const selectedRowData = React.useMemo(() => data.filter((row) => selectedKeys.has((0, sortUtils_1.resolveRowKey)(row, rowKey))), [data, selectedKeys, rowKey]);
-    const hasActiveFilters = filters.length > 0 || searchQuery.length > 0;
-    const showSidebar = (filterSidebar === null || filterSidebar === void 0 ? void 0 : filterSidebar.enabled) && filterMode === "sidebar";
-    const handleRemoveFilter = (filter) => {
-        setFilters((prev) => prev.filter((f) => f !== filter));
-    };
-    const clearAllFilters = () => {
-        setFilters([]);
-        if (searchQuery)
-            setSearchQuery("");
-    };
-    const totalRows = paginationMode === "server" ? totalCount !== null && totalCount !== void 0 ? totalCount : 0 : processed.length;
-    const hasError = error !== null && error !== undefined;
-    const isEmpty = !isLoading && !hasError && pageData.length === 0;
-    return (React.createElement("div", { className: (0, utils_1.cn)("flex flex-col overflow-hidden rounded-md border border-border bg-card text-card-foreground", className), style: Object.assign({ "--row-height": `${resolvedRowHeight}px` }, style) },
-        React.createElement("div", { className: "flex flex-wrap items-center justify-between gap-2 border-b border-border bg-card px-3 py-2" },
-            React.createElement("div", { className: "flex flex-1 items-center gap-2" }, searchable && (React.createElement(TableSearch_1.TableSearch, { value: searchQuery, onChange: setSearchQuery, placeholder: searchPlaceholder }))),
-            React.createElement("div", { className: "flex flex-wrap items-center gap-2" },
-                filterable && filterMode === "inline" && (React.createElement(TableFilters_1.TableFilters, { columns: columns, filters: filters, onApply: (next) => setFilters(next) })),
-                showColumnToggle && (React.createElement(ManageColumns_1.ManageColumns, { columns: columns, columnVisibility: columnVisibility, onChange: setColumnHidden })),
-                React.createElement(TableSettings_1.TableSettings, { density: density, onDensityChange: setDensity }),
-                exportOptions && exportOptions.length > 0 && (React.createElement(dropdown_menu_1.DropdownMenu, null,
-                    React.createElement(dropdown_menu_1.DropdownMenuTrigger, { asChild: true },
-                        React.createElement(button_1.Button, { size: "sm", variant: "outline", leftIcon: React.createElement(lucide_react_1.Download, null) }, "Export")),
-                    React.createElement(dropdown_menu_1.DropdownMenuContent, { align: "end" }, exportOptions.map((option) => (React.createElement(dropdown_menu_1.DropdownMenuItem, { key: option.label, onClick: () => option.onExport(processed, selectedRowData) },
-                        option.icon,
-                        option.label)))))),
-                headerActions)),
-        React.createElement(ActiveFilters_1.ActiveFilters, { filters: filters, columns: columns, onRemove: handleRemoveFilter, onClearAll: () => setFilters([]) }),
-        React.createElement(BulkActionBar_1.BulkActionBar, { selectedCount: selection.length, selectedKeys: selection, selectedRows: selectedRowData, actions: bulkActions, onClear: clearSelection }),
-        React.createElement("div", { className: "flex flex-1 overflow-hidden" },
-            showSidebar && filterSidebar && filterSidebar.position !== "right" && (React.createElement(LeftFilterPane_1.LeftFilterPane, { filters: filterSidebar.filters, onApply: filterSidebar.onApply, isLoading: filterSidebar.isLoading })),
-            React.createElement("div", { ref: scrollRef, role: keyboardEnabled ? "grid" : undefined, "aria-busy": isLoading || undefined, "aria-rowcount": pageData.length || undefined, "aria-colcount": visibleColumns.length + (selectable ? 1 : 0) || undefined, tabIndex: keyboardEnabled ? 0 : undefined, onKeyDown: keyboardEnabled ? keyboard.handleKeyDown : undefined, style: {
-                    maxHeight: typeof maxHeight === "number"
-                        ? `${maxHeight}px`
-                        : maxHeight,
-                }, className: (0, utils_1.cn)("relative flex-1 overflow-auto", keyboardEnabled &&
-                    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset") }, hasError ? (React.createElement(TableErrorState_1.TableErrorState, { error: error, onRetry: onRetry })) : isEmpty ? (emptyState !== null && emptyState !== void 0 ? emptyState : (React.createElement(TableEmptyState_1.TableEmptyState, { title: emptyTitle, description: emptyDescription, hasActiveFilters: hasActiveFilters, onClearFilters: hasActiveFilters ? clearAllFilters : undefined, action: emptyAction }))) : (React.createElement("table", { className: (0, utils_1.cn)("w-full border-collapse text-left", noBorders && "[&_td]:border-0"), style: { tableLayout: "fixed" } },
-                React.createElement(TableHeader_1.TableHeader, { columns: visibleColumns, columnWidths: columnWidths, sortable: sortable, sort: sort, onSortChange: setSort, selectable: selectable, selectionMode: selectionMode, isAllSelected: isAllSelected, isSomeSelected: isSomeSelected, onToggleAll: toggleAll, resizable: columnResizable, resizingColumnId: resize.resizingColumnId, onResizePointerDown: resize.handlePointerDown, sticky: stickyHeader, focusedColIndex: keyboard.active.row === -1
-                        ? keyboard.active.col
-                        : -1, onCellClick: (colIndex) => keyboard.setActive({ row: -1, col: colIndex }) }),
-                React.createElement(TableBody_1.TableBody, { data: pageData, columns: visibleColumns, rowKey: rowKey, columnWidths: columnWidths, selectable: selectable, selectedKeys: selectedKeys, onToggleSelect: (key) => toggleRow(key), onRowClick: onRowClick, rowClassName: rowClassName, striped: true, noBorders: noBorders, focusedRowIndex: keyboard.active.row, focusedColIndex: keyboard.active.col, onCellClick: (rowIndex, colIndex) => keyboard.setActive({
-                        row: rowIndex,
-                        col: colIndex,
-                    }), isLoading: isLoading, loadingRowCount: loadingRowCount, virtual: virtual })))),
-            showSidebar && filterSidebar && filterSidebar.position === "right" && (React.createElement(LeftFilterPane_1.LeftFilterPane, { filters: filterSidebar.filters, onApply: filterSidebar.onApply, isLoading: filterSidebar.isLoading, position: "right" }))),
-        pagination && !hasError && (React.createElement(Pagination_1.Pagination, { pageIndex: pageIndex, pageCount: pageCount, pageSize: pageSize, pageSizeOptions: pageSizeOptions, totalRows: totalRows, onPageChange: (page) => setPage(page), onPageSizeChange: (size) => setPageSize(size) }))));
-}
-Table.displayName = "Table";

package/dist/components-v2/Table/TableProps.d.ts

@@ -1,139 +0,0 @@
-import type * as React from "react";
-export type SortDirection = "asc" | "desc" | null;
-export type FilterOperator = "equals" | "not_equals" | "contains" | "not_contains" | "starts_with" | "ends_with" | "greater_than" | "less_than" | "between" | "is_empty" | "is_not_empty" | "in" | "not_in";
-export type ColumnType = "text" | "number" | "date" | "boolean" | "select" | "custom";
-export type Density = "compact" | "default" | "comfortable";
-export interface ColumnDef<T = unknown> {
-    id: string;
-    header: string;
-    accessorKey?: keyof T;
-    accessorFn?: (row: T) => unknown;
-    cell?: (value: unknown, row: T) => React.ReactNode;
-    type?: ColumnType;
-    sortable?: boolean;
-    filterable?: boolean;
-    filterOptions?: {
-        label: string;
-        value: unknown;
-    }[];
-    width?: number;
-    minWidth?: number;
-    maxWidth?: number;
-    sticky?: "left" | "right";
-    hidden?: boolean;
-    enableHiding?: boolean;
-    enableResizing?: boolean;
-    align?: "left" | "center" | "right";
-    meta?: Record<string, unknown>;
-}
-export interface ActiveFilter {
-    columnId: string;
-    operator: FilterOperator;
-    /** A single value or [from, to] for `between` / array for `in`/`not_in`. */
-    value: unknown;
-}
-export interface SortState {
-    id: string;
-    direction: SortDirection;
-}
-export type RowKey<T> = keyof T | ((row: T) => string | number);
-export interface FilterSidebarConfig {
-    id: string;
-    label: string;
-    type: "select" | "multi-select" | "date-range" | "number-range" | "text";
-    options?: {
-        label: string;
-        value: unknown;
-    }[];
-}
-export interface BulkAction<T = unknown> {
-    label: string;
-    icon?: React.ReactNode;
-    onClick: (selectedKeys: (string | number)[], selectedRows: T[]) => void;
-    variant?: "default" | "destructive";
-    /** When true, shows a confirmation dialog before invoking onClick. */
-    confirm?: boolean | {
-        title: string;
-        description?: string;
-    };
-}
-export interface ExportOption<T = unknown> {
-    label: string;
-    icon?: React.ReactNode;
-    onExport: (data: T[], selectedRows: T[]) => void;
-}
-export interface TablePreferences {
-    storageKey: string;
-}
-export interface PersistedTableState {
-    columnVisibility?: Record<string, boolean>;
-    columnOrder?: string[];
-    columnWidths?: Record<string, number>;
-    density?: Density;
-    pageSize?: number;
-}
-export interface TableProps<T = unknown> {
-    data: T[];
-    columns: ColumnDef<T>[];
-    rowKey: RowKey<T>;
-    selectable?: boolean;
-    selectedRows?: (string | number)[];
-    onSelectionChange?: (selectedKeys: (string | number)[]) => void;
-    selectionMode?: "single" | "multi";
-    onRowClick?: (row: T, event: React.MouseEvent) => void;
-    rowClassName?: (row: T) => string | undefined;
-    sortable?: boolean;
-    defaultSort?: SortState;
-    onSortChange?: (sort: SortState | null) => void;
-    filterable?: boolean;
-    defaultFilters?: ActiveFilter[];
-    onFilterChange?: (filters: ActiveFilter[]) => void;
-    searchable?: boolean;
-    searchPlaceholder?: string;
-    onSearchChange?: (query: string) => void;
-    isServerSearch?: boolean;
-    pagination?: boolean;
-    paginationMode?: "client" | "server";
-    defaultPageSize?: number;
-    pageSizeOptions?: number[];
-    totalCount?: number;
-    onPageChange?: (page: number, pageSize: number) => void;
-    isLoading?: boolean;
-    loadingRowCount?: number;
-    error?: Error | string | null;
-    onRetry?: () => void;
-    emptyState?: React.ReactNode;
-    emptyTitle?: string;
-    emptyDescription?: string;
-    emptyAction?: {
-        label: string;
-        onClick: () => void;
-    };
-    density?: Density;
-    maxHeight?: number | string;
-    virtualScroll?: boolean;
-    /** Defaults to 44 (default density). */
-    rowHeight?: number;
-    /** Threshold for auto-enabling virtual scroll. Default 500. */
-    virtualScrollThreshold?: number;
-    defaultHiddenColumns?: string[];
-    showColumnToggle?: boolean;
-    columnResizable?: boolean;
-    stickyHeader?: boolean;
-    noBorders?: boolean;
-    bulkActions?: BulkAction<T>[];
-    filterSidebar?: {
-        enabled: boolean;
-        position?: "left" | "right";
-        filters: FilterSidebarConfig[];
-        onApply: (filters: Record<string, unknown>) => void;
-        isLoading?: boolean;
-    };
-    filterMode?: "inline" | "sidebar" | "modal";
-    preferences?: TablePreferences;
-    headerActions?: React.ReactNode;
-    exportOptions?: ExportOption<T>[];
-    className?: string;
-    style?: React.CSSProperties;
-}
-export declare const ROW_HEIGHT: Record<Density, number>;

package/dist/components-v2/Table/TableProps.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ROW_HEIGHT = void 0;
-/* Density → row-height in px */
-exports.ROW_HEIGHT = {
-    compact: 32,
-    default: 44,
-    comfortable: 56,
-};

package/dist/components-v2/Table/components/ActiveFilters.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import type { ActiveFilter, ColumnDef } from "../TableProps";
-export interface ActiveFiltersProps<T> {
-    filters: ActiveFilter[];
-    columns: ColumnDef<T>[];
-    onRemove: (filter: ActiveFilter) => void;
-    onClearAll: () => void;
-    className?: string;
-}
-export declare function ActiveFilters<T>({ filters, columns, onRemove, onClearAll, className, }: ActiveFiltersProps<T>): React.ReactElement | null;

package/dist/components-v2/Table/components/ActiveFilters.js

@@ -1,70 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ActiveFilters = ActiveFilters;
-const React = __importStar(require("react"));
-const lucide_react_1 = require("lucide-react");
-const utils_1 = require("../../../lib/utils");
-const badge_1 = require("../../ui/badge");
-const button_1 = require("../../ui/button");
-const filterUtils_1 = require("../utils/filterUtils");
-function formatValue(value) {
-    if (value === null || value === undefined || value === "")
-        return "";
-    if (Array.isArray(value))
-        return value.map((v) => String(v)).join(", ");
-    if (value instanceof Date)
-        return value.toISOString().slice(0, 10);
-    return String(value);
-}
-function ActiveFilters({ filters, columns, onRemove, onClearAll, className, }) {
-    if (filters.length === 0)
-        return null;
-    return (React.createElement("div", { className: (0, utils_1.cn)("flex flex-wrap items-center gap-2 border-b border-border bg-card px-3 py-2 text-xs", className) },
-        React.createElement("span", { className: "text-muted-foreground" }, "Filters:"),
-        filters.map((filter, index) => {
-            const column = columns.find((c) => c.id === filter.columnId);
-            if (!column)
-                return null;
-            const valueLabel = formatValue(filter.value);
-            return (React.createElement(badge_1.Badge, { key: `${filter.columnId}-${index}`, variant: "secondary", size: "sm", className: "gap-1 pr-1" },
-                React.createElement("span", { className: "font-medium" }, column.header),
-                React.createElement("span", { className: "text-muted-foreground" }, filterUtils_1.OPERATOR_LABELS[filter.operator]),
-                valueLabel && React.createElement("span", null, valueLabel),
-                React.createElement("button", { type: "button", "aria-label": `Remove ${column.header} filter`, onClick: () => onRemove(filter), className: "ml-0.5 rounded-sm hover:bg-foreground/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring" },
-                    React.createElement(lucide_react_1.X, { className: "h-3 w-3" }))));
-        }),
-        React.createElement(button_1.Button, { variant: "ghost", size: "sm", onClick: onClearAll, className: "ml-auto h-7 text-xs" }, "Clear all")));
-}

package/dist/components-v2/Table/components/BulkActionBar.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-import type { BulkAction } from "../TableProps";
-export interface BulkActionBarProps<T> {
-    selectedCount: number;
-    selectedKeys: (string | number)[];
-    selectedRows: T[];
-    actions: BulkAction<T>[];
-    onClear: () => void;
-    className?: string;
-}
-export declare function BulkActionBar<T>({ selectedCount, selectedKeys, selectedRows, actions, onClear, className, }: BulkActionBarProps<T>): React.ReactElement;

package/dist/components-v2/Table/components/BulkActionBar.js

@@ -1,92 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BulkActionBar = BulkActionBar;
-const React = __importStar(require("react"));
-const framer_motion_1 = require("framer-motion");
-const utils_1 = require("../../../lib/utils");
-const button_1 = require("../../ui/button");
-const dialog_1 = require("../../ui/dialog");
-function BulkActionBar({ selectedCount, selectedKeys, selectedRows, actions, onClear, className, }) {
-    const [pending, setPending] = React.useState(null);
-    const runAction = (action) => {
-        action.onClick(selectedKeys, selectedRows);
-    };
-    const onClick = (action) => {
-        if (action.confirm) {
-            setPending({ action });
-        }
-        else {
-            runAction(action);
-        }
-    };
-    const confirmTitle = typeof (pending === null || pending === void 0 ? void 0 : pending.action.confirm) === "object" && (pending === null || pending === void 0 ? void 0 : pending.action.confirm.title)
-        ? pending.action.confirm.title
-        : `Confirm ${pending === null || pending === void 0 ? void 0 : pending.action.label}`;
-    const confirmDescription = typeof (pending === null || pending === void 0 ? void 0 : pending.action.confirm) === "object"
-        ? pending === null || pending === void 0 ? void 0 : pending.action.confirm.description
-        : `This will apply to ${selectedCount} ${selectedCount === 1 ? "row" : "rows"}.`;
-    return (React.createElement(React.Fragment, null,
-        React.createElement(framer_motion_1.AnimatePresence, { initial: false }, selectedCount > 0 && (React.createElement(framer_motion_1.motion.div, { key: "bulk-bar", initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: "auto" }, exit: { opacity: 0, height: 0 }, transition: { duration: 0.18, ease: "easeOut" }, className: "overflow-hidden", role: "region", "aria-label": "Bulk actions" },
-            React.createElement("div", { "aria-live": "polite", className: (0, utils_1.cn)("flex flex-wrap items-center gap-3 border-b border-border bg-primary/10 px-3 py-2", className) },
-                React.createElement("span", { className: "text-sm font-medium text-foreground" },
-                    selectedCount,
-                    " ",
-                    selectedCount === 1 ? "row" : "rows",
-                    " selected"),
-                React.createElement("div", { className: "ml-auto flex flex-wrap items-center gap-2" },
-                    actions.map((action) => (React.createElement(button_1.Button, { key: action.label, size: "sm", variant: action.variant === "destructive"
-                            ? "destructive"
-                            : "outline", leftIcon: action.icon, onClick: () => onClick(action) }, action.label))),
-                    React.createElement(button_1.Button, { size: "sm", variant: "ghost", onClick: onClear }, "Clear selection")))))),
-        React.createElement(dialog_1.Dialog, { open: pending !== null, onOpenChange: (open) => {
-                if (!open)
-                    setPending(null);
-            } },
-            React.createElement(dialog_1.DialogContent, { size: "sm" },
-                React.createElement(dialog_1.DialogHeader, null,
-                    React.createElement(dialog_1.DialogTitle, null, confirmTitle),
-                    confirmDescription && (React.createElement(dialog_1.DialogDescription, null, confirmDescription))),
-                React.createElement(dialog_1.DialogFooter, null,
-                    React.createElement(button_1.Button, { variant: "outline", onClick: () => setPending(null) }, "Cancel"),
-                    React.createElement(button_1.Button, { variant: (pending === null || pending === void 0 ? void 0 : pending.action.variant) === "destructive"
-                            ? "destructive"
-                            : "default", onClick: () => {
-                            if (pending) {
-                                runAction(pending.action);
-                                setPending(null);
-                            }
-                        } }, pending === null || pending === void 0 ? void 0 : pending.action.label))))));
-}

package/dist/components-v2/Table/components/ColumnResizeHandle.d.ts

@@ -1,7 +0,0 @@
-import * as React from "react";
-export interface ColumnResizeHandleProps {
-    columnId: string;
-    isResizing: boolean;
-    onPointerDown: (columnId: string, event: React.PointerEvent<HTMLDivElement>) => void;
-}
-export declare function ColumnResizeHandle({ columnId, isResizing, onPointerDown, }: ColumnResizeHandleProps): React.ReactElement;

package/dist/components-v2/Table/components/ColumnResizeHandle.js

@@ -1,41 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ColumnResizeHandle = ColumnResizeHandle;
-const React = __importStar(require("react"));
-const utils_1 = require("../../../lib/utils");
-function ColumnResizeHandle({ columnId, isResizing, onPointerDown, }) {
-    return (React.createElement("div", { role: "separator", "aria-orientation": "vertical", "aria-label": "Resize column", onPointerDown: (event) => onPointerDown(columnId, event), onClick: (event) => event.stopPropagation(), className: (0, utils_1.cn)("absolute right-0 top-0 h-full w-1 cursor-col-resize select-none", "before:absolute before:inset-y-1 before:right-0 before:w-px before:bg-transparent", "hover:before:bg-primary", isResizing && "before:bg-primary") }));
-}

package/dist/components-v2/Table/components/Pagination.d.ts

@@ -1,11 +0,0 @@
-import * as React from "react";
-export interface PaginationProps {
-    pageIndex: number;
-    pageCount: number;
-    pageSize: number;
-    pageSizeOptions: number[];
-    totalRows: number;
-    onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number) => void;
-}
-export declare function Pagination({ pageIndex, pageCount, pageSize, pageSizeOptions, totalRows, onPageChange, onPageSizeChange, }: PaginationProps): React.ReactElement;