@infinite-table/infinite-react 3.0.16 → 3.1.1

package/index.dev.mjs

@@ -7497,7 +7497,7 @@ function getColumnValueToEdit(options) {
 }
 function getColumnRenderingParams(options) {
   var _a, _b;
-  const { column, context, rowInfo } = options;
+  const { column, context, rowInfo, visibleColumnsIds } = options;
   const groupByColumnReference = getGroupByColumnReference({
     rowInfo,
     column,
@@ -7517,10 +7517,16 @@ function getColumnRenderingParams(options) {
   });
   const stylingParam = __spreadProps(__spreadValues({
     column: options.column,
-    inEdit
+    inEdit,
+    rowHasSelectedCells: false
   }, formattedValueContext), {
     editError: editingCell && editingCell.primaryKey === rowInfo.id && editingCell.columnId === column.id && !editingCell.active && editingCell.accepted instanceof Error ? editingCell.accepted : void 0
   });
+  Object.defineProperty(stylingParam, "rowHasSelectedCells", {
+    get() {
+      return rowInfo.hasSelectedCells(visibleColumnsIds);
+    }
+  });
   const align2 = typeof column.align === "function" ? column.align(__spreadValues({ isHeader: false }, stylingParam)) : (_a = column.align) != null ? _a : "start";
   const verticalAlign = typeof column.verticalAlign === "function" ? column.verticalAlign(__spreadValues({ isHeader: false }, stylingParam)) : (_b = column.verticalAlign) != null ? _b : "center";
   return {
@@ -7550,6 +7556,7 @@ function getColumnRenderParam(options) {
     rowInfo,
     align: align2,
     verticalAlign,
+    visibleColumnsIds,
     columnsMap,
     fieldsToColumn,
     formattedValueContext
@@ -7574,7 +7581,8 @@ function getColumnRenderParam(options) {
     fieldsToColumn,
     align: align2,
     verticalAlign,
-    cellSelected
+    cellSelected,
+    rowHasSelectedCells: false
   }, formattedValueContext), {
     editError: editingCell && editingCell.primaryKey === rowInfo.id && editingCell.columnId === column.id && !editingCell.active && editingCell.accepted instanceof Error ? editingCell.accepted : void 0,
     groupByColumn,
@@ -7639,6 +7647,11 @@ function getColumnRenderParam(options) {
     rootGroupBy: dataSourceState.groupBy,
     pivotBy: dataSourceState.pivotBy
   });
+  Object.defineProperty(renderParam, "rowHasSelectedCells", {
+    get() {
+      return rowInfo.hasSelectedCells(visibleColumnsIds);
+    }
+  });
   return renderParam;
 }
 function getRawValueForCell(column, rowInfo) {
@@ -7914,10 +7927,12 @@ function InfiniteTableColumnCellFn(props) {
     api: imperativeApi,
     dataSourceApi
   };
+  const visibleColumnsIds = computed.computedVisibleColumns.map((x) => x.id);
   const colRenderingParams = getColumnRenderingParams({
     column,
     rowInfo,
     columnsMap,
+    visibleColumnsIds,
     fieldsToColumn,
     context: renderingContext
   });
@@ -8081,8 +8096,19 @@ function InfiniteTableColumnCellFn(props) {
       renderBag: true
     })
   ]);
+  const visibleColumnIds = computed.computedVisibleColumns.map((x) => x.id);
+  const allColumnIds = computed.computedColumnOrder;
   const rowPropsAndStyleArgs = __spreadProps(__spreadValues({}, formattedValueContext), {
-    rowIndex
+    visibleColumnIds,
+    allColumnIds,
+    rowIndex,
+    // we put it as false by default
+    rowHasSelectedCells: false
+  });
+  Object.defineProperty(rowPropsAndStyleArgs, "rowHasSelectedCells", {
+    get() {
+      return rowInfo.hasSelectedCells(visibleColumnIds);
+    }
   });
   const rowComputedClassName = typeof rowClassName === "function" ? rowClassName(rowPropsAndStyleArgs) : rowClassName;
   let colClassName = void 0;
