@tanstack/react-table 8.0.0-alpha.49 → 8.0.0-alpha.51

package/build/cjs/index.js

@@ -58,6 +58,7 @@ function isExoticComponent(component) {
 var createTable = tableCore.createTableFactory({
   render: render
 });
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React__namespace.useLayoutEffect : React__namespace.useEffect;
 function useTableInstance(table, options) {
   // Compose in the generic options to the user options
   var resolvedOptions = _rollupPluginBabelHelpers["extends"]({}, table.options, {
@@ -94,7 +95,7 @@ function useTableInstance(table, options) {
       }
     });
   });
-  React__namespace.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     instance.willUpdate();
   });
   return instance;

package/build/cjs/index.js.map

@@ -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  PartialKeys,\n  Options,\n  TableInstance,\n  Table,\n  AnyGenerics,\n  createTableFactory,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n  | React.ReactNode\n  | React.FunctionComponent<TProps>\n  | React.Component<TProps>\n\nexport const render = <TProps extends {}>(\n  Comp: Renderable<TProps>,\n  props: TProps\n): React.ReactNode =>\n  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nexport type Render = typeof render\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\nexport function useTableInstance<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, 'render'>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions: Options<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  React.useLayoutEffect(() => {\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","useLayoutEffect","willUpdate"],"mappings":"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"}
+{"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  PartialKeys,\n  Options,\n  TableInstance,\n  Table,\n  AnyGenerics,\n  createTableFactory,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n  | React.ReactNode\n  | React.FunctionComponent<TProps>\n  | React.Component<TProps>\n\nexport const render = <TProps extends {}>(\n  Comp: Renderable<TProps>,\n  props: TProps\n): React.ReactNode =>\n  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nexport type Render = typeof render\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 window !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport function useTableInstance<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, 'render'>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions: Options<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","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","useTableInstance","table","options","resolvedOptions","_extends","state","onStateChange","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater","willUpdate"],"mappings":"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"}

package/build/esm/index.js

@@ -52,6 +52,7 @@ function isExoticComponent(component) {
 var createTable = createTableFactory({
   render: render
 });
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
 function useTableInstance(table, options) {
   // Compose in the generic options to the user options
   var resolvedOptions = _extends({}, table.options, {
@@ -88,7 +89,7 @@ function useTableInstance(table, options) {
       }
     });
   });
-  React.useLayoutEffect(function () {
+  useIsomorphicLayoutEffect(function () {
     instance.willUpdate();
   });
   return instance;

package/build/esm/index.js.map

@@ -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  PartialKeys,\n  Options,\n  TableInstance,\n  Table,\n  AnyGenerics,\n  createTableFactory,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n  | React.ReactNode\n  | React.FunctionComponent<TProps>\n  | React.Component<TProps>\n\nexport const render = <TProps extends {}>(\n  Comp: Renderable<TProps>,\n  props: TProps\n): React.ReactNode =>\n  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nexport type Render = typeof render\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\nexport function useTableInstance<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, 'render'>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions: Options<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  React.useLayoutEffect(() => {\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","useLayoutEffect","willUpdate"],"mappings":"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"}
+{"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  PartialKeys,\n  Options,\n  TableInstance,\n  Table,\n  AnyGenerics,\n  createTableFactory,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n  | React.ReactNode\n  | React.FunctionComponent<TProps>\n  | React.Component<TProps>\n\nexport const render = <TProps extends {}>(\n  Comp: Renderable<TProps>,\n  props: TProps\n): React.ReactNode =>\n  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nexport type Render = typeof render\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 window !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport function useTableInstance<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, 'render'>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions: Options<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","useIsomorphicLayoutEffect","window","React","useLayoutEffect","useEffect","useTableInstance","table","options","resolvedOptions","state","onStateChange","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater","willUpdate"],"mappings":"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"}

package/build/stats-html.html

@@ -2669,7 +2669,7 @@ var drawChart = (function (exports) {
   </script>
   <script>
     /*<!--*/
-    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"1354-115","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages/react-table/src/index.tsx","uid":"1354-117"}]}],"isRoot":true},"nodeParts":{"1354-115":{"renderedLength":410,"gzipLength":231,"brotliLength":0,"mainUid":"1354-114"},"1354-117":{"renderedLength":2320,"gzipLength":843,"brotliLength":0,"mainUid":"1354-116"}},"nodeMetas":{"1354-114":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"1354-115"},"imported":[],"importedBy":[{"uid":"1354-116"}]},"1354-116":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"1354-117"},"imported":[{"uid":"1354-114"},{"uid":"1354-118"},{"uid":"1354-119"}],"importedBy":[],"isEntry":true},"1354-118":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"1354-116"}],"isExternal":true},"1354-119":{"id":"@tanstack/table-core","moduleParts":{},"imported":[],"importedBy":[{"uid":"1354-116"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"f55f-115","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages/react-table/src/index.tsx","uid":"f55f-117"}]}],"isRoot":true},"nodeParts":{"f55f-115":{"renderedLength":410,"gzipLength":231,"brotliLength":0,"mainUid":"f55f-114"},"f55f-117":{"renderedLength":2442,"gzipLength":886,"brotliLength":0,"mainUid":"f55f-116"}},"nodeMetas":{"f55f-114":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"f55f-115"},"imported":[],"importedBy":[{"uid":"f55f-116"}]},"f55f-116":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"f55f-117"},"imported":[{"uid":"f55f-114"},{"uid":"f55f-118"},{"uid":"f55f-119"}],"importedBy":[],"isEntry":true},"f55f-118":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"f55f-116"}],"isExternal":true},"f55f-119":{"id":"@tanstack/table-core","moduleParts":{},"imported":[],"importedBy":[{"uid":"f55f-116"}],"isExternal":true}},"env":{"rollup":"2.70.2"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
 
     const run = () => {
       const width = window.innerWidth;

package/build/stats-react.json

@@ -7,12 +7,12 @@
         "name": "index.production.js",
         "children": [
           {
-            "uid": "1354-121",
+            "uid": "f55f-121",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
             "name": "packages/react-table/src/index.tsx",
-            "uid": "1354-123"
+            "uid": "f55f-123"
           }
         ]
       }
@@ -20,69 +20,69 @@
     "isRoot": true
   },
   "nodeParts": {
-    "1354-121": {
+    "f55f-121": {
       "renderedLength": 410,
       "gzipLength": 231,
       "brotliLength": 0,
-      "mainUid": "1354-120"
+      "mainUid": "f55f-120"
     },
-    "1354-123": {
-      "renderedLength": 2320,
-      "gzipLength": 843,
+    "f55f-123": {
+      "renderedLength": 2442,
+      "gzipLength": 886,
       "brotliLength": 0,
-      "mainUid": "1354-122"
+      "mainUid": "f55f-122"
     }
   },
   "nodeMetas": {
-    "1354-120": {
+    "f55f-120": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "1354-121"
+        "index.production.js": "f55f-121"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "1354-122"
+          "uid": "f55f-122"
         }
       ]
     },
-    "1354-122": {
+    "f55f-122": {
       "id": "/packages/react-table/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "1354-123"
+        "index.production.js": "f55f-123"
       },
       "imported": [
         {
-          "uid": "1354-120"
+          "uid": "f55f-120"
         },
         {
-          "uid": "1354-124"
+          "uid": "f55f-124"
         },
         {
-          "uid": "1354-125"
+          "uid": "f55f-125"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "1354-124": {
+    "f55f-124": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "1354-122"
+          "uid": "f55f-122"
         }
       ],
       "isExternal": true
     },
-    "1354-125": {
+    "f55f-125": {
       "id": "@tanstack/table-core",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "1354-122"
+          "uid": "f55f-122"
         }
       ],
       "isExternal": true

package/build/umd/index.development.js

@@ -74,6 +74,7 @@
   var createTable = tableCore.createTableFactory({
     render: render
   });
+  var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React__namespace.useLayoutEffect : React__namespace.useEffect;
   function useTableInstance(table, options) {
     // Compose in the generic options to the user options
     var resolvedOptions = _extends({}, table.options, {
@@ -110,7 +111,7 @@
         }
       });
     });
