react-hook-tanstack-table 0.0.1

package/dist/useRow.js

@@ -0,0 +1,54 @@
+import { t as isShallowEqual } from "./isShallowEqual-Kynsoe7a.js";
+import { n as identity, t as useTableWithSelector } from "./useTableWithSelector-D3f689pF.js";
+import { t as runGetters } from "./runGetters-BfRTE7LZ.js";
+import { t as hasTableArg } from "./hasTableArg-Bu3FbcSo.js";
+import { useCallback } from "react";
+//#region src/hooks/useRow.ts
+const hookRowCache = /* @__PURE__ */ new WeakMap();
+const rowHandlersCache = /* @__PURE__ */ new WeakMap();
+const getRowValues = (table, rowId) => {
+	let rowCache = hookRowCache.get(table.options);
+	if (!rowCache) {
+		rowCache = /* @__PURE__ */ new Map();
+		hookRowCache.set(table.options, rowCache);
+	}
+	let cached = rowCache.get(rowId);
+	if (!cached) {
+		const row = table.getRow(rowId);
+		let cachedHandlers = rowHandlersCache.get(row);
+		if (!cachedHandlers) {
+			cachedHandlers = {
+				toggleExpandedHandler: row.getToggleExpandedHandler(),
+				toggleSelectedHandler: row.getToggleSelectedHandler()
+			};
+			rowHandlersCache.set(row, cachedHandlers);
+		}
+		const { toggleExpandedHandler, toggleSelectedHandler } = cachedHandlers;
+		const { getGroupingValue, getUniqueValues, getValue, ...rest } = row;
+		cached = {
+			...runGetters(rest),
+			getGroupingValue,
+			getUniqueValues,
+			getValue,
+			toggleExpandedHandler,
+			toggleSelectedHandler
+		};
+		rowCache.set(rowId, cached);
+	}
+	return cached;
+};
+const useRow = (...args) => {
+	const [table, rowOrId, selector = identity, isEqual = isShallowEqual] = hasTableArg(args) ? args : [void 0, ...args];
+	const rowId = typeof rowOrId === "string" ? rowOrId : rowOrId.id;
+	return useTableWithSelector(table, useCallback((table) => selector(getRowValues(table, rowId)), [rowId, selector]), isEqual);
+};
+const rowHook = useRow;
+const rowHookʹ = (...args) => (selector, isEqual) => rowHook(...[
+	...args,
+	selector,
+	isEqual
+]);
+//#endregion
+export { useRow, rowHookʹ as useRowʹ };
+
+//# sourceMappingURL=useRow.js.map

