@hpcc-js/dgrid2 2.3.13 → 2.3.14

package/dist/index.js

@@ -5,8 +5,8 @@
 })(this, (function (exports, common) { 'use strict';
 
   var PKG_NAME = "@hpcc-js/dgrid2";
-  var PKG_VERSION = "2.3.13";
-  var BUILD_VERSION = "2.104.32";
+  var PKG_VERSION = "2.3.14";
+  var BUILD_VERSION = "2.104.35";
 
   /******************************************************************************
   Copyright (c) Microsoft Corporation.
@@ -76,48 +76,208 @@
     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 n,l$1,u$2,i$1,o$1,r$2,f$2,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,h$1=Array.isArray;function v$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,constructor:void 0,__v:null==r?++u$2:r,__i:-1,__u:0};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function g$2(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function m$1(n,l){if(null==l)return n.__?m$1(n.__,n.__i+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?m$1(n):null}function k$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 k$1(n)}}function w$2(n){(!n.__d&&(n.__d=!0)&&i$1.push(n)&&!x$1.__r++||o$1!==l$1.debounceRendering)&&((o$1=l$1.debounceRendering)||r$2)(x$1);}function x$1(){var n,u,t,o,r,e,c,s,a;for(i$1.sort(f$2);n=i$1.shift();)n.__d&&(u=i$1.length,o=void 0,e=(r=(t=n).__v).__e,s=[],a=[],(c=t.__P)&&((o=v$1({},r)).__v=r.__v+1,l$1.vnode&&l$1.vnode(o),L$1(c,o,r,t.__n,void 0!==c.ownerSVGElement,32&r.__u?[e]:null,s,null==e?m$1(r):e,!!(32&r.__u),a),o.__.__k[o.__i]=o,M$1(s,o,a),o.__e!=e&&k$1(o)),i$1.length>u&&i$1.sort(f$2));x$1.__r=0;}function C$1(n,l,u,t,i,o,r,f,e,a,h){var v,p,y,d,_,g=t&&t.__k||s$1,b=l.length;for(u.__d=e,P$1(u,l,g),e=u.__d,v=0;v<b;v++)null!=(y=u.__k[v])&&"boolean"!=typeof y&&"function"!=typeof y&&(p=-1===y.__i?c$1:g[y.__i]||c$1,y.__i=v,L$1(n,y,p,i,o,r,f,e,a,h),d=y.__e,y.ref&&p.ref!=y.ref&&(p.ref&&z$2(p.ref,null,y),h.push(y.ref,y.__c||d,y)),null==_&&null!=d&&(_=d),65536&y.__u||p.__k===y.__k?e=S(y,e,n):"function"==typeof y.type&&void 0!==y.__d?e=y.__d:d&&(e=d.nextSibling),y.__d=void 0,y.__u&=-196609);u.__d=e,u.__e=_;}function P$1(n,l,u){var t,i,o,r,f,e=l.length,c=u.length,s=c,a=0;for(n.__k=[],t=0;t<e;t++)null!=(i=n.__k[t]=null==(i=l[t])||"boolean"==typeof i||"function"==typeof i?null:"string"==typeof i||"number"==typeof i||"bigint"==typeof i||i.constructor==String?d$1(null,i,null,null,i):h$1(i)?d$1(g$2,{children:i},null,null,null):void 0===i.constructor&&i.__b>0?d$1(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):i)?(i.__=n,i.__b=n.__b+1,f=H$1(i,u,r=t+a,s),i.__i=f,o=null,-1!==f&&(s--,(o=u[f])&&(o.__u|=131072)),null==o||null===o.__v?(-1==f&&a--,"function"!=typeof i.type&&(i.__u|=65536)):f!==r&&(f===r+1?a++:f>r?s>e-r?a+=f-r:a--:a=f<r&&f==r-1?f-r:0,f!==t+a&&(i.__u|=65536))):(o=u[t])&&null==o.key&&o.__e&&(o.__e==n.__d&&(n.__d=m$1(o)),N$1(o,o,!1),u[t]=null,s--);if(s)for(t=0;t<c;t++)null!=(o=u[t])&&0==(131072&o.__u)&&(o.__e==n.__d&&(n.__d=m$1(o)),N$1(o,o));}function S(n,l,u){var t,i;if("function"==typeof n.type){for(t=n.__k,i=0;t&&i<t.length;i++)t[i]&&(t[i].__=n,l=S(t[i],l,u));return l}return n.__e!=l&&(u.insertBefore(n.__e,l||null),l=n.__e),l&&l.nextSibling}function $$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(h$1(n)?n.some(function(n){$$1(n,l);}):l.push(n)),l}function H$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&&0==(131072&e.__u)?1:0))for(;r>=0||f<l.length;){if(r>=0){if((e=l[r])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return r;r--;}if(f<l.length){if((e=l[f])&&0==(131072&e.__u)&&i==e.key&&o===e.type)return f;f++;}}return -1}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,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||I$1(n.style,l,"");if(u)for(l in u)t&&u[l]===t[l]||I$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?D:A$1,o)):n.removeEventListener(l,o?D:A$1,o);else {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 A$1(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 D(n){return this.l[n.type+!0](l$1.event?l$1.event(n):n)}function L$1(n,u,t,i,o,r,f,e,c,s){var a,p,y,d,_,m,k,w,x,P,S,$,H,I,T,A=u.type;if(void 0!==u.constructor)return null;128&t.__u&&(c=!!(32&t.__u),r=[e=u.__e=t.__e]),(a=l$1.__b)&&a(u);n:if("function"==typeof A)try{if(w=u.props,x=(a=A.contextType)&&i[a.__c],P=a?x?x.props.value:a.__:i,t.__c?k=(p=u.__c=t.__c).__=p.__E:("prototype"in A&&A.prototype.render?u.__c=p=new A(w,P):(u.__c=p=new b$1(w,P),p.constructor=A,p.render=O$1),x&&x.sub(p),p.props=w,p.state||(p.state={}),p.context=P,p.__n=i,y=p.__d=!0,p.__h=[],p._sb=[]),null==p.__s&&(p.__s=p.state),null!=A.getDerivedStateFromProps&&(p.__s==p.state&&(p.__s=v$1({},p.__s)),v$1(p.__s,A.getDerivedStateFromProps(w,p.__s))),d=p.props,_=p.state,p.__v=u,y)null==A.getDerivedStateFromProps&&null!=p.componentWillMount&&p.componentWillMount(),null!=p.componentDidMount&&p.__h.push(p.componentDidMount);else {if(null==A.getDerivedStateFromProps&&w!==d&&null!=p.componentWillReceiveProps&&p.componentWillReceiveProps(w,P),!p.__e&&(null!=p.shouldComponentUpdate&&!1===p.shouldComponentUpdate(w,p.__s,P)||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);}),S=0;S<p._sb.length;S++)p.__h.push(p._sb[S]);p._sb=[],p.__h.length&&f.push(p);break n}null!=p.componentWillUpdate&&p.componentWillUpdate(w,p.__s,P),null!=p.componentDidUpdate&&p.__h.push(function(){p.componentDidUpdate(d,_,m);});}if(p.context=P,p.props=w,p.__P=n,p.__e=!1,$=l$1.__r,H=0,"prototype"in A&&A.prototype.render){for(p.state=p.__s,p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),I=0;I<p._sb.length;I++)p.__h.push(p._sb[I]);p._sb=[];}else do{p.__d=!1,$&&$(u),a=p.render(p.props,p.state,p.context),p.state=p.__s;}while(p.__d&&++H<25);p.state=p.__s,null!=p.getChildContext&&(i=v$1(v$1({},i),p.getChildContext())),y||null==p.getSnapshotBeforeUpdate||(m=p.getSnapshotBeforeUpdate(d,_)),C$1(n,h$1(T=null!=a&&a.type===g$2&&null==a.key?a.props.children:a)?T:[T],u,t,i,o,r,f,e,c,s),p.base=u.__e,u.__u&=-161,p.__h.length&&f.push(p),k&&(p.__E=p.__=null);}catch(n){u.__v=null,c||null!=r?(u.__e=e,u.__u|=c?160:32,r[r.indexOf(e)]=null):(u.__e=t.__e,u.__k=t.__k),l$1.__e(n,u,t);}else null==r&&u.__v===t.__v?(u.__k=t.__k,u.__e=t.__e):u.__e=j$2(t.__e,u,t,i,o,r,f,c,s);(a=l$1.diffed)&&a(u);}function M$1(n,u,t){u.__d=void 0;for(var i=0;i<t.length;i++)z$2(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 j$2(l,u,t,i,o,r,f,e,s){var a,v,y,d,_,g,b,k=t.props,w=u.props,x=u.type;if("svg"===x&&(o=!0),null!=r)for(a=0;a<r.length;a++)if((_=r[a])&&"setAttribute"in _==!!x&&(x?_.localName===x:3===_.nodeType)){l=_,r[a]=null;break}if(null==l){if(null===x)return document.createTextNode(w);l=o?document.createElementNS("http://www.w3.org/2000/svg",x):document.createElement(x,w.is&&w),r=null,e=!1;}if(null===x)k===w||e&&l.data===w||(l.data=w);else {if(r=r&&n.call(l.childNodes),k=t.props||c$1,!e&&null!=r)for(k={},a=0;a<l.attributes.length;a++)k[(_=l.attributes[a]).name]=_.value;for(a in k)_=k[a],"children"==a||("dangerouslySetInnerHTML"==a?y=_:"key"===a||a in w||T$2(l,a,null,_,o));for(a in w)_=w[a],"children"==a?d=_:"dangerouslySetInnerHTML"==a?v=_:"value"==a?g=_:"checked"==a?b=_:"key"===a||e&&"function"!=typeof _||k[a]===_||T$2(l,a,_,k[a],o);if(v)e||y&&(v.__html===y.__html||v.__html===l.innerHTML)||(l.innerHTML=v.__html),u.__k=[];else if(y&&(l.innerHTML=""),C$1(l,h$1(d)?d:[d],u,t,i,o&&"foreignObject"!==x,r,f,r?r[0]:t.__k&&m$1(t,0),e,s),null!=r)for(a=r.length;a--;)null!=r[a]&&p$1(r[a]);e||(a="value",void 0!==g&&(g!==l[a]||"progress"===x&&!g||"option"===x&&g!==k[a])&&T$2(l,a,g,k[a],!1),a="checked",void 0!==b&&b!==l[a]&&T$2(l,a,b,k[a],!1));}return l}function z$2(n,u,t){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,t);}}function N$1(n,u,t){var i,o;if(l$1.unmount&&l$1.unmount(n),(i=n.ref)&&(i.current&&i.current!==n.__e||z$2(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]&&N$1(i[o],u,t||"function"!=typeof n.type);t||null==n.__e||p$1(n.__e),n.__=n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function q$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=[],L$1(t,u=(!o&&i||t).__k=y$1(g$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),M$1(f,u,e);}function F$2(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$2=0,b$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=v$1({},this.state),"function"==typeof n&&(n=n(v$1({},u),this.props)),n&&v$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=g$2,i$1=[],r$2="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$2=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}
+  var t,r$1,u$1,i,o=0,f$1=[],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||u),o=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,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$1(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$1(o.__H,i)&&(o.__=u,o.i=i,r$1.__h.push(o));}function _(n){return o=5,F$1(function(){return {current:n}},[])}function A(n,t,r){o=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$1(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$1(n,t){return o=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$1.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),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$1===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),i.__h.forEach(w$1),i.__h=[],t=0)),u$1=r$1;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f$1.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j$1)(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$1=r$1=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),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(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g$1="function"==typeof requestAnimationFrame;function j$1(n){var t,r=function(){clearTimeout(u),g$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$1&&(t=requestAnimationFrame(r));}function k(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$1(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 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 E(n){this.props=n;}function w(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}(E.prototype=new b$1).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var x=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),x&&x(n);};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function N(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var O=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);O(n,t,e,r);};var T=l$1.unmount;function F(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 F(n,t,e)})),n}function I(n,t,e){return n&&e&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return I(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.appendChild(n.__e),n.__c.__e=!0,n.__c.__P=e)),n}function L(){this.__u=0,this.t=null,this.__b=null;}function U(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function M(){this.u=null,this.o=null;}l$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&32&n.__u&&(n.type=null),T&&T(n);},(L.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=U(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]=I(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}};r.__u++||32&t.__u||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},L.prototype.componentWillUnmount=function(){this.t=[];},L.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]=F(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&y$1(g$2,null,n.fallback);return i&&(i.__u&=-33),[y$1(g$2,null,e.__a?null:n.children),i]};var V=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];}};function W(n){return this.getChildContext=function(){return n.context},n.children}function P(n){var e=this,r=n.i;e.componentWillUnmount=function(){q$2(null,e.l),e.l=null,e.i=null;},e.i&&e.i!==r&&e.componentWillUnmount(),e.l||(e.i=r,e.l={nodeType:1,parentNode:r,childNodes:[],appendChild:function(n){this.childNodes.push(n),e.i.appendChild(n);},insertBefore:function(n,t){this.childNodes.push(n),e.i.appendChild(n);},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),e.i.removeChild(n);}}),q$2(y$1(W,{context:e.context},n.__v),e.l);}function j(n,e){var r=y$1(P,{__v:n,i:e});return r.containerInfo=e,r}(M.prototype=new b$1).__a=function(n){var t=this,e=U(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),V(t,n,r)):u();};e?e(o):o();}},M.prototype.render=function(n){this.u=null,this.o=new Map;var t=$$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},M.prototype.componentDidUpdate=M.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){V(n,e,t);});};var z="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,B=/^(?: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]/,H=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Z=/[A-Z0-9]/g,Y="undefined"!=typeof document,$=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function q(n,t,e){return null==t.__k&&(t.textContent=""),q$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 J=l$1.event;function K(){}function Q(){return this.cancelBubble}function X(){return this.defaultPrevented}l$1.event=function(n){return J&&(n=J(n)),n.persist=K,n.isPropagationStopped=Q,n.isDefaultPrevented=X,n.nativeEvent=n};var tn={enumerable:!1,configurable:!0,get:function(){return this.class}},en=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||Y&&"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||$(t.type)?"onfocus"===l?o="onfocusin":"onblur"===l?o="onfocusout":H.test(o)?o=l:-1===e.indexOf("-")&&B.test(o)?o=o.replace(Z,"-$&").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=$$1(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==e&&null!=u.defaultValue&&(u.value=$$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",tn)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u;}(n),n.$$typeof=z,en&&en(n);};var rn=l$1.__r;l$1.__r=function(n){rn&&rn(n),n.__c;};var un=l$1.diffed;l$1.diffed=function(n){un&&un(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&&(q$2(null,n),!0)}
 
   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}
 
-  var _=0;function o(o,e,n,t,f,l){var s,u,a={};for(u in e)"ref"==u?s=e[u]:a[u]=e[u];var i={type:o,props:a,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--_,__source:f,__self:l};if("function"==typeof o&&(s=o.defaultProps))for(u in s)void 0===a[u]&&(a[u]=s[u]);return l$1.vnode&&l$1.vnode(i),i}
+  var f=0;function u(e,t,n,o,i,u){var a,c,p={};for(c in t)"ref"==c?a=t[c]:p[c]=t[c];var l={type:e,props:p,key:n,ref:a,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:--f,__i:-1,__u:0,__source:i,__self:u};if("function"==typeof e&&(a=e.defaultProps))for(c in a)void 0===p[c]&&(p[c]=a[c]);return l$1.vnode&&l$1.vnode(l),l}
+
+  function styleInject$1(css, ref) {
+    if ( ref === void 0 ) ref = {};
+    var insertAt = ref.insertAt;
+
+    if (!css || typeof document === 'undefined') { return; }
+
+    var head = document.head || document.getElementsByTagName('head')[0];
+    var style = document.createElement('style');
+    style.type = 'text/css';
+
+    if (insertAt === 'top') {
+      if (head.firstChild) {
+        head.insertBefore(style, head.firstChild);
+      } else {
+        head.appendChild(style);
+      }
+    } else {
+      head.appendChild(style);
+    }
+
+    if (style.styleSheet) {
+      style.styleSheet.cssText = css;
+    } else {
+      style.appendChild(document.createTextNode(css));
+    }
+  }
+
+  var css_248z$b = ".c1wupbe700-canary49{contain:strict;contain:size layout style paint;padding:0 8px;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background-color:inherit;white-space:nowrap;overflow:hidden;overflow:clip;text-overflow:ellipsis}.c1wupbe700-canary49[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--selection-color)}.cd0kgiy700-canary49{position:sticky;z-index:1}.c1730fa4700-canary49{box-shadow:2px 0 5px -2px hsla(0,0%,53.3%,.3)}";
+  styleInject$1(css_248z$b);
+
+  const cell = "c1wupbe700-canary49";
+  const cellClassname = `rdg-cell ${cell}`;
+  const cellFrozen = "cd0kgiy700-canary49";
+  const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
+  const cellFrozenLast = "c1730fa4700-canary49";
+  const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
+
+  var css_248z$a = ".r104f42s700-canary49{--color:#000;--border-color:#ddd;--summary-border-color:#aaa;--background-color:hsl(0deg 0% 100%);--header-background-color:hsl(0deg 0% 97.5%);--row-hover-background-color:hsl(0deg 0% 96%);--row-selected-background-color:hsl(207deg 76% 92%);--row-selected-hover-background-color:hsl(207deg 76% 88%);--checkbox-color:hsl(207deg 100% 29%);--checkbox-focus-color:hsl(207deg 100% 69%);--checkbox-disabled-border-color:#ccc;--checkbox-disabled-background-color:#ddd;--selection-color:#66afe9;--font-size:14px;contain:strict;contain:size layout style paint;content-visibility:auto;height:350px;border:1px solid var(--border-color);box-sizing:border-box;overflow:auto;user-select:none;background-color:var(--background-color);color:var(--color);font-size:var(--font-size)}@supports not (contain:strict){.r104f42s700-canary49{position:relative;z-index:0}}.r104f42s700-canary49 *,.r104f42s700-canary49 :after,.r104f42s700-canary49 :before{box-sizing:inherit}.r104f42s700-canary49.rdg-dark{--color:#ddd;--border-color:#444;--summary-border-color:#555;--background-color:hsl(0deg 0% 13%);--header-background-color:hsl(0deg 0% 10.5%);--row-hover-background-color:hsl(0deg 0% 9%);--row-selected-background-color:hsl(207deg 76% 42%);--row-selected-hover-background-color:hsl(207deg 76% 38%);--checkbox-color:hsl(207deg 100% 79%);--checkbox-focus-color:hsl(207deg 100% 89%);--checkbox-disabled-border-color:#000;--checkbox-disabled-background-color:#333}@media (prefers-color-scheme:dark){.r104f42s700-canary49:not(.rdg-light){--color:#ddd;--border-color:#444;--summary-border-color:#555;--background-color:hsl(0deg 0% 13%);--header-background-color:hsl(0deg 0% 10.5%);--row-hover-background-color:hsl(0deg 0% 9%);--row-selected-background-color:hsl(207deg 76% 42%);--row-selected-hover-background-color:hsl(207deg 76% 38%);--checkbox-color:hsl(207deg 100% 79%);--checkbox-focus-color:hsl(207deg 100% 89%);--checkbox-disabled-border-color:#000;--checkbox-disabled-background-color:#333}}.f7ly7s700-canary49{position:sticky;top:0;left:0;height:0;width:0;outline:0}.vc4f4zb700-canary49.r1otpg64700-canary49{cursor:move}";
+  styleInject$1(css_248z$a);
+
+  const root = "r104f42s700-canary49";
+  const rootClassname = `rdg ${root}`;
+  const focusSink = "f7ly7s700-canary49";
+  const focusSinkClassname = `rdg-focus-sink ${focusSink}`;
+  const viewportDragging = "vc4f4zb700-canary49";
+  const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
+
+  var css_248z$9 = ".g1cvx5us700-canary49:not([aria-selected=true]){background-color:var(--header-background-color)}.g1cvx5us700-canary49>.c1wupbe700-canary49:not(:last-child):not(.c1730fa4700-canary49){border-right:none}.g1j2w62i700-canary49:after{content:\"\";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 2px var(--selection-color);pointer-events:none;z-index:2}.g1j2w62i700-canary49>.c1wupbe700-canary49:first-child{box-shadow:inset 2px 0 0 0 var(--selection-color)}";
+  styleInject$1(css_248z$9);
+
+  const groupRow = "g1cvx5us700-canary49";
+  const groupRowClassname = `rdg-group-row ${groupRow}`;
+  const groupRowSelected = "g1j2w62i700-canary49";
+  const groupRowSelectedClassname = `rdg-group-row-selected ${groupRowSelected}`;
+
+  var css_248z$8 = ".h1fquj5h700-canary49{contain:strict;contain:size layout style paint;display:grid;grid-template-columns:var(--template-columns);grid-template-rows:var(--header-row-height);height:var(--header-row-height);line-height:var(--header-row-height);width:var(--row-width);position:sticky;top:0;background-color:var(--header-background-color);font-weight:700;z-index:3;touch-action:none}";
+  styleInject$1(css_248z$8);
+
+  const headerRow = "h1fquj5h700-canary49";
+  const headerRowClassname = `rdg-header-row ${headerRow}`;
+
+  var css_248z$7 = ".r1otpg64700-canary49{contain:strict;contain:size layout style paint;display:grid;grid-template-rows:var(--row-height);grid-template-columns:var(--template-columns);position:absolute;left:0;width:var(--row-width);height:var(--row-height);line-height:var(--row-height);background-color:var(--background-color)}.r1otpg64700-canary49:hover{background-color:var(--row-hover-background-color)}.r1otpg64700-canary49[aria-selected=true]{background-color:var(--row-selected-background-color)}.r1otpg64700-canary49[aria-selected=true]:hover{background-color:var(--row-selected-hover-background-color)}.sel5gk2700-canary49{position:sticky;z-index:3;grid-template-rows:var(--summary-row-height);height:var(--summary-row-height);line-height:var(--summary-row-height)}.sel5gk2700-canary49>.c1wupbe700-canary49{border-top:2px solid var(--summary-border-color)}";
+  styleInject$1(css_248z$7);
+
+  const row = "r1otpg64700-canary49";
+  const rowClassname = `rdg-row ${row}`;
+  const summaryRow = "sel5gk2700-canary49";
+  const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
+
+  function useFocusRef(isCellSelected) {
+    const ref = _(null);
+    y(() => {
+      var _ref$current;
+
+      if (!isCellSelected) return;
+      (_ref$current = ref.current) == null ? void 0 : _ref$current.focus({
+        preventScroll: true
+      });
+    }, [isCellSelected]);
+    return ref;
+  }
+
+  var css_248z$6 = ".c1w6d5eo700-canary49{cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;margin-right:1px}.c1h7iz8d700-canary49{all:unset;width:0;margin:0}.cc79ydj700-canary49{content:\"\";width:20px;height:20px;border:2px solid var(--border-color);background-color:var(--background-color)}.c1h7iz8d700-canary49:checked+.cc79ydj700-canary49{background-color:var(--checkbox-color);box-shadow:inset 0 0 0 4px var(--background-color)}.c1h7iz8d700-canary49:focus+.cc79ydj700-canary49{border-color:var(--checkbox-focus-color)}.c1e5jt0b700-canary49{cursor:default}.c1e5jt0b700-canary49 .cc79ydj700-canary49{border-color:var(--checkbox-disabled-border-color);background-color:var(--checkbox-disabled-background-color)}";
+  styleInject$1(css_248z$6);
+
+  const checkboxLabel = "c1w6d5eo700-canary49";
+  const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
+  const checkboxInput = "c1h7iz8d700-canary49";
+  const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
+  const checkbox = "cc79ydj700-canary49";
+  const checkboxClassname = `rdg-checkbox ${checkbox}`;
+  const checkboxLabelDisabled = "c1e5jt0b700-canary49";
+  const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
+  function SelectCellFormatter({
+    value,
+    tabIndex,
+    isCellSelected,
+    disabled,
+    onClick,
+    onChange,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy
+  }) {
+    const inputRef = useFocusRef(isCellSelected);
+
+    function handleChange(e) {
+      onChange(e.target.checked, e.nativeEvent.shiftKey);
+    }
+
+    return /*#__PURE__*/u("label", {
+      className: clsx(checkboxLabelClassname, disabled && checkboxLabelDisabledClassname),
+      children: [/*#__PURE__*/u("input", {
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        tabIndex: tabIndex,
+        ref: inputRef,
+        type: "checkbox",
+        className: checkboxInputClassname,
+        disabled: disabled,
+        checked: value,
+        onChange: handleChange,
+        onClick: onClick
+      }), /*#__PURE__*/u("div", {
+        className: checkboxClassname
+      })]
+    });
+  }
+
+  function ValueFormatter(props) {
+    try {
+      return /*#__PURE__*/u(g$2, {
+        children: props.row[props.column.key]
+      });
+    } catch {
+      return null;
+    }
+  }
+
+  var css_248z$5 = ".gch972y700-canary49{outline:none}.cz2qf0d700-canary49{margin-left:4px;stroke:currentColor;stroke-width:1.5px;fill:transparent;vertical-align:middle}.cz2qf0d700-canary49>path{transition:d .1s}";
+  styleInject$1(css_248z$5);
+
+  const groupCellContent = "gch972y700-canary49";
+  const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
+  const caret = "cz2qf0d700-canary49";
+  const caretClassname = `rdg-caret ${caret}`;
+  function ToggleGroupFormatter({
+    groupKey,
+    isExpanded,
+    isCellSelected,
+    toggleGroup
+  }) {
+    const cellRef = useFocusRef(isCellSelected);
+
+    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__*/u("span", {
+      ref: cellRef,
+      className: groupCellContentClassname,
+      tabIndex: -1,
+      onKeyDown: handleKeyDown,
+      children: [groupKey, /*#__PURE__*/u("svg", {
+        viewBox: "0 0 14 8",
+        width: "14",
+        height: "8",
+        className: caretClassname,
+        children: /*#__PURE__*/u("path", {
+          d: d
+        })
+      })]
+    });
+  }
 
   function getColSpan(column, lastFrozenColumnIndex, args) {
     const colSpan = typeof column.colSpan === 'function' ? column.colSpan(args) : 1;
+
     if (Number.isInteger(colSpan) && colSpan > 1 && (!column.frozen || column.idx + colSpan - 1 <= lastFrozenColumnIndex)) {
       return colSpan;
     }
+
     return undefined;
   }
 
   function stopPropagation(event) {
     event.stopPropagation();
   }
-  function scrollIntoView(element) {
-    element?.scrollIntoView({
-      inline: 'nearest',
-      block: 'nearest'
-    });
-  }
-
-  function createCellEvent(event) {
-    let defaultPrevented = false;
-    const cellEvent = {
-      ...event,
-      preventGridDefault() {
-        defaultPrevented = true;
-      },
-      isGridDefaultPrevented() {
-        return defaultPrevented;
-      }
-    };
-    Object.setPrototypeOf(cellEvent, Object.getPrototypeOf(event));
-    return cellEvent;
-  }
 
   const nonInputKeys = new Set(['Unidentified', 'Alt', 'AltGraph', 'CapsLock', 'Control', 'Fn', 'FnLock', 'Meta', 'NumLock', 'ScrollLock', 'Shift', 'Tab', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'End', 'Home', 'PageDown', 'PageUp', 'Insert', 'ContextMenu', 'Escape', 'Pause', 'Play', 'PrintScreen', 'F1', 'F3', 'F4', 'F5', 'F6', 'F7', 'F8', 'F9', 'F10', 'F11', 'F12']);
   function isCtrlKeyHeldDown(e) {
@@ -131,504 +291,269 @@
     target
   }) {
     if (key === 'Tab' && (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement)) {
-      return target.closest('.rdg-editor-container')?.querySelectorAll('input, textarea, select').length === 1;
+      return target.matches('.rdg-editor-container > :only-child, .rdg-editor-container > label:only-child > :only-child');
     }
-    return false;
-  }
 
-  const measuringCellClassname = "mlln6zg7-0-0-beta-40";
-  function renderMeasuringCells(viewportColumns) {
-    return viewportColumns.map(({
-      key,
-      idx,
-      minWidth,
-      maxWidth
-    }) => /*#__PURE__*/o("div", {
-      className: measuringCellClassname,
-      style: {
-        gridColumnStart: idx + 1,
-        minWidth,
-        maxWidth
-      },
-      "data-measuring-cell-key": key
-    }, key));
+    return false;
   }
 
   function isSelectedCellEditable({
     selectedPosition,
     columns,
-    rows
+    rows,
+    isGroupRow
   }) {
     const column = columns[selectedPosition.idx];
     const row = rows[selectedPosition.rowIdx];
-    return isCellEditable(column, row);
+    return !isGroupRow(row) && isCellEditable(column, row);
   }
   function isCellEditable(column, row) {
-    return column.renderEditCell != null && (typeof column.editable === 'function' ? column.editable(row) : column.editable) !== false;
-  }
-  function getSelectedCellColSpan({
-    rows,
-    topSummaryRows,
-    bottomSummaryRows,
-    rowIdx,
-    mainHeaderRowIdx,
-    lastFrozenColumnIndex,
-    column
-  }) {
-    const topSummaryRowsCount = topSummaryRows?.length ?? 0;
-    if (rowIdx === mainHeaderRowIdx) {
-      return getColSpan(column, lastFrozenColumnIndex, {
-        type: 'HEADER'
-      });
-    }
-    if (topSummaryRows && rowIdx > mainHeaderRowIdx && rowIdx <= topSummaryRowsCount + mainHeaderRowIdx) {
-      return getColSpan(column, lastFrozenColumnIndex, {
-        type: 'SUMMARY',
-        row: topSummaryRows[rowIdx + topSummaryRowsCount]
-      });
-    }
-    if (rowIdx >= 0 && rowIdx < rows.length) {
-      const row = rows[rowIdx];
-      return getColSpan(column, lastFrozenColumnIndex, {
-        type: 'ROW',
-        row
-      });
-    }
-    if (bottomSummaryRows) {
-      return getColSpan(column, lastFrozenColumnIndex, {
-        type: 'SUMMARY',
-        row: bottomSummaryRows[rowIdx - rows.length]
-      });
-    }
-    return undefined;
+    return column.editor != null && !column.rowGroup && (typeof column.editable === 'function' ? column.editable(row) : column.editable) !== false;
   }
   function getNextSelectedCellPosition({
-    moveUp,
-    moveNext,
     cellNavigationMode,
     columns,
     colSpanColumns,
     rows,
-    topSummaryRows,
-    bottomSummaryRows,
-    minRowIdx,
-    mainHeaderRowIdx,
-    maxRowIdx,
-    currentPosition: {
-      idx: currentIdx,
-      rowIdx: currentRowIdx
-    },
+    currentPosition,
     nextPosition,
     lastFrozenColumnIndex,
-    isCellWithinBounds
+    isCellWithinBounds,
+    isGroupRow
   }) {
-    let {
-      idx: nextIdx,
-      rowIdx: nextRowIdx
-    } = nextPosition;
-    const columnsCount = columns.length;
-    const setColSpan = moveNext => {
-      for (const column of colSpanColumns) {
-        const colIdx = column.idx;
-        if (colIdx > nextIdx) break;
-        const colSpan = getSelectedCellColSpan({
-          rows,
-          topSummaryRows,
-          bottomSummaryRows,
-          rowIdx: nextRowIdx,
-          mainHeaderRowIdx,
-          lastFrozenColumnIndex,
-          column
-        });
-        if (colSpan && nextIdx > colIdx && nextIdx < colSpan + colIdx) {
-          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;
+    const rowsCount = rows.length;
+    let position = nextPosition;
+
+    const setColSpan = moveRight => {
+      const row = rows[position.rowIdx];
+
+      if (!isGroupRow(row)) {
+        const posIdx = position.idx;
+
+        for (const column of colSpanColumns) {
+          const colIdx = column.idx;
+          if (colIdx > posIdx) break;
+          const colSpan = getColSpan(column, lastFrozenColumnIndex, {
+            type: 'ROW',
+            row
+          });
+
+          if (colSpan && posIdx > colIdx && posIdx < colSpan + colIdx) {
+            position.idx = colIdx + (moveRight ? colSpan : 0);
             break;
           }
-          parent = parent.parent;
-        }
-        if (!found) {
-          nextIdx = currentIdx;
-          nextRowIdx = currentRowIdx;
         }
       }
     };
-    if (isCellWithinBounds(nextPosition)) {
-      setColSpan(moveNext);
-      if (nextRowIdx < mainHeaderRowIdx) {
-        setHeaderGroupColAndRowSpan();
-      }
+
+    if (isCellWithinBounds(position)) {
+      setColSpan(position.idx - currentPosition.idx > 0);
     }
-    if (cellNavigationMode === 'CHANGE_ROW') {
-      const isAfterLastColumn = nextIdx === columnsCount;
-      const isBeforeFirstColumn = nextIdx === -1;
+
+    if (cellNavigationMode !== 'NONE') {
+      const {
+        idx,
+        rowIdx
+      } = nextPosition;
+      const columnsCount = columns.length;
+      const isAfterLastColumn = idx === columnsCount;
+      const isBeforeFirstColumn = idx === -1;
+
       if (isAfterLastColumn) {
-        const isLastRow = nextRowIdx === maxRowIdx;
-        if (!isLastRow) {
-          nextIdx = 0;
-          nextRowIdx += 1;
+        if (cellNavigationMode === 'CHANGE_ROW') {
+          const isLastRow = rowIdx === rowsCount - 1;
+
+          if (!isLastRow) {
+            position = {
+              idx: 0,
+              rowIdx: rowIdx + 1
+            };
+          }
+        } else {
+          position = {
+            rowIdx,
+            idx: 0
+          };
         }
+
+        setColSpan(true);
       } else if (isBeforeFirstColumn) {
-        const isFirstRow = nextRowIdx === minRowIdx;
-        if (!isFirstRow) {
-          nextRowIdx -= 1;
-          nextIdx = columnsCount - 1;
-        }
-        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;
+        if (cellNavigationMode === 'CHANGE_ROW') {
+          const isFirstRow = rowIdx === 0;
+
+          if (!isFirstRow) {
+            position = {
+              rowIdx: rowIdx - 1,
+              idx: columnsCount - 1
+            };
+          }
+        } else {
+          position = {
+            rowIdx,
+            idx: columnsCount - 1
+          };
         }
-        parent = parent.parent;
       }
+
+      setColSpan(false);
     }
-    return {
-      idx: nextIdx,
-      rowIdx: nextRowIdx
-    };
+
+    return position;
   }
   function canExitGrid({
-    maxColIdx,
-    minRowIdx,
-    maxRowIdx,
+    cellNavigationMode,
+    columns,
+    rowsCount,
     selectedPosition: {
       rowIdx,
       idx
     },
     shiftKey
   }) {
-    const atLastCellInRow = idx === maxColIdx;
-    const atFirstCellInRow = idx === 0;
-    const atLastRow = rowIdx === maxRowIdx;
-    const atFirstRow = rowIdx === minRowIdx;
-    return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
-  }
-
-  const cell = "cj343x07-0-0-beta-40";
-  const cellClassname = `rdg-cell ${cell}`;
-  const cellFrozen = "csofj7r7-0-0-beta-40";
-  const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
-  const cellFrozenLast = "ch2wcw87-0-0-beta-40";
-  const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
-
-  function getRowStyle(rowIdx, height) {
-    if (height !== undefined) {
-      return {
-        '--rdg-grid-row-start': rowIdx,
-        '--rdg-row-height': `${height}px`
-      };
-    }
-    return {
-      '--rdg-grid-row-start': rowIdx
-    };
-  }
-  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
-      };
+    if (cellNavigationMode === 'NONE' || cellNavigationMode === 'CHANGE_ROW') {
+      const atLastCellInRow = idx === columns.length - 1;
+      const atFirstCellInRow = idx === 0;
+      const atLastRow = rowIdx === rowsCount - 1;
+      const atFirstRow = rowIdx === 0;
+      return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
     }
-    return {
-      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
-    };
-  }
-  function getCellClassname(column, ...extraClasses) {
-    return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname, column.isLastFrozenColumn && cellFrozenLastClassname);
+
+    return false;
   }
 
   const {
     min,
     max,
-    round,
     floor,
-    sign,
-    abs
+    ceil,
+    sign
   } = Math;
   function assertIsValidKeyGetter(keyGetter) {
     if (typeof keyGetter !== 'function') {
       throw new Error('Please specify the rowKeyGetter prop to use selection');
     }
   }
-  function clampColumnWidth(width, {
-    minWidth,
-    maxWidth
-  }) {
-    width = max(width, minWidth);
-    if (typeof maxWidth === 'number' && maxWidth >= minWidth) {
-      return min(width, maxWidth);
-    }
-    return width;
-  }
-  function getHeaderCellRowSpan(column, rowIdx) {
-    return column.parent === undefined ? rowIdx : column.level - column.parent.level;
-  }
-
-  const checkboxLabel = "c1bn88vv7-0-0-beta-40";
-  const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
-  const checkboxInput = "c1qt073l7-0-0-beta-40";
-  const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
-  const checkbox = "cf71kmq7-0-0-beta-40";
-  const checkboxClassname = `rdg-checkbox ${checkbox}`;
-  const checkboxLabelDisabled = "c1lwve4p7-0-0-beta-40";
-  const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
-  function renderCheckbox({
-    onChange,
-    ...props
-  }) {
-    function handleChange(e) {
-      onChange(e.target.checked, e.nativeEvent.shiftKey);
-    }
-    return /*#__PURE__*/o("label", {
-      className: clsx(checkboxLabelClassname, props.disabled && checkboxLabelDisabledClassname),
-      children: [/*#__PURE__*/o("input", {
-        type: "checkbox",
-        ...props,
-        className: checkboxInputClassname,
-        onChange: handleChange
-      }), /*#__PURE__*/o("div", {
-        className: checkboxClassname
-      })]
-    });
-  }
-
-  function renderValue(props) {
-    try {
-      return props.row[props.column.key];
-    } catch {
-      return null;
-    }
-  }
-
-  const DataGridDefaultRenderersContext = /*#__PURE__*/G$1(undefined);
-  const DataGridDefaultRenderersProvider = DataGridDefaultRenderersContext.Provider;
-  function useDefaultRenderers() {
-    return q$1(DataGridDefaultRenderersContext);
-  }
-
-  function SelectCellFormatter({
-    value,
-    tabIndex,
-    disabled,
-    onChange,
-    'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledBy
-  }) {
-    const renderCheckbox = useDefaultRenderers().renderCheckbox;
-    return renderCheckbox({
-      'aria-label': ariaLabel,
-      'aria-labelledby': ariaLabelledBy,
-      tabIndex,
-      disabled,
-      checked: value,
-      onChange
-    });
+  function getCellStyle(column, colSpan) {
+    return {
+      gridColumnStart: column.idx + 1,
+      gridColumnEnd: colSpan !== undefined ? `span ${colSpan}` : undefined,
+      left: column.frozen ? `var(--frozen-left-${column.key})` : undefined
+    };
   }
-
-  const RowSelectionContext = /*#__PURE__*/G$1(undefined);
-  const RowSelectionProvider = RowSelectionContext.Provider;
-  const RowSelectionChangeContext = /*#__PURE__*/G$1(undefined);
-  const RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
-  function useRowSelection() {
-    const rowSelectionContext = q$1(RowSelectionContext);
-    const rowSelectionChangeContext = q$1(RowSelectionChangeContext);
-    if (rowSelectionContext === undefined || rowSelectionChangeContext === undefined) {
-      throw new Error('useRowSelection must be used within DataGrid cells');
-    }
-    return [rowSelectionContext, rowSelectionChangeContext];
+  function getCellClassname(column, ...extraClasses) {
+    return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname, column.isLastFrozenColumn && cellFrozenLastClassname);
   }
 
   const SELECT_COLUMN_KEY = 'select-row';
-  function HeaderRenderer(props) {
-    const [isRowSelected, onRowSelectionChange] = useRowSelection();
-    return /*#__PURE__*/o(SelectCellFormatter, {
-      "aria-label": "Select All",
-      tabIndex: props.tabIndex,
-      value: isRowSelected,
-      onChange: checked => {
-        onRowSelectionChange({
-          type: 'HEADER',
-          checked
-        });
-      }
-    });
-  }
+
   function SelectFormatter(props) {
     const [isRowSelected, onRowSelectionChange] = useRowSelection();
-    return /*#__PURE__*/o(SelectCellFormatter, {
+    return /*#__PURE__*/u(SelectCellFormatter, {
       "aria-label": "Select",
-      tabIndex: props.tabIndex,
+      tabIndex: -1,
+      isCellSelected: props.isCellSelected,
       value: isRowSelected,
+      onClick: stopPropagation,
       onChange: (checked, isShiftClick) => {
         onRowSelectionChange({
-          type: 'ROW',
-          row: props.row,
+          rowIdx: props.rowIdx,
           checked,
           isShiftClick
         });
       }
     });
   }
+
   function SelectGroupFormatter(props) {
     const [isRowSelected, onRowSelectionChange] = useRowSelection();
-    return /*#__PURE__*/o(SelectCellFormatter, {
+    return /*#__PURE__*/u(SelectCellFormatter, {
       "aria-label": "Select Group",
-      tabIndex: props.tabIndex,
+      tabIndex: -1,
+      isCellSelected: props.isCellSelected,
       value: isRowSelected,
       onChange: checked => {
         onRowSelectionChange({
-          type: 'ROW',
-          row: props.row,
           checked,
-          isShiftClick: false
+          isShiftClick: false,
+          rowIdx: props.rowIdx
         });
-      }
+      },
+      onClick: stopPropagation
     });
   }
+
   const SelectColumn = {
     key: SELECT_COLUMN_KEY,
     name: '',
     width: 35,
-    minWidth: 35,
     maxWidth: 35,
     resizable: false,
     sortable: false,
     frozen: true,
-    renderHeaderCell(props) {
-      return /*#__PURE__*/o(HeaderRenderer, {
-        ...props
-      });
-    },
-    renderCell(props) {
-      return /*#__PURE__*/o(SelectFormatter, {
-        ...props
+
+    headerRenderer(props) {
+      return /*#__PURE__*/u(SelectCellFormatter, {
+        "aria-label": "Select All",
+        isCellSelected: false,
+        value: props.allRowsSelected,
+        onChange: props.onAllRowsSelectionChange
       });
     },
-    renderGroupCell(props) {
-      return /*#__PURE__*/o(SelectGroupFormatter, {
-        ...props
-      });
-    }
+
+    formatter: SelectFormatter,
+    groupFormatter: SelectGroupFormatter
   };
 
-  const DEFAULT_COLUMN_WIDTH = 'auto';
-  const DEFAULT_COLUMN_MIN_WIDTH = 50;
   function useCalculatedColumns({
     rawColumns,
-    defaultColumnOptions,
-    getColumnWidth,
+    columnWidths,
     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 defaultCellRenderer = defaultColumnOptions?.renderCell ?? renderValue;
-    const defaultSortable = defaultColumnOptions?.sortable ?? false;
-    const defaultResizable = defaultColumnOptions?.resizable ?? false;
-    const defaultDraggable = defaultColumnOptions?.draggable ?? false;
+    var _defaultColumnOptions, _defaultColumnOptions2, _defaultColumnOptions3, _defaultColumnOptions4;
+
+    const minColumnWidth = (_defaultColumnOptions = defaultColumnOptions == null ? void 0 : defaultColumnOptions.minWidth) != null ? _defaultColumnOptions : 80;
+    const defaultFormatter = (_defaultColumnOptions2 = defaultColumnOptions == null ? void 0 : defaultColumnOptions.formatter) != null ? _defaultColumnOptions2 : ValueFormatter;
+    const defaultSortable = (_defaultColumnOptions3 = defaultColumnOptions == null ? void 0 : defaultColumnOptions.sortable) != null ? _defaultColumnOptions3 : false;
+    const defaultResizable = (_defaultColumnOptions4 = defaultColumnOptions == null ? void 0 : defaultColumnOptions.resizable) != null ? _defaultColumnOptions4 : false;
     const {
       columns,
       colSpanColumns,
       lastFrozenColumnIndex,
-      headerRowsCount
+      groupBy
     } = F$1(() => {
+      const groupBy = [];
       let lastFrozenColumnIndex = -1;
-      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;
-          }
+      const columns = rawColumns.map(rawColumn => {
+        var _rawGroupBy$includes, _rawColumn$sortable, _rawColumn$resizable, _rawColumn$formatter;
+
+        const rowGroup = (_rawGroupBy$includes = rawGroupBy == null ? void 0 : rawGroupBy.includes(rawColumn.key)) != null ? _rawGroupBy$includes : false;
+        const frozen = rowGroup || rawColumn.frozen || false;
+        const column = { ...rawColumn,
+          idx: 0,
+          frozen,
+          isLastFrozenColumn: false,
+          rowGroup,
+          sortable: (_rawColumn$sortable = rawColumn.sortable) != null ? _rawColumn$sortable : defaultSortable,
+          resizable: (_rawColumn$resizable = rawColumn.resizable) != null ? _rawColumn$resizable : defaultResizable,
+          formatter: (_rawColumn$formatter = rawColumn.formatter) != null ? _rawColumn$formatter : defaultFormatter
+        };
+
+        if (rowGroup) {
+          var _column$groupFormatte;
+
+          (_column$groupFormatte = column.groupFormatter) != null ? _column$groupFormatte : column.groupFormatter = ToggleGroupFormatter;
         }
-      }
+
+        if (frozen) {
+          lastFrozenColumnIndex++;
+        }
+
+        return column;
+      });
       columns.sort(({
         key: aKey,
         frozen: frozenA
@@ -638,104 +563,168 @@
       }) => {
         if (aKey === SELECT_COLUMN_KEY) return -1;
         if (bKey === SELECT_COLUMN_KEY) return 1;
+
+        if (rawGroupBy != null && rawGroupBy.includes(aKey)) {
+          if (rawGroupBy.includes(bKey)) {
+            return rawGroupBy.indexOf(aKey) - rawGroupBy.indexOf(bKey);
+          }
+
+          return -1;
+        }
+
+        if (rawGroupBy != null && rawGroupBy.includes(bKey)) return 1;
+
         if (frozenA) {
           if (frozenB) return 0;
           return -1;
         }
+
         if (frozenB) return 1;
         return 0;
       });
       const colSpanColumns = [];
       columns.forEach((column, idx) => {
         column.idx = idx;
-        updateColumnParent(column, idx, 0);
+
+        if (column.rowGroup) {
+          groupBy.push(column.key);
+        }
+
         if (column.colSpan != null) {
           colSpanColumns.push(column);
         }
       });
+
       if (lastFrozenColumnIndex !== -1) {
         columns[lastFrozenColumnIndex].isLastFrozenColumn = true;
       }
+
       return {
         columns,
         colSpanColumns,
         lastFrozenColumnIndex,
-        headerRowsCount
+        groupBy
       };
-    }, [rawColumns, defaultWidth, defaultMinWidth, defaultMaxWidth, defaultCellRenderer, defaultResizable, defaultSortable, defaultDraggable]);
+    }, [rawColumns, defaultFormatter, defaultResizable, defaultSortable, rawGroupBy]);
     const {
-      templateColumns,
       layoutCssVars,
+      totalColumnWidth,
       totalFrozenColumnWidth,
       columnMetrics
     } = F$1(() => {
       const columnMetrics = new Map();
       let left = 0;
+      let totalColumnWidth = 0;
       let totalFrozenColumnWidth = 0;
-      const templateColumns = [];
+      let templateColumns = '';
+      let allocatedWidth = 0;
+      let unassignedColumnsCount = 0;
+
+      for (const column of columns) {
+        let width = getSpecifiedWidth(column, columnWidths, viewportWidth);
+
+        if (width === undefined) {
+          unassignedColumnsCount++;
+        } else {
+          width = clampColumnWidth(width, column, minColumnWidth);
+          allocatedWidth += width;
+          columnMetrics.set(column, {
+            width,
+            left: 0
+          });
+        }
+      }
+
+      const unallocatedWidth = viewportWidth - allocatedWidth;
+      const unallocatedColumnWidth = unallocatedWidth / unassignedColumnsCount;
+
       for (const column of columns) {
-        let width = getColumnWidth(column);
-        if (typeof width === 'number') {
-          width = clampColumnWidth(width, column);
+        let width;
+
+        if (columnMetrics.has(column)) {
+          const columnMetric = columnMetrics.get(column);
+          columnMetric.left = left;
+          ({
+            width
+          } = columnMetric);
         } else {
-          width = column.minWidth;
+          width = clampColumnWidth(unallocatedColumnWidth, column, minColumnWidth);
+          columnMetrics.set(column, {
+            width,
+            left
+          });
         }
-        templateColumns.push(`${width}px`);
-        columnMetrics.set(column, {
-          width,
-          left
-        });
+
+        totalColumnWidth += width;
         left += width;
+        templateColumns += `${width}px `;
       }
+
       if (lastFrozenColumnIndex !== -1) {
         const columnMetric = columnMetrics.get(columns[lastFrozenColumnIndex]);
         totalFrozenColumnWidth = columnMetric.left + columnMetric.width;
       }
-      const layoutCssVars = {};
+
+      const layoutCssVars = {
+        '--template-columns': templateColumns
+      };
+
       for (let i = 0; i <= lastFrozenColumnIndex; i++) {
         const column = columns[i];
-        layoutCssVars[`--rdg-frozen-left-${column.idx}`] = `${columnMetrics.get(column).left}px`;
+        layoutCssVars[`--frozen-left-${column.key}`] = `${columnMetrics.get(column).left}px`;
       }
+
       return {
-        templateColumns,
         layoutCssVars,
+        totalColumnWidth,
         totalFrozenColumnWidth,
         columnMetrics
       };
-    }, [getColumnWidth, columns, lastFrozenColumnIndex]);
+    }, [columnWidths, columns, viewportWidth, minColumnWidth, lastFrozenColumnIndex]);
     const [colOverscanStartIdx, colOverscanEndIdx] = F$1(() => {
       if (!enableVirtualization) {
         return [0, columns.length - 1];
       }
+
       const viewportLeft = scrollLeft + totalFrozenColumnWidth;
       const viewportRight = scrollLeft + viewportWidth;
       const lastColIdx = columns.length - 1;
       const firstUnfrozenColumnIdx = min(lastFrozenColumnIndex + 1, lastColIdx);
+
       if (viewportLeft >= viewportRight) {
         return [firstUnfrozenColumnIdx, firstUnfrozenColumnIdx];
       }
+
       let colVisibleStartIdx = firstUnfrozenColumnIdx;
+
       while (colVisibleStartIdx < lastColIdx) {
         const {
           left,
           width
         } = columnMetrics.get(columns[colVisibleStartIdx]);
+
         if (left + width > viewportLeft) {
           break;
         }
+
         colVisibleStartIdx++;
       }
+
       let colVisibleEndIdx = colVisibleStartIdx;
+
       while (colVisibleEndIdx < lastColIdx) {
         const {
           left,
           width
         } = columnMetrics.get(columns[colVisibleEndIdx]);
+
         if (left + width >= viewportRight) {
           break;
         }
+
         colVisibleEndIdx++;
       }
+
       const colOverscanStartIdx = max(firstUnfrozenColumnIdx, colVisibleStartIdx - 1);
       const colOverscanEndIdx = min(lastColIdx, colVisibleEndIdx + 1);
       return [colOverscanStartIdx, colOverscanEndIdx];
@@ -745,210 +734,136 @@
       colSpanColumns,
       colOverscanStartIdx,
       colOverscanEndIdx,
-      templateColumns,
       layoutCssVars,
-      headerRowsCount,
+      columnMetrics,
+      totalColumnWidth,
       lastFrozenColumnIndex,
-      totalFrozenColumnWidth
+      totalFrozenColumnWidth,
+      groupBy
     };
   }
-  function updateColumnParent(column, index, level) {
-    if (level < column.level) {
-      column.level = level;
+
+  function getSpecifiedWidth({
+    key,
+    width
+  }, columnWidths, viewportWidth) {
+    if (columnWidths.has(key)) {
+      return columnWidths.get(key);
     }
-    if (column.parent !== undefined) {
-      const {
-        parent
-      } = column;
-      if (parent.idx === -1) {
-        parent.idx = index;
-      }
-      parent.colSpan += 1;
-      updateColumnParent(parent, index, level - 1);
+
+    if (typeof width === 'number') {
+      return width;
     }
+
+    if (typeof width === 'string' && /^\d+%$/.test(width)) {
+      return floor(viewportWidth * parseInt(width, 10) / 100);
+    }
+
+    return undefined;
   }
 
-  const useLayoutEffect = typeof window === 'undefined' ? p : y;
+  function clampColumnWidth(width, {
+    minWidth,
+    maxWidth
+  }, minColumnWidth) {
+    width = max(width, minWidth != null ? minWidth : minColumnWidth);
 
-  function useColumnWidths(columns, viewportColumns, templateColumns, gridRef, gridWidth, resizedColumnWidths, measuredColumnWidths, setResizedColumnWidths, setMeasuredColumnWidths, onColumnResize) {
-    const prevGridWidthRef = _$1(gridWidth);
-    const columnsCanFlex = columns.length === viewportColumns.length;
-    const ignorePreviouslyMeasuredColumns = columnsCanFlex && gridWidth !== prevGridWidthRef.current;
-    const newTemplateColumns = [...templateColumns];
-    const columnsToMeasure = [];
-    for (const {
-      key,
-      idx,
-      width
-    } of viewportColumns) {
-      if (typeof width === 'string' && (ignorePreviouslyMeasuredColumns || !measuredColumnWidths.has(key)) && !resizedColumnWidths.has(key)) {
-        newTemplateColumns[idx] = width;
-        columnsToMeasure.push(key);
-      }
-    }
-    const gridTemplateColumns = newTemplateColumns.join(' ');
-    useLayoutEffect(() => {
-      prevGridWidthRef.current = gridWidth;
-      updateMeasuredWidths(columnsToMeasure);
-    });
-    function updateMeasuredWidths(columnsToMeasure) {
-      if (columnsToMeasure.length === 0) return;
-      setMeasuredColumnWidths(measuredColumnWidths => {
-        const newMeasuredColumnWidths = new Map(measuredColumnWidths);
-        let hasChanges = false;
-        for (const key of columnsToMeasure) {
-          const measuredWidth = measureColumnWidth(gridRef, key);
-          hasChanges ||= measuredWidth !== measuredColumnWidths.get(key);
-          if (measuredWidth === undefined) {
-            newMeasuredColumnWidths.delete(key);
-          } else {
-            newMeasuredColumnWidths.set(key, measuredWidth);
-          }
-        }
-        return hasChanges ? newMeasuredColumnWidths : measuredColumnWidths;
-      });
-    }
-    function handleColumnResize(column, nextWidth) {
-      const {
-        key: resizingKey
-      } = column;
-      const newTemplateColumns = [...templateColumns];
-      const columnsToMeasure = [];
-      for (const {
-        key,
-        idx,
-        width
-      } of viewportColumns) {
-        if (resizingKey === key) {
-          const width = typeof nextWidth === 'number' ? `${nextWidth}px` : nextWidth;
-          newTemplateColumns[idx] = width;
-        } else if (columnsCanFlex && typeof width === 'string' && !resizedColumnWidths.has(key)) {
-          newTemplateColumns[idx] = width;
-          columnsToMeasure.push(key);
-        }
-      }
-      gridRef.current.style.gridTemplateColumns = newTemplateColumns.join(' ');
-      const measuredWidth = typeof nextWidth === 'number' ? nextWidth : measureColumnWidth(gridRef, resizingKey);
-      mn(() => {
-        setResizedColumnWidths(resizedColumnWidths => {
-          const newResizedColumnWidths = new Map(resizedColumnWidths);
-          newResizedColumnWidths.set(resizingKey, measuredWidth);
-          return newResizedColumnWidths;
-        });
-        updateMeasuredWidths(columnsToMeasure);
-      });
-      onColumnResize?.(column.idx, measuredWidth);
+    if (typeof maxWidth === 'number') {
+      return min(width, maxWidth);
     }
-    return {
-      gridTemplateColumns,
-      handleColumnResize
-    };
-  }
-  function measureColumnWidth(gridRef, key) {
-    const selector = `[data-measuring-cell-key="${CSS.escape(key)}"]`;
-    const measuringCell = gridRef.current.querySelector(selector);
-    return measuringCell?.getBoundingClientRect().width;
+
+    return width;
   }
 
   function useGridDimensions() {
-    const gridRef = _$1(null);
-    const [inlineSize, setInlineSize] = h(1);
-    const [blockSize, setBlockSize] = h(1);
-    useLayoutEffect(() => {
+    const gridRef = _(null);
+    const [gridWidth, setGridWidth] = h(1);
+    const [gridHeight, setGridHeight] = h(1);
+    y(() => {
       const {
         ResizeObserver
       } = window;
       if (ResizeObserver == null) return;
-      const {
-        clientWidth,
-        clientHeight,
-        offsetWidth,
-        offsetHeight
-      } = gridRef.current;
-      const {
-        width,
-        height
-      } = gridRef.current.getBoundingClientRect();
-      const initialWidth = width - offsetWidth + clientWidth;
-      const initialHeight = height - offsetHeight + clientHeight;
-      setInlineSize(initialWidth);
-      setBlockSize(initialHeight);
-      const resizeObserver = new ResizeObserver(entries => {
-        const size = entries[0].contentBoxSize[0];
-        mn(() => {
-          setInlineSize(size.inlineSize);
-          setBlockSize(size.blockSize);
-        });
+      const resizeObserver = new ResizeObserver(() => {
+        const {
+          clientWidth,
+          clientHeight
+        } = gridRef.current;
+        setGridWidth(clientWidth - (devicePixelRatio % 0.5 === 0 ? 0 : 1));
+        setGridHeight(clientHeight);
       });
       resizeObserver.observe(gridRef.current);
       return () => {
         resizeObserver.disconnect();
       };
     }, []);
-    return [gridRef, inlineSize, blockSize];
+    return [gridRef, gridWidth, gridHeight];
   }
 
   function useLatestFunc(fn) {
-    const ref = _$1(fn);
+    const ref = _(fn);
     p(() => {
       ref.current = fn;
     });
-    const callbackFn = T$1((...args) => {
+    return T$1((...args) => {
       ref.current(...args);
     }, []);
-    return fn ? callbackFn : fn;
   }
 
-  function useRovingTabIndex(isSelected) {
-    const [isChildFocused, setIsChildFocused] = h(false);
-    if (isChildFocused && !isSelected) {
-      setIsChildFocused(false);
-    }
-    function onFocus(event) {
-      if (event.target !== event.currentTarget) {
-        setIsChildFocused(true);
-      }
+  const RowSelectionContext = /*#__PURE__*/F$2(undefined);
+  const RowSelectionProvider = RowSelectionContext.Provider;
+  const RowSelectionChangeContext = /*#__PURE__*/F$2(undefined);
+  const RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
+  function useRowSelection() {
+    const rowSelectionContext = q$1(RowSelectionContext);
+    const rowSelectionChangeContext = q$1(RowSelectionChangeContext);
+
+    if (rowSelectionContext === undefined || rowSelectionChangeContext === undefined) {
+      throw new Error('useRowSelection must be used within DataGrid cells');
     }
-    const isFocusable = isSelected && !isChildFocused;
-    return {
-      tabIndex: isFocusable ? 0 : -1,
-      childTabIndex: isSelected ? 0 : -1,
-      onFocus: isSelected ? onFocus : undefined
-    };
+
+    return [rowSelectionContext, rowSelectionChangeContext];
   }
 
   function useViewportColumns({
     columns,
     colSpanColumns,
     rows,
-    topSummaryRows,
-    bottomSummaryRows,
+    summaryRows,
     colOverscanStartIdx,
     colOverscanEndIdx,
     lastFrozenColumnIndex,
     rowOverscanStartIdx,
-    rowOverscanEndIdx
+    rowOverscanEndIdx,
+    isGroupRow
   }) {
     const startIdx = F$1(() => {
       if (colOverscanStartIdx === 0) return 0;
       let startIdx = colOverscanStartIdx;
+
       const updateStartIdx = (colIdx, colSpan) => {
         if (colSpan !== undefined && colIdx + colSpan > colOverscanStartIdx) {
           startIdx = colIdx;
           return true;
         }
+
         return false;
       };
+
       for (const column of colSpanColumns) {
         const colIdx = column.idx;
         if (colIdx >= startIdx) break;
+
         if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
           type: 'HEADER'
         }))) {
           break;
         }
+
         for (let rowIdx = rowOverscanStartIdx; rowIdx <= rowOverscanEndIdx; rowIdx++) {
           const row = rows[rowIdx];
+          if (isGroupRow(row)) continue;
+
           if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
             type: 'ROW',
             row
@@ -956,18 +871,9 @@
             break;
           }
         }
-        if (topSummaryRows != null) {
-          for (const row of topSummaryRows) {
-            if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
-              type: 'SUMMARY',
-              row
-            }))) {
-              break;
-            }
-          }
-        }
-        if (bottomSummaryRows != null) {
-          for (const row of bottomSummaryRows) {
+
+        if (summaryRows != null) {
+          for (const row of summaryRows) {
             if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
               type: 'SUMMARY',
               row
@@ -977,29 +883,110 @@
           }
         }
       }
+
       return startIdx;
-    }, [rowOverscanStartIdx, rowOverscanEndIdx, rows, topSummaryRows, bottomSummaryRows, colOverscanStartIdx, lastFrozenColumnIndex, colSpanColumns]);
+    }, [rowOverscanStartIdx, rowOverscanEndIdx, rows, summaryRows, colOverscanStartIdx, lastFrozenColumnIndex, colSpanColumns, isGroupRow]);
     return F$1(() => {
       const viewportColumns = [];
+
       for (let colIdx = 0; colIdx <= colOverscanEndIdx; colIdx++) {
         const column = columns[colIdx];
         if (colIdx < startIdx && !column.frozen) continue;
         viewportColumns.push(column);
       }
+
       return viewportColumns;
     }, [startIdx, colOverscanEndIdx, columns]);
   }
 
+  const RENDER_BATCH_SIZE = 8;
+
+  function isReadonlyArray(arr) {
+    return Array.isArray(arr);
+  }
+
   function useViewportRows({
-    rows,
+    rawRows,
     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) => {
+          var _expandedGroupIds$has;
+
+          const id = parentId !== undefined ? `${parentId}__${groupKey}` : groupKey;
+          const isExpanded = (_expandedGroupIds$has = expandedGroupIds == null ? void 0 : expandedGroupIds.has(id)) != null ? _expandedGroupIds$has : 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,
       getRowTop,
       getRowHeight,
       findRowIdx
@@ -1007,418 +994,197 @@
       if (typeof rowHeight === 'number') {
         return {
           totalRowHeight: rowHeight * rows.length,
-          gridTemplateRows: ` repeat(${rows.length}, ${rowHeight}px)`,
           getRowTop: rowIdx => rowIdx * rowHeight,
           getRowHeight: () => rowHeight,
           findRowIdx: offset => floor(offset / rowHeight)
         };
       }
+
       let totalRowHeight = 0;
-      let gridTemplateRows = ' ';
       const rowPositions = rows.map(row => {
-        const currentRowHeight = rowHeight(row);
+        const currentRowHeight = isGroupRow(row) ? rowHeight({
+          type: 'GROUP',
+          row
+        }) : rowHeight({
+          type: 'ROW',
+          row
+        });
         const position = {
           top: totalRowHeight,
           height: currentRowHeight
         };
-        gridTemplateRows += `${currentRowHeight}px `;
         totalRowHeight += currentRowHeight;
         return position;
       });
+
       const validateRowIdx = rowIdx => {
         return max(0, min(rows.length - 1, rowIdx));
       };
+
       return {
         totalRowHeight,
-        gridTemplateRows,
         getRowTop: rowIdx => rowPositions[validateRowIdx(rowIdx)].top,
         getRowHeight: rowIdx => rowPositions[validateRowIdx(rowIdx)].height,
+
         findRowIdx(offset) {
           let start = 0;
           let end = rowPositions.length - 1;
+
           while (start <= end) {
             const middle = start + floor((end - start) / 2);
             const currentOffset = rowPositions[middle].top;
             if (currentOffset === offset) return middle;
-            if (currentOffset < offset) {
-              start = middle + 1;
-            } else if (currentOffset > offset) {
-              end = middle - 1;
-            }
-            if (start > end) return end;
-          }
-          return 0;
-        }
-      };
-    }, [rowHeight, rows]);
-    let rowOverscanStartIdx = 0;
-    let rowOverscanEndIdx = rows.length - 1;
-    if (enableVirtualization) {
-      const overscanThreshold = 4;
-      const rowVisibleStartIdx = findRowIdx(scrollTop);
-      const rowVisibleEndIdx = findRowIdx(scrollTop + clientHeight);
-      rowOverscanStartIdx = max(0, rowVisibleStartIdx - overscanThreshold);
-      rowOverscanEndIdx = min(rows.length - 1, rowVisibleEndIdx + overscanThreshold);
-    }
-    return {
-      rowOverscanStartIdx,
-      rowOverscanEndIdx,
-      totalRowHeight,
-      gridTemplateRows,
-      getRowTop,
-      getRowHeight,
-      findRowIdx
-    };
-  }
-
-  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,
-    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);
-      window.addEventListener('mouseup', onMouseUp);
-      function onMouseOver(event) {
-        if (event.buttons !== 1) onMouseUp();
-      }
-      function onMouseUp() {
-        window.removeEventListener('mouseover', onMouseOver);
-        window.removeEventListener('mouseup', onMouseUp);
-        setDragging(false);
-        handleDragEnd();
-      }
-    }
-    function handleDragEnd() {
-      const overRowIdx = latestDraggedOverRowIdx.current;
-      if (overRowIdx === undefined) return;
-      const startRowIndex = rowIdx < overRowIdx ? rowIdx + 1 : overRowIdx;
-      const endRowIndex = rowIdx < overRowIdx ? overRowIdx + 1 : rowIdx;
-      updateRows(startRowIndex, endRowIndex);
-      setDraggedOverRowIdx(undefined);
-    }
-    function handleDoubleClick(event) {
-      event.stopPropagation();
-      updateRows(rowIdx + 1, rows.length);
-    }
-    function updateRows(startRowIdx, endRowIdx) {
-      const sourceRow = rows[rowIdx];
-      const updatedRows = [...rows];
-      const indexes = [];
-      for (let i = startRowIdx; i < endRowIdx; i++) {
-        if (isCellEditable({
-          rowIdx: i,
-          idx
-        })) {
-          const updatedRow = onFill({
-            columnKey: column.key,
-            sourceRow,
-            targetRow: rows[i]
-          });
-          if (updatedRow !== rows[i]) {
-            updatedRows[i] = updatedRow;
-            indexes.push(i);
-          }
-        }
-      }
-      if (indexes.length > 0) {
-        onRowsChange?.(updatedRows, {
-          indexes,
-          column
-        });
-      }
-    }
-    const colSpan = column.colSpan?.({
-      type: 'ROW',
-      row: rows[rowIdx]
-    }) ?? 1;
-    const style = getCellStyle(column, colSpan);
-    return /*#__PURE__*/o("div", {
-      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 = "cis5rrm7-0-0-beta-40";
-  function EditCell({
-    column,
-    colSpan,
-    row,
-    rowIdx,
-    onRowChange,
-    closeEditor,
-    onKeyDown,
-    navigate
-  }) {
-    const frameRequestRef = _$1();
-    const commitOnOutsideClick = column.editorOptions?.commitOnOutsideClick !== false;
-    const commitOnOutsideMouseDown = useLatestFunc(() => {
-      onClose(true, false);
-    });
-    p(() => {
-      if (!commitOnOutsideClick) return;
-      function onWindowCaptureMouseDown() {
-        frameRequestRef.current = requestAnimationFrame(commitOnOutsideMouseDown);
-      }
-      addEventListener('mousedown', onWindowCaptureMouseDown, {
-        capture: true
-      });
-      return () => {
-        removeEventListener('mousedown', onWindowCaptureMouseDown, {
-          capture: true
-        });
-        cancelFrameRequest();
-      };
-    }, [commitOnOutsideClick, commitOnOutsideMouseDown]);
-    function cancelFrameRequest() {
-      cancelAnimationFrame(frameRequestRef.current);
-    }
-    function handleKeyDown(event) {
-      if (onKeyDown) {
-        const cellEvent = createCellEvent(event);
-        onKeyDown({
-          mode: 'EDIT',
-          row,
-          column,
-          rowIdx,
-          navigate() {
-            navigate(event);
-          },
-          onClose
-        }, cellEvent);
-        if (cellEvent.isGridDefaultPrevented()) return;
-      }
-      if (event.key === 'Escape') {
-        onClose();
-      } else if (event.key === 'Enter') {
-        onClose(true);
-      } else if (onEditorNavigation(event)) {
-        navigate(event);
-      }
-    }
-    function onClose(commitChanges = false, shouldFocusCell = true) {
-      if (commitChanges) {
-        onRowChange(row, true, shouldFocusCell);
-      } else {
-        closeEditor(shouldFocusCell);
-      }
-    }
-    function onEditorRowChange(row, commitChangesAndFocus = false) {
-      onRowChange(row, commitChangesAndFocus, commitChangesAndFocus);
-    }
-    const {
-      cellClass
-    } = column;
-    const className = getCellClassname(column, 'rdg-editor-container', typeof cellClass === 'function' ? cellClass(row) : cellClass, !column.editorOptions?.displayCellContent && cellEditing);
-    return /*#__PURE__*/o("div", {
-      role: "gridcell",
-      "aria-colindex": column.idx + 1,
-      "aria-colspan": colSpan,
-      "aria-selected": true,
-      className: className,
-      style: getCellStyle(column, colSpan),
-      onKeyDown: handleKeyDown,
-      onMouseDownCapture: cancelFrameRequest,
-      children: column.renderEditCell != null && /*#__PURE__*/o(k$2, {
-        children: [column.renderEditCell({
-          column,
-          row,
-          onRowChange: onEditorRowChange,
-          onClose
-        }), column.editorOptions?.displayCellContent && column.renderCell({
-          column,
-          row,
-          isCellEditable: true,
-          tabIndex: -1,
-          onRowChange: onEditorRowChange
-        })]
-      })
-    });
-  }
+            if (currentOffset < offset) {
+              start = middle + 1;
+            } else if (currentOffset > offset) {
+              end = middle - 1;
+            }
 
-  function GroupedColumnHeaderCell({
-    column,
-    rowIdx,
-    isCellSelected,
-    selectCell
-  }) {
-    const {
-      tabIndex,
-      onFocus
-    } = useRovingTabIndex(isCellSelected);
-    const {
-      colSpan
-    } = column;
-    const rowSpan = getHeaderCellRowSpan(column, rowIdx);
-    const index = column.idx + 1;
-    function onClick() {
-      selectCell({
-        idx: column.idx,
-        rowIdx
-      });
+            if (start > end) return end;
+          }
+
+          return 0;
+        }
+
+      };
+    }, [isGroupRow, rowHeight, rows]);
+
+    if (!enableVirtualization) {
+      return {
+        rowOverscanStartIdx: 0,
+        rowOverscanEndIdx: rows.length - 1,
+        rows,
+        rowsCount,
+        totalRowHeight,
+        isGroupRow,
+        getRowTop,
+        getRowHeight,
+        findRowIdx
+      };
     }
-    return /*#__PURE__*/o("div", {
-      role: "columnheader",
-      "aria-colindex": index,
-      "aria-colspan": colSpan,
-      "aria-rowspan": rowSpan,
-      "aria-selected": isCellSelected,
-      tabIndex: tabIndex,
-      className: clsx(cellClassname, column.headerCellClass),
-      style: {
-        ...getHeaderCellStyle(column, rowIdx, rowSpan),
-        gridColumnStart: index,
-        gridColumnEnd: index + colSpan
-      },
-      onFocus: onFocus,
-      onClick: onClick,
-      children: column.name
-    });
+
+    const overscanThreshold = 4;
+    const rowVisibleStartIdx = findRowIdx(scrollTop);
+    const rowVisibleEndIdx = min(rows.length - 1, findRowIdx(scrollTop + clientHeight));
+    const rowOverscanStartIdx = max(0, floor((rowVisibleStartIdx - overscanThreshold) / RENDER_BATCH_SIZE) * RENDER_BATCH_SIZE);
+    const rowOverscanEndIdx = min(rows.length - 1, ceil((rowVisibleEndIdx + overscanThreshold) / RENDER_BATCH_SIZE) * RENDER_BATCH_SIZE);
+    return {
+      rowOverscanStartIdx,
+      rowOverscanEndIdx,
+      rows,
+      rowsCount,
+      totalRowHeight,
+      isGroupRow,
+      getRowTop,
+      getRowHeight,
+      findRowIdx
+    };
   }
 
-  const headerSortCellClassname = "h44jtk67-0-0-beta-40";
-  const headerSortName = "hcgkhxz7-0-0-beta-40";
+  var css_248z$4 = ".h13yq3r8700-canary49{cursor:pointer;display:flex}.ht6rdyl700-canary49{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}";
+  styleInject$1(css_248z$4);
+
+  const headerSortCell = "h13yq3r8700-canary49";
+  const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
+  const headerSortName = "ht6rdyl700-canary49";
   const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
-  function renderHeaderCell({
-    column,
-    sortDirection,
-    priority
-  }) {
-    if (!column.sortable) return column.name;
-    return /*#__PURE__*/o(SortableHeaderCell, {
-      sortDirection: sortDirection,
-      priority: priority,
-      children: column.name
-    });
-  }
   function SortableHeaderCell({
+    onSort,
     sortDirection,
     priority,
     children
   }) {
-    const renderSortStatus = useDefaultRenderers().renderSortStatus;
-    return /*#__PURE__*/o("span", {
+    let sortText = '';
+
+    if (sortDirection === 'ASC') {
+      sortText = '\u25B2';
+    } else if (sortDirection === 'DESC') {
+      sortText = '\u25BC';
+    }
+
+    return /*#__PURE__*/u("span", {
       className: headerSortCellClassname,
-      children: [/*#__PURE__*/o("span", {
+      onClick: e => onSort(e.ctrlKey),
+      children: [/*#__PURE__*/u("span", {
         className: headerSortNameClassname,
         children: children
-      }), /*#__PURE__*/o("span", {
-        children: renderSortStatus({
-          sortDirection,
-          priority
-        })
+      }), /*#__PURE__*/u("span", {
+        children: [sortText, priority]
       })]
     });
   }
 
-  const cellSortableClassname = "c6l2wv17-0-0-beta-40";
-  const cellResizable = "c1kqdw7y7-0-0-beta-40";
+  var css_248z$3 = ".celq7o9700-canary49:after{content:\"\";cursor:col-resize;position:absolute;top:0;right:0;bottom:0;width:10px}";
+  styleInject$1(css_248z$3);
+
+  const cellResizable = "celq7o9700-canary49";
   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,
+    onResize,
+    allRowsSelected,
+    onAllRowsSelectionChange,
     sortColumns,
-    onSortColumnsChange,
-    selectCell,
-    shouldFocusGrid,
-    direction,
-    dragDropKey
+    onSortColumnsChange
   }) {
-    const [isDragging, setIsDragging] = h(false);
-    const [isOver, setIsOver] = h(false);
-    const isRtl = direction === 'rtl';
-    const rowSpan = getHeaderCellRowSpan(column, rowIdx);
-    const {
-      tabIndex,
-      childTabIndex,
-      onFocus
-    } = useRovingTabIndex(isCellSelected);
-    const sortIndex = sortColumns?.findIndex(sort => sort.columnKey === column.key);
-    const sortColumn = sortIndex !== undefined && sortIndex > -1 ? sortColumns[sortIndex] : undefined;
-    const sortDirection = sortColumn?.direction;
-    const priority = sortColumn !== undefined && sortColumns.length > 1 ? sortIndex + 1 : undefined;
-    const ariaSort = sortDirection && !priority ? sortDirection === 'ASC' ? 'ascending' : 'descending' : undefined;
-    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) {
         return;
       }
+
       const {
         currentTarget,
         pointerId
       } = event;
-      const headerCell = currentTarget.parentElement;
       const {
-        right,
-        left
-      } = headerCell.getBoundingClientRect();
-      const offset = isRtl ? event.clientX - left : right - event.clientX;
+        right
+      } = currentTarget.getBoundingClientRect();
+      const offset = right - event.clientX;
+
+      if (offset > 11) {
+        return;
+      }
+
       function onPointerMove(event) {
-        event.preventDefault();
-        const {
-          right,
-          left
-        } = headerCell.getBoundingClientRect();
-        const width = isRtl ? right + offset - event.clientX : event.clientX + offset - left;
+        if (event.pointerId !== pointerId) return;
+
+        if (event.pointerType === 'mouse' && event.buttons !== 1) {
+          onPointerUp(event);
+          return;
+        }
+
+        const width = event.clientX + offset - currentTarget.getBoundingClientRect().left;
+
         if (width > 0) {
-          onColumnResize(column, clampColumnWidth(width, column));
+          onResize(column, width);
         }
       }
-      function onLostPointerCapture() {
-        currentTarget.removeEventListener('pointermove', onPointerMove);
-        currentTarget.removeEventListener('lostpointercapture', onLostPointerCapture);
+
+      function onPointerUp(event) {
+        if (event.pointerId !== pointerId) return;
+        window.removeEventListener('pointermove', onPointerMove);
+        window.removeEventListener('pointerup', onPointerUp);
       }
-      currentTarget.setPointerCapture(pointerId);
-      currentTarget.addEventListener('pointermove', onPointerMove);
-      currentTarget.addEventListener('lostpointercapture', onLostPointerCapture);
+
+      event.preventDefault();
+      window.addEventListener('pointermove', onPointerMove);
+      window.addEventListener('pointerup', onPointerUp);
     }
-    function onSort(ctrlClick) {
+
+    const sortIndex = sortColumns == null ? void 0 : sortColumns.findIndex(sort => sort.columnKey === column.key);
+    const sortColumn = sortIndex !== undefined && sortIndex > -1 ? sortColumns[sortIndex] : undefined;
+    const sortDirection = sortColumn == null ? void 0 : sortColumn.direction;
+    const priority = sortColumn !== undefined && sortColumns.length > 1 ? sortIndex + 1 : undefined;
+    const ariaSort = sortDirection && !priority ? sortDirection === 'ASC' ? 'ascending' : 'descending' : undefined;
+
+    const onSort = ctrlClick => {
       if (onSortColumnsChange == null) return;
       const {
         sortDescendingFirst
       } = column;
+
       if (sortColumn === undefined) {
         const nextSort = {
           columnKey: column.key,
@@ -1427,231 +1193,129 @@
         onSortColumnsChange(sortColumns && ctrlClick ? [...sortColumns, nextSort] : [nextSort]);
       } else {
         let nextSortColumn;
-        if (sortDescendingFirst === true && sortDirection === 'DESC' || sortDescendingFirst !== true && sortDirection === 'ASC') {
+
+        if (sortDescendingFirst && sortDirection === 'DESC' || !sortDescendingFirst && sortDirection === 'ASC') {
           nextSortColumn = {
             columnKey: column.key,
             direction: sortDirection === 'ASC' ? 'DESC' : 'ASC'
           };
         }
+
         if (ctrlClick) {
           const nextSortColumns = [...sortColumns];
+
           if (nextSortColumn) {
             nextSortColumns[sortIndex] = nextSortColumn;
           } else {
             nextSortColumns.splice(sortIndex, 1);
           }
+
           onSortColumnsChange(nextSortColumns);
         } else {
           onSortColumnsChange(nextSortColumn ? [nextSortColumn] : []);
         }
       }
-    }
-    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({
-          idx: 0,
-          rowIdx
+    };
+
+    function getCell() {
+      if (column.headerRenderer) {
+        return /*#__PURE__*/u(column.headerRenderer, {
+          column: column,
+          sortDirection: sortDirection,
+          priority: priority,
+          onSort: onSort,
+          allRowsSelected: allRowsSelected,
+          onAllRowsSelectionChange: onAllRowsSelectionChange
         });
       }
-    }
-    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);
+
+      if (column.sortable) {
+        return /*#__PURE__*/u(SortableHeaderCell, {
+          onSort: onSort,
+          sortDirection: sortDirection,
+          priority: priority,
+          children: column.name
+        });
       }
+
+      return column.name;
     }
-    let draggableProps;
-    if (draggable) {
-      draggableProps = {
-        draggable: true,
-        onDragStart,
-        onDragEnd,
-        onDragOver,
-        onDragEnter,
-        onDragLeave,
-        onDrop
-      };
-    }
-    return /*#__PURE__*/o("div", {
+
+    const className = getCellClassname(column, column.headerCellClass, column.resizable && cellResizableClassname);
+    return /*#__PURE__*/u("div", {
       role: "columnheader",
       "aria-colindex": column.idx + 1,
-      "aria-colspan": colSpan,
-      "aria-rowspan": rowSpan,
-      "aria-selected": isCellSelected,
       "aria-sort": ariaSort,
-      tabIndex: shouldFocusGrid ? 0 : tabIndex,
+      "aria-colspan": colSpan,
       className: className,
-      style: {
-        ...getHeaderCellStyle(column, rowIdx, rowSpan),
-        ...getCellStyle(column, colSpan)
-      },
-      onFocus: handleFocus,
-      onClick: onClick,
-      onKeyDown: sortable ? onKeyDown : undefined,
-      ...draggableProps,
-      children: [renderHeaderCell$1({
-        column,
-        sortDirection,
-        priority,
-        tabIndex: childTabIndex
-      }), resizable && /*#__PURE__*/o("div", {
-        className: resizeHandleClassname,
-        onClick: stopPropagation,
-        onDoubleClick: onDoubleClick,
-        onPointerDown: onPointerDown
-      })]
+      style: getCellStyle(column, colSpan),
+      onPointerDown: column.resizable ? onPointerDown : undefined,
+      children: getCell()
     });
   }
-  function isEventPertinent(event) {
-    const relatedTarget = event.relatedTarget;
-    return !event.currentTarget.contains(relatedTarget);
-  }
-
-  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,
+    rows,
+    rowKeyGetter,
+    onSelectedRowsChange,
+    allRowsSelected,
     onColumnResize,
-    onColumnsReorder,
     sortColumns,
     onSortColumnsChange,
-    lastFrozenColumnIndex,
-    selectedCellIdx,
-    selectCell,
-    shouldFocusGrid,
-    direction
+    lastFrozenColumnIndex
   }) {
-    const dragDropKey = V$1();
+    const handleAllRowsSelectionChange = T$1(checked => {
+      if (!onSelectedRowsChange) return;
+      assertIsValidKeyGetter(rowKeyGetter);
+      const newSelectedRows = new Set(checked ? rows.map(rowKeyGetter) : undefined);
+      onSelectedRowsChange(newSelectedRows);
+    }, [onSelectedRowsChange, rows, rowKeyGetter]);
     const cells = [];
+
     for (let index = 0; index < columns.length; index++) {
       const column = columns[index];
       const colSpan = getColSpan(column, lastFrozenColumnIndex, {
         type: 'HEADER'
       });
+
       if (colSpan !== undefined) {
         index += colSpan - 1;
       }
-      cells.push( /*#__PURE__*/o(HeaderCell, {
+
+      cells.push( /*#__PURE__*/u(HeaderCell, {
         column: column,
         colSpan: colSpan,
-        rowIdx: rowIdx,
-        isCellSelected: selectedCellIdx === column.idx,
-        onColumnResize: onColumnResize,
-        onColumnsReorder: onColumnsReorder,
+        onResize: onColumnResize,
+        allRowsSelected: allRowsSelected,
+        onAllRowsSelectionChange: handleAllRowsSelectionChange,
         onSortColumnsChange: onSortColumnsChange,
-        sortColumns: sortColumns,
-        selectCell: selectCell,
-        shouldFocusGrid: shouldFocusGrid && index === 0,
-        direction: direction,
-        dragDropKey: dragDropKey
+        sortColumns: sortColumns
       }, column.key));
     }
-    return /*#__PURE__*/o("div", {
-      role: "row",
-      "aria-rowindex": rowIdx,
-      className: clsx(headerRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
-      children: cells
-    });
-  }
-  const HeaderRow$1 = /*#__PURE__*/x(HeaderRow);
 
-  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", {
+    return /*#__PURE__*/u("div", {
       role: "row",
-      "aria-rowindex": rowIdx,
+      "aria-rowindex": 1,
       className: headerRowClassname,
       children: cells
     });
   }
-  const GroupedColumnHeaderRow$1 = /*#__PURE__*/x(GroupedColumnHeaderRow);
 
-  const cellCopied = "c6ra8a37-0-0-beta-40";
+  const HeaderRow$1 = /*#__PURE__*/w(HeaderRow);
+
+  var css_248z$2 = ".c1bmg16t700-canary49,.ccpfvsn700-canary49{background-color:#ccf}.c1bmg16t700-canary49.ccpfvsn700-canary49{background-color:#99f}.c12t67zz700-canary49{cursor:move;position:absolute;right:0;bottom:0;width:8px;height:8px;background-color:var(--selection-color)}.c12t67zz700-canary49:hover{width:16px;height:16px;border:2px solid var(--selection-color);background-color:var(--background-color)}";
+  styleInject$1(css_248z$2);
+
+  const cellCopied = "ccpfvsn700-canary49";
   const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
-  const cellDraggedOver = "cq910m07-0-0-beta-40";
+  const cellDraggedOver = "c1bmg16t700-canary49";
   const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
+  const cellDragHandle = "c12t67zz700-canary49";
+  const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
+
   function Cell({
+    className,
     column,
     colSpan,
     isCellSelected,
@@ -1659,480 +1323,520 @@
     isDraggedOver,
     row,
     rowIdx,
+    dragHandleProps,
+    onRowClick,
     onClick,
     onDoubleClick,
     onContextMenu,
     onRowChange,
     selectCell,
     ...props
-  }) {
-    const {
-      tabIndex,
-      childTabIndex,
-      onFocus
-    } = useRovingTabIndex(isCellSelected);
+  }, ref) {
     const {
       cellClass
     } = column;
-    const className = getCellClassname(column, typeof cellClass === 'function' ? cellClass(row) : cellClass, isCopied && cellCopiedClassname, isDraggedOver && cellDraggedOverClassname);
-    const isEditable = isCellEditable(column, row);
+    className = getCellClassname(column, typeof cellClass === 'function' ? cellClass(row) : cellClass, className, isCopied && cellCopiedClassname, isDraggedOver && cellDraggedOverClassname);
+
     function selectCellWrapper(openEditor) {
       selectCell({
-        rowIdx,
-        idx: column.idx
+        idx: column.idx,
+        rowIdx
       }, openEditor);
     }
+
     function handleClick(event) {
-      if (onClick) {
-        const cellEvent = createCellEvent(event);
-        onClick({
-          row,
-          column,
-          selectCell: selectCellWrapper
-        }, cellEvent);
-        if (cellEvent.isGridDefaultPrevented()) return;
-      }
-      selectCellWrapper();
+      var _column$editorOptions;
+
+      selectCellWrapper((_column$editorOptions = column.editorOptions) == null ? void 0 : _column$editorOptions.editOnClick);
+      onRowClick == null ? void 0 : onRowClick(rowIdx, row, column);
+      onClick == null ? void 0 : onClick(event);
     }
+
     function handleContextMenu(event) {
-      if (onContextMenu) {
-        const cellEvent = createCellEvent(event);
-        onContextMenu({
-          row,
-          column,
-          selectCell: selectCellWrapper
-        }, cellEvent);
-        if (cellEvent.isGridDefaultPrevented()) return;
-      }
       selectCellWrapper();
+      onContextMenu == null ? void 0 : onContextMenu(event);
     }
+
     function handleDoubleClick(event) {
-      if (onDoubleClick) {
-        const cellEvent = createCellEvent(event);
-        onDoubleClick({
-          row,
-          column,
-          selectCell: selectCellWrapper
-        }, cellEvent);
-        if (cellEvent.isGridDefaultPrevented()) return;
-      }
       selectCellWrapper(true);
+      onDoubleClick == null ? void 0 : onDoubleClick(event);
     }
+
     function handleRowChange(newRow) {
-      onRowChange(column, newRow);
+      onRowChange(rowIdx, newRow);
     }
-    return /*#__PURE__*/o("div", {
+
+    return /*#__PURE__*/u("div", {
       role: "gridcell",
       "aria-colindex": column.idx + 1,
-      "aria-colspan": colSpan,
       "aria-selected": isCellSelected,
-      "aria-readonly": !isEditable || undefined,
-      tabIndex: tabIndex,
+      "aria-colspan": colSpan,
+      "aria-readonly": !isCellEditable(column, row) || undefined,
+      ref: ref,
       className: className,
       style: getCellStyle(column, colSpan),
       onClick: handleClick,
       onDoubleClick: handleDoubleClick,
       onContextMenu: handleContextMenu,
-      onFocus: onFocus,
       ...props,
-      children: column.renderCell({
-        column,
-        row,
-        isCellEditable: isEditable,
-        tabIndex: childTabIndex,
-        onRowChange: handleRowChange
+      children: !column.rowGroup && /*#__PURE__*/u(g$2, {
+        children: [/*#__PURE__*/u(column.formatter, {
+          column: column,
+          rowIdx: rowIdx,
+          row: row,
+          isCellSelected: isCellSelected,
+          onRowChange: handleRowChange
+        }), dragHandleProps && /*#__PURE__*/u("div", {
+          className: cellDragHandleClassname,
+          ...dragHandleProps
+        })]
       })
     });
   }
-  const Cell$1 = /*#__PURE__*/x(Cell);
+
+  const Cell$1 = /*#__PURE__*/w( /*#__PURE__*/N(Cell));
+
+  var css_248z$1 = ".c1tngyp1700-canary49{padding:0}";
+  styleInject$1(css_248z$1);
+
+  const cellEditing = "c1tngyp1700-canary49";
+  const cellEditingClassname = `rdg-editor-container ${cellEditing}`;
+  function EditCell({
+    column,
+    colSpan,
+    row,
+    rowIdx,
+    onRowChange,
+    onClose,
+    onKeyDown,
+    editorPortalTarget
+  }) {
+    const frameRequestRef = _();
+    const commitOnOutsideMouseDown = useLatestFunc(() => {
+      onRowChange(row, true);
+    });
+
+    function cancelFrameRequest() {
+      cancelAnimationFrame(frameRequestRef.current);
+    }
+
+    p(() => {
+      function onWindowCaptureMouseDown() {
+        frameRequestRef.current = requestAnimationFrame(commitOnOutsideMouseDown);
+      }
+
+      addEventListener('mousedown', onWindowCaptureMouseDown, {
+        capture: true
+      });
+      return () => {
+        removeEventListener('mousedown', onWindowCaptureMouseDown, {
+          capture: true
+        });
+        cancelFrameRequest();
+      };
+    }, [commitOnOutsideMouseDown]);
+    const {
+      cellClass
+    } = column;
+    const className = getCellClassname(column, cellEditingClassname, typeof cellClass === 'function' ? cellClass(row) : cellClass);
+    let content;
+
+    if (column.editor != null) {
+      var _column$editorOptions;
+
+      content = /*#__PURE__*/u(column.editor, {
+        column: column,
+        row: row,
+        rowIdx: rowIdx,
+        onRowChange: onRowChange,
+        onClose: onClose,
+        editorPortalTarget: editorPortalTarget
+      });
+
+      if ((_column$editorOptions = column.editorOptions) != null && _column$editorOptions.createPortal) {
+        content = /*#__PURE__*/j(content, editorPortalTarget);
+      }
+    }
+
+    return /*#__PURE__*/u("div", {
+      role: "gridcell",
+      "aria-colindex": column.idx + 1,
+      "aria-selected": true,
+      className: className,
+      style: getCellStyle(column, colSpan),
+      onKeyDown: onKeyDown,
+      onMouseDownCapture: cancelFrameRequest,
+      children: content
+    });
+  }
 
   function Row({
+    cellRenderer,
     className,
-    rowIdx,
-    gridRowStart,
-    height,
-    selectedCellIdx,
+    rowIdx,
     isRowSelected,
     copiedCellIdx,
     draggedOverCellIdx,
     lastFrozenColumnIndex,
     row,
     viewportColumns,
-    selectedCellEditor,
-    onCellClick,
-    onCellDoubleClick,
-    onCellContextMenu,
+    selectedCellProps,
+    onRowClick,
     rowClass,
     setDraggedOverRowIdx,
     onMouseEnter,
+    top,
+    height,
     onRowChange,
     selectCell,
     ...props
   }, ref) {
-    const handleRowChange = useLatestFunc((column, newRow) => {
-      onRowChange(column, rowIdx, newRow);
-    });
     function handleDragEnter(event) {
-      setDraggedOverRowIdx?.(rowIdx);
-      onMouseEnter?.(event);
+      setDraggedOverRowIdx == null ? void 0 : setDraggedOverRowIdx(rowIdx);
+      onMouseEnter == null ? void 0 : onMouseEnter(event);
     }
-    className = clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, rowClass?.(row, rowIdx), className, selectedCellIdx === -1 && rowSelectedClassname);
+
+    className = clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, rowClass == null ? void 0 : rowClass(row), className, (selectedCellProps == null ? void 0 : selectedCellProps.idx) === -1 && groupRowSelectedClassname);
+    const CellRenderer = cellRenderer != null ? cellRenderer : Cell$1;
     const cells = [];
+
     for (let index = 0; index < viewportColumns.length; index++) {
       const column = viewportColumns[index];
-      const {
-        idx
-      } = column;
       const colSpan = getColSpan(column, lastFrozenColumnIndex, {
         type: 'ROW',
         row
       });
+
       if (colSpan !== undefined) {
         index += colSpan - 1;
       }
-      const isCellSelected = selectedCellIdx === idx;
-      if (isCellSelected && selectedCellEditor) {
-        cells.push(selectedCellEditor);
-      } else {
-        cells.push( /*#__PURE__*/o(Cell$1, {
+
+      const isCellSelected = (selectedCellProps == null ? void 0 : selectedCellProps.idx) === column.idx;
+
+      if ((selectedCellProps == null ? void 0 : selectedCellProps.mode) === 'EDIT' && isCellSelected) {
+        cells.push( /*#__PURE__*/u(EditCell, {
+          rowIdx: rowIdx,
           column: column,
           colSpan: colSpan,
-          row: row,
-          rowIdx: rowIdx,
-          isCopied: copiedCellIdx === idx,
-          isDraggedOver: draggedOverCellIdx === idx,
-          isCellSelected: isCellSelected,
-          onClick: onCellClick,
-          onDoubleClick: onCellDoubleClick,
-          onContextMenu: onCellContextMenu,
-          onRowChange: handleRowChange,
-          selectCell: selectCell
+          onKeyDown: selectedCellProps.onKeyDown,
+          ...selectedCellProps.editorProps
         }, column.key));
+        continue;
       }
+
+      cells.push( /*#__PURE__*/u(CellRenderer, {
+        rowIdx: rowIdx,
+        column: column,
+        colSpan: colSpan,
+        row: row,
+        isCopied: copiedCellIdx === column.idx,
+        isDraggedOver: draggedOverCellIdx === column.idx,
+        isCellSelected: isCellSelected,
+        dragHandleProps: isCellSelected ? selectedCellProps.dragHandleProps : undefined,
+        onFocus: isCellSelected ? selectedCellProps.onFocus : undefined,
+        onKeyDown: isCellSelected ? selectedCellProps.onKeyDown : undefined,
+        onRowClick: onRowClick,
+        onRowChange: onRowChange,
+        selectCell: selectCell
+      }, column.key));
     }
-    return /*#__PURE__*/o(RowSelectionProvider, {
+
+    return /*#__PURE__*/u(RowSelectionProvider, {
       value: isRowSelected,
-      children: /*#__PURE__*/o("div", {
+      children: /*#__PURE__*/u("div", {
         role: "row",
         ref: ref,
         className: className,
         onMouseEnter: handleDragEnter,
-        style: getRowStyle(gridRowStart, height),
+        style: {
+          top,
+          '--row-height': `${height}px`
+        },
         ...props,
         children: cells
       })
     });
   }
-  const RowComponent = /*#__PURE__*/x( /*#__PURE__*/k(Row));
-  function defaultRenderRow(key, props) {
-    return /*#__PURE__*/o(RowComponent, {
-      ...props
-    }, key);
-  }
 
-  function ScrollToCell({
-    scrollToPosition: {
-      idx,
-      rowIdx
-    },
-    gridElement,
-    setScrollToCellPosition
-  }) {
-    const ref = _$1(null);
-    useLayoutEffect(() => {
-      scrollIntoView(ref.current);
-    });
-    useLayoutEffect(() => {
-      function removeScrollToCell() {
-        setScrollToCellPosition(null);
-      }
-      const observer = new IntersectionObserver(removeScrollToCell, {
-        root: gridElement,
-        threshold: 1.0
-      });
-      observer.observe(ref.current);
-      return () => {
-        observer.disconnect();
-      };
-    }, [gridElement, setScrollToCellPosition]);
-    return /*#__PURE__*/o("div", {
-      ref: ref,
-      style: {
-        gridColumn: idx === undefined ? '1/-1' : idx + 1,
-        gridRow: rowIdx === undefined ? '1/-1' : rowIdx + 2
-      }
-    });
-  }
+  const Row$1 = /*#__PURE__*/w( /*#__PURE__*/N(Row));
 
-  const arrow = "a3ejtar7-0-0-beta-40";
-  const arrowClassname = `rdg-sort-arrow ${arrow}`;
-  function renderSortStatus({
-    sortDirection,
-    priority
+  function GroupCell({
+    id,
+    rowIdx,
+    groupKey,
+    childRows,
+    isExpanded,
+    isCellSelected,
+    column,
+    groupColumnIndex,
+    toggleGroup: toggleGroupWrapper
   }) {
-    return /*#__PURE__*/o(k$2, {
-      children: [renderSortIcon({
-        sortDirection
-      }), renderSortPriority({
-        priority
-      })]
-    });
+    function toggleGroup() {
+      toggleGroupWrapper(id);
+    }
+
+    const isLevelMatching = column.rowGroup && groupColumnIndex === column.idx;
+    return /*#__PURE__*/u("div", {
+      role: "gridcell",
+      "aria-colindex": column.idx + 1,
+      className: getCellClassname(column),
+      style: { ...getCellStyle(column),
+        cursor: isLevelMatching ? 'pointer' : 'default'
+      },
+      onClick: isLevelMatching ? toggleGroup : undefined,
+      children: (!column.rowGroup || groupColumnIndex === column.idx) && column.groupFormatter && /*#__PURE__*/u(column.groupFormatter, {
+        rowIdx: rowIdx,
+        groupKey: groupKey,
+        childRows: childRows,
+        column: column,
+        isExpanded: isExpanded,
+        isCellSelected: isCellSelected,
+        toggleGroup: toggleGroup
+      })
+    }, column.key);
   }
-  function renderSortIcon({
-    sortDirection
+
+  const GroupCell$1 = /*#__PURE__*/w(GroupCell);
+
+  function GroupedRow({
+    id,
+    groupKey,
+    viewportColumns,
+    childRows,
+    rowIdx,
+    top,
+    height,
+    level,
+    isExpanded,
+    selectedCellIdx,
+    isRowSelected,
+    selectCell,
+    toggleGroup,
+    ...props
   }) {
-    if (sortDirection === undefined) return null;
-    return /*#__PURE__*/o("svg", {
-      viewBox: "0 0 12 8",
-      width: "12",
-      height: "8",
-      className: arrowClassname,
-      "aria-hidden": true,
-      children: /*#__PURE__*/o("path", {
-        d: sortDirection === 'ASC' ? 'M0 8 6 0 12 8' : 'M0 0 6 8 12 0'
+    const idx = viewportColumns[0].key === SELECT_COLUMN_KEY ? level + 1 : level;
+
+    function selectGroup() {
+      selectCell({
+        rowIdx,
+        idx: -1
+      });
+    }
+
+    return /*#__PURE__*/u(RowSelectionProvider, {
+      value: isRowSelected,
+      children: /*#__PURE__*/u("div", {
+        role: "row",
+        "aria-level": level,
+        "aria-expanded": isExpanded,
+        className: clsx(rowClassname, groupRowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, selectedCellIdx === -1 && groupRowSelectedClassname),
+        onClick: selectGroup,
+        style: {
+          top,
+          '--row-height': `${height}px`
+        },
+        ...props,
+        children: viewportColumns.map(column => /*#__PURE__*/u(GroupCell$1, {
+          id: id,
+          rowIdx: rowIdx,
+          groupKey: groupKey,
+          childRows: childRows,
+          isExpanded: isExpanded,
+          isCellSelected: selectedCellIdx === column.idx,
+          column: column,
+          groupColumnIndex: idx,
+          toggleGroup: toggleGroup
+        }, column.key))
       })
     });
   }
-  function renderSortPriority({
-    priority
-  }) {
-    return priority;
-  }
 
-  const root = "rnvodz57-0-0-beta-40";
-  const rootClassname = `rdg ${root}`;
-  const viewportDragging = "vlqv91k7-0-0-beta-40";
-  const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
-  const focusSinkClassname = "f1lsfrzw7-0-0-beta-40";
-  const focusSinkHeaderAndSummaryClassname = "f1cte0lg7-0-0-beta-40";
+  const GroupRowRenderer = /*#__PURE__*/w(GroupedRow);
 
-  const summaryCellClassname = "s8wc6fl7-0-0-beta-40";
   function SummaryCell({
     column,
     colSpan,
-    row,
-    rowIdx,
-    isCellSelected,
-    selectCell
+    row
   }) {
     const {
-      tabIndex,
-      childTabIndex,
-      onFocus
-    } = useRovingTabIndex(isCellSelected);
-    const {
+      summaryFormatter: SummaryFormatter,
       summaryCellClass
     } = column;
-    const className = getCellClassname(column, summaryCellClassname, typeof summaryCellClass === 'function' ? summaryCellClass(row) : summaryCellClass);
-    function onClick() {
-      selectCell({
-        rowIdx,
-        idx: column.idx
-      });
-    }
-    return /*#__PURE__*/o("div", {
+    const className = getCellClassname(column, typeof summaryCellClass === 'function' ? summaryCellClass(row) : summaryCellClass);
+    return /*#__PURE__*/u("div", {
       role: "gridcell",
       "aria-colindex": column.idx + 1,
       "aria-colspan": colSpan,
-      "aria-selected": isCellSelected,
-      tabIndex: tabIndex,
       className: className,
       style: getCellStyle(column, colSpan),
-      onClick: onClick,
-      onFocus: onFocus,
-      children: column.renderSummaryCell?.({
-        column,
-        row,
-        tabIndex: childTabIndex
+      children: SummaryFormatter && /*#__PURE__*/u(SummaryFormatter, {
+        column: column,
+        row: row
       })
     });
   }
-  const SummaryCell$1 = /*#__PURE__*/x(SummaryCell);
 
-  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}`;
+  const SummaryCell$1 = /*#__PURE__*/w(SummaryCell);
+
   function SummaryRow({
     rowIdx,
-    gridRowStart,
     row,
     viewportColumns,
-    top,
     bottom,
     lastFrozenColumnIndex,
-    selectedCellIdx,
-    isTop,
-    showBorder,
-    selectCell,
     'aria-rowindex': ariaRowIndex
   }) {
     const cells = [];
+
     for (let index = 0; index < viewportColumns.length; index++) {
       const column = viewportColumns[index];
       const colSpan = getColSpan(column, lastFrozenColumnIndex, {
         type: 'SUMMARY',
         row
       });
+
       if (colSpan !== undefined) {
         index += colSpan - 1;
       }
-      const isCellSelected = selectedCellIdx === column.idx;
-      cells.push( /*#__PURE__*/o(SummaryCell$1, {
+
+      cells.push( /*#__PURE__*/u(SummaryCell$1, {
         column: column,
         colSpan: colSpan,
-        row: row,
-        rowIdx: rowIdx,
-        isCellSelected: isCellSelected,
-        selectCell: selectCell
+        row: row
       }, column.key));
     }
-    return /*#__PURE__*/o("div", {
+
+    return /*#__PURE__*/u("div", {
       role: "row",
       "aria-rowindex": ariaRowIndex,
-      className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, isTop ? [topSummaryRowClassname, showBorder && topSummaryRowBorderClassname] : ['rdg-bottom-summary-row', showBorder && bottomSummaryRowBorderClassname], selectedCellIdx === -1 && rowSelectedClassname),
+      className: `${rowClassname} rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'} ${summaryRowClassname}`,
       style: {
-        ...getRowStyle(gridRowStart),
-        '--rdg-summary-row-top': top !== undefined ? `${top}px` : undefined,
-        '--rdg-summary-row-bottom': bottom !== undefined ? `${bottom}px` : undefined
+        bottom
       },
       children: cells
     });
   }
-  const SummaryRow$1 = /*#__PURE__*/x(SummaryRow);
 
-  function DataGrid(props, ref) {
-    const {
-      columns: rawColumns,
-      rows,
-      topSummaryRows,
-      bottomSummaryRows,
-      rowKeyGetter,
-      onRowsChange,
-      rowHeight: rawRowHeight,
-      headerRowHeight: rawHeaderRowHeight,
-      summaryRowHeight: rawSummaryRowHeight,
-      selectedRows,
-      onSelectedRowsChange,
-      sortColumns,
-      onSortColumnsChange,
-      defaultColumnOptions,
-      onCellClick,
-      onCellDoubleClick,
-      onCellContextMenu,
-      onCellKeyDown,
-      onSelectedCellChange,
-      onScroll,
-      onColumnResize,
-      onColumnsReorder,
-      onFill,
-      onCopy,
-      onPaste,
-      enableVirtualization: rawEnableVirtualization,
-      renderers,
-      className,
-      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);
-    const renderRow = renderers?.renderRow ?? defaultRenderers?.renderRow ?? defaultRenderRow;
-    const renderSortStatus$1 = renderers?.renderSortStatus ?? defaultRenderers?.renderSortStatus ?? renderSortStatus;
-    const renderCheckbox$1 = renderers?.renderCheckbox ?? defaultRenderers?.renderCheckbox ?? renderCheckbox;
-    const noRowsFallback = renderers?.noRowsFallback ?? defaultRenderers?.noRowsFallback;
-    const enableVirtualization = rawEnableVirtualization ?? true;
-    const direction = rawDirection ?? 'ltr';
+  const SummaryRow$1 = /*#__PURE__*/w(SummaryRow);
+
+  var _globalThis$document;
+  const body = (_globalThis$document = globalThis.document) == null ? void 0 : _globalThis$document.body;
+  const initialPosition = {
+    idx: -1,
+    rowIdx: -1,
+    mode: 'SELECT'
+  };
+
+  function DataGrid({
+    columns: rawColumns,
+    rows: rawRows,
+    summaryRows,
+    rowKeyGetter,
+    onRowsChange,
+    rowHeight,
+    headerRowHeight: rawHeaderRowHeight,
+    summaryRowHeight: rawSummaryRowHeight,
+    selectedRows,
+    onSelectedRowsChange,
+    sortColumns,
+    onSortColumnsChange,
+    defaultColumnOptions,
+    groupBy: rawGroupBy,
+    rowGrouper,
+    expandedGroupIds,
+    onExpandedGroupIdsChange,
+    rowRenderer,
+    emptyRowsRenderer: EmptyRowsRenderer,
+    onRowClick,
+    onScroll,
+    onColumnResize,
+    onSelectedCellChange,
+    onFill,
+    onPaste,
+    cellNavigationMode: rawCellNavigationMode,
+    enableVirtualization,
+    editorPortalTarget: rawEditorPortalTarget,
+    className,
+    style,
+    rowClass,
+    'aria-label': ariaLabel,
+    'aria-labelledby': ariaLabelledBy,
+    'aria-describedby': ariaDescribedBy
+  }, ref) {
+    var _rowHeight, _enableVirtualization, _summaryRows$length;
+
+    (_rowHeight = rowHeight) != null ? _rowHeight : rowHeight = 35;
+    const headerRowHeight = rawHeaderRowHeight != null ? rawHeaderRowHeight : typeof rowHeight === 'number' ? rowHeight : 35;
+    const summaryRowHeight = rawSummaryRowHeight != null ? rawSummaryRowHeight : typeof rowHeight === 'number' ? rowHeight : 35;
+    const RowRenderer = rowRenderer != null ? rowRenderer : Row$1;
+    const cellNavigationMode = rawCellNavigationMode != null ? rawCellNavigationMode : 'NONE';
+    (_enableVirtualization = enableVirtualization) != null ? _enableVirtualization : enableVirtualization = true;
+    const editorPortalTarget = rawEditorPortalTarget != null ? rawEditorPortalTarget : body;
     const [scrollTop, setScrollTop] = h(0);
     const [scrollLeft, setScrollLeft] = h(0);
-    const [resizedColumnWidths, setResizedColumnWidths] = h(() => new Map());
-    const [measuredColumnWidths, setMeasuredColumnWidths] = h(() => new Map());
+    const [columnWidths, setColumnWidths] = h(() => new Map());
+    const [selectedPosition, setSelectedPosition] = h(initialPosition);
     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 focusSinkRef = _(null);
+    const prevSelectedPosition = _(selectedPosition);
+    const latestDraggedOverRowIdx = _(draggedOverRowIdx);
+    const lastSelectedRowIdx = _(-1);
+    const isCellFocusable = _(false);
+    const selectRowWrapper = useLatestFunc(selectRow);
+    const selectCellWrapper = useLatestFunc(selectCell);
+    const toggleGroupWrapper = useLatestFunc(toggleGroup);
+    const handleFormatterRowChangeWrapper = useLatestFunc(updateRow);
     const [gridRef, gridWidth, gridHeight] = useGridDimensions();
+    const headerRowsCount = 1;
+    const summaryRowsCount = (_summaryRows$length = summaryRows == null ? void 0 : summaryRows.length) != null ? _summaryRows$length : 0;
+    const clientHeight = gridHeight - headerRowHeight - summaryRowsCount * summaryRowHeight;
+    const isSelectable = selectedRows != null && onSelectedRowsChange != null;
+    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,
-      lastFrozenColumnIndex,
-      headerRowsCount,
       colOverscanStartIdx,
       colOverscanEndIdx,
-      templateColumns,
       layoutCssVars,
-      totalFrozenColumnWidth
+      columnMetrics,
+      totalColumnWidth,
+      lastFrozenColumnIndex,
+      totalFrozenColumnWidth,
+      groupBy
     } = useCalculatedColumns({
       rawColumns,
-      defaultColumnOptions,
-      getColumnWidth,
+      columnWidths,
       scrollLeft,
       viewportWidth: gridWidth,
+      defaultColumnOptions,
+      rawGroupBy: rowGrouper ? rawGroupBy : undefined,
       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 mainHeaderRowIdx = minRowIdx + groupedColumnHeaderRowsCount;
-    const maxRowIdx = rows.length + bottomSummaryRowsCount - 1;
-    const [selectedPosition, setSelectedPosition] = h(() => ({
-      idx: -1,
-      rowIdx: minRowIdx - 1,
-      mode: 'SELECT'
-    }));
-    const prevSelectedPosition = _$1(selectedPosition);
-    const latestDraggedOverRowIdx = _$1(draggedOverRowIdx);
-    const lastSelectedRowIdx = _$1(-1);
-    const focusSinkRef = _$1(null);
-    const shouldFocusCellRef = _$1(false);
-    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
-    }), [renderCheckbox$1, renderSortStatus$1]);
-    const allRowsSelected = F$1(() => {
-      const {
-        length
-      } = 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({
-      rows,
+      rawRows,
+      groupBy,
+      rowGrouper,
       rowHeight,
       clientHeight,
       scrollTop,
+      expandedGroupIds,
       enableVirtualization
     });
     const viewportColumns = useViewportColumns({
@@ -2144,106 +1848,102 @@
       rowOverscanStartIdx,
       rowOverscanEndIdx,
       rows,
-      topSummaryRows,
-      bottomSummaryRows
-    });
-    const {
-      gridTemplateColumns,
-      handleColumnResize
-    } = useColumnWidths(columns, viewportColumns, templateColumns, gridRef, gridWidth, resizedColumnWidths, measuredColumnWidths, setResizedColumnWidths, setMeasuredColumnWidths, onColumnResize);
-    const minColIdx = isTreeGrid ? -1 : 0;
-    const maxColIdx = columns.length - 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);
-    const onCellContextMenuLatest = useLatestFunc(onCellContextMenu);
-    const selectRowLatest = useLatestFunc(selectRow);
-    const handleFormatterRowChangeLatest = useLatestFunc(updateRow);
-    const selectCellLatest = useLatestFunc(selectCell);
-    const selectHeaderCellLatest = useLatestFunc(({
-      idx,
-      rowIdx
-    }) => {
-      selectCell({
-        rowIdx: minRowIdx + rowIdx - 1,
-        idx
-      });
+      summaryRows,
+      isGroupRow
     });
-    useLayoutEffect(() => {
-      if (!selectedCellIsWithinSelectionBounds || isSamePosition(selectedPosition, prevSelectedPosition.current)) {
-        prevSelectedPosition.current = selectedPosition;
+    const hasGroups = groupBy.length > 0 && typeof rowGrouper === 'function';
+    const minColIdx = hasGroups ? -1 : 0;
+    const enableCellDragAndDrop = hasGroups ? false : onFill != null;
+    y(() => {
+      if (selectedPosition === prevSelectedPosition.current || selectedPosition.mode === 'EDIT' || !isCellWithinBounds(selectedPosition)) {
         return;
       }
+
       prevSelectedPosition.current = selectedPosition;
-      if (selectedPosition.idx === -1) {
-        focusSinkRef.current.focus({
-          preventScroll: true
-        });
-        scrollIntoView(focusSinkRef.current);
+      scrollToCell(selectedPosition);
+
+      if (isCellFocusable.current) {
+        isCellFocusable.current = false;
+        return;
       }
-    });
-    useLayoutEffect(() => {
-      if (!shouldFocusCellRef.current) return;
-      shouldFocusCellRef.current = false;
-      focusCellOrCellContent();
+
+      focusSinkRef.current.focus({
+        preventScroll: true
+      });
     });
     A(ref, () => ({
       element: gridRef.current,
-      scrollToCell({
-        idx,
-        rowIdx
-      }) {
-        const scrollToIdx = idx !== undefined && idx > lastFrozenColumnIndex && idx < columns.length ? idx : undefined;
-        const scrollToRowIdx = rowIdx !== undefined && isRowIdxWithinViewportBounds(rowIdx) ? rowIdx : undefined;
-        if (scrollToIdx !== undefined || scrollToRowIdx !== undefined) {
-          setScrollToPosition({
-            idx: scrollToIdx,
-            rowIdx: scrollToRowIdx
-          });
-        }
+
+      scrollToColumn(idx) {
+        scrollToCell({
+          idx
+        });
+      },
+
+      scrollToRow(rowIdx) {
+        const {
+          current
+        } = gridRef;
+        if (!current) return;
+        current.scrollTo({
+          top: getRowTop(rowIdx),
+          behavior: 'smooth'
+        });
       },
+
       selectCell
     }));
+    const handleColumnResize = T$1((column, width) => {
+      setColumnWidths(columnWidths => {
+        const newColumnWidths = new Map(columnWidths);
+        newColumnWidths.set(column.key, width);
+        return newColumnWidths;
+      });
+      onColumnResize == null ? void 0 : onColumnResize(column.idx, width);
+    }, [onColumnResize]);
     const setDraggedOverRowIdx = T$1(rowIdx => {
       setOverRowIdx(rowIdx);
       latestDraggedOverRowIdx.current = rowIdx;
     }, []);
-    function selectRow(args) {
+
+    function selectRow({
+      rowIdx,
+      checked,
+      isShiftClick
+    }) {
       if (!onSelectedRowsChange) return;
       assertIsValidKeyGetter(rowKeyGetter);
-      if (args.type === 'HEADER') {
-        const newSelectedRows = new Set(selectedRows);
-        for (const row of rows) {
-          const rowKey = rowKeyGetter(row);
-          if (args.checked) {
+      const newSelectedRows = new Set(selectedRows);
+      const row = rows[rowIdx];
+
+      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 {
-        row,
-        checked,
-        isShiftClick
-      } = args;
-      const newSelectedRows = new Set(selectedRows);
+
       const rowKey = rowKeyGetter(row);
+
       if (checked) {
         newSelectedRows.add(rowKey);
         const previousRowIdx = lastSelectedRowIdx.current;
-        const rowIdx = rows.indexOf(row);
         lastSelectedRowIdx.current = rowIdx;
+
         if (isShiftClick && previousRowIdx !== -1 && previousRowIdx !== rowIdx) {
           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));
           }
         }
@@ -2251,50 +1951,73 @@
         newSelectedRows.delete(rowKey);
         lastSelectedRowIdx.current = -1;
       }
+
       onSelectedRowsChange(newSelectedRows);
     }
-    function handleKeyDown(event) {
-      const {
-        idx,
-        rowIdx,
-        mode
-      } = selectedPosition;
-      if (mode === 'EDIT') return;
-      if (onCellKeyDown && isRowIdxWithinViewportBounds(rowIdx)) {
-        const row = rows[rowIdx];
-        const cellEvent = createCellEvent(event);
-        onCellKeyDown({
-          mode: 'SELECT',
-          row,
-          column: columns[idx],
-          rowIdx,
-          selectCell
-        }, cellEvent);
-        if (cellEvent.isGridDefaultPrevented()) return;
+
+    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 onGridFocus() {
+      if (!isCellWithinBounds(selectedPosition)) {
+        const initialPosition = {
+          idx: 0,
+          rowIdx: 0,
+          mode: 'SELECT'
+        };
+
+        if (isCellWithinBounds(initialPosition)) {
+          setSelectedPosition(initialPosition);
+        }
+      } else {
+        scrollToCell(selectedPosition);
       }
-      if (!(event.target instanceof Element)) return;
-      const isCellEvent = event.target.closest('.rdg-cell') !== null;
-      const isRowEvent = isTreeGrid && event.target === focusSinkRef.current;
-      if (!isCellEvent && !isRowEvent) return;
+    }
+
+    function handleKeyDown(event) {
       const {
+        key,
         keyCode
       } = event;
-      if (selectedCellIsWithinViewportBounds && (onPaste != null || onCopy != null) && isCtrlKeyHeldDown(event)) {
+      const row = rows[selectedPosition.rowIdx];
+
+      if (onPaste && isCtrlKeyHeldDown(event) && isCellWithinBounds(selectedPosition) && !isGroupRow(row) && selectedPosition.idx !== -1 && selectedPosition.mode === 'SELECT') {
         const cKey = 67;
         const vKey = 86;
+
         if (keyCode === cKey) {
           handleCopy();
           return;
         }
+
         if (keyCode === vKey) {
           handlePaste();
           return;
         }
       }
+
+      if (isCellWithinBounds(selectedPosition) && isGroupRow(row) && selectedPosition.idx === -1 && (key === 'ArrowLeft' && row.isExpanded || key === 'ArrowRight' && !row.isExpanded)) {
+        event.preventDefault();
+        toggleGroup(row.id);
+        return;
+      }
+
       switch (event.key) {
         case 'Escape':
           setCopiedCell(null);
+          closeEditor();
           return;
+
         case 'ArrowUp':
         case 'ArrowDown':
         case 'ArrowLeft':
@@ -2306,89 +2029,107 @@
         case 'PageDown':
           navigate(event);
           break;
+
         default:
           handleCellInput(event);
           break;
       }
     }
+
+    function handleFocus() {
+      isCellFocusable.current = true;
+    }
+
     function handleScroll(event) {
       const {
         scrollTop,
         scrollLeft
       } = event.currentTarget;
-      mn(() => {
-        setScrollTop(scrollTop);
-        setScrollLeft(abs(scrollLeft));
-      });
-      onScroll?.(event);
+      setScrollTop(scrollTop);
+      setScrollLeft(scrollLeft);
+      onScroll == null ? void 0 : onScroll(event);
+    }
+
+    function getRawRowIdx(rowIdx) {
+      return hasGroups ? rawRows.indexOf(rows[rowIdx]) : rowIdx;
     }
-    function updateRow(column, rowIdx, row) {
+
+    function updateRow(rowIdx, row) {
       if (typeof onRowsChange !== 'function') return;
-      if (row === rows[rowIdx]) return;
-      const updatedRows = [...rows];
+      if (row === rawRows[rowIdx]) return;
+      const updatedRows = [...rawRows];
       updatedRows[rowIdx] = row;
       onRowsChange(updatedRows, {
         indexes: [rowIdx],
-        column
+        column: columns[selectedPosition.idx]
       });
     }
+
     function commitEditorChanges() {
-      if (selectedPosition.mode !== 'EDIT') return;
-      updateRow(columns[selectedPosition.idx], selectedPosition.rowIdx, selectedPosition.row);
+      var _columns$selectedPosi;
+
+      if (((_columns$selectedPosi = columns[selectedPosition.idx]) == null ? void 0 : _columns$selectedPosi.editor) == null || selectedPosition.mode === 'SELECT' || selectedPosition.row === selectedPosition.originalRow) {
+        return;
+      }
+
+      const rowIdx = getRawRowIdx(selectedPosition.rowIdx);
+      updateRow(rowIdx, selectedPosition.row);
     }
+
     function handleCopy() {
       const {
         idx,
         rowIdx
       } = selectedPosition;
-      const sourceRow = rows[rowIdx];
-      const sourceColumnKey = columns[idx].key;
       setCopiedCell({
-        row: sourceRow,
-        columnKey: sourceColumnKey
-      });
-      onCopy?.({
-        sourceRow,
-        sourceColumnKey
+        row: rawRows[getRawRowIdx(rowIdx)],
+        columnKey: columns[idx].key
       });
     }
+
     function handlePaste() {
-      if (!onPaste || !onRowsChange || copiedCell === null || !isCellEditable(selectedPosition)) {
-        return;
-      }
       const {
         idx,
         rowIdx
       } = selectedPosition;
-      const targetColumn = columns[idx];
-      const targetRow = rows[rowIdx];
+      const targetRow = rawRows[getRawRowIdx(rowIdx)];
+
+      if (!onPaste || !onRowsChange || copiedCell === null || !isCellEditable(selectedPosition)) {
+        return;
+      }
+
       const updatedTargetRow = onPaste({
         sourceRow: copiedCell.row,
         sourceColumnKey: copiedCell.columnKey,
         targetRow,
-        targetColumnKey: targetColumn.key
+        targetColumnKey: columns[idx].key
       });
-      updateRow(targetColumn, rowIdx, updatedTargetRow);
+      updateRow(rowIdx, updatedTargetRow);
     }
+
     function handleCellInput(event) {
-      if (!selectedCellIsWithinViewportBounds) return;
+      var _column$editorOptions;
+
+      if (!isCellWithinBounds(selectedPosition)) return;
       const row = rows[selectedPosition.rowIdx];
+      if (isGroupRow(row)) return;
       const {
-        key,
-        shiftKey
+        key
       } = event;
-      if (isSelectable && shiftKey && key === ' ') {
-        assertIsValidKeyGetter(rowKeyGetter);
-        const rowKey = rowKeyGetter(row);
-        selectRow({
-          type: 'ROW',
-          row,
-          checked: !selectedRows.has(rowKey),
-          isShiftClick: false
-        });
-        event.preventDefault();
+      const column = columns[selectedPosition.idx];
+
+      if (selectedPosition.mode === 'EDIT') {
+        if (key === 'Enter') {
+          commitEditorChanges();
+          closeEditor();
+        }
+
         return;
       }
+
+      (_column$editorOptions = column.editorOptions) == null ? void 0 : _column$editorOptions.onCellKeyDown == null ? void 0 : _column$editorOptions.onCellKeyDown(event);
+      if (event.isDefaultPrevented()) return;
+
       if (isCellEditable(selectedPosition) && isDefaultCellInput(event)) {
         setSelectedPosition(({
           idx,
@@ -2396,180 +2137,405 @@
         }) => ({
           idx,
           rowIdx,
+          key,
           mode: 'EDIT',
           row,
           originalRow: row
         }));
       }
     }
-    function isColIdxWithinSelectionBounds(idx) {
-      return idx >= minColIdx && idx <= maxColIdx;
+
+    function handleDragEnd() {
+      const overRowIdx = latestDraggedOverRowIdx.current;
+      if (overRowIdx === undefined || !onFill || !onRowsChange) return;
+      const {
+        idx,
+        rowIdx
+      } = selectedPosition;
+      const sourceRow = rawRows[rowIdx];
+      const startRowIndex = rowIdx < overRowIdx ? rowIdx + 1 : overRowIdx;
+      const endRowIndex = rowIdx < overRowIdx ? overRowIdx + 1 : rowIdx;
+      const targetRows = rawRows.slice(startRowIndex, endRowIndex);
+      const column = columns[idx];
+      const updatedTargetRows = onFill({
+        columnKey: column.key,
+        sourceRow,
+        targetRows
+      });
+      const updatedRows = [...rawRows];
+      const indexes = [];
+
+      for (let i = startRowIndex; i < endRowIndex; i++) {
+        const targetRowIdx = i - startRowIndex;
+
+        if (updatedRows[i] !== updatedTargetRows[targetRowIdx]) {
+          updatedRows[i] = updatedTargetRows[targetRowIdx];
+          indexes.push(i);
+        }
+      }
+
+      if (indexes.length > 0) {
+        onRowsChange(updatedRows, {
+          indexes,
+          column
+        });
+      }
+
+      setDraggedOverRowIdx(undefined);
     }
-    function isRowIdxWithinViewportBounds(rowIdx) {
-      return rowIdx >= 0 && rowIdx < rows.length;
+
+    function handleMouseDown(event) {
+      if (event.buttons !== 1) return;
+      setDragging(true);
+      window.addEventListener('mouseover', onMouseOver);
+      window.addEventListener('mouseup', onMouseUp);
+
+      function onMouseOver(event) {
+        if (event.buttons !== 1) onMouseUp();
+      }
+
+      function onMouseUp() {
+        window.removeEventListener('mouseover', onMouseOver);
+        window.removeEventListener('mouseup', onMouseUp);
+        setDragging(false);
+        handleDragEnd();
+      }
     }
-    function isCellWithinSelectionBounds({
-      idx,
-      rowIdx
-    }) {
-      return rowIdx >= minRowIdx && rowIdx <= maxRowIdx && isColIdxWithinSelectionBounds(idx);
+
+    function handleDoubleClick(event) {
+      event.stopPropagation();
+      if (!onFill || !onRowsChange) return;
+      const {
+        idx,
+        rowIdx
+      } = selectedPosition;
+      const sourceRow = rawRows[rowIdx];
+      const targetRows = rawRows.slice(rowIdx + 1);
+      const column = columns[idx];
+      const updatedTargetRows = onFill({
+        columnKey: column.key,
+        sourceRow,
+        targetRows
+      });
+      const updatedRows = [...rawRows];
+      const indexes = [];
+
+      for (let i = rowIdx + 1; i < updatedRows.length; i++) {
+        const targetRowIdx = i - rowIdx - 1;
+
+        if (updatedRows[i] !== updatedTargetRows[targetRowIdx]) {
+          updatedRows[i] = updatedTargetRows[targetRowIdx];
+          indexes.push(i);
+        }
+      }
+
+      if (indexes.length > 0) {
+        onRowsChange(updatedRows, {
+          indexes,
+          column
+        });
+      }
+    }
+
+    function handleEditorRowChange(row, commitChanges) {
+      if (selectedPosition.mode === 'SELECT') return;
+
+      if (commitChanges) {
+        updateRow(getRawRowIdx(selectedPosition.rowIdx), row);
+        closeEditor();
+      } else {
+        setSelectedPosition(position => ({ ...position,
+          row
+        }));
+      }
+    }
+
+    function handleOnClose(commitChanges) {
+      if (commitChanges) {
+        commitEditorChanges();
+      }
+
+      closeEditor();
     }
-    function isCellWithinViewportBounds({
+
+    function isCellWithinBounds({
       idx,
       rowIdx
     }) {
-      return isRowIdxWithinViewportBounds(rowIdx) && isColIdxWithinSelectionBounds(idx);
+      return rowIdx >= 0 && rowIdx < rows.length && idx >= minColIdx && idx < columns.length;
     }
+
     function isCellEditable(position) {
-      return isCellWithinViewportBounds(position) && isSelectedCellEditable({
+      return isCellWithinBounds(position) && isSelectedCellEditable({
         columns,
         rows,
-        selectedPosition: position
+        selectedPosition: position,
+        isGroupRow
       });
     }
+
     function selectCell(position, enableEditor) {
-      if (!isCellWithinSelectionBounds(position)) return;
+      if (!isCellWithinBounds(position)) return;
       commitEditorChanges();
-      const row = rows[position.rowIdx];
-      const samePosition = isSamePosition(selectedPosition, position);
+
       if (enableEditor && isCellEditable(position)) {
-        setSelectedPosition({
-          ...position,
+        const row = rows[position.rowIdx];
+        setSelectedPosition({ ...position,
           mode: 'EDIT',
+          key: null,
           row,
           originalRow: row
         });
-      } else if (samePosition) {
-        scrollIntoView(getCellToScroll(gridRef.current));
       } else {
-        shouldFocusCellRef.current = true;
-        setSelectedPosition({
-          ...position,
+        setSelectedPosition({ ...position,
           mode: 'SELECT'
         });
       }
-      if (onSelectedCellChange && !samePosition) {
-        onSelectedCellChange({
-          rowIdx: position.rowIdx,
-          row,
-          column: columns[position.idx]
-        });
+
+      onSelectedCellChange == null ? void 0 : onSelectedCellChange({ ...position
+      });
+    }
+
+    function closeEditor() {
+      if (selectedPosition.mode === 'SELECT') return;
+      setSelectedPosition(({
+        idx,
+        rowIdx
+      }) => ({
+        idx,
+        rowIdx,
+        mode: 'SELECT'
+      }));
+    }
+
+    function scrollToCell({
+      idx,
+      rowIdx
+    }) {
+      const {
+        current
+      } = gridRef;
+      if (!current) return;
+
+      if (typeof idx === 'number' && idx > lastFrozenColumnIndex) {
+        var _rowIdx;
+
+        (_rowIdx = rowIdx) != null ? _rowIdx : rowIdx = selectedPosition.rowIdx;
+        if (!isCellWithinBounds({
+          rowIdx,
+          idx
+        })) return;
+        const {
+          clientWidth
+        } = current;
+        const column = columns[idx];
+        const {
+          left,
+          width
+        } = columnMetrics.get(column);
+        let right = left + width;
+        const row = rows[rowIdx];
+
+        if (!isGroupRow(row)) {
+          const colSpan = getColSpan(column, lastFrozenColumnIndex, {
+            type: 'ROW',
+            row
+          });
+
+          if (colSpan !== undefined) {
+            const {
+              left,
+              width
+            } = columnMetrics.get(columns[column.idx + colSpan - 1]);
+            right = left + width;
+          }
+        }
+
+        const isCellAtLeftBoundary = left < scrollLeft + totalFrozenColumnWidth;
+        const isCellAtRightBoundary = right > clientWidth + scrollLeft;
+
+        if (isCellAtLeftBoundary) {
+          current.scrollLeft = left - totalFrozenColumnWidth;
+        } else if (isCellAtRightBoundary) {
+          current.scrollLeft = right - clientWidth;
+        }
+      }
+
+      if (typeof rowIdx === 'number') {
+        const rowTop = getRowTop(rowIdx);
+        const rowHeight = getRowHeight(rowIdx);
+
+        if (rowTop < scrollTop) {
+          current.scrollTop = rowTop;
+        } else if (rowTop + rowHeight > scrollTop + clientHeight) {
+          current.scrollTop = rowTop + rowHeight - clientHeight;
+        }
       }
     }
+
     function getNextPosition(key, ctrlKey, shiftKey) {
       const {
         idx,
         rowIdx
       } = selectedPosition;
-      const isRowSelected = selectedCellIsWithinSelectionBounds && idx === -1;
+      const row = rows[rowIdx];
+      const isRowSelected = isCellWithinBounds(selectedPosition) && idx === -1;
+
+      if (key === 'ArrowLeft' && 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 {
             idx,
             rowIdx: rowIdx - 1
           };
+
         case 'ArrowDown':
           return {
             idx,
             rowIdx: rowIdx + 1
           };
-        case leftKey:
+
+        case 'ArrowLeft':
           return {
             idx: idx - 1,
             rowIdx
           };
-        case rightKey:
+
+        case 'ArrowRight':
           return {
             idx: idx + 1,
             rowIdx
           };
+
         case 'Tab':
+          if (selectedPosition.idx === -1 && selectedPosition.rowIdx === -1) {
+            return shiftKey ? {
+              idx: columns.length - 1,
+              rowIdx: rows.length - 1
+            } : {
+              idx: 0,
+              rowIdx: 0
+            };
+          }
+
           return {
             idx: idx + (shiftKey ? -1 : 1),
             rowIdx
           };
+
         case 'Home':
           if (isRowSelected) return {
             idx,
-            rowIdx: minRowIdx
+            rowIdx: 0
           };
-          return {
+          return ctrlKey ? {
             idx: 0,
-            rowIdx: ctrlKey ? minRowIdx : rowIdx
+            rowIdx: 0
+          } : {
+            idx: 0,
+            rowIdx
           };
+
         case 'End':
           if (isRowSelected) return {
             idx,
-            rowIdx: maxRowIdx
+            rowIdx: rows.length - 1
           };
-          return {
-            idx: maxColIdx,
-            rowIdx: ctrlKey ? maxRowIdx : rowIdx
+          return ctrlKey ? {
+            idx: columns.length - 1,
+            rowIdx: rows.length - 1
+          } : {
+            idx: columns.length - 1,
+            rowIdx
           };
+
         case 'PageUp':
           {
-            if (selectedPosition.rowIdx === minRowIdx) return selectedPosition;
             const nextRowY = getRowTop(rowIdx) + getRowHeight(rowIdx) - clientHeight;
             return {
               idx,
               rowIdx: nextRowY > 0 ? findRowIdx(nextRowY) : 0
             };
           }
+
         case 'PageDown':
           {
-            if (selectedPosition.rowIdx >= rows.length) return selectedPosition;
             const nextRowY = getRowTop(rowIdx) + clientHeight;
             return {
               idx,
               rowIdx: nextRowY < totalRowHeight ? findRowIdx(nextRowY) : rows.length - 1
             };
           }
+
         default:
           return selectedPosition;
       }
     }
+
     function navigate(event) {
+      if (selectedPosition.mode === 'EDIT') {
+        var _columns$selectedPosi2, _columns$selectedPosi3;
+
+        const onNavigation = (_columns$selectedPosi2 = (_columns$selectedPosi3 = columns[selectedPosition.idx].editorOptions) == null ? void 0 : _columns$selectedPosi3.onNavigation) != null ? _columns$selectedPosi2 : onEditorNavigation;
+        if (!onNavigation(event)) return;
+      }
+
       const {
         key,
         shiftKey
       } = event;
-      let cellNavigationMode = 'NONE';
+      let mode = cellNavigationMode;
+
       if (key === 'Tab') {
         if (canExitGrid({
           shiftKey,
-          maxColIdx,
-          minRowIdx,
-          maxRowIdx,
+          cellNavigationMode,
+          columns,
+          rowsCount: rows.length,
           selectedPosition
         })) {
           commitEditorChanges();
           return;
         }
-        cellNavigationMode = 'CHANGE_ROW';
+
+        mode = cellNavigationMode === 'NONE' ? 'CHANGE_ROW' : cellNavigationMode;
       }
+
       event.preventDefault();
       const ctrlKey = isCtrlKeyHeldDown(event);
-      const nextPosition = getNextPosition(key, ctrlKey, shiftKey);
-      if (isSamePosition(selectedPosition, nextPosition)) return;
-      const nextSelectedCellPosition = getNextSelectedCellPosition({
-        moveUp: key === 'ArrowUp',
-        moveNext: key === rightKey || key === 'Tab' && !shiftKey,
+      const nextPosition = getNextSelectedCellPosition({
         columns,
         colSpanColumns,
         rows,
-        topSummaryRows,
-        bottomSummaryRows,
-        minRowIdx,
-        mainHeaderRowIdx,
-        maxRowIdx,
         lastFrozenColumnIndex,
-        cellNavigationMode,
+        cellNavigationMode: mode,
         currentPosition: selectedPosition,
-        nextPosition,
-        isCellWithinBounds: isCellWithinSelectionBounds
+        nextPosition: getNextPosition(key, ctrlKey, shiftKey),
+        isCellWithinBounds,
+        isGroupRow
       });
-      selectCell(nextSelectedCellPosition);
+      selectCell(nextPosition);
     }
+
     function getDraggedOverCellIdx(currentRowIdx) {
       if (draggedOverRowIdx === undefined) return;
       const {
@@ -2578,283 +2544,179 @@
       const isDraggedOver = rowIdx < draggedOverRowIdx ? rowIdx < currentRowIdx && currentRowIdx <= draggedOverRowIdx : rowIdx > currentRowIdx && currentRowIdx >= draggedOverRowIdx;
       return isDraggedOver ? selectedPosition.idx : undefined;
     }
-    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;
+
+    function getSelectedCellProps(rowIdx) {
+      if (selectedPosition.rowIdx !== rowIdx) return;
+
+      if (selectedPosition.mode === 'EDIT') {
+        return {
+          mode: 'EDIT',
+          idx: selectedPosition.idx,
+          onKeyDown: handleKeyDown,
+          editorProps: {
+            editorPortalTarget,
+            row: selectedPosition.row,
+            onRowChange: handleEditorRowChange,
+            onClose: handleOnClose
+          }
+        };
       }
-      const columnWidth = getColumnWidth(column);
-      return /*#__PURE__*/o(DragHandle, {
-        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
-      });
-    }
-    function getCellEditor(rowIdx) {
-      if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === 'SELECT') return;
-      const {
-        idx,
-        row
-      } = selectedPosition;
-      const column = columns[idx];
-      const colSpan = getColSpan(column, lastFrozenColumnIndex, {
-        type: 'ROW',
-        row
-      });
-      const closeEditor = shouldFocusCell => {
-        shouldFocusCellRef.current = shouldFocusCell;
-        setSelectedPosition(({
-          idx,
-          rowIdx
-        }) => ({
-          idx,
-          rowIdx,
-          mode: 'SELECT'
-        }));
-      };
-      const onRowChange = (row, commitChanges, shouldFocusCell) => {
-        if (commitChanges) {
-          mn(() => {
-            updateRow(column, selectedPosition.rowIdx, row);
-            closeEditor(shouldFocusCell);
-          });
-        } else {
-          setSelectedPosition(position => ({
-            ...position,
-            row
-          }));
-        }
+
+      return {
+        mode: 'SELECT',
+        idx: selectedPosition.idx,
+        onFocus: handleFocus,
+        onKeyDown: handleKeyDown,
+        dragHandleProps: enableCellDragAndDrop && isCellEditable(selectedPosition) ? {
+          onMouseDown: handleMouseDown,
+          onDoubleClick: handleDoubleClick
+        } : undefined
       };
-      if (rows[selectedPosition.rowIdx] !== selectedPosition.originalRow) {
-        closeEditor(false);
-      }
-      return /*#__PURE__*/o(EditCell, {
-        column: column,
-        colSpan: colSpan,
-        row: row,
-        rowIdx: rowIdx,
-        onRowChange: onRowChange,
-        closeEditor: closeEditor,
-        onKeyDown: onCellKeyDown,
-        navigate: navigate
-      }, column.key);
-    }
-    function getRowViewportColumns(rowIdx) {
-      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)];
-      }
-      return viewportColumns;
     }
+
     function getViewportRows() {
       const rowElements = [];
-      const {
-        idx: selectedIdx,
-        rowIdx: selectedRowIdx
-      } = selectedPosition;
-      const startRowIdx = selectedCellIsWithinViewportBounds && selectedRowIdx < rowOverscanStartIdx ? rowOverscanStartIdx - 1 : rowOverscanStartIdx;
-      const endRowIdx = selectedCellIsWithinViewportBounds && selectedRowIdx > rowOverscanEndIdx ? rowOverscanEndIdx + 1 : rowOverscanEndIdx;
-      for (let viewportRowIdx = startRowIdx; viewportRowIdx <= endRowIdx; viewportRowIdx++) {
-        const isRowOutsideViewport = viewportRowIdx === rowOverscanStartIdx - 1 || viewportRowIdx === rowOverscanEndIdx + 1;
-        const rowIdx = isRowOutsideViewport ? selectedRowIdx : viewportRowIdx;
-        let rowColumns = viewportColumns;
-        const selectedColumn = selectedIdx === -1 ? undefined : columns[selectedIdx];
-        if (selectedColumn !== undefined) {
-          if (isRowOutsideViewport) {
-            rowColumns = [selectedColumn];
-          } else {
-            rowColumns = getRowViewportColumns(rowIdx);
-          }
-        }
+      let startRowIndex = 0;
+
+      for (let rowIdx = rowOverscanStartIdx; rowIdx <= rowOverscanEndIdx; rowIdx++) {
         const row = rows[rowIdx];
-        const gridRowStart = headerAndTopSummaryRowsCount + rowIdx + 1;
-        let key = rowIdx;
+        const top = getRowTop(rowIdx) + headerRowHeight;
+
+        if (isGroupRow(row)) {
+          ({
+            startRowIndex
+          } = row);
+          const isGroupRowSelected = isSelectable && row.childRows.every(cr => selectedRows == null ? void 0 : selectedRows.has(rowKeyGetter(cr)));
+          rowElements.push( /*#__PURE__*/u(GroupRowRenderer, {
+            "aria-level": row.level + 1,
+            "aria-setsize": row.setSize,
+            "aria-posinset": row.posInSet + 1,
+            "aria-rowindex": headerRowsCount + startRowIndex + 1,
+            "aria-selected": isSelectable ? isGroupRowSelected : undefined,
+            id: row.id,
+            groupKey: row.groupKey,
+            viewportColumns: viewportColumns,
+            childRows: row.childRows,
+            rowIdx: rowIdx,
+            top: top,
+            height: getRowHeight(rowIdx),
+            level: row.level,
+            isExpanded: row.isExpanded,
+            selectedCellIdx: selectedPosition.rowIdx === rowIdx ? selectedPosition.idx : undefined,
+            isRowSelected: isGroupRowSelected,
+            onFocus: selectedPosition.rowIdx === rowIdx ? handleFocus : undefined,
+            onKeyDown: selectedPosition.rowIdx === rowIdx ? handleKeyDown : undefined,
+            selectCell: selectCellWrapper,
+            toggleGroup: toggleGroupWrapper
+          }, row.id));
+          continue;
+        }
+
+        startRowIndex++;
+        let key;
         let isRowSelected = false;
+
         if (typeof rowKeyGetter === 'function') {
+          var _selectedRows$has;
+
           key = rowKeyGetter(row);
-          isRowSelected = selectedRows?.has(key) ?? false;
+          isRowSelected = (_selectedRows$has = selectedRows == null ? void 0 : selectedRows.has(key)) != null ? _selectedRows$has : false;
+        } else {
+          key = hasGroups ? startRowIndex : rowIdx;
         }
-        rowElements.push(renderRow(key, {
-          'aria-rowindex': headerAndTopSummaryRowsCount + rowIdx + 1,
-          'aria-selected': isSelectable ? isRowSelected : undefined,
-          rowIdx,
-          row,
-          viewportColumns: rowColumns,
-          isRowSelected,
-          onCellClick: onCellClickLatest,
-          onCellDoubleClick: onCellDoubleClickLatest,
-          onCellContextMenu: onCellContextMenuLatest,
-          rowClass,
-          gridRowStart,
+
+        rowElements.push( /*#__PURE__*/u(RowRenderer, {
+          "aria-rowindex": headerRowsCount + (hasGroups ? startRowIndex : rowIdx) + 1,
+          "aria-selected": isSelectable ? isRowSelected : undefined,
+          rowIdx: rowIdx,
+          row: row,
+          viewportColumns: viewportColumns,
+          isRowSelected: isRowSelected,
+          onRowClick: onRowClick,
+          rowClass: rowClass,
+          top: top,
           height: getRowHeight(rowIdx),
           copiedCellIdx: copiedCell !== null && copiedCell.row === row ? columns.findIndex(c => c.key === copiedCell.columnKey) : undefined,
-          selectedCellIdx: selectedRowIdx === rowIdx ? selectedIdx : undefined,
           draggedOverCellIdx: getDraggedOverCellIdx(rowIdx),
           setDraggedOverRowIdx: isDragging ? setDraggedOverRowIdx : undefined,
-          lastFrozenColumnIndex,
-          onRowChange: handleFormatterRowChangeLatest,
-          selectCell: selectCellLatest,
-          selectedCellEditor: getCellEditor(rowIdx)
-        }));
+          lastFrozenColumnIndex: lastFrozenColumnIndex,
+          selectedCellProps: getSelectedCellProps(rowIdx),
+          onRowChange: handleFormatterRowChangeWrapper,
+          selectCell: selectCellWrapper
+        }, key));
       }
+
       return rowElements;
     }
-    if (selectedPosition.idx > maxColIdx || selectedPosition.rowIdx > maxRowIdx) {
-      setSelectedPosition({
-        idx: -1,
-        rowIdx: minRowIdx - 1,
-        mode: 'SELECT'
-      });
+
+    if (selectedPosition.idx >= columns.length || selectedPosition.rowIdx >= rows.length) {
+      setSelectedPosition(initialPosition);
       setDraggedOverRowIdx(undefined);
     }
-    let templateRows = `repeat(${headerRowsCount}, ${headerRowHeight}px)`;
-    if (topSummaryRowsCount > 0) {
-      templateRows += ` repeat(${topSummaryRowsCount}, ${summaryRowHeight}px)`;
-    }
-    if (rows.length > 0) {
-      templateRows += gridTemplateRows;
-    }
-    if (bottomSummaryRowsCount > 0) {
-      templateRows += ` repeat(${bottomSummaryRowsCount}, ${summaryRowHeight}px)`;
+
+    if (selectedPosition.mode === 'EDIT' && rows[selectedPosition.rowIdx] !== selectedPosition.originalRow) {
+      closeEditor();
     }
-    const isGroupRowFocused = selectedPosition.idx === -1 && selectedPosition.rowIdx !== minRowIdx - 1;
-    return /*#__PURE__*/o("div", {
-      role: role,
+
+    return /*#__PURE__*/u("div", {
+      role: hasGroups ? 'treegrid' : 'grid',
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       "aria-describedby": ariaDescribedBy,
       "aria-multiselectable": isSelectable ? true : undefined,
       "aria-colcount": columns.length,
-      "aria-rowcount": ariaRowCount,
+      "aria-rowcount": headerRowsCount + rowsCount + summaryRowsCount,
       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 ? `${headerRowsHeight + topSummaryRowsCount * summaryRowHeight}px ${bottomSummaryRowsCount * summaryRowHeight}px` : undefined,
-        gridTemplateColumns,
-        gridTemplateRows: templateRows,
-        '--rdg-header-row-height': `${headerRowHeight}px`,
-        '--rdg-summary-row-height': `${summaryRowHeight}px`,
-        '--rdg-sign': isRtl ? -1 : 1,
+      style: { ...style,
+        '--header-row-height': `${headerRowHeight}px`,
+        '--row-width': `${totalColumnWidth}px`,
+        '--summary-row-height': `${summaryRowHeight}px`,
         ...layoutCssVars
       },
-      dir: direction,
       ref: gridRef,
       onScroll: handleScroll,
-      onKeyDown: handleKeyDown,
-      "data-testid": testId,
-      children: [/*#__PURE__*/o(DataGridDefaultRenderersProvider, {
-        value: defaultGridComponents,
-        children: /*#__PURE__*/o(RowSelectionChangeProvider, {
-          value: selectRowLatest,
-          children: [/*#__PURE__*/o(RowSelectionProvider, {
-            value: allRowsSelected,
-            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 === 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 + 1 + rowIdx;
-              const summaryRowIdx = mainHeaderRowIdx + 1 + rowIdx;
-              const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
-              const top = headerRowsHeight + summaryRowHeight * rowIdx;
-              return /*#__PURE__*/o(SummaryRow$1, {
-                "aria-rowindex": gridRowStart,
-                rowIdx: summaryRowIdx,
-                gridRowStart: gridRowStart,
-                row: row,
-                top: top,
-                bottom: undefined,
-                viewportColumns: getRowViewportColumns(summaryRowIdx),
-                lastFrozenColumnIndex: lastFrozenColumnIndex,
-                selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
-                isTop: true,
-                showBorder: rowIdx === topSummaryRowsCount - 1,
-                selectCell: selectCellLatest
-              }, rowIdx);
-            }), getViewportRows(), bottomSummaryRows?.map((row, rowIdx) => {
-              const gridRowStart = headerAndTopSummaryRowsCount + rows.length + rowIdx + 1;
-              const summaryRowIdx = rows.length + rowIdx;
-              const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
-              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": ariaRowCount - bottomSummaryRowsCount + rowIdx + 1,
-                rowIdx: summaryRowIdx,
-                gridRowStart: gridRowStart,
-                row: row,
-                top: top,
-                bottom: bottom,
-                viewportColumns: getRowViewportColumns(summaryRowIdx),
-                lastFrozenColumnIndex: lastFrozenColumnIndex,
-                selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
-                isTop: false,
-                showBorder: rowIdx === 0,
-                selectCell: selectCellLatest
-              }, rowIdx);
-            })]
-          })]
-        })
-      }), 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
+      children: [/*#__PURE__*/u(HeaderRow$1, {
+        rowKeyGetter: rowKeyGetter,
+        rows: rawRows,
+        columns: viewportColumns,
+        onColumnResize: handleColumnResize,
+        allRowsSelected: allRowsSelected,
+        onSelectedRowsChange: onSelectedRowsChange,
+        sortColumns: sortColumns,
+        onSortColumnsChange: onSortColumnsChange,
+        lastFrozenColumnIndex: lastFrozenColumnIndex
+      }), rows.length === 0 && EmptyRowsRenderer ? /*#__PURE__*/u(EmptyRowsRenderer, {}) : /*#__PURE__*/u(g$2, {
+        children: [/*#__PURE__*/u("div", {
+          ref: focusSinkRef,
+          tabIndex: 0,
+          className: focusSinkClassname,
+          onKeyDown: handleKeyDown,
+          onFocus: onGridFocus
+        }), /*#__PURE__*/u("div", {
+          style: {
+            height: max(totalRowHeight, clientHeight)
+          }
+        }), /*#__PURE__*/u(RowSelectionChangeProvider, {
+          value: selectRowWrapper,
+          children: getViewportRows()
+        }), summaryRows == null ? void 0 : summaryRows.map((row, rowIdx) => /*#__PURE__*/u(SummaryRow$1, {
+          "aria-rowindex": headerRowsCount + rowsCount + rowIdx + 1,
+          rowIdx: rowIdx,
+          row: row,
+          bottom: summaryRowHeight * (summaryRows.length - 1 - rowIdx),
+          viewportColumns: viewportColumns,
+          lastFrozenColumnIndex: lastFrozenColumnIndex
+        }, rowIdx))]
       })]
     });
   }
-  function getCellToScroll(gridEl) {
-    return gridEl.querySelector(':scope > [role="row"] > [tabindex="0"]');
-  }
-  function isSamePosition(p1, p2) {
-    return p1.idx === p2.idx && p1.rowIdx === p2.rowIdx;
-  }
-  const DataGrid$1 = /*#__PURE__*/k(DataGrid);
+
+  const DataGrid$1 = /*#__PURE__*/N(DataGrid);
+
+  var css_248z$c = ".t16y9g8l700-canary49{appearance:none;box-sizing:border-box;width:100%;height:100%;padding:0 6px;border:2px solid #ccc;vertical-align:top;color:var(--color);background-color:var(--background-color);font-family:inherit;font-size:var(--font-size)}.t16y9g8l700-canary49:focus{border-color:var(--selection-color);outline:none}.t16y9g8l700-canary49::placeholder{color:#999;opacity:1}";
+  styleInject$1(css_248z$c);
+
+  var DataGrid$2 = DataGrid$1;
 
   function useData(widget) {
       // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -2878,9 +2740,7 @@
   }
   var EmptyRowsRenderer = function (_a) {
       var message = _a.message;
-      return y$1("div", { style: { textAlign: "center", gridColumn: "1/-1" } },
-          message,
-          y$1("span", null, "--- * --- * ---"));
+      return y$1("div", { style: { textAlign: "center", gridColumn: "1/-1" } }, message);
   };
   var ReactTable = function (_a) {
       var table = _a.table, sort = _a.sort;
@@ -2968,7 +2828,7 @@
           }
           setRows(items);
       }, [listColumns, data, sort]);
-      return y$1(DataGrid$1, { columns: listColumns, headerRowHeight: 24, rows: rows, rowKeyGetter: rowKeyGetter, rowHeight: 20, renderers: { noRowsFallback: y$1(EmptyRowsRenderer, { message: table.noDataMessage() }) }, className: table.darkMode() ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onCellClick: multiSelect ? undefined : onCellClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
+      return y$1(DataGrid$2, { columns: listColumns, headerRowHeight: 24, rows: rows, rowKeyGetter: rowKeyGetter, rowHeight: 20, emptyRowsRenderer: function () { return y$1(EmptyRowsRenderer, { message: table.noDataMessage() }); }, className: table.darkMode() ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onRowClick: multiSelect ? undefined : function (rowIdx, row, column) { return onCellClick(row, column); }, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
   };
 
   function styleInject(css, ref) {
@@ -3047,10 +2907,10 @@
           _super.prototype.update.call(this, domNode, element);
           this._div.style("width", this.width() + "px");
           this._div.style("height", this.height() + "px");
-          G(y$1(ReactTable, { table: this }), this._div.node());
+          q(y$1(ReactTable, { table: this }), this._div.node());
       };
       Table.prototype.exit = function (domNode, element) {
-          vn(this._div.node());
+          hn(this._div.node());
           this._div.remove();
           _super.prototype.exit.call(this, domNode, element);
       };