-    React__namespace.useLayoutEffect(function () {
+    useIsomorphicLayoutEffect(function () {
       instance.willUpdate();
     });
     return instance;

package/build/umd/index.development.js.map

@@ -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  PartialKeys,\n  Options,\n  TableInstance,\n  Table,\n  AnyGenerics,\n  createTableFactory,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n  | React.ReactNode\n  | React.FunctionComponent<TProps>\n  | React.Component<TProps>\n\nexport const render = <TProps extends {}>(\n  Comp: Renderable<TProps>,\n  props: TProps\n): React.ReactNode =>\n  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nexport type Render = typeof render\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\nexport function useTableInstance<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, 'render'>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions: Options<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  React.useLayoutEffect(() => {\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","useLayoutEffect","willUpdate"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAMA,MAAM,GAAG,SAATA,MAAS,CACpBC,IADoB,EAEpBC,KAFoB,EAAA;EAAA,EAAA,OAIpB,CAACD,IAAD,GAAQ,IAAR,GAAeE,gBAAgB,CAACF,IAAD,CAAhB,gBAAyBG,+BAAC,IAAD,EAAUF,KAAV,CAAzB,GAA+CD,IAJ1C,CAAA;EAAA,EAAf;;EAQP,SAASE,gBAAT,CAA0BE,SAA1B,EAAqE;EACnE,EAAA,OACEC,gBAAgB,CAACD,SAAD,CAAhB,IACA,OAAOA,SAAP,KAAqB,UADrB,IAEAE,iBAAiB,CAACF,SAAD,CAHnB,CAAA;EAKD,CAAA;;EAED,SAASC,gBAAT,CAA0BD,SAA1B,EAA0C;EACxC,EAAA,OACE,OAAOA,SAAP,KAAqB,UAArB,IACC,YAAM;EACL,IAAA,IAAMG,KAAK,GAAGC,MAAM,CAACC,cAAP,CAAsBL,SAAtB,CAAd,CAAA;EACA,IAAOG,OAAAA,KAAK,CAACG,SAAN,IAAmBH,KAAK,CAACG,SAAN,CAAgBR,gBAA1C,CAAA;EACD,GAHD,EAFF,CAAA;EAOD,CAAA;;EAED,SAASI,iBAAT,CAA2BF,SAA3B,EAA2C;EACzC,EACE,OAAA,OAAOA,SAAP,KAAqB,QAArB,IACA,OAAOA,SAAS,CAACO,QAAjB,KAA8B,QAD9B,IAEA,CAAC,YAAD,EAAe,mBAAf,CAAA,CAAoCC,QAApC,CAA6CR,SAAS,CAACO,QAAV,CAAmBE,WAAhE,CAHF,CAAA;EAKD,CAAA;;AAEYC,MAAAA,WAAW,GAAGC,4BAAkB,CAAC;EAAEhB,EAAAA,MAAM,EAANA,MAAAA;EAAF,CAAD,EAAtC;EAEA,SAASiB,gBAAT,CACLC,KADK,EAELC,OAFK,EAMqB;EAC1B;EACA,EAAA,IAAMC,eAAmC,GAAA,QAAA,CAAA,EAAA,EACpCF,KAAK,CAACC,OAD8B,EAAA;EAEvCE,IAAAA,KAAK,EAAE,EAFgC;EAE5B;EACXC,IAAAA,aAAa,EAAE,SAAM,aAAA,GAAA,EAHkB;EAGd;EACzBtB,IAAAA,MAAM,EAANA,MAAAA;EAJuC,GAKpCmB,EAAAA,OALoC,CAAzC,CAF0B;;;EAW1B,EAAmBf,IAAAA,eAAAA,GAAAA,gBAAK,CAACmB,QAAN,CAAe,YAAA;EAAA,IAChCC,OAAAA,6BAAmB,CAAYJ,eAAZ,CADa,CAAA;EAAA,GAAf,CAAnB;EAAA,MAAOK,QAAP,sBAX0B;;;EAgB1B,EAA0BrB,IAAAA,gBAAAA,GAAAA,gBAAK,CAACmB,QAAN,CAAe,YAAA;EAAA,IAAME,OAAAA,QAAQ,CAACC,YAAf,CAAA;EAAA,GAAf,CAA1B;EAAA,MAAOL,KAAP,GAAA,gBAAA,CAAA,CAAA,CAAA;EAAA,MAAcM,QAAd,uBAhB0B;EAmB1B;;;EACAF,EAAAA,QAAQ,CAACG,UAAT,CAAoB,UAAAC,IAAI,EAAA;EAAA,IACnBA,OAAAA,QAAAA,CAAAA,EAAAA,EAAAA,IADmB,EAEnBV,OAFmB,EAAA;EAGtBE,MAAAA,KAAK,EACAA,QAAAA,CAAAA,EAAAA,EAAAA,KADA,EAEAF,OAAO,CAACE,KAFR,CAHiB;EAOtB;EACA;EACAC,MAAAA,aAAa,EAAE,SAAAQ,aAAAA,CAAAA,OAAO,EAAI;EACxBH,QAAAA,QAAQ,CAACG,OAAD,CAAR,CAAA;EACAX,QAAAA,OAAO,CAACG,aAAR,IAAA,IAAA,GAAA,KAAA,CAAA,GAAAH,OAAO,CAACG,aAAR,CAAwBQ,OAAxB,CAAA,CAAA;EACD,OAAA;EAZqB,KAAA,CAAA,CAAA;EAAA,GAAxB,CAAA,CAAA;EAeA1B,EAAAA,gBAAK,CAAC2B,eAAN,CAAsB,YAAM;EAC1BN,IAAAA,QAAQ,CAACO,UAAT,EAAA,CAAA;EACD,GAFD,CAAA,CAAA;EAIA,EAAA,OAAOP,QAAP,CAAA;EACD;;;;;;;;;;;;;;;;;;"}
+{"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  PartialKeys,\n  Options,\n  TableInstance,\n  Table,\n  AnyGenerics,\n  createTableFactory,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n  | React.ReactNode\n  | React.FunctionComponent<TProps>\n  | React.Component<TProps>\n\nexport const render = <TProps extends {}>(\n  Comp: Renderable<TProps>,\n  props: TProps\n): React.ReactNode =>\n  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nexport type Render = typeof render\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 window !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport function useTableInstance<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, 'render'>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions: Options<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","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","useTableInstance","table","options","resolvedOptions","state","onStateChange","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater","willUpdate"],"mappings":"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"}

package/build/umd/index.production.js

@@ -8,5 +8,5 @@
  *
  * @license MIT
  */
-!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)}})})),o.useLayoutEffect((function(){u.willUpdate()})),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})}));
+!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 f=n.createTableFactory({render:c}),u="undefined"!=typeof window?o.useLayoutEffect:o.useEffect;e.createTable=f,e.render=c,e.useTableInstance=function(e,t){var r=a({},e.options,{state:{},onStateChange:function(){},render:c},t),f=o.useState((function(){return n.createTableInstance(r)}))[0],i=o.useState((function(){return f.initialState})),l=i[0],s=i[1];return f.setOptions((function(e){return a({},e,t,{state:a({},l,t.state),onStateChange:function(e){s(e),null==t.onStateChange||t.onStateChange(e)}})})),u((function(){f.willUpdate()})),f},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})}));
 //# sourceMappingURL=index.production.js.map