@@ -10288,6 +10314,7 @@ function getEnhancedGroupData(options, deepMapValue) {
     collapsed: false,
     dataSourceHasGrouping: true,
     isCellSelected: returnFalse,
+    hasSelectedCells: returnFalse,
     selfLoaded,
     error: options.error,
     parents,
@@ -10424,6 +10451,7 @@ function enhancedFlatten(param) {
                 id: itemId,
                 data: item,
                 isCellSelected: returnFalse,
+                hasSelectedCells: returnFalse,
                 dataSourceHasGrouping: true,
                 isGroupRow: false,
                 selfLoaded: !!item,
@@ -11718,6 +11746,7 @@ function getRowSelectionApi(param) {
 }
 
 // src/components/DataSource/CellSelectionState.ts
+var debug4 = dbg("CellSelectionState");
 var WILDCARD = "*";
 var CellSelectionState = class {
   constructor(clone) {
@@ -11760,7 +11789,7 @@ var CellSelectionState = class {
   setCellSelected(rowId, colId, selected) {
     const wildcardRow = rowId === this.wildcard;
     const wildcardColumn = colId === this.wildcard;
-    const isSelected = this.isCellSelected(rowId, colId);
+    const isSelected = this.isCellSelected_Internal(rowId, colId);
     if (isSelected === selected) {
       return;
     }
@@ -11938,7 +11967,54 @@ var CellSelectionState = class {
     }
     this.defaultSelection = stateObject.defaultSelection;
   }
+  /**
+   * Returns whether there is at least one selected cell in the row
+   *
+   * @param rowId the row id
+   * @param columnIds the columns currently available in the grid
+   * @returns boolean
+   */
+  isCellSelectionInRow(rowId, columnIds) {
+    if (this.defaultSelection) {
+      const cols2 = this.deselectedRowsToColumns.get(rowId);
+      if (cols2) {
+        if (cols2.has(this.wildcard)) {
+          const explicitlySelectedCols = this.selectedRowsToColumns.get(rowId);
+          return explicitlySelectedCols && explicitlySelectedCols.size > 0 ? columnIds.some((colId) => explicitlySelectedCols.has(colId)) : false;
+        }
+        return columnIds.some((colId) => !cols2.has(colId));
+      }
+      return true;
+    }
+    const cols = this.selectedRowsToColumns.get(rowId);
+    if (cols) {
+      if (cols.has(this.wildcard)) {
+        const explicitlyDeselectedCols = this.deselectedRowsToColumns.get(rowId);
+        if (explicitlyDeselectedCols && explicitlyDeselectedCols.size > 0) {
+          const allDeselected = columnIds.every(
+            (colId) => explicitlyDeselectedCols.has(colId)
+          );
+          return !allDeselected;
+        }
+        return true;
+      }
+      return columnIds ? columnIds.some((colId) => cols.has(colId)) : false;
+    }
+    return false;
+  }
   isCellSelected(rowId, colId) {
+    if (rowId === this.wildcard || colId === this.wildcard) {
+      console.error(
+        `CellSelectionState.isCellSelected should not be called with wildcard`
+      );
+      debug4(
+        `CellSelectionState.isCellSelected should not be called with wildcard`
+      );
+      return false;
+    }
+    return this.isCellSelected_Internal(rowId, colId);
+  }
+  isCellSelected_Internal(rowId, colId) {
     var _a, _b;
     const cacheKey = [rowId, colId];
     const { cache } = this;
@@ -12586,7 +12662,8 @@ function toRowInfo(data, id, index, isRowSelected, cellSelectionState) {
     isGroupRow: false,
     selfLoaded: true,
     rowSelected: false,
-    isCellSelected: returnFalse2
+    isCellSelected: returnFalse2,
+    hasSelectedCells: returnFalse2
   };
   if (isRowSelected) {
     rowInfo.rowSelected = isRowSelected(rowInfo);
@@ -12595,6 +12672,9 @@ function toRowInfo(data, id, index, isRowSelected, cellSelectionState) {
     rowInfo.isCellSelected = (colId) => {
       return cellSelectionState.isCellSelected(rowInfo.id, colId);
     };
+    rowInfo.hasSelectedCells = (columnIds) => {
+      return cellSelectionState.isCellSelectionInRow(rowInfo.id, columnIds);
+    };
   }
   return rowInfo;
 }
@@ -12725,6 +12805,7 @@ function concludeReducer(params) {
   const shouldGroup = groupBy.length > 0 || !!pivotBy;
   const selectionDepsChanged = haveDepsChanged(previousState, state, [
     "rowSelection",
+    "cellSelection",
     "isRowSelected",
     "originalLazyGroupDataChangeDetect"
   ]);
@@ -15860,13 +15941,13 @@ function useColumnRowspan(computedVisibleColumns) {
 
 // src/components/InfiniteTable/hooks/useColumnSizeFn.ts
 import { useCallback as useCallback20 } from "react";
-var debug4 = dbg("useColumnSizeFn");
+var debug5 = dbg("useColumnSizeFn");
 function useColumnSizeFn(columns) {
   const columnSize = useCallback20(
     (index) => {
       const column = columns[index];
       if (false) {
-        debug4("cannot find column at index", index, columns);
+        debug5("cannot find column at index", index, columns);
       }
       return column ? column.computedWidth : 0;
     },
@@ -17241,7 +17322,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.16"
+      version: "3.1.1"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -19127,6 +19208,7 @@ function renderSubmenuForItem(item, config) {
     setActiveItemKey,
     setKeyboardActiveItemKey,
     constrainTo,
+    onHideIntent,
     api
   } = config;
   const overlayId = `${parentMenuId}-submenu`;
@@ -19151,6 +19233,11 @@ function renderSubmenuForItem(item, config) {
         (_a = itemMenu == null ? void 0 : itemMenu.onShow) == null ? void 0 : _a.call(itemMenu, state, api2);
         setSubmenuApi(api2);
       },
+      onHideIntent: (state) => {
+        var _a;
+        (_a = itemMenu == null ? void 0 : itemMenu.onHideIntent) == null ? void 0 : _a.call(itemMenu, state);
+        onHideIntent(state);
+      },
       onHide: (state) => {
         if (state.focused) {
           setActiveItemKey(null);
@@ -19289,6 +19376,7 @@ function MenuComponent(props) {
         setActiveItemKey,
         setKeyboardActiveItemKey,
         parentMenuId: menuId,
+        onHideIntent: hideAll,
         api
       });
       if (alignTo) {
@@ -19311,11 +19399,19 @@ function MenuComponent(props) {
     if (item.originalMenuItem.onClick) {
       item.originalMenuItem.onClick(event);
     }
+    const onActionParam = {
+      key: item.key,
+      item: item.originalMenuItem,
+      hideMenu: hideAll
+    };
     if (item.originalMenuItem.onAction) {
-      item.originalMenuItem.onAction(item.key, item.originalMenuItem);
+      item.originalMenuItem.onAction(onActionParam);
     }
     if (onAction) {
-      onAction(item.key, item.originalMenuItem);
+      onAction(onActionParam);
+    }
+    if (item.originalMenuItem.hideMenuOnAction) {
+      hideAll();
     }
   };
   const {
@@ -19485,8 +19581,14 @@ function MenuComponent(props) {
     });
   }, []);
   const shouldSelectFirstItemOnFocus = useRef28(true);
+  const hideAll = useCallback25(() => {
+    var _a;
+    const state = getState();
+    (_a = state.onHideIntent) == null ? void 0 : _a.call(state, state);
+  }, [getState]);
   const [api] = useState20(() => {
     const result2 = {
+      hideMenu: hideAll,
       focus: () => {
         if (domRef.current) {
           domRef.current.focus();