package/dist/useRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRow.js","names":[],"sources":["../src/hooks/useRow.ts"],"sourcesContent":["import { useCallback } from \"react\"\n\nimport type {\n  RequiredKeys,\n  Row,\n  RowData,\n  Table,\n  TableOptionsResolved,\n} from \"@tanstack/table-core\"\n\nimport { identity } from \"../lib/identity\"\nimport { hasTableArg } from \"../lib/hasTableArg\"\nimport { runGetters } from \"../lib/runGetters\"\nimport { isShallowEqual } from \"../lib/isShallowEqual\"\n\nimport type { IsEqual, RunGetters } from \"../types\"\n\nimport { useTableWithSelector } from \"./useTableWithSelector\"\n\nexport interface RowValues<TData extends RowData> extends RunGetters<\n  Row<TData>\n> {}\n\nconst hookRowCache = new WeakMap<\n  RequiredKeys<TableOptionsResolved<any>, \"state\">,\n  Map<string, RowValues<any>>\n>()\n\nconst rowHandlersCache = new WeakMap<\n  Row<any>,\n  {\n    toggleExpandedHandler: ReturnType<Row<any>[\"getToggleExpandedHandler\"]>\n    toggleSelectedHandler: ReturnType<Row<any>[\"getToggleSelectedHandler\"]>\n  }\n>()\n\nconst getRowValues = <TData extends RowData>(\n  table: Table<TData>,\n  rowId: string,\n): RowValues<TData> => {\n  let rowCache = hookRowCache.get(table.options)\n  if (!rowCache) {\n    rowCache = new Map()\n    hookRowCache.set(table.options, rowCache)\n  }\n\n  let cached = rowCache.get(rowId)\n\n  if (!cached) {\n    const row = table.getRow(rowId)\n\n    let cachedHandlers = rowHandlersCache.get(row)\n    if (!cachedHandlers) {\n      cachedHandlers = {\n        toggleExpandedHandler: row.getToggleExpandedHandler(),\n        toggleSelectedHandler: row.getToggleSelectedHandler(),\n      }\n      rowHandlersCache.set(row, cachedHandlers)\n    }\n\n    const { toggleExpandedHandler, toggleSelectedHandler } = cachedHandlers\n\n    const { getGroupingValue, getUniqueValues, getValue, ...rest } = row\n\n    cached = {\n      ...runGetters(rest),\n      getGroupingValue,\n      getUniqueValues,\n      getValue,\n      toggleExpandedHandler,\n      toggleSelectedHandler,\n    }\n\n    rowCache.set(rowId, cached)\n  }\n\n  return cached\n}\n\ntype Selector<TData extends RowData, Selection> = (\n  rowValues: RowValues<TData>,\n) => Selection\n\nexport const useRow = <TData extends RowData, Selection = RowValues<TData>>(\n  ...args:\n    | [\n        table: Table<TData> | undefined,\n        row: Row<TData> | RowValues<TData> | { id: string } | string,\n        selector?: Selector<TData, Selection> | undefined,\n        isEqual?: IsEqual<NoInfer<Selection>> | undefined,\n      ]\n    | [\n        row: Row<TData> | RowValues<TData> | { id: string } | string,\n        selector?: Selector<TData, Selection> | undefined,\n        isEqual?: IsEqual<NoInfer<Selection>> | undefined,\n      ]\n): Selection => {\n  const [\n    table,\n    rowOrId,\n    selector = identity as never,\n    isEqual = isShallowEqual,\n  ] = hasTableArg(args) ? args : [undefined, ...args]\n\n  const rowId = typeof rowOrId === \"string\" ? rowOrId : rowOrId.id\n\n  const getSelection = useCallback(\n    (table: Table<TData>) => selector(getRowValues(table, rowId)),\n    [rowId, selector],\n  )\n\n  return useTableWithSelector(table, getSelection, isEqual)\n}\n\nconst rowHook = useRow\n\nconst rowHookʹ =\n  <TData extends RowData>(\n    ...args:\n      | [\n          table: Table<TData> | undefined,\n          row: Row<TData> | RowValues<TData> | { id: string } | string,\n        ]\n      | [row: Row<TData> | RowValues<TData> | { id: string } | string]\n  ) =>\n  <Selection = RowValues<TData>>(\n    selector?: Selector<TData, Selection> | undefined,\n    isEqual?: IsEqual<NoInfer<Selection>> | undefined,\n  ): Selection =>\n    rowHook(...[...args, selector, isEqual])\n\nexport { rowHookʹ as useRowʹ }\n"],"mappings":";;;;;;AAuBA,MAAM,+BAAe,IAAI,QAGvB;AAEF,MAAM,mCAAmB,IAAI,QAM3B;AAEF,MAAM,gBACJ,OACA,UACqB;CACrB,IAAI,WAAW,aAAa,IAAI,MAAM,OAAO;CAC7C,IAAI,CAAC,UAAU;EACb,2BAAW,IAAI,IAAI;EACnB,aAAa,IAAI,MAAM,SAAS,QAAQ;CAC1C;CAEA,IAAI,SAAS,SAAS,IAAI,KAAK;CAE/B,IAAI,CAAC,QAAQ;EACX,MAAM,MAAM,MAAM,OAAO,KAAK;EAE9B,IAAI,iBAAiB,iBAAiB,IAAI,GAAG;EAC7C,IAAI,CAAC,gBAAgB;GACnB,iBAAiB;IACf,uBAAuB,IAAI,yBAAyB;IACpD,uBAAuB,IAAI,yBAAyB;GACtD;GACA,iBAAiB,IAAI,KAAK,cAAc;EAC1C;EAEA,MAAM,EAAE,uBAAuB,0BAA0B;EAEzD,MAAM,EAAE,kBAAkB,iBAAiB,UAAU,GAAG,SAAS;EAEjE,SAAS;GACP,GAAG,WAAW,IAAI;GAClB;GACA;GACA;GACA;GACA;EACF;EAEA,SAAS,IAAI,OAAO,MAAM;CAC5B;CAEA,OAAO;AACT;AAMA,MAAa,UACX,GAAG,SAYW;CACd,MAAM,CACJ,OACA,SACA,WAAW,UACX,UAAU,kBACR,YAAY,IAAI,IAAI,OAAO,CAAC,KAAA,GAAW,GAAG,IAAI;CAElD,MAAM,QAAQ,OAAO,YAAY,WAAW,UAAU,QAAQ;CAO9D,OAAO,qBAAqB,OALP,aAClB,UAAwB,SAAS,aAAa,OAAO,KAAK,CAAC,GAC5D,CAAC,OAAO,QAAQ,CAG4B,GAAG,OAAO;AAC1D;AAEA,MAAM,UAAU;AAEhB,MAAM,YAEF,GAAG,UAQH,UACA,YAEA,QAAQ,GAAG;CAAC,GAAG;CAAM;CAAU;AAAO,CAAC"}

package/dist/useTable.cjs

@@ -0,0 +1,44 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_isShallowEqual = require("./isShallowEqual-D6PQ041u.cjs");
+const require_useTableWithSelector = require("./useTableWithSelector-Bdsf6Zxk.cjs");
+const require_runGetters = require("./runGetters-Q-UsPG2j.cjs");
+let react = require("react");
+//#region src/hooks/useTable.ts
+const tableValuesCache = /* @__PURE__ */ new WeakMap();
+const tableHandlersCache = /* @__PURE__ */ new WeakMap();
+const getTableValues = (table) => {
+	let cached = tableValuesCache.get(table.options);
+	if (!cached) {
+		let cachedHandlers = tableHandlersCache.get(table);
+		if (!cachedHandlers) {
+			cachedHandlers = {
+				toggleAllColumnsVisibilityHandler: table.getToggleAllColumnsVisibilityHandler(),
+				toggleAllPageRowsSelectedHandler: table.getToggleAllPageRowsSelectedHandler(),
+				toggleAllRowsExpandedHandler: table.getToggleAllRowsExpandedHandler(),
+				toggleAllRowsSelectedHandler: table.getToggleAllRowsSelectedHandler()
+			};
+			tableHandlersCache.set(table, cachedHandlers);
+		}
+		const { toggleAllColumnsVisibilityHandler, toggleAllPageRowsSelectedHandler, toggleAllRowsExpandedHandler, toggleAllRowsSelectedHandler } = cachedHandlers;
+		const { getColumn, getRow, ...rest } = table;
+		cached = {
+			...require_runGetters.runGetters(rest),
+			getColumn,
+			getRow,
+			toggleAllColumnsVisibilityHandler,
+			toggleAllPageRowsSelectedHandler,
+			toggleAllRowsExpandedHandler,
+			toggleAllRowsSelectedHandler
+		};
+		tableValuesCache.set(table.options, cached);
+	}
+	return cached;
+};
+const useTable = (table, selector = require_useTableWithSelector.identity, isEqual = require_isShallowEqual.isShallowEqual) => {
+	return require_useTableWithSelector.useTableWithSelector(table, (0, react.useCallback)((table) => selector(getTableValues(table)), [selector]), isEqual);
+};
+const tableHook = useTable;
+const tableHookʹ = (table) => (selector = require_useTableWithSelector.identity, isEqual = require_isShallowEqual.isShallowEqual) => tableHook(table, selector, isEqual);
+//#endregion
+exports.useTable = useTable;
+exports.useTableʹ = tableHookʹ;

