@jakubmazanec/ui 0.1.0-next.c928134

package/build/components/Textarea.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../source/components/Textarea.tsx"],
+  "sourcesContent": ["import {getTextareaProps} from '@conform-to/react';\nimport {Textarea as HeadlessTextarea} from '@headlessui/react';\nimport {type ComponentPropsWithoutRef, type ComponentType, type ElementType, type Ref} from 'react';\n\nimport {\n  type ComponentProps,\n  type ComponentTheme,\n  createComponentTheme,\n} from '../theme/internals.js';\nimport {forwardRef} from './internals.js';\nimport {useField} from './useField.js';\nimport {useFieldName} from './useFieldName.js';\n\nexport const useTextareaTheme = createComponentTheme('Textarea', {\n  variants: {\n    disabled: [true, false],\n  },\n  elements: ['root', 'textarea', 'icon'],\n});\n\nconst TEXTAREA_ELEMENT = 'textarea';\n\nexport type TextareaProps<T extends ElementType> = ComponentProps<typeof useTextareaTheme> &\n  ComponentPropsWithoutRef<T> & {\n    as?: T | undefined;\n    name?: string | undefined;\n    className?: string | undefined;\n    icon?: ComponentType<object> | undefined;\n  };\n\nexport const Textarea = forwardRef(\n  <T extends ElementType = typeof TEXTAREA_ELEMENT>(\n    {\n      disabled = false,\n      as = TEXTAREA_ELEMENT as T,\n      name,\n      className,\n      icon: Icon,\n      ...rest\n    }: TextareaProps<T>,\n    ref: Ref<HTMLElement>,\n  ) => {\n    let theme = useTextareaTheme({disabled});\n    let fieldName = useFieldName();\n    let field = useField();\n\n    let rootProps: Record<string, unknown> = {\n      className: theme.root('relative', className),\n      'data-component': 'textarea',\n    };\n    let textareaProps: Record<string, unknown> = {\n      ref,\n      disabled,\n      name: field?.name ?? fieldName ?? name,\n      className: theme.textarea(null, className),\n      ...rest,\n    };\n    let iconProps: Record<string, unknown> = {\n      className: theme.icon('absolute'),\n    };\n\n    if (Icon) {\n      rootProps['data-icon'] = '';\n    }\n\n    if (field) {\n      let {key, ...restProps} = getTextareaProps(field);\n\n      textareaProps = {...restProps, ...textareaProps};\n    }\n\n    return (\n      <span {...rootProps}>\n        <HeadlessTextarea {...textareaProps} />\n        {Icon ?\n          <Icon {...iconProps} />\n        : null}\n      </span>\n    );\n  },\n);\n\nexport const textareaTheme: ComponentTheme<typeof useTextareaTheme> = {\n  classNames: {\n    root: 'group flex w-full items-center rounded border-2 border-neutral-100 hover:border-neutral-200 py-2 px-2.5 min-h-19 bg-white shadow-inner transition-colors',\n    textarea:\n      'min-h-15 p-0 focus-visible:outline-none w-full group-data-[icon]:pl-6 bg-transparent font-sans text-sm',\n    icon: 'size-6 left-[0.3125rem] top-[0.3125rem] text-neutral-300',\n  },\n  variants: {\n    disabled: {\n      true: {\n        root: 'border-neutral-100 text-neutral-200 cursor-not-allowed',\n        textarea: '',\n        icon: '',\n      },\n      false: {\n        root: '',\n        textarea: '',\n        icon: '',\n      },\n    },\n  },\n};\n"],
+  "mappings": ";AAwEM,SACE,KADF;AAxEN,SAAQ,wBAAuB;AAC/B,SAAQ,YAAY,wBAAuB;AAG3C;AAAA,EAGE;AAAA,OACK;AACP,SAAQ,kBAAiB;AACzB,SAAQ,gBAAe;AACvB,SAAQ,oBAAmB;AAEpB,aAAM,mBAAmB,qBAAqB,YAAY;AAAA,EAC/D,UAAU;AAAA,IACR,UAAU,CAAC,MAAM,KAAK;AAAA,EACxB;AAAA,EACA,UAAU,CAAC,QAAQ,YAAY,MAAM;AACvC,CAAC;AAED,MAAM,mBAAmB;AAUlB,aAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE,WAAW;AAAA,IACX,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA,MAAM;AAAA,IACN,GAAG;AAAA,EACL,GACA,QACG;AACH,QAAI,QAAQ,iBAAiB,EAAC,SAAQ,CAAC;AACvC,QAAI,YAAY,aAAa;AAC7B,QAAI,QAAQ,SAAS;AAErB,QAAI,YAAqC;AAAA,MACvC,WAAW,MAAM,KAAK,YAAY,SAAS;AAAA,MAC3C,kBAAkB;AAAA,IACpB;AACA,QAAI,gBAAyC;AAAA,MAC3C;AAAA,MACA;AAAA,MACA,MAAM,OAAO,QAAQ,aAAa;AAAA,MAClC,WAAW,MAAM,SAAS,MAAM,SAAS;AAAA,MACzC,GAAG;AAAA,IACL;AACA,QAAI,YAAqC;AAAA,MACvC,WAAW,MAAM,KAAK,UAAU;AAAA,IAClC;AAEA,QAAI,MAAM;AACR,gBAAU,WAAW,IAAI;AAAA,IAC3B;AAEA,QAAI,OAAO;AACT,UAAI,EAAC,KAAK,GAAG,UAAS,IAAI,iBAAiB,KAAK;AAEhD,sBAAgB,EAAC,GAAG,WAAW,GAAG,cAAa;AAAA,IACjD;AAEA,WACE,qBAAC,UAAM,GAAG,WACR;AAAA,0BAAC,oBAAkB,GAAG,eAAe;AAAA,MACpC,OACC,oBAAC,QAAM,GAAG,WAAW,IACrB;AAAA,OACJ;AAAA,EAEJ;AACF;AAEO,aAAM,gBAAyD;AAAA,EACpE,YAAY;AAAA,IACV,MAAM;AAAA,IACN,UACE;AAAA,IACF,MAAM;AAAA,EACR;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,QACN,UAAU;AAAA,QACV,MAAM;AAAA,MACR;AAAA,IACF;AAAA,EACF;AACF;",
+  "names": []
+}

