@lobehub/ui 6.0.0-beta.7 → 6.0.0-beta.9

package/es/Table/TableBody.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableBody.mjs","names":[],"sources":["../../src/Table/TableBody.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport type { CSSProperties, Key, ReactNode } from 'react';\n\nimport Empty from '@/Empty';\nimport Spin from '@/Spin';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { tableRowMarker } from './marker.stylex';\nimport { cellSizeStyles, styles } from './style';\nimport { getCellValue } from './toColumnDefs';\nimport type { TableColumn, TableProps } from './type';\n\ninterface TableBodyProps<T> {\n  bordered: boolean;\n  classNames?: TableProps<T>['classNames'];\n  columnIds: string[];\n  columns: TableColumn<T>[];\n  emptyText?: ReactNode;\n  fixedOffsets: (CSSProperties | undefined)[];\n  loading: boolean;\n  onRow?: TableProps<T>['onRow'];\n  rowClassName?: TableProps<T>['rowClassName'];\n  rows: { id: Key; original: T }[];\n  size: NonNullable<TableProps<T>['size']>;\n  styles?: TableProps<T>['styles'];\n}\n\nconst TableBody = <T,>({\n  bordered,\n  classNames,\n  columnIds,\n  columns,\n  emptyText,\n  fixedOffsets,\n  loading,\n  onRow,\n  rowClassName,\n  rows,\n  size,\n  styles: customStyles,\n}: TableBodyProps<T>) => {\n  if (rows.length === 0) {\n    return (\n      <tbody className={classNames?.body} style={customStyles?.body}>\n        <tr>\n          <td colSpan={columns.length} {...stylex.props(styles.empty, cellSizeStyles[size])}>\n            {loading ? <Spin /> : (emptyText ?? <Empty description=\"No data\" />)}\n          </td>\n        </tr>\n      </tbody>\n    );\n  }\n\n  return (\n    <tbody className={classNames?.body} style={customStyles?.body}>\n      {rows.map((row, rowIndex) => {\n        const record = row.original;\n        const rowProps = onRow?.(record, rowIndex) ?? {};\n        const extraClassName =\n          typeof rowClassName === 'function' ? rowClassName(record, rowIndex) : rowClassName;\n\n        return (\n          <tr\n            {...rowProps}\n            key={row.id}\n            {...styleProps(\n              [tableRowMarker, rowProps.onClick && styles.clickable],\n              clsx(extraClassName, classNames?.row, rowProps.className),\n              { ...customStyles?.row, ...rowProps.style },\n            )}\n          >\n            {columns.map((column, columnIndex) => {\n              const value = getCellValue(record, column);\n              const cellProps = column.onCell?.(record, rowIndex) ?? {};\n              const content = column.render\n                ? column.render(value, record, rowIndex)\n                : (value as ReactNode);\n\n              return (\n                <td\n                  {...cellProps}\n                  key={columnIds[columnIndex]}\n                  title={column.ellipsis && typeof content === 'string' ? content : cellProps.title}\n                  {...styleProps(\n                    [\n                      styles.cell,\n                      column.ellipsis && styles.ellipsis,\n                      column.fixed && styles.fixed,\n                      cellSizeStyles[size],\n                      bordered && columnIndex < columns.length - 1 && styles.borderedCell,\n                      rowIndex === rows.length - 1 && styles.cellLastRow,\n                    ],\n                    clsx(column.className, classNames?.cell, cellProps.className),\n                    {\n                      textAlign: column.align,\n                      width: column.width,\n                      ...fixedOffsets[columnIndex],\n                      ...customStyles?.cell,\n                      ...cellProps.style,\n                    },\n                  )}\n                >\n                  {content}\n                </td>\n              );\n            })}\n          </tr>\n        );\n      })}\n    </tbody>\n  );\n};\n\nexport default TableBody;\n"],"mappings":";;;;;;;;;;;;AA6BA,MAAM,aAAiB,EACrB,UACA,YACA,WACA,SACA,WACA,cACA,SACA,OACA,cACA,MACA,MACA,QAAQ,mBACe;CACvB,IAAI,KAAK,WAAW,GAClB,OAAO,oBAAC,SAAD;EAAO,WAAW,YAAY;EAAM,OAAO,cAAc;EAC5D,UAAA,oBAAC,MAAD,EAAA,UACE,oBAAC,MAAD;GAAI,SAAS,QAAQ;GAAQ,GAAI,OAAO,MAAM,OAAO,OAAO,eAAe,KAAK;GAC7E,UAAA,UAAU,oBAAC,MAAD,CAAO,CAAA,IAAI,aAAa,oBAAC,OAAD,EAAO,aAAY,UAAW,CAAA;EAC/D,CAAA,EACF,CAAA;CACC,CAAA;CAEX,OAAO,oBAAC,SAAD;EAAO,WAAW,YAAY;EAAM,OAAO,cAAc;EAC3D,UAAA,KAAK,KAAK,KAAK,aAAa;GAC7B,MAAM,SAAS,IAAI;GACnB,MAAM,WAAW,QAAQ,QAAQ,QAAQ,KAAK,CAAC;GAC/C,MAAM,iBAAiB,OAAO,iBAAiB,aAAa,aAAa,QAAQ,QAAQ,IAAI;GAC7F,OAAO,8BAAC,MAAD;IAAI,GAAI;IAAU,KAAK,IAAI;IAAI,GAAI,WAAW,CAAC,gBAAgB,SAAS,WAAW,OAAO,SAAS,GAAG,KAAK,gBAAgB,YAAY,KAAK,SAAS,SAAS,GAAG;KACtK,GAAG,cAAc;KACjB,GAAG,SAAS;IACd,CAAC;GAeO,GAdD,QAAQ,KAAK,QAAQ,gBAAgB;IACxC,MAAM,QAAQ,aAAa,QAAQ,MAAM;IACzC,MAAM,YAAY,OAAO,SAAS,QAAQ,QAAQ,KAAK,CAAC;IACxD,MAAM,UAAU,OAAO,SAAS,OAAO,OAAO,OAAO,QAAQ,QAAQ,IAAI;IACzE,OAAO,8BAAC,MAAD;KAAI,GAAI;KAAW,KAAK,UAAU;KAAc,OAAO,OAAO,YAAY,OAAO,YAAY,WAAW,UAAU,UAAU;KAAO,GAAI,WAAW;MAAC,OAAO;MAAM,OAAO,YAAY,OAAO;MAAU,OAAO,SAAS,OAAO;MAAO,eAAe;MAAO,YAAY,cAAc,QAAQ,SAAS,KAAK,OAAO;MAAc,aAAa,KAAK,SAAS,KAAK,OAAO;KAAW,GAAG,KAAK,OAAO,WAAW,YAAY,MAAM,UAAU,SAAS,GAAG;MACtb,WAAW,OAAO;MAClB,OAAO,OAAO;MACd,GAAG,aAAa;MAChB,GAAG,cAAc;MACjB,GAAG,UAAU;KACf,CAAC;IAES,GADD,OACC;GACZ,CAAC,CACK;EACV,CAAC;CACM,CAAA;AACX"}

package/es/Table/TableHead.mjs

@@ -1,58 +0,0 @@
-"use client";
-import { styleProps } from "../styles/stylex/props.mjs";
-import Icon from "../Icon/Icon.mjs";
-import { cellSizeStyles, sortButtonStyles, styles } from "./style.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
-import * as stylex from "@stylexjs/stylex";
-import { ChevronDown, ChevronUp } from "lucide-react";
-//#region src/Table/TableHead.tsx
-const ariaSortOf = (sorted) => sorted === "asc" ? "ascending" : sorted === "desc" ? "descending" : "none";
-const TableHead = ({ bordered, classNames, columnIds, columns, fixedOffsets, getColumn, renderFilter, size, styles: customStyles }) => /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((column, index) => {
-	const id = columnIds[index];
-	const tableColumn = getColumn(id);
-	const sorted = column.sorter ? tableColumn?.getIsSorted() ?? false : false;
-	return /* @__PURE__ */ jsx("th", {
-		"aria-sort": column.sorter ? ariaSortOf(sorted) : void 0,
-		scope: "col",
-		...styleProps([
-			styles.header,
-			column.fixed && styles.fixed,
-			cellSizeStyles[size],
-			bordered && index < columns.length - 1 && styles.borderedCell
-		], clsx(column.className, classNames?.header), {
-			textAlign: column.align,
-			width: column.width,
-			...fixedOffsets[index],
-			...customStyles?.header,
-			...column.fixed ? { zIndex: 3 } : void 0
-		}),
-		children: /* @__PURE__ */ jsxs("span", {
-			...stylex.props(styles.headerInner),
-			children: [column.sorter ? /* @__PURE__ */ jsxs("button", {
-				type: "button",
-				...stylex.props(sortButtonStyles),
-				onClick: tableColumn?.getToggleSortingHandler(),
-				children: [column.title, /* @__PURE__ */ jsxs("span", {
-					"aria-hidden": "true",
-					...stylex.props(styles.sortCaret),
-					children: [/* @__PURE__ */ jsx(Icon, {
-						className: stylex.props(sorted === "asc" && styles.caretActive).className,
-						"data-active": sorted === "asc",
-						icon: ChevronUp,
-						size: 10
-					}), /* @__PURE__ */ jsx(Icon, {
-						className: stylex.props(sorted === "desc" && styles.caretActive).className,
-						"data-active": sorted === "desc",
-						icon: ChevronDown,
-						size: 10
-					})]
-				})]
-			}) : column.title, column.filters?.length ? renderFilter?.(column, id) : null]
-		})
-	}, id);
-}) }) });
-//#endregion
-export { TableHead as default };
-
-//# sourceMappingURL=TableHead.mjs.map

