@hexclave/ui 1.0.40 → 1.0.42

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

@@ -1,59 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React from "react";
-import { ColumnDef, ColumnFiltersState, SortingState, Table, VisibilityState } from "@tanstack/react-table";
-
-//#region src/components/data-table/data-table.d.ts
-declare function TableView<TData, TValue>(props: {
-  table: Table<TData>;
-  columns: ColumnDef<TData, TValue>[];
-  toolbarRender?: (table: Table<TData>) => React.ReactNode;
-  showDefaultToolbar?: boolean;
-  defaultColumnFilters: ColumnFiltersState;
-  defaultSorting: SortingState;
-  onRowClick?: (row: TData) => void;
-}): react_jsx_runtime0.JSX.Element;
-type DataTableProps<TData, TValue> = {
-  columns: ColumnDef<TData, TValue>[];
-  data: TData[];
-  toolbarRender?: (table: Table<TData>) => React.ReactNode;
-  defaultVisibility?: VisibilityState;
-  defaultColumnFilters: ColumnFiltersState;
-  defaultSorting: SortingState;
-  showDefaultToolbar?: boolean;
-  onRowClick?: (row: TData) => void;
-};
-declare function DataTable<TData, TValue>({
-  columns,
-  data,
-  toolbarRender,
-  defaultVisibility,
-  defaultColumnFilters,
-  defaultSorting,
-  showDefaultToolbar,
-  onRowClick
-}: DataTableProps<TData, TValue>): react_jsx_runtime0.JSX.Element;
-type DataTableManualPaginationProps<TData, TValue> = DataTableProps<TData, TValue> & {
-  onUpdate: (options: {
-    cursor: string;
-    limit: number;
-    sorting: SortingState;
-    columnFilters: ColumnFiltersState;
-    globalFilters: any;
-  }) => Promise<{
-    nextCursor: string | null;
-  }>;
-};
-declare function DataTableManualPagination<TData, TValue>({
-  columns,
-  data,
-  toolbarRender,
-  defaultVisibility,
-  defaultColumnFilters,
-  defaultSorting,
-  onRowClick,
-  onUpdate,
-  showDefaultToolbar
-}: DataTableManualPaginationProps<TData, TValue>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { DataTable, DataTableManualPagination, TableView };
-//# sourceMappingURL=data-table.d.ts.map
+import { n as DataTableManualPagination, r as TableView, t as DataTable } from "../../data-table-xbTf50By.js";
+export { DataTable, DataTableManualPagination, TableView };

package/dist/components/data-table/data-table.js

@@ -1,16 +1,14 @@
 "use client";
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../rolldown-runtime-D6vf50IK.js");
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _hexclave_shared_dist_utils_promises = require("@hexclave/shared/dist/utils/promises");
 let ___ui_table_js = require("../ui/table.js");
 let _tanstack_react_table = require("@tanstack/react-table");
 let __pagination_js = require("./pagination.js");
 let __toolbar_js = require("./toolbar.js");
-
 //#region src/components/data-table/data-table.tsx
 function TableView(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -185,9 +183,9 @@ function DataTableBase({ columns, data, toolbarRender, defaultVisibility, sortin
 		onRowClick
 	});
 }
-
 //#endregion
 exports.DataTable = DataTable;
 exports.DataTableManualPagination = DataTableManualPagination;
 exports.TableView = TableView;
+
 //# sourceMappingURL=data-table.js.map

package/dist/components/data-table/data-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-table.js","names":["DataTableToolbar","Table","TableHeader","TableRow","TableHead","TableBody","TableCell","DataTablePagination","React","GlobalFiltering"],"sources":["../../../src/components/data-table/data-table.tsx"],"sourcesContent":["\"use client\";\n\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../ui/table\";\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  GlobalFiltering,\n  OnChangeFn,\n  PaginationState,\n  SortingState,\n  Table as TableType,\n  VisibilityState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { DataTablePagination } from \"./pagination\";\nimport { DataTableToolbar } from \"./toolbar\";\n\nexport function TableView<TData, TValue>(props: {\n  table: TableType<TData>,\n  columns: ColumnDef<TData, TValue>[],\n  toolbarRender?: (table: TableType<TData>) => React.ReactNode,\n  showDefaultToolbar?: boolean,\n  defaultColumnFilters: ColumnFiltersState,\n  defaultSorting: SortingState,\n  onRowClick?: (row: TData) => void,\n}) {\n  return (\n    <div className=\"space-y-4\">\n      <DataTableToolbar\n        table={props.table}\n        toolbarRender={props.toolbarRender}\n        showDefaultToolbar={props.showDefaultToolbar}\n        defaultColumnFilters={props.defaultColumnFilters}\n        defaultSorting={props.defaultSorting}\n      />\n      <div className=\"rounded-md border\">\n        <Table>\n          <TableHeader>\n            {props.table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id} >\n                {headerGroup.headers.map((header) => {\n                  return (\n                    <TableHead key={header.id} colSpan={header.colSpan}>\n                      {header.isPlaceholder\n                        ? null\n                        : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                    </TableHead>\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {props.table.getRowModel().rows.length ? (\n              props.table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  data-state={row.getIsSelected() && \"selected\"}\n                  onClick={(ev) => {\n                    // only trigger onRowClick if the element is a direct descendant; don't trigger for portals\n                    if (ev.target instanceof Node && ev.currentTarget.contains(ev.target)) {\n                      props.onRowClick?.(row.original);\n                    }\n                  }}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id}>\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={props.columns.length}\n                  className=\"h-24 text-center\"\n                >\n                  No results.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n      <DataTablePagination table={props.table} />\n    </div>\n  );\n}\n\ntype DataTableProps<TData, TValue> = {\n  columns: ColumnDef<TData, TValue>[],\n  data: TData[],\n  toolbarRender?: (table: TableType<TData>) => React.ReactNode,\n  defaultVisibility?: VisibilityState,\n  defaultColumnFilters: ColumnFiltersState,\n  defaultSorting: SortingState,\n  showDefaultToolbar?: boolean,\n  onRowClick?: (row: TData) => void,\n}\n\nexport function DataTable<TData, TValue>({\n  columns,\n  data,\n  toolbarRender,\n  defaultVisibility,\n  defaultColumnFilters,\n  defaultSorting,\n  showDefaultToolbar = true,\n  onRowClick,\n}: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = React.useState<SortingState>(defaultSorting);\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(defaultColumnFilters);\n  const [pagination, setPagination] = React.useState<PaginationState>({\n    pageIndex: 0,\n    pageSize: 10,\n  });\n  const [globalFilter, setGlobalFilter] = React.useState<any>();\n\n  return <DataTableBase\n    columns={columns}\n    data={data}\n    toolbarRender={toolbarRender}\n    defaultVisibility={defaultVisibility}\n    sorting={sorting}\n    setSorting={setSorting}\n    defaultSorting={defaultSorting}\n    columnFilters={columnFilters}\n    setColumnFilters={setColumnFilters}\n    defaultColumnFilters={defaultColumnFilters}\n    manualPagination={false}\n    manualFiltering={false}\n    pagination={pagination}\n    setPagination={setPagination}\n    globalFilter={globalFilter}\n    setGlobalFilter={setGlobalFilter}\n    showDefaultToolbar={showDefaultToolbar}\n    onRowClick={onRowClick}\n  />;\n}\n\ntype DataTableManualPaginationProps<TData, TValue> = DataTableProps<TData, TValue> & {\n  onUpdate: (options: {\n    cursor: string,\n    limit: number,\n    sorting: SortingState,\n    columnFilters: ColumnFiltersState,\n    globalFilters: any,\n  }) => Promise<{ nextCursor: string | null }>,\n}\n\nexport function DataTableManualPagination<TData, TValue>({\n  columns,\n  data,\n  toolbarRender,\n  defaultVisibility,\n  defaultColumnFilters,\n  defaultSorting,\n  onRowClick,\n  onUpdate,\n  showDefaultToolbar = true,\n}: DataTableManualPaginationProps<TData, TValue>) {\n  const [sorting, setSorting] = React.useState<SortingState>(defaultSorting);\n  const [pagination, setPagination] = React.useState({ pageIndex: 0, pageSize: 10 });\n  const [cursors, setCursors] = React.useState<Record<number, string>>({});\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(defaultColumnFilters);\n  const [globalFilter, setGlobalFilter] = React.useState<any>();\n  const [refreshCounter, setRefreshCounter] = React.useState(0);\n\n  React.useEffect(() => {\n    runAsynchronouslyWithAlert(async () => {\n      const { nextCursor } = await onUpdate({\n        cursor: cursors[pagination.pageIndex],\n        limit: pagination.pageSize,\n        sorting,\n        columnFilters,\n        globalFilters: globalFilter,\n      });\n      setCursors(c => nextCursor ? { ...c, [pagination.pageIndex + 1]: nextCursor } : c);\n    });\n  }, [pagination, sorting, columnFilters, refreshCounter]);\n\n  // Reset to first page when filters change\n  React.useEffect(() => {\n    setPagination(pagination => ({ ...pagination, pageIndex: 0 }));\n    setCursors({});\n  }, [columnFilters, sorting, pagination.pageSize]);\n\n  // Refresh the users when the global filter changes. Delay to prevent unnecessary re-renders.\n  React.useEffect(() => {\n    const timer = setTimeout(() => {\n      setRefreshCounter(x => x + 1);\n    }, 3_000);\n    return () => clearTimeout(timer);\n  }, [globalFilter]);\n\n  return <DataTableBase\n    columns={columns}\n    data={data}\n    toolbarRender={toolbarRender}\n    sorting={sorting}\n    setSorting={setSorting}\n    pagination={pagination}\n    setPagination={setPagination}\n    columnFilters={columnFilters}\n    setColumnFilters={setColumnFilters}\n    rowCount={pagination.pageSize * Object.keys(cursors).length + (cursors[pagination.pageIndex + 1] ? 1 : 0)}\n    globalFilter={globalFilter}\n    setGlobalFilter={setGlobalFilter}\n    defaultColumnFilters={defaultColumnFilters}\n    defaultSorting={defaultSorting}\n    defaultVisibility={defaultVisibility}\n    showDefaultToolbar={showDefaultToolbar}\n    onRowClick={onRowClick}\n  />;\n}\n\ntype DataTableBaseProps<TData, TValue> = DataTableProps<TData, TValue> & {\n  sorting?: SortingState,\n  setSorting?: OnChangeFn<SortingState>,\n  pagination?: PaginationState,\n  setPagination?: OnChangeFn<PaginationState>,\n  rowCount?: number,\n  columnFilters?: ColumnFiltersState,\n  setColumnFilters?: OnChangeFn<ColumnFiltersState>,\n  manualPagination?: boolean,\n  manualFiltering?: boolean,\n  globalFilter?: any,\n  setGlobalFilter?: OnChangeFn<any>,\n}\n\nfunction DataTableBase<TData, TValue>({\n  columns,\n  data,\n  toolbarRender,\n  defaultVisibility,\n  sorting,\n  setSorting,\n  defaultColumnFilters,\n  defaultSorting,\n  pagination,\n  setPagination,\n  rowCount,\n  columnFilters,\n  setColumnFilters,\n  globalFilter,\n  setGlobalFilter,\n  manualPagination = true,\n  manualFiltering = true,\n  showDefaultToolbar = true,\n  onRowClick,\n}: DataTableBaseProps<TData, TValue>) {\n  const [rowSelection, setRowSelection] = React.useState({});\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(defaultVisibility || {});\n\n  const table: TableType<TData> = useReactTable({\n    data,\n    columns,\n    state: {\n      sorting,\n      columnVisibility,\n      rowSelection,\n      columnFilters,\n      pagination,\n      globalFilter: globalFilter,\n    },\n    enableRowSelection: true,\n    onGlobalFilterChange: setGlobalFilter,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: setSorting,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setColumnVisibility,\n    onPaginationChange: setPagination,\n    getColumnCanGlobalFilter: (c) => c.columnDef.enableGlobalFilter ?? GlobalFiltering.getDefaultOptions!(table).getColumnCanGlobalFilter!(c),\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    autoResetAll: false,\n    manualPagination,\n    manualFiltering,\n    rowCount,\n  });\n\n  return <TableView\n    table={table}\n    columns={columns}\n    toolbarRender={toolbarRender}\n    showDefaultToolbar={showDefaultToolbar}\n    defaultColumnFilters={defaultColumnFilters}\n    defaultSorting={defaultSorting}\n    onRowClick={onRowClick}\n  />;\n}\n"],"mappings":"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"}
+{"version":3,"file":"data-table.js","names":["DataTableToolbar","Table","TableHeader","TableRow","TableHead","TableBody","TableCell","DataTablePagination","React","GlobalFiltering"],"sources":["../../../src/components/data-table/data-table.tsx"],"sourcesContent":["\"use client\";\n\nimport { runAsynchronouslyWithAlert } from \"@hexclave/shared/dist/utils/promises\";\nimport {\n  Table,\n  TableBody,\n  TableCell,\n  TableHead,\n  TableHeader,\n  TableRow,\n} from \"../ui/table\";\nimport {\n  ColumnDef,\n  ColumnFiltersState,\n  GlobalFiltering,\n  OnChangeFn,\n  PaginationState,\n  SortingState,\n  Table as TableType,\n  VisibilityState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable,\n} from \"@tanstack/react-table\";\nimport React from \"react\";\nimport { DataTablePagination } from \"./pagination\";\nimport { DataTableToolbar } from \"./toolbar\";\n\nexport function TableView<TData, TValue>(props: {\n  table: TableType<TData>,\n  columns: ColumnDef<TData, TValue>[],\n  toolbarRender?: (table: TableType<TData>) => React.ReactNode,\n  showDefaultToolbar?: boolean,\n  defaultColumnFilters: ColumnFiltersState,\n  defaultSorting: SortingState,\n  onRowClick?: (row: TData) => void,\n}) {\n  return (\n    <div className=\"space-y-4\">\n      <DataTableToolbar\n        table={props.table}\n        toolbarRender={props.toolbarRender}\n        showDefaultToolbar={props.showDefaultToolbar}\n        defaultColumnFilters={props.defaultColumnFilters}\n        defaultSorting={props.defaultSorting}\n      />\n      <div className=\"rounded-md border\">\n        <Table>\n          <TableHeader>\n            {props.table.getHeaderGroups().map((headerGroup) => (\n              <TableRow key={headerGroup.id} >\n                {headerGroup.headers.map((header) => {\n                  return (\n                    <TableHead key={header.id} colSpan={header.colSpan}>\n                      {header.isPlaceholder\n                        ? null\n                        : flexRender(\n                          header.column.columnDef.header,\n                          header.getContext()\n                        )}\n                    </TableHead>\n                  );\n                })}\n              </TableRow>\n            ))}\n          </TableHeader>\n          <TableBody>\n            {props.table.getRowModel().rows.length ? (\n              props.table.getRowModel().rows.map((row) => (\n                <TableRow\n                  key={row.id}\n                  data-state={row.getIsSelected() && \"selected\"}\n                  onClick={(ev) => {\n                    // only trigger onRowClick if the element is a direct descendant; don't trigger for portals\n                    if (ev.target instanceof Node && ev.currentTarget.contains(ev.target)) {\n                      props.onRowClick?.(row.original);\n                    }\n                  }}\n                >\n                  {row.getVisibleCells().map((cell) => (\n                    <TableCell key={cell.id}>\n                      {flexRender(\n                        cell.column.columnDef.cell,\n                        cell.getContext()\n                      )}\n                    </TableCell>\n                  ))}\n                </TableRow>\n              ))\n            ) : (\n              <TableRow>\n                <TableCell\n                  colSpan={props.columns.length}\n                  className=\"h-24 text-center\"\n                >\n                  No results.\n                </TableCell>\n              </TableRow>\n            )}\n          </TableBody>\n        </Table>\n      </div>\n      <DataTablePagination table={props.table} />\n    </div>\n  );\n}\n\ntype DataTableProps<TData, TValue> = {\n  columns: ColumnDef<TData, TValue>[],\n  data: TData[],\n  toolbarRender?: (table: TableType<TData>) => React.ReactNode,\n  defaultVisibility?: VisibilityState,\n  defaultColumnFilters: ColumnFiltersState,\n  defaultSorting: SortingState,\n  showDefaultToolbar?: boolean,\n  onRowClick?: (row: TData) => void,\n}\n\nexport function DataTable<TData, TValue>({\n  columns,\n  data,\n  toolbarRender,\n  defaultVisibility,\n  defaultColumnFilters,\n  defaultSorting,\n  showDefaultToolbar = true,\n  onRowClick,\n}: DataTableProps<TData, TValue>) {\n  const [sorting, setSorting] = React.useState<SortingState>(defaultSorting);\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(defaultColumnFilters);\n  const [pagination, setPagination] = React.useState<PaginationState>({\n    pageIndex: 0,\n    pageSize: 10,\n  });\n  const [globalFilter, setGlobalFilter] = React.useState<any>();\n\n  return <DataTableBase\n    columns={columns}\n    data={data}\n    toolbarRender={toolbarRender}\n    defaultVisibility={defaultVisibility}\n    sorting={sorting}\n    setSorting={setSorting}\n    defaultSorting={defaultSorting}\n    columnFilters={columnFilters}\n    setColumnFilters={setColumnFilters}\n    defaultColumnFilters={defaultColumnFilters}\n    manualPagination={false}\n    manualFiltering={false}\n    pagination={pagination}\n    setPagination={setPagination}\n    globalFilter={globalFilter}\n    setGlobalFilter={setGlobalFilter}\n    showDefaultToolbar={showDefaultToolbar}\n    onRowClick={onRowClick}\n  />;\n}\n\ntype DataTableManualPaginationProps<TData, TValue> = DataTableProps<TData, TValue> & {\n  onUpdate: (options: {\n    cursor: string,\n    limit: number,\n    sorting: SortingState,\n    columnFilters: ColumnFiltersState,\n    globalFilters: any,\n  }) => Promise<{ nextCursor: string | null }>,\n}\n\nexport function DataTableManualPagination<TData, TValue>({\n  columns,\n  data,\n  toolbarRender,\n  defaultVisibility,\n  defaultColumnFilters,\n  defaultSorting,\n  onRowClick,\n  onUpdate,\n  showDefaultToolbar = true,\n}: DataTableManualPaginationProps<TData, TValue>) {\n  const [sorting, setSorting] = React.useState<SortingState>(defaultSorting);\n  const [pagination, setPagination] = React.useState({ pageIndex: 0, pageSize: 10 });\n  const [cursors, setCursors] = React.useState<Record<number, string>>({});\n  const [columnFilters, setColumnFilters] = React.useState<ColumnFiltersState>(defaultColumnFilters);\n  const [globalFilter, setGlobalFilter] = React.useState<any>();\n  const [refreshCounter, setRefreshCounter] = React.useState(0);\n\n  React.useEffect(() => {\n    runAsynchronouslyWithAlert(async () => {\n      const { nextCursor } = await onUpdate({\n        cursor: cursors[pagination.pageIndex],\n        limit: pagination.pageSize,\n        sorting,\n        columnFilters,\n        globalFilters: globalFilter,\n      });\n      setCursors(c => nextCursor ? { ...c, [pagination.pageIndex + 1]: nextCursor } : c);\n    });\n  }, [pagination, sorting, columnFilters, refreshCounter]);\n\n  // Reset to first page when filters change\n  React.useEffect(() => {\n    setPagination(pagination => ({ ...pagination, pageIndex: 0 }));\n    setCursors({});\n  }, [columnFilters, sorting, pagination.pageSize]);\n\n  // Refresh the users when the global filter changes. Delay to prevent unnecessary re-renders.\n  React.useEffect(() => {\n    const timer = setTimeout(() => {\n      setRefreshCounter(x => x + 1);\n    }, 3_000);\n    return () => clearTimeout(timer);\n  }, [globalFilter]);\n\n  return <DataTableBase\n    columns={columns}\n    data={data}\n    toolbarRender={toolbarRender}\n    sorting={sorting}\n    setSorting={setSorting}\n    pagination={pagination}\n    setPagination={setPagination}\n    columnFilters={columnFilters}\n    setColumnFilters={setColumnFilters}\n    rowCount={pagination.pageSize * Object.keys(cursors).length + (cursors[pagination.pageIndex + 1] ? 1 : 0)}\n    globalFilter={globalFilter}\n    setGlobalFilter={setGlobalFilter}\n    defaultColumnFilters={defaultColumnFilters}\n    defaultSorting={defaultSorting}\n    defaultVisibility={defaultVisibility}\n    showDefaultToolbar={showDefaultToolbar}\n    onRowClick={onRowClick}\n  />;\n}\n\ntype DataTableBaseProps<TData, TValue> = DataTableProps<TData, TValue> & {\n  sorting?: SortingState,\n  setSorting?: OnChangeFn<SortingState>,\n  pagination?: PaginationState,\n  setPagination?: OnChangeFn<PaginationState>,\n  rowCount?: number,\n  columnFilters?: ColumnFiltersState,\n  setColumnFilters?: OnChangeFn<ColumnFiltersState>,\n  manualPagination?: boolean,\n  manualFiltering?: boolean,\n  globalFilter?: any,\n  setGlobalFilter?: OnChangeFn<any>,\n}\n\nfunction DataTableBase<TData, TValue>({\n  columns,\n  data,\n  toolbarRender,\n  defaultVisibility,\n  sorting,\n  setSorting,\n  defaultColumnFilters,\n  defaultSorting,\n  pagination,\n  setPagination,\n  rowCount,\n  columnFilters,\n  setColumnFilters,\n  globalFilter,\n  setGlobalFilter,\n  manualPagination = true,\n  manualFiltering = true,\n  showDefaultToolbar = true,\n  onRowClick,\n}: DataTableBaseProps<TData, TValue>) {\n  const [rowSelection, setRowSelection] = React.useState({});\n  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(defaultVisibility || {});\n\n  const table: TableType<TData> = useReactTable({\n    data,\n    columns,\n    state: {\n      sorting,\n      columnVisibility,\n      rowSelection,\n      columnFilters,\n      pagination,\n      globalFilter: globalFilter,\n    },\n    enableRowSelection: true,\n    onGlobalFilterChange: setGlobalFilter,\n    onRowSelectionChange: setRowSelection,\n    onSortingChange: setSorting,\n    onColumnFiltersChange: setColumnFilters,\n    onColumnVisibilityChange: setColumnVisibility,\n    onPaginationChange: setPagination,\n    getColumnCanGlobalFilter: (c) => c.columnDef.enableGlobalFilter ?? GlobalFiltering.getDefaultOptions!(table).getColumnCanGlobalFilter!(c),\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getPaginationRowModel: getPaginationRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getFacetedRowModel: getFacetedRowModel(),\n    getFacetedUniqueValues: getFacetedUniqueValues(),\n    autoResetAll: false,\n    manualPagination,\n    manualFiltering,\n    rowCount,\n  });\n\n  return <TableView\n    table={table}\n    columns={columns}\n    toolbarRender={toolbarRender}\n    showDefaultToolbar={showDefaultToolbar}\n    defaultColumnFilters={defaultColumnFilters}\n    defaultSorting={defaultSorting}\n    onRowClick={onRowClick}\n  />;\n}\n"],"mappings":";;;;;;;;;;;;AAiCA,SAAgB,UAAyB,OAQtC;CACD,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;YAAf;GACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,aAAAA,kBAAD;IACE,OAAO,MAAM;IACb,eAAe,MAAM;IACrB,oBAAoB,MAAM;IAC1B,sBAAsB,MAAM;IAC5B,gBAAgB,MAAM;GACvB,CAAA;GACD,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;IAAK,WAAU;cACb,iBAAA,GAAA,kBAAA,KAAA,CAACC,eAAAA,OAAD,EAAA,UAAA,CACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,aAAD,EAAA,UACG,MAAM,MAAM,gBAAgB,CAAC,CAAC,KAAK,gBAClC,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,UAAD,EAAA,UACG,YAAY,QAAQ,KAAK,WAAW;KACnC,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,WAAD;MAA2B,SAAS,OAAO;gBACxC,OAAO,gBACJ,QAAA,GAAA,sBAAA,WAAA,CAEA,OAAO,OAAO,UAAU,QACxB,OAAO,WAAW,CACpB;KACO,GAPK,OAAO,EAOZ;IAEf,CAAC,EACO,GAbK,YAAY,EAajB,CACX,EACU,CAAA,GACb,iBAAA,GAAA,kBAAA,IAAA,CAACC,eAAAA,WAAD,EAAA,UACG,MAAM,MAAM,YAAY,CAAC,CAAC,KAAK,SAC9B,MAAM,MAAM,YAAY,CAAC,CAAC,KAAK,KAAK,QAClC,iBAAA,GAAA,kBAAA,IAAA,CAACF,eAAAA,UAAD;KAEE,cAAY,IAAI,cAAc,KAAK;KACnC,UAAU,OAAO;MAEf,IAAI,GAAG,kBAAkB,QAAQ,GAAG,cAAc,SAAS,GAAG,MAAM,GAClE,MAAM,aAAa,IAAI,QAAQ;KAEnC;eAEC,IAAI,gBAAgB,CAAC,CAAC,KAAK,SAC1B,iBAAA,GAAA,kBAAA,IAAA,CAACG,eAAAA,WAAD,EAAA,WAAA,GAAA,sBAAA,WAAA,CAEI,KAAK,OAAO,UAAU,MACtB,KAAK,WAAW,CAClB,EACS,GALK,KAAK,EAKV,CACZ;IACO,GAjBH,IAAI,EAiBD,CACX,IAED,iBAAA,GAAA,kBAAA,IAAA,CAACH,eAAAA,UAAD,EAAA,UACE,iBAAA,GAAA,kBAAA,IAAA,CAACG,eAAAA,WAAD;KACE,SAAS,MAAM,QAAQ;KACvB,WAAU;eACX;IAEU,CAAA,EACH,CAAA,EAEH,CAAA,CACN,EAAA,CAAA;GACJ,CAAA;GACL,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,qBAAD,EAAqB,OAAO,MAAM,MAAQ,CAAA;EACvC;;AAET;AAaA,SAAgB,UAAyB,EACvC,SACA,MACA,eACA,mBACA,sBACA,gBACA,qBAAqB,MACrB,cACgC;CAChC,MAAM,CAAC,SAAS,cAAcC,MAAAA,QAAM,SAAuB,cAAc;CACzE,MAAM,CAAC,eAAe,oBAAoBA,MAAAA,QAAM,SAA6B,oBAAoB;CACjG,MAAM,CAAC,YAAY,iBAAiBA,MAAAA,QAAM,SAA0B;EAClE,WAAW;EACX,UAAU;CACZ,CAAC;CACD,MAAM,CAAC,cAAc,mBAAmBA,MAAAA,QAAM,SAAc;CAE5D,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EACI;EACH;EACS;EACI;EACV;EACG;EACI;EACD;EACG;EACI;EACtB,kBAAkB;EAClB,iBAAiB;EACL;EACG;EACD;EACG;EACG;EACR;CACb,CAAA;AACH;AAYA,SAAgB,0BAAyC,EACvD,SACA,MACA,eACA,mBACA,sBACA,gBACA,YACA,UACA,qBAAqB,QAC2B;CAChD,MAAM,CAAC,SAAS,cAAcA,MAAAA,QAAM,SAAuB,cAAc;CACzE,MAAM,CAAC,YAAY,iBAAiBA,MAAAA,QAAM,SAAS;EAAE,WAAW;EAAG,UAAU;CAAG,CAAC;CACjF,MAAM,CAAC,SAAS,cAAcA,MAAAA,QAAM,SAAiC,CAAC,CAAC;CACvE,MAAM,CAAC,eAAe,oBAAoBA,MAAAA,QAAM,SAA6B,oBAAoB;CACjG,MAAM,CAAC,cAAc,mBAAmBA,MAAAA,QAAM,SAAc;CAC5D,MAAM,CAAC,gBAAgB,qBAAqBA,MAAAA,QAAM,SAAS,CAAC;CAE5D,MAAA,QAAM,gBAAgB;EACpB,CAAA,GAAA,qCAAA,2BAAA,CAA2B,YAAY;GACrC,MAAM,EAAE,eAAe,MAAM,SAAS;IACpC,QAAQ,QAAQ,WAAW;IAC3B,OAAO,WAAW;IAClB;IACA;IACA,eAAe;GACjB,CAAC;GACD,YAAW,MAAK,aAAa;IAAE,GAAG;KAAI,WAAW,YAAY,IAAI;GAAW,IAAI,CAAC;EACnF,CAAC;CACH,GAAG;EAAC;EAAY;EAAS;EAAe;CAAc,CAAC;CAGvD,MAAA,QAAM,gBAAgB;EACpB,eAAc,gBAAe;GAAE,GAAG;GAAY,WAAW;EAAE,EAAE;EAC7D,WAAW,CAAC,CAAC;CACf,GAAG;EAAC;EAAe;EAAS,WAAW;CAAQ,CAAC;CAGhD,MAAA,QAAM,gBAAgB;EACpB,MAAM,QAAQ,iBAAiB;GAC7B,mBAAkB,MAAK,IAAI,CAAC;EAC9B,GAAG,GAAK;EACR,aAAa,aAAa,KAAK;CACjC,GAAG,CAAC,YAAY,CAAC;CAEjB,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,eAAD;EACI;EACH;EACS;EACN;EACG;EACA;EACG;EACA;EACG;EAClB,UAAU,WAAW,WAAW,OAAO,KAAK,OAAO,CAAC,CAAC,UAAU,QAAQ,WAAW,YAAY,KAAK,IAAI;EACzF;EACG;EACK;EACN;EACG;EACC;EACR;CACb,CAAA;AACH;AAgBA,SAAS,cAA6B,EACpC,SACA,MACA,eACA,mBACA,SACA,YACA,sBACA,gBACA,YACA,eACA,UACA,eACA,kBACA,cACA,iBACA,mBAAmB,MACnB,kBAAkB,MAClB,qBAAqB,MACrB,cACoC;CACpC,MAAM,CAAC,cAAc,mBAAmBA,MAAAA,QAAM,SAAS,CAAC,CAAC;CACzD,MAAM,CAAC,kBAAkB,uBAAuBA,MAAAA,QAAM,SAA0B,qBAAqB,CAAC,CAAC;CAEvG,MAAM,SAAA,GAAA,sBAAA,cAAA,CAAwC;EAC5C;EACA;EACA,OAAO;GACL;GACA;GACA;GACA;GACA;GACc;EAChB;EACA,oBAAoB;EACpB,sBAAsB;EACtB,sBAAsB;EACtB,iBAAiB;EACjB,uBAAuB;EACvB,0BAA0B;EAC1B,oBAAoB;EACpB,2BAA2B,MAAM,EAAE,UAAU,sBAAsBC,sBAAAA,gBAAgB,kBAAmB,KAAK,CAAC,CAAC,yBAA0B,CAAC;EACxI,kBAAA,GAAA,sBAAA,gBAAA,CAAiC;EACjC,sBAAA,GAAA,sBAAA,oBAAA,CAAyC;EACzC,wBAAA,GAAA,sBAAA,sBAAA,CAA6C;EAC7C,oBAAA,GAAA,sBAAA,kBAAA,CAAqC;EACrC,qBAAA,GAAA,sBAAA,mBAAA,CAAuC;EACvC,yBAAA,GAAA,sBAAA,uBAAA,CAA+C;EAC/C,cAAc;EACd;EACA;EACA;CACF,CAAC;CAED,OAAO,iBAAA,GAAA,kBAAA,IAAA,CAAC,WAAD;EACE;EACE;EACM;EACK;EACE;EACN;EACJ;CACb,CAAA;AACH"}

