@infinite-table/infinite-react 3.3.1 → 3.3.2

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import React__default, { CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, KeyboardEvent, ReactNode, EffectCallback } from 'react';
+import React__default, { KeyboardEvent, CSSProperties, HTMLProps, RefCallback, MutableRefObject, MouseEvent, ReactNode, EffectCallback } from 'react';
 
 declare type SortDir = 1 | -1;
 declare type MultisortInfo<T> = {
@@ -160,6 +160,15 @@ declare function useInfiniteColumnFilterEditor<T>(): {
     className: string;
 };
 
+declare type HotKeyEventDescriptor = {
+    key: KeyboardEvent['key'];
+    metaKey: KeyboardEvent['metaKey'];
+    altKey: KeyboardEvent['altKey'];
+    ctrlKey: KeyboardEvent['ctrlKey'];
+    shiftKey: KeyboardEvent['shiftKey'];
+};
+declare function eventMatchesKeyboardShortcut(event: HotKeyEventDescriptor, keyDescriptors: string | string[]): boolean;
+
 declare const InfiniteTableClassName: string;
 declare const InfiniteTableComponent: React$1.MemoExoticComponent<(<T>() => React$1.JSX.Element)>;
 declare type InfiniteTableComponent = {
@@ -1459,6 +1468,7 @@ interface InfiniteTableMappedState<T> {
     getCellContextMenuItems: InfiniteTableProps<T>['getCellContextMenuItems'];
     getColumnMenuItems: InfiniteTableProps<T>['getColumnMenuItems'];
     getFilterOperatorMenuItems: InfiniteTableProps<T>['getFilterOperatorMenuItems'];
+    keyboardShortcuts: InfiniteTableProps<T>['keyboardShortcuts'];
     columnPinning: InfiniteTablePropColumnPinning;
     loadingText: InfiniteTableProps<T>['loadingText'];
     components: InfiniteTableProps<T>['components'];
@@ -2791,6 +2801,9 @@ declare type InfiniteTableColumnApi<_T> = {
     getCellValuesByPrimaryKey: (id: any) => null | ColumnCellValues;
     getCellValueByPrimaryKey: (id: any) => any | null;
 };
+declare type InfiniteTableApiStartEditParams = InfiniteTableApiIsCellEditableParams & {
+    value?: any;
+};
 declare type InfiniteTableApiStopEditParams = {
     cancel: true;
     reject?: never;
@@ -2845,7 +2858,8 @@ interface InfiniteTableApi<T> {
     get scrollTop(): number;
     set scrollTop(value: number);
     isCellEditable: (params: InfiniteTableApiIsCellEditableParams) => Promise<boolean>;
-    startEdit: (params: InfiniteTableApiIsCellEditableParams) => Promise<boolean>;
+    getColumnAtIndex: (index: number) => InfiniteTableComputedColumn<T> | null;
+    startEdit: (params: InfiniteTableApiStartEditParams) => Promise<boolean>;
     stopEdit: (params?: InfiniteTableApiStopEditParams) => Promise<InfiniteTableApiStopEditPromiseResolveType>;
     persistEdit: (params?: {
         value?: any;
@@ -2992,12 +3006,20 @@ declare type InfiniteTablePropOnEditRejectedParams<T> = InfiniteTableRowInfoData
 };
 declare type InfiniteTablePropOnEditPersistParams<T> = InfiniteTablePropOnEditAcceptedParams<T>;
 declare type InfiniteTablePropMultiSortBehavior = 'append' | 'replace';
+declare type InfiniteTablePropKeyboardShorcut = {
+    key: string | string[];
+    when?: (context: InfiniteTableKeyboardEventHandlerContext<any>) => boolean | Promise<boolean>;
+    handler: (context: InfiniteTableKeyboardEventHandlerContext<any>, event: KeyboardEvent) => void | {
+        stopNext: boolean;
+    } | Promise<any>;
+};
 interface InfiniteTableProps<T> {
     debugId?: string;
     columns: InfiniteTablePropColumns<T>;
     pivotColumns?: InfiniteTableColumnsMap<T, InfiniteTablePivotColumn<T>>;
     loadingText?: Renderable;
     components?: InfiniteTablePropComponents<T>;
+    keyboardShortcuts?: InfiniteTablePropKeyboardShorcut[];
     viewportReservedWidth?: number;
     onViewportReservedWidthChange?: (viewportReservedWidth: number) => void;
     showColumnFilters?: boolean;
@@ -3215,6 +3237,10 @@ declare function useEffectWithObject(fn: EffectCallback, deps: Record<string, an
 declare function StringFilterEditor<T>(): React$1.JSX.Element;
 declare function NumberFilterEditor<T>(): React$1.JSX.Element;
 
+declare const keyboardShortcuts: {
+    instantEdit: InfiniteTablePropKeyboardShorcut;
+};
+
 declare type InterceptedMapFns<K, V> = {
     set?: (k: K, v: V) => void;
     beforeClear?: (map: Map<K, V>) => void;
@@ -3280,4 +3306,4 @@ declare const components: {
     NumberFilterEditor: typeof NumberFilterEditor;
 };
 
-export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, 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, DataSourceMasterDetailContextValue, 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, FixedSizeSet, 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, RowDetailCache, RowDetailState, RowDetailStateObject, RowSelectionState, Scrollbars, ShowOverlayFn, WeakFixedSizeSet, components, debounce, debug, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useEffectWithObject, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useMasterRowInfo, useOverlay, useOverlayPortal, useRowInfoReducers };
+export { AdvancedAlignable, CellSelectionState, CellSelectionStateObject, 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, DataSourceMasterDetailContextValue, 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, FixedSizeSet, 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, InfiniteTablePropKeyboardShorcut, 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, RowDetailCache, RowDetailState, RowDetailStateObject, RowSelectionState, Scrollbars, ShowOverlayFn, WeakFixedSizeSet, components, debounce, debug, defaultFilterTypes, eventMatchesKeyboardShortcut, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, keyboardShortcuts, multisort, useComponentState, useDataSource, useEffectWithChanges, useEffectWithObject, useInfiniteColumnCell, useInfiniteColumnEditor, useInfiniteColumnFilterEditor, useInfiniteHeaderCell, useMasterRowInfo, useOverlay, useOverlayPortal, useRowInfoReducers };

package/index.dev.js

@@ -79,6 +79,15 @@ var __async = (__this, __arguments, generator) => {
     step((generator = generator.apply(__this, __arguments)).next());
   });
 };
+var __forAwait = (obj, it, method) => {
+  it = obj[Symbol.asyncIterator];
+  method = (key, fn) => (fn = obj[key]) && (it[key] = (arg) => new Promise((resolve, reject, done) => {
+    arg = fn.call(obj, arg);
+    done = arg.done;
+    return Promise.resolve(arg.value).then((value) => resolve({ value, done }), reject);
+  }));
+  return it ? it.call(obj) : (obj = obj[Symbol.iterator](), it = {}, method("next"), method("return"), it);
+};
 
 // ../node_modules/binary-search/index.js
 var require_binary_search = __commonJS({
@@ -135,11 +144,13 @@ __export(src_exports, {
   debounce: () => debounce,
   debug: () => debug,
   defaultFilterTypes: () => defaultFilterTypes2,
+  eventMatchesKeyboardShortcut: () => eventMatchesKeyboardShortcut,
   filterTypes: () => defaultFilterTypes2,
   flatten: () => flatten,
   getComponentStateRoot: () => getComponentStateRoot,
   group: () => group,
   interceptMap: () => interceptMap,
+  keyboardShortcuts: () => keyboardShortcuts,
   multisort: () => multisort,
   useComponentState: () => useComponentState,
   useDataSource: () => useDataSource,
@@ -15638,6 +15649,10 @@ var InfiniteTableApiImpl = class {
     this.rejectEdit = (reason) => {
       return this.stopEdit({ reject: reason });
     };
+    this.getColumnAtIndex = (index) => {
+      var _a;
+      return (_a = this.getComputed().computedVisibleColumns[index]) != null ? _a : null;
+    };
     this.isCellEditable = (params) => {
       const { rowIndex: index, primaryKey, columnId } = params;
       const rowIndex = index != null ? index : this.context.dataSourceApi.getIndexByPrimaryKey(primaryKey);
@@ -15896,7 +15911,12 @@ var InfiniteTableApiImpl = class {
   }
   startEdit(params) {
     return __async(this, null, function* () {
-      const { columnId, rowIndex: index, primaryKey } = params;
+      const {
+        columnId,
+        rowIndex: index,
+        primaryKey,
+        value: valueToSetInitially
+      } = params;
       const rowIndex = index != null ? index : this.context.dataSourceApi.getIndexByPrimaryKey(primaryKey);
       return this.isCellEditable({
         rowIndex,
@@ -15908,7 +15928,7 @@ var InfiniteTableApiImpl = class {
           const columnsMap = this.getComputed().computedColumnsMap;
           const column = columnsMap.get(columnId);
           const rowInfo = dataArray[rowIndex];
-          let value = getColumnValueToEdit({
+          let value = valueToSetInitially != null ? valueToSetInitially : getColumnValueToEdit({
             column,
             rowInfo
             // columnsMap,
@@ -17419,6 +17439,7 @@ var forwardProps4 = (setupState) => {
     columnDefaultEditable: 1,
     columnDefaultFilterable: 1,
     columnDefaultSortable: 1,
+    keyboardShortcuts: 1,
     rowStyle: 1,
     cellStyle: 1,
     rowProps: 1,
@@ -18779,7 +18800,7 @@ var useLicense = (licenseKey = "") => {
     }
     let valid2 = isValidLicense(licenseKey, {
       publishedAt: 1624970570587,
-      version: "3.3.1"
+      version: "3.3.2"
     });
     if (!licenseKey && !valid2 && isInsidePlayground) {
       return true;
@@ -19551,46 +19572,141 @@ function handleBrowserFocusChangeOnKeyboardNavigation(context, event) {
   return true;
 }
 
+// src/components/utils/hotkey.ts
+var KeyModifierAliases = {
+  control: "ctrl"
+};
+var KeyAliases = {
+  esc: "escape"
+};
+var keyModifierChecker = {
+  cmd: (event) => event.metaKey,
+  alt: (event) => event.altKey,
+  ctrl: (event) => event.ctrlKey,
+  shift: (event) => event.shiftKey
+};
+var keyModifierNames = Object.keys(keyModifierChecker);
+var keyModifierSet = new Set(keyModifierNames);
+function eventMatchesKeyboardShortcut(event, keyDescriptors) {
+  if (!Array.isArray(keyDescriptors)) {
+    return eventMatchesSingleShortcut(event, keyDescriptors);
+  }
+  return keyDescriptors.some(
+    (keyDescriptor) => eventMatchesSingleShortcut(event, keyDescriptor)
+  );
+}
+function eventMatchesSingleShortcut(event, keyDescriptor) {
+  const keyLowercase = event.key.toLowerCase();
+  const parts = keyDescriptor.split("+").map((part) => part.toLowerCase().trim()).map((part) => KeyModifierAliases[part] || KeyAliases[part] || part);
+  const expectedModifiers = parts.filter(
+    (part) => keyModifierSet.has(part)
+  );
+  const nonModifierParts = parts.filter(
+    (part) => !keyModifierSet.has(part)
+  );
+  const currentModifierMatches = keyModifierNames.reduce((acc, modifier) => {
+    acc[modifier] = keyModifierChecker[modifier](event);
+    return acc;
+  }, {});
+  const currentModifierMatchesList = Object.keys(currentModifierMatches).filter(
+    (key) => currentModifierMatches[key]
+  );
+  const hasAllModifiers = expectedModifiers.every(
+    (modifier) => currentModifierMatches[modifier] === true
+  );
+  if (!hasAllModifiers) {
+    return false;
+  }
+  if (expectedModifiers.length != currentModifierMatchesList.length) {
+    return false;
+  }
+  if (!nonModifierParts.length) {
+    return false;
+  }
+  if (keyModifierSet.has(keyLowercase)) {
+    return false;
+  }
+  return nonModifierParts.reduce((acc, part) => {
+    if (!acc) {
+      return false;
+    }
+    const res = part === "*" || keyLowercase === part;
+    return res;
+  }, true);
+}
+
 // src/components/InfiniteTable/eventHandlers/onKeyDown.ts
 function onKeyDown(context, event) {
-  var _a, _b;
-  const keyboardHandlerContext = __spreadProps(__spreadValues({}, context), {
-    cloneRowSelection: (rowSelection) => {
-      return cloneRowSelection(rowSelection, context.getDataSourceState);
+  return __async(this, null, function* () {
+    var _a, _b;
+    const keyboardHandlerContext = __spreadProps(__spreadValues({}, context), {
+      cloneRowSelection: (rowSelection) => {
+        return cloneRowSelection(rowSelection, context.getDataSourceState);
+      }
+    });
+    if (handleKeyboardSelection(keyboardHandlerContext, event)) {
+      event.preventDefault();
     }
-  });
-  if (handleKeyboardSelection(keyboardHandlerContext, event)) {
-    event.preventDefault();
-  }
-  if (handleBrowserFocusChangeOnKeyboardNavigation(keyboardHandlerContext, event)) {
-    event.preventDefault();
-  } else {
-    if (!context.getState().focusedWithin && handleKeyboardNavigation(keyboardHandlerContext, event)) {
+    if (handleBrowserFocusChangeOnKeyboardNavigation(keyboardHandlerContext, event)) {
       event.preventDefault();
+    } else {
+      if (!context.getState().focusedWithin && handleKeyboardNavigation(keyboardHandlerContext, event)) {
+        event.preventDefault();
+      }
     }
-  }
-  if (event.key === "Enter") {
-    const { activeCellIndex } = context.getState();
-    if (activeCellIndex) {
-      const [rowIndex, colIndex] = activeCellIndex;
-      const column = context.getComputed().computedVisibleColumns[colIndex];
-      if (column.computedEditable) {
-        context.api.startEdit({
-          rowIndex,
-          columnId: column.id
-        });
+    if (event.key === "Enter" && !context.api.isEditInProgress()) {
+      const { activeCellIndex } = context.getState();
+      if (activeCellIndex) {
+        const [rowIndex, colIndex] = activeCellIndex;
+        const column = context.getComputed().computedVisibleColumns[colIndex];
+        if (column.computedEditable) {
+          context.api.startEdit({
+            rowIndex,
+            columnId: column.id
+          });
+        }
       }
     }
-  }
-  if (context.api.isEditInProgress()) {
-    if (event.key === "Escape") {
-      context.api.stopEdit({ cancel: true });
+    if (context.api.isEditInProgress()) {
+      if (event.key === "Escape") {
+        context.api.stopEdit({ cancel: true });
+      }
+      if (event.key === "Tab") {
+        event.preventDefault();
+      }
     }
-    if (event.key === "Tab") {
-      event.preventDefault();
+    (_b = (_a = context.getState()).onKeyDown) == null ? void 0 : _b.call(_a, context, event);
+    const { keyboardShortcuts: keyboardShortcuts2 } = context.getState();
+    if (keyboardShortcuts2) {
+      try {
+        for (var iter = __forAwait(keyboardShortcuts2), more, temp, error2; more = !(temp = yield iter.next()).done; more = false) {
+          const shortcut = temp.value;
+          if (!eventMatchesKeyboardShortcut(event, shortcut.key)) {
+            continue;
+          }
+          if (shortcut.when) {
+            const result = yield shortcut.when(context);
+            if (!result) {
+              continue;
+            }
+          }
+          const maybeStopNext = yield shortcut.handler(context, event);
+          if (maybeStopNext && maybeStopNext.stopNext) {
+            break;
+          }
+        }
+      } catch (temp) {
+        error2 = [temp];
+      } finally {
+        try {
+          more && (temp = iter.return) && (yield temp.call(iter));
+        } finally {
+          if (error2)
+            throw error2[0];
+        }
+      }
     }
-  }
-  (_b = (_a = context.getState()).onKeyDown) == null ? void 0 : _b.call(_a, context, event);
+  });
 }
 
 // src/components/InfiniteTable/eventHandlers/index.ts
@@ -22523,6 +22639,50 @@ var InfiniteTable = function(props) {
   return table;
 };
 
+// src/components/InfiniteTable/eventHandlers/keyboardShortcuts.ts
+var instantEdit = {
+  key: "*",
+  when: (context) => {
+    const { activeCellIndex } = context.getState();
+    if (activeCellIndex) {
+      const [rowIndex, colIndex] = activeCellIndex;
+      const column = context.api.getColumnAtIndex(colIndex);
+      if (!column) {
+        return false;
+      }
+      return context.api.isCellEditable({
+        rowIndex,
+        columnId: column.id
+      });
+    }
+    return false;
+  },
+  handler: (context, event) => {
+    const { key } = event;
+    if (key != "Escape" && key.length === 1) {
+      const { activeCellIndex } = context.getState();
+      if (activeCellIndex) {
+        const [rowIndex, colIndex] = activeCellIndex;
+        const column = context.api.getColumnAtIndex(colIndex);
+        if (!column) {
+          return;
+        }
+        requestAnimationFrame(() => {
+          context.api.startEdit({
+            rowIndex,
+            // value: '',
+            value: key,
+            columnId: column.id
+          });
+        });
+      }
+    }
+  }
+};
+var keyboardShortcuts = {
+  instantEdit
+};
+
 // src/utils/FixedSizeSet.ts
 var _FixedSizeSet = class {
   constructor(clone, size) {
@@ -22670,11 +22830,13 @@ var components = {
   debounce,
   debug,
   defaultFilterTypes,
+  eventMatchesKeyboardShortcut,
   filterTypes,
   flatten,
   getComponentStateRoot,
   group,
   interceptMap,
+  keyboardShortcuts,
   multisort,
   useComponentState,
   useDataSource,