package/dist/useTable.d.cts

@@ -0,0 +1,11 @@
+import { n as RunGetters, t as IsEqual } from "./types-DIWB6wdO.cjs";
+import { RowData, Table } from "@tanstack/table-core";
+
+//#region src/hooks/useTable.d.ts
+interface TableValues<TData extends RowData> extends RunGetters<Table<TData>> {}
+type Selector<TData extends RowData, Selection> = (tableValues: TableValues<TData>) => Selection;
+declare const useTable: <TData extends RowData, Selection = TableValues<TData>>(table?: Table<TData> | undefined, selector?: Selector<TData, Selection>, isEqual?: IsEqual<NoInfer<Selection>>) => Selection;
+declare const tableHookʹ: <TData extends RowData>(table?: Table<TData> | undefined) => <Selection = TableValues<TData>>(selector?: Selector<TData, Selection>, isEqual?: IsEqual<NoInfer<Selection>>) => Selection;
+//#endregion
+export { TableValues, useTable, tableHookʹ as useTableʹ };
+//# sourceMappingURL=useTable.d.cts.map

package/dist/useTable.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.d.cts","names":[],"sources":["../src/hooks/useTable.ts"],"mappings":";;;;UAiBiB,WAAA,eAA0B,OAAA,UAAiB,UAAA,CAC1D,KAAA,CAAM,KAAA;AAAA,KAmEH,QAAA,eAAuB,OAAA,gBAC1B,WAAA,EAAa,WAAA,CAAY,KAAA,MACtB,SAAA;AAAA,cAEQ,QAAA,iBAA0B,OAAA,cAAqB,WAAA,CAAY,KAAA,GACtE,KAAA,GAAQ,KAAA,CAAM,KAAA,eACd,QAAA,GAAU,QAAA,CAAS,KAAA,EAAO,SAAA,GAC1B,OAAA,GAAS,OAAA,CAAQ,OAAA,CAAQ,SAAA,OACxB,SAAA;AAAA,cAWG,UAAA,iBACW,OAAA,EAAS,KAAA,GAAQ,KAAA,CAAM,KAAA,+BACzB,WAAA,CAAY,KAAA,GACvB,QAAA,GAAU,QAAA,CAAS,KAAA,EAAO,SAAA,GAC1B,OAAA,GAAS,OAAA,CAAQ,OAAA,CAAQ,SAAA,OACxB,SAAA"}

package/dist/useTable.d.ts

@@ -0,0 +1,11 @@
+import { n as RunGetters, t as IsEqual } from "./types-DIWB6wdO.js";
+import { RowData, Table } from "@tanstack/table-core";
+
+//#region src/hooks/useTable.d.ts
+interface TableValues<TData extends RowData> extends RunGetters<Table<TData>> {}
+type Selector<TData extends RowData, Selection> = (tableValues: TableValues<TData>) => Selection;
+declare const useTable: <TData extends RowData, Selection = TableValues<TData>>(table?: Table<TData> | undefined, selector?: Selector<TData, Selection>, isEqual?: IsEqual<NoInfer<Selection>>) => Selection;
+declare const tableHookʹ: <TData extends RowData>(table?: Table<TData> | undefined) => <Selection = TableValues<TData>>(selector?: Selector<TData, Selection>, isEqual?: IsEqual<NoInfer<Selection>>) => Selection;
+//#endregion
+export { TableValues, useTable, tableHookʹ as useTableʹ };
+//# sourceMappingURL=useTable.d.ts.map

package/dist/useTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.d.ts","names":[],"sources":["../src/hooks/useTable.ts"],"mappings":";;;;UAiBiB,WAAA,eAA0B,OAAA,UAAiB,UAAA,CAC1D,KAAA,CAAM,KAAA;AAAA,KAmEH,QAAA,eAAuB,OAAA,gBAC1B,WAAA,EAAa,WAAA,CAAY,KAAA,MACtB,SAAA;AAAA,cAEQ,QAAA,iBAA0B,OAAA,cAAqB,WAAA,CAAY,KAAA,GACtE,KAAA,GAAQ,KAAA,CAAM,KAAA,eACd,QAAA,GAAU,QAAA,CAAS,KAAA,EAAO,SAAA,GAC1B,OAAA,GAAS,OAAA,CAAQ,OAAA,CAAQ,SAAA,OACxB,SAAA;AAAA,cAWG,UAAA,iBACW,OAAA,EAAS,KAAA,GAAQ,KAAA,CAAM,KAAA,+BACzB,WAAA,CAAY,KAAA,GACvB,QAAA,GAAU,QAAA,CAAS,KAAA,EAAO,SAAA,GAC1B,OAAA,GAAS,OAAA,CAAQ,OAAA,CAAQ,SAAA,OACxB,SAAA"}

