@hpcc-js/dgrid2 2.1.0 → 2.1.1

package/dist/index.es6.js

@@ -1,8 +1,8 @@
 import { publish, HTMLWidget } from '@hpcc-js/common';
 
 var PKG_NAME = "@hpcc-js/dgrid2";
-var PKG_VERSION = "2.1.0";
-var BUILD_VERSION = "2.103.0";
+var PKG_VERSION = "2.1.1";
+var BUILD_VERSION = "2.103.1";
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -56,13 +56,11 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-var n,l$1,u$1,t$1,o$2,r$1,f$1,e$2={},c$1=[],s$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a$1(n,l){for(var u in l)n[u]=l[u];return n}function h$1(n){var l=n.parentNode;l&&l.removeChild(n);}function v$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return y$1(l,f,t,o,null)}function y$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function d$1(n){return n.children}function _$1(n,l){this.props=n,this.context=l;}function k$1(n,l){if(null==l)return n.__?k$1(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k$1(n):null}function b$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 b$1(n)}}function m$1(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!g$2.__r++||r$1!==l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$2)(g$2);}function g$2(){for(var n;g$2.__r=t$1.length;)n=t$1.sort(function(n,l){return n.__v.__b-l.__v.__b}),t$1=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=a$1({},t)).__v=t.__v+1,j$2(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?k$1(t):o,t.__h),z$1(u,t),t.__e!=o&&b$1(t)));});}function w$2(n,l,u,i,t,o,r,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c$1,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y$1(null,_,null,null,_):Array.isArray(_)?y$1(d$1,{children:_},null,null,null):_.__b>0?y$1(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j$2(n,_,p=p||e$2,t,o,r,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x$2(_,s,n):s=P$1(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k$1(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k$1(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M$1(g[h],g[++h],g[++h]);}function x$2(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?x$2(i,l,u):P$1(u,i,i,t,i.__e,l));return l}function A$2(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){A$2(n,l);}):l.push(n)),l}function P$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H$1(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H$1(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s$1.test(l)?u:u+"px";}function H$1(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T$1:I,o):n.removeEventListener(l,o?T$1:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T$1(n){this.l[n.type+!0](l$1.event?l$1.event(n):n);}function j$2(n,u,i,t,o,r,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _$1(m,x),h.constructor=P,h.render=O$1),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a$1({},h.__s)),a$1(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l$1.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a$1(a$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d$1&&null==s.key?s.props.children:s,w$2(n,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L$1(i.__e,u,i,t,o,r,f,c);(s=l$1.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function z$1(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function L$1(l,u,i,t,o,r,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(o=!0),null!=r)for(;_<r.length;_++)if((s=r[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),a=(y=i.props||e$2).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(_=u.props.children,w$2(l,Array.isArray(_)?_:[_],u,i,t,o&&"foreignObject"!==d,r,f,r?r[0]:i.__k&&k$1(i,0),c),null!=r)for(_=r.length;_--;)null!=r[_]&&h$1(r[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&H$1(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H$1(l,"checked",_,y.checked,!1));}return l}function M$1(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function N(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M$1(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||h$1(n.__e),n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function S$1(u,i,t){var o,r,f;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j$2(i,u=(!o&&t||i).__k=v$1(d$1,null,[u]),r||e$2,e$2,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),z$1(f,u);}function D(n,l){var u={__c:l="__cC"+f$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(m$1);},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=c$1.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,_$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a$1({},this.state),"function"==typeof n&&(n=n(a$1({},u),this.props)),n&&a$1(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m$1(this));},_$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m$1(this));},_$1.prototype.render=d$1,t$1=[],o$2="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g$2.__r=0,f$1=0;
+var n,l$1,u$1,t$1,o$2,r$1,f$1,e$2={},c$1=[],s$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a$1(n,l){for(var u in l)n[u]=l[u];return n}function h$1(n){var l=n.parentNode;l&&l.removeChild(n);}function v$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return y$1(l,f,t,o,null)}function y$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function d$1(n){return n.children}function _$1(n,l){this.props=n,this.context=l;}function k$1(n,l){if(null==l)return n.__?k$1(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k$1(n):null}function b$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 b$1(n)}}function m$1(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!g$2.__r++||r$1!==l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$2)(g$2);}function g$2(){for(var n;g$2.__r=t$1.length;)n=t$1.sort(function(n,l){return n.__v.__b-l.__v.__b}),t$1=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=a$1({},t)).__v=t.__v+1,j$2(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?k$1(t):o,t.__h),z$1(u,t),t.__e!=o&&b$1(t)));});}function w$2(n,l,u,i,t,o,r,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c$1,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y$1(null,_,null,null,_):Array.isArray(_)?y$1(d$1,{children:_},null,null,null):_.__b>0?y$1(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j$2(n,_,p=p||e$2,t,o,r,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x$2(_,s,n):s=P$1(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k$1(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k$1(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M$1(g[h],g[++h],g[++h]);}function x$2(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?x$2(i,l,u):P$1(u,i,i,t,i.__e,l));return l}function A$2(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){A$2(n,l);}):l.push(n)),l}function P$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H$1(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H$1(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s$1.test(l)?u:u+"px";}function H$1(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T$1:I$1,o):n.removeEventListener(l,o?T$1:I$1,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I$1(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T$1(n){this.l[n.type+!0](l$1.event?l$1.event(n):n);}function j$2(n,u,i,t,o,r,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _$1(m,x),h.constructor=P,h.render=O$1),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a$1({},h.__s)),a$1(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l$1.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a$1(a$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d$1&&null==s.key?s.props.children:s,w$2(n,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L$1(i.__e,u,i,t,o,r,f,c);(s=l$1.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function z$1(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function L$1(l,u,i,t,o,r,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(o=!0),null!=r)for(;_<r.length;_++)if((s=r[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),a=(y=i.props||e$2).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(_=u.props.children,w$2(l,Array.isArray(_)?_:[_],u,i,t,o&&"foreignObject"!==d,r,f,r?r[0]:i.__k&&k$1(i,0),c),null!=r)for(_=r.length;_--;)null!=r[_]&&h$1(r[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&H$1(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H$1(l,"checked",_,y.checked,!1));}return l}function M$1(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function N(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M$1(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||h$1(n.__e),n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function S$1(u,i,t){var o,r,f;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j$2(i,u=(!o&&t||i).__k=v$1(d$1,null,[u]),r||e$2,e$2,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),z$1(f,u);}function D$1(n,l){var u={__c:l="__cC"+f$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(m$1);},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=c$1.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,_$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a$1({},this.state),"function"==typeof n&&(n=n(a$1({},u),this.props)),n&&a$1(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m$1(this));},_$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m$1(this));},_$1.prototype.render=d$1,t$1=[],o$2="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g$2.__r=0,f$1=0;
 
-var o$1=0;function e$1(_,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:_,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--o$1,__source:f,__self:t};if("function"==typeof _&&(l=_.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
+var t,u,r,o$1=0,i=[],c=l$1.__b,f=l$1.__r,e$1=l$1.diffed,a=l$1.__c,v=l$1.unmount;function l(t,r){l$1.__h&&l$1.__h(u,t,o$1||r),o$1=0;var i=u.__H||(u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function m(n){return o$1=1,p(w$1,n)}function p(n,r,o){var i=l(t++,2);return i.t=n,i.__c||(i.__=[o?o(r):w$1(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u),i.__}function y(r,o){var i=l(t++,3);!l$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__H.__h.push(i));}function d(r,o){var i=l(t++,4);!l$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__h.push(i));}function h(n){return o$1=5,_(function(){return {current:n}},[])}function s(n,t,u){o$1=6,d(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==u?u:u.concat(n));}function _(n,u){var r=l(t++,7);return k(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function A$1(n,t){return o$1=8,_(function(){return n},t)}function F(n){var r=u.context[n.__c],o=l(t++,9);return o.c=n,r?(null==o.__&&(o.__=!0,r.sub(u)),r.props.value):n.__}function x$1(){for(var t;t=i.shift();)if(t.__P)try{t.__H.__h.forEach(g$1),t.__H.__h.forEach(j$1),t.__H.__h=[];}catch(u){t.__H.__h=[],l$1.__e(u,t.__v);}}l$1.__b=function(n){u=null,c&&c(n);},l$1.__r=function(n){f&&f(n),t=0;var r=(u=n.__c).__H;r&&(r.__h.forEach(g$1),r.__h.forEach(j$1),r.__h=[]);},l$1.diffed=function(t){e$1&&e$1(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i.push(o)&&r===l$1.requestAnimationFrame||((r=l$1.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);b&&(t=requestAnimationFrame(u));})(x$1)),u=null;},l$1.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g$1),t.__h=t.__h.filter(function(n){return !n.__||j$1(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],l$1.__e(r,t.__v);}}),a&&a(t,u);},l$1.unmount=function(t){v&&v(t);var u,r=t.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{g$1(n);}catch(n){u=n;}}),u&&l$1.__e(u,r.__v));};var b="function"==typeof requestAnimationFrame;function g$1(n){var t=u,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u=t;}function j$1(n){var t=u;n.__c=n.__(),u=t;}function k(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w$1(n,t){return "function"==typeof t?t(n):t}
 
-var t,u,r,o=0,i=[],c=l$1.__b,f=l$1.__r,e=l$1.diffed,a=l$1.__c,v=l$1.unmount;function l(t,r){l$1.__h&&l$1.__h(u,t,o||r),o=0;var i=u.__H||(u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function m(n){return o=1,p(w$1,n)}function p(n,r,o){var i=l(t++,2);return i.t=n,i.__c||(i.__=[o?o(r):w$1(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u),i.__}function y(r,o){var i=l(t++,3);!l$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__H.__h.push(i));}function d(r,o){var i=l(t++,4);!l$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__h.push(i));}function h(n){return o=5,_(function(){return {current:n}},[])}function s(n,t,u){o=6,d(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==u?u:u.concat(n));}function _(n,u){var r=l(t++,7);return k(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function A$1(n,t){return o=8,_(function(){return n},t)}function F(n){var r=u.context[n.__c],o=l(t++,9);return o.c=n,r?(null==o.__&&(o.__=!0,r.sub(u)),r.props.value):n.__}function x$1(){for(var t;t=i.shift();)if(t.__P)try{t.__H.__h.forEach(g$1),t.__H.__h.forEach(j$1),t.__H.__h=[];}catch(u){t.__H.__h=[],l$1.__e(u,t.__v);}}l$1.__b=function(n){u=null,c&&c(n);},l$1.__r=function(n){f&&f(n),t=0;var r=(u=n.__c).__H;r&&(r.__h.forEach(g$1),r.__h.forEach(j$1),r.__h=[]);},l$1.diffed=function(t){e&&e(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i.push(o)&&r===l$1.requestAnimationFrame||((r=l$1.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);b&&(t=requestAnimationFrame(u));})(x$1)),u=null;},l$1.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g$1),t.__h=t.__h.filter(function(n){return !n.__||j$1(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],l$1.__e(r,t.__v);}}),a&&a(t,u);},l$1.unmount=function(t){v&&v(t);var u,r=t.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{g$1(n);}catch(n){u=n;}}),u&&l$1.__e(u,r.__v));};var b="function"==typeof requestAnimationFrame;function g$1(n){var t=u,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u=t;}function j$1(n){var t=u;n.__c=n.__(),u=t;}function k(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w$1(n,t){return "function"==typeof t?t(n):t}
-
-function C(n,t){for(var e in t)n[e]=t[e];return n}function S(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 g(n,t){function e(n){var e=this.props.ref,r=e==n.ref;return !r&&e&&(e.call?e(null):e.current=null),t?!t(this.props,n)||!r:S(this.props,n)}function r(t){return this.shouldComponentUpdate=e,v$1(n,t)}return r.displayName="Memo("+(n.displayName||n.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r}(E.prototype=new _$1).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return S(this.props,n)||S(this.state,t)};var w=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),w&&w(n);};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function x(n){function t(t){var e=C({},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 A=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);A(n,t,e,r);};var O=l$1.unmount;function L(){this.__u=0,this.t=null,this.__b=null;}function U(n){var t=n.__.__c;return t&&t.__e&&t.__e(n)}function M(){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),O&&O(n);},(L.prototype=new _$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.__e){var n=r.state.__e;r.__v.__k[0]=function n(t,e,r){return t&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)}),t.__c&&t.__c.__P===e&&(t.__e&&r.insertBefore(t.__e,t.__d),t.__c.__e=!0,t.__c.__P=r)),t}(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__e:r.__b=null});t=r.t.pop();)t.forceUpdate();}},f=!0===t.__h;r.__u++||f||r.setState({__e:r.__b=r.__v.__k[0]}),n.then(i,i);},L.prototype.componentWillUnmount=function(){this.t=[];},L.prototype.render=function(n,t){if(this.__b){if(this.__v.__k){var e=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=function n(t,e,r){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),t.__c.__H=null),null!=(t=C({},t)).__c&&(t.__c.__P===r&&(t.__c.__P=e),t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)})),t}(this.__b,e,r.__O=r.__P);}this.__b=null;}var u=t.__e&&v$1(d$1,null,n.fallback);return u&&(u.__h=null),[v$1(d$1,null,t.__e?null:n.children),u]};var T=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];}};(M.prototype=new _$1).__e=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),T(t,n,r)):u();};e?e(o):o();}},M.prototype.render=function(n){this.u=null,this.o=new Map;var t=A$2(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){T(n,e,t);});};var P="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,V=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,j="undefined"!=typeof document,z=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};function B(n,t,e){return null==t.__k&&(t.textContent=""),S$1(n,t),"function"==typeof e&&e(),n?n.__c:null}_$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(n){Object.defineProperty(_$1.prototype,n,{configurable:!0,get:function(){return this["UNSAFE_"+n]},set:function(t){Object.defineProperty(this,n,{configurable:!0,writable:!0,value:t});}});});var H=l$1.event;function Z(){}function Y(){return this.cancelBubble}function q(){return this.defaultPrevented}l$1.event=function(n){return H&&(n=H(n)),n.persist=Z,n.isPropagationStopped=Y,n.isDefaultPrevented=q,n.nativeEvent=n};var J={configurable:!0,get:function(){return this.class}},K=l$1.vnode;l$1.vnode=function(n){var t=n.type,e=n.props,r=e;if("string"==typeof t){var u=-1===t.indexOf("-");for(var o in r={},e){var i=e[o];j&&"children"===o&&"noscript"===t||"value"===o&&"defaultValue"in e&&null==i||("defaultValue"===o&&"value"in e&&null==e.value?o="value":"download"===o&&!0===i?i="":/ondoubleclick/i.test(o)?o="ondblclick":/^onchange(textarea|input)/i.test(o+t)&&!z(e.type)?o="oninput":/^onfocus$/i.test(o)?o="onfocusin":/^onblur$/i.test(o)?o="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(o)?o=o.toLowerCase():u&&V.test(o)?o=o.replace(/[A-Z0-9]/,"-$&").toLowerCase():null===i&&(i=void 0),r[o]=i);}"select"==t&&r.multiple&&Array.isArray(r.value)&&(r.value=A$2(e.children).forEach(function(n){n.props.selected=-1!=r.value.indexOf(n.props.value);})),"select"==t&&null!=r.defaultValue&&(r.value=A$2(e.children).forEach(function(n){n.props.selected=r.multiple?-1!=r.defaultValue.indexOf(n.props.value):r.defaultValue==n.props.value;})),n.props=r,e.class!=e.className&&(J.enumerable="className"in e,null!=e.className&&(r.class=e.className),Object.defineProperty(r,"className",J));}n.$$typeof=P,K&&K(n);};var Q=l$1.__r;l$1.__r=function(n){Q&&Q(n);};function un(n){return !!n.__k&&(S$1(null,n),!0)}
+function C(n,t){for(var e in t)n[e]=t[e];return n}function S(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 g(n,t){function e(n){var e=this.props.ref,r=e==n.ref;return !r&&e&&(e.call?e(null):e.current=null),t?!t(this.props,n)||!r:S(this.props,n)}function r(t){return this.shouldComponentUpdate=e,v$1(n,t)}return r.displayName="Memo("+(n.displayName||n.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r}(E.prototype=new _$1).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return S(this.props,n)||S(this.state,t)};var w=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),w&&w(n);};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function x(n){function t(t){var e=C({},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 A=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);A(n,t,e,r);};var O=l$1.unmount;function L(){this.__u=0,this.t=null,this.__b=null;}function U(n){var t=n.__.__c;return t&&t.__e&&t.__e(n)}function M(){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),O&&O(n);},(L.prototype=new _$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.__e){var n=r.state.__e;r.__v.__k[0]=function n(t,e,r){return t&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)}),t.__c&&t.__c.__P===e&&(t.__e&&r.insertBefore(t.__e,t.__d),t.__c.__e=!0,t.__c.__P=r)),t}(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__e:r.__b=null});t=r.t.pop();)t.forceUpdate();}},f=!0===t.__h;r.__u++||f||r.setState({__e:r.__b=r.__v.__k[0]}),n.then(i,i);},L.prototype.componentWillUnmount=function(){this.t=[];},L.prototype.render=function(n,t){if(this.__b){if(this.__v.__k){var e=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=function n(t,e,r){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),t.__c.__H=null),null!=(t=C({},t)).__c&&(t.__c.__P===r&&(t.__c.__P=e),t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)})),t}(this.__b,e,r.__O=r.__P);}this.__b=null;}var u=t.__e&&v$1(d$1,null,n.fallback);return u&&(u.__h=null),[v$1(d$1,null,t.__e?null:n.children),u]};var T=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 D(n){return this.getChildContext=function(){return n.context},n.children}function I(n){var t=this,e=n.i;t.componentWillUnmount=function(){S$1(null,t.l),t.l=null,t.i=null;},t.i&&t.i!==e&&t.componentWillUnmount(),n.__v?(t.l||(t.i=e,t.l={nodeType:1,parentNode:e,childNodes:[],appendChild:function(n){this.childNodes.push(n),t.i.appendChild(n);},insertBefore:function(n,e){this.childNodes.push(n),t.i.appendChild(n);},removeChild:function(n){this.childNodes.splice(this.childNodes.indexOf(n)>>>1,1),t.i.removeChild(n);}}),S$1(v$1(D,{context:t.context},n.__v),t.l)):t.l&&t.componentWillUnmount();}function W(n,t){return v$1(I,{__v:n,i:t})}(M.prototype=new _$1).__e=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),T(t,n,r)):u();};e?e(o):o();}},M.prototype.render=function(n){this.u=null,this.o=new Map;var t=A$2(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){T(n,e,t);});};var P="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,V=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,j="undefined"!=typeof document,z=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};function B(n,t,e){return null==t.__k&&(t.textContent=""),S$1(n,t),"function"==typeof e&&e(),n?n.__c:null}_$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(n){Object.defineProperty(_$1.prototype,n,{configurable:!0,get:function(){return this["UNSAFE_"+n]},set:function(t){Object.defineProperty(this,n,{configurable:!0,writable:!0,value:t});}});});var H=l$1.event;function Z(){}function Y(){return this.cancelBubble}function q(){return this.defaultPrevented}l$1.event=function(n){return H&&(n=H(n)),n.persist=Z,n.isPropagationStopped=Y,n.isDefaultPrevented=q,n.nativeEvent=n};var J={configurable:!0,get:function(){return this.class}},K=l$1.vnode;l$1.vnode=function(n){var t=n.type,e=n.props,r=e;if("string"==typeof t){var u=-1===t.indexOf("-");for(var o in r={},e){var i=e[o];j&&"children"===o&&"noscript"===t||"value"===o&&"defaultValue"in e&&null==i||("defaultValue"===o&&"value"in e&&null==e.value?o="value":"download"===o&&!0===i?i="":/ondoubleclick/i.test(o)?o="ondblclick":/^onchange(textarea|input)/i.test(o+t)&&!z(e.type)?o="oninput":/^onfocus$/i.test(o)?o="onfocusin":/^onblur$/i.test(o)?o="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(o)?o=o.toLowerCase():u&&V.test(o)?o=o.replace(/[A-Z0-9]/,"-$&").toLowerCase():null===i&&(i=void 0),r[o]=i);}"select"==t&&r.multiple&&Array.isArray(r.value)&&(r.value=A$2(e.children).forEach(function(n){n.props.selected=-1!=r.value.indexOf(n.props.value);})),"select"==t&&null!=r.defaultValue&&(r.value=A$2(e.children).forEach(function(n){n.props.selected=r.multiple?-1!=r.defaultValue.indexOf(n.props.value):r.defaultValue==n.props.value;})),n.props=r,e.class!=e.className&&(J.enumerable="className"in e,null!=e.className&&(r.class=e.className),Object.defineProperty(r,"className",J));}n.$$typeof=P,K&&K(n);};var Q=l$1.__r;l$1.__r=function(n){Q&&Q(n);};function un(n){return !!n.__k&&(S$1(null,n),!0)}
 
 function toVal(mix) {
 	var k, y, str='';
@@ -105,6 +103,8 @@ function clsx () {
 	return str;
 }
 
+var o=0;function e(_,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:_,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--o,__source:f,__self:t};if("function"==typeof _&&(l=_.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
+
 function styleInject$1(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -132,118 +132,110 @@ function styleInject$1(css, ref) {
   }
 }
 
-var css_248z$f = ".c1wupbe700-beta11{background-color:inherit;border-block-end:1px solid var(--rdg-border-color);border-inline-end:1px solid var(--rdg-border-color);contain:strict;contain:size layout style paint;grid-row-start:var(--rdg-grid-row-start);outline:none;overflow:hidden;overflow:clip;padding-block:0;padding-inline:8px;text-overflow:ellipsis;white-space:nowrap}.c1wupbe700-beta11[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--rdg-selection-color)}.cd0kgiy700-beta11 .c1wupbe700-beta11{contain:content}.c1730fa4700-beta11{position:sticky;z-index:1}.c9dpaye700-beta11{box-shadow:var(--rdg-frozen-cell-box-shadow)}";
-styleInject$1(css_248z$f,{"insertAt":"top"});
+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-beta11";
+const cell = "c1wupbe700-canary49";
 const cellClassname = `rdg-cell ${cell}`;
-const cellAutoResizeClassname = "cd0kgiy700-beta11";
-const cellFrozen = "c1730fa4700-beta11";
+const cellFrozen = "cd0kgiy700-canary49";
 const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
-const cellFrozenLast = "c9dpaye700-beta11";
+const cellFrozenLast = "c1730fa4700-canary49";
 const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
 
-var css_248z$e = ".r104f42s700-beta11{--rdg-color:#000;--rdg-border-color:#ddd;--rdg-summary-border-color:#aaa;--rdg-background-color:#fff;--rdg-header-background-color:#f9f9f9;--rdg-row-hover-background-color:#f5f5f5;--rdg-row-selected-background-color:#dbecfa;--row-selected-hover-background-color:#c9e3f8;--rdg-checkbox-color:#005194;--rdg-checkbox-focus-color:#61b8ff;--rdg-checkbox-disabled-border-color:#ccc;--rdg-checkbox-disabled-background-color:#ddd;--rdg-selection-color:#66afe9;--rdg-frozen-cell-box-shadow:calc(2px*var(--rdg-sign)) 0 5px -2px hsla(0,0%,53%,.3);--rdg-font-size:14px;content-visibility:auto;background-color:var(--rdg-background-color);block-size:350px;border:1px solid var(--rdg-border-color);box-sizing:border-box;color:var(--rdg-color);color-scheme:var(--rdg-color-scheme,light dark);contain:strict;contain:size layout style paint;display:grid;font-size:var(--rdg-font-size);overflow:auto;user-select:none}@supports not (contain:strict){.r104f42s700-beta11{position:relative;z-index:0}}.r104f42s700-beta11 *,.r104f42s700-beta11 :after,.r104f42s700-beta11 :before{box-sizing:inherit}.r104f42s700-beta11:before{block-size:var(--rdg-grid-block-size);content:\"\";inline-size:var(--rdg-grid-inline-size);inset-block-start:0;inset-inline-start:0;position:absolute}.r104f42s700-beta11.rdg-dark{--rdg-color-scheme:dark;--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}.r104f42s700-beta11.rdg-light{--rdg-color-scheme:light}@media (prefers-color-scheme:dark){.r104f42s700-beta11:not(.rdg-light){--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}}.v7ly7s700-beta11.r1otpg64700-beta11{cursor:move}.fc4f4zb700-beta11{grid-column-start:1;inset-inline-start:0;position:sticky}";
-styleInject$1(css_248z$e,{"insertAt":"top"});
+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-beta11";
+const root = "r104f42s700-canary49";
 const rootClassname = `rdg ${root}`;
-const viewportDragging = "v7ly7s700-beta11";
+const focusSink = "f7ly7s700-canary49";
+const focusSinkClassname = `rdg-focus-sink ${focusSink}`;
+const viewportDragging = "vc4f4zb700-canary49";
 const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
-const focusSinkClassname = "fc4f4zb700-beta11";
 
-var css_248z$d = ".r1otpg64700-beta11{background-color:var(--rdg-background-color);display:contents;line-height:var(--rdg-row-height)}.r1otpg64700-beta11:hover{background-color:var(--rdg-row-hover-background-color)}.r1otpg64700-beta11[aria-selected=true]{background-color:var(--rdg-row-selected-background-color)}.r1otpg64700-beta11[aria-selected=true]:hover{background-color:var(--row-selected-hover-background-color)}.rel5gk2700-beta11{outline:none}.rel5gk2700-beta11>.c1wupbe700-beta11{box-shadow:inset 0 2px 0 0 var(--rdg-selection-color),inset 0 -2px 0 0 var(--rdg-selection-color)}.rel5gk2700-beta11>.c1wupbe700-beta11:first-child{box-shadow:inset 0 2px 0 0 var(--rdg-selection-color),inset 0 -2px 0 0 var(--rdg-selection-color),inset calc(2px*var(--rdg-sign)) 0 0 0 var(--rdg-selection-color)}.rel5gk2700-beta11>.c1wupbe700-beta11:last-child{box-shadow:inset 0 2px 0 0 var(--rdg-selection-color),inset 0 -2px 0 0 var(--rdg-selection-color),inset calc(-2px*var(--rdg-sign)) 0 0 0 var(--rdg-selection-color)}.rel5gk2700-beta11>.c9dpaye700-beta11{box-shadow:inset 0 2px 0 0 var(--rdg-selection-color),inset 0 -2px 0 0 var(--rdg-selection-color),var(--rdg-frozen-cell-box-shadow)}";
-styleInject$1(css_248z$d,{"insertAt":"top"});
+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 row = "r1otpg64700-beta11";
-const rowClassname = `rdg-row ${row}`;
-const rowSelected = "rel5gk2700-beta11";
-const rowSelectedClassname = `rdg-row-selected ${rowSelected}`;
+const groupRow = "g1cvx5us700-canary49";
+const groupRowClassname = `rdg-group-row ${groupRow}`;
+const groupRowSelected = "g1j2w62i700-canary49";
+const groupRowSelectedClassname = `rdg-group-row-selected ${groupRowSelected}`;
 
-var css_248z$c = ".cd9l4jz700-beta11{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;margin-inline-end:1px;position:absolute}.c1noyk41700-beta11{all:unset}.cdwjxv8700-beta11{background-color:var(--rdg-background-color);block-size:20px;border:2px solid var(--rdg-border-color);content:\"\";inline-size:20px}.c1noyk41700-beta11:checked+.cdwjxv8700-beta11{background-color:var(--rdg-checkbox-color);box-shadow:inset 0 0 0 4px var(--rdg-background-color)}.c1noyk41700-beta11:focus+.cdwjxv8700-beta11{border-color:var(--rdg-checkbox-focus-color)}.cca4mwn700-beta11{cursor:default}.cca4mwn700-beta11 .cdwjxv8700-beta11{background-color:var(--rdg-checkbox-disabled-background-color);border-color:var(--rdg-checkbox-disabled-border-color)}";
-styleInject$1(css_248z$c,{"insertAt":"top"});
+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 checkboxLabel = "cd9l4jz700-beta11";
-const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
-const checkboxInput = "c1noyk41700-beta11";
-const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
-const checkbox = "cdwjxv8700-beta11";
-const checkboxClassname = `rdg-checkbox ${checkbox}`;
-const checkboxLabelDisabled = "cca4mwn700-beta11";
-const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
-const CheckboxFormatter = /*#__PURE__*/x(function CheckboxFormatter({
-  onChange,
-  ...props
-}, ref) {
-  function handleChange(e) {
-    onChange(e.target.checked, e.nativeEvent.shiftKey);
-  }
+const headerRow = "h1fquj5h700-canary49";
+const headerRowClassname = `rdg-header-row ${headerRow}`;
 
-  return /*#__PURE__*/e$1("label", {
-    className: clsx(checkboxLabelClassname, props.disabled && checkboxLabelDisabledClassname),
-    children: [/*#__PURE__*/e$1("input", {
-      type: "checkbox",
-      ref: ref,
-      ...props,
-      className: checkboxInputClassname,
-      onChange: handleChange
-    }), /*#__PURE__*/e$1("div", {
-      className: checkboxClassname
-    })]
-  });
-});
+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 useLayoutEffect = typeof window === 'undefined' ? y : d;
+const row = "r1otpg64700-canary49";
+const rowClassname = `rdg-row ${row}`;
+const summaryRow = "sel5gk2700-canary49";
+const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
 
-function useFocusRef(isSelected) {
+function useFocusRef(isCellSelected) {
   const ref = h(null);
-  useLayoutEffect(() => {
+  d(() => {
     var _ref$current;
 
-    if (!isSelected) return;
+    if (!isCellSelected) return;
     (_ref$current = ref.current) == null ? void 0 : _ref$current.focus({
       preventScroll: true
     });
-  }, [isSelected]);
-  return {
-    ref,
-    tabIndex: isSelected ? 0 : -1
-  };
+  }, [isCellSelected]);
+  return ref;
 }
 
-const DataGridDefaultComponentsContext = /*#__PURE__*/D(undefined);
-const DataGridDefaultComponentsProvider = DataGridDefaultComponentsContext.Provider;
-function useDefaultComponents() {
-  return F(DataGridDefaultComponentsContext);
-}
+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 {
-    ref,
-    tabIndex
-  } = useFocusRef(isCellSelected);
-  const Formatter = useDefaultComponents().checkboxFormatter;
-  return /*#__PURE__*/e$1(Formatter, {
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    ref: ref,
-    tabIndex: tabIndex,
-    disabled: disabled,
-    checked: value,
-    onChange: onChange
+  const inputRef = useFocusRef(isCellSelected);
+
+  function handleChange(e) {
+    onChange(e.target.checked, e.nativeEvent.shiftKey);
+  }
+
+  return /*#__PURE__*/e("label", {
+    className: clsx(checkboxLabelClassname, disabled && checkboxLabelDisabledClassname),
+    children: [/*#__PURE__*/e("input", {
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      tabIndex: tabIndex,
+      ref: inputRef,
+      type: "checkbox",
+      className: checkboxInputClassname,
+      disabled: disabled,
+      checked: value,
+      onChange: handleChange,
+      onClick: onClick
+    }), /*#__PURE__*/e("div", {
+      className: checkboxClassname
+    })]
   });
 }
 
 function ValueFormatter(props) {
   try {
-    return /*#__PURE__*/e$1(d$1, {
+    return /*#__PURE__*/e(d$1, {
       children: props.row[props.column.key]
     });
   } catch {
@@ -251,12 +243,12 @@ function ValueFormatter(props) {
   }
 }
 
-var css_248z$b = ".gch972y700-beta11{outline:none}.cz2qf0d700-beta11{stroke:currentColor;stroke-width:1.5px;fill:transparent;margin-inline-start:4px;vertical-align:middle}.cz2qf0d700-beta11>path{transition:d .1s}";
-styleInject$1(css_248z$b,{"insertAt":"top"});
+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-beta11";
+const groupCellContent = "gch972y700-canary49";
 const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
-const caret = "cz2qf0d700-beta11";
+const caret = "cz2qf0d700-canary49";
 const caretClassname = `rdg-caret ${caret}`;
 function ToggleGroupFormatter({
   groupKey,
@@ -264,10 +256,7 @@ function ToggleGroupFormatter({
   isCellSelected,
   toggleGroup
 }) {
-  const {
-    ref,
-    tabIndex
-  } = useFocusRef(isCellSelected);
+  const cellRef = useFocusRef(isCellSelected);
 
   function handleKeyDown({
     key
@@ -278,95 +267,23 @@ function ToggleGroupFormatter({
   }
 
   const d = isExpanded ? 'M1 1 L 7 7 L 13 1' : 'M1 7 L 7 1 L 13 7';
-  return /*#__PURE__*/e$1("span", {
-    ref: ref,
+  return /*#__PURE__*/e("span", {
+    ref: cellRef,
     className: groupCellContentClassname,
-    tabIndex: tabIndex,
+    tabIndex: -1,
     onKeyDown: handleKeyDown,
-    children: [groupKey, /*#__PURE__*/e$1("svg", {
+    children: [groupKey, /*#__PURE__*/e("svg", {
       viewBox: "0 0 14 8",
       width: "14",
       height: "8",
       className: caretClassname,
-      "aria-hidden": true,
-      children: /*#__PURE__*/e$1("path", {
+      children: /*#__PURE__*/e("path", {
         d: d
       })
     })]
   });
 }
 
-const RowSelectionContext = /*#__PURE__*/D(undefined);
-const RowSelectionProvider = RowSelectionContext.Provider;
-const RowSelectionChangeContext = /*#__PURE__*/D(undefined);
-const RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
-function useRowSelection() {
-  const rowSelectionContext = F(RowSelectionContext);
-  const rowSelectionChangeContext = F(RowSelectionChangeContext);
-
-  if (rowSelectionContext === undefined || rowSelectionChangeContext === undefined) {
-    throw new Error('useRowSelection must be used within DataGrid cells');
-  }
-
-  return [rowSelectionContext, rowSelectionChangeContext];
-}
-
-const SELECT_COLUMN_KEY = 'select-row';
-
-function SelectFormatter(props) {
-  const [isRowSelected, onRowSelectionChange] = useRowSelection();
-  return /*#__PURE__*/e$1(SelectCellFormatter, {
-    "aria-label": "Select",
-    isCellSelected: props.isCellSelected,
-    value: isRowSelected,
-    onChange: (checked, isShiftClick) => {
-      onRowSelectionChange({
-        row: props.row,
-        checked,
-        isShiftClick
-      });
-    }
-  });
-}
-
-function SelectGroupFormatter(props) {
-  const [isRowSelected, onRowSelectionChange] = useRowSelection();
-  return /*#__PURE__*/e$1(SelectCellFormatter, {
-    "aria-label": "Select Group",
-    isCellSelected: props.isCellSelected,
-    value: isRowSelected,
-    onChange: checked => {
-      onRowSelectionChange({
-        row: props.row,
-        checked,
-        isShiftClick: false
-      });
-    }
-  });
-}
-
-const SelectColumn = {
-  key: SELECT_COLUMN_KEY,
-  name: '',
-  width: 35,
-  maxWidth: 35,
-  resizable: false,
-  sortable: false,
-  frozen: true,
-
-  headerRenderer(props) {
-    return /*#__PURE__*/e$1(SelectCellFormatter, {
-      "aria-label": "Select All",
-      isCellSelected: props.isCellSelected,
-      value: props.allRowsSelected,
-      onChange: props.onAllRowsSelectionChange
-    });
-  },
-
-  formatter: SelectFormatter,
-  groupFormatter: SelectGroupFormatter
-};
-
 function getColSpan(column, lastFrozenColumnIndex, args) {
   const colSpan = typeof column.colSpan === 'function' ? column.colSpan(args) : 1;
 
@@ -377,6 +294,10 @@ function getColSpan(column, lastFrozenColumnIndex, args) {
   return undefined;
 }
 
+function stopPropagation(event) {
+  event.stopPropagation();
+}
+
 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) {
   return (e.ctrlKey || e.metaKey) && e.key !== 'Control';
@@ -408,134 +329,100 @@ function isSelectedCellEditable({
 function isCellEditable(column, row) {
   return column.editor != null && !column.rowGroup && (typeof column.editable === 'function' ? column.editable(row) : column.editable) !== false;
 }
-function getSelectedCellColSpan({
-  rows,
-  summaryRows,
-  rowIdx,
-  lastFrozenColumnIndex,
-  column,
-  isGroupRow
-}) {
-  if (rowIdx === -1) {
-    return getColSpan(column, lastFrozenColumnIndex, {
-      type: 'HEADER'
-    });
-  }
-
-  if (rowIdx >= 0 && rowIdx < rows.length) {
-    const row = rows[rowIdx];
-
-    if (!isGroupRow(row)) {
-      return getColSpan(column, lastFrozenColumnIndex, {
-        type: 'ROW',
-        row
-      });
-    }
-
-    return undefined;
-  }
-
-  if (summaryRows) {
-    return getColSpan(column, lastFrozenColumnIndex, {
-      type: 'SUMMARY',
-      row: summaryRows[rowIdx - rows.length]
-    });
-  }
-
-  return undefined;
-}
 function getNextSelectedCellPosition({
   cellNavigationMode,
   columns,
   colSpanColumns,
   rows,
-  summaryRows,
-  minRowIdx,
-  maxRowIdx,
-  currentPosition: {
-    idx: currentIdx
-  },
+  currentPosition,
   nextPosition,
   lastFrozenColumnIndex,
   isCellWithinBounds,
   isGroupRow
 }) {
-  let {
-    idx: nextIdx,
-    rowIdx: nextRowIdx
-  } = nextPosition;
+  const rowsCount = rows.length;
+  let position = nextPosition;
 
   const setColSpan = moveRight => {
-    if (nextRowIdx >= 0 && nextRowIdx < rows.length) {
-      const row = rows[nextRowIdx];
-      if (isGroupRow(row)) return;
-    }
+    const row = rows[position.rowIdx];
 
-    for (const column of colSpanColumns) {
-      const colIdx = column.idx;
-      if (colIdx > nextIdx) break;
-      const colSpan = getSelectedCellColSpan({
-        rows,
-        summaryRows,
-        rowIdx: nextRowIdx,
-        lastFrozenColumnIndex,
-        column,
-        isGroupRow
-      });
+    if (!isGroupRow(row)) {
+      const posIdx = position.idx;
 
-      if (colSpan && nextIdx > colIdx && nextIdx < colSpan + colIdx) {
-        nextIdx = colIdx + (moveRight ? colSpan : 0);
-        break;
+      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;
+        }
       }
     }
   };
 
-  if (isCellWithinBounds(nextPosition)) {
-    setColSpan(nextIdx - currentIdx > 0);
+  if (isCellWithinBounds(position)) {
+    setColSpan(position.idx - currentPosition.idx > 0);
   }
 
   if (cellNavigationMode !== 'NONE') {
+    const {
+      idx,
+      rowIdx
+    } = nextPosition;
     const columnsCount = columns.length;
-    const isAfterLastColumn = nextIdx === columnsCount;
-    const isBeforeFirstColumn = nextIdx === -1;
+    const isAfterLastColumn = idx === columnsCount;
+    const isBeforeFirstColumn = idx === -1;
 
     if (isAfterLastColumn) {
       if (cellNavigationMode === 'CHANGE_ROW') {
-        const isLastRow = nextRowIdx === maxRowIdx;
+        const isLastRow = rowIdx === rowsCount - 1;
 
         if (!isLastRow) {
-          nextIdx = 0;
-          nextRowIdx += 1;
+          position = {
+            idx: 0,
+            rowIdx: rowIdx + 1
+          };
         }
       } else {
-        nextIdx = 0;
+        position = {
+          rowIdx,
+          idx: 0
+        };
       }
+
+      setColSpan(true);
     } else if (isBeforeFirstColumn) {
       if (cellNavigationMode === 'CHANGE_ROW') {
-        const isFirstRow = nextRowIdx === minRowIdx;
+        const isFirstRow = rowIdx === 0;
 
         if (!isFirstRow) {
-          nextRowIdx -= 1;
-          nextIdx = columnsCount - 1;
+          position = {
+            rowIdx: rowIdx - 1,
+            idx: columnsCount - 1
+          };
         }
       } else {
-        nextIdx = columnsCount - 1;
+        position = {
+          rowIdx,
+          idx: columnsCount - 1
+        };
       }
-
-      setColSpan(false);
     }
+
+    setColSpan(false);
   }
 
-  return {
-    idx: nextIdx,
-    rowIdx: nextRowIdx
-  };
+  return position;
 }
 function canExitGrid({
   cellNavigationMode,
-  maxColIdx,
-  minRowIdx,
-  maxRowIdx,
+  columns,
+  rowsCount,
   selectedPosition: {
     rowIdx,
     idx
@@ -543,10 +430,10 @@ function canExitGrid({
   shiftKey
 }) {
   if (cellNavigationMode === 'NONE' || cellNavigationMode === 'CHANGE_ROW') {
-    const atLastCellInRow = idx === maxColIdx;
+    const atLastCellInRow = idx === columns.length - 1;
     const atFirstCellInRow = idx === 0;
-    const atLastRow = rowIdx === maxRowIdx;
-    const atFirstRow = rowIdx === minRowIdx;
+    const atLastRow = rowIdx === rowsCount - 1;
+    const atFirstRow = rowIdx === 0;
     return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
   }
 
@@ -556,39 +443,86 @@ function canExitGrid({
 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 getRowStyle(rowIdx, height) {
-  if (height !== undefined) {
-    return {
-      '--rdg-grid-row-start': rowIdx,
-      '--rdg-row-height': `${height}px`
-    };
-  }
-
-  return {
-    '--rdg-grid-row-start': rowIdx
-  };
-}
 function getCellStyle(column, colSpan) {
   return {
     gridColumnStart: column.idx + 1,
     gridColumnEnd: colSpan !== undefined ? `span ${colSpan}` : undefined,
-    insetInlineStart: column.frozen ? `var(--rdg-frozen-left-${column.idx})` : undefined
+    left: column.frozen ? `var(--frozen-left-${column.key})` : undefined
   };
 }
 function getCellClassname(column, ...extraClasses) {
   return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname, column.isLastFrozenColumn && cellFrozenLastClassname);
 }
 
+const SELECT_COLUMN_KEY = 'select-row';
+
+function SelectFormatter(props) {
+  const [isRowSelected, onRowSelectionChange] = useRowSelection();
+  return /*#__PURE__*/e(SelectCellFormatter, {
+    "aria-label": "Select",
+    tabIndex: -1,
+    isCellSelected: props.isCellSelected,
+    value: isRowSelected,
+    onClick: stopPropagation,
+    onChange: (checked, isShiftClick) => {
+      onRowSelectionChange({
+        rowIdx: props.rowIdx,
+        checked,
+        isShiftClick
+      });
+    }
+  });
+}
+
+function SelectGroupFormatter(props) {
+  const [isRowSelected, onRowSelectionChange] = useRowSelection();
+  return /*#__PURE__*/e(SelectCellFormatter, {
+    "aria-label": "Select Group",
+    tabIndex: -1,
+    isCellSelected: props.isCellSelected,
+    value: isRowSelected,
+    onChange: checked => {
+      onRowSelectionChange({
+        checked,
+        isShiftClick: false,
+        rowIdx: props.rowIdx
+      });
+    },
+    onClick: stopPropagation
+  });
+}
+
+const SelectColumn = {
+  key: SELECT_COLUMN_KEY,
+  name: '',
+  width: 35,
+  maxWidth: 35,
+  resizable: false,
+  sortable: false,
+  frozen: true,
+
+  headerRenderer(props) {
+    return /*#__PURE__*/e(SelectCellFormatter, {
+      "aria-label": "Select All",
+      isCellSelected: false,
+      value: props.allRowsSelected,
+      onChange: props.onAllRowsSelectionChange
+    });
+  },
+
+  formatter: SelectFormatter,
+  groupFormatter: SelectGroupFormatter
+};
+
 function useCalculatedColumns({
   rawColumns,
   columnWidths,
@@ -720,6 +654,9 @@ function useCalculatedColumns({
       }
     }
 
+    const unallocatedWidth = viewportWidth - allocatedWidth;
+    const unallocatedColumnWidth = unallocatedWidth / unassignedColumnsCount;
+
     for (const column of columns) {
       let width;
 
@@ -730,11 +667,7 @@ function useCalculatedColumns({
           width
         } = columnMetric);
       } else {
-        const unallocatedWidth = viewportWidth - allocatedWidth;
-        const unallocatedColumnWidth = round(unallocatedWidth / unassignedColumnsCount);
         width = clampColumnWidth(unallocatedColumnWidth, column, minColumnWidth);
-        allocatedWidth += width;
-        unassignedColumnsCount--;
         columnMetrics.set(column, {
           width,
           left
@@ -752,12 +685,12 @@ function useCalculatedColumns({
     }
 
     const layoutCssVars = {
-      gridTemplateColumns: templateColumns
+      '--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 {
@@ -865,7 +798,7 @@ function useGridDimensions() {
   const gridRef = h(null);
   const [gridWidth, setGridWidth] = m(1);
   const [gridHeight, setGridHeight] = m(1);
-  useLayoutEffect(() => {
+  d(() => {
     const {
       ResizeObserver
     } = window;
@@ -875,7 +808,7 @@ function useGridDimensions() {
         clientWidth,
         clientHeight
       } = gridRef.current;
-      setGridWidth(clientWidth - (devicePixelRatio % 1 === 0 ? 0 : 1));
+      setGridWidth(clientWidth - (devicePixelRatio % 0.5 === 0 ? 0 : 1));
       setGridHeight(clientHeight);
     });
     resizeObserver.observe(gridRef.current);
@@ -896,40 +829,19 @@ function useLatestFunc(fn) {
   }, []);
 }
 
-function useRovingCellRef(isSelected) {
-  const ref = h(null);
-  const isChildFocused = h(false);
-  const [, forceRender] = m({});
-  useLayoutEffect(() => {
-    var _ref$current;
-
-    if (!isSelected) {
-      isChildFocused.current = false;
-      return;
-    }
-
-    if (isChildFocused.current) {
-      forceRender({});
-      return;
-    }
-
-    (_ref$current = ref.current) == null ? void 0 : _ref$current.focus({
-      preventScroll: true
-    });
-  }, [isSelected]);
+const RowSelectionContext = /*#__PURE__*/D$1(undefined);
+const RowSelectionProvider = RowSelectionContext.Provider;
+const RowSelectionChangeContext = /*#__PURE__*/D$1(undefined);
+const RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
+function useRowSelection() {
+  const rowSelectionContext = F(RowSelectionContext);
+  const rowSelectionChangeContext = F(RowSelectionChangeContext);
 
-  function onFocus(event) {
-    if (event.target !== ref.current) {
-      isChildFocused.current = true;
-    }
+  if (rowSelectionContext === undefined || rowSelectionChangeContext === undefined) {
+    throw new Error('useRowSelection must be used within DataGrid cells');
   }
 
-  const isFocused = isSelected && !isChildFocused.current;
-  return {
-    ref,
-    tabIndex: isFocused ? 0 : -1,
-    onFocus
-  };
+  return [rowSelectionContext, rowSelectionChangeContext];
 }
 
 function useViewportColumns({
@@ -1006,6 +918,8 @@ function useViewportColumns({
   }, [startIdx, colOverscanEndIdx, columns]);
 }
 
+const RENDER_BATCH_SIZE = 8;
+
 function isReadonlyArray(arr) {
   return Array.isArray(arr);
 }
@@ -1092,7 +1006,6 @@ function useViewportRows({
   }, [expandedGroupIds, groupedRows, rawRows]);
   const {
     totalRowHeight,
-    gridTemplateRows,
     getRowTop,
     getRowHeight,
     findRowIdx
@@ -1100,7 +1013,6 @@ function useViewportRows({
     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)
@@ -1108,7 +1020,6 @@ function useViewportRows({
     }
 
     let totalRowHeight = 0;
-    let gridTemplateRows = ' ';
     const rowPositions = rows.map(row => {
       const currentRowHeight = isGroupRow(row) ? rowHeight({
         type: 'GROUP',
@@ -1121,7 +1032,6 @@ function useViewportRows({
         top: totalRowHeight,
         height: currentRowHeight
       };
-      gridTemplateRows += `${currentRowHeight}px `;
       totalRowHeight += currentRowHeight;
       return position;
     });
@@ -1132,7 +1042,6 @@ function useViewportRows({
 
     return {
       totalRowHeight,
-      gridTemplateRows,
       getRowTop: rowIdx => rowPositions[validateRowIdx(rowIdx)].top,
       getRowHeight: rowIdx => rowPositions[validateRowIdx(rowIdx)].height,
 
@@ -1159,24 +1068,32 @@ function useViewportRows({
 
     };
   }, [isGroupRow, 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);
+  if (!enableVirtualization) {
+    return {
+      rowOverscanStartIdx: 0,
+      rowOverscanEndIdx: rows.length - 1,
+      rows,
+      rowsCount,
+      totalRowHeight,
+      isGroupRow,
+      getRowTop,
+      getRowHeight,
+      findRowIdx
+    };
   }
 
+  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,
-    gridTemplateRows,
     isGroupRow,
     getRowTop,
     getRowHeight,
@@ -1184,107 +1101,53 @@ function useViewportRows({
   };
 }
 
-var css_248z$a = ".h1tr5c9i700-beta11{cursor:pointer;display:flex}.h1tr5c9i700-beta11:focus{outline:none}.h19r0msv700-beta11{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}";
-styleInject$1(css_248z$a,{"insertAt":"top"});
+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 = "h1tr5c9i700-beta11";
+const headerSortCell = "h13yq3r8700-canary49";
 const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
-const headerSortName = "h19r0msv700-beta11";
+const headerSortName = "ht6rdyl700-canary49";
 const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
-function HeaderRenderer({
-  column,
+function SortableHeaderCell({
+  onSort,
   sortDirection,
   priority,
-  onSort,
-  isCellSelected
+  children
 }) {
-  if (!column.sortable) return /*#__PURE__*/e$1(d$1, {
-    children: column.name
-  });
-  return /*#__PURE__*/e$1(SortableHeaderCell, {
-    onSort: onSort,
-    sortDirection: sortDirection,
-    priority: priority,
-    isCellSelected: isCellSelected,
-    children: column.name
-  });
-}
-
-function SortableHeaderCell({
-  onSort,
-  sortDirection,
-  priority,
-  children,
-  isCellSelected
-}) {
-  const SortIcon = useDefaultComponents().sortIcon;
-  const {
-    ref,
-    tabIndex
-  } = useFocusRef(isCellSelected);
-
-  function handleKeyDown(event) {
-    if (event.key === ' ' || event.key === 'Enter') {
-      event.preventDefault();
-      onSort(event.ctrlKey || event.metaKey);
-    }
-  }
+  let sortText = '';
 
-  function handleClick(event) {
-    onSort(event.ctrlKey || event.metaKey);
+  if (sortDirection === 'ASC') {
+    sortText = '\u25B2';
+  } else if (sortDirection === 'DESC') {
+    sortText = '\u25BC';
   }
 
-  return /*#__PURE__*/e$1("span", {
-    ref: ref,
-    tabIndex: tabIndex,
+  return /*#__PURE__*/e("span", {
     className: headerSortCellClassname,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    children: [/*#__PURE__*/e$1("span", {
+    onClick: e => onSort(e.ctrlKey),
+    children: [/*#__PURE__*/e("span", {
       className: headerSortNameClassname,
       children: children
-    }), /*#__PURE__*/e$1("span", {
-      children: [/*#__PURE__*/e$1(SortIcon, {
-        sortDirection: sortDirection
-      }), priority]
+    }), /*#__PURE__*/e("span", {
+      children: [sortText, priority]
     })]
   });
 }
 
-var css_248z$9 = ".celq7o9700-beta11{touch-action:none}.celq7o9700-beta11:after{content:\"\";cursor:col-resize;inline-size:10px;inset-block-end:0;inset-block-start:0;inset-inline-end:0;position:absolute}";
-styleInject$1(css_248z$9,{"insertAt":"top"});
+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-beta11";
+const cellResizable = "celq7o9700-canary49";
 const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
 function HeaderCell({
   column,
   colSpan,
-  isCellSelected,
-  onColumnResize,
+  onResize,
   allRowsSelected,
   onAllRowsSelectionChange,
   sortColumns,
-  onSortColumnsChange,
-  selectCell,
-  shouldFocusGrid,
-  direction
+  onSortColumnsChange
 }) {
-  var _column$headerRendere, _column$minWidth, _column$maxWidth;
-
-  const isRtl = direction === 'rtl';
-  const {
-    ref,
-    tabIndex,
-    onFocus
-  } = useRovingCellRef(isCellSelected);
-  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 className = getCellClassname(column, column.headerCellClass, column.resizable && cellResizableClassname);
-  const HeaderRenderer$1 = (_column$headerRendere = column.headerRenderer) != null ? _column$headerRendere : HeaderRenderer;
-
   function onPointerDown(event) {
     if (event.pointerType === 'mouse' && event.buttons !== 1) {
       return;
@@ -1295,38 +1158,47 @@ function HeaderCell({
       pointerId
     } = event;
     const {
-      right,
-      left
+      right
     } = currentTarget.getBoundingClientRect();
-    const offset = isRtl ? event.clientX - left : right - event.clientX;
+    const offset = right - event.clientX;
 
     if (offset > 11) {
       return;
     }
 
     function onPointerMove(event) {
-      const {
-        right,
-        left
-      } = currentTarget.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, width);
+        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
@@ -1362,82 +1234,62 @@ function HeaderCell({
         onSortColumnsChange(nextSortColumn ? [nextSortColumn] : []);
       }
     }
-  }
-
-  function onClick() {
-    selectCell(column.idx);
-  }
-
-  function onDoubleClick(event) {
-    const {
-      right,
-      left
-    } = event.currentTarget.getBoundingClientRect();
-    const offset = isRtl ? event.clientX - left : right - event.clientX;
+  };
 
-    if (offset > 11) {
-      return;
+  function getCell() {
+    if (column.headerRenderer) {
+      return /*#__PURE__*/e(column.headerRenderer, {
+        column: column,
+        sortDirection: sortDirection,
+        priority: priority,
+        onSort: onSort,
+        allRowsSelected: allRowsSelected,
+        onAllRowsSelectionChange: onAllRowsSelectionChange
+      });
     }
 
-    onColumnResize(column, 'auto');
-  }
-
-  function handleFocus(event) {
-    onFocus(event);
-
-    if (shouldFocusGrid) {
-      selectCell(0);
+    if (column.sortable) {
+      return /*#__PURE__*/e(SortableHeaderCell, {
+        onSort: onSort,
+        sortDirection: sortDirection,
+        priority: priority,
+        children: column.name
+      });
     }
+
+    return column.name;
   }
 
-  return /*#__PURE__*/e$1("div", {
+  const className = getCellClassname(column, column.headerCellClass, column.resizable && cellResizableClassname);
+  return /*#__PURE__*/e("div", {
     role: "columnheader",
     "aria-colindex": column.idx + 1,
-    "aria-selected": isCellSelected,
     "aria-sort": ariaSort,
     "aria-colspan": colSpan,
-    ref: ref,
-    tabIndex: shouldFocusGrid ? 0 : tabIndex,
     className: className,
-    style: { ...getCellStyle(column, colSpan),
-      minWidth: (_column$minWidth = column.minWidth) != null ? _column$minWidth : undefined,
-      maxWidth: (_column$maxWidth = column.maxWidth) != null ? _column$maxWidth : undefined
-    },
-    onFocus: handleFocus,
-    onClick: onClick,
-    onDoubleClick: column.resizable ? onDoubleClick : undefined,
+    style: getCellStyle(column, colSpan),
     onPointerDown: column.resizable ? onPointerDown : undefined,
-    children: /*#__PURE__*/e$1(HeaderRenderer$1, {
-      column: column,
-      sortDirection: sortDirection,
-      priority: priority,
-      onSort: onSort,
-      allRowsSelected: allRowsSelected,
-      onAllRowsSelectionChange: onAllRowsSelectionChange,
-      isCellSelected: isCellSelected
-    })
+    children: getCell()
   });
 }
 
-var css_248z$8 = ".h197vzie700-beta11{background-color:var(--rdg-header-background-color);display:contents;font-weight:700;line-height:var(--rdg-header-row-height)}.h197vzie700-beta11>.c1wupbe700-beta11{inset-block-start:0;position:sticky;z-index:2}.h197vzie700-beta11>.c1730fa4700-beta11{z-index:3}";
-styleInject$1(css_248z$8,{"insertAt":"top"});
-
-const headerRow = "h197vzie700-beta11";
-const headerRowClassname = `rdg-header-row ${headerRow}`;
-
 function HeaderRow({
   columns,
+  rows,
+  rowKeyGetter,
+  onSelectedRowsChange,
   allRowsSelected,
-  onAllRowsSelectionChange,
   onColumnResize,
   sortColumns,
   onSortColumnsChange,
-  lastFrozenColumnIndex,
-  selectedCellIdx,
-  selectCell,
-  shouldFocusGrid,
-  direction
+  lastFrozenColumnIndex
 }) {
+  const handleAllRowsSelectionChange = A$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++) {
@@ -1450,152 +1302,225 @@ function HeaderRow({
       index += colSpan - 1;
     }
 
-    cells.push( /*#__PURE__*/e$1(HeaderCell, {
+    cells.push( /*#__PURE__*/e(HeaderCell, {
       column: column,
       colSpan: colSpan,
-      isCellSelected: selectedCellIdx === column.idx,
-      onColumnResize: onColumnResize,
+      onResize: onColumnResize,
       allRowsSelected: allRowsSelected,
-      onAllRowsSelectionChange: onAllRowsSelectionChange,
+      onAllRowsSelectionChange: handleAllRowsSelectionChange,
       onSortColumnsChange: onSortColumnsChange,
-      sortColumns: sortColumns,
-      selectCell: selectCell,
-      shouldFocusGrid: shouldFocusGrid && index === 0,
-      direction: direction
+      sortColumns: sortColumns
     }, column.key));
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "row",
     "aria-rowindex": 1,
-    className: clsx(headerRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
-    style: getRowStyle(1),
+    className: headerRowClassname,
     children: cells
   });
 }
 
 const HeaderRow$1 = /*#__PURE__*/g(HeaderRow);
 
-var css_248z$7 = ".c1bmg16t700-beta11,.ccpfvsn700-beta11{background-color:#ccf}.c1bmg16t700-beta11.ccpfvsn700-beta11{background-color:#99f}";
-styleInject$1(css_248z$7,{"insertAt":"top"});
+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-beta11";
+const cellCopied = "ccpfvsn700-canary49";
 const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
-const cellDraggedOver = "c1bmg16t700-beta11";
+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,
   isCopied,
   isDraggedOver,
   row,
-  dragHandle,
+  rowIdx,
+  dragHandleProps,
   onRowClick,
-  onRowDoubleClick,
+  onClick,
+  onDoubleClick,
+  onContextMenu,
   onRowChange,
   selectCell,
   ...props
-}) {
-  const {
-    ref,
-    tabIndex,
-    onFocus
-  } = useRovingCellRef(isCellSelected);
+}, ref) {
   const {
     cellClass
   } = column;
-  const className = getCellClassname(column, typeof cellClass === 'function' ? cellClass(row) : cellClass, isCopied && cellCopiedClassname, isDraggedOver && cellDraggedOverClassname);
+  className = getCellClassname(column, typeof cellClass === 'function' ? cellClass(row) : cellClass, className, isCopied && cellCopiedClassname, isDraggedOver && cellDraggedOverClassname);
 
   function selectCellWrapper(openEditor) {
-    selectCell(row, column, openEditor);
+    selectCell({
+      idx: column.idx,
+      rowIdx
+    }, openEditor);
   }
 
-  function handleClick() {
+  function handleClick(event) {
     var _column$editorOptions;
 
     selectCellWrapper((_column$editorOptions = column.editorOptions) == null ? void 0 : _column$editorOptions.editOnClick);
-    onRowClick == null ? void 0 : onRowClick(row, column);
+    onRowClick == null ? void 0 : onRowClick(rowIdx, row, column);
+    onClick == null ? void 0 : onClick(event);
   }
 
-  function handleContextMenu() {
+  function handleContextMenu(event) {
     selectCellWrapper();
+    onContextMenu == null ? void 0 : onContextMenu(event);
   }
 
-  function handleDoubleClick() {
+  function handleDoubleClick(event) {
     selectCellWrapper(true);
-    onRowDoubleClick == null ? void 0 : onRowDoubleClick(row, column);
+    onDoubleClick == null ? void 0 : onDoubleClick(event);
+  }
+
+  function handleRowChange(newRow) {
+    onRowChange(rowIdx, newRow);
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-selected": isCellSelected,
     "aria-colspan": colSpan,
     "aria-readonly": !isCellEditable(column, row) || undefined,
     ref: ref,
-    tabIndex: tabIndex,
     className: className,
     style: getCellStyle(column, colSpan),
     onClick: handleClick,
     onDoubleClick: handleDoubleClick,
     onContextMenu: handleContextMenu,
-    onFocus: onFocus,
     ...props,
-    children: !column.rowGroup && /*#__PURE__*/e$1(d$1, {
-      children: [/*#__PURE__*/e$1(column.formatter, {
+    children: !column.rowGroup && /*#__PURE__*/e(d$1, {
+      children: [/*#__PURE__*/e(column.formatter, {
         column: column,
+        rowIdx: rowIdx,
         row: row,
         isCellSelected: isCellSelected,
-        onRowChange: onRowChange
-      }), dragHandle]
+        onRowChange: handleRowChange
+      }), dragHandleProps && /*#__PURE__*/e("div", {
+        className: cellDragHandleClassname,
+        ...dragHandleProps
+      })]
     })
   });
 }
 
-const Cell$1 = /*#__PURE__*/g(Cell);
+const Cell$1 = /*#__PURE__*/g( /*#__PURE__*/x(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 = h();
+  const commitOnOutsideMouseDown = useLatestFunc(() => {
+    onRowChange(row, true);
+  });
+
+  function cancelFrameRequest() {
+    cancelAnimationFrame(frameRequestRef.current);
+  }
+
+  y(() => {
+    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__*/e(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__*/W(content, editorPortalTarget);
+    }
+  }
+
+  return /*#__PURE__*/e("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,
   isRowSelected,
   copiedCellIdx,
   draggedOverCellIdx,
   lastFrozenColumnIndex,
   row,
   viewportColumns,
-  selectedCellEditor,
-  selectedCellDragHandle,
+  selectedCellProps,
   onRowClick,
-  onRowDoubleClick,
   rowClass,
   setDraggedOverRowIdx,
   onMouseEnter,
+  top,
+  height,
   onRowChange,
   selectCell,
   ...props
 }, ref) {
-  const handleRowChange = useLatestFunc(newRow => {
-    onRowChange(rowIdx, newRow);
-  });
-
   function handleDragEnter(event) {
     setDraggedOverRowIdx == null ? void 0 : setDraggedOverRowIdx(rowIdx);
     onMouseEnter == null ? void 0 : onMouseEnter(event);
   }
 
-  className = clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, rowClass == null ? void 0 : rowClass(row), 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
@@ -1605,35 +1530,47 @@ function Row({
       index += colSpan - 1;
     }
 
-    const isCellSelected = selectedCellIdx === idx;
+    const isCellSelected = (selectedCellProps == null ? void 0 : selectedCellProps.idx) === column.idx;
 
-    if (isCellSelected && selectedCellEditor) {
-      cells.push(selectedCellEditor);
-    } else {
-      cells.push( /*#__PURE__*/e$1(Cell$1, {
+    if ((selectedCellProps == null ? void 0 : selectedCellProps.mode) === 'EDIT' && isCellSelected) {
+      cells.push( /*#__PURE__*/e(EditCell, {
+        rowIdx: rowIdx,
         column: column,
         colSpan: colSpan,
-        row: row,
-        isCopied: copiedCellIdx === idx,
-        isDraggedOver: draggedOverCellIdx === idx,
-        isCellSelected: isCellSelected,
-        dragHandle: isCellSelected ? selectedCellDragHandle : undefined,
-        onRowClick: onRowClick,
-        onRowDoubleClick: onRowDoubleClick,
-        onRowChange: handleRowChange,
-        selectCell: selectCell
+        onKeyDown: selectedCellProps.onKeyDown,
+        ...selectedCellProps.editorProps
       }, column.key));
+      continue;
     }
+
+    cells.push( /*#__PURE__*/e(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__*/e$1(RowSelectionProvider, {
+  return /*#__PURE__*/e(RowSelectionProvider, {
     value: isRowSelected,
-    children: /*#__PURE__*/e$1("div", {
+    children: /*#__PURE__*/e("div", {
       role: "row",
       ref: ref,
       className: className,
       onMouseEnter: handleDragEnter,
-      style: getRowStyle(gridRowStart, height),
+      style: {
+        top,
+        '--row-height': `${height}px`
+      },
       ...props,
       children: cells
     })
@@ -1644,43 +1581,33 @@ const Row$1 = /*#__PURE__*/g( /*#__PURE__*/x(Row));
 
 function GroupCell({
   id,
+  rowIdx,
   groupKey,
   childRows,
   isExpanded,
   isCellSelected,
   column,
-  row,
   groupColumnIndex,
   toggleGroup: toggleGroupWrapper
 }) {
-  const {
-    ref,
-    tabIndex,
-    onFocus
-  } = useRovingCellRef(isCellSelected);
-
   function toggleGroup() {
     toggleGroupWrapper(id);
   }
 
   const isLevelMatching = column.rowGroup && groupColumnIndex === column.idx;
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
-    "aria-selected": isCellSelected,
-    ref: ref,
-    tabIndex: tabIndex,
     className: getCellClassname(column),
     style: { ...getCellStyle(column),
       cursor: isLevelMatching ? 'pointer' : 'default'
     },
     onClick: isLevelMatching ? toggleGroup : undefined,
-    onFocus: onFocus,
-    children: (!column.rowGroup || groupColumnIndex === column.idx) && column.groupFormatter && /*#__PURE__*/e$1(column.groupFormatter, {
+    children: (!column.rowGroup || groupColumnIndex === column.idx) && column.groupFormatter && /*#__PURE__*/e(column.groupFormatter, {
+      rowIdx: rowIdx,
       groupKey: groupKey,
       childRows: childRows,
       column: column,
-      row: row,
       isExpanded: isExpanded,
       isCellSelected: isCellSelected,
       toggleGroup: toggleGroup
@@ -1690,53 +1617,52 @@ function GroupCell({
 
 const GroupCell$1 = /*#__PURE__*/g(GroupCell);
 
-var css_248z$6 = ".gyxx7e9700-beta11:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}.gyxx7e9700-beta11>.c1wupbe700-beta11:not(:last-child):not(.c9dpaye700-beta11){border-inline-end:none}";
-styleInject$1(css_248z$6,{"insertAt":"top"});
-
-const groupRow = "gyxx7e9700-beta11";
-const groupRowClassname = `rdg-group-row ${groupRow}`;
-
 function GroupedRow({
   id,
   groupKey,
   viewportColumns,
   childRows,
   rowIdx,
-  row,
-  gridRowStart,
+  top,
   height,
   level,
   isExpanded,
   selectedCellIdx,
   isRowSelected,
-  selectGroup,
+  selectCell,
   toggleGroup,
   ...props
 }) {
   const idx = viewportColumns[0].key === SELECT_COLUMN_KEY ? level + 1 : level;
 
-  function handleSelectGroup() {
-    selectGroup(rowIdx);
+  function selectGroup() {
+    selectCell({
+      rowIdx,
+      idx: -1
+    });
   }
 
-  return /*#__PURE__*/e$1(RowSelectionProvider, {
+  return /*#__PURE__*/e(RowSelectionProvider, {
     value: isRowSelected,
-    children: /*#__PURE__*/e$1("div", {
+    children: /*#__PURE__*/e("div", {
       role: "row",
       "aria-level": level,
       "aria-expanded": isExpanded,
-      className: clsx(rowClassname, groupRowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, selectedCellIdx === -1 && rowSelectedClassname),
-      onClick: handleSelectGroup,
-      style: getRowStyle(gridRowStart, height),
+      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__*/e$1(GroupCell$1, {
+      children: viewportColumns.map(column => /*#__PURE__*/e(GroupCell$1, {
         id: id,
+        rowIdx: rowIdx,
         groupKey: groupKey,
         childRows: childRows,
         isExpanded: isExpanded,
         isCellSelected: selectedCellIdx === column.idx,
         column: column,
-        row: row,
         groupColumnIndex: idx,
         toggleGroup: toggleGroup
       }, column.key))
@@ -1746,71 +1672,37 @@ function GroupedRow({
 
 const GroupRowRenderer = /*#__PURE__*/g(GroupedRow);
 
-var css_248z$5 = ".s1n3hxke700-beta11{inset-block-end:var(--rdg-summary-row-bottom);inset-block-start:var(--rdg-summary-row-top)}";
-styleInject$1(css_248z$5,{"insertAt":"top"});
-
-const summaryCellClassname = "s1n3hxke700-beta11";
-
 function SummaryCell({
   column,
   colSpan,
-  row,
-  isCellSelected,
-  selectCell
+  row
 }) {
-  const {
-    ref,
-    tabIndex,
-    onFocus
-  } = useRovingCellRef(isCellSelected);
   const {
     summaryFormatter: SummaryFormatter,
     summaryCellClass
   } = column;
-  const className = getCellClassname(column, summaryCellClassname, typeof summaryCellClass === 'function' ? summaryCellClass(row) : summaryCellClass);
-
-  function onClick() {
-    selectCell(row, column);
-  }
-
-  return /*#__PURE__*/e$1("div", {
+  const className = getCellClassname(column, typeof summaryCellClass === 'function' ? summaryCellClass(row) : summaryCellClass);
+  return /*#__PURE__*/e("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-colspan": colSpan,
-    "aria-selected": isCellSelected,
-    ref: ref,
-    tabIndex: tabIndex,
     className: className,
     style: getCellStyle(column, colSpan),
-    onClick: onClick,
-    onFocus: onFocus,
-    children: SummaryFormatter && /*#__PURE__*/e$1(SummaryFormatter, {
+    children: SummaryFormatter && /*#__PURE__*/e(SummaryFormatter, {
       column: column,
-      row: row,
-      isCellSelected: isCellSelected
+      row: row
     })
   });
 }
 
 const SummaryCell$1 = /*#__PURE__*/g(SummaryCell);
 
-var css_248z$4 = ".snfqesz700-beta11.r1otpg64700-beta11{line-height:var(--rdg-summary-row-height)}.snfqesz700-beta11.r1otpg64700-beta11>.c1wupbe700-beta11{position:sticky}.s1jijrjz700-beta11>.c1wupbe700-beta11{border-block-start:2px solid var(--rdg-summary-border-color)}";
-styleInject$1(css_248z$4,{"insertAt":"top"});
-
-const summaryRow = "snfqesz700-beta11";
-const summaryRowBorderClassname = "s1jijrjz700-beta11";
-const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
-
 function SummaryRow({
   rowIdx,
-  gridRowStart,
   row,
   viewportColumns,
-  top,
   bottom,
   lastFrozenColumnIndex,
-  selectedCellIdx,
-  selectCell,
   'aria-rowindex': ariaRowIndex
 }) {
   const cells = [];
@@ -1826,23 +1718,19 @@ function SummaryRow({
       index += colSpan - 1;
     }
 
-    const isCellSelected = selectedCellIdx === column.idx;
-    cells.push( /*#__PURE__*/e$1(SummaryCell$1, {
+    cells.push( /*#__PURE__*/e(SummaryCell$1, {
       column: column,
       colSpan: colSpan,
-      row: row,
-      isCellSelected: isCellSelected,
-      selectCell: selectCell
+      row: row
     }, column.key));
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "row",
     "aria-rowindex": ariaRowIndex,
-    className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, rowIdx === 0 && summaryRowBorderClassname, selectedCellIdx === -1 && rowSelectedClassname),
-    style: { ...getRowStyle(gridRowStart),
-      '--rdg-summary-row-top': top !== undefined ? `${top}px` : undefined,
-      '--rdg-summary-row-bottom': bottom !== undefined ? `${bottom}px` : undefined
+    className: `${rowClassname} rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'} ${summaryRowClassname}`,
+    style: {
+      bottom
     },
     children: cells
   });
@@ -1850,220 +1738,11 @@ function SummaryRow({
 
 const SummaryRow$1 = /*#__PURE__*/g(SummaryRow);
 
-var css_248z$3 = ".c1tngyp1700-beta11.rdg-cell{padding:0}";
-styleInject$1(css_248z$3,{"insertAt":"top"});
-
-const cellEditing = "c1tngyp1700-beta11";
-function EditCell({
-  column,
-  colSpan,
-  row,
-  onRowChange,
-  closeEditor,
-  scrollToCell
-}) {
-  var _column$editorOptions, _column$editorOptions4, _column$editorOptions5;
-
-  const frameRequestRef = h();
-  const commitOnOutsideClick = ((_column$editorOptions = column.editorOptions) == null ? void 0 : _column$editorOptions.commitOnOutsideClick) !== false;
-  const commitOnOutsideMouseDown = useLatestFunc(() => {
-    onClose(true);
-  });
-  y(() => {
-    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 onKeyDown(event) {
-    if (event.key === 'Escape') {
-      event.stopPropagation();
-      onClose();
-    } else if (event.key === 'Enter') {
-      event.stopPropagation();
-      onClose(true);
-      scrollToCell();
-    } else {
-      var _column$editorOptions2, _column$editorOptions3;
-
-      const onNavigation = (_column$editorOptions2 = (_column$editorOptions3 = column.editorOptions) == null ? void 0 : _column$editorOptions3.onNavigation) != null ? _column$editorOptions2 : onEditorNavigation;
-
-      if (!onNavigation(event)) {
-        event.stopPropagation();
-      }
-    }
-  }
-
-  function onClose(commitChanges) {
-    if (commitChanges) {
-      onRowChange(row, true);
-    } else {
-      closeEditor();
-    }
-  }
-
-  const {
-    cellClass
-  } = column;
-  const className = getCellClassname(column, 'rdg-editor-container', typeof cellClass === 'function' ? cellClass(row) : cellClass, !((_column$editorOptions4 = column.editorOptions) != null && _column$editorOptions4.renderFormatter) && cellEditing);
-  return /*#__PURE__*/e$1("div", {
-    role: "gridcell",
-    "aria-colindex": column.idx + 1,
-    "aria-colspan": colSpan,
-    "aria-selected": true,
-    className: className,
-    style: getCellStyle(column, colSpan),
-    onKeyDown: onKeyDown,
-    onMouseDownCapture: commitOnOutsideClick ? cancelFrameRequest : undefined,
-    children: column.editor != null && /*#__PURE__*/e$1(d$1, {
-      children: [/*#__PURE__*/e$1(column.editor, {
-        column: column,
-        row: row,
-        onRowChange: onRowChange,
-        onClose: onClose
-      }), ((_column$editorOptions5 = column.editorOptions) == null ? void 0 : _column$editorOptions5.renderFormatter) && /*#__PURE__*/e$1(column.formatter, {
-        column: column,
-        row: row,
-        isCellSelected: true,
-        onRowChange: onRowChange
-      })]
-    })
-  });
-}
-
-var css_248z$2 = ".cadd3bp700-beta11{background-color:var(--rdg-selection-color);block-size:8px;cursor:move;inline-size:8px;inset-block-end:0;inset-inline-end:0;position:absolute}.cadd3bp700-beta11:hover{background-color:var(--rdg-background-color);block-size:16px;border:2px solid var(--rdg-selection-color);inline-size:16px}";
-styleInject$1(css_248z$2,{"insertAt":"top"});
-
-const cellDragHandle = "cadd3bp700-beta11";
-const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
-function DragHandle({
-  rows,
-  columns,
-  selectedPosition,
-  latestDraggedOverRowIdx,
-  isCellEditable,
-  onRowsChange,
-  onFill,
-  setDragging,
-  setDraggedOverRowIdx
-}) {
-  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 handleDragEnd() {
-    const overRowIdx = latestDraggedOverRowIdx.current;
-    if (overRowIdx === undefined) return;
-    const {
-      rowIdx
-    } = selectedPosition;
-    const startRowIndex = rowIdx < overRowIdx ? rowIdx + 1 : overRowIdx;
-    const endRowIndex = rowIdx < overRowIdx ? overRowIdx + 1 : rowIdx;
-    updateRows(startRowIndex, endRowIndex);
-    setDraggedOverRowIdx(undefined);
-  }
-
-  function handleDoubleClick(event) {
-    event.stopPropagation();
-    updateRows(selectedPosition.rowIdx + 1, rows.length);
-  }
-
-  function updateRows(startRowIdx, endRowIdx) {
-    const {
-      idx,
-      rowIdx
-    } = selectedPosition;
-    const column = columns[idx];
-    const sourceRow = rows[rowIdx];
-    const updatedRows = [...rows];
-    const indexes = [];
-
-    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 == null ? void 0 : onRowsChange(updatedRows, {
-        indexes,
-        column
-      });
-    }
-  }
-
-  return /*#__PURE__*/e$1("div", {
-    className: cellDragHandleClassname,
-    onMouseDown: handleMouseDown,
-    onDoubleClick: handleDoubleClick
-  });
-}
-
-var css_248z$1 = ".a888944700-beta11{fill:currentColor}.a888944700-beta11>path{transition:d .1s}";
-styleInject$1(css_248z$1,{"insertAt":"top"});
-
-const arrow = "a888944700-beta11";
-const arrowClassname = `rdg-sort-arrow ${arrow}`;
-function SortIcon({
-  sortDirection
-}) {
-  return sortDirection !== undefined ? /*#__PURE__*/e$1("svg", {
-    viewBox: "0 0 12 8",
-    width: "12",
-    height: "8",
-    className: arrowClassname,
-    "aria-hidden": true,
-    children: /*#__PURE__*/e$1("path", {
-      d: sortDirection === 'ASC' ? 'M0 8 6 0 12 8' : 'M0 0 6 8 12 0'
-    })
-  }) : null;
-}
-
+var _globalThis$document;
+const body = (_globalThis$document = globalThis.document) == null ? void 0 : _globalThis$document.body;
 const initialPosition = {
   idx: -1,
-  rowIdx: -2,
+  rowIdx: -1,
   mode: 'SELECT'
 };
 
@@ -2085,38 +1764,33 @@ function DataGrid({
   rowGrouper,
   expandedGroupIds,
   onExpandedGroupIdsChange,
+  rowRenderer,
+  emptyRowsRenderer: EmptyRowsRenderer,
   onRowClick,
-  onRowDoubleClick,
   onScroll,
   onColumnResize,
+  onSelectedCellChange,
   onFill,
-  onCopy,
   onPaste,
   cellNavigationMode: rawCellNavigationMode,
   enableVirtualization,
-  components,
+  editorPortalTarget: rawEditorPortalTarget,
   className,
   style,
   rowClass,
-  direction,
   'aria-label': ariaLabel,
   'aria-labelledby': ariaLabelledBy,
-  'aria-describedby': ariaDescribedBy,
-  'data-testid': testId
+  'aria-describedby': ariaDescribedBy
 }, ref) {
-  var _rowHeight, _ref, _components$rowRender, _ref2, _components$sortIcon, _ref3, _components$checkboxF, _components$noRowsFal, _enableVirtualization, _direction, _summaryRows$length;
+  var _rowHeight, _enableVirtualization, _summaryRows$length;
 
-  const defaultComponents = useDefaultComponents();
   (_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 = (_ref = (_components$rowRender = components == null ? void 0 : components.rowRenderer) != null ? _components$rowRender : defaultComponents == null ? void 0 : defaultComponents.rowRenderer) != null ? _ref : Row$1;
-  const sortIcon = (_ref2 = (_components$sortIcon = components == null ? void 0 : components.sortIcon) != null ? _components$sortIcon : defaultComponents == null ? void 0 : defaultComponents.sortIcon) != null ? _ref2 : SortIcon;
-  const checkboxFormatter = (_ref3 = (_components$checkboxF = components == null ? void 0 : components.checkboxFormatter) != null ? _components$checkboxF : defaultComponents == null ? void 0 : defaultComponents.checkboxFormatter) != null ? _ref3 : CheckboxFormatter;
-  const noRowsFallback = (_components$noRowsFal = components == null ? void 0 : components.noRowsFallback) != null ? _components$noRowsFal : defaultComponents == null ? void 0 : defaultComponents.noRowsFallback;
+  const RowRenderer = rowRenderer != null ? rowRenderer : Row$1;
   const cellNavigationMode = rawCellNavigationMode != null ? rawCellNavigationMode : 'NONE';
   (_enableVirtualization = enableVirtualization) != null ? _enableVirtualization : enableVirtualization = true;
-  (_direction = direction) != null ? _direction : direction = 'ltr';
+  const editorPortalTarget = rawEditorPortalTarget != null ? rawEditorPortalTarget : body;
   const [scrollTop, setScrollTop] = m(0);
   const [scrollLeft, setScrollLeft] = m(0);
   const [columnWidths, setColumnWidths] = m(() => new Map());
@@ -2124,24 +1798,20 @@ function DataGrid({
   const [copiedCell, setCopiedCell] = m(null);
   const [isDragging, setDragging] = m(false);
   const [draggedOverRowIdx, setOverRowIdx] = m(undefined);
-  const [autoResizeColumn, setAutoResizeColumn] = m(null);
+  const focusSinkRef = h(null);
   const prevSelectedPosition = h(selectedPosition);
   const latestDraggedOverRowIdx = h(draggedOverRowIdx);
   const lastSelectedRowIdx = h(-1);
-  const rowRef = h(null);
+  const isCellFocusable = h(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 isHeaderRowSelected = selectedPosition.rowIdx === -1;
-  const isRtl = direction === 'rtl';
-  const leftKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
-  const rightKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
-  const defaultGridComponents = _(() => ({
-    sortIcon,
-    checkboxFormatter
-  }), [sortIcon, checkboxFormatter]);
   const allRowsSelected = _(() => {
     const {
       length
@@ -2174,7 +1844,6 @@ function DataGrid({
     rows,
     rowsCount,
     totalRowHeight,
-    gridTemplateRows,
     isGroupRow,
     getRowTop,
     getRowHeight,
@@ -2203,68 +1872,24 @@ function DataGrid({
   });
   const hasGroups = groupBy.length > 0 && typeof rowGrouper === 'function';
   const minColIdx = hasGroups ? -1 : 0;
-  const maxColIdx = columns.length - 1;
-  const minRowIdx = -1;
-  const maxRowIdx = headerRowsCount + rows.length + summaryRowsCount - 2;
-  const selectedCellIsWithinSelectionBounds = isCellWithinSelectionBounds(selectedPosition);
-  const selectedCellIsWithinViewportBounds = isCellWithinViewportBounds(selectedPosition);
-  const selectRowLatest = useLatestFunc(selectRow);
-  const selectAllRowsLatest = useLatestFunc(selectAllRows);
-  const handleFormatterRowChangeLatest = useLatestFunc(updateRow);
-  const selectViewportCellLatest = useLatestFunc((row, column, enableEditor) => {
-    const rowIdx = rows.indexOf(row);
-    selectCell({
-      rowIdx,
-      idx: column.idx
-    }, enableEditor);
-  });
-  const selectGroupLatest = useLatestFunc(rowIdx => {
-    selectCell({
-      rowIdx,
-      idx: -1
-    });
-  });
-  const selectHeaderCellLatest = useLatestFunc(idx => {
-    selectCell({
-      rowIdx: -1,
-      idx
-    });
-  });
-  const selectSummaryCellLatest = useLatestFunc((summaryRow, column) => {
-    const rowIdx = summaryRows.indexOf(summaryRow) + headerRowsCount + rows.length - 1;
-    selectCell({
-      rowIdx,
-      idx: column.idx
-    });
-  });
-  const toggleGroupLatest = useLatestFunc(toggleGroup);
-  useLayoutEffect(() => {
-    if (!selectedCellIsWithinSelectionBounds || isSamePosition(selectedPosition, prevSelectedPosition.current)) {
-      prevSelectedPosition.current = selectedPosition;
+  const enableCellDragAndDrop = hasGroups ? false : onFill != null;
+  d(() => {
+    if (selectedPosition === prevSelectedPosition.current || selectedPosition.mode === 'EDIT' || !isCellWithinBounds(selectedPosition)) {
       return;
     }
 
     prevSelectedPosition.current = selectedPosition;
     scrollToCell(selectedPosition);
 
-    if (selectedPosition.idx === -1) {
-      rowRef.current.focus({
-        preventScroll: true
-      });
+    if (isCellFocusable.current) {
+      isCellFocusable.current = false;
+      return;
     }
-  });
-  useLayoutEffect(() => {
-    if (autoResizeColumn === null) return;
-    const columnElement = gridRef.current.querySelector(`[aria-colindex="${autoResizeColumn.idx + 1}"]`);
-    const width = columnElement.clientWidth + 2;
-    setColumnWidths(columnWidths => {
-      const newColumnWidths = new Map(columnWidths);
-      newColumnWidths.set(autoResizeColumn.key, width);
-      return newColumnWidths;
+
+    focusSinkRef.current.focus({
+      preventScroll: true
     });
-    setAutoResizeColumn(null);
-    onColumnResize == null ? void 0 : onColumnResize(autoResizeColumn.idx, width);
-  }, [autoResizeColumn, gridRef, onColumnResize]);
+  });
   s(ref, () => ({
     element: gridRef.current,
 
@@ -2288,11 +1913,6 @@ function DataGrid({
     selectCell
   }));
   const handleColumnResize = A$1((column, width) => {
-    if (width === 'auto') {
-      setAutoResizeColumn(column);
-      return;
-    }
-
     setColumnWidths(columnWidths => {
       const newColumnWidths = new Map(columnWidths);
       newColumnWidths.set(column.key, width);
@@ -2306,13 +1926,14 @@ function DataGrid({
   }, []);
 
   function selectRow({
-    row,
+    rowIdx,
     checked,
     isShiftClick
   }) {
     if (!onSelectedRowsChange) return;
     assertIsValidKeyGetter(rowKeyGetter);
     const newSelectedRows = new Set(selectedRows);
+    const row = rows[rowIdx];
 
     if (isGroupRow(row)) {
       for (const childRow of row.childRows) {
@@ -2334,7 +1955,6 @@ function DataGrid({
     if (checked) {
       newSelectedRows.add(rowKey);
       const previousRowIdx = lastSelectedRowIdx.current;
-      const rowIdx = rows.indexOf(row);
       lastSelectedRowIdx.current = rowIdx;
 
       if (isShiftClick && previousRowIdx !== -1 && previousRowIdx !== rowIdx) {
@@ -2354,24 +1974,6 @@ function DataGrid({
     onSelectedRowsChange(newSelectedRows);
   }
 
-  function selectAllRows(checked) {
-    if (!onSelectedRowsChange) return;
-    assertIsValidKeyGetter(rowKeyGetter);
-    const newSelectedRows = new Set(selectedRows);
-
-    for (const row of rawRows) {
-      const rowKey = rowKeyGetter(row);
-
-      if (checked) {
-        newSelectedRows.add(rowKey);
-      } else {
-        newSelectedRows.delete(rowKey);
-      }
-    }
-
-    onSelectedRowsChange(newSelectedRows);
-  }
-
   function toggleGroup(expandedGroupId) {
     if (!onExpandedGroupIdsChange) return;
     const newExpandedGroupIds = new Set(expandedGroupIds);
@@ -2385,20 +1987,30 @@ function DataGrid({
     onExpandedGroupIdsChange(newExpandedGroupIds);
   }
 
+  function onGridFocus() {
+    if (!isCellWithinBounds(selectedPosition)) {
+      const initialPosition = {
+        idx: 0,
+        rowIdx: 0,
+        mode: 'SELECT'
+      };
+
+      if (isCellWithinBounds(initialPosition)) {
+        setSelectedPosition(initialPosition);
+      }
+    } else {
+      scrollToCell(selectedPosition);
+    }
+  }
+
   function handleKeyDown(event) {
-    if (!(event.target instanceof Element)) return;
-    const isCellEvent = event.target.closest('.rdg-cell') !== null;
-    const isRowEvent = hasGroups && event.target === rowRef.current;
-    if (!isCellEvent && !isRowEvent) return;
     const {
       key,
       keyCode
     } = event;
-    const {
-      rowIdx
-    } = selectedPosition;
+    const row = rows[selectedPosition.rowIdx];
 
-    if (selectedCellIsWithinViewportBounds && (onPaste != null || onCopy != null) && isCtrlKeyHeldDown(event) && !isGroupRow(rows[rowIdx]) && selectedPosition.mode === 'SELECT') {
+    if (onPaste && isCtrlKeyHeldDown(event) && isCellWithinBounds(selectedPosition) && !isGroupRow(row) && selectedPosition.idx !== -1 && selectedPosition.mode === 'SELECT') {
       const cKey = 67;
       const vKey = 86;
 
@@ -2413,19 +2025,16 @@ function DataGrid({
       }
     }
 
-    if (isRowIdxWithinViewportBounds(rowIdx)) {
-      const row = rows[rowIdx];
-
-      if (isGroupRow(row) && selectedPosition.idx === -1 && (key === leftKey && row.isExpanded || key === rightKey && !row.isExpanded)) {
-        event.preventDefault();
-        toggleGroup(row.id);
-        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':
@@ -2446,13 +2055,17 @@ function DataGrid({
     }
   }
 
+  function handleFocus() {
+    isCellFocusable.current = true;
+  }
+
   function handleScroll(event) {
     const {
       scrollTop,
       scrollLeft
     } = event.currentTarget;
     setScrollTop(scrollTop);
-    setScrollLeft(abs(scrollLeft));
+    setScrollLeft(scrollLeft);
     onScroll == null ? void 0 : onScroll(event);
   }
 
@@ -2462,19 +2075,24 @@ function DataGrid({
 
   function updateRow(rowIdx, row) {
     if (typeof onRowsChange !== 'function') return;
-    const rawRowIdx = getRawRowIdx(rowIdx);
-    if (row === rawRows[rawRowIdx]) return;
+    if (row === rawRows[rowIdx]) return;
     const updatedRows = [...rawRows];
-    updatedRows[rawRowIdx] = row;
+    updatedRows[rowIdx] = row;
     onRowsChange(updatedRows, {
-      indexes: [rawRowIdx],
+      indexes: [rowIdx],
       column: columns[selectedPosition.idx]
     });
   }
 
   function commitEditorChanges() {
-    if (selectedPosition.mode !== 'EDIT') return;
-    updateRow(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() {
@@ -2482,28 +2100,23 @@ function DataGrid({
       idx,
       rowIdx
     } = selectedPosition;
-    const sourceRow = rawRows[getRawRowIdx(rowIdx)];
-    const sourceColumnKey = columns[idx].key;
     setCopiedCell({
-      row: sourceRow,
-      columnKey: sourceColumnKey
-    });
-    onCopy == null ? void 0 : 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 targetRow = rawRows[getRawRowIdx(rowIdx)];
+
+    if (!onPaste || !onRowsChange || copiedCell === null || !isCellEditable(selectedPosition)) {
+      return;
+    }
+
     const updatedTargetRow = onPaste({
       sourceRow: copiedCell.row,
       sourceColumnKey: copiedCell.columnKey,
@@ -2516,27 +2129,23 @@ function DataGrid({
   function handleCellInput(event) {
     var _column$editorOptions;
 
-    if (!selectedCellIsWithinViewportBounds) return;
+    if (!isCellWithinBounds(selectedPosition)) return;
     const row = rows[selectedPosition.rowIdx];
     if (isGroupRow(row)) return;
     const {
-      key,
-      shiftKey
+      key
     } = event;
+    const column = columns[selectedPosition.idx];
+
+    if (selectedPosition.mode === 'EDIT') {
+      if (key === 'Enter') {
+        commitEditorChanges();
+        closeEditor();
+      }
 
-    if (isSelectable && shiftKey && key === ' ') {
-      assertIsValidKeyGetter(rowKeyGetter);
-      const rowKey = rowKeyGetter(row);
-      selectRow({
-        row,
-        checked: !selectedRows.has(rowKey),
-        isShiftClick: false
-      });
-      event.preventDefault();
       return;
     }
 
-    const column = columns[selectedPosition.idx];
     (_column$editorOptions = column.editorOptions) == null ? void 0 : _column$editorOptions.onCellKeyDown == null ? void 0 : _column$editorOptions.onCellKeyDown(event);
     if (event.isDefaultPrevented()) return;
 
@@ -2547,6 +2156,7 @@ function DataGrid({
       }) => ({
         idx,
         rowIdx,
+        key,
         mode: 'EDIT',
         row,
         originalRow: row
@@ -2554,30 +2164,128 @@ function DataGrid({
     }
   }
 
-  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,
@@ -2586,23 +2294,37 @@ function DataGrid({
   }
 
   function selectCell(position, enableEditor) {
-    if (!isCellWithinSelectionBounds(position)) return;
+    if (!isCellWithinBounds(position)) return;
     commitEditorChanges();
 
     if (enableEditor && isCellEditable(position)) {
       const row = rows[position.rowIdx];
       setSelectedPosition({ ...position,
         mode: 'EDIT',
+        key: null,
         row,
         originalRow: row
       });
-    } else if (isSamePosition(selectedPosition, position)) {
-      scrollToCell(position);
     } else {
       setSelectedPosition({ ...position,
         mode: 'SELECT'
       });
     }
+
+    onSelectedCellChange == null ? void 0 : onSelectedCellChange({ ...position
+    });
+  }
+
+  function closeEditor() {
+    if (selectedPosition.mode === 'SELECT') return;
+    setSelectedPosition(({
+      idx,
+      rowIdx
+    }) => ({
+      idx,
+      rowIdx,
+      mode: 'SELECT'
+    }));
   }
 
   function scrollToCell({
@@ -2618,7 +2340,7 @@ function DataGrid({
       var _rowIdx;
 
       (_rowIdx = rowIdx) != null ? _rowIdx : rowIdx = selectedPosition.rowIdx;
-      if (!isCellWithinSelectionBounds({
+      if (!isCellWithinBounds({
         rowIdx,
         idx
       })) return;
@@ -2631,35 +2353,34 @@ function DataGrid({
         width
       } = columnMetrics.get(column);
       let right = left + width;
-      const colSpan = getSelectedCellColSpan({
-        rows,
-        summaryRows,
-        rowIdx,
-        lastFrozenColumnIndex,
-        column,
-        isGroupRow
-      });
+      const row = rows[rowIdx];
 
-      if (colSpan !== undefined) {
-        const {
-          left,
-          width
-        } = columnMetrics.get(columns[column.idx + colSpan - 1]);
-        right = left + width;
+      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;
-      const sign = isRtl ? -1 : 1;
 
       if (isCellAtLeftBoundary) {
-        current.scrollLeft = (left - totalFrozenColumnWidth) * sign;
+        current.scrollLeft = left - totalFrozenColumnWidth;
       } else if (isCellAtRightBoundary) {
-        current.scrollLeft = (right - clientWidth) * sign;
+        current.scrollLeft = right - clientWidth;
       }
     }
 
-    if (typeof rowIdx === 'number' && isRowIdxWithinViewportBounds(rowIdx)) {
+    if (typeof rowIdx === 'number') {
       const rowTop = getRowTop(rowIdx);
       const rowHeight = getRowHeight(rowIdx);
 
@@ -2677,9 +2398,9 @@ function DataGrid({
       rowIdx
     } = selectedPosition;
     const row = rows[rowIdx];
-    const isRowSelected = selectedCellIsWithinSelectionBounds && idx === -1;
+    const isRowSelected = isCellWithinBounds(selectedPosition) && idx === -1;
 
-    if (key === leftKey && isRowSelected && isGroupRow(row) && !row.isExpanded && row.level !== 0) {
+    if (key === 'ArrowLeft' && isRowSelected && isGroupRow(row) && !row.isExpanded && row.level !== 0) {
       let parentRowIdx = -1;
 
       for (let i = selectedPosition.rowIdx - 1; i >= 0; i--) {
@@ -2713,24 +2434,28 @@ function DataGrid({
         };
 
       case 'ArrowLeft':
-        return isRtl ? {
-          idx: idx + 1,
-          rowIdx
-        } : {
+        return {
           idx: idx - 1,
           rowIdx
         };
 
       case 'ArrowRight':
-        return isRtl ? {
-          idx: idx - 1,
-          rowIdx
-        } : {
+        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
@@ -2741,9 +2466,12 @@ function DataGrid({
           idx,
           rowIdx: 0
         };
-        return {
+        return ctrlKey ? {
           idx: 0,
-          rowIdx: ctrlKey ? minRowIdx : rowIdx
+          rowIdx: 0
+        } : {
+          idx: 0,
+          rowIdx
         };
 
       case 'End':
@@ -2751,14 +2479,16 @@ function DataGrid({
           idx,
           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,
@@ -2768,7 +2498,6 @@ function DataGrid({
 
       case 'PageDown':
         {
-          if (selectedPosition.rowIdx >= rows.length) return selectedPosition;
           const nextRowY = getRowTop(rowIdx) + clientHeight;
           return {
             idx,
@@ -2782,6 +2511,13 @@ function DataGrid({
   }
 
   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
@@ -2792,9 +2528,8 @@ function DataGrid({
       if (canExitGrid({
         shiftKey,
         cellNavigationMode,
-        maxColIdx,
-        minRowIdx,
-        maxRowIdx,
+        columns,
+        rowsCount: rows.length,
         selectedPosition
       })) {
         commitEditorChanges();
@@ -2806,23 +2541,18 @@ function DataGrid({
 
     event.preventDefault();
     const ctrlKey = isCtrlKeyHeldDown(event);
-    const nextPosition = getNextPosition(key, ctrlKey, shiftKey);
-    if (isSamePosition(selectedPosition, nextPosition)) return;
-    const nextSelectedCellPosition = getNextSelectedCellPosition({
+    const nextPosition = getNextSelectedCellPosition({
       columns,
       colSpanColumns,
       rows,
-      summaryRows,
-      minRowIdx,
-      maxRowIdx,
       lastFrozenColumnIndex,
       cellNavigationMode: mode,
       currentPosition: selectedPosition,
-      nextPosition,
-      isCellWithinBounds: isCellWithinSelectionBounds,
+      nextPosition: getNextPosition(key, ctrlKey, shiftKey),
+      isCellWithinBounds,
       isGroupRow
     });
-    selectCell(nextSelectedCellPosition);
+    selectCell(nextPosition);
   }
 
   function getDraggedOverCellIdx(currentRowIdx) {
@@ -2834,119 +2564,49 @@ function DataGrid({
     return isDraggedOver ? selectedPosition.idx : undefined;
   }
 
-  function getLayoutCssVars() {
-    if (autoResizeColumn === null) return layoutCssVars;
-    const {
-      gridTemplateColumns
-    } = layoutCssVars;
-    const newSizes = gridTemplateColumns.split(' ');
-    newSizes[autoResizeColumn.idx] = 'max-content';
-    return { ...layoutCssVars,
-      gridTemplateColumns: newSizes.join(' ')
-    };
-  }
+  function getSelectedCellProps(rowIdx) {
+    if (selectedPosition.rowIdx !== rowIdx) return;
 
-  function getDragHandle(rowIdx) {
-    if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === 'EDIT' || hasGroups || onFill == null) {
-      return;
+    if (selectedPosition.mode === 'EDIT') {
+      return {
+        mode: 'EDIT',
+        idx: selectedPosition.idx,
+        onKeyDown: handleKeyDown,
+        editorProps: {
+          editorPortalTarget,
+          row: selectedPosition.row,
+          onRowChange: handleEditorRowChange,
+          onClose: handleOnClose
+        }
+      };
     }
 
-    return /*#__PURE__*/e$1(DragHandle, {
-      rows: rawRows,
-      columns: columns,
-      selectedPosition: selectedPosition,
-      isCellEditable: isCellEditable,
-      latestDraggedOverRowIdx: latestDraggedOverRowIdx,
-      onRowsChange: onRowsChange,
-      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 = () => {
-      setSelectedPosition(({
-        idx,
-        rowIdx
-      }) => ({
-        idx,
-        rowIdx,
-        mode: 'SELECT'
-      }));
-    };
-
-    const onRowChange = (row, commitChanges) => {
-      if (commitChanges) {
-        updateRow(selectedPosition.rowIdx, row);
-        closeEditor();
-      } 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();
-    }
-
-    return /*#__PURE__*/e$1(EditCell, {
-      column: column,
-      colSpan: colSpan,
-      row: row,
-      onRowChange: onRowChange,
-      closeEditor: closeEditor,
-      scrollToCell: () => {
-        scrollToCell(selectedPosition);
-      }
-    }, column.key);
   }
 
   function getViewportRows() {
     const rowElements = [];
     let startRowIndex = 0;
-    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 = columns[selectedIdx];
-
-      if (selectedColumn !== undefined) {
-        if (isRowOutsideViewport) {
-          rowColumns = [selectedColumn];
-        } else if (selectedRowIdx === rowIdx && !viewportColumns.includes(selectedColumn)) {
-          rowColumns = selectedIdx > viewportColumns[viewportColumns.length - 1].idx ? [...viewportColumns, selectedColumn] : [...viewportColumns.slice(0, lastFrozenColumnIndex + 1), selectedColumn, ...viewportColumns.slice(lastFrozenColumnIndex + 1)];
-        }
-      }
 
+    for (let rowIdx = rowOverscanStartIdx; rowIdx <= rowOverscanEndIdx; rowIdx++) {
       const row = rows[rowIdx];
-      const gridRowStart = headerRowsCount + rowIdx + 1;
+      const top = getRowTop(rowIdx) + headerRowHeight;
 
       if (isGroupRow(row)) {
         ({
           startRowIndex
         } = row);
-        const isGroupRowSelected = isSelectable && row.childRows.every(cr => selectedRows.has(rowKeyGetter(cr)));
-        rowElements.push( /*#__PURE__*/e$1(GroupRowRenderer, {
+        const isGroupRowSelected = isSelectable && row.childRows.every(cr => selectedRows == null ? void 0 : selectedRows.has(rowKeyGetter(cr)));
+        rowElements.push( /*#__PURE__*/e(GroupRowRenderer, {
           "aria-level": row.level + 1,
           "aria-setsize": row.setSize,
           "aria-posinset": row.posInSet + 1,
@@ -2954,18 +2614,19 @@ function DataGrid({
           "aria-selected": isSelectable ? isGroupRowSelected : undefined,
           id: row.id,
           groupKey: row.groupKey,
-          viewportColumns: rowColumns,
+          viewportColumns: viewportColumns,
           childRows: row.childRows,
           rowIdx: rowIdx,
-          row: row,
-          gridRowStart: gridRowStart,
+          top: top,
           height: getRowHeight(rowIdx),
           level: row.level,
           isExpanded: row.isExpanded,
-          selectedCellIdx: selectedRowIdx === rowIdx ? selectedIdx : undefined,
+          selectedCellIdx: selectedPosition.rowIdx === rowIdx ? selectedPosition.idx : undefined,
           isRowSelected: isGroupRowSelected,
-          selectGroup: selectGroupLatest,
-          toggleGroup: toggleGroupLatest
+          onFocus: selectedPosition.rowIdx === rowIdx ? handleFocus : undefined,
+          onKeyDown: selectedPosition.rowIdx === rowIdx ? handleKeyDown : undefined,
+          selectCell: selectCellWrapper,
+          toggleGroup: toggleGroupWrapper
         }, row.id));
         continue;
       }
@@ -2983,49 +2644,40 @@ function DataGrid({
         key = hasGroups ? startRowIndex : rowIdx;
       }
 
-      rowElements.push( /*#__PURE__*/e$1(RowRenderer, {
+      rowElements.push( /*#__PURE__*/e(RowRenderer, {
         "aria-rowindex": headerRowsCount + (hasGroups ? startRowIndex : rowIdx) + 1,
         "aria-selected": isSelectable ? isRowSelected : undefined,
         rowIdx: rowIdx,
         row: row,
-        viewportColumns: rowColumns,
+        viewportColumns: viewportColumns,
         isRowSelected: isRowSelected,
         onRowClick: onRowClick,
-        onRowDoubleClick: onRowDoubleClick,
         rowClass: rowClass,
-        gridRowStart: gridRowStart,
+        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: lastFrozenColumnIndex,
-        onRowChange: handleFormatterRowChangeLatest,
-        selectCell: selectViewportCellLatest,
-        selectedCellDragHandle: getDragHandle(rowIdx),
-        selectedCellEditor: getCellEditor(rowIdx)
+        selectedCellProps: getSelectedCellProps(rowIdx),
+        onRowChange: handleFormatterRowChangeWrapper,
+        selectCell: selectCellWrapper
       }, key));
     }
 
     return rowElements;
   }
 
-  if (selectedPosition.idx > maxColIdx || selectedPosition.rowIdx > maxRowIdx) {
+  if (selectedPosition.idx >= columns.length || selectedPosition.rowIdx >= rows.length) {
     setSelectedPosition(initialPosition);
     setDraggedOverRowIdx(undefined);
   }
 
-  let templateRows = `${headerRowHeight}px`;
-
-  if (rows.length > 0) {
-    templateRows += gridTemplateRows;
-  }
-
-  if (summaryRowsCount > 0) {
-    templateRows += ` repeat(${summaryRowsCount}, ${summaryRowHeight}px)`;
+  if (selectedPosition.mode === 'EDIT' && rows[selectedPosition.rowIdx] !== selectedPosition.originalRow) {
+    closeEditor();
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: hasGroups ? 'treegrid' : 'grid',
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -3033,78 +2685,57 @@ function DataGrid({
     "aria-multiselectable": isSelectable ? true : undefined,
     "aria-colcount": columns.length,
     "aria-rowcount": headerRowsCount + rowsCount + summaryRowsCount,
-    className: clsx(rootClassname, className, isDragging && viewportDraggingClassname, autoResizeColumn !== null && cellAutoResizeClassname),
+    className: clsx(rootClassname, className, isDragging && viewportDraggingClassname),
     style: { ...style,
-      gridTemplateRows: templateRows,
-      '--rdg-header-row-height': `${headerRowHeight}px`,
-      '--rdg-grid-inline-size': `${totalColumnWidth}px`,
-      '--rdg-summary-row-height': `${summaryRowHeight}px`,
-      '--rdg-grid-block-size': `${max(totalRowHeight, clientHeight) + headerRowHeight + summaryRowsCount * summaryRowHeight}px`,
-      '--rdg-sign': isRtl ? -1 : 1,
-      ...getLayoutCssVars()
+      '--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: [hasGroups && /*#__PURE__*/e$1("div", {
-      ref: rowRef,
-      tabIndex: selectedPosition.idx === -1 && selectedPosition.rowIdx !== -2 ? 0 : -1,
-      className: focusSinkClassname,
-      style: {
-        gridRowStart: selectedPosition.rowIdx + 2
-      },
-      onKeyDown: handleKeyDown
-    }), /*#__PURE__*/e$1(DataGridDefaultComponentsProvider, {
-      value: defaultGridComponents,
-      children: [/*#__PURE__*/e$1(HeaderRow$1, {
-        columns: viewportColumns,
-        onColumnResize: handleColumnResize,
-        allRowsSelected: allRowsSelected,
-        onAllRowsSelectionChange: selectAllRowsLatest,
-        sortColumns: sortColumns,
-        onSortColumnsChange: onSortColumnsChange,
-        lastFrozenColumnIndex: lastFrozenColumnIndex,
-        selectedCellIdx: isHeaderRowSelected ? selectedPosition.idx : undefined,
-        selectCell: selectHeaderCellLatest,
-        shouldFocusGrid: !selectedCellIsWithinSelectionBounds,
-        direction: direction
-      }), rows.length === 0 && noRowsFallback ? noRowsFallback : /*#__PURE__*/e$1(d$1, {
-        children: [/*#__PURE__*/e$1(RowSelectionChangeProvider, {
-          value: selectRowLatest,
-          children: getViewportRows()
-        }), summaryRows == null ? void 0 : summaryRows.map((row, rowIdx) => {
-          const gridRowStart = headerRowsCount + rows.length + rowIdx + 1;
-          const isSummaryRowSelected = selectedPosition.rowIdx === headerRowsCount + rows.length + rowIdx - 1;
-          const top = clientHeight > totalRowHeight ? gridHeight - summaryRowHeight * (summaryRows.length - rowIdx) : undefined;
-          const bottom = top === undefined ? summaryRowHeight * (summaryRows.length - 1 - rowIdx) : undefined;
-          return /*#__PURE__*/e$1(SummaryRow$1, {
-            "aria-rowindex": headerRowsCount + rowsCount + rowIdx + 1,
-            rowIdx: rowIdx,
-            gridRowStart: gridRowStart,
-            row: row,
-            top: top,
-            bottom: bottom,
-            viewportColumns: viewportColumns,
-            lastFrozenColumnIndex: lastFrozenColumnIndex,
-            selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
-            selectCell: selectSummaryCellLatest
-          }, rowIdx);
-        })]
-      })]
+    children: [/*#__PURE__*/e(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__*/e(EmptyRowsRenderer, {}) : /*#__PURE__*/e(d$1, {
+      children: [/*#__PURE__*/e("div", {
+        ref: focusSinkRef,
+        tabIndex: 0,
+        className: focusSinkClassname,
+        onKeyDown: handleKeyDown,
+        onFocus: onGridFocus
+      }), /*#__PURE__*/e("div", {
+        style: {
+          height: max(totalRowHeight, clientHeight)
+        }
+      }), /*#__PURE__*/e(RowSelectionChangeProvider, {
+        value: selectRowWrapper,
+        children: getViewportRows()
+      }), summaryRows == null ? void 0 : summaryRows.map((row, rowIdx) => /*#__PURE__*/e(SummaryRow$1, {
+        "aria-rowindex": headerRowsCount + rowsCount + rowIdx + 1,
+        rowIdx: rowIdx,
+        row: row,
+        bottom: summaryRowHeight * (summaryRows.length - 1 - rowIdx),
+        viewportColumns: viewportColumns,
+        lastFrozenColumnIndex: lastFrozenColumnIndex
+      }, rowIdx))]
     })]
   });
 }
 
-function isSamePosition(p1, p2) {
-  return p1.idx === p2.idx && p1.rowIdx === p2.rowIdx;
-}
-
 const DataGrid$1 = /*#__PURE__*/x(DataGrid);
 
-var css_248z$g = ".t16y9g8l700-beta11{appearance:none;background-color:var(--rdg-background-color);block-size:100%;border:2px solid #ccc;box-sizing:border-box;color:var(--rdg-color);font-family:inherit;font-size:var(--rdg-font-size);inline-size:100%;padding-block:0;padding-inline:6px;vertical-align:top}.t16y9g8l700-beta11:focus{border-color:var(--rdg-selection-color);outline:none}.t16y9g8l700-beta11::placeholder{color:#999;opacity:1}";
-styleInject$1(css_248z$g,{"insertAt":"top"});
+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 styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
@@ -3197,7 +2828,7 @@ var ReactTable = function (_a) {
         }
         setItems(items);
     }, [columns, data, sort]);
-    return e$1(DataGrid$1, { columns: listColumns, headerRowHeight: 24, rows: items, rowKeyGetter: rowKeyGetter, rowHeight: 20, className: darkMode ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onRowClick: multiSelect ? undefined : onRowClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
+    return v$1(DataGrid$2, { columns: listColumns, headerRowHeight: 24, rows: items, rowKeyGetter: rowKeyGetter, rowHeight: 20, className: darkMode ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onRowClick: multiSelect ? undefined : onRowClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
 };
 var Table = /** @class */ (function (_super) {
     __extends(Table, _super);
@@ -3206,7 +2837,7 @@ var Table = /** @class */ (function (_super) {
     }
     Table.prototype.renderTable = function () {
         var _this = this;
-        return e$1(ReactTable, { columns: this.columns(), data: this.data(), darkMode: this.darkMode(), onRowClickCallback: function (row, column) {
+        return v$1(ReactTable, { columns: this.columns(), data: this.data(), darkMode: this.darkMode(), onRowClickCallback: function (row, column) {
                 var _a;
                 if (column === void 0) { column = ""; }
                 if (_this._prevRow && JSON.stringify(_this._prevRow) !== JSON.stringify(row)) {