@tanstack/react-table 8.0.0-alpha.61 → 8.0.0-alpha.62
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/index.js +4 -5
- package/build/cjs/index.js.map +1 -1
- package/build/esm/index.js +4 -5
- package/build/esm/index.js.map +1 -1
- package/build/stats-html.html +1 -1
- package/build/stats-react.json +20 -20
- package/build/umd/index.development.js +4 -5
- 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 +2 -2
- package/src/index.tsx +3 -3
package/build/cjs/index.js
CHANGED
|
@@ -59,7 +59,6 @@ function isExoticComponent(component) {
|
|
|
59
59
|
var createTable = tableCore.createTableFactory({
|
|
60
60
|
render: render
|
|
61
61
|
});
|
|
62
|
-
var useIsomorphicLayoutEffect = typeof document !== 'undefined' ? React__namespace.useLayoutEffect : React__namespace.useEffect;
|
|
63
62
|
function useTableInstance(table, options) {
|
|
64
63
|
// Compose in the generic options to the user options
|
|
65
64
|
var resolvedOptions = _rollupPluginBabelHelpers["extends"]({}, table.options, {
|
|
@@ -95,10 +94,10 @@ function useTableInstance(table, options) {
|
|
|
95
94
|
options.onStateChange == null ? void 0 : options.onStateChange(updater);
|
|
96
95
|
}
|
|
97
96
|
});
|
|
98
|
-
});
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
97
|
+
}); // useIsomorphicLayoutEffect(() => {
|
|
98
|
+
// instance.willUpdate()
|
|
99
|
+
// })
|
|
100
|
+
|
|
102
101
|
return instance;
|
|
103
102
|
}
|
|
104
103
|
|
package/build/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nexport * from '@tanstack/table-core'\n\nimport {\n createTableInstance,\n TableOptions,\n TableInstance,\n Table,\n TableGenerics,\n createTableFactory,\n Overwrite,\n PartialKeys,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n | React.ReactNode\n | React.FunctionComponent<TProps>\n | React.Component<TProps>\n\nexport type Render = <TProps extends {}>(\n Comp: Renderable<TProps>,\n props: TProps\n) => React.ReactNode | JSX.Element\n\nexport type ReactTableGenerics = Overwrite<\n TableGenerics,\n { Renderer: Render; Rendered: ReturnType<Render> }\n>\n\n//\n\nexport const render: Render = (Comp, props) =>\n !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nfunction isReactComponent(component: unknown): component is React.FC {\n return (\n isClassComponent(component) ||\n typeof component === 'function' ||\n isExoticComponent(component)\n )\n}\n\nfunction isClassComponent(component: any) {\n return (\n typeof component === 'function' &&\n (() => {\n const proto = Object.getPrototypeOf(component)\n return proto.prototype && proto.prototype.isReactComponent\n })()\n )\n}\n\nfunction isExoticComponent(component: any) {\n return (\n typeof component === 'object' &&\n typeof component.$$typeof === 'symbol' &&\n ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)\n )\n}\n\nexport const createTable = createTableFactory({ render })\n\nconst useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =\n PartialKeys<\n Omit<TableOptions<TGenerics>, 'render'>,\n 'state' | 'onStateChange'\n >\n\nexport function useTableInstance<TGenerics extends ReactTableGenerics>(\n table: Table<TGenerics>,\n options: UseTableInstanceOptions<TGenerics>\n): TableInstance<TGenerics> {\n // Compose in the generic options to the user options\n const resolvedOptions: TableOptions<TGenerics> = {\n ...table.options,\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n render,\n ...options,\n }\n\n // Create a new table instance and store it in state\n const [instance] = React.useState(() =>\n createTableInstance<TGenerics>(resolvedOptions)\n )\n\n // By default, manage table state here using the instance's initial state\n const [state, setState] = React.useState(() => instance.initialState)\n\n // Compose the default state above with any user state. This will allow the user\n // to only control a subset of the state if desired.\n instance.setOptions(prev => ({\n ...prev,\n ...options,\n state: {\n ...state,\n ...options.state,\n },\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: updater => {\n setState(updater)\n options.onStateChange?.(updater)\n },\n }))\n\n useIsomorphicLayoutEffect(() => {\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nexport * from '@tanstack/table-core'\n\nimport {\n createTableInstance,\n TableOptions,\n TableInstance,\n Table,\n TableGenerics,\n createTableFactory,\n Overwrite,\n PartialKeys,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n | React.ReactNode\n | React.FunctionComponent<TProps>\n | React.Component<TProps>\n\nexport type Render = <TProps extends {}>(\n Comp: Renderable<TProps>,\n props: TProps\n) => React.ReactNode | JSX.Element\n\nexport type ReactTableGenerics = Overwrite<\n TableGenerics,\n { Renderer: Render; Rendered: ReturnType<Render> }\n>\n\n//\n\nexport const render: Render = (Comp, props) =>\n !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nfunction isReactComponent(component: unknown): component is React.FC {\n return (\n isClassComponent(component) ||\n typeof component === 'function' ||\n isExoticComponent(component)\n )\n}\n\nfunction isClassComponent(component: any) {\n return (\n typeof component === 'function' &&\n (() => {\n const proto = Object.getPrototypeOf(component)\n return proto.prototype && proto.prototype.isReactComponent\n })()\n )\n}\n\nfunction isExoticComponent(component: any) {\n return (\n typeof component === 'object' &&\n typeof component.$$typeof === 'symbol' &&\n ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)\n )\n}\n\nexport const createTable = createTableFactory({ render })\n\nconst useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =\n PartialKeys<\n Omit<TableOptions<TGenerics>, 'render'>,\n 'state' | 'onStateChange'\n >\n\nexport function useTableInstance<TGenerics extends ReactTableGenerics>(\n table: Table<TGenerics>,\n options: UseTableInstanceOptions<TGenerics>\n): TableInstance<TGenerics> {\n // Compose in the generic options to the user options\n const resolvedOptions: TableOptions<TGenerics> = {\n ...table.options,\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n render,\n ...options,\n }\n\n // Create a new table instance and store it in state\n const [instance] = React.useState(() =>\n createTableInstance<TGenerics>(resolvedOptions)\n )\n\n // By default, manage table state here using the instance's initial state\n const [state, setState] = React.useState(() => instance.initialState)\n\n // Compose the default state above with any user state. This will allow the user\n // to only control a subset of the state if desired.\n instance.setOptions(prev => ({\n ...prev,\n ...options,\n state: {\n ...state,\n ...options.state,\n },\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: updater => {\n setState(updater)\n options.onStateChange?.(updater)\n },\n }))\n\n // useIsomorphicLayoutEffect(() => {\n // instance.willUpdate()\n // })\n\n return instance\n}\n"],"names":["render","Comp","props","isReactComponent","React","component","isClassComponent","isExoticComponent","proto","Object","getPrototypeOf","prototype","$$typeof","includes","description","createTable","createTableFactory","useTableInstance","table","options","resolvedOptions","_extends","state","onStateChange","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":"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"}
|
package/build/esm/index.js
CHANGED
|
@@ -53,7 +53,6 @@ function isExoticComponent(component) {
|
|
|
53
53
|
var createTable = createTableFactory({
|
|
54
54
|
render: render
|
|
55
55
|
});
|
|
56
|
-
var useIsomorphicLayoutEffect = typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect;
|
|
57
56
|
function useTableInstance(table, options) {
|
|
58
57
|
// Compose in the generic options to the user options
|
|
59
58
|
var resolvedOptions = _extends({}, table.options, {
|
|
@@ -89,10 +88,10 @@ function useTableInstance(table, options) {
|
|
|
89
88
|
options.onStateChange == null ? void 0 : options.onStateChange(updater);
|
|
90
89
|
}
|
|
91
90
|
});
|
|
92
|
-
});
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
91
|
+
}); // useIsomorphicLayoutEffect(() => {
|
|
92
|
+
// instance.willUpdate()
|
|
93
|
+
// })
|
|
94
|
+
|
|
96
95
|
return instance;
|
|
97
96
|
}
|
|
98
97
|
|
package/build/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nexport * from '@tanstack/table-core'\n\nimport {\n createTableInstance,\n TableOptions,\n TableInstance,\n Table,\n TableGenerics,\n createTableFactory,\n Overwrite,\n PartialKeys,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n | React.ReactNode\n | React.FunctionComponent<TProps>\n | React.Component<TProps>\n\nexport type Render = <TProps extends {}>(\n Comp: Renderable<TProps>,\n props: TProps\n) => React.ReactNode | JSX.Element\n\nexport type ReactTableGenerics = Overwrite<\n TableGenerics,\n { Renderer: Render; Rendered: ReturnType<Render> }\n>\n\n//\n\nexport const render: Render = (Comp, props) =>\n !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nfunction isReactComponent(component: unknown): component is React.FC {\n return (\n isClassComponent(component) ||\n typeof component === 'function' ||\n isExoticComponent(component)\n )\n}\n\nfunction isClassComponent(component: any) {\n return (\n typeof component === 'function' &&\n (() => {\n const proto = Object.getPrototypeOf(component)\n return proto.prototype && proto.prototype.isReactComponent\n })()\n )\n}\n\nfunction isExoticComponent(component: any) {\n return (\n typeof component === 'object' &&\n typeof component.$$typeof === 'symbol' &&\n ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)\n )\n}\n\nexport const createTable = createTableFactory({ render })\n\nconst useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =\n PartialKeys<\n Omit<TableOptions<TGenerics>, 'render'>,\n 'state' | 'onStateChange'\n >\n\nexport function useTableInstance<TGenerics extends ReactTableGenerics>(\n table: Table<TGenerics>,\n options: UseTableInstanceOptions<TGenerics>\n): TableInstance<TGenerics> {\n // Compose in the generic options to the user options\n const resolvedOptions: TableOptions<TGenerics> = {\n ...table.options,\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n render,\n ...options,\n }\n\n // Create a new table instance and store it in state\n const [instance] = React.useState(() =>\n createTableInstance<TGenerics>(resolvedOptions)\n )\n\n // By default, manage table state here using the instance's initial state\n const [state, setState] = React.useState(() => instance.initialState)\n\n // Compose the default state above with any user state. This will allow the user\n // to only control a subset of the state if desired.\n instance.setOptions(prev => ({\n ...prev,\n ...options,\n state: {\n ...state,\n ...options.state,\n },\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: updater => {\n setState(updater)\n options.onStateChange?.(updater)\n },\n }))\n\n useIsomorphicLayoutEffect(() => {\n
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nexport * from '@tanstack/table-core'\n\nimport {\n createTableInstance,\n TableOptions,\n TableInstance,\n Table,\n TableGenerics,\n createTableFactory,\n Overwrite,\n PartialKeys,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n | React.ReactNode\n | React.FunctionComponent<TProps>\n | React.Component<TProps>\n\nexport type Render = <TProps extends {}>(\n Comp: Renderable<TProps>,\n props: TProps\n) => React.ReactNode | JSX.Element\n\nexport type ReactTableGenerics = Overwrite<\n TableGenerics,\n { Renderer: Render; Rendered: ReturnType<Render> }\n>\n\n//\n\nexport const render: Render = (Comp, props) =>\n !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nfunction isReactComponent(component: unknown): component is React.FC {\n return (\n isClassComponent(component) ||\n typeof component === 'function' ||\n isExoticComponent(component)\n )\n}\n\nfunction isClassComponent(component: any) {\n return (\n typeof component === 'function' &&\n (() => {\n const proto = Object.getPrototypeOf(component)\n return proto.prototype && proto.prototype.isReactComponent\n })()\n )\n}\n\nfunction isExoticComponent(component: any) {\n return (\n typeof component === 'object' &&\n typeof component.$$typeof === 'symbol' &&\n ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)\n )\n}\n\nexport const createTable = createTableFactory({ render })\n\nconst useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =\n PartialKeys<\n Omit<TableOptions<TGenerics>, 'render'>,\n 'state' | 'onStateChange'\n >\n\nexport function useTableInstance<TGenerics extends ReactTableGenerics>(\n table: Table<TGenerics>,\n options: UseTableInstanceOptions<TGenerics>\n): TableInstance<TGenerics> {\n // Compose in the generic options to the user options\n const resolvedOptions: TableOptions<TGenerics> = {\n ...table.options,\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n render,\n ...options,\n }\n\n // Create a new table instance and store it in state\n const [instance] = React.useState(() =>\n createTableInstance<TGenerics>(resolvedOptions)\n )\n\n // By default, manage table state here using the instance's initial state\n const [state, setState] = React.useState(() => instance.initialState)\n\n // Compose the default state above with any user state. This will allow the user\n // to only control a subset of the state if desired.\n instance.setOptions(prev => ({\n ...prev,\n ...options,\n state: {\n ...state,\n ...options.state,\n },\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: updater => {\n setState(updater)\n options.onStateChange?.(updater)\n },\n }))\n\n // useIsomorphicLayoutEffect(() => {\n // instance.willUpdate()\n // })\n\n return instance\n}\n"],"names":["render","Comp","props","isReactComponent","component","isClassComponent","isExoticComponent","proto","Object","getPrototypeOf","prototype","$$typeof","includes","description","createTable","createTableFactory","useTableInstance","table","options","resolvedOptions","state","onStateChange","React","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":"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"}
|
package/build/stats-html.html
CHANGED
|
@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
|
|
|
2669
2669
|
</script>
|
|
2670
2670
|
<script>
|
|
2671
2671
|
/*<!--*/
|
|
2672
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"
|
|
2672
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"c493-127","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages/react-table/src/index.tsx","uid":"c493-129"}]}],"isRoot":true},"nodeParts":{"c493-127":{"renderedLength":410,"gzipLength":231,"brotliLength":0,"mainUid":"c493-126"},"c493-129":{"renderedLength":2316,"gzipLength":862,"brotliLength":0,"mainUid":"c493-128"}},"nodeMetas":{"c493-126":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"c493-127"},"imported":[],"importedBy":[{"uid":"c493-128"}]},"c493-128":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"c493-129"},"imported":[{"uid":"c493-126"},{"uid":"c493-130"},{"uid":"c493-131"}],"importedBy":[],"isEntry":true},"c493-130":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"c493-128"}],"isExternal":true},"c493-131":{"id":"@tanstack/table-core","moduleParts":{},"imported":[],"importedBy":[{"uid":"c493-128"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
2673
2673
|
|
|
2674
2674
|
const run = () => {
|
|
2675
2675
|
const width = window.innerWidth;
|
package/build/stats-react.json
CHANGED
|
@@ -7,12 +7,12 @@
|
|
|
7
7
|
"name": "index.production.js",
|
|
8
8
|
"children": [
|
|
9
9
|
{
|
|
10
|
-
"uid": "
|
|
10
|
+
"uid": "c493-133",
|
|
11
11
|
"name": "\u0000rollupPluginBabelHelpers.js"
|
|
12
12
|
},
|
|
13
13
|
{
|
|
14
14
|
"name": "packages/react-table/src/index.tsx",
|
|
15
|
-
"uid": "
|
|
15
|
+
"uid": "c493-135"
|
|
16
16
|
}
|
|
17
17
|
]
|
|
18
18
|
}
|
|
@@ -20,69 +20,69 @@
|
|
|
20
20
|
"isRoot": true
|
|
21
21
|
},
|
|
22
22
|
"nodeParts": {
|
|
23
|
-
"
|
|
23
|
+
"c493-133": {
|
|
24
24
|
"renderedLength": 410,
|
|
25
25
|
"gzipLength": 231,
|
|
26
26
|
"brotliLength": 0,
|
|
27
|
-
"mainUid": "
|
|
27
|
+
"mainUid": "c493-132"
|
|
28
28
|
},
|
|
29
|
-
"
|
|
30
|
-
"renderedLength":
|
|
31
|
-
"gzipLength":
|
|
29
|
+
"c493-135": {
|
|
30
|
+
"renderedLength": 2316,
|
|
31
|
+
"gzipLength": 862,
|
|
32
32
|
"brotliLength": 0,
|
|
33
|
-
"mainUid": "
|
|
33
|
+
"mainUid": "c493-134"
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
"nodeMetas": {
|
|
37
|
-
"
|
|
37
|
+
"c493-132": {
|
|
38
38
|
"id": "\u0000rollupPluginBabelHelpers.js",
|
|
39
39
|
"moduleParts": {
|
|
40
|
-
"index.production.js": "
|
|
40
|
+
"index.production.js": "c493-133"
|
|
41
41
|
},
|
|
42
42
|
"imported": [],
|
|
43
43
|
"importedBy": [
|
|
44
44
|
{
|
|
45
|
-
"uid": "
|
|
45
|
+
"uid": "c493-134"
|
|
46
46
|
}
|
|
47
47
|
]
|
|
48
48
|
},
|
|
49
|
-
"
|
|
49
|
+
"c493-134": {
|
|
50
50
|
"id": "/packages/react-table/src/index.tsx",
|
|
51
51
|
"moduleParts": {
|
|
52
|
-
"index.production.js": "
|
|
52
|
+
"index.production.js": "c493-135"
|
|
53
53
|
},
|
|
54
54
|
"imported": [
|
|
55
55
|
{
|
|
56
|
-
"uid": "
|
|
56
|
+
"uid": "c493-132"
|
|
57
57
|
},
|
|
58
58
|
{
|
|
59
|
-
"uid": "
|
|
59
|
+
"uid": "c493-136"
|
|
60
60
|
},
|
|
61
61
|
{
|
|
62
|
-
"uid": "
|
|
62
|
+
"uid": "c493-137"
|
|
63
63
|
}
|
|
64
64
|
],
|
|
65
65
|
"importedBy": [],
|
|
66
66
|
"isEntry": true
|
|
67
67
|
},
|
|
68
|
-
"
|
|
68
|
+
"c493-136": {
|
|
69
69
|
"id": "react",
|
|
70
70
|
"moduleParts": {},
|
|
71
71
|
"imported": [],
|
|
72
72
|
"importedBy": [
|
|
73
73
|
{
|
|
74
|
-
"uid": "
|
|
74
|
+
"uid": "c493-134"
|
|
75
75
|
}
|
|
76
76
|
],
|
|
77
77
|
"isExternal": true
|
|
78
78
|
},
|
|
79
|
-
"
|
|
79
|
+
"c493-137": {
|
|
80
80
|
"id": "@tanstack/table-core",
|
|
81
81
|
"moduleParts": {},
|
|
82
82
|
"imported": [],
|
|
83
83
|
"importedBy": [
|
|
84
84
|
{
|
|
85
|
-
"uid": "
|
|
85
|
+
"uid": "c493-134"
|
|
86
86
|
}
|
|
87
87
|
],
|
|
88
88
|
"isExternal": true
|
|
@@ -75,7 +75,6 @@
|
|
|
75
75
|
var createTable = tableCore.createTableFactory({
|
|
76
76
|
render: render
|
|
77
77
|
});
|
|
78
|
-
var useIsomorphicLayoutEffect = typeof document !== 'undefined' ? React__namespace.useLayoutEffect : React__namespace.useEffect;
|
|
79
78
|
function useTableInstance(table, options) {
|
|
80
79
|
// Compose in the generic options to the user options
|
|
81
80
|
var resolvedOptions = _extends({}, table.options, {
|
|
@@ -111,10 +110,10 @@
|
|
|
111
110
|
options.onStateChange == null ? void 0 : options.onStateChange(updater);
|
|
112
111
|
}
|
|
113
112
|
});
|
|
114
|
-
});
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
113
|
+
}); // useIsomorphicLayoutEffect(() => {
|
|
114
|
+
// instance.willUpdate()
|
|
115
|
+
// })
|
|
116
|
+
|
|
118
117
|
return instance;
|
|
119
118
|
}
|
|
120
119
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.development.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nexport * from '@tanstack/table-core'\n\nimport {\n createTableInstance,\n TableOptions,\n TableInstance,\n Table,\n TableGenerics,\n createTableFactory,\n Overwrite,\n PartialKeys,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n | React.ReactNode\n | React.FunctionComponent<TProps>\n | React.Component<TProps>\n\nexport type Render = <TProps extends {}>(\n Comp: Renderable<TProps>,\n props: TProps\n) => React.ReactNode | JSX.Element\n\nexport type ReactTableGenerics = Overwrite<\n TableGenerics,\n { Renderer: Render; Rendered: ReturnType<Render> }\n>\n\n//\n\nexport const render: Render = (Comp, props) =>\n !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nfunction isReactComponent(component: unknown): component is React.FC {\n return (\n isClassComponent(component) ||\n typeof component === 'function' ||\n isExoticComponent(component)\n )\n}\n\nfunction isClassComponent(component: any) {\n return (\n typeof component === 'function' &&\n (() => {\n const proto = Object.getPrototypeOf(component)\n return proto.prototype && proto.prototype.isReactComponent\n })()\n )\n}\n\nfunction isExoticComponent(component: any) {\n return (\n typeof component === 'object' &&\n typeof component.$$typeof === 'symbol' &&\n ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)\n )\n}\n\nexport const createTable = createTableFactory({ render })\n\nconst useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =\n PartialKeys<\n Omit<TableOptions<TGenerics>, 'render'>,\n 'state' | 'onStateChange'\n >\n\nexport function useTableInstance<TGenerics extends ReactTableGenerics>(\n table: Table<TGenerics>,\n options: UseTableInstanceOptions<TGenerics>\n): TableInstance<TGenerics> {\n // Compose in the generic options to the user options\n const resolvedOptions: TableOptions<TGenerics> = {\n ...table.options,\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n render,\n ...options,\n }\n\n // Create a new table instance and store it in state\n const [instance] = React.useState(() =>\n createTableInstance<TGenerics>(resolvedOptions)\n )\n\n // By default, manage table state here using the instance's initial state\n const [state, setState] = React.useState(() => instance.initialState)\n\n // Compose the default state above with any user state. This will allow the user\n // to only control a subset of the state if desired.\n instance.setOptions(prev => ({\n ...prev,\n ...options,\n state: {\n ...state,\n ...options.state,\n },\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: updater => {\n setState(updater)\n options.onStateChange?.(updater)\n },\n }))\n\n useIsomorphicLayoutEffect(() => {\n
|
|
1
|
+
{"version":3,"file":"index.development.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nexport * from '@tanstack/table-core'\n\nimport {\n createTableInstance,\n TableOptions,\n TableInstance,\n Table,\n TableGenerics,\n createTableFactory,\n Overwrite,\n PartialKeys,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n | React.ReactNode\n | React.FunctionComponent<TProps>\n | React.Component<TProps>\n\nexport type Render = <TProps extends {}>(\n Comp: Renderable<TProps>,\n props: TProps\n) => React.ReactNode | JSX.Element\n\nexport type ReactTableGenerics = Overwrite<\n TableGenerics,\n { Renderer: Render; Rendered: ReturnType<Render> }\n>\n\n//\n\nexport const render: Render = (Comp, props) =>\n !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nfunction isReactComponent(component: unknown): component is React.FC {\n return (\n isClassComponent(component) ||\n typeof component === 'function' ||\n isExoticComponent(component)\n )\n}\n\nfunction isClassComponent(component: any) {\n return (\n typeof component === 'function' &&\n (() => {\n const proto = Object.getPrototypeOf(component)\n return proto.prototype && proto.prototype.isReactComponent\n })()\n )\n}\n\nfunction isExoticComponent(component: any) {\n return (\n typeof component === 'object' &&\n typeof component.$$typeof === 'symbol' &&\n ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)\n )\n}\n\nexport const createTable = createTableFactory({ render })\n\nconst useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =\n PartialKeys<\n Omit<TableOptions<TGenerics>, 'render'>,\n 'state' | 'onStateChange'\n >\n\nexport function useTableInstance<TGenerics extends ReactTableGenerics>(\n table: Table<TGenerics>,\n options: UseTableInstanceOptions<TGenerics>\n): TableInstance<TGenerics> {\n // Compose in the generic options to the user options\n const resolvedOptions: TableOptions<TGenerics> = {\n ...table.options,\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n render,\n ...options,\n }\n\n // Create a new table instance and store it in state\n const [instance] = React.useState(() =>\n createTableInstance<TGenerics>(resolvedOptions)\n )\n\n // By default, manage table state here using the instance's initial state\n const [state, setState] = React.useState(() => instance.initialState)\n\n // Compose the default state above with any user state. This will allow the user\n // to only control a subset of the state if desired.\n instance.setOptions(prev => ({\n ...prev,\n ...options,\n state: {\n ...state,\n ...options.state,\n },\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: updater => {\n setState(updater)\n options.onStateChange?.(updater)\n },\n }))\n\n // useIsomorphicLayoutEffect(() => {\n // instance.willUpdate()\n // })\n\n return instance\n}\n"],"names":["render","Comp","props","isReactComponent","React","component","isClassComponent","isExoticComponent","proto","Object","getPrototypeOf","prototype","$$typeof","includes","description","createTable","createTableFactory","useTableInstance","table","options","resolvedOptions","state","onStateChange","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":"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"}
|
|
@@ -8,5 +8,5 @@
|
|
|
8
8
|
*
|
|
9
9
|
* @license MIT
|
|
10
10
|
*/
|
|
11
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@tanstack/table-core")):"function"==typeof define&&define.amd?define(["exports","react","@tanstack/table-core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactTable={},e.React,e.TableCore)}(this,(function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=r(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}var c=function(e,t){return e?function(e){return"function"==typeof e&&((t=Object.getPrototypeOf(e)).prototype&&t.prototype.isReactComponent);var t}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?o.createElement(e,t):e:null;var n};var u=n.createTableFactory({render:c})
|
|
11
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("@tanstack/table-core")):"function"==typeof define&&define.amd?define(["exports","react","@tanstack/table-core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactTable={},e.React,e.TableCore)}(this,(function(e,t,n){"use strict";function r(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var o=r(t);function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}var c=function(e,t){return e?function(e){return"function"==typeof e&&((t=Object.getPrototypeOf(e)).prototype&&t.prototype.isReactComponent);var t}(n=e)||"function"==typeof n||function(e){return"object"==typeof e&&"symbol"==typeof e.$$typeof&&["react.memo","react.forward_ref"].includes(e.$$typeof.description)}(n)?o.createElement(e,t):e:null;var n};var u=n.createTableFactory({render:c});e.createTable=u,e.render=c,e.useTableInstance=function(e,t){var r=a({},e.options,{state:{},onStateChange:function(){},render:c},t),u=o.useState((function(){return n.createTableInstance(r)}))[0],f=o.useState((function(){return u.initialState})),i=f[0],l=f[1];return u.setOptions((function(e){return a({},e,t,{state:a({},i,t.state),onStateChange:function(e){l(e),null==t.onStateChange||t.onStateChange(e)}})})),u},Object.keys(n).forEach((function(t){"default"===t||e.hasOwnProperty(t)||Object.defineProperty(e,t,{enumerable:!0,get:function(){return n[t]}})})),Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
12
12
|
//# sourceMappingURL=index.production.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.production.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nexport * from '@tanstack/table-core'\n\nimport {\n createTableInstance,\n TableOptions,\n TableInstance,\n Table,\n TableGenerics,\n createTableFactory,\n Overwrite,\n PartialKeys,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n | React.ReactNode\n | React.FunctionComponent<TProps>\n | React.Component<TProps>\n\nexport type Render = <TProps extends {}>(\n Comp: Renderable<TProps>,\n props: TProps\n) => React.ReactNode | JSX.Element\n\nexport type ReactTableGenerics = Overwrite<\n TableGenerics,\n { Renderer: Render; Rendered: ReturnType<Render> }\n>\n\n//\n\nexport const render: Render = (Comp, props) =>\n !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nfunction isReactComponent(component: unknown): component is React.FC {\n return (\n isClassComponent(component) ||\n typeof component === 'function' ||\n isExoticComponent(component)\n )\n}\n\nfunction isClassComponent(component: any) {\n return (\n typeof component === 'function' &&\n (() => {\n const proto = Object.getPrototypeOf(component)\n return proto.prototype && proto.prototype.isReactComponent\n })()\n )\n}\n\nfunction isExoticComponent(component: any) {\n return (\n typeof component === 'object' &&\n typeof component.$$typeof === 'symbol' &&\n ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)\n )\n}\n\nexport const createTable = createTableFactory({ render })\n\nconst useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =\n PartialKeys<\n Omit<TableOptions<TGenerics>, 'render'>,\n 'state' | 'onStateChange'\n >\n\nexport function useTableInstance<TGenerics extends ReactTableGenerics>(\n table: Table<TGenerics>,\n options: UseTableInstanceOptions<TGenerics>\n): TableInstance<TGenerics> {\n // Compose in the generic options to the user options\n const resolvedOptions: TableOptions<TGenerics> = {\n ...table.options,\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n render,\n ...options,\n }\n\n // Create a new table instance and store it in state\n const [instance] = React.useState(() =>\n createTableInstance<TGenerics>(resolvedOptions)\n )\n\n // By default, manage table state here using the instance's initial state\n const [state, setState] = React.useState(() => instance.initialState)\n\n // Compose the default state above with any user state. This will allow the user\n // to only control a subset of the state if desired.\n instance.setOptions(prev => ({\n ...prev,\n ...options,\n state: {\n ...state,\n ...options.state,\n },\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: updater => {\n setState(updater)\n options.onStateChange?.(updater)\n },\n }))\n\n useIsomorphicLayoutEffect(() => {\n
|
|
1
|
+
{"version":3,"file":"index.production.js","sources":["../../src/index.tsx"],"sourcesContent":["import * as React from 'react'\nexport * from '@tanstack/table-core'\n\nimport {\n createTableInstance,\n TableOptions,\n TableInstance,\n Table,\n TableGenerics,\n createTableFactory,\n Overwrite,\n PartialKeys,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n | React.ReactNode\n | React.FunctionComponent<TProps>\n | React.Component<TProps>\n\nexport type Render = <TProps extends {}>(\n Comp: Renderable<TProps>,\n props: TProps\n) => React.ReactNode | JSX.Element\n\nexport type ReactTableGenerics = Overwrite<\n TableGenerics,\n { Renderer: Render; Rendered: ReturnType<Render> }\n>\n\n//\n\nexport const render: Render = (Comp, props) =>\n !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nfunction isReactComponent(component: unknown): component is React.FC {\n return (\n isClassComponent(component) ||\n typeof component === 'function' ||\n isExoticComponent(component)\n )\n}\n\nfunction isClassComponent(component: any) {\n return (\n typeof component === 'function' &&\n (() => {\n const proto = Object.getPrototypeOf(component)\n return proto.prototype && proto.prototype.isReactComponent\n })()\n )\n}\n\nfunction isExoticComponent(component: any) {\n return (\n typeof component === 'object' &&\n typeof component.$$typeof === 'symbol' &&\n ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)\n )\n}\n\nexport const createTable = createTableFactory({ render })\n\nconst useIsomorphicLayoutEffect =\n typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =\n PartialKeys<\n Omit<TableOptions<TGenerics>, 'render'>,\n 'state' | 'onStateChange'\n >\n\nexport function useTableInstance<TGenerics extends ReactTableGenerics>(\n table: Table<TGenerics>,\n options: UseTableInstanceOptions<TGenerics>\n): TableInstance<TGenerics> {\n // Compose in the generic options to the user options\n const resolvedOptions: TableOptions<TGenerics> = {\n ...table.options,\n state: {}, // Dummy state\n onStateChange: () => {}, // noop\n render,\n ...options,\n }\n\n // Create a new table instance and store it in state\n const [instance] = React.useState(() =>\n createTableInstance<TGenerics>(resolvedOptions)\n )\n\n // By default, manage table state here using the instance's initial state\n const [state, setState] = React.useState(() => instance.initialState)\n\n // Compose the default state above with any user state. This will allow the user\n // to only control a subset of the state if desired.\n instance.setOptions(prev => ({\n ...prev,\n ...options,\n state: {\n ...state,\n ...options.state,\n },\n // Similarly, we'll maintain both our internal state and any user-provided\n // state.\n onStateChange: updater => {\n setState(updater)\n options.onStateChange?.(updater)\n },\n }))\n\n // useIsomorphicLayoutEffect(() => {\n // instance.willUpdate()\n // })\n\n return instance\n}\n"],"names":["render","Comp","props","component","proto","Object","getPrototypeOf","prototype","isReactComponent","isClassComponent","$$typeof","includes","description","isExoticComponent","React","createTable","createTableFactory","table","options","resolvedOptions","_extends","state","onStateChange","instance","useState","createTableInstance","initialState","_React$useState2","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;o1BA+BaA,IAAAA,EAAiB,SAACC,EAAMC,GAAP,OAC3BD,EAUH,SAA0BE,GACxB,MACuB,mBAAdA,KAECC,EAAQC,OAAOC,eAAeH,IACvBI,WAAaH,EAAMG,UAAUC,kBAF3C,IACOJ,EAVRK,CAFsBN,EAFQF,IAKT,mBAAdE,GAeX,SAA2BA,GAEvB,MAAqB,iBAAdA,GACuB,iBAAvBA,EAAUO,UACjB,CAAC,aAAc,qBAAqBC,SAASR,EAAUO,SAASE,aAlBhEC,CAAkBV,GANoBW,gBAACb,EAASC,GAAYD,EAAtD,KAEV,IAA0BE,GA0BbY,IAAAA,EAAcC,EAAAA,mBAAmB,CAAEhB,OAAAA,kDAWzC,SACLiB,EACAC,GAGA,IAAMC,EAAwCC,EAAA,GACzCH,EAAMC,QADmC,CAE5CG,MAAO,GACPC,cAAe,aACftB,OAAAA,GACGkB,GAIEK,EAAYT,EAAMU,UAAS,WAChCC,OAAAA,EAAAA,oBAA+BN,SAIPL,EAAAA,EAAMU,UAAS,WAAMD,OAAAA,EAASG,gBAAjDL,EAAPM,EAAA,GAAcC,OAuBd,OAnBAL,EAASM,YAAW,SAAAC,GACfA,OAAAA,EAAAA,GAAAA,EACAZ,EAFmB,CAGtBG,MACKA,EAAAA,GAAAA,EACAH,EAAQG,OAIbC,cAAe,SAAAS,GACbH,EAASG,GACT,MAAAb,EAAQI,eAARJ,EAAQI,cAAgBS,SAQrBR"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tanstack/react-table",
|
|
3
3
|
"author": "Tanner Linsley",
|
|
4
|
-
"version": "8.0.0-alpha.
|
|
4
|
+
"version": "8.0.0-alpha.62",
|
|
5
5
|
"description": "Hooks for building lightweight, fast and extendable datagrids for React",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"homepage": "https://github.com/tanstack/react-table#readme",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"src"
|
|
35
35
|
],
|
|
36
36
|
"dependencies": {
|
|
37
|
-
"@tanstack/table-core": "8.0.0-alpha.
|
|
37
|
+
"@tanstack/table-core": "8.0.0-alpha.62"
|
|
38
38
|
},
|
|
39
39
|
"peerDependencies": {
|
|
40
40
|
"react": ">=16",
|
package/src/index.tsx
CHANGED
|
@@ -107,9 +107,9 @@ export function useTableInstance<TGenerics extends ReactTableGenerics>(
|
|
|
107
107
|
},
|
|
108
108
|
}))
|
|
109
109
|
|
|
110
|
-
useIsomorphicLayoutEffect(() => {
|
|
111
|
-
|
|
112
|
-
})
|
|
110
|
+
// useIsomorphicLayoutEffect(() => {
|
|
111
|
+
// instance.willUpdate()
|
|
112
|
+
// })
|
|
113
113
|
|
|
114
114
|
return instance
|
|
115
115
|
}
|