package/dist/useTable.js

@@ -0,0 +1,44 @@
+import { t as isShallowEqual } from "./isShallowEqual-Kynsoe7a.js";
+import { n as identity, t as useTableWithSelector } from "./useTableWithSelector-D3f689pF.js";
+import { t as runGetters } from "./runGetters-BfRTE7LZ.js";
+import { useCallback } from "react";
+//#region src/hooks/useTable.ts
+const tableValuesCache = /* @__PURE__ */ new WeakMap();
+const tableHandlersCache = /* @__PURE__ */ new WeakMap();
+const getTableValues = (table) => {
+	let cached = tableValuesCache.get(table.options);
+	if (!cached) {
+		let cachedHandlers = tableHandlersCache.get(table);
+		if (!cachedHandlers) {
+			cachedHandlers = {
+				toggleAllColumnsVisibilityHandler: table.getToggleAllColumnsVisibilityHandler(),
+				toggleAllPageRowsSelectedHandler: table.getToggleAllPageRowsSelectedHandler(),
+				toggleAllRowsExpandedHandler: table.getToggleAllRowsExpandedHandler(),
+				toggleAllRowsSelectedHandler: table.getToggleAllRowsSelectedHandler()
+			};
+			tableHandlersCache.set(table, cachedHandlers);
+		}
+		const { toggleAllColumnsVisibilityHandler, toggleAllPageRowsSelectedHandler, toggleAllRowsExpandedHandler, toggleAllRowsSelectedHandler } = cachedHandlers;
+		const { getColumn, getRow, ...rest } = table;
+		cached = {
+			...runGetters(rest),
+			getColumn,
+			getRow,
+			toggleAllColumnsVisibilityHandler,
+			toggleAllPageRowsSelectedHandler,
+			toggleAllRowsExpandedHandler,
+			toggleAllRowsSelectedHandler
+		};
+		tableValuesCache.set(table.options, cached);
+	}
+	return cached;
+};
+const useTable = (table, selector = identity, isEqual = isShallowEqual) => {
+	return useTableWithSelector(table, useCallback((table) => selector(getTableValues(table)), [selector]), isEqual);
+};
+const tableHook = useTable;
+const tableHookʹ = (table) => (selector = identity, isEqual = isShallowEqual) => tableHook(table, selector, isEqual);
+//#endregion
+export { useTable, tableHookʹ as useTableʹ };
+
+//# sourceMappingURL=useTable.js.map

package/dist/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","names":[],"sources":["../src/hooks/useTable.ts"],"sourcesContent":["import { useCallback } from \"react\"\n\nimport type {\n  RequiredKeys,\n  RowData,\n  Table,\n  TableOptionsResolved,\n} from \"@tanstack/table-core\"\n\nimport { identity } from \"../lib/identity\"\nimport { runGetters } from \"../lib/runGetters\"\nimport { isShallowEqual } from \"../lib/isShallowEqual\"\n\nimport type { IsEqual, RunGetters } from \"../types\"\n\nimport { useTableWithSelector } from \"./useTableWithSelector\"\n\nexport interface TableValues<TData extends RowData> extends RunGetters<\n  Table<TData>\n> {}\n\nconst tableValuesCache = new WeakMap<\n  RequiredKeys<TableOptionsResolved<any>, \"state\">,\n  TableValues<any>\n>()\n\nconst tableHandlersCache = new WeakMap<\n  Table<any>,\n  {\n    toggleAllColumnsVisibilityHandler: ReturnType<\n      Table<any>[\"getToggleAllColumnsVisibilityHandler\"]\n    >\n    toggleAllPageRowsSelectedHandler: ReturnType<\n      Table<any>[\"getToggleAllPageRowsSelectedHandler\"]\n    >\n    toggleAllRowsExpandedHandler: ReturnType<\n      Table<any>[\"getToggleAllRowsExpandedHandler\"]\n    >\n    toggleAllRowsSelectedHandler: ReturnType<\n      Table<any>[\"getToggleAllRowsSelectedHandler\"]\n    >\n  }\n>()\n\nconst getTableValues = <TData extends RowData>(\n  table: Table<TData>,\n): TableValues<TData> => {\n  let cached = tableValuesCache.get(table.options)\n  if (!cached) {\n    let cachedHandlers = tableHandlersCache.get(table)\n    if (!cachedHandlers) {\n      cachedHandlers = {\n        toggleAllColumnsVisibilityHandler:\n          table.getToggleAllColumnsVisibilityHandler(),\n        toggleAllPageRowsSelectedHandler:\n          table.getToggleAllPageRowsSelectedHandler(),\n        toggleAllRowsExpandedHandler: table.getToggleAllRowsExpandedHandler(),\n        toggleAllRowsSelectedHandler: table.getToggleAllRowsSelectedHandler(),\n      }\n      tableHandlersCache.set(table, cachedHandlers)\n    }\n\n    const {\n      toggleAllColumnsVisibilityHandler,\n      toggleAllPageRowsSelectedHandler,\n      toggleAllRowsExpandedHandler,\n      toggleAllRowsSelectedHandler,\n    } = cachedHandlers\n\n    const { getColumn, getRow, ...rest } = table\n\n    cached = {\n      ...runGetters(rest),\n      getColumn,\n      getRow,\n      toggleAllColumnsVisibilityHandler,\n      toggleAllPageRowsSelectedHandler,\n      toggleAllRowsExpandedHandler,\n      toggleAllRowsSelectedHandler,\n    }\n    tableValuesCache.set(table.options, cached)\n  }\n  return cached\n}\n\ntype Selector<TData extends RowData, Selection> = (\n  tableValues: TableValues<TData>,\n) => Selection\n\nexport const useTable = <TData extends RowData, Selection = TableValues<TData>>(\n  table?: Table<TData> | undefined,\n  selector: Selector<TData, Selection> = identity as never,\n  isEqual: IsEqual<NoInfer<Selection>> = isShallowEqual,\n): Selection => {\n  const getSelection = useCallback(\n    (table: Table<TData>) => selector(getTableValues(table)),\n    [selector],\n  )\n\n  return useTableWithSelector(table, getSelection, isEqual)\n}\n\nconst tableHook = useTable\n\nconst tableHookʹ =\n  <TData extends RowData>(table?: Table<TData> | undefined) =>\n  <Selection = TableValues<TData>>(\n    selector: Selector<TData, Selection> = identity as never,\n    isEqual: IsEqual<NoInfer<Selection>> = isShallowEqual,\n  ): Selection =>\n    tableHook(table, selector, isEqual)\n\nexport { tableHookʹ as useTableʹ }\n"],"mappings":";;;;;AAqBA,MAAM,mCAAmB,IAAI,QAG3B;AAEF,MAAM,qCAAqB,IAAI,QAgB7B;AAEF,MAAM,kBACJ,UACuB;CACvB,IAAI,SAAS,iBAAiB,IAAI,MAAM,OAAO;CAC/C,IAAI,CAAC,QAAQ;EACX,IAAI,iBAAiB,mBAAmB,IAAI,KAAK;EACjD,IAAI,CAAC,gBAAgB;GACnB,iBAAiB;IACf,mCACE,MAAM,qCAAqC;IAC7C,kCACE,MAAM,oCAAoC;IAC5C,8BAA8B,MAAM,gCAAgC;IACpE,8BAA8B,MAAM,gCAAgC;GACtE;GACA,mBAAmB,IAAI,OAAO,cAAc;EAC9C;EAEA,MAAM,EACJ,mCACA,kCACA,8BACA,iCACE;EAEJ,MAAM,EAAE,WAAW,QAAQ,GAAG,SAAS;EAEvC,SAAS;GACP,GAAG,WAAW,IAAI;GAClB;GACA;GACA;GACA;GACA;GACA;EACF;EACA,iBAAiB,IAAI,MAAM,SAAS,MAAM;CAC5C;CACA,OAAO;AACT;AAMA,MAAa,YACX,OACA,WAAuC,UACvC,UAAuC,mBACzB;CAMd,OAAO,qBAAqB,OALP,aAClB,UAAwB,SAAS,eAAe,KAAK,CAAC,GACvD,CAAC,QAAQ,CAGmC,GAAG,OAAO;AAC1D;AAEA,MAAM,YAAY;AAElB,MAAM,cACoB,WAEtB,WAAuC,UACvC,UAAuC,mBAEvC,UAAU,OAAO,UAAU,OAAO"}

