@hpcc-js/dgrid2 2.3.8 → 2.3.9

package/dist/index.js

@@ -5,8 +5,8 @@
 })(this, (function (exports, common) { 'use strict';
 
     var PKG_NAME = "@hpcc-js/dgrid2";
-    var PKG_VERSION = "2.3.8";
-    var BUILD_VERSION = "2.104.18";
+    var PKG_VERSION = "2.3.9";
+    var BUILD_VERSION = "2.104.20";
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -71,255 +71,21 @@
         return to.concat(ar || Array.prototype.slice.call(from));
     }
 
-    var n,l$1,u$1,t$1,o$2,r$2,f$1={},e$1=[],c$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s$1(n,l){for(var u in l)n[u]=l[u];return n}function a$1(n){var l=n.parentNode;l&&l.removeChild(n);}function h$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 v$1(l,f,t,o,null)}function v$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 p$1(n){return n.children}function d$1(n,l){this.props=n,this.context=l;}function _$2(n,l){if(null==l)return n.__?_$2(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?_$2(n):null}function k$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k$1(n)}}function b$1(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!g$2.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||setTimeout)(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=s$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?_$2(t):o,t.__h),z$2(u,t),t.__e!=o&&k$1(t)));});}function w$2(n,l,u,i,t,o,r,c,s,a){var h,y,d,k,b,g,w,x=i&&i.__k||e$1,C=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v$1(null,k,null,null,k):Array.isArray(k)?v$1(p$1,{children:k},null,null,null):k.__b>0?v$1(k.type,k.props,k.key,k.ref?k.ref:null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(d=x[h])||d&&k.key==d.key&&k.type===d.type)x[h]=void 0;else for(y=0;y<C;y++){if((d=x[y])&&k.key==d.key&&k.type===d.type){x[y]=void 0;break}d=null;}j$2(n,k,d=d||f$1,t,o,r,c,s,a),b=k.__e,(y=k.ref)&&d.ref!=y&&(w||(w=[]),d.ref&&w.push(d.ref,null,k),w.push(y,k.__c||b,k)),null!=b?(null==g&&(g=b),"function"==typeof k.type&&k.__k===d.__k?k.__d=s=m$1(k,s,n):s=A$1(n,k,d,x,b,s),"function"==typeof u.type&&(u.__d=s)):s&&d.__e==s&&s.parentNode!=n&&(s=_$2(d));}for(u.__e=g,h=C;h--;)null!=x[h]&&N$1(x[h],x[h]);if(w)for(h=0;h<w.length;h++)M$1(w[h],w[++h],w[++h]);}function m$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?m$1(i,l,u):A$1(u,i,i,t,i.__e,l));return l}function x$1(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){x$1(n,l);}):l.push(n)),l}function A$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||c$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$2:I$1,o):n.removeEventListener(l,o?T$2: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&&-1==l.indexOf("-")?n.removeAttribute(l):n.setAttribute(l,u));}}function I$1(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T$2(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 a,h,v,y,_,k,b,g,m,x,A,C,$,H,I,T=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]),(a=l$1.__b)&&a(u);try{n:if("function"==typeof T){if(g=u.props,m=(a=T.contextType)&&t[a.__c],x=a?m?m.props.value:a.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in T&&T.prototype.render?u.__c=h=new T(g,x):(u.__c=h=new d$1(g,x),h.constructor=T,h.render=O$1),m&&m.sub(h),h.props=g,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[],h._sb=[]),null==h.__s&&(h.__s=h.state),null!=T.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s$1({},h.__s)),s$1(h.__s,T.getDerivedStateFromProps(g,h.__s))),y=h.props,_=h.state,v)null==T.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==T.getDerivedStateFromProps&&g!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(g,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(g,h.__s,x)||u.__v===i.__v){for(h.props=g,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);}),A=0;A<h._sb.length;A++)h.__h.push(h._sb[A]);h._sb=[],h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(g,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,_,k);});}if(h.context=x,h.props=g,h.__v=u,h.__P=n,C=l$1.__r,$=0,"prototype"in T&&T.prototype.render){for(h.state=h.__s,h.__d=!1,C&&C(u),a=h.render(h.props,h.state,h.context),H=0;H<h._sb.length;H++)h.__h.push(h._sb[H]);h._sb=[];}else do{h.__d=!1,C&&C(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++$<25);h.state=h.__s,null!=h.getChildContext&&(t=s$1(s$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,_)),I=null!=a&&a.type===p$1&&null==a.key?a.props.children:a,w$2(n,Array.isArray(I)?I:[I],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);(a=l$1.diffed)&&a(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$2(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,e,c){var s,h,v,y=i.props,p=u.props,d=u.type,k=0;if("svg"===d&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[k]=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),h=(y=i.props||f$1).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(v||h)&&(v&&(h&&v.__html==h.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(k=u.props.children,w$2(l,Array.isArray(k)?k:[k],u,i,t,o&&"foreignObject"!==d,r,e,r?r[0]:i.__k&&_$2(i,0),c),null!=r)for(k=r.length;k--;)null!=r[k]&&a$1(r[k]);c||("value"in p&&void 0!==(k=p.value)&&(k!==l.value||"progress"===d&&!k||"option"===d&&k!==y.value)&&H$1(l,"value",k,y.value,!1),"checked"in p&&void 0!==(k=p.checked)&&k!==l.checked&&H$1(l,"checked",k,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$1(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,n.__c=void 0;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N$1(t[o],u,i||"function"!=typeof n.type);i||null==n.__e||a$1(n.__e),n.__=n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function P(u,i,t){var o,r,e;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,e=[],j$2(i,u=(!o&&t||i).__k=h$1(p$1,null,[u]),r||f$1,f$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,e,!o&&t?t:r?r.__e:i.firstChild,o),z$2(e,u);}function B$2(n,l){var u={__c:l="__cC"+r$2++,__: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(b$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=e$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,d$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=s$1({},this.state),"function"==typeof n&&(n=n(s$1({},u),this.props)),n&&s$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),b$1(this));},d$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),b$1(this));},d$1.prototype.render=p$1,t$1=[],g$2.__r=0,r$2=0;
+    var n,l$1,u$1,t$1,o$2,r$2,f$1,e$1,c$1={},s$1=[],a$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,v$1=Array.isArray;function h$1(n,l){for(var u in l)n[u]=l[u];return n}function p$1(n){var l=n.parentNode;l&&l.removeChild(n);}function y$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return d$1(l,f,t,o,null)}function d$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function k$2(n){return n.children}function b$1(n,l){this.props=n,this.context=l;}function g$2(n,l){if(null==l)return n.__?g$2(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?g$2(n):null}function m$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return m$1(n)}}function w$2(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!x$1.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||r$2)(x$1);}function x$1(){var n,l,u,i,o,r,e,c;for(t$1.sort(f$1);n=t$1.shift();)n.__d&&(l=t$1.length,i=void 0,o=void 0,e=(r=(u=n).__v).__e,(c=u.__P)&&(i=[],(o=h$1({},r)).__v=r.__v+1,L$1(c,r,o,u.__n,void 0!==c.ownerSVGElement,null!=r.__h?[e]:null,i,null==e?g$2(r):e,r.__h),M(i,r),r.__e!=e&&m$1(r)),t$1.length>l&&t$1.sort(f$1));x$1.__r=0;}function P(n,l,u,i,t,o,r,f,e,a){var h,p,y,_,b,m,w,x=i&&i.__k||s$1,P=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _||"function"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?d$1(null,_,null,null,_):v$1(_)?d$1(k$2,{children:_},null,null,null):_.__b>0?d$1(_.type,_.props,_.key,_.ref?_.ref:null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(y=x[h])||y&&_.key==y.key&&_.type===y.type)x[h]=void 0;else for(p=0;p<P;p++){if((y=x[p])&&_.key==y.key&&_.type===y.type){x[p]=void 0;break}y=null;}L$1(n,_,y=y||c$1,t,o,r,f,e,a),b=_.__e,(p=_.ref)&&y.ref!=p&&(w||(w=[]),y.ref&&w.push(y.ref,null,_),w.push(p,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===y.__k?_.__d=e=C$1(_,e,n):e=$$1(n,_,y,x,b,e),"function"==typeof u.type&&(u.__d=e)):e&&y.__e==e&&e.parentNode!=n&&(e=g$2(y));}for(u.__e=m,h=P;h--;)null!=x[h]&&("function"==typeof u.type&&null!=x[h].__e&&x[h].__e==u.__d&&(u.__d=A$1(i).nextSibling),q$2(x[h],x[h]));if(w)for(h=0;h<w.length;h++)O(w[h],w[++h],w[++h]);}function C$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?C$1(i,l,u):$$1(u,i,i,t,i.__e,l));return l}function S(n,l){return l=l||[],null==n||"boolean"==typeof n||(v$1(n)?n.some(function(n){S(n,l);}):l.push(n)),l}function $$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=1)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function A$1(n){var l,u,i;if(null==n.type||"string"==typeof n.type)return n.__e;if(n.__k)for(l=n.__k.length-1;l>=0;l--)if((u=n.__k[l])&&(i=A$1(u)))return i;return null}function H$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||T$2(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||T$2(n,o,l[o],u[o],i);}function I$1(n,l,u){"-"===l[0]?n.setProperty(l,null==u?"":u):n[l]=null==u?"":"number"!=typeof u||a$1.test(l)?u:u+"px";}function T$2(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||I$1(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||I$1(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?z$1:j$1,o):n.removeEventListener(l,o?z$1:j$1,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!==l&&"height"!==l&&"href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&"rowSpan"!==l&&"colSpan"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null==u||!1===u&&"-"!==l[4]?n.removeAttribute(l):n.setAttribute(l,u));}}function j$1(n){return this.l[n.type+!1](l$1.event?l$1.event(n):n)}function z$1(n){return this.l[n.type+!0](l$1.event?l$1.event(n):n)}function L$1(n,u,i,t,o,r,f,e,c){var s,a,p,y,d,_,g,m,w,x,C,S,$,A,H,I=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof I){if(m=u.props,w=(s=I.contextType)&&t[s.__c],x=s?w?w.props.value:s.__:t,i.__c?g=(a=u.__c=i.__c).__=a.__E:("prototype"in I&&I.prototype.render?u.__c=a=new I(m,x):(u.__c=a=new b$1(m,x),a.constructor=I,a.render=B$2),w&&w.sub(a),a.props=m,a.state||(a.state={}),a.context=x,a.__n=t,p=a.__d=!0,a.__h=[],a._sb=[]),null==a.__s&&(a.__s=a.state),null!=I.getDerivedStateFromProps&&(a.__s==a.state&&(a.__s=h$1({},a.__s)),h$1(a.__s,I.getDerivedStateFromProps(m,a.__s))),y=a.props,d=a.state,a.__v=u,p)null==I.getDerivedStateFromProps&&null!=a.componentWillMount&&a.componentWillMount(),null!=a.componentDidMount&&a.__h.push(a.componentDidMount);else {if(null==I.getDerivedStateFromProps&&m!==y&&null!=a.componentWillReceiveProps&&a.componentWillReceiveProps(m,x),!a.__e&&null!=a.shouldComponentUpdate&&!1===a.shouldComponentUpdate(m,a.__s,x)||u.__v===i.__v){for(u.__v!==i.__v&&(a.props=m,a.state=a.__s,a.__d=!1),a.__e=!1,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),C=0;C<a._sb.length;C++)a.__h.push(a._sb[C]);a._sb=[],a.__h.length&&f.push(a);break n}null!=a.componentWillUpdate&&a.componentWillUpdate(m,a.__s,x),null!=a.componentDidUpdate&&a.__h.push(function(){a.componentDidUpdate(y,d,_);});}if(a.context=x,a.props=m,a.__P=n,S=l$1.__r,$=0,"prototype"in I&&I.prototype.render){for(a.state=a.__s,a.__d=!1,S&&S(u),s=a.render(a.props,a.state,a.context),A=0;A<a._sb.length;A++)a.__h.push(a._sb[A]);a._sb=[];}else do{a.__d=!1,S&&S(u),s=a.render(a.props,a.state,a.context),a.state=a.__s;}while(a.__d&&++$<25);a.state=a.__s,null!=a.getChildContext&&(t=h$1(h$1({},t),a.getChildContext())),p||null==a.getSnapshotBeforeUpdate||(_=a.getSnapshotBeforeUpdate(y,d)),P(n,v$1(H=null!=s&&s.type===k$2&&null==s.key?s.props.children:s)?H:[H],u,i,t,o,r,f,e,c),a.base=u.__e,u.__h=null,a.__h.length&&f.push(a),g&&(a.__E=a.__=null),a.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=N$1(i.__e,u,i,t,o,r,f,c);(s=l$1.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function M(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function N$1(l,u,i,t,o,r,f,e){var s,a,h,y=i.props,d=u.props,_=u.type,k=0;if("svg"===_&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!_&&(_?s.localName===_:3===s.nodeType)){l=s,r[k]=null;break}if(null==l){if(null===_)return document.createTextNode(d);l=o?document.createElementNS("http://www.w3.org/2000/svg",_):document.createElement(_,d.is&&d),r=null,e=!1;}if(null===_)y===d||e&&l.data===d||(l.data=d);else {if(r=r&&n.call(l.childNodes),a=(y=i.props||c$1).dangerouslySetInnerHTML,h=d.dangerouslySetInnerHTML,!e){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(h||a)&&(h&&(a&&h.__html==a.__html||h.__html===l.innerHTML)||(l.innerHTML=h&&h.__html||""));}if(H$1(l,d,y,o,e),h)u.__k=[];else if(P(l,v$1(k=u.props.children)?k:[k],u,i,t,o&&"foreignObject"!==_,r,f,r?r[0]:i.__k&&g$2(i,0),e),null!=r)for(k=r.length;k--;)null!=r[k]&&p$1(r[k]);e||("value"in d&&void 0!==(k=d.value)&&(k!==l.value||"progress"===_&&!k||"option"===_&&k!==y.value)&&T$2(l,"value",k,y.value,!1),"checked"in d&&void 0!==(k=d.checked)&&k!==l.checked&&T$2(l,"checked",k,y.checked,!1));}return l}function O(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function q$2(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||O(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null,n.__c=void 0;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&q$2(t[o],u,i||"function"!=typeof n.type);i||null==n.__e||p$1(n.__e),n.__=n.__e=n.__d=void 0;}function B$2(n,l,u){return this.constructor(n,u)}function D$1(u,i,t){var o,r,f;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],L$1(i,u=(!o&&t||i).__k=y$1(k$2,null,[u]),r||c$1,c$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),M(f,u);}function G$1(n,l){var u={__c:l="__cC"+e$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(function(n){n.__e=!0,w$2(n);});},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=s$1.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,b$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=h$1({},this.state),"function"==typeof n&&(n=n(h$1({},u),this.props)),n&&h$1(u,n),null!=n&&this.__v&&(l&&this._sb.push(l),w$2(this));},b$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),w$2(this));},b$1.prototype.render=k$2,t$1=[],r$2="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f$1=function(n,l){return n.__v.__b-l.__v.__b},x$1.__r=0,e$1=0;
 
-    var t,r$1,u,i,o$1=0,f=[],c=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function d(t,u){l$1.__h&&l$1.__h(r$1,t,o$1||u),o$1=0;var i=r$1.__H||(r$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function p(n){return o$1=1,y(B$1,n)}function y(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$1(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r$1,!r$1.u)){r$1.u=!0;var f=r$1.shouldComponentUpdate;r$1.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !f||f.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!f||f.call(this,n,t,r))};}return o.__N||o.__}function h(u,i){var o=d(t++,3);!l$1.__s&&z$1(o.__H,i)&&(o.__=u,o.i=i,r$1.__H.__h.push(o));}function s(u,i){var o=d(t++,4);!l$1.__s&&z$1(o.__H,i)&&(o.__=u,o.i=i,r$1.__h.push(o));}function _$1(n){return o$1=5,F(function(){return {current:n}},[])}function A(n,t,r){o$1=6,s(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n));}function F(n,r){var u=d(t++,7);return z$1(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$1(n,t){return o$1=8,F(function(){return n},t)}function q$1(n){var u=r$1.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r$1)),u.props.value):n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k),t.__H.__h.forEach(w$1),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){"function"!=typeof n.type||n.__m||null===n.__?n.__m||(n.__m=n.__&&n.__.__m?n.__.__m:""):n.__m=(n.__&&n.__.__m?n.__.__m:"")+(n.__&&n.__.__k?n.__.__k.indexOf(n):0),r$1=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var i=(r$1=n.__c).__H;i&&(u===r$1?(i.__h=[],r$1.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k),i.__h.forEach(w$1),i.__h=[])),u=r$1;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j$1)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r$1=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k),t.__h=t.__h.filter(function(n){return !n.__||w$1(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g$1="function"==typeof requestAnimationFrame;function j$1(n){var t,r=function(){clearTimeout(u),g$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$1&&(t=requestAnimationFrame(r));}function k(n){var t=r$1,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r$1=t;}function w$1(n){var t=r$1;n.__c=n.__(),r$1=t;}function z$1(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$1(n,t){return "function"==typeof t?t(n):t}
+    var t,r$1,u,i,o$1=0,f=[],c=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function d(t,u){l$1.__h&&l$1.__h(r$1,t,o$1||u),o$1=0;var i=r$1.__H||(r$1.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:c}),i.__[t]}function h(n){return o$1=1,s(B$1,n)}function s(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):B$1(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r$1,!r$1.u)){var f=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!(!i&&o.__c.props===n)&&(!c||c.call(this,n,t,r))};r$1.u=!0;var c=r$1.shouldComponentUpdate,e=r$1.componentWillUpdate;r$1.componentWillUpdate=function(n,t,r){if(this.__e){var u=c;c=void 0,f(n,t,r),c=u;}e&&e.call(this,n,t,r);},r$1.shouldComponentUpdate=f;}return o.__N||o.__}function p(u,i){var o=d(t++,3);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r$1.__H.__h.push(o));}function y(u,i){var o=d(t++,4);!l$1.__s&&z(o.__H,i)&&(o.__=u,o.i=i,r$1.__h.push(o));}function _$1(n){return o$1=5,F$1(function(){return {current:n}},[])}function A(n,t,r){o$1=6,y(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==r?r:r.concat(n));}function F$1(n,r){var u=d(t++,7);return z(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function T$1(n,t){return o$1=8,F$1(function(){return n},t)}function q$1(n){var u=r$1.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r$1)),u.props.value):n.__}function b(){for(var t;t=f.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(k$1),t.__H.__h.forEach(w$1),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){r$1=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var i=(r$1=n.__c).__H;i&&(u===r$1?(i.__h=[],r$1.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=c,n.__N=n.i=void 0;})):(i.__h.forEach(k$1),i.__h.forEach(w$1),i.__h=[],t=0)),u=r$1;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==f.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||j)(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==c&&(n.__=n.__V),n.i=void 0,n.__V=c;})),u=r$1=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(k$1),t.__h=t.__h.filter(function(n){return !n.__||w$1(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{k$1(n);}catch(n){r=n;}}),u.__H=void 0,r&&l$1.__e(r,u.__v));};var g$1="function"==typeof requestAnimationFrame;function j(n){var t,r=function(){clearTimeout(u),g$1&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g$1&&(t=requestAnimationFrame(r));}function k$1(n){var t=r$1,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r$1=t;}function w$1(n){var t=r$1;n.__c=n.__(),r$1=t;}function z(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function B$1(n,t){return "function"==typeof t?t(n):t}
 
-    function g(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if("__source"!==e&&!(e in t))return !0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return !0;return !1}function E(n){this.props=n;}function w(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return !r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C(this.props,n)}function u(e){return this.shouldComponentUpdate=r,h$1(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(E.prototype=new d$1).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var R=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n);};var x="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function N(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=x,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var O=l$1.__e;l$1.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);O(n,t,e,r);};var T=l$1.unmount;function I(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return I(n,t,e)})),n}function L(n,t,e){return n&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return L(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function U(){this.__u=0,this.t=null,this.__b=null;}function D(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function 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),T&&T(n);},(U.prototype=new d$1).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=D(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l());};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=L(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},U.prototype.componentWillUnmount=function(){this.t=[];},U.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=I(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&h$1(p$1,null,n.fallback);return i&&(i.__h=null),[h$1(p$1,null,e.__a?null:n.children),i]};var V=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2];}};(M.prototype=new d$1).__a=function(n){var t=this,e=D(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),V(t,n,r)):u();};e?e(o):o();}},M.prototype.render=function(n){this.u=null,this.o=new Map;var t=x$1(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},M.prototype.componentDidUpdate=M.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){V(n,e,t);});};var j="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,z=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,B="undefined"!=typeof document,H=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};function Z(n,t,e){return null==t.__k&&(t.textContent=""),P(n,t),"function"==typeof e&&e(),n?n.__c:null}d$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(d$1.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n});}});});var q=l$1.event;function G(){}function J(){return this.cancelBubble}function K(){return this.defaultPrevented}l$1.event=function(n){return q&&(n=q(n)),n.persist=G,n.isPropagationStopped=J,n.isDefaultPrevented=K,n.nativeEvent=n};var X={configurable:!0,get:function(){return this.class}},nn=l$1.vnode;l$1.vnode=function(n){var t=n.type,e=n.props,u=e;if("string"==typeof t){var o=-1===t.indexOf("-");for(var i in u={},e){var l=e[i];B&&"children"===i&&"noscript"===t||"value"===i&&"defaultValue"in e&&null==l||("defaultValue"===i&&"value"in e&&null==e.value?i="value":"download"===i&&!0===l?l="":/ondoubleclick/i.test(i)?i="ondblclick":/^onchange(textarea|input)/i.test(i+t)&&!H(e.type)?i="oninput":/^onfocus$/i.test(i)?i="onfocusin":/^onblur$/i.test(i)?i="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(i)?i=i.toLowerCase():o&&z.test(i)?i=i.replace(/[A-Z0-9]/g,"-$&").toLowerCase():null===l&&(l=void 0),/^oninput$/i.test(i)&&(i=i.toLowerCase(),u[i]&&(i="oninputCapture")),u[i]=l);}"select"==t&&u.multiple&&Array.isArray(u.value)&&(u.value=x$1(e.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==t&&null!=u.defaultValue&&(u.value=x$1(e.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;})),n.props=u,e.class!=e.className&&(X.enumerable="className"in e,null!=e.className&&(u.class=e.className),Object.defineProperty(u,"className",X));}n.$$typeof=j,nn&&nn(n);};var tn=l$1.__r;l$1.__r=function(n){tn&&tn(n),n.__c;};function cn(n){return !!n.__k&&(P(null,n),!0)}var sn=function(n,t){return n(t)};
+    function g(n,t){for(var e in t)n[e]=t[e];return n}function C(n,t){for(var e in n)if("__source"!==e&&!(e in t))return !0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return !0;return !1}function w(n){this.props=n;}function x(n,e){function r(n){var t=this.props.ref,r=t==n.ref;return !r&&t&&(t.call?t(null):t.current=null),e?!e(this.props,n)||!r:C(this.props,n)}function u(e){return this.shouldComponentUpdate=r,y$1(n,e)}return u.displayName="Memo("+(n.displayName||n.name)+")",u.prototype.isReactComponent=!0,u.__f=!0,u}(w.prototype=new b$1).isPureReactComponent=!0,w.prototype.shouldComponentUpdate=function(n,t){return C(this.props,n)||C(this.state,t)};var R=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),R&&R(n);};var N="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function k(n){function t(t){var e=g({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=N,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var T=l$1.__e;l$1.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);T(n,t,e,r);};var I=l$1.unmount;function L(n,t,e){return n&&(n.__c&&n.__c.__H&&(n.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),n.__c.__H=null),null!=(n=g({},n)).__c&&(n.__c.__P===e&&(n.__c.__P=t),n.__c=null),n.__k=n.__k&&n.__k.map(function(n){return L(n,t,e)})),n}function U(n,t,e){return n&&(n.__v=null,n.__k=n.__k&&n.__k.map(function(n){return U(n,t,e)}),n.__c&&n.__c.__P===t&&(n.__e&&e.insertBefore(n.__e,n.__d),n.__c.__e=!0,n.__c.__P=e)),n}function D(){this.__u=0,this.t=null,this.__b=null;}function F(n){var t=n.__.__c;return t&&t.__a&&t.__a(n)}function V(){this.u=null,this.o=null;}l$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),I&&I(n);},(D.prototype=new b$1).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=F(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l());};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__a){var n=r.state.__a;r.__v.__k[0]=U(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__a:r.__b=null});t=r.t.pop();)t.forceUpdate();}},c=!0===t.__h;r.__u++||c||r.setState({__a:r.__b=r.__v.__k[0]}),n.then(i,i);},D.prototype.componentWillUnmount=function(){this.t=[];},D.prototype.render=function(n,e){if(this.__b){if(this.__v.__k){var r=document.createElement("div"),o=this.__v.__k[0].__c;this.__v.__k[0]=L(this.__b,r,o.__O=o.__P);}this.__b=null;}var i=e.__a&&y$1(k$2,null,n.fallback);return i&&(i.__h=null),[y$1(k$2,null,e.__a?null:n.children),i]};var W=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2];}};(V.prototype=new b$1).__a=function(n){var t=this,e=F(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),W(t,n,r)):u();};e?e(o):o();}},V.prototype.render=function(n){this.u=null,this.o=new Map;var t=S(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},V.prototype.componentDidUpdate=V.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){W(n,e,t);});};var B="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,H=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|image(!S)|letter|lighting|marker(?!H|W|U)|overline|paint|pointer|shape|stop|strikethrough|stroke|text(?!L)|transform|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,Z=/^on(Ani|Tra|Tou|BeforeInp|Compo)/,Y=/[A-Z0-9]/g,$="undefined"!=typeof document,q=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/:/fil|che|ra/).test(n)};function G(n,t,e){return null==t.__k&&(t.textContent=""),D$1(n,t),"function"==typeof e&&e(),n?n.__c:null}b$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(t){Object.defineProperty(b$1.prototype,t,{configurable:!0,get:function(){return this["UNSAFE_"+t]},set:function(n){Object.defineProperty(this,t,{configurable:!0,writable:!0,value:n});}});});var K=l$1.event;function Q(){}function X(){return this.cancelBubble}function nn(){return this.defaultPrevented}l$1.event=function(n){return K&&(n=K(n)),n.persist=Q,n.isPropagationStopped=X,n.isDefaultPrevented=nn,n.nativeEvent=n};var en={enumerable:!1,configurable:!0,get:function(){return this.class}},rn=l$1.vnode;l$1.vnode=function(n){"string"==typeof n.type&&function(n){var t=n.props,e=n.type,u={};for(var o in t){var i=t[o];if(!("value"===o&&"defaultValue"in t&&null==i||$&&"children"===o&&"noscript"===e||"class"===o||"className"===o)){var l=o.toLowerCase();"defaultValue"===o&&"value"in t&&null==t.value?o="value":"download"===o&&!0===i?i="":"ondoubleclick"===l?o="ondblclick":"onchange"!==l||"input"!==e&&"textarea"!==e||q(t.type)?"onfocus"===l?o="onfocusin":"onblur"===l?o="onfocusout":Z.test(o)?o=l:-1===e.indexOf("-")&&H.test(o)?o=o.replace(Y,"-$&").toLowerCase():null===i&&(i=void 0):l=o="oninput","oninput"===l&&u[o=l]&&(o="oninputCapture"),u[o]=i;}}"select"==e&&u.multiple&&Array.isArray(u.value)&&(u.value=S(t.children).forEach(function(n){n.props.selected=-1!=u.value.indexOf(n.props.value);})),"select"==e&&null!=u.defaultValue&&(u.value=S(t.children).forEach(function(n){n.props.selected=u.multiple?-1!=u.defaultValue.indexOf(n.props.value):u.defaultValue==n.props.value;})),t.class&&!t.className?(u.class=t.class,Object.defineProperty(u,"className",en)):(t.className&&!t.class||t.class&&t.className)&&(u.class=u.className=t.className),n.props=u;}(n),n.$$typeof=B,rn&&rn(n);};var un=l$1.__r;l$1.__r=function(n){un&&un(n),n.__c;};var on=l$1.diffed;l$1.diffed=function(n){on&&on(n);var t=n.props,e=n.__e;null!=e&&"textarea"===n.type&&"value"in t&&t.value!==e.value&&(e.value=null==t.value?"":t.value);};function hn(n){return !!n.__k&&(D$1(null,n),!0)}var pn=function(n,t){return n(t)};
 
     function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
 