package/build/umd/index.production.js.map

@@ -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  PartialKeys,\n  Options,\n  TableInstance,\n  Table,\n  AnyGenerics,\n  createTableFactory,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n  | React.ReactNode\n  | React.FunctionComponent<TProps>\n  | React.Component<TProps>\n\nexport const render = <TProps extends {}>(\n  Comp: Renderable<TProps>,\n  props: TProps\n): React.ReactNode =>\n  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nexport type Render = typeof render\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\nexport function useTableInstance<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, 'render'>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions: Options<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  React.useLayoutEffect(() => {\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","useLayoutEffect","willUpdate"],"mappings":";;;;;;;;;;o1BAkBaA,IAAAA,EAAS,SACpBC,EACAC,GAFoB,OAInBD,EAYH,SAA0BE,GACxB,MACuB,mBAAdA,KAECC,EAAQC,OAAOC,eAAeH,IACvBI,WAAaH,EAAMG,UAAUC,kBAF3C,IACOJ,EAVRK,CAFsBN,EAJQF,IAOT,mBAAdE,GAeX,SAA2BA,GAEvB,MAAqB,iBAAdA,GACuB,iBAAvBA,EAAUO,UACjB,CAAC,aAAc,qBAAqBC,SAASR,EAAUO,SAASE,aAlBhEC,CAAkBV,GARoBW,gBAACb,EAASC,GAAYD,EAAtD,KAIV,IAA0BE,GA0BbY,IAAAA,EAAcC,EAAAA,mBAAmB,CAAEhB,OAAAA,kDAEzC,SACLiB,EACAC,GAMA,IAAMC,EAAmCC,EAAA,GACpCH,EAAMC,QAD8B,CAEvCG,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,SAI5BjB,EAAMkB,iBAAgB,WACpBT,EAASU,gBAGJV"}
+{"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  PartialKeys,\n  Options,\n  TableInstance,\n  Table,\n  AnyGenerics,\n  createTableFactory,\n} from '@tanstack/table-core'\n\nexport type Renderable<TProps> =\n  | React.ReactNode\n  | React.FunctionComponent<TProps>\n  | React.Component<TProps>\n\nexport const render = <TProps extends {}>(\n  Comp: Renderable<TProps>,\n  props: TProps\n): React.ReactNode =>\n  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp\n\nexport type Render = typeof render\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 window !== 'undefined' ? React.useLayoutEffect : React.useEffect\n\nexport function useTableInstance<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, 'render'>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions: Options<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","useIsomorphicLayoutEffect","window","useLayoutEffect","useEffect","table","options","resolvedOptions","_extends","state","onStateChange","instance","useState","createTableInstance","initialState","_React$useState2","setState","setOptions","prev","updater","willUpdate"],"mappings":";;;;;;;;;;o1BAkBaA,IAAAA,EAAS,SACpBC,EACAC,GAFoB,OAInBD,EAYH,SAA0BE,GACxB,MACuB,mBAAdA,KAECC,EAAQC,OAAOC,eAAeH,IACvBI,WAAaH,EAAMG,UAAUC,kBAF3C,IACOJ,EAVRK,CAFsBN,EAJQF,IAOT,mBAAdE,GAeX,SAA2BA,GAEvB,MAAqB,iBAAdA,GACuB,iBAAvBA,EAAUO,UACjB,CAAC,aAAc,qBAAqBC,SAASR,EAAUO,SAASE,aAlBhEC,CAAkBV,GARoBW,gBAACb,EAASC,GAAYD,EAAtD,KAIV,IAA0BE,GA0BbY,IAAAA,EAAcC,EAAAA,mBAAmB,CAAEhB,OAAAA,IAE1CiB,EACc,oBAAXC,OAAyBJ,EAAMK,gBAAkBL,EAAMM,wDAEzD,SACLC,EACAC,GAMA,IAAMC,EAAmCC,EAAA,GACpCH,EAAMC,QAD8B,CAEvCG,MAAO,GACPC,cAAe,aACf1B,OAAAA,GACGsB,GAIEK,EAAYb,EAAMc,UAAS,WAChCC,OAAAA,EAAAA,oBAA+BN,SAIPT,EAAAA,EAAMc,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,SAI5BlB,GAA0B,WACxBU,EAASS,gBAGJT"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/react-table",
   "author": "Tanner Linsley",
-  "version": "8.0.0-alpha.49",
+  "version": "8.0.0-alpha.51",
   "description": "Hooks for building lightweight, fast and extendable datagrids for React",
   "license": "MIT",
   "homepage": "https://github.com/tanstack/react-table#readme",

package/src/index.tsx

@@ -52,6 +52,9 @@ function isExoticComponent(component: any) {
 
 export const createTable = createTableFactory({ render })
 
+const useIsomorphicLayoutEffect =
+  typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect
+
 export function useTableInstance<TGenerics extends AnyGenerics>(
   table: Table<TGenerics>,
   options: PartialKeys<
@@ -93,7 +96,7 @@ export function useTableInstance<TGenerics extends AnyGenerics>(
     },
   }))
 
-  React.useLayoutEffect(() => {
+  useIsomorphicLayoutEffect(() => {
     instance.willUpdate()
   })