@tanstack/react-table 8.0.0-alpha.6 → 8.0.0-alpha.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/createTable.js +15 -1
- package/build/cjs/createTable.js.map +1 -1
- package/build/esm/index.js +15 -1
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +1 -1
- package/build/stats-react.json +229 -229
- package/build/umd/index.development.js +15 -1
- package/build/umd/index.development.js.map +1 -1
- package/build/umd/index.production.js +1 -1
- package/build/umd/index.production.js.map +1 -1
- package/package.json +1 -1
- package/src/createTable.tsx +25 -2
package/build/cjs/createTable.js
CHANGED
|
@@ -89,9 +89,23 @@ function createTable() {
|
|
|
89
89
|
},
|
|
90
90
|
useTable: function useTable(options) {
|
|
91
91
|
var instanceRef = React__namespace.useRef(undefined);
|
|
92
|
-
var
|
|
92
|
+
var unsafeRerender = React__namespace.useReducer(function () {
|
|
93
93
|
return {};
|
|
94
94
|
}, {})[1];
|
|
95
|
+
var isMountedRef = React__namespace.useRef(false);
|
|
96
|
+
var rerender = React__namespace.useCallback(function () {
|
|
97
|
+
if (!isMountedRef.current) {
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
unsafeRerender();
|
|
102
|
+
}, []);
|
|
103
|
+
React__namespace.useLayoutEffect(function () {
|
|
104
|
+
isMountedRef.current = true;
|
|
105
|
+
return function () {
|
|
106
|
+
isMountedRef.current = false;
|
|
107
|
+
};
|
|
108
|
+
});
|
|
95
109
|
|
|
96
110
|
if (!instanceRef.current) {
|
|
97
111
|
instanceRef.current = core.createTableInstance(options, rerender);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createTable.js","sources":["../../src/createTable.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Cell, Column, Row } from '.'\nimport { createTableInstance } from './core'\nimport {\n ReactTable,\n ColumnDef,\n AccessorFn,\n Options,\n Renderable,\n Header,\n} from './types'\nimport { Overwrite } from './utils'\n\nexport type TableHelper
|
|
1
|
+
{"version":3,"file":"createTable.js","sources":["../../src/createTable.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Cell, Column, Row } from '.'\nimport { createTableInstance } from './core'\nimport {\n ReactTable,\n ColumnDef,\n AccessorFn,\n Options,\n Renderable,\n Header,\n} from './types'\nimport { Overwrite } from './utils'\n\nexport type TableHelper<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n> = {\n RowType<TTData>(): TableHelper<\n TTData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >\n\n FilterFns: <TTFilterFns>(\n filterFns: TTFilterFns\n ) => TableHelper<TData, TValue, TTFilterFns, TSortingFns, TAggregationFns>\n\n SortingFns: <TTSortingFns>(\n sortingFns: TTSortingFns\n ) => TableHelper<TData, TValue, TFilterFns, TTSortingFns, TAggregationFns>\n\n AggregationFns: <TTAggregationFns>(\n aggregationFns: TTAggregationFns\n ) => TableHelper<TData, TValue, TFilterFns, TSortingFns, TTAggregationFns>\n\n createColumns: (\n columns: ColumnDef<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >[]\n ) => ColumnDef<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>[]\n\n createGroup: (\n column: Overwrite<\n ColumnDef<TData, unknown, TFilterFns, TSortingFns, TAggregationFns>,\n | {\n __generated?: never\n accessorFn?: never\n accessorKey?: never\n header: string\n id?: string\n }\n | {\n __generated?: never\n accessorFn?: never\n accessorKey?: never\n id: string\n header?:\n | string\n | Renderable<{\n instance: ReactTable<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >\n header: Header<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >\n column: Column<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >\n }>\n }\n >\n ) => ColumnDef<TData, unknown, TFilterFns, TSortingFns, TAggregationFns>\n\n createDisplayColumn: (\n column: Overwrite<\n ColumnDef<TData, unknown, TFilterFns, TSortingFns, TAggregationFns>,\n { __generated?: never; accessorFn?: never; accessorKey?: never }\n >\n ) => ColumnDef<TData, unknown, TFilterFns, TSortingFns, TAggregationFns>\n\n createDataColumn: <TAccessor extends AccessorFn<TData> | keyof TData>(\n accessor: TAccessor,\n column: TAccessor extends (...args: any[]) => any\n ? // Accessor Fn\n Overwrite<\n ColumnDef<\n TData,\n ReturnType<TAccessor>,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >,\n {\n __generated?: never\n accessorFn?: never\n accessorKey?: never\n id: string\n }\n >\n : TAccessor extends keyof TData\n ? // Accessor Key\n Overwrite<\n ColumnDef<\n TData,\n TData[TAccessor],\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >,\n {\n __generated?: never\n accessorFn?: never\n accessorKey?: never\n id?: string\n }\n >\n : never\n ) => ColumnDef<\n TData,\n TAccessor extends (...args: any[]) => any\n ? ReturnType<TAccessor>\n : TAccessor extends keyof TData\n ? TData[TAccessor]\n : never,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >\n\n useTable: <TData, TValue, TFilterFns, TSortingFns, TAggregationFns>(\n options: Options<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>\n ) => ReactTable<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>\n\n types: {\n instance: ReactTable<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >\n columnDef: ColumnDef<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >\n column: Column<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>\n row: Row<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>\n cell: Cell<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>\n }\n}\n\nexport function createTable<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n>(): TableHelper<TData, TValue, TFilterFns, TSortingFns, TAggregationFns> {\n return {\n RowType: () => createTable(),\n FilterFns: () => createTable(),\n SortingFns: () => createTable(),\n AggregationFns: () => createTable(),\n createColumns: columns => columns,\n createDisplayColumn: column => ({\n ...column,\n __generated: true,\n }),\n createGroup: column => ({\n ...column,\n __generated: true,\n }),\n createDataColumn: (accessor, column) => {\n column = {\n ...column,\n id: column.id,\n }\n\n if (typeof accessor === 'string') {\n return {\n ...column,\n id: column.id ?? accessor,\n accessorKey: accessor,\n __generated: true,\n }\n }\n\n if (typeof accessor === 'function') {\n return {\n ...column,\n accessorFn: accessor,\n __generated: true,\n }\n }\n\n throw new Error('Invalid accessor')\n },\n useTable: <TData, TValue, TFilterFns, TSortingFns, TAggregationFns>(\n options: Options<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>\n ): ReactTable<TData, TValue, TFilterFns, TSortingFns, TAggregationFns> => {\n const instanceRef = React.useRef<\n ReactTable<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>\n >(undefined!)\n\n const unsafeRerender = React.useReducer(() => ({}), {})[1]\n\n const isMountedRef = React.useRef(false)\n\n const rerender = React.useCallback(() => {\n if (!isMountedRef.current) {\n return\n }\n\n unsafeRerender()\n }, [])\n\n React.useLayoutEffect(() => {\n isMountedRef.current = true\n return () => {\n isMountedRef.current = false\n }\n })\n\n if (!instanceRef.current) {\n instanceRef.current = createTableInstance<\n TData,\n TValue,\n TFilterFns,\n TSortingFns,\n TAggregationFns\n >(options, rerender)\n }\n\n instanceRef.current.updateOptions(options)\n\n return instanceRef.current\n },\n types: undefined as any,\n } as TableHelper<TData, TValue, TFilterFns, TSortingFns, TAggregationFns>\n}\n"],"names":["createTable","RowType","FilterFns","SortingFns","AggregationFns","createColumns","columns","createDisplayColumn","column","__generated","createGroup","createDataColumn","accessor","id","accessorKey","accessorFn","Error","useTable","options","instanceRef","React","useRef","undefined","unsafeRerender","useReducer","isMountedRef","rerender","useCallback","current","useLayoutEffect","createTableInstance","updateOptions","types"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+KO,SAASA,WAAT,GAMmE;AACxE,SAAO;AACLC,IAAAA,OAAO,EAAE;AAAA,aAAMD,WAAW,EAAjB;AAAA,KADJ;AAELE,IAAAA,SAAS,EAAE;AAAA,aAAMF,WAAW,EAAjB;AAAA,KAFN;AAGLG,IAAAA,UAAU,EAAE;AAAA,aAAMH,WAAW,EAAjB;AAAA,KAHP;AAILI,IAAAA,cAAc,EAAE;AAAA,aAAMJ,WAAW,EAAjB;AAAA,KAJX;AAKLK,IAAAA,aAAa,EAAE,uBAAAC,OAAO;AAAA,aAAIA,OAAJ;AAAA,KALjB;AAMLC,IAAAA,mBAAmB,EAAE,6BAAAC,MAAM;AAAA,sDACtBA,MADsB;AAEzBC,QAAAA,WAAW,EAAE;AAFY;AAAA,KANtB;AAULC,IAAAA,WAAW,EAAE,qBAAAF,MAAM;AAAA,sDACdA,MADc;AAEjBC,QAAAA,WAAW,EAAE;AAFI;AAAA,KAVd;AAcLE,IAAAA,gBAAgB,EAAE,0BAACC,QAAD,EAAWJ,MAAX,EAAsB;AACtCA,MAAAA,MAAM,4CACDA,MADC;AAEJK,QAAAA,EAAE,EAAEL,MAAM,CAACK;AAFP,QAAN;;AAKA,UAAI,OAAOD,QAAP,KAAoB,QAAxB,EAAkC;AAAA;;AAChC,wDACKJ,MADL;AAEEK,UAAAA,EAAE,gBAAEL,MAAM,CAACK,EAAT,yBAAeD,QAFnB;AAGEE,UAAAA,WAAW,EAAEF,QAHf;AAIEH,UAAAA,WAAW,EAAE;AAJf;AAMD;;AAED,UAAI,OAAOG,QAAP,KAAoB,UAAxB,EAAoC;AAClC,wDACKJ,MADL;AAEEO,UAAAA,UAAU,EAAEH,QAFd;AAGEH,UAAAA,WAAW,EAAE;AAHf;AAKD;;AAED,YAAM,IAAIO,KAAJ,CAAU,kBAAV,CAAN;AACD,KAtCI;AAuCLC,IAAAA,QAAQ,EAAE,kBACRC,OADQ,EAEgE;AACxE,UAAMC,WAAW,GAAGC,gBAAK,CAACC,MAAN,CAElBC,SAFkB,CAApB;AAIA,UAAMC,cAAc,GAAGH,gBAAK,CAACI,UAAN,CAAiB;AAAA,eAAO,EAAP;AAAA,OAAjB,EAA6B,EAA7B,EAAiC,CAAjC,CAAvB;AAEA,UAAMC,YAAY,GAAGL,gBAAK,CAACC,MAAN,CAAa,KAAb,CAArB;AAEA,UAAMK,QAAQ,GAAGN,gBAAK,CAACO,WAAN,CAAkB,YAAM;AACvC,YAAI,CAACF,YAAY,CAACG,OAAlB,EAA2B;AACzB;AACD;;AAEDL,QAAAA,cAAc;AACf,OANgB,EAMd,EANc,CAAjB;AAQAH,MAAAA,gBAAK,CAACS,eAAN,CAAsB,YAAM;AAC1BJ,QAAAA,YAAY,CAACG,OAAb,GAAuB,IAAvB;AACA,eAAO,YAAM;AACXH,UAAAA,YAAY,CAACG,OAAb,GAAuB,KAAvB;AACD,SAFD;AAGD,OALD;;AAOA,UAAI,CAACT,WAAW,CAACS,OAAjB,EAA0B;AACxBT,QAAAA,WAAW,CAACS,OAAZ,GAAsBE,wBAAmB,CAMvCZ,OANuC,EAM9BQ,QAN8B,CAAzC;AAOD;;AAEDP,MAAAA,WAAW,CAACS,OAAZ,CAAoBG,aAApB,CAAkCb,OAAlC;AAEA,aAAOC,WAAW,CAACS,OAAnB;AACD,KA9EI;AA+ELI,IAAAA,KAAK,EAAEV;AA/EF,GAAP;AAiFD;;;;"}
|
package/build/esm/index.js
CHANGED
|
@@ -4749,9 +4749,23 @@ function createTable() {
|
|
|
4749
4749
|
},
|
|
4750
4750
|
useTable: function useTable(options) {
|
|
4751
4751
|
var instanceRef = React.useRef(undefined);
|
|
4752
|
-
var
|
|
4752
|
+
var unsafeRerender = React.useReducer(function () {
|
|
4753
4753
|
return {};
|
|
4754
4754
|
}, {})[1];
|
|
4755
|
+
var isMountedRef = React.useRef(false);
|
|
4756
|
+
var rerender = React.useCallback(function () {
|
|
4757
|
+
if (!isMountedRef.current) {
|
|
4758
|
+
return;
|
|
4759
|
+
}
|
|
4760
|
+
|
|
4761
|
+
unsafeRerender();
|
|
4762
|
+
}, []);
|
|
4763
|
+
React.useLayoutEffect(function () {
|
|
4764
|
+
isMountedRef.current = true;
|
|
4765
|
+
return function () {
|
|
4766
|
+
isMountedRef.current = false;
|
|
4767
|
+
};
|
|
4768
|
+
});
|
|
4755
4769
|
|
|
4756
4770
|
if (!instanceRef.current) {
|
|
4757
4771
|
instanceRef.current = createTableInstance(options, rerender);
|