package/dist/components/data-table/faceted-filter.d.ts

@@ -1,24 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import React from "react";
-import { Column } from "@tanstack/react-table";
-
-//#region src/components/data-table/faceted-filter.d.ts
-type DataTableFacetedFilterProps<TData, TValue> = {
-  column?: Column<TData, TValue>;
-  title?: string;
-  options: {
-    label: string;
-    value: string;
-    icon?: React.ComponentType<{
-      className?: string;
-    }>;
-  }[];
-};
-declare function DataTableFacetedFilter<TData, TValue>({
-  column,
-  title,
-  options
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { DataTableFacetedFilter };
-//# sourceMappingURL=faceted-filter.d.ts.map
+import { t as DataTableFacetedFilter } from "../../faceted-filter-D7lzC-jQ.js";
+export { DataTableFacetedFilter };

package/dist/components/data-table/faceted-filter.js

@@ -1,8 +1,8 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("../../rolldown-runtime-D6vf50IK.js");
 let lucide_react = require("lucide-react");
 let react = require("react");
-react = require_chunk.__toESM(react);
+react = require_rolldown_runtime.__toESM(react);
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_icons = require("@radix-ui/react-icons");
 let ___ui_button_js = require("../ui/button.js");
@@ -11,7 +11,6 @@ let ___ui_badge_js = require("../ui/badge.js");
 let ___ui_command_js = require("../ui/command.js");
 let ___ui_popover_js = require("../ui/popover.js");
 let ___ui_separator_js = require("../ui/separator.js");
-
 //#region src/components/data-table/faceted-filter.tsx
 function DataTableFacetedFilter({ column, title, options }) {
 	column?.getFacetedUniqueValues();
@@ -82,7 +81,7 @@ function DataTableFacetedFilter({ column, title, options }) {
 		] })] })
 	})] });
 }