package/dist/useTableWithSelector-Bdsf6Zxk.cjs

@@ -0,0 +1,79 @@
+const require_TableContext = require("./TableContext.cjs");
+const require_invariant = require("./invariant-D8b385d_.cjs");
+let react = require("react");
+//#region src/lib/identity.ts
+const identity = (x, ..._) => x;
+//#endregion
+//#region src/hooks/useTableWithSelector.ts
+const useTableWithSelector = (table, selector = identity, isEqual) => {
+	"use no memo";
+	const resolvedTable = table ?? (0, react.use)(require_TableContext.TableContext);
+	require_invariant.invariant(resolvedTable, "`useTableWithSelector` must be used as a descendent of `TableContext` or provided with a `Table` as an argument!");
+	const listeners = (0, react.useMemo)(() => (require_invariant.tableRegistry.get(resolvedTable) ?? {}).listeners, [resolvedTable]);
+	require_invariant.invariant(listeners, "The provided/found `Table` instance cannot be subscribed to. Was it created by the correct `useReactTable` hook?");
+	const subscribe = (0, react.useCallback)((onTableChange) => {
+		listeners.add(onTableChange);
+		return () => {
+			listeners.delete(onTableChange);
+		};
+	}, [listeners]);
+	const instRef = (0, react.useRef)({
+		hasValue: false,
+		value: null
+	});
+	const value = (0, react.useSyncExternalStore)(subscribe, (0, react.useMemo)(() => {
+		let hasMemo = false, memoizedTableOptions, memoizedSelection;
+		return () => {
+			const nextTableOptions = resolvedTable.options;
+			if (!hasMemo) {
+				hasMemo = true;
+				memoizedTableOptions = nextTableOptions;
+				const nextSelection = selector(resolvedTable);
+				if (isEqual !== void 0) {
+					if (instRef.current.hasValue) {
+						const currentSelection = instRef.current.value;
+						if (isEqual(currentSelection, nextSelection)) {
+							memoizedSelection = currentSelection;
+							return currentSelection;
+						}
+					}
+				}
+				memoizedSelection = nextSelection;
+				return nextSelection;
+			}
+			const prevTableOptions = memoizedTableOptions;
+			const prevSelection = memoizedSelection;
+			if (Object.is(prevTableOptions, nextTableOptions)) return prevSelection;
+			const nextSelection = selector(resolvedTable);
+			if (isEqual !== void 0 && isEqual(prevSelection, nextSelection)) {
+				memoizedTableOptions = nextTableOptions;
+				return prevSelection;
+			}
+			memoizedTableOptions = nextTableOptions;
+			memoizedSelection = nextSelection;
+			return nextSelection;
+		};
+	}, [
+		selector,
+		resolvedTable,
+		isEqual
+	]));
+	(0, react.useInsertionEffect)(() => {
+		instRef.current.hasValue = true;
+		instRef.current.value = value;
+	}, [value]);
+	return value;
+};
+//#endregion
+Object.defineProperty(exports, "identity", {
+	enumerable: true,
+	get: function() {
+		return identity;
+	}
+});
+Object.defineProperty(exports, "useTableWithSelector", {
+	enumerable: true,
+	get: function() {
+		return useTableWithSelector;
+	}
+});

