@uipath/apollo-wind 0.7.2-pr188.4865fad

package/dist/components/ui/context-menu.d.ts

@@ -0,0 +1,27 @@
+import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
+import * as React from 'react';
+declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };

package/dist/components/ui/context-menu.js

@@ -0,0 +1,97 @@
+'use client';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckboxItem, Content, Group, Item, ItemIndicator, Label, Portal, RadioGroup, RadioItem, Root, Separator, Sub, SubContent, SubTrigger, Trigger } from "@radix-ui/react-context-menu";
+import { Check, ChevronRight, Circle } from "lucide-react";
+import { forwardRef } from "react";
+import { cn } from "../../lib/index.js";
+const ContextMenu = Root;
+const ContextMenuTrigger = Trigger;
+const ContextMenuGroup = Group;
+const ContextMenuPortal = Portal;
+const ContextMenuSub = Sub;
+const ContextMenuRadioGroup = RadioGroup;
+const ContextMenuSubTrigger = /*#__PURE__*/ forwardRef(({ className, inset, children, ...props }, ref)=>/*#__PURE__*/ jsxs(SubTrigger, {
+        ref: ref,
+        className: cn('flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground', inset && 'pl-8', className),
+        ...props,
+        children: [
+            children,
+            /*#__PURE__*/ jsx(ChevronRight, {
+                className: "ml-auto h-4 w-4"
+            })
+        ]
+    }));
+ContextMenuSubTrigger.displayName = SubTrigger.displayName;
+const ContextMenuSubContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(SubContent, {
+        ref: ref,
+        className: cn('z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
+        ...props
+    }));
+ContextMenuSubContent.displayName = SubContent.displayName;
+const ContextMenuContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
+        children: /*#__PURE__*/ jsx(Content, {
+            ref: ref,
+            className: cn('z-50 max-h-[--radix-context-menu-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md animate-in fade-in-80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-context-menu-content-transform-origin]', className),
+            ...props
+        })
+    }));
+ContextMenuContent.displayName = Content.displayName;
+const ContextMenuItem = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
+        ref: ref,
+        className: cn('relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', inset && 'pl-8', className),
+        ...props
+    }));
+ContextMenuItem.displayName = Item.displayName;
+const ContextMenuCheckboxItem = /*#__PURE__*/ forwardRef(({ className, children, checked, ...props }, ref)=>/*#__PURE__*/ jsxs(CheckboxItem, {
+        ref: ref,
+        className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        checked: checked,
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(Check, {
+                        className: "h-4 w-4"
+                    })
+                })
+            }),
+            children
+        ]
+    }));
+ContextMenuCheckboxItem.displayName = CheckboxItem.displayName;
+const ContextMenuRadioItem = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsxs(RadioItem, {
+        ref: ref,
+        className: cn('relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
+                children: /*#__PURE__*/ jsx(ItemIndicator, {
+                    children: /*#__PURE__*/ jsx(Circle, {
+                        className: "h-2 w-2 fill-current"
+                    })
+                })
+            }),
+            children
+        ]
+    }));
+ContextMenuRadioItem.displayName = RadioItem.displayName;
+const ContextMenuLabel = /*#__PURE__*/ forwardRef(({ className, inset, ...props }, ref)=>/*#__PURE__*/ jsx(Label, {
+        ref: ref,
+        className: cn('px-2 py-1.5 text-sm font-semibold text-foreground', inset && 'pl-8', className),
+        ...props
+    }));
+ContextMenuLabel.displayName = Label.displayName;
+const ContextMenuSeparator = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Separator, {
+        ref: ref,
+        className: cn('-mx-1 my-1 h-px bg-border', className),
+        ...props
+    }));
+ContextMenuSeparator.displayName = Separator.displayName;
+const ContextMenuShortcut = ({ className, ...props })=>/*#__PURE__*/ jsx("span", {
+        className: cn('ml-auto text-xs tracking-widest text-muted-foreground', className),
+        ...props
+    });
+ContextMenuShortcut.displayName = 'ContextMenuShortcut';
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger };

package/dist/components/ui/data-table.cjs