package/build/components/data-table/DataTable.d.ts

@@ -0,0 +1,39 @@
+import { type ColumnDef, type RowData } from '@tanstack/react-table';
+import { type DataTableColumnOrder } from './DataTableColumnOrder.js';
+import { type DataTableColumnPinning } from './DataTableColumnPinning.js';
+import { type DataTableColumnVisibility } from './DataTableColumnVisibility.js';
+import { type DataTableFaceting } from './DataTableFaceting.js';
+import { type DataTableFilters } from './DataTableFilters.js';
+import { type DataTablePagination } from './DataTablePagination.js';
+import { type DataTableSearch } from './DataTableSearch.js';
+import { type DataTableSorting } from './DataTableSorting.js';
+declare module '@tanstack/react-table' {
+    interface ColumnMeta<TData extends RowData, TValue> {
+        filterVariant?: 'range' | 'select' | 'text';
+    }
+}
+export type DataTableProps<D, C> = {
+    data: D[];
+    columns: C;
+    clientPagination?: boolean | undefined;
+    pagination?: DataTablePagination | undefined;
+    onPaginationChange?: ((pagination: Pick<DataTablePagination, 'page'> | Pick<DataTablePagination, 'pageSize'>) => void) | undefined;
+    columnVisibility?: DataTableColumnVisibility;
+    onColumnVisibilityChange?: ((columnVisibility: DataTableColumnVisibility) => void) | undefined;
+    columnOrder?: DataTableColumnOrder;
+    onColumnOrderChange?: ((columnOrder: DataTableColumnOrder) => void) | undefined;
+    columnPinning?: DataTableColumnPinning;
+    onColumnPinningChange?: ((columnPinning: DataTableColumnPinning) => void) | undefined;
+    clientSorting?: boolean | undefined;
+    sorting?: DataTableSorting | undefined;
+    onSortingChange?: ((sorting: DataTableSorting) => void) | undefined;
+    clientFilters?: boolean | undefined;
+    filters?: DataTableFilters | undefined;
+    onFiltersChange?: ((filters: DataTableFilters) => void) | undefined;
+    clientFaceting?: boolean | undefined;
+    faceting?: DataTableFaceting | undefined;
+    clientSearch?: boolean | undefined;
+    search?: DataTableSearch | undefined;
+    onSearchChange?: ((search: DataTableSearch) => void) | undefined;
+};
+export declare function DataTable<D extends RowData, C extends Array<ColumnDef<D>>>({ data, columns, clientPagination, pagination: controlledPagination, onPaginationChange, clientSorting, sorting: controlledSorting, onSortingChange, columnVisibility: controlledColumnVisibility, onColumnVisibilityChange, columnOrder: controlledColumnOrder, onColumnOrderChange, columnPinning: controlledColumnPinning, onColumnPinningChange, clientFilters, filters: controlledFilters, onFiltersChange, clientFaceting, faceting, clientSearch, search: controlledSearch, onSearchChange, }: DataTableProps<D, C>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,276 @@
+"use strict";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  closestCenter,
+  DndContext,
+  KeyboardSensor,
+  MouseSensor,
+  TouchSensor,
+  useSensor,
+  useSensors
+} from "@dnd-kit/core";
+import { restrictToHorizontalAxis } from "@dnd-kit/modifiers";
+import { arrayMove, horizontalListSortingStrategy, SortableContext } from "@dnd-kit/sortable";
+import {
+  flexRender,
+  getCoreRowModel,
+  getFacetedMinMaxValues,
+  getFacetedRowModel,
+  getFacetedUniqueValues,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import { useCallback, useId, useState } from "react";
+import { Table } from "../Table.js";
+import { TableBody } from "../TableBody.js";
+import { TableCell } from "../TableCell.js";
+import { TableFoot } from "../TableFoot.js";
+import { TableHead } from "../TableHead.js";
+import { TableHeader } from "../TableHeader.js";
+import { TableRow } from "../TableRow.js";
+import {
+  DataTableHeader,
+  DataTablePagination as DataTablePaginationComponent,
+  DataTableSearch as DataTableSearchComponent,
+  DEFAULT_PAGE_SIZE,
+  fromPinningState,
+  fuzzyFilter,
+  getCommonPinningClasses,
+  getCommonPinningStyles
+} from "./internals.js";
+export function DataTable({
+  data,
+  columns,
+  clientPagination = false,
+  pagination: controlledPagination,
+  onPaginationChange,
+  clientSorting = false,
+  sorting: controlledSorting,
+  onSortingChange,
+  columnVisibility: controlledColumnVisibility,
+  onColumnVisibilityChange,
+  columnOrder: controlledColumnOrder,
+  onColumnOrderChange,
+  columnPinning: controlledColumnPinning,
+  onColumnPinningChange,
+  clientFilters = false,
+  filters: controlledFilters,
+  onFiltersChange,
+  clientFaceting = false,
+  faceting,
+  clientSearch = false,
+  search: controlledSearch,
+  onSearchChange
+}) {
+  let [pagination, setPagination] = useState(
+    controlledPagination ? {
+      pageIndex: Math.max(0, controlledPagination.page - 1),
+      pageSize: controlledPagination.pageSize
+    } : {
+      pageIndex: 0,
+      pageSize: DEFAULT_PAGE_SIZE
+    }
+  );
+  let [columnVisibility, setColumnVisibility] = useState(controlledColumnVisibility ?? {});
+  let [columnOrder, setColumnOrder] = useState(
+    controlledColumnOrder ? [
+      ...controlledColumnOrder,
+      ...columns.map((column, index) => {
+        if (column.id) {
+          return column.id;
+        }
+        if ("accessorKey" in column) {
+          return String(column.accessorKey);
+        }
+        if (typeof column.header === "string") {
+          return String(column.header);
+        }
+        return String(index);
+      }).filter((value) => !controlledColumnOrder.includes(value))
+    ] : columns.map((column, index) => {
+      if (column.id) {
+        return column.id;
+      }
+      if ("accessorKey" in column) {
+        return String(column.accessorKey);
+      }
+      if (typeof column.header === "string") {
+        return String(column.header);
+      }
+      return String(index);
+    })
+  );
+  let [columnPinning, setColumnPinning] = useState(
+    controlledColumnPinning ? {
+      left: Object.entries(controlledColumnPinning).filter(([, pinning]) => pinning === "left").map(([column]) => column),
+      right: Object.entries(controlledColumnPinning).filter(([, pinning]) => pinning === "right").map(([column]) => column)
+    } : { left: [], right: [] }
+  );
+  let [sorting, setSorting] = useState([]);
+  let [columnFilters, setColumnFilters] = useState([]);
+  let [search, setSearch] = useState("");
+  let handleColumnVisibilityChange = useCallback(
+    (columnVisibilityState) => {
+      setColumnVisibility(columnVisibilityState);
+      if (typeof columnVisibilityState === "function") {
+        onColumnVisibilityChange?.(columnVisibilityState(columnVisibility));
+      } else {
+        onColumnVisibilityChange?.(columnVisibilityState);
+      }
+    },
+    [columnVisibility, onColumnVisibilityChange]
+  );
+  let handleColumnOrderChange = useCallback(
+    (columnOrderState) => {
+      setColumnOrder(columnOrderState);
+      if (typeof columnOrderState === "function") {
+        onColumnOrderChange?.(columnOrderState(columnOrder));
+      } else {
+        onColumnOrderChange?.(columnOrderState);
+      }
+    },
+    [columnOrder, onColumnOrderChange]
+  );
+  let handleColumnPinningChange = useCallback(
+    (columnPinningState) => {
+      setColumnPinning(columnPinningState);
+      if (typeof columnPinningState === "function") {
+        onColumnPinningChange?.(fromPinningState(columnPinningState(columnPinning)));
+      } else {
+        onColumnPinningChange?.(fromPinningState(columnPinningState));
+      }
+    },
+    [columnPinning, onColumnPinningChange]
+  );
+  let table = useReactTable({
+    data,
+    columns,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    getPaginationRowModel: clientPagination ? getPaginationRowModel() : void 0,
+    getFilteredRowModel: getFilteredRowModel(),
+    getFacetedRowModel: clientFaceting ? getFacetedRowModel() : void 0,
+    getFacetedUniqueValues: clientFaceting ? getFacetedUniqueValues() : void 0,
+    getFacetedMinMaxValues: clientFaceting ? getFacetedMinMaxValues() : void 0,
+    state: {
+      pagination: clientPagination ? pagination : void 0,
+      columnVisibility,
+      columnOrder,
+      columnPinning,
+      sorting: clientSorting ? sorting : void 0,
+      columnFilters: clientFilters ? columnFilters : void 0,
+      globalFilter: clientSearch ? search : void 0
+    },
+    onPaginationChange: clientPagination ? setPagination : void 0,
+    onColumnVisibilityChange: handleColumnVisibilityChange,
+    onColumnOrderChange: handleColumnOrderChange,
+    onColumnPinningChange: handleColumnPinningChange,
+    onSortingChange: clientSorting ? setSorting : void 0,
+    onColumnFiltersChange: clientFilters ? setColumnFilters : void 0,
+    onGlobalFilterChange: clientSearch ? setSearch : void 0,
+    columnResizeMode: "onChange",
+    globalFilterFn: fuzzyFilter
+  });
+  let handleDragEnd = useCallback(
+    ({ active, over }) => {
+      if (over && active.id !== over.id) {
+        table.setColumnOrder((previousColumnOrder) => {
+          let oldIndex = previousColumnOrder.indexOf(active.id);
+          let newIndex = previousColumnOrder.indexOf(over.id);
+          return arrayMove(previousColumnOrder, oldIndex, newIndex);
+        });
+      }
+    },
+    [table]
+  );
+  let sensors = useSensors(
+    useSensor(MouseSensor, {
+      activationConstraint: {
+        distance: 5
+      }
+    }),
+    useSensor(TouchSensor, {
+      activationConstraint: {
+        distance: 5
+      }
+    }),
+    useSensor(KeyboardSensor, {})
+  );
+  let id = useId();
+  let page = clientPagination ? table.getState().pagination.pageIndex + 1 : controlledPagination?.page ?? 1;
+  let pageSize = clientPagination ? table.getState().pagination.pageSize : controlledPagination?.pageSize ?? DEFAULT_PAGE_SIZE;
+  let pageCount = clientPagination ? table.getPageCount() : controlledPagination?.pageCount ?? 1;
+  return /* @__PURE__ */ jsxs(
+    DndContext,
+    {
+      id,
+      collisionDetection: closestCenter,
+      modifiers: [restrictToHorizontalAxis],
+      sensors,
+      onDragEnd: handleDragEnd,
+      children: [
+        /* @__PURE__ */ jsx(
+          DataTableSearchComponent,
+          {
+            table,
+            clientSearch,
+            search: controlledSearch,
+            onSearch: onSearchChange
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          Table,
+          {
+            style: {
+              width: table.getCenterTotalSize(),
+              tableLayout: "fixed"
+            },
+            children: [
+              /* @__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,
+                  faceting,
+                  onSorting: onSortingChange,
+                  onFiltering: onFiltersChange
+                },
+                header.id
+              )) }) }, headerGroup.id)) }),
+              /* @__PURE__ */ jsx(TableBody, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(
+                TableCell,
+                {
+                  className: getCommonPinningClasses(cell.column),
+                  style: { ...getCommonPinningStyles(cell.column) },
+                  title: String(cell.getValue()),
+                  children: flexRender(cell.column.columnDef.cell, cell.getContext())
+                },
+                cell.id
+              )) }, row.id)) }),
+              /* @__PURE__ */ jsx(TableFoot, { children: table.getFooterGroups().map((footerGroup) => /* @__PURE__ */ jsx(TableRow, { children: footerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHeader, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.footer, header.getContext()) }, header.id)) }, footerGroup.id)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          DataTablePaginationComponent,
+          {
+            table,
+            page,
+            pageSize,
+            pageCount,
+            clientPagination,
+            onPagination: onPaginationChange
+          }
+        )
+      ]
+    }
+  );
+}
+//# sourceMappingURL=DataTable.js.map

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

