@hpcc-js/dgrid2 2.3.7 → 2.3.9

package/dist/index.es6.js

@@ -1,8 +1,8 @@
 import { format, timeParse, timeFormat, publish, HTMLWidget } from '@hpcc-js/common';
 
 var PKG_NAME = "@hpcc-js/dgrid2";
-var PKG_VERSION = "2.3.7";
-var BUILD_VERSION = "2.104.14";
+var PKG_VERSION = "2.3.9";
+var BUILD_VERSION = "2.104.20";
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -67,255 +67,21 @@ function __spreadArray(to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 }
 
-var n,l$1,u$1,t$1,o$2,r$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;
 }
 
@@ -326,6 +92,21 @@ function scrollIntoView(element) {
   });
 }
 
+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';
@@ -338,30 +119,27 @@ function onEditorNavigation({
   target
 }) {
   if (key === 'Tab' && (target instanceof HTMLInputElement || target instanceof HTMLTextAreaElement || target instanceof HTMLSelectElement)) {
-    return target.matches('.rdg-editor-container > :only-child, .rdg-editor-container > label:only-child > :only-child');
+    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({
@@ -375,7 +153,7 @@ function isSelectedCellEditable({
   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,
@@ -388,40 +166,33 @@ function getSelectedCellColSpan({
 }) {
   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({
@@ -445,13 +216,11 @@ function getNextSelectedCellPosition({
     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;
@@ -464,57 +233,40 @@ function getNextSelectedCellPosition({
         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,
@@ -524,17 +276,20 @@ function canExitGrid({
   },
   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 {
@@ -542,7 +297,6 @@ function getRowStyle(rowIdx, height) {
       '--rdg-row-height': `${height}px`
     };
   }
-
   return {
     '--rdg-grid-row-start': rowIdx
   };
@@ -576,63 +330,247 @@ function clampColumnWidth(width, {
   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(({
@@ -644,42 +582,33 @@ function useCalculatedColumns({
     }) => {
       if (aKey === SELECT_COLUMN_KEY) return -1;
       if (bKey === SELECT_COLUMN_KEY) return 1;
-
       if (rawGroupBy?.includes(aKey)) {
         if (rawGroupBy.includes(bKey)) {
           return rawGroupBy.indexOf(aKey) - rawGroupBy.indexOf(bKey);
         }
-
         return -1;
       }
-
       if (rawGroupBy?.includes(bKey)) return 1;
-
       if (frozenA) {
         if (frozenB) return 0;
         return -1;
       }
-
       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,
@@ -692,21 +621,18 @@ function useCalculatedColumns({
     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,
@@ -714,72 +640,55 @@ function useCalculatedColumns({
       });
       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];
@@ -791,18 +700,98 @@ function useCalculatedColumns({
     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
@@ -822,23 +811,24 @@ function useGridDimensions() {
     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) => {
@@ -847,32 +837,20 @@ function useLatestFunc(fn) {
   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
   };
 }
@@ -888,36 +866,29 @@ function useViewportColumns({
   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
@@ -925,7 +896,6 @@ function useViewportColumns({
           break;
         }
       }
-
       if (topSummaryRows != null) {
         for (const row of topSummaryRows) {
           if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
@@ -936,7 +906,6 @@ function useViewportColumns({
           }
         }
       }
-
       if (bottomSummaryRows != null) {
         for (const row of bottomSummaryRows) {
           if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
@@ -948,44 +917,22 @@ function useViewportColumns({
         }
       }
     }
-
     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,
@@ -996,13 +943,11 @@ function useViewportRows({
   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] = {
@@ -1012,23 +957,19 @@ function useViewportRows({
         };
         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;
@@ -1050,16 +991,13 @@ function useViewportRows({
         };
         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);
     }
@@ -1070,7 +1008,7 @@ function useViewportRows({
     getRowTop,
     getRowHeight,
     findRowIdx
-  } = F(() => {
+  } = F$1(() => {
     if (typeof rowHeight === 'number') {
       return {
         totalRowHeight: rowHeight * rows.length,
@@ -1080,7 +1018,6 @@ function useViewportRows({
         findRowIdx: offset => floor(offset / rowHeight)
       };
     }
-
     let totalRowHeight = 0;
     let gridTemplateRows = ' ';
     const rowPositions = rows.map(row => {
@@ -1099,43 +1036,34 @@ function useViewportRows({
       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);
@@ -1143,7 +1071,6 @@ function useViewportRows({
     rowOverscanStartIdx = max(0, rowVisibleStartIdx - overscanThreshold);
     rowOverscanEndIdx = min(rows.length - 1, rowVisibleEndIdx + overscanThreshold);
   }
-
   return {
     rowOverscanStartIdx,
     rowOverscanEndIdx,
@@ -1158,107 +1085,371 @@ function useViewportRows({
   };
 }
 
-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 {
@@ -1266,11 +1457,9 @@ function HeaderCell({
       left
     } = currentTarget.getBoundingClientRect();
     const offset = isRtl ? event.clientX - left : right - event.clientX;
-
     if (offset > 11) {
       return;
     }
-
     function onPointerMove(event) {
       event.preventDefault();
       const {
@@ -1278,28 +1467,23 @@ function HeaderCell({
         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,
@@ -1308,63 +1492,51 @@ function HeaderCell({
       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),
@@ -1372,25 +1544,20 @@ function HeaderCell({
     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,
@@ -1401,24 +1568,19 @@ function HeaderRow({
   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,
@@ -1426,7 +1588,6 @@ function HeaderRow({
       direction: direction
     }, column.key));
   }
-
   return /*#__PURE__*/o("div", {
     role: "row",
     "aria-rowindex": 1,
@@ -1435,14 +1596,12 @@ function HeaderRow({
     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,
@@ -1450,52 +1609,76 @@ function Cell({
   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),
@@ -1504,18 +1687,18 @@ function Cell({
     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,
@@ -1531,8 +1714,9 @@ function Row({
   viewportColumns,
   selectedCellEditor,
   selectedCellDragHandle,
-  onRowClick,
-  onRowDoubleClick,
+  onCellClick,
+  onCellDoubleClick,
+  onCellContextMenu,
   rowClass,
   setDraggedOverRowIdx,
   onMouseEnter,
@@ -1543,15 +1727,12 @@ function Row({
   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 {
@@ -1561,13 +1742,10 @@ function Row({
       type: 'ROW',
       row
     });
-
     if (colSpan !== undefined) {
       index += colSpan - 1;
     }
-
     const isCellSelected = selectedCellIdx === idx;
-
     if (isCellSelected && selectedCellEditor) {
       cells.push(selectedCellEditor);
     } else {
@@ -1575,18 +1753,19 @@ function Row({
         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", {
@@ -1600,435 +1779,184 @@ function Row({
     })
   });
 }
-
-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 {
@@ -2050,14 +1978,15 @@ function DataGrid(props, ref) {
     rowGrouper,
     expandedGroupIds,
     onExpandedGroupIdsChange,
-    onRowClick,
-    onRowDoubleClick,
+    onCellClick,
+    onCellDoubleClick,
+    onCellContextMenu,
+    onCellKeyDown,
     onScroll,
     onColumnResize,
     onFill,
     onCopy,
     onPaste,
-    cellNavigationMode: rawCellNavigationMode,
     enableVirtualization: rawEnableVirtualization,
     renderers,
     className,
@@ -2069,43 +1998,51 @@ function DataGrid(props, ref) {
     '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;
@@ -2118,13 +2055,13 @@ function DataGrid(props, ref) {
     colOverscanEndIdx,
     templateColumns,
     layoutCssVars,
-    columnMetrics,
     lastFrozenColumnIndex,
     totalFrozenColumnWidth,
     groupBy
   } = useCalculatedColumns({
     rawColumns,
-    columnWidths,
+    measuredColumnWidths,
+    resizedColumnWidths,
     scrollLeft,
     viewportWidth: gridWidth,
     defaultColumnOptions,
@@ -2152,10 +2089,7 @@ function DataGrid(props, ref) {
     expandedGroupIds,
     enableVirtualization
   });
-  const {
-    viewportColumns,
-    flexWidthViewportColumns
-  } = useViewportColumns({
+  const viewportColumns = useViewportColumns({
     columns,
     colSpanColumns,
     colOverscanStartIdx,
@@ -2166,30 +2100,26 @@ function DataGrid(props, ref) {
     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,
@@ -2202,29 +2132,13 @@ function DataGrid(props, ref) {
       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
@@ -2233,102 +2147,79 @@ function DataGrid(props, ref) {
     }
   });
   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;
@@ -2339,42 +2230,37 @@ function DataGrid(props, ref) {
       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;
@@ -2383,40 +2269,27 @@ function DataGrid(props, ref) {
       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':
@@ -2428,29 +2301,25 @@ function DataGrid(props, ref) {
       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);
@@ -2462,12 +2331,10 @@ function DataGrid(props, ref) {
       column
     });
   }
-
   function commitEditorChanges() {
     if (selectedPosition.mode !== 'EDIT') return;
     updateRow(columns[selectedPosition.idx], selectedPosition.rowIdx, selectedPosition.row);
   }
-
   function handleCopy() {
     const {
       idx,
@@ -2484,12 +2351,10 @@ function DataGrid(props, ref) {
       sourceColumnKey
     });
   }
-
   function handlePaste() {
     if (!onPaste || !onRowsChange || copiedCell === null || !isCellEditable(selectedPosition)) {
       return;
     }
-
     const {
       idx,
       rowIdx
@@ -2504,7 +2369,6 @@ function DataGrid(props, ref) {
     });
     updateRow(targetColumn, rowIdx, updatedTargetRow);
   }
-
   function handleCellInput(event) {
     if (!selectedCellIsWithinViewportBounds) return;
     const row = rows[selectedPosition.rowIdx];
@@ -2513,11 +2377,11 @@ function DataGrid(props, ref) {
       key,
       shiftKey
     } = event;
-
     if (isSelectable && shiftKey && key === ' ') {
       assertIsValidKeyGetter(rowKeyGetter);
       const rowKey = rowKeyGetter(row);
       selectRow({
+        type: 'ROW',
         row,
         checked: !selectedRows.has(rowKey),
         isShiftClick: false
@@ -2525,11 +2389,6 @@ function DataGrid(props, ref) {
       event.preventDefault();
       return;
     }
-
-    const column = columns[selectedPosition.idx];
-    column.editorOptions?.onCellKeyDown?.(event);
-    if (event.isDefaultPrevented()) return;
-
     if (isCellEditable(selectedPosition) && isDefaultCellInput(event)) {
       setSelectedPosition(({
         idx,
@@ -2543,29 +2402,24 @@ function DataGrid(props, ref) {
       }));
     }
   }
-
   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,
@@ -2574,80 +2428,27 @@ function DataGrid(props, ref) {
       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,
@@ -2655,19 +2456,15 @@ function DataGrid(props, ref) {
     } = 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,
@@ -2675,38 +2472,32 @@ function DataGrid(props, ref) {
         };
       }
     }
-
     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,
@@ -2716,7 +2507,6 @@ function DataGrid(props, ref) {
           idx: 0,
           rowIdx: ctrlKey ? minRowIdx : rowIdx
         };
-
       case 'End':
         if (isRowSelected) return {
           idx,
@@ -2726,7 +2516,6 @@ function DataGrid(props, ref) {
           idx: maxColIdx,
           rowIdx: ctrlKey ? maxRowIdx : rowIdx
         };
-
       case 'PageUp':
         {
           if (selectedPosition.rowIdx === minRowIdx) return selectedPosition;
@@ -2736,7 +2525,6 @@ function DataGrid(props, ref) {
             rowIdx: nextRowY > 0 ? findRowIdx(nextRowY) : 0
           };
         }
-
       case 'PageDown':
         {
           if (selectedPosition.rowIdx >= rows.length) return selectedPosition;
@@ -2746,23 +2534,19 @@ function DataGrid(props, ref) {
             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,
@@ -2771,10 +2555,8 @@ function DataGrid(props, ref) {
         commitEditorChanges();
         return;
       }
-
-      mode = cellNavigationMode === 'NONE' ? 'CHANGE_ROW' : cellNavigationMode;
+      cellNavigationMode = 'CHANGE_ROW';
     }
-
     event.preventDefault();
     const ctrlKey = isCtrlKeyHeldDown(event);
     const nextPosition = getNextPosition(key, ctrlKey, shiftKey);
@@ -2788,7 +2570,7 @@ function DataGrid(props, ref) {
       minRowIdx,
       maxRowIdx,
       lastFrozenColumnIndex,
-      cellNavigationMode: mode,
+      cellNavigationMode,
       currentPosition: selectedPosition,
       nextPosition,
       isCellWithinBounds: isCellWithinSelectionBounds,
@@ -2796,7 +2578,6 @@ function DataGrid(props, ref) {
     });
     selectCell(nextSelectedCellPosition);
   }
-
   function getDraggedOverCellIdx(currentRowIdx) {
     if (draggedOverRowIdx === undefined) return;
     const {
@@ -2805,25 +2586,10 @@ function DataGrid(props, ref) {
     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,
@@ -2836,7 +2602,6 @@ function DataGrid(props, ref) {
       setDraggedOverRowIdx: setDraggedOverRowIdx
     });
   }
-
   function getCellEditor(rowIdx) {
     if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === 'SELECT') return;
     const {
@@ -2848,8 +2613,8 @@ function DataGrid(props, ref) {
       type: 'ROW',
       row
     });
-
-    const closeEditor = () => {
+    const closeEditor = shouldFocusCell => {
+      shouldFocusCellRef.current = shouldFocusCell;
       setSelectedPosition(({
         idx,
         rowIdx
@@ -2859,41 +2624,40 @@ function DataGrid(props, ref) {
         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;
@@ -2903,13 +2667,11 @@ function DataGrid(props, ref) {
     } = 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];
@@ -2917,20 +2679,22 @@ function DataGrid(props, ref) {
           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,
@@ -2949,27 +2713,25 @@ function DataGrid(props, ref) {
         }, 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),
@@ -2979,35 +2741,32 @@ function DataGrid(props, ref) {
         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,
@@ -3017,14 +2776,16 @@ function DataGrid(props, ref) {
     "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,
@@ -3036,81 +2797,90 @@ function DataGrid(props, ref) {
       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];
 }
 
@@ -3128,9 +2898,9 @@ function copyAndSort(items, attribute, descending) {
 }
 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;
@@ -3139,12 +2909,12 @@ var ReactTable = function (_a) {
     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";
@@ -3158,7 +2928,7 @@ var ReactTable = function (_a) {
                     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:
@@ -3170,7 +2940,7 @@ var ReactTable = function (_a) {
                 resizable: true,
                 sortable: true,
                 minWidth: 80,
-                formatter: formatter,
+                renderCell: formatter,
                 __hpcc_pattern: __hpcc_pattern,
                 __hpcc_format: __hpcc_format
             };
@@ -3189,11 +2959,11 @@ var ReactTable = function (_a) {
     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
@@ -3218,7 +2988,7 @@ var ReactTable = function (_a) {
         }
         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) {
@@ -3297,10 +3067,10 @@ var Table = /** @class */ (function (_super) {
         _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);
     };