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

package/build/umd/index.development.js

@@ -9,14 +9,10 @@
  * @license MIT
  */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TableCore = {}, global.React));
-})(this, (function (exports, React) { 'use strict';
-
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TableCore = {}));
+})(this, (function (exports) { 'use strict';
 
   function _extends() {
     _extends = Object.assign || function (target) {
@@ -210,24 +206,6 @@
 
       return result;
     };
-  }
-  function flexRender(Comp, props) {
-    return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/React__default["default"].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);
   } // export function hashString(str: string, seed = 0): string {
   //   let h1 = 0xdeadbeef ^ seed,
   //     h2 = 0x41c6ce57 ^ seed
@@ -245,9 +223,6 @@
   //   return (4294967296 * (2097151 & h2) + (h1 >>> 0)).toString()
   // }
 
-  // declare global {
-  //   const "development" !== 'production': boolean
-  // }
   //
   var Please_use_the_create_table_column_utilities_to_define_columns = Symbol();
 
@@ -645,7 +620,6 @@
           var initialProps = {
             title: canGroup ? 'Toggle Grouping' : undefined,
             onClick: canGroup ? function (e) {
-              e.persist();
               column.toggleGrouping == null ? void 0 : column.toggleGrouping();
             } : undefined
           };
@@ -687,7 +661,7 @@
         }
       };
     },
-    createCell: function createCell(cell, column, row, _instance) {
+    createCell: function createCell(cell, column, row, instance) {
       return {
         getIsGrouped: function getIsGrouped() {
           return column.getIsGrouped() && column.id === row.groupingColumnId;
@@ -699,6 +673,18 @@
           var _row$subRows;
 
           return !cell.getIsGrouped() && !cell.getIsPlaceholder() && ((_row$subRows = row.subRows) == null ? void 0 : _row$subRows.length) > 1;
+        },
+        renderAggregatedCell: function renderAggregatedCell() {
+          var _column$aggregatedCel;
+
+          var template = (_column$aggregatedCel = column.aggregatedCell) != null ? _column$aggregatedCel : column.cell;
+          return template ? instance.render(template, {
+            instance: instance,
+            column: column,
+            row: row,
+            cell: cell,
+            value: cell.value
+          }) : null;
         }
       };
     },
@@ -1144,11 +1130,11 @@
             draggable: false,
             role: 'separator',
             onMouseDown: function onMouseDown(e) {
-              e.persist();
+              e.persist == null ? void 0 : e.persist();
               onResizeStart(e);
             },
             onTouchStart: function onTouchStart(e) {
-              e.persist();
+              e.persist == null ? void 0 : e.persist();
               onResizeStart(e);
             }
           } : {};
@@ -1353,18 +1339,18 @@
               return instance.getFooterProps(header.id, userProps);
             },
             renderHeader: function renderHeader() {
-              return flexRender(column.header, {
+              return column.header ? instance.render(column.header, {
                 instance: instance,
                 header: header,
                 column: column
-              });
+              }) : null;
             },
             renderFooter: function renderFooter() {
-              return flexRender(column.footer, {
+              return column.footer ? instance.render(column.footer, {
                 instance: instance,
                 header: header,
                 column: column
-              });
+              }) : null;
             }
           }; // Yes, we have to convert instance to unknown, because we know more than the compiler here.
 
@@ -2234,7 +2220,7 @@
 
             if (!column) {
               {
-                console.warn("React-Table: Could not find a column with id: " + columnId);
+                console.warn("Table: Could not find a column with id: " + columnId);
               }
 
               throw new Error();
@@ -2515,6 +2501,9 @@
         getIsSorted: function getIsSorted() {
           return instance.getColumnIsSorted(column.id);
         },
+        resetSorting: function resetSorting() {
+          return instance.resetSorting(column.id);
+        },
         toggleSorting: function toggleSorting(desc, isMulti) {
           return instance.toggleColumnSorting(column.id, desc, isMulti);
         },
@@ -2724,10 +2713,18 @@
             return d.id === columnId;
           })) != null ? _instance$getState$so2 : -1;
         },