@@ -0,0 +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 ? table.getState().pagination.pageIndex + 1 : 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": ";AA6SM,cAMA,YANA;AA3SN;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,mBAAmB,MAAM,SAAS,EAAE,WAAW,YAAY,IAAI,sBAAsB,QAAQ;AAC/F,MAAI,WACF,mBACE,MAAM,SAAS,EAAE,WAAW,WAC5B,sBAAsB,YAAY;AACtC,MAAI,YAAY,mBAAmB,MAAM,aAAa,IAAI,sBAAsB,aAAa;AAE7F,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;",
+  "names": []
+}

package/build/components/data-table/DataTableColumnOrder.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export declare const dataTableColumnOrderSchema: z.ZodArray<z.ZodString, "many">;
+export type DataTableColumnOrder = z.infer<typeof dataTableColumnOrderSchema>;

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

@@ -0,0 +1,4 @@
+"use strict";
+import { z } from "zod";
+export const dataTableColumnOrderSchema = z.string().array();
+//# sourceMappingURL=DataTableColumnOrder.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/data-table/DataTableColumnOrder.ts"],
+  "sourcesContent": ["import {z} from 'zod';\n\nexport const dataTableColumnOrderSchema = z.string().array();\n\nexport type DataTableColumnOrder = z.infer<typeof dataTableColumnOrderSchema>;\n"],
+  "mappings": ";AAAA,SAAQ,SAAQ;AAET,aAAM,6BAA6B,EAAE,OAAO,EAAE,MAAM;",
+  "names": []
+}