-
 //#endregion
 exports.DataTableFacetedFilter = DataTableFacetedFilter;
+
 //# sourceMappingURL=faceted-filter.js.map

package/dist/components/data-table/faceted-filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"faceted-filter.js","names":["Popover","PopoverTrigger","Button","ListFilter","Separator","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CheckIcon","CommandSeparator"],"sources":["../../../src/components/data-table/faceted-filter.tsx"],"sourcesContent":["import { CheckIcon } from \"@radix-ui/react-icons\";\nimport { Badge } from \"../ui/badge\";\nimport { Button } from \"../ui/button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"../ui/command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\nimport { Separator } from \"../ui/separator\";\nimport { Column } from \"@tanstack/react-table\";\nimport { ListFilter } from \"lucide-react\";\nimport React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\ntype DataTableFacetedFilterProps<TData, TValue> = {\n  column?: Column<TData, TValue>,\n  title?: string,\n  options: {\n    label: string,\n    value: string,\n    icon?: React.ComponentType<{ className?: string }>,\n  }[],\n}\n\nexport function DataTableFacetedFilter<TData, TValue>({\n  column,\n  title,\n  options,\n}: DataTableFacetedFilterProps<TData, TValue>) {\n  const facets = column?.getFacetedUniqueValues();\n  const selectedValues = new Set(column?.getFilterValue() as string[]);\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\" className=\"h-8 border\">\n          <ListFilter className=\"mr-2 h-4 w-4 text-gray-500\" />\n          {title}\n          {selectedValues.size > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"mx-2 h-4\" />\n              <Badge\n                variant=\"secondary\"\n                className=\"rounded-sm px-1 font-normal lg:hidden\"\n              >\n                {selectedValues.size}\n              </Badge>\n              <div className=\"hidden space-x-1 lg:flex\">\n                {selectedValues.size > 2 ? (\n                  <Badge\n                    variant=\"secondary\"\n                    className=\"rounded-sm px-1 font-normal\"\n                  >\n                    {selectedValues.size} selected\n                  </Badge>\n                ) : (\n                  options\n                    .filter((option) => selectedValues.has(option.value))\n                    .map((option) => (\n                      <Badge\n                        variant=\"secondary\"\n                        key={option.value}\n                        className=\"rounded-sm px-1 font-normal\"\n                      >\n                        {option.label}\n                      </Badge>\n                    ))\n                )}\n              </div>\n            </>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[200px] p-0\" align=\"start\">\n        <Command>\n          <CommandInput placeholder={title} />\n          <CommandList>\n            <CommandEmpty>No results found.</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => {\n                const isSelected = selectedValues.has(option.value);\n                return (\n                  <CommandItem\n                    key={option.value}\n                    onSelect={() => {\n                      if (isSelected) {\n                        selectedValues.delete(option.value);\n                      } else {\n                        selectedValues.add(option.value);\n                      }\n                      const filterValues = Array.from(selectedValues);\n                      column?.setFilterValue(\n                        filterValues.length ? filterValues : undefined\n                      );\n                    }}\n                  >\n                    <div\n                      className={cn(\n                        \"mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary\",\n                        isSelected\n                          ? \"bg-primary text-primary-foreground\"\n                          : \"opacity-50 [&_svg]:invisible\"\n                      )}\n                    >\n                      <CheckIcon className={cn(\"h-4 w-4\")} />\n                    </div>\n                    {option.icon && (\n                      <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />\n                    )}\n                    <span>{option.label}</span>\n                  </CommandItem>\n                );\n              })}\n            </CommandGroup>\n            {selectedValues.size > 0 && (\n              <>\n                <CommandSeparator />\n                <CommandGroup>\n                  <CommandItem\n                    onSelect={() => column?.setFilterValue(undefined)}\n                    className=\"justify-center text-center\"\n                  >\n                    Clear filters\n                  </CommandItem>\n                </CommandGroup>\n              </>\n            )}\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA6BA,SAAgB,uBAAsC,EACpD,QACA,OACA,WAC6C;AAC9B,SAAQ,wBAAwB;CAC/C,MAAM,iBAAiB,IAAI,IAAI,QAAQ,gBAAgB,CAAa;AAEpE,QACE,4CAACA,uCACC,2CAACC;EAAe;YACd,4CAACC;GAAO,SAAQ;GAAU,MAAK;GAAK,WAAU;;IAC5C,2CAACC,2BAAW,WAAU,+BAA+B;IACpD;IACA,eAAe,OAAO,KACrB;KACE,2CAACC;MAAU,aAAY;MAAW,WAAU;OAAa;KACzD,2CAACC;MACC,SAAQ;MACR,WAAU;gBAET,eAAe;OACV;KACR,2CAAC;MAAI,WAAU;gBACZ,eAAe,OAAO,IACrB,4CAACA;OACC,SAAQ;OACR,WAAU;kBAET,eAAe,MAAK;QACf,GAER,QACG,QAAQ,WAAW,eAAe,IAAI,OAAO,MAAM,CAAC,CACpD,KAAK,WACJ,2CAACA;OACC,SAAQ;OAER,WAAU;iBAET,OAAO;SAHH,OAAO,MAIN,CACR;OAEF;QACL;;IAEE;GACM,EACjB,2CAACC;EAAe,WAAU;EAAgB,OAAM;YAC9C,4CAACC,uCACC,2CAACC,iCAAa,aAAa,QAAS,EACpC,4CAACC;GACC,2CAACC,2CAAa,sBAAgC;GAC9C,2CAACC,2CACE,QAAQ,KAAK,WAAW;IACvB,MAAM,aAAa,eAAe,IAAI,OAAO,MAAM;AACnD,WACE,4CAACC;KAEC,gBAAgB;AACd,UAAI,WACF,gBAAe,OAAO,OAAO,MAAM;UAEnC,gBAAe,IAAI,OAAO,MAAM;MAElC,MAAM,eAAe,MAAM,KAAK,eAAe;AAC/C,cAAQ,eACN,aAAa,SAAS,eAAe,OACtC;;;MAGH,2CAAC;OACC,sCACE,kFACA,aACI,uCACA,+BACL;iBAED,2CAACC,mCAAU,sCAAc,UAAU,GAAI;QACnC;MACL,OAAO,QACN,2CAAC,OAAO,QAAK,WAAU,uCAAuC;MAEhE,2CAAC,oBAAM,OAAO,QAAa;;OA1BtB,OAAO,MA2BA;KAEhB,GACW;GACd,eAAe,OAAO,KACrB,qFACE,2CAACC,sCAAmB,EACpB,2CAACH,2CACC,2CAACC;IACC,gBAAgB,QAAQ,eAAe,OAAU;IACjD,WAAU;cACX;KAEa,GACD,IACd;MAEO,IACN;GACK,IACT"}
+{"version":3,"file":"faceted-filter.js","names":["Popover","PopoverTrigger","Button","ListFilter","Separator","Badge","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","CommandItem","CheckIcon","CommandSeparator"],"sources":["../../../src/components/data-table/faceted-filter.tsx"],"sourcesContent":["import { CheckIcon } from \"@radix-ui/react-icons\";\nimport { Badge } from \"../ui/badge\";\nimport { Button } from \"../ui/button\";\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n  CommandSeparator,\n} from \"../ui/command\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../ui/popover\";\nimport { Separator } from \"../ui/separator\";\nimport { Column } from \"@tanstack/react-table\";\nimport { ListFilter } from \"lucide-react\";\nimport React from \"react\";\nimport { cn } from \"../../lib/utils\";\n\ntype DataTableFacetedFilterProps<TData, TValue> = {\n  column?: Column<TData, TValue>,\n  title?: string,\n  options: {\n    label: string,\n    value: string,\n    icon?: React.ComponentType<{ className?: string }>,\n  }[],\n}\n\nexport function DataTableFacetedFilter<TData, TValue>({\n  column,\n  title,\n  options,\n}: DataTableFacetedFilterProps<TData, TValue>) {\n  const facets = column?.getFacetedUniqueValues();\n  const selectedValues = new Set(column?.getFilterValue() as string[]);\n\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button variant=\"outline\" size=\"sm\" className=\"h-8 border\">\n          <ListFilter className=\"mr-2 h-4 w-4 text-gray-500\" />\n          {title}\n          {selectedValues.size > 0 && (\n            <>\n              <Separator orientation=\"vertical\" className=\"mx-2 h-4\" />\n              <Badge\n                variant=\"secondary\"\n                className=\"rounded-sm px-1 font-normal lg:hidden\"\n              >\n                {selectedValues.size}\n              </Badge>\n              <div className=\"hidden space-x-1 lg:flex\">\n                {selectedValues.size > 2 ? (\n                  <Badge\n                    variant=\"secondary\"\n                    className=\"rounded-sm px-1 font-normal\"\n                  >\n                    {selectedValues.size} selected\n                  </Badge>\n                ) : (\n                  options\n                    .filter((option) => selectedValues.has(option.value))\n                    .map((option) => (\n                      <Badge\n                        variant=\"secondary\"\n                        key={option.value}\n                        className=\"rounded-sm px-1 font-normal\"\n                      >\n                        {option.label}\n                      </Badge>\n                    ))\n                )}\n              </div>\n            </>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-[200px] p-0\" align=\"start\">\n        <Command>\n          <CommandInput placeholder={title} />\n          <CommandList>\n            <CommandEmpty>No results found.</CommandEmpty>\n            <CommandGroup>\n              {options.map((option) => {\n                const isSelected = selectedValues.has(option.value);\n                return (\n                  <CommandItem\n                    key={option.value}\n                    onSelect={() => {\n                      if (isSelected) {\n                        selectedValues.delete(option.value);\n                      } else {\n                        selectedValues.add(option.value);\n                      }\n                      const filterValues = Array.from(selectedValues);\n                      column?.setFilterValue(\n                        filterValues.length ? filterValues : undefined\n                      );\n                    }}\n                  >\n                    <div\n                      className={cn(\n                        \"mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary\",\n                        isSelected\n                          ? \"bg-primary text-primary-foreground\"\n                          : \"opacity-50 [&_svg]:invisible\"\n                      )}\n                    >\n                      <CheckIcon className={cn(\"h-4 w-4\")} />\n                    </div>\n                    {option.icon && (\n                      <option.icon className=\"mr-2 h-4 w-4 text-muted-foreground\" />\n                    )}\n                    <span>{option.label}</span>\n                  </CommandItem>\n                );\n              })}\n            </CommandGroup>\n            {selectedValues.size > 0 && (\n              <>\n                <CommandSeparator />\n                <CommandGroup>\n                  <CommandItem\n                    onSelect={() => column?.setFilterValue(undefined)}\n                    className=\"justify-center text-center\"\n                  >\n                    Clear filters\n                  </CommandItem>\n                </CommandGroup>\n              </>\n            )}\n          </CommandList>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,10 +1,10 @@
-import { ActionCell, AvatarCell, BadgeCell, DateCell, TextCell } from "./cells.js";
-import { DataTableColumnHeader } from "./column-header.js";
-import { DataTable, DataTableManualPagination, TableView } from "./data-table.js";
-import { DataTableFacetedFilter } from "./faceted-filter.js";
-import { DataTablePagination } from "./pagination.js";
-import { SearchToolbarItem } from "./toolbar-items.js";
-import { DataTableToolbar } from "./toolbar.js";
-import { arrayFilterFn, standardFilterFn } from "./utils.js";
-import { DataTableViewOptions } from "./view-options.js";
+import { a as TextCell, i as DateCell, n as AvatarCell, r as BadgeCell, t as ActionCell } from "../../cells-C2kaNfav.js";
+import { t as DataTableColumnHeader } from "../../column-header-U53XE9Tp.js";
+import { n as DataTableManualPagination, r as TableView, t as DataTable } from "../../data-table-xbTf50By.js";
+import { t as DataTableFacetedFilter } from "../../faceted-filter-D7lzC-jQ.js";
+import { t as DataTablePagination } from "../../pagination-CM_S9U09.js";
+import { t as SearchToolbarItem } from "../../toolbar-items-C7xWp9cs.js";
+import { t as DataTableToolbar } from "../../toolbar-HaHcbLXl.js";
+import { n as standardFilterFn, t as arrayFilterFn } from "../../utils-f0RNcD81.js";
+import { t as DataTableViewOptions } from "../../view-options-drlEs3Xp.js";
 export { ActionCell, AvatarCell, BadgeCell, DataTable, DataTableColumnHeader, DataTableFacetedFilter, DataTableManualPagination, DataTablePagination, DataTableToolbar, DataTableViewOptions, DateCell, SearchToolbarItem, TableView, TextCell, arrayFilterFn, standardFilterFn };

package/dist/components/data-table/index.js

@@ -1,73 +1,81 @@
-
-
 var __cells_js = require("./cells.js");
-Object.keys(__cells_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __cells_js[k]; }
-  });
+Object.keys(__cells_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __cells_js[k];
+		}
+	});
 });
