@infinite-table/infinite-react 0.0.3 → 0.0.7

package/index.esm.js

@@ -211,6 +211,8 @@ var require_common = __commonJS({
       function createDebug(namespace) {
         let prevTime;
         let enableOverride = null;
+        let namespacesCache;
+        let enabledCache;
         function debug6(...args) {
           if (!debug6.enabled) {
             return;
@@ -253,7 +255,16 @@ var require_common = __commonJS({
         Object.defineProperty(debug6, "enabled", {
           enumerable: true,
           configurable: false,
-          get: () => enableOverride === null ? createDebug.enabled(namespace) : enableOverride,
+          get: () => {
+            if (enableOverride !== null) {
+              return enableOverride;
+            }
+            if (namespacesCache !== createDebug.namespaces) {
+              namespacesCache = createDebug.namespaces;
+              enabledCache = createDebug.enabled(namespace);
+            }
+            return enabledCache;
+          },
           set: (v) => {
             enableOverride = v;
           }
@@ -270,6 +281,7 @@ var require_common = __commonJS({
       }
       function enable(namespaces) {
         createDebug.save(namespaces);
+        createDebug.namespaces = namespaces;
         createDebug.names = [];
         createDebug.skips = [];
         let i;
@@ -497,6 +509,99 @@ var require_browser = __commonJS({
   }
 });
 
+// node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.cjs.dev.js
+var require_vanilla_extract_recipes_createRuntimeFn_cjs_dev = __commonJS({
+  "node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.cjs.dev.js"(exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    function _defineProperty(obj, key, value) {
+      if (key in obj) {
+        Object.defineProperty(obj, key, {
+          value,
+          enumerable: true,
+          configurable: true,
+          writable: true
+        });
+      } else {
+        obj[key] = value;
+      }
+      return obj;
+    }
+    function ownKeys(object, enumerableOnly) {
+      var keys = Object.keys(object);
+      if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+          symbols = symbols.filter(function(sym) {
+            return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+          });
+        }
+        keys.push.apply(keys, symbols);
+      }
+      return keys;
+    }
+    function _objectSpread2(target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i] != null ? arguments[i] : {};
+        if (i % 2) {
+          ownKeys(Object(source), true).forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+          });
+        } else if (Object.getOwnPropertyDescriptors) {
+          Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+        } else {
+          ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+          });
+        }
+      }
+      return target;
+    }
+    var shouldApplyCompound = (compoundCheck, selections) => {
+      for (var key of Object.keys(compoundCheck)) {
+        if (compoundCheck[key] !== selections[key]) {
+          return false;
+        }
+      }
+      return true;
+    };
+    var createRuntimeFn = (config) => (options) => {
+      var className = config.defaultClassName;
+      var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+      for (var variantName in selections) {
+        var _selections$variantNa;
+        var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+        if (variantSelection != null) {
+          var selection = variantSelection;
+          if (typeof selection === "boolean") {
+            selection = selection === true ? "true" : "false";
+          }
+          className += " " + config.variantClassNames[variantName][selection];
+        }
+      }
+      for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+        if (shouldApplyCompound(compoundCheck, selections)) {
+          className += " " + compoundClassName;
+        }
+      }
+      return className;
+    };
+    exports.createRuntimeFn = createRuntimeFn;
+  }
+});
+
+// node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.cjs.js
+var require_vanilla_extract_recipes_createRuntimeFn_cjs = __commonJS({
+  "node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.cjs.js"(exports, module) {
+    "use strict";
+    if (false) {
+      module.exports = null;
+    } else {
+      module.exports = require_vanilla_extract_recipes_createRuntimeFn_cjs_dev();
+    }
+  }
+});
+
 // node_modules/binary-search/index.js
 var require_binary_search = __commonJS({
   "node_modules/binary-search/index.js"(exports, module) {
@@ -558,7 +663,7 @@ var require_decamelize = __commonJS({
       if (preserveConsecutiveUppercase) {
         return handlePreserveConsecutiveUppercase(decamelized, separator);
       }
-      return decamelized.replace(/(\p{Uppercase_Letter}+)(\p{Uppercase_Letter}\p{Lowercase_Letter}+)/gu, replacement).toLowerCase();
+      return decamelized.replace(/(\p{Uppercase_Letter})(\p{Uppercase_Letter}\p{Lowercase_Letter}+)/gu, replacement).toLowerCase();
     };
   }
 });
@@ -1919,31 +2024,28 @@ import {
 import { useState as useState3 } from "react";
 
 // src/components/InfiniteTable/utilities.css.ts
-var alignItems = { center: "_16lm1iwz", stretch: "_16lm1iw10" };
-var cssEllipsisClassName = "_16lm1iw18 _16lm1iw19 _16lm1iw14";
-var cursor = { pointer: "_16lm1iw9" };
-var display = { flex: "_16lm1iwh", block: "_16lm1iwi", inlineBlock: "_16lm1iwj" };
+var alignItems = { center: "_16lm1iw11", stretch: "_16lm1iw12" };
+var cssEllipsisClassName = "_16lm1iw1a _16lm1iw1b _16lm1iw16";
+var cursor = { pointer: "_16lm1iwb" };
+var display = { flex: "_16lm1iwj", block: "_16lm1iwk", inlineBlock: "_16lm1iwl" };
 var fill = { currentColor: "_16lm1iw5", accentColor: "_16lm1iw6" };
-var flex = { "1": "_16lm1iwa", none: "_16lm1iwb" };
-var flexFlow = { column: "_16lm1iwx", row: "_16lm1iwy" };
-var justifyContent = { center: "_16lm1iw11", start: "_16lm1iw12", end: "_16lm1iw13" };
-var left = { "0": "_16lm1iwr", "100%": "_16lm1iws" };
+var flex = { "1": "_16lm1iwc", none: "_16lm1iwd" };
+var flexFlow = { column: "_16lm1iwz", row: "_16lm1iw10" };
+var justifyContent = { center: "_16lm1iw13", start: "_16lm1iw14", end: "_16lm1iw15" };
+var left = { "0": "_16lm1iwt", "100%": "_16lm1iwu" };
 var position = { relative: "_16lm1iw1", absolute: "_16lm1iw2", sticky: "_16lm1iw3", fixed: "_16lm1iw4" };
-var top = { "0": "_16lm1iwp", "100%": "_16lm1iwq" };
+var top = { "0": "_16lm1iwr", "100%": "_16lm1iws" };
+var transform = { translateZero: "_16lm1iw9", rotate90: "_16lm1iwa" };
 var transformTranslateZero = "_16lm1iw8";
-var userSelect = { none: "_16lm1iwk" };
-var willChange = { transform: "_16lm1iw17" };
-var zIndex = { "1": "_16lm1iwc", "10": "_16lm1iwd", "1000": "_16lm1iwe", "10000": "_16lm1iwf", "100000": "_16lm1iwg" };
+var userSelect = { none: "_16lm1iwm" };
+var willChange = { transform: "_16lm1iw19" };
+var zIndex = { "1": "_16lm1iwe", "10": "_16lm1iwf", "1000": "_16lm1iwg", "10000": "_16lm1iwh", "100000": "_16lm1iwi" };
 
 // src/components/InfiniteTable/components/icons/ExpanderIcon.tsx
 function ExpanderIcon(props) {
   var _a;
   const { size = 24 } = props;
-  const style = __spreadValues({}, props.style);
   const [expanded, setExpanded] = useState3((_a = props.expanded) != null ? _a : props.defaultExpanded);
-  if (expanded) {
-    style.transform = `rotate(90deg)`;
-  }
   const onClick = () => {
     var _a2;
     (_a2 = props.onChange) == null ? void 0 : _a2.call(props, !expanded);
@@ -1962,14 +2064,20 @@ function ExpanderIcon(props) {
     height: `${size}px`,
     viewBox: "0 0 24 24",
     width: `${size}px`,
-    style,
+    style: props.style,
     onClick,
-    className: join(props.className, fill.currentColor, flex.none, cursor.pointer, expanded ? fill.accentColor : "", "InfiniteIcon", "InfiniteIcon-expander", `InfiniteIcon-expander--${expanded ? "expanded" : "collapsed"}`)
+    className: join(props.className, fill.accentColor, flex.none, cursor.pointer, expanded ? fill.accentColor : "", expanded ? transform.rotate90 : "", "InfiniteIcon", "InfiniteIcon-expander", `InfiniteIcon-expander--${expanded ? "expanded" : "collapsed"}`)
   }, /* @__PURE__ */ createElement3("path", {
     d: "M8.59 16.59L13.17 12 8.59 7.41 10 6l6 6-6 6-1.41-1.41z"
   }));
 }
 
+// src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts
+var import_createRuntimeFn = __toModule(require_vanilla_extract_recipes_createRuntimeFn_cjs());
+var GroupRowExpanderCls = "_7pupv0b";
+var RowClsRecipe = (0, import_createRuntimeFn.createRuntimeFn)({ defaultClassName: "_7pupv00", variantClassNames: { zebra: { false: "_7pupv02", even: "_7pupv03", odd: "_7pupv04" }, groupRow: { true: "_7pupv05", false: "_7pupv06" }, inlineGroupRow: { true: "_7pupv07", false: "_7pupv08" }, showHoverRows: { true: "_7pupv09", false: "_7pupv0a" } }, defaultVariants: {}, compoundVariants: [] });
+var RowHoverCls = "_7pupv01";
+
 // src/components/InfiniteTable/state/getComputedPivotColumnsFromDataSourcePivotColumns.tsx
 function getComputedPivotColumnsFromDataSourcePivotColumns(pivotColumns, params) {
   if (!pivotColumns) {
@@ -1989,51 +2097,51 @@ function getComputedPivotColumnsFromDataSourcePivotColumns(pivotColumns, params)
       return;
     }
     let column = __spreadValues({}, col);
-    if (pivotColumn) {
-      if (typeof pivotColumn === "function") {
-        column = __spreadValues(__spreadValues({}, column), pivotColumn({
-          column,
-          pivotBy,
-          groupRowsBy
-        }));
-      } else {
-        column = __spreadValues(__spreadValues({}, column), pivotColumn);
-      }
-    }
     const isPivotRowLabelsColumn = !column.pivotColumn && !column.pivotTotalColumn;
-    if (pivotRowLabelsColumn && isPivotRowLabelsColumn) {
-      if (typeof pivotRowLabelsColumn === "function") {
-        column = __spreadValues(__spreadValues({}, column), pivotRowLabelsColumn({
-          column,
-          pivotBy,
-          groupRowsBy
-        }));
-      } else {
-        column = __spreadValues(__spreadValues({}, column), pivotRowLabelsColumn);
+    if (!isPivotRowLabelsColumn) {
+      if (pivotColumn) {
+        if (typeof pivotColumn === "function") {
+          column = __spreadValues(__spreadValues({}, column), pivotColumn({
+            column,
+            pivotBy,
+            groupRowsBy
+          }));
+        } else {
+          column = __spreadValues(__spreadValues({}, column), pivotColumn);
+        }
       }
-    }
-    if (isPivotRowLabelsColumn && !column.render) {
-      column.render = (renderOptions) => {
-        var _a;
-        let { value, rowInfo, column: column2, groupRowsBy: groupRowsBy2 } = renderOptions;
-        if (column2.renderValue) {
-          value = column2.renderValue(renderOptions);
+    } else {
+      if (pivotRowLabelsColumn) {
+        if (typeof pivotRowLabelsColumn === "function") {
+          column = __spreadValues(__spreadValues({}, column), pivotRowLabelsColumn({
+            column,
+            pivotBy,
+            groupRowsBy
+          }));
+        } else {
+          column = __spreadValues(__spreadValues({}, column), pivotRowLabelsColumn);
         }
-        const showExpanderIcon = (((_a = rowInfo.groupKeys) == null ? void 0 : _a.length) || 0) < groupRowsBy2.length;
-        return /* @__PURE__ */ createElement4("div", {
-          className: join(display.flex, alignItems.center),
-          style: {
-            paddingInlineStart: `calc(${rowInfo.groupNesting - 1} * var(--ITableRow-group-column-nesting))`
-          }
-        }, showExpanderIcon ? /* @__PURE__ */ createElement4(ExpanderIcon, {
-          expanded: !rowInfo.collapsed,
-          onChange: () => {
-            toggleGroupRow(rowInfo.groupKeys);
+      }
+      if (!column.render) {
+        column.render = (renderOptions) => {
+          var _a;
+          let { value, rowInfo, column: column2, groupRowsBy: groupRowsBy2 } = renderOptions;
+          if (column2.renderValue) {
+            value = column2.renderValue(renderOptions);
           }
-        }) : null, /* @__PURE__ */ createElement4("div", {
-          className: cssEllipsisClassName
-        }, value != null ? value : null));
-      };
+          const showExpanderIcon = (((_a = rowInfo.groupKeys) == null ? void 0 : _a.length) || 0) < groupRowsBy2.length;
+          return /* @__PURE__ */ createElement4("div", {
+            className: join(display.flex, alignItems.center, GroupRowExpanderCls)
+          }, showExpanderIcon ? /* @__PURE__ */ createElement4(ExpanderIcon, {
+            expanded: !rowInfo.collapsed,
+            onChange: () => {
+              toggleGroupRow(rowInfo.groupKeys);
+            }
+          }) : null, /* @__PURE__ */ createElement4("div", {
+            className: cssEllipsisClassName
+          }, value != null ? value : null));
+        };
+      }
     }
     if (!column.render && column.renderValue) {
       column.render = (renderOptions) => {
@@ -2049,47 +2157,6 @@ function getComputedPivotColumnsFromDataSourcePivotColumns(pivotColumns, params)
 import {
   createElement as createElement5
 } from "react";
-
-// node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js
-var shouldApplyCompound = (compoundCheck, selections) => {
-  for (const key of Object.keys(compoundCheck)) {
-    if (compoundCheck[key] !== selections[key]) {
-      return false;
-    }
-  }
-  return true;
-};
-var createRuntimeFn = (config) => (options) => {
-  let className = config.defaultClassName;
-  const selections = {
-    ...config.defaultVariants,
-    ...options
-  };
-  for (const variantName in selections) {
-    var _selections$variantNa;
-    const variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
-    if (variantSelection != null) {
-      let selection = variantSelection;
-      if (typeof selection === "boolean") {
-        selection = selection === true ? "true" : "false";
-      }
-      className += " " + config.variantClassNames[variantName][selection];
-    }
-  }
-  for (const [compoundCheck, compoundClassName] of config.compoundVariants) {
-    if (shouldApplyCompound(compoundCheck, selections)) {
-      className += " " + compoundClassName;
-    }
-  }
-  return className;
-};
-
-// src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts
-var GroupRowExpanderCls = "_7pupv0b";
-var RowClsRecipe = createRuntimeFn({ defaultClassName: "_7pupv00", variantClassNames: { zebra: { false: "_7pupv02", even: "_7pupv03", odd: "_7pupv04" }, groupRow: { true: "_7pupv05", false: "_7pupv06" }, inlineGroupRow: { true: "_7pupv07", false: "_7pupv08" }, showHoverRows: { true: "_7pupv09", false: "_7pupv0a" } }, defaultVariants: {}, compoundVariants: [] });
-var RowHoverCls = "_7pupv01";
-
-// src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
 function getGroupColumnRender({
   groupIndexForColumn,
   groupRenderStrategy,
@@ -2693,78 +2760,6 @@ function mapPropsToState2(params) {
   };
 }
 
-// src/utils/multisort/sortTypes.ts
-var sortTypes = {
-  number: function(first, second) {
-    return first - second;
-  },
-  string: function(first, second) {
-    first = `${first}`;
-    second = `${second}`;
-    return first.localeCompare(second);
-  }
-};
-var sortTypes_default = sortTypes;
-
-// src/utils/multisort/index.ts
-var multisort = (sortInfo, array, get) => {
-  array.sort(getMultisortFunction(sortInfo, get));
-  return array;
-};
-multisort.knownTypes = sortTypes_default;
-var getSingleSortFunction = (info) => {
-  if (!info) {
-    return;
-  }
-  const field = info.field;
-  var dir = info.dir < 0 ? -1 : info.dir > 0 ? 1 : 0;
-  if (!dir) {
-    return;
-  }
-  let fn = info.fn;
-  if (!fn && info.type) {
-    fn = multisort.knownTypes[info.type];
-    if (!fn) {
-      console.warn(`Unknown sort type "${info.type}" - please pass one of ${Object.keys(multisort.knownTypes).join(", ")}`);
-    }
-  }
-  if (!fn) {
-    fn = sortTypes_default.string;
-  }
-  return (first, second) => {
-    const a = field ? first[field] : first;
-    const b = field ? second[field] : second;
-    return dir * fn(a, b);
-  };
-};
-var getSortFunctions = (sortInfo) => {
-  return sortInfo.map(getSingleSortFunction).filter((fn) => fn instanceof Function);
-};
-var getMultisortFunction = (sortInfo, get) => {
-  const fns = getSortFunctions(sortInfo);
-  return (first, second) => {
-    if (get) {
-      first = get(first);
-      second = get(second);
-    }
-    let result = 0;
-    let i = 0;
-    let fn;
-    const len = fns.length;
-    for (; i < len; i++) {
-      fn = fns[i];
-      if (!fn) {
-        continue;
-      }
-      result = fn(first, second);
-      if (result !== 0) {
-        return result;
-      }
-    }
-    return result;
-  };
-};
-
 // src/utils/groupAndPivot/index.ts
 function DEFAULT_TO_KEY(value) {
   return value;
@@ -2994,6 +2989,80 @@ function enhancedFlatten(param) {
     data: result
   };
 }
+
+// src/utils/multisort/sortTypes.ts
+var sortTypes = {
+  number: function(first, second) {
+    return first - second;
+  },
+  string: function(first, second) {
+    first = `${first}`;
+    second = `${second}`;
+    return first.localeCompare(second);
+  }
+};
+var sortTypes_default = sortTypes;
+
+// src/utils/multisort/index.ts
+var multisort = (sortInfo, array, get) => {
+  array.sort(getMultisortFunction(sortInfo, get));
+  return array;
+};
+multisort.knownTypes = sortTypes_default;
+var getSingleSortFunction = (info) => {
+  if (!info) {
+    return;
+  }
+  const field = info.field;
+  var dir = info.dir < 0 ? -1 : info.dir > 0 ? 1 : 0;
+  if (!dir) {
+    return;
+  }
+  let fn = info.fn;
+  if (!fn && info.type) {
+    fn = multisort.knownTypes[info.type];
+    if (!fn) {
+      console.warn(`Unknown sort type "${info.type}" - please pass one of ${Object.keys(multisort.knownTypes).join(", ")}`);
+    }
+  }
+  if (!fn) {
+    fn = sortTypes_default.string;
+  }
+  return (first, second) => {
+    const a = field ? first[field] : first;
+    const b = field ? second[field] : second;
+    return dir * fn(a, b);
+  };
+};
+var getSortFunctions = (sortInfo) => {
+  return sortInfo.map(getSingleSortFunction).filter((fn) => fn instanceof Function);
+};
+var getMultisortFunction = (sortInfo, get) => {
+  const fns = getSortFunctions(sortInfo);
+  return (first, second) => {
+    if (get) {
+      first = get(first);
+      second = get(second);
+    }
+    let result = 0;
+    let i = 0;
+    let fn;
+    const len = fns.length;
+    for (; i < len; i++) {
+      fn = fns[i];
+      if (!fn) {
+        continue;
+      }
+      result = fn(first, second);
+      if (result !== 0) {
+        return result;
+      }
+    }
+    return result;
+  };
+};
+
+// src/utils/groupAndPivot/getPivotColumnsAndColumnGroups.ts
 function getPivotColumnsAndColumnGroups(deepMap, pivotBy, pivotTotalColumnPosition) {
   const pivotLength = pivotBy.length;
   const columns = new Map([
@@ -3018,10 +3087,14 @@ function getPivotColumnsAndColumnGroups(deepMap, pivotBy, pivotTotalColumnPositi
     if (keys.length === pivotLength) {
       const parentKeys = keys.slice(0, -1);
       let columnGroupId = parentKeys.join("/");
-      columns.set(`${keys.join("/")}`, {
+      const pivotByForColumn = pivotBy[keys.length - 1];
+      let computedPivotColumn = __spreadValues({
         pivotBy,
         pivotColumn: true,
         pivotGroupKeys: keys,
+        pivotGroupKeyForColumn: keys[keys.length - 1],
+        pivotIndexForColumn: keys.length - 1,
+        pivotByForColumn,
         sortable: false,
         columnGroup: parentKeys.length ? `${columnGroupId}` : void 0,
         header: keys[keys.length - 1],
@@ -3030,7 +3103,15 @@ function getPivotColumnsAndColumnGroups(deepMap, pivotBy, pivotTotalColumnPositi
           const value = (_c = (_b = (_a = rowInfo.pivotValuesMap) == null ? void 0 : _a.get(keys)) == null ? void 0 : _b.reducerResults[0]) != null ? _c : null;
           return value;
         }
-      });
+      }, pivotByForColumn.column);
+      if (pivotByForColumn.column) {
+        if (typeof pivotByForColumn.column === "function") {
+          Object.assign(computedPivotColumn, pivotByForColumn.column({ column: computedPivotColumn }));
+        } else {
+          Object.assign(computedPivotColumn, pivotByForColumn.column);
+        }
+      }
+      columns.set(`${keys.join("/")}`, computedPivotColumn);
     } else {
       const colGroupId = keys.join("/");
       const parentKeys = keys.slice(0, -1);
@@ -3039,11 +3120,15 @@ function getPivotColumnsAndColumnGroups(deepMap, pivotBy, pivotTotalColumnPositi
         header: keys.join(" >> ")
       });
       if (pivotTotalColumnPosition !== false) {
-        columns.set(`${keys.join("/")}-total`, {
+        const pivotByForColumn = pivotBy[keys.length - 1];
+        let computedPivotColumn = __spreadValues({
           columnGroup: parentKeys.length ? parentKeys.join("/") : void 0,
           header: `${keys.join("/")} total `,
           pivotTotalColumn: true,
           pivotGroupKeys: keys,
+          pivotGroupKeyForColumn: keys[keys.length - 1],
+          pivotByForColumn,
+          pivotIndexForColumn: keys.length - 1,
           pivotBy,
           sortable: false,
           valueGetter: ({ rowInfo }) => {
@@ -3051,7 +3136,15 @@ function getPivotColumnsAndColumnGroups(deepMap, pivotBy, pivotTotalColumnPositi
             const value = (_c = (_b = (_a = rowInfo.pivotValuesMap) == null ? void 0 : _a.get(keys)) == null ? void 0 : _b.reducerResults[0]) != null ? _c : null;
             return value;
           }
-        });
+        }, pivotByForColumn.column);
+        if (pivotByForColumn.column) {
+          if (typeof pivotByForColumn.column === "function") {
+            Object.assign(computedPivotColumn, pivotByForColumn.column({ column: computedPivotColumn }));
+          } else {
+            Object.assign(computedPivotColumn, pivotByForColumn.column);
+          }
+        }
+        columns.set(`${keys.join("/")}-total`, computedPivotColumn);
       }
     }
     if (pivotTotalColumnPosition === "start" || pivotTotalColumnPosition === false) {
@@ -3479,7 +3572,7 @@ function getColumnsWhenGrouping(params) {
   columns.forEach((col, colId) => {
     computedColumns.set(colId, col);
   });
-  return computedColumns;
+  return computedColumns.size ? computedColumns : void 0;
 }
 
 // src/components/InfiniteTable/hooks/useComputed.ts
@@ -3685,15 +3778,16 @@ function VerticalScrollbarPlaceholderFn(props) {
 var VerticalScrollbarPlaceholder = memo2(VerticalScrollbarPlaceholderFn);
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
-var CellCls = "_1eexc2a5 _16lm1iwh _16lm1iwy _16lm1iwz _16lm1iw2 _16lm1iw17 _16lm1iw18";
+var import_createRuntimeFn2 = __toModule(require_vanilla_extract_recipes_createRuntimeFn_cjs());
+var CellCls = "_1eexc2a5 _16lm1iwj _16lm1iw10 _16lm1iw11 _16lm1iw2 _16lm1iw19 _16lm1iw1a";
 var HeaderCellProxy = "_12zfob10";
-var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "_12zfob1c", variantClassNames: { dragging: { true: "_12zfob1d", false: "_12zfob1e" }, first: { true: "_12zfob1f", false: "_12zfob1g" }, last: { true: "_12zfob1h", false: "_12zfob1i" }, groupByField: { true: "_12zfob1j", false: "_12zfob1k" }, firstInCategory: { true: "_12zfob1l", false: "_12zfob1m" }, lastInCategory: { true: "_12zfob1n", false: "_12zfob1o" }, pinned: { start: "_12zfob1p", end: "_12zfob1q", false: "_12zfob1r" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "_12zfob1s"], [{ pinned: "end", firstInCategory: true }, "_12zfob1t"], [{ pinned: false, lastInCategory: true }, "_12zfob1u"]] });
-var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "_12zfob12 _16lm1iwy", variantClassNames: { pinned: { start: "_12zfob13", end: "_12zfob14", false: "_12zfob15" }, virtualized: { true: "_12zfob16", false: "_12zfob17" }, overflow: { true: "_12zfob18", false: "_12zfob19" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "_12zfob1a"], [{ overflow: true, pinned: "end" }, "_12zfob1b"]] });
-var HeaderGroupCls = "_16lm1iwx _16lm1iwh";
-var HeaderGroup_Children = "_16lm1iwh _16lm1iwy _16lm1iw10 _16lm1iwa";
-var HeaderGroup_Header = "_12zfob1x _16lm1iwh _16lm1iwy _16lm1iwz";
+var HeaderCellRecipe = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "_12zfob1c", variantClassNames: { dragging: { true: "_12zfob1d", false: "_12zfob1e" }, first: { true: "_12zfob1f", false: "_12zfob1g" }, last: { true: "_12zfob1h", false: "_12zfob1i" }, groupByField: { true: "_12zfob1j", false: "_12zfob1k" }, firstInCategory: { true: "_12zfob1l", false: "_12zfob1m" }, lastInCategory: { true: "_12zfob1n", false: "_12zfob1o" }, pinned: { start: "_12zfob1p", end: "_12zfob1q", false: "_12zfob1r" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "_12zfob1s"], [{ pinned: "end", firstInCategory: true }, "_12zfob1t"], [{ pinned: false, lastInCategory: true }, "_12zfob1u"]] });
+var HeaderClsRecipe = (0, import_createRuntimeFn2.createRuntimeFn)({ defaultClassName: "_12zfob12 _16lm1iw10", variantClassNames: { pinned: { start: "_12zfob13", end: "_12zfob14", false: "_12zfob15" }, virtualized: { true: "_12zfob16", false: "_12zfob17" }, overflow: { true: "_12zfob18", false: "_12zfob19" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "_12zfob1a"], [{ overflow: true, pinned: "end" }, "_12zfob1b"]] });
+var HeaderGroupCls = "_16lm1iwz _16lm1iwj";
+var HeaderGroup_Children = "_16lm1iwj _16lm1iw10 _16lm1iw12 _16lm1iwc";
+var HeaderGroup_Header = "_12zfob1x _16lm1iwj _16lm1iw10 _16lm1iw11";
 var HeaderSortIconCls = "_12zfob11 _16lm1iw1";
-var HeaderWrapperCls = "_12zfob1v _16lm1iw14 _16lm1iw1 _16lm1iwh _16lm1iwy";
+var HeaderWrapperCls = "_12zfob1v _16lm1iw16 _16lm1iw1 _16lm1iwj _16lm1iw10";
 
 // src/components/InfiniteTable/components/InfiniteTableHeader/InfiniteTableHeader.tsx
 import {
@@ -3724,9 +3818,10 @@ var useInfiniteTableState = () => {
 };
 
 // src/components/InfiniteTable/components/cell.css.ts
-var CellCls2 = "_1eexc2a5 _16lm1iwh _16lm1iwy _16lm1iwz _16lm1iw2 _16lm1iw17 _16lm1iw18";
+var import_createRuntimeFn3 = __toModule(require_vanilla_extract_recipes_createRuntimeFn_cjs());
+var CellCls2 = "_1eexc2a5 _16lm1iwj _16lm1iw10 _16lm1iw11 _16lm1iw2 _16lm1iw19 _16lm1iw1a";
 var CellClsVariants = { shifting: "_1eexc2a3", dragging: "_1eexc2a4" };
-var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "_16lm1iw2 _16lm1iwm _16lm1iw7 _16lm1iwp", variantClassNames: { dragging: { false: "_1eexc2a7" }, first: { true: "_1eexc2a8", false: "_1eexc2a9" }, last: { true: "_1eexc2aa", false: "_1eexc2ab" }, groupByField: { true: "_1eexc2ac", false: "_1eexc2ad" }, firstInCategory: { true: "_1eexc2ae", false: "_1eexc2af" }, lastInCategory: { true: "_1eexc2ag", false: "_1eexc2ah" }, pinned: { start: "_1eexc2ai", end: "_1eexc2aj", false: "_1eexc2ak" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "_1eexc2al"], [{ pinned: "end", firstInCategory: true }, "_1eexc2am"]] });
+var ColumnCellRecipe = (0, import_createRuntimeFn3.createRuntimeFn)({ defaultClassName: "_16lm1iw2 _16lm1iwo _16lm1iw7 _16lm1iwr", variantClassNames: { dragging: { false: "_1eexc2a7" }, first: { true: "_1eexc2a8", false: "_1eexc2a9" }, last: { true: "_1eexc2aa", false: "_1eexc2ab" }, groupByField: { true: "_1eexc2ac", false: "_1eexc2ad" }, firstInCategory: { true: "_1eexc2ae", false: "_1eexc2af" }, lastInCategory: { true: "_1eexc2ag", false: "_1eexc2ah" }, pinned: { start: "_1eexc2ai", end: "_1eexc2aj", false: "_1eexc2ak" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "_1eexc2al"], [{ pinned: "end", firstInCategory: true }, "_1eexc2am"]] });
 var columnAlignCellStyle = { center: "_1eexc2a0", start: "_1eexc2a1", end: "_1eexc2a2" };
 
 // src/components/InfiniteTable/components/InfiniteTableRow/InfiniteTableCell.tsx
@@ -4149,7 +4244,29 @@ import {
   createElement as createElement14,
   memo as memo5
 } from "react";
-import { useMemo as useMemo7, useEffect as useEffect11 } from "react";
+import { useEffect as useEffect11 } from "react";
+
+// src/components/RawList/AvoidReactDiff.tsx
+import {
+  Fragment as Fragment3,
+  createElement as createElement12,
+  memo as memo4
+} from "react";
+import { useLayoutEffect as useLayoutEffect4, useState as useState7 } from "react";
+function AvoidReactDiffFn(props) {
+  const [children, setChildren] = useState7(props.updater.get());
+  useLayoutEffect4(() => {
+    const remove = props.updater.onChange((children2) => {
+      setChildren(children2);
+    });
+    return remove;
+  }, [props.updater]);
+  return /* @__PURE__ */ createElement12(Fragment3, null, children);
+}
+var AvoidReactDiff = memo4(AvoidReactDiffFn);
+
+// src/components/RawList/useVirtualRenderer.ts
+import { useMemo as useMemo7 } from "react";
 
 // src/components/RawList/ReactVirtualRenderer.tsx
 import {
@@ -4249,6 +4366,9 @@ var MappedItems = class extends Logger {
     this.itemIndexToElementIndex = {};
     this.renderedElements = {};
   }
+  reset() {
+    this.init();
+  }
   destroy() {
     this.init();
   }
@@ -4268,25 +4388,6 @@ var MappedItems = class extends Logger {
   }
 };
 
-// src/components/RawList/AvoidReactDiff.tsx
-import {
-  Fragment as Fragment3,
-  createElement as createElement12,
-  memo as memo4
-} from "react";
-import { useLayoutEffect as useLayoutEffect4, useState as useState7 } from "react";
-function AvoidReactDiffFn(props) {
-  const [children, setChildren] = useState7(props.updater.get());
-  useLayoutEffect4(() => {
-    const remove = props.updater.onChange((children2) => {
-      setChildren(children2);
-    });
-    return remove;
-  }, [props.updater]);
-  return /* @__PURE__ */ createElement12(Fragment3, null, children);
-}
-var AvoidReactDiff = memo4(AvoidReactDiffFn);
-
 // src/components/RawList/ReactVirtualRenderer.tsx
 var ITEM_POSITION_WITH_TRANSFORM = true;
 var ReactVirtualRenderer = class extends Logger {
@@ -4393,17 +4494,12 @@ var ReactVirtualRenderer = class extends Logger {
       }
     };
     this.destroy = () => {
-      if (true) {
-        return;
-      }
       this.destroyed = true;
-      this.mappedItems.destroy();
-      this.itemDOMElements = [];
-      this.itemDOMRefs = [];
-      this.updaters = [];
+      this.reset();
       this.onRender = null;
       this.renderItem = null;
       this.brain = null;
+      this.mappedItems = null;
     };
     if (onRender) {
       this.onRender = onRender;
@@ -4461,18 +4557,43 @@ var ReactVirtualRenderer = class extends Logger {
     itemUpdater(renderedNode);
     this.updateElementPosition(elementIndex);
   }
+  reset() {
+    this.itemDOMElements = {};
+    this.itemDOMRefs = {};
+    this.updaters = {};
+    this.items = [];
+    this.mappedItems.reset();
+  }
 };
 
+// src/components/RawList/useVirtualRenderer.ts
+function createRenderer(brain) {
+  const renderer = new ReactVirtualRenderer(brain, {});
+  const onRenderUpdater = buildSubscriptionCallback();
+  brain.onDestroy(() => {
+    renderer.destroy();
+    onRenderUpdater.destroy();
+  });
+  return {
+    renderer,
+    onRenderUpdater
+  };
+}
+function useVirtualRenderer({
+  brain
+}) {
+  return useMemo7(() => {
+    return createRenderer(brain);
+  }, [brain]);
+}
+
 // src/components/RawList/index.tsx
 function RawListFn(props) {
   const { renderItem, brain, debugChannel } = props;
-  const { onRenderUpdater, renderer } = useMemo7(() => {
-    const onRenderUpdater2 = buildSubscriptionCallback();
-    const renderer2 = new ReactVirtualRenderer(brain, {
-      channel: debugChannel
-    });
-    return { onRenderUpdater: onRenderUpdater2, renderer: renderer2 };
-  }, []);
+  const { onRenderUpdater, renderer } = useVirtualRenderer({
+    brain,
+    debugChannel
+  });
   const getRenderItem = useLatest(renderItem);
   useEffect11(() => {
     const renderRange = brain.getRenderRange();
@@ -4481,7 +4602,7 @@ function RawListFn(props) {
       force: true,
       onRender: onRenderUpdater
     });
-  }, [renderItem, onRenderUpdater]);
+  }, [brain, renderItem, onRenderUpdater]);
   useEffect11(() => {
     const remove = brain.onRenderRangeChange((renderRange) => {
       renderer.renderRange(renderRange, {
@@ -4492,12 +4613,6 @@ function RawListFn(props) {
     });
     return remove;
   }, [brain, onRenderUpdater]);
-  useEffect11(() => {
-    return () => {
-      renderer.destroy();
-      onRenderUpdater.destroy();
-    };
-  }, [renderer, onRenderUpdater]);
   return /* @__PURE__ */ createElement14(AvoidReactDiff, {
     updater: onRenderUpdater
   });
@@ -5117,7 +5232,7 @@ var VirtualList = (props) => {
     brain: virtualBrain,
     renderItem,
     repaintId,
-    debugChannel: "VirtualList"
+    debugChannel: "VirtualList-" + mainAxis
   })), children, /* @__PURE__ */ createElement22(SpacePlaceholder, {
     count,
     width,
@@ -5345,7 +5460,7 @@ function useRowDOMProps(props, rowProps, rowStyle, rowClassName, groupRenderStra
     const rows = parentNode.querySelectorAll(hoverSelector.join(","));
     rows.forEach((row) => row.classList.remove(InfiniteTableRowClassName__hover, RowHoverCls));
   }, [initialMouseLeave, showHoverRows]);
-  if (rowInfo.isGroupRow && groupRenderStrategy === "single-column") {
+  if (rowInfo.isGroupRow) {
     style = style || {};
     style[stripVar(ThemeVars.components.Row.groupNesting)] = rowInfo.groupNesting - 1;
   }
@@ -5563,13 +5678,14 @@ function useUnpinnedRendering(params) {
 import { useCallback as useCallback13, useEffect as useEffect16, useRef as useRef13 } from "react";
 
 // src/components/InfiniteTable/InfiniteCls.css.ts
+var import_createRuntimeFn4 = __toModule(require_vanilla_extract_recipes_createRuntimeFn_cjs());
 var FooterCls = "_16lm1iw1";
-var InfiniteCls = "_1yeub2v0 _16lm1iw1 _16lm1iwh _16lm1iwx _16lm1iw0";
-var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "", variantClassNames: { focused: { true: "_1yeub2v2", false: "_1yeub2v3" }, focusedWithin: { true: "_1yeub2v4", false: "_1yeub2v5" }, hasPinnedStart: { true: "_1yeub2v6", false: "_1yeub2v7" }, hasPinnedEnd: { true: "_1yeub2v8", false: "_1yeub2v9" }, hasPinnedStartOverflow: { true: "_1yeub2va", false: "_1yeub2vb" }, hasPinnedEndOverflow: { true: "_1yeub2vc", false: "_1yeub2vd" } }, defaultVariants: {}, compoundVariants: [] });
+var InfiniteCls = "_1yeub2v0 _16lm1iw1 _16lm1iwj _16lm1iwz _16lm1iw0";
+var InfiniteClsRecipe = (0, import_createRuntimeFn4.createRuntimeFn)({ defaultClassName: "", variantClassNames: { focused: { true: "_1yeub2v2", false: "_1yeub2v3" }, focusedWithin: { true: "_1yeub2v4", false: "_1yeub2v5" }, hasPinnedStart: { true: "_1yeub2v6", false: "_1yeub2v7" }, hasPinnedEnd: { true: "_1yeub2v8", false: "_1yeub2v9" }, hasPinnedStartOverflow: { true: "_1yeub2va", false: "_1yeub2vb" }, hasPinnedEndOverflow: { true: "_1yeub2vc", false: "_1yeub2vd" } }, defaultVariants: {}, compoundVariants: [] });
 var InfiniteClsScrolling = "_1yeub2v1";
-var InfiniteClsShiftingColumns = "_16lm1iwk";
+var InfiniteClsShiftingColumns = "_16lm1iwm";
 var PinnedRowsClsVariants = { pinnedStart: "_1yeub2ve", pinnedEnd: "_1yeub2vf", overflow: "_1yeub2vg" };
-var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "", variantClassNames: { pinned: { start: "_1yeub2vh", end: "_1yeub2vi", false: "_1yeub2vj" } }, defaultVariants: {}, compoundVariants: [] });
+var PinnedRowsContainerClsVariants = (0, import_createRuntimeFn4.createRuntimeFn)({ defaultClassName: "", variantClassNames: { pinned: { start: "_1yeub2vh", end: "_1yeub2vi", false: "_1yeub2vj" } }, defaultVariants: {}, compoundVariants: [] });
 
 // src/components/InfiniteTable/hooks/useOnContainerScroll.ts
 var DELAY = 200;
@@ -5693,7 +5809,7 @@ var rootClassName10 = InfiniteListRootClassName;
 var defaultClasses = [
   willChange.transform,
   position.relative,
-  transformTranslateZero
+  transform.translateZero
 ];
 var RowListWithExternalScrolling = (props) => {
   const {
@@ -5955,11 +6071,13 @@ var VirtualBrain = class extends Logger {
     super(`VirtualBrain:${options.mainAxis}`);
     this.scrollPosition = initialScrollPosition2;
     this.scrollPositionOnMainAxis = 0;
+    this.destroyed = false;
     this.totalSize = 0;
     this.onScrollFns = [];
     this.onTotalSizeChangeFns = [];
     this.onRenderCountChangeFns = [];
     this.onRenderRangeChangeFns = [];
+    this.onDestroyFns = [];
     this.renderCount = 0;
     this.renderRange = {
       renderStartIndex: -1,
@@ -6056,6 +6174,12 @@ var VirtualBrain = class extends Logger {
         this.onRenderRangeChangeFns = this.onRenderRangeChangeFns.filter((f) => f !== fn);
       };
     };
+    this.onDestroy = (fn) => {
+      this.onDestroyFns.push(fn);
+      return () => {
+        this.onDestroyFns = this.onDestroyFns.filter((f) => f !== fn);
+      };
+    };
     this.update = (newCount, newItemSize, newItemSpan) => {
       const { itemSize, count, itemSpan } = this.options;
       const countChange = count !== newCount;
@@ -6252,7 +6376,13 @@ var VirtualBrain = class extends Logger {
       return result;
     };
     this.destroy = () => {
+      if (this.destroyed) {
+        return;
+      }
+      this.notifyDestroy();
       this.reset();
+      this.destroyed = true;
+      this.onDestroyFns = [];
       this.onScrollFns = [];
       this.onTotalSizeChangeFns = [];
       this.onRenderCountChangeFns = [];
@@ -6288,6 +6418,12 @@ var VirtualBrain = class extends Logger {
       fns[i](scrollPosition);
     }
   }
+  notifyDestroy() {
+    const fns = this.onDestroyFns;
+    for (let i = 0, len = fns.length; i < len; i++) {
+      fns[i]();
+    }
+  }
   notifyTotalSizeChange() {
     const totalSize = this.getTotalSize();
     const fns = this.onTotalSizeChangeFns;
@@ -6398,9 +6534,14 @@ function useYourBrain(param) {
     });
     return brain;
   });
+  useEffect19(() => {
+    return () => {
+      horizontalVirtualBrain.destroy();
+      verticalVirtualBrain.destroy();
+    };
+  }, []);
   horizontalVirtualBrain.update(computedUnpinnedColumns.length, columnSize);
   verticalVirtualBrain.update(dataArray.length, rowHeight, rowSpan);
-  globalThis.verticalVirtualBrain = verticalVirtualBrain;
   useEffect19(() => {
     verticalVirtualBrain.setAvailableSize({
       height: bodySize.height,
@@ -6836,7 +6977,7 @@ var useLicense = (licenseKey) => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "0.0.3"
+      version: "0.0.7"
     });
     if (!licenseKey && !valid2 && isInsideSandbox) {
       return true;
@@ -6992,8 +7133,8 @@ import {
 } from "react";
 
 // src/components/InfiniteTable/components/LoadMask.css.ts
-var LoadMaskCls = { visible: "qy58ya1 qy58ya0 _16lm1iw2 _16lm1iwp _16lm1iwr _16lm1iwv _16lm1iwt", hidden: "qy58ya2 qy58ya0 _16lm1iw2 _16lm1iwp _16lm1iwr _16lm1iwv _16lm1iwt" };
-var LoadMaskOverlayCls = "qy58ya3 _16lm1iw2 _16lm1iwp _16lm1iwr _16lm1iwv _16lm1iwt";
+var LoadMaskCls = { visible: "qy58ya1 qy58ya0 _16lm1iw2 _16lm1iwr _16lm1iwt _16lm1iwx _16lm1iwv", hidden: "qy58ya2 qy58ya0 _16lm1iw2 _16lm1iwr _16lm1iwt _16lm1iwx _16lm1iwv" };
+var LoadMaskOverlayCls = "qy58ya3 _16lm1iw2 _16lm1iwr _16lm1iwt _16lm1iwx _16lm1iwv";
 var LoadMaskTextCls = "qy58ya4";
 
 // src/components/InfiniteTable/components/LoadMask.tsx