package/build/components/data-table/DataTableColumnPinning.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export declare const dataTableColumnPinningSchema: z.ZodRecord<z.ZodString, z.ZodEnum<["left", "right"]>>;
+export type DataTableColumnPinning = z.infer<typeof dataTableColumnPinningSchema>;

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

@@ -0,0 +1,4 @@
+"use strict";
+import { z } from "zod";
+export const dataTableColumnPinningSchema = z.record(z.string(), z.enum(["left", "right"]));
+//# sourceMappingURL=DataTableColumnPinning.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/data-table/DataTableColumnPinning.ts"],
+  "sourcesContent": ["import {z} from 'zod';\n\nexport const dataTableColumnPinningSchema = z.record(z.string(), z.enum(['left', 'right']));\n\nexport type DataTableColumnPinning = z.infer<typeof dataTableColumnPinningSchema>;\n"],
+  "mappings": ";AAAA,SAAQ,SAAQ;AAET,aAAM,+BAA+B,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,KAAK,CAAC,QAAQ,OAAO,CAAC,CAAC;",
+  "names": []
+}

package/build/components/data-table/DataTableColumnVisibility.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export declare const dataTableColumnVisibilitySchema: z.ZodRecord<z.ZodString, z.ZodBoolean>;
+export type DataTableColumnVisibility = z.infer<typeof dataTableColumnVisibilitySchema>;

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

