@atom-learning/components 6.6.0-beta.1 → 6.6.0-beta.2

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

@@ -1,117 +1,138 @@
-import { AsyncDataState as e } from "./DataTable.types.js";
-import { getNewAsyncData as t } from "./getNewAsyncData.js";
-import { usePagination as n } from "./usePagination.js";
-import { useSortByColumn as r } from "./useSorting.js";
-import * as i from "react";
-import { v4 as a } from "@lukeed/uuid";
-import { getCoreRowModel as o, getExpandedRowModel as s, getFilteredRowModel as c, getPaginationRowModel as l, getSortedRowModel as u, useReactTable as d } from "@tanstack/react-table";
-import f from "use-deep-compare-effect";
+import { AsyncDataState } from "./DataTable.types.js";
+import { getNewAsyncData } from "./getNewAsyncData.js";
+import { usePagination } from "./usePagination.js";
+import { useSortByColumn } from "./useSorting.js";
+import * as React$1 from "react";
+import { v4 } from "@lukeed/uuid";
+import { getCoreRowModel, getExpandedRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable } from "@tanstack/react-table";
+import useDeepCompareEffect from "use-deep-compare-effect";
 //#region src/components/data-table/DataTableContext.tsx
-var p = i.createContext(null), m = ({ columns: m, data: h = [], getAsyncData: g, defaultSort: _, initialState: v = void 0, disabledRows: y, enableRowSelection: b, onRowSelectionChange: x, children: S }) => {
-	let C = i.useRef(a()), [w, T] = i.useState({
-		results: h ?? [],
-		total: h?.length ?? 0
-	}), [E, D] = i.useState({}), [O, k] = i.useState({}), [A, j] = i.useState({
+var DataTableContext = React$1.createContext(null);
+var DataTableProvider = ({ columns, data: dataProp = [], getAsyncData, defaultSort, initialState = void 0, disabledRows, enableRowSelection, onRowSelectionChange, children }) => {
+	const tableId = React$1.useRef(v4());
+	const [data, setData] = React$1.useState({
+		results: dataProp ?? [],
+		total: dataProp?.length ?? 0
+	});
+	const [rowSelection, setRowSelection] = React$1.useState({});
+	const [expanded, setExpanded] = React$1.useState({});
+	const [tablePosition, setTablePosition] = React$1.useState({
 		top: null,
 		bottom: null,
 		offsetTop: 0,
-		isVisible: !0
-	}), { isPaginated: M, applyPagination: N, paginationState: P, setPaginationState: F } = n(v?.pagination), [I, L] = i.useState(e.NONE), [R, z] = i.useState(""), { setIsSortable: B, isSortable: V, sorting: H, setSorting: U } = r(_), W = i.useCallback(async (n) => {
-		if (g) try {
-			L(e.PENDING), T(await t(g, n, P, H, R)), L(e.FULFILLED);
-		} catch {
-			L(e.REJECTED);
+		isVisible: true
+	});
+	const { isPaginated, applyPagination, paginationState, setPaginationState } = usePagination(initialState?.pagination);
+	const [asyncDataState, setAsyncDataState] = React$1.useState(AsyncDataState.NONE);
+	const [globalFilter, setGlobalFilter] = React$1.useState("");
+	const { setIsSortable, isSortable, sorting, setSorting } = useSortByColumn(defaultSort);
+	const runAsyncData = React$1.useCallback(async (overrideAsyncDataOptions) => {
+		if (!getAsyncData) return;
+		try {
+			setAsyncDataState(AsyncDataState.PENDING);
+			setData(await getNewAsyncData(getAsyncData, overrideAsyncDataOptions, paginationState, sorting, globalFilter));
+			setAsyncDataState(AsyncDataState.FULFILLED);
+		} catch (_error) {
+			setAsyncDataState(AsyncDataState.REJECTED);
 		}
 	}, [
-		g,
-		P?.pageIndex,
-		P?.pageSize,
-		H,
-		R
+		getAsyncData,
+		paginationState?.pageIndex,
+		paginationState?.pageSize,
+		sorting,
+		globalFilter
 	]);
-	i.useEffect(() => {
-		W({});
-	}, [W]), f(() => {
-		h && T({
-			results: h,
-			total: h.length
+	React$1.useEffect(() => {
+		runAsyncData({});
+	}, [runAsyncData]);
+	useDeepCompareEffect(() => {
+		if (!dataProp) return;
+		setData({
+			results: dataProp,
+			total: dataProp.length
 		});
-	}, [h]);
-	let G = () => w.total, K = d({
-		columns: m,
-		data: w.results,
-		pageCount: g && P ? Math.ceil(G() / P.pageSize) : -1,
-		initialState: v,
+	}, [dataProp]);
+	const getTotalRows = () => data.total;
+	const table = useReactTable({
+		columns,
+		data: data.results,
+		pageCount: getAsyncData && paginationState ? Math.ceil(getTotalRows() / paginationState.pageSize) : -1,
+		initialState,
 		state: {
-			sorting: H,
-			globalFilter: R,
-			pagination: P,
-			rowSelection: E,
-			expanded: O
+			sorting,
+			globalFilter,
+			pagination: paginationState,
+			rowSelection,
+			expanded
 		},
-		manualPagination: g && M,
-		manualSorting: g && M,
-		enableSorting: I !== e.PENDING,
-		enableGlobalFilter: !g,
-		enableRowSelection: b,
-		onExpandedChange: k,
-		getSubRows: (e) => e.subRows,
-		onRowSelectionChange: (e) => {
-			x && x(e), D(e);
+		manualPagination: getAsyncData && isPaginated,
+		manualSorting: getAsyncData && isPaginated,
+		enableSorting: asyncDataState !== AsyncDataState.PENDING,
+		enableGlobalFilter: !getAsyncData,
+		enableRowSelection,
+		onExpandedChange: setExpanded,
+		getSubRows: (row) => row.subRows,
+		onRowSelectionChange: (updaterOrValue) => {
+			if (onRowSelectionChange) onRowSelectionChange(updaterOrValue);
+			setRowSelection(updaterOrValue);
 		},
-		getCoreRowModel: o(),
-		getPaginationRowModel: M ? l() : void 0,
-		getSortedRowModel: V || H.length ? u() : void 0,
-		getFilteredRowModel: c(),
-		getExpandedRowModel: s(),
-		onPaginationChange: M ? F : void 0,
-		onSortingChange: U,
-		onGlobalFilterChange: z,
-		globalFilterFn: (e, t, n) => {
-			let r = (e) => e.toLowerCase().includes(n.toLowerCase());
-			if (e.depth > 0) return !0;
-			let i = e.getValue(t);
-			switch (typeof i) {
-				case "string": return r(i);
+		getCoreRowModel: getCoreRowModel(),
+		getPaginationRowModel: isPaginated ? getPaginationRowModel() : void 0,
+		getSortedRowModel: isSortable || sorting.length ? getSortedRowModel() : void 0,
+		getFilteredRowModel: getFilteredRowModel(),
+		getExpandedRowModel: getExpandedRowModel(),
+		onPaginationChange: isPaginated ? setPaginationState : void 0,
+		onSortingChange: setSorting,
+		onGlobalFilterChange: setGlobalFilter,
+		globalFilterFn: (row, columnId, filterValue) => {
+			const checkFilterMatchesCell = (cellValue) => cellValue.toLowerCase().includes(filterValue.toLowerCase());
+			if (row.depth > 0) return true;
+			const value = row.getValue(columnId);
+			switch (typeof value) {
+				case "string": return checkFilterMatchesCell(value);
 				case "boolean":
-				case "number": return r(String(i));
-				default: return !1;
+				case "number": return checkFilterMatchesCell(String(value));
+				default: return false;
 			}
 		}
-	}), q = i.useMemo(() => ({
-		...K,
-		columns: m,
-		data: w,
-		setData: T,
-		setIsSortable: B,
-		applyPagination: N,
-		getTotalRows: G,
-		isSortable: V,
-		asyncDataState: I,
-		runAsyncData: W,
-		hasAsyncData: !!g,
-		disabledRows: y,
-		enableRowSelection: b,
-		rowSelection: E,
-		tablePosition: A,
-		setTablePosition: j,
-		tableId: C.current
-	}), [
-		K,
-		N,
-		G,
-		V,
-		b,
-		C,
-		g
+	});
+	const value = React$1.useMemo(() => {
+		return {
+			...table,
+			columns,
+			data,
+			setData,
+			setIsSortable,
+			applyPagination,
+			getTotalRows,
+			isSortable,
+			asyncDataState,
+			runAsyncData,
+			hasAsyncData: !!getAsyncData,
+			disabledRows,
+			enableRowSelection,
+			rowSelection,
+			tablePosition,
+			setTablePosition,
+			tableId: tableId.current
+		};
+	}, [
+		table,
+		applyPagination,
+		getTotalRows,
+		isSortable,
+		enableRowSelection,
+		tableId,
+		getAsyncData
 	]);
-	return /* @__PURE__ */ i.createElement(p.Provider, { value: q }, S);
-}, h = () => {
-	let e = i.useContext(p);
-	if (!e) throw Error("useDataTable can only be called from inside a DataTableProvider");
-	return e;
+	return /* @__PURE__ */ React$1.createElement(DataTableContext.Provider, { value }, children);
+};
+var useDataTable = () => {
+	const context = React$1.useContext(DataTableContext);
+	if (!context) throw new Error("useDataTable can only be called from inside a DataTableProvider");
+	return context;
 };
 //#endregion
-export { m as DataTableProvider, h as useDataTable };
+export { DataTableProvider, useDataTable };
 
 //# sourceMappingURL=DataTableContext.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableContext.js","names":[],"sources":["../../../src/components/data-table/DataTableContext.tsx"],"sourcesContent":["import { v4 as uuid } from '@lukeed/uuid'\nimport type {\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  Row,\n  RowSelectionState\n} from '@tanstack/react-table'\nimport {\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table'\nimport * as React from 'react'\nimport useDeepCompareEffect from 'use-deep-compare-effect'\n\nimport {\n  AsyncDataState,\n  DataTableContextType,\n  InitialState,\n  TableData,\n  TablePosition,\n  TAsyncDataOptions,\n  TAsyncDataResult,\n  TDefaultSort,\n  TGetAsyncData\n} from './DataTable.types'\nimport { getNewAsyncData } from './getNewAsyncData'\nimport { usePagination } from './usePagination'\nimport { useSortByColumn } from './useSorting'\n\nconst DataTableContext =\n  React.createContext<DataTableContextType<unknown> | null>(null)\n\ntype DataTableProviderProps = {\n  columns\n  defaultSort?: TDefaultSort\n  children: React.ReactNode\n  initialState?: InitialState\n  disabledRows?: Record<string, boolean>\n  enableRowSelection?: boolean | ((row: Row<unknown>) => boolean)\n  onRowSelectionChange?: OnChangeFn<RowSelectionState>\n} & (\n  | { data: TableData; getAsyncData?: never }\n  | { data?: never; getAsyncData: TGetAsyncData }\n)\n\nexport const DataTableProvider = ({\n  columns,\n  data: dataProp = [],\n  getAsyncData,\n  defaultSort,\n  initialState = undefined,\n  disabledRows,\n  enableRowSelection,\n  onRowSelectionChange,\n  children\n}: DataTableProviderProps): JSX.Element => {\n  const tableId = React.useRef(uuid())\n\n  const [data, setData] = React.useState<TAsyncDataResult>({\n    results: dataProp ?? [],\n    total: dataProp?.length ?? 0\n  })\n\n  const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})\n  const [expanded, setExpanded] = React.useState<ExpandedState>({})\n\n  const [tablePosition, setTablePosition] = React.useState<TablePosition>({\n    top: null,\n    bottom: null,\n    offsetTop: 0,\n    isVisible: true\n  })\n\n  const { isPaginated, applyPagination, paginationState, setPaginationState } =\n    usePagination(initialState?.pagination)\n\n  const [asyncDataState, setAsyncDataState] = React.useState<AsyncDataState>(\n    AsyncDataState.NONE\n  )\n\n  const [globalFilter, setGlobalFilter] = React.useState<string>('')\n\n  const { setIsSortable, isSortable, sorting, setSorting } =\n    useSortByColumn(defaultSort)\n\n  const runAsyncData = React.useCallback(\n    async (overrideAsyncDataOptions: Partial<TAsyncDataOptions>) => {\n      if (!getAsyncData) return\n\n      try {\n        setAsyncDataState(AsyncDataState.PENDING)\n\n        const newData = await getNewAsyncData(\n          getAsyncData,\n          overrideAsyncDataOptions,\n          paginationState as PaginationState,\n          sorting,\n          globalFilter\n        )\n\n        setData(newData as TAsyncDataResult)\n        setAsyncDataState(AsyncDataState.FULFILLED)\n      } catch (_error) {\n        setAsyncDataState(AsyncDataState.REJECTED)\n      }\n    },\n    [\n      getAsyncData,\n      paginationState?.pageIndex,\n      paginationState?.pageSize,\n      sorting,\n      globalFilter\n    ]\n  )\n\n  React.useEffect(() => {\n    runAsyncData({})\n  }, [runAsyncData])\n\n  useDeepCompareEffect(() => {\n    if (!dataProp) return\n\n    setData({ results: dataProp, total: dataProp.length })\n  }, [dataProp])\n\n  const getTotalRows = () => data.total\n\n  const table = useReactTable<unknown>({\n    columns,\n    data: data.results,\n    pageCount:\n      getAsyncData && paginationState\n        ? Math.ceil(getTotalRows() / paginationState.pageSize)\n        : -1,\n    initialState: initialState,\n    state: {\n      sorting,\n      globalFilter,\n      pagination: paginationState,\n      rowSelection,\n      expanded\n    },\n    manualPagination: getAsyncData && isPaginated,\n    manualSorting: getAsyncData && isPaginated,\n    enableSorting: asyncDataState !== AsyncDataState.PENDING,\n    enableGlobalFilter: !getAsyncData,\n    enableRowSelection,\n    onExpandedChange: setExpanded,\n    getSubRows: (row: Row<unknown>) => row.subRows,\n    onRowSelectionChange: (updaterOrValue) => {\n      if (onRowSelectionChange) onRowSelectionChange(updaterOrValue)\n      setRowSelection(updaterOrValue)\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: isPaginated ? getPaginationRowModel() : undefined,\n    getSortedRowModel:\n      isSortable || sorting.length ? getSortedRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    onPaginationChange: isPaginated ? setPaginationState : undefined,\n    onSortingChange: setSorting,\n    onGlobalFilterChange: setGlobalFilter,\n    globalFilterFn: (row, columnId, filterValue) => {\n      const checkFilterMatchesCell = (cellValue: string) =>\n        cellValue.toLowerCase().includes(filterValue.toLowerCase())\n\n      const isSubRow = row.depth > 0\n\n      if (isSubRow) return true\n\n      const value = row.getValue(columnId)\n      switch (typeof value) {\n        case 'string':\n          return checkFilterMatchesCell(value)\n        case 'boolean':\n        case 'number':\n          return checkFilterMatchesCell(String(value))\n        default:\n          return false\n      }\n    }\n  })\n\n  const value: DataTableContextType = React.useMemo(() => {\n    return {\n      ...table,\n      columns,\n      data,\n      setData,\n      setIsSortable,\n      applyPagination,\n      getTotalRows,\n      isSortable,\n      asyncDataState,\n      runAsyncData,\n      hasAsyncData: !!getAsyncData,\n      disabledRows,\n      enableRowSelection,\n      rowSelection,\n      tablePosition,\n      setTablePosition,\n      tableId: tableId.current\n    }\n  }, [\n    table,\n    applyPagination,\n    getTotalRows,\n    isSortable,\n    enableRowSelection,\n    tableId,\n    getAsyncData\n  ])\n\n  return (\n    <DataTableContext.Provider value={value}>\n      {children}\n    </DataTableContext.Provider>\n  )\n}\n\nexport const useDataTable = <T extends Record<string, unknown>>() => {\n  const context = React.useContext(DataTableContext) as DataTableContextType<T>\n\n  if (!context)\n    throw new Error(\n      'useDataTable can only be called from inside a DataTableProvider'\n    )\n\n  return context\n}\n"],"mappings":"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"}
+{"version":3,"file":"DataTableContext.js","names":[],"sources":["../../../src/components/data-table/DataTableContext.tsx"],"sourcesContent":["import { v4 as uuid } from '@lukeed/uuid'\nimport type {\n  ExpandedState,\n  OnChangeFn,\n  PaginationState,\n  Row,\n  RowSelectionState\n} from '@tanstack/react-table'\nimport {\n  getCoreRowModel,\n  getExpandedRowModel,\n  getFilteredRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table'\nimport * as React from 'react'\nimport useDeepCompareEffect from 'use-deep-compare-effect'\n\nimport {\n  AsyncDataState,\n  DataTableContextType,\n  InitialState,\n  TableData,\n  TablePosition,\n  TAsyncDataOptions,\n  TAsyncDataResult,\n  TDefaultSort,\n  TGetAsyncData\n} from './DataTable.types'\nimport { getNewAsyncData } from './getNewAsyncData'\nimport { usePagination } from './usePagination'\nimport { useSortByColumn } from './useSorting'\n\nconst DataTableContext =\n  React.createContext<DataTableContextType<unknown> | null>(null)\n\ntype DataTableProviderProps = {\n  columns\n  defaultSort?: TDefaultSort\n  children: React.ReactNode\n  initialState?: InitialState\n  disabledRows?: Record<string, boolean>\n  enableRowSelection?: boolean | ((row: Row<unknown>) => boolean)\n  onRowSelectionChange?: OnChangeFn<RowSelectionState>\n} & (\n  | { data: TableData; getAsyncData?: never }\n  | { data?: never; getAsyncData: TGetAsyncData }\n)\n\nexport const DataTableProvider = ({\n  columns,\n  data: dataProp = [],\n  getAsyncData,\n  defaultSort,\n  initialState = undefined,\n  disabledRows,\n  enableRowSelection,\n  onRowSelectionChange,\n  children\n}: DataTableProviderProps): JSX.Element => {\n  const tableId = React.useRef(uuid())\n\n  const [data, setData] = React.useState<TAsyncDataResult>({\n    results: dataProp ?? [],\n    total: dataProp?.length ?? 0\n  })\n\n  const [rowSelection, setRowSelection] = React.useState<RowSelectionState>({})\n  const [expanded, setExpanded] = React.useState<ExpandedState>({})\n\n  const [tablePosition, setTablePosition] = React.useState<TablePosition>({\n    top: null,\n    bottom: null,\n    offsetTop: 0,\n    isVisible: true\n  })\n\n  const { isPaginated, applyPagination, paginationState, setPaginationState } =\n    usePagination(initialState?.pagination)\n\n  const [asyncDataState, setAsyncDataState] = React.useState<AsyncDataState>(\n    AsyncDataState.NONE\n  )\n\n  const [globalFilter, setGlobalFilter] = React.useState<string>('')\n\n  const { setIsSortable, isSortable, sorting, setSorting } =\n    useSortByColumn(defaultSort)\n\n  const runAsyncData = React.useCallback(\n    async (overrideAsyncDataOptions: Partial<TAsyncDataOptions>) => {\n      if (!getAsyncData) return\n\n      try {\n        setAsyncDataState(AsyncDataState.PENDING)\n\n        const newData = await getNewAsyncData(\n          getAsyncData,\n          overrideAsyncDataOptions,\n          paginationState as PaginationState,\n          sorting,\n          globalFilter\n        )\n\n        setData(newData as TAsyncDataResult)\n        setAsyncDataState(AsyncDataState.FULFILLED)\n      } catch (_error) {\n        setAsyncDataState(AsyncDataState.REJECTED)\n      }\n    },\n    [\n      getAsyncData,\n      paginationState?.pageIndex,\n      paginationState?.pageSize,\n      sorting,\n      globalFilter\n    ]\n  )\n\n  React.useEffect(() => {\n    runAsyncData({})\n  }, [runAsyncData])\n\n  useDeepCompareEffect(() => {\n    if (!dataProp) return\n\n    setData({ results: dataProp, total: dataProp.length })\n  }, [dataProp])\n\n  const getTotalRows = () => data.total\n\n  const table = useReactTable<unknown>({\n    columns,\n    data: data.results,\n    pageCount:\n      getAsyncData && paginationState\n        ? Math.ceil(getTotalRows() / paginationState.pageSize)\n        : -1,\n    initialState: initialState,\n    state: {\n      sorting,\n      globalFilter,\n      pagination: paginationState,\n      rowSelection,\n      expanded\n    },\n    manualPagination: getAsyncData && isPaginated,\n    manualSorting: getAsyncData && isPaginated,\n    enableSorting: asyncDataState !== AsyncDataState.PENDING,\n    enableGlobalFilter: !getAsyncData,\n    enableRowSelection,\n    onExpandedChange: setExpanded,\n    getSubRows: (row: Row<unknown>) => row.subRows,\n    onRowSelectionChange: (updaterOrValue) => {\n      if (onRowSelectionChange) onRowSelectionChange(updaterOrValue)\n      setRowSelection(updaterOrValue)\n    },\n    getCoreRowModel: getCoreRowModel(),\n    getPaginationRowModel: isPaginated ? getPaginationRowModel() : undefined,\n    getSortedRowModel:\n      isSortable || sorting.length ? getSortedRowModel() : undefined,\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    onPaginationChange: isPaginated ? setPaginationState : undefined,\n    onSortingChange: setSorting,\n    onGlobalFilterChange: setGlobalFilter,\n    globalFilterFn: (row, columnId, filterValue) => {\n      const checkFilterMatchesCell = (cellValue: string) =>\n        cellValue.toLowerCase().includes(filterValue.toLowerCase())\n\n      const isSubRow = row.depth > 0\n\n      if (isSubRow) return true\n\n      const value = row.getValue(columnId)\n      switch (typeof value) {\n        case 'string':\n          return checkFilterMatchesCell(value)\n        case 'boolean':\n        case 'number':\n          return checkFilterMatchesCell(String(value))\n        default:\n          return false\n      }\n    }\n  })\n\n  const value: DataTableContextType = React.useMemo(() => {\n    return {\n      ...table,\n      columns,\n      data,\n      setData,\n      setIsSortable,\n      applyPagination,\n      getTotalRows,\n      isSortable,\n      asyncDataState,\n      runAsyncData,\n      hasAsyncData: !!getAsyncData,\n      disabledRows,\n      enableRowSelection,\n      rowSelection,\n      tablePosition,\n      setTablePosition,\n      tableId: tableId.current\n    }\n  }, [\n    table,\n    applyPagination,\n    getTotalRows,\n    isSortable,\n    enableRowSelection,\n    tableId,\n    getAsyncData\n  ])\n\n  return (\n    <DataTableContext.Provider value={value}>\n      {children}\n    </DataTableContext.Provider>\n  )\n}\n\nexport const useDataTable = <T extends Record<string, unknown>>() => {\n  const context = React.useContext(DataTableContext) as DataTableContextType<T>\n\n  if (!context)\n    throw new Error(\n      'useDataTable can only be called from inside a DataTableProvider'\n    )\n\n  return context\n}\n"],"mappings":"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"}

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

@@ -1,9 +1,11 @@
-import { Table as e } from "../table/Table.js";
-import * as t from "react";
-import { flexRender as n } from "@tanstack/react-table";
+import { Table } from "../table/Table.js";
+import * as React$1 from "react";
+import { flexRender } from "@tanstack/react-table";
 //#region src/components/data-table/DataTableDataCell.tsx
-var r = ({ cell: r }) => /* @__PURE__ */ t.createElement(e.Cell, { key: r.id }, n(r.column.columnDef.cell, r.getContext()));
+var DataTableDataCell = ({ cell }) => {
+	return /* @__PURE__ */ React$1.createElement(Table.Cell, { key: cell.id }, flexRender(cell.column.columnDef.cell, cell.getContext()));
+};
 //#endregion
-export { r as DataTableDataCell };
+export { DataTableDataCell };
 
 //# sourceMappingURL=DataTableDataCell.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableDataCell.js","names":[],"sources":["../../../src/components/data-table/DataTableDataCell.tsx"],"sourcesContent":["import type { Cell } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Table } from '../table/Table'\n\ntype DataTableDataCellProps = {\n  cell: Cell<Record<string, unknown>, unknown>\n}\n\nexport const DataTableDataCell = ({ cell }: DataTableDataCellProps) => {\n  return (\n    <Table.Cell key={cell.id}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,KAAqB,EAAE,cAEhC,kBAAA,cAAC,EAAM,MAAP,EAAY,KAAK,EAAK,IAET,EADV,EAAW,EAAK,OAAO,UAAU,MAAM,EAAK,YAAY,CAAC,CAC/C"}
+{"version":3,"file":"DataTableDataCell.js","names":[],"sources":["../../../src/components/data-table/DataTableDataCell.tsx"],"sourcesContent":["import type { Cell } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport { Table } from '../table/Table'\n\ntype DataTableDataCellProps = {\n  cell: Cell<Record<string, unknown>, unknown>\n}\n\nexport const DataTableDataCell = ({ cell }: DataTableDataCellProps) => {\n  return (\n    <Table.Cell key={cell.id}>\n      {flexRender(cell.column.columnDef.cell, cell.getContext())}\n    </Table.Cell>\n  )\n}\n"],"mappings":";;;;AAUA,IAAa,qBAAqB,EAAE,WAAmC;AACrE,QACE,wBAAA,cAAC,MAAM,MAAP,EAAY,KAAK,KAAK,IAET,EADV,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC,CAC/C"}

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

@@ -1,13 +1,14 @@
-import { AsyncDataState as e } from "./DataTable.types.js";
-import { useDataTable as t } from "./DataTableContext.js";
-import { EmptyState as n } from "../empty-state/EmptyState.js";
-import * as r from "react";
+import { AsyncDataState } from "./DataTable.types.js";
+import { useDataTable } from "./DataTableContext.js";
+import { EmptyState } from "../empty-state/EmptyState.js";
+import * as React$1 from "react";
 //#region src/components/data-table/DataTableEmptyState.tsx
-var i = ({ children: i, ...a }) => {
-	let { asyncDataState: o, getTotalRows: s } = t();
-	return o !== e.PENDING && s() === 0 ? /* @__PURE__ */ r.createElement(n, a, i) : null;
+var DataTableEmptyState = ({ children, ...rest }) => {
+	const { asyncDataState, getTotalRows } = useDataTable();
+	if (!(!(asyncDataState === AsyncDataState.PENDING) && getTotalRows() === 0)) return null;
+	return /* @__PURE__ */ React$1.createElement(EmptyState, rest, children);
 };
 //#endregion
-export { i as DataTableEmptyState };
+export { DataTableEmptyState };
 
 //# sourceMappingURL=DataTableEmptyState.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableEmptyState.js","names":[],"sources":["../../../src/components/data-table/DataTableEmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { EmptyState } from '../empty-state/EmptyState'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableEmptyStateProps = React.ComponentProps<typeof EmptyState>\n\nexport const DataTableEmptyState = ({\n  children,\n  ...rest\n}: DataTableEmptyStateProps) => {\n  const { asyncDataState, getTotalRows } = useDataTable()\n\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n\n  if (!isEmpty) return null\n\n  return <EmptyState {...rest}>{children}</EmptyState>\n}\n"],"mappings":";;;;;AAQA,IAAa,KAAuB,EAClC,aACA,GAAG,QAC2B;CAC9B,IAAM,EAAE,mBAAgB,oBAAiB,GAAc;AAOvD,QALkB,MAAmB,EAAe,WACtB,GAAc,KAAK,IAI1C,kBAAA,cAAC,GAAe,GAAO,EAAsB,GAF/B"}
+{"version":3,"file":"DataTableEmptyState.js","names":[],"sources":["../../../src/components/data-table/DataTableEmptyState.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { EmptyState } from '../empty-state/EmptyState'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableEmptyStateProps = React.ComponentProps<typeof EmptyState>\n\nexport const DataTableEmptyState = ({\n  children,\n  ...rest\n}: DataTableEmptyStateProps) => {\n  const { asyncDataState, getTotalRows } = useDataTable()\n\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n\n  if (!isEmpty) return null\n\n  return <EmptyState {...rest}>{children}</EmptyState>\n}\n"],"mappings":";;;;;AAQA,IAAa,uBAAuB,EAClC,UACA,GAAG,WAC2B;CAC9B,MAAM,EAAE,gBAAgB,iBAAiB,cAAc;AAKvD,KAAI,EAFY,EADE,mBAAmB,eAAe,YACtB,cAAc,KAAK,GAEnC,QAAO;AAErB,QAAO,wBAAA,cAAC,YAAe,MAAO,SAAsB"}

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

@@ -1,11 +1,12 @@
-import { AsyncDataState as e } from "./DataTable.types.js";
-import { useDataTable as t } from "./DataTableContext.js";
+import { AsyncDataState } from "./DataTable.types.js";
+import { useDataTable } from "./DataTableContext.js";
 //#region src/components/data-table/DataTableError.tsx
-var n = ({ children: n }) => {
-	let { asyncDataState: r, runAsyncData: i } = t();
-	return r === e.REJECTED ? n(i) : null;
+var DataTableError = ({ children }) => {
+	const { asyncDataState, runAsyncData } = useDataTable();
+	if (asyncDataState !== AsyncDataState.REJECTED) return null;
+	return children(runAsyncData);
 };
 //#endregion
-export { n as DataTableError };
+export { DataTableError };
 
 //# sourceMappingURL=DataTableError.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableError.js","names":[],"sources":["../../../src/components/data-table/DataTableError.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { AsyncDataState, DataTableContextType } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\nexport const DataTableError = ({\n  children\n}: {\n  children: (retry?: DataTableContextType['runAsyncData']) => React.ReactElement\n}) => {\n  const { asyncDataState, runAsyncData } = useDataTable()\n\n  if (asyncDataState !== AsyncDataState.REJECTED) return null\n\n  return children(runAsyncData)\n}\n"],"mappings":";;;AAKA,IAAa,KAAkB,EAC7B,kBAGI;CACJ,IAAM,EAAE,mBAAgB,oBAAiB,GAAc;AAIvD,QAFI,MAAmB,EAAe,WAE/B,EAAS,EAAa,GAF0B"}
+{"version":3,"file":"DataTableError.js","names":[],"sources":["../../../src/components/data-table/DataTableError.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { AsyncDataState, DataTableContextType } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\nexport const DataTableError = ({\n  children\n}: {\n  children: (retry?: DataTableContextType['runAsyncData']) => React.ReactElement\n}) => {\n  const { asyncDataState, runAsyncData } = useDataTable()\n\n  if (asyncDataState !== AsyncDataState.REJECTED) return null\n\n  return children(runAsyncData)\n}\n"],"mappings":";;;AAKA,IAAa,kBAAkB,EAC7B,eAGI;CACJ,MAAM,EAAE,gBAAgB,iBAAiB,cAAc;AAEvD,KAAI,mBAAmB,eAAe,SAAU,QAAO;AAEvD,QAAO,SAAS,aAAa"}

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

@@ -1,29 +1,32 @@
-import { Label as e } from "../label/Label.js";
-import { AsyncDataState as t } from "./DataTable.types.js";
-import { useDataTable as n } from "./DataTableContext.js";
-import { SearchInput as r } from "../search-input/SearchInput.js";
-import i from "clsx";
-import * as a from "react";
-import { debounce as o } from "throttle-debounce";
+import { Label } from "../label/Label.js";
+import { AsyncDataState } from "./DataTable.types.js";
+import { useDataTable } from "./DataTableContext.js";
+import { SearchInput } from "../search-input/SearchInput.js";
+import clsx from "clsx";
+import * as React$1 from "react";
+import { debounce } from "throttle-debounce";
 //#region src/components/data-table/DataTableGlobalFilter.tsx
-var s = ({ onChange: s, label: c, hideLabel: l = !1, ...u }) => {
-	let { setGlobalFilter: d, getState: f, resetPagination: p, getTotalRows: m, asyncDataState: h } = n(), { globalFilter: g } = f();
-	if (h !== t.PENDING && m() === 0) return null;
-	let _ = o(250, (e) => {
-		let { target: { value: t } } = e;
-		s?.(e), p(), d(t);
+var DataTableGlobalFilter = ({ onChange, label, hideLabel = false, ...props }) => {
+	const { setGlobalFilter, getState, resetPagination, getTotalRows, asyncDataState } = useDataTable();
+	const { globalFilter } = getState();
+	if (!(asyncDataState === AsyncDataState.PENDING) && getTotalRows() === 0) return null;
+	const handleChange = debounce(250, (event) => {
+		const { target: { value } } = event;
+		onChange?.(event);
+		resetPagination();
+		setGlobalFilter(value);
 	});
-	return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(e, {
-		htmlFor: c,
-		className: i("mb-3", l && "sr-only")
-	}, c), /* @__PURE__ */ a.createElement(r, {
-		...u,
-		defaultValue: g,
-		onChange: _,
-		name: c
+	return /* @__PURE__ */ React$1.createElement(React$1.Fragment, null, /* @__PURE__ */ React$1.createElement(Label, {
+		htmlFor: label,
+		className: clsx("mb-3", hideLabel && "sr-only")
+	}, label), /* @__PURE__ */ React$1.createElement(SearchInput, {
+		...props,
+		defaultValue: globalFilter,
+		onChange: handleChange,
+		name: label
 	}));
 };
 //#endregion
-export { s as DataTableGlobalFilter };
+export { DataTableGlobalFilter };
 
 //# sourceMappingURL=DataTableGlobalFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableGlobalFilter.js","names":[],"sources":["../../../src/components/data-table/DataTableGlobalFilter.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\nimport { debounce } from 'throttle-debounce'\n\nimport { Label } from '../label/Label'\nimport { SearchInput } from '../search-input/SearchInput'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableSearchProps = React.ComponentProps<typeof SearchInput> & {\n  label: string\n  hideLabel?: boolean\n}\nexport const DataTableGlobalFilter = ({\n  onChange,\n  label,\n  hideLabel = false,\n  ...props\n}: DataTableSearchProps) => {\n  const {\n    setGlobalFilter,\n    getState,\n    resetPagination,\n    getTotalRows,\n    asyncDataState\n  } = useDataTable()\n  const { globalFilter } = getState()\n\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n\n  if (isEmpty) return null\n\n  const handleChange = debounce(250, (event) => {\n    const {\n      target: { value }\n    } = event\n\n    onChange?.(event)\n    resetPagination()\n    setGlobalFilter(value)\n  })\n\n  return (\n    <>\n      <Label htmlFor={label} className={clsx('mb-3', hideLabel && 'sr-only')}>\n        {label}\n      </Label>\n      <SearchInput\n        {...props}\n        defaultValue={globalFilter}\n        onChange={handleChange}\n        name={label}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAaA,IAAa,KAAyB,EACpC,aACA,UACA,eAAY,IACZ,GAAG,QACuB;CAC1B,IAAM,EACJ,oBACA,aACA,oBACA,iBACA,sBACE,GAAc,EACZ,EAAE,oBAAiB,GAAU;AAKnC,KAHkB,MAAmB,EAAe,WACtB,GAAc,KAAK,EAEpC,QAAO;CAEpB,IAAM,IAAe,EAAS,MAAM,MAAU;EAC5C,IAAM,EACJ,QAAQ,EAAE,eACR;AAIJ,EAFA,IAAW,EAAM,EACjB,GAAiB,EACjB,EAAgB,EAAM;GACtB;AAEF,QACE,kBAAA,cAAA,EAAA,UAAA,MACE,kBAAA,cAAC,GAAD;EAAO,SAAS;EAAO,WAAW,EAAK,QAAQ,KAAa,UAAU;EAE9D,EADL,EACK,EACR,kBAAA,cAAC,GAAD;EACE,GAAI;EACJ,cAAc;EACd,UAAU;EACV,MAAM;EACN,CAAA,CACD"}
+{"version":3,"file":"DataTableGlobalFilter.js","names":[],"sources":["../../../src/components/data-table/DataTableGlobalFilter.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\nimport { debounce } from 'throttle-debounce'\n\nimport { Label } from '../label/Label'\nimport { SearchInput } from '../search-input/SearchInput'\nimport { AsyncDataState } from './DataTable.types'\nimport { useDataTable } from './DataTableContext'\n\ntype DataTableSearchProps = React.ComponentProps<typeof SearchInput> & {\n  label: string\n  hideLabel?: boolean\n}\nexport const DataTableGlobalFilter = ({\n  onChange,\n  label,\n  hideLabel = false,\n  ...props\n}: DataTableSearchProps) => {\n  const {\n    setGlobalFilter,\n    getState,\n    resetPagination,\n    getTotalRows,\n    asyncDataState\n  } = useDataTable()\n  const { globalFilter } = getState()\n\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n\n  if (isEmpty) return null\n\n  const handleChange = debounce(250, (event) => {\n    const {\n      target: { value }\n    } = event\n\n    onChange?.(event)\n    resetPagination()\n    setGlobalFilter(value)\n  })\n\n  return (\n    <>\n      <Label htmlFor={label} className={clsx('mb-3', hideLabel && 'sr-only')}>\n        {label}\n      </Label>\n      <SearchInput\n        {...props}\n        defaultValue={globalFilter}\n        onChange={handleChange}\n        name={label}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAaA,IAAa,yBAAyB,EACpC,UACA,OACA,YAAY,OACZ,GAAG,YACuB;CAC1B,MAAM,EACJ,iBACA,UACA,iBACA,cACA,mBACE,cAAc;CAClB,MAAM,EAAE,iBAAiB,UAAU;AAKnC,KAFgB,EADE,mBAAmB,eAAe,YACtB,cAAc,KAAK,EAEpC,QAAO;CAEpB,MAAM,eAAe,SAAS,MAAM,UAAU;EAC5C,MAAM,EACJ,QAAQ,EAAE,YACR;AAEJ,aAAW,MAAM;AACjB,mBAAiB;AACjB,kBAAgB,MAAM;GACtB;AAEF,QACE,wBAAA,cAAA,QAAA,UAAA,MACE,wBAAA,cAAC,OAAD;EAAO,SAAS;EAAO,WAAW,KAAK,QAAQ,aAAa,UAAU;EAE9D,EADL,MACK,EACR,wBAAA,cAAC,aAAD;EACE,GAAI;EACJ,cAAc;EACd,UAAU;EACV,MAAM;EACN,CAAA,CACD"}

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

@@ -1,54 +1,69 @@
-import { Table as e } from "../table/Table.js";
-import { useDataTable as t } from "./DataTableContext.js";
-import { DataTableHeaderCell as n } from "./DataTableHeaderCell.js";
-import { DataTableSelectAllRowsCheckbox as r } from "./DataTableSelectAllRowsCheckbox.js";
-import i from "clsx";
-import * as a from "react";
+import { Table } from "../table/Table.js";
+import { useDataTable } from "./DataTableContext.js";
+import { DataTableHeaderCell } from "./DataTableHeaderCell.js";
+import { DataTableSelectAllRowsCheckbox } from "./DataTableSelectAllRowsCheckbox.js";
+import clsx from "clsx";
+import * as React$1 from "react";
 //#region src/components/data-table/DataTableHead.tsx
-var o = ({ sortable: o = !0, theme: s = "light", isSticky: c = !1, stickyOffset: l = 0, showTotalInFirstColumn: u, totalSuffix: d, style: f, className: p, ...m }) => {
-	let { getHeaderGroups: h, setIsSortable: g, enableRowSelection: _, getCanSomeRowsExpand: v, tablePosition: y, setTablePosition: b } = t();
-	a.useEffect(() => {
-		g(o);
-	}, [o, g]);
-	let x = a.useRef(null), S = a.useRef(null), C = a.useRef(0), [w, T] = a.useState(0), [E, D] = a.useState(!1), O = x?.current?.closest("thead");
-	if (O && y?.offsetTop === null) {
-		let e = l + O.getBoundingClientRect().height;
-		y && b({
-			...y,
-			offsetTop: e || 0
+var DataTableHead = ({ sortable = true, theme = "light", isSticky = false, stickyOffset = 0, showTotalInFirstColumn, totalSuffix, style, className, ...props }) => {
+	const { getHeaderGroups, setIsSortable, enableRowSelection, getCanSomeRowsExpand, tablePosition, setTablePosition } = useDataTable();
+	React$1.useEffect(() => {
+		setIsSortable(sortable);
+	}, [sortable, setIsSortable]);
+	const tableHeaderRowRef = React$1.useRef(null);
+	const tableRef = React$1.useRef(null);
+	const headerOffsetRef = React$1.useRef(0);
+	const [headerOffset, setHeaderOffset] = React$1.useState(0);
+	const [headerHide, setHeaderHide] = React$1.useState(false);
+	const tableHeadElement = tableHeaderRowRef?.current?.closest("thead");
+	if (tableHeadElement && tablePosition?.offsetTop === null) {
+		const intersectionOffset = stickyOffset + tableHeadElement.getBoundingClientRect().height;
+		if (tablePosition) setTablePosition({
+			...tablePosition,
+			offsetTop: intersectionOffset || 0
 		});
 	}
-	return a.useEffect(() => {
-		if (c && (!S.current && x.current && (S.current = x.current.closest("table")), S.current && y?.top !== null && y?.bottom !== null)) {
-			let e = y?.top != null && y?.bottom != null && y.top < l && y.bottom > 100 ? -y.top + l : 0;
-			e !== 0 && D(!0), C.current = e, T(e), requestAnimationFrame(() => {
-				D(!1);
-			});
+	React$1.useEffect(() => {
+		if (!isSticky) return;
+		if (!tableRef.current && tableHeaderRowRef.current) tableRef.current = tableHeaderRowRef.current.closest("table");
+		if (tableRef.current) {
+			if (tablePosition?.top !== null && tablePosition?.bottom !== null) {
+				const newOffset = tablePosition?.top != null && tablePosition?.bottom != null && tablePosition.top < stickyOffset && tablePosition.bottom > 100 ? -tablePosition.top + stickyOffset : 0;
+				if (newOffset !== 0) setHeaderHide(true);
+				headerOffsetRef.current = newOffset;
+				setHeaderOffset(newOffset);
+				requestAnimationFrame(() => {
+					setHeaderHide(false);
+				});
+			}
 		}
 	}, [
-		c,
-		l,
-		y
-	]), /* @__PURE__ */ a.createElement(e.Header, {
-		theme: s,
+		isSticky,
+		stickyOffset,
+		tablePosition
+	]);
+	return /* @__PURE__ */ React$1.createElement(Table.Header, {
+		theme,
 		style: {
-			...f,
-			"--header-offset": `${w}px`
+			...style,
+			"--header-offset": `${headerOffset}px`
 		},
-		...m,
-		className: i("relative", "z-3", "[&_tr:not(:last-child)>th]:border-b-none", "[&_tr:not(:first-child)>th]:rounded-none!", p)
-	}, h().map((t) => /* @__PURE__ */ a.createElement(e.Row, {
-		key: t.id,
-		ref: x,
-		className: c && w !== 0 ? i("translate-y-(--header-offset)", E ? "delay-0ms opacity-0 transition-none" : "delay-150ms opacity-100 transition-opacity duration-100", "[&_th]:last:before:absolute", "[&_th]:last:before:bottom-0", "[&_th]:last:before:pointer-events-none", "[&_th]:last:before:right-0", "[&_th]:last:before:shadow-sm", "[&_th]:last:before:top-0", "[&_th]:last:before:w-full") : void 0
-	}, v() && /* @__PURE__ */ a.createElement(e.HeaderCell, { className: "w-10" }), _ && /* @__PURE__ */ a.createElement(e.HeaderCell, { className: "w-10" }, /* @__PURE__ */ a.createElement(r, null)), t.headers.map((e, t) => /* @__PURE__ */ a.createElement(n, {
-		header: e,
-		key: e.id,
-		includeTotal: t === 0 && u,
-		totalSuffix: d
-	})))));
+		...props,
+		className: clsx("relative", "z-3", "[&_tr:not(:last-child)>th]:border-b-none", "[&_tr:not(:first-child)>th]:rounded-none!", className)
+	}, getHeaderGroups().map((headerGroup) => {
+		return /* @__PURE__ */ React$1.createElement(Table.Row, {
+			key: headerGroup.id,
+			ref: tableHeaderRowRef,
+			className: isSticky && headerOffset !== 0 ? clsx("translate-y-(--header-offset)", headerHide ? "delay-0ms opacity-0 transition-none" : "delay-150ms opacity-100 transition-opacity duration-100", "[&_th]:last:before:absolute", "[&_th]:last:before:bottom-0", "[&_th]:last:before:pointer-events-none", "[&_th]:last:before:right-0", "[&_th]:last:before:shadow-sm", "[&_th]:last:before:top-0", "[&_th]:last:before:w-full") : void 0
+		}, getCanSomeRowsExpand() && /* @__PURE__ */ React$1.createElement(Table.HeaderCell, { className: "w-10" }), enableRowSelection && /* @__PURE__ */ React$1.createElement(Table.HeaderCell, { className: "w-10" }, /* @__PURE__ */ React$1.createElement(DataTableSelectAllRowsCheckbox, null)), headerGroup.headers.map((header, index) => /* @__PURE__ */ React$1.createElement(DataTableHeaderCell, {
+			header,
+			key: header.id,
+			includeTotal: index === 0 && showTotalInFirstColumn,
+			totalSuffix
+		})));
+	}));
 };
 //#endregion
-export { o as DataTableHead };
+export { DataTableHead };
 
 //# sourceMappingURL=DataTableHead.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataTableHead.js","names":[],"sources":["../../../src/components/data-table/DataTableHead.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Table } from '../table/Table'\nimport { useDataTable } from './DataTableContext'\nimport { DataTableHeaderCell } from './DataTableHeaderCell'\nimport { DataTableSelectAllRowsCheckbox } from './DataTableSelectAllRowsCheckbox'\n\ntype DataTableHeadProps = Omit<\n  React.ComponentProps<typeof Table.Header>,\n  'children'\n> & {\n  sortable?: boolean\n  isSticky?: boolean\n  stickyOffset?: number\n  showTotalInFirstColumn?: boolean\n  totalSuffix?: string\n}\n\nexport const DataTableHead = ({\n  sortable = true,\n  theme = 'light',\n  isSticky = false,\n  stickyOffset = 0,\n  showTotalInFirstColumn,\n  totalSuffix,\n  style,\n  className,\n  ...props\n}: DataTableHeadProps): React.ReactElement => {\n  const {\n    getHeaderGroups,\n    setIsSortable,\n    enableRowSelection,\n    getCanSomeRowsExpand,\n    tablePosition,\n    setTablePosition\n  } = useDataTable()\n\n  React.useEffect(() => {\n    setIsSortable(sortable)\n  }, [sortable, setIsSortable])\n\n  const tableHeaderRowRef = React.useRef<HTMLTableRowElement>(null)\n  const tableRef = React.useRef<HTMLTableElement | null>(null)\n  const headerOffsetRef = React.useRef(0)\n\n  const [headerOffset, setHeaderOffset] = React.useState<number>(0)\n  const [headerHide, setHeaderHide] = React.useState<boolean>(false)\n\n  const tableHeadElement = tableHeaderRowRef?.current?.closest('thead')\n\n  if (tableHeadElement && tablePosition?.offsetTop === null) {\n    const tableHeadHeight = tableHeadElement.getBoundingClientRect().height\n    const intersectionOffset = stickyOffset + tableHeadHeight\n    if (tablePosition) {\n      setTablePosition({ ...tablePosition, offsetTop: intersectionOffset || 0 })\n    }\n  }\n\n  React.useEffect(() => {\n    if (!isSticky) return\n\n    if (!tableRef.current && tableHeaderRowRef.current) {\n      tableRef.current = tableHeaderRowRef.current.closest(\n        'table'\n      ) as HTMLTableElement | null\n    }\n\n    if (tableRef.current) {\n      if (tablePosition?.top !== null && tablePosition?.bottom !== null) {\n        const newOffset =\n          tablePosition?.top != null &&\n          tablePosition?.bottom != null &&\n          tablePosition.top < stickyOffset &&\n          tablePosition.bottom > 100\n            ? -tablePosition.top + stickyOffset\n            : 0\n\n        if (newOffset !== 0) setHeaderHide(true)\n\n        headerOffsetRef.current = newOffset\n        setHeaderOffset(newOffset)\n\n        requestAnimationFrame(() => {\n          setHeaderHide(false)\n        })\n      }\n    }\n  }, [isSticky, stickyOffset, tablePosition])\n\n  return (\n    <Table.Header\n      theme={theme}\n      style={{\n        ...style,\n        '--header-offset': `${headerOffset}px`\n      }}\n      {...props}\n      className={clsx(\n        'relative',\n        'z-3',\n        '[&_tr:not(:last-child)>th]:border-b-none',\n        '[&_tr:not(:first-child)>th]:rounded-none!',\n        className\n      )}\n    >\n      {getHeaderGroups().map((headerGroup) => {\n        return (\n          <Table.Row\n            key={headerGroup.id}\n            ref={tableHeaderRowRef}\n            className={\n              isSticky && headerOffset !== 0\n                ? clsx(\n                    'translate-y-(--header-offset)',\n                    headerHide\n                      ? 'delay-0ms opacity-0 transition-none'\n                      : 'delay-150ms opacity-100 transition-opacity duration-100',\n                    '[&_th]:last:before:absolute',\n                    '[&_th]:last:before:bottom-0',\n                    '[&_th]:last:before:pointer-events-none',\n                    '[&_th]:last:before:right-0',\n                    '[&_th]:last:before:shadow-sm',\n                    '[&_th]:last:before:top-0',\n                    '[&_th]:last:before:w-full'\n                  )\n                : undefined\n            }\n          >\n            {getCanSomeRowsExpand() && <Table.HeaderCell className=\"w-10\" />}\n            {enableRowSelection && (\n              <Table.HeaderCell className=\"w-10\">\n                <DataTableSelectAllRowsCheckbox />\n              </Table.HeaderCell>\n            )}\n            {headerGroup.headers.map((header, index) => (\n              <DataTableHeaderCell\n                header={header}\n                key={header.id}\n                includeTotal={index === 0 && showTotalInFirstColumn}\n                totalSuffix={totalSuffix}\n              />\n            ))}\n          </Table.Row>\n        )\n      })}\n    </Table.Header>\n  )\n}\n"],"mappings":";;;;;;;AAmBA,IAAa,KAAiB,EAC5B,cAAW,IACX,WAAQ,SACR,cAAW,IACX,kBAAe,GACf,2BACA,gBACA,UACA,cACA,GAAG,QACyC;CAC5C,IAAM,EACJ,oBACA,kBACA,uBACA,yBACA,kBACA,wBACE,GAAc;AAElB,GAAM,gBAAgB;AACpB,IAAc,EAAS;IACtB,CAAC,GAAU,EAAc,CAAC;CAE7B,IAAM,IAAoB,EAAM,OAA4B,KAAK,EAC3D,IAAW,EAAM,OAAgC,KAAK,EACtD,IAAkB,EAAM,OAAO,EAAE,EAEjC,CAAC,GAAc,KAAmB,EAAM,SAAiB,EAAE,EAC3D,CAAC,GAAY,KAAiB,EAAM,SAAkB,GAAM,EAE5D,IAAmB,GAAmB,SAAS,QAAQ,QAAQ;AAErE,KAAI,KAAoB,GAAe,cAAc,MAAM;EAEzD,IAAM,IAAqB,IADH,EAAiB,uBAAuB,CAAC;AAEjE,EAAI,KACF,EAAiB;GAAE,GAAG;GAAe,WAAW,KAAsB;GAAG,CAAC;;AAmC9E,QA/BA,EAAM,gBAAgB;AACf,YAED,CAAC,EAAS,WAAW,EAAkB,YACzC,EAAS,UAAU,EAAkB,QAAQ,QAC3C,QACD,GAGC,EAAS,WACP,GAAe,QAAQ,QAAQ,GAAe,WAAW,OAAM;GACjE,IAAM,IACJ,GAAe,OAAO,QACtB,GAAe,UAAU,QACzB,EAAc,MAAM,KACpB,EAAc,SAAS,MACnB,CAAC,EAAc,MAAM,IACrB;AAON,GALI,MAAc,KAAG,EAAc,GAAK,EAExC,EAAgB,UAAU,GAC1B,EAAgB,EAAU,EAE1B,4BAA4B;AAC1B,MAAc,GAAM;KACpB;;IAGL;EAAC;EAAU;EAAc;EAAc,CAAC,EAGzC,kBAAA,cAAC,EAAM,QAAP;EACS;EACP,OAAO;GACL,GAAG;GACH,mBAAmB,GAAG,EAAa;GACpC;EACD,GAAI;EACJ,WAAW,EACT,YACA,OACA,4CACA,6CACA,EACD;EA0CY,EAxCZ,GAAiB,CAAC,KAAK,MAEpB,kBAAA,cAAC,EAAM,KAAP;EACE,KAAK,EAAY;EACjB,KAAK;EACL,WACE,KAAY,MAAiB,IACzB,EACE,iCACA,IACI,wCACA,2DACJ,+BACA,+BACA,0CACA,8BACA,gCACA,4BACA,4BACD,GACD,KAAA;EAiBI,EAdT,GAAsB,IAAI,kBAAA,cAAC,EAAM,YAAP,EAAkB,WAAU,QAAS,CAAA,EAC/D,KACC,kBAAA,cAAC,EAAM,YAAP,EAAkB,WAAU,QAET,EADjB,kBAAA,cAAC,GAAA,KAAiC,CACjB,EAEpB,EAAY,QAAQ,KAAK,GAAQ,MAChC,kBAAA,cAAC,GAAD;EACU;EACR,KAAK,EAAO;EACZ,cAAc,MAAU,KAAK;EAChB;EACb,CAAA,CACF,CACQ,CAEd,CACW"}
+{"version":3,"file":"DataTableHead.js","names":[],"sources":["../../../src/components/data-table/DataTableHead.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport * as React from 'react'\n\nimport { Table } from '../table/Table'\nimport { useDataTable } from './DataTableContext'\nimport { DataTableHeaderCell } from './DataTableHeaderCell'\nimport { DataTableSelectAllRowsCheckbox } from './DataTableSelectAllRowsCheckbox'\n\ntype DataTableHeadProps = Omit<\n  React.ComponentProps<typeof Table.Header>,\n  'children'\n> & {\n  sortable?: boolean\n  isSticky?: boolean\n  stickyOffset?: number\n  showTotalInFirstColumn?: boolean\n  totalSuffix?: string\n}\n\nexport const DataTableHead = ({\n  sortable = true,\n  theme = 'light',\n  isSticky = false,\n  stickyOffset = 0,\n  showTotalInFirstColumn,\n  totalSuffix,\n  style,\n  className,\n  ...props\n}: DataTableHeadProps): React.ReactElement => {\n  const {\n    getHeaderGroups,\n    setIsSortable,\n    enableRowSelection,\n    getCanSomeRowsExpand,\n    tablePosition,\n    setTablePosition\n  } = useDataTable()\n\n  React.useEffect(() => {\n    setIsSortable(sortable)\n  }, [sortable, setIsSortable])\n\n  const tableHeaderRowRef = React.useRef<HTMLTableRowElement>(null)\n  const tableRef = React.useRef<HTMLTableElement | null>(null)\n  const headerOffsetRef = React.useRef(0)\n\n  const [headerOffset, setHeaderOffset] = React.useState<number>(0)\n  const [headerHide, setHeaderHide] = React.useState<boolean>(false)\n\n  const tableHeadElement = tableHeaderRowRef?.current?.closest('thead')\n\n  if (tableHeadElement && tablePosition?.offsetTop === null) {\n    const tableHeadHeight = tableHeadElement.getBoundingClientRect().height\n    const intersectionOffset = stickyOffset + tableHeadHeight\n    if (tablePosition) {\n      setTablePosition({ ...tablePosition, offsetTop: intersectionOffset || 0 })\n    }\n  }\n\n  React.useEffect(() => {\n    if (!isSticky) return\n\n    if (!tableRef.current && tableHeaderRowRef.current) {\n      tableRef.current = tableHeaderRowRef.current.closest(\n        'table'\n      ) as HTMLTableElement | null\n    }\n\n    if (tableRef.current) {\n      if (tablePosition?.top !== null && tablePosition?.bottom !== null) {\n        const newOffset =\n          tablePosition?.top != null &&\n          tablePosition?.bottom != null &&\n          tablePosition.top < stickyOffset &&\n          tablePosition.bottom > 100\n            ? -tablePosition.top + stickyOffset\n            : 0\n\n        if (newOffset !== 0) setHeaderHide(true)\n\n        headerOffsetRef.current = newOffset\n        setHeaderOffset(newOffset)\n\n        requestAnimationFrame(() => {\n          setHeaderHide(false)\n        })\n      }\n    }\n  }, [isSticky, stickyOffset, tablePosition])\n\n  return (\n    <Table.Header\n      theme={theme}\n      style={{\n        ...style,\n        '--header-offset': `${headerOffset}px`\n      }}\n      {...props}\n      className={clsx(\n        'relative',\n        'z-3',\n        '[&_tr:not(:last-child)>th]:border-b-none',\n        '[&_tr:not(:first-child)>th]:rounded-none!',\n        className\n      )}\n    >\n      {getHeaderGroups().map((headerGroup) => {\n        return (\n          <Table.Row\n            key={headerGroup.id}\n            ref={tableHeaderRowRef}\n            className={\n              isSticky && headerOffset !== 0\n                ? clsx(\n                    'translate-y-(--header-offset)',\n                    headerHide\n                      ? 'delay-0ms opacity-0 transition-none'\n                      : 'delay-150ms opacity-100 transition-opacity duration-100',\n                    '[&_th]:last:before:absolute',\n                    '[&_th]:last:before:bottom-0',\n                    '[&_th]:last:before:pointer-events-none',\n                    '[&_th]:last:before:right-0',\n                    '[&_th]:last:before:shadow-sm',\n                    '[&_th]:last:before:top-0',\n                    '[&_th]:last:before:w-full'\n                  )\n                : undefined\n            }\n          >\n            {getCanSomeRowsExpand() && <Table.HeaderCell className=\"w-10\" />}\n            {enableRowSelection && (\n              <Table.HeaderCell className=\"w-10\">\n                <DataTableSelectAllRowsCheckbox />\n              </Table.HeaderCell>\n            )}\n            {headerGroup.headers.map((header, index) => (\n              <DataTableHeaderCell\n                header={header}\n                key={header.id}\n                includeTotal={index === 0 && showTotalInFirstColumn}\n                totalSuffix={totalSuffix}\n              />\n            ))}\n          </Table.Row>\n        )\n      })}\n    </Table.Header>\n  )\n}\n"],"mappings":";;;;;;;AAmBA,IAAa,iBAAiB,EAC5B,WAAW,MACX,QAAQ,SACR,WAAW,OACX,eAAe,GACf,wBACA,aACA,OACA,WACA,GAAG,YACyC;CAC5C,MAAM,EACJ,iBACA,eACA,oBACA,sBACA,eACA,qBACE,cAAc;AAElB,SAAM,gBAAgB;AACpB,gBAAc,SAAS;IACtB,CAAC,UAAU,cAAc,CAAC;CAE7B,MAAM,oBAAoB,QAAM,OAA4B,KAAK;CACjE,MAAM,WAAW,QAAM,OAAgC,KAAK;CAC5D,MAAM,kBAAkB,QAAM,OAAO,EAAE;CAEvC,MAAM,CAAC,cAAc,mBAAmB,QAAM,SAAiB,EAAE;CACjE,MAAM,CAAC,YAAY,iBAAiB,QAAM,SAAkB,MAAM;CAElE,MAAM,mBAAmB,mBAAmB,SAAS,QAAQ,QAAQ;AAErE,KAAI,oBAAoB,eAAe,cAAc,MAAM;EAEzD,MAAM,qBAAqB,eADH,iBAAiB,uBAAuB,CAAC;AAEjE,MAAI,cACF,kBAAiB;GAAE,GAAG;GAAe,WAAW,sBAAsB;GAAG,CAAC;;AAI9E,SAAM,gBAAgB;AACpB,MAAI,CAAC,SAAU;AAEf,MAAI,CAAC,SAAS,WAAW,kBAAkB,QACzC,UAAS,UAAU,kBAAkB,QAAQ,QAC3C,QACD;AAGH,MAAI,SAAS;OACP,eAAe,QAAQ,QAAQ,eAAe,WAAW,MAAM;IACjE,MAAM,YACJ,eAAe,OAAO,QACtB,eAAe,UAAU,QACzB,cAAc,MAAM,gBACpB,cAAc,SAAS,MACnB,CAAC,cAAc,MAAM,eACrB;AAEN,QAAI,cAAc,EAAG,eAAc,KAAK;AAExC,oBAAgB,UAAU;AAC1B,oBAAgB,UAAU;AAE1B,gCAA4B;AAC1B,mBAAc,MAAM;MACpB;;;IAGL;EAAC;EAAU;EAAc;EAAc,CAAC;AAE3C,QACE,wBAAA,cAAC,MAAM,QAAP;EACS;EACP,OAAO;GACL,GAAG;GACH,mBAAmB,GAAG,aAAa;GACpC;EACD,GAAI;EACJ,WAAW,KACT,YACA,OACA,4CACA,6CACA,UACD;EA0CY,EAxCZ,iBAAiB,CAAC,KAAK,gBAAgB;AACtC,SACE,wBAAA,cAAC,MAAM,KAAP;GACE,KAAK,YAAY;GACjB,KAAK;GACL,WACE,YAAY,iBAAiB,IACzB,KACE,iCACA,aACI,wCACA,2DACJ,+BACA,+BACA,0CACA,8BACA,gCACA,4BACA,4BACD,GACD,KAAA;GAiBI,EAdT,sBAAsB,IAAI,wBAAA,cAAC,MAAM,YAAP,EAAkB,WAAU,QAAS,CAAA,EAC/D,sBACC,wBAAA,cAAC,MAAM,YAAP,EAAkB,WAAU,QAET,EADjB,wBAAA,cAAC,gCAAA,KAAiC,CACjB,EAEpB,YAAY,QAAQ,KAAK,QAAQ,UAChC,wBAAA,cAAC,qBAAD;GACU;GACR,KAAK,OAAO;GACZ,cAAc,UAAU,KAAK;GAChB;GACb,CAAA,CACF,CACQ;GAEd,CACW"}