package/dist/useTableWithSelector-D3f689pF.js

@@ -0,0 +1,70 @@
+import { TableContext } from "./TableContext.js";
+import { n as tableRegistry, t as invariant } from "./invariant-BgWq7zZS.js";
+import { use, useCallback, useInsertionEffect, useMemo, useRef, useSyncExternalStore } from "react";
+//#region src/lib/identity.ts
+const identity = (x, ..._) => x;
+//#endregion
+//#region src/hooks/useTableWithSelector.ts
+const useTableWithSelector = (table, selector = identity, isEqual) => {
+	"use no memo";
+	const resolvedTable = table ?? use(TableContext);
+	invariant(resolvedTable, "`useTableWithSelector` must be used as a descendent of `TableContext` or provided with a `Table` as an argument!");
+	const listeners = useMemo(() => (tableRegistry.get(resolvedTable) ?? {}).listeners, [resolvedTable]);
+	invariant(listeners, "The provided/found `Table` instance cannot be subscribed to. Was it created by the correct `useReactTable` hook?");
+	const subscribe = useCallback((onTableChange) => {
+		listeners.add(onTableChange);
+		return () => {
+			listeners.delete(onTableChange);
+		};
+	}, [listeners]);
+	const instRef = useRef({
+		hasValue: false,
+		value: null
+	});
+	const value = useSyncExternalStore(subscribe, useMemo(() => {
+		let hasMemo = false, memoizedTableOptions, memoizedSelection;
+		return () => {
+			const nextTableOptions = resolvedTable.options;
+			if (!hasMemo) {
+				hasMemo = true;
+				memoizedTableOptions = nextTableOptions;
+				const nextSelection = selector(resolvedTable);
+				if (isEqual !== void 0) {
+					if (instRef.current.hasValue) {
+						const currentSelection = instRef.current.value;
+						if (isEqual(currentSelection, nextSelection)) {
+							memoizedSelection = currentSelection;
+							return currentSelection;
+						}
+					}
+				}
+				memoizedSelection = nextSelection;
+				return nextSelection;
+			}
+			const prevTableOptions = memoizedTableOptions;
+			const prevSelection = memoizedSelection;
+			if (Object.is(prevTableOptions, nextTableOptions)) return prevSelection;
+			const nextSelection = selector(resolvedTable);
+			if (isEqual !== void 0 && isEqual(prevSelection, nextSelection)) {
+				memoizedTableOptions = nextTableOptions;
+				return prevSelection;
+			}
+			memoizedTableOptions = nextTableOptions;
+			memoizedSelection = nextSelection;
+			return nextSelection;
+		};
+	}, [
+		selector,
+		resolvedTable,
+		isEqual
+	]));
+	useInsertionEffect(() => {
+		instRef.current.hasValue = true;
+		instRef.current.value = value;
+	}, [value]);
+	return value;
+};
+//#endregion
+export { identity as n, useTableWithSelector as t };
+
+//# sourceMappingURL=useTableWithSelector-D3f689pF.js.map

