@hpcc-js/dgrid2 2.3.10 → 2.3.12

package/dist/index.es6.js

@@ -1,77 +1,82 @@
 import { format, timeParse, timeFormat, publish, HTMLWidget } from '@hpcc-js/common';
 
 var PKG_NAME = "@hpcc-js/dgrid2";
-var PKG_VERSION = "2.3.10";
-var BUILD_VERSION = "2.104.27";
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-/* global Reflect, Promise */
-
-var extendStatics = function(d, b) {
-    extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-    return extendStatics(d, b);
-};
-
-function __extends(d, b) {
-    if (typeof b !== "function" && b !== null)
-        throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-    extendStatics(d, b);
-    function __() { this.constructor = d; }
-    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-}
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
-function __decorate(decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-}
-
-function __metadata(metadataKey, metadataValue) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
-}
-
-function __spreadArray(to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-}
-
-var n,l$1,u$1,t$1,o$2,r$2,f$1,e$1,c$1={},s$1=[],a$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,v$1=Array.isArray;function h$1(n,l){for(var u in l)n[u]=l[u];return n}function p$1(n){var l=n.parentNode;l&&l.removeChild(n);}function y$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d$1(l,f,t,o,null)}function d$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function k$2(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function g$2(n,l){if(null==l)return n.__?g$2(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?g$2(n):null}function m$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return m$1(n)}}function w$2(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!x$1.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||r$2)(x$1);}function x$1(){var n,l,u,i,o,r,e,c;for(t$1.sort(f$1);n=t$1.shift();)n.__d&&(l=t$1.length,i=void 0,o=void 0,e=(r=(u=n).__v).__e,(c=u.__P)&&(i=[],(o=h$1({},r)).__v=r.__v+1,L$1(c,r,o,u.__n,void 0!==c.ownerSVGElement,null!=r.__h?[e]:null,i,null==e?g$2(r):e,r.__h),M(i,r),r.__e!=e&&m$1(r)),t$1.length>l&&t$1.sort(f$1));x$1.__r=0;}function P(n,l,u,i,t,o,r,f,e,a){var h,p,y,_,b,m,w,x=i&&i.__k||s$1,P=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _||"function"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?d$1(null,_,null,null,_):v$1(_)?d$1(k$2,{children:_},null,null,null):_.__b>0?d$1(_.type,_.props,_.key,_.ref?_.ref:null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(y=x[h])||y&&_.key==y.key&&_.type===y.type)x[h]=void 0;else for(p=0;p<P;p++){if((y=x[p])&&_.key==y.key&&_.type===y.type){x[p]=void 0;break}y=null;}L$1(n,_,y=y||c$1,t,o,r,f,e,a),b=_.__e,(p=_.ref)&&y.ref!=p&&(w||(w=[]),y.ref&&w.push(y.ref,null,_),w.push(p,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===y.__k?_.__d=e=C$1(_,e,n):e=$$1(n,_,y,x,b,e),"function"==typeof u.type&&(u.__d=e)):e&&y.__e==e&&e.parentNode!=n&&(e=g$2(y));}for(u.__e=m,h=P;h--;)null!=x[h]&&("function"==typeof u.type&&null!=x[h].__e&&x[h].__e==u.__d&&(u.__d=A$1(i).nextSibling),q$2(x[h],x[h]));if(w)for(h=0;h<w.length;h++)O(w[h],w[++h],w[++h]);}function C$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?C$1(i,l,u):$$1(u,i,i,t,i.__e,l));return l}function S(n,l){return l=l||[],null==n||"boolean"==typeof n||(v$1(n)?n.some(function(n){S(n,l);}):l.push(n)),l}function $$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=1)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function A$1(n){var l,u,i;if(null==n.type||"string"==typeof n.type)return n.__e;if(n.__k)for(l=n.__k.length-1;l>=0;l--)if((u=n.__k[l])&&(i=A$1(u)))return i;return null}function H$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||T$2(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||T$2(n,o,l[o],u[o],i);}function I$1(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$1.test(l)?u:u+"px";}function T$2(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||I$1(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||I$1(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?z$1:j$1,o):n.removeEventListener(l,o?z$1:j$1,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&"rowSpan"!==l&&"colSpan"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function j$1(n){return this.l[n.type+!1](l$1.event?l$1.event(n):n)}function z$1(n){return this.l[n.type+!0](l$1.event?l$1.event(n):n)}function L$1(n,u,i,t,o,r,f,e,c){var s,a,p,y,d,_,g,m,w,x,C,S,$,A,H,I=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof I){if(m=u.props,w=(s=I.contextType)&&t[s.__c],x=s?w?w.props.value:s.__:t,i.__c?g=(a=u.__c=i.__c).__=a.__E:("prototype"in I&&I.prototype.render?u.__c=a=new I(m,x):(u.__c=a=new b$1(m,x),a.constructor=I,a.render=B$2),w&&w.sub(a),a.props=m,a.state||(a.state={}),a.context=x,a.__n=t,p=a.__d=!0,a.__h=[],a._sb=[]),null==a.__s&&(a.__s=a.state),null!=I.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=h$1({},a.__s)),h$1(a.__s,I.getDerivedStateFromProps(m,a.__s))),y=a.props,d=a.state,a.__v=u,p)null==I.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else {if(null==I.getDerivedStateFromProps&&m!==y&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(m,x),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(m,a.__s,x)||u.__v===i.__v){for(u.__v!==i.__v&&(a.props=m,a.state=a.__s,a.__d=!1),a.__e=!1,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),C=0;C<a._sb.length;C++)a.__h.push(a._sb[C]);a._sb=[],a.__h.length&&f.push(a);break n}null!=a.componentWillUpdate&&a.componentWillUpdate(m,a.__s,x),null!=a.componentDidUpdate&&a.__h.push(function(){a.componentDidUpdate(y,d,_);});}if(a.context=x,a.props=m,a.__P=n,S=l$1.__r,$=0,"prototype"in I&&I.prototype.render){for(a.state=a.__s,a.__d=!1,S&&S(u),s=a.render(a.props,a.state,a.context),A=0;A<a._sb.length;A++)a.__h.push(a._sb[A]);a._sb=[];}else do{a.__d=!1,S&&S(u),s=a.render(a.props,a.state,a.context),a.state=a.__s;}while(a.__d&&++$<25);a.state=a.__s,null!=a.getChildContext&&(t=h$1(h$1({},t),a.getChildContext())),p||null==a.getSnapshotBeforeUpdate||(_=a.getSnapshotBeforeUpdate(y,d)),P(n,v$1(H=null!=s&&s.type===k$2&&null==s.key?s.props.children:s)?H:[H],u,i,t,o,r,f,e,c),a.base=u.__e,u.__h=null,a.__h.length&&f.push(a),g&&(a.__E=a.__=null),a.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=N$1(i.__e,u,i,t,o,r,f,c);(s=l$1.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function M(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function N$1(l,u,i,t,o,r,f,e){var s,a,h,y=i.props,d=u.props,_=u.type,k=0;if("svg"===_&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!_&&(_?s.localName===_:3===s.nodeType)){l=s,r[k]=null;break}if(null==l){if(null===_)return document.createTextNode(d);l=o?document.createElementNS("http://www.w3.org/2000/svg",_):document.createElement(_,d.is&&d),r=null,e=!1;}if(null===_)y===d||e&&l.data===d||(l.data=d);else {if(r=r&&n.call(l.childNodes),a=(y=i.props||c$1).dangerouslySetInnerHTML,h=d.dangerouslySetInnerHTML,!e){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(h||a)&&(h&&(a&&h.__html==a.__html||h.__html===l.innerHTML)||(l.innerHTML=h&&h.__html||""));}if(H$1(l,d,y,o,e),h)u.__k=[];else if(P(l,v$1(k=u.props.children)?k:[k],u,i,t,o&&"foreignObject"!==_,r,f,r?r[0]:i.__k&&g$2(i,0),e),null!=r)for(k=r.length;k--;)null!=r[k]&&p$1(r[k]);e||("value"in d&&void 0!==(k=d.value)&&(k!==l.value||"progress"===_&&!k||"option"===_&&k!==y.value)&&T$2(l,"value",k,y.value,!1),"checked"in d&&void 0!==(k=d.checked)&&k!==l.checked&&T$2(l,"checked",k,y.checked,!1));}return l}function O(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function q$2(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||O(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&q$2(t[o],u,i||"function"!=typeof n.type);i||null==n.__e||p$1(n.__e),n.__=n.__e=n.__d=void 0;}function B$2(n,l,u){return this.constructor(n,u)}function D$1(u,i,t){var o,r,f;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],L$1(i,u=(!o&&t||i).__k=y$1(k$2,null,[u]),r||c$1,c$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),M(f,u);}function G$1(n,l){var u={__c:l="__cC"+e$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,w$2(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=s$1.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,b$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=h$1({},this.state),"function"==typeof n&&(n=n(h$1({},u),this.props)),n&&h$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),w$2(this));},b$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w$2(this));},b$1.prototype.render=k$2,t$1=[],r$2="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$1=function(n,l){return n.__v.__b-l.__v.__b},x$1.__r=0,e$1=0;
-
-var t,r$1,u,i,o$1=0,f=[],c=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function d(t,u){l$1.__h&&l$1.__h(r$1,t,o$1||u),o$1=0;var i=r$1.__H||(r$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o$1=1,s(B$1,n)}function s(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$1(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r$1,!r$1.u)){var f=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r$1.u=!0;var c=r$1.shouldComponentUpdate,e=r$1.componentWillUpdate;r$1.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r$1.shouldComponentUpdate=f;}return o.__N||o.__}function p(u,i){var o=d(t++,3);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r$1.__H.__h.push(o));}function y(u,i){var o=d(t++,4);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r$1.__h.push(o));}function _$1(n){return o$1=5,F$1(function(){return {current:n}},[])}function A(n,t,r){o$1=6,y(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n));}function F$1(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$1(n,t){return o$1=8,F$1(function(){return n},t)}function q$1(n){var u=r$1.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r$1)),u.props.value):n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k$1),t.__H.__h.forEach(w$1),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){r$1=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var i=(r$1=n.__c).__H;i&&(u===r$1?(i.__h=[],r$1.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k$1),i.__h.forEach(w$1),i.__h=[],t=0)),u=r$1;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r$1=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k$1),t.__h=t.__h.filter(function(n){return !n.__||w$1(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k$1(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g$1="function"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$1&&(t=requestAnimationFrame(r));}function k$1(n){var t=r$1,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r$1=t;}function w$1(n){var t=r$1;n.__c=n.__(),r$1=t;}function z(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$1(n,t){return "function"==typeof t?t(n):t}
-
-function g(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if("__source"!==e&&!(e in t))return !0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return !0;return !1}function w(n){this.props=n;}function x(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return !r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C(this.props,n)}function u(e){return this.shouldComponentUpdate=r,y$1(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(w.prototype=new b$1).isPureReactComponent=!0,w.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var R=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n);};var N="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function k(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=N,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var T=l$1.__e;l$1.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);T(n,t,e,r);};var I=l$1.unmount;function L(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return L(n,t,e)})),n}function U(n,t,e){return n&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return U(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function D(){this.__u=0,this.t=null,this.__b=null;}function F(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function V(){this.u=null,this.o=null;}l$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),I&&I(n);},(D.prototype=new b$1).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=F(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l());};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=U(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},D.prototype.componentWillUnmount=function(){this.t=[];},D.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=L(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&y$1(k$2,null,n.fallback);return i&&(i.__h=null),[y$1(k$2,null,e.__a?null:n.children),i]};var W=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2];}};(V.prototype=new b$1).__a=function(n){var t=this,e=F(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),W(t,n,r)):u();};e?e(o):o();}},V.prototype.render=function(n){this.u=null,this.o=new Map;var t=S(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},V.prototype.componentDidUpdate=V.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){W(n,e,t);});};var B="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,H=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,Z=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Y=/[A-Z0-9]/g,$="undefined"!=typeof document,q=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function G(n,t,e){return null==t.__k&&(t.textContent=""),D$1(n,t),"function"==typeof e&&e(),n?n.__c:null}b$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(b$1.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n});}});});var K=l$1.event;function Q(){}function X(){return this.cancelBubble}function nn(){return this.defaultPrevented}l$1.event=function(n){return K&&(n=K(n)),n.persist=Q,n.isPropagationStopped=X,n.isDefaultPrevented=nn,n.nativeEvent=n};var en={enumerable:!1,configurable:!0,get:function(){return this.class}},rn=l$1.vnode;l$1.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={};for(var o in t){var i=t[o];if(!("value"===o&&"defaultValue"in t&&null==i||$&&"children"===o&&"noscript"===e||"class"===o||"className"===o)){var l=o.toLowerCase();"defaultValue"===o&&"value"in t&&null==t.value?o="value":"download"===o&&!0===i?i="":"ondoubleclick"===l?o="ondblclick":"onchange"!==l||"input"!==e&&"textarea"!==e||q(t.type)?"onfocus"===l?o="onfocusin":"onblur"===l?o="onfocusout":Z.test(o)?o=l:-1===e.indexOf("-")&&H.test(o)?o=o.replace(Y,"-$&").toLowerCase():null===i&&(i=void 0):l=o="oninput","oninput"===l&&u[o=l]&&(o="oninputCapture"),u[o]=i;}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=S(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==e&&null!=u.defaultValue&&(u.value=S(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",en)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u;}(n),n.$$typeof=B,rn&&rn(n);};var un=l$1.__r;l$1.__r=function(n){un&&un(n),n.__c;};var on=l$1.diffed;l$1.diffed=function(n){on&&on(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value);};function hn(n){return !!n.__k&&(D$1(null,n),!0)}var pn=function(n,t){return n(t)};
+var PKG_VERSION = "2.3.12";
+var BUILD_VERSION = "2.104.30";
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+/* global Reflect, Promise, SuppressedError, Symbol */
+
+var extendStatics = function(d, b) {
+  extendStatics = Object.setPrototypeOf ||
+      ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+      function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+  return extendStatics(d, b);
+};
+
+function __extends(d, b) {
+  if (typeof b !== "function" && b !== null)
+      throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+  extendStatics(d, b);
+  function __() { this.constructor = d; }
+  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+}
+
+var __assign = function() {
+  __assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  };
+  return __assign.apply(this, arguments);
+};
+
+function __decorate(decorators, target, key, desc) {
+  var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+}
+
+function __metadata(metadataKey, metadataValue) {
+  if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+}
+
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+      }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var n,l$1,u$1,i$1,o$2,r$2,f$1,e$1,c$1={},s$1=[],a$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,v$1=Array.isArray;function h$1(n,l){for(var u in l)n[u]=l[u];return n}function p$1(n){var l=n.parentNode;l&&l.removeChild(n);}function y$1(l,u,t){var i,o,r,f={};for(r in u)"key"==r?i=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):t),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d$1(l,f,i,o,null)}function d$1(n,t,i,o,r){var f={type:n,props:t,key:i,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function k$2(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function g$2(n,l){if(null==l)return n.__?g$2(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__d||u.__e;return "function"==typeof n.type?g$2(n):null}function m$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return m$1(n)}}function w$2(n){(!n.__d&&(n.__d=!0)&&i$1.push(n)&&!x$1.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||r$2)(x$1);}function x$1(){var n,l,u,t,o,r,e,c,s;for(i$1.sort(f$1);n=i$1.shift();)n.__d&&(l=i$1.length,t=void 0,o=void 0,r=void 0,c=(e=(u=n).__v).__e,(s=u.__P)&&(t=[],o=[],(r=h$1({},e)).__v=e.__v+1,z$1(s,e,r,u.__n,void 0!==s.ownerSVGElement,null!=e.__h?[c]:null,t,null==c?g$2(e):c,e.__h,o),L$1(t,e,o),e.__e!=c&&m$1(e)),i$1.length>l&&i$1.sort(f$1));x$1.__r=0;}function P(n,l,u,t,i,o,r,f,e,a,h){var p,y,_,b,m,w,x,P,C,D=0,H=t&&t.__k||s$1,I=H.length,T=I,j=l.length;for(u.__k=[],p=0;p<j;p++)null!=(b=u.__k[p]=null==(b=l[p])||"boolean"==typeof b||"function"==typeof b?null:"string"==typeof b||"number"==typeof b||"bigint"==typeof b?d$1(null,b,null,null,b):v$1(b)?d$1(k$2,{children:b},null,null,null):b.__b>0?d$1(b.type,b.props,b.key,b.ref?b.ref:null,b.__v):b)?(b.__=u,b.__b=u.__b+1,-1===(P=A$1(b,H,x=p+D,T))?_=c$1:(_=H[P]||c$1,H[P]=void 0,T--),z$1(n,b,_,i,o,r,f,e,a,h),m=b.__e,(y=b.ref)&&_.ref!=y&&(_.ref&&N$1(_.ref,null,b),h.push(y,b.__c||m,b)),null!=m&&(null==w&&(w=m),(C=_===c$1||null===_.__v)?-1==P&&D--:P!==x&&(P===x+1?D++:P>x?T>j-x?D+=P-x:D--:D=P<x&&P==x-1?P-x:0),x=p+D,"function"!=typeof b.type||P===x&&_.__k!==b.__k?"function"==typeof b.type||P===x&&!C?void 0!==b.__d?(e=b.__d,b.__d=void 0):e=m.nextSibling:e=S(n,m,e):e=$$1(b,e,n),"function"==typeof u.type&&(u.__d=e))):(_=H[p])&&null==_.key&&_.__e&&(_.__e==e&&(_.__=t,e=g$2(_)),O(_,_,!1),H[p]=null);for(u.__e=w,p=I;p--;)null!=H[p]&&("function"==typeof u.type&&null!=H[p].__e&&H[p].__e==u.__d&&(u.__d=H[p].__e.nextSibling),O(H[p],H[p]));}function $$1(n,l,u){for(var t,i=n.__k,o=0;i&&o<i.length;o++)(t=i[o])&&(t.__=n,l="function"==typeof t.type?$$1(t,l,u):S(u,t.__e,l));return l}function C$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(v$1(n)?n.some(function(n){C$1(n,l);}):l.push(n)),l}function S(n,l,u){return null==u||u.parentNode!==n?n.insertBefore(l,null):l==u&&null!=l.parentNode||n.insertBefore(l,u),l.nextSibling}function A$1(n,l,u,t){var i=n.key,o=n.type,r=u-1,f=u+1,e=l[u];if(null===e||e&&i==e.key&&o===e.type)return u;if(t>(null!=e?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&i==e.key&&o===e.type)return r;r--;}if(f<l.length){if((e=l[f])&&i==e.key&&o===e.type)return f;f++;}}return -1}function D$1(n,l,u,t,i){var o;for(o in u)"children"===o||"key"===o||o in l||I$1(n,o,null,u[o],t);for(o in l)i&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||I$1(n,o,l[o],u[o],t);}function H$1(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$1.test(l)?u:u+"px";}function I$1(n,l,u,t,i){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof t&&(n.style.cssText=t=""),t)for(l in t)u&&l in u||H$1(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||H$1(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/(PointerCapture)$|Capture$/,"$1")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?t?u.u=t.u:(u.u=Date.now(),n.addEventListener(l,o?j$1:T$2,o)):n.removeEventListener(l,o?j$1:T$2,o);else if("dangerouslySetInnerHTML"!==l){if(i)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&"rowSpan"!==l&&"colSpan"!==l&&"role"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function T$2(n){var u=this.l[n.type+!1];if(n.t){if(n.t<=u.u)return}else n.t=Date.now();return u(l$1.event?l$1.event(n):n)}function j$1(n){return this.l[n.type+!0](l$1.event?l$1.event(n):n)}function z$1(n,u,t,i,o,r,f,e,c,s){var a,p,y,d,_,g,m,w,x,$,C,S,A,D,H,I=u.type;if(void 0!==u.constructor)return null;null!=t.__h&&(c=t.__h,e=u.__e=t.__e,u.__h=null,r=[e]),(a=l$1.__b)&&a(u);n:if("function"==typeof I)try{if(w=u.props,x=(a=I.contextType)&&i[a.__c],$=a?x?x.props.value:a.__:i,t.__c?m=(p=u.__c=t.__c).__=p.__E:("prototype"in I&&I.prototype.render?u.__c=p=new I(w,$):(u.__c=p=new b$1(w,$),p.constructor=I,p.render=q$2),x&&x.sub(p),p.props=w,p.state||(p.state={}),p.context=$,p.__n=i,y=p.__d=!0,p.__h=[],p._sb=[]),null==p.__s&&(p.__s=p.state),null!=I.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=h$1({},p.__s)),h$1(p.__s,I.getDerivedStateFromProps(w,p.__s))),d=p.props,_=p.state,p.__v=u,y)null==I.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else {if(null==I.getDerivedStateFromProps&&w!==d&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(w,$),!p.__e&&(null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(w,p.__s,$)||u.__v===t.__v)){for(u.__v!==t.__v&&(p.props=w,p.state=p.__s,p.__d=!1),u.__e=t.__e,u.__k=t.__k,u.__k.forEach(function(n){n&&(n.__=u);}),C=0;C<p._sb.length;C++)p.__h.push(p._sb[C]);p._sb=[],p.__h.length&&f.push(p);break n}null!=p.componentWillUpdate&&p.componentWillUpdate(w,p.__s,$),null!=p.componentDidUpdate&&p.__h.push(function(){p.componentDidUpdate(d,_,g);});}if(p.context=$,p.props=w,p.__P=n,p.__e=!1,S=l$1.__r,A=0,"prototype"in I&&I.prototype.render){for(p.state=p.__s,p.__d=!1,S&&S(u),a=p.render(p.props,p.state,p.context),D=0;D<p._sb.length;D++)p.__h.push(p._sb[D]);p._sb=[];}else do{p.__d=!1,S&&S(u),a=p.render(p.props,p.state,p.context),p.state=p.__s;}while(p.__d&&++A<25);p.state=p.__s,null!=p.getChildContext&&(i=h$1(h$1({},i),p.getChildContext())),y||null==p.getSnapshotBeforeUpdate||(g=p.getSnapshotBeforeUpdate(d,_)),P(n,v$1(H=null!=a&&a.type===k$2&&null==a.key?a.props.children:a)?H:[H],u,t,i,o,r,f,e,c,s),p.base=u.__e,u.__h=null,p.__h.length&&f.push(p),m&&(p.__E=p.__=null);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,t);}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=M(t.__e,u,t,i,o,r,f,c,s);(a=l$1.diffed)&&a(u);}function L$1(n,u,t){for(var i=0;i<t.length;i++)N$1(t[i],t[++i],t[++i]);l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function M(l,u,t,i,o,r,f,e,s){var a,h,y,d=t.props,_=u.props,k=u.type,b=0;if("svg"===k&&(o=!0),null!=r)for(;b<r.length;b++)if((a=r[b])&&"setAttribute"in a==!!k&&(k?a.localName===k:3===a.nodeType)){l=a,r[b]=null;break}if(null==l){if(null===k)return document.createTextNode(_);l=o?document.createElementNS("http://www.w3.org/2000/svg",k):document.createElement(k,_.is&&_),r=null,e=!1;}if(null===k)d===_||e&&l.data===_||(l.data=_);else {if(r=r&&n.call(l.childNodes),h=(d=t.props||c$1).dangerouslySetInnerHTML,y=_.dangerouslySetInnerHTML,!e){if(null!=r)for(d={},b=0;b<l.attributes.length;b++)d[l.attributes[b].name]=l.attributes[b].value;(y||h)&&(y&&(h&&y.__html==h.__html||y.__html===l.innerHTML)||(l.innerHTML=y&&y.__html||""));}if(D$1(l,_,d,o,e),y)u.__k=[];else if(P(l,v$1(b=u.props.children)?b:[b],u,t,i,o&&"foreignObject"!==k,r,f,r?r[0]:t.__k&&g$2(t,0),e,s),null!=r)for(b=r.length;b--;)null!=r[b]&&p$1(r[b]);e||("value"in _&&void 0!==(b=_.value)&&(b!==l.value||"progress"===k&&!b||"option"===k&&b!==d.value)&&I$1(l,"value",b,d.value,!1),"checked"in _&&void 0!==(b=_.checked)&&b!==l.checked&&I$1(l,"checked",b,d.checked,!1));}return l}function N$1(n,u,t){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,t);}}function O(n,u,t){var i,o;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||N$1(i,null,u)),null!=(i=n.__c)){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(n){l$1.__e(n,u);}i.base=i.__P=null,n.__c=void 0;}if(i=n.__k)for(o=0;o<i.length;o++)i[o]&&O(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||p$1(n.__e),n.__=n.__e=n.__d=void 0;}function q$2(n,l,u){return this.constructor(n,u)}function B$2(u,t,i){var o,r,f,e;l$1.__&&l$1.__(u,t),r=(o="function"==typeof i)?null:i&&i.__k||t.__k,f=[],e=[],z$1(t,u=(!o&&i||t).__k=y$1(k$2,null,[u]),r||c$1,c$1,void 0!==t.ownerSVGElement,!o&&i?[i]:r?null:t.firstChild?n.call(t.childNodes):null,f,!o&&i?i:r?r.__e:t.firstChild,o,e),L$1(f,u,e);}function G$1(n,l){var u={__c:l="__cC"+e$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,t;return this.getChildContext||(u=[],(t={})[l]=this,this.getChildContext=function(){return t},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,w$2(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=s$1.slice,l$1={__e:function(n,l,u,t){for(var i,o,r;l=l.__;)if((i=l.__c)&&!i.__)try{if((o=i.constructor)&&null!=o.getDerivedStateFromError&&(i.setState(o.getDerivedStateFromError(n)),r=i.__d),null!=i.componentDidCatch&&(i.componentDidCatch(n,t||{}),r=i.__d),r)return i.__E=i}catch(l){n=l;}throw n}},u$1=0,b$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=h$1({},this.state),"function"==typeof n&&(n=n(h$1({},u),this.props)),n&&h$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),w$2(this));},b$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w$2(this));},b$1.prototype.render=k$2,i$1=[],r$2="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$1=function(n,l){return n.__v.__b-l.__v.__b},x$1.__r=0,e$1=0;
+
+var t,r$1,u,i,o$1=0,f=[],c=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function d(t,u){l$1.__h&&l$1.__h(r$1,t,o$1||u),o$1=0;var i=r$1.__H||(r$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o$1=1,s(B$1,n)}function s(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$1(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r$1,!r$1.u)){var f=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r$1.u=!0;var c=r$1.shouldComponentUpdate,e=r$1.componentWillUpdate;r$1.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r$1.shouldComponentUpdate=f;}return o.__N||o.__}function p(u,i){var o=d(t++,3);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r$1.__H.__h.push(o));}function y(u,i){var o=d(t++,4);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r$1.__h.push(o));}function _$1(n){return o$1=5,F$1(function(){return {current:n}},[])}function A(n,t,r){o$1=6,y(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n));}function F$1(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$1(n,t){return o$1=8,F$1(function(){return n},t)}function q$1(n){var u=r$1.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r$1)),u.props.value):n.__}function V$1(){var n=d(t++,11);if(!n.__){for(var u=r$1.__v;null!==u&&!u.__m&&null!==u.__;)u=u.__;var i=u.__m||(u.__m=[0,0]);n.__="P"+i[0]+"-"+i[1]++;}return n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k$1),t.__H.__h.forEach(w$1),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){r$1=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var i=(r$1=n.__c).__H;i&&(u===r$1?(i.__h=[],r$1.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k$1),i.__h.forEach(w$1),i.__h=[],t=0)),u=r$1;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r$1=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k$1),t.__h=t.__h.filter(function(n){return !n.__||w$1(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k$1(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g$1="function"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$1&&(t=requestAnimationFrame(r));}function k$1(n){var t=r$1,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r$1=t;}function w$1(n){var t=r$1;n.__c=n.__(),r$1=t;}function z(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$1(n,t){return "function"==typeof t?t(n):t}
+
+function g(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if("__source"!==e&&!(e in t))return !0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return !0;return !1}function w(n){this.props=n;}function x(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return !r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C(this.props,n)}function u(e){return this.shouldComponentUpdate=r,y$1(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(w.prototype=new b$1).isPureReactComponent=!0,w.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var R=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n);};var N="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function k(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=N,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var T=l$1.__e;l$1.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);T(n,t,e,r);};var F=l$1.unmount;function I(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return I(n,t,e)})),n}function L(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return L(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function U(){this.__u=0,this.t=null,this.__b=null;}function D(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function V(){this.u=null,this.o=null;}l$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),F&&F(n);},(U.prototype=new b$1).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=D(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l());};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=L(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},U.prototype.componentWillUnmount=function(){this.t=[];},U.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=I(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&y$1(k$2,null,n.fallback);return i&&(i.__h=null),[y$1(k$2,null,e.__a?null:n.children),i]};var W=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2];}};(V.prototype=new b$1).__a=function(n){var t=this,e=D(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),W(t,n,r)):u();};e?e(o):o();}},V.prototype.render=function(n){this.u=null,this.o=new Map;var t=C$1(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},V.prototype.componentDidUpdate=V.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){W(n,e,t);});};var B="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,H=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,Z=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Y=/[A-Z0-9]/g,$="undefined"!=typeof document,q=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function G(n,t,e){return null==t.__k&&(t.textContent=""),B$2(n,t),"function"==typeof e&&e(),n?n.__c:null}b$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(b$1.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n});}});});var K=l$1.event;function Q(){}function X(){return this.cancelBubble}function nn(){return this.defaultPrevented}l$1.event=function(n){return K&&(n=K(n)),n.persist=Q,n.isPropagationStopped=X,n.isDefaultPrevented=nn,n.nativeEvent=n};var en={enumerable:!1,configurable:!0,get:function(){return this.class}},rn=l$1.vnode;l$1.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={};for(var o in t){var i=t[o];if(!("value"===o&&"defaultValue"in t&&null==i||$&&"children"===o&&"noscript"===e||"class"===o||"className"===o)){var l=o.toLowerCase();"defaultValue"===o&&"value"in t&&null==t.value?o="value":"download"===o&&!0===i?i="":"ondoubleclick"===l?o="ondblclick":"onchange"!==l||"input"!==e&&"textarea"!==e||q(t.type)?"onfocus"===l?o="onfocusin":"onblur"===l?o="onfocusout":Z.test(o)?o=l:-1===e.indexOf("-")&&H.test(o)?o=o.replace(Y,"-$&").toLowerCase():null===i&&(i=void 0):l=o="oninput","oninput"===l&&u[o=l]&&(o="oninputCapture"),u[o]=i;}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=C$1(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==e&&null!=u.defaultValue&&(u.value=C$1(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",en)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u;}(n),n.$$typeof=B,rn&&rn(n);};var un=l$1.__r;l$1.__r=function(n){un&&un(n),n.__c;};var on=l$1.diffed;l$1.diffed=function(n){on&&on(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value);};function vn(n){return !!n.__k&&(B$2(null,n),!0)}var mn=function(n,t){return n(t)};
 
 function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
@@ -85,6 +90,9 @@ function getColSpan(column, lastFrozenColumnIndex, args) {
   return undefined;
 }
 
+function stopPropagation(event) {
+  event.stopPropagation();
+}
 function scrollIntoView(element) {
   element?.scrollIntoView({
     inline: 'nearest',
@@ -119,12 +127,12 @@ function onEditorNavigation({
   target
 }) {
   if (key === 'Tab' && (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement)) {
-    return target.matches('.rdg-editor-container > :only-child, .rdg-editor-container > label:only-child > :only-child, .rdg-editor-container > div:only-child > label:only-child > :only-child');
+    return target.closest('.rdg-editor-container')?.querySelectorAll('input, textarea, select').length === 1;
   }
   return false;
 }
 
-const measuringCellClassname = "m1l09lto7-0-0-beta-33";
+const measuringCellClassname = "mlln6zg7-0-0-beta-40";
 function renderMeasuringCells(viewportColumns) {
   return viewportColumns.map(({
     key,
@@ -145,33 +153,31 @@ function renderMeasuringCells(viewportColumns) {
 function isSelectedCellEditable({
   selectedPosition,
   columns,
-  rows,
-  isGroupRow
+  rows
 }) {
   const column = columns[selectedPosition.idx];
   const row = rows[selectedPosition.rowIdx];
-  return !isGroupRow(row) && isCellEditable(column, row);
+  return isCellEditable(column, row);
 }
 function isCellEditable(column, row) {
-  return column.renderEditCell != null && !column.rowGroup && (typeof column.editable === 'function' ? column.editable(row) : column.editable) !== false;
+  return column.renderEditCell != null && (typeof column.editable === 'function' ? column.editable(row) : column.editable) !== false;
 }
 function getSelectedCellColSpan({
   rows,
   topSummaryRows,
   bottomSummaryRows,
   rowIdx,
+  mainHeaderRowIdx,
   lastFrozenColumnIndex,
-  column,
-  isGroupRow
+  column
 }) {
   const topSummaryRowsCount = topSummaryRows?.length ?? 0;
-  const minRowIdx = -1 - topSummaryRowsCount;
-  if (rowIdx === minRowIdx) {
+  if (rowIdx === mainHeaderRowIdx) {
     return getColSpan(column, lastFrozenColumnIndex, {
       type: 'HEADER'
     });
   }
-  if (topSummaryRows && rowIdx > minRowIdx && rowIdx <= topSummaryRowsCount + minRowIdx) {
+  if (topSummaryRows && rowIdx > mainHeaderRowIdx && rowIdx <= topSummaryRowsCount + mainHeaderRowIdx) {
     return getColSpan(column, lastFrozenColumnIndex, {
       type: 'SUMMARY',
       row: topSummaryRows[rowIdx + topSummaryRowsCount]
@@ -179,13 +185,10 @@ function getSelectedCellColSpan({
   }
   if (rowIdx >= 0 && rowIdx < rows.length) {
     const row = rows[rowIdx];
-    if (!isGroupRow(row)) {
-      return getColSpan(column, lastFrozenColumnIndex, {
-        type: 'ROW',
-        row
-      });
-    }
-    return;
+    return getColSpan(column, lastFrozenColumnIndex, {
+      type: 'ROW',
+      row
+    });
   }
   if (bottomSummaryRows) {
     return getColSpan(column, lastFrozenColumnIndex, {
@@ -196,6 +199,8 @@ function getSelectedCellColSpan({
   return undefined;
 }
 function getNextSelectedCellPosition({
+  moveUp,
+  moveNext,
   cellNavigationMode,
   columns,
   colSpanColumns,
@@ -203,24 +208,22 @@ function getNextSelectedCellPosition({
   topSummaryRows,
   bottomSummaryRows,
   minRowIdx,
+  mainHeaderRowIdx,
   maxRowIdx,
   currentPosition: {
-    idx: currentIdx
+    idx: currentIdx,
+    rowIdx: currentRowIdx
   },
   nextPosition,
   lastFrozenColumnIndex,
-  isCellWithinBounds,
-  isGroupRow
+  isCellWithinBounds
 }) {
   let {
     idx: nextIdx,
     rowIdx: nextRowIdx
   } = nextPosition;
-  const setColSpan = moveRight => {
-    if (nextRowIdx >= 0 && nextRowIdx < rows.length) {
-      const row = rows[nextRowIdx];
-      if (isGroupRow(row)) return;
-    }
+  const columnsCount = columns.length;
+  const setColSpan = moveNext => {
     for (const column of colSpanColumns) {
       const colIdx = column.idx;
       if (colIdx > nextIdx) break;
@@ -229,21 +232,58 @@ function getNextSelectedCellPosition({
         topSummaryRows,
         bottomSummaryRows,
         rowIdx: nextRowIdx,
+        mainHeaderRowIdx,
         lastFrozenColumnIndex,
-        column,
-        isGroupRow
+        column
       });
       if (colSpan && nextIdx > colIdx && nextIdx < colSpan + colIdx) {
-        nextIdx = colIdx + (moveRight ? colSpan : 0);
+        nextIdx = colIdx + (moveNext ? colSpan : 0);
         break;
       }
     }
   };
+  const getParentRowIdx = parent => {
+    return parent.level + mainHeaderRowIdx;
+  };
+  const setHeaderGroupColAndRowSpan = () => {
+    if (moveNext) {
+      const nextColumn = columns[nextIdx];
+      let parent = nextColumn.parent;
+      while (parent !== undefined) {
+        const parentRowIdx = getParentRowIdx(parent);
+        if (nextRowIdx === parentRowIdx) {
+          nextIdx = parent.idx + parent.colSpan;
+          break;
+        }
+        parent = parent.parent;
+      }
+    } else if (moveUp) {
+      const nextColumn = columns[nextIdx];
+      let parent = nextColumn.parent;
+      let found = false;
+      while (parent !== undefined) {
+        const parentRowIdx = getParentRowIdx(parent);
+        if (nextRowIdx >= parentRowIdx) {
+          nextIdx = parent.idx;
+          nextRowIdx = parentRowIdx;
+          found = true;
+          break;
+        }
+        parent = parent.parent;
+      }
+      if (!found) {
+        nextIdx = currentIdx;
+        nextRowIdx = currentRowIdx;
+      }
+    }
+  };
   if (isCellWithinBounds(nextPosition)) {
-    setColSpan(nextIdx - currentIdx > 0);
+    setColSpan(moveNext);
+    if (nextRowIdx < mainHeaderRowIdx) {
+      setHeaderGroupColAndRowSpan();
+    }
   }
   if (cellNavigationMode === 'CHANGE_ROW') {
-    const columnsCount = columns.length;
     const isAfterLastColumn = nextIdx === columnsCount;
     const isBeforeFirstColumn = nextIdx === -1;
     if (isAfterLastColumn) {
@@ -261,6 +301,20 @@ function getNextSelectedCellPosition({
       setColSpan(false);
     }
   }
+  if (nextRowIdx < mainHeaderRowIdx) {
+    const nextColumn = columns[nextIdx];
+    let parent = nextColumn.parent;
+    const nextParentRowIdx = nextRowIdx;
+    nextRowIdx = mainHeaderRowIdx;
+    while (parent !== undefined) {
+      const parentRowIdx = getParentRowIdx(parent);
+      if (parentRowIdx >= nextParentRowIdx) {
+        nextRowIdx = parentRowIdx;
+        nextIdx = parent.idx;
+      }
+      parent = parent.parent;
+    }
+  }
   return {
     idx: nextIdx,
     rowIdx: nextRowIdx
@@ -283,11 +337,11 @@ function canExitGrid({
   return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
 }
 
-const cell = "c1wupbe7-0-0-beta-33";
+const cell = "cj343x07-0-0-beta-40";
 const cellClassname = `rdg-cell ${cell}`;
-const cellFrozen = "cd0kgiy7-0-0-beta-33";
+const cellFrozen = "csofj7r7-0-0-beta-40";
 const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
-const cellFrozenLast = "c1730fa47-0-0-beta-33";
+const cellFrozenLast = "ch2wcw87-0-0-beta-40";
 const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
 
 function getRowStyle(rowIdx, height) {
@@ -301,10 +355,29 @@ function getRowStyle(rowIdx, height) {
     '--rdg-grid-row-start': rowIdx
   };
 }
-function getCellStyle(column, colSpan) {
+function getHeaderCellStyle(column, rowIdx, rowSpan) {
+  const gridRowEnd = rowIdx + 1;
+  const paddingBlockStart = `calc(${rowSpan - 1} * var(--rdg-header-row-height))`;
+  if (column.parent === undefined) {
+    return {
+      insetBlockStart: 0,
+      gridRowStart: 1,
+      gridRowEnd,
+      paddingBlockStart
+    };
+  }
   return {
-    gridColumnStart: column.idx + 1,
-    gridColumnEnd: colSpan !== undefined ? `span ${colSpan}` : undefined,
+    insetBlockStart: `calc(${rowIdx - rowSpan} * var(--rdg-header-row-height))`,
+    gridRowStart: gridRowEnd - rowSpan,
+    gridRowEnd,
+    paddingBlockStart
+  };
+}
+function getCellStyle(column, colSpan = 1) {
+  const index = column.idx + 1;
+  return {
+    gridColumnStart: index,
+    gridColumnEnd: index + colSpan,
     insetInlineStart: column.frozen ? `var(--rdg-frozen-left-${column.idx})` : undefined
   };
 }
@@ -335,14 +408,17 @@ function clampColumnWidth(width, {
   }
   return width;
 }
+function getHeaderCellRowSpan(column, rowIdx) {
+  return column.parent === undefined ? rowIdx : column.level - column.parent.level;
+}
 
-const checkboxLabel = "c1hs68w07-0-0-beta-33";
+const checkboxLabel = "c1bn88vv7-0-0-beta-40";
 const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
-const checkboxInput = "cojpd0n7-0-0-beta-33";
+const checkboxInput = "c1qt073l7-0-0-beta-40";
 const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
-const checkbox = "cwsfieb7-0-0-beta-33";
+const checkbox = "cf71kmq7-0-0-beta-40";
 const checkboxClassname = `rdg-checkbox ${checkbox}`;
-const checkboxLabelDisabled = "c1fgadbl7-0-0-beta-33";
+const checkboxLabelDisabled = "c1lwve4p7-0-0-beta-40";
 const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
 function renderCheckbox({
   onChange,
@@ -364,46 +440,6 @@ function renderCheckbox({
   });
 }
 
-const groupCellContent = "g1w3c5217-0-0-beta-33";
-const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
-const caret = "cm5tyhw7-0-0-beta-33";
-const caretClassname = `rdg-caret ${caret}`;
-function renderToggleGroup(props) {
-  return /*#__PURE__*/o(ToggleGroup, {
-    ...props
-  });
-}
-function ToggleGroup({
-  groupKey,
-  isExpanded,
-  tabIndex,
-  toggleGroup
-}) {
-  function handleKeyDown({
-    key
-  }) {
-    if (key === 'Enter') {
-      toggleGroup();
-    }
-  }
-  const d = isExpanded ? 'M1 1 L 7 7 L 13 1' : 'M1 7 L 7 1 L 13 7';
-  return /*#__PURE__*/o("span", {
-    className: groupCellContentClassname,
-    tabIndex: tabIndex,
-    onKeyDown: handleKeyDown,
-    children: [groupKey, /*#__PURE__*/o("svg", {
-      viewBox: "0 0 14 8",
-      width: "14",
-      height: "8",
-      className: caretClassname,
-      "aria-hidden": true,
-      children: /*#__PURE__*/o("path", {
-        d: d
-      })
-    })]
-  });
-}
-
 function renderValue(props) {
   try {
     return props.row[props.column.key];
@@ -527,52 +563,68 @@ const DEFAULT_COLUMN_WIDTH = 'auto';
 const DEFAULT_COLUMN_MIN_WIDTH = 50;
 function useCalculatedColumns({
   rawColumns,
-  measuredColumnWidths,
-  resizedColumnWidths,
+  defaultColumnOptions,
+  getColumnWidth,
   viewportWidth,
   scrollLeft,
-  defaultColumnOptions,
-  rawGroupBy,
   enableVirtualization
 }) {
   const defaultWidth = defaultColumnOptions?.width ?? DEFAULT_COLUMN_WIDTH;
   const defaultMinWidth = defaultColumnOptions?.minWidth ?? DEFAULT_COLUMN_MIN_WIDTH;
   const defaultMaxWidth = defaultColumnOptions?.maxWidth ?? undefined;
-  const defaultFormatter = defaultColumnOptions?.renderCell ?? renderValue;
+  const defaultCellRenderer = defaultColumnOptions?.renderCell ?? renderValue;
   const defaultSortable = defaultColumnOptions?.sortable ?? false;
   const defaultResizable = defaultColumnOptions?.resizable ?? false;
+  const defaultDraggable = defaultColumnOptions?.draggable ?? false;
   const {
     columns,
     colSpanColumns,
     lastFrozenColumnIndex,
-    groupBy
+    headerRowsCount
   } = F$1(() => {
-    const groupBy = [];
     let lastFrozenColumnIndex = -1;
-    const columns = rawColumns.map(rawColumn => {
-      const rowGroup = rawGroupBy?.includes(rawColumn.key) ?? false;
-      const frozen = rowGroup || rawColumn.frozen || false;
-      const column = {
-        ...rawColumn,
-        idx: 0,
-        frozen,
-        isLastFrozenColumn: false,
-        rowGroup,
-        width: rawColumn.width ?? defaultWidth,
-        minWidth: rawColumn.minWidth ?? defaultMinWidth,
-        maxWidth: rawColumn.maxWidth ?? defaultMaxWidth,
-        sortable: rawColumn.sortable ?? defaultSortable,
-        resizable: rawColumn.resizable ?? defaultResizable,
-        renderCell: rawColumn.renderCell ?? defaultFormatter
-      };
-      if (rowGroup) {
-        column.renderGroupCell ??= renderToggleGroup;
-      }
-      if (frozen) {
-        lastFrozenColumnIndex++;
+    let headerRowsCount = 1;
+    const columns = [];
+    collectColumns(rawColumns, 1);
+    function collectColumns(rawColumns, level, parent) {
+      for (const rawColumn of rawColumns) {
+        if ('children' in rawColumn) {
+          const calculatedColumnParent = {
+            name: rawColumn.name,
+            parent,
+            idx: -1,
+            colSpan: 0,
+            level: 0,
+            headerCellClass: rawColumn.headerCellClass
+          };
+          collectColumns(rawColumn.children, level + 1, calculatedColumnParent);
+          continue;
+        }
+        const frozen = rawColumn.frozen ?? false;
+        const column = {
+          ...rawColumn,
+          parent,
+          idx: 0,
+          level: 0,
+          frozen,
+          isLastFrozenColumn: false,
+          width: rawColumn.width ?? defaultWidth,
+          minWidth: rawColumn.minWidth ?? defaultMinWidth,
+          maxWidth: rawColumn.maxWidth ?? defaultMaxWidth,
+          sortable: rawColumn.sortable ?? defaultSortable,
+          resizable: rawColumn.resizable ?? defaultResizable,
+          draggable: rawColumn.draggable ?? defaultDraggable,
+          renderCell: rawColumn.renderCell ?? defaultCellRenderer
+        };
+        columns.push(column);
+        if (frozen) {
+          lastFrozenColumnIndex++;
+        }
+        if (level > headerRowsCount) {
+          headerRowsCount = level;
+        }
       }
-      return column;
-    });
+    }
     columns.sort(({
       key: aKey,
       frozen: frozenA
@@ -582,13 +634,6 @@ function useCalculatedColumns({
     }) => {
       if (aKey === SELECT_COLUMN_KEY) return -1;
       if (bKey === SELECT_COLUMN_KEY) return 1;
-      if (rawGroupBy?.includes(aKey)) {
-        if (rawGroupBy.includes(bKey)) {
-          return rawGroupBy.indexOf(aKey) - rawGroupBy.indexOf(bKey);
-        }
-        return -1;
-      }
-      if (rawGroupBy?.includes(bKey)) return 1;
       if (frozenA) {
         if (frozenB) return 0;
         return -1;
@@ -599,9 +644,7 @@ function useCalculatedColumns({
     const colSpanColumns = [];
     columns.forEach((column, idx) => {
       column.idx = idx;
-      if (column.rowGroup) {
-        groupBy.push(column.key);
-      }
+      updateColumnParent(column, idx, 0);
       if (column.colSpan != null) {
         colSpanColumns.push(column);
       }
@@ -613,9 +656,9 @@ function useCalculatedColumns({
       columns,
       colSpanColumns,
       lastFrozenColumnIndex,
-      groupBy
+      headerRowsCount
     };
-  }, [rawColumns, defaultWidth, defaultMinWidth, defaultMaxWidth, defaultFormatter, defaultResizable, defaultSortable, rawGroupBy]);
+  }, [rawColumns, defaultWidth, defaultMinWidth, defaultMaxWidth, defaultCellRenderer, defaultResizable, defaultSortable, defaultDraggable]);
   const {
     templateColumns,
     layoutCssVars,
@@ -627,7 +670,7 @@ function useCalculatedColumns({
     let totalFrozenColumnWidth = 0;
     const templateColumns = [];
     for (const column of columns) {
-      let width = resizedColumnWidths.get(column.key) ?? measuredColumnWidths.get(column.key) ?? column.width;
+      let width = getColumnWidth(column);
       if (typeof width === 'number') {
         width = clampColumnWidth(width, column);
       } else {
@@ -655,7 +698,7 @@ function useCalculatedColumns({
       totalFrozenColumnWidth,
       columnMetrics
     };
-  }, [measuredColumnWidths, resizedColumnWidths, columns, lastFrozenColumnIndex]);
+  }, [getColumnWidth, columns, lastFrozenColumnIndex]);
   const [colOverscanStartIdx, colOverscanEndIdx] = F$1(() => {
     if (!enableVirtualization) {
       return [0, columns.length - 1];
@@ -700,11 +743,26 @@ function useCalculatedColumns({
     colOverscanEndIdx,
     templateColumns,
     layoutCssVars,
+    headerRowsCount,
     lastFrozenColumnIndex,
-    totalFrozenColumnWidth,
-    groupBy
+    totalFrozenColumnWidth
   };
 }
+function updateColumnParent(column, index, level) {
+  if (level < column.level) {
+    column.level = level;
+  }
+  if (column.parent !== undefined) {
+    const {
+      parent
+    } = column;
+    if (parent.idx === -1) {
+      parent.idx = index;
+    }
+    parent.colSpan += 1;
+    updateColumnParent(parent, index, level - 1);
+  }
+}
 
 const useLayoutEffect = typeof window === 'undefined' ? p : y;
 
@@ -767,7 +825,7 @@ function useColumnWidths(columns, viewportColumns, templateColumns, gridRef, gri
     }
     gridRef.current.style.gridTemplateColumns = newTemplateColumns.join(' ');
     const measuredWidth = typeof nextWidth === 'number' ? nextWidth : measureColumnWidth(gridRef, resizingKey);
-    pn(() => {
+    mn(() => {
       setResizedColumnWidths(resizedColumnWidths => {
         const newResizedColumnWidths = new Map(resizedColumnWidths);
         newResizedColumnWidths.set(resizingKey, measuredWidth);
@@ -813,7 +871,7 @@ function useGridDimensions() {
     setBlockSize(initialHeight);
     const resizeObserver = new ResizeObserver(entries => {
       const size = entries[0].contentBoxSize[0];
-      pn(() => {
+      mn(() => {
         setInlineSize(size.inlineSize);
         setBlockSize(size.blockSize);
       });
@@ -865,8 +923,7 @@ function useViewportColumns({
   colOverscanEndIdx,
   lastFrozenColumnIndex,
   rowOverscanStartIdx,
-  rowOverscanEndIdx,
-  isGroupRow
+  rowOverscanEndIdx
 }) {
   const startIdx = F$1(() => {
     if (colOverscanStartIdx === 0) return 0;
@@ -888,7 +945,6 @@ function useViewportColumns({
       }
       for (let rowIdx = rowOverscanStartIdx; rowIdx <= rowOverscanEndIdx; rowIdx++) {
         const row = rows[rowIdx];
-        if (isGroupRow(row)) continue;
         if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
           type: 'ROW',
           row
@@ -918,7 +974,7 @@ function useViewportColumns({
       }
     }
     return startIdx;
-  }, [rowOverscanStartIdx, rowOverscanEndIdx, rows, topSummaryRows, bottomSummaryRows, colOverscanStartIdx, lastFrozenColumnIndex, colSpanColumns, isGroupRow]);
+  }, [rowOverscanStartIdx, rowOverscanEndIdx, rows, topSummaryRows, bottomSummaryRows, colOverscanStartIdx, lastFrozenColumnIndex, colSpanColumns]);
   return F$1(() => {
     const viewportColumns = [];
     for (let colIdx = 0; colIdx <= colOverscanEndIdx; colIdx++) {
@@ -930,78 +986,13 @@ function useViewportColumns({
   }, [startIdx, colOverscanEndIdx, columns]);
 }
 
-function isReadonlyArray(arr) {
-  return Array.isArray(arr);
-}
 function useViewportRows({
-  rawRows,
+  rows,
   rowHeight,
   clientHeight,
   scrollTop,
-  groupBy,
-  rowGrouper,
-  expandedGroupIds,
   enableVirtualization
 }) {
-  const [groupedRows, rowsCount] = F$1(() => {
-    if (groupBy.length === 0 || rowGrouper == null) return [undefined, rawRows.length];
-    const groupRows = (rows, [groupByKey, ...remainingGroupByKeys], startRowIndex) => {
-      let groupRowsCount = 0;
-      const groups = {};
-      for (const [key, childRows] of Object.entries(rowGrouper(rows, groupByKey))) {
-        const [childGroups, childRowsCount] = remainingGroupByKeys.length === 0 ? [childRows, childRows.length] : groupRows(childRows, remainingGroupByKeys, startRowIndex + groupRowsCount + 1);
-        groups[key] = {
-          childRows,
-          childGroups,
-          startRowIndex: startRowIndex + groupRowsCount
-        };
-        groupRowsCount += childRowsCount + 1;
-      }
-      return [groups, groupRowsCount];
-    };
-    return groupRows(rawRows, groupBy, 0);
-  }, [groupBy, rowGrouper, rawRows]);
-  const [rows, isGroupRow] = F$1(() => {
-    const allGroupRows = new Set();
-    if (!groupedRows) return [rawRows, isGroupRow];
-    const flattenedRows = [];
-    const expandGroup = (rows, parentId, level) => {
-      if (isReadonlyArray(rows)) {
-        flattenedRows.push(...rows);
-        return;
-      }
-      Object.keys(rows).forEach((groupKey, posInSet, keys) => {
-        const id = parentId !== undefined ? `${parentId}__${groupKey}` : groupKey;
-        const isExpanded = expandedGroupIds?.has(id) ?? false;
-        const {
-          childRows,
-          childGroups,
-          startRowIndex
-        } = rows[groupKey];
-        const groupRow = {
-          id,
-          parentId,
-          groupKey,
-          isExpanded,
-          childRows,
-          level,
-          posInSet,
-          startRowIndex,
-          setSize: keys.length
-        };
-        flattenedRows.push(groupRow);
-        allGroupRows.add(groupRow);
-        if (isExpanded) {
-          expandGroup(childGroups, id, level + 1);
-        }
-      });
-    };
-    expandGroup(groupedRows, undefined, 0);
-    return [flattenedRows, isGroupRow];
-    function isGroupRow(row) {
-      return allGroupRows.has(row);
-    }
-  }, [expandedGroupIds, groupedRows, rawRows]);
   const {
     totalRowHeight,
     gridTemplateRows,
@@ -1021,13 +1012,7 @@ function useViewportRows({
     let totalRowHeight = 0;
     let gridTemplateRows = ' ';
     const rowPositions = rows.map(row => {
-      const currentRowHeight = isGroupRow(row) ? rowHeight({
-        type: 'GROUP',
-        row
-      }) : rowHeight({
-        type: 'ROW',
-        row
-      });
+      const currentRowHeight = rowHeight(row);
       const position = {
         top: totalRowHeight,
         height: currentRowHeight
@@ -1061,7 +1046,7 @@ function useViewportRows({
         return 0;
       }
     };
-  }, [isGroupRow, rowHeight, rows]);
+  }, [rowHeight, rows]);
   let rowOverscanStartIdx = 0;
   let rowOverscanEndIdx = rows.length - 1;
   if (enableVirtualization) {
@@ -1074,31 +1059,37 @@ function useViewportRows({
   return {
     rowOverscanStartIdx,
     rowOverscanEndIdx,
-    rows,
-    rowsCount,
     totalRowHeight,
     gridTemplateRows,
-    isGroupRow,
     getRowTop,
     getRowHeight,
     findRowIdx
   };
 }
 
-const cellDragHandle = "cadd3bp7-0-0-beta-33";
+const cellDragHandle = "c1w9bbhr7-0-0-beta-40";
+const cellDragHandleFrozenClassname = "c1creorc7-0-0-beta-40";
 const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
 function DragHandle({
+  gridRowStart,
   rows,
-  columns,
+  column,
+  columnWidth,
   selectedPosition,
   latestDraggedOverRowIdx,
   isCellEditable,
   onRowsChange,
   onFill,
+  onClick,
   setDragging,
   setDraggedOverRowIdx
 }) {
+  const {
+    idx,
+    rowIdx
+  } = selectedPosition;
   function handleMouseDown(event) {
+    event.preventDefault();
     if (event.buttons !== 1) return;
     setDragging(true);
     window.addEventListener('mouseover', onMouseOver);
@@ -1116,9 +1107,6 @@ function DragHandle({
   function handleDragEnd() {
     const overRowIdx = latestDraggedOverRowIdx.current;
     if (overRowIdx === undefined) return;
-    const {
-      rowIdx
-    } = selectedPosition;
     const startRowIndex = rowIdx < overRowIdx ? rowIdx + 1 : overRowIdx;
     const endRowIndex = rowIdx < overRowIdx ? overRowIdx + 1 : rowIdx;
     updateRows(startRowIndex, endRowIndex);
@@ -1126,14 +1114,9 @@ function DragHandle({
   }
   function handleDoubleClick(event) {
     event.stopPropagation();
-    updateRows(selectedPosition.rowIdx + 1, rows.length);
+    updateRows(rowIdx + 1, rows.length);
   }
   function updateRows(startRowIdx, endRowIdx) {
-    const {
-      idx,
-      rowIdx
-    } = selectedPosition;
-    const column = columns[idx];
     const sourceRow = rows[rowIdx];
     const updatedRows = [...rows];
     const indexes = [];
@@ -1160,14 +1143,25 @@ function DragHandle({
       });
     }
   }
+  const colSpan = column.colSpan?.({
+    type: 'ROW',
+    row: rows[rowIdx]
+  }) ?? 1;
+  const style = getCellStyle(column, colSpan);
   return /*#__PURE__*/o("div", {
-    className: cellDragHandleClassname,
+    style: {
+      ...style,
+      gridRowStart,
+      insetInlineStart: style.insetInlineStart && typeof columnWidth === 'number' ? `calc(${style.insetInlineStart} + ${columnWidth}px - var(--rdg-drag-handle-size))` : undefined
+    },
+    className: clsx(cellDragHandleClassname, column.frozen && cellDragHandleFrozenClassname),
+    onClick: onClick,
     onMouseDown: handleMouseDown,
     onDoubleClick: handleDoubleClick
   });
 }
 
-const cellEditing = "c1tngyp17-0-0-beta-33";
+const cellEditing = "cis5rrm7-0-0-beta-40";
 function EditCell({
   column,
   colSpan,
@@ -1264,148 +1258,69 @@ function EditCell({
   });
 }
 
-function GroupCell({
-  id,
-  groupKey,
-  childRows,
-  isExpanded,
-  isCellSelected,
+function GroupedColumnHeaderCell({
   column,
-  row,
-  groupColumnIndex,
-  toggleGroup: toggleGroupWrapper
+  rowIdx,
+  isCellSelected,
+  selectCell
 }) {
   const {
     tabIndex,
-    childTabIndex,
     onFocus
   } = useRovingTabIndex(isCellSelected);
-  function toggleGroup() {
-    toggleGroupWrapper(id);
+  const {
+    colSpan
+  } = column;
+  const rowSpan = getHeaderCellRowSpan(column, rowIdx);
+  const index = column.idx + 1;
+  function onClick() {
+    selectCell({
+      idx: column.idx,
+      rowIdx
+    });
   }
-  const isLevelMatching = column.rowGroup && groupColumnIndex === column.idx;
   return /*#__PURE__*/o("div", {
-    role: "gridcell",
-    "aria-colindex": column.idx + 1,
+    role: "columnheader",
+    "aria-colindex": index,
+    "aria-colspan": colSpan,
+    "aria-rowspan": rowSpan,
     "aria-selected": isCellSelected,
     tabIndex: tabIndex,
-    className: getCellClassname(column),
+    className: clsx(cellClassname, column.headerCellClass),
     style: {
-      ...getCellStyle(column),
-      cursor: isLevelMatching ? 'pointer' : 'default'
+      ...getHeaderCellStyle(column, rowIdx, rowSpan),
+      gridColumnStart: index,
+      gridColumnEnd: index + colSpan
     },
-    onClick: isLevelMatching ? toggleGroup : undefined,
     onFocus: onFocus,
-    children: (!column.rowGroup || groupColumnIndex === column.idx) && column.renderGroupCell?.({
-      groupKey,
-      childRows,
-      column,
-      row,
-      isExpanded,
-      tabIndex: childTabIndex,
-      toggleGroup
-    })
-  }, column.key);
-}
-const GroupCell$1 = /*#__PURE__*/x(GroupCell);
-
-const row = "r1otpg647-0-0-beta-33";
-const rowClassname = `rdg-row ${row}`;
-const rowSelected = "rel5gk27-0-0-beta-33";
-const rowSelectedClassname = 'rdg-row-selected';
-const rowSelectedWithFrozenCell = "r1qymf1z7-0-0-beta-33";
-
-const groupRow = "gyxx7e97-0-0-beta-33";
-const groupRowClassname = `rdg-group-row ${groupRow}`;
-function GroupedRow({
-  id,
-  groupKey,
-  viewportColumns,
-  childRows,
-  rowIdx,
-  row,
-  gridRowStart,
-  height,
-  level,
-  isExpanded,
-  selectedCellIdx,
-  isRowSelected,
-  selectGroup,
-  toggleGroup,
-  ...props
-}) {
-  const idx = viewportColumns[0].key === SELECT_COLUMN_KEY ? level + 1 : level;
-  function handleSelectGroup() {
-    selectGroup(rowIdx);
-  }
-  return /*#__PURE__*/o(RowSelectionProvider, {
-    value: isRowSelected,
-    children: /*#__PURE__*/o("div", {
-      role: "row",
-      "aria-level": level,
-      "aria-expanded": isExpanded,
-      className: clsx(rowClassname, groupRowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, selectedCellIdx === -1 && rowSelectedClassname),
-      onClick: handleSelectGroup,
-      style: getRowStyle(gridRowStart, height),
-      ...props,
-      children: viewportColumns.map(column => /*#__PURE__*/o(GroupCell$1, {
-        id: id,
-        groupKey: groupKey,
-        childRows: childRows,
-        isExpanded: isExpanded,
-        isCellSelected: selectedCellIdx === column.idx,
-        column: column,
-        row: row,
-        groupColumnIndex: idx,
-        toggleGroup: toggleGroup
-      }, column.key))
-    })
+    onClick: onClick,
+    children: column.name
   });
 }
-const GroupRowRenderer = /*#__PURE__*/x(GroupedRow);
 
-const headerSortCell = "hizp7y17-0-0-beta-33";
-const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
-const headerSortName = "h14cojrm7-0-0-beta-33";
+const headerSortCellClassname = "h44jtk67-0-0-beta-40";
+const headerSortName = "hcgkhxz7-0-0-beta-40";
 const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
 function renderHeaderCell({
   column,
   sortDirection,
-  priority,
-  onSort,
-  tabIndex
+  priority
 }) {
   if (!column.sortable) return column.name;
   return /*#__PURE__*/o(SortableHeaderCell, {
-    onSort: onSort,
     sortDirection: sortDirection,
     priority: priority,
-    tabIndex: tabIndex,
     children: column.name
   });
 }
 function SortableHeaderCell({
-  onSort,
   sortDirection,
   priority,
-  children,
-  tabIndex
+  children
 }) {
   const renderSortStatus = useDefaultRenderers().renderSortStatus;
-  function handleKeyDown(event) {
-    if (event.key === ' ' || event.key === 'Enter') {
-      event.preventDefault();
-      onSort(event.ctrlKey || event.metaKey);
-    }
-  }
-  function handleClick(event) {
-    onSort(event.ctrlKey || event.metaKey);
-  }
   return /*#__PURE__*/o("span", {
-    tabIndex: tabIndex,
     className: headerSortCellClassname,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
     children: [/*#__PURE__*/o("span", {
       className: headerSortNameClassname,
       children: children
@@ -1418,20 +1333,33 @@ function SortableHeaderCell({
   });
 }
 
-const cellResizable = "celq7o97-0-0-beta-33";
+const cellSortableClassname = "c6l2wv17-0-0-beta-40";
+const cellResizable = "c1kqdw7y7-0-0-beta-40";
 const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
+const resizeHandleClassname = "r1y6ywlx7-0-0-beta-40";
+const cellDraggableClassname = 'rdg-cell-draggable';
+const cellDragging = "c1bezg5o7-0-0-beta-40";
+const cellDraggingClassname = `rdg-cell-dragging ${cellDragging}`;
+const cellOver = "c1vc96037-0-0-beta-40";
+const cellOverClassname = `rdg-cell-drag-over ${cellOver}`;
 function HeaderCell({
   column,
   colSpan,
+  rowIdx,
   isCellSelected,
   onColumnResize,
+  onColumnsReorder,
   sortColumns,
   onSortColumnsChange,
   selectCell,
   shouldFocusGrid,
-  direction
+  direction,
+  dragDropKey
 }) {
+  const [isDragging, setIsDragging] = h(false);
+  const [isOver, setIsOver] = h(false);
   const isRtl = direction === 'rtl';
+  const rowSpan = getHeaderCellRowSpan(column, rowIdx);
   const {
     tabIndex,
     childTabIndex,
@@ -1442,7 +1370,12 @@ function HeaderCell({
   const sortDirection = sortColumn?.direction;
   const priority = sortColumn !== undefined && sortColumns.length > 1 ? sortIndex + 1 : undefined;
   const ariaSort = sortDirection && !priority ? sortDirection === 'ASC' ? 'ascending' : 'descending' : undefined;
-  const className = getCellClassname(column, column.headerCellClass, column.resizable && cellResizableClassname);
+  const {
+    sortable,
+    resizable,
+    draggable
+  } = column;
+  const className = getCellClassname(column, column.headerCellClass, sortable && cellSortableClassname, resizable && cellResizableClassname, draggable && cellDraggableClassname, isDragging && cellDraggingClassname, isOver && cellOverClassname);
   const renderHeaderCell$1 = column.renderHeaderCell ?? renderHeaderCell;
   function onPointerDown(event) {
     if (event.pointerType === 'mouse' && event.buttons !== 1) {
@@ -1452,20 +1385,18 @@ function HeaderCell({
       currentTarget,
       pointerId
     } = event;
+    const headerCell = currentTarget.parentElement;
     const {
       right,
       left
-    } = currentTarget.getBoundingClientRect();
+    } = headerCell.getBoundingClientRect();
     const offset = isRtl ? event.clientX - left : right - event.clientX;
-    if (offset > 11) {
-      return;
-    }
     function onPointerMove(event) {
       event.preventDefault();
       const {
         right,
         left
-      } = currentTarget.getBoundingClientRect();
+      } = headerCell.getBoundingClientRect();
       const width = isRtl ? right + offset - event.clientX : event.clientX + offset - left;
       if (width > 0) {
         onColumnResize(column, clampColumnWidth(width, column));
@@ -1511,54 +1442,125 @@ function HeaderCell({
       }
     }
   }
-  function onClick() {
-    selectCell(column.idx);
-  }
-  function onDoubleClick(event) {
-    const {
-      right,
-      left
-    } = event.currentTarget.getBoundingClientRect();
-    const offset = isRtl ? event.clientX - left : right - event.clientX;
-    if (offset > 11) {
-      return;
+  function onClick(event) {
+    selectCell({
+      idx: column.idx,
+      rowIdx
+    });
+    if (sortable) {
+      onSort(event.ctrlKey || event.metaKey);
     }
+  }
+  function onDoubleClick() {
     onColumnResize(column, 'max-content');
   }
   function handleFocus(event) {
     onFocus?.(event);
     if (shouldFocusGrid) {
-      selectCell(0);
+      selectCell({
+        idx: 0,
+        rowIdx
+      });
+    }
+  }
+  function onKeyDown(event) {
+    if (event.key === ' ' || event.key === 'Enter') {
+      event.preventDefault();
+      onSort(event.ctrlKey || event.metaKey);
     }
   }
+  function onDragStart(event) {
+    event.dataTransfer.setData(dragDropKey, column.key);
+    event.dataTransfer.dropEffect = 'move';
+    setIsDragging(true);
+  }
+  function onDragEnd() {
+    setIsDragging(false);
+  }
+  function onDragOver(event) {
+    event.preventDefault();
+    event.dataTransfer.dropEffect = 'move';
+  }
+  function onDrop(event) {
+    setIsOver(false);
+    if (event.dataTransfer.types.includes(dragDropKey)) {
+      const sourceKey = event.dataTransfer.getData(dragDropKey);
+      if (sourceKey !== column.key) {
+        event.preventDefault();
+        onColumnsReorder?.(sourceKey, column.key);
+      }
+    }
+  }
+  function onDragEnter(event) {
+    if (isEventPertinent(event)) {
+      setIsOver(true);
+    }
+  }
+  function onDragLeave(event) {
+    if (isEventPertinent(event)) {
+      setIsOver(false);
+    }
+  }
+  let draggableProps;
+  if (draggable) {
+    draggableProps = {
+      draggable: true,
+      onDragStart,
+      onDragEnd,
+      onDragOver,
+      onDragEnter,
+      onDragLeave,
+      onDrop
+    };
+  }
   return /*#__PURE__*/o("div", {
     role: "columnheader",
     "aria-colindex": column.idx + 1,
+    "aria-colspan": colSpan,
+    "aria-rowspan": rowSpan,
     "aria-selected": isCellSelected,
     "aria-sort": ariaSort,
-    "aria-colspan": colSpan,
     tabIndex: shouldFocusGrid ? 0 : tabIndex,
     className: className,
-    style: getCellStyle(column, colSpan),
+    style: {
+      ...getHeaderCellStyle(column, rowIdx, rowSpan),
+      ...getCellStyle(column, colSpan)
+    },
     onFocus: handleFocus,
     onClick: onClick,
-    onDoubleClick: column.resizable ? onDoubleClick : undefined,
-    onPointerDown: column.resizable ? onPointerDown : undefined,
-    children: renderHeaderCell$1({
+    onKeyDown: sortable ? onKeyDown : undefined,
+    ...draggableProps,
+    children: [renderHeaderCell$1({
       column,
       sortDirection,
       priority,
-      onSort,
       tabIndex: childTabIndex
-    })
+    }), resizable && /*#__PURE__*/o("div", {
+      className: resizeHandleClassname,
+      onClick: stopPropagation,
+      onDoubleClick: onDoubleClick,
+      onPointerDown: onPointerDown
+    })]
   });
 }
+function isEventPertinent(event) {
+  const relatedTarget = event.relatedTarget;
+  return !event.currentTarget.contains(relatedTarget);
+}
 
-const headerRow = "h197vzie7-0-0-beta-33";
+const row = "r1upfr807-0-0-beta-40";
+const rowClassname = `rdg-row ${row}`;
+const rowSelected = "r190mhd37-0-0-beta-40";
+const rowSelectedClassname = 'rdg-row-selected';
+const rowSelectedWithFrozenCell = "r139qu9m7-0-0-beta-40";
+
+const headerRow = "h10tskcx7-0-0-beta-40";
 const headerRowClassname = `rdg-header-row ${headerRow}`;
 function HeaderRow({
+  rowIdx,
   columns,
   onColumnResize,
+  onColumnsReorder,
   sortColumns,
   onSortColumnsChange,
   lastFrozenColumnIndex,
@@ -1567,6 +1569,7 @@ function HeaderRow({
   shouldFocusGrid,
   direction
 }) {
+  const dragDropKey = V$1();
   const cells = [];
   for (let index = 0; index < columns.length; index++) {
     const column = columns[index];
@@ -1579,28 +1582,70 @@ function HeaderRow({
     cells.push( /*#__PURE__*/o(HeaderCell, {
       column: column,
       colSpan: colSpan,
+      rowIdx: rowIdx,
       isCellSelected: selectedCellIdx === column.idx,
       onColumnResize: onColumnResize,
+      onColumnsReorder: onColumnsReorder,
       onSortColumnsChange: onSortColumnsChange,
       sortColumns: sortColumns,
       selectCell: selectCell,
       shouldFocusGrid: shouldFocusGrid && index === 0,
-      direction: direction
+      direction: direction,
+      dragDropKey: dragDropKey
     }, column.key));
   }
   return /*#__PURE__*/o("div", {
     role: "row",
-    "aria-rowindex": 1,
+    "aria-rowindex": rowIdx,
     className: clsx(headerRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
-    style: getRowStyle(1),
     children: cells
   });
 }
 const HeaderRow$1 = /*#__PURE__*/x(HeaderRow);
 
-const cellCopied = "ccpfvsn7-0-0-beta-33";
+function GroupedColumnHeaderRow({
+  rowIdx,
+  level,
+  columns,
+  selectedCellIdx,
+  selectCell
+}) {
+  const cells = [];
+  const renderedParents = new Set();
+  for (const column of columns) {
+    let {
+      parent
+    } = column;
+    if (parent === undefined) continue;
+    while (parent.level > level) {
+      if (parent.parent === undefined) break;
+      parent = parent.parent;
+    }
+    if (parent.level === level && !renderedParents.has(parent)) {
+      renderedParents.add(parent);
+      const {
+        idx
+      } = parent;
+      cells.push( /*#__PURE__*/o(GroupedColumnHeaderCell, {
+        column: parent,
+        rowIdx: rowIdx,
+        isCellSelected: selectedCellIdx === idx,
+        selectCell: selectCell
+      }, idx));
+    }
+  }
+  return /*#__PURE__*/o("div", {
+    role: "row",
+    "aria-rowindex": rowIdx,
+    className: headerRowClassname,
+    children: cells
+  });
+}
+const GroupedColumnHeaderRow$1 = /*#__PURE__*/x(GroupedColumnHeaderRow);
+
+const cellCopied = "c6ra8a37-0-0-beta-40";
 const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
-const cellDraggedOver = "c1bmg16t7-0-0-beta-33";
+const cellDraggedOver = "cq910m07-0-0-beta-40";
 const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
 function Cell({
   column,
@@ -1610,7 +1655,6 @@ function Cell({
   isDraggedOver,
   row,
   rowIdx,
-  dragHandle,
   onClick,
   onDoubleClick,
   onContextMenu,
@@ -1676,8 +1720,8 @@ function Cell({
   return /*#__PURE__*/o("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
-    "aria-selected": isCellSelected,
     "aria-colspan": colSpan,
+    "aria-selected": isCellSelected,
     "aria-readonly": !isEditable || undefined,
     tabIndex: tabIndex,
     className: className,
@@ -1687,14 +1731,12 @@ function Cell({
     onContextMenu: handleContextMenu,
     onFocus: onFocus,
     ...props,
-    children: !column.rowGroup && /*#__PURE__*/o(k$2, {
-      children: [column.renderCell({
-        column,
-        row,
-        isCellEditable: isEditable,
-        tabIndex: childTabIndex,
-        onRowChange: handleRowChange
-      }), dragHandle]
+    children: column.renderCell({
+      column,
+      row,
+      isCellEditable: isEditable,
+      tabIndex: childTabIndex,
+      onRowChange: handleRowChange
     })
   });
 }
@@ -1713,7 +1755,6 @@ function Row({
   row,
   viewportColumns,
   selectedCellEditor,
-  selectedCellDragHandle,
   onCellClick,
   onCellDoubleClick,
   onCellContextMenu,
@@ -1757,7 +1798,6 @@ function Row({
         isCopied: copiedCellIdx === idx,
         isDraggedOver: draggedOverCellIdx === idx,
         isCellSelected: isCellSelected,
-        dragHandle: isCellSelected ? selectedCellDragHandle : undefined,
         onClick: onCellClick,
         onDoubleClick: onCellDoubleClick,
         onContextMenu: onCellContextMenu,
@@ -1820,7 +1860,7 @@ function ScrollToCell({
   });
 }
 
-const arrow = "a1mygwml7-0-0-beta-33";
+const arrow = "a3ejtar7-0-0-beta-40";
 const arrowClassname = `rdg-sort-arrow ${arrow}`;
 function renderSortStatus({
   sortDirection,
@@ -1855,13 +1895,14 @@ function renderSortPriority({
   return priority;
 }
 
-const root = "r104f42s7-0-0-beta-33";
+const root = "rnvodz57-0-0-beta-40";
 const rootClassname = `rdg ${root}`;
-const viewportDragging = "v7ly7s7-0-0-beta-33";
+const viewportDragging = "vlqv91k7-0-0-beta-40";
 const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
-const focusSinkClassname = "fc4f4zb7-0-0-beta-33";
+const focusSinkClassname = "f1lsfrzw7-0-0-beta-40";
+const focusSinkHeaderAndSummaryClassname = "f1cte0lg7-0-0-beta-40";
 
-const summaryCellClassname = "s1n3hxke7-0-0-beta-33";
+const summaryCellClassname = "s8wc6fl7-0-0-beta-40";
 function SummaryCell({
   column,
   colSpan,
@@ -1904,10 +1945,10 @@ function SummaryCell({
 }
 const SummaryCell$1 = /*#__PURE__*/x(SummaryCell);
 
-const summaryRow = "snfqesz7-0-0-beta-33";
-const topSummaryRow = "t1jijrjz7-0-0-beta-33";
-const topSummaryRowBorderClassname = "t14bmecc7-0-0-beta-33";
-const bottomSummaryRowBorderClassname = "b1odhhml7-0-0-beta-33";
+const summaryRow = "skuhp557-0-0-beta-40";
+const topSummaryRow = "tf8l5ub7-0-0-beta-40";
+const topSummaryRowBorderClassname = "tb9ughf7-0-0-beta-40";
+const bottomSummaryRowBorderClassname = "b1yssfnt7-0-0-beta-40";
 const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
 const topSummaryRowClassname = `rdg-top-summary-row ${topSummaryRow}`;
 function SummaryRow({
@@ -1961,7 +2002,7 @@ const SummaryRow$1 = /*#__PURE__*/x(SummaryRow);
 function DataGrid(props, ref) {
   const {
     columns: rawColumns,
-    rows: rawRows,
+    rows,
     topSummaryRows,
     bottomSummaryRows,
     rowKeyGetter,
@@ -1974,16 +2015,14 @@ function DataGrid(props, ref) {
     sortColumns,
     onSortColumnsChange,
     defaultColumnOptions,
-    groupBy: rawGroupBy,
-    rowGrouper,
-    expandedGroupIds,
-    onExpandedGroupIdsChange,
     onCellClick,
     onCellDoubleClick,
     onCellContextMenu,
     onCellKeyDown,
+    onSelectedCellChange,
     onScroll,
     onColumnResize,
+    onColumnsReorder,
     onFill,
     onCopy,
     onPaste,
@@ -1993,12 +2032,15 @@ function DataGrid(props, ref) {
     style,
     rowClass,
     direction: rawDirection,
+    role: rawRole,
     'aria-label': ariaLabel,
     'aria-labelledby': ariaLabelledBy,
     'aria-describedby': ariaDescribedBy,
+    'aria-rowcount': rawAriaRowCount,
     'data-testid': testId
   } = props;
   const defaultRenderers = useDefaultRenderers();
+  const role = rawRole ?? 'grid';
   const rowHeight = rawRowHeight ?? 35;
   const headerRowHeight = rawHeaderRowHeight ?? (typeof rowHeight === 'number' ? rowHeight : 35);
   const summaryRowHeight = rawSummaryRowHeight ?? (typeof rowHeight === 'number' ? rowHeight : 35);
@@ -2008,36 +2050,62 @@ function DataGrid(props, ref) {
   const noRowsFallback = renderers?.noRowsFallback ?? defaultRenderers?.noRowsFallback;
   const enableVirtualization = rawEnableVirtualization ?? true;
   const direction = rawDirection ?? 'ltr';
-  const headerRowsCount = 1;
+  const [scrollTop, setScrollTop] = h(0);
+  const [scrollLeft, setScrollLeft] = h(0);
+  const [resizedColumnWidths, setResizedColumnWidths] = h(() => new Map());
+  const [measuredColumnWidths, setMeasuredColumnWidths] = h(() => new Map());
+  const [copiedCell, setCopiedCell] = h(null);
+  const [isDragging, setDragging] = h(false);
+  const [draggedOverRowIdx, setOverRowIdx] = h(undefined);
+  const [scrollToPosition, setScrollToPosition] = h(null);
+  const getColumnWidth = T$1(column => {
+    return resizedColumnWidths.get(column.key) ?? measuredColumnWidths.get(column.key) ?? column.width;
+  }, [measuredColumnWidths, resizedColumnWidths]);
+  const [gridRef, gridWidth, gridHeight] = useGridDimensions();
+  const {
+    columns,
+    colSpanColumns,
+    lastFrozenColumnIndex,
+    headerRowsCount,
+    colOverscanStartIdx,
+    colOverscanEndIdx,
+    templateColumns,
+    layoutCssVars,
+    totalFrozenColumnWidth
+  } = useCalculatedColumns({
+    rawColumns,
+    defaultColumnOptions,
+    getColumnWidth,
+    scrollLeft,
+    viewportWidth: gridWidth,
+    enableVirtualization
+  });
   const topSummaryRowsCount = topSummaryRows?.length ?? 0;
   const bottomSummaryRowsCount = bottomSummaryRows?.length ?? 0;
   const summaryRowsCount = topSummaryRowsCount + bottomSummaryRowsCount;
   const headerAndTopSummaryRowsCount = headerRowsCount + topSummaryRowsCount;
+  const groupedColumnHeaderRowsCount = headerRowsCount - 1;
   const minRowIdx = -headerAndTopSummaryRowsCount;
-  const [scrollTop, setScrollTop] = h(0);
-  const [scrollLeft, setScrollLeft] = h(0);
-  const [resizedColumnWidths, setResizedColumnWidths] = h(() => new Map());
-  const [measuredColumnWidths, setMeasuredColumnWidths] = h(() => new Map());
+  const mainHeaderRowIdx = minRowIdx + groupedColumnHeaderRowsCount;
+  const maxRowIdx = rows.length + bottomSummaryRowsCount - 1;
   const [selectedPosition, setSelectedPosition] = h(() => ({
     idx: -1,
     rowIdx: minRowIdx - 1,
     mode: 'SELECT'
   }));
-  const [copiedCell, setCopiedCell] = h(null);
-  const [isDragging, setDragging] = h(false);
-  const [draggedOverRowIdx, setOverRowIdx] = h(undefined);
-  const [scrollToPosition, setScrollToPosition] = h(null);
   const prevSelectedPosition = _$1(selectedPosition);
   const latestDraggedOverRowIdx = _$1(draggedOverRowIdx);
   const lastSelectedRowIdx = _$1(-1);
-  const rowRef = _$1(null);
+  const focusSinkRef = _$1(null);
   const shouldFocusCellRef = _$1(false);
-  const [gridRef, gridWidth, gridHeight] = useGridDimensions();
-  const clientHeight = gridHeight - headerRowHeight - summaryRowsCount * summaryRowHeight;
+  const isTreeGrid = role === 'treegrid';
+  const headerRowsHeight = headerRowsCount * headerRowHeight;
+  const clientHeight = gridHeight - headerRowsHeight - summaryRowsCount * summaryRowHeight;
   const isSelectable = selectedRows != null && onSelectedRowsChange != null;
   const isRtl = direction === 'rtl';
   const leftKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
   const rightKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
+  const ariaRowCount = rawAriaRowCount ?? headerRowsCount + rows.length + summaryRowsCount;
   const defaultGridComponents = F$1(() => ({
     renderCheckbox: renderCheckbox$1,
     renderSortStatus: renderSortStatus$1
@@ -2045,48 +2113,22 @@ function DataGrid(props, ref) {
   const allRowsSelected = F$1(() => {
     const {
       length
-    } = rawRows;
-    return length !== 0 && selectedRows != null && rowKeyGetter != null && selectedRows.size >= length && rawRows.every(row => selectedRows.has(rowKeyGetter(row)));
-  }, [rawRows, selectedRows, rowKeyGetter]);
-  const {
-    columns,
-    colSpanColumns,
-    colOverscanStartIdx,
-    colOverscanEndIdx,
-    templateColumns,
-    layoutCssVars,
-    lastFrozenColumnIndex,
-    totalFrozenColumnWidth,
-    groupBy
-  } = useCalculatedColumns({
-    rawColumns,
-    measuredColumnWidths,
-    resizedColumnWidths,
-    scrollLeft,
-    viewportWidth: gridWidth,
-    defaultColumnOptions,
-    rawGroupBy: rowGrouper ? rawGroupBy : undefined,
-    enableVirtualization
-  });
+    } = rows;
+    return length !== 0 && selectedRows != null && rowKeyGetter != null && selectedRows.size >= length && rows.every(row => selectedRows.has(rowKeyGetter(row)));
+  }, [rows, selectedRows, rowKeyGetter]);
   const {
     rowOverscanStartIdx,
     rowOverscanEndIdx,
-    rows,
-    rowsCount,
     totalRowHeight,
     gridTemplateRows,
-    isGroupRow,
     getRowTop,
     getRowHeight,
     findRowIdx
   } = useViewportRows({
-    rawRows,
-    groupBy,
-    rowGrouper,
+    rows,
     rowHeight,
     clientHeight,
     scrollTop,
-    expandedGroupIds,
     enableVirtualization
   });
   const viewportColumns = useViewportColumns({
@@ -2099,20 +2141,18 @@ function DataGrid(props, ref) {
     rowOverscanEndIdx,
     rows,
     topSummaryRows,
-    bottomSummaryRows,
-    isGroupRow
+    bottomSummaryRows
   });
   const {
     gridTemplateColumns,
     handleColumnResize
   } = useColumnWidths(columns, viewportColumns, templateColumns, gridRef, gridWidth, resizedColumnWidths, measuredColumnWidths, setResizedColumnWidths, setMeasuredColumnWidths, onColumnResize);
-  const hasGroups = groupBy.length > 0 && typeof rowGrouper === 'function';
-  const minColIdx = hasGroups ? -1 : 0;
+  const minColIdx = isTreeGrid ? -1 : 0;
   const maxColIdx = columns.length - 1;
-  const maxRowIdx = rows.length + bottomSummaryRowsCount - 1;
   const selectedCellIsWithinSelectionBounds = isCellWithinSelectionBounds(selectedPosition);
   const selectedCellIsWithinViewportBounds = isCellWithinViewportBounds(selectedPosition);
   const handleColumnResizeLatest = useLatestFunc(handleColumnResize);
+  const onColumnsReorderLastest = useLatestFunc(onColumnsReorder);
   const onSortColumnsChangeLatest = useLatestFunc(onSortColumnsChange);
   const onCellClickLatest = useLatestFunc(onCellClick);
   const onCellDoubleClickLatest = useLatestFunc(onCellDoubleClick);
@@ -2120,19 +2160,15 @@ function DataGrid(props, ref) {
   const selectRowLatest = useLatestFunc(selectRow);
   const handleFormatterRowChangeLatest = useLatestFunc(updateRow);
   const selectCellLatest = useLatestFunc(selectCell);
-  const selectGroupLatest = useLatestFunc(rowIdx => {
-    selectCell({
-      rowIdx,
-      idx: -1
-    });
-  });
-  const selectHeaderCellLatest = useLatestFunc(idx => {
+  const selectHeaderCellLatest = useLatestFunc(({
+    idx,
+    rowIdx
+  }) => {
     selectCell({
-      rowIdx: minRowIdx,
+      rowIdx: minRowIdx + rowIdx - 1,
       idx
     });
   });
-  const toggleGroupLatest = useLatestFunc(toggleGroup);
   useLayoutEffect(() => {
     if (!selectedCellIsWithinSelectionBounds || isSamePosition(selectedPosition, prevSelectedPosition.current)) {
       prevSelectedPosition.current = selectedPosition;
@@ -2140,22 +2176,16 @@ function DataGrid(props, ref) {
     }
     prevSelectedPosition.current = selectedPosition;
     if (selectedPosition.idx === -1) {
-      rowRef.current.focus({
+      focusSinkRef.current.focus({
         preventScroll: true
       });
-      scrollIntoView(rowRef.current);
+      scrollIntoView(focusSinkRef.current);
     }
   });
   useLayoutEffect(() => {
     if (!shouldFocusCellRef.current) return;
     shouldFocusCellRef.current = false;
-    const cell = getCellToScroll(gridRef.current);
-    if (cell === null) return;
-    scrollIntoView(cell);
-    const elementToFocus = cell.querySelector('[tabindex="0"]') ?? cell;
-    elementToFocus.focus({
-      preventScroll: true
-    });
+    focusCellOrCellContent();
   });
   A(ref, () => ({
     element: gridRef.current,
@@ -2183,7 +2213,7 @@ function DataGrid(props, ref) {
     assertIsValidKeyGetter(rowKeyGetter);
     if (args.type === 'HEADER') {
       const newSelectedRows = new Set(selectedRows);
-      for (const row of rawRows) {
+      for (const row of rows) {
         const rowKey = rowKeyGetter(row);
         if (args.checked) {
           newSelectedRows.add(rowKey);
@@ -2200,18 +2230,6 @@ function DataGrid(props, ref) {
       isShiftClick
     } = args;
     const newSelectedRows = new Set(selectedRows);
-    if (isGroupRow(row)) {
-      for (const childRow of row.childRows) {
-        const rowKey = rowKeyGetter(childRow);
-        if (checked) {
-          newSelectedRows.add(rowKey);
-        } else {
-          newSelectedRows.delete(rowKey);
-        }
-      }
-      onSelectedRowsChange(newSelectedRows);
-      return;
-    }
     const rowKey = rowKeyGetter(row);
     if (checked) {
       newSelectedRows.add(rowKey);
@@ -2222,7 +2240,6 @@ function DataGrid(props, ref) {
         const step = sign(rowIdx - previousRowIdx);
         for (let i = previousRowIdx + step; i !== rowIdx; i += step) {
           const row = rows[i];
-          if (isGroupRow(row)) continue;
           newSelectedRows.add(rowKeyGetter(row));
         }
       }
@@ -2232,16 +2249,6 @@ function DataGrid(props, ref) {
     }
     onSelectedRowsChange(newSelectedRows);
   }
-  function toggleGroup(expandedGroupId) {
-    if (!onExpandedGroupIdsChange) return;
-    const newExpandedGroupIds = new Set(expandedGroupIds);
-    if (newExpandedGroupIds.has(expandedGroupId)) {
-      newExpandedGroupIds.delete(expandedGroupId);
-    } else {
-      newExpandedGroupIds.add(expandedGroupId);
-    }
-    onExpandedGroupIdsChange(newExpandedGroupIds);
-  }
   function handleKeyDown(event) {
     const {
       idx,
@@ -2249,8 +2256,8 @@ function DataGrid(props, ref) {
       mode
     } = selectedPosition;
     if (mode === 'EDIT') return;
-    const row = rows[rowIdx];
-    if (!isGroupRow(row) && onCellKeyDown) {
+    if (onCellKeyDown && isRowIdxWithinViewportBounds(rowIdx)) {
+      const row = rows[rowIdx];
       const cellEvent = createCellEvent(event);
       onCellKeyDown({
         mode: 'SELECT',
@@ -2263,13 +2270,12 @@ function DataGrid(props, ref) {
     }
     if (!(event.target instanceof Element)) return;
     const isCellEvent = event.target.closest('.rdg-cell') !== null;
-    const isRowEvent = hasGroups && event.target === rowRef.current;
+    const isRowEvent = isTreeGrid && event.target === focusSinkRef.current;
     if (!isCellEvent && !isRowEvent) return;
     const {
-      key,
       keyCode
     } = event;
-    if (selectedCellIsWithinViewportBounds && (onPaste != null || onCopy != null) && isCtrlKeyHeldDown(event) && !isGroupRow(rows[rowIdx])) {
+    if (selectedCellIsWithinViewportBounds && (onPaste != null || onCopy != null) && isCtrlKeyHeldDown(event)) {
       const cKey = 67;
       const vKey = 86;
       if (keyCode === cKey) {
@@ -2281,11 +2287,6 @@ function DataGrid(props, ref) {
         return;
       }
     }
-    if (isRowIdxWithinViewportBounds(rowIdx) && isGroupRow(row) && selectedPosition.idx === -1 && (key === leftKey && row.isExpanded || key === rightKey && !row.isExpanded)) {
-      event.preventDefault();
-      toggleGroup(row.id);
-      return;
-    }
     switch (event.key) {
       case 'Escape':
         setCopiedCell(null);
@@ -2311,23 +2312,19 @@ function DataGrid(props, ref) {
       scrollTop,
       scrollLeft
     } = event.currentTarget;
-    pn(() => {
+    mn(() => {
       setScrollTop(scrollTop);
       setScrollLeft(abs(scrollLeft));
     });
     onScroll?.(event);
   }
-  function getRawRowIdx(rowIdx) {
-    return hasGroups ? rawRows.indexOf(rows[rowIdx]) : rowIdx;
-  }
   function updateRow(column, rowIdx, row) {
     if (typeof onRowsChange !== 'function') return;
-    const rawRowIdx = getRawRowIdx(rowIdx);
-    if (row === rawRows[rawRowIdx]) return;
-    const updatedRows = [...rawRows];
-    updatedRows[rawRowIdx] = row;
+    if (row === rows[rowIdx]) return;
+    const updatedRows = [...rows];
+    updatedRows[rowIdx] = row;
     onRowsChange(updatedRows, {
-      indexes: [rawRowIdx],
+      indexes: [rowIdx],
       column
     });
   }
@@ -2340,7 +2337,7 @@ function DataGrid(props, ref) {
       idx,
       rowIdx
     } = selectedPosition;
-    const sourceRow = rawRows[getRawRowIdx(rowIdx)];
+    const sourceRow = rows[rowIdx];
     const sourceColumnKey = columns[idx].key;
     setCopiedCell({
       row: sourceRow,
@@ -2360,7 +2357,7 @@ function DataGrid(props, ref) {
       rowIdx
     } = selectedPosition;
     const targetColumn = columns[idx];
-    const targetRow = rawRows[getRawRowIdx(rowIdx)];
+    const targetRow = rows[rowIdx];
     const updatedTargetRow = onPaste({
       sourceRow: copiedCell.row,
       sourceColumnKey: copiedCell.columnKey,
@@ -2372,7 +2369,6 @@ function DataGrid(props, ref) {
   function handleCellInput(event) {
     if (!selectedCellIsWithinViewportBounds) return;
     const row = rows[selectedPosition.rowIdx];
-    if (isGroupRow(row)) return;
     const {
       key,
       shiftKey
@@ -2424,22 +2420,22 @@ function DataGrid(props, ref) {
     return isCellWithinViewportBounds(position) && isSelectedCellEditable({
       columns,
       rows,
-      selectedPosition: position,
-      isGroupRow
+      selectedPosition: position
     });
   }
   function selectCell(position, enableEditor) {
     if (!isCellWithinSelectionBounds(position)) return;
     commitEditorChanges();
+    const row = rows[position.rowIdx];
+    const samePosition = isSamePosition(selectedPosition, position);
     if (enableEditor && isCellEditable(position)) {
-      const row = rows[position.rowIdx];
       setSelectedPosition({
         ...position,
         mode: 'EDIT',
         row,
         originalRow: row
       });
-    } else if (isSamePosition(selectedPosition, position)) {
+    } else if (samePosition) {
       scrollIntoView(getCellToScroll(gridRef.current));
     } else {
       shouldFocusCellRef.current = true;
@@ -2448,30 +2444,20 @@ function DataGrid(props, ref) {
         mode: 'SELECT'
       });
     }
+    if (onSelectedCellChange && !samePosition) {
+      onSelectedCellChange({
+        rowIdx: position.rowIdx,
+        row,
+        column: columns[position.idx]
+      });
+    }
   }
   function getNextPosition(key, ctrlKey, shiftKey) {
     const {
       idx,
       rowIdx
     } = selectedPosition;
-    const row = rows[rowIdx];
     const isRowSelected = selectedCellIsWithinSelectionBounds && idx === -1;
-    if (key === leftKey && isRowSelected && isGroupRow(row) && !row.isExpanded && row.level !== 0) {
-      let parentRowIdx = -1;
-      for (let i = selectedPosition.rowIdx - 1; i >= 0; i--) {
-        const parentRow = rows[i];
-        if (isGroupRow(parentRow) && parentRow.id === row.parentId) {
-          parentRowIdx = i;
-          break;
-        }
-      }
-      if (parentRowIdx !== -1) {
-        return {
-          idx,
-          rowIdx: parentRowIdx
-        };
-      }
-    }
     switch (key) {
       case 'ArrowUp':
         return {
@@ -2501,7 +2487,7 @@ function DataGrid(props, ref) {
       case 'Home':
         if (isRowSelected) return {
           idx,
-          rowIdx: 0
+          rowIdx: minRowIdx
         };
         return {
           idx: 0,
@@ -2510,7 +2496,7 @@ function DataGrid(props, ref) {
       case 'End':
         if (isRowSelected) return {
           idx,
-          rowIdx: rows.length - 1
+          rowIdx: maxRowIdx
         };
         return {
           idx: maxColIdx,
@@ -2562,19 +2548,21 @@ function DataGrid(props, ref) {
     const nextPosition = getNextPosition(key, ctrlKey, shiftKey);
     if (isSamePosition(selectedPosition, nextPosition)) return;
     const nextSelectedCellPosition = getNextSelectedCellPosition({
+      moveUp: key === 'ArrowUp',
+      moveNext: key === rightKey || key === 'Tab' && !shiftKey,
       columns,
       colSpanColumns,
       rows,
       topSummaryRows,
       bottomSummaryRows,
       minRowIdx,
+      mainHeaderRowIdx,
       maxRowIdx,
       lastFrozenColumnIndex,
       cellNavigationMode,
       currentPosition: selectedPosition,
       nextPosition,
-      isCellWithinBounds: isCellWithinSelectionBounds,
-      isGroupRow
+      isCellWithinBounds: isCellWithinSelectionBounds
     });
     selectCell(nextSelectedCellPosition);
   }
@@ -2586,17 +2574,34 @@ function DataGrid(props, ref) {
     const isDraggedOver = rowIdx < draggedOverRowIdx ? rowIdx < currentRowIdx && currentRowIdx <= draggedOverRowIdx : rowIdx > currentRowIdx && currentRowIdx >= draggedOverRowIdx;
     return isDraggedOver ? selectedPosition.idx : undefined;
   }
-  function getDragHandle(rowIdx) {
-    if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === 'EDIT' || hasGroups || onFill == null) {
+  function focusCellOrCellContent() {
+    const cell = getCellToScroll(gridRef.current);
+    if (cell === null) return;
+    scrollIntoView(cell);
+    const elementToFocus = cell.querySelector('[tabindex="0"]') ?? cell;
+    elementToFocus.focus({
+      preventScroll: true
+    });
+  }
+  function renderDragHandle() {
+    if (onFill == null || selectedPosition.mode === 'EDIT' || !isCellWithinViewportBounds(selectedPosition)) {
+      return;
+    }
+    const column = columns[selectedPosition.idx];
+    if (column.renderEditCell == null || column.editable === false) {
       return;
     }
+    const columnWidth = getColumnWidth(column);
     return /*#__PURE__*/o(DragHandle, {
-      rows: rawRows,
-      columns: columns,
+      gridRowStart: headerAndTopSummaryRowsCount + selectedPosition.rowIdx + 1,
+      rows: rows,
+      column: column,
+      columnWidth: columnWidth,
       selectedPosition: selectedPosition,
       isCellEditable: isCellEditable,
       latestDraggedOverRowIdx: latestDraggedOverRowIdx,
       onRowsChange: onRowsChange,
+      onClick: focusCellOrCellContent,
       onFill: onFill,
       setDragging: setDragging,
       setDraggedOverRowIdx: setDraggedOverRowIdx
@@ -2626,7 +2631,7 @@ function DataGrid(props, ref) {
     };
     const onRowChange = (row, commitChanges, shouldFocusCell) => {
       if (commitChanges) {
-        pn(() => {
+        mn(() => {
           updateRow(column, selectedPosition.rowIdx, row);
           closeEditor(shouldFocusCell);
         });
@@ -2652,7 +2657,7 @@ function DataGrid(props, ref) {
     }, column.key);
   }
   function getRowViewportColumns(rowIdx) {
-    const selectedColumn = columns[selectedPosition.idx];
+    const selectedColumn = selectedPosition.idx === -1 ? undefined : columns[selectedPosition.idx];
     if (selectedColumn !== undefined && selectedPosition.rowIdx === rowIdx && !viewportColumns.includes(selectedColumn)) {
       return selectedPosition.idx > colOverscanEndIdx ? [...viewportColumns, selectedColumn] : [...viewportColumns.slice(0, lastFrozenColumnIndex + 1), selectedColumn, ...viewportColumns.slice(lastFrozenColumnIndex + 1)];
     }
@@ -2660,7 +2665,6 @@ function DataGrid(props, ref) {
   }
   function getViewportRows() {
     const rowElements = [];
-    let startRowIndex = 0;
     const {
       idx: selectedIdx,
       rowIdx: selectedRowIdx
@@ -2671,7 +2675,7 @@ function DataGrid(props, ref) {
       const isRowOutsideViewport = viewportRowIdx === rowOverscanStartIdx - 1 || viewportRowIdx === rowOverscanEndIdx + 1;
       const rowIdx = isRowOutsideViewport ? selectedRowIdx : viewportRowIdx;
       let rowColumns = viewportColumns;
-      const selectedColumn = columns[selectedIdx];
+      const selectedColumn = selectedIdx === -1 ? undefined : columns[selectedIdx];
       if (selectedColumn !== undefined) {
         if (isRowOutsideViewport) {
           rowColumns = [selectedColumn];
@@ -2681,49 +2685,14 @@ function DataGrid(props, ref) {
       }
       const row = rows[rowIdx];
       const gridRowStart = headerAndTopSummaryRowsCount + rowIdx + 1;
-      if (isGroupRow(row)) {
-        ({
-          startRowIndex
-        } = row);
-        let isGroupRowSelected = false;
-        if (isSelectable) {
-          assertIsValidKeyGetter(rowKeyGetter);
-          isGroupRowSelected = row.childRows.every(cr => selectedRows.has(rowKeyGetter(cr)));
-        }
-        rowElements.push( /*#__PURE__*/o(GroupRowRenderer, {
-          "aria-level": row.level + 1,
-          "aria-setsize": row.setSize,
-          "aria-posinset": row.posInSet + 1,
-          "aria-rowindex": headerAndTopSummaryRowsCount + startRowIndex + 1,
-          "aria-selected": isSelectable ? isGroupRowSelected : undefined,
-          id: row.id,
-          groupKey: row.groupKey,
-          viewportColumns: rowColumns,
-          childRows: row.childRows,
-          rowIdx: rowIdx,
-          row: row,
-          gridRowStart: gridRowStart,
-          height: getRowHeight(rowIdx),
-          level: row.level,
-          isExpanded: row.isExpanded,
-          selectedCellIdx: selectedRowIdx === rowIdx ? selectedIdx : undefined,
-          isRowSelected: isGroupRowSelected,
-          selectGroup: selectGroupLatest,
-          toggleGroup: toggleGroupLatest
-        }, row.id));
-        continue;
-      }
-      startRowIndex++;
-      let key;
+      let key = rowIdx;
       let isRowSelected = false;
       if (typeof rowKeyGetter === 'function') {
         key = rowKeyGetter(row);
         isRowSelected = selectedRows?.has(key) ?? false;
-      } else {
-        key = hasGroups ? startRowIndex : rowIdx;
       }
       rowElements.push(renderRow(key, {
-        'aria-rowindex': headerAndTopSummaryRowsCount + (hasGroups ? startRowIndex : rowIdx) + 1,
+        'aria-rowindex': headerAndTopSummaryRowsCount + rowIdx + 1,
         'aria-selected': isSelectable ? isRowSelected : undefined,
         rowIdx,
         row,
@@ -2742,7 +2711,6 @@ function DataGrid(props, ref) {
         lastFrozenColumnIndex,
         onRowChange: handleFormatterRowChangeLatest,
         selectCell: selectCellLatest,
-        selectedCellDragHandle: getDragHandle(rowIdx),
         selectedCellEditor: getCellEditor(rowIdx)
       }));
     }
@@ -2756,7 +2724,7 @@ function DataGrid(props, ref) {
     });
     setDraggedOverRowIdx(undefined);
   }
-  let templateRows = `${headerRowHeight}px`;
+  let templateRows = `repeat(${headerRowsCount}, ${headerRowHeight}px)`;
   if (topSummaryRowsCount > 0) {
     templateRows += ` repeat(${topSummaryRowsCount}, ${summaryRowHeight}px)`;
   }
@@ -2768,18 +2736,18 @@ function DataGrid(props, ref) {
   }
   const isGroupRowFocused = selectedPosition.idx === -1 && selectedPosition.rowIdx !== minRowIdx - 1;
   return /*#__PURE__*/o("div", {
-    role: hasGroups ? 'treegrid' : 'grid',
+    role: role,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy,
     "aria-multiselectable": isSelectable ? true : undefined,
     "aria-colcount": columns.length,
-    "aria-rowcount": headerRowsCount + rowsCount + summaryRowsCount,
+    "aria-rowcount": ariaRowCount,
     className: clsx(rootClassname, className, isDragging && viewportDraggingClassname),
     style: {
       ...style,
       scrollPaddingInlineStart: selectedPosition.idx > lastFrozenColumnIndex || scrollToPosition?.idx !== undefined ? `${totalFrozenColumnWidth}px` : undefined,
-      scrollPaddingBlock: isRowIdxWithinViewportBounds(selectedPosition.rowIdx) || scrollToPosition?.rowIdx !== undefined ? `${headerRowHeight + topSummaryRowsCount * summaryRowHeight}px ${bottomSummaryRowsCount * summaryRowHeight}px` : undefined,
+      scrollPaddingBlock: isRowIdxWithinViewportBounds(selectedPosition.rowIdx) || scrollToPosition?.rowIdx !== undefined ? `${headerRowsHeight + topSummaryRowsCount * summaryRowHeight}px ${bottomSummaryRowsCount * summaryRowHeight}px` : undefined,
       gridTemplateColumns,
       gridTemplateRows: templateRows,
       '--rdg-header-row-height': `${headerRowHeight}px`,
@@ -2792,40 +2760,39 @@ function DataGrid(props, ref) {
     onScroll: handleScroll,
     onKeyDown: handleKeyDown,
     "data-testid": testId,
-    children: [hasGroups && /*#__PURE__*/o("div", {
-      ref: rowRef,
-      tabIndex: isGroupRowFocused ? 0 : -1,
-      className: clsx(focusSinkClassname, isGroupRowFocused && [rowSelected, lastFrozenColumnIndex !== -1 && rowSelectedWithFrozenCell]),
-      style: {
-        gridRowStart: selectedPosition.rowIdx + headerAndTopSummaryRowsCount + 1
-      }
-    }), scrollToPosition !== null && /*#__PURE__*/o(ScrollToCell, {
-      scrollToPosition: scrollToPosition,
-      setScrollToCellPosition: setScrollToPosition,
-      gridElement: gridRef.current
-    }), /*#__PURE__*/o(DataGridDefaultRenderersProvider, {
+    children: [/*#__PURE__*/o(DataGridDefaultRenderersProvider, {
       value: defaultGridComponents,
-      children: [/*#__PURE__*/o(RowSelectionChangeProvider, {
+      children: /*#__PURE__*/o(RowSelectionChangeProvider, {
         value: selectRowLatest,
         children: [/*#__PURE__*/o(RowSelectionProvider, {
           value: allRowsSelected,
-          children: /*#__PURE__*/o(HeaderRow$1, {
-            columns: getRowViewportColumns(-1),
+          children: [Array.from({
+            length: groupedColumnHeaderRowsCount
+          }, (_, index) => /*#__PURE__*/o(GroupedColumnHeaderRow$1, {
+            rowIdx: index + 1,
+            level: -groupedColumnHeaderRowsCount + index,
+            columns: getRowViewportColumns(minRowIdx + index),
+            selectedCellIdx: selectedPosition.rowIdx === minRowIdx + index ? selectedPosition.idx : undefined,
+            selectCell: selectHeaderCellLatest
+          }, index)), /*#__PURE__*/o(HeaderRow$1, {
+            rowIdx: headerRowsCount,
+            columns: getRowViewportColumns(mainHeaderRowIdx),
             onColumnResize: handleColumnResizeLatest,
+            onColumnsReorder: onColumnsReorderLastest,
             sortColumns: sortColumns,
             onSortColumnsChange: onSortColumnsChangeLatest,
             lastFrozenColumnIndex: lastFrozenColumnIndex,
-            selectedCellIdx: selectedPosition.rowIdx === minRowIdx ? selectedPosition.idx : undefined,
+            selectedCellIdx: selectedPosition.rowIdx === mainHeaderRowIdx ? selectedPosition.idx : undefined,
             selectCell: selectHeaderCellLatest,
             shouldFocusGrid: !selectedCellIsWithinSelectionBounds,
             direction: direction
-          })
+          })]
         }), rows.length === 0 && noRowsFallback ? noRowsFallback : /*#__PURE__*/o(k$2, {
           children: [topSummaryRows?.map((row, rowIdx) => {
-            const gridRowStart = headerRowsCount + rowIdx + 1;
-            const summaryRowIdx = rowIdx + minRowIdx + 1;
+            const gridRowStart = headerRowsCount + 1 + rowIdx;
+            const summaryRowIdx = mainHeaderRowIdx + 1 + rowIdx;
             const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
-            const top = headerRowHeight + summaryRowHeight * rowIdx;
+            const top = headerRowsHeight + summaryRowHeight * rowIdx;
             return /*#__PURE__*/o(SummaryRow$1, {
               "aria-rowindex": gridRowStart,
               rowIdx: summaryRowIdx,
@@ -2847,7 +2814,7 @@ function DataGrid(props, ref) {
             const top = clientHeight > totalRowHeight ? gridHeight - summaryRowHeight * (bottomSummaryRows.length - rowIdx) : undefined;
             const bottom = top === undefined ? summaryRowHeight * (bottomSummaryRows.length - 1 - rowIdx) : undefined;
             return /*#__PURE__*/o(SummaryRow$1, {
-              "aria-rowindex": headerAndTopSummaryRowsCount + rowsCount + rowIdx + 1,
+              "aria-rowindex": ariaRowCount - bottomSummaryRowsCount + rowIdx + 1,
               rowIdx: summaryRowIdx,
               gridRowStart: gridRowStart,
               row: row,
@@ -2862,14 +2829,23 @@ function DataGrid(props, ref) {
             }, rowIdx);
           })]
         })]
-      }), renderMeasuringCells(viewportColumns)]
+      })
+    }), renderDragHandle(), renderMeasuringCells(viewportColumns), isTreeGrid && /*#__PURE__*/o("div", {
+      ref: focusSinkRef,
+      tabIndex: isGroupRowFocused ? 0 : -1,
+      className: clsx(focusSinkClassname, isGroupRowFocused && [rowSelected, lastFrozenColumnIndex !== -1 && rowSelectedWithFrozenCell], !isRowIdxWithinViewportBounds(selectedPosition.rowIdx) && focusSinkHeaderAndSummaryClassname),
+      style: {
+        gridRowStart: selectedPosition.rowIdx + headerAndTopSummaryRowsCount + 1
+      }
+    }), scrollToPosition !== null && /*#__PURE__*/o(ScrollToCell, {
+      scrollToPosition: scrollToPosition,
+      setScrollToCellPosition: setScrollToPosition,
+      gridElement: gridRef.current
     })]
   });
 }
-let getCellToScrollExpression;
 function getCellToScroll(gridEl) {
-  getCellToScrollExpression ??= document.createExpression('div[@role="row"]/div[@tabindex="0"]');
-  return getCellToScrollExpression.evaluate(gridEl, 8).singleNodeValue;
+  return gridEl.querySelector(':scope > [role="row"] > [tabindex="0"]');
 }
 function isSamePosition(p1, p2) {
   return p1.idx === p2.idx && p1.rowIdx === p2.rowIdx;
@@ -3070,7 +3046,7 @@ var Table = /** @class */ (function (_super) {
         G(y$1(ReactTable, { table: this }), this._div.node());
     };
     Table.prototype.exit = function (domNode, element) {
-        hn(this._div.node());
+        vn(this._div.node());
         this._div.remove();
         _super.prototype.exit.call(this, domNode, element);
     };