@@ -0,0 +1,292 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ('undefined' != typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    DataTableSelectColumn: ()=>DataTableSelectColumn,
+    DataTable: ()=>DataTable,
+    DataTableColumnHeader: ()=>DataTableColumnHeader
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const external_react_namespaceObject = require("react");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_button_cjs_namespaceObject = require("./button.cjs");
+const external_checkbox_cjs_namespaceObject = require("./checkbox.cjs");
+const external_dropdown_menu_cjs_namespaceObject = require("./dropdown-menu.cjs");
+const external_editable_cell_cjs_namespaceObject = require("./editable-cell.cjs");
+const external_input_cjs_namespaceObject = require("./input.cjs");
+const external_table_cjs_namespaceObject = require("./table.cjs");
+const react_table_namespaceObject = require("@tanstack/react-table");
+function DataTable({ columns, data, searchKey, searchPlaceholder = 'Search...', showColumnToggle = true, showPagination = true, pageSize = 10, editable = false, onCellUpdate, resizable = false, compact = false, columnToggleText = 'Columns' }) {
+    const [sorting, setSorting] = external_react_namespaceObject.useState([]);
+    const [columnFilters, setColumnFilters] = external_react_namespaceObject.useState([]);
+    const [columnVisibility, setColumnVisibility] = external_react_namespaceObject.useState({});
+    const [rowSelection, setRowSelection] = external_react_namespaceObject.useState({});
+    const processedColumns = external_react_namespaceObject.useMemo(()=>{
+        if (!editable || !onCellUpdate) return columns;
+        return columns.map((col)=>{
+            const meta = col.meta;
+            if (!meta?.type || col.cell) return col;
+            return {
+                ...col,
+                cell: (cellContext)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_editable_cell_cjs_namespaceObject.EditableCell, {
+                        cell: cellContext,
+                        onUpdate: (value)=>{
+                            onCellUpdate(cellContext.row.index, cellContext.column.id, value);
+                        }
+                    })
+            };
+        });
+    }, [
+        columns,
+        editable,
+        onCellUpdate
+    ]);
+    const table = (0, react_table_namespaceObject.useReactTable)({
+        data,
+        columns: processedColumns,
+        onSortingChange: setSorting,
+        onColumnFiltersChange: setColumnFilters,
+        getCoreRowModel: (0, react_table_namespaceObject.getCoreRowModel)(),
+        getPaginationRowModel: (0, react_table_namespaceObject.getPaginationRowModel)(),
+        getSortedRowModel: (0, react_table_namespaceObject.getSortedRowModel)(),
+        getFilteredRowModel: (0, react_table_namespaceObject.getFilteredRowModel)(),
+        onColumnVisibilityChange: setColumnVisibility,
+        onRowSelectionChange: setRowSelection,
+        enableColumnResizing: resizable,
+        columnResizeMode: 'onChange',
+        state: {
+            sorting,
+            columnFilters,
+            columnVisibility,
+            rowSelection
+        },
+        initialState: {
+            pagination: {
+                pageSize
+            }
+        }
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+        className: "w-full",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex items-center gap-4 py-4",
+                children: [
+                    searchKey && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_cjs_namespaceObject.Input, {
+                        placeholder: searchPlaceholder,
+                        value: table.getColumn(searchKey)?.getFilterValue() ?? '',
+                        onChange: (event)=>table.getColumn(searchKey)?.setFilterValue(event.target.value),
+                        className: "max-w-sm"
+                    }),
+                    showColumnToggle && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_dropdown_menu_cjs_namespaceObject.DropdownMenu, {
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuTrigger, {
+                                asChild: true,
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+                                    variant: "outline",
+                                    className: "ml-auto",
+                                    children: [
+                                        columnToggleText,
+                                        " ",
+                                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDown, {
+                                            className: "ml-2 h-4 w-4"
+                                        })
+                                    ]
+                                })
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuContent, {
+                                align: "end",
+                                children: table.getAllColumns().filter((column)=>column.getCanHide()).map((column)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_dropdown_menu_cjs_namespaceObject.DropdownMenuCheckboxItem, {
+                                        className: "capitalize",
+                                        checked: column.getIsVisible(),
+                                        onCheckedChange: (value)=>column.toggleVisibility(!!value),
+                                        children: column.id
+                                    }, column.id))
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                className: "rounded-md border overflow-auto",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_table_cjs_namespaceObject.Table, {
+                    style: resizable ? {
+                        width: table.getTotalSize(),
+                        tableLayout: 'fixed'
+                    } : void 0,
+                    children: [
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableHeader, {
+                            children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow, {
+                                    children: headerGroup.headers.map((header)=>{
+                                        const { column } = header;
+                                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_table_cjs_namespaceObject.TableHead, {
+                                            className: compact ? 'relative h-8 px-2 py-1' : 'relative',
+                                            style: {
+                                                width: resizable ? header.getSize() : 150 !== column.getSize() ? column.getSize() : void 0,
+                                                minWidth: column.columnDef.minSize,
+                                                maxWidth: column.columnDef.maxSize
+                                            },
+                                            children: [
+                                                header.isPlaceholder ? null : (0, react_table_namespaceObject.flexRender)(header.column.columnDef.header, header.getContext()),
+                                                resizable && header.column.getCanResize() && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                    onMouseDown: header.getResizeHandler(),
+                                                    onTouchStart: header.getResizeHandler(),
+                                                    className: "absolute -right-1 top-0 z-10 h-full w-2 cursor-col-resize select-none touch-none group",
+                                                    children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+                                                        className: `h-full w-px mx-auto ${header.column.getIsResizing() ? 'bg-primary' : 'group-hover:bg-primary/50'}`
+                                                    })
+                                                })
+                                            ]
+                                        }, header.id);
+                                    })
+                                }, headerGroup.id))
+                        }),
+                        /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableBody, {
+                            children: table.getRowModel().rows?.length ? table.getRowModel().rows.map((row)=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow, {
+                                    "data-state": row.getIsSelected() && 'selected',
+                                    children: row.getVisibleCells().map((cell)=>{
+                                        const { column } = cell;
+                                        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell, {
+                                            className: compact ? 'truncate px-2 py-1' : 'truncate',
+                                            style: {
+                                                width: resizable ? cell.column.getSize() : 150 !== column.getSize() ? column.getSize() : void 0,
+                                                minWidth: column.columnDef.minSize,
+                                                maxWidth: column.columnDef.maxSize
+                                            },
+                                            children: (0, react_table_namespaceObject.flexRender)(cell.column.columnDef.cell, cell.getContext())
+                                        }, cell.id);
+                                    })
+                                }, row.id)) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableRow, {
+                                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_table_cjs_namespaceObject.TableCell, {
+                                    colSpan: columns.length,
+                                    className: "h-24 text-center",
+                                    children: "No results."
+                                })
+                            })
+                        })
+                    ]
+                })
+            }),
+            showPagination && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                className: "flex items-center justify-between space-x-2 py-4",
+                children: [
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex-1 text-sm text-muted-foreground",
+                        children: [
+                            table.getFilteredSelectedRowModel().rows.length,
+                            " of",
+                            ' ',
+                            table.getFilteredRowModel().rows.length,
+                            " row(s) selected."
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                        className: "flex items-center space-x-2",
+                        children: [
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                                variant: "outline",
+                                size: "sm",
+                                onClick: ()=>table.previousPage(),
+                                disabled: !table.getCanPreviousPage(),
+                                children: "Previous"
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
+                                className: "text-sm font-medium",
+                                children: [
+                                    "Page ",
+                                    table.getState().pagination.pageIndex + 1,
+                                    " of ",
+                                    table.getPageCount()
+                                ]
+                            }),
+                            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_button_cjs_namespaceObject.Button, {
+                                variant: "outline",
+                                size: "sm",
+                                onClick: ()=>table.nextPage(),
+                                disabled: !table.getCanNextPage(),
+                                children: "Next"
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}
+function DataTableColumnHeader({ column, title, children }) {
+    const sorted = column.getIsSorted();
+    const handleClick = ()=>{
+        if ('asc' === sorted) column.toggleSorting(true);
+        else if ('desc' === sorted) column.clearSorting();
+        else column.toggleSorting(false);
+    };
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_button_cjs_namespaceObject.Button, {
+        variant: "ghost",
+        size: "sm",
+        className: "-ml-3 h-8 data-[state=open]:bg-accent",
+        onClick: handleClick,
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+                children: title
+            }),
+            children,
+            'asc' === sorted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUp, {
+                className: "ml-2 h-4 w-4"
+            }) : 'desc' === sorted ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowDown, {
+                className: "ml-2 h-4 w-4"
+            }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ArrowUpDown, {
+                className: "ml-2 h-4 w-4"
+            })
+        ]
+    });
+}
+function DataTableSelectColumn() {
+    return {
+        id: 'select',
+        header: ({ table })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox, {
+                checked: table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && 'indeterminate',
+                onCheckedChange: (value)=>table.toggleAllPageRowsSelected(!!value),
+                "aria-label": "Select all"
+            }),
+        cell: ({ row })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_checkbox_cjs_namespaceObject.Checkbox, {
+                checked: row.getIsSelected(),
+                onCheckedChange: (value)=>row.toggleSelected(!!value),
+                "aria-label": "Select row"
+            }),
+        enableSorting: false,
+        enableHiding: false
+    };
+}
+exports.DataTable = __webpack_exports__.DataTable;
+exports.DataTableColumnHeader = __webpack_exports__.DataTableColumnHeader;
+exports.DataTableSelectColumn = __webpack_exports__.DataTableSelectColumn;
+for(var __webpack_i__ in __webpack_exports__)if (-1 === [
+    "DataTable",
+    "DataTableColumnHeader",
+    "DataTableSelectColumn"
+].indexOf(__webpack_i__)) exports[__webpack_i__] = __webpack_exports__[__webpack_i__];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/ui/data-table.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { Column, ColumnDef } from '@tanstack/react-table';
+export interface DataTableProps<TData, TValue> {
+    columns: ColumnDef<TData, TValue>[];
+    data: TData[];
+    searchKey?: string;
+    searchPlaceholder?: string;
+    showColumnToggle?: boolean;
+    showPagination?: boolean;
+    pageSize?: number;
+    editable?: boolean;
+    onCellUpdate?: (rowIndex: number, columnId: string, value: unknown) => void;
+    resizable?: boolean;
+    compact?: boolean;
+    columnToggleText?: string;
+}
+export declare function DataTable<TData, TValue>({ columns, data, searchKey, searchPlaceholder, showColumnToggle, showPagination, pageSize, editable, onCellUpdate, resizable, compact, columnToggleText, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableColumnHeader<TData, TValue>({ column, title, children, }: {
+    column: Column<TData, TValue>;
+    title: string;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DataTableSelectColumn<TData>(): ColumnDef<TData>;