-    var _=0;function o(o,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:o,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--_,__source:f,__self:t};if("function"==typeof o&&(l=o.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
-
-    const cell = "c1wupbe7-0-0-beta-19";
-    const cellClassname = `rdg-cell ${cell}`;
-    const cellFrozen = "cd0kgiy7-0-0-beta-19";
-    const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
-    const cellFrozenLast = "c1730fa47-0-0-beta-19";
-    const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
-
-    const root = "r104f42s7-0-0-beta-19";
-    const rootClassname = `rdg ${root}`;
-    const viewportDragging = "v7ly7s7-0-0-beta-19";
-    const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
-    const focusSinkClassname = "fc4f4zb7-0-0-beta-19";
-
-    const row = "r1otpg647-0-0-beta-19";
-    const rowClassname = `rdg-row ${row}`;
-    const rowSelected = "rel5gk27-0-0-beta-19";
-    const rowSelectedClassname = `rdg-row-selected`;
-    const rowSelectedWithFrozenCell = "r1qymf1z7-0-0-beta-19";
-
-    const checkboxLabel = "c8rwwhf7-0-0-beta-19";
-    const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
-    const checkboxInput = "c1rb4brs7-0-0-beta-19";
-    const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
-    const checkbox = "c1bvvwcc7-0-0-beta-19";
-    const checkboxClassname = `rdg-checkbox ${checkbox}`;
-    const checkboxLabelDisabled = "c1yg790j7-0-0-beta-19";
-    const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
-    function checkboxFormatter({
-      onChange,
-      ...props
-    }, ref) {
-      function handleChange(e) {
-        onChange(e.target.checked, e.nativeEvent.shiftKey);
-      }
-
-      return /*#__PURE__*/o("label", {
-        className: clsx(checkboxLabelClassname, props.disabled && checkboxLabelDisabledClassname),
-        children: [/*#__PURE__*/o("input", {
-          type: "checkbox",
-          ref: ref,
-          ...props,
-          className: checkboxInputClassname,
-          onChange: handleChange
-        }), /*#__PURE__*/o("div", {
-          className: checkboxClassname
-        })]
-      });
-    }
-
-    const useLayoutEffect = typeof window === 'undefined' ? h : s;
-
-    function useFocusRef(isSelected) {
-      const ref = _$1(null);
-      useLayoutEffect(() => {
-        if (!isSelected) return;
-        ref.current?.focus({
-          preventScroll: true
-        });
-      }, [isSelected]);
-      return {
-        ref,
-        tabIndex: isSelected ? 0 : -1
-      };
-    }
-
-    const DataGridDefaultComponentsContext = /*#__PURE__*/B$2(undefined);
-    const DataGridDefaultComponentsProvider = DataGridDefaultComponentsContext.Provider;
-    function useDefaultComponents() {
-      return q$1(DataGridDefaultComponentsContext);
-    }
-
-    function SelectCellFormatter({
-      value,
-      isCellSelected,
-      disabled,
-      onChange,
-      'aria-label': ariaLabel,
-      'aria-labelledby': ariaLabelledBy
-    }) {
-      const {
-        ref,
-        tabIndex
-      } = useFocusRef(isCellSelected);
-      const checkboxFormatter = useDefaultComponents().checkboxFormatter;
-      return /*#__PURE__*/o(p$1, {
-        children: checkboxFormatter({
-          'aria-label': ariaLabel,
-          'aria-labelledby': ariaLabelledBy,
-          tabIndex,
-          disabled,
-          checked: value,
-          onChange
-        }, ref)
-      });
-    }
-
-    function valueFormatter(props) {
-      try {
-        return /*#__PURE__*/o(p$1, {
-          children: props.row[props.column.key]
-        });
-      } catch {
-        return null;
-      }
-    }
-
-    const groupCellContent = "gb8l2vs7-0-0-beta-19";
-    const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
-    const caret = "c1ggynjl7-0-0-beta-19";
-    const caretClassname = `rdg-caret ${caret}`;
-    function toggleGroupFormatter(props) {
-      return /*#__PURE__*/o(ToggleGroup, { ...props
-      });
-    }
-    function ToggleGroup({
-      groupKey,
-      isExpanded,
-      isCellSelected,
-      toggleGroup
-    }) {
-      const {
-        ref,
-        tabIndex
-      } = useFocusRef(isCellSelected);
-
-      function handleKeyDown({
-        key
-      }) {
-        if (key === 'Enter') {
-          toggleGroup();
-        }
-      }
-
-      const d = isExpanded ? 'M1 1 L 7 7 L 13 1' : 'M1 7 L 7 1 L 13 7';
-      return /*#__PURE__*/o("span", {
-        ref: ref,
-        className: groupCellContentClassname,
-        tabIndex: tabIndex,
-        onKeyDown: handleKeyDown,
-        children: [groupKey, /*#__PURE__*/o("svg", {
-          viewBox: "0 0 14 8",
-          width: "14",
-          height: "8",
-          className: caretClassname,
-          "aria-hidden": true,
-          children: /*#__PURE__*/o("path", {
-            d: d
-          })
-        })]
-      });
-    }
-
-    const RowSelectionContext = /*#__PURE__*/B$2(undefined);
-    const RowSelectionProvider = RowSelectionContext.Provider;
-    const RowSelectionChangeContext = /*#__PURE__*/B$2(undefined);
-    const RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
-    function useRowSelection() {
-      const rowSelectionContext = q$1(RowSelectionContext);
-      const rowSelectionChangeContext = q$1(RowSelectionChangeContext);
-
-      if (rowSelectionContext === undefined || rowSelectionChangeContext === undefined) {
-        throw new Error('useRowSelection must be used within DataGrid cells');
-      }
-
-      return [rowSelectionContext, rowSelectionChangeContext];
-    }
-
-    const SELECT_COLUMN_KEY = 'select-row';
-
-    function SelectFormatter(props) {
-      const [isRowSelected, onRowSelectionChange] = useRowSelection();
-      return /*#__PURE__*/o(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__*/o(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,
-      minWidth: 35,
-      maxWidth: 35,
-      resizable: false,
-      sortable: false,
-      frozen: true,
-
-      headerRenderer(props) {
-        return /*#__PURE__*/o(SelectCellFormatter, {
-          "aria-label": "Select All",
-          isCellSelected: props.isCellSelected,
-          value: props.allRowsSelected,
-          onChange: props.onAllRowsSelectionChange
-        });
-      },
-
-      formatter(props) {
-        return /*#__PURE__*/o(SelectFormatter, { ...props
-        });
-      },
-
-      groupFormatter(props) {
-        return /*#__PURE__*/o(SelectGroupFormatter, { ...props
-        });
-      }
-
-    };
+    var _=0;function o(o,e,n,t,f,l){var s,u,a={};for(u in e)"ref"==u?s=e[u]:a[u]=e[u];var i={type:o,props:a,key:n,ref:s,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--_,__source:f,__self:l};if("function"==typeof o&&(s=o.defaultProps))for(u in s)void 0===a[u]&&(a[u]=s[u]);return l$1.vnode&&l$1.vnode(i),i}
 
     function getColSpan(column, lastFrozenColumnIndex, args) {
       const colSpan = typeof column.colSpan === 'function' ? column.colSpan(args) : 1;
-
       if (Number.isInteger(colSpan) && colSpan > 1 && (!column.frozen || column.idx + colSpan - 1 <= lastFrozenColumnIndex)) {
         return colSpan;
       }
-
       return undefined;
     }
 
@@ -330,6 +96,21 @@
       });
     }
 
+    function createCellEvent(event) {
+      let defaultPrevented = false;
+      const cellEvent = {
+        ...event,
+        preventGridDefault() {
+          defaultPrevented = true;
+        },
+        isGridDefaultPrevented() {
+          return defaultPrevented;
+        }
+      };
+      Object.setPrototypeOf(cellEvent, Object.getPrototypeOf(event));
+      return cellEvent;
+    }
+
     const nonInputKeys = new Set(['Unidentified', 'Alt', 'AltGraph', 'CapsLock', 'Control', 'Fn', 'FnLock', 'Meta', 'NumLock', 'ScrollLock', 'Shift', 'Tab', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'End', 'Home', 'PageDown', 'PageUp', 'Insert', 'ContextMenu', 'Escape', 'Pause', 'Play', 'PrintScreen', 'F1', 'F3', 'F4', 'F5', 'F6', 'F7', 'F8', 'F9', 'F10', 'F11', 'F12']);
     function isCtrlKeyHeldDown(e) {
       return (e.ctrlKey || e.metaKey) && e.key !== 'Control';
@@ -342,30 +123,27 @@
       target
     }) {
       if (key === 'Tab' && (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement)) {
-        return target.matches('.rdg-editor-container > :only-child, .rdg-editor-container > label:only-child > :only-child');
+        return target.matches('.rdg-editor-container > :only-child, .rdg-editor-container > label:only-child > :only-child, .rdg-editor-container > div:only-child > label:only-child > :only-child');
       }
-
       return false;
     }
 