-
 var __column_header_js = require("./column-header.js");
-Object.keys(__column_header_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __column_header_js[k]; }
-  });
+Object.keys(__column_header_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __column_header_js[k];
+		}
+	});
 });
-
 var __data_table_js = require("./data-table.js");
-Object.keys(__data_table_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __data_table_js[k]; }
-  });
+Object.keys(__data_table_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __data_table_js[k];
+		}
+	});
 });
-
 var __faceted_filter_js = require("./faceted-filter.js");
-Object.keys(__faceted_filter_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __faceted_filter_js[k]; }
-  });
+Object.keys(__faceted_filter_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __faceted_filter_js[k];
+		}
+	});
 });
-
 var __pagination_js = require("./pagination.js");
-Object.keys(__pagination_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __pagination_js[k]; }
-  });
+Object.keys(__pagination_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __pagination_js[k];
+		}
+	});
 });
-
 var __toolbar_items_js = require("./toolbar-items.js");
-Object.keys(__toolbar_items_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __toolbar_items_js[k]; }
-  });
+Object.keys(__toolbar_items_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __toolbar_items_js[k];
+		}
+	});
 });
-
 var __toolbar_js = require("./toolbar.js");
-Object.keys(__toolbar_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __toolbar_js[k]; }
-  });
+Object.keys(__toolbar_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __toolbar_js[k];
+		}
+	});
 });