package/es/Table/TableHead.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHead.mjs","names":[],"sources":["../../src/Table/TableHead.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\nimport clsx from 'clsx';\nimport { ChevronDown, ChevronUp } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\n\nimport Icon from '@/Icon';\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { cellSizeStyles, sortButtonStyles, styles } from './style';\nimport type { TableColumn, TableProps } from './type';\n\ntype SortState = false | 'asc' | 'desc';\n\ninterface HeadColumn {\n  getIsSorted: () => SortState;\n  getToggleSortingHandler: () => undefined | ((event: unknown) => void);\n}\n\ninterface TableHeadProps<T> {\n  bordered: boolean;\n  classNames?: TableProps<T>['classNames'];\n  columnIds: string[];\n  columns: TableColumn<T>[];\n  fixedOffsets: (CSSProperties | undefined)[];\n  getColumn: (id: string) => HeadColumn | undefined;\n  renderFilter?: (column: TableColumn<T>, id: string) => ReactNode;\n  size: NonNullable<TableProps<T>['size']>;\n  styles?: TableProps<T>['styles'];\n}\n\nconst ariaSortOf = (sorted: SortState) =>\n  sorted === 'asc' ? 'ascending' : sorted === 'desc' ? 'descending' : 'none';\n\nconst TableHead = <T,>({\n  bordered,\n  classNames,\n  columnIds,\n  columns,\n  fixedOffsets,\n  getColumn,\n  renderFilter,\n  size,\n  styles: customStyles,\n}: TableHeadProps<T>) => (\n  <thead>\n    <tr>\n      {columns.map((column, index) => {\n        const id = columnIds[index];\n        const tableColumn = getColumn(id);\n        const sorted: SortState = column.sorter ? (tableColumn?.getIsSorted() ?? false) : false;\n\n        return (\n          <th\n            aria-sort={column.sorter ? ariaSortOf(sorted) : undefined}\n            key={id}\n            scope=\"col\"\n            {...styleProps(\n              [\n                styles.header,\n                column.fixed && styles.fixed,\n                cellSizeStyles[size],\n                bordered && index < columns.length - 1 && styles.borderedCell,\n              ],\n              clsx(column.className, classNames?.header),\n              {\n                textAlign: column.align,\n                width: column.width,\n                ...fixedOffsets[index],\n                ...customStyles?.header,\n                ...(column.fixed ? { zIndex: 3 } : undefined),\n              },\n            )}\n          >\n            <span {...stylex.props(styles.headerInner)}>\n              {column.sorter ? (\n                <button\n                  type=\"button\"\n                  {...stylex.props(sortButtonStyles)}\n                  onClick={tableColumn?.getToggleSortingHandler()}\n                >\n                  {column.title}\n                  <span aria-hidden=\"true\" {...stylex.props(styles.sortCaret)}>\n                    <Icon\n                      className={stylex.props(sorted === 'asc' && styles.caretActive).className}\n                      data-active={sorted === 'asc'}\n                      icon={ChevronUp}\n                      size={10}\n                    />\n                    <Icon\n                      className={stylex.props(sorted === 'desc' && styles.caretActive).className}\n                      data-active={sorted === 'desc'}\n                      icon={ChevronDown}\n                      size={10}\n                    />\n                  </span>\n                </button>\n              ) : (\n                column.title\n              )}\n              {column.filters?.length ? renderFilter?.(column, id) : null}\n            </span>\n          </th>\n        );\n      })}\n    </tr>\n  </thead>\n);\n\nexport default TableHead;\n"],"mappings":";;;;;;;;;AA0BA,MAAM,cAAc,WAAsB,WAAW,QAAQ,cAAc,WAAW,SAAS,eAAe;AAC9G,MAAM,aAAiB,EACrB,UACA,YACA,WACA,SACA,cACA,WACA,cACA,MACA,QAAQ,mBACe,oBAAC,SAAD,EAAA,UACrB,oBAAC,MAAD,EAAA,UACG,QAAQ,KAAK,QAAQ,UAAU;CAChC,MAAM,KAAK,UAAU;CACrB,MAAM,cAAc,UAAU,EAAE;CAChC,MAAM,SAAoB,OAAO,SAAS,aAAa,YAAY,KAAK,QAAQ;CAChF,OAAO,oBAAC,MAAD;EAAI,aAAW,OAAO,SAAS,WAAW,MAAM,IAAI,KAAA;EAAoB,OAAM;EAAM,GAAI,WAAW;GAAC,OAAO;GAAQ,OAAO,SAAS,OAAO;GAAO,eAAe;GAAO,YAAY,QAAQ,QAAQ,SAAS,KAAK,OAAO;EAAY,GAAG,KAAK,OAAO,WAAW,YAAY,MAAM,GAAG;GACxR,WAAW,OAAO;GAClB,OAAO,OAAO;GACd,GAAG,aAAa;GAChB,GAAG,cAAc;GACjB,GAAI,OAAO,QAAQ,EACjB,QAAQ,EACV,IAAI,KAAA;EACN,CAAC;EACK,UAAA,qBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,WAAW;GAAzC,UAAA,CACG,OAAO,SAAS,qBAAC,UAAD;IAAQ,MAAK;IAAS,GAAI,OAAO,MAAM,gBAAgB;IAAG,SAAS,aAAa,wBAAwB;IAAxG,UAAA,CACZ,OAAO,OACR,qBAAC,QAAD;KAAM,eAAY;KAAO,GAAI,OAAO,MAAM,OAAO,SAAS;KAA1D,UAAA,CACE,oBAAC,MAAD;MAAM,WAAW,OAAO,MAAM,WAAW,SAAS,OAAO,WAAW,CAAC,CAAC;MAAW,eAAa,WAAW;MAAO,MAAM;MAAW,MAAM;KAAK,CAAA,GAC5I,oBAAC,MAAD;MAAM,WAAW,OAAO,MAAM,WAAW,UAAU,OAAO,WAAW,CAAC,CAAC;MAAW,eAAa,WAAW;MAAQ,MAAM;MAAa,MAAM;KAAK,CAAA,CAC5I;IACA,CAAA,CAAA;GAAI,CAAA,IAAA,OAAO,OACpB,OAAO,SAAS,SAAS,eAAe,QAAQ,EAAE,IAAI,IACnD;;CACJ,GAnBmE,EAmBnE;AACV,CAAC,EACG,CAAA,EACC,CAAA"}

package/es/Table/features.mjs

@@ -1,12 +0,0 @@
-import { columnFilteringFeature, createFilteredRowModel, createSortedRowModel, rowSortingFeature, tableFeatures } from "@tanstack/react-table";
-//#region src/Table/features.ts
-const tableFeatureSet = tableFeatures({
-	columnFilteringFeature,
-	filteredRowModel: createFilteredRowModel(),
-	rowSortingFeature,
-	sortedRowModel: createSortedRowModel()
-});
-//#endregion
-export { tableFeatureSet };
-
-//# sourceMappingURL=features.mjs.map

package/es/Table/features.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"features.mjs","names":[],"sources":["../../src/Table/features.ts"],"sourcesContent":["import {\n  columnFilteringFeature,\n  createFilteredRowModel,\n  createSortedRowModel,\n  rowSortingFeature,\n  tableFeatures,\n} from '@tanstack/react-table';\n\nexport const tableFeatureSet = tableFeatures({\n  columnFilteringFeature,\n  filteredRowModel: createFilteredRowModel(),\n  rowSortingFeature,\n  sortedRowModel: createSortedRowModel(),\n});\n\nexport type TableFeatureSet = typeof tableFeatureSet;\n"],"mappings":";;AAQA,MAAa,kBAAkB,cAAc;CAC3C;CACA,kBAAkB,uBAAuB;CACzC;CACA,gBAAgB,qBAAqB;AACvC,CAAC"}

package/es/Table/fixedOffsets.mjs

@@ -1,29 +0,0 @@
-//#region src/Table/fixedOffsets.ts
-const widthOf = (column) => typeof column.width === "number" ? column.width : 0;
-const getFixedOffsets = (columns) => {
-	const offsets = columns.map(() => void 0);
-	let left = 0;
-	columns.forEach((column, index) => {
-		if (column.fixed !== "left") return;
-		offsets[index] = {
-			left,
-			position: "sticky"
-		};
-		left += widthOf(column);
-	});
-	let right = 0;
-	for (let index = columns.length - 1; index >= 0; index--) {
-		const column = columns[index];
-		if (column.fixed !== "right") continue;
-		offsets[index] = {
-			position: "sticky",
-			right
-		};
-		right += widthOf(column);
-	}
-	return offsets;
-};
-//#endregion
-export { getFixedOffsets };
-
-//# sourceMappingURL=fixedOffsets.mjs.map

package/es/Table/fixedOffsets.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fixedOffsets.mjs","names":[],"sources":["../../src/Table/fixedOffsets.ts"],"sourcesContent":["import type { CSSProperties } from 'react';\n\nimport type { TableColumn } from './type';\n\nconst widthOf = (column: TableColumn<any>) => (typeof column.width === 'number' ? column.width : 0);\n\nexport const getFixedOffsets = (columns: TableColumn<any>[]): (CSSProperties | undefined)[] => {\n  const offsets: (CSSProperties | undefined)[] = columns.map(() => undefined);\n\n  let left = 0;\n  columns.forEach((column, index) => {\n    if (column.fixed !== 'left') return;\n    offsets[index] = { left, position: 'sticky' };\n    left += widthOf(column);\n  });\n\n  let right = 0;\n  for (let index = columns.length - 1; index >= 0; index--) {\n    const column = columns[index];\n    if (column.fixed !== 'right') continue;\n    offsets[index] = { position: 'sticky', right };\n    right += widthOf(column);\n  }\n\n  return offsets;\n};\n"],"mappings":";AAIA,MAAM,WAAW,WAA8B,OAAO,OAAO,UAAU,WAAW,OAAO,QAAQ;AAEjG,MAAa,mBAAmB,YAA+D;CAC7F,MAAM,UAAyC,QAAQ,UAAU,KAAA,CAAS;CAE1E,IAAI,OAAO;CACX,QAAQ,SAAS,QAAQ,UAAU;EACjC,IAAI,OAAO,UAAU,QAAQ;EAC7B,QAAQ,SAAS;GAAE;GAAM,UAAU;EAAS;EAC5C,QAAQ,QAAQ,MAAM;CACxB,CAAC;CAED,IAAI,QAAQ;CACZ,KAAK,IAAI,QAAQ,QAAQ,SAAS,GAAG,SAAS,GAAG,SAAS;EACxD,MAAM,SAAS,QAAQ;EACvB,IAAI,OAAO,UAAU,SAAS;EAC9B,QAAQ,SAAS;GAAE,UAAU;GAAU;EAAM;EAC7C,SAAS,QAAQ,MAAM;CACzB;CAEA,OAAO;AACT"}

package/es/Table/marker.stylex.mjs

@@ -1,9 +0,0 @@
-//#region src/Table/marker.stylex.ts
-const tableRowMarker = {
-	lb2o2t1p: "lb2o2t1p",
-	$$css: true
-};
-//#endregion
-export { tableRowMarker };
-
-//# sourceMappingURL=marker.stylex.mjs.map

package/es/Table/marker.stylex.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"marker.stylex.mjs","names":[],"sources":["../../src/Table/marker.stylex.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nexport const tableRowMarker = stylex.defineMarker();\n"],"mappings":";AACA,MAAa,iBAAiB;CAC5B,UAAU;CACV,OAAO;AACT"}

package/es/Table/toColumnDefs.mjs

@@ -1,26 +0,0 @@
-//#region src/Table/toColumnDefs.ts
-const getColumnId = (column, index) => String(column.key ?? column.dataIndex ?? `__column_${index}`);
-const getCellValue = (record, column) => column.dataIndex ? record[column.dataIndex] : void 0;
-const isEmptyFilter = (value) => !Array.isArray(value) || value.length === 0;
-const toColumnDefs = (columns) => columns.map((column, index) => {
-	if ((Boolean(column.sorter) || Boolean(column.filters?.length)) && column.key == null && column.dataIndex == null) throw new Error("[Table] sortable or filterable columns need a `key` or `dataIndex`");
-	const comparator = typeof column.sorter === "function" ? column.sorter : void 0;
-	const { onFilter } = column;
-	const filterFn = onFilter ? Object.assign((row, _columnId, filterValue) => filterValue.some((value) => onFilter(value, row.original)), { autoRemove: isEmptyFilter }) : void 0;
-	return {
-		accessorFn: (record) => getCellValue(record, column),
-		enableColumnFilter: Boolean(column.filters?.length),
-		enableSorting: Boolean(column.sorter),
-		filterFn,
-		id: getColumnId(column, index),
-		sortDescFirst: column.sortDirections?.[0] === "descend",
-		...comparator && {
-			sortFn: (rowA, rowB) => comparator(rowA.original, rowB.original),
-			sortUndefined: false
-		}
-	};
-});
-//#endregion
-export { getCellValue, getColumnId, toColumnDefs };
-
-//# sourceMappingURL=toColumnDefs.mjs.map

package/es/Table/toColumnDefs.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toColumnDefs.mjs","names":[],"sources":["../../src/Table/toColumnDefs.ts"],"sourcesContent":["import type { ColumnDef, RowData } from '@tanstack/react-table';\n\nimport type { TableFeatureSet } from './features';\nimport type { FilterValue, TableColumn } from './type';\n\nexport const getColumnId = (column: TableColumn<any>, index: number): string =>\n  String(column.key ?? column.dataIndex ?? `__column_${index}`);\n\nexport const getCellValue = <T>(record: T, column: TableColumn<T>): unknown =>\n  column.dataIndex ? record[column.dataIndex] : undefined;\n\nconst isEmptyFilter = (value: unknown) => !Array.isArray(value) || value.length === 0;\n\nexport const toColumnDefs = <T extends RowData>(\n  columns: TableColumn<T>[],\n): ColumnDef<TableFeatureSet, T, unknown>[] =>\n  columns.map((column, index) => {\n    const needsStableId = Boolean(column.sorter) || Boolean(column.filters?.length);\n    if (needsStableId && column.key == null && column.dataIndex == null) {\n      throw new Error('[Table] sortable or filterable columns need a `key` or `dataIndex`');\n    }\n\n    const comparator = typeof column.sorter === 'function' ? column.sorter : undefined;\n    const { onFilter } = column;\n\n    const filterFn = onFilter\n      ? Object.assign(\n          (row: { original: T }, _columnId: string, filterValue: FilterValue[]) =>\n            filterValue.some((value) => onFilter(value, row.original)),\n          { autoRemove: isEmptyFilter },\n        )\n      : undefined;\n\n    return {\n      accessorFn: (record: T) => getCellValue(record, column),\n      enableColumnFilter: Boolean(column.filters?.length),\n      enableSorting: Boolean(column.sorter),\n      filterFn,\n      id: getColumnId(column, index),\n      sortDescFirst: column.sortDirections?.[0] === 'descend',\n      ...(comparator && {\n        sortFn: (rowA: { original: T }, rowB: { original: T }) =>\n          comparator(rowA.original, rowB.original),\n        sortUndefined: false,\n      }),\n    } as unknown as ColumnDef<TableFeatureSet, T, unknown>;\n  });\n"],"mappings":";AAKA,MAAa,eAAe,QAA0B,UACpD,OAAO,OAAO,OAAO,OAAO,aAAa,YAAY,OAAO;AAE9D,MAAa,gBAAmB,QAAW,WACzC,OAAO,YAAY,OAAO,OAAO,aAAa,KAAA;AAEhD,MAAM,iBAAiB,UAAmB,CAAC,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAEpF,MAAa,gBACX,YAEA,QAAQ,KAAK,QAAQ,UAAU;CAE7B,KADsB,QAAQ,OAAO,MAAM,KAAK,QAAQ,OAAO,SAAS,MAAM,MACzD,OAAO,OAAO,QAAQ,OAAO,aAAa,MAC7D,MAAM,IAAI,MAAM,oEAAoE;CAGtF,MAAM,aAAa,OAAO,OAAO,WAAW,aAAa,OAAO,SAAS,KAAA;CACzE,MAAM,EAAE,aAAa;CAErB,MAAM,WAAW,WACb,OAAO,QACJ,KAAsB,WAAmB,gBACxC,YAAY,MAAM,UAAU,SAAS,OAAO,IAAI,QAAQ,CAAC,GAC3D,EAAE,YAAY,cAAc,CAC9B,IACA,KAAA;CAEJ,OAAO;EACL,aAAa,WAAc,aAAa,QAAQ,MAAM;EACtD,oBAAoB,QAAQ,OAAO,SAAS,MAAM;EAClD,eAAe,QAAQ,OAAO,MAAM;EACpC;EACA,IAAI,YAAY,QAAQ,KAAK;EAC7B,eAAe,OAAO,iBAAiB,OAAO;EAC9C,GAAI,cAAc;GAChB,SAAS,MAAuB,SAC9B,WAAW,KAAK,UAAU,KAAK,QAAQ;GACzC,eAAe;EACjB;CACF;AACF,CAAC"}

package/es/Table/useTableState.mjs

@@ -1,99 +0,0 @@
-import { getColumnId } from "./toColumnDefs.mjs";
-import { useState } from "react";
-//#region src/Table/useTableState.ts
-const resolve = (updater, previous) => typeof updater === "function" ? updater(previous) : updater;
-const initialSorting = (columns) => {
-	const index = columns.findIndex((column) => column.defaultSortOrder);
-	if (index === -1) return [];
-	return [{
-		desc: columns[index].defaultSortOrder === "descend",
-		id: getColumnId(columns[index], index)
-	}];
-};
-const useTableState = ({ columns, onChange, pagination }) => {
-	const config = pagination === false ? void 0 : pagination ?? {};
-	const columnIds = columns.map((column, index) => getColumnId(column, index));
-	const [sorting, setSorting] = useState(() => initialSorting(columns));
-	const [columnFilters, setColumnFilters] = useState([]);
-	const [innerPage, setInnerPage] = useState({
-		pageIndex: (config?.defaultCurrent ?? 1) - 1,
-		pageSize: config?.defaultPageSize ?? 10
-	});
-	const page = {
-		pageIndex: config?.current === void 0 ? innerPage.pageIndex : config.current - 1,
-		pageSize: config?.pageSize ?? innerPage.pageSize
-	};
-	const toFilters = (state) => Object.fromEntries(columns.map((column, index) => [column, columnIds[index]]).filter(([column]) => column.filters?.length).map(([, id]) => [id, state.find((filter) => filter.id === id)?.value ?? null]));
-	const toSorter = (state) => {
-		const [active] = state;
-		if (!active) return {};
-		return {
-			column: columns[columnIds.indexOf(active.id)],
-			columnKey: active.id,
-			order: active.desc ? "descend" : "ascend"
-		};
-	};
-	const toPaginationArg = (next) => config ? {
-		...config,
-		current: next.pageIndex + 1,
-		pageSize: next.pageSize
-	} : {};
-	const report = (nextPage, nextFilters, nextSorting) => onChange?.(toPaginationArg(nextPage), toFilters(nextFilters), toSorter(nextSorting));
-	const changePage = (next) => {
-		setInnerPage(next);
-		const sizeChanged = next.pageSize !== page.pageSize;
-		if (sizeChanged) config?.onShowSizeChange?.(next.pageIndex + 1, next.pageSize);
-		if (sizeChanged || next.pageIndex !== page.pageIndex) config?.onChange?.(next.pageIndex + 1, next.pageSize);
-	};
-	const clampPage = (pageIndex) => {
-		if (config?.current === void 0) {
-			setInnerPage((previous) => ({
-				...previous,
-				pageIndex
-			}));
-			return;
-		}
-		config.onChange?.(pageIndex + 1, page.pageSize);
-	};
-	const onSortingChange = (updater) => {
-		const next = resolve(updater, sorting);
-		const firstPage = {
-			...page,
-			pageIndex: 0
-		};
-		setSorting(next);
-		changePage(firstPage);
-		report(firstPage, columnFilters, next);
-	};
-	const onColumnFiltersChange = (updater) => {
-		const next = resolve(updater, columnFilters);
-		const firstPage = {
-			...page,
-			pageIndex: 0
-		};
-		setColumnFilters(next);
-		changePage(firstPage);
-		report(firstPage, next, sorting);
-	};
-	const onPaginationChange = (updater) => {
-		const next = resolve(updater, page);
-		changePage(next);
-		report(next, columnFilters, sorting);
-	};
-	return {
-		clampPage,
-		columnFilters,
-		columnIds,
-		config,
-		manualSorting: columns.some((column) => column.sorter === true),
-		onColumnFiltersChange,
-		onPaginationChange,
-		onSortingChange,
-		page,
-		sorting
-	};
-};
-//#endregion
-export { useTableState };
-
-//# sourceMappingURL=useTableState.mjs.map

package/es/Table/useTableState.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTableState.mjs","names":[],"sources":["../../src/Table/useTableState.ts"],"sourcesContent":["import type {\n  ColumnFiltersState,\n  PaginationState,\n  SortingState,\n  Updater,\n} from '@tanstack/react-table';\nimport { useState } from 'react';\n\nimport { getColumnId } from './toColumnDefs';\nimport type {\n  TableColumn,\n  TableFilters,\n  TablePaginationConfig,\n  TableProps,\n  TableSorterResult,\n} from './type';\n\nconst resolve = <S>(updater: Updater<S>, previous: S): S =>\n  typeof updater === 'function' ? (updater as (old: S) => S)(previous) : updater;\n\nconst initialSorting = (columns: TableColumn<any>[]): SortingState => {\n  const index = columns.findIndex((column) => column.defaultSortOrder);\n  if (index === -1) return [];\n  return [\n    { desc: columns[index].defaultSortOrder === 'descend', id: getColumnId(columns[index], index) },\n  ];\n};\n\nexport const useTableState = <T>({\n  columns,\n  onChange,\n  pagination,\n}: Pick<TableProps<T>, 'columns' | 'onChange' | 'pagination'>) => {\n  const config: TablePaginationConfig | undefined =\n    pagination === false ? undefined : (pagination ?? {});\n  const columnIds = columns.map((column, index) => getColumnId(column, index));\n\n  const [sorting, setSorting] = useState<SortingState>(() => initialSorting(columns));\n  const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);\n  const [innerPage, setInnerPage] = useState<PaginationState>({\n    pageIndex: (config?.defaultCurrent ?? 1) - 1,\n    pageSize: config?.defaultPageSize ?? 10,\n  });\n\n  const page: PaginationState = {\n    pageIndex: config?.current === undefined ? innerPage.pageIndex : config.current - 1,\n    pageSize: config?.pageSize ?? innerPage.pageSize,\n  };\n\n  const toFilters = (state: ColumnFiltersState): TableFilters =>\n    Object.fromEntries(\n      columns\n        .map((column, index) => [column, columnIds[index]] as const)\n        .filter(([column]) => column.filters?.length)\n        .map(([, id]) => [\n          id,\n          (state.find((filter) => filter.id === id)?.value as TableFilters[string]) ?? null,\n        ]),\n    );\n\n  const toSorter = (state: SortingState): TableSorterResult<T> => {\n    const [active] = state;\n    if (!active) return {};\n    const index = columnIds.indexOf(active.id);\n    return {\n      column: columns[index],\n      columnKey: active.id,\n      order: active.desc ? 'descend' : 'ascend',\n    };\n  };\n\n  const toPaginationArg = (next: PaginationState): TablePaginationConfig =>\n    config ? { ...config, current: next.pageIndex + 1, pageSize: next.pageSize } : {};\n\n  const report = (\n    nextPage: PaginationState,\n    nextFilters: ColumnFiltersState,\n    nextSorting: SortingState,\n  ) => onChange?.(toPaginationArg(nextPage), toFilters(nextFilters), toSorter(nextSorting));\n\n  const changePage = (next: PaginationState) => {\n    setInnerPage(next);\n    const sizeChanged = next.pageSize !== page.pageSize;\n    if (sizeChanged) config?.onShowSizeChange?.(next.pageIndex + 1, next.pageSize);\n    if (sizeChanged || next.pageIndex !== page.pageIndex) {\n      config?.onChange?.(next.pageIndex + 1, next.pageSize);\n    }\n  };\n\n  const clampPage = (pageIndex: number) => {\n    if (config?.current === undefined) {\n      setInnerPage((previous) => ({ ...previous, pageIndex }));\n      return;\n    }\n    config.onChange?.(pageIndex + 1, page.pageSize);\n  };\n\n  const onSortingChange = (updater: Updater<SortingState>) => {\n    const next = resolve(updater, sorting);\n    const firstPage = { ...page, pageIndex: 0 };\n    setSorting(next);\n    changePage(firstPage);\n    report(firstPage, columnFilters, next);\n  };\n\n  const onColumnFiltersChange = (updater: Updater<ColumnFiltersState>) => {\n    const next = resolve(updater, columnFilters);\n    const firstPage = { ...page, pageIndex: 0 };\n    setColumnFilters(next);\n    changePage(firstPage);\n    report(firstPage, next, sorting);\n  };\n\n  const onPaginationChange = (updater: Updater<PaginationState>) => {\n    const next = resolve(updater, page);\n    changePage(next);\n    report(next, columnFilters, sorting);\n  };\n\n  return {\n    clampPage,\n    columnFilters,\n    columnIds,\n    config,\n    manualSorting: columns.some((column) => column.sorter === true),\n    onColumnFiltersChange,\n    onPaginationChange,\n    onSortingChange,\n    page,\n    sorting,\n  };\n};\n"],"mappings":"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"}