@infinite-table/infinite-react 7.3.0 → 7.3.2-canary.0

package/index.dev.mjs

@@ -24,9 +24,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 
-// ../node_modules/binary-search/index.js
+// node_modules/binary-search/index.js
 var require_binary_search = __commonJS({
-  "../node_modules/binary-search/index.js"(exports, module) {
+  "node_modules/binary-search/index.js"(exports, module) {
     "use strict";
     module.exports = function(haystack, needle, comparator, low, high) {
       var mid, cmp;
@@ -1199,7 +1199,7 @@ var useCSSVariableWatch = (params) => {
   useResizeObserver(params.ref, onResize, { earlyAttach: true });
   React2.useLayoutEffect(() => {
     const value = params.ref.current.getBoundingClientRect().height;
-    if (value) {
+    if (value != null) {
       lastValueRef.current = value;
       debug2(`Variable ${params.varName} found and equals ${value}.`);
       return params.onChange(value);
@@ -5196,7 +5196,7 @@ var useRerender = () => {
   ];
 };
 
-// ../node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
+// node_modules/@vanilla-extract/recipes/dist/createRuntimeFn-62c9670f.esm.js
 function toPrimitive(t, r) {
   if ("object" != typeof t || !t) return t;
   var e = t[Symbol.toPrimitive];
@@ -7023,6 +7023,9 @@ var getComputedColumns = ({
     const field = c.field ?? colType.field;
     const valueGetter = c.valueGetter ?? colType.valueGetter;
     let computedGroupable = c.defaultGroupable ?? colType.defaultGroupable ?? columnDefaultGroupable ?? !!field;
+    if (!field) {
+      computedGroupable = false;
+    }
     if (c.groupByForColumn) {
       computedGroupable = false;
     }
@@ -9669,13 +9672,17 @@ var useColumnPointerEvents = ({
             col.computedVisibleIndex,
             rootRef.current
           );
+          setInfiniteColumnVisibility(
+            col.computedVisibleIndex,
+            "",
+            rootRef.current
+          );
           setInfiniteColumnOffsetWhileReordering(
             col.computedVisibleIndex,
             "",
             rootRef.current
           );
         });
-        setInfiniteColumnVisibility(dragColumnIndex, "", rootRef.current);
         setInfiniteColumnZIndex(
           dragColumnIndex,
           getColumnZIndex(dragColumn, {
@@ -12046,14 +12053,14 @@ var DragList = (props) => {
             return;
           }
           const dragItems = getDragItems();
-          const updatePosition2 = getUpdatePosition();
+          const updatePosition = getUpdatePosition();
           items.forEach((item, index) => {
             const offset = offsetsForItems[index];
             const node = dragItems[index];
             if (!node) {
               return;
             }
-            updatePosition2({
+            updatePosition({
               id: item.id,
               node,
               offset
@@ -12078,13 +12085,13 @@ var DragList = (props) => {
         const onAcceptDrop = getOnAcceptDrop();
         const onRemove = getOnRemove();
         const onDrop = getOnDrop();
-        const updatePosition2 = getUpdatePosition();
+        const updatePosition = getUpdatePosition();
         items.forEach((item, index) => {
           const node = dragItems[index];
           if (!node) {
             return;
           }
-          updatePosition2({
+          updatePosition({
             id: item.id,
             node,
             offset: null
@@ -12682,7 +12689,7 @@ var TableHeaderClassName = `${rootClassName9}Header`;
 var headerCls = HeaderClsRecipe({
   overflow: false
 });
-var updatePosition = (_options) => {
+var emptyFn3 = () => {
 };
 function InfiniteTableInternalHeaderFn(props) {
   const {
@@ -12798,15 +12805,13 @@ function InfiniteTableInternalHeaderFn(props) {
       headerBrain
     ]
   );
-  const onDrop = useCallback17((_sortedIndexes) => {
-  }, []);
   return /* @__PURE__ */ React49.createElement(
     DragList,
     {
       orientation: "horizontal",
       dragListId: "header",
-      onDrop,
-      updatePosition
+      onDrop: emptyFn3,
+      updatePosition: emptyFn3
     },
     (dragListDomProps) => {
       return /* @__PURE__ */ React49.createElement(
@@ -14594,7 +14599,7 @@ function enhancedFlatten(param) {
 import * as React56 from "react";
 
 // src/utils/groupAndPivot/treeUtils.ts
-var emptyFn3 = () => {
+var emptyFn4 = () => {
 };
 function toTreeDataArray(data, options) {
   const treeMap = new DeepMap();
@@ -14651,7 +14656,7 @@ function traverseTreeNode(traverseParams, treeTraverseOptions, parentPath, item)
   });
   if (isLeaf) {
     onLeafNode?.(item);
-    onNode?.(item, emptyFn3);
+    onNode?.(item, emptyFn4);
   } else {
     onParentNode?.(item, next, getNodeChildren(item));
     onNode?.(item, next);
@@ -17023,7 +17028,7 @@ var TreeSelectionState = class _TreeSelectionState {
     this.defaultSelection = false;
     this.selectionMap = new DeepMap();
     this.cache = new DeepMap();
-    this.correctnessChecks = false;
+    this.strictMode = false;
     const isTreeSelectionStateInstance = state instanceof Object.getPrototypeOf(this).constructor;
     const stateObject = isTreeSelectionStateInstance ? (
       //@ts-ignore
@@ -17034,9 +17039,11 @@ var TreeSelectionState = class _TreeSelectionState {
         treePaths: new DeepMap()
       })
     );
-    this.disableCorrectnessChecks();
+    this.disableStrictMode();
     this.update(stateObject);
-    this.enableCorrectnessChecks();
+    if (this.config.strictCheckPaths) {
+      this.enableStrictMode();
+    }
   }
   getTreePaths(treePaths) {
     if (treePaths) {
@@ -17118,7 +17125,8 @@ var TreeSelectionState = class _TreeSelectionState {
   setConfig(getConfig) {
     const config = typeof getConfig === "function" ? getConfig() : getConfig;
     this.config = {
-      treePaths: Array.isArray(config.treePaths) ? new DeepMap(config.treePaths.map((path) => [path, true])) : config.treePaths
+      treePaths: Array.isArray(config.treePaths) ? new DeepMap(config.treePaths.map((path) => [path, true])) : config.treePaths,
+      strictCheckPaths: config.strictCheckPaths ?? true
     };
     this.xcache();
   }
@@ -17175,14 +17183,14 @@ var TreeSelectionState = class _TreeSelectionState {
       selectedPaths: []
     });
   }
-  enableCorrectnessChecks() {
-    this.correctnessChecks = true;
+  enableStrictMode() {
+    this.strictMode = true;
   }
-  disableCorrectnessChecks() {
-    this.correctnessChecks = false;
+  disableStrictMode() {
+    this.strictMode = false;
   }
   isPathAvailable(nodePath) {
-    if (!this.correctnessChecks) {
+    if (!this.strictMode) {
       return true;
     }
     const { treePaths } = this.config;
@@ -17220,7 +17228,7 @@ var TreeSelectionState = class _TreeSelectionState {
     let childPaths = selectionMap.getKeysOfFirstChildOnEachBranchStartingWith(nodePath, {
       excludeSelf: true
     }).sort(shortestToLongest);
-    if (this.correctnessChecks) {
+    if (this.strictMode) {
       childPaths = childPaths.filter((path) => this.isPathAvailable(path));
     }
     if (!childPaths.length) {
@@ -25774,7 +25782,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "7.3.0"
+      version: "7.3.2-canary.0"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -26927,8 +26935,6 @@ function injectPortalContainerAndConstrainInMenuChild(children, portalContainer,
   }
   return children;
 }
-globalThis.allhandles = {};
-globalThis.thehandles = {};
 function useOverlay(params) {
   const rootParams = params;
   const [handles] = useState20(() => /* @__PURE__ */ new Map());