-
 var __utils_js = require("./utils.js");
-Object.keys(__utils_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __utils_js[k]; }
-  });
+Object.keys(__utils_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __utils_js[k];
+		}
+	});
 });
-
 var __view_options_js = require("./view-options.js");
-Object.keys(__view_options_js).forEach(function (k) {
-  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return __view_options_js[k]; }
-  });
+Object.keys(__view_options_js).forEach(function(k) {
+	if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function() {
+			return __view_options_js[k];
+		}
+	});
 });

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

@@ -1,13 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Table } from "@tanstack/react-table";
-
-//#region src/components/data-table/pagination.d.ts
-type DataTablePaginationProps<TData> = {
-  table: Table<TData>;
-};
-declare function DataTablePagination<TData>({
-  table
-}: DataTablePaginationProps<TData>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { DataTablePagination };
-//# sourceMappingURL=pagination.d.ts.map
+import { t as DataTablePagination } from "../../pagination-CM_S9U09.js";
+export { DataTablePagination };

package/dist/components/data-table/pagination.js

@@ -1,10 +1,8 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_icons = require("@radix-ui/react-icons");
 let ___ui_button_js = require("../ui/button.js");
 let ___ui_select_js = require("../ui/select.js");
-
 //#region src/components/data-table/pagination.tsx
 function DataTablePagination({ table }) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
@@ -72,7 +70,7 @@ function DataTablePagination({ table }) {
 		})]
 	});
 }
