@handsontable/react-wrapper 0.0.0-next-1fcb3dc-20260525 → 0.0.0-next-e4d78fd-20260527

package/es/react-handsontable.mjs

@@ -676,11 +676,12 @@ function makeEditorClass(hooksRef, instanceRef) {
             args[_key] = arguments[_key];
           }
           if (!AbstractMethods.includes(propName)) {
-            result = baseMethod.call.apply(baseMethod, [this].concat(args)); // call super
+            var _ref;
+            result = (_ref = baseMethod).call.apply(_ref, [this].concat(args)); // call super
           }
           if (MethodsMap[propName] && (_hooksRef$current = hooksRef.current) !== null && _hooksRef$current !== void 0 && _hooksRef$current[MethodsMap[propName]]) {
-            var _ref;
-            result = (_ref = hooksRef.current[MethodsMap[propName]]).call.apply(_ref, [this].concat(args));
+            var _ref2;
+            result = (_ref2 = hooksRef.current[MethodsMap[propName]]).call.apply(_ref2, [this].concat(args));
           }
           return result;
         }.bind(_this);
@@ -721,10 +722,10 @@ var EditorContext = /*#__PURE__*/createContext(undefined);
  * @param {Ref} hooksRef Reference for component-based editor overridden hooks object.
  * @param {RefObject} hotCustomEditorInstanceRef  Reference to Handsontable-native editor instance.
  */