@@ -0,0 +1,4 @@
+"use strict";
+import { z } from "zod";
+export const dataTableColumnVisibilitySchema = z.record(z.string(), z.boolean());
+//# sourceMappingURL=DataTableColumnVisibility.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/data-table/DataTableColumnVisibility.ts"],
+  "sourcesContent": ["import {z} from 'zod';\n\nexport const dataTableColumnVisibilitySchema = z.record(z.string(), z.boolean());\n\nexport type DataTableColumnVisibility = z.infer<typeof dataTableColumnVisibilitySchema>;\n"],
+  "mappings": ";AAAA,SAAQ,SAAQ;AAET,aAAM,kCAAkC,EAAE,OAAO,EAAE,OAAO,GAAG,EAAE,QAAQ,CAAC;",
+  "names": []
+}

package/build/components/data-table/DataTableFaceting.d.ts

@@ -0,0 +1,15 @@
+import { z } from 'zod';
+export declare const dataTableFacetingSchema: z.ZodRecord<z.ZodString, z.ZodObject<{
+    values: z.ZodOptional<z.ZodArray<z.ZodUnknown, "many">>;
+    min: z.ZodOptional<z.ZodUnknown>;
+    max: z.ZodOptional<z.ZodUnknown>;
+}, "strip", z.ZodTypeAny, {
+    values?: unknown[] | undefined;
+    max?: unknown;
+    min?: unknown;
+}, {
+    values?: unknown[] | undefined;
+    max?: unknown;
+    min?: unknown;
+}>>;
+export type DataTableFaceting = z.infer<typeof dataTableFacetingSchema>;

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