-
 //#endregion
 exports.DataTablePagination = DataTablePagination;
+
 //# sourceMappingURL=pagination.js.map

package/dist/components/data-table/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":["Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Button","ChevronLeftIcon","ChevronRightIcon"],"sources":["../../../src/components/data-table/pagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\";\nimport { Button } from \"../ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../ui/select\";\nimport { Table } from \"@tanstack/react-table\";\n\ntype DataTablePaginationProps<TData> = {\n  table: Table<TData>,\n}\n\nexport function DataTablePagination<TData>({\n  table,\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2 flex-col sm:flex-row gap-y-4 sm:gap-y-0\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length !== 0 ?\n          `${table.getFilteredSelectedRowModel().rows.length} of ${table.getFilteredRowModel().rows.length} row(s) selected` :\n          undefined}\n      </div>\n      <div className=\"flex items-center gap-x-6 lg:gap-x-8 flex-col sm:flex-row gap-y-4 sm:gap-y-0\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          <div className=\"flex items-center justify-center text-sm font-medium\">\n            {table.getState().pagination.pageIndex + 1}\n            {/* {\" / \"}{table.getPageCount()} */}\n          </div>\n          <div className=\"flex items-center space-x-2\">\n            <Button\n              variant=\"outline\"\n              className=\"h-8 w-8 p-0\"\n              onClick={() => table.previousPage()}\n              disabled={!table.getCanPreviousPage()}\n            >\n              <span className=\"sr-only\">Go to previous page</span>\n              <ChevronLeftIcon className=\"h-4 w-4\" />\n            </Button>\n            <Button\n              variant=\"outline\"\n              className=\"h-8 w-8 p-0\"\n              onClick={() => table.nextPage()}\n              disabled={!table.getCanNextPage()}\n            >\n              <span className=\"sr-only\">Go to next page</span>\n              <ChevronRightIcon className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,oBAA2B,EACzC,SACkC;AAClC,QACE,4CAAC;EAAI,WAAU;aACb,2CAAC;GAAI,WAAU;aACZ,MAAM,6BAA6B,CAAC,KAAK,WAAW,IACnD,GAAG,MAAM,6BAA6B,CAAC,KAAK,OAAO,MAAM,MAAM,qBAAqB,CAAC,KAAK,OAAO,oBACjG;IACE,EACN,4CAAC;GAAI,WAAU;cACb,4CAAC;IAAI,WAAU;eACb,2CAAC;KAAE,WAAU;eAAsB;MAAiB,EACpD,4CAACA;KACC,OAAO,GAAG,MAAM,UAAU,CAAC,WAAW;KACtC,gBAAgB,UAAU;AACxB,YAAM,YAAY,OAAO,MAAM,CAAC;;gBAGlC,2CAACC;MAAc,WAAU;gBACvB,2CAACC,+BAAY,aAAa,MAAM,UAAU,CAAC,WAAW,WAAY;OACpD,EAChB,2CAACC;MAAc,MAAK;gBACjB;OAAC;OAAI;OAAI;OAAI;OAAI;OAAG,CAAC,KAAK,aACzB,2CAACC;OAA0B,OAAO,GAAG;iBAClC;SADc,SAEJ,CACb;OACY;MACT;KACL,EACN,4CAAC;IAAI,WAAU;eACb,2CAAC;KAAI,WAAU;eACZ,MAAM,UAAU,CAAC,WAAW,YAAY;MAErC,EACN,4CAAC;KAAI,WAAU;gBACb,4CAACC;MACC,SAAQ;MACR,WAAU;MACV,eAAe,MAAM,cAAc;MACnC,UAAU,CAAC,MAAM,oBAAoB;iBAErC,2CAAC;OAAK,WAAU;iBAAU;QAA0B,EACpD,2CAACC,yCAAgB,WAAU,YAAY;OAChC,EACT,4CAACD;MACC,SAAQ;MACR,WAAU;MACV,eAAe,MAAM,UAAU;MAC/B,UAAU,CAAC,MAAM,gBAAgB;iBAEjC,2CAAC;OAAK,WAAU;iBAAU;QAAsB,EAChD,2CAACE,0CAAiB,WAAU,YAAY;OACjC;MACL;KACF;IACF;GACF"}
+{"version":3,"file":"pagination.js","names":["Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Button","ChevronLeftIcon","ChevronRightIcon"],"sources":["../../../src/components/data-table/pagination.tsx"],"sourcesContent":["import { ChevronLeftIcon, ChevronRightIcon } from \"@radix-ui/react-icons\";\nimport { Button } from \"../ui/button\";\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"../ui/select\";\nimport { Table } from \"@tanstack/react-table\";\n\ntype DataTablePaginationProps<TData> = {\n  table: Table<TData>,\n}\n\nexport function DataTablePagination<TData>({\n  table,\n}: DataTablePaginationProps<TData>) {\n  return (\n    <div className=\"flex items-center justify-between px-2 flex-col sm:flex-row gap-y-4 sm:gap-y-0\">\n      <div className=\"flex-1 text-sm text-muted-foreground\">\n        {table.getFilteredSelectedRowModel().rows.length !== 0 ?\n          `${table.getFilteredSelectedRowModel().rows.length} of ${table.getFilteredRowModel().rows.length} row(s) selected` :\n          undefined}\n      </div>\n      <div className=\"flex items-center gap-x-6 lg:gap-x-8 flex-col sm:flex-row gap-y-4 sm:gap-y-0\">\n        <div className=\"flex items-center space-x-2\">\n          <p className=\"text-sm font-medium\">Rows per page</p>\n          <Select\n            value={`${table.getState().pagination.pageSize}`}\n            onValueChange={(value) => {\n              table.setPageSize(Number(value));\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-[70px]\">\n              <SelectValue placeholder={table.getState().pagination.pageSize} />\n            </SelectTrigger>\n            <SelectContent side=\"top\">\n              {[10, 20, 30, 40, 50].map((pageSize) => (\n                <SelectItem key={pageSize} value={`${pageSize}`}>\n                  {pageSize}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n        <div className=\"flex items-center gap-4\">\n          <div className=\"flex items-center justify-center text-sm font-medium\">\n            {table.getState().pagination.pageIndex + 1}\n            {/* {\" / \"}{table.getPageCount()} */}\n          </div>\n          <div className=\"flex items-center space-x-2\">\n            <Button\n              variant=\"outline\"\n              className=\"h-8 w-8 p-0\"\n              onClick={() => table.previousPage()}\n              disabled={!table.getCanPreviousPage()}\n            >\n              <span className=\"sr-only\">Go to previous page</span>\n              <ChevronLeftIcon className=\"h-4 w-4\" />\n            </Button>\n            <Button\n              variant=\"outline\"\n              className=\"h-8 w-8 p-0\"\n              onClick={() => table.nextPage()}\n              disabled={!table.getCanNextPage()}\n            >\n              <span className=\"sr-only\">Go to next page</span>\n              <ChevronRightIcon className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAeA,SAAgB,oBAA2B,EACzC,SACkC;CAClC,OACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;EAAK,WAAU;YAAf,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;GAAK,WAAU;aACZ,MAAM,4BAA4B,CAAC,CAAC,KAAK,WAAW,IACnD,GAAG,MAAM,4BAA4B,CAAC,CAAC,KAAK,OAAO,MAAM,MAAM,oBAAoB,CAAC,CAAC,KAAK,OAAO,oBACjG,KAAA;EACC,CAAA,GACL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;GAAK,WAAU;aAAf,CACE,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,KAAD;KAAG,WAAU;eAAsB;IAAgB,CAAA,GACnD,iBAAA,GAAA,kBAAA,KAAA,CAACA,gBAAAA,QAAD;KACE,OAAO,GAAG,MAAM,SAAS,CAAC,CAAC,WAAW;KACtC,gBAAgB,UAAU;MACxB,MAAM,YAAY,OAAO,KAAK,CAAC;KACjC;eAJF,CAME,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,eAAD;MAAe,WAAU;gBACvB,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,aAAD,EAAa,aAAa,MAAM,SAAS,CAAC,CAAC,WAAW,SAAW,CAAA;KACpD,CAAA,GACf,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,eAAD;MAAe,MAAK;gBACjB;OAAC;OAAI;OAAI;OAAI;OAAI;MAAE,CAAC,CAAC,KAAK,aACzB,iBAAA,GAAA,kBAAA,IAAA,CAACC,gBAAAA,YAAD;OAA2B,OAAO,GAAG;iBAClC;MACS,GAFK,QAEL,CACb;KACY,CAAA,CACT;MACL;OACL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;IAAK,WAAU;cAAf,CACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,OAAD;KAAK,WAAU;eACZ,MAAM,SAAS,CAAC,CAAC,WAAW,YAAY;IAEtC,CAAA,GACL,iBAAA,GAAA,kBAAA,KAAA,CAAC,OAAD;KAAK,WAAU;eAAf,CACE,iBAAA,GAAA,kBAAA,KAAA,CAACC,gBAAAA,QAAD;MACE,SAAQ;MACR,WAAU;MACV,eAAe,MAAM,aAAa;MAClC,UAAU,CAAC,MAAM,mBAAmB;gBAJtC,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAU;iBAAU;MAAyB,CAAA,GACnD,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,iBAAD,EAAiB,WAAU,UAAW,CAAA,CAChC;SACR,iBAAA,GAAA,kBAAA,KAAA,CAACD,gBAAAA,QAAD;MACE,SAAQ;MACR,WAAU;MACV,eAAe,MAAM,SAAS;MAC9B,UAAU,CAAC,MAAM,eAAe;gBAJlC,CAME,iBAAA,GAAA,kBAAA,IAAA,CAAC,QAAD;OAAM,WAAU;iBAAU;MAAqB,CAAA,GAC/C,iBAAA,GAAA,kBAAA,IAAA,CAACE,sBAAAA,kBAAD,EAAkB,WAAU,UAAW,CAAA,CACjC;OACL;MACF;KACF;IACF;;AAET"}

package/dist/components/data-table/toolbar-items.d.ts

@@ -1,13 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { Table } from "@tanstack/react-table";
-
-//#region src/components/data-table/toolbar-items.d.ts
-declare function SearchToolbarItem<TData>(props: {
-  table: Table<TData>;
-  keyName?: string | null;
-  placeholder: string;
-  className?: string;
-}): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { SearchToolbarItem };
-//# sourceMappingURL=toolbar-items.d.ts.map
+import { t as SearchToolbarItem } from "../../toolbar-items-C7xWp9cs.js";
+export { SearchToolbarItem };

package/dist/components/data-table/toolbar-items.js

@@ -1,8 +1,6 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let react_jsx_runtime = require("react/jsx-runtime");
 let ______index_js = require("../../index.js");
-
 //#region src/components/data-table/toolbar-items.tsx
 function SearchToolbarItem(props) {
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.Input, {
@@ -12,7 +10,7 @@ function SearchToolbarItem(props) {
 		className: (0, ______index_js.cn)("h-8 w-[250px]", props.className)
 	});
 }
-
 //#endregion
 exports.SearchToolbarItem = SearchToolbarItem;
+
 //# sourceMappingURL=toolbar-items.js.map

package/dist/components/data-table/toolbar-items.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar-items.js","names":["Input"],"sources":["../../../src/components/data-table/toolbar-items.tsx"],"sourcesContent":["import { Input, cn } from \"../..\";\nimport { Table } from \"@tanstack/react-table\";\n\nexport function SearchToolbarItem<TData>(props: { table: Table<TData>, keyName?: string | null, placeholder: string, className?: string }) {\n  return (\n    <Input\n      placeholder={props.placeholder}\n      value={props.keyName ? `${props.table.getColumn(props.keyName)?.getFilterValue() ?? \"\"}` : props.table.getState().globalFilter ?? \"\"}\n      onChange={(event) => props.keyName ? props.table.getColumn(props.keyName)?.setFilterValue(event.target.value) : props.table.setGlobalFilter(event.target.value)}\n      className={cn(\"h-8 w-[250px]\", props.className)}\n    />\n  );\n}\n"],"mappings":";;;;;;AAGA,SAAgB,kBAAyB,OAAkG;AACzI,QACE,2CAACA;EACC,aAAa,MAAM;EACnB,OAAO,MAAM,UAAU,GAAG,MAAM,MAAM,UAAU,MAAM,QAAQ,EAAE,gBAAgB,IAAI,OAAO,MAAM,MAAM,UAAU,CAAC,gBAAgB;EAClI,WAAW,UAAU,MAAM,UAAU,MAAM,MAAM,UAAU,MAAM,QAAQ,EAAE,eAAe,MAAM,OAAO,MAAM,GAAG,MAAM,MAAM,gBAAgB,MAAM,OAAO,MAAM;EAC/J,kCAAc,iBAAiB,MAAM,UAAU;GAC/C"}
+{"version":3,"file":"toolbar-items.js","names":["Input"],"sources":["../../../src/components/data-table/toolbar-items.tsx"],"sourcesContent":["import { Input, cn } from \"../..\";\nimport { Table } from \"@tanstack/react-table\";\n\nexport function SearchToolbarItem<TData>(props: { table: Table<TData>, keyName?: string | null, placeholder: string, className?: string }) {\n  return (\n    <Input\n      placeholder={props.placeholder}\n      value={props.keyName ? `${props.table.getColumn(props.keyName)?.getFilterValue() ?? \"\"}` : props.table.getState().globalFilter ?? \"\"}\n      onChange={(event) => props.keyName ? props.table.getColumn(props.keyName)?.setFilterValue(event.target.value) : props.table.setGlobalFilter(event.target.value)}\n      className={cn(\"h-8 w-[250px]\", props.className)}\n    />\n  );\n}\n"],"mappings":";;;;AAGA,SAAgB,kBAAyB,OAAkG;CACzI,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACA,eAAAA,OAAD;EACE,aAAa,MAAM;EACnB,OAAO,MAAM,UAAU,GAAG,MAAM,MAAM,UAAU,MAAM,OAAO,CAAC,EAAE,eAAe,KAAK,OAAO,MAAM,MAAM,SAAS,CAAC,CAAC,gBAAgB;EAClI,WAAW,UAAU,MAAM,UAAU,MAAM,MAAM,UAAU,MAAM,OAAO,CAAC,EAAE,eAAe,MAAM,OAAO,KAAK,IAAI,MAAM,MAAM,gBAAgB,MAAM,OAAO,KAAK;EAC9J,YAAA,GAAA,eAAA,GAAA,CAAc,iBAAiB,MAAM,SAAS;CAC/C,CAAA;AAEL"}

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