-    const measuringCellClassname = "m1l09lto7-0-0-beta-19";
+    const measuringCellClassname = "m1l09lto7-0-0-beta-33";
     function renderMeasuringCells(viewportColumns) {
-      return /*#__PURE__*/o(p$1, {
-        children: viewportColumns.map(({
-          key,
-          idx,
+      return viewportColumns.map(({
+        key,
+        idx,
+        minWidth,
+        maxWidth
+      }) => /*#__PURE__*/o("div", {
+        className: measuringCellClassname,
+        style: {
+          gridColumnStart: idx + 1,
           minWidth,
           maxWidth
-        }) => /*#__PURE__*/o("div", {
-          className: measuringCellClassname,
-          style: {
-            gridColumnStart: idx + 1,
-            minWidth,
-            maxWidth
-          },
-          "data-measuring-cell-key": key
-        }, key))
-      });
+        },
+        "data-measuring-cell-key": key
+      }, key));
     }
 
     function isSelectedCellEditable({
@@ -379,7 +157,7 @@
       return !isGroupRow(row) && isCellEditable(column, row);
     }
     function isCellEditable(column, row) {
-      return column.editor != null && !column.rowGroup && (typeof column.editable === 'function' ? column.editable(row) : column.editable) !== false;
+      return column.renderEditCell != null && !column.rowGroup && (typeof column.editable === 'function' ? column.editable(row) : column.editable) !== false;
     }
     function getSelectedCellColSpan({
       rows,
@@ -392,40 +170,33 @@
     }) {
       const topSummaryRowsCount = topSummaryRows?.length ?? 0;
       const minRowIdx = -1 - topSummaryRowsCount;
-
       if (rowIdx === minRowIdx) {
         return getColSpan(column, lastFrozenColumnIndex, {
           type: 'HEADER'
         });
       }
-
       if (topSummaryRows && rowIdx > minRowIdx && rowIdx <= topSummaryRowsCount + minRowIdx) {
         return getColSpan(column, lastFrozenColumnIndex, {
           type: 'SUMMARY',
           row: topSummaryRows[rowIdx + topSummaryRowsCount]
         });
       }
-
       if (rowIdx >= 0 && rowIdx < rows.length) {
         const row = rows[rowIdx];
-
         if (!isGroupRow(row)) {
           return getColSpan(column, lastFrozenColumnIndex, {
             type: 'ROW',
             row
           });
         }
-
-        return undefined;
+        return;
       }
-
       if (bottomSummaryRows) {
         return getColSpan(column, lastFrozenColumnIndex, {
           type: 'SUMMARY',
           row: bottomSummaryRows[rowIdx - rows.length]
         });
       }
-
       return undefined;
     }
     function getNextSelectedCellPosition({
@@ -449,13 +220,11 @@
         idx: nextIdx,
         rowIdx: nextRowIdx
       } = nextPosition;
-
       const setColSpan = moveRight => {
         if (nextRowIdx >= 0 && nextRowIdx < rows.length) {
           const row = rows[nextRowIdx];
           if (isGroupRow(row)) return;
         }
-
         for (const column of colSpanColumns) {
           const colIdx = column.idx;
           if (colIdx > nextIdx) break;
@@ -468,57 +237,40 @@
             column,
             isGroupRow
           });
-
           if (colSpan && nextIdx > colIdx && nextIdx < colSpan + colIdx) {
             nextIdx = colIdx + (moveRight ? colSpan : 0);
             break;
           }
         }
       };
-
       if (isCellWithinBounds(nextPosition)) {
         setColSpan(nextIdx - currentIdx > 0);
       }
-
-      if (cellNavigationMode !== 'NONE') {
+      if (cellNavigationMode === 'CHANGE_ROW') {
         const columnsCount = columns.length;
         const isAfterLastColumn = nextIdx === columnsCount;
         const isBeforeFirstColumn = nextIdx === -1;
-
         if (isAfterLastColumn) {
-          if (cellNavigationMode === 'CHANGE_ROW') {
-            const isLastRow = nextRowIdx === maxRowIdx;
-
-            if (!isLastRow) {
-              nextIdx = 0;
-              nextRowIdx += 1;
-            }
-          } else {
+          const isLastRow = nextRowIdx === maxRowIdx;
+          if (!isLastRow) {
             nextIdx = 0;
+            nextRowIdx += 1;
           }
         } else if (isBeforeFirstColumn) {
-          if (cellNavigationMode === 'CHANGE_ROW') {
-            const isFirstRow = nextRowIdx === minRowIdx;
-
-            if (!isFirstRow) {
-              nextRowIdx -= 1;
-              nextIdx = columnsCount - 1;
-            }
-          } else {
+          const isFirstRow = nextRowIdx === minRowIdx;
+          if (!isFirstRow) {
+            nextRowIdx -= 1;
             nextIdx = columnsCount - 1;
           }
-
           setColSpan(false);
         }
       }
-
       return {
         idx: nextIdx,
         rowIdx: nextRowIdx
       };
     }
     function canExitGrid({
-      cellNavigationMode,
       maxColIdx,
       minRowIdx,
       maxRowIdx,
@@ -528,17 +280,20 @@
       },
       shiftKey
     }) {
-      if (cellNavigationMode === 'NONE' || cellNavigationMode === 'CHANGE_ROW') {
-        const atLastCellInRow = idx === maxColIdx;
-        const atFirstCellInRow = idx === 0;
-        const atLastRow = rowIdx === maxRowIdx;
-        const atFirstRow = rowIdx === minRowIdx;
-        return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
-      }
-
-      return false;
+      const atLastCellInRow = idx === maxColIdx;
+      const atFirstCellInRow = idx === 0;
+      const atLastRow = rowIdx === maxRowIdx;
+      const atFirstRow = rowIdx === minRowIdx;
+      return shiftKey ? atFirstCellInRow && atFirstRow : atLastCellInRow && atLastRow;
     }
 
+    const cell = "c1wupbe7-0-0-beta-33";
+    const cellClassname = `rdg-cell ${cell}`;
+    const cellFrozen = "cd0kgiy7-0-0-beta-33";
+    const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
+    const cellFrozenLast = "c1730fa47-0-0-beta-33";
+    const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
+
     function getRowStyle(rowIdx, height) {
       if (height !== undefined) {
         return {
@@ -546,7 +301,6 @@
           '--rdg-row-height': `${height}px`
         };
       }
-
       return {
         '--rdg-grid-row-start': rowIdx
       };
@@ -580,63 +334,247 @@
       maxWidth
     }) {
       width = max(width, minWidth);
-
       if (typeof maxWidth === 'number' && maxWidth >= minWidth) {
         return min(width, maxWidth);
       }
-
       return width;
     }
 