package/dist/useTableWithSelector-D3f689pF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableWithSelector-D3f689pF.js","names":[],"sources":["../src/lib/identity.ts","../src/hooks/useTableWithSelector.ts"],"sourcesContent":["export const identity = <T>(x: T, ..._: any[]): T => x\n","import {\n  use,\n  useCallback,\n  useInsertionEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from \"react\"\n\nimport type {\n  RequiredKeys,\n  RowData,\n  Table,\n  TableOptionsResolved,\n} from \"@tanstack/table-core\"\n\nimport { TableContext } from \"../contexts/TableContext\"\n\nimport { identity } from \"../lib/identity\"\nimport { tableRegistry } from \"../lib/tableRegistry\"\nimport { invariant } from \"../lib/invariant\"\n\nimport type { IsEqual } from \"../types\"\n\nexport const useTableWithSelector = <\n  TData extends RowData,\n  Selection = Table<TData>,\n>(\n  table?: Table<TData> | undefined,\n  selector: (table: Table<TData>) => Selection = identity as never,\n  isEqual?: IsEqual<NoInfer<Selection>> | undefined,\n): Selection => {\n  \"use no memo\"\n\n  const resolvedTable = table ?? use<Table<TData> | null>(TableContext)\n\n  invariant(\n    resolvedTable,\n    \"`useTableWithSelector` must be used as a descendent of `TableContext` or provided with a `Table` as an argument!\",\n  )\n\n  const listeners = useMemo(\n    () => (tableRegistry.get(resolvedTable) ?? {}).listeners,\n    [resolvedTable],\n  )\n\n  invariant(\n    listeners,\n    \"The provided/found `Table` instance cannot be subscribed to. Was it created by the correct `useReactTable` hook?\",\n  )\n\n  const subscribe = useCallback(\n    (onTableChange: () => void) => {\n      listeners.add(onTableChange)\n      return () => {\n        listeners.delete(onTableChange)\n      }\n    },\n    [listeners],\n  )\n\n  // Use this to track the rendered snapshot.\n  const instRef = useRef<\n    | {\n        hasValue: false\n        value: null\n      }\n    | { hasValue: true; value: Selection }\n  >({\n    hasValue: false,\n    value: null,\n  })\n\n  // eslint-disable-next-line react-hooks/immutability\n  const getSnapshot = useMemo(() => {\n    let hasMemo = false,\n      memoizedTableOptions: RequiredKeys<TableOptionsResolved<TData>, \"state\">,\n      memoizedSelection: Selection\n\n    return () => {\n      const nextTableOptions = resolvedTable.options\n      if (!hasMemo) {\n        // The first time the hook is called, there is no memoized result.\n        // eslint-disable-next-line react-hooks/immutability -- should be fine 😅 this is how it is in the upstream, too\n        hasMemo = true\n        memoizedTableOptions = nextTableOptions\n        const nextSelection = selector(resolvedTable)\n\n        if (isEqual !== undefined) {\n          // Even if the selector has changed, the currently rendered selection\n          // may be equal to the new selection. We should attempt to reuse the\n          // current value if possible, to preserve downstream memoizations.\n          if (instRef.current.hasValue) {\n            const currentSelection = instRef.current.value\n            if (isEqual(currentSelection, nextSelection)) {\n              memoizedSelection = currentSelection\n              return currentSelection\n            }\n          }\n        }\n\n        memoizedSelection = nextSelection\n        return nextSelection\n      }\n\n      const prevTableOptions = memoizedTableOptions\n      // eslint-disable-next-line react-hooks/memo-dependencies\n      const prevSelection = memoizedSelection\n\n      if (Object.is(prevTableOptions, nextTableOptions)) {\n        // The snapshot is the same as last time. Reuse the previous selection.\n        return prevSelection\n      }\n\n      // The snapshot has changed, so we need to compute a new selection.\n      const nextSelection = selector(resolvedTable)\n\n      // If a custom isEqual function is provided, use that to check if the data\n      // has changed. If it hasn't, return the previous selection. That signals\n      // to React that the selections are conceptually equal, and we can bail\n      // out of rendering.\n      if (isEqual !== undefined && isEqual(prevSelection, nextSelection)) {\n        // The snapshot still has changed, so make sure to update to not keep\n        // old references alive\n        memoizedTableOptions = nextTableOptions\n        return prevSelection\n      }\n\n      memoizedTableOptions = nextTableOptions\n      memoizedSelection = nextSelection\n      return nextSelection\n    }\n  }, [selector, resolvedTable, isEqual])\n\n  const value = useSyncExternalStore(subscribe, getSnapshot)\n\n  useInsertionEffect(() => {\n    instRef.current.hasValue = true\n    instRef.current.value = value\n  }, [value])\n\n  return value\n}\n"],"mappings":";;;;AAAA,MAAa,YAAe,GAAM,GAAG,MAAgB;;;ACwBrD,MAAa,wBAIX,OACA,WAA+C,UAC/C,YACc;CACd;CAEA,MAAM,gBAAgB,SAAS,IAAyB,YAAY;CAEpE,UACE,eACA,kHACF;CAEA,MAAM,YAAY,eACT,cAAc,IAAI,aAAa,KAAK,CAAC,GAAG,WAC/C,CAAC,aAAa,CAChB;CAEA,UACE,WACA,kHACF;CAEA,MAAM,YAAY,aACf,kBAA8B;EAC7B,UAAU,IAAI,aAAa;EAC3B,aAAa;GACX,UAAU,OAAO,aAAa;EAChC;CACF,GACA,CAAC,SAAS,CACZ;CAGA,MAAM,UAAU,OAMd;EACA,UAAU;EACV,OAAO;CACT,CAAC;CA+DD,MAAM,QAAQ,qBAAqB,WA5Df,cAAc;EAChC,IAAI,UAAU,OACZ,sBACA;EAEF,aAAa;GACX,MAAM,mBAAmB,cAAc;GACvC,IAAI,CAAC,SAAS;IAGZ,UAAU;IACV,uBAAuB;IACvB,MAAM,gBAAgB,SAAS,aAAa;IAE5C,IAAI,YAAY,KAAA;SAIV,QAAQ,QAAQ,UAAU;MAC5B,MAAM,mBAAmB,QAAQ,QAAQ;MACzC,IAAI,QAAQ,kBAAkB,aAAa,GAAG;OAC5C,oBAAoB;OACpB,OAAO;MACT;KACF;;IAGF,oBAAoB;IACpB,OAAO;GACT;GAEA,MAAM,mBAAmB;GAEzB,MAAM,gBAAgB;GAEtB,IAAI,OAAO,GAAG,kBAAkB,gBAAgB,GAE9C,OAAO;GAIT,MAAM,gBAAgB,SAAS,aAAa;GAM5C,IAAI,YAAY,KAAA,KAAa,QAAQ,eAAe,aAAa,GAAG;IAGlE,uBAAuB;IACvB,OAAO;GACT;GAEA,uBAAuB;GACvB,oBAAoB;GACpB,OAAO;EACT;CACF,GAAG;EAAC;EAAU;EAAe;CAAO,CAEoB,CAAC;CAEzD,yBAAyB;EACvB,QAAQ,QAAQ,WAAW;EAC3B,QAAQ,QAAQ,QAAQ;CAC1B,GAAG,CAAC,KAAK,CAAC;CAEV,OAAO;AACT"}

package/dist/useTableWithSelector.cjs