-        resetSorting: function resetSorting() {
-          var _instance$initialStat, _instance$initialStat2;
+        resetSorting: function resetSorting(columnId) {
+          if (columnId) {
+            instance.setSorting(function (old) {
+              return old != null && old.length ? old.filter(function (d) {
+                return d.id !== columnId;
+              }) : [];
+            });
+          } else {
+            var _instance$initialStat, _instance$initialStat2;
 
-          instance.setSorting((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
+            instance.setSorting((_instance$initialStat = (_instance$initialStat2 = instance.initialState) == null ? void 0 : _instance$initialStat2.sorting) != null ? _instance$initialStat : []);
+          }
         },
         getToggleSortingProps: function getToggleSortingProps(columnId, userProps) {
           var column = instance.getColumn(columnId);
@@ -2864,7 +2861,7 @@
 
           if (!row) {
             {
-              console.warn("[ReactTable] getIsRowExpanded: no row found with id " + rowId);
+              console.warn("[Table] getIsRowExpanded: no row found with id " + rowId);
             }
 
             throw new Error();
@@ -2880,7 +2877,7 @@
 
           if (!row) {
             {
-              console.warn("[ReactTable] getRowCanExpand: no row found with id " + rowId);
+              console.warn("[Table] getRowCanExpand: no row found with id " + rowId);
             }
 
             throw new Error();
@@ -3674,7 +3671,7 @@
     var _options$initialState;
 
     if (options.debugAll || options.debugTable) {
-      console.info('Creating React Table Instance...');
+      console.info('Creating Table Instance...');
     }
 
     var instance = {};
@@ -3702,6 +3699,17 @@
       setOptions: function setOptions(updater) {
         instance.options = buildOptions(functionalUpdate(updater, instance.options));
       },
+      render: function render(template, props) {
+        if (typeof instance.options.render === 'function') {
+          return instance.options.render(template, props);
+        }
+
+        if (typeof template === 'function') {
+          return template(props);
+        }
+
+        return template;
+      },
       getRowId: function getRowId(_, index, parent) {
         return "" + (parent ? [parent.id, index].join('.') : index);
       },
@@ -3892,7 +3900,7 @@
 
         if (!column) {
           {
-            console.warn("[React Table] Column with id " + columnId + " does not exist.");
+            console.warn("[Table] Column with id " + columnId + " does not exist.");
           }
 
           throw new Error();
@@ -3924,13 +3932,13 @@
             return instance.getCellProps(row.id, column.id, userProps);
           },
           renderCell: function renderCell() {
-            return flexRender(column.cell, {
+            return column.cell ? instance.render(column.cell, {
               instance: instance,
               column: column,
               row: row,
               cell: cell,
               value: value
-            });
+            }) : null;
           }
         };
         features.forEach(function (feature) {
@@ -4094,7 +4102,7 @@
 
         if (!row) {
           {
-            throw new Error("[React Table] could not find row with id " + rowId);
+            throw new Error("[Table] could not find row with id " + rowId);
           }
         }
 
@@ -4102,7 +4110,7 @@
 
         if (!cell) {
           {
-            throw new Error("[React Table] could not find cell " + columnId + " in row " + rowId);
+            throw new Error("[Table] could not find cell " + columnId + " in row " + rowId);
           }
         }
 
@@ -4176,18 +4184,27 @@
     return instance;
   }
 
-  function createTableFactory(opts) {
-    return function () {
-      return _createTable(undefined, undefined, opts);
+  //
+  function init(opts) {
+    return {
+      createTableFactory: function createTableFactory(options) {
+        return function () {
+          return _createTable(undefined, undefined, _extends({}, options, opts));
+        };
+      },
+      createTable: function createTable() {
+        return _createTable(undefined, undefined, opts);
+      }
     };
   }
-  function createTable() {
-    return _createTable();
-  }
 
   function _createTable(_, __, __options) {
     return {
-      __options: __options || {},
+      __options: __options != null ? __options : {
+        render: function render() {
+          throw new Error();
+        }
+      },
       createColumns: function createColumns(columns) {
         return columns;
       },
@@ -4237,7 +4254,7 @@
 
         if (!column) {
           {
-            console.warn("React-Table: Could not find a column with id: " + columnId);
+            console.warn("Table: Could not find a column with id: " + columnId);
           }
 
           throw new Error();
@@ -4540,7 +4557,7 @@
           console.info({
             column: column
           });
-          throw new Error("React Table: Invalid column.aggregateType option for column listed above" );
+          throw new Error("Table: Invalid column.aggregateType option for column listed above" );
         } else {
           values[column.id] = null;
         }
@@ -4699,17 +4716,15 @@
   exports.Visibility = Visibility;
   exports.buildHeaderGroups = buildHeaderGroups;
   exports.columnFilterRowsFn = columnFilterRowsFn;
-  exports.createTable = createTable;
-  exports.createTableFactory = createTableFactory;
   exports.createTableInstance = createTableInstance;
   exports.defaultColumnSizing = defaultColumnSizing;
   exports.expandRowsFn = expandRowsFn;
   exports.flattenBy = flattenBy;
-  exports.flexRender = flexRender;
   exports.functionalUpdate = functionalUpdate;
   exports.getDefaultColumn = getDefaultColumn;
   exports.globalFilterRowsFn = globalFilterRowsFn;
   exports.groupRowsFn = groupRowsFn;
+  exports.init = init;
   exports.isFunction = isFunction;
   exports.isRowSelected = isRowSelected;
   exports.makeStateUpdater = makeStateUpdater;