@infinite-table/infinite-react 1.3.20 → 1.3.21

package/index.d.ts

@@ -1222,6 +1222,7 @@ interface InfiniteTableMappedState<T> {
     showSeparatePivotColumnForSingleAggregation: NonUndefined<InfiniteTableProps<T>['showSeparatePivotColumnForSingleAggregation']>;
     domProps: InfiniteTableProps<T>['domProps'];
     editable: InfiniteTableProps<T>['editable'];
+    columnMenuRealignDelay: NonUndefined<InfiniteTableProps<T>['columnMenuRealignDelay']>;
     columnDefaultEditable: InfiniteTableProps<T>['columnDefaultEditable'];
     columnDefaultFilterable: InfiniteTableProps<T>['columnDefaultFilterable'];
     rowStyle: InfiniteTableProps<T>['rowStyle'];
@@ -2655,6 +2656,14 @@ interface InfiniteTableProps<T> {
     onSelfBlur?: (event: React$1.FocusEvent<HTMLDivElement>) => void;
     onFocusWithin?: (event: React$1.FocusEvent<HTMLDivElement>) => void;
     onBlurWithin?: (event: React$1.FocusEvent<HTMLDivElement>) => void;
+    /**
+     * When a column is hidden by using the column menu, the column menu will stay open,
+     * so it needs (generally) to be realigned to the correct location. This prop
+     * configures the delay in milliseconds before the column menu is realigned.
+     *
+     * @default 50
+     */
+    columnMenuRealignDelay?: number;
     onScrollToTop?: () => void;
     onScrollToBottom?: () => void;
     scrollStopDelay?: number;

package/index.dev.js

@@ -13793,12 +13793,21 @@ var InfiniteTableApiImpl = class {
     this.actions.contextMenuVisibleFor = null;
     this.actions.cellContextMenuVisibleFor = null;
   }
-  realignColumnContextMenu() {
-    realignColumnContextMenu({
+  realignColumnContextMenu(callback) {
+    const param = {
       actions: this.actions,
       getState: this.getState,
       getComputed: this.getComputed
-    });
+    };
+    const delay = this.getState().columnMenuRealignDelay;
+    if (!delay || delay < 0) {
+      realignColumnContextMenu(param);
+      callback == null ? void 0 : callback();
+    }
+    setTimeout(() => {
+      realignColumnContextMenu(param);
+      callback == null ? void 0 : callback();
+    }, delay);
   }
   getColumnOrder() {
     return this.getComputed().computedColumnOrder;
@@ -14968,6 +14977,7 @@ var forwardProps4 = (setupState) => {
     onScrollbarsChange: 1,
     autoSizeColumnsKey: 1,
     columnDefaultFlex: 1,
+    columnMenuRealignDelay: (columnMenuRealignDelay) => columnMenuRealignDelay != null ? columnMenuRealignDelay : 50,
     scrollStopDelay: (scrollStopDelay) => scrollStopDelay != null ? scrollStopDelay : 250,
     viewportReservedWidth: (viewportReservedWidth) => viewportReservedWidth != null ? viewportReservedWidth : 0,
     resizableColumns: (resizableColumns) => resizableColumns != null ? resizableColumns : true,
@@ -16670,7 +16680,7 @@ var useLicense = (licenseKey = "") => {
   const valid = (0, import_react49.useMemo)(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "1.3.20"
+      version: "1.3.21"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;

package/index.dev.mjs

@@ -13779,12 +13779,21 @@ var InfiniteTableApiImpl = class {
     this.actions.contextMenuVisibleFor = null;
     this.actions.cellContextMenuVisibleFor = null;
   }
-  realignColumnContextMenu() {
-    realignColumnContextMenu({
+  realignColumnContextMenu(callback) {
+    const param = {
       actions: this.actions,
       getState: this.getState,
       getComputed: this.getComputed
-    });
+    };
+    const delay = this.getState().columnMenuRealignDelay;
+    if (!delay || delay < 0) {
+      realignColumnContextMenu(param);
+      callback == null ? void 0 : callback();
+    }
+    setTimeout(() => {
+      realignColumnContextMenu(param);
+      callback == null ? void 0 : callback();
+    }, delay);
   }
   getColumnOrder() {
     return this.getComputed().computedColumnOrder;
@@ -14958,6 +14967,7 @@ var forwardProps4 = (setupState) => {
     onScrollbarsChange: 1,
     autoSizeColumnsKey: 1,
     columnDefaultFlex: 1,
+    columnMenuRealignDelay: (columnMenuRealignDelay) => columnMenuRealignDelay != null ? columnMenuRealignDelay : 50,
     scrollStopDelay: (scrollStopDelay) => scrollStopDelay != null ? scrollStopDelay : 250,
     viewportReservedWidth: (viewportReservedWidth) => viewportReservedWidth != null ? viewportReservedWidth : 0,
     resizableColumns: (resizableColumns) => resizableColumns != null ? resizableColumns : true,
@@ -16660,7 +16670,7 @@ var useLicense = (licenseKey = "") => {
   const valid = useMemo11(() => {
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "1.3.20"
+      version: "1.3.21"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;