@@ -0,0 +1,11 @@
+"use strict";
+import { z } from "zod";
+export const dataTableFacetingSchema = z.record(
+  z.string(),
+  z.object({
+    values: z.unknown().array().optional(),
+    min: z.unknown().optional(),
+    max: z.unknown().optional()
+  })
+);
+//# sourceMappingURL=DataTableFaceting.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/data-table/DataTableFaceting.ts"],
+  "sourcesContent": ["import {z} from 'zod';\n\nexport const dataTableFacetingSchema = z.record(\n  z.string(),\n  z.object({\n    values: z.unknown().array().optional(),\n    min: z.unknown().optional(),\n    max: z.unknown().optional(),\n  }),\n);\n\nexport type DataTableFaceting = z.infer<typeof dataTableFacetingSchema>;\n"],
+  "mappings": ";AAAA,SAAQ,SAAQ;AAET,aAAM,0BAA0B,EAAE;AAAA,EACvC,EAAE,OAAO;AAAA,EACT,EAAE,OAAO;AAAA,IACP,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS;AAAA,IACrC,KAAK,EAAE,QAAQ,EAAE,SAAS;AAAA,IAC1B,KAAK,EAAE,QAAQ,EAAE,SAAS;AAAA,EAC5B,CAAC;AACH;",
+  "names": []
+}

package/build/components/data-table/DataTableFilters.d.ts

@@ -0,0 +1,12 @@
+import { z } from 'zod';
+export declare const dataTableFiltersSchema: z.ZodUnion<[z.ZodNull, z.ZodArray<z.ZodObject<{
+    column: z.ZodString;
+    filter: z.ZodUnion<[z.ZodString, z.ZodNumber, z.ZodBoolean, z.ZodTuple<[z.ZodOptional<z.ZodNullable<z.ZodNumber>>, z.ZodOptional<z.ZodNullable<z.ZodNumber>>], null>]>;
+}, "strip", z.ZodTypeAny, {
+    filter: string | number | boolean | [number | null | undefined, number | null | undefined];
+    column: string;
+}, {
+    filter: string | number | boolean | [number | null | undefined, number | null | undefined];
+    column: string;
+}>, "many">]>;
+export type DataTableFilters = z.infer<typeof dataTableFiltersSchema>;

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