@@ -0,0 +1,3 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_useTableWithSelector = require("./useTableWithSelector-Bdsf6Zxk.cjs");
+exports.useTableWithSelector = require_useTableWithSelector.useTableWithSelector;

package/dist/useTableWithSelector.d.cts

@@ -0,0 +1,8 @@
+import { t as IsEqual } from "./types-DIWB6wdO.cjs";
+import { RowData, Table } from "@tanstack/table-core";
+
+//#region src/hooks/useTableWithSelector.d.ts
+declare const useTableWithSelector: <TData extends RowData, Selection = Table<TData>>(table?: Table<TData> | undefined, selector?: (table: Table<TData>) => Selection, isEqual?: IsEqual<NoInfer<Selection>> | undefined) => Selection;
+//#endregion
+export { useTableWithSelector };
+//# sourceMappingURL=useTableWithSelector.d.cts.map

package/dist/useTableWithSelector.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableWithSelector.d.cts","names":[],"sources":["../src/hooks/useTableWithSelector.ts"],"mappings":";;;;cAwBa,oBAAA,iBACG,OAAA,cACF,KAAA,CAAM,KAAA,GAElB,KAAA,GAAQ,KAAA,CAAM,KAAA,eACd,QAAA,IAAW,KAAA,EAAO,KAAA,CAAM,KAAA,MAAW,SAAA,EACnC,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,SAAA,mBACzB,SAAA"}

package/dist/useTableWithSelector.d.ts

@@ -0,0 +1,8 @@
+import { t as IsEqual } from "./types-DIWB6wdO.js";
+import { RowData, Table } from "@tanstack/table-core";
+
+//#region src/hooks/useTableWithSelector.d.ts
+declare const useTableWithSelector: <TData extends RowData, Selection = Table<TData>>(table?: Table<TData> | undefined, selector?: (table: Table<TData>) => Selection, isEqual?: IsEqual<NoInfer<Selection>> | undefined) => Selection;
+//#endregion
+export { useTableWithSelector };
+//# sourceMappingURL=useTableWithSelector.d.ts.map

package/dist/useTableWithSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableWithSelector.d.ts","names":[],"sources":["../src/hooks/useTableWithSelector.ts"],"mappings":";;;;cAwBa,oBAAA,iBACG,OAAA,cACF,KAAA,CAAM,KAAA,GAElB,KAAA,GAAQ,KAAA,CAAM,KAAA,eACd,QAAA,IAAW,KAAA,EAAO,KAAA,CAAM,KAAA,MAAW,SAAA,EACnC,OAAA,GAAU,OAAA,CAAQ,OAAA,CAAQ,SAAA,mBACzB,SAAA"}

package/dist/useTableWithSelector.js

@@ -0,0 +1,2 @@
+import { t as useTableWithSelector } from "./useTableWithSelector-D3f689pF.js";
+export { useTableWithSelector };

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "react-hook-tanstack-table",
+  "packageManager": "yarn@4.15.0",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "Rules-of-React respecting bindings for TanStack Table.",
+  "author": "Xandor Schiefer <me@xandor.co.za>",
+  "license": "MIT",
+  "homepage": "https://github.com/zeorin/react-hook-tanstack-table/?tab=readme-ov-file#readme-ov-file",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zeorin/react-hook-tanstack-table.git"
+  },
+  "bugs": {
+    "url": "https://github.com/zeorin/react-hook-tanstack-table/issues"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./TableContext": {
+      "import": "./dist/TableContext.js",
+      "require": "./dist/TableContext.cjs"
+    },
+    "./useCell": {
+      "import": "./dist/useCell.js",
+      "require": "./dist/useCell.cjs"
+    },
+    "./useColumn": {
+      "import": "./dist/useColumn.js",
+      "require": "./dist/useColumn.cjs"
+    },
+    "./useHeader": {
+      "import": "./dist/useHeader.js",
+      "require": "./dist/useHeader.cjs"
+    },
+    "./useReactTable": {
+      "import": "./dist/useReactTable.js",
+      "require": "./dist/useReactTable.cjs"
+    },
+    "./useRow": {
+      "import": "./dist/useRow.js",
+      "require": "./dist/useRow.cjs"
+    },
+    "./useTable": {
+      "import": "./dist/useTable.js",
+      "require": "./dist/useTable.cjs"
+    },
+    "./useTableWithSelector": {
+      "import": "./dist/useTableWithSelector.js",
+      "require": "./dist/useTableWithSelector.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsdown --watch",
+    "play": "vite",
+    "test": "vitest",
+    "typecheck": "tsc --noEmit",
+    "release": "bumpp",
+    "prepublishOnly": "yarn run build"
+  },
+  "peerDependencies": {
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/table-core": "^8.21.3",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/table-core": "^8.21.3",
+    "@tsconfig/strictest": "^2.0.8",
+    "@types/node": "^25.6.2",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitest/browser-playwright": "^4.1.5",
+    "bumpp": "^11.1.0",
+    "tsdown": "^0.22.0",
+    "type-fest": "^5.6.0",
+    "typescript": "^6.0.3",
+    "typescript-language-server": "^5.3.0",
+    "vite": "^8.0.11",
+    "vitest": "^4.1.5",
+    "vitest-browser-react": "^2.2.0"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.cts"
+}

package/src/contexts/TableContext.ts

@@ -0,0 +1,7 @@
+import { createContext } from "react"
+
+import type { Table } from "@tanstack/table-core"
+
+export const TableContext: React.Context<Table<any> | null> = createContext<Table<any> | null>(null)
+
+TableContext.displayName = "TableContext"