@infinite-table/infinite-react 3.3.0 → 3.3.2

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,
@@ -1415,7 +1426,7 @@ var internalProps = {
 };
 
 // src/components/InfiniteTable/vars.css.ts
-var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
+var ThemeVars = { color: { accent: "var(--infinite-accent-color)", error: "var(--infinite-error-color)", color: "var(--infinite-color)" }, spacing: { "0": "var(--infinite-space-0)", "1": "var(--infinite-space-1)", "2": "var(--infinite-space-2)", "3": "var(--infinite-space-3)", "4": "var(--infinite-space-4)", "5": "var(--infinite-space-5)", "6": "var(--infinite-space-6)", "7": "var(--infinite-space-7)", "8": "var(--infinite-space-8)", "9": "var(--infinite-space-9)", "10": "var(--infinite-space-10)" }, fontSize: { "0": "var(--infinite-font-size-0)", "1": "var(--infinite-font-size-1)", "2": "var(--infinite-font-size-2)", "3": "var(--infinite-font-size-3)", "4": "var(--infinite-font-size-4)", "5": "var(--infinite-font-size-5)", "6": "var(--infinite-font-size-6)", "7": "var(--infinite-font-size-7)" }, fontFamily: "var(--infinite-font-family)", minHeight: "var(--infinite-min-height)", borderRadius: "var(--infinite-border-radius)", background: "var(--infinite-background)", iconSize: "var(--infinite-icon-size)", components: { LoadMask: { padding: "var(--infinite-load-mask-padding)", color: "var(--infinite-load-mask-color)", textBackground: "var(--infinite-load-mask-text-background)", overlayBackground: "var(--infinite-load-mask-overlay-background)", overlayOpacity: "var(--infinite-load-mask-overlay-opacity)", borderRadius: "var(--infinite-load-mask-border-radius)" }, Header: { background: "var(--infinite-header-background)", color: "var(--infinite-header-color)", columnHeaderHeight: "var(--infinite-column-header-height)" }, HeaderCell: { background: "var(--infinite-header-cell-background)", hoverBackground: "var(--infinite-header-cell-hover-background)", border: "var(--infinite-header-cell-border)", padding: "var(--infinite-header-cell-padding)", paddingX: "var(--infinite-header-cell-padding-x)", paddingY: "var(--infinite-header-cell-padding-y)", iconSize: "var(--infinite-header-cell-icon-size)", menuIconLineWidth: "var(--infinite-header-cell-menu-icon-line-width)", sortIconMargin: "var(--infinite-header-cell-sort-icon-margin)", borderRight: "var(--infinite-header-cell-border-right)", resizeHandleActiveAreaWidth: "var(--infinite-resize-handle-active-area-width)", resizeHandleWidth: "var(--infinite-resize-handle-width)", resizeHandleHoverBackground: "var(--infinite-resize-handle-hover-background)", resizeHandleConstrainedHoverBackground: "var(--infinite-resize-handle-constrained-hover-background)", filterOperatorPaddingX: "var(--infinite-filter-operator-padding-x)", filterEditorPaddingX: "var(--infinite-filter-editor-padding-x)", filterEditorMarginX: "var(--infinite-filter-editor-margin-x)", filterOperatorPaddingY: "var(--infinite-filter-operator-padding-y)", filterEditorPaddingY: "var(--infinite-filter-editor-padding-y)", filterEditorMarginY: "var(--infinite-filter-editor-margin-y)", filterEditorBackground: "var(--infinite-filter-editor-background)", filterEditorBorder: "var(--infinite-filter-editor-border)", filterEditorFocusBorderColor: "var(--infinite-filter-editor-focus-border-color)", filterEditorBorderRadius: "var(--infinite-filter-editor-border-radius)", filterEditorColor: "var(--infinite-filter-editor-color)" }, Cell: { padding: "var(--infinite-cell-padding)", borderWidth: "var(--infinite-cell-border-width)", border: "var(--infinite-cell-border)", borderLeft: "var(--infinite-cell-border-left)", borderRight: "var(--infinite-cell-border-right)", borderTop: "var(--infinite-cell-border-top)", borderInvisible: "var(--infinite-cell-border-invisible)", borderRadius: "var(--infinite-cell-border-radius)", reorderEffectDuration: "var(--infinite-column-reorder-effect-duration)", pinnedBorder: "var(--infinite-pinned-cell-border)", color: "var(--infinite-cell-color)", selectedBackground: "var(--infinite-selected-cell-background)", selectedBackgroundDefault: "var(--infinite-selected-cell-background-default)", selectedBackgroundAlpha: "var(--infinite-selected-cell-background-alpha)", selectedBackgroundAlphaWhenTableUnfocused: "var(--infinite-selected-cell-background-alpha--table-unfocused)", selectedBorderColor: "var(--infinite-selected-cell-border-color)", selectedBorderWidth: "var(--infinite-selected-cell-border-width)", selectedBorderStyle: "var(--infinite-selected-cell-border-style)", selectedBorder: "var(--infinite-selected-cell-border)", activeBackgroundAlpha: "var(--infinite-active-cell-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-cell-background-alpha--table-unfocused)", activeBackground: "var(--infinite-active-cell-background)", activeBackgroundDefault: "var(--infinite-active-cell-background-default)", activeBorderColor: "var(--infinite-active-cell-border-color)", activeBorderWidth: "var(--infinite-active-cell-border-width)", activeBorderStyle: "var(--infinite-active-cell-border-style)", activeBorder: "var(--infinite-active-cell-border)" }, SelectionCheckBox: { marginInline: "var(--infinite-selection-checkbox-margin-inline)" }, Menu: { background: "var(--infinite-menu-background)", color: "var(--infinite-menu-color)", separatorColor: "var(--infinite-menu-separator-color)", padding: "var(--infinite-menu-padding)", cellPaddingVertical: "var(--infinite-menu-cell-padding-vertical)", cellPaddingHorizontal: "var(--infinite-menu-cell-padding-horizontal)", cellMarginVertical: "var(--infinite-menu-cell-margin-vertical)", itemDisabledBackground: "var(--infinite-menu-item-disabled-background)", itemActiveBackground: "var(--infinite-menu-item-active-background)", itemActiveOpacity: "var(--infinite-menu-item-active-opacity)", itemPressedOpacity: "var(--infinite-menu-item-pressed-opacity)", itemPressedBackground: "var(--infinite-menu-item-pressed-background)", itemDisabledOpacity: "var(--infinite-menu-item-disabled-opacity)", borderRadius: "var(--infinite-menu-border-radius)", shadowColor: "var(--infinite-menu-shadow-color)" }, RowDetail: { background: "var(--infinite-rowdetail-background)", padding: "var(--infinite-rowdetail-padding)", gridHeight: "var(--infinite-rowdetail-grid-height)" }, Row: { background: "var(--infinite-row-background)", oddBackground: "var(--infinite-row-odd-background)", selectedBackground: "var(--infinite-row-selected-background)", activeBackground: "var(--infinite-active-row-background)", activeBorderColor: "var(--infinite-active-row-border-color)", activeBorderWidth: "var(--infinite-active-row-border-width)", activeBorderStyle: "var(--infinite-active-row-border-style)", activeBorder: "var(--infinite-active-row-border)", activeBackgroundAlpha: "var(--infinite-active-row-background-alpha)", activeBackgroundAlphaWhenTableUnfocused: "var(--infinite-active-row-background-alpha--table-unfocused)", hoverBackground: "var(--infinite-row-hover-background)", selectedHoverBackground: "var(--infinite-row-selected-hover-background)", groupRowBackground: "var(--infinite-group-row-background)", groupRowColumnNesting: "var(--infinite-group-row-column-nesting)", groupNesting: "var(--infinite-dont-override-group-row-nesting-length)", pointerEventsWhileScrolling: "var(--infinite-row-pointer-events-while-scrolling)" }, ColumnCell: { background: "var(--infinite-column-cell-bg-dont-override)" } } };
 var columnHeaderHeightName = "column-header-height";
 
 // src/components/InfiniteTable/utils/infiniteDOMUtils.ts
@@ -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.0"
+      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,