-var EditorContextProvider = function EditorContextProvider(_ref2) {
-  var hooksRef = _ref2.hooksRef,
-    hotCustomEditorInstanceRef = _ref2.hotCustomEditorInstanceRef,
-    children = _ref2.children;
+var EditorContextProvider = function EditorContextProvider(_ref3) {
+  var hooksRef = _ref3.hooksRef,
+    hotCustomEditorInstanceRef = _ref3.hotCustomEditorInstanceRef,
+    children = _ref3.children;
   return /*#__PURE__*/React.createElement(EditorContext.Provider, {
     value: {
       hooksRef: hooksRef,
@@ -793,9 +794,9 @@ function applyEditorPosition(el, editor, hot, td) {
  * @returns {UseHotEditorImpl} Editor API methods
  */
 function useHotEditor(overriddenHooks, deps) {
-  var _ref3 = useContext(EditorContext),
-    hooksRef = _ref3.hooksRef,
-    hotCustomEditorInstanceRef = _ref3.hotCustomEditorInstanceRef;
+  var _ref4 = useContext(EditorContext),
+    hooksRef = _ref4.hooksRef,
+    hotCustomEditorInstanceRef = _ref4.hotCustomEditorInstanceRef;
   var _useState = useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     rerenderTrigger = _useState2[0],
@@ -839,11 +840,13 @@ function useHotEditor(overriddenHooks, deps) {
       },
       get row() {
         var _hotCustomEditorInsta6;
-        return (_hotCustomEditorInsta6 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta6 === void 0 ? void 0 : _hotCustomEditorInsta6.row;
+        var row = (_hotCustomEditorInsta6 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta6 === void 0 ? void 0 : _hotCustomEditorInsta6.row;
+        return row !== null && row !== void 0 ? row : undefined;
       },
       get col() {
         var _hotCustomEditorInsta7;
-        return (_hotCustomEditorInsta7 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta7 === void 0 ? void 0 : _hotCustomEditorInsta7.col;
+        var col = (_hotCustomEditorInsta7 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta7 === void 0 ? void 0 : _hotCustomEditorInsta7.col;
+        return col !== null && col !== void 0 ? col : undefined;
       }
     };
   }, [rerenderTrigger, hotCustomEditorInstanceRef, deferredValue]);
@@ -853,23 +856,23 @@ function useHotEditor(overriddenHooks, deps) {
 
 // EditorComponent props - children typed to work with JSX syntax
 
-function EditorComponent(_ref4) {
-  var _onPrepare = _ref4.onPrepare,
-    _onClose = _ref4.onClose,
-    _onOpen = _ref4.onOpen,
-    _onFocus = _ref4.onFocus,
-    children = _ref4.children,
-    _ref4$shortcutsGroup = _ref4.shortcutsGroup,
-    shortcutsGroup = _ref4$shortcutsGroup === void 0 ? "custom-editor" : _ref4$shortcutsGroup,
-    shortcuts = _ref4.shortcuts;
+function EditorComponent(_ref5) {
+  var _onPrepare = _ref5.onPrepare,
+    _onClose = _ref5.onClose,
+    _onOpen = _ref5.onOpen,
+    _onFocus = _ref5.onFocus,
+    children = _ref5.children,
+    _ref5$shortcutsGroup = _ref5.shortcutsGroup,
+    shortcutsGroup = _ref5$shortcutsGroup === void 0 ? "custom-editor" : _ref5$shortcutsGroup,
+    shortcuts = _ref5.shortcuts;
   var mainElementRef = useRef(null);
   var currentValue = useRef(undefined);
   var _useState5 = useState(),
     _useState6 = _slicedToArray(_useState5, 2),
     themeClassName = _useState6[0],
     setThemeClassName = _useState6[1];
-  var _ref5 = useContext(EditorContext),
-    hotCustomEditorInstanceRef = _ref5.hotCustomEditorInstanceRef;
+  var _ref6 = useContext(EditorContext),
+    hotCustomEditorInstanceRef = _ref6.hotCustomEditorInstanceRef;
   var registerShortcuts = useCallback(function () {
     var _hotCustomEditorInsta8, _hotCustomEditorInsta9, _hotCustomEditorInsta0;
     if (!((_hotCustomEditorInsta8 = hotCustomEditorInstanceRef.current) !== null && _hotCustomEditorInsta8 !== void 0 && _hotCustomEditorInsta8.hot)) return;
@@ -1073,7 +1076,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="0.0.0-next-1fcb3dc-20260525";
+var version="0.0.0-next-e4d78fd-20260527";
 
 /**
  * Component used to manage the renderer component portals.

package/hotTableInner.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { HotTableProps, HotTableRef } from './types';
-declare const HotTableInner: React.ForwardRefExoticComponent<HotTableProps & React.RefAttributes<HotTableRef>>;
+declare const HotTableInner: React.ForwardRefExoticComponent<Pick<HotTableProps, string | number> & React.RefAttributes<HotTableRef>>;
 export default HotTableInner;
 export { HotTableInner };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@handsontable/react-wrapper",
-  "version": "0.0.0-next-1fcb3dc-20260525",
+  "version": "0.0.0-next-e4d78fd-20260527",
   "description": "Best Data Grid for React with Spreadsheet Look and Feel.",
   "author": "Handsoncode <hello@handsoncode.net> (https://handsoncode.net)",
   "homepage": "https://handsontable.com",
@@ -72,7 +72,7 @@
     "@types/react-dom": "^18.2.0",
     "@types/react-redux": "^7.1.7",
     "cross-env": "^7.0.3",
-    "handsontable": "0.0.0-next-1fcb3dc-20260525",
+    "handsontable": "0.0.0-next-e4d78fd-20260527",
     "jest": "^27.5.1",
     "jest-environment-jsdom": "^27.5.1",
     "prop-types": "^15.7.2",
@@ -87,7 +87,7 @@
     "uglify-js": "^3.4.9"
   },
   "peerDependencies": {
-    "handsontable": "0.0.0-next-1fcb3dc-20260525"
+    "handsontable": "0.0.0-next-e4d78fd-20260527"
   },
   "scripts": {
     "build": "npm run clean && npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:min && npm run prepare:types",

package/types.d.ts

@@ -38,12 +38,17 @@ export interface UseHotEditorImpl<T> {
 }
 /**
  * Helper type to expose GridSettings/ColumnSettings props with native renderers/editors separately
- *  from component-based render prop.
+ * from component-based render prop. Uses conditional types so it works with both GridSettings
+ * and ColumnSettings (ColumnSettings' index signature can make it incompatible with strict Pick<>).
  */
-declare type ReplaceRenderersEditors<T extends Pick<Handsontable.GridSettings, 'renderer' | 'editor'>> = Omit<T, 'renderer' | 'editor'> & {
-    hotRenderer?: T['renderer'];
+declare type ReplaceRenderersEditors<T> = Omit<T, 'renderer' | 'editor'> & {
+    hotRenderer?: T extends {
+        renderer?: infer R;
+    } ? R : never;
     renderer?: ComponentType<HotRendererProps>;
-    hotEditor?: T['editor'];
+    hotEditor?: T extends {
+        editor?: infer E;
+    } ? E : never;
     editor?: ComponentType | boolean;
 };
 /**