@handsontable/react-wrapper 17.0.0-rc10 → 17.0.0-rc11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
|
|
26
26
|
* USE OR INABILITY TO USE THIS SOFTWARE.
|
|
27
27
|
*
|
|
28
|
-
* Version: 17.0.0-
|
|
28
|
+
* Version: 17.0.0-rc11 (built at Mon Mar 02 2026 12:55:01 GMT+0000 (Coordinated Universal Time))
|
|
29
29
|
*/
|
|
30
30
|
(function (global, factory) {
|
|
31
31
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('react-dom'), require('handsontable/base'), require('handsontable/renderers/registry'), require('handsontable/editors/registry')) :
|
|
@@ -972,7 +972,7 @@ var HotColumn = function HotColumn(props) {
|
|
|
972
972
|
}, editorPortal);
|
|
973
973
|
};
|
|
974
974
|
|
|
975
|
-
var version="17.0.0-
|
|
975
|
+
var version="17.0.0-rc11";
|
|
976
976
|
|
|
977
977
|
/**
|
|
978
978
|
* Component used to manage the renderer component portals.
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
* INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
|
|
26
26
|
* USE OR INABILITY TO USE THIS SOFTWARE.
|
|
27
27
|
*
|
|
28
|
-
* Version: 17.0.0-
|
|
28
|
+
* Version: 17.0.0-rc11 (built at Mon Mar 02 2026 12:55:05 GMT+0000 (Coordinated Universal Time))
|
|
29
29
|
*/
|
|
30
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("handsontable/base"),require("handsontable/renderers/registry"),require("handsontable/editors/registry")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","handsontable/base","handsontable/renderers/registry","handsontable/editors/registry"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).Handsontable=e.Handsontable||{},e.Handsontable.react={}),e.React,e.ReactDOM,e.Handsontable,e.Handsontable.renderers,e.Handsontable.editors)}(this,function(e,t,n,r,o,u){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(t),a=i(n),c=i(r),s=null;function d(){var e;void 0!==console&&(e=console).warn.apply(e,arguments)}function f(e){return p(e,"hot-renderer")?(d("Providing a component-based renderer using `hot-renderer`-annotated component is no longer supported. Pass your component using `renderer` prop of the `HotTable` or `HotColumn` component instead."),!0):!!p(e,"hot-editor")&&(d("Providing a component-based editor using `hot-editor`-annotated component is no longer supported. Pass your component using `editor` prop of the `HotTable` or `HotColumn` component instead."),!0)}function p(e,t){return l.default.Children.toArray(e).some(function(e){return void 0!==e.props[t]})}function v(e,t){if(!e||!t||"boolean"==typeof t)return null;var n=l.default.createElement(t,null),r=h({},!1);return r.className="".concat("hot-wrapper-editor-container"," ").concat(r.className),a.default.createPortal(l.default.createElement("div",Object.assign({},r),n),e.body)}function h(e){return{id:e.id||(1>=arguments.length||void 0===arguments[1]||arguments[1]?"hot-"+Math.random().toString(36).substring(5):void 0),className:e.className||"",style:e.style||{}}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);t>n;n++)r[n]=e[n];return r}function m(e,t,n){return t=w(t),function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,R()?Reflect.construct(t,n||[],w(e).constructor):t.apply(e,n))}function g(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){for(var n=0;t.length>n;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,j(r.key),r)}}function C(e,t,n){return t&&b(e.prototype,t),n&&b(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function O(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function R(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(R=function(){return!!e})()}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function P(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach(function(t){O(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function S(e,t){return S=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},S(e,t)}function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,i,l=[],a=!0,c=!1;try{if(u=(n=n.call(e)).next,0===t);else for(;!(a=(r=u.call(n)).done)&&(l.push(r.value),l.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,t)||H(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||H(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return e+""}(e,"string");return"symbol"==typeof t?t:t+""}function H(e,t){if(e){if("string"==typeof e)return y(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}var I=function(){return C(function e(){g(this,e)},null,[{key:"getSettings",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.prevProps,r=void 0===n?{}:n,o=t.isInit,u=void 0!==o&&o,i=t.initOnlySettingKeys,l=void 0===i?[]:i,a=function(t){return!(u||!l.includes(t))&&r[t]===e[t]},c={};for(var s in e)"children"!==s&&!a(s)&&e.hasOwnProperty(s)&&(c[s]=e[s]);return c}}])}(),T=t.createContext(void 0),_=function(e){var n=e.children,r=t.useRef([]),o=t.useCallback(function(e,t){r.current[t]=e},[]),u=t.useRef(new Map),i=t.useRef(new Map),c=t.useCallback(function(){return i.current.clear()},[]),d=t.useRef(new Map),f=t.useCallback(function(){return d.current.clear()},[]),p=t.useRef(new Map),v=t.useCallback(function(e){return function(t,n,r,o,u,c,f){var v="".concat(r,"-").concat(o),h=t.guid,y="".concat(h,"-").concat(v),m="".concat(v,"-").concat(h);if(i.current.has(v)&&(n.innerHTML=i.current.get(v).innerHTML),n&&!n.getAttribute("ghost-table")){for(var g=d.current.get(m),b=p.current.get(y);n.firstChild;)n.removeChild(n.firstChild);if(g&&b)n.appendChild(b);else{var C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0;t||(t=document),s||(s=t.createDocumentFragment());var o=null!=r?r:t.createElement("DIV");return s.appendChild(o),{portal:a.default.createPortal(e,o,n),portalContainer:o}}(l.default.createElement(e,{instance:t,TD:n,row:r,col:o,prop:u,value:c,cellProperties:f}),n.ownerDocument,m,b),O=C.portal,w=C.portalContainer;p.current.set(y,w),n.appendChild(w),d.current.set(m,O)}}return i.current.set("".concat(r,"-").concat(o),n),n}},[]),h=t.useRef(function(){}),y=t.useCallback(function(e){h.current=e},[]),m=t.useCallback(function(){h.current(x(d.current.values()))},[]),g=t.useMemo(function(){return{componentRendererColumns:u.current,columnsSettings:r.current,emitColumnSettings:o,getRendererWrapper:v,clearPortalCache:f,clearRenderedCellCache:c,setRenderersPortalManagerRef:y,pushCellPortalsIntoPortalManager:m}},[o,v,c,y,m]);return l.default.createElement(T.Provider,{value:g},n)};function D(){return t.useContext(T)}var M=t.createContext(void 0),A=function(e){var n=e.columnIndex,r=e.getOwnerDocument,o=e.children,u=t.useMemo(function(){return{columnIndex:n,getOwnerDocument:r}},[n,r]);return l.default.createElement(M.Provider,{value:u},o)},V=["close","focus","open"],B=["getValue","setValue"],z={open:"onOpen",close:"onClose",prepare:"onPrepare",focus:"onFocus"};function N(e,t){return function(n){function r(n){var o;return g(this,r),o=m(this,r,[n]),t.current=o,Object.getOwnPropertyNames(c.default.editors.BaseEditor.prototype).forEach(function(t){if("constructor"!==t&&!B.includes(t)){var n=c.default.editors.BaseEditor.prototype[t];r.prototype[t]=function(){for(var r,o,u,i=arguments.length,l=Array(i),a=0;i>a;a++)l[a]=arguments[a];(V.includes(t)||(o=n.call.apply(n,[this].concat(l))),z[t]&&null!==(r=e.current)&&void 0!==r&&r[z[t]])&&(o=(u=e.current[z[t]]).call.apply(u,[this].concat(l)));return o}.bind(o)}}),o}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&S(e,t)}(r,n),C(r,[{key:"focus",value:function(){}},{key:"getValue",value:function(){return this.value}},{key:"setValue",value:function(e){this.value=e}},{key:"open",value:function(){}},{key:"close",value:function(){}}])}(c.default.editors.BaseEditor)}var F=t.createContext(void 0),W=function(e){return l.default.createElement(F.Provider,{value:{hooksRef:e.hooksRef,hotCustomEditorInstanceRef:e.hotCustomEditorInstanceRef}},e.children)};function q(e,t,n,r){var o,u,i=n.rootWindow||window,l=null!==(o=i.pageXOffset)&&void 0!==o?o:0,a=null!==(u=i.pageYOffset)&&void 0!==u?u:0,c="function"==typeof n.isRtl&&n.isRtl();if("portal"===t.position){var s="function"==typeof t.getEditedCell?t.getEditedCell.call(t):null;return!(null==s||!s.getBoundingClientRect)&&(function(t){e.style.top="".concat(a+t.top-1,"px"),e.style.width="".concat(t.width+1,"px"),e.style.height="".concat(t.height+1,"px"),c?(e.style.right="".concat(l+t.right,"px"),e.style.left="auto"):(e.style.left="".concat(l+t.left-1,"px"),e.style.right="auto")}(s.getBoundingClientRect()),!0)}var d=t.getEditedCellRect,f="function"==typeof d?d.call(t):null;if(f){var p=n.rootElement;if(null!=p&&p.getBoundingClientRect){var v=p.getBoundingClientRect();return e.style.top="".concat(a+v.top+f.top,"px"),e.style.width="".concat(f.width,"px"),e.style.height="".concat(f.height,"px"),c?(e.style.right="".concat(l+v.right-f.start,"px"),e.style.left="auto"):(e.style.left="".concat(l+v.left+f.start,"px"),e.style.right="auto"),!0}}return!1}function U(e,n){var r=t.useContext(F),o=r.hooksRef,u=r.hotCustomEditorInstanceRef,i=k(t.useState(0),2),l=i[0],a=i[1],c=k(t.useState(),2),s=c[1],d=t.useDeferredValue(c[0]);return t.useImperativeHandle(o,function(){return P(P({},e),{},{onOpen:function(){var t,n;s(null===(t=u.current)||void 0===t?void 0:t.getValue()),null==e||null===(n=e.onOpen)||void 0===n||n.call(e),a(function(e){return e+1})}})},n),t.useMemo(function(){return{get value(){return d},setValue:function(e){var t;s(e),null===(t=u.current)||void 0===t||t.setValue(e)},get isOpen(){var e,t;return null!==(e=null===(t=u.current)||void 0===t?void 0:t.isOpened())&&void 0!==e&&e},finishEditing:function(){var e;null===(e=u.current)||void 0===e||e.finishEditing()},get row(){var e;return null===(e=u.current)||void 0===e?void 0:e.row},get col(){var e;return null===(e=u.current)||void 0===e?void 0:e.col}}},[l,u,d])}var G=function(e){return e.type===Y},L=["_columnIndex","_getOwnerDocument","children"],Y=function(e){var n=D(),r=n.componentRendererColumns,o=n.emitColumnSettings,u=n.getRendererWrapper,i=t.useContext(M),a=i.columnIndex,c=i.getOwnerDocument,s=t.useRef(null),p=t.useRef(null);t.useEffect(function(){var t=function(){var t=I.getSettings(Object.keys(e).filter(function(e){return!L.includes(e)}).reduce(function(t,n){return t[n]=e[n],t},{}));return e.renderer?(t.renderer=u(e.renderer),r.set(a,!0)):e.hotRenderer&&(t.renderer=e.hotRenderer),e.editor?t.editor=N(s,p):e.hotEditor&&(t.editor=e.hotEditor),t}();o(t,a),f(e.children)||l.default.Children.toArray(e.children).length&&d("Unexpected children nodes found in HotColumn component. HotColumn components do not support any children.")});var h=v(c(),e.editor);return l.default.createElement(W,{hooksRef:s,hotCustomEditorInstanceRef:p},h)},K=t.forwardRef(function(e,n){var r=k(t.useState([]),2),o=r[0],u=r[1];return t.useImperativeHandle(n,function(){return u}),l.default.createElement(t.Fragment,null,o)});function X(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $,J,Q,Z,ee={exports:{}};ee.exports=function(){if(Z)return Q;Z=1;var e=J?$:(J=1,$="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");function t(){}function n(){}return n.resetWarningCache=t,Q=function(){function r(t,n,r,o,u,i){if(i!==e){var l=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function o(){return r}r.isRequired=r;var u={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:o,element:r,elementType:r,instanceOf:o,node:r,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:n,resetWarningCache:t};return u.PropTypes=u,u}}()();var te=X(ee.exports),ne=t.forwardRef(function(e,n){var r,i,a,s=t.useRef(null),p=t.useRef(null),y=t.useRef(null),m=t.useRef(null),g=t.useRef(),b=D(),C=t.useCallback(function(){return s.current&&s.current.isDestroyed?(console.warn("The Handsontable instance bound to this component was destroyed and cannot be used properly."),null):s.current},[s]),O=t.useCallback(function(){return!s.current||s.current.isDestroyed},[s]),w=t.useCallback(function(){b.clearRenderedCellCache(),b.componentRendererColumns.clear()},[b]),R=t.useCallback(function(){return"undefined"!=typeof window?p.current?p.current.ownerDocument:document:null},[p]),E=function(){var t,n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=O()?[]:(null===(t=C())||void 0===t||null===(t=t.getSettings())||void 0===t?void 0:t._initOnlySettings)||[],l=I.getSettings(e,{prevProps:r,isInit:n,initOnlySettingKeys:i});return b.columnsSettings.length&&(l.columns=b.columnsSettings),e.renderer?(l.renderer=b.getRendererWrapper(e.renderer),b.componentRendererColumns.set("global",!0)):l.renderer=e.hotRenderer||o.getRenderer("text"),l.editor=e.editor?N(y,m):e.hotEditor||u.getEditor("text"),l},P=function(e){var t,n;e&&(null!==(t=e.getPlugin("autoRowSize"))&&void 0!==t&&t.enabled||null!==(n=e.getPlugin("autoColumnSize"))&&void 0!==n&&n.enabled)&&b.componentRendererColumns.size>0&&d("Your `HotTable` configuration includes `autoRowSize`/`autoColumnSize` options, which are not compatible with the component-based renderers`. Disable `autoRowSize` and `autoColumnSize` to prevent row and column misalignment.")};t.useEffect(function(){var t,n=E(!0);return g.current=e,s.current=new c.default.Core(p.current,n),s.current.addHook("beforeViewRender",function(){b.clearPortalCache(),b.clearRenderedCellCache()}),s.current.addHook("afterViewRender",function(){b.pushCellPortalsIntoPortalManager()}),s.current.init(),P(s.current),f(e.children)||(t=Y,l.default.Children.toArray(e.children).some(function(e){return e.type!==t})&&d("Unexpected children nodes found in HotTable component. Only HotColumn components are allowed.")),function(){var e;w(),null===(e=C())||void 0===e||e.destroy()}},[]),r=function(){w();var t=C(),n=E(!1,g.current);g.current=e,null==t||t.updateSettings(n,!1),P(t),f(e.children)},a=l.default.useRef(!1),t.useEffect(function(){if(a.current)return r();a.current=!0},i),t.useImperativeHandle(n,function(){return{get hotElementRef(){return p.current},get hotInstance(){return C()}}});var S=t.Children.toArray(e.children).filter(G).map(function(e,t){return l.default.createElement(A,{columnIndex:t,getOwnerDocument:R,key:t},e)}),k=h(e),x=v(R(),e.editor);return l.default.createElement(t.Fragment,null,l.default.createElement("div",Object.assign({ref:p},k),S),l.default.createElement(K,{ref:b.setRenderersPortalManagerRef}),l.default.createElement(W,{hooksRef:y,hotCustomEditorInstanceRef:m},x))});ne.propTypes={style:te.object,id:te.string,className:te.string};var re=["children"],oe=t.forwardRef(function(e,n){var r,o=e.children,u=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;u.length>r;r++)-1===t.indexOf(n=u[r])&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,re),i=null!==(r=u.id)&&void 0!==r?r:t.useId();return l.default.createElement(_,null,l.default.createElement(ne,Object.assign({id:i},u,{ref:n}),o))});oe.version="17.0.0-rc10",e.EditorComponent=function(e){var n=e.onPrepare,r=e.onClose,o=e.onOpen,u=e.onFocus,i=e.children,a=e.shortcutsGroup,c=void 0===a?"custom-editor":a,s=e.shortcuts,d=t.useRef(null),f=t.useRef(void 0),p=k(t.useState(),2),v=p[0],h=p[1],y=t.useContext(F).hotCustomEditorInstanceRef,m=t.useCallback(function(){var e,t,n;if(null!==(e=y.current)&&void 0!==e&&e.hot){null===(t=y.current)||void 0===t||null===(t=t.hot)||void 0===t||t.getShortcutManager().setActiveContextName("editor");var r=(null===(n=y.current)||void 0===n||null===(n=n.hot)||void 0===n?void 0:n.getShortcutManager()).getContext("editor"),o={group:c};s&&(null==r||r.addShortcuts(s.map(function(e){return P(P({},e),{},{group:e.group||c,relativeToGroup:e.relativeToGroup||"editorManager.handlingEditor",position:e.position||"before",callback:function(t){return e.callback({value:f.current,setValue:E,finishEditing:S},t)}})}),o))}},[s]),g=t.useCallback(function(){var e,t;null!==(e=y.current)&&void 0!==e&&e.hot&&(null===(t=y.current)||void 0===t||null===(t=t.hot)||void 0===t?void 0:t.getShortcutManager()).getContext("editor").removeShortcutsByGroup(c)},[s]),b=t.useCallback(function(){var e=y.current,t=d.current;if(e&&t){var n=e.hot;n&&"function"==typeof e.isOpened&&e.isOpened()&&(q(t,e,n)||"function"!=typeof e.close||e.close())}},[]),C=t.useCallback(function(){var e=y.current,t=null==e?void 0:e.hot;t&&"function"==typeof t.removeHook&&(t.removeHook("afterScrollHorizontally",b),t.removeHook("afterScrollVertically",b))},[b]),O=t.useCallback(function(){var e=y.current,t=null==e?void 0:e.hot;t&&"function"==typeof t.addHook&&(t.addHook("afterScrollHorizontally",b),t.addHook("afterScrollVertically",b))},[b]),w=U({onOpen:function(){var e;if(d.current){var t=null===(e=y.current)||void 0===e?void 0:e.hot.getCurrentThemeName();t&&h(t),d.current.style.display="block",null==o||o();var n=d.current,r=y.current;n&&null!=r&&r.hot&&q(n,r,r.hot),m(),O()}},onClose:function(){d.current&&(d.current.style.display="none",null==r||r(),g(),C())},onPrepare:function(e,t,r,o,u,i){null==n||n(e,t,r,o,u,i)},onFocus:function(){null==u||u()}}),R=w.value,E=w.setValue,S=w.finishEditing,x=w.isOpen,j=w.col,H=w.row;return t.useEffect(function(){f.current=R},[R]),l.default.createElement("div",{ref:d,className:v,style:{display:"none",position:"absolute",background:"#fff",border:"0px",padding:"0px",zIndex:100},onMouseDown:function(e){e.stopPropagation()}},i({value:R,setValue:E,finishEditing:S,mainElementRef:d,isOpen:x,col:j,row:H}))},e.EditorContext=F,e.HotColumn=Y,e.HotTable=oe,e.default=oe,e.isHotColumn=G,e.useHotEditor=U,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
30
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-dom"),require("handsontable/base"),require("handsontable/renderers/registry"),require("handsontable/editors/registry")):"function"==typeof define&&define.amd?define(["exports","react","react-dom","handsontable/base","handsontable/renderers/registry","handsontable/editors/registry"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).Handsontable=e.Handsontable||{},e.Handsontable.react={}),e.React,e.ReactDOM,e.Handsontable,e.Handsontable.renderers,e.Handsontable.editors)}(this,function(e,t,n,r,o,u){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(t),a=i(n),c=i(r),s=null;function d(){var e;void 0!==console&&(e=console).warn.apply(e,arguments)}function f(e){return p(e,"hot-renderer")?(d("Providing a component-based renderer using `hot-renderer`-annotated component is no longer supported. Pass your component using `renderer` prop of the `HotTable` or `HotColumn` component instead."),!0):!!p(e,"hot-editor")&&(d("Providing a component-based editor using `hot-editor`-annotated component is no longer supported. Pass your component using `editor` prop of the `HotTable` or `HotColumn` component instead."),!0)}function p(e,t){return l.default.Children.toArray(e).some(function(e){return void 0!==e.props[t]})}function v(e,t){if(!e||!t||"boolean"==typeof t)return null;var n=l.default.createElement(t,null),r=h({},!1);return r.className="".concat("hot-wrapper-editor-container"," ").concat(r.className),a.default.createPortal(l.default.createElement("div",Object.assign({},r),n),e.body)}function h(e){return{id:e.id||(1>=arguments.length||void 0===arguments[1]||arguments[1]?"hot-"+Math.random().toString(36).substring(5):void 0),className:e.className||"",style:e.style||{}}}function y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);t>n;n++)r[n]=e[n];return r}function m(e,t,n){return t=w(t),function(e,t){if(t&&("object"==typeof t||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,R()?Reflect.construct(t,n||[],w(e).constructor):t.apply(e,n))}function g(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){for(var n=0;t.length>n;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,j(r.key),r)}}function C(e,t,n){return t&&b(e.prototype,t),n&&b(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function O(e,t,n){return(t=j(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}function R(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(R=function(){return!!e})()}function E(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function P(e){for(var t=1;arguments.length>t;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?E(Object(n),!0).forEach(function(t){O(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):E(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function S(e,t){return S=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},S(e,t)}function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,u,i,l=[],a=!0,c=!1;try{if(u=(n=n.call(e)).next,0===t);else for(;!(a=(r=u.call(n)).done)&&(l.push(r.value),l.length!==t);a=!0);}catch(e){c=!0,o=e}finally{try{if(!a&&null!=n.return&&(i=n.return(),Object(i)!==i))return}finally{if(c)throw o}}return l}}(e,t)||H(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function x(e){return function(e){if(Array.isArray(e))return y(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||H(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t);if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return e+""}(e,"string");return"symbol"==typeof t?t:t+""}function H(e,t){if(e){if("string"==typeof e)return y(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?y(e,t):void 0}}var I=function(){return C(function e(){g(this,e)},null,[{key:"getSettings",value:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=t.prevProps,r=void 0===n?{}:n,o=t.isInit,u=void 0!==o&&o,i=t.initOnlySettingKeys,l=void 0===i?[]:i,a=function(t){return!(u||!l.includes(t))&&r[t]===e[t]},c={};for(var s in e)"children"!==s&&!a(s)&&e.hasOwnProperty(s)&&(c[s]=e[s]);return c}}])}(),T=t.createContext(void 0),_=function(e){var n=e.children,r=t.useRef([]),o=t.useCallback(function(e,t){r.current[t]=e},[]),u=t.useRef(new Map),i=t.useRef(new Map),c=t.useCallback(function(){return i.current.clear()},[]),d=t.useRef(new Map),f=t.useCallback(function(){return d.current.clear()},[]),p=t.useRef(new Map),v=t.useCallback(function(e){return function(t,n,r,o,u,c,f){var v="".concat(r,"-").concat(o),h=t.guid,y="".concat(h,"-").concat(v),m="".concat(v,"-").concat(h);if(i.current.has(v)&&(n.innerHTML=i.current.get(v).innerHTML),n&&!n.getAttribute("ghost-table")){for(var g=d.current.get(m),b=p.current.get(y);n.firstChild;)n.removeChild(n.firstChild);if(g&&b)n.appendChild(b);else{var C=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document,n=arguments.length>2?arguments[2]:void 0,r=arguments.length>3?arguments[3]:void 0;t||(t=document),s||(s=t.createDocumentFragment());var o=null!=r?r:t.createElement("DIV");return s.appendChild(o),{portal:a.default.createPortal(e,o,n),portalContainer:o}}(l.default.createElement(e,{instance:t,TD:n,row:r,col:o,prop:u,value:c,cellProperties:f}),n.ownerDocument,m,b),O=C.portal,w=C.portalContainer;p.current.set(y,w),n.appendChild(w),d.current.set(m,O)}}return i.current.set("".concat(r,"-").concat(o),n),n}},[]),h=t.useRef(function(){}),y=t.useCallback(function(e){h.current=e},[]),m=t.useCallback(function(){h.current(x(d.current.values()))},[]),g=t.useMemo(function(){return{componentRendererColumns:u.current,columnsSettings:r.current,emitColumnSettings:o,getRendererWrapper:v,clearPortalCache:f,clearRenderedCellCache:c,setRenderersPortalManagerRef:y,pushCellPortalsIntoPortalManager:m}},[o,v,c,y,m]);return l.default.createElement(T.Provider,{value:g},n)};function D(){return t.useContext(T)}var M=t.createContext(void 0),A=function(e){var n=e.columnIndex,r=e.getOwnerDocument,o=e.children,u=t.useMemo(function(){return{columnIndex:n,getOwnerDocument:r}},[n,r]);return l.default.createElement(M.Provider,{value:u},o)},V=["close","focus","open"],B=["getValue","setValue"],z={open:"onOpen",close:"onClose",prepare:"onPrepare",focus:"onFocus"};function N(e,t){return function(n){function r(n){var o;return g(this,r),o=m(this,r,[n]),t.current=o,Object.getOwnPropertyNames(c.default.editors.BaseEditor.prototype).forEach(function(t){if("constructor"!==t&&!B.includes(t)){var n=c.default.editors.BaseEditor.prototype[t];r.prototype[t]=function(){for(var r,o,u,i=arguments.length,l=Array(i),a=0;i>a;a++)l[a]=arguments[a];(V.includes(t)||(o=n.call.apply(n,[this].concat(l))),z[t]&&null!==(r=e.current)&&void 0!==r&&r[z[t]])&&(o=(u=e.current[z[t]]).call.apply(u,[this].concat(l)));return o}.bind(o)}}),o}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&S(e,t)}(r,n),C(r,[{key:"focus",value:function(){}},{key:"getValue",value:function(){return this.value}},{key:"setValue",value:function(e){this.value=e}},{key:"open",value:function(){}},{key:"close",value:function(){}}])}(c.default.editors.BaseEditor)}var F=t.createContext(void 0),W=function(e){return l.default.createElement(F.Provider,{value:{hooksRef:e.hooksRef,hotCustomEditorInstanceRef:e.hotCustomEditorInstanceRef}},e.children)};function q(e,t,n,r){var o,u,i=n.rootWindow||window,l=null!==(o=i.pageXOffset)&&void 0!==o?o:0,a=null!==(u=i.pageYOffset)&&void 0!==u?u:0,c="function"==typeof n.isRtl&&n.isRtl();if("portal"===t.position){var s="function"==typeof t.getEditedCell?t.getEditedCell.call(t):null;return!(null==s||!s.getBoundingClientRect)&&(function(t){e.style.top="".concat(a+t.top-1,"px"),e.style.width="".concat(t.width+1,"px"),e.style.height="".concat(t.height+1,"px"),c?(e.style.right="".concat(l+t.right,"px"),e.style.left="auto"):(e.style.left="".concat(l+t.left-1,"px"),e.style.right="auto")}(s.getBoundingClientRect()),!0)}var d=t.getEditedCellRect,f="function"==typeof d?d.call(t):null;if(f){var p=n.rootElement;if(null!=p&&p.getBoundingClientRect){var v=p.getBoundingClientRect();return e.style.top="".concat(a+v.top+f.top,"px"),e.style.width="".concat(f.width,"px"),e.style.height="".concat(f.height,"px"),c?(e.style.right="".concat(l+v.right-f.start,"px"),e.style.left="auto"):(e.style.left="".concat(l+v.left+f.start,"px"),e.style.right="auto"),!0}}return!1}function U(e,n){var r=t.useContext(F),o=r.hooksRef,u=r.hotCustomEditorInstanceRef,i=k(t.useState(0),2),l=i[0],a=i[1],c=k(t.useState(),2),s=c[1],d=t.useDeferredValue(c[0]);return t.useImperativeHandle(o,function(){return P(P({},e),{},{onOpen:function(){var t,n;s(null===(t=u.current)||void 0===t?void 0:t.getValue()),null==e||null===(n=e.onOpen)||void 0===n||n.call(e),a(function(e){return e+1})}})},n),t.useMemo(function(){return{get value(){return d},setValue:function(e){var t;s(e),null===(t=u.current)||void 0===t||t.setValue(e)},get isOpen(){var e,t;return null!==(e=null===(t=u.current)||void 0===t?void 0:t.isOpened())&&void 0!==e&&e},finishEditing:function(){var e;null===(e=u.current)||void 0===e||e.finishEditing()},get row(){var e;return null===(e=u.current)||void 0===e?void 0:e.row},get col(){var e;return null===(e=u.current)||void 0===e?void 0:e.col}}},[l,u,d])}var G=function(e){return e.type===Y},L=["_columnIndex","_getOwnerDocument","children"],Y=function(e){var n=D(),r=n.componentRendererColumns,o=n.emitColumnSettings,u=n.getRendererWrapper,i=t.useContext(M),a=i.columnIndex,c=i.getOwnerDocument,s=t.useRef(null),p=t.useRef(null);t.useEffect(function(){var t=function(){var t=I.getSettings(Object.keys(e).filter(function(e){return!L.includes(e)}).reduce(function(t,n){return t[n]=e[n],t},{}));return e.renderer?(t.renderer=u(e.renderer),r.set(a,!0)):e.hotRenderer&&(t.renderer=e.hotRenderer),e.editor?t.editor=N(s,p):e.hotEditor&&(t.editor=e.hotEditor),t}();o(t,a),f(e.children)||l.default.Children.toArray(e.children).length&&d("Unexpected children nodes found in HotColumn component. HotColumn components do not support any children.")});var h=v(c(),e.editor);return l.default.createElement(W,{hooksRef:s,hotCustomEditorInstanceRef:p},h)},K=t.forwardRef(function(e,n){var r=k(t.useState([]),2),o=r[0],u=r[1];return t.useImperativeHandle(n,function(){return u}),l.default.createElement(t.Fragment,null,o)});function X(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var $,J,Q,Z,ee={exports:{}};ee.exports=function(){if(Z)return Q;Z=1;var e=J?$:(J=1,$="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");function t(){}function n(){}return n.resetWarningCache=t,Q=function(){function r(t,n,r,o,u,i){if(i!==e){var l=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function o(){return r}r.isRequired=r;var u={array:r,bigint:r,bool:r,func:r,number:r,object:r,string:r,symbol:r,any:r,arrayOf:o,element:r,elementType:r,instanceOf:o,node:r,objectOf:o,oneOf:o,oneOfType:o,shape:o,exact:o,checkPropTypes:n,resetWarningCache:t};return u.PropTypes=u,u}}()();var te=X(ee.exports),ne=t.forwardRef(function(e,n){var r,i,a,s=t.useRef(null),p=t.useRef(null),y=t.useRef(null),m=t.useRef(null),g=t.useRef(),b=D(),C=t.useCallback(function(){return s.current&&s.current.isDestroyed?(console.warn("The Handsontable instance bound to this component was destroyed and cannot be used properly."),null):s.current},[s]),O=t.useCallback(function(){return!s.current||s.current.isDestroyed},[s]),w=t.useCallback(function(){b.clearRenderedCellCache(),b.componentRendererColumns.clear()},[b]),R=t.useCallback(function(){return"undefined"!=typeof window?p.current?p.current.ownerDocument:document:null},[p]),E=function(){var t,n=arguments.length>0&&void 0!==arguments[0]&&arguments[0],r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=O()?[]:(null===(t=C())||void 0===t||null===(t=t.getSettings())||void 0===t?void 0:t._initOnlySettings)||[],l=I.getSettings(e,{prevProps:r,isInit:n,initOnlySettingKeys:i});return b.columnsSettings.length&&(l.columns=b.columnsSettings),e.renderer?(l.renderer=b.getRendererWrapper(e.renderer),b.componentRendererColumns.set("global",!0)):l.renderer=e.hotRenderer||o.getRenderer("text"),l.editor=e.editor?N(y,m):e.hotEditor||u.getEditor("text"),l},P=function(e){var t,n;e&&(null!==(t=e.getPlugin("autoRowSize"))&&void 0!==t&&t.enabled||null!==(n=e.getPlugin("autoColumnSize"))&&void 0!==n&&n.enabled)&&b.componentRendererColumns.size>0&&d("Your `HotTable` configuration includes `autoRowSize`/`autoColumnSize` options, which are not compatible with the component-based renderers`. Disable `autoRowSize` and `autoColumnSize` to prevent row and column misalignment.")};t.useEffect(function(){var t,n=E(!0);return g.current=e,s.current=new c.default.Core(p.current,n),s.current.addHook("beforeViewRender",function(){b.clearPortalCache(),b.clearRenderedCellCache()}),s.current.addHook("afterViewRender",function(){b.pushCellPortalsIntoPortalManager()}),s.current.init(),P(s.current),f(e.children)||(t=Y,l.default.Children.toArray(e.children).some(function(e){return e.type!==t})&&d("Unexpected children nodes found in HotTable component. Only HotColumn components are allowed.")),function(){var e;w(),null===(e=C())||void 0===e||e.destroy()}},[]),r=function(){w();var t=C(),n=E(!1,g.current);g.current=e,null==t||t.updateSettings(n,!1),P(t),f(e.children)},a=l.default.useRef(!1),t.useEffect(function(){if(a.current)return r();a.current=!0},i),t.useImperativeHandle(n,function(){return{get hotElementRef(){return p.current},get hotInstance(){return C()}}});var S=t.Children.toArray(e.children).filter(G).map(function(e,t){return l.default.createElement(A,{columnIndex:t,getOwnerDocument:R,key:t},e)}),k=h(e),x=v(R(),e.editor);return l.default.createElement(t.Fragment,null,l.default.createElement("div",Object.assign({ref:p},k),S),l.default.createElement(K,{ref:b.setRenderersPortalManagerRef}),l.default.createElement(W,{hooksRef:y,hotCustomEditorInstanceRef:m},x))});ne.propTypes={style:te.object,id:te.string,className:te.string};var re=["children"],oe=t.forwardRef(function(e,n){var r,o=e.children,u=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var u=Object.getOwnPropertySymbols(e);for(r=0;u.length>r;r++)-1===t.indexOf(n=u[r])&&{}.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}(e,re),i=null!==(r=u.id)&&void 0!==r?r:t.useId();return l.default.createElement(_,null,l.default.createElement(ne,Object.assign({id:i},u,{ref:n}),o))});oe.version="17.0.0-rc11",e.EditorComponent=function(e){var n=e.onPrepare,r=e.onClose,o=e.onOpen,u=e.onFocus,i=e.children,a=e.shortcutsGroup,c=void 0===a?"custom-editor":a,s=e.shortcuts,d=t.useRef(null),f=t.useRef(void 0),p=k(t.useState(),2),v=p[0],h=p[1],y=t.useContext(F).hotCustomEditorInstanceRef,m=t.useCallback(function(){var e,t,n;if(null!==(e=y.current)&&void 0!==e&&e.hot){null===(t=y.current)||void 0===t||null===(t=t.hot)||void 0===t||t.getShortcutManager().setActiveContextName("editor");var r=(null===(n=y.current)||void 0===n||null===(n=n.hot)||void 0===n?void 0:n.getShortcutManager()).getContext("editor"),o={group:c};s&&(null==r||r.addShortcuts(s.map(function(e){return P(P({},e),{},{group:e.group||c,relativeToGroup:e.relativeToGroup||"editorManager.handlingEditor",position:e.position||"before",callback:function(t){return e.callback({value:f.current,setValue:E,finishEditing:S},t)}})}),o))}},[s]),g=t.useCallback(function(){var e,t;null!==(e=y.current)&&void 0!==e&&e.hot&&(null===(t=y.current)||void 0===t||null===(t=t.hot)||void 0===t?void 0:t.getShortcutManager()).getContext("editor").removeShortcutsByGroup(c)},[s]),b=t.useCallback(function(){var e=y.current,t=d.current;if(e&&t){var n=e.hot;n&&"function"==typeof e.isOpened&&e.isOpened()&&(q(t,e,n)||"function"!=typeof e.close||e.close())}},[]),C=t.useCallback(function(){var e=y.current,t=null==e?void 0:e.hot;t&&"function"==typeof t.removeHook&&(t.removeHook("afterScrollHorizontally",b),t.removeHook("afterScrollVertically",b))},[b]),O=t.useCallback(function(){var e=y.current,t=null==e?void 0:e.hot;t&&"function"==typeof t.addHook&&(t.addHook("afterScrollHorizontally",b),t.addHook("afterScrollVertically",b))},[b]),w=U({onOpen:function(){var e;if(d.current){var t=null===(e=y.current)||void 0===e?void 0:e.hot.getCurrentThemeName();t&&h(t),d.current.style.display="block",null==o||o();var n=d.current,r=y.current;n&&null!=r&&r.hot&&q(n,r,r.hot),m(),O()}},onClose:function(){d.current&&(d.current.style.display="none",null==r||r(),g(),C())},onPrepare:function(e,t,r,o,u,i){null==n||n(e,t,r,o,u,i)},onFocus:function(){null==u||u()}}),R=w.value,E=w.setValue,S=w.finishEditing,x=w.isOpen,j=w.col,H=w.row;return t.useEffect(function(){f.current=R},[R]),l.default.createElement("div",{ref:d,className:v,style:{display:"none",position:"absolute",background:"#fff",border:"0px",padding:"0px",zIndex:100},onMouseDown:function(e){e.stopPropagation()}},i({value:R,setValue:E,finishEditing:S,mainElementRef:d,isOpen:x,col:j,row:H}))},e.EditorContext=F,e.HotColumn=Y,e.HotTable=oe,e.default=oe,e.isHotColumn=G,e.useHotEditor=U,Object.defineProperty(e,"__esModule",{value:!0})});
|
|
31
31
|
//# sourceMappingURL=react-handsontable.min.js.map
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@handsontable/react-wrapper",
|
|
3
|
-
"version": "17.0.0-
|
|
3
|
+
"version": "17.0.0-rc11",
|
|
4
4
|
"description": "Best Data Grid for React with Spreadsheet Look and Feel.",
|
|
5
5
|
"author": "Handsoncode <hello@handsoncode.net> (https://handsoncode.net)",
|
|
6
6
|
"homepage": "https://handsontable.com",
|