@@ -1,23 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ColumnFiltersState, SortingState, Table } from "@tanstack/react-table";
-
-//#region src/components/data-table/toolbar.d.ts
-type DataTableToolbarProps<TData> = {
-  table: Table<TData>;
-  toolbarRender?: (table: Table<TData>) => React.ReactNode;
-  showDefaultToolbar?: boolean;
-  defaultColumnFilters: ColumnFiltersState;
-  defaultSorting: SortingState;
-  showResetFilters?: boolean;
-};
-declare function DataTableToolbar<TData>({
-  table,
-  toolbarRender,
-  showDefaultToolbar,
-  defaultColumnFilters,
-  defaultSorting,
-  showResetFilters
-}: DataTableToolbarProps<TData>): react_jsx_runtime0.JSX.Element;
-//#endregion
-export { DataTableToolbar };
-//# sourceMappingURL=toolbar.d.ts.map
+import { t as DataTableToolbar } from "../../toolbar-HaHcbLXl.js";
+export { DataTableToolbar };

package/dist/components/data-table/toolbar.js

@@ -1,7 +1,5 @@
 "use client";
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const require_chunk = require('../../chunk-BE-pF4vm.js');
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let lucide_react = require("lucide-react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _radix_ui_react_icons = require("@radix-ui/react-icons");
@@ -9,7 +7,6 @@ let ___ui_button_js = require("../ui/button.js");
 let __view_options_js = require("./view-options.js");
 let _hexclave_shared_dist_utils_objects = require("@hexclave/shared/dist/utils/objects");
 let export_to_csv = require("export-to-csv");
-
 //#region src/components/data-table/toolbar.tsx
 function DataTableToolbar({ table, toolbarRender, showDefaultToolbar, defaultColumnFilters, defaultSorting, showResetFilters = true }) {
 	const isFiltered = !(0, _hexclave_shared_dist_utils_objects.deepPlainEquals)(table.getState().columnFilters, defaultColumnFilters);
@@ -65,7 +62,7 @@ function DataTableToolbar({ table, toolbarRender, showDefaultToolbar, defaultCol
 		}) })]
 	});
 }
-
 //#endregion
 exports.DataTableToolbar = DataTableToolbar;
+
 //# sourceMappingURL=toolbar.js.map