@infinite-table/infinite-react 3.0.16 → 3.1.1

package/README.md

@@ -84,7 +84,7 @@ It's fully typed and offers you great developer experience to help you get up an
 
 ## 🏢 Enterprise-ready
 
-Infinite Table is ready to power your enterprise apps, as it supports advanced [data fetching](https://infinite-table.com/docs/learn/working-with-data#data-loading-strategies), [filtering](https://infinite-table.com/docs/learn/filtering), [sorting](https://infinite-table.com/docs/learn/sorting/overview), [grouping](https://infinite-table.com/docs/learn/grouping-and-pivoting/grouping-rows), [pivoting](https://infinite-table.com/docs/learn/grouping-and-pivoting/pivoting/overview), [aggregations](https://infinite-table.com/docs/learn/grouping-and-pivoting/group-aggregations), [https://infinite-table.com/docs/learn/selection/row-selection](row & cell selection), [live pagination](https://infinite-table.com/docs/learn/working-with-data/live-pagination), [lazy loading](https://infinite-table.com/docs/learn/working-with-data/lazy-loading) - all of those with support for both client-side and server-side implementations.
+Infinite Table is ready to power your enterprise apps, as it supports advanced [data fetching](https://infinite-table.com/docs/learn/working-with-data#data-loading-strategies), [filtering](https://infinite-table.com/docs/learn/filtering), [sorting](https://infinite-table.com/docs/learn/sorting/overview), [grouping](https://infinite-table.com/docs/learn/grouping-and-pivoting/grouping-rows), [pivoting](https://infinite-table.com/docs/learn/grouping-and-pivoting/pivoting/overview), [aggregations](https://infinite-table.com/docs/learn/grouping-and-pivoting/group-aggregations), [row & cell selection](https://infinite-table.com/docs/learn/selection/row-selection), [live pagination](https://infinite-table.com/docs/learn/working-with-data/live-pagination), [lazy loading](https://infinite-table.com/docs/learn/working-with-data/lazy-loading) - all of those with support for both client-side and server-side implementations.
 
 You can choose to leverage our built-in implementations in the browser or you can process your data on the server with full support from our-side.
 

package/index.d.ts

@@ -301,6 +301,7 @@ declare type InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE = InfiniteTa
     toggleGroupRow: InfiniteTableToggleGroupRowFn;
     toggleCurrentGroupRowSelection: () => void;
     toggleCurrentRowSelection: () => void;
+    rowHasSelectedCells: boolean;
     cellSelected: boolean;
     selectCurrentRow: () => void;
     selectRow: InfiniteTableSelectRowFn;
@@ -345,16 +346,17 @@ declare type InfiniteTableColumnVerticalAlignValues = 'start' | 'center' | 'end'
 declare type InfiniteTableColumnHeader<T> = Renderable | InfiniteTableColumnHeaderRenderFunction<T>;
 declare type InfiniteTableDataTypeNames = 'string' | 'number' | 'date' | string;
 declare type InfiniteTableColumnTypeNames = 'string' | 'number' | 'date' | string;
-declare type InfiniteTableColumnStyleFnParams<T> = {
+declare type InfiniteTableColumnStylingFnParams<T> = {
     value: Renderable;
     column: InfiniteTableComputedColumn<T>;
     inEdit: boolean;
+    rowHasSelectedCells: boolean;
     editError: InfiniteTableColumnRenderParamBase<T>['editError'];
 } & InfiniteTableRowInfoDataDiscriminator<T>;
-declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | React__default.CSSProperties;
+declare type InfiniteTableColumnStyleFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | React__default.CSSProperties;
 declare type InfiniteTableColumnHeaderClassNameFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | string;
 declare type InfiniteTableColumnHeaderStyleFn<T> = (params: InfiniteTableColumnHeaderParam<T>) => undefined | React__default.CSSProperties;
-declare type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStyleFnParams<T>) => undefined | string;
+declare type InfiniteTableColumnClassNameFn<T> = (params: InfiniteTableColumnStylingFnParams<T>) => undefined | string;
 declare type InfiniteTableColumnStyle<T> = CSSProperties | InfiniteTableColumnStyleFn<T>;
 declare type InfiniteTableColumnAlign<T> = InfiniteTableColumnAlignValues | InfiniteTableColumnAlignFn<T>;
 declare type InfiniteTableColumnVerticalAlign<T> = InfiniteTableColumnVerticalAlignValues | InfiniteTableColumnVerticalAlignFn<T>;
@@ -362,7 +364,7 @@ declare type InfiniteTableColumnAlignFn<T> = (params: InfiniteTableColumnAlignFn
 declare type InfiniteTableColumnAlignFnParams<T> = XOR<{
     isHeader: true;
     column: InfiniteTableComputedColumn<T>;
-}, InfiniteTableColumnStyleFnParams<T> & {
+}, InfiniteTableColumnStylingFnParams<T> & {
     isHeader: false;
 }>;
 declare type InfiniteTableColumnVerticalAlignFn<T> = (params: InfiniteTableColumnAlignFnParams<T>) => InfiniteTableColumnVerticalAlignValues;
@@ -819,7 +821,16 @@ declare class CellSelectionState {
     private setCellInDeselection;
     private setCellInSelection;
     update(stateObject: CellSelectionStateObject): void;
+    /**
+     * 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: any, columnIds: string[]): boolean;
     isCellSelected(rowId: any, colId: string): boolean;
+    private isCellSelected_Internal;
     getState(): CellSelectionStateObject;
 }
 
@@ -2027,6 +2038,7 @@ declare type InfiniteTable_RowInfoBase<_T> = {
     indexInAll: number;
     rowSelected: boolean | null;
     isCellSelected: (columnId: string) => boolean;
+    hasSelectedCells: (columnIds: string[]) => boolean;
 };
 declare type InfiniteTable_HasGrouping_RowInfoNormal<T> = {
     dataSourceHasGrouping: true;
@@ -2360,6 +2372,10 @@ interface MenuState extends MenuMappedState, MenuDerivedState, MenuSetupState {
 }
 declare type MenuApi = {
     focus: VoidFunction;
+    /**
+     * hides this and all parent menus
+     */
+    hideMenu: VoidFunction;
     getMenuId: () => string;
     getParentMenuId: () => string | undefined;
 };
@@ -2403,7 +2419,7 @@ declare type MenuProps = {
     onHideIntent?: (state: MenuState) => void;
     bubbleActionsFromSubmenus?: boolean;
     addSubmenuColumnIfNeeded?: boolean;
-    onAction?: (key: string, item: MenuItemObject) => void;
+    onAction?: (param: MenuItemActionContext) => void;
     parentMenuId?: string;
     parentMenuItemKey?: string;
     autoFocus?: boolean;
@@ -2413,6 +2429,11 @@ declare type MenuItemDefinition = MenuItemObject | MenuDecoration | MenuSeparato
 declare type MenuItemSubMenu = Omit<MenuProps, 'children' | 'items'> & {
     items: (MenuItemObject | MenuSeparator)[];
 };
+declare type MenuItemActionContext = {
+    hideMenu: () => void;
+    key: string;
+    item: MenuItemObject;
+};
 declare type MenuItemObject = {
     key: string;
     label: NonUndefined<MenuRenderable>;
@@ -2423,7 +2444,8 @@ declare type MenuItemObject = {
     style?: CSSProperties;
     className?: string;
     onClick?: (event: React.MouseEvent) => void;
-    onAction?: (key: string, item: MenuItemObject) => void;
+    onAction?: (params: MenuItemActionContext) => void;
+    hideMenuOnAction?: boolean;
     [k: string]: any;
 };
 declare type MenuDecoration = MenuRenderable;
@@ -2451,11 +2473,14 @@ declare type InfiniteTablePropColumnOrder = InfiniteTablePropColumnOrderNormaliz
 declare type InfiniteTablePropColumnVisibility = Record<string, false>;
 declare type InfiniteTableColumnPinnedValues = false | 'start' | 'end';
 declare type InfiniteTablePropColumnPinning = Record<string, true | 'start' | 'end'>;
-declare type InfiniteTableRowStyleFnParams<T> = {
+declare type InfiniteTableRowStylingFnParams<T> = {
     rowIndex: number;
+    rowHasSelectedCells: boolean;
+    visibleColumnIds: string[];
+    allColumnIds: string[];
 } & InfiniteTableRowInfoDataDiscriminator<T>;
-declare type InfiniteTableRowStyleFn<T> = (params: InfiniteTableRowStyleFnParams<T>) => undefined | React$1.CSSProperties;
-declare type InfiniteTableRowClassNameFn<T> = (params: InfiniteTableRowStyleFnParams<T>) => string | undefined;
+declare type InfiniteTableRowStyleFn<T> = (params: InfiniteTableRowStylingFnParams<T>) => undefined | React$1.CSSProperties;
+declare type InfiniteTableRowClassNameFn<T> = (params: InfiniteTableRowStylingFnParams<T>) => string | undefined;
 declare type InfiniteTableCellClassNameFn<T> = InfiniteTableColumn<T>['className'];
 declare type InfiniteTablePropRowStyle<T> = React$1.CSSProperties | InfiniteTableRowStyleFn<T>;
 declare type InfiniteTablePropCellStyle<T> = InfiniteTableColumn<T>['style'];
@@ -2873,7 +2898,7 @@ interface InfiniteTableProps<T> {
         api: InfiniteTableApi<T>;
         dataSourceApi: DataSourceApi<T>;
     }) => void;
-    rowProps?: React$1.HTMLProps<HTMLDivElement> | ((rowArgs: InfiniteTableRowStyleFnParams<T>) => React$1.HTMLProps<HTMLDivElement>);
+    rowProps?: React$1.HTMLProps<HTMLDivElement> | ((rowArgs: InfiniteTableRowStylingFnParams<T>) => React$1.HTMLProps<HTMLDivElement>);
     licenseKey?: string;
     scrollTopKey?: string | number;
     autoSizeColumnsKey?: InfiniteTablePropAutoSizeColumnsKey;
@@ -3034,4 +3059,4 @@ declare const components: {
     NumberFilterEditor: typeof NumberFilterEditor;
 };
 
-export { AdvancedAlignable, CellSelectionState, ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowSelectionState, Scrollbars, ShowOverlayFn, components, debounce, debug, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useOverlay, useOverlayPortal, useRowInfoReducers };
+export { AdvancedAlignable, CellSelectionState, ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceApi, DataSourceCRUDParam, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceInsertParam, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropCellSelection, DataSourcePropCellSelection_MultiCell, DataSourcePropCellSelection_SingleCell, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropIsRowSelected, DataSourcePropLivePaginationCursor, DataSourcePropMultiRowSelectionChangeParamType, DataSourcePropOnCellSelectionChange, DataSourcePropOnCellSelectionChange_MultiCell, DataSourcePropOnCellSelectionChange_SingleCell, DataSourcePropOnRowSelectionChange, DataSourcePropOnRowSelectionChange_MultiRow, DataSourcePropOnRowSelectionChange_SingleRow, DataSourcePropPivotBy, DataSourcePropRowInfoReducers, DataSourcePropRowSelection, DataSourcePropRowSelection_MultiRow, DataSourcePropRowSelection_SingleRow, DataSourcePropSelectionMode, DataSourcePropSortFn, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceRawReducer, DataSourceRemoteData, DataSourceRowInfoReducer, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, DebugLogger, DeepMap, ElementContainerGetter, GroupRowsState, InfiniteColumnEditorContextType, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableApi, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnApi, InfiniteTableColumnCellContextType, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderFunctionForGroupRows, InfiniteTableColumnRenderFunctionForNormalRows, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableColumnValueFormatterParams, InfiniteTableColumnValueGetterParams, InfiniteTableColumnsMap, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropComponents, InfiniteTablePropGetCellContextMenuItems, InfiniteTablePropGetColumnMenuItems, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropMultiSortBehavior, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, Menu, MenuChildrenFnParam, MenuColumn, MenuColumnRenderParam, MenuDecoration, MenuIconProps, MenuItemActionContext, MenuItemDefinition, MenuItemObject, MenuProps, MenuRenderable, MenuRuntimeItem, MenuRuntimeItemSelectable, MenuSeparator, OverlayShowParams, RowSelectionState, Scrollbars, ShowOverlayFn, components, debounce, debug, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useOverlay, useOverlayPortal, useRowInfoReducers };

package/index.dev.js

@@ -7520,7 +7520,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,
@@ -7540,10 +7540,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 {
@@ -7573,6 +7579,7 @@ function getColumnRenderParam(options) {
     rowInfo,
     align: align2,
     verticalAlign,
+    visibleColumnsIds,
     columnsMap,
     fieldsToColumn,
     formattedValueContext
@@ -7597,7 +7604,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,
@@ -7662,6 +7670,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) {
@@ -7937,10 +7950,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
   });
@@ -8104,8 +8119,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;
@@ -10311,6 +10337,7 @@ function getEnhancedGroupData(options, deepMapValue) {
     collapsed: false,
     dataSourceHasGrouping: true,
     isCellSelected: returnFalse,
+    hasSelectedCells: returnFalse,
     selfLoaded,
     error: options.error,
     parents,
@@ -10447,6 +10474,7 @@ function enhancedFlatten(param) {
                 id: itemId,
                 data: item,
                 isCellSelected: returnFalse,
+                hasSelectedCells: returnFalse,
                 dataSourceHasGrouping: true,
                 isGroupRow: false,
                 selfLoaded: !!item,
@@ -11741,6 +11769,7 @@ function getRowSelectionApi(param) {
 }
 
 // src/components/DataSource/CellSelectionState.ts
+var debug4 = dbg("CellSelectionState");
 var WILDCARD = "*";
 var CellSelectionState = class {
   constructor(clone) {
@@ -11783,7 +11812,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;
     }
@@ -11961,7 +11990,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;
@@ -12609,7 +12685,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);
@@ -12618,6 +12695,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;
 }
@@ -12748,6 +12828,7 @@ function concludeReducer(params) {
   const shouldGroup = groupBy.length > 0 || !!pivotBy;
   const selectionDepsChanged = haveDepsChanged(previousState, state, [
     "rowSelection",
+    "cellSelection",
     "isRowSelected",
     "originalLazyGroupDataChangeDetect"
   ]);
@@ -15879,13 +15960,13 @@ function useColumnRowspan(computedVisibleColumns) {
 
 // src/components/InfiniteTable/hooks/useColumnSizeFn.ts
 var import_react42 = require("react");
-var debug4 = dbg("useColumnSizeFn");
+var debug5 = dbg("useColumnSizeFn");
 function useColumnSizeFn(columns) {
   const columnSize = (0, import_react42.useCallback)(
     (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;
     },
@@ -17260,7 +17341,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react50.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.16"
+      version: "3.1.1"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -19136,6 +19217,7 @@ function renderSubmenuForItem(item, config) {
     setActiveItemKey,
     setKeyboardActiveItemKey,
     constrainTo,
+    onHideIntent,
     api
   } = config;
   const overlayId = `${parentMenuId}-submenu`;
@@ -19160,6 +19242,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);
@@ -19298,6 +19385,7 @@ function MenuComponent(props) {
         setActiveItemKey,
         setKeyboardActiveItemKey,
         parentMenuId: menuId,
+        onHideIntent: hideAll,
         api
       });
       if (alignTo) {
@@ -19320,11 +19408,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 {
@@ -19494,8 +19590,14 @@ function MenuComponent(props) {
     });
   }, []);
   const shouldSelectFirstItemOnFocus = (0, import_react57.useRef)(true);
+  const hideAll = (0, import_react57.useCallback)(() => {
+    var _a;
+    const state = getState();
+    (_a = state.onHideIntent) == null ? void 0 : _a.call(state, state);
+  }, [getState]);
   const [api] = (0, import_react57.useState)(() => {
     const result2 = {
+      hideMenu: hideAll,
       focus: () => {
         if (domRef.current) {
           domRef.current.focus();