@jakubmazanec/ui 0.1.0 → 0.1.1-next.80f405d

package/build/components/Textarea.d.ts

@@ -1,12 +1,6 @@
 import { type ComponentPropsWithoutRef, type ComponentType, type ElementType, type Ref } from 'react';
 import { type ComponentProps, type ComponentTheme } from '../theme/internals.js';
-export declare const useTextareaTheme: ((themeProps: {
-    readonly disabled: boolean;
-}) => {
-    textarea: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
-    icon: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
-    root: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
-}) & {
+export declare const useTextareaTheme: {
     componentThemeName: "Textarea";
     themeDefinition: {
         readonly variants: {
@@ -14,7 +8,13 @@ export declare const useTextareaTheme: ((themeProps: {
         };
         readonly elements: ["root", "textarea", "icon"];
     };
-};
+} & ((themeProps: {
+    readonly disabled: boolean;
+}) => {
+    textarea: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    icon: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+    root: (baseClassName?: import("../theme/internals.js").ClassName, overrideClassName?: import("../theme/internals.js").ClassName) => string;
+});
 export type TextareaProps<T extends ElementType> = ComponentProps<typeof useTextareaTheme> & ComponentPropsWithoutRef<T> & {
     as?: T | undefined;
     name?: string | undefined;

package/build/components/data-table/DataTable.js

@@ -205,8 +205,8 @@ export function DataTable({
   return /* @__PURE__ */ jsxs(
     DndContext,
     {
-      id,
       collisionDetection: closestCenter,
+      id,
       modifiers: [restrictToHorizontalAxis],
       sensors,
       onDragEnd: handleDragEnd,
@@ -214,9 +214,9 @@ export function DataTable({
         /* @__PURE__ */ jsx(
           DataTableSearchComponent,
           {
-            table,
             clientSearch,
             search: controlledSearch,
+            table,
             onSearch: onSearchChange
           }
         ),
@@ -231,16 +231,16 @@ export function DataTable({
               /* @__PURE__ */ jsx(TableHead, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(SortableContext, { items: columnOrder, strategy: horizontalListSortingStrategy, children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(
                 DataTableHeader,
                 {
-                  table,
-                  header,
-                  clientSorting,
-                  sorting: controlledSorting,
-                  clientFilters,
-                  filters: controlledFilters,
                   clientFaceting,
+                  clientFilters,
+                  clientSorting,
                   faceting,
-                  onSorting: onSortingChange,
-                  onFiltering: onFiltersChange
+                  filters: controlledFilters,
+                  header,
+                  sorting: controlledSorting,
+                  table,
+                  onFiltering: onFiltersChange,
+                  onSorting: onSortingChange
                 },
                 header.id
               )) }) }, headerGroup.id)) }),
@@ -261,11 +261,11 @@ export function DataTable({
         /* @__PURE__ */ jsx(
           DataTablePaginationComponent,
           {
-            table,
+            clientPagination,
             page,
-            pageSize,
             pageCount,
-            clientPagination,
+            pageSize,
+            table,
             onPagination: onPaginationChange
           }
         )

package/build/components/data-table/DataTable.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../source/components/data-table/DataTable.tsx"],
-  "sourcesContent": ["// TODO: fix\n/* eslint-disable complexity -- TODO */\nimport {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {restrictToHorizontalAxis} from '@dnd-kit/modifiers';\nimport {arrayMove, horizontalListSortingStrategy, SortableContext} from '@dnd-kit/sortable';\nimport {\n  type ColumnDef,\n  type ColumnFiltersState,\n  type ColumnOrderState,\n  type ColumnPinningState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedMinMaxValues,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type PaginationState,\n  type RowData,\n  type SortingState,\n  type Updater,\n  useReactTable,\n  type VisibilityState,\n} from '@tanstack/react-table';\nimport {useCallback, useId, useState} from 'react';\n\nimport {Table} from '../Table.js';\nimport {TableBody} from '../TableBody.js';\nimport {TableCell} from '../TableCell.js';\nimport {TableFoot} from '../TableFoot.js';\nimport {TableHead} from '../TableHead.js';\nimport {TableHeader} from '../TableHeader.js';\nimport {TableRow} from '../TableRow.js';\nimport {type DataTableColumnOrder} from './DataTableColumnOrder.js';\nimport {type DataTableColumnPinning} from './DataTableColumnPinning.js';\nimport {type DataTableColumnVisibility} from './DataTableColumnVisibility.js';\nimport {type DataTableFaceting} from './DataTableFaceting.js';\nimport {type DataTableFilters} from './DataTableFilters.js';\nimport {type DataTablePagination} from './DataTablePagination.js';\nimport {type DataTableSearch} from './DataTableSearch.js';\nimport {type DataTableSorting} from './DataTableSorting.js';\nimport {\n  DataTableHeader,\n  DataTablePagination as DataTablePaginationComponent,\n  DataTableSearch as DataTableSearchComponent,\n  DEFAULT_PAGE_SIZE,\n  fromPinningState,\n  fuzzyFilter,\n  getCommonPinningClasses,\n  getCommonPinningStyles,\n} from './internals.js';\n\ndeclare module '@tanstack/react-table' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- false positive\n  interface ColumnMeta<TData extends RowData, TValue> {\n    filterVariant?: 'range' | 'select' | 'text';\n  }\n}\n\nexport type DataTableProps<D, C> = {\n  data: D[];\n  columns: C;\n  clientPagination?: boolean | undefined;\n  pagination?: DataTablePagination | undefined;\n  onPaginationChange?:\n    | ((\n        pagination: Pick<DataTablePagination, 'page'> | Pick<DataTablePagination, 'pageSize'>,\n      ) => void)\n    | undefined;\n  columnVisibility?: DataTableColumnVisibility;\n  onColumnVisibilityChange?: ((columnVisibility: DataTableColumnVisibility) => void) | undefined;\n  columnOrder?: DataTableColumnOrder;\n  onColumnOrderChange?: ((columnOrder: DataTableColumnOrder) => void) | undefined;\n  columnPinning?: DataTableColumnPinning;\n  onColumnPinningChange?: ((columnPinning: DataTableColumnPinning) => void) | undefined;\n  clientSorting?: boolean | undefined;\n  sorting?: DataTableSorting | undefined;\n  onSortingChange?: ((sorting: DataTableSorting) => void) | undefined;\n  clientFilters?: boolean | undefined;\n  filters?: DataTableFilters | undefined;\n  onFiltersChange?: ((filters: DataTableFilters) => void) | undefined;\n  clientFaceting?: boolean | undefined;\n  faceting?: DataTableFaceting | undefined;\n  clientSearch?: boolean | undefined;\n  search?: DataTableSearch | undefined;\n  onSearchChange?: ((search: DataTableSearch) => void) | undefined;\n};\n\nexport function DataTable<D extends RowData, C extends Array<ColumnDef<D>>>({\n  data,\n  columns,\n  clientPagination = false,\n  pagination: controlledPagination,\n  onPaginationChange,\n  clientSorting = false,\n  sorting: controlledSorting,\n  onSortingChange,\n  columnVisibility: controlledColumnVisibility,\n  onColumnVisibilityChange,\n  columnOrder: controlledColumnOrder,\n  onColumnOrderChange,\n  columnPinning: controlledColumnPinning,\n  onColumnPinningChange,\n  clientFilters = false,\n  filters: controlledFilters,\n  onFiltersChange,\n  clientFaceting = false,\n  faceting,\n  clientSearch = false,\n  search: controlledSearch,\n  onSearchChange,\n}: DataTableProps<D, C>) {\n  let [pagination, setPagination] = useState<PaginationState>(\n    controlledPagination ?\n      {\n        pageIndex: Math.max(0, controlledPagination.page - 1),\n        pageSize: controlledPagination.pageSize,\n      }\n    : {\n        pageIndex: 0,\n        pageSize: DEFAULT_PAGE_SIZE,\n      },\n  );\n  let [columnVisibility, setColumnVisibility] = useState(controlledColumnVisibility ?? {});\n  let [columnOrder, setColumnOrder] = useState<string[]>(\n    controlledColumnOrder ?\n      [\n        ...controlledColumnOrder,\n        ...columns\n          .map((column, index) => {\n            if (column.id) {\n              return column.id;\n            }\n\n            if ('accessorKey' in column) {\n              return String(column.accessorKey);\n            }\n\n            if (typeof column.header === 'string') {\n              return String(column.header);\n            }\n\n            return String(index);\n          })\n          .filter((value) => !controlledColumnOrder.includes(value)),\n      ]\n    : columns.map((column, index) => {\n        if (column.id) {\n          return column.id;\n        }\n\n        if ('accessorKey' in column) {\n          return String(column.accessorKey);\n        }\n\n        if (typeof column.header === 'string') {\n          return String(column.header);\n        }\n\n        return String(index);\n      }),\n  );\n  let [columnPinning, setColumnPinning] = useState<ColumnPinningState>(\n    controlledColumnPinning ?\n      {\n        left: Object.entries(controlledColumnPinning)\n          .filter(([, pinning]) => pinning === 'left')\n          .map(([column]) => column),\n        right: Object.entries(controlledColumnPinning)\n          .filter(([, pinning]) => pinning === 'right')\n          .map(([column]) => column),\n      }\n    : {left: [], right: []},\n  );\n  let [sorting, setSorting] = useState<SortingState>([]);\n  let [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  let [search, setSearch] = useState('');\n\n  let handleColumnVisibilityChange = useCallback(\n    (columnVisibilityState: Updater<VisibilityState>) => {\n      setColumnVisibility(columnVisibilityState);\n\n      if (typeof columnVisibilityState === 'function') {\n        onColumnVisibilityChange?.(columnVisibilityState(columnVisibility));\n      } else {\n        onColumnVisibilityChange?.(columnVisibilityState);\n      }\n    },\n    [columnVisibility, onColumnVisibilityChange],\n  );\n  let handleColumnOrderChange = useCallback(\n    (columnOrderState: Updater<ColumnOrderState>) => {\n      setColumnOrder(columnOrderState);\n\n      if (typeof columnOrderState === 'function') {\n        onColumnOrderChange?.(columnOrderState(columnOrder));\n      } else {\n        onColumnOrderChange?.(columnOrderState);\n      }\n    },\n    [columnOrder, onColumnOrderChange],\n  );\n  let handleColumnPinningChange = useCallback(\n    (columnPinningState: Updater<ColumnPinningState>) => {\n      setColumnPinning(columnPinningState);\n\n      if (typeof columnPinningState === 'function') {\n        onColumnPinningChange?.(fromPinningState(columnPinningState(columnPinning)));\n      } else {\n        onColumnPinningChange?.(fromPinningState(columnPinningState));\n      }\n    },\n    [columnPinning, onColumnPinningChange],\n  );\n\n  let table = useReactTable<D>({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: clientPagination ? getPaginationRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getFacetedRowModel: clientFaceting ? getFacetedRowModel() : undefined,\n    getFacetedUniqueValues: clientFaceting ? getFacetedUniqueValues() : undefined,\n    getFacetedMinMaxValues: clientFaceting ? getFacetedMinMaxValues() : undefined,\n    state: {\n      pagination: clientPagination ? pagination : undefined,\n      columnVisibility,\n      columnOrder,\n      columnPinning,\n      sorting: clientSorting ? sorting : undefined,\n      columnFilters: clientFilters ? columnFilters : undefined,\n      globalFilter: clientSearch ? search : undefined,\n    },\n    onPaginationChange: clientPagination ? setPagination : undefined,\n    onColumnVisibilityChange: handleColumnVisibilityChange,\n    onColumnOrderChange: handleColumnOrderChange,\n    onColumnPinningChange: handleColumnPinningChange,\n    onSortingChange: clientSorting ? setSorting : undefined,\n    onColumnFiltersChange: clientFilters ? setColumnFilters : undefined,\n    onGlobalFilterChange: clientSearch ? setSearch : undefined,\n    columnResizeMode: 'onChange',\n    globalFilterFn: fuzzyFilter,\n  });\n\n  let handleDragEnd = useCallback(\n    ({active, over}: DragEndEvent) => {\n      if (over && active.id !== over.id) {\n        table.setColumnOrder((previousColumnOrder) => {\n          let oldIndex = previousColumnOrder.indexOf(active.id as string);\n          let newIndex = previousColumnOrder.indexOf(over.id as string);\n\n          return arrayMove(previousColumnOrder, oldIndex, newIndex);\n        });\n      }\n    },\n    [table],\n  );\n\n  let sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {}),\n  );\n\n  let id = useId();\n\n  let page =\n    clientPagination ?\n      table.getState().pagination.pageIndex + 1\n    : (controlledPagination?.page ?? 1);\n  let pageSize =\n    clientPagination ?\n      table.getState().pagination.pageSize\n    : (controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE);\n  let pageCount = clientPagination ? table.getPageCount() : (controlledPagination?.pageCount ?? 1);\n\n  return (\n    <DndContext\n      id={id}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToHorizontalAxis]}\n      sensors={sensors}\n      onDragEnd={handleDragEnd}\n    >\n      <DataTableSearchComponent\n        table={table}\n        clientSearch={clientSearch}\n        search={controlledSearch}\n        onSearch={onSearchChange}\n      />\n      <Table\n        style={{\n          width: table.getCenterTotalSize(),\n          tableLayout: 'fixed',\n        }}\n      >\n        <TableHead>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <TableRow key={headerGroup.id}>\n              <SortableContext items={columnOrder} strategy={horizontalListSortingStrategy}>\n                {headerGroup.headers.map((header) => (\n                  <DataTableHeader\n                    key={header.id}\n                    table={table}\n                    header={header}\n                    clientSorting={clientSorting}\n                    sorting={controlledSorting}\n                    clientFilters={clientFilters}\n                    filters={controlledFilters}\n                    clientFaceting={clientFaceting}\n                    faceting={faceting}\n                    onSorting={onSortingChange}\n                    onFiltering={onFiltersChange}\n                  />\n                ))}\n              </SortableContext>\n            </TableRow>\n          ))}\n        </TableHead>\n        <TableBody>\n          {table.getRowModel().rows.map((row) => (\n            <TableRow key={row.id}>\n              {row.getVisibleCells().map((cell) => (\n                <TableCell\n                  key={cell.id}\n                  className={getCommonPinningClasses(cell.column)}\n                  style={{...getCommonPinningStyles(cell.column)}}\n                  title={String(cell.getValue())}\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n        <TableFoot>\n          {table.getFooterGroups().map((footerGroup) => (\n            <TableRow key={footerGroup.id}>\n              {footerGroup.headers.map((header) => (\n                <TableHeader key={header.id}>\n                  {header.isPlaceholder ? null : (\n                    flexRender(header.column.columnDef.footer, header.getContext())\n                  )}\n                </TableHeader>\n              ))}\n            </TableRow>\n          ))}\n        </TableFoot>\n      </Table>\n      <DataTablePaginationComponent\n        table={table}\n        page={page}\n        pageSize={pageSize}\n        pageCount={pageCount}\n        clientPagination={clientPagination}\n        onPagination={onPaginationChange}\n      />\n    </DndContext>\n  );\n}\n"],
-  "mappings": ";AA+SM,cAMA,YANA;AA7SN;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAQ,gCAA+B;AACvC,SAAQ,WAAW,+BAA+B,uBAAsB;AACxE;AAAA,EAKE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAKA;AAAA,OAEK;AACP,SAAQ,aAAa,OAAO,gBAAe;AAE3C,SAAQ,aAAY;AACpB,SAAQ,iBAAgB;AACxB,SAAQ,iBAAgB;AACxB,SAAQ,iBAAgB;AACxB,SAAQ,iBAAgB;AACxB,SAAQ,mBAAkB;AAC1B,SAAQ,gBAAe;AASvB;AAAA,EACE;AAAA,EACA,uBAAuB;AAAA,EACvB,mBAAmB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsCA,gBAAS,UAA4D;AAAA,EAC1E;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,YAAY;AAAA,EACZ;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AACF,GAAyB;AACvB,MAAI,CAAC,YAAY,aAAa,IAAI;AAAA,IAChC,uBACE;AAAA,MACE,WAAW,KAAK,IAAI,GAAG,qBAAqB,OAAO,CAAC;AAAA,MACpD,UAAU,qBAAqB;AAAA,IACjC,IACA;AAAA,MACE,WAAW;AAAA,MACX,UAAU;AAAA,IACZ;AAAA,EACJ;AACA,MAAI,CAAC,kBAAkB,mBAAmB,IAAI,SAAS,8BAA8B,CAAC,CAAC;AACvF,MAAI,CAAC,aAAa,cAAc,IAAI;AAAA,IAClC,wBACE;AAAA,MACE,GAAG;AAAA,MACH,GAAG,QACA,IAAI,CAAC,QAAQ,UAAU;AACtB,YAAI,OAAO,IAAI;AACb,iBAAO,OAAO;AAAA,QAChB;AAEA,YAAI,iBAAiB,QAAQ;AAC3B,iBAAO,OAAO,OAAO,WAAW;AAAA,QAClC;AAEA,YAAI,OAAO,OAAO,WAAW,UAAU;AACrC,iBAAO,OAAO,OAAO,MAAM;AAAA,QAC7B;AAEA,eAAO,OAAO,KAAK;AAAA,MACrB,CAAC,EACA,OAAO,CAAC,UAAU,CAAC,sBAAsB,SAAS,KAAK,CAAC;AAAA,IAC7D,IACA,QAAQ,IAAI,CAAC,QAAQ,UAAU;AAC7B,UAAI,OAAO,IAAI;AACb,eAAO,OAAO;AAAA,MAChB;AAEA,UAAI,iBAAiB,QAAQ;AAC3B,eAAO,OAAO,OAAO,WAAW;AAAA,MAClC;AAEA,UAAI,OAAO,OAAO,WAAW,UAAU;AACrC,eAAO,OAAO,OAAO,MAAM;AAAA,MAC7B;AAEA,aAAO,OAAO,KAAK;AAAA,IACrB,CAAC;AAAA,EACL;AACA,MAAI,CAAC,eAAe,gBAAgB,IAAI;AAAA,IACtC,0BACE;AAAA,MACE,MAAM,OAAO,QAAQ,uBAAuB,EACzC,OAAO,CAAC,CAAC,EAAE,OAAO,MAAM,YAAY,MAAM,EAC1C,IAAI,CAAC,CAAC,MAAM,MAAM,MAAM;AAAA,MAC3B,OAAO,OAAO,QAAQ,uBAAuB,EAC1C,OAAO,CAAC,CAAC,EAAE,OAAO,MAAM,YAAY,OAAO,EAC3C,IAAI,CAAC,CAAC,MAAM,MAAM,MAAM;AAAA,IAC7B,IACA,EAAC,MAAM,CAAC,GAAG,OAAO,CAAC,EAAC;AAAA,EACxB;AACA,MAAI,CAAC,SAAS,UAAU,IAAI,SAAuB,CAAC,CAAC;AACrD,MAAI,CAAC,eAAe,gBAAgB,IAAI,SAA6B,CAAC,CAAC;AACvE,MAAI,CAAC,QAAQ,SAAS,IAAI,SAAS,EAAE;AAErC,MAAI,+BAA+B;AAAA,IACjC,CAAC,0BAAoD;AACnD,0BAAoB,qBAAqB;AAEzC,UAAI,OAAO,0BAA0B,YAAY;AAC/C,mCAA2B,sBAAsB,gBAAgB,CAAC;AAAA,MACpE,OAAO;AACL,mCAA2B,qBAAqB;AAAA,MAClD;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,wBAAwB;AAAA,EAC7C;AACA,MAAI,0BAA0B;AAAA,IAC5B,CAAC,qBAAgD;AAC/C,qBAAe,gBAAgB;AAE/B,UAAI,OAAO,qBAAqB,YAAY;AAC1C,8BAAsB,iBAAiB,WAAW,CAAC;AAAA,MACrD,OAAO;AACL,8BAAsB,gBAAgB;AAAA,MACxC;AAAA,IACF;AAAA,IACA,CAAC,aAAa,mBAAmB;AAAA,EACnC;AACA,MAAI,4BAA4B;AAAA,IAC9B,CAAC,uBAAoD;AACnD,uBAAiB,kBAAkB;AAEnC,UAAI,OAAO,uBAAuB,YAAY;AAC5C,gCAAwB,iBAAiB,mBAAmB,aAAa,CAAC,CAAC;AAAA,MAC7E,OAAO;AACL,gCAAwB,iBAAiB,kBAAkB,CAAC;AAAA,MAC9D;AAAA,IACF;AAAA,IACA,CAAC,eAAe,qBAAqB;AAAA,EACvC;AAEA,MAAI,QAAQ,cAAiB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA,iBAAiB,gBAAgB;AAAA,IACjC,mBAAmB,kBAAkB;AAAA,IACrC,uBAAuB,mBAAmB,sBAAsB,IAAI;AAAA,IACpE,qBAAqB,oBAAoB;AAAA,IACzC,oBAAoB,iBAAiB,mBAAmB,IAAI;AAAA,IAC5D,wBAAwB,iBAAiB,uBAAuB,IAAI;AAAA,IACpE,wBAAwB,iBAAiB,uBAAuB,IAAI;AAAA,IACpE,OAAO;AAAA,MACL,YAAY,mBAAmB,aAAa;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,gBAAgB,UAAU;AAAA,MACnC,eAAe,gBAAgB,gBAAgB;AAAA,MAC/C,cAAc,eAAe,SAAS;AAAA,IACxC;AAAA,IACA,oBAAoB,mBAAmB,gBAAgB;AAAA,IACvD,0BAA0B;AAAA,IAC1B,qBAAqB;AAAA,IACrB,uBAAuB;AAAA,IACvB,iBAAiB,gBAAgB,aAAa;AAAA,IAC9C,uBAAuB,gBAAgB,mBAAmB;AAAA,IAC1D,sBAAsB,eAAe,YAAY;AAAA,IACjD,kBAAkB;AAAA,IAClB,gBAAgB;AAAA,EAClB,CAAC;AAED,MAAI,gBAAgB;AAAA,IAClB,CAAC,EAAC,QAAQ,KAAI,MAAoB;AAChC,UAAI,QAAQ,OAAO,OAAO,KAAK,IAAI;AACjC,cAAM,eAAe,CAAC,wBAAwB;AAC5C,cAAI,WAAW,oBAAoB,QAAQ,OAAO,EAAY;AAC9D,cAAI,WAAW,oBAAoB,QAAQ,KAAK,EAAY;AAE5D,iBAAO,UAAU,qBAAqB,UAAU,QAAQ;AAAA,QAC1D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,MAAI,UAAU;AAAA,IACZ,UAAU,aAAa;AAAA,MACrB,sBAAsB;AAAA,QACpB,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,IACD,UAAU,aAAa;AAAA,MACrB,sBAAsB;AAAA,QACpB,UAAU;AAAA,MACZ;AAAA,IACF,CAAC;AAAA,IACD,UAAU,gBAAgB,CAAC,CAAC;AAAA,EAC9B;AAEA,MAAI,KAAK,MAAM;AAEf,MAAI,OACF,mBACE,MAAM,SAAS,EAAE,WAAW,YAAY,IACvC,sBAAsB,QAAQ;AACnC,MAAI,WACF,mBACE,MAAM,SAAS,EAAE,WAAW,WAC3B,sBAAsB,YAAY;AACvC,MAAI,YAAY,mBAAmB,MAAM,aAAa,IAAK,sBAAsB,aAAa;AAE9F,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,oBAAoB;AAAA,MACpB,WAAW,CAAC,wBAAwB;AAAA,MACpC;AAAA,MACA,WAAW;AAAA,MAEX;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,QAAQ;AAAA,YACR,UAAU;AAAA;AAAA,QACZ;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,OAAO,MAAM,mBAAmB;AAAA,cAChC,aAAa;AAAA,YACf;AAAA,YAEA;AAAA,kCAAC,aACE,gBAAM,gBAAgB,EAAE,IAAI,CAAC,gBAC5B,oBAAC,YACC,8BAAC,mBAAgB,OAAO,aAAa,UAAU,+BAC5C,sBAAY,QAAQ,IAAI,CAAC,WACxB;AAAA,gBAAC;AAAA;AAAA,kBAEC;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA,SAAS;AAAA,kBACT;AAAA,kBACA,SAAS;AAAA,kBACT;AAAA,kBACA;AAAA,kBACA,WAAW;AAAA,kBACX,aAAa;AAAA;AAAA,gBAVR,OAAO;AAAA,cAWd,CACD,GACH,KAjBa,YAAY,EAkB3B,CACD,GACH;AAAA,cACA,oBAAC,aACE,gBAAM,YAAY,EAAE,KAAK,IAAI,CAAC,QAC7B,oBAAC,YACE,cAAI,gBAAgB,EAAE,IAAI,CAAC,SAC1B;AAAA,gBAAC;AAAA;AAAA,kBAEC,WAAW,wBAAwB,KAAK,MAAM;AAAA,kBAC9C,OAAO,EAAC,GAAG,uBAAuB,KAAK,MAAM,EAAC;AAAA,kBAC9C,OAAO,OAAO,KAAK,SAAS,CAAC;AAAA,kBAE5B,qBAAW,KAAK,OAAO,UAAU,MAAM,KAAK,WAAW,CAAC;AAAA;AAAA,gBALpD,KAAK;AAAA,cAMZ,CACD,KAVY,IAAI,EAWnB,CACD,GACH;AAAA,cACA,oBAAC,aACE,gBAAM,gBAAgB,EAAE,IAAI,CAAC,gBAC5B,oBAAC,YACE,sBAAY,QAAQ,IAAI,CAAC,WACxB,oBAAC,eACE,iBAAO,gBAAgB,OACtB,WAAW,OAAO,OAAO,UAAU,QAAQ,OAAO,WAAW,CAAC,KAFhD,OAAO,EAIzB,CACD,KAPY,YAAY,EAQ3B,CACD,GACH;AAAA;AAAA;AAAA,QACF;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,cAAc;AAAA;AAAA,QAChB;AAAA;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import {\n  closestCenter,\n  DndContext,\n  type DragEndEvent,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport {restrictToHorizontalAxis} from '@dnd-kit/modifiers';\nimport {arrayMove, horizontalListSortingStrategy, SortableContext} from '@dnd-kit/sortable';\nimport {\n  type ColumnDef,\n  type ColumnFiltersState,\n  type ColumnOrderState,\n  type ColumnPinningState,\n  flexRender,\n  getCoreRowModel,\n  getFacetedMinMaxValues,\n  getFacetedRowModel,\n  getFacetedUniqueValues,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  type PaginationState,\n  type RowData,\n  type SortingState,\n  type Updater,\n  useReactTable,\n  type VisibilityState,\n} from '@tanstack/react-table';\nimport {useCallback, useId, useState} from 'react';\n\nimport {Table} from '../Table.js';\nimport {TableBody} from '../TableBody.js';\nimport {TableCell} from '../TableCell.js';\nimport {TableFoot} from '../TableFoot.js';\nimport {TableHead} from '../TableHead.js';\nimport {TableHeader} from '../TableHeader.js';\nimport {TableRow} from '../TableRow.js';\nimport {type DataTableColumnOrder} from './DataTableColumnOrder.js';\nimport {type DataTableColumnPinning} from './DataTableColumnPinning.js';\nimport {type DataTableColumnVisibility} from './DataTableColumnVisibility.js';\nimport {type DataTableFaceting} from './DataTableFaceting.js';\nimport {type DataTableFilters} from './DataTableFilters.js';\nimport {type DataTablePagination} from './DataTablePagination.js';\nimport {type DataTableSearch} from './DataTableSearch.js';\nimport {type DataTableSorting} from './DataTableSorting.js';\nimport {\n  DataTableHeader,\n  DataTablePagination as DataTablePaginationComponent,\n  DataTableSearch as DataTableSearchComponent,\n  DEFAULT_PAGE_SIZE,\n  fromPinningState,\n  fuzzyFilter,\n  getCommonPinningClasses,\n  getCommonPinningStyles,\n} from './internals.js';\n\ndeclare module '@tanstack/react-table' {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars -- false positive\n  interface ColumnMeta<TData extends RowData, TValue> {\n    filterVariant?: 'range' | 'select' | 'text';\n  }\n}\n\nexport type DataTableProps<D, C> = {\n  data: D[];\n  columns: C;\n  clientPagination?: boolean | undefined;\n  pagination?: DataTablePagination | undefined;\n  onPaginationChange?:\n    | ((\n        pagination: Pick<DataTablePagination, 'page'> | Pick<DataTablePagination, 'pageSize'>,\n      ) => void)\n    | undefined;\n  columnVisibility?: DataTableColumnVisibility;\n  onColumnVisibilityChange?: ((columnVisibility: DataTableColumnVisibility) => void) | undefined;\n  columnOrder?: DataTableColumnOrder;\n  onColumnOrderChange?: ((columnOrder: DataTableColumnOrder) => void) | undefined;\n  columnPinning?: DataTableColumnPinning;\n  onColumnPinningChange?: ((columnPinning: DataTableColumnPinning) => void) | undefined;\n  clientSorting?: boolean | undefined;\n  sorting?: DataTableSorting | undefined;\n  onSortingChange?: ((sorting: DataTableSorting) => void) | undefined;\n  clientFilters?: boolean | undefined;\n  filters?: DataTableFilters | undefined;\n  onFiltersChange?: ((filters: DataTableFilters) => void) | undefined;\n  clientFaceting?: boolean | undefined;\n  faceting?: DataTableFaceting | undefined;\n  clientSearch?: boolean | undefined;\n  search?: DataTableSearch | undefined;\n  onSearchChange?: ((search: DataTableSearch) => void) | undefined;\n};\n\nexport function DataTable<D extends RowData, C extends Array<ColumnDef<D>>>({\n  data,\n  columns,\n  clientPagination = false,\n  pagination: controlledPagination,\n  onPaginationChange,\n  clientSorting = false,\n  sorting: controlledSorting,\n  onSortingChange,\n  columnVisibility: controlledColumnVisibility,\n  onColumnVisibilityChange,\n  columnOrder: controlledColumnOrder,\n  onColumnOrderChange,\n  columnPinning: controlledColumnPinning,\n  onColumnPinningChange,\n  clientFilters = false,\n  filters: controlledFilters,\n  onFiltersChange,\n  clientFaceting = false,\n  faceting,\n  clientSearch = false,\n  search: controlledSearch,\n  onSearchChange,\n}: DataTableProps<D, C>) {\n  let [pagination, setPagination] = useState<PaginationState>(\n    controlledPagination ?\n      {\n        pageIndex: Math.max(0, controlledPagination.page - 1),\n        pageSize: controlledPagination.pageSize,\n      }\n    : {\n        pageIndex: 0,\n        pageSize: DEFAULT_PAGE_SIZE,\n      },\n  );\n  let [columnVisibility, setColumnVisibility] = useState(controlledColumnVisibility ?? {});\n  let [columnOrder, setColumnOrder] = useState<string[]>(\n    controlledColumnOrder ?\n      [\n        ...controlledColumnOrder,\n        ...columns\n          .map((column, index) => {\n            if (column.id) {\n              return column.id;\n            }\n\n            if ('accessorKey' in column) {\n              return String(column.accessorKey);\n            }\n\n            if (typeof column.header === 'string') {\n              return String(column.header);\n            }\n\n            return String(index);\n          })\n          .filter((value) => !controlledColumnOrder.includes(value)),\n      ]\n    : columns.map((column, index) => {\n        if (column.id) {\n          return column.id;\n        }\n\n        if ('accessorKey' in column) {\n          return String(column.accessorKey);\n        }\n\n        if (typeof column.header === 'string') {\n          return String(column.header);\n        }\n\n        return String(index);\n      }),\n  );\n  let [columnPinning, setColumnPinning] = useState<ColumnPinningState>(\n    controlledColumnPinning ?\n      {\n        left: Object.entries(controlledColumnPinning)\n          .filter(([, pinning]) => pinning === 'left')\n          .map(([column]) => column),\n        right: Object.entries(controlledColumnPinning)\n          .filter(([, pinning]) => pinning === 'right')\n          .map(([column]) => column),\n      }\n    : {left: [], right: []},\n  );\n  let [sorting, setSorting] = useState<SortingState>([]);\n  let [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  let [search, setSearch] = useState('');\n\n  let handleColumnVisibilityChange = useCallback(\n    (columnVisibilityState: Updater<VisibilityState>) => {\n      setColumnVisibility(columnVisibilityState);\n\n      if (typeof columnVisibilityState === 'function') {\n        onColumnVisibilityChange?.(columnVisibilityState(columnVisibility));\n      } else {\n        onColumnVisibilityChange?.(columnVisibilityState);\n      }\n    },\n    [columnVisibility, onColumnVisibilityChange],\n  );\n  let handleColumnOrderChange = useCallback(\n    (columnOrderState: Updater<ColumnOrderState>) => {\n      setColumnOrder(columnOrderState);\n\n      if (typeof columnOrderState === 'function') {\n        onColumnOrderChange?.(columnOrderState(columnOrder));\n      } else {\n        onColumnOrderChange?.(columnOrderState);\n      }\n    },\n    [columnOrder, onColumnOrderChange],\n  );\n  let handleColumnPinningChange = useCallback(\n    (columnPinningState: Updater<ColumnPinningState>) => {\n      setColumnPinning(columnPinningState);\n\n      if (typeof columnPinningState === 'function') {\n        onColumnPinningChange?.(fromPinningState(columnPinningState(columnPinning)));\n      } else {\n        onColumnPinningChange?.(fromPinningState(columnPinningState));\n      }\n    },\n    [columnPinning, onColumnPinningChange],\n  );\n\n  let table = useReactTable<D>({\n    data,\n    columns,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    getPaginationRowModel: clientPagination ? getPaginationRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getFacetedRowModel: clientFaceting ? getFacetedRowModel() : undefined,\n    getFacetedUniqueValues: clientFaceting ? getFacetedUniqueValues() : undefined,\n    getFacetedMinMaxValues: clientFaceting ? getFacetedMinMaxValues() : undefined,\n    state: {\n      pagination: clientPagination ? pagination : undefined,\n      columnVisibility,\n      columnOrder,\n      columnPinning,\n      sorting: clientSorting ? sorting : undefined,\n      columnFilters: clientFilters ? columnFilters : undefined,\n      globalFilter: clientSearch ? search : undefined,\n    },\n    onPaginationChange: clientPagination ? setPagination : undefined,\n    onColumnVisibilityChange: handleColumnVisibilityChange,\n    onColumnOrderChange: handleColumnOrderChange,\n    onColumnPinningChange: handleColumnPinningChange,\n    onSortingChange: clientSorting ? setSorting : undefined,\n    onColumnFiltersChange: clientFilters ? setColumnFilters : undefined,\n    onGlobalFilterChange: clientSearch ? setSearch : undefined,\n    columnResizeMode: 'onChange',\n    globalFilterFn: fuzzyFilter,\n  });\n\n  let handleDragEnd = useCallback(\n    ({active, over}: DragEndEvent) => {\n      if (over && active.id !== over.id) {\n        table.setColumnOrder((previousColumnOrder) => {\n          let oldIndex = previousColumnOrder.indexOf(active.id as string);\n          let newIndex = previousColumnOrder.indexOf(over.id as string);\n\n          return arrayMove(previousColumnOrder, oldIndex, newIndex);\n        });\n      }\n    },\n    [table],\n  );\n\n  let sensors = useSensors(\n    useSensor(MouseSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(TouchSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n    useSensor(KeyboardSensor, {}),\n  );\n\n  let id = useId();\n\n  let page =\n    clientPagination ?\n      table.getState().pagination.pageIndex + 1\n    : (controlledPagination?.page ?? 1);\n  let pageSize =\n    clientPagination ?\n      table.getState().pagination.pageSize\n    : (controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE);\n  let pageCount = clientPagination ? table.getPageCount() : (controlledPagination?.pageCount ?? 1);\n\n  return (\n    <DndContext\n      collisionDetection={closestCenter}\n      id={id}\n      modifiers={[restrictToHorizontalAxis]}\n      sensors={sensors}\n      onDragEnd={handleDragEnd}\n    >\n      <DataTableSearchComponent\n        clientSearch={clientSearch}\n        search={controlledSearch}\n        table={table}\n        onSearch={onSearchChange}\n      />\n      <Table\n        style={{\n          width: table.getCenterTotalSize(),\n          tableLayout: 'fixed',\n        }}\n      >\n        <TableHead>\n          {table.getHeaderGroups().map((headerGroup) => (\n            <TableRow key={headerGroup.id}>\n              <SortableContext items={columnOrder} strategy={horizontalListSortingStrategy}>\n                {headerGroup.headers.map((header) => (\n                  <DataTableHeader\n                    key={header.id}\n                    clientFaceting={clientFaceting}\n                    clientFilters={clientFilters}\n                    clientSorting={clientSorting}\n                    faceting={faceting}\n                    filters={controlledFilters}\n                    header={header}\n                    sorting={controlledSorting}\n                    table={table}\n                    onFiltering={onFiltersChange}\n                    onSorting={onSortingChange}\n                  />\n                ))}\n              </SortableContext>\n            </TableRow>\n          ))}\n        </TableHead>\n        <TableBody>\n          {table.getRowModel().rows.map((row) => (\n            <TableRow key={row.id}>\n              {row.getVisibleCells().map((cell) => (\n                <TableCell\n                  key={cell.id}\n                  className={getCommonPinningClasses(cell.column)}\n                  style={{...getCommonPinningStyles(cell.column)}}\n                  title={String(cell.getValue())}\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </TableCell>\n              ))}\n            </TableRow>\n          ))}\n        </TableBody>\n        <TableFoot>\n          {table.getFooterGroups().map((footerGroup) => (\n            <TableRow key={footerGroup.id}>\n              {footerGroup.headers.map((header) => (\n                <TableHeader key={header.id}>\n                  {header.isPlaceholder ? null : (\n                    flexRender(header.column.columnDef.footer, header.getContext())\n                  )}\n                </TableHeader>\n              ))}\n            </TableRow>\n          ))}\n        </TableFoot>\n      </Table>\n      <DataTablePaginationComponent\n        clientPagination={clientPagination}\n        page={page}\n        pageCount={pageCount}\n        pageSize={pageSize}\n        table={table}\n        onPagination={onPaginationChange}\n      />\n    </DndContext>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build/components/data-table/internals/DataTableHeader.js

@@ -44,7 +44,7 @@ export function DataTableHeader({
   if (!header.isPlaceholder) {
     contentElement = flexRender(header.column.columnDef.header, header.getContext());
   }
-  let sortElement = null;
+  let sortElement;
   if (!sorting) {
     sortElement = /* @__PURE__ */ jsx(Icon, { name: "ArrowsUpDown", size: "small", variant: "light" });
   } else if (sorting.direction === "ascending") {
@@ -61,7 +61,7 @@ export function DataTableHeader({
     title = "Clear sort";
   }
   let handleSortClick = useCallback(() => {
-    let newSorting = null;
+    let newSorting;
     if (!sorting) {
       newSorting = {
         column: header.column.id,
@@ -104,18 +104,18 @@ export function DataTableHeader({
     TableHeader,
     {
       ref: setNodeRef,
-      colSpan: header.colSpan,
       className: getCommonPinningClasses(header.column),
+      colSpan: header.colSpan,
       style,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "relative mr-6 block overflow-hidden", children: /* @__PURE__ */ jsxs(Container, { spacing: "extra-small", justify: "spaced", align: "center", children: [
+        /* @__PURE__ */ jsx("span", { className: "relative mr-6 block overflow-hidden", children: /* @__PURE__ */ jsxs(Container, { align: "center", justify: "spaced", spacing: "extra-small", children: [
           header.column.getCanSort() ? /* @__PURE__ */ jsxs(
             Button,
             {
-              variant: "text",
-              size: "small",
               className: "mr-auto inline-flex cursor-move",
+              size: "small",
               title,
+              variant: "text",
               onClick: handleSortClick,
               ...attributes,
               ...listeners,
@@ -126,48 +126,48 @@ export function DataTableHeader({
             }
           ) : null,
           /* @__PURE__ */ jsxs(Popover, { children: [
-            /* @__PURE__ */ jsx(PopoverButton, { children: /* @__PURE__ */ jsx(Button, { variant: "text", size: "small", "aria-label": "Settings", children: /* @__PURE__ */ jsx(Icon, { size: "small", name: "Cog6Tooth" }) }) }),
-            /* @__PURE__ */ jsx(PopoverPanel, { anchor: "right start", children: /* @__PURE__ */ jsxs(Container, { spacing: "large", direction: "column", children: [
-              header.column.getCanPin() ? /* @__PURE__ */ jsxs(Container, { spacing: "small", direction: "row", children: [
+            /* @__PURE__ */ jsx(PopoverButton, { children: /* @__PURE__ */ jsx(Button, { "aria-label": "Settings", size: "small", variant: "text", children: /* @__PURE__ */ jsx(Icon, { name: "Cog6Tooth", size: "small" }) }) }),
+            /* @__PURE__ */ jsx(PopoverPanel, { anchor: "right start", children: /* @__PURE__ */ jsxs(Container, { direction: "column", spacing: "large", children: [
+              header.column.getCanPin() ? /* @__PURE__ */ jsxs(Container, { direction: "row", spacing: "small", children: [
                 /* @__PURE__ */ jsx(Text, { children: "Pin column" }),
                 /* @__PURE__ */ jsx(Field, { children: /* @__PURE__ */ jsxs(Container, { spacing: "small", children: [
                   header.column.getIsPinned() === "left" ? null : /* @__PURE__ */ jsx(
                     Button,
                     {
-                      variant: "outline",
                       "aria-label": "Pin to left",
+                      variant: "outline",
                       onClick: handlePinLeftClick,
-                      children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "ArrowLeftEndOnRectangle" })
+                      children: /* @__PURE__ */ jsx(Icon, { name: "ArrowLeftEndOnRectangle", size: "large" })
                     }
                   ),
-                  header.column.getIsPinned() ? /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Unpin", onClick: handleUnpinClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "XMark" }) }) : null,
+                  header.column.getIsPinned() ? /* @__PURE__ */ jsx(Button, { "aria-label": "Unpin", variant: "outline", onClick: handleUnpinClick, children: /* @__PURE__ */ jsx(Icon, { name: "XMark", size: "large" }) }) : null,
                   header.column.getIsPinned() === "right" ? null : /* @__PURE__ */ jsx(
                     Button,
                     {
-                      variant: "outline",
                       "aria-label": "Pin to right",
+                      variant: "outline",
                       onClick: handlePinRightClick,
-                      children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "ArrowRightEndOnRectangle" })
+                      children: /* @__PURE__ */ jsx(Icon, { name: "ArrowRightEndOnRectangle", size: "large" })
                     }
                   )
                 ] }) })
               ] }) : null,
-              header.column.getCanFilter() ? /* @__PURE__ */ jsxs(Container, { spacing: "small", direction: "column", children: [
+              header.column.getCanFilter() ? /* @__PURE__ */ jsxs(Container, { direction: "column", spacing: "small", children: [
                 /* @__PURE__ */ jsx(Text, { children: "Filter" }),
                 /* @__PURE__ */ jsx(Field, { children: /* @__PURE__ */ jsx(
                   DataTableHeaderFilter,
                   {
-                    table,
-                    column: header.column,
-                    clientFilters,
-                    filters: controlledFilters,
                     clientFaceting,
+                    clientFilters,
+                    column: header.column,
                     faceting,
+                    filters: controlledFilters,
+                    table,
                     onFiltering
                   }
                 ) })
               ] }) : null,
-              /* @__PURE__ */ jsxs(Container, { spacing: "small", direction: "column", children: [
+              /* @__PURE__ */ jsxs(Container, { direction: "column", spacing: "small", children: [
                 /* @__PURE__ */ jsx(Text, { children: "Visible columns" }),
                 table.getAllLeafColumns().map((column) => /* @__PURE__ */ jsx(DataTableHeaderColumnCheckbox, { column, table }, column.id))
               ] })
@@ -177,14 +177,14 @@ export function DataTableHeader({
         /* @__PURE__ */ jsx(
           Button,
           {
-            variant: "invisible",
-            size: "small",
             "aria-label": "Resize",
             className: "absolute right-1 top-2.5 cursor-col-resize",
+            size: "small",
+            variant: "invisible",
             onDoubleClick: handleWidthReset,
             onMouseDown: header.getResizeHandler(),
             onTouchStart: header.getResizeHandler(),
-            children: /* @__PURE__ */ jsx(Icon, { size: "small", name: "ArrowsRightLeft" })
+            children: /* @__PURE__ */ jsx(Icon, { name: "ArrowsRightLeft", size: "small" })
           }
         )
       ]

package/build/components/data-table/internals/DataTableHeader.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../source/components/data-table/internals/DataTableHeader.tsx"],
-  "sourcesContent": ["import {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {flexRender, type Header, type Table} from '@tanstack/react-table';\nimport {type CSSProperties, useCallback} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Field} from '../../Field.js';\nimport {Icon} from '../../Icon.js';\nimport {Popover} from '../../Popover.js';\nimport {PopoverButton} from '../../PopoverButton.js';\nimport {PopoverPanel} from '../../PopoverPanel.js';\nimport {TableHeader} from '../../TableHeader.js';\nimport {Text} from '../../Text.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {DataTableHeaderColumnCheckbox} from './DataTableHeaderColumnCheckbox.js';\nimport {DataTableHeaderFilter} from './DataTableHeaderFilter.js';\nimport {getCommonPinningClasses} from './getCommonPinningClasses.js';\nimport {getCommonPinningStyles} from './getCommonPinningStyles.js';\nimport {normalizeSorting} from './normalizeSorting.js';\n\nexport type DataTableHeaderProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  header: Header<any, any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientSorting: DataTableProps<any, any>['clientSorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  sorting: DataTableProps<any, any>['sorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onSorting: DataTableProps<any, any>['onSortingChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFilters: DataTableProps<any, any>['clientFilters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  filters: DataTableProps<any, any>['filters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onFiltering: DataTableProps<any, any>['onFiltersChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFaceting: DataTableProps<any, any>['clientFaceting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  faceting: DataTableProps<any, any>['faceting'];\n};\n\nexport function DataTableHeader({\n  table,\n  header,\n  clientSorting,\n  sorting: controlledSorting,\n  onSorting,\n  clientFilters,\n  filters: controlledFilters,\n  onFiltering,\n  clientFaceting,\n  faceting,\n}: DataTableHeaderProps) {\n  let {attributes, isDragging, listeners, setNodeRef, transform} = useSortable({\n    id: header.column.id,\n  });\n\n  let sorting =\n    clientSorting ? normalizeSorting(header) : normalizeSorting(header, controlledSorting);\n\n  let style: CSSProperties = {\n    transform: CSS.Translate.toString(transform),\n    transition: 'width transform 0.2s ease-in-out',\n    zIndex: isDragging ? 20 : undefined,\n    ...getCommonPinningStyles(header.column),\n  };\n\n  let contentElement = null;\n\n  if (!header.isPlaceholder) {\n    contentElement = flexRender(header.column.columnDef.header, header.getContext());\n  }\n\n  let sortElement = null;\n\n  if (!sorting) {\n    sortElement = <Icon name=\"ArrowsUpDown\" size=\"small\" variant=\"light\" />;\n  } else if (sorting.direction === 'ascending') {\n    sortElement = <Icon name=\"ArrowUp\" size=\"small\" />;\n  } else {\n    sortElement = <Icon name=\"ArrowDown\" size=\"small\" />;\n  }\n\n  let title: string | undefined;\n\n  if (!sorting) {\n    title = 'Sort ascending';\n  } else if (sorting.direction === 'ascending') {\n    title = 'Sort descending';\n  } else {\n    title = 'Clear sort';\n  }\n\n  let handleSortClick = useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let newSorting: DataTableProps<any, any>['sorting'] = null;\n\n    if (!sorting) {\n      newSorting = {\n        column: header.column.id,\n        direction: 'ascending',\n      };\n    } else if (sorting.direction === 'ascending') {\n      newSorting = {\n        column: header.column.id,\n        direction: 'descending',\n      };\n    } else {\n      newSorting = null;\n    }\n\n    if (clientSorting) {\n      if (!sorting) {\n        header.column.toggleSorting(false);\n      } else if (sorting.direction === 'ascending') {\n        header.column.toggleSorting(true);\n      } else {\n        header.column.clearSorting();\n      }\n    }\n\n    if (onSorting) {\n      onSorting(newSorting);\n    }\n  }, [sorting, clientSorting, onSorting, header.column]);\n\n  let handleWidthReset = useCallback(() => {\n    header.column.resetSize();\n  }, [header.column]);\n\n  let handlePinLeftClick = useCallback(() => {\n    header.column.pin('left');\n  }, [header.column]);\n\n  let handlePinRightClick = useCallback(() => {\n    header.column.pin('right');\n  }, [header.column]);\n\n  let handleUnpinClick = useCallback(() => {\n    header.column.pin(false);\n  }, [header.column]);\n\n  return (\n    <TableHeader\n      ref={setNodeRef}\n      colSpan={header.colSpan}\n      className={getCommonPinningClasses(header.column)}\n      style={style}\n    >\n      <span className=\"relative mr-6 block overflow-hidden\">\n        <Container spacing=\"extra-small\" justify=\"spaced\" align=\"center\">\n          {header.column.getCanSort() ?\n            <Button\n              variant=\"text\"\n              size=\"small\"\n              className=\"mr-auto inline-flex cursor-move\"\n              title={title}\n              onClick={handleSortClick}\n              {...attributes}\n              {...listeners}\n            >\n              {sortElement}\n              {contentElement}\n            </Button>\n          : null}\n          <Popover>\n            <PopoverButton>\n              <Button variant=\"text\" size=\"small\" aria-label=\"Settings\">\n                <Icon size=\"small\" name=\"Cog6Tooth\" />\n              </Button>\n            </PopoverButton>\n            <PopoverPanel anchor=\"right start\">\n              <Container spacing=\"large\" direction=\"column\">\n                {header.column.getCanPin() ?\n                  <Container spacing=\"small\" direction=\"row\">\n                    <Text>Pin column</Text>\n\n                    <Field>\n                      <Container spacing=\"small\">\n                        {header.column.getIsPinned() === 'left' ? null : (\n                          <Button\n                            variant=\"outline\"\n                            aria-label=\"Pin to left\"\n                            onClick={handlePinLeftClick}\n                          >\n                            <Icon size=\"large\" name=\"ArrowLeftEndOnRectangle\" />\n                          </Button>\n                        )}\n                        {header.column.getIsPinned() ?\n                          <Button variant=\"outline\" aria-label=\"Unpin\" onClick={handleUnpinClick}>\n                            <Icon size=\"large\" name=\"XMark\" />\n                          </Button>\n                        : null}\n                        {header.column.getIsPinned() === 'right' ? null : (\n                          <Button\n                            variant=\"outline\"\n                            aria-label=\"Pin to right\"\n                            onClick={handlePinRightClick}\n                          >\n                            <Icon size=\"large\" name=\"ArrowRightEndOnRectangle\" />\n                          </Button>\n                        )}\n                      </Container>\n                    </Field>\n                  </Container>\n                : null}\n\n                {header.column.getCanFilter() ?\n                  <Container spacing=\"small\" direction=\"column\">\n                    <Text>Filter</Text>\n\n                    <Field>\n                      <DataTableHeaderFilter\n                        table={table}\n                        column={header.column}\n                        clientFilters={clientFilters}\n                        filters={controlledFilters}\n                        clientFaceting={clientFaceting}\n                        faceting={faceting}\n                        onFiltering={onFiltering}\n                      />\n                    </Field>\n                  </Container>\n                : null}\n\n                <Container spacing=\"small\" direction=\"column\">\n                  <Text>Visible columns</Text>\n\n                  {table.getAllLeafColumns().map((column) => (\n                    <DataTableHeaderColumnCheckbox key={column.id} column={column} table={table} />\n                  ))}\n                </Container>\n              </Container>\n            </PopoverPanel>\n          </Popover>\n        </Container>\n      </span>\n      <Button\n        variant=\"invisible\"\n        size=\"small\"\n        aria-label=\"Resize\"\n        className=\"absolute right-1 top-2.5 cursor-col-resize\"\n        onDoubleClick={handleWidthReset}\n        onMouseDown={header.getResizeHandler()}\n        onTouchStart={header.getResizeHandler()}\n      >\n        <Icon size=\"small\" name=\"ArrowsRightLeft\" />\n      </Button>\n    </TableHeader>\n  );\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {useSortable} from '@dnd-kit/sortable';\nimport {CSS} from '@dnd-kit/utilities';\nimport {flexRender, type Header, type Table} from '@tanstack/react-table';\nimport {type CSSProperties, useCallback} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Container} from '../../Container.js';\nimport {Field} from '../../Field.js';\nimport {Icon} from '../../Icon.js';\nimport {Popover} from '../../Popover.js';\nimport {PopoverButton} from '../../PopoverButton.js';\nimport {PopoverPanel} from '../../PopoverPanel.js';\nimport {TableHeader} from '../../TableHeader.js';\nimport {Text} from '../../Text.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {DataTableHeaderColumnCheckbox} from './DataTableHeaderColumnCheckbox.js';\nimport {DataTableHeaderFilter} from './DataTableHeaderFilter.js';\nimport {getCommonPinningClasses} from './getCommonPinningClasses.js';\nimport {getCommonPinningStyles} from './getCommonPinningStyles.js';\nimport {normalizeSorting} from './normalizeSorting.js';\n\nexport type DataTableHeaderProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  header: Header<any, any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientSorting: DataTableProps<any, any>['clientSorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  sorting: DataTableProps<any, any>['sorting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onSorting: DataTableProps<any, any>['onSortingChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFilters: DataTableProps<any, any>['clientFilters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  filters: DataTableProps<any, any>['filters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onFiltering: DataTableProps<any, any>['onFiltersChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFaceting: DataTableProps<any, any>['clientFaceting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  faceting: DataTableProps<any, any>['faceting'];\n};\n\nexport function DataTableHeader({\n  table,\n  header,\n  clientSorting,\n  sorting: controlledSorting,\n  onSorting,\n  clientFilters,\n  filters: controlledFilters,\n  onFiltering,\n  clientFaceting,\n  faceting,\n}: DataTableHeaderProps) {\n  let {attributes, isDragging, listeners, setNodeRef, transform} = useSortable({\n    id: header.column.id,\n  });\n\n  let sorting =\n    clientSorting ? normalizeSorting(header) : normalizeSorting(header, controlledSorting);\n\n  let style: CSSProperties = {\n    transform: CSS.Translate.toString(transform),\n    transition: 'width transform 0.2s ease-in-out',\n    zIndex: isDragging ? 20 : undefined,\n    ...getCommonPinningStyles(header.column),\n  };\n\n  let contentElement = null;\n\n  if (!header.isPlaceholder) {\n    contentElement = flexRender(header.column.columnDef.header, header.getContext());\n  }\n\n  let sortElement;\n\n  if (!sorting) {\n    sortElement = <Icon name=\"ArrowsUpDown\" size=\"small\" variant=\"light\" />;\n  } else if (sorting.direction === 'ascending') {\n    sortElement = <Icon name=\"ArrowUp\" size=\"small\" />;\n  } else {\n    sortElement = <Icon name=\"ArrowDown\" size=\"small\" />;\n  }\n\n  let title: string | undefined;\n\n  if (!sorting) {\n    title = 'Sort ascending';\n  } else if (sorting.direction === 'ascending') {\n    title = 'Sort descending';\n  } else {\n    title = 'Clear sort';\n  }\n\n  let handleSortClick = useCallback(() => {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n    let newSorting: DataTableProps<any, any>['sorting'];\n\n    if (!sorting) {\n      newSorting = {\n        column: header.column.id,\n        direction: 'ascending',\n      };\n    } else if (sorting.direction === 'ascending') {\n      newSorting = {\n        column: header.column.id,\n        direction: 'descending',\n      };\n    } else {\n      newSorting = null;\n    }\n\n    if (clientSorting) {\n      if (!sorting) {\n        header.column.toggleSorting(false);\n      } else if (sorting.direction === 'ascending') {\n        header.column.toggleSorting(true);\n      } else {\n        header.column.clearSorting();\n      }\n    }\n\n    if (onSorting) {\n      onSorting(newSorting);\n    }\n  }, [sorting, clientSorting, onSorting, header.column]);\n\n  let handleWidthReset = useCallback(() => {\n    header.column.resetSize();\n  }, [header.column]);\n\n  let handlePinLeftClick = useCallback(() => {\n    header.column.pin('left');\n  }, [header.column]);\n\n  let handlePinRightClick = useCallback(() => {\n    header.column.pin('right');\n  }, [header.column]);\n\n  let handleUnpinClick = useCallback(() => {\n    header.column.pin(false);\n  }, [header.column]);\n\n  return (\n    <TableHeader\n      ref={setNodeRef}\n      className={getCommonPinningClasses(header.column)}\n      colSpan={header.colSpan}\n      style={style}\n    >\n      <span className=\"relative mr-6 block overflow-hidden\">\n        <Container align=\"center\" justify=\"spaced\" spacing=\"extra-small\">\n          {header.column.getCanSort() ?\n            <Button\n              className=\"mr-auto inline-flex cursor-move\"\n              size=\"small\"\n              title={title}\n              variant=\"text\"\n              onClick={handleSortClick}\n              {...attributes}\n              {...listeners}\n            >\n              {sortElement}\n              {contentElement}\n            </Button>\n          : null}\n          <Popover>\n            <PopoverButton>\n              <Button aria-label=\"Settings\" size=\"small\" variant=\"text\">\n                <Icon name=\"Cog6Tooth\" size=\"small\" />\n              </Button>\n            </PopoverButton>\n            <PopoverPanel anchor=\"right start\">\n              <Container direction=\"column\" spacing=\"large\">\n                {header.column.getCanPin() ?\n                  <Container direction=\"row\" spacing=\"small\">\n                    <Text>Pin column</Text>\n\n                    <Field>\n                      <Container spacing=\"small\">\n                        {header.column.getIsPinned() === 'left' ? null : (\n                          <Button\n                            aria-label=\"Pin to left\"\n                            variant=\"outline\"\n                            onClick={handlePinLeftClick}\n                          >\n                            <Icon name=\"ArrowLeftEndOnRectangle\" size=\"large\" />\n                          </Button>\n                        )}\n                        {header.column.getIsPinned() ?\n                          <Button aria-label=\"Unpin\" variant=\"outline\" onClick={handleUnpinClick}>\n                            <Icon name=\"XMark\" size=\"large\" />\n                          </Button>\n                        : null}\n                        {header.column.getIsPinned() === 'right' ? null : (\n                          <Button\n                            aria-label=\"Pin to right\"\n                            variant=\"outline\"\n                            onClick={handlePinRightClick}\n                          >\n                            <Icon name=\"ArrowRightEndOnRectangle\" size=\"large\" />\n                          </Button>\n                        )}\n                      </Container>\n                    </Field>\n                  </Container>\n                : null}\n\n                {header.column.getCanFilter() ?\n                  <Container direction=\"column\" spacing=\"small\">\n                    <Text>Filter</Text>\n\n                    <Field>\n                      <DataTableHeaderFilter\n                        clientFaceting={clientFaceting}\n                        clientFilters={clientFilters}\n                        column={header.column}\n                        faceting={faceting}\n                        filters={controlledFilters}\n                        table={table}\n                        onFiltering={onFiltering}\n                      />\n                    </Field>\n                  </Container>\n                : null}\n\n                <Container direction=\"column\" spacing=\"small\">\n                  <Text>Visible columns</Text>\n\n                  {table.getAllLeafColumns().map((column) => (\n                    <DataTableHeaderColumnCheckbox key={column.id} column={column} table={table} />\n                  ))}\n                </Container>\n              </Container>\n            </PopoverPanel>\n          </Popover>\n        </Container>\n      </span>\n      <Button\n        aria-label=\"Resize\"\n        className=\"absolute right-1 top-2.5 cursor-col-resize\"\n        size=\"small\"\n        variant=\"invisible\"\n        onDoubleClick={handleWidthReset}\n        onMouseDown={header.getResizeHandler()}\n        onTouchStart={header.getResizeHandler()}\n      >\n        <Icon name=\"ArrowsRightLeft\" size=\"small\" />\n      </Button>\n    </TableHeader>\n  );\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/build/components/data-table/internals/DataTableHeaderFilter.js

@@ -199,42 +199,42 @@ export function DataTableHeaderFilter({
       /* @__PURE__ */ jsx(
         Input,
         {
-          type: "number",
-          min: String(facetingMin ?? ""),
           max: String(facetingMax ?? ""),
-          value: min ?? "",
+          min: String(facetingMin ?? ""),
           placeholder: `Min ${facetingMin === null ? "" : `(${facetingMin})`}`,
+          type: "number",
+          value: min ?? "",
           onChange: handleMinRangeChange
         }
       ),
       /* @__PURE__ */ jsx(
         Input,
         {
-          type: "number",
-          min: String(facetingMin ?? ""),
           max: String(facetingMax ?? ""),
-          value: max ?? "",
+          min: String(facetingMin ?? ""),
           placeholder: `Max ${facetingMax === null ? "" : `(${facetingMax})`}`,
+          type: "number",
+          value: max ?? "",
           onChange: handleMaxRangeChange
         }
       ),
-      /* @__PURE__ */ jsx(Button, { submit: true, variant: "outline", "aria-label": "Filter", onClick: handleFilterClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "Funnel" }) }),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Cancel", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "XMark" }) })
+      /* @__PURE__ */ jsx(Button, { submit: true, "aria-label": "Filter", variant: "outline", onClick: handleFilterClick, children: /* @__PURE__ */ jsx(Icon, { name: "Funnel", size: "large" }) }),
+      /* @__PURE__ */ jsx(Button, { "aria-label": "Cancel", variant: "outline", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { name: "XMark", size: "large" }) })
     ] });
   } else if (filterVariant === "select" && facetingValues.length) {
     filterElement = /* @__PURE__ */ jsxs(Container, { spacing: "small", children: [
       /* @__PURE__ */ jsx(
         Listbox,
         {
-          value: currentFilter,
           items: facetingValues.map((value) => ({
             value,
             label: `${value}`
           })),
+          value: currentFilter,
           onChange: handleSelectFilterChange
         }
       ),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Cancel", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "XMark" }) })
+      /* @__PURE__ */ jsx(Button, { "aria-label": "Cancel", variant: "outline", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { name: "XMark", size: "large" }) })
     ] });
   } else if (filterVariant === "text" && facetingValues.length) {
     filterElement = /* @__PURE__ */ jsxs(Container, { spacing: "small", children: [
@@ -242,21 +242,21 @@ export function DataTableHeaderFilter({
         Combobox,
         {
           customValue: true,
-          value: currentFilter ?? "",
           items: facetingValues.map((value) => ({
             value,
             label: `${value}`
           })),
+          value: currentFilter ?? "",
           onChange: handleTextFilterChange
         }
       ),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Cancel", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "XMark" }) })
+      /* @__PURE__ */ jsx(Button, { "aria-label": "Cancel", variant: "outline", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { name: "XMark", size: "large" }) })
     ] });
   } else if (filterVariant === "text" && !facetingValues.length || !filterVariant) {
     filterElement = /* @__PURE__ */ jsxs(Container, { spacing: "small", children: [
       /* @__PURE__ */ jsx(Input, { value: filter ?? "", onChange: handleFilterChange }),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Filter", onClick: handleFilterClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "Funnel" }) }),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", "aria-label": "Cancel", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { size: "large", name: "XMark" }) })
+      /* @__PURE__ */ jsx(Button, { "aria-label": "Filter", variant: "outline", onClick: handleFilterClick, children: /* @__PURE__ */ jsx(Icon, { name: "Funnel", size: "large" }) }),
+      /* @__PURE__ */ jsx(Button, { "aria-label": "Cancel", variant: "outline", onClick: handleResetClick, children: /* @__PURE__ */ jsx(Icon, { name: "XMark", size: "large" }) })
     ] });
   }
   return /* @__PURE__ */ jsx(Form, { onSubmit: handleFilterSubmit, children: filterElement });

package/build/components/data-table/internals/DataTableHeaderFilter.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../source/components/data-table/internals/DataTableHeaderFilter.tsx"],
-  "sourcesContent": ["// TODO: fix somehow\n/* eslint-disable complexity -- TODO */\nimport {type Column, type Table} from '@tanstack/react-table';\nimport {type ChangeEvent, type FormEvent, useCallback, useMemo, useState} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Combobox} from '../../Combobox.js';\nimport {Container} from '../../Container.js';\nimport {Form} from '../../Form.js';\nimport {Icon} from '../../Icon.js';\nimport {Input} from '../../Input.js';\nimport {Listbox} from '../../Listbox.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {addFilter} from './addFilter.js';\nimport {normalizeFilter} from './normalizeFilter.js';\nimport {normalizeFilters} from './normalizeFilters.js';\nimport {removeFilter} from './removeFilter.js';\n\nexport type DataTableHeaderFilterProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  column: Column<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFilters: DataTableProps<any, any>['clientFilters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  filters: DataTableProps<any, any>['filters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onFiltering: DataTableProps<any, any>['onFiltersChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFaceting: DataTableProps<any, any>['clientFaceting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  faceting: DataTableProps<any, any>['faceting'];\n};\n\nexport function DataTableHeaderFilter({\n  table,\n  column,\n  clientFilters,\n  filters: controlledFilters,\n  onFiltering,\n  clientFaceting,\n  faceting,\n}: DataTableHeaderFilterProps) {\n  let {filterVariant} = column.columnDef.meta ?? {};\n\n  let currentFilters =\n    clientFilters ? normalizeFilters(table) : normalizeFilters(table, controlledFilters);\n  let currentFilter =\n    clientFilters ? normalizeFilter(column) : normalizeFilter(column, controlledFilters);\n\n  let currentMin =\n    filterVariant === 'range' ?\n      ((currentFilter as [number?, number?] | undefined)?.[0] ?? undefined)\n    : undefined;\n  let currentMax =\n    filterVariant === 'range' ?\n      ((currentFilter as [number?, number?] | undefined)?.[1] ?? undefined)\n    : undefined;\n\n  let [filter, setFilter] = useState<string | undefined>(\n    typeof currentFilter === 'string' ? currentFilter : undefined,\n  );\n  let [min, setMin] = useState(currentMin);\n  let [max, setMax] = useState(currentMax);\n\n  let facetingValues = useMemo(() => {\n    if (!clientFaceting) {\n      return faceting?.[column.id]?.values ?? [];\n    }\n\n    if (filterVariant === 'range') {\n      return [];\n    }\n\n    return [...column.getFacetedUniqueValues().keys()].sort().slice(0, 5000) as unknown[];\n  }, [clientFaceting, column, faceting, filterVariant]);\n\n  let facetingMin =\n    clientFaceting ?\n      Number(column.getFacetedMinMaxValues()?.[0] ?? null)\n    : (faceting?.[column.id]?.min ?? null);\n  let facetingMax =\n    clientFaceting ?\n      Number(column.getFacetedMinMaxValues()?.[1] ?? null)\n    : (faceting?.[column.id]?.max ?? null);\n\n  let handleMinRangeChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    setMin(event.target.value ? Number(event.target.value) : undefined);\n  }, []);\n\n  let handleMaxRangeChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    setMax(event.target.value ? Number(event.target.value) : undefined);\n  }, []);\n\n  let handleSelectFilterChange = useCallback(\n    (value: string) => {\n      if (clientFilters) {\n        column.setFilterValue(value);\n      }\n\n      if (onFiltering) {\n        onFiltering(addFilter(currentFilters, column.id, value));\n      }\n    },\n    [clientFilters, column, currentFilters, onFiltering],\n  );\n\n  let handleTextFilterChange = useCallback(\n    (value: string | undefined) => {\n      if (value) {\n        if (clientFilters) {\n          column.setFilterValue(value);\n        }\n\n        if (onFiltering) {\n          onFiltering(addFilter(currentFilters, column.id, value));\n        }\n      } else {\n        if (clientFilters) {\n          column.setFilterValue(undefined);\n        }\n\n        if (onFiltering) {\n          onFiltering(removeFilter(currentFilters, column.id));\n        }\n      }\n    },\n    [clientFilters, column, currentFilters, onFiltering],\n  );\n\n  let handleFilterChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value) {\n      setFilter(event.target.value);\n    } else {\n      setFilter(undefined);\n    }\n  }, []);\n\n  let handleFilterClick = useCallback(() => {\n    if (filterVariant === 'range') {\n      if (!min && !max) {\n        if (clientFilters) {\n          column.setFilterValue(undefined);\n        }\n\n        if (onFiltering) {\n          onFiltering(removeFilter(currentFilters, column.id));\n        }\n      } else {\n        if (clientFilters) {\n          column.setFilterValue([min, max]);\n        }\n\n        if (onFiltering) {\n          onFiltering(addFilter(currentFilters, column.id, [min, max]));\n        }\n      }\n    }\n\n    if ((filterVariant === 'text' && !facetingValues.length) || !filterVariant) {\n      if (filter) {\n        if (clientFilters) {\n          column.setFilterValue(filter);\n        }\n\n        if (onFiltering) {\n          onFiltering(addFilter(currentFilters, column.id, filter));\n        }\n      } else {\n        if (clientFilters) {\n          column.setFilterValue(undefined);\n        }\n\n        if (onFiltering) {\n          onFiltering(removeFilter(currentFilters, column.id));\n        }\n      }\n    }\n  }, [\n    clientFilters,\n    column,\n    currentFilters,\n    facetingValues.length,\n    filter,\n    filterVariant,\n    max,\n    min,\n    onFiltering,\n  ]);\n\n  let handleFilterSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n\n      if (filterVariant === 'range') {\n        if (!min && !max) {\n          if (clientFilters) {\n            column.setFilterValue(undefined);\n          }\n\n          if (onFiltering) {\n            onFiltering(removeFilter(currentFilters, column.id));\n          }\n        } else {\n          if (clientFilters) {\n            column.setFilterValue([min, max]);\n          }\n\n          if (onFiltering) {\n            onFiltering(addFilter(currentFilters, column.id, [min, max]));\n          }\n        }\n      }\n\n      if ((filterVariant === 'text' && !facetingValues.length) || !filterVariant) {\n        if (filter) {\n          if (clientFilters) {\n            column.setFilterValue(filter);\n          }\n\n          if (onFiltering) {\n            onFiltering(addFilter(currentFilters, column.id, filter));\n          }\n        } else {\n          if (clientFilters) {\n            column.setFilterValue(undefined);\n          }\n\n          if (onFiltering) {\n            onFiltering(removeFilter(currentFilters, column.id));\n          }\n        }\n      }\n    },\n    [\n      clientFilters,\n      column,\n      currentFilters,\n      facetingValues.length,\n      filter,\n      filterVariant,\n      max,\n      min,\n      onFiltering,\n    ],\n  );\n\n  let handleResetClick = useCallback(() => {\n    setFilter(undefined);\n    setMin(undefined);\n    setMax(undefined);\n\n    if (clientFilters) {\n      column.setFilterValue(undefined);\n    }\n\n    if (onFiltering) {\n      onFiltering(removeFilter(currentFilters, column.id));\n    }\n  }, [clientFilters, column, currentFilters, onFiltering]);\n\n  let filterElement = null;\n\n  if (filterVariant === 'range') {\n    filterElement = (\n      <Container spacing=\"small\">\n        <Input\n          type=\"number\"\n          min={String(facetingMin ?? '')}\n          max={String(facetingMax ?? '')}\n          value={min ?? ''}\n          placeholder={`Min ${facetingMin === null ? '' : `(${facetingMin})`}`}\n          onChange={handleMinRangeChange}\n        />\n        <Input\n          type=\"number\"\n          min={String(facetingMin ?? '')}\n          max={String(facetingMax ?? '')}\n          value={max ?? ''}\n          placeholder={`Max ${facetingMax === null ? '' : `(${facetingMax})`}`}\n          onChange={handleMaxRangeChange}\n        />\n        <Button submit variant=\"outline\" aria-label=\"Filter\" onClick={handleFilterClick}>\n          <Icon size=\"large\" name=\"Funnel\" />\n        </Button>\n        <Button variant=\"outline\" aria-label=\"Cancel\" onClick={handleResetClick}>\n          <Icon size=\"large\" name=\"XMark\" />\n        </Button>\n      </Container>\n    );\n  } else if (filterVariant === 'select' && facetingValues.length) {\n    filterElement = (\n      <Container spacing=\"small\">\n        <Listbox\n          value={currentFilter as string}\n          items={(facetingValues as string[]).map((value: string) => ({\n            value,\n            label: `${value as unknown}`,\n          }))}\n          onChange={handleSelectFilterChange}\n        />\n        <Button variant=\"outline\" aria-label=\"Cancel\" onClick={handleResetClick}>\n          <Icon size=\"large\" name=\"XMark\" />\n        </Button>\n      </Container>\n    );\n  } else if (filterVariant === 'text' && facetingValues.length) {\n    filterElement = (\n      <Container spacing=\"small\">\n        <Combobox\n          customValue\n          value={(currentFilter ?? '') as string}\n          items={(facetingValues as string[]).map((value: string) => ({\n            value,\n            label: `${value as unknown}`,\n          }))}\n          onChange={handleTextFilterChange}\n        />\n        <Button variant=\"outline\" aria-label=\"Cancel\" onClick={handleResetClick}>\n          <Icon size=\"large\" name=\"XMark\" />\n        </Button>\n      </Container>\n    );\n  } else if ((filterVariant === 'text' && !facetingValues.length) || !filterVariant) {\n    filterElement = (\n      <Container spacing=\"small\">\n        <Input value={filter ?? ''} onChange={handleFilterChange} />\n        <Button variant=\"outline\" aria-label=\"Filter\" onClick={handleFilterClick}>\n          <Icon size=\"large\" name=\"Funnel\" />\n        </Button>\n        <Button variant=\"outline\" aria-label=\"Cancel\" onClick={handleResetClick}>\n          <Icon size=\"large\" name=\"XMark\" />\n        </Button>\n      </Container>\n    );\n  }\n\n  return <Form onSubmit={handleFilterSubmit}>{filterElement}</Form>;\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import {type Column, type Table} from '@tanstack/react-table';\nimport {type ChangeEvent, type FormEvent, useCallback, useMemo, useState} from 'react';\n\nimport {Button} from '../../Button.js';\nimport {Combobox} from '../../Combobox.js';\nimport {Container} from '../../Container.js';\nimport {Form} from '../../Form.js';\nimport {Icon} from '../../Icon.js';\nimport {Input} from '../../Input.js';\nimport {Listbox} from '../../Listbox.js';\nimport {type DataTableProps} from '../DataTable.js';\nimport {addFilter} from './addFilter.js';\nimport {normalizeFilter} from './normalizeFilter.js';\nimport {normalizeFilters} from './normalizeFilters.js';\nimport {removeFilter} from './removeFilter.js';\n\nexport type DataTableHeaderFilterProps = {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  table: Table<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  column: Column<any>;\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFilters: DataTableProps<any, any>['clientFilters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  filters: DataTableProps<any, any>['filters'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  onFiltering: DataTableProps<any, any>['onFiltersChange'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  clientFaceting: DataTableProps<any, any>['clientFaceting'];\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any -- needed\n  faceting: DataTableProps<any, any>['faceting'];\n};\n\nexport function DataTableHeaderFilter({\n  table,\n  column,\n  clientFilters,\n  filters: controlledFilters,\n  onFiltering,\n  clientFaceting,\n  faceting,\n}: DataTableHeaderFilterProps) {\n  let {filterVariant} = column.columnDef.meta ?? {};\n\n  let currentFilters =\n    clientFilters ? normalizeFilters(table) : normalizeFilters(table, controlledFilters);\n  let currentFilter =\n    clientFilters ? normalizeFilter(column) : normalizeFilter(column, controlledFilters);\n\n  let currentMin =\n    filterVariant === 'range' ?\n      ((currentFilter as [number?, number?] | undefined)?.[0] ?? undefined)\n    : undefined;\n  let currentMax =\n    filterVariant === 'range' ?\n      ((currentFilter as [number?, number?] | undefined)?.[1] ?? undefined)\n    : undefined;\n\n  let [filter, setFilter] = useState<string | undefined>(\n    typeof currentFilter === 'string' ? currentFilter : undefined,\n  );\n  let [min, setMin] = useState(currentMin);\n  let [max, setMax] = useState(currentMax);\n\n  let facetingValues = useMemo(() => {\n    if (!clientFaceting) {\n      return faceting?.[column.id]?.values ?? [];\n    }\n\n    if (filterVariant === 'range') {\n      return [];\n    }\n\n    return [...column.getFacetedUniqueValues().keys()].sort().slice(0, 5000) as unknown[];\n  }, [clientFaceting, column, faceting, filterVariant]);\n\n  let facetingMin =\n    clientFaceting ?\n      Number(column.getFacetedMinMaxValues()?.[0] ?? null)\n    : (faceting?.[column.id]?.min ?? null);\n  let facetingMax =\n    clientFaceting ?\n      Number(column.getFacetedMinMaxValues()?.[1] ?? null)\n    : (faceting?.[column.id]?.max ?? null);\n\n  let handleMinRangeChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    setMin(event.target.value ? Number(event.target.value) : undefined);\n  }, []);\n\n  let handleMaxRangeChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    setMax(event.target.value ? Number(event.target.value) : undefined);\n  }, []);\n\n  let handleSelectFilterChange = useCallback(\n    (value: string) => {\n      if (clientFilters) {\n        column.setFilterValue(value);\n      }\n\n      if (onFiltering) {\n        onFiltering(addFilter(currentFilters, column.id, value));\n      }\n    },\n    [clientFilters, column, currentFilters, onFiltering],\n  );\n\n  let handleTextFilterChange = useCallback(\n    (value: string | undefined) => {\n      if (value) {\n        if (clientFilters) {\n          column.setFilterValue(value);\n        }\n\n        if (onFiltering) {\n          onFiltering(addFilter(currentFilters, column.id, value));\n        }\n      } else {\n        if (clientFilters) {\n          column.setFilterValue(undefined);\n        }\n\n        if (onFiltering) {\n          onFiltering(removeFilter(currentFilters, column.id));\n        }\n      }\n    },\n    [clientFilters, column, currentFilters, onFiltering],\n  );\n\n  let handleFilterChange = useCallback((event: ChangeEvent<HTMLInputElement>) => {\n    if (event.target.value) {\n      setFilter(event.target.value);\n    } else {\n      setFilter(undefined);\n    }\n  }, []);\n\n  let handleFilterClick = useCallback(() => {\n    if (filterVariant === 'range') {\n      if (!min && !max) {\n        if (clientFilters) {\n          column.setFilterValue(undefined);\n        }\n\n        if (onFiltering) {\n          onFiltering(removeFilter(currentFilters, column.id));\n        }\n      } else {\n        if (clientFilters) {\n          column.setFilterValue([min, max]);\n        }\n\n        if (onFiltering) {\n          onFiltering(addFilter(currentFilters, column.id, [min, max]));\n        }\n      }\n    }\n\n    if ((filterVariant === 'text' && !facetingValues.length) || !filterVariant) {\n      if (filter) {\n        if (clientFilters) {\n          column.setFilterValue(filter);\n        }\n\n        if (onFiltering) {\n          onFiltering(addFilter(currentFilters, column.id, filter));\n        }\n      } else {\n        if (clientFilters) {\n          column.setFilterValue(undefined);\n        }\n\n        if (onFiltering) {\n          onFiltering(removeFilter(currentFilters, column.id));\n        }\n      }\n    }\n  }, [\n    clientFilters,\n    column,\n    currentFilters,\n    facetingValues.length,\n    filter,\n    filterVariant,\n    max,\n    min,\n    onFiltering,\n  ]);\n\n  let handleFilterSubmit = useCallback(\n    (event: FormEvent<HTMLFormElement>) => {\n      event.preventDefault();\n\n      if (filterVariant === 'range') {\n        if (!min && !max) {\n          if (clientFilters) {\n            column.setFilterValue(undefined);\n          }\n\n          if (onFiltering) {\n            onFiltering(removeFilter(currentFilters, column.id));\n          }\n        } else {\n          if (clientFilters) {\n            column.setFilterValue([min, max]);\n          }\n\n          if (onFiltering) {\n            onFiltering(addFilter(currentFilters, column.id, [min, max]));\n          }\n        }\n      }\n\n      if ((filterVariant === 'text' && !facetingValues.length) || !filterVariant) {\n        if (filter) {\n          if (clientFilters) {\n            column.setFilterValue(filter);\n          }\n\n          if (onFiltering) {\n            onFiltering(addFilter(currentFilters, column.id, filter));\n          }\n        } else {\n          if (clientFilters) {\n            column.setFilterValue(undefined);\n          }\n\n          if (onFiltering) {\n            onFiltering(removeFilter(currentFilters, column.id));\n          }\n        }\n      }\n    },\n    [\n      clientFilters,\n      column,\n      currentFilters,\n      facetingValues.length,\n      filter,\n      filterVariant,\n      max,\n      min,\n      onFiltering,\n    ],\n  );\n\n  let handleResetClick = useCallback(() => {\n    setFilter(undefined);\n    setMin(undefined);\n    setMax(undefined);\n\n    if (clientFilters) {\n      column.setFilterValue(undefined);\n    }\n\n    if (onFiltering) {\n      onFiltering(removeFilter(currentFilters, column.id));\n    }\n  }, [clientFilters, column, currentFilters, onFiltering]);\n\n  let filterElement = null;\n\n  if (filterVariant === 'range') {\n    filterElement = (\n      <Container spacing=\"small\">\n        <Input\n          max={String(facetingMax ?? '')}\n          min={String(facetingMin ?? '')}\n          placeholder={`Min ${facetingMin === null ? '' : `(${facetingMin})`}`}\n          type=\"number\"\n          value={min ?? ''}\n          onChange={handleMinRangeChange}\n        />\n        <Input\n          max={String(facetingMax ?? '')}\n          min={String(facetingMin ?? '')}\n          placeholder={`Max ${facetingMax === null ? '' : `(${facetingMax})`}`}\n          type=\"number\"\n          value={max ?? ''}\n          onChange={handleMaxRangeChange}\n        />\n        <Button submit aria-label=\"Filter\" variant=\"outline\" onClick={handleFilterClick}>\n          <Icon name=\"Funnel\" size=\"large\" />\n        </Button>\n        <Button aria-label=\"Cancel\" variant=\"outline\" onClick={handleResetClick}>\n          <Icon name=\"XMark\" size=\"large\" />\n        </Button>\n      </Container>\n    );\n  } else if (filterVariant === 'select' && facetingValues.length) {\n    filterElement = (\n      <Container spacing=\"small\">\n        <Listbox\n          items={(facetingValues as string[]).map((value: string) => ({\n            value,\n            label: `${value as unknown}`,\n          }))}\n          value={currentFilter as string}\n          onChange={handleSelectFilterChange}\n        />\n        <Button aria-label=\"Cancel\" variant=\"outline\" onClick={handleResetClick}>\n          <Icon name=\"XMark\" size=\"large\" />\n        </Button>\n      </Container>\n    );\n  } else if (filterVariant === 'text' && facetingValues.length) {\n    filterElement = (\n      <Container spacing=\"small\">\n        <Combobox\n          customValue\n          items={(facetingValues as string[]).map((value: string) => ({\n            value,\n            label: `${value as unknown}`,\n          }))}\n          value={(currentFilter ?? '') as string}\n          onChange={handleTextFilterChange}\n        />\n        <Button aria-label=\"Cancel\" variant=\"outline\" onClick={handleResetClick}>\n          <Icon name=\"XMark\" size=\"large\" />\n        </Button>\n      </Container>\n    );\n  } else if ((filterVariant === 'text' && !facetingValues.length) || !filterVariant) {\n    filterElement = (\n      <Container spacing=\"small\">\n        <Input value={filter ?? ''} onChange={handleFilterChange} />\n        <Button aria-label=\"Filter\" variant=\"outline\" onClick={handleFilterClick}>\n          <Icon name=\"Funnel\" size=\"large\" />\n        </Button>\n        <Button aria-label=\"Cancel\" variant=\"outline\" onClick={handleResetClick}>\n          <Icon name=\"XMark\" size=\"large\" />\n        </Button>\n      </Container>\n    );\n  }\n\n  return <Form onSubmit={handleFilterSubmit}>{filterElement}</Form>;\n}\n"],
+  "mappings": "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",
   "names": []
 }