@handsontable/react-wrapper 16.2.0 → 17.0.0-rc10

package/README.md

@@ -67,15 +67,6 @@ Below is the installation guide for the React functional component.
 npm install handsontable @handsontable/react-wrapper
 ```
 
-### Import CSS files
-
-```jsx
-// Base CSS rules
-import 'handsontable/styles/handsontable.min.css';
-// Main theme variables
-import 'handsontable/styles/ht-theme-main.min.css';
-```
-
 ### Register Handsontable's modules
 
 ```jsx
@@ -97,15 +88,12 @@ To set Handsontable's [configuration options](https://handsontable.com/docs/reac
 ```jsx
 import { HotTable, HotColumn } from '@handsontable/react-wrapper';
 import { registerAllModules } from 'handsontable/registry';
-import 'handsontable/styles/handsontable.min.css';
-import 'handsontable/styles/ht-theme-main.min.css';
 
 registerAllModules();
 
 const ExampleComponent = () => {
   return (
     <HotTable
-      theme="ht-theme-main-dark-auto"
       data={[
         { company: 'Tagcat', country: 'United Kingdom', rating: 4.4 },
         { company: 'Zoomzone', country: 'Japan', rating: 4.5 },
@@ -138,7 +126,7 @@ const ExampleComponent = () => {
 - [Website](https://handsontable.com)
 - [Demo](https://handsontable.com/demo)
 - [Documentation](https://handsontable.com/docs/react-data-grid)
-- [npm](https://www.npmjs.com/package/@handsontable/react)
+- [npm](https://www.npmjs.com/package/@handsontable/react-wrapper)
 - [CDN](https://www.jsdelivr.com/package/npm/@handsontable/react-wrapper)
 - [Forum](https://forum.handsontable.com/)
 - [Blog](https://handsontable.com/blog)

package/commonjs/react-handsontable.js

@@ -627,6 +627,58 @@ var EditorContextProvider = function EditorContextProvider(_ref) {
     }
   }, children);
 };
+/**
+ * Applies editor overlay position/dimensions to an element.
+ * @returns true if position was applied, false if editor should close (e.g. cell no longer available).
+ */
+function applyEditorPosition(el, editor, hot, td) {
+  var _rootWindow$pageXOffs, _rootWindow$pageYOffs;
+  var rootWindow = hot.rootWindow || window;
+  var pageX = (_rootWindow$pageXOffs = rootWindow.pageXOffset) !== null && _rootWindow$pageXOffs !== void 0 ? _rootWindow$pageXOffs : 0;
+  var pageY = (_rootWindow$pageYOffs = rootWindow.pageYOffset) !== null && _rootWindow$pageYOffs !== void 0 ? _rootWindow$pageYOffs : 0;
+  var isRtl = typeof hot.isRtl === 'function' && hot.isRtl();
+  var position = editor.position;
+  var applyTdRect = function applyTdRect(rect) {
+    el.style.top = "".concat(pageY + rect.top - 1, "px");
+    el.style.width = "".concat(rect.width + 1, "px");
+    el.style.height = "".concat(rect.height + 1, "px");
+    if (isRtl) {
+      el.style.right = "".concat(pageX + rect.right, "px");
+      el.style.left = 'auto';
+    } else {
+      el.style.left = "".concat(pageX + rect.left - 1, "px");
+      el.style.right = 'auto';
+    }
+  };
+  if (position === 'portal') {
+    var cell = typeof editor.getEditedCell === 'function' ? editor.getEditedCell.call(editor) : null;
+    if (!(cell !== null && cell !== void 0 && cell.getBoundingClientRect)) {
+      return false;
+    }
+    applyTdRect(cell.getBoundingClientRect());
+    return true;
+  }
+  var getEditedCellRect = editor.getEditedCellRect;
+  var rect = typeof getEditedCellRect === 'function' ? getEditedCellRect.call(editor) : null;
+  if (rect) {
+    var rootElement = hot.rootElement;
+    if (rootElement !== null && rootElement !== void 0 && rootElement.getBoundingClientRect) {
+      var rootRect = rootElement.getBoundingClientRect();
+      el.style.top = "".concat(pageY + rootRect.top + rect.top, "px");
+      el.style.width = "".concat(rect.width, "px");
+      el.style.height = "".concat(rect.height, "px");
+      if (isRtl) {
+        el.style.right = "".concat(pageX + rootRect.right - rect.start, "px");
+        el.style.left = 'auto';
+      } else {
+        el.style.left = "".concat(pageX + rootRect.left + rect.start, "px");
+        el.style.right = 'auto';
+      }
+      return true;
+    }
+  }
+  return false;
+}
 /**
  * Hook that allows encapsulating custom behaviours of component-based editor by customizing passed ref with overridden hooks object.
  *
@@ -689,6 +741,147 @@ function useHotEditor(overriddenHooks, deps) {
     };
   }, [rerenderTrigger, hotCustomEditorInstanceRef, deferredValue]);
 }
+function EditorComponent(_ref2) {
+  var _onPrepare = _ref2.onPrepare,
+    _onClose = _ref2.onClose,
+    _onOpen = _ref2.onOpen,
+    _onFocus = _ref2.onFocus,
+    children = _ref2.children,
+    _ref2$shortcutsGroup = _ref2.shortcutsGroup,
+    shortcutsGroup = _ref2$shortcutsGroup === void 0 ? "custom-editor" : _ref2$shortcutsGroup,
+    shortcuts = _ref2.shortcuts;
+  var mainElementRef = React.useRef(null);
+  var currentValue = React.useRef(undefined);
+  var _useState5 = React.useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    themeClassName = _useState6[0],
+    setThemeClassName = _useState6[1];
+  var _useContext2 = React.useContext(EditorContext),
+    hotCustomEditorInstanceRef = _useContext2.hotCustomEditorInstanceRef;
+  var registerShortcuts = React.useCallback(function () {
+    var _hotCustomEditorInsta8, _hotCustomEditorInsta9, _hotCustomEditorInsta0;
+    if (!((_hotCustomEditorInsta8 = hotCustomEditorInstanceRef.current) !== null && _hotCustomEditorInsta8 !== void 0 && _hotCustomEditorInsta8.hot)) return;
+    (_hotCustomEditorInsta9 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta9 === void 0 || (_hotCustomEditorInsta9 = _hotCustomEditorInsta9.hot) === null || _hotCustomEditorInsta9 === void 0 || _hotCustomEditorInsta9.getShortcutManager().setActiveContextName("editor");
+    var shortcutManager = (_hotCustomEditorInsta0 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta0 === void 0 || (_hotCustomEditorInsta0 = _hotCustomEditorInsta0.hot) === null || _hotCustomEditorInsta0 === void 0 ? void 0 : _hotCustomEditorInsta0.getShortcutManager();
+    var editorContext = shortcutManager.getContext('editor');
+    var contextConfig = {
+      group: shortcutsGroup
+    };
+    if (shortcuts) {
+      editorContext === null || editorContext === void 0 || editorContext.addShortcuts(shortcuts.map(function (shortcut) {
+        return _objectSpread2(_objectSpread2({}, shortcut), {}, {
+          group: shortcut.group || shortcutsGroup,
+          relativeToGroup: shortcut.relativeToGroup || 'editorManager.handlingEditor',
+          position: shortcut.position || 'before',
+          callback: function callback(event) {
+            return shortcut.callback({
+              value: currentValue.current,
+              setValue: setValue,
+              finishEditing: finishEditing
+            }, event);
+          }
+        });
+      }),
+      //@ts-ignore
+      contextConfig);
+    }
+  }, [shortcuts]);
+  var unRegisterShortcuts = React.useCallback(function () {
+    var _hotCustomEditorInsta1, _hotCustomEditorInsta10;
+    if (!((_hotCustomEditorInsta1 = hotCustomEditorInstanceRef.current) !== null && _hotCustomEditorInsta1 !== void 0 && _hotCustomEditorInsta1.hot)) return;
+    var shortcutManager = (_hotCustomEditorInsta10 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta10 === void 0 || (_hotCustomEditorInsta10 = _hotCustomEditorInsta10.hot) === null || _hotCustomEditorInsta10 === void 0 ? void 0 : _hotCustomEditorInsta10.getShortcutManager();
+    var editorContext = shortcutManager.getContext("editor");
+    editorContext.removeShortcutsByGroup(shortcutsGroup);
+  }, [shortcuts]);
+  var refreshDimensions = React.useCallback(function () {
+    var editor = hotCustomEditorInstanceRef.current;
+    var el = mainElementRef.current;
+    if (!editor || !el) return;
+    var hot = editor.hot;
+    if (!hot) return;
+    if (typeof editor.isOpened !== 'function' || !editor.isOpened()) return;
+    if (!applyEditorPosition(el, editor, hot) && typeof editor.close === 'function') {
+      editor.close();
+    }
+  }, []);
+  var unRegisterScrollHooks = React.useCallback(function () {
+    var editor = hotCustomEditorInstanceRef.current;
+    var hot = editor === null || editor === void 0 ? void 0 : editor.hot;
+    if (!hot || typeof hot.removeHook !== 'function') return;
+    hot.removeHook('afterScrollHorizontally', refreshDimensions);
+    hot.removeHook('afterScrollVertically', refreshDimensions);
+  }, [refreshDimensions]);
+  var registerScrollHooks = React.useCallback(function () {
+    var editor = hotCustomEditorInstanceRef.current;
+    var hot = editor === null || editor === void 0 ? void 0 : editor.hot;
+    if (!hot || typeof hot.addHook !== 'function') return;
+    hot.addHook('afterScrollHorizontally', refreshDimensions);
+    hot.addHook('afterScrollVertically', refreshDimensions);
+  }, [refreshDimensions]);
+  var _useHotEditor = useHotEditor({
+      onOpen: function onOpen() {
+        var _hotCustomEditorInsta11;
+        if (!mainElementRef.current) return;
+        var themeName = (_hotCustomEditorInsta11 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta11 === void 0 ? void 0 : _hotCustomEditorInsta11.hot.getCurrentThemeName();
+        if (themeName) setThemeClassName(themeName);
+        mainElementRef.current.style.display = 'block';
+        _onOpen === null || _onOpen === void 0 || _onOpen();
+        var el = mainElementRef.current;
+        var editor = hotCustomEditorInstanceRef.current;
+        if (el && editor !== null && editor !== void 0 && editor.hot) {
+          applyEditorPosition(el, editor, editor.hot);
+        }
+        registerShortcuts();
+        registerScrollHooks();
+      },
+      onClose: function onClose() {
+        if (!mainElementRef.current) return;
+        mainElementRef.current.style.display = 'none';
+        _onClose === null || _onClose === void 0 || _onClose();
+        unRegisterShortcuts();
+        unRegisterScrollHooks();
+      },
+      onPrepare: function onPrepare(_row, _column, _prop, TD, _originalValue, _cellProperties) {
+        _onPrepare === null || _onPrepare === void 0 || _onPrepare(_row, _column, _prop, TD, _originalValue, _cellProperties);
+      },
+      onFocus: function onFocus() {
+        _onFocus === null || _onFocus === void 0 || _onFocus();
+      }
+    }),
+    value = _useHotEditor.value,
+    setValue = _useHotEditor.setValue,
+    finishEditing = _useHotEditor.finishEditing,
+    isOpen = _useHotEditor.isOpen,
+    col = _useHotEditor.col,
+    row = _useHotEditor.row;
+  React.useEffect(function () {
+    currentValue.current = value;
+  }, [value]);
+  var stopMousedownPropagation = function stopMousedownPropagation(e) {
+    e.stopPropagation();
+  };
+  return React__default["default"].createElement("div", {
+    ref: mainElementRef,
+    className: themeClassName,
+    style: {
+      display: 'none',
+      position: 'absolute',
+      background: '#fff',
+      border: '0px',
+      padding: '0px',
+      zIndex: 100
+    },
+    onMouseDown: stopMousedownPropagation
+  }, children({
+    value: value,
+    setValue: setValue,
+    finishEditing: finishEditing,
+    mainElementRef: mainElementRef,
+    isOpen: isOpen,
+    col: col,
+    row: row
+  }));
+}
 
 var isHotColumn = function isHotColumn(childNode) {
   return childNode.type === HotColumn;
@@ -763,7 +956,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="16.2.0";
+var version="17.0.0-rc10";
 
 /**
  * Component used to manage the renderer component portals.
@@ -2134,6 +2327,8 @@ var HotTable = React.forwardRef(function (_ref, ref) {
  */
 HotTable.version = version;
 
+exports.EditorComponent = EditorComponent;
+exports.EditorContext = EditorContext;
 exports.HotColumn = HotColumn;
 exports.HotTable = HotTable;
 exports["default"] = HotTable;

package/dist/react-handsontable.js

@@ -25,7 +25,7 @@
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
  * USE OR INABILITY TO USE THIS SOFTWARE.
  * 
- * Version: 16.2.0 (built at Thu Nov 20 2025 13:27:47 GMT+0100 (Central European Standard Time))
+ * Version: 17.0.0-rc10 (built at Mon Mar 02 2026 11:29:16 GMT+0000 (Coordinated Universal Time))
  */
 (function (global, factory) {
 typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable/base'), require('handsontable/renderers/registry'), require('handsontable/editors/registry')) :
@@ -643,6 +643,58 @@ var EditorContextProvider = function EditorContextProvider(_ref) {
     }
   }, children);
 };
+/**
+ * Applies editor overlay position/dimensions to an element.
+ * @returns true if position was applied, false if editor should close (e.g. cell no longer available).
+ */
+function applyEditorPosition(el, editor, hot, td) {
+  var _rootWindow$pageXOffs, _rootWindow$pageYOffs;
+  var rootWindow = hot.rootWindow || window;
+  var pageX = (_rootWindow$pageXOffs = rootWindow.pageXOffset) !== null && _rootWindow$pageXOffs !== void 0 ? _rootWindow$pageXOffs : 0;
+  var pageY = (_rootWindow$pageYOffs = rootWindow.pageYOffset) !== null && _rootWindow$pageYOffs !== void 0 ? _rootWindow$pageYOffs : 0;
+  var isRtl = typeof hot.isRtl === 'function' && hot.isRtl();
+  var position = editor.position;
+  var applyTdRect = function applyTdRect(rect) {
+    el.style.top = "".concat(pageY + rect.top - 1, "px");
+    el.style.width = "".concat(rect.width + 1, "px");
+    el.style.height = "".concat(rect.height + 1, "px");
+    if (isRtl) {
+      el.style.right = "".concat(pageX + rect.right, "px");
+      el.style.left = 'auto';
+    } else {
+      el.style.left = "".concat(pageX + rect.left - 1, "px");
+      el.style.right = 'auto';
+    }
+  };
+  if (position === 'portal') {
+    var cell = typeof editor.getEditedCell === 'function' ? editor.getEditedCell.call(editor) : null;
+    if (!(cell !== null && cell !== void 0 && cell.getBoundingClientRect)) {
+      return false;
+    }
+    applyTdRect(cell.getBoundingClientRect());
+    return true;
+  }
+  var getEditedCellRect = editor.getEditedCellRect;
+  var rect = typeof getEditedCellRect === 'function' ? getEditedCellRect.call(editor) : null;
+  if (rect) {
+    var rootElement = hot.rootElement;
+    if (rootElement !== null && rootElement !== void 0 && rootElement.getBoundingClientRect) {
+      var rootRect = rootElement.getBoundingClientRect();
+      el.style.top = "".concat(pageY + rootRect.top + rect.top, "px");
+      el.style.width = "".concat(rect.width, "px");
+      el.style.height = "".concat(rect.height, "px");
+      if (isRtl) {
+        el.style.right = "".concat(pageX + rootRect.right - rect.start, "px");
+        el.style.left = 'auto';
+      } else {
+        el.style.left = "".concat(pageX + rootRect.left + rect.start, "px");
+        el.style.right = 'auto';
+      }
+      return true;
+    }
+  }
+  return false;
+}
 /**
  * Hook that allows encapsulating custom behaviours of component-based editor by customizing passed ref with overridden hooks object.
  *
@@ -705,6 +757,147 @@ function useHotEditor(overriddenHooks, deps) {
     };
   }, [rerenderTrigger, hotCustomEditorInstanceRef, deferredValue]);
 }
+function EditorComponent(_ref2) {
+  var _onPrepare = _ref2.onPrepare,
+    _onClose = _ref2.onClose,
+    _onOpen = _ref2.onOpen,
+    _onFocus = _ref2.onFocus,
+    children = _ref2.children,
+    _ref2$shortcutsGroup = _ref2.shortcutsGroup,
+    shortcutsGroup = _ref2$shortcutsGroup === void 0 ? "custom-editor" : _ref2$shortcutsGroup,
+    shortcuts = _ref2.shortcuts;
+  var mainElementRef = React.useRef(null);
+  var currentValue = React.useRef(undefined);
+  var _useState5 = React.useState(),
+    _useState6 = _slicedToArray(_useState5, 2),
+    themeClassName = _useState6[0],
+    setThemeClassName = _useState6[1];
+  var _useContext2 = React.useContext(EditorContext),
+    hotCustomEditorInstanceRef = _useContext2.hotCustomEditorInstanceRef;
+  var registerShortcuts = React.useCallback(function () {
+    var _hotCustomEditorInsta8, _hotCustomEditorInsta9, _hotCustomEditorInsta0;
+    if (!((_hotCustomEditorInsta8 = hotCustomEditorInstanceRef.current) !== null && _hotCustomEditorInsta8 !== void 0 && _hotCustomEditorInsta8.hot)) return;
+    (_hotCustomEditorInsta9 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta9 === void 0 || (_hotCustomEditorInsta9 = _hotCustomEditorInsta9.hot) === null || _hotCustomEditorInsta9 === void 0 || _hotCustomEditorInsta9.getShortcutManager().setActiveContextName("editor");
+    var shortcutManager = (_hotCustomEditorInsta0 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta0 === void 0 || (_hotCustomEditorInsta0 = _hotCustomEditorInsta0.hot) === null || _hotCustomEditorInsta0 === void 0 ? void 0 : _hotCustomEditorInsta0.getShortcutManager();
+    var editorContext = shortcutManager.getContext('editor');
+    var contextConfig = {
+      group: shortcutsGroup
+    };
+    if (shortcuts) {
+      editorContext === null || editorContext === void 0 || editorContext.addShortcuts(shortcuts.map(function (shortcut) {
+        return _objectSpread2(_objectSpread2({}, shortcut), {}, {
+          group: shortcut.group || shortcutsGroup,
+          relativeToGroup: shortcut.relativeToGroup || 'editorManager.handlingEditor',
+          position: shortcut.position || 'before',
+          callback: function callback(event) {
+            return shortcut.callback({
+              value: currentValue.current,
+              setValue: setValue,
+              finishEditing: finishEditing
+            }, event);
+          }
+        });
+      }),
+      //@ts-ignore
+      contextConfig);
+    }
+  }, [shortcuts]);
+  var unRegisterShortcuts = React.useCallback(function () {
+    var _hotCustomEditorInsta1, _hotCustomEditorInsta10;
+    if (!((_hotCustomEditorInsta1 = hotCustomEditorInstanceRef.current) !== null && _hotCustomEditorInsta1 !== void 0 && _hotCustomEditorInsta1.hot)) return;
+    var shortcutManager = (_hotCustomEditorInsta10 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta10 === void 0 || (_hotCustomEditorInsta10 = _hotCustomEditorInsta10.hot) === null || _hotCustomEditorInsta10 === void 0 ? void 0 : _hotCustomEditorInsta10.getShortcutManager();
+    var editorContext = shortcutManager.getContext("editor");
+    editorContext.removeShortcutsByGroup(shortcutsGroup);
+  }, [shortcuts]);
+  var refreshDimensions = React.useCallback(function () {
+    var editor = hotCustomEditorInstanceRef.current;
+    var el = mainElementRef.current;
+    if (!editor || !el) return;
+    var hot = editor.hot;
+    if (!hot) return;
+    if (typeof editor.isOpened !== 'function' || !editor.isOpened()) return;
+    if (!applyEditorPosition(el, editor, hot) && typeof editor.close === 'function') {
+      editor.close();
+    }
+  }, []);
+  var unRegisterScrollHooks = React.useCallback(function () {
+    var editor = hotCustomEditorInstanceRef.current;
+    var hot = editor === null || editor === void 0 ? void 0 : editor.hot;
+    if (!hot || typeof hot.removeHook !== 'function') return;
+    hot.removeHook('afterScrollHorizontally', refreshDimensions);
+    hot.removeHook('afterScrollVertically', refreshDimensions);
+  }, [refreshDimensions]);
+  var registerScrollHooks = React.useCallback(function () {
+    var editor = hotCustomEditorInstanceRef.current;
+    var hot = editor === null || editor === void 0 ? void 0 : editor.hot;
+    if (!hot || typeof hot.addHook !== 'function') return;
+    hot.addHook('afterScrollHorizontally', refreshDimensions);
+    hot.addHook('afterScrollVertically', refreshDimensions);
+  }, [refreshDimensions]);
+  var _useHotEditor = useHotEditor({
+      onOpen: function onOpen() {
+        var _hotCustomEditorInsta11;
+        if (!mainElementRef.current) return;
+        var themeName = (_hotCustomEditorInsta11 = hotCustomEditorInstanceRef.current) === null || _hotCustomEditorInsta11 === void 0 ? void 0 : _hotCustomEditorInsta11.hot.getCurrentThemeName();
+        if (themeName) setThemeClassName(themeName);
+        mainElementRef.current.style.display = 'block';
+        _onOpen === null || _onOpen === void 0 || _onOpen();
+        var el = mainElementRef.current;
+        var editor = hotCustomEditorInstanceRef.current;
+        if (el && editor !== null && editor !== void 0 && editor.hot) {
+          applyEditorPosition(el, editor, editor.hot);
+        }
+        registerShortcuts();
+        registerScrollHooks();
+      },
+      onClose: function onClose() {
+        if (!mainElementRef.current) return;
+        mainElementRef.current.style.display = 'none';
+        _onClose === null || _onClose === void 0 || _onClose();
+        unRegisterShortcuts();
+        unRegisterScrollHooks();
+      },
+      onPrepare: function onPrepare(_row, _column, _prop, TD, _originalValue, _cellProperties) {
+        _onPrepare === null || _onPrepare === void 0 || _onPrepare(_row, _column, _prop, TD, _originalValue, _cellProperties);
+      },
+      onFocus: function onFocus() {
+        _onFocus === null || _onFocus === void 0 || _onFocus();
+      }
+    }),
+    value = _useHotEditor.value,
+    setValue = _useHotEditor.setValue,
+    finishEditing = _useHotEditor.finishEditing,
+    isOpen = _useHotEditor.isOpen,
+    col = _useHotEditor.col,
+    row = _useHotEditor.row;
+  React.useEffect(function () {
+    currentValue.current = value;
+  }, [value]);
+  var stopMousedownPropagation = function stopMousedownPropagation(e) {
+    e.stopPropagation();
+  };
+  return React__default["default"].createElement("div", {
+    ref: mainElementRef,
+    className: themeClassName,
+    style: {
+      display: 'none',
+      position: 'absolute',
+      background: '#fff',
+      border: '0px',
+      padding: '0px',
+      zIndex: 100
+    },
+    onMouseDown: stopMousedownPropagation
+  }, children({
+    value: value,
+    setValue: setValue,
+    finishEditing: finishEditing,
+    mainElementRef: mainElementRef,
+    isOpen: isOpen,
+    col: col,
+    row: row
+  }));
+}
 
 var isHotColumn = function isHotColumn(childNode) {
   return childNode.type === HotColumn;
@@ -779,7 +972,7 @@ var HotColumn = function HotColumn(props) {
   }, editorPortal);
 };
 
-var version="16.2.0";
+var version="17.0.0-rc10";
 
 /**
  * Component used to manage the renderer component portals.
@@ -1123,6 +1316,8 @@ var HotTable = React.forwardRef(function (_ref, ref) {
  */
 HotTable.version = version;
 
+exports.EditorComponent = EditorComponent;
+exports.EditorContext = EditorContext;
 exports.HotColumn = HotColumn;
 exports.HotTable = HotTable;
 exports["default"] = HotTable;