@atom-learning/components 6.5.4 → 6.5.5

package/dist/components/data-table/drag-and-drop/DragAndDropTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDropTable.js","names":[],"sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropTable.tsx"],"sourcesContent":["import { arrayMove } from '@dnd-kit/sortable'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport * as Sortable from '../../sortable'\nimport { Table } from '../../table/Table'\nimport { AsyncDataState, TAsyncDataResult } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\nimport { DataTableHead } from '../DataTableHead'\nimport { DataTableLoading } from '../DataTableLoading'\nimport type { DataTableTableProps } from '../DataTableTable'\nimport { DragAndDropTableBody } from './DragAndDropTableBody'\n\ntype DragAndDropTableProps = DataTableTableProps & {\n  className?: string\n  idColumn?: string\n  onDragAndDrop?: (onDragAndDropData: {\n    oldIndex: number\n    newIndex: number\n    newData: TAsyncDataResult\n  }) => void\n}\n\nexport const DragAndDropTable = ({\n  idColumn = 'id',\n  onDragAndDrop,\n  sortable,\n  striped,\n  theme,\n  className,\n  ...props\n}: DragAndDropTableProps) => {\n  const { asyncDataState, data, setData } = useDataTable()\n  const isPending = asyncDataState === AsyncDataState.PENDING\n\n  const rowIds = React.useMemo(\n    () =>\n      data.results.map((row) => {\n        return row[idColumn] as React.ReactText\n      }),\n    [data]\n  )\n  const handleSortChange = React.useCallback(\n    ({ oldIndex, newIndex }) => {\n      const sortedResults = arrayMove(data.results, oldIndex, newIndex)\n      const newData = { results: sortedResults, total: data.total }\n      setData({ results: sortedResults, total: data.total })\n      onDragAndDrop?.({ oldIndex, newIndex, newData })\n    },\n    [data, onDragAndDrop]\n  )\n\n  return (\n    <Sortable.Root onSortChange={handleSortChange} sortableIds={rowIds}>\n      <DataTableLoading />\n      <Table\n        {...props}\n        className={clsx(\n          className,\n          isPending && [\n            'opacity-50',\n            'pointer-events-none',\n            'transition-opacity,duration-250,linear,delay-150'\n          ]\n        )}\n      >\n        <DataTableHead theme={theme} sortable={sortable} />\n        <DragAndDropTableBody striped={striped} idColumn={idColumn} />\n      </Table>\n    </Sortable.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAuBA,IAAa,KAAoB,EAC/B,cAAW,MACX,kBACA,aACA,YACA,UACA,cACA,GAAG,QACwB;CAC3B,IAAM,EAAE,mBAAgB,SAAM,eAAY,GAAc,EAClD,IAAY,MAAmB,EAAe,SAE9C,IAAS,EAAM,cAEjB,EAAK,QAAQ,KAAK,MACT,EAAI,GACX,EACJ,CAAC,EAAK,CACP,EACK,IAAmB,EAAM,aAC5B,EAAE,aAAU,kBAAe;EAC1B,IAAM,IAAgB,EAAU,EAAK,SAAS,GAAU,EAAS,EAC3D,IAAU;GAAE,SAAS;GAAe,OAAO,EAAK;GAAO;AAE7D,EADA,EAAQ;GAAE,SAAS;GAAe,OAAO,EAAK;GAAO,CAAC,EACtD,IAAgB;GAAE;GAAU;GAAU;GAAS,CAAC;IAElD,CAAC,GAAM,EAAc,CACtB;AAED,QACE,kBAAA,cAAC,GAAD;EAAe,cAAc;EAAkB,aAAa;EAgB5C,EAfd,kBAAA,cAAC,GAAA,KAAmB,EACpB,kBAAA,cAAC,GAAD;EACE,GAAI;EACJ,WAAW,EACT,GACA,KAAa;GACX;GACA;GACA;GACD,CACF;EAIK,EAFN,kBAAA,cAAC,GAAD;EAAsB;EAAiB;EAAY,CAAA,EACnD,kBAAA,cAAC,GAAD;EAA+B;EAAmB;EAAY,CAAA,CACxD,CACM"}
+{"version":3,"file":"DragAndDropTable.js","names":[],"sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropTable.tsx"],"sourcesContent":["import { arrayMove } from '@dnd-kit/sortable'\nimport clsx from 'clsx'\nimport * as React from 'react'\n\nimport * as Sortable from '../../sortable'\nimport { Table } from '../../table/Table'\nimport { AsyncDataState, TAsyncDataResult } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\nimport { DataTableHead } from '../DataTableHead'\nimport { DataTableLoading } from '../DataTableLoading'\nimport type { DataTableTableProps } from '../DataTableTable'\nimport { DragAndDropTableBody } from './DragAndDropTableBody'\n\ntype DragAndDropTableProps = DataTableTableProps & {\n  className?: string\n  idColumn?: string\n  onDragAndDrop?: (onDragAndDropData: {\n    oldIndex: number\n    newIndex: number\n    newData: TAsyncDataResult\n  }) => void\n}\n\nexport const DragAndDropTable = ({\n  idColumn = 'id',\n  onDragAndDrop,\n  sortable,\n  striped,\n  theme,\n  className,\n  ...props\n}: DragAndDropTableProps) => {\n  const { asyncDataState, data, setData } = useDataTable()\n  const isPending = asyncDataState === AsyncDataState.PENDING\n\n  const rowIds = React.useMemo(\n    () =>\n      data.results.map((row) => {\n        return row[idColumn] as React.ReactText\n      }),\n    [data]\n  )\n  const handleSortChange = React.useCallback(\n    ({ oldIndex, newIndex }) => {\n      const sortedResults = arrayMove(data.results, oldIndex, newIndex)\n      const newData = { results: sortedResults, total: data.total }\n      setData({ results: sortedResults, total: data.total })\n      onDragAndDrop?.({ oldIndex, newIndex, newData })\n    },\n    [data, onDragAndDrop]\n  )\n\n  return (\n    <Sortable.Root onSortChange={handleSortChange} sortableIds={rowIds}>\n      <DataTableLoading />\n      <Table\n        {...props}\n        className={clsx(\n          className,\n          isPending && [\n            'opacity-50',\n            'pointer-events-none',\n            'transition-opacity,duration-250,linear,delay-150'\n          ]\n        )}\n      >\n        <DataTableHead theme={theme} sortable={sortable} />\n        <DragAndDropTableBody striped={striped} idColumn={idColumn} />\n      </Table>\n    </Sortable.Root>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAuBA,IAAa,oBAAoB,EAC/B,WAAW,MACX,eACA,UACA,SACA,OACA,WACA,GAAG,YACwB;CAC3B,MAAM,EAAE,gBAAgB,MAAM,YAAY,cAAc;CACxD,MAAM,YAAY,mBAAmB,eAAe;CAEpD,MAAM,SAAS,QAAM,cAEjB,KAAK,QAAQ,KAAK,QAAQ;AACxB,SAAO,IAAI;GACX,EACJ,CAAC,KAAK,CACP;CACD,MAAM,mBAAmB,QAAM,aAC5B,EAAE,UAAU,eAAe;EAC1B,MAAM,gBAAgB,UAAU,KAAK,SAAS,UAAU,SAAS;EACjE,MAAM,UAAU;GAAE,SAAS;GAAe,OAAO,KAAK;GAAO;AAC7D,UAAQ;GAAE,SAAS;GAAe,OAAO,KAAK;GAAO,CAAC;AACtD,kBAAgB;GAAE;GAAU;GAAU;GAAS,CAAC;IAElD,CAAC,MAAM,cAAc,CACtB;AAED,QACE,wBAAA,cAAC,cAAD;EAAe,cAAc;EAAkB,aAAa;EAgB5C,EAfd,wBAAA,cAAC,kBAAA,KAAmB,EACpB,wBAAA,cAAC,OAAD;EACE,GAAI;EACJ,WAAW,KACT,WACA,aAAa;GACX;GACA;GACA;GACD,CACF;EAIK,EAFN,wBAAA,cAAC,eAAD;EAAsB;EAAiB;EAAY,CAAA,EACnD,wBAAA,cAAC,sBAAD;EAA+B;EAAmB;EAAY,CAAA,CACxD,CACM"}

package/dist/components/data-table/drag-and-drop/DragAndDropTableBody.js

@@ -1,20 +1,22 @@
-import { Table as e } from "../../table/Table.js";
-import { useDataTable as t } from "../DataTableContext.js";
-import { DragAndDropTableRow as n } from "./DragAndDropTableRow.js";
-import * as r from "react";
+import { Table } from "../../table/Table.js";
+import { useDataTable } from "../DataTableContext.js";
+import { DragAndDropTableRow } from "./DragAndDropTableRow.js";
+import * as React$1 from "react";
 //#region src/components/data-table/drag-and-drop/DragAndDropTableBody.tsx
-var i = ({ striped: i = !1, idColumn: a = "id", ...o }) => {
-	let { getRowModel: s } = t();
-	return /* @__PURE__ */ r.createElement(e.Body, {
-		...o,
-		striped: i
-	}, s().rows.map((e) => /* @__PURE__ */ r.createElement(n, {
-		row: e,
-		key: e.id,
-		idColumn: a
-	})));
+var DragAndDropTableBody = ({ striped = false, idColumn = "id", ...props }) => {
+	const { getRowModel } = useDataTable();
+	return /* @__PURE__ */ React$1.createElement(Table.Body, {
+		...props,
+		striped
+	}, getRowModel().rows.map((row) => {
+		return /* @__PURE__ */ React$1.createElement(DragAndDropTableRow, {
+			row,
+			key: row.id,
+			idColumn
+		});
+	}));
 };
 //#endregion
-export { i as DragAndDropTableBody };
+export { DragAndDropTableBody };
 
 //# sourceMappingURL=DragAndDropTableBody.js.map

package/dist/components/data-table/drag-and-drop/DragAndDropTableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDropTableBody.js","names":[],"sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropTableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../../table/Table'\nimport { useDataTable } from '../DataTableContext'\nimport { DragAndDropTableRow } from './DragAndDropTableRow'\n\ntype DataTableBodyProps = Omit<\n  React.ComponentProps<typeof Table.Body>,\n  'children'\n> & {\n  idColumn?: string\n}\n\nexport const DragAndDropTableBody = ({\n  striped = false,\n  idColumn = 'id',\n  ...props\n}: DataTableBodyProps) => {\n  const { getRowModel } = useDataTable()\n  return (\n    <Table.Body {...props} striped={striped}>\n      {getRowModel().rows.map((row) => {\n        return (\n          <DragAndDropTableRow row={row} key={row.id} idColumn={idColumn} />\n        )\n      })}\n    </Table.Body>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,KAAwB,EACnC,aAAU,IACV,cAAW,MACX,GAAG,QACqB;CACxB,IAAM,EAAE,mBAAgB,GAAc;AACtC,QACE,kBAAA,cAAC,EAAM,MAAP;EAAY,GAAI;EAAgB;EAMnB,EALV,GAAa,CAAC,KAAK,KAAK,MAErB,kBAAA,cAAC,GAAD;EAA0B;EAAK,KAAK,EAAI;EAAc;EAAY,CAAA,CAEpE,CACS"}
+{"version":3,"file":"DragAndDropTableBody.js","names":[],"sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropTableBody.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Table } from '../../table/Table'\nimport { useDataTable } from '../DataTableContext'\nimport { DragAndDropTableRow } from './DragAndDropTableRow'\n\ntype DataTableBodyProps = Omit<\n  React.ComponentProps<typeof Table.Body>,\n  'children'\n> & {\n  idColumn?: string\n}\n\nexport const DragAndDropTableBody = ({\n  striped = false,\n  idColumn = 'id',\n  ...props\n}: DataTableBodyProps) => {\n  const { getRowModel } = useDataTable()\n  return (\n    <Table.Body {...props} striped={striped}>\n      {getRowModel().rows.map((row) => {\n        return (\n          <DragAndDropTableRow row={row} key={row.id} idColumn={idColumn} />\n        )\n      })}\n    </Table.Body>\n  )\n}\n"],"mappings":";;;;;AAaA,IAAa,wBAAwB,EACnC,UAAU,OACV,WAAW,MACX,GAAG,YACqB;CACxB,MAAM,EAAE,gBAAgB,cAAc;AACtC,QACE,wBAAA,cAAC,MAAM,MAAP;EAAY,GAAI;EAAgB;EAMnB,EALV,aAAa,CAAC,KAAK,KAAK,QAAQ;AAC/B,SACE,wBAAA,cAAC,qBAAD;GAA0B;GAAK,KAAK,IAAI;GAAc;GAAY,CAAA;GAEpE,CACS"}

package/dist/components/data-table/drag-and-drop/DragAndDropTableRow.js

@@ -1,24 +1,27 @@
-import { Table as e } from "../../table/Table.js";
-import { DataTableDataCell as t } from "../DataTableDataCell.js";
-import { SortableHandle as n } from "../../sortable/SortableHandle.js";
-import { SortableItem as r } from "../../sortable/SortableItem.js";
-import * as i from "react";
-import { flexRender as a } from "@tanstack/react-table";
+import { Table } from "../../table/Table.js";
+import { DataTableDataCell } from "../DataTableDataCell.js";
+import { SortableHandle } from "../../sortable/SortableHandle.js";
+import { SortableItem } from "../../sortable/SortableItem.js";
+import * as React$1 from "react";
+import { flexRender } from "@tanstack/react-table";
 //#region src/components/data-table/drag-and-drop/DragAndDropTableRow.tsx
-var o = ({ row: o, idColumn: s = "id" }) => {
-	let c = o.original[s];
-	return /* @__PURE__ */ i.createElement(r, {
-		id: c,
-		asChild: !0
-	}, /* @__PURE__ */ i.createElement(e.Row, null, o.getVisibleCells().map((r, o) => o === 0 ? /* @__PURE__ */ i.createElement(e.Cell, { key: r.id }, /* @__PURE__ */ i.createElement(n, {
-		targetId: c,
-		className: "inline-block"
-	}), a(r.column.columnDef.cell, r.getContext())) : /* @__PURE__ */ i.createElement(t, {
-		key: r.id,
-		cell: r
-	}))));
+var DragAndDropTableRow = ({ row, idColumn = "id" }) => {
+	const rowId = row.original[idColumn];
+	return /* @__PURE__ */ React$1.createElement(SortableItem, {
+		id: rowId,
+		asChild: true
+	}, /* @__PURE__ */ React$1.createElement(Table.Row, null, row.getVisibleCells().map((cell, i) => {
+		if (i === 0) return /* @__PURE__ */ React$1.createElement(Table.Cell, { key: cell.id }, /* @__PURE__ */ React$1.createElement(SortableHandle, {
+			targetId: rowId,
+			className: "inline-block"
+		}), flexRender(cell.column.columnDef.cell, cell.getContext()));
+		return /* @__PURE__ */ React$1.createElement(DataTableDataCell, {
+			key: cell.id,
+			cell
+		});
+	})));
 };
 //#endregion
-export { o as DragAndDropTableRow };
+export { DragAndDropTableRow };
 
 //# sourceMappingURL=DragAndDropTableRow.js.map

package/dist/components/data-table/drag-and-drop/DragAndDropTableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragAndDropTableRow.js","names":[],"sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropTableRow.tsx"],"sourcesContent":["import type { Row } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport * as Sortable from '../../sortable'\nimport { Table } from '../../table/Table'\nimport { DataTableDataCell } from '../DataTableDataCell'\n\nexport type DataTableDraggableRowProps = React.ComponentProps<\n  typeof Table.Row\n> & {\n  row: Row<Record<string, unknown>>\n  idColumn?: string\n}\n\nexport const DragAndDropTableRow = ({\n  row,\n  idColumn = 'id'\n}: DataTableDraggableRowProps) => {\n  const rowId = row.original[idColumn] as React.ReactText\n  return (\n    <Sortable.Item id={rowId} asChild>\n      <Table.Row>\n        {row.getVisibleCells().map((cell, i) => {\n          if (i === 0) {\n            return (\n              <Table.Cell key={cell.id}>\n                <Sortable.Handle targetId={rowId} className=\"inline-block\" />\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n              </Table.Cell>\n            )\n          }\n          return <DataTableDataCell key={cell.id} cell={cell} />\n        })}\n      </Table.Row>\n    </Sortable.Item>\n  )\n}\n"],"mappings":";;;;;;;AAeA,IAAa,KAAuB,EAClC,QACA,cAAW,WACqB;CAChC,IAAM,IAAQ,EAAI,SAAS;AAC3B,QACE,kBAAA,cAAC,GAAD;EAAe,IAAI;EAAO,SAAA;EAcV,EAbd,kBAAA,cAAC,EAAM,KAAA,MACJ,EAAI,iBAAiB,CAAC,KAAK,GAAM,MAC5B,MAAM,IAEN,kBAAA,cAAC,EAAM,MAAP,EAAY,KAAK,EAAK,IAGT,EAFX,kBAAA,cAAC,GAAD;EAAiB,UAAU;EAAO,WAAU;EAAiB,CAAA,EAC5D,EAAW,EAAK,OAAO,UAAU,MAAM,EAAK,YAAY,CAAC,CAC/C,GAGV,kBAAA,cAAC,GAAD;EAAmB,KAAK,EAAK;EAAU;EAAQ,CAAA,CACtD,CACQ,CACE"}
+{"version":3,"file":"DragAndDropTableRow.js","names":[],"sources":["../../../../src/components/data-table/drag-and-drop/DragAndDropTableRow.tsx"],"sourcesContent":["import type { Row } from '@tanstack/react-table'\nimport { flexRender } from '@tanstack/react-table'\nimport * as React from 'react'\n\nimport * as Sortable from '../../sortable'\nimport { Table } from '../../table/Table'\nimport { DataTableDataCell } from '../DataTableDataCell'\n\nexport type DataTableDraggableRowProps = React.ComponentProps<\n  typeof Table.Row\n> & {\n  row: Row<Record<string, unknown>>\n  idColumn?: string\n}\n\nexport const DragAndDropTableRow = ({\n  row,\n  idColumn = 'id'\n}: DataTableDraggableRowProps) => {\n  const rowId = row.original[idColumn] as React.ReactText\n  return (\n    <Sortable.Item id={rowId} asChild>\n      <Table.Row>\n        {row.getVisibleCells().map((cell, i) => {\n          if (i === 0) {\n            return (\n              <Table.Cell key={cell.id}>\n                <Sortable.Handle targetId={rowId} className=\"inline-block\" />\n                {flexRender(cell.column.columnDef.cell, cell.getContext())}\n              </Table.Cell>\n            )\n          }\n          return <DataTableDataCell key={cell.id} cell={cell} />\n        })}\n      </Table.Row>\n    </Sortable.Item>\n  )\n}\n"],"mappings":";;;;;;;AAeA,IAAa,uBAAuB,EAClC,KACA,WAAW,WACqB;CAChC,MAAM,QAAQ,IAAI,SAAS;AAC3B,QACE,wBAAA,cAAC,cAAD;EAAe,IAAI;EAAO,SAAA;EAcV,EAbd,wBAAA,cAAC,MAAM,KAAA,MACJ,IAAI,iBAAiB,CAAC,KAAK,MAAM,MAAM;AACtC,MAAI,MAAM,EACR,QACE,wBAAA,cAAC,MAAM,MAAP,EAAY,KAAK,KAAK,IAGT,EAFX,wBAAA,cAAC,gBAAD;GAAiB,UAAU;GAAO,WAAU;GAAiB,CAAA,EAC5D,WAAW,KAAK,OAAO,UAAU,MAAM,KAAK,YAAY,CAAC,CAC/C;AAGjB,SAAO,wBAAA,cAAC,mBAAD;GAAmB,KAAK,KAAK;GAAU;GAAQ,CAAA;GACtD,CACQ,CACE"}

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

@@ -1,18 +1,22 @@
-import e from "invariant";
+import invariant from "invariant";
 //#region src/components/data-table/getNewAsyncData.ts
-var t = (e) => {
-	if (e[0]) return e[0].desc ? "desc" : "asc";
-}, n = async (n, r, i, a, o) => {
-	let { pageIndex: s, pageSize: c } = i, l = await n({
-		pageIndex: r?.pageIndex ?? s,
-		pageSize: r?.pageSize ?? c,
-		sortBy: r?.sortBy ?? a[0]?.id,
-		sortDirection: r?.sortDirection ?? t(a),
-		globalFilter: r.globalFilter ?? o
+var getSortDirection = (sorting) => {
+	if (sorting[0]) return sorting[0].desc ? "desc" : "asc";
+};
+var getNewAsyncData = async (getAsyncData, asyncDataOptions, paginationState, sorting, globalFilter) => {
+	const { pageIndex, pageSize } = paginationState;
+	const newData = await getAsyncData({
+		pageIndex: asyncDataOptions?.pageIndex ?? pageIndex,
+		pageSize: asyncDataOptions?.pageSize ?? pageSize,
+		sortBy: asyncDataOptions?.sortBy ?? sorting[0]?.id,
+		sortDirection: asyncDataOptions?.sortDirection ?? getSortDirection(sorting),
+		globalFilter: asyncDataOptions.globalFilter ?? globalFilter
 	});
-	return e(Array.isArray(l?.results), "The getAsyncData function must return an object with a property `result` which must be an array"), e(l && Number.isInteger(l.total) && l.total >= 0, "The getAsyncData function must return an object with a property `total` which must be a positive integer or zero"), l;
+	invariant(Array.isArray(newData?.results), "The getAsyncData function must return an object with a property `result` which must be an array");
+	invariant(newData && Number.isInteger(newData.total) && newData.total >= 0, "The getAsyncData function must return an object with a property `total` which must be a positive integer or zero");
+	return newData;
 };
 //#endregion
-export { n as getNewAsyncData };
+export { getNewAsyncData };
 
 //# sourceMappingURL=getNewAsyncData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getNewAsyncData.js","names":[],"sources":["../../../src/components/data-table/getNewAsyncData.ts"],"sourcesContent":["import type {\n  PaginationState,\n  SortDirection,\n  SortingState\n} from '@tanstack/react-table'\nimport invariant from 'invariant'\n\nimport type {\n  TAsyncDataOptions,\n  TAsyncDataResult,\n  TGetAsyncData\n} from './DataTable.types'\n\nconst getSortDirection = (sorting: SortingState): SortDirection | undefined => {\n  if (sorting[0]) {\n    return sorting[0].desc ? 'desc' : 'asc'\n  }\n  return undefined\n}\n\nexport const getNewAsyncData = async (\n  getAsyncData: TGetAsyncData,\n  asyncDataOptions: Partial<TAsyncDataOptions>,\n  paginationState: PaginationState,\n  sorting: SortingState,\n  globalFilter: string\n): Promise<TAsyncDataResult | undefined> => {\n  const { pageIndex, pageSize } = paginationState\n  const params = {\n    pageIndex: asyncDataOptions?.pageIndex ?? pageIndex,\n    pageSize: asyncDataOptions?.pageSize ?? pageSize,\n    sortBy: asyncDataOptions?.sortBy ?? sorting[0]?.id,\n    sortDirection: asyncDataOptions?.sortDirection ?? getSortDirection(sorting),\n    globalFilter: asyncDataOptions.globalFilter ?? globalFilter\n  }\n\n  const newData = await getAsyncData(params)\n\n  invariant(\n    Array.isArray(newData?.results),\n    'The getAsyncData function must return an object with a property `result` which must be an array'\n  )\n  invariant(\n    newData && Number.isInteger(newData.total) && newData.total >= 0,\n    'The getAsyncData function must return an object with a property `total` which must be a positive integer or zero'\n  )\n\n  return newData\n}\n"],"mappings":";;AAaA,IAAM,KAAoB,MAAqD;AAC7E,KAAI,EAAQ,GACV,QAAO,EAAQ,GAAG,OAAO,SAAS;GAKzB,IAAkB,OAC7B,GACA,GACA,GACA,GACA,MAC0C;CAC1C,IAAM,EAAE,cAAW,gBAAa,GAS1B,IAAU,MAAM,EARP;EACb,WAAW,GAAkB,aAAa;EAC1C,UAAU,GAAkB,YAAY;EACxC,QAAQ,GAAkB,UAAU,EAAQ,IAAI;EAChD,eAAe,GAAkB,iBAAiB,EAAiB,EAAQ;EAC3E,cAAc,EAAiB,gBAAgB;EAChD,CAEyC;AAW1C,QATA,EACE,MAAM,QAAQ,GAAS,QAAQ,EAC/B,kGACD,EACD,EACE,KAAW,OAAO,UAAU,EAAQ,MAAM,IAAI,EAAQ,SAAS,GAC/D,mHACD,EAEM"}
+{"version":3,"file":"getNewAsyncData.js","names":[],"sources":["../../../src/components/data-table/getNewAsyncData.ts"],"sourcesContent":["import type {\n  PaginationState,\n  SortDirection,\n  SortingState\n} from '@tanstack/react-table'\nimport invariant from 'invariant'\n\nimport type {\n  TAsyncDataOptions,\n  TAsyncDataResult,\n  TGetAsyncData\n} from './DataTable.types'\n\nconst getSortDirection = (sorting: SortingState): SortDirection | undefined => {\n  if (sorting[0]) {\n    return sorting[0].desc ? 'desc' : 'asc'\n  }\n  return undefined\n}\n\nexport const getNewAsyncData = async (\n  getAsyncData: TGetAsyncData,\n  asyncDataOptions: Partial<TAsyncDataOptions>,\n  paginationState: PaginationState,\n  sorting: SortingState,\n  globalFilter: string\n): Promise<TAsyncDataResult | undefined> => {\n  const { pageIndex, pageSize } = paginationState\n  const params = {\n    pageIndex: asyncDataOptions?.pageIndex ?? pageIndex,\n    pageSize: asyncDataOptions?.pageSize ?? pageSize,\n    sortBy: asyncDataOptions?.sortBy ?? sorting[0]?.id,\n    sortDirection: asyncDataOptions?.sortDirection ?? getSortDirection(sorting),\n    globalFilter: asyncDataOptions.globalFilter ?? globalFilter\n  }\n\n  const newData = await getAsyncData(params)\n\n  invariant(\n    Array.isArray(newData?.results),\n    'The getAsyncData function must return an object with a property `result` which must be an array'\n  )\n  invariant(\n    newData && Number.isInteger(newData.total) && newData.total >= 0,\n    'The getAsyncData function must return an object with a property `total` which must be a positive integer or zero'\n  )\n\n  return newData\n}\n"],"mappings":";;AAaA,IAAM,oBAAoB,YAAqD;AAC7E,KAAI,QAAQ,GACV,QAAO,QAAQ,GAAG,OAAO,SAAS;;AAKtC,IAAa,kBAAkB,OAC7B,cACA,kBACA,iBACA,SACA,iBAC0C;CAC1C,MAAM,EAAE,WAAW,aAAa;CAShC,MAAM,UAAU,MAAM,aARP;EACb,WAAW,kBAAkB,aAAa;EAC1C,UAAU,kBAAkB,YAAY;EACxC,QAAQ,kBAAkB,UAAU,QAAQ,IAAI;EAChD,eAAe,kBAAkB,iBAAiB,iBAAiB,QAAQ;EAC3E,cAAc,iBAAiB,gBAAgB;EAChD,CAEyC;AAE1C,WACE,MAAM,QAAQ,SAAS,QAAQ,EAC/B,kGACD;AACD,WACE,WAAW,OAAO,UAAU,QAAQ,MAAM,IAAI,QAAQ,SAAS,GAC/D,mHACD;AAED,QAAO"}

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

@@ -1,11 +1,11 @@
-import { styled as e } from "../../../styled.js";
-import { Text as t } from "../../text/Text.js";
-import { AsyncDataState as n } from "../DataTable.types.js";
-import { useDataTable as r } from "../DataTableContext.js";
-import { Pagination as i } from "../../pagination/Pagination.js";
-import * as a from "react";
+import { styled } from "../../../styled.js";
+import { Text } from "../../text/Text.js";
+import { AsyncDataState } from "../DataTable.types.js";
+import { useDataTable } from "../DataTableContext.js";
+import { Pagination as Pagination$1 } from "../../pagination/Pagination.js";
+import * as React$1 from "react";
 //#region src/components/data-table/pagination/Pagination.tsx
-var o = e("nav", { base: [
+var StyledNav = styled("nav", { base: [
 	"flex",
 	"flex-col",
 	"justify-between",
@@ -16,25 +16,34 @@ var o = e("nav", { base: [
 	"gap-4",
 	"mt-4",
 	"md:flex-row"
-] }), s = ({ colorScheme: e, ...s }) => {
-	let { applyPagination: c, getState: l, getExpandedRowModel: u, getRowModel: d, setPageIndex: f, getTotalRows: p, getPageCount: m, asyncDataState: h, hasAsyncData: g } = r();
-	a.useEffect(() => {
-		c();
-	}, [c]);
-	let { pagination: _ } = l(), v = h !== n.PENDING && p() === 0, y = g ? m() > 1 : u().rows.length / _.pageSize > 1;
-	if (v || !y) return null;
-	let b = u().rows.length, x = b === 0 ? 0 : _.pageIndex * _.pageSize + 1, S = d().rows.length, C = g ? S === 0 ? x : x + S - 1 : Math.min(x + _.pageSize - 1, b), w = (e) => {
-		f(e - 1);
-	}, T = g ? m() : Math.max(1, Math.ceil(b / _.pageSize));
-	return /* @__PURE__ */ a.createElement(o, s, /* @__PURE__ */ a.createElement(t, { size: "sm" }, `${x} - ${C} of ${g ? p() : b} items`), /* @__PURE__ */ a.createElement(i, {
-		colorScheme: e,
-		selectedPage: _.pageIndex + 1,
-		pagesCount: T,
-		onSelectedPageChange: w
+] });
+/** Applies pagination to parent DataTableProvider and renders UI to switch pages etc */
+var Pagination = ({ colorScheme, ...props }) => {
+	const { applyPagination, getState, getExpandedRowModel, getRowModel, setPageIndex, getTotalRows, getPageCount, asyncDataState, hasAsyncData } = useDataTable();
+	React$1.useEffect(() => {
+		applyPagination();
+	}, [applyPagination]);
+	const { pagination: paginationState } = getState();
+	const isEmpty = !(asyncDataState === AsyncDataState.PENDING) && getTotalRows() === 0;
+	const showPagination = hasAsyncData ? getPageCount() > 1 : getExpandedRowModel().rows.length / paginationState.pageSize > 1;
+	if (isEmpty || !showPagination) return null;
+	const totalVisibleRows = getExpandedRowModel().rows.length;
+	const start = totalVisibleRows === 0 ? 0 : paginationState.pageIndex * paginationState.pageSize + 1;
+	const asyncRowCount = getRowModel().rows.length;
+	const end = hasAsyncData ? asyncRowCount === 0 ? start : start + asyncRowCount - 1 : Math.min(start + paginationState.pageSize - 1, totalVisibleRows);
+	const setPage = (index) => {
+		setPageIndex(index - 1);
+	};
+	const pageCount = hasAsyncData ? getPageCount() : Math.max(1, Math.ceil(totalVisibleRows / paginationState.pageSize));
+	return /* @__PURE__ */ React$1.createElement(StyledNav, props, /* @__PURE__ */ React$1.createElement(Text, { size: "sm" }, `${start} - ${end} of ${hasAsyncData ? getTotalRows() : totalVisibleRows} items`), /* @__PURE__ */ React$1.createElement(Pagination$1, {
+		colorScheme,
+		selectedPage: paginationState.pageIndex + 1,
+		pagesCount: pageCount,
+		onSelectedPageChange: setPage
 	}));
 };
-s.displayName = "Pagination";
+Pagination.displayName = "Pagination";
 //#endregion
-export { s as Pagination };
+export { Pagination };
 
 //# sourceMappingURL=Pagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":[],"sources":["../../../../src/components/data-table/pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TcolorScheme } from '../../../experiments/color-scheme/ColorScheme'\nimport { Pagination as PaginationComponent } from '../../pagination/Pagination'\nimport { Text } from '../../text/Text'\nimport { AsyncDataState } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\n\nconst StyledNav = styled('nav', {\n  base: [\n    'flex',\n    'flex-col',\n    'justify-between',\n    'items-center',\n    'tabular-nums',\n    'flex-wrap',\n    'w-full',\n    'gap-4',\n    'mt-4',\n    'md:flex-row'\n  ]\n})\n\ntype PaginationProps = React.ComponentProps<typeof StyledNav> & {\n  colorScheme?: TcolorScheme\n}\n\n/** Applies pagination to parent DataTableProvider and renders UI to switch pages etc */\nexport const Pagination = ({ colorScheme, ...props }: PaginationProps) => {\n  const {\n    applyPagination,\n    getState,\n    getExpandedRowModel,\n    getRowModel,\n    setPageIndex,\n    getTotalRows,\n    getPageCount,\n    asyncDataState,\n    hasAsyncData\n  } = useDataTable()\n\n  React.useEffect(() => {\n    applyPagination()\n  }, [applyPagination])\n\n  const { pagination: paginationState } = getState()\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n  // Show pagination only if total pages are more than 1\n  const showPagination = hasAsyncData\n    ? getPageCount() > 1\n    : getExpandedRowModel().rows.length / paginationState.pageSize > 1\n\n  if (isEmpty || !showPagination) return null\n  const totalVisibleRows = getExpandedRowModel().rows.length\n\n  const start =\n    totalVisibleRows === 0\n      ? 0\n      : paginationState.pageIndex * paginationState.pageSize + 1\n\n  const asyncRowCount = getRowModel().rows.length\n  const end = hasAsyncData\n    ? asyncRowCount === 0\n      ? start\n      : start + asyncRowCount - 1\n    : Math.min(start + paginationState.pageSize - 1, totalVisibleRows)\n\n  // indexing for the pagination component is 1 based\n  const setPage = (index: number) => {\n    setPageIndex(index - 1)\n  }\n\n  const pageCount = hasAsyncData\n    ? getPageCount()\n    : Math.max(1, Math.ceil(totalVisibleRows / paginationState.pageSize))\n\n  return (\n    <StyledNav {...props}>\n      <Text size=\"sm\">{`${start} - ${end} of ${\n        hasAsyncData ? getTotalRows() : totalVisibleRows\n      } items`}</Text>\n      <PaginationComponent\n        colorScheme={colorScheme}\n        selectedPage={paginationState.pageIndex + 1}\n        pagesCount={pageCount}\n        onSelectedPageChange={setPage}\n      />\n    </StyledNav>\n  )\n}\n\nPagination.displayName = 'Pagination'\n"],"mappings":";;;;;;;AAUA,IAAM,IAAY,EAAO,OAAO,EAC9B,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC,EAOW,KAAc,EAAE,gBAAa,GAAG,QAA6B;CACxE,IAAM,EACJ,oBACA,aACA,wBACA,gBACA,iBACA,iBACA,iBACA,mBACA,oBACE,GAAc;AAElB,GAAM,gBAAgB;AACpB,KAAiB;IAChB,CAAC,EAAgB,CAAC;CAErB,IAAM,EAAE,YAAY,MAAoB,GAAU,EAE5C,IADY,MAAmB,EAAe,WACtB,GAAc,KAAK,GAE3C,IAAiB,IACnB,GAAc,GAAG,IACjB,GAAqB,CAAC,KAAK,SAAS,EAAgB,WAAW;AAEnE,KAAI,KAAW,CAAC,EAAgB,QAAO;CACvC,IAAM,IAAmB,GAAqB,CAAC,KAAK,QAE9C,IACJ,MAAqB,IACjB,IACA,EAAgB,YAAY,EAAgB,WAAW,GAEvD,IAAgB,GAAa,CAAC,KAAK,QACnC,IAAM,IACR,MAAkB,IAChB,IACA,IAAQ,IAAgB,IAC1B,KAAK,IAAI,IAAQ,EAAgB,WAAW,GAAG,EAAiB,EAG9D,KAAW,MAAkB;AACjC,IAAa,IAAQ,EAAE;IAGnB,IAAY,IACd,GAAc,GACd,KAAK,IAAI,GAAG,KAAK,KAAK,IAAmB,EAAgB,SAAS,CAAC;AAEvE,QACE,kBAAA,cAAC,GAAc,GACb,kBAAA,cAAC,GAAD,EAAM,MAAK,MAEK,EAFC,GAAG,EAAM,KAAK,EAAI,MACjC,IAAe,GAAc,GAAG,EACjC,QAAe,EAChB,kBAAA,cAAC,GAAD;EACe;EACb,cAAc,EAAgB,YAAY;EAC1C,YAAY;EACZ,sBAAsB;EACtB,CAAA,CACQ;;AAIhB,EAAW,cAAc"}
+{"version":3,"file":"Pagination.js","names":[],"sources":["../../../../src/components/data-table/pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { styled } from '~/styled'\n\nimport { TcolorScheme } from '../../../experiments/color-scheme/ColorScheme'\nimport { Pagination as PaginationComponent } from '../../pagination/Pagination'\nimport { Text } from '../../text/Text'\nimport { AsyncDataState } from '../DataTable.types'\nimport { useDataTable } from '../DataTableContext'\n\nconst StyledNav = styled('nav', {\n  base: [\n    'flex',\n    'flex-col',\n    'justify-between',\n    'items-center',\n    'tabular-nums',\n    'flex-wrap',\n    'w-full',\n    'gap-4',\n    'mt-4',\n    'md:flex-row'\n  ]\n})\n\ntype PaginationProps = React.ComponentProps<typeof StyledNav> & {\n  colorScheme?: TcolorScheme\n}\n\n/** Applies pagination to parent DataTableProvider and renders UI to switch pages etc */\nexport const Pagination = ({ colorScheme, ...props }: PaginationProps) => {\n  const {\n    applyPagination,\n    getState,\n    getExpandedRowModel,\n    getRowModel,\n    setPageIndex,\n    getTotalRows,\n    getPageCount,\n    asyncDataState,\n    hasAsyncData\n  } = useDataTable()\n\n  React.useEffect(() => {\n    applyPagination()\n  }, [applyPagination])\n\n  const { pagination: paginationState } = getState()\n  const isPending = asyncDataState === AsyncDataState.PENDING\n  const isEmpty = !isPending && getTotalRows() === 0\n  // Show pagination only if total pages are more than 1\n  const showPagination = hasAsyncData\n    ? getPageCount() > 1\n    : getExpandedRowModel().rows.length / paginationState.pageSize > 1\n\n  if (isEmpty || !showPagination) return null\n  const totalVisibleRows = getExpandedRowModel().rows.length\n\n  const start =\n    totalVisibleRows === 0\n      ? 0\n      : paginationState.pageIndex * paginationState.pageSize + 1\n\n  const asyncRowCount = getRowModel().rows.length\n  const end = hasAsyncData\n    ? asyncRowCount === 0\n      ? start\n      : start + asyncRowCount - 1\n    : Math.min(start + paginationState.pageSize - 1, totalVisibleRows)\n\n  // indexing for the pagination component is 1 based\n  const setPage = (index: number) => {\n    setPageIndex(index - 1)\n  }\n\n  const pageCount = hasAsyncData\n    ? getPageCount()\n    : Math.max(1, Math.ceil(totalVisibleRows / paginationState.pageSize))\n\n  return (\n    <StyledNav {...props}>\n      <Text size=\"sm\">{`${start} - ${end} of ${\n        hasAsyncData ? getTotalRows() : totalVisibleRows\n      } items`}</Text>\n      <PaginationComponent\n        colorScheme={colorScheme}\n        selectedPage={paginationState.pageIndex + 1}\n        pagesCount={pageCount}\n        onSelectedPageChange={setPage}\n      />\n    </StyledNav>\n  )\n}\n\nPagination.displayName = 'Pagination'\n"],"mappings":";;;;;;;AAUA,IAAM,YAAY,OAAO,OAAO,EAC9B,MAAM;CACJ;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACF,CAAC;;AAOF,IAAa,cAAc,EAAE,aAAa,GAAG,YAA6B;CACxE,MAAM,EACJ,iBACA,UACA,qBACA,aACA,cACA,cACA,cACA,gBACA,iBACE,cAAc;AAElB,SAAM,gBAAgB;AACpB,mBAAiB;IAChB,CAAC,gBAAgB,CAAC;CAErB,MAAM,EAAE,YAAY,oBAAoB,UAAU;CAElD,MAAM,UAAU,EADE,mBAAmB,eAAe,YACtB,cAAc,KAAK;CAEjD,MAAM,iBAAiB,eACnB,cAAc,GAAG,IACjB,qBAAqB,CAAC,KAAK,SAAS,gBAAgB,WAAW;AAEnE,KAAI,WAAW,CAAC,eAAgB,QAAO;CACvC,MAAM,mBAAmB,qBAAqB,CAAC,KAAK;CAEpD,MAAM,QACJ,qBAAqB,IACjB,IACA,gBAAgB,YAAY,gBAAgB,WAAW;CAE7D,MAAM,gBAAgB,aAAa,CAAC,KAAK;CACzC,MAAM,MAAM,eACR,kBAAkB,IAChB,QACA,QAAQ,gBAAgB,IAC1B,KAAK,IAAI,QAAQ,gBAAgB,WAAW,GAAG,iBAAiB;CAGpE,MAAM,WAAW,UAAkB;AACjC,eAAa,QAAQ,EAAE;;CAGzB,MAAM,YAAY,eACd,cAAc,GACd,KAAK,IAAI,GAAG,KAAK,KAAK,mBAAmB,gBAAgB,SAAS,CAAC;AAEvE,QACE,wBAAA,cAAC,WAAc,OACb,wBAAA,cAAC,MAAD,EAAM,MAAK,MAEK,EAFC,GAAG,MAAM,KAAK,IAAI,MACjC,eAAe,cAAc,GAAG,iBACjC,QAAe,EAChB,wBAAA,cAAC,cAAD;EACe;EACb,cAAc,gBAAgB,YAAY;EAC1C,YAAY;EACZ,sBAAsB;EACtB,CAAA,CACQ;;AAIhB,WAAW,cAAc"}

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

@@ -1,23 +1,25 @@
-import e from "react";
+import React from "react";
 //#region src/components/data-table/usePagination.ts
-var t = {
+var defaultPaginationState = {
 	pageIndex: 0,
 	pageSize: 10
-}, n = (n) => {
-	let [r, i] = e.useState(!!n), [a, o] = e.useState({
-		...t,
-		...n || {}
+};
+var usePagination = (initialPaginationState) => {
+	const [isPaginated, setIsPaginated] = React.useState(!!initialPaginationState);
+	const [paginationState, setPaginationState] = React.useState({
+		...defaultPaginationState,
+		...initialPaginationState || {}
 	});
 	return {
-		isPaginated: r,
-		paginationState: a,
-		setPaginationState: o,
-		applyPagination: e.useCallback(() => {
-			i(!0);
+		isPaginated,
+		paginationState,
+		setPaginationState,
+		applyPagination: React.useCallback(() => {
+			setIsPaginated(true);
 		}, [])
 	};
 };
 //#endregion
-export { n as usePagination };
+export { usePagination };
 
 //# sourceMappingURL=usePagination.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePagination.js","names":[],"sources":["../../../src/components/data-table/usePagination.ts"],"sourcesContent":["import type { PaginationState } from '@tanstack/react-table'\nimport React from 'react'\n\nconst defaultPaginationState: PaginationState = { pageIndex: 0, pageSize: 10 }\nexport const usePagination = (\n  initialPaginationState: PaginationState | undefined\n) => {\n  const [isPaginated, setIsPaginated] = React.useState<boolean>(\n    !!initialPaginationState\n  )\n\n  const [paginationState, setPaginationState] = React.useState<\n    PaginationState | undefined\n  >({\n    ...defaultPaginationState,\n    ...(initialPaginationState || {})\n  })\n\n  const applyPagination = React.useCallback(() => {\n    setIsPaginated(true)\n  }, [])\n\n  return {\n    isPaginated,\n    paginationState,\n    setPaginationState,\n    applyPagination\n  }\n}\n"],"mappings":";;AAGA,IAAM,IAA0C;CAAE,WAAW;CAAG,UAAU;CAAI,EACjE,KACX,MACG;CACH,IAAM,CAAC,GAAa,KAAkB,EAAM,SAC1C,CAAC,CAAC,EACH,EAEK,CAAC,GAAiB,KAAsB,EAAM,SAElD;EACA,GAAG;EACH,GAAI,KAA0B,EAAE;EACjC,CAAC;AAMF,QAAO;EACL;EACA;EACA;EACA,iBARsB,EAAM,kBAAkB;AAC9C,KAAe,GAAK;KACnB,EAAE,CAAC;EAOL"}
+{"version":3,"file":"usePagination.js","names":[],"sources":["../../../src/components/data-table/usePagination.ts"],"sourcesContent":["import type { PaginationState } from '@tanstack/react-table'\nimport React from 'react'\n\nconst defaultPaginationState: PaginationState = { pageIndex: 0, pageSize: 10 }\nexport const usePagination = (\n  initialPaginationState: PaginationState | undefined\n) => {\n  const [isPaginated, setIsPaginated] = React.useState<boolean>(\n    !!initialPaginationState\n  )\n\n  const [paginationState, setPaginationState] = React.useState<\n    PaginationState | undefined\n  >({\n    ...defaultPaginationState,\n    ...(initialPaginationState || {})\n  })\n\n  const applyPagination = React.useCallback(() => {\n    setIsPaginated(true)\n  }, [])\n\n  return {\n    isPaginated,\n    paginationState,\n    setPaginationState,\n    applyPagination\n  }\n}\n"],"mappings":";;AAGA,IAAM,yBAA0C;CAAE,WAAW;CAAG,UAAU;CAAI;AAC9E,IAAa,iBACX,2BACG;CACH,MAAM,CAAC,aAAa,kBAAkB,MAAM,SAC1C,CAAC,CAAC,uBACH;CAED,MAAM,CAAC,iBAAiB,sBAAsB,MAAM,SAElD;EACA,GAAG;EACH,GAAI,0BAA0B,EAAE;EACjC,CAAC;AAMF,QAAO;EACL;EACA;EACA;EACA,iBARsB,MAAM,kBAAkB;AAC9C,kBAAe,KAAK;KACnB,EAAE,CAAC;EAOL"}

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

@@ -1,18 +1,19 @@
-import e from "react";
+import React from "react";
 //#region src/components/data-table/useSorting.ts
-var t = (t) => {
-	let [n, r] = e.useState(!1), [i, a] = e.useState(t ? [{
-		id: t.column,
-		desc: t.direction === "desc"
+var useSortByColumn = (defaultSort) => {
+	const [isSortable, setIsSortable] = React.useState(false);
+	const [sorting, setSorting] = React.useState(defaultSort ? [{
+		id: defaultSort.column,
+		desc: defaultSort.direction === "desc"
 	}] : []);
 	return {
-		isSortable: n,
-		setIsSortable: r,
-		sorting: i,
-		setSorting: a
+		isSortable,
+		setIsSortable,
+		sorting,
+		setSorting
 	};
 };
 //#endregion
-export { t as useSortByColumn };
+export { useSortByColumn };
 
 //# sourceMappingURL=useSorting.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSorting.js","names":[],"sources":["../../../src/components/data-table/useSorting.ts"],"sourcesContent":["import type { SortingState } from '@tanstack/react-table'\nimport React from 'react'\n\nimport { TDefaultSort } from './DataTable.types'\n\nexport const useSortByColumn = (defaultSort: TDefaultSort | undefined) => {\n  const [isSortable, setIsSortable] = React.useState<boolean>(false)\n\n  const [sorting, setSorting] = React.useState<SortingState>(\n    defaultSort\n      ? [\n          {\n            id: defaultSort.column,\n            desc: defaultSort.direction === 'desc'\n          }\n        ]\n      : []\n  )\n\n  return { isSortable, setIsSortable, sorting, setSorting }\n}\n"],"mappings":";;AAKA,IAAa,KAAmB,MAA0C;CACxE,IAAM,CAAC,GAAY,KAAiB,EAAM,SAAkB,GAAM,EAE5D,CAAC,GAAS,KAAc,EAAM,SAClC,IACI,CACE;EACE,IAAI,EAAY;EAChB,MAAM,EAAY,cAAc;EACjC,CACF,GACD,EAAE,CACP;AAED,QAAO;EAAE;EAAY;EAAe;EAAS;EAAY"}
+{"version":3,"file":"useSorting.js","names":[],"sources":["../../../src/components/data-table/useSorting.ts"],"sourcesContent":["import type { SortingState } from '@tanstack/react-table'\nimport React from 'react'\n\nimport { TDefaultSort } from './DataTable.types'\n\nexport const useSortByColumn = (defaultSort: TDefaultSort | undefined) => {\n  const [isSortable, setIsSortable] = React.useState<boolean>(false)\n\n  const [sorting, setSorting] = React.useState<SortingState>(\n    defaultSort\n      ? [\n          {\n            id: defaultSort.column,\n            desc: defaultSort.direction === 'desc'\n          }\n        ]\n      : []\n  )\n\n  return { isSortable, setIsSortable, sorting, setSorting }\n}\n"],"mappings":";;AAKA,IAAa,mBAAmB,gBAA0C;CACxE,MAAM,CAAC,YAAY,iBAAiB,MAAM,SAAkB,MAAM;CAElE,MAAM,CAAC,SAAS,cAAc,MAAM,SAClC,cACI,CACE;EACE,IAAI,YAAY;EAChB,MAAM,YAAY,cAAc;EACjC,CACF,GACD,EAAE,CACP;AAED,QAAO;EAAE;EAAY;EAAe;EAAS;EAAY"}

package/dist/components/date-field/DateField.js

@@ -1,33 +1,35 @@
-import { useFieldError as e } from "../form/useFieldError.js";
-import { FieldWrapper as t } from "../field-wrapper/FieldWrapper.js";
-import { DateInput as n } from "../date-input/DateInput.js";
-import * as r from "react";
-import { useFormContext as i } from "react-hook-form";
+import { useFieldError } from "../form/useFieldError.js";
+import { FieldWrapper } from "../field-wrapper/FieldWrapper.js";
+import { DateInput } from "../date-input/DateInput.js";
+import * as React$1 from "react";
+import { useFormContext } from "react-hook-form";
 //#region src/components/date-field/DateField.tsx
-var a = ({ className: a, hideLabel: o, label: s, name: c, validation: l, prompt: u, description: d, appearance: f, ...p }) => {
-	let { register: m, trigger: h } = i(), { error: g } = e(c), _ = l ? m(l) : m;
-	return /* @__PURE__ */ r.createElement(t, {
-		className: a,
-		description: d,
-		error: g,
-		fieldId: c,
-		hideLabel: o,
-		label: s,
-		prompt: u,
-		required: !!l?.required,
-		appearance: f
-	}, /* @__PURE__ */ r.createElement(n, {
-		id: c,
-		name: c,
-		ref: _,
-		appearance: f,
-		...g && { state: "error" },
-		...p,
-		revalidate: h
+var DateField = ({ className, hideLabel, label, name, validation, prompt, description, appearance, ...remainingProps }) => {
+	const { register, trigger } = useFormContext();
+	const { error } = useFieldError(name);
+	const ref = validation ? register(validation) : register;
+	return /* @__PURE__ */ React$1.createElement(FieldWrapper, {
+		className,
+		description,
+		error,
+		fieldId: name,
+		hideLabel,
+		label,
+		prompt,
+		required: Boolean(validation?.required),
+		appearance
+	}, /* @__PURE__ */ React$1.createElement(DateInput, {
+		id: name,
+		name,
+		ref,
+		appearance,
+		...error && { state: "error" },
+		...remainingProps,
+		revalidate: trigger
 	}));
 };
-a.displayName = "DateField";
+DateField.displayName = "DateField";
 //#endregion
-export { a as DateField };
+export { DateField };
 
 //# sourceMappingURL=DateField.js.map

package/dist/components/date-field/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","names":[],"sources":["../../../src/components/date-field/DateField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport { DateInput, DateInputProps } from '~/components/date-input/DateInput'\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper/FieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\n\ntype DateFieldProps = DateInputProps & FieldElementWrapperProps\n\nexport const DateField = ({\n  className,\n  hideLabel,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  appearance,\n  ...remainingProps\n}: DateFieldProps) => {\n  const { register, trigger } = useFormContext()\n  const { error } = useFieldError(name)\n  const ref = validation ? register(validation) : register\n\n  return (\n    <FieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={appearance}\n    >\n      <DateInput\n        id={name}\n        name={name}\n        ref={ref}\n        appearance={appearance}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n        revalidate={trigger}\n      />\n    </FieldWrapper>\n  )\n}\n\nDateField.displayName = 'DateField'\n"],"mappings":";;;;;;AAYA,IAAa,KAAa,EACxB,cACA,cACA,UACA,SACA,eACA,WACA,gBACA,eACA,GAAG,QACiB;CACpB,IAAM,EAAE,aAAU,eAAY,GAAgB,EACxC,EAAE,aAAU,EAAc,EAAK,EAC/B,IAAM,IAAa,EAAS,EAAW,GAAG;AAEhD,QACE,kBAAA,cAAC,GAAD;EACa;EACE;EACN;EACP,SAAS;EACE;EACJ;EACC;EACR,UAAU,EAAQ,GAAY;EAClB;EAWC,EATb,kBAAA,cAAC,GAAD;EACE,IAAI;EACE;EACD;EACO;EACZ,GAAK,KAAS,EAAE,OAAO,SAAS;EAChC,GAAI;EACJ,YAAY;EACZ,CAAA,CACW;;AAInB,EAAU,cAAc"}
+{"version":3,"file":"DateField.js","names":[],"sources":["../../../src/components/date-field/DateField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport { DateInput, DateInputProps } from '~/components/date-input/DateInput'\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper/FieldWrapper'\nimport { useFieldError } from '~/components/form/useFieldError'\n\ntype DateFieldProps = DateInputProps & FieldElementWrapperProps\n\nexport const DateField = ({\n  className,\n  hideLabel,\n  label,\n  name,\n  validation,\n  prompt,\n  description,\n  appearance,\n  ...remainingProps\n}: DateFieldProps) => {\n  const { register, trigger } = useFormContext()\n  const { error } = useFieldError(name)\n  const ref = validation ? register(validation) : register\n\n  return (\n    <FieldWrapper\n      className={className}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n      appearance={appearance}\n    >\n      <DateInput\n        id={name}\n        name={name}\n        ref={ref}\n        appearance={appearance}\n        {...(error && { state: 'error' })}\n        {...remainingProps}\n        revalidate={trigger}\n      />\n    </FieldWrapper>\n  )\n}\n\nDateField.displayName = 'DateField'\n"],"mappings":";;;;;;AAYA,IAAa,aAAa,EACxB,WACA,WACA,OACA,MACA,YACA,QACA,aACA,YACA,GAAG,qBACiB;CACpB,MAAM,EAAE,UAAU,YAAY,gBAAgB;CAC9C,MAAM,EAAE,UAAU,cAAc,KAAK;CACrC,MAAM,MAAM,aAAa,SAAS,WAAW,GAAG;AAEhD,QACE,wBAAA,cAAC,cAAD;EACa;EACE;EACN;EACP,SAAS;EACE;EACJ;EACC;EACR,UAAU,QAAQ,YAAY,SAAS;EAC3B;EAWC,EATb,wBAAA,cAAC,WAAD;EACE,IAAI;EACE;EACD;EACO;EACZ,GAAK,SAAS,EAAE,OAAO,SAAS;EAChC,GAAI;EACJ,YAAY;EACZ,CAAA,CACW;;AAInB,UAAU,cAAc"}