@@ -0,0 +1,15 @@
+"use strict";
+import { z } from "zod";
+export const dataTableFiltersSchema = z.union([
+  z.null(),
+  z.object({
+    column: z.string(),
+    filter: z.union([
+      z.string(),
+      z.number(),
+      z.boolean(),
+      z.tuple([z.number().nullable().optional(), z.number().nullable().optional()])
+    ])
+  }).array()
+]);
+//# sourceMappingURL=DataTableFilters.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/data-table/DataTableFilters.ts"],
+  "sourcesContent": ["import {z} from 'zod';\n\nexport const dataTableFiltersSchema = z.union([\n  z.null(),\n  z\n    .object({\n      column: z.string(),\n      filter: z.union([\n        z.string(),\n        z.number(),\n        z.boolean(),\n        z.tuple([z.number().nullable().optional(), z.number().nullable().optional()]),\n      ]),\n    })\n    .array(),\n]);\n\nexport type DataTableFilters = z.infer<typeof dataTableFiltersSchema>;\n"],
+  "mappings": ";AAAA,SAAQ,SAAQ;AAET,aAAM,yBAAyB,EAAE,MAAM;AAAA,EAC5C,EAAE,KAAK;AAAA,EACP,EACG,OAAO;AAAA,IACN,QAAQ,EAAE,OAAO;AAAA,IACjB,QAAQ,EAAE,MAAM;AAAA,MACd,EAAE,OAAO;AAAA,MACT,EAAE,OAAO;AAAA,MACT,EAAE,QAAQ;AAAA,MACV,EAAE,MAAM,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;AAAA,IAC9E,CAAC;AAAA,EACH,CAAC,EACA,MAAM;AACX,CAAC;",
+  "names": []
+}

package/build/components/data-table/DataTablePagination.d.ts

@@ -0,0 +1,16 @@
+import { z } from 'zod';
+export declare const dataTablePaginationSchema: z.ZodObject<{
+    /** Page number, starts with 1. */
+    page: z.ZodNumber;
+    pageSize: z.ZodUnion<[z.ZodLiteral<10>, z.ZodLiteral<25>, z.ZodLiteral<50>, z.ZodLiteral<75>, z.ZodLiteral<100>]>;
+    pageCount: z.ZodNumber;
+}, "strip", z.ZodTypeAny, {
+    page: number;
+    pageCount: number;
+    pageSize: 10 | 25 | 50 | 75 | 100;
+}, {
+    page: number;
+    pageCount: number;
+    pageSize: 10 | 25 | 50 | 75 | 100;
+}>;
+export type DataTablePagination = z.infer<typeof dataTablePaginationSchema>;

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

@@ -0,0 +1,16 @@
+"use strict";
+import { z } from "zod";
+import { PAGE_SIZES } from "./internals.js";
+export const dataTablePaginationSchema = z.object({
+  /** Page number, starts with 1. */
+  page: z.number(),
+  pageSize: z.union([
+    z.literal(PAGE_SIZES[0]),
+    z.literal(PAGE_SIZES[1]),
+    z.literal(PAGE_SIZES[2]),
+    z.literal(PAGE_SIZES[3]),
+    z.literal(PAGE_SIZES[4])
+  ]),
+  pageCount: z.number()
+});
+//# sourceMappingURL=DataTablePagination.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/data-table/DataTablePagination.ts"],
+  "sourcesContent": ["import {z} from 'zod';\n\nimport {PAGE_SIZES} from './internals.js';\n\nexport const dataTablePaginationSchema = z.object({\n  /** Page number, starts with 1. */\n  page: z.number(),\n  pageSize: z.union([\n    z.literal(PAGE_SIZES[0]),\n    z.literal(PAGE_SIZES[1]),\n    z.literal(PAGE_SIZES[2]),\n    z.literal(PAGE_SIZES[3]),\n    z.literal(PAGE_SIZES[4]),\n  ]),\n  pageCount: z.number(),\n});\n\nexport type DataTablePagination = z.infer<typeof dataTablePaginationSchema>;\n"],
+  "mappings": ";AAAA,SAAQ,SAAQ;AAEhB,SAAQ,kBAAiB;AAElB,aAAM,4BAA4B,EAAE,OAAO;AAAA;AAAA,EAEhD,MAAM,EAAE,OAAO;AAAA,EACf,UAAU,EAAE,MAAM;AAAA,IAChB,EAAE,QAAQ,WAAW,CAAC,CAAC;AAAA,IACvB,EAAE,QAAQ,WAAW,CAAC,CAAC;AAAA,IACvB,EAAE,QAAQ,WAAW,CAAC,CAAC;AAAA,IACvB,EAAE,QAAQ,WAAW,CAAC,CAAC;AAAA,IACvB,EAAE,QAAQ,WAAW,CAAC,CAAC;AAAA,EACzB,CAAC;AAAA,EACD,WAAW,EAAE,OAAO;AACtB,CAAC;",
+  "names": []
+}

