@infinite-table/infinite-react 3.0.15 → 3.1.0

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

@@ -2360,6 +2360,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;
 };
@@ -2413,6 +2417,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 +2432,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;
@@ -3034,4 +3044,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, 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

@@ -17260,7 +17260,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react50.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.15"
+      version: "3.1.0"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -19136,6 +19136,7 @@ function renderSubmenuForItem(item, config) {
     setActiveItemKey,
     setKeyboardActiveItemKey,
     constrainTo,
+    onHideIntent,
     api
   } = config;
   const overlayId = `${parentMenuId}-submenu`;
@@ -19160,6 +19161,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 +19304,7 @@ function MenuComponent(props) {
         setActiveItemKey,
         setKeyboardActiveItemKey,
         parentMenuId: menuId,
+        onHideIntent: hideAll,
         api
       });
       if (alignTo) {
@@ -19321,11 +19328,18 @@ function MenuComponent(props) {
       item.originalMenuItem.onClick(event);
     }
     if (item.originalMenuItem.onAction) {
-      item.originalMenuItem.onAction(item.key, item.originalMenuItem);
+      item.originalMenuItem.onAction({
+        key: item.key,
+        item: item.originalMenuItem,
+        hideMenu: hideAll
+      });
     }
     if (onAction) {
       onAction(item.key, item.originalMenuItem);
     }
+    if (item.originalMenuItem.hideMenuOnAction) {
+      hideAll();
+    }
   };
   const {
     showOverlay,
@@ -19494,8 +19508,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();

package/index.dev.mjs

@@ -17241,7 +17241,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.0.15"
+      version: "3.1.0"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -19127,6 +19127,7 @@ function renderSubmenuForItem(item, config) {
     setActiveItemKey,
     setKeyboardActiveItemKey,
     constrainTo,
+    onHideIntent,
     api
   } = config;
   const overlayId = `${parentMenuId}-submenu`;
@@ -19151,6 +19152,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 +19295,7 @@ function MenuComponent(props) {
         setActiveItemKey,
         setKeyboardActiveItemKey,
         parentMenuId: menuId,
+        onHideIntent: hideAll,
         api
       });
       if (alignTo) {
@@ -19312,11 +19319,18 @@ function MenuComponent(props) {
       item.originalMenuItem.onClick(event);
     }
     if (item.originalMenuItem.onAction) {
-      item.originalMenuItem.onAction(item.key, item.originalMenuItem);
+      item.originalMenuItem.onAction({
+        key: item.key,
+        item: item.originalMenuItem,
+        hideMenu: hideAll
+      });
     }
     if (onAction) {
       onAction(item.key, item.originalMenuItem);
     }
+    if (item.originalMenuItem.hideMenuOnAction) {
+      hideAll();
+    }
   };
   const {
     showOverlay,
@@ -19485,8 +19499,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();