@tanstack/react-table 8.0.0-alpha.64 → 8.0.0-alpha.68

package/src/index.tsx

@@ -60,8 +60,8 @@ function isExoticComponent(component: any) {
 
 export const createTable = createTableFactory({ render })
 
-const useIsomorphicLayoutEffect =
-  typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect
+// const useIsomorphicLayoutEffect =
+//   typeof document !== 'undefined' ? React.useLayoutEffect : React.useEffect
 
 export type UseTableInstanceOptions<TGenerics extends ReactTableGenerics> =
   PartialKeys<
@@ -83,16 +83,18 @@ export function useTableInstance<TGenerics extends ReactTableGenerics>(
   }
 
   // Create a new table instance and store it in state
-  const [instance] = React.useState(() =>
-    createTableInstance<TGenerics>(resolvedOptions)
-  )
+  const [instanceRef] = React.useState(() => ({
+    current: createTableInstance<TGenerics>(resolvedOptions),
+  }))
 
   // By default, manage table state here using the instance's initial state
-  const [state, setState] = React.useState(() => instance.initialState)
+  const [state, setState] = React.useState(
+    () => instanceRef.current.initialState
+  )
 
   // Compose the default state above with any user state. This will allow the user
   // to only control a subset of the state if desired.
-  instance.setOptions(prev => ({
+  instanceRef.current.setOptions(prev => ({
     ...prev,
     ...options,
     state: {
@@ -107,9 +109,5 @@ export function useTableInstance<TGenerics extends ReactTableGenerics>(
     },
   }))
 
-  // useIsomorphicLayoutEffect(() => {
-  //   instance.willUpdate()
-  // })
-
-  return instance
+  return instanceRef.current
 }

package/build/cjs/_virtual/_rollupPluginBabelHelpers.js

@@ -1,34 +0,0 @@
-/**
- * react-table
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-exports["extends"] = _extends;
-//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/build/cjs/_virtual/_rollupPluginBabelHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/index.js

@@ -1,113 +0,0 @@
-/**
- * react-table
- *
- * Copyright (c) TanStack
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('./_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var tableCore = require('@tanstack/table-core');
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-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 createTable = tableCore.createTableFactory({
-  render: render
-});
-function useTableInstance(table, options) {
-  // Compose in the generic options to the user options
-  var resolvedOptions = _rollupPluginBabelHelpers["extends"]({}, table.options, {
-    state: {},
-    // Dummy state
-    onStateChange: function onStateChange() {},
-    // noop
-    render: render
-  }, options); // Create a new table instance and store it in state
-
-
-  var _React$useState = React__namespace.useState(function () {
-    return tableCore.createTableInstance(resolvedOptions);
-  }),
-      instance = _React$useState[0]; // By default, manage table state here using the instance's initial state
-
-
-  var _React$useState2 = React__namespace.useState(function () {
-    return instance.initialState;
-  }),
-      state = _React$useState2[0],
-      setState = _React$useState2[1]; // Compose the default state above with any user state. This will allow the user
-  // to only control a subset of the state if desired.
-
-
-  instance.setOptions(function (prev) {
-    return _rollupPluginBabelHelpers["extends"]({}, prev, options, {
-      state: _rollupPluginBabelHelpers["extends"]({}, state, options.state),
-      // Similarly, we'll maintain both our internal state and any user-provided
-      // state.
-      onStateChange: function onStateChange(updater) {
-        setState(updater);
-        options.onStateChange == null ? void 0 : options.onStateChange(updater);
-      }
-    });
-  }); // useIsomorphicLayoutEffect(() => {
-  //   instance.willUpdate()
-  // })
-
-  return instance;
-}
-
-exports.createTable = createTable;
-exports.render = render;
-exports.useTableInstance = useTableInstance;
-Object.keys(tableCore).forEach(function (k) {
-  if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-    enumerable: true,
-    get: function () { return tableCore[k]; }
-  });
-});
-//# sourceMappingURL=index.js.map

package/build/cjs/index.js.map

@@ -1 +0,0 @@
-{"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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"}