-    const DEFAULT_COLUMN_WIDTH = 'auto';
-    const DEFAULT_COLUMN_MIN_WIDTH = 80;
-    function useCalculatedColumns({
-      rawColumns,
-      columnWidths,
-      viewportWidth,
-      scrollLeft,
-      defaultColumnOptions,
-      rawGroupBy,
-      enableVirtualization
+    const checkboxLabel = "c1hs68w07-0-0-beta-33";
+    const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
+    const checkboxInput = "cojpd0n7-0-0-beta-33";
+    const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
+    const checkbox = "cwsfieb7-0-0-beta-33";
+    const checkboxClassname = `rdg-checkbox ${checkbox}`;
+    const checkboxLabelDisabled = "c1fgadbl7-0-0-beta-33";
+    const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
+    function renderCheckbox({
+      onChange,
+      ...props
     }) {
-      const defaultWidth = defaultColumnOptions?.width ?? DEFAULT_COLUMN_WIDTH;
-      const defaultMinWidth = defaultColumnOptions?.minWidth ?? DEFAULT_COLUMN_MIN_WIDTH;
-      const defaultMaxWidth = defaultColumnOptions?.maxWidth ?? undefined;
-      const defaultFormatter = defaultColumnOptions?.formatter ?? valueFormatter;
-      const defaultSortable = defaultColumnOptions?.sortable ?? false;
-      const defaultResizable = defaultColumnOptions?.resizable ?? false;
-      const {
-        columns,
-        colSpanColumns,
-        lastFrozenColumnIndex,
-        groupBy
-      } = F(() => {
-        const groupBy = [];
-        let lastFrozenColumnIndex = -1;
-        const columns = rawColumns.map(rawColumn => {
-          const rowGroup = rawGroupBy?.includes(rawColumn.key) ?? false;
-          const frozen = rowGroup || rawColumn.frozen || false;
-          const column = { ...rawColumn,
-            idx: 0,
-            frozen,
-            isLastFrozenColumn: false,
-            rowGroup,
-            width: rawColumn.width ?? defaultWidth,
-            minWidth: rawColumn.minWidth ?? defaultMinWidth,
-            maxWidth: rawColumn.maxWidth ?? defaultMaxWidth,
-            sortable: rawColumn.sortable ?? defaultSortable,
-            resizable: rawColumn.resizable ?? defaultResizable,
-            formatter: rawColumn.formatter ?? defaultFormatter
-          };
-
-          if (rowGroup) {
-            column.groupFormatter ?? (column.groupFormatter = toggleGroupFormatter);
-          }
+      function handleChange(e) {
+        onChange(e.target.checked, e.nativeEvent.shiftKey);
+      }
+      return /*#__PURE__*/o("label", {
+        className: clsx(checkboxLabelClassname, props.disabled && checkboxLabelDisabledClassname),
+        children: [/*#__PURE__*/o("input", {
+          type: "checkbox",
+          ...props,
+          className: checkboxInputClassname,
+          onChange: handleChange
+        }), /*#__PURE__*/o("div", {
+          className: checkboxClassname
+        })]
+      });
+    }
+
+    const groupCellContent = "g1w3c5217-0-0-beta-33";
+    const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
+    const caret = "cm5tyhw7-0-0-beta-33";
+    const caretClassname = `rdg-caret ${caret}`;
+    function renderToggleGroup(props) {
+      return /*#__PURE__*/o(ToggleGroup, {
+        ...props
+      });
+    }
+    function ToggleGroup({
+      groupKey,
+      isExpanded,
+      tabIndex,
+      toggleGroup
+    }) {
+      function handleKeyDown({
+        key
+      }) {
+        if (key === 'Enter') {
+          toggleGroup();
+        }
+      }
+      const d = isExpanded ? 'M1 1 L 7 7 L 13 1' : 'M1 7 L 7 1 L 13 7';
+      return /*#__PURE__*/o("span", {
+        className: groupCellContentClassname,
+        tabIndex: tabIndex,
+        onKeyDown: handleKeyDown,
+        children: [groupKey, /*#__PURE__*/o("svg", {
+          viewBox: "0 0 14 8",
+          width: "14",
+          height: "8",
+          className: caretClassname,
+          "aria-hidden": true,
+          children: /*#__PURE__*/o("path", {
+            d: d
+          })
+        })]
+      });
+    }
+
+    function renderValue(props) {
+      try {
+        return props.row[props.column.key];
+      } catch {
+        return null;
+      }
+    }
+
+    const DataGridDefaultRenderersContext = /*#__PURE__*/G$1(undefined);
+    const DataGridDefaultRenderersProvider = DataGridDefaultRenderersContext.Provider;
+    function useDefaultRenderers() {
+      return q$1(DataGridDefaultRenderersContext);
+    }
+
+    function SelectCellFormatter({
+      value,
+      tabIndex,
+      disabled,
+      onChange,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledBy
+    }) {
+      const renderCheckbox = useDefaultRenderers().renderCheckbox;
+      return renderCheckbox({
+        'aria-label': ariaLabel,
+        'aria-labelledby': ariaLabelledBy,
+        tabIndex,
+        disabled,
+        checked: value,
+        onChange
+      });
+    }
+
+    const RowSelectionContext = /*#__PURE__*/G$1(undefined);
+    const RowSelectionProvider = RowSelectionContext.Provider;
+    const RowSelectionChangeContext = /*#__PURE__*/G$1(undefined);
+    const RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
+    function useRowSelection() {
+      const rowSelectionContext = q$1(RowSelectionContext);
+      const rowSelectionChangeContext = q$1(RowSelectionChangeContext);
+      if (rowSelectionContext === undefined || rowSelectionChangeContext === undefined) {
+        throw new Error('useRowSelection must be used within DataGrid cells');
+      }
+      return [rowSelectionContext, rowSelectionChangeContext];
+    }
+
+    const SELECT_COLUMN_KEY = 'select-row';
+    function HeaderRenderer(props) {
+      const [isRowSelected, onRowSelectionChange] = useRowSelection();
+      return /*#__PURE__*/o(SelectCellFormatter, {
+        "aria-label": "Select All",
+        tabIndex: props.tabIndex,
+        value: isRowSelected,
+        onChange: checked => {
+          onRowSelectionChange({
+            type: 'HEADER',
+            checked
+          });
+        }
+      });
+    }
+    function SelectFormatter(props) {
+      const [isRowSelected, onRowSelectionChange] = useRowSelection();
+      return /*#__PURE__*/o(SelectCellFormatter, {
+        "aria-label": "Select",
+        tabIndex: props.tabIndex,
+        value: isRowSelected,
+        onChange: (checked, isShiftClick) => {
+          onRowSelectionChange({
+            type: 'ROW',
+            row: props.row,
+            checked,
+            isShiftClick
+          });
+        }
+      });
+    }
+    function SelectGroupFormatter(props) {
+      const [isRowSelected, onRowSelectionChange] = useRowSelection();
+      return /*#__PURE__*/o(SelectCellFormatter, {
+        "aria-label": "Select Group",
+        tabIndex: props.tabIndex,
+        value: isRowSelected,
+        onChange: checked => {
+          onRowSelectionChange({
+            type: 'ROW',
+            row: props.row,
+            checked,
+            isShiftClick: false
+          });
+        }
+      });
+    }
+    const SelectColumn = {
+      key: SELECT_COLUMN_KEY,
+      name: '',
+      width: 35,
+      minWidth: 35,
+      maxWidth: 35,
+      resizable: false,
+      sortable: false,
+      frozen: true,
+      renderHeaderCell(props) {
+        return /*#__PURE__*/o(HeaderRenderer, {
+          ...props
+        });
+      },
+      renderCell(props) {
+        return /*#__PURE__*/o(SelectFormatter, {
+          ...props
+        });
+      },
+      renderGroupCell(props) {
+        return /*#__PURE__*/o(SelectGroupFormatter, {
+          ...props
+        });
+      }
+    };
 
+    const DEFAULT_COLUMN_WIDTH = 'auto';
+    const DEFAULT_COLUMN_MIN_WIDTH = 50;
+    function useCalculatedColumns({
+      rawColumns,
+      measuredColumnWidths,
+      resizedColumnWidths,
+      viewportWidth,
+      scrollLeft,
+      defaultColumnOptions,
+      rawGroupBy,
+      enableVirtualization
+    }) {
+      const defaultWidth = defaultColumnOptions?.width ?? DEFAULT_COLUMN_WIDTH;
+      const defaultMinWidth = defaultColumnOptions?.minWidth ?? DEFAULT_COLUMN_MIN_WIDTH;
+      const defaultMaxWidth = defaultColumnOptions?.maxWidth ?? undefined;
+      const defaultFormatter = defaultColumnOptions?.renderCell ?? renderValue;
+      const defaultSortable = defaultColumnOptions?.sortable ?? false;
+      const defaultResizable = defaultColumnOptions?.resizable ?? false;
+      const {
+        columns,
+        colSpanColumns,
+        lastFrozenColumnIndex,
+        groupBy
+      } = F$1(() => {
+        const groupBy = [];
+        let lastFrozenColumnIndex = -1;
+        const columns = rawColumns.map(rawColumn => {
+          const rowGroup = rawGroupBy?.includes(rawColumn.key) ?? false;
+          const frozen = rowGroup || rawColumn.frozen || false;
+          const column = {
+            ...rawColumn,
+            idx: 0,
+            frozen,
+            isLastFrozenColumn: false,
+            rowGroup,
+            width: rawColumn.width ?? defaultWidth,
+            minWidth: rawColumn.minWidth ?? defaultMinWidth,
+            maxWidth: rawColumn.maxWidth ?? defaultMaxWidth,
+            sortable: rawColumn.sortable ?? defaultSortable,
+            resizable: rawColumn.resizable ?? defaultResizable,
+            renderCell: rawColumn.renderCell ?? defaultFormatter
+          };
+          if (rowGroup) {
+            column.renderGroupCell ??= renderToggleGroup;
+          }
           if (frozen) {
             lastFrozenColumnIndex++;
           }
-
           return column;
         });
         columns.sort(({
@@ -648,42 +586,33 @@
         }) => {
           if (aKey === SELECT_COLUMN_KEY) return -1;
           if (bKey === SELECT_COLUMN_KEY) return 1;
-
           if (rawGroupBy?.includes(aKey)) {
             if (rawGroupBy.includes(bKey)) {
               return rawGroupBy.indexOf(aKey) - rawGroupBy.indexOf(bKey);
             }
-
             return -1;
           }
-
           if (rawGroupBy?.includes(bKey)) return 1;
-
           if (frozenA) {
             if (frozenB) return 0;
             return -1;
           }
-
           if (frozenB) return 1;
           return 0;
         });
         const colSpanColumns = [];
         columns.forEach((column, idx) => {
           column.idx = idx;
-
           if (column.rowGroup) {
             groupBy.push(column.key);
           }
-
           if (column.colSpan != null) {
             colSpanColumns.push(column);
           }
         });
-
         if (lastFrozenColumnIndex !== -1) {
           columns[lastFrozenColumnIndex].isLastFrozenColumn = true;
         }
-
         return {
           columns,
           colSpanColumns,
@@ -696,21 +625,18 @@
         layoutCssVars,
         totalFrozenColumnWidth,
         columnMetrics
-      } = F(() => {
+      } = F$1(() => {
         const columnMetrics = new Map();
         let left = 0;
         let totalFrozenColumnWidth = 0;
         const templateColumns = [];
-
         for (const column of columns) {
-          let width = columnWidths.get(column.key) ?? column.width;
-
+          let width = resizedColumnWidths.get(column.key) ?? measuredColumnWidths.get(column.key) ?? column.width;
           if (typeof width === 'number') {
             width = clampColumnWidth(width, column);
           } else {
             width = column.minWidth;
           }
-
           templateColumns.push(`${width}px`);
           columnMetrics.set(column, {
             width,
@@ -718,72 +644,55 @@
           });
           left += width;
         }
-
         if (lastFrozenColumnIndex !== -1) {
           const columnMetric = columnMetrics.get(columns[lastFrozenColumnIndex]);
           totalFrozenColumnWidth = columnMetric.left + columnMetric.width;
         }
-
-        const layoutCssVars = {
-          gridTemplateColumns: templateColumns.join(' ')
-        };
-
+        const layoutCssVars = {};
         for (let i = 0; i <= lastFrozenColumnIndex; i++) {
           const column = columns[i];
           layoutCssVars[`--rdg-frozen-left-${column.idx}`] = `${columnMetrics.get(column).left}px`;
         }
-
         return {
           templateColumns,
           layoutCssVars,
           totalFrozenColumnWidth,
           columnMetrics
         };
-      }, [columnWidths, columns, lastFrozenColumnIndex]);
-      const [colOverscanStartIdx, colOverscanEndIdx] = F(() => {
+      }, [measuredColumnWidths, resizedColumnWidths, columns, lastFrozenColumnIndex]);
+      const [colOverscanStartIdx, colOverscanEndIdx] = F$1(() => {
         if (!enableVirtualization) {
           return [0, columns.length - 1];
         }
-
         const viewportLeft = scrollLeft + totalFrozenColumnWidth;
         const viewportRight = scrollLeft + viewportWidth;
         const lastColIdx = columns.length - 1;
         const firstUnfrozenColumnIdx = min(lastFrozenColumnIndex + 1, lastColIdx);
-
         if (viewportLeft >= viewportRight) {
           return [firstUnfrozenColumnIdx, firstUnfrozenColumnIdx];
         }
-
         let colVisibleStartIdx = firstUnfrozenColumnIdx;
-
         while (colVisibleStartIdx < lastColIdx) {
           const {
             left,
             width
           } = columnMetrics.get(columns[colVisibleStartIdx]);
-
           if (left + width > viewportLeft) {
             break;
           }
-
           colVisibleStartIdx++;
         }
-
         let colVisibleEndIdx = colVisibleStartIdx;
-
         while (colVisibleEndIdx < lastColIdx) {
           const {
             left,
             width
           } = columnMetrics.get(columns[colVisibleEndIdx]);
-
           if (left + width >= viewportRight) {
             break;
           }
-
           colVisibleEndIdx++;
         }
-
         const colOverscanStartIdx = max(firstUnfrozenColumnIdx, colVisibleStartIdx - 1);
         const colOverscanEndIdx = min(lastColIdx, colVisibleEndIdx + 1);
         return [colOverscanStartIdx, colOverscanEndIdx];
@@ -795,18 +704,98 @@
         colOverscanEndIdx,
         templateColumns,
         layoutCssVars,
-        columnMetrics,
         lastFrozenColumnIndex,
         totalFrozenColumnWidth,
         groupBy
       };
     }
 
+    const useLayoutEffect = typeof window === 'undefined' ? p : y;
+
+    function useColumnWidths(columns, viewportColumns, templateColumns, gridRef, gridWidth, resizedColumnWidths, measuredColumnWidths, setResizedColumnWidths, setMeasuredColumnWidths, onColumnResize) {
+      const prevGridWidthRef = _$1(gridWidth);
+      const columnsCanFlex = columns.length === viewportColumns.length;
+      const ignorePreviouslyMeasuredColumns = columnsCanFlex && gridWidth !== prevGridWidthRef.current;
+      const newTemplateColumns = [...templateColumns];
+      const columnsToMeasure = [];
+      for (const {
+        key,
+        idx,
+        width
+      } of viewportColumns) {
+        if (typeof width === 'string' && (ignorePreviouslyMeasuredColumns || !measuredColumnWidths.has(key)) && !resizedColumnWidths.has(key)) {
+          newTemplateColumns[idx] = width;
+          columnsToMeasure.push(key);
+        }
+      }
+      const gridTemplateColumns = newTemplateColumns.join(' ');
+      useLayoutEffect(() => {
+        prevGridWidthRef.current = gridWidth;
+        updateMeasuredWidths(columnsToMeasure);
+      });
+      function updateMeasuredWidths(columnsToMeasure) {
+        if (columnsToMeasure.length === 0) return;
+        setMeasuredColumnWidths(measuredColumnWidths => {
+          const newMeasuredColumnWidths = new Map(measuredColumnWidths);
+          let hasChanges = false;
+          for (const key of columnsToMeasure) {
+            const measuredWidth = measureColumnWidth(gridRef, key);
+            hasChanges ||= measuredWidth !== measuredColumnWidths.get(key);
+            if (measuredWidth === undefined) {
+              newMeasuredColumnWidths.delete(key);
+            } else {
+              newMeasuredColumnWidths.set(key, measuredWidth);
+            }
+          }
+          return hasChanges ? newMeasuredColumnWidths : measuredColumnWidths;
+        });
+      }
+      function handleColumnResize(column, nextWidth) {
+        const {
+          key: resizingKey
+        } = column;
+        const newTemplateColumns = [...templateColumns];
+        const columnsToMeasure = [];
+        for (const {
+          key,
+          idx,
+          width
+        } of viewportColumns) {
+          if (resizingKey === key) {
+            const width = typeof nextWidth === 'number' ? `${nextWidth}px` : nextWidth;
+            newTemplateColumns[idx] = width;
+          } else if (columnsCanFlex && typeof width === 'string' && !resizedColumnWidths.has(key)) {
+            newTemplateColumns[idx] = width;
+            columnsToMeasure.push(key);
+          }
+        }
+        gridRef.current.style.gridTemplateColumns = newTemplateColumns.join(' ');
+        const measuredWidth = typeof nextWidth === 'number' ? nextWidth : measureColumnWidth(gridRef, resizingKey);
+        pn(() => {
+          setResizedColumnWidths(resizedColumnWidths => {
+            const newResizedColumnWidths = new Map(resizedColumnWidths);
+            newResizedColumnWidths.set(resizingKey, measuredWidth);
+            return newResizedColumnWidths;
+          });
+          updateMeasuredWidths(columnsToMeasure);
+        });
+        onColumnResize?.(column.idx, measuredWidth);
+      }
+      return {
+        gridTemplateColumns,
+        handleColumnResize
+      };
+    }
+    function measureColumnWidth(gridRef, key) {
+      const selector = `[data-measuring-cell-key="${CSS.escape(key)}"]`;
+      const measuringCell = gridRef.current.querySelector(selector);
+      return measuringCell?.getBoundingClientRect().width;
+    }
+
     function useGridDimensions() {
       const gridRef = _$1(null);
-      const [inlineSize, setInlineSize] = p(1);
-      const [blockSize, setBlockSize] = p(1);
-      const [isWidthInitialized, setWidthInitialized] = p(false);
+      const [inlineSize, setInlineSize] = h(1);
+      const [blockSize, setBlockSize] = h(1);
       useLayoutEffect(() => {
         const {
           ResizeObserver
@@ -826,23 +815,24 @@
         const initialHeight = height - offsetHeight + clientHeight;
         setInlineSize(initialWidth);
         setBlockSize(initialHeight);
-        setWidthInitialized(true);
         const resizeObserver = new ResizeObserver(entries => {
           const size = entries[0].contentBoxSize[0];
-          setInlineSize(size.inlineSize);
-          setBlockSize(size.blockSize);
+          pn(() => {
+            setInlineSize(size.inlineSize);
+            setBlockSize(size.blockSize);
+          });
         });
         resizeObserver.observe(gridRef.current);
         return () => {
           resizeObserver.disconnect();
         };
       }, []);
-      return [gridRef, inlineSize, blockSize, isWidthInitialized];
+      return [gridRef, inlineSize, blockSize];
     }
 
     function useLatestFunc(fn) {
       const ref = _$1(fn);
-      h(() => {
+      p(() => {
         ref.current = fn;
       });
       const callbackFn = T$1((...args) => {
@@ -851,32 +841,20 @@
       return fn ? callbackFn : fn;
     }
 
-    function useRovingCellRef(isSelected) {
-      const [isChildFocused, setIsChildFocused] = p(false);
-
+    function useRovingTabIndex(isSelected) {
+      const [isChildFocused, setIsChildFocused] = h(false);
       if (isChildFocused && !isSelected) {
         setIsChildFocused(false);
       }
-
-      const ref = T$1(cell => {
-        if (cell === null) return;
-        scrollIntoView(cell);
-        if (cell.contains(document.activeElement)) return;
-        cell.focus({
-          preventScroll: true
-        });
-      }, []);
-
       function onFocus(event) {
         if (event.target !== event.currentTarget) {
           setIsChildFocused(true);
         }
       }
-
-      const isFocused = isSelected && !isChildFocused;
+      const isFocusable = isSelected && !isChildFocused;
       return {
-        ref: isSelected ? ref : undefined,
-        tabIndex: isFocused ? 0 : -1,
+        tabIndex: isFocusable ? 0 : -1,
+        childTabIndex: isSelected ? 0 : -1,
         onFocus: isSelected ? onFocus : undefined
       };
     }
@@ -892,36 +870,29 @@
       lastFrozenColumnIndex,
       rowOverscanStartIdx,
       rowOverscanEndIdx,
-      columnWidths,
       isGroupRow
     }) {
-      const startIdx = F(() => {
+      const startIdx = F$1(() => {
         if (colOverscanStartIdx === 0) return 0;
         let startIdx = colOverscanStartIdx;
-
         const updateStartIdx = (colIdx, colSpan) => {
           if (colSpan !== undefined && colIdx + colSpan > colOverscanStartIdx) {
             startIdx = colIdx;
             return true;
           }
-
           return false;
         };
-
         for (const column of colSpanColumns) {
           const colIdx = column.idx;
           if (colIdx >= startIdx) break;
-
           if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
             type: 'HEADER'
           }))) {
             break;
           }
-
           for (let rowIdx = rowOverscanStartIdx; rowIdx <= rowOverscanEndIdx; rowIdx++) {
             const row = rows[rowIdx];
             if (isGroupRow(row)) continue;
-
             if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
               type: 'ROW',
               row
@@ -929,7 +900,6 @@
               break;
             }
           }
-
           if (topSummaryRows != null) {
             for (const row of topSummaryRows) {
               if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
@@ -940,7 +910,6 @@
               }
             }
           }
-
           if (bottomSummaryRows != null) {
             for (const row of bottomSummaryRows) {
               if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
@@ -952,44 +921,22 @@
             }
           }
         }
-
         return startIdx;
       }, [rowOverscanStartIdx, rowOverscanEndIdx, rows, topSummaryRows, bottomSummaryRows, colOverscanStartIdx, lastFrozenColumnIndex, colSpanColumns, isGroupRow]);
-      const {
-        viewportColumns,
-        flexWidthViewportColumns
-      } = F(() => {
+      return F$1(() => {
         const viewportColumns = [];
-        const flexWidthViewportColumns = [];
-
         for (let colIdx = 0; colIdx <= colOverscanEndIdx; colIdx++) {
           const column = columns[colIdx];
           if (colIdx < startIdx && !column.frozen) continue;
           viewportColumns.push(column);
-
-          if (typeof column.width === 'string') {
-            flexWidthViewportColumns.push(column);
-          }
         }
-
-        return {
-          viewportColumns,
-          flexWidthViewportColumns
-        };
+        return viewportColumns;
       }, [startIdx, colOverscanEndIdx, columns]);
-      const unsizedFlexWidthViewportColumns = F(() => {
-        return flexWidthViewportColumns.filter(column => !columnWidths.has(column.key));
-      }, [flexWidthViewportColumns, columnWidths]);
-      return {
-        viewportColumns,
-        flexWidthViewportColumns: unsizedFlexWidthViewportColumns
-      };
     }
 
     function isReadonlyArray(arr) {
       return Array.isArray(arr);
     }
-
     function useViewportRows({
       rawRows,
       rowHeight,
@@ -1000,13 +947,11 @@
       expandedGroupIds,
       enableVirtualization
     }) {
-      const [groupedRows, rowsCount] = F(() => {
+      const [groupedRows, rowsCount] = F$1(() => {
         if (groupBy.length === 0 || rowGrouper == null) return [undefined, rawRows.length];
-
         const groupRows = (rows, [groupByKey, ...remainingGroupByKeys], startRowIndex) => {
           let groupRowsCount = 0;
           const groups = {};
-
           for (const [key, childRows] of Object.entries(rowGrouper(rows, groupByKey))) {
             const [childGroups, childRowsCount] = remainingGroupByKeys.length === 0 ? [childRows, childRows.length] : groupRows(childRows, remainingGroupByKeys, startRowIndex + groupRowsCount + 1);
             groups[key] = {
@@ -1016,23 +961,19 @@
             };
             groupRowsCount += childRowsCount + 1;
           }
-
           return [groups, groupRowsCount];
         };
-
         return groupRows(rawRows, groupBy, 0);
       }, [groupBy, rowGrouper, rawRows]);
-      const [rows, isGroupRow] = F(() => {
+      const [rows, isGroupRow] = F$1(() => {
         const allGroupRows = new Set();
         if (!groupedRows) return [rawRows, isGroupRow];
         const flattenedRows = [];
-
         const expandGroup = (rows, parentId, level) => {
           if (isReadonlyArray(rows)) {
             flattenedRows.push(...rows);
             return;
           }
-
           Object.keys(rows).forEach((groupKey, posInSet, keys) => {
             const id = parentId !== undefined ? `${parentId}__${groupKey}` : groupKey;
             const isExpanded = expandedGroupIds?.has(id) ?? false;
@@ -1054,16 +995,13 @@
             };
             flattenedRows.push(groupRow);
             allGroupRows.add(groupRow);
-
             if (isExpanded) {
               expandGroup(childGroups, id, level + 1);
             }
           });
         };
-
         expandGroup(groupedRows, undefined, 0);
         return [flattenedRows, isGroupRow];
-
         function isGroupRow(row) {
           return allGroupRows.has(row);
         }
@@ -1074,7 +1012,7 @@
         getRowTop,
         getRowHeight,
         findRowIdx
-      } = F(() => {
+      } = F$1(() => {
         if (typeof rowHeight === 'number') {
           return {
             totalRowHeight: rowHeight * rows.length,
@@ -1084,7 +1022,6 @@
             findRowIdx: offset => floor(offset / rowHeight)
           };
         }
-
         let totalRowHeight = 0;
         let gridTemplateRows = ' ';
         const rowPositions = rows.map(row => {
@@ -1103,43 +1040,34 @@
           totalRowHeight += currentRowHeight;
           return position;
         });
-
         const validateRowIdx = rowIdx => {
           return max(0, min(rows.length - 1, rowIdx));
         };
-
         return {
           totalRowHeight,
           gridTemplateRows,
           getRowTop: rowIdx => rowPositions[validateRowIdx(rowIdx)].top,
           getRowHeight: rowIdx => rowPositions[validateRowIdx(rowIdx)].height,
-
           findRowIdx(offset) {
             let start = 0;
             let end = rowPositions.length - 1;
-
             while (start <= end) {
               const middle = start + floor((end - start) / 2);
               const currentOffset = rowPositions[middle].top;
               if (currentOffset === offset) return middle;
-
               if (currentOffset < offset) {
                 start = middle + 1;
               } else if (currentOffset > offset) {
                 end = middle - 1;
               }
-
               if (start > end) return end;
             }
-
             return 0;
           }
-
         };
       }, [isGroupRow, rowHeight, rows]);
       let rowOverscanStartIdx = 0;
       let rowOverscanEndIdx = rows.length - 1;
-
       if (enableVirtualization) {
         const overscanThreshold = 4;
         const rowVisibleStartIdx = findRowIdx(scrollTop);
@@ -1147,7 +1075,6 @@
         rowOverscanStartIdx = max(0, rowVisibleStartIdx - overscanThreshold);
         rowOverscanEndIdx = min(rows.length - 1, rowVisibleEndIdx + overscanThreshold);
       }
-
       return {
         rowOverscanStartIdx,
         rowOverscanEndIdx,
@@ -1162,107 +1089,371 @@
       };
     }
 
-    const headerSortCell = "h1e8ezgp7-0-0-beta-19";
-    const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
-    const headerSortName = "h1rrblhe7-0-0-beta-19";
-    const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
-    function headerRenderer({
-      column,
-      sortDirection,
-      priority,
-      onSort,
-      isCellSelected
+    const cellDragHandle = "cadd3bp7-0-0-beta-33";
+    const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
+    function DragHandle({
+      rows,
+      columns,
+      selectedPosition,
+      latestDraggedOverRowIdx,
+      isCellEditable,
+      onRowsChange,
+      onFill,
+      setDragging,
+      setDraggedOverRowIdx
     }) {
-      if (!column.sortable) return /*#__PURE__*/o(p$1, {
-        children: column.name
-      });
-      return /*#__PURE__*/o(SortableHeaderCell, {
-        onSort: onSort,
-        sortDirection: sortDirection,
-        priority: priority,
-        isCellSelected: isCellSelected,
-        children: column.name
+      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?.(updatedRows, {
+            indexes,
+            column
+          });
+        }
+      }
+      return /*#__PURE__*/o("div", {
+        className: cellDragHandleClassname,
+        onMouseDown: handleMouseDown,
+        onDoubleClick: handleDoubleClick
       });
     }
 
-    function SortableHeaderCell({
-      onSort,
-      sortDirection,
-      priority,
-      children,
-      isCellSelected
+    const cellEditing = "c1tngyp17-0-0-beta-33";
+    function EditCell({
+      column,
+      colSpan,
+      row,
+      rowIdx,
+      onRowChange,
+      closeEditor,
+      onKeyDown,
+      navigate
     }) {
-      const sortStatus = useDefaultComponents().sortStatus;
-      const {
-        ref,
-        tabIndex
-      } = useFocusRef(isCellSelected);
-
+      const frameRequestRef = _$1();
+      const commitOnOutsideClick = column.editorOptions?.commitOnOutsideClick !== false;
+      const commitOnOutsideMouseDown = useLatestFunc(() => {
+        onClose(true, false);
+      });
+      p(() => {
+        if (!commitOnOutsideClick) return;
+        function onWindowCaptureMouseDown() {
+          frameRequestRef.current = requestAnimationFrame(commitOnOutsideMouseDown);
+        }
+        addEventListener('mousedown', onWindowCaptureMouseDown, {
+          capture: true
+        });
+        return () => {
+          removeEventListener('mousedown', onWindowCaptureMouseDown, {
+            capture: true
+          });
+          cancelFrameRequest();
+        };
+      }, [commitOnOutsideClick, commitOnOutsideMouseDown]);
+      function cancelFrameRequest() {
+        cancelAnimationFrame(frameRequestRef.current);
+      }
       function handleKeyDown(event) {
-        if (event.key === ' ' || event.key === 'Enter') {
-          event.preventDefault();
-          onSort(event.ctrlKey || event.metaKey);
+        if (onKeyDown) {
+          const cellEvent = createCellEvent(event);
+          onKeyDown({
+            mode: 'EDIT',
+            row,
+            column,
+            rowIdx,
+            navigate() {
+              navigate(event);
+            },
+            onClose
+          }, cellEvent);
+          if (cellEvent.isGridDefaultPrevented()) return;
+        }
+        if (event.key === 'Escape') {
+          onClose();
+        } else if (event.key === 'Enter') {
+          onClose(true);
+        } else if (onEditorNavigation(event)) {
+          navigate(event);
         }
       }
-
-      function handleClick(event) {
-        onSort(event.ctrlKey || event.metaKey);
+      function onClose(commitChanges = false, shouldFocusCell = true) {
+        if (commitChanges) {
+          onRowChange(row, true, shouldFocusCell);
+        } else {
+          closeEditor(shouldFocusCell);
+        }
       }
-
-      return /*#__PURE__*/o("span", {
-        ref: ref,
-        tabIndex: tabIndex,
-        className: headerSortCellClassname,
-        onClick: handleClick,
+      function onEditorRowChange(row, commitChangesAndFocus = false) {
+        onRowChange(row, commitChangesAndFocus, commitChangesAndFocus);
+      }
+      const {
+        cellClass
+      } = column;
+      const className = getCellClassname(column, 'rdg-editor-container', typeof cellClass === 'function' ? cellClass(row) : cellClass, !column.editorOptions?.displayCellContent && cellEditing);
+      return /*#__PURE__*/o("div", {
+        role: "gridcell",
+        "aria-colindex": column.idx + 1,
+        "aria-colspan": colSpan,
+        "aria-selected": true,
+        className: className,
+        style: getCellStyle(column, colSpan),
         onKeyDown: handleKeyDown,
-        children: [/*#__PURE__*/o("span", {
-          className: headerSortNameClassname,
-          children: children
-        }), /*#__PURE__*/o("span", {
-          children: sortStatus({
-            sortDirection,
-            priority
-          })
-        })]
+        onMouseDownCapture: cancelFrameRequest,
+        children: column.renderEditCell != null && /*#__PURE__*/o(k$2, {
+          children: [column.renderEditCell({
+            column,
+            row,
+            onRowChange: onEditorRowChange,
+            onClose
+          }), column.editorOptions?.displayCellContent && column.renderCell({
+            column,
+            row,
+            isCellEditable: true,
+            tabIndex: -1,
+            onRowChange: onEditorRowChange
+          })]
+        })
       });
     }
 
-    const cellResizable = "celq7o97-0-0-beta-19";
-    const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
-    function HeaderCell({
-      column,
-      colSpan,
+    function GroupCell({
+      id,
+      groupKey,
+      childRows,
+      isExpanded,
       isCellSelected,
-      onColumnResize,
-      allRowsSelected,
-      onAllRowsSelectionChange,
-      sortColumns,
-      onSortColumnsChange,
-      selectCell,
-      shouldFocusGrid,
-      direction
+      column,
+      row,
+      groupColumnIndex,
+      toggleGroup: toggleGroupWrapper
     }) {
-      const isRtl = direction === 'rtl';
       const {
-        ref,
         tabIndex,
+        childTabIndex,
         onFocus
-      } = useRovingCellRef(isCellSelected);
-      const sortIndex = sortColumns?.findIndex(sort => sort.columnKey === column.key);
-      const sortColumn = sortIndex !== undefined && sortIndex > -1 ? sortColumns[sortIndex] : undefined;
-      const sortDirection = sortColumn?.direction;
-      const priority = sortColumn !== undefined && sortColumns.length > 1 ? sortIndex + 1 : undefined;
-      const ariaSort = sortDirection && !priority ? sortDirection === 'ASC' ? 'ascending' : 'descending' : undefined;
-      const className = getCellClassname(column, column.headerCellClass, column.resizable && cellResizableClassname);
-      const headerRenderer$1 = column.headerRenderer ?? headerRenderer;
+      } = useRovingTabIndex(isCellSelected);
+      function toggleGroup() {
+        toggleGroupWrapper(id);
+      }
+      const isLevelMatching = column.rowGroup && groupColumnIndex === column.idx;
+      return /*#__PURE__*/o("div", {
+        role: "gridcell",
+        "aria-colindex": column.idx + 1,
+        "aria-selected": isCellSelected,
+        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.renderGroupCell?.({
+          groupKey,
+          childRows,
+          column,
+          row,
+          isExpanded,
+          tabIndex: childTabIndex,
+          toggleGroup
+        })
+      }, column.key);
+    }
+    const GroupCell$1 = /*#__PURE__*/x(GroupCell);
 
-      function onPointerDown(event) {
-        if (event.pointerType === 'mouse' && event.buttons !== 1) {
-          return;
-        }
+    const row = "r1otpg647-0-0-beta-33";
+    const rowClassname = `rdg-row ${row}`;
+    const rowSelected = "rel5gk27-0-0-beta-33";
+    const rowSelectedClassname = 'rdg-row-selected';
+    const rowSelectedWithFrozenCell = "r1qymf1z7-0-0-beta-33";
 
-        const {
-          currentTarget,
+    const groupRow = "gyxx7e97-0-0-beta-33";
+    const groupRowClassname = `rdg-group-row ${groupRow}`;
+    function GroupedRow({
+      id,
+      groupKey,
+      viewportColumns,
+      childRows,
+      rowIdx,
+      row,
+      gridRowStart,
+      height,
+      level,
+      isExpanded,
+      selectedCellIdx,
+      isRowSelected,
+      selectGroup,
+      toggleGroup,
+      ...props
+    }) {
+      const idx = viewportColumns[0].key === SELECT_COLUMN_KEY ? level + 1 : level;
+      function handleSelectGroup() {
+        selectGroup(rowIdx);
+      }
+      return /*#__PURE__*/o(RowSelectionProvider, {
+        value: isRowSelected,
+        children: /*#__PURE__*/o("div", {
+          role: "row",
+          "aria-level": level,
+          "aria-expanded": isExpanded,
+          className: clsx(rowClassname, groupRowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, selectedCellIdx === -1 && rowSelectedClassname),
+          onClick: handleSelectGroup,
+          style: getRowStyle(gridRowStart, height),
+          ...props,
+          children: viewportColumns.map(column => /*#__PURE__*/o(GroupCell$1, {
+            id: id,
+            groupKey: groupKey,
+            childRows: childRows,
+            isExpanded: isExpanded,
+            isCellSelected: selectedCellIdx === column.idx,
+            column: column,
+            row: row,
+            groupColumnIndex: idx,
+            toggleGroup: toggleGroup
+          }, column.key))
+        })
+      });
+    }
+    const GroupRowRenderer = /*#__PURE__*/x(GroupedRow);
+
+    const headerSortCell = "hizp7y17-0-0-beta-33";
+    const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
+    const headerSortName = "h14cojrm7-0-0-beta-33";
+    const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
+    function renderHeaderCell({
+      column,
+      sortDirection,
+      priority,
+      onSort,
+      tabIndex
+    }) {
+      if (!column.sortable) return column.name;
+      return /*#__PURE__*/o(SortableHeaderCell, {
+        onSort: onSort,
+        sortDirection: sortDirection,
+        priority: priority,
+        tabIndex: tabIndex,
+        children: column.name
+      });
+    }
+    function SortableHeaderCell({
+      onSort,
+      sortDirection,
+      priority,
+      children,
+      tabIndex
+    }) {
+      const renderSortStatus = useDefaultRenderers().renderSortStatus;
+      function handleKeyDown(event) {
+        if (event.key === ' ' || event.key === 'Enter') {
+          event.preventDefault();
+          onSort(event.ctrlKey || event.metaKey);
+        }
+      }
+      function handleClick(event) {
+        onSort(event.ctrlKey || event.metaKey);
+      }
+      return /*#__PURE__*/o("span", {
+        tabIndex: tabIndex,
+        className: headerSortCellClassname,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: [/*#__PURE__*/o("span", {
+          className: headerSortNameClassname,
+          children: children
+        }), /*#__PURE__*/o("span", {
+          children: renderSortStatus({
+            sortDirection,
+            priority
+          })
+        })]
+      });
+    }
+
+    const cellResizable = "celq7o97-0-0-beta-33";
+    const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
+    function HeaderCell({
+      column,
+      colSpan,
+      isCellSelected,
+      onColumnResize,
+      sortColumns,
+      onSortColumnsChange,
+      selectCell,
+      shouldFocusGrid,
+      direction
+    }) {
+      const isRtl = direction === 'rtl';
+      const {
+        tabIndex,
+        childTabIndex,
+        onFocus
+      } = useRovingTabIndex(isCellSelected);
+      const sortIndex = sortColumns?.findIndex(sort => sort.columnKey === column.key);
+      const sortColumn = sortIndex !== undefined && sortIndex > -1 ? sortColumns[sortIndex] : undefined;
+      const sortDirection = sortColumn?.direction;
+      const priority = sortColumn !== undefined && sortColumns.length > 1 ? sortIndex + 1 : undefined;
+      const ariaSort = sortDirection && !priority ? sortDirection === 'ASC' ? 'ascending' : 'descending' : undefined;
+      const className = getCellClassname(column, column.headerCellClass, column.resizable && cellResizableClassname);
+      const renderHeaderCell$1 = column.renderHeaderCell ?? renderHeaderCell;
+      function onPointerDown(event) {
+        if (event.pointerType === 'mouse' && event.buttons !== 1) {
+          return;
+        }
+        const {
+          currentTarget,
           pointerId
         } = event;
         const {
@@ -1270,11 +1461,9 @@
           left
         } = currentTarget.getBoundingClientRect();
         const offset = isRtl ? event.clientX - left : right - event.clientX;
-
         if (offset > 11) {
           return;
         }
-
         function onPointerMove(event) {
           event.preventDefault();
           const {
@@ -1282,28 +1471,23 @@
             left
           } = currentTarget.getBoundingClientRect();
           const width = isRtl ? right + offset - event.clientX : event.clientX + offset - left;
-
           if (width > 0) {
-            onColumnResize(column, width);
+            onColumnResize(column, clampColumnWidth(width, column));
           }
         }
-
         function onLostPointerCapture() {
           currentTarget.removeEventListener('pointermove', onPointerMove);
           currentTarget.removeEventListener('lostpointercapture', onLostPointerCapture);
         }
-
         currentTarget.setPointerCapture(pointerId);
         currentTarget.addEventListener('pointermove', onPointerMove);
         currentTarget.addEventListener('lostpointercapture', onLostPointerCapture);
       }
-
       function onSort(ctrlClick) {
         if (onSortColumnsChange == null) return;
         const {
           sortDescendingFirst
         } = column;
-
         if (sortColumn === undefined) {
           const nextSort = {
             columnKey: column.key,
@@ -1312,63 +1496,51 @@
           onSortColumnsChange(sortColumns && ctrlClick ? [...sortColumns, nextSort] : [nextSort]);
         } else {
           let nextSortColumn;
-
-          if (sortDescendingFirst && sortDirection === 'DESC' || !sortDescendingFirst && sortDirection === 'ASC') {
+          if (sortDescendingFirst === true && sortDirection === 'DESC' || sortDescendingFirst !== true && sortDirection === 'ASC') {
             nextSortColumn = {
               columnKey: column.key,
               direction: sortDirection === 'ASC' ? 'DESC' : 'ASC'
             };
           }
-
           if (ctrlClick) {
             const nextSortColumns = [...sortColumns];
-
             if (nextSortColumn) {
               nextSortColumns[sortIndex] = nextSortColumn;
             } else {
               nextSortColumns.splice(sortIndex, 1);
             }
-
             onSortColumnsChange(nextSortColumns);
           } else {
             onSortColumnsChange(nextSortColumn ? [nextSortColumn] : []);
           }
         }
       }
-
       function onClick() {
         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;
         }
-
         onColumnResize(column, 'max-content');
       }
-
       function handleFocus(event) {
         onFocus?.(event);
-
         if (shouldFocusGrid) {
           selectCell(0);
         }
       }
-
       return /*#__PURE__*/o("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),
@@ -1376,25 +1548,20 @@
         onClick: onClick,
         onDoubleClick: column.resizable ? onDoubleClick : undefined,
         onPointerDown: column.resizable ? onPointerDown : undefined,
-        children: headerRenderer$1({
+        children: renderHeaderCell$1({
           column,
           sortDirection,
           priority,
           onSort,
-          allRowsSelected,
-          onAllRowsSelectionChange,
-          isCellSelected
+          tabIndex: childTabIndex
         })
       });
     }
 
-    const headerRow = "h197vzie7-0-0-beta-19";
+    const headerRow = "h197vzie7-0-0-beta-33";
     const headerRowClassname = `rdg-header-row ${headerRow}`;
-
     function HeaderRow({
       columns,
-      allRowsSelected,
-      onAllRowsSelectionChange,
       onColumnResize,
       sortColumns,
       onSortColumnsChange,
@@ -1405,24 +1572,19 @@
       direction
     }) {
       const cells = [];
-
       for (let index = 0; index < columns.length; index++) {
         const column = columns[index];
         const colSpan = getColSpan(column, lastFrozenColumnIndex, {
           type: 'HEADER'
         });
-
         if (colSpan !== undefined) {
           index += colSpan - 1;
         }
-
         cells.push( /*#__PURE__*/o(HeaderCell, {
           column: column,
           colSpan: colSpan,
           isCellSelected: selectedCellIdx === column.idx,
           onColumnResize: onColumnResize,
-          allRowsSelected: allRowsSelected,
-          onAllRowsSelectionChange: onAllRowsSelectionChange,
           onSortColumnsChange: onSortColumnsChange,
           sortColumns: sortColumns,
           selectCell: selectCell,
@@ -1430,7 +1592,6 @@
           direction: direction
         }, column.key));
       }
-
       return /*#__PURE__*/o("div", {
         role: "row",
         "aria-rowindex": 1,
@@ -1439,14 +1600,12 @@
         children: cells
       });
     }
+    const HeaderRow$1 = /*#__PURE__*/x(HeaderRow);
 
-    const HeaderRow$1 = /*#__PURE__*/w(HeaderRow);
-
-    const cellCopied = "ccpfvsn7-0-0-beta-19";
+    const cellCopied = "ccpfvsn7-0-0-beta-33";
     const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
-    const cellDraggedOver = "c1bmg16t7-0-0-beta-19";
+    const cellDraggedOver = "c1bmg16t7-0-0-beta-33";
     const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
-
     function Cell({
       column,
       colSpan,
@@ -1454,52 +1613,76 @@
       isCopied,
       isDraggedOver,
       row,
+      rowIdx,
       dragHandle,
-      onRowClick,
-      onRowDoubleClick,
+      onClick,
+      onDoubleClick,
+      onContextMenu,
       onRowChange,
       selectCell,
       ...props
     }) {
       const {
-        ref,
         tabIndex,
+        childTabIndex,
         onFocus
-      } = useRovingCellRef(isCellSelected);
+      } = useRovingTabIndex(isCellSelected);
       const {
         cellClass
       } = column;
       const className = getCellClassname(column, typeof cellClass === 'function' ? cellClass(row) : cellClass, isCopied && cellCopiedClassname, isDraggedOver && cellDraggedOverClassname);
-
+      const isEditable = isCellEditable(column, row);
       function selectCellWrapper(openEditor) {
-        selectCell(row, column, openEditor);
+        selectCell({
+          rowIdx,
+          idx: column.idx
+        }, openEditor);
       }
-
-      function handleClick() {
-        selectCellWrapper(column.editorOptions?.editOnClick);
-        onRowClick?.(row, column);
+      function handleClick(event) {
+        if (onClick) {
+          const cellEvent = createCellEvent(event);
+          onClick({
+            row,
+            column,
+            selectCell: selectCellWrapper
+          }, cellEvent);
+          if (cellEvent.isGridDefaultPrevented()) return;
+        }
+        selectCellWrapper();
       }
-
-      function handleContextMenu() {
+      function handleContextMenu(event) {
+        if (onContextMenu) {
+          const cellEvent = createCellEvent(event);
+          onContextMenu({
+            row,
+            column,
+            selectCell: selectCellWrapper
+          }, cellEvent);
+          if (cellEvent.isGridDefaultPrevented()) return;
+        }
         selectCellWrapper();
       }
-
-      function handleDoubleClick() {
+      function handleDoubleClick(event) {
+        if (onDoubleClick) {
+          const cellEvent = createCellEvent(event);
+          onDoubleClick({
+            row,
+            column,
+            selectCell: selectCellWrapper
+          }, cellEvent);
+          if (cellEvent.isGridDefaultPrevented()) return;
+        }
         selectCellWrapper(true);
-        onRowDoubleClick?.(row, column);
       }
-
       function handleRowChange(newRow) {
         onRowChange(column, newRow);
       }
-
       return /*#__PURE__*/o("div", {
         role: "gridcell",
         "aria-colindex": column.idx + 1,
         "aria-selected": isCellSelected,
         "aria-colspan": colSpan,
-        "aria-readonly": !isCellEditable(column, row) || undefined,
-        ref: ref,
+        "aria-readonly": !isEditable || undefined,
         tabIndex: tabIndex,
         className: className,
         style: getCellStyle(column, colSpan),
@@ -1508,18 +1691,18 @@
         onContextMenu: handleContextMenu,
         onFocus: onFocus,
         ...props,
-        children: !column.rowGroup && /*#__PURE__*/o(p$1, {
-          children: [column.formatter({
+        children: !column.rowGroup && /*#__PURE__*/o(k$2, {
+          children: [column.renderCell({
             column,
             row,
-            isCellSelected,
+            isCellEditable: isEditable,
+            tabIndex: childTabIndex,
             onRowChange: handleRowChange
           }), dragHandle]
         })
       });
     }
-
-    const Cell$1 = /*#__PURE__*/w(Cell);
+    const Cell$1 = /*#__PURE__*/x(Cell);
 
     function Row({
       className,
@@ -1535,8 +1718,9 @@
       viewportColumns,
       selectedCellEditor,
       selectedCellDragHandle,
-      onRowClick,
-      onRowDoubleClick,
+      onCellClick,
+      onCellDoubleClick,
+      onCellContextMenu,
       rowClass,
       setDraggedOverRowIdx,
       onMouseEnter,
@@ -1547,15 +1731,12 @@
       const handleRowChange = useLatestFunc((column, newRow) => {
         onRowChange(column, rowIdx, newRow);
       });
-
       function handleDragEnter(event) {
         setDraggedOverRowIdx?.(rowIdx);
         onMouseEnter?.(event);
       }
-
-      className = clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, rowClass?.(row), className, selectedCellIdx === -1 && rowSelectedClassname);
+      className = clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, rowClass?.(row, rowIdx), className, selectedCellIdx === -1 && rowSelectedClassname);
       const cells = [];
-
       for (let index = 0; index < viewportColumns.length; index++) {
         const column = viewportColumns[index];
         const {
@@ -1565,13 +1746,10 @@
           type: 'ROW',
           row
         });
-
         if (colSpan !== undefined) {
           index += colSpan - 1;
         }
-
         const isCellSelected = selectedCellIdx === idx;
-
         if (isCellSelected && selectedCellEditor) {
           cells.push(selectedCellEditor);
         } else {
@@ -1579,18 +1757,19 @@
             column: column,
             colSpan: colSpan,
             row: row,
+            rowIdx: rowIdx,
             isCopied: copiedCellIdx === idx,
             isDraggedOver: draggedOverCellIdx === idx,
             isCellSelected: isCellSelected,
             dragHandle: isCellSelected ? selectedCellDragHandle : undefined,
-            onRowClick: onRowClick,
-            onRowDoubleClick: onRowDoubleClick,
+            onClick: onCellClick,
+            onDoubleClick: onCellDoubleClick,
+            onContextMenu: onCellContextMenu,
             onRowChange: handleRowChange,
             selectCell: selectCell
           }, column.key));
         }
       }
-
       return /*#__PURE__*/o(RowSelectionProvider, {
         value: isRowSelected,
         children: /*#__PURE__*/o("div", {
@@ -1604,435 +1783,184 @@
         })
       });
     }
-
-    const RowComponent = /*#__PURE__*/w( /*#__PURE__*/N(Row));
-    function defaultRowRenderer(key, props) {
-      return /*#__PURE__*/o(RowComponent, { ...props
+    const RowComponent = /*#__PURE__*/x( /*#__PURE__*/k(Row));
+    function defaultRenderRow(key, props) {
+      return /*#__PURE__*/o(RowComponent, {
+        ...props
       }, key);
     }
 
-    function GroupCell({
-      id,
-      groupKey,
-      childRows,
-      isExpanded,
-      isCellSelected,
+    function ScrollToCell({
+      scrollToPosition: {
+        idx,
+        rowIdx
+      },
+      gridElement,
+      setScrollToCellPosition
+    }) {
+      const ref = _$1(null);
+      useLayoutEffect(() => {
+        scrollIntoView(ref.current);
+      });
+      useLayoutEffect(() => {
+        function removeScrollToCell() {
+          setScrollToCellPosition(null);
+        }
+        const observer = new IntersectionObserver(removeScrollToCell, {
+          root: gridElement,
+          threshold: 1.0
+        });
+        observer.observe(ref.current);
+        return () => {
+          observer.disconnect();
+        };
+      }, [gridElement, setScrollToCellPosition]);
+      return /*#__PURE__*/o("div", {
+        ref: ref,
+        style: {
+          gridColumn: idx === undefined ? '1/-1' : idx + 1,
+          gridRow: rowIdx === undefined ? '1/-1' : rowIdx + 2
+        }
+      });
+    }
+
+    const arrow = "a1mygwml7-0-0-beta-33";
+    const arrowClassname = `rdg-sort-arrow ${arrow}`;
+    function renderSortStatus({
+      sortDirection,
+      priority
+    }) {
+      return /*#__PURE__*/o(k$2, {
+        children: [renderSortIcon({
+          sortDirection
+        }), renderSortPriority({
+          priority
+        })]
+      });
+    }
+    function renderSortIcon({
+      sortDirection
+    }) {
+      if (sortDirection === undefined) return null;
+      return /*#__PURE__*/o("svg", {
+        viewBox: "0 0 12 8",
+        width: "12",
+        height: "8",
+        className: arrowClassname,
+        "aria-hidden": true,
+        children: /*#__PURE__*/o("path", {
+          d: sortDirection === 'ASC' ? 'M0 8 6 0 12 8' : 'M0 0 6 8 12 0'
+        })
+      });
+    }
+    function renderSortPriority({
+      priority
+    }) {
+      return priority;
+    }
+
+    const root = "r104f42s7-0-0-beta-33";
+    const rootClassname = `rdg ${root}`;
+    const viewportDragging = "v7ly7s7-0-0-beta-33";
+    const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
+    const focusSinkClassname = "fc4f4zb7-0-0-beta-33";
+
+    const summaryCellClassname = "s1n3hxke7-0-0-beta-33";
+    function SummaryCell({
       column,
+      colSpan,
       row,
-      groupColumnIndex,
-      toggleGroup: toggleGroupWrapper
+      rowIdx,
+      isCellSelected,
+      selectCell
     }) {
       const {
-        ref,
         tabIndex,
+        childTabIndex,
         onFocus
-      } = useRovingCellRef(isCellSelected);
-
-      function toggleGroup() {
-        toggleGroupWrapper(id);
+      } = useRovingTabIndex(isCellSelected);
+      const {
+        summaryCellClass
+      } = column;
+      const className = getCellClassname(column, summaryCellClassname, typeof summaryCellClass === 'function' ? summaryCellClass(row) : summaryCellClass);
+      function onClick() {
+        selectCell({
+          rowIdx,
+          idx: column.idx
+        });
       }
-
-      const isLevelMatching = column.rowGroup && groupColumnIndex === column.idx;
       return /*#__PURE__*/o("div", {
         role: "gridcell",
         "aria-colindex": column.idx + 1,
+        "aria-colspan": colSpan,
         "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?.({
-          groupKey,
-          childRows,
-          column,
-          row,
-          isExpanded,
-          isCellSelected,
-          toggleGroup
-        })
-      }, column.key);
-    }
-
-    const GroupCell$1 = /*#__PURE__*/w(GroupCell);
-
-    const groupRow = "gyxx7e97-0-0-beta-19";
-    const groupRowClassname = `rdg-group-row ${groupRow}`;
-
-    function GroupedRow({
-      id,
-      groupKey,
-      viewportColumns,
-      childRows,
-      rowIdx,
-      row,
-      gridRowStart,
-      height,
-      level,
-      isExpanded,
-      selectedCellIdx,
-      isRowSelected,
-      selectGroup,
-      toggleGroup,
-      ...props
-    }) {
-      const idx = viewportColumns[0].key === SELECT_COLUMN_KEY ? level + 1 : level;
-
-      function handleSelectGroup() {
-        selectGroup(rowIdx);
-      }
-
-      return /*#__PURE__*/o(RowSelectionProvider, {
-        value: isRowSelected,
-        children: /*#__PURE__*/o("div", {
-          role: "row",
-          "aria-level": level,
-          "aria-expanded": isExpanded,
-          className: clsx(rowClassname, groupRowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, selectedCellIdx === -1 && rowSelectedClassname),
-          onClick: handleSelectGroup,
-          style: getRowStyle(gridRowStart, height),
-          ...props,
-          children: viewportColumns.map(column => /*#__PURE__*/o(GroupCell$1, {
-            id: id,
-            groupKey: groupKey,
-            childRows: childRows,
-            isExpanded: isExpanded,
-            isCellSelected: selectedCellIdx === column.idx,
-            column: column,
-            row: row,
-            groupColumnIndex: idx,
-            toggleGroup: toggleGroup
-          }, column.key))
-        })
-      });
-    }
-
-    const GroupRowRenderer = /*#__PURE__*/w(GroupedRow);
-
-    const summaryCellClassname = "s1n3hxke7-0-0-beta-19";
-
-    function SummaryCell({
-      column,
-      colSpan,
-      row,
-      isCellSelected,
-      selectCell
-    }) {
-      const {
-        ref,
-        tabIndex,
-        onFocus
-      } = useRovingCellRef(isCellSelected);
-      const {
-        summaryCellClass
-      } = column;
-      const className = getCellClassname(column, summaryCellClassname, typeof summaryCellClass === 'function' ? summaryCellClass(row) : summaryCellClass);
-
-      function onClick() {
-        selectCell(row, column);
-      }
-
-      return /*#__PURE__*/o("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: column.summaryFormatter?.({
+        children: column.renderSummaryCell?.({
           column,
           row,
-          isCellSelected
+          tabIndex: childTabIndex
         })
       });
     }
+    const SummaryCell$1 = /*#__PURE__*/x(SummaryCell);
 
-    const SummaryCell$1 = /*#__PURE__*/w(SummaryCell);
-
-    const summaryRow = "snfqesz7-0-0-beta-19";
-    const topSummaryRow = "t1jijrjz7-0-0-beta-19";
-    const topSummaryRowBorderClassname = "t14bmecc7-0-0-beta-19";
-    const bottomSummaryRowBorderClassname = "b1odhhml7-0-0-beta-19";
+    const summaryRow = "snfqesz7-0-0-beta-33";
+    const topSummaryRow = "t1jijrjz7-0-0-beta-33";
+    const topSummaryRowBorderClassname = "t14bmecc7-0-0-beta-33";
+    const bottomSummaryRowBorderClassname = "b1odhhml7-0-0-beta-33";
     const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
     const topSummaryRowClassname = `rdg-top-summary-row ${topSummaryRow}`;
-
     function SummaryRow({
       rowIdx,
       gridRowStart,
       row,
       viewportColumns,
-      top,
-      bottom,
-      lastFrozenColumnIndex,
-      selectedCellIdx,
-      lastTopRowIdx,
-      selectCell,
-      'aria-rowindex': ariaRowIndex
-    }) {
-      const cells = [];
-
-      for (let index = 0; index < viewportColumns.length; index++) {
-        const column = viewportColumns[index];
-        const colSpan = getColSpan(column, lastFrozenColumnIndex, {
-          type: 'SUMMARY',
-          row
-        });
-
-        if (colSpan !== undefined) {
-          index += colSpan - 1;
-        }
-
-        const isCellSelected = selectedCellIdx === column.idx;
-        cells.push( /*#__PURE__*/o(SummaryCell$1, {
-          column: column,
-          colSpan: colSpan,
-          row: row,
-          isCellSelected: isCellSelected,
-          selectCell: selectCell
-        }, column.key));
-      }
-
-      const isTop = lastTopRowIdx !== undefined;
-      return /*#__PURE__*/o("div", {
-        role: "row",
-        "aria-rowindex": ariaRowIndex,
-        className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, isTop ? [topSummaryRowClassname, lastTopRowIdx === rowIdx && topSummaryRowBorderClassname] : ['rdg-bottom-summary-row', rowIdx === 0 && bottomSummaryRowBorderClassname], selectedCellIdx === -1 && rowSelectedClassname),
-        style: { ...getRowStyle(gridRowStart),
-          '--rdg-summary-row-top': top !== undefined ? `${top}px` : undefined,
-          '--rdg-summary-row-bottom': bottom !== undefined ? `${bottom}px` : undefined
-        },
-        children: cells
-      });
-    }
-
-    const SummaryRow$1 = /*#__PURE__*/w(SummaryRow);
-
-    const cellEditing = "c1tngyp17-0-0-beta-19";
-    function EditCell({
-      column,
-      colSpan,
-      row,
-      onRowChange,
-      closeEditor
-    }) {
-      const frameRequestRef = _$1();
-      const commitOnOutsideClick = column.editorOptions?.commitOnOutsideClick !== false;
-      const commitOnOutsideMouseDown = useLatestFunc(() => {
-        onClose(true);
-      });
-      h(() => {
-        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);
-        } else {
-          const onNavigation = column.editorOptions?.onNavigation ?? 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.editorOptions?.renderFormatter && cellEditing);
-      return /*#__PURE__*/o("div", {
-        role: "gridcell",
-        "aria-colindex": column.idx + 1,
-        "aria-colspan": colSpan,
-        "aria-selected": true,
-        className: className,
-        style: getCellStyle(column, colSpan),
-        onKeyDown: onKeyDown,
-        onMouseDownCapture: commitOnOutsideClick ? cancelFrameRequest : undefined,
-        children: column.editor != null && /*#__PURE__*/o(p$1, {
-          children: [column.editor({
-            column,
-            row,
-            onRowChange,
-            onClose
-          }), column.editorOptions?.renderFormatter && column.formatter({
-            column,
-            row,
-            isCellSelected: true,
-            onRowChange
-          })]
-        })
-      });
-    }
-
-    const cellDragHandle = "cadd3bp7-0-0-beta-19";
-    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?.(updatedRows, {
-            indexes,
-            column
-          });
-        }
-      }
-
-      return /*#__PURE__*/o("div", {
-        className: cellDragHandleClassname,
-        onMouseDown: handleMouseDown,
-        onDoubleClick: handleDoubleClick
-      });
-    }
-
-    const arrow = "a1mygwml7-0-0-beta-19";
-    const arrowClassname = `rdg-sort-arrow ${arrow}`;
-    function sortStatus({
-      sortDirection,
-      priority
-    }) {
-      return /*#__PURE__*/o(p$1, {
-        children: [sortIcon({
-          sortDirection
-        }), sortPriority({
-          priority
-        })]
-      });
-    }
-    function sortIcon({
-      sortDirection
-    }) {
-      if (sortDirection === undefined) return null;
-      return /*#__PURE__*/o("svg", {
-        viewBox: "0 0 12 8",
-        width: "12",
-        height: "8",
-        className: arrowClassname,
-        "aria-hidden": true,
-        children: /*#__PURE__*/o("path", {
-          d: sortDirection === 'ASC' ? 'M0 8 6 0 12 8' : 'M0 0 6 8 12 0'
-        })
-      });
-    }
-    function sortPriority({
-      priority
+      top,
+      bottom,
+      lastFrozenColumnIndex,
+      selectedCellIdx,
+      isTop,
+      showBorder,
+      selectCell,
+      'aria-rowindex': ariaRowIndex
     }) {
-      return priority;
+      const cells = [];
+      for (let index = 0; index < viewportColumns.length; index++) {
+        const column = viewportColumns[index];
+        const colSpan = getColSpan(column, lastFrozenColumnIndex, {
+          type: 'SUMMARY',
+          row
+        });
+        if (colSpan !== undefined) {
+          index += colSpan - 1;
+        }
+        const isCellSelected = selectedCellIdx === column.idx;
+        cells.push( /*#__PURE__*/o(SummaryCell$1, {
+          column: column,
+          colSpan: colSpan,
+          row: row,
+          rowIdx: rowIdx,
+          isCellSelected: isCellSelected,
+          selectCell: selectCell
+        }, column.key));
+      }
+      return /*#__PURE__*/o("div", {
+        role: "row",
+        "aria-rowindex": ariaRowIndex,
+        className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, isTop ? [topSummaryRowClassname, showBorder && topSummaryRowBorderClassname] : ['rdg-bottom-summary-row', showBorder && bottomSummaryRowBorderClassname], selectedCellIdx === -1 && rowSelectedClassname),
+        style: {
+          ...getRowStyle(gridRowStart),
+          '--rdg-summary-row-top': top !== undefined ? `${top}px` : undefined,
+          '--rdg-summary-row-bottom': bottom !== undefined ? `${bottom}px` : undefined
+        },
+        children: cells
+      });
     }
-
-    const initialPosition = {
-      idx: -1,
-      rowIdx: -2,
-      mode: 'SELECT'
-    };
+    const SummaryRow$1 = /*#__PURE__*/x(SummaryRow);
 
     function DataGrid(props, ref) {
       const {
@@ -2054,14 +1982,15 @@
         rowGrouper,
         expandedGroupIds,
         onExpandedGroupIdsChange,
-        onRowClick,
-        onRowDoubleClick,
+        onCellClick,
+        onCellDoubleClick,
+        onCellContextMenu,
+        onCellKeyDown,
         onScroll,
         onColumnResize,
         onFill,
         onCopy,
         onPaste,
-        cellNavigationMode: rawCellNavigationMode,
         enableVirtualization: rawEnableVirtualization,
         renderers,
         className,
@@ -2073,43 +2002,51 @@
         'aria-describedby': ariaDescribedBy,
         'data-testid': testId
       } = props;
-      const defaultComponents = useDefaultComponents();
+      const defaultRenderers = useDefaultRenderers();
       const rowHeight = rawRowHeight ?? 35;
       const headerRowHeight = rawHeaderRowHeight ?? (typeof rowHeight === 'number' ? rowHeight : 35);
       const summaryRowHeight = rawSummaryRowHeight ?? (typeof rowHeight === 'number' ? rowHeight : 35);
-      const rowRenderer = renderers?.rowRenderer ?? defaultComponents?.rowRenderer ?? defaultRowRenderer;
-      const sortStatus$1 = renderers?.sortStatus ?? defaultComponents?.sortStatus ?? sortStatus;
-      const checkboxFormatter$1 = renderers?.checkboxFormatter ?? defaultComponents?.checkboxFormatter ?? checkboxFormatter;
-      const noRowsFallback = renderers?.noRowsFallback ?? defaultComponents?.noRowsFallback;
-      const cellNavigationMode = rawCellNavigationMode ?? 'NONE';
+      const renderRow = renderers?.renderRow ?? defaultRenderers?.renderRow ?? defaultRenderRow;
+      const renderSortStatus$1 = renderers?.renderSortStatus ?? defaultRenderers?.renderSortStatus ?? renderSortStatus;
+      const renderCheckbox$1 = renderers?.renderCheckbox ?? defaultRenderers?.renderCheckbox ?? renderCheckbox;
+      const noRowsFallback = renderers?.noRowsFallback ?? defaultRenderers?.noRowsFallback;
       const enableVirtualization = rawEnableVirtualization ?? true;
       const direction = rawDirection ?? 'ltr';
-      const [scrollTop, setScrollTop] = p(0);
-      const [scrollLeft, setScrollLeft] = p(0);
-      const [columnWidths, setColumnWidths] = p(() => new Map());
-      const [selectedPosition, setSelectedPosition] = p(initialPosition);
-      const [copiedCell, setCopiedCell] = p(null);
-      const [isDragging, setDragging] = p(false);
-      const [draggedOverRowIdx, setOverRowIdx] = p(undefined);
-      const prevSelectedPosition = _$1(selectedPosition);
-      const latestDraggedOverRowIdx = _$1(draggedOverRowIdx);
-      const lastSelectedRowIdx = _$1(-1);
-      const rowRef = _$1(null);
-      const [gridRef, gridWidth, gridHeight, isWidthInitialized] = useGridDimensions();
       const headerRowsCount = 1;
       const topSummaryRowsCount = topSummaryRows?.length ?? 0;
       const bottomSummaryRowsCount = bottomSummaryRows?.length ?? 0;
       const summaryRowsCount = topSummaryRowsCount + bottomSummaryRowsCount;
+      const headerAndTopSummaryRowsCount = headerRowsCount + topSummaryRowsCount;
+      const minRowIdx = -headerAndTopSummaryRowsCount;
+      const [scrollTop, setScrollTop] = h(0);
+      const [scrollLeft, setScrollLeft] = h(0);
+      const [resizedColumnWidths, setResizedColumnWidths] = h(() => new Map());
+      const [measuredColumnWidths, setMeasuredColumnWidths] = h(() => new Map());
+      const [selectedPosition, setSelectedPosition] = h(() => ({
+        idx: -1,
+        rowIdx: minRowIdx - 1,
+        mode: 'SELECT'
+      }));
+      const [copiedCell, setCopiedCell] = h(null);
+      const [isDragging, setDragging] = h(false);
+      const [draggedOverRowIdx, setOverRowIdx] = h(undefined);
+      const [scrollToPosition, setScrollToPosition] = h(null);
+      const prevSelectedPosition = _$1(selectedPosition);
+      const latestDraggedOverRowIdx = _$1(draggedOverRowIdx);
+      const lastSelectedRowIdx = _$1(-1);
+      const rowRef = _$1(null);
+      const shouldFocusCellRef = _$1(false);
+      const [gridRef, gridWidth, gridHeight] = useGridDimensions();
       const clientHeight = gridHeight - headerRowHeight - summaryRowsCount * summaryRowHeight;
       const isSelectable = selectedRows != null && onSelectedRowsChange != null;
       const isRtl = direction === 'rtl';
       const leftKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
       const rightKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
-      const defaultGridComponents = F(() => ({
-        sortStatus: sortStatus$1,
-        checkboxFormatter: checkboxFormatter$1
-      }), [sortStatus$1, checkboxFormatter$1]);
-      const allRowsSelected = F(() => {
+      const defaultGridComponents = F$1(() => ({
+        renderCheckbox: renderCheckbox$1,
+        renderSortStatus: renderSortStatus$1
+      }), [renderCheckbox$1, renderSortStatus$1]);
+      const allRowsSelected = F$1(() => {
         const {
           length
         } = rawRows;
@@ -2122,13 +2059,13 @@
         colOverscanEndIdx,
         templateColumns,
         layoutCssVars,
-        columnMetrics,
         lastFrozenColumnIndex,
         totalFrozenColumnWidth,
         groupBy
       } = useCalculatedColumns({
         rawColumns,
-        columnWidths,
+        measuredColumnWidths,
+        resizedColumnWidths,
         scrollLeft,
         viewportWidth: gridWidth,
         defaultColumnOptions,
@@ -2156,10 +2093,7 @@
         expandedGroupIds,
         enableVirtualization
       });
-      const {
-        viewportColumns,
-        flexWidthViewportColumns
-      } = useViewportColumns({
+      const viewportColumns = useViewportColumns({
         columns,
         colSpanColumns,
         colOverscanStartIdx,
@@ -2170,30 +2104,26 @@
         rows,
         topSummaryRows,
         bottomSummaryRows,
-        columnWidths,
         isGroupRow
       });
+      const {
+        gridTemplateColumns,
+        handleColumnResize
+      } = useColumnWidths(columns, viewportColumns, templateColumns, gridRef, gridWidth, resizedColumnWidths, measuredColumnWidths, setResizedColumnWidths, setMeasuredColumnWidths, onColumnResize);
       const hasGroups = groupBy.length > 0 && typeof rowGrouper === 'function';
       const minColIdx = hasGroups ? -1 : 0;
       const maxColIdx = columns.length - 1;
-      const minRowIdx = -1 - topSummaryRowsCount;
       const maxRowIdx = rows.length + bottomSummaryRowsCount - 1;
       const selectedCellIsWithinSelectionBounds = isCellWithinSelectionBounds(selectedPosition);
       const selectedCellIsWithinViewportBounds = isCellWithinViewportBounds(selectedPosition);
       const handleColumnResizeLatest = useLatestFunc(handleColumnResize);
       const onSortColumnsChangeLatest = useLatestFunc(onSortColumnsChange);
-      const onRowClickLatest = useLatestFunc(onRowClick);
-      const onRowDoubleClickLatest = useLatestFunc(onRowDoubleClick);
+      const onCellClickLatest = useLatestFunc(onCellClick);
+      const onCellDoubleClickLatest = useLatestFunc(onCellDoubleClick);
+      const onCellContextMenuLatest = useLatestFunc(onCellContextMenu);
       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 selectCellLatest = useLatestFunc(selectCell);
       const selectGroupLatest = useLatestFunc(rowIdx => {
         selectCell({
           rowIdx,
@@ -2206,29 +2136,13 @@
           idx
         });
       });
-      const selectTopSummaryCellLatest = useLatestFunc((summaryRow, column) => {
-        const rowIdx = topSummaryRows.indexOf(summaryRow);
-        selectCell({
-          rowIdx: rowIdx + minRowIdx + 1,
-          idx: column.idx
-        });
-      });
-      const selectBottomSummaryCellLatest = useLatestFunc((summaryRow, column) => {
-        const rowIdx = bottomSummaryRows.indexOf(summaryRow) + rows.length;
-        selectCell({
-          rowIdx,
-          idx: column.idx
-        });
-      });
       const toggleGroupLatest = useLatestFunc(toggleGroup);
       useLayoutEffect(() => {
         if (!selectedCellIsWithinSelectionBounds || isSamePosition(selectedPosition, prevSelectedPosition.current)) {
           prevSelectedPosition.current = selectedPosition;
           return;
         }
-
         prevSelectedPosition.current = selectedPosition;
-
         if (selectedPosition.idx === -1) {
           rowRef.current.focus({
             preventScroll: true
@@ -2237,102 +2151,79 @@
         }
       });
       useLayoutEffect(() => {
-        if (!isWidthInitialized || flexWidthViewportColumns.length === 0) return;
-        setColumnWidths(columnWidths => {
-          const newColumnWidths = new Map(columnWidths);
-          const grid = gridRef.current;
-
-          for (const column of flexWidthViewportColumns) {
-            const measuringCell = grid.querySelector(`[data-measuring-cell-key="${column.key}"]`);
-            const {
-              width
-            } = measuringCell.getBoundingClientRect();
-            newColumnWidths.set(column.key, width);
-          }
-
-          return newColumnWidths;
+        if (!shouldFocusCellRef.current) return;
+        shouldFocusCellRef.current = false;
+        const cell = getCellToScroll(gridRef.current);
+        if (cell === null) return;
+        scrollIntoView(cell);
+        const elementToFocus = cell.querySelector('[tabindex="0"]') ?? cell;
+        elementToFocus.focus({
+          preventScroll: true
         });
-      }, [isWidthInitialized, flexWidthViewportColumns, gridRef]);
+      });
       A(ref, () => ({
         element: gridRef.current,
-        scrollToColumn,
-
-        scrollToRow(rowIdx) {
-          const {
-            current
-          } = gridRef;
-          if (!current) return;
-          current.scrollTo({
-            top: getRowTop(rowIdx),
-            behavior: 'smooth'
-          });
+        scrollToCell({
+          idx,
+          rowIdx
+        }) {
+          const scrollToIdx = idx !== undefined && idx > lastFrozenColumnIndex && idx < columns.length ? idx : undefined;
+          const scrollToRowIdx = rowIdx !== undefined && isRowIdxWithinViewportBounds(rowIdx) ? rowIdx : undefined;
+          if (scrollToIdx !== undefined || scrollToRowIdx !== undefined) {
+            setScrollToPosition({
+              idx: scrollToIdx,
+              rowIdx: scrollToRowIdx
+            });
+          }
         },
-
         selectCell
       }));
       const setDraggedOverRowIdx = T$1(rowIdx => {
         setOverRowIdx(rowIdx);
         latestDraggedOverRowIdx.current = rowIdx;
       }, []);
-
-      function handleColumnResize(column, width) {
-        const {
-          style
-        } = gridRef.current;
-        const newTemplateColumns = [...templateColumns];
-        newTemplateColumns[column.idx] = width === 'max-content' ? width : `${width}px`;
-        style.gridTemplateColumns = newTemplateColumns.join(' ');
-        const measuringCell = gridRef.current.querySelector(`[data-measuring-cell-key="${column.key}"]`);
-        const measuredWidth = measuringCell.getBoundingClientRect().width;
-        const measuredWidthPx = `${measuredWidth}px`;
-
-        if (newTemplateColumns[column.idx] !== measuredWidthPx) {
-          newTemplateColumns[column.idx] = measuredWidthPx;
-          style.gridTemplateColumns = newTemplateColumns.join(' ');
-        }
-
-        if (columnWidths.get(column.key) === measuredWidth) return;
-        const newColumnWidths = new Map(columnWidths);
-        newColumnWidths.set(column.key, measuredWidth);
-        setColumnWidths(newColumnWidths);
-        onColumnResize?.(column.idx, measuredWidth);
-      }
-
-      function selectRow({
-        row,
-        checked,
-        isShiftClick
-      }) {
+      function selectRow(args) {
         if (!onSelectedRowsChange) return;
         assertIsValidKeyGetter(rowKeyGetter);
+        if (args.type === 'HEADER') {
+          const newSelectedRows = new Set(selectedRows);
+          for (const row of rawRows) {
+            const rowKey = rowKeyGetter(row);
+            if (args.checked) {
+              newSelectedRows.add(rowKey);
+            } else {
+              newSelectedRows.delete(rowKey);
+            }
+          }
+          onSelectedRowsChange(newSelectedRows);
+          return;
+        }
+        const {
+          row,
+          checked,
+          isShiftClick
+        } = args;
         const newSelectedRows = new Set(selectedRows);
-
         if (isGroupRow(row)) {
           for (const childRow of row.childRows) {
             const rowKey = rowKeyGetter(childRow);
-
             if (checked) {
               newSelectedRows.add(rowKey);
             } else {
               newSelectedRows.delete(rowKey);
             }
           }
-
           onSelectedRowsChange(newSelectedRows);
           return;
         }
-
         const rowKey = rowKeyGetter(row);
-
         if (checked) {
           newSelectedRows.add(rowKey);
           const previousRowIdx = lastSelectedRowIdx.current;
           const rowIdx = rows.indexOf(row);
           lastSelectedRowIdx.current = rowIdx;
-
           if (isShiftClick && previousRowIdx !== -1 && previousRowIdx !== rowIdx) {
             const step = sign(rowIdx - previousRowIdx);
-
             for (let i = previousRowIdx + step; i !== rowIdx; i += step) {
               const row = rows[i];
               if (isGroupRow(row)) continue;
@@ -2343,42 +2234,37 @@
           newSelectedRows.delete(rowKey);
           lastSelectedRowIdx.current = -1;
         }
-
-        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);
-
         if (newExpandedGroupIds.has(expandedGroupId)) {
           newExpandedGroupIds.delete(expandedGroupId);
         } else {
           newExpandedGroupIds.add(expandedGroupId);
         }
-
         onExpandedGroupIdsChange(newExpandedGroupIds);
       }
-
       function handleKeyDown(event) {
+        const {
+          idx,
+          rowIdx,
+          mode
+        } = selectedPosition;
+        if (mode === 'EDIT') return;
+        const row = rows[rowIdx];
+        if (!isGroupRow(row) && onCellKeyDown) {
+          const cellEvent = createCellEvent(event);
+          onCellKeyDown({
+            mode: 'SELECT',
+            row,
+            column: columns[idx],
+            rowIdx,
+            selectCell
+          }, cellEvent);
+          if (cellEvent.isGridDefaultPrevented()) return;
+        }
         if (!(event.target instanceof Element)) return;
         const isCellEvent = event.target.closest('.rdg-cell') !== null;
         const isRowEvent = hasGroups && event.target === rowRef.current;
@@ -2387,40 +2273,27 @@
           key,
           keyCode
         } = event;
-        const {
-          rowIdx
-        } = selectedPosition;
-
-        if (selectedCellIsWithinViewportBounds && (onPaste != null || onCopy != null) && isCtrlKeyHeldDown(event) && !isGroupRow(rows[rowIdx]) && selectedPosition.mode === 'SELECT') {
+        if (selectedCellIsWithinViewportBounds && (onPaste != null || onCopy != null) && isCtrlKeyHeldDown(event) && !isGroupRow(rows[rowIdx])) {
           const cKey = 67;
           const vKey = 86;
-
           if (keyCode === cKey) {
             handleCopy();
             return;
           }
-
           if (keyCode === vKey) {
             handlePaste();
             return;
           }
         }
-
-        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 (isRowIdxWithinViewportBounds(rowIdx) && isGroupRow(row) && selectedPosition.idx === -1 && (key === leftKey && row.isExpanded || key === rightKey && !row.isExpanded)) {
+          event.preventDefault();
+          toggleGroup(row.id);
+          return;
         }
-
         switch (event.key) {
           case 'Escape':
             setCopiedCell(null);
             return;
-
           case 'ArrowUp':
           case 'ArrowDown':
           case 'ArrowLeft':
@@ -2432,29 +2305,25 @@
           case 'PageDown':
             navigate(event);
             break;
-
           default:
             handleCellInput(event);
             break;
         }
       }
-
       function handleScroll(event) {
         const {
           scrollTop,
           scrollLeft
         } = event.currentTarget;
-        sn(() => {
+        pn(() => {
           setScrollTop(scrollTop);
           setScrollLeft(abs(scrollLeft));
         });
         onScroll?.(event);
       }
-
       function getRawRowIdx(rowIdx) {
         return hasGroups ? rawRows.indexOf(rows[rowIdx]) : rowIdx;
       }
-
       function updateRow(column, rowIdx, row) {
         if (typeof onRowsChange !== 'function') return;
         const rawRowIdx = getRawRowIdx(rowIdx);
@@ -2466,12 +2335,10 @@
           column
         });
       }
-
       function commitEditorChanges() {
         if (selectedPosition.mode !== 'EDIT') return;
         updateRow(columns[selectedPosition.idx], selectedPosition.rowIdx, selectedPosition.row);
       }
-
       function handleCopy() {
         const {
           idx,
@@ -2488,12 +2355,10 @@
           sourceColumnKey
         });
       }
-
       function handlePaste() {
         if (!onPaste || !onRowsChange || copiedCell === null || !isCellEditable(selectedPosition)) {
           return;
         }
-
         const {
           idx,
           rowIdx
@@ -2508,7 +2373,6 @@
         });
         updateRow(targetColumn, rowIdx, updatedTargetRow);
       }
-
       function handleCellInput(event) {
         if (!selectedCellIsWithinViewportBounds) return;
         const row = rows[selectedPosition.rowIdx];
@@ -2517,11 +2381,11 @@
           key,
           shiftKey
         } = event;
-
         if (isSelectable && shiftKey && key === ' ') {
           assertIsValidKeyGetter(rowKeyGetter);
           const rowKey = rowKeyGetter(row);
           selectRow({
+            type: 'ROW',
             row,
             checked: !selectedRows.has(rowKey),
             isShiftClick: false
@@ -2529,11 +2393,6 @@
           event.preventDefault();
           return;
         }
-
-        const column = columns[selectedPosition.idx];
-        column.editorOptions?.onCellKeyDown?.(event);
-        if (event.isDefaultPrevented()) return;
-
         if (isCellEditable(selectedPosition) && isDefaultCellInput(event)) {
           setSelectedPosition(({
             idx,
@@ -2547,29 +2406,24 @@
           }));
         }
       }
-
       function isColIdxWithinSelectionBounds(idx) {
         return idx >= minColIdx && idx <= maxColIdx;
       }
-
       function isRowIdxWithinViewportBounds(rowIdx) {
         return rowIdx >= 0 && rowIdx < rows.length;
       }
-
       function isCellWithinSelectionBounds({
         idx,
         rowIdx
       }) {
         return rowIdx >= minRowIdx && rowIdx <= maxRowIdx && isColIdxWithinSelectionBounds(idx);
       }
-
       function isCellWithinViewportBounds({
         idx,
         rowIdx
       }) {
         return isRowIdxWithinViewportBounds(rowIdx) && isColIdxWithinSelectionBounds(idx);
       }
-
       function isCellEditable(position) {
         return isCellWithinViewportBounds(position) && isSelectedCellEditable({
           columns,
@@ -2578,80 +2432,27 @@
           isGroupRow
         });
       }
-
       function selectCell(position, enableEditor) {
         if (!isCellWithinSelectionBounds(position)) return;
         commitEditorChanges();
-
         if (enableEditor && isCellEditable(position)) {
           const row = rows[position.rowIdx];
-          setSelectedPosition({ ...position,
+          setSelectedPosition({
+            ...position,
             mode: 'EDIT',
             row,
             originalRow: row
           });
         } else if (isSamePosition(selectedPosition, position)) {
-          scrollIntoView(gridRef.current?.querySelector('[tabindex="0"]'));
+          scrollIntoView(getCellToScroll(gridRef.current));
         } else {
-          setSelectedPosition({ ...position,
+          shouldFocusCellRef.current = true;
+          setSelectedPosition({
+            ...position,
             mode: 'SELECT'
           });
         }
       }
-
-      function scrollToColumn(idx) {
-        const {
-          current
-        } = gridRef;
-        if (!current) return;
-
-        if (idx > lastFrozenColumnIndex) {
-          const {
-            rowIdx
-          } = selectedPosition;
-          if (!isCellWithinSelectionBounds({
-            rowIdx,
-            idx
-          })) return;
-          const {
-            clientWidth
-          } = current;
-          const column = columns[idx];
-          const {
-            left,
-            width
-          } = columnMetrics.get(column);
-          let right = left + width;
-          const colSpan = getSelectedCellColSpan({
-            rows,
-            topSummaryRows,
-            bottomSummaryRows,
-            rowIdx,
-            lastFrozenColumnIndex,
-            column,
-            isGroupRow
-          });
-
-          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;
-          } else if (isCellAtRightBoundary) {
-            current.scrollLeft = (right - clientWidth) * sign;
-          }
-        }
-      }
-
       function getNextPosition(key, ctrlKey, shiftKey) {
         const {
           idx,
@@ -2659,19 +2460,15 @@
         } = selectedPosition;
         const row = rows[rowIdx];
         const isRowSelected = selectedCellIsWithinSelectionBounds && idx === -1;
-
         if (key === leftKey && isRowSelected && isGroupRow(row) && !row.isExpanded && row.level !== 0) {
           let parentRowIdx = -1;
-
           for (let i = selectedPosition.rowIdx - 1; i >= 0; i--) {
             const parentRow = rows[i];
-
             if (isGroupRow(parentRow) && parentRow.id === row.parentId) {
               parentRowIdx = i;
               break;
             }
           }
-
           if (parentRowIdx !== -1) {
             return {
               idx,
@@ -2679,38 +2476,32 @@
             };
           }
         }
-
         switch (key) {
           case 'ArrowUp':
             return {
               idx,
               rowIdx: rowIdx - 1
             };
-
           case 'ArrowDown':
             return {
               idx,
               rowIdx: rowIdx + 1
             };
-
           case leftKey:
             return {
               idx: idx - 1,
               rowIdx
             };
-
           case rightKey:
             return {
               idx: idx + 1,
               rowIdx
             };
-
           case 'Tab':
             return {
               idx: idx + (shiftKey ? -1 : 1),
               rowIdx
             };
-
           case 'Home':
             if (isRowSelected) return {
               idx,
@@ -2720,7 +2511,6 @@
               idx: 0,
               rowIdx: ctrlKey ? minRowIdx : rowIdx
             };
-
           case 'End':
             if (isRowSelected) return {
               idx,
@@ -2730,7 +2520,6 @@
               idx: maxColIdx,
               rowIdx: ctrlKey ? maxRowIdx : rowIdx
             };
-
           case 'PageUp':
             {
               if (selectedPosition.rowIdx === minRowIdx) return selectedPosition;
@@ -2740,7 +2529,6 @@
                 rowIdx: nextRowY > 0 ? findRowIdx(nextRowY) : 0
               };
             }
-
           case 'PageDown':
             {
               if (selectedPosition.rowIdx >= rows.length) return selectedPosition;
@@ -2750,23 +2538,19 @@
                 rowIdx: nextRowY < totalRowHeight ? findRowIdx(nextRowY) : rows.length - 1
               };
             }
-
           default:
             return selectedPosition;
         }
       }
-
       function navigate(event) {
         const {
           key,
           shiftKey
         } = event;
-        let mode = cellNavigationMode;
-
+        let cellNavigationMode = 'NONE';
         if (key === 'Tab') {
           if (canExitGrid({
             shiftKey,
-            cellNavigationMode,
             maxColIdx,
             minRowIdx,
             maxRowIdx,
@@ -2775,10 +2559,8 @@
             commitEditorChanges();
             return;
           }
-
-          mode = cellNavigationMode === 'NONE' ? 'CHANGE_ROW' : cellNavigationMode;
+          cellNavigationMode = 'CHANGE_ROW';
         }
-
         event.preventDefault();
         const ctrlKey = isCtrlKeyHeldDown(event);
         const nextPosition = getNextPosition(key, ctrlKey, shiftKey);
@@ -2792,7 +2574,7 @@
           minRowIdx,
           maxRowIdx,
           lastFrozenColumnIndex,
-          cellNavigationMode: mode,
+          cellNavigationMode,
           currentPosition: selectedPosition,
           nextPosition,
           isCellWithinBounds: isCellWithinSelectionBounds,
@@ -2800,7 +2582,6 @@
         });
         selectCell(nextSelectedCellPosition);
       }
-
       function getDraggedOverCellIdx(currentRowIdx) {
         if (draggedOverRowIdx === undefined) return;
         const {
@@ -2809,25 +2590,10 @@
         const isDraggedOver = rowIdx < draggedOverRowIdx ? rowIdx < currentRowIdx && currentRowIdx <= draggedOverRowIdx : rowIdx > currentRowIdx && currentRowIdx >= draggedOverRowIdx;
         return isDraggedOver ? selectedPosition.idx : undefined;
       }
-
-      function getLayoutCssVars() {
-        if (flexWidthViewportColumns.length === 0) return layoutCssVars;
-        const newTemplateColumns = [...templateColumns];
-
-        for (const column of flexWidthViewportColumns) {
-          newTemplateColumns[column.idx] = column.width;
-        }
-
-        return { ...layoutCssVars,
-          gridTemplateColumns: newTemplateColumns.join(' ')
-        };
-      }
-
       function getDragHandle(rowIdx) {
         if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === 'EDIT' || hasGroups || onFill == null) {
           return;
         }
-
         return /*#__PURE__*/o(DragHandle, {
           rows: rawRows,
           columns: columns,
@@ -2840,7 +2606,6 @@
           setDraggedOverRowIdx: setDraggedOverRowIdx
         });
       }
-
       function getCellEditor(rowIdx) {
         if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === 'SELECT') return;
         const {
@@ -2852,8 +2617,8 @@
           type: 'ROW',
           row
         });
-
-        const closeEditor = () => {
+        const closeEditor = shouldFocusCell => {
+          shouldFocusCellRef.current = shouldFocusCell;
           setSelectedPosition(({
             idx,
             rowIdx
@@ -2863,41 +2628,40 @@
             mode: 'SELECT'
           }));
         };
-
-        const onRowChange = (row, commitChanges) => {
+        const onRowChange = (row, commitChanges, shouldFocusCell) => {
           if (commitChanges) {
-            updateRow(column, selectedPosition.rowIdx, row);
-            closeEditor();
+            pn(() => {
+              updateRow(column, selectedPosition.rowIdx, row);
+              closeEditor(shouldFocusCell);
+            });
           } else {
-            setSelectedPosition(position => ({ ...position,
+            setSelectedPosition(position => ({
+              ...position,
               row
             }));
           }
         };
-
         if (rows[selectedPosition.rowIdx] !== selectedPosition.originalRow) {
-          closeEditor();
+          closeEditor(false);
         }
-
         return /*#__PURE__*/o(EditCell, {
           column: column,
           colSpan: colSpan,
           row: row,
+          rowIdx: rowIdx,
           onRowChange: onRowChange,
-          closeEditor: closeEditor
+          closeEditor: closeEditor,
+          onKeyDown: onCellKeyDown,
+          navigate: navigate
         }, column.key);
       }
-
       function getRowViewportColumns(rowIdx) {
         const selectedColumn = columns[selectedPosition.idx];
-
         if (selectedColumn !== undefined && selectedPosition.rowIdx === rowIdx && !viewportColumns.includes(selectedColumn)) {
           return selectedPosition.idx > colOverscanEndIdx ? [...viewportColumns, selectedColumn] : [...viewportColumns.slice(0, lastFrozenColumnIndex + 1), selectedColumn, ...viewportColumns.slice(lastFrozenColumnIndex + 1)];
         }
-
         return viewportColumns;
       }
-
       function getViewportRows() {
         const rowElements = [];
         let startRowIndex = 0;
@@ -2907,13 +2671,11 @@
         } = 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];
@@ -2921,20 +2683,22 @@
               rowColumns = getRowViewportColumns(rowIdx);
             }
           }
-
           const row = rows[rowIdx];
-          const gridRowStart = headerRowsCount + topSummaryRowsCount + rowIdx + 1;
-
+          const gridRowStart = headerAndTopSummaryRowsCount + rowIdx + 1;
           if (isGroupRow(row)) {
             ({
               startRowIndex
             } = row);
-            const isGroupRowSelected = isSelectable && row.childRows.every(cr => selectedRows.has(rowKeyGetter(cr)));
+            let isGroupRowSelected = false;
+            if (isSelectable) {
+              assertIsValidKeyGetter(rowKeyGetter);
+              isGroupRowSelected = row.childRows.every(cr => selectedRows.has(rowKeyGetter(cr)));
+            }
             rowElements.push( /*#__PURE__*/o(GroupRowRenderer, {
               "aria-level": row.level + 1,
               "aria-setsize": row.setSize,
               "aria-posinset": row.posInSet + 1,
-              "aria-rowindex": headerRowsCount + topSummaryRowsCount + startRowIndex + 1,
+              "aria-rowindex": headerAndTopSummaryRowsCount + startRowIndex + 1,
               "aria-selected": isSelectable ? isGroupRowSelected : undefined,
               id: row.id,
               groupKey: row.groupKey,
@@ -2953,27 +2717,25 @@
             }, row.id));
             continue;
           }
-
           startRowIndex++;
           let key;
           let isRowSelected = false;
-
           if (typeof rowKeyGetter === 'function') {
             key = rowKeyGetter(row);
             isRowSelected = selectedRows?.has(key) ?? false;
           } else {
             key = hasGroups ? startRowIndex : rowIdx;
           }
-
-          rowElements.push(rowRenderer(key, {
-            'aria-rowindex': headerRowsCount + topSummaryRowsCount + (hasGroups ? startRowIndex : rowIdx) + 1,
+          rowElements.push(renderRow(key, {
+            'aria-rowindex': headerAndTopSummaryRowsCount + (hasGroups ? startRowIndex : rowIdx) + 1,
             'aria-selected': isSelectable ? isRowSelected : undefined,
             rowIdx,
             row,
             viewportColumns: rowColumns,
             isRowSelected,
-            onRowClick: onRowClickLatest,
-            onRowDoubleClick: onRowDoubleClickLatest,
+            onCellClick: onCellClickLatest,
+            onCellDoubleClick: onCellDoubleClickLatest,
+            onCellContextMenu: onCellContextMenuLatest,
             rowClass,
             gridRowStart,
             height: getRowHeight(rowIdx),
@@ -2983,35 +2745,32 @@
             setDraggedOverRowIdx: isDragging ? setDraggedOverRowIdx : undefined,
             lastFrozenColumnIndex,
             onRowChange: handleFormatterRowChangeLatest,
-            selectCell: selectViewportCellLatest,
+            selectCell: selectCellLatest,
             selectedCellDragHandle: getDragHandle(rowIdx),
             selectedCellEditor: getCellEditor(rowIdx)
           }));
         }
-
         return rowElements;
       }
-
       if (selectedPosition.idx > maxColIdx || selectedPosition.rowIdx > maxRowIdx) {
-        setSelectedPosition(initialPosition);
+        setSelectedPosition({
+          idx: -1,
+          rowIdx: minRowIdx - 1,
+          mode: 'SELECT'
+        });
         setDraggedOverRowIdx(undefined);
       }
-
       let templateRows = `${headerRowHeight}px`;
-
       if (topSummaryRowsCount > 0) {
         templateRows += ` repeat(${topSummaryRowsCount}, ${summaryRowHeight}px)`;
       }
-
       if (rows.length > 0) {
         templateRows += gridTemplateRows;
       }
-
       if (bottomSummaryRowsCount > 0) {
         templateRows += ` repeat(${bottomSummaryRowsCount}, ${summaryRowHeight}px)`;
       }
-
-      const isGroupRowFocused = selectedPosition.idx === -1 && selectedPosition.rowIdx !== -2;
+      const isGroupRowFocused = selectedPosition.idx === -1 && selectedPosition.rowIdx !== minRowIdx - 1;
       return /*#__PURE__*/o("div", {
         role: hasGroups ? 'treegrid' : 'grid',
         "aria-label": ariaLabel,
@@ -3021,14 +2780,16 @@
         "aria-colcount": columns.length,
         "aria-rowcount": headerRowsCount + rowsCount + summaryRowsCount,
         className: clsx(rootClassname, className, isDragging && viewportDraggingClassname),
-        style: { ...style,
-          scrollPaddingInlineStart: selectedPosition.idx > lastFrozenColumnIndex ? `${totalFrozenColumnWidth}px` : undefined,
-          scrollPaddingBlock: selectedPosition.rowIdx >= 0 && selectedPosition.rowIdx < rows.length ? `${headerRowHeight + topSummaryRowsCount * summaryRowHeight}px ${bottomSummaryRowsCount * summaryRowHeight}px` : undefined,
+        style: {
+          ...style,
+          scrollPaddingInlineStart: selectedPosition.idx > lastFrozenColumnIndex || scrollToPosition?.idx !== undefined ? `${totalFrozenColumnWidth}px` : undefined,
+          scrollPaddingBlock: isRowIdxWithinViewportBounds(selectedPosition.rowIdx) || scrollToPosition?.rowIdx !== undefined ? `${headerRowHeight + topSummaryRowsCount * summaryRowHeight}px ${bottomSummaryRowsCount * summaryRowHeight}px` : undefined,
+          gridTemplateColumns,
           gridTemplateRows: templateRows,
           '--rdg-header-row-height': `${headerRowHeight}px`,
           '--rdg-summary-row-height': `${summaryRowHeight}px`,
           '--rdg-sign': isRtl ? -1 : 1,
-          ...getLayoutCssVars()
+          ...layoutCssVars
         },
         dir: direction,
         ref: gridRef,
@@ -3040,81 +2801,90 @@
           tabIndex: isGroupRowFocused ? 0 : -1,
           className: clsx(focusSinkClassname, isGroupRowFocused && [rowSelected, lastFrozenColumnIndex !== -1 && rowSelectedWithFrozenCell]),
           style: {
-            gridRowStart: selectedPosition.rowIdx + 2
-          },
-          onKeyDown: handleKeyDown
-        }), /*#__PURE__*/o(DataGridDefaultComponentsProvider, {
+            gridRowStart: selectedPosition.rowIdx + headerAndTopSummaryRowsCount + 1
+          }
+        }), scrollToPosition !== null && /*#__PURE__*/o(ScrollToCell, {
+          scrollToPosition: scrollToPosition,
+          setScrollToCellPosition: setScrollToPosition,
+          gridElement: gridRef.current
+        }), /*#__PURE__*/o(DataGridDefaultRenderersProvider, {
           value: defaultGridComponents,
-          children: [/*#__PURE__*/o(HeaderRow$1, {
-            columns: getRowViewportColumns(-1),
-            onColumnResize: handleColumnResizeLatest,
-            allRowsSelected: allRowsSelected,
-            onAllRowsSelectionChange: selectAllRowsLatest,
-            sortColumns: sortColumns,
-            onSortColumnsChange: onSortColumnsChangeLatest,
-            lastFrozenColumnIndex: lastFrozenColumnIndex,
-            selectedCellIdx: selectedPosition.rowIdx === minRowIdx ? selectedPosition.idx : undefined,
-            selectCell: selectHeaderCellLatest,
-            shouldFocusGrid: !selectedCellIsWithinSelectionBounds,
-            direction: direction
-          }), rows.length === 0 && noRowsFallback ? noRowsFallback : /*#__PURE__*/o(p$1, {
-            children: [topSummaryRows?.map((row, rowIdx) => {
-              const gridRowStart = headerRowsCount + rowIdx + 1;
-              const summaryRowIdx = rowIdx + minRowIdx + 1;
-              const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
-              const top = headerRowHeight + summaryRowHeight * rowIdx;
-              return /*#__PURE__*/o(SummaryRow$1, {
-                "aria-rowindex": gridRowStart,
-                rowIdx: rowIdx,
-                gridRowStart: gridRowStart,
-                row: row,
-                top: top,
-                bottom: undefined,
-                lastTopRowIdx: topSummaryRowsCount - 1,
-                viewportColumns: getRowViewportColumns(summaryRowIdx),
+          children: [/*#__PURE__*/o(RowSelectionChangeProvider, {
+            value: selectRowLatest,
+            children: [/*#__PURE__*/o(RowSelectionProvider, {
+              value: allRowsSelected,
+              children: /*#__PURE__*/o(HeaderRow$1, {
+                columns: getRowViewportColumns(-1),
+                onColumnResize: handleColumnResizeLatest,
+                sortColumns: sortColumns,
+                onSortColumnsChange: onSortColumnsChangeLatest,
                 lastFrozenColumnIndex: lastFrozenColumnIndex,
-                selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
-                selectCell: selectTopSummaryCellLatest
-              }, rowIdx);
-            }), /*#__PURE__*/o(RowSelectionChangeProvider, {
-              value: selectRowLatest,
-              children: getViewportRows()
-            }), bottomSummaryRows?.map((row, rowIdx) => {
-              const gridRowStart = headerRowsCount + topSummaryRowsCount + rows.length + rowIdx + 1;
-              const summaryRowIdx = rows.length + rowIdx;
-              const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
-              const top = clientHeight > totalRowHeight ? gridHeight - summaryRowHeight * (bottomSummaryRows.length - rowIdx) : undefined;
-              const bottom = top === undefined ? summaryRowHeight * (bottomSummaryRows.length - 1 - rowIdx) : undefined;
-              return /*#__PURE__*/o(SummaryRow$1, {
-                "aria-rowindex": headerRowsCount + topSummaryRowsCount + rowsCount + rowIdx + 1,
-                rowIdx: rowIdx,
-                gridRowStart: gridRowStart,
-                row: row,
-                top: top,
-                bottom: bottom,
-                lastTopRowIdx: undefined,
-                viewportColumns: getRowViewportColumns(summaryRowIdx),
-                lastFrozenColumnIndex: lastFrozenColumnIndex,
-                selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
-                selectCell: selectBottomSummaryCellLatest
-              }, rowIdx);
+                selectedCellIdx: selectedPosition.rowIdx === minRowIdx ? selectedPosition.idx : undefined,
+                selectCell: selectHeaderCellLatest,
+                shouldFocusGrid: !selectedCellIsWithinSelectionBounds,
+                direction: direction
+              })
+            }), rows.length === 0 && noRowsFallback ? noRowsFallback : /*#__PURE__*/o(k$2, {
+              children: [topSummaryRows?.map((row, rowIdx) => {
+                const gridRowStart = headerRowsCount + rowIdx + 1;
+                const summaryRowIdx = rowIdx + minRowIdx + 1;
+                const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
+                const top = headerRowHeight + summaryRowHeight * rowIdx;
+                return /*#__PURE__*/o(SummaryRow$1, {
+                  "aria-rowindex": gridRowStart,
+                  rowIdx: summaryRowIdx,
+                  gridRowStart: gridRowStart,
+                  row: row,
+                  top: top,
+                  bottom: undefined,
+                  viewportColumns: getRowViewportColumns(summaryRowIdx),
+                  lastFrozenColumnIndex: lastFrozenColumnIndex,
+                  selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
+                  isTop: true,
+                  showBorder: rowIdx === topSummaryRowsCount - 1,
+                  selectCell: selectCellLatest
+                }, rowIdx);
+              }), getViewportRows(), bottomSummaryRows?.map((row, rowIdx) => {
+                const gridRowStart = headerAndTopSummaryRowsCount + rows.length + rowIdx + 1;
+                const summaryRowIdx = rows.length + rowIdx;
+                const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
+                const top = clientHeight > totalRowHeight ? gridHeight - summaryRowHeight * (bottomSummaryRows.length - rowIdx) : undefined;
+                const bottom = top === undefined ? summaryRowHeight * (bottomSummaryRows.length - 1 - rowIdx) : undefined;
+                return /*#__PURE__*/o(SummaryRow$1, {
+                  "aria-rowindex": headerAndTopSummaryRowsCount + rowsCount + rowIdx + 1,
+                  rowIdx: summaryRowIdx,
+                  gridRowStart: gridRowStart,
+                  row: row,
+                  top: top,
+                  bottom: bottom,
+                  viewportColumns: getRowViewportColumns(summaryRowIdx),
+                  lastFrozenColumnIndex: lastFrozenColumnIndex,
+                  selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
+                  isTop: false,
+                  showBorder: rowIdx === 0,
+                  selectCell: selectCellLatest
+                }, rowIdx);
+              })]
             })]
           }), renderMeasuringCells(viewportColumns)]
         })]
       });
     }
-
+    let getCellToScrollExpression;
+    function getCellToScroll(gridEl) {
+      getCellToScrollExpression ??= document.createExpression('div[@role="row"]/div[@tabindex="0"]');
+      return getCellToScrollExpression.evaluate(gridEl, 8).singleNodeValue;
+    }
     function isSamePosition(p1, p2) {
       return p1.idx === p2.idx && p1.rowIdx === p2.rowIdx;
     }
-
-    const DataGrid$1 = /*#__PURE__*/N(DataGrid);
+    const DataGrid$1 = /*#__PURE__*/k(DataGrid);
 
     function useData(widget) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        var columns = F(function () { return widget.columns(); }, [widget, widget.dataChecksum()]);
+        var columns = F$1(function () { return widget.columns(); }, [widget, widget.dataChecksum()]);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-        var data = F(function () { return widget.data(); }, [widget, widget.dataChecksum()]);
+        var data = F$1(function () { return widget.data(); }, [widget, widget.dataChecksum()]);
         return [columns, data];
     }
 
@@ -3132,9 +2902,9 @@
     }
     var EmptyRowsRenderer = function (_a) {
         var message = _a.message;
-        return h$1("div", { style: { textAlign: "center", gridColumn: "1/-1" } },
+        return y$1("div", { style: { textAlign: "center", gridColumn: "1/-1" } },
             message,
-            h$1("span", null, "--- * --- * ---"));
+            y$1("span", null, "--- * --- * ---"));
     };
     var ReactTable = function (_a) {
         var table = _a.table, sort = _a.sort;
@@ -3143,12 +2913,12 @@
         var columnTypes = table.columnTypes();
         var columnPatterns = table.columnPatterns();
         var columnFormats = table.columnFormats();
-        var _c = p([]), listColumns = _c[0], setListColumns = _c[1];
-        var _d = p(), sortColumn = _d[0], setSortColumn = _d[1];
-        var _e = p([]), rows = _e[0], setRows = _e[1];
-        var _f = p(new Set()), selectedRows = _f[0], setSelectedRows = _f[1];
+        var _c = h([]), listColumns = _c[0], setListColumns = _c[1];
+        var _d = h(), sortColumn = _d[0], setSortColumn = _d[1];
+        var _e = h([]), rows = _e[0], setRows = _e[1];
+        var _f = h(new Set()), selectedRows = _f[0], setSelectedRows = _f[1];
         //  Columns  ---
-        h(function () {
+        p(function () {
             setListColumns(__spreadArray(__spreadArray([], multiSelect ? [SelectColumn] : [], true), columns.map(function (column) {
                 var _a;
                 var type = (_a = columnTypes[column]) !== null && _a !== void 0 ? _a : "string";
@@ -3162,7 +2932,7 @@
                         break;
                     case "number":
                         formatter = function (props) {
-                            return h$1("div", { style: { textAlign: "right" } }, props.row[props.column.key]);
+                            return y$1("div", { style: { textAlign: "right" } }, props.row[props.column.key]);
                         };
                     // eslint-disable-next-line no-fallthrough
                     default:
@@ -3174,7 +2944,7 @@
                     resizable: true,
                     sortable: true,
                     minWidth: 80,
-                    formatter: formatter,
+                    renderCell: formatter,
                     __hpcc_pattern: __hpcc_pattern,
                     __hpcc_format: __hpcc_format
                 };
@@ -3193,11 +2963,11 @@
         var onSelectedRowsChange = T$1(function (selectedRows) {
             setSelectedRows(selectedRows);
         }, []);
-        var onRowClick = T$1(function (row, column) {
+        var onCellClick = T$1(function (row, column) {
             table.onRowClickCallback(row, column.key);
         }, [table]);
         //  Rows  ---
-        h(function () {
+        p(function () {
             var items = data.map(function (row, index) {
                 var retVal = {
                     key: index
@@ -3222,7 +2992,7 @@
             }
             setRows(items);
         }, [listColumns, data, sort]);
-        return h$1(DataGrid$1, { columns: listColumns, headerRowHeight: 24, rows: rows, rowKeyGetter: rowKeyGetter, rowHeight: 20, renderers: { noRowsFallback: h$1(EmptyRowsRenderer, { message: table.noDataMessage() }) }, className: table.darkMode() ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onRowClick: multiSelect ? undefined : onRowClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
+        return y$1(DataGrid$1, { columns: listColumns, headerRowHeight: 24, rows: rows, rowKeyGetter: rowKeyGetter, rowHeight: 20, renderers: { noRowsFallback: y$1(EmptyRowsRenderer, { message: table.noDataMessage() }) }, className: table.darkMode() ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onCellClick: multiSelect ? undefined : onCellClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
     };
 
     function styleInject(css, ref) {
@@ -3301,10 +3071,10 @@
             _super.prototype.update.call(this, domNode, element);
             this._div.style("width", this.width() + "px");
             this._div.style("height", this.height() + "px");
-            Z(h$1(ReactTable, { table: this }), this._div.node());
+            G(y$1(ReactTable, { table: this }), this._div.node());
         };
         Table.prototype.exit = function (domNode, element) {
-            cn(this._div.node());
+            hn(this._div.node());
             this._div.remove();
             _super.prototype.exit.call(this, domNode, element);
         };