@tanstack/react-table 8.0.0-alpha.11 → 8.0.0-alpha.14

package/build/cjs/index.js

@@ -36,6 +36,30 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var render = function render(Comp, props) {
+  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React__namespace.createElement(Comp, props) : Comp;
+};
+
+function isReactComponent(component) {
+  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+
+function isClassComponent(component) {
+  return typeof component === 'function' && function () {
+    var proto = Object.getPrototypeOf(component);
+    return proto.prototype && proto.prototype.isReactComponent;
+  }();
+}
+
+function isExoticComponent(component) {
+  return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+}
+
+var _init = tableCore.init({
+  render: render
+}),
+    createTable = _init.createTable,
+    createTableFactory = _init.createTableFactory;
 function useTable(table, options) {
   var _table$__options;
 
@@ -43,7 +67,9 @@ function useTable(table, options) {
   var resolvedOptions = _rollupPluginBabelHelpers["extends"]({}, (_table$__options = table.__options) != null ? _table$__options : {}, {
     state: {},
     // Dummy state
-    onStateChange: function onStateChange() {}
+    onStateChange: function onStateChange() {},
+    // noop
+    render: render
   }, options); // Create a new table instance and store it in state
 
 
@@ -75,6 +101,9 @@ function useTable(table, options) {
   return instance;
 }
 
+exports.createTable = createTable;
+exports.createTableFactory = createTableFactory;
+exports.render = render;
 exports.useTable = useTable;
 Object.keys(tableCore).forEach(function (k) {
   if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {

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  _NonGenerated,\n  PartialKeys,\n  Options,\n  TableInstance,\n  PartialGenerics,\n  CreateTableFactoryOptions,\n  TableFactory,\n} from '@tanstack/table-core'\n\nexport function useTable<TGenerics extends PartialGenerics>(\n  table: TableFactory<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, keyof CreateTableFactoryOptions<any, any, any>>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions = {\n    ...(table.__options ?? {}),\n    state: {}, // Dummy state\n    onStateChange: () => {}, // noop\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  return instance\n}\n"],"names":["useTable","table","options","resolvedOptions","__options","state","onStateChange","React","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,QAAT,CACLC,KADK,EAELC,OAFK,EAMqB;AAAA;;AAC1B;AACA,MAAMC,eAAe,gEACfF,KAAK,CAACG,SADS,+BACI,EADJ;AAEnBC,IAAAA,KAAK,EAAE,EAFY;AAER;AACXC,IAAAA,aAAa,EAAE,yBAAM;AAHF,KAIhBJ,OAJgB,CAArB,CAF0B;;;AAU1B,wBAAmBK,gBAAK,CAACC,QAAN,CAAe;AAAA,WAChCC,6BAAmB,CAAYN,eAAZ,CADa;AAAA,GAAf,CAAnB;AAAA,MAAOO,QAAP,sBAV0B;;;AAe1B,yBAA0BH,gBAAK,CAACC,QAAN,CAAe;AAAA,WAAME,QAAQ,CAACC,YAAf;AAAA,GAAf,CAA1B;AAAA,MAAON,KAAP;AAAA,MAAcO,QAAd,uBAf0B;AAkB1B;;;AACAF,EAAAA,QAAQ,CAACG,UAAT,CAAoB,UAAAC,IAAI;AAAA,oDACnBA,IADmB,EAEnBZ,OAFmB;AAGtBG,MAAAA,KAAK,2CACAA,KADA,EAEAH,OAAO,CAACG,KAFR,CAHiB;AAOtB;AACA;AACAC,MAAAA,aAAa,EAAE,uBAAAS,OAAO,EAAI;AACxBH,QAAAA,QAAQ,CAACG,OAAD,CAAR;AACAb,QAAAA,OAAO,CAACI,aAAR,oBAAAJ,OAAO,CAACI,aAAR,CAAwBS,OAAxB;AACD;AAZqB;AAAA,GAAxB;AAeA,SAAOL,QAAP;AACD;;;;;;;;;;"}
+{"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  _NonGenerated,\n  PartialKeys,\n  Options,\n  TableInstance,\n  PartialGenerics,\n  CreateTableFactoryOptions,\n  Table,\n  init,\n  AnyGenerics,\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\nconst { createTable, createTableFactory } = init({ render })\n\nexport { createTable, createTableFactory }\n\nexport function useTable<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<\n      Options<TGenerics>,\n      keyof CreateTableFactoryOptions<any, any, any, any>\n    >,\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  return instance\n}\n"],"names":["render","Comp","props","isReactComponent","React","component","isClassComponent","isExoticComponent","proto","Object","getPrototypeOf","prototype","$$typeof","includes","description","init","createTable","createTableFactory","useTable","table","options","resolvedOptions","__options","state","onStateChange","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBaA,MAAM,GAAG,SAATA,MAAS,CACpBC,IADoB,EAEpBC,KAFoB;AAAA,SAIpB,CAACD,IAAD,GAAQ,IAAR,GAAeE,gBAAgB,CAACF,IAAD,CAAhB,gBAAyBG,+BAAC,IAAD,EAAUF,KAAV,CAAzB,GAA+CD,IAJ1C;AAAA;;AAQtB,SAASE,gBAAT,CAA0BE,SAA1B,EAAqE;AACnE,SACEC,gBAAgB,CAACD,SAAD,CAAhB,IACA,OAAOA,SAAP,KAAqB,UADrB,IAEAE,iBAAiB,CAACF,SAAD,CAHnB;AAKD;;AAED,SAASC,gBAAT,CAA0BD,SAA1B,EAA0C;AACxC,SACE,OAAOA,SAAP,KAAqB,UAArB,IACC,YAAM;AACL,QAAMG,KAAK,GAAGC,MAAM,CAACC,cAAP,CAAsBL,SAAtB,CAAd;AACA,WAAOG,KAAK,CAACG,SAAN,IAAmBH,KAAK,CAACG,SAAN,CAAgBR,gBAA1C;AACD,GAHD,EAFF;AAOD;;AAED,SAASI,iBAAT,CAA2BF,SAA3B,EAA2C;AACzC,SACE,OAAOA,SAAP,KAAqB,QAArB,IACA,OAAOA,SAAS,CAACO,QAAjB,KAA8B,QAD9B,IAEA,CAAC,YAAD,EAAe,mBAAf,EAAoCC,QAApC,CAA6CR,SAAS,CAACO,QAAV,CAAmBE,WAAhE,CAHF;AAKD;;YAE2CC,cAAI,CAAC;AAAEf,EAAAA,MAAM,EAANA;AAAF,CAAD,CAAhD;AAAA,IAAQgB,WAAR,SAAQA,WAAR;AAAA,IAAqBC,kBAArB,SAAqBA;AAId,SAASC,QAAT,CACLC,KADK,EAELC,OAFK,EASqB;AAAA;;AAC1B;AACA,MAAMC,eAAmC,gEACnCF,KAAK,CAACG,SAD6B,+BAChB,EADgB;AAEvCC,IAAAA,KAAK,EAAE,EAFgC;AAE5B;AACXC,IAAAA,aAAa,EAAE,yBAAM,EAHkB;AAGd;AACzBxB,IAAAA,MAAM,EAANA;AAJuC,KAKpCoB,OALoC,CAAzC,CAF0B;;;AAW1B,wBAAmBhB,gBAAK,CAACqB,QAAN,CAAe;AAAA,WAChCC,6BAAmB,CAAYL,eAAZ,CADa;AAAA,GAAf,CAAnB;AAAA,MAAOM,QAAP,sBAX0B;;;AAgB1B,yBAA0BvB,gBAAK,CAACqB,QAAN,CAAe;AAAA,WAAME,QAAQ,CAACC,YAAf;AAAA,GAAf,CAA1B;AAAA,MAAOL,KAAP;AAAA,MAAcM,QAAd,uBAhB0B;AAmB1B;;;AACAF,EAAAA,QAAQ,CAACG,UAAT,CAAoB,UAAAC,IAAI;AAAA,oDACnBA,IADmB,EAEnBX,OAFmB;AAGtBG,MAAAA,KAAK,2CACAA,KADA,EAEAH,OAAO,CAACG,KAFR,CAHiB;AAOtB;AACA;AACAC,MAAAA,aAAa,EAAE,uBAAAQ,OAAO,EAAI;AACxBH,QAAAA,QAAQ,CAACG,OAAD,CAAR;AACAZ,QAAAA,OAAO,CAACI,aAAR,oBAAAJ,OAAO,CAACI,aAAR,CAAwBQ,OAAxB;AACD;AAZqB;AAAA,GAAxB;AAeA,SAAOL,QAAP;AACD;;;;;;;;;;;;;"}

package/build/esm/index.js

@@ -9,7 +9,7 @@
  * @license MIT
  */
 import * as React from 'react';
-import { createTableInstance } from '@tanstack/table-core';
+import { init, createTableInstance } from '@tanstack/table-core';
 export * from '@tanstack/table-core';
 
 function _extends() {
@@ -30,6 +30,30 @@ function _extends() {
   return _extends.apply(this, arguments);
 }
 
+var render = function render(Comp, props) {
+  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React.createElement(Comp, props) : Comp;
+};
+
+function isReactComponent(component) {
+  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+}
+
+function isClassComponent(component) {
+  return typeof component === 'function' && function () {
+    var proto = Object.getPrototypeOf(component);
+    return proto.prototype && proto.prototype.isReactComponent;
+  }();
+}
+
+function isExoticComponent(component) {
+  return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+}
+
+var _init = init({
+  render: render
+}),
+    createTable = _init.createTable,
+    createTableFactory = _init.createTableFactory;
 function useTable(table, options) {
   var _table$__options;
 
@@ -37,7 +61,9 @@ function useTable(table, options) {
   var resolvedOptions = _extends({}, (_table$__options = table.__options) != null ? _table$__options : {}, {
     state: {},
     // Dummy state
-    onStateChange: function onStateChange() {}
+    onStateChange: function onStateChange() {},
+    // noop
+    render: render
   }, options); // Create a new table instance and store it in state
 
 
@@ -69,5 +95,5 @@ function useTable(table, options) {
   return instance;
 }
 
-export { useTable };
+export { createTable, createTableFactory, render, useTable };
 //# sourceMappingURL=index.js.map

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  _NonGenerated,\n  PartialKeys,\n  Options,\n  TableInstance,\n  PartialGenerics,\n  CreateTableFactoryOptions,\n  TableFactory,\n} from '@tanstack/table-core'\n\nexport function useTable<TGenerics extends PartialGenerics>(\n  table: TableFactory<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, keyof CreateTableFactoryOptions<any, any, any>>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions = {\n    ...(table.__options ?? {}),\n    state: {}, // Dummy state\n    onStateChange: () => {}, // noop\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  return instance\n}\n"],"names":["useTable","table","options","resolvedOptions","__options","state","onStateChange","React","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,SAASA,QAAT,CACLC,KADK,EAELC,OAFK,EAMqB;AAAA;;AAC1B;AACA,MAAMC,eAAe,oCACfF,KAAK,CAACG,SADS,+BACI,EADJ;AAEnBC,IAAAA,KAAK,EAAE,EAFY;AAER;AACXC,IAAAA,aAAa,EAAE,yBAAM;AAHF,KAIhBJ,OAJgB,CAArB,CAF0B;;;AAU1B,wBAAmBK,KAAK,CAACC,QAAN,CAAe;AAAA,WAChCC,mBAAmB,CAAYN,eAAZ,CADa;AAAA,GAAf,CAAnB;AAAA,MAAOO,QAAP,sBAV0B;;;AAe1B,yBAA0BH,KAAK,CAACC,QAAN,CAAe;AAAA,WAAME,QAAQ,CAACC,YAAf;AAAA,GAAf,CAA1B;AAAA,MAAON,KAAP;AAAA,MAAcO,QAAd,uBAf0B;AAkB1B;;;AACAF,EAAAA,QAAQ,CAACG,UAAT,CAAoB,UAAAC,IAAI;AAAA,wBACnBA,IADmB,EAEnBZ,OAFmB;AAGtBG,MAAAA,KAAK,eACAA,KADA,EAEAH,OAAO,CAACG,KAFR,CAHiB;AAOtB;AACA;AACAC,MAAAA,aAAa,EAAE,uBAAAS,OAAO,EAAI;AACxBH,QAAAA,QAAQ,CAACG,OAAD,CAAR;AACAb,QAAAA,OAAO,CAACI,aAAR,oBAAAJ,OAAO,CAACI,aAAR,CAAwBS,OAAxB;AACD;AAZqB;AAAA,GAAxB;AAeA,SAAOL,QAAP;AACD;;;;"}
+{"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  _NonGenerated,\n  PartialKeys,\n  Options,\n  TableInstance,\n  PartialGenerics,\n  CreateTableFactoryOptions,\n  Table,\n  init,\n  AnyGenerics,\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\nconst { createTable, createTableFactory } = init({ render })\n\nexport { createTable, createTableFactory }\n\nexport function useTable<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<\n      Options<TGenerics>,\n      keyof CreateTableFactoryOptions<any, any, any, any>\n    >,\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  return instance\n}\n"],"names":["render","Comp","props","isReactComponent","component","isClassComponent","isExoticComponent","proto","Object","getPrototypeOf","prototype","$$typeof","includes","description","init","createTable","createTableFactory","useTable","table","options","resolvedOptions","__options","state","onStateChange","React","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBaA,MAAM,GAAG,SAATA,MAAS,CACpBC,IADoB,EAEpBC,KAFoB;AAAA,SAIpB,CAACD,IAAD,GAAQ,IAAR,GAAeE,gBAAgB,CAACF,IAAD,CAAhB,gBAAyB,oBAAC,IAAD,EAAUC,KAAV,CAAzB,GAA+CD,IAJ1C;AAAA;;AAQtB,SAASE,gBAAT,CAA0BC,SAA1B,EAAqE;AACnE,SACEC,gBAAgB,CAACD,SAAD,CAAhB,IACA,OAAOA,SAAP,KAAqB,UADrB,IAEAE,iBAAiB,CAACF,SAAD,CAHnB;AAKD;;AAED,SAASC,gBAAT,CAA0BD,SAA1B,EAA0C;AACxC,SACE,OAAOA,SAAP,KAAqB,UAArB,IACC,YAAM;AACL,QAAMG,KAAK,GAAGC,MAAM,CAACC,cAAP,CAAsBL,SAAtB,CAAd;AACA,WAAOG,KAAK,CAACG,SAAN,IAAmBH,KAAK,CAACG,SAAN,CAAgBP,gBAA1C;AACD,GAHD,EAFF;AAOD;;AAED,SAASG,iBAAT,CAA2BF,SAA3B,EAA2C;AACzC,SACE,OAAOA,SAAP,KAAqB,QAArB,IACA,OAAOA,SAAS,CAACO,QAAjB,KAA8B,QAD9B,IAEA,CAAC,YAAD,EAAe,mBAAf,EAAoCC,QAApC,CAA6CR,SAAS,CAACO,QAAV,CAAmBE,WAAhE,CAHF;AAKD;;YAE2CC,IAAI,CAAC;AAAEd,EAAAA,MAAM,EAANA;AAAF,CAAD,CAAhD;AAAA,IAAQe,WAAR,SAAQA,WAAR;AAAA,IAAqBC,kBAArB,SAAqBA;AAId,SAASC,QAAT,CACLC,KADK,EAELC,OAFK,EASqB;AAAA;;AAC1B;AACA,MAAMC,eAAmC,oCACnCF,KAAK,CAACG,SAD6B,+BAChB,EADgB;AAEvCC,IAAAA,KAAK,EAAE,EAFgC;AAE5B;AACXC,IAAAA,aAAa,EAAE,yBAAM,EAHkB;AAGd;AACzBvB,IAAAA,MAAM,EAANA;AAJuC,KAKpCmB,OALoC,CAAzC,CAF0B;;;AAW1B,wBAAmBK,KAAK,CAACC,QAAN,CAAe;AAAA,WAChCC,mBAAmB,CAAYN,eAAZ,CADa;AAAA,GAAf,CAAnB;AAAA,MAAOO,QAAP,sBAX0B;;;AAgB1B,yBAA0BH,KAAK,CAACC,QAAN,CAAe;AAAA,WAAME,QAAQ,CAACC,YAAf;AAAA,GAAf,CAA1B;AAAA,MAAON,KAAP;AAAA,MAAcO,QAAd,uBAhB0B;AAmB1B;;;AACAF,EAAAA,QAAQ,CAACG,UAAT,CAAoB,UAAAC,IAAI;AAAA,wBACnBA,IADmB,EAEnBZ,OAFmB;AAGtBG,MAAAA,KAAK,eACAA,KADA,EAEAH,OAAO,CAACG,KAFR,CAHiB;AAOtB;AACA;AACAC,MAAAA,aAAa,EAAE,uBAAAS,OAAO,EAAI;AACxBH,QAAAA,QAAQ,CAACG,OAAD,CAAR;AACAb,QAAAA,OAAO,CAACI,aAAR,oBAAAJ,OAAO,CAACI,aAAR,CAAwBS,OAAxB;AACD;AAZqB;AAAA,GAAxB;AAeA,SAAOL,QAAP;AACD;;;;"}

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":"ff18-107","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages/react-table/src/index.tsx","uid":"ff18-109"}]}],"isRoot":true},"nodeParts":{"ff18-107":{"renderedLength":410,"gzipLength":231,"brotliLength":0,"mainUid":"ff18-106"},"ff18-109":{"renderedLength":1429,"gzipLength":565,"brotliLength":0,"mainUid":"ff18-108"}},"nodeMetas":{"ff18-106":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"ff18-107"},"imported":[],"importedBy":[{"uid":"ff18-108"}]},"ff18-108":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"ff18-109"},"imported":[{"uid":"ff18-106"},{"uid":"ff18-110"},{"uid":"ff18-111"}],"importedBy":[],"isEntry":true},"ff18-110":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"ff18-108"}],"isExternal":true},"ff18-111":{"id":"@tanstack/table-core","moduleParts":{},"imported":[],"importedBy":[{"uid":"ff18-108"}],"isExternal":true}},"env":{"rollup":"2.66.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.production.js","children":[{"uid":"6958-105","name":"\u0000rollupPluginBabelHelpers.js"},{"name":"packages/react-table/src/index.tsx","uid":"6958-107"}]}],"isRoot":true},"nodeParts":{"6958-105":{"renderedLength":410,"gzipLength":231,"brotliLength":0,"mainUid":"6958-104"},"6958-107":{"renderedLength":2378,"gzipLength":855,"brotliLength":0,"mainUid":"6958-106"}},"nodeMetas":{"6958-104":{"id":"\u0000rollupPluginBabelHelpers.js","moduleParts":{"index.production.js":"6958-105"},"imported":[],"importedBy":[{"uid":"6958-106"}]},"6958-106":{"id":"/packages/react-table/src/index.tsx","moduleParts":{"index.production.js":"6958-107"},"imported":[{"uid":"6958-104"},{"uid":"6958-108"},{"uid":"6958-109"}],"importedBy":[],"isEntry":true},"6958-108":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"6958-106"}],"isExternal":true},"6958-109":{"id":"@tanstack/table-core","moduleParts":{},"imported":[],"importedBy":[{"uid":"6958-106"}],"isExternal":true}},"env":{"rollup":"2.66.0"},"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": "ff18-113",
+            "uid": "6958-111",
             "name": "\u0000rollupPluginBabelHelpers.js"
           },
           {
             "name": "packages/react-table/src/index.tsx",
-            "uid": "ff18-115"
+            "uid": "6958-113"
           }
         ]
       }
@@ -20,69 +20,69 @@
     "isRoot": true
   },
   "nodeParts": {
-    "ff18-113": {
+    "6958-111": {
       "renderedLength": 410,
       "gzipLength": 231,
       "brotliLength": 0,
-      "mainUid": "ff18-112"
+      "mainUid": "6958-110"
     },
-    "ff18-115": {
-      "renderedLength": 1429,
-      "gzipLength": 565,
+    "6958-113": {
+      "renderedLength": 2378,
+      "gzipLength": 855,
       "brotliLength": 0,
-      "mainUid": "ff18-114"
+      "mainUid": "6958-112"
     }
   },
   "nodeMetas": {
-    "ff18-112": {
+    "6958-110": {
       "id": "\u0000rollupPluginBabelHelpers.js",
       "moduleParts": {
-        "index.production.js": "ff18-113"
+        "index.production.js": "6958-111"
       },
       "imported": [],
       "importedBy": [
         {
-          "uid": "ff18-114"
+          "uid": "6958-112"
         }
       ]
     },
-    "ff18-114": {
+    "6958-112": {
       "id": "/packages/react-table/src/index.tsx",
       "moduleParts": {
-        "index.production.js": "ff18-115"
+        "index.production.js": "6958-113"
       },
       "imported": [
         {
-          "uid": "ff18-112"
+          "uid": "6958-110"
         },
         {
-          "uid": "ff18-116"
+          "uid": "6958-114"
         },
         {
-          "uid": "ff18-117"
+          "uid": "6958-115"
         }
       ],
       "importedBy": [],
       "isEntry": true
     },
-    "ff18-116": {
+    "6958-114": {
       "id": "react",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "ff18-114"
+          "uid": "6958-112"
         }
       ],
       "isExternal": true
     },
-    "ff18-117": {
+    "6958-115": {
       "id": "@tanstack/table-core",
       "moduleParts": {},
       "imported": [],
       "importedBy": [
         {
-          "uid": "ff18-114"
+          "uid": "6958-112"
         }
       ],
       "isExternal": true

package/build/types/index.d.ts

@@ -1,3 +1,13 @@
+import * as React from 'react';
 export * from '@tanstack/table-core';
-import { PartialKeys, Options, TableInstance, PartialGenerics, CreateTableFactoryOptions, TableFactory } from '@tanstack/table-core';
-export declare function useTable<TGenerics extends PartialGenerics>(table: TableFactory<TGenerics>, options: PartialKeys<Omit<Options<TGenerics>, keyof CreateTableFactoryOptions<any, any, any>>, 'state' | 'onStateChange'>): TableInstance<TGenerics>;
+import { PartialKeys, Options, TableInstance, CreateTableFactoryOptions, Table, AnyGenerics } from '@tanstack/table-core';
+export declare type Renderable<TProps> = React.ReactNode | React.FunctionComponent<TProps> | React.Component<TProps>;
+export declare const render: <TProps extends {}>(Comp: Renderable<TProps>, props: TProps) => React.ReactNode;
+export declare type Render = typeof render;
+declare const createTable: import("@tanstack/table-core").CreateTableFactory<import("@tanstack/table-core").Overwrite<Partial<import("@tanstack/table-core").DefaultGenerics>, {
+    Render: <TProps extends {}>(Comp: Renderable<TProps>, props: TProps) => React.ReactNode;
+}>>, createTableFactory: <TGenerics extends Partial<import("@tanstack/table-core").DefaultGenerics>>(options?: CreateTableFactoryOptions<(<TProps extends {}>(Comp: Renderable<TProps>, props: TProps) => React.ReactNode), any, any, any> | undefined) => import("@tanstack/table-core").CreateTableFactory<import("@tanstack/table-core").Overwrite<TGenerics, {
+    Render: <TProps extends {}>(Comp: Renderable<TProps>, props: TProps) => React.ReactNode;
+}>>;
+export { createTable, createTableFactory };
+export declare function useTable<TGenerics extends AnyGenerics>(table: Table<TGenerics>, options: PartialKeys<Omit<Options<TGenerics>, keyof CreateTableFactoryOptions<any, any, any, any>>, 'state' | 'onStateChange'>): TableInstance<TGenerics>;

package/build/umd/index.development.js

@@ -52,6 +52,30 @@
     return _extends.apply(this, arguments);
   }
 
+  var render = function render(Comp, props) {
+    return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React__namespace.createElement(Comp, props) : Comp;
+  };
+
+  function isReactComponent(component) {
+    return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
+  }
+
+  function isClassComponent(component) {
+    return typeof component === 'function' && function () {
+      var proto = Object.getPrototypeOf(component);
+      return proto.prototype && proto.prototype.isReactComponent;
+    }();
+  }
+
+  function isExoticComponent(component) {
+    return typeof component === 'object' && typeof component.$$typeof === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
+  }
+
+  var _init = tableCore.init({
+    render: render
+  }),
+      createTable = _init.createTable,
+      createTableFactory = _init.createTableFactory;
   function useTable(table, options) {
     var _table$__options;
 
@@ -59,7 +83,9 @@
     var resolvedOptions = _extends({}, (_table$__options = table.__options) != null ? _table$__options : {}, {
       state: {},
       // Dummy state
-      onStateChange: function onStateChange() {}
+      onStateChange: function onStateChange() {},
+      // noop
+      render: render
     }, options); // Create a new table instance and store it in state
 
 
@@ -91,6 +117,9 @@
     return instance;
   }
 
+  exports.createTable = createTable;
+  exports.createTableFactory = createTableFactory;
+  exports.render = render;
   exports.useTable = useTable;
   Object.keys(tableCore).forEach(function (k) {
     if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {

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  _NonGenerated,\n  PartialKeys,\n  Options,\n  TableInstance,\n  PartialGenerics,\n  CreateTableFactoryOptions,\n  TableFactory,\n} from '@tanstack/table-core'\n\nexport function useTable<TGenerics extends PartialGenerics>(\n  table: TableFactory<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, keyof CreateTableFactoryOptions<any, any, any>>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions = {\n    ...(table.__options ?? {}),\n    state: {}, // Dummy state\n    onStateChange: () => {}, // noop\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  return instance\n}\n"],"names":["useTable","table","options","resolvedOptions","__options","state","onStateChange","React","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcO,SAASA,QAAT,CACLC,KADK,EAELC,OAFK,EAMqB;EAAA;;EAC1B;EACA,MAAMC,eAAe,oCACfF,KAAK,CAACG,SADS,+BACI,EADJ;EAEnBC,IAAAA,KAAK,EAAE,EAFY;EAER;EACXC,IAAAA,aAAa,EAAE,yBAAM;EAHF,KAIhBJ,OAJgB,CAArB,CAF0B;;;EAU1B,wBAAmBK,gBAAK,CAACC,QAAN,CAAe;EAAA,WAChCC,6BAAmB,CAAYN,eAAZ,CADa;EAAA,GAAf,CAAnB;EAAA,MAAOO,QAAP,sBAV0B;;;EAe1B,yBAA0BH,gBAAK,CAACC,QAAN,CAAe;EAAA,WAAME,QAAQ,CAACC,YAAf;EAAA,GAAf,CAA1B;EAAA,MAAON,KAAP;EAAA,MAAcO,QAAd,uBAf0B;EAkB1B;;;EACAF,EAAAA,QAAQ,CAACG,UAAT,CAAoB,UAAAC,IAAI;EAAA,wBACnBA,IADmB,EAEnBZ,OAFmB;EAGtBG,MAAAA,KAAK,eACAA,KADA,EAEAH,OAAO,CAACG,KAFR,CAHiB;EAOtB;EACA;EACAC,MAAAA,aAAa,EAAE,uBAAAS,OAAO,EAAI;EACxBH,QAAAA,QAAQ,CAACG,OAAD,CAAR;EACAb,QAAAA,OAAO,CAACI,aAAR,oBAAAJ,OAAO,CAACI,aAAR,CAAwBS,OAAxB;EACD;EAZqB;EAAA,GAAxB;EAeA,SAAOL,QAAP;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  _NonGenerated,\n  PartialKeys,\n  Options,\n  TableInstance,\n  PartialGenerics,\n  CreateTableFactoryOptions,\n  Table,\n  init,\n  AnyGenerics,\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\nconst { createTable, createTableFactory } = init({ render })\n\nexport { createTable, createTableFactory }\n\nexport function useTable<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<\n      Options<TGenerics>,\n      keyof CreateTableFactoryOptions<any, any, any, any>\n    >,\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  return instance\n}\n"],"names":["render","Comp","props","isReactComponent","React","component","isClassComponent","isExoticComponent","proto","Object","getPrototypeOf","prototype","$$typeof","includes","description","init","createTable","createTableFactory","useTable","table","options","resolvedOptions","__options","state","onStateChange","useState","createTableInstance","instance","initialState","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAqBaA,MAAM,GAAG,SAATA,MAAS,CACpBC,IADoB,EAEpBC,KAFoB;EAAA,SAIpB,CAACD,IAAD,GAAQ,IAAR,GAAeE,gBAAgB,CAACF,IAAD,CAAhB,gBAAyBG,+BAAC,IAAD,EAAUF,KAAV,CAAzB,GAA+CD,IAJ1C;EAAA;;EAQtB,SAASE,gBAAT,CAA0BE,SAA1B,EAAqE;EACnE,SACEC,gBAAgB,CAACD,SAAD,CAAhB,IACA,OAAOA,SAAP,KAAqB,UADrB,IAEAE,iBAAiB,CAACF,SAAD,CAHnB;EAKD;;EAED,SAASC,gBAAT,CAA0BD,SAA1B,EAA0C;EACxC,SACE,OAAOA,SAAP,KAAqB,UAArB,IACC,YAAM;EACL,QAAMG,KAAK,GAAGC,MAAM,CAACC,cAAP,CAAsBL,SAAtB,CAAd;EACA,WAAOG,KAAK,CAACG,SAAN,IAAmBH,KAAK,CAACG,SAAN,CAAgBR,gBAA1C;EACD,GAHD,EAFF;EAOD;;EAED,SAASI,iBAAT,CAA2BF,SAA3B,EAA2C;EACzC,SACE,OAAOA,SAAP,KAAqB,QAArB,IACA,OAAOA,SAAS,CAACO,QAAjB,KAA8B,QAD9B,IAEA,CAAC,YAAD,EAAe,mBAAf,EAAoCC,QAApC,CAA6CR,SAAS,CAACO,QAAV,CAAmBE,WAAhE,CAHF;EAKD;;cAE2CC,cAAI,CAAC;EAAEf,EAAAA,MAAM,EAANA;EAAF,CAAD,CAAhD;EAAA,IAAQgB,WAAR,SAAQA,WAAR;EAAA,IAAqBC,kBAArB,SAAqBA;EAId,SAASC,QAAT,CACLC,KADK,EAELC,OAFK,EASqB;EAAA;;EAC1B;EACA,MAAMC,eAAmC,oCACnCF,KAAK,CAACG,SAD6B,+BAChB,EADgB;EAEvCC,IAAAA,KAAK,EAAE,EAFgC;EAE5B;EACXC,IAAAA,aAAa,EAAE,yBAAM,EAHkB;EAGd;EACzBxB,IAAAA,MAAM,EAANA;EAJuC,KAKpCoB,OALoC,CAAzC,CAF0B;;;EAW1B,wBAAmBhB,gBAAK,CAACqB,QAAN,CAAe;EAAA,WAChCC,6BAAmB,CAAYL,eAAZ,CADa;EAAA,GAAf,CAAnB;EAAA,MAAOM,QAAP,sBAX0B;;;EAgB1B,yBAA0BvB,gBAAK,CAACqB,QAAN,CAAe;EAAA,WAAME,QAAQ,CAACC,YAAf;EAAA,GAAf,CAA1B;EAAA,MAAOL,KAAP;EAAA,MAAcM,QAAd,uBAhB0B;EAmB1B;;;EACAF,EAAAA,QAAQ,CAACG,UAAT,CAAoB,UAAAC,IAAI;EAAA,wBACnBA,IADmB,EAEnBX,OAFmB;EAGtBG,MAAAA,KAAK,eACAA,KADA,EAEAH,OAAO,CAACG,KAFR,CAHiB;EAOtB;EACA;EACAC,MAAAA,aAAa,EAAE,uBAAAQ,OAAO,EAAI;EACxBH,QAAAA,QAAQ,CAACG,OAAD,CAAR;EACAZ,QAAAA,OAAO,CAACI,aAAR,oBAAAJ,OAAO,CAACI,aAAR,CAAwBQ,OAAxB;EACD;EAZqB;EAAA,GAAxB;EAeA,SAAOL,QAAP;EACD;;;;;;;;;;;;;;;;;;;"}

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 a=r(t);function o(){return o=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},o.apply(this,arguments)}e.useTable=function(e,t){var r,u=o({},null!=(r=e.__options)?r:{},{state:{},onStateChange:function(){}},t),c=a.useState((function(){return n.createTableInstance(u)}))[0],i=a.useState((function(){return c.initialState})),f=i[0],l=i[1];return c.setOptions((function(e){return o({},e,t,{state:o({},f,t.state),onStateChange:function(e){l(e),null==t.onStateChange||t.onStateChange(e)}})})),c},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 u=n.init({render:c}),f=u.createTable,i=u.createTableFactory;e.createTable=f,e.createTableFactory=i,e.render=c,e.useTable=function(e,t){var r,u=a({},null!=(r=e.__options)?r:{},{state:{},onStateChange:function(){},render:c},t),f=o.useState((function(){return n.createTableInstance(u)}))[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)}})})),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  _NonGenerated,\n  PartialKeys,\n  Options,\n  TableInstance,\n  PartialGenerics,\n  CreateTableFactoryOptions,\n  TableFactory,\n} from '@tanstack/table-core'\n\nexport function useTable<TGenerics extends PartialGenerics>(\n  table: TableFactory<TGenerics>,\n  options: PartialKeys<\n    Omit<Options<TGenerics>, keyof CreateTableFactoryOptions<any, any, any>>,\n    'state' | 'onStateChange'\n  >\n): TableInstance<TGenerics> {\n  // Compose in the generic options to the user options\n  const resolvedOptions = {\n    ...(table.__options ?? {}),\n    state: {}, // Dummy state\n    onStateChange: () => {}, // noop\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  return instance\n}\n"],"names":["table","options","resolvedOptions","__options","state","onStateChange","instance","React","useState","createTableInstance","initialState","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;+1BAcO,SACLA,EACAC,SAMMC,gBACAF,EAAMG,aAAa,IACvBC,MAAO,GACPC,cAAe,cACZJ,GAIEK,EAAYC,EAAMC,UAAS,kBAChCC,sBAA+BP,WAIPK,EAAMC,UAAS,kBAAMF,EAASI,gBAAjDN,OAAOO,cAIdL,EAASM,YAAW,SAAAC,eACfA,EACAZ,GACHG,WACKA,EACAH,EAAQG,OAIbC,cAAe,SAAAS,GACbH,EAASG,SACTb,EAAQI,eAARJ,EAAQI,cAAgBS,SAIrBR"}
+{"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  _NonGenerated,\n  PartialKeys,\n  Options,\n  TableInstance,\n  PartialGenerics,\n  CreateTableFactoryOptions,\n  Table,\n  init,\n  AnyGenerics,\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\nconst { createTable, createTableFactory } = init({ render })\n\nexport { createTable, createTableFactory }\n\nexport function useTable<TGenerics extends AnyGenerics>(\n  table: Table<TGenerics>,\n  options: PartialKeys<\n    Omit<\n      Options<TGenerics>,\n      keyof CreateTableFactoryOptions<any, any, any, any>\n    >,\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  return instance\n}\n"],"names":["render","Comp","props","component","proto","Object","getPrototypeOf","prototype","isReactComponent","isClassComponent","$$typeof","includes","description","isExoticComponent","React","init","createTable","createTableFactory","table","options","resolvedOptions","__options","state","onStateChange","instance","useState","createTableInstance","initialState","setState","setOptions","prev","updater"],"mappings":";;;;;;;;;;w1BAqBaA,EAAS,SACpBC,EACAC,UAECD,EAYH,SAA0BE,SAED,mBAAdA,KAECC,EAAQC,OAAOC,eAAeH,IACvBI,WAAaH,EAAMG,UAAUC,kBAF3C,IACOJ,EAVRK,CAFsBN,EAJQF,IAOT,mBAAdE,GAeX,SAA2BA,SAEF,iBAAdA,GACuB,iBAAvBA,EAAUO,UACjB,CAAC,aAAc,qBAAqBC,SAASR,EAAUO,SAASE,aAlBhEC,CAAkBV,GARoBW,gBAACb,EAASC,GAAYD,EAAtD,KAIV,IAA0BE,SA0BkBY,OAAK,CAAEf,OAAAA,IAA3CgB,IAAAA,YAAaC,IAAAA,gFAId,SACLC,EACAC,SASMC,gBACAF,EAAMG,aAAa,IACvBC,MAAO,GACPC,cAAe,aACfvB,OAAAA,GACGmB,GAIEK,EAAYV,EAAMW,UAAS,kBAChCC,sBAA+BN,WAIPN,EAAMW,UAAS,kBAAMD,EAASG,gBAAjDL,OAAOM,cAIdJ,EAASK,YAAW,SAAAC,eACfA,EACAX,GACHG,WACKA,EACAH,EAAQG,OAIbC,cAAe,SAAAQ,GACbH,EAASG,SACTZ,EAAQI,eAARJ,EAAQI,cAAgBQ,SAIrBP"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tanstack/react-table",
   "author": "Tanner Linsley",
-  "version": "8.0.0-alpha.11",
+  "version": "8.0.0-alpha.14",
   "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

@@ -9,21 +9,70 @@ import {
   TableInstance,
   PartialGenerics,
   CreateTableFactoryOptions,
-  TableFactory,
+  Table,
+  init,
+  AnyGenerics,
 } from '@tanstack/table-core'
 
-export function useTable<TGenerics extends PartialGenerics>(
-  table: TableFactory<TGenerics>,
+export type Renderable<TProps> =
+  | React.ReactNode
+  | React.FunctionComponent<TProps>
+  | React.Component<TProps>
+
+export const render = <TProps extends {}>(
+  Comp: Renderable<TProps>,
+  props: TProps
+): React.ReactNode =>
+  !Comp ? null : isReactComponent(Comp) ? <Comp {...props} /> : Comp
+
+export type Render = typeof render
+
+function isReactComponent(component: unknown): component is React.FC {
+  return (
+    isClassComponent(component) ||
+    typeof component === 'function' ||
+    isExoticComponent(component)
+  )
+}
+
+function isClassComponent(component: any) {
+  return (
+    typeof component === 'function' &&
+    (() => {
+      const proto = Object.getPrototypeOf(component)
+      return proto.prototype && proto.prototype.isReactComponent
+    })()
+  )
+}
+
+function isExoticComponent(component: any) {
+  return (
+    typeof component === 'object' &&
+    typeof component.$$typeof === 'symbol' &&
+    ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description)
+  )
+}
+
+const { createTable, createTableFactory } = init({ render })
+
+export { createTable, createTableFactory }
+
+export function useTable<TGenerics extends AnyGenerics>(
+  table: Table<TGenerics>,
   options: PartialKeys<
-    Omit<Options<TGenerics>, keyof CreateTableFactoryOptions<any, any, any>>,
+    Omit<
+      Options<TGenerics>,
+      keyof CreateTableFactoryOptions<any, any, any, any>
+    >,
     'state' | 'onStateChange'
   >
 ): TableInstance<TGenerics> {
   // Compose in the generic options to the user options
-  const resolvedOptions = {
+  const resolvedOptions: Options<TGenerics> = {
     ...(table.__options ?? {}),
     state: {}, // Dummy state
     onStateChange: () => {}, // noop
+    render,
     ...options,
   }