package/build/components/data-table/DataTableSearch.d.ts

@@ -0,0 +1,3 @@
+import { z } from 'zod';
+export declare const dataTableSearchSchema: z.ZodNullable<z.ZodString>;
+export type DataTableSearch = z.infer<typeof dataTableSearchSchema>;

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

@@ -0,0 +1,4 @@
+"use strict";
+import { z } from "zod";
+export const dataTableSearchSchema = z.string().nullable();
+//# sourceMappingURL=DataTableSearch.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/data-table/DataTableSearch.ts"],
+  "sourcesContent": ["import {z} from 'zod';\n\nexport const dataTableSearchSchema = z.string().nullable();\n\nexport type DataTableSearch = z.infer<typeof dataTableSearchSchema>;\n"],
+  "mappings": ";AAAA,SAAQ,SAAQ;AAET,aAAM,wBAAwB,EAAE,OAAO,EAAE,SAAS;",
+  "names": []
+}

package/build/components/data-table/DataTableSorting.d.ts

@@ -0,0 +1,12 @@
+import { z } from 'zod';
+export declare const dataTableSortingSchema: z.ZodUnion<[z.ZodNull, z.ZodObject<{
+    column: z.ZodString;
+    direction: z.ZodEnum<["ascending", "descending"]>;
+}, "strip", z.ZodTypeAny, {
+    direction: "ascending" | "descending";
+    column: string;
+}, {
+    direction: "ascending" | "descending";
+    column: string;
+}>]>;
+export type DataTableSorting = z.infer<typeof dataTableSortingSchema>;

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

@@ -0,0 +1,10 @@
+"use strict";
+import { z } from "zod";
+export const dataTableSortingSchema = z.union([
+  z.null(),
+  z.object({
+    column: z.string(),
+    direction: z.enum(["ascending", "descending"])
+  })
+]);
+//# sourceMappingURL=DataTableSorting.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/components/data-table/DataTableSorting.ts"],
+  "sourcesContent": ["import {z} from 'zod';\n\nexport const dataTableSortingSchema = z.union([\n  z.null(),\n  z.object({\n    column: z.string(),\n    direction: z.enum(['ascending', 'descending']),\n  }),\n]);\n\nexport type DataTableSorting = z.infer<typeof dataTableSortingSchema>;\n"],
+  "mappings": ";AAAA,SAAQ,SAAQ;AAET,aAAM,yBAAyB,EAAE,MAAM;AAAA,EAC5C,EAAE,KAAK;AAAA,EACP,EAAE,OAAO;AAAA,IACP,QAAQ,EAAE,OAAO;AAAA,IACjB,WAAW,EAAE,KAAK,CAAC,aAAa,YAAY,CAAC;AAAA,EAC/C,CAAC;AACH,CAAC;",
+  "names": []
+}

package/build/components/data-table/internals/DataTableHeader.d.ts

@@ -0,0 +1,15 @@
+import { type Header, type Table } from '@tanstack/react-table';
+import { type DataTableProps } from '../DataTable.js';
+export type DataTableHeaderProps = {
+    table: Table<any>;
+    header: Header<any, any>;
+    clientSorting: DataTableProps<any, any>['clientSorting'];
+    sorting: DataTableProps<any, any>['sorting'];
+    onSorting: DataTableProps<any, any>['onSortingChange'];
+    clientFilters: DataTableProps<any, any>['clientFilters'];
+    filters: DataTableProps<any, any>['filters'];
+    onFiltering: DataTableProps<any, any>['onFiltersChange'];
+    clientFaceting: DataTableProps<any, any>['clientFaceting'];
+    faceting: DataTableProps<any, any>['faceting'];
+};
+export declare function DataTableHeader({ table, header, clientSorting, sorting: controlledSorting, onSorting, clientFilters, filters: controlledFilters, onFiltering, clientFaceting, faceting, }: DataTableHeaderProps): import("react/jsx-runtime").JSX.Element;