@hpcc-js/dgrid2 0.0.0

package/dist/index.js

@@ -0,0 +1,3265 @@
+(function (global, factory) {
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@hpcc-js/common')) :
+    typeof define === 'function' && define.amd ? define(['exports', '@hpcc-js/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global["@hpcc-js/dgrid2"] = {}, global["@hpcc-js/common"]));
+})(this, (function (exports, common) { 'use strict';
+
+    var PKG_NAME = "@hpcc-js/dgrid2";
+    var PKG_VERSION = "0.0.0";
+    var BUILD_VERSION = "2.102.11";
+
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+
+    var extendStatics = function(d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+        else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(metadataKey, metadataValue);
+    }
+
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+            if (ar || !(i in from)) {
+                if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+                ar[i] = from[i];
+            }
+        }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+
+    var n,l$1,u$1,t$1,o$2,r$1,f$1,e$2={},c$1=[],s$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function a$1(n,l){for(var u in l)n[u]=l[u];return n}function h$1(n){var l=n.parentNode;l&&l.removeChild(n);}function v$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return y$1(l,f,t,o,null)}function y$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function d$1(n){return n.children}function _$1(n,l){this.props=n,this.context=l;}function k$1(n,l){if(null==l)return n.__?k$1(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?k$1(n):null}function b$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return b$1(n)}}function m$1(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!g$2.__r++||r$1!==l$1.debounceRendering)&&((r$1=l$1.debounceRendering)||o$2)(g$2);}function g$2(){for(var n;g$2.__r=t$1.length;)n=t$1.sort(function(n,l){return n.__v.__b-l.__v.__b}),t$1=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=a$1({},t)).__v=t.__v+1,j$2(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?k$1(t):o,t.__h),z$1(u,t),t.__e!=o&&b$1(t)));});}function w$2(n,l,u,i,t,o,r,f,s,a){var h,v,p,_,b,m,g,w=i&&i.__k||c$1,A=w.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(_=u.__k[h]=null==(_=l[h])||"boolean"==typeof _?null:"string"==typeof _||"number"==typeof _||"bigint"==typeof _?y$1(null,_,null,null,_):Array.isArray(_)?y$1(d$1,{children:_},null,null,null):_.__b>0?y$1(_.type,_.props,_.key,null,_.__v):_)){if(_.__=u,_.__b=u.__b+1,null===(p=w[h])||p&&_.key==p.key&&_.type===p.type)w[h]=void 0;else for(v=0;v<A;v++){if((p=w[v])&&_.key==p.key&&_.type===p.type){w[v]=void 0;break}p=null;}j$2(n,_,p=p||e$2,t,o,r,f,s,a),b=_.__e,(v=_.ref)&&p.ref!=v&&(g||(g=[]),p.ref&&g.push(p.ref,null,_),g.push(v,_.__c||b,_)),null!=b?(null==m&&(m=b),"function"==typeof _.type&&_.__k===p.__k?_.__d=s=x$2(_,s,n):s=P$1(n,_,p,w,b,s),"function"==typeof u.type&&(u.__d=s)):s&&p.__e==s&&s.parentNode!=n&&(s=k$1(p));}for(u.__e=m,h=A;h--;)null!=w[h]&&("function"==typeof u.type&&null!=w[h].__e&&w[h].__e==u.__d&&(u.__d=k$1(i,h+1)),N(w[h],w[h]));if(g)for(h=0;h<g.length;h++)M$1(g[h],g[++h],g[++h]);}function x$2(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?x$2(i,l,u):P$1(u,i,i,t,i.__e,l));return l}function A$2(n,l){return l=l||[],null==n||"boolean"==typeof n||(Array.isArray(n)?n.some(function(n){A$2(n,l);}):l.push(n)),l}function P$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H$1(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H$1(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||s$1.test(l)?u:u+"px";}function H$1(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T$1:I,o):n.removeEventListener(l,o?T$1:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T$1(n){this.l[n.type+!0](l$1.event?l$1.event(n):n);}function j$2(n,u,i,t,o,r,f,e,c){var s,h,v,y,p,k,b,m,g,x,A,P=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(s=l$1.__b)&&s(u);try{n:if("function"==typeof P){if(m=u.props,g=(s=P.contextType)&&t[s.__c],x=s?g?g.props.value:s.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in P&&P.prototype.render?u.__c=h=new P(m,x):(u.__c=h=new _$1(m,x),h.constructor=P,h.render=O$1),g&&g.sub(h),h.props=m,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=P.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=a$1({},h.__s)),a$1(h.__s,P.getDerivedStateFromProps(m,h.__s))),y=h.props,p=h.state,v)null==P.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==P.getDerivedStateFromProps&&m!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(m,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(m,h.__s,x)||u.__v===i.__v){h.props=m,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(m,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,p,k);});}h.context=x,h.props=m,h.state=h.__s,(s=l$1.__r)&&s(u),h.__d=!1,h.__v=u,h.__P=n,s=h.render(h.props,h.state,h.context),h.state=h.__s,null!=h.getChildContext&&(t=a$1(a$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,p)),A=null!=s&&s.type===d$1&&null==s.key?s.props.children:s,w$2(n,Array.isArray(A)?A:[A],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L$1(i.__e,u,i,t,o,r,f,c);(s=l$1.diffed)&&s(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function z$1(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function L$1(l,u,i,t,o,r,f,c){var s,a,v,y=i.props,p=u.props,d=u.type,_=0;if("svg"===d&&(o=!0),null!=r)for(;_<r.length;_++)if((s=r[_])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[_]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),a=(y=i.props||e$2).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},_=0;_<l.attributes.length;_++)y[l.attributes[_].name]=l.attributes[_].value;(v||a)&&(v&&(a&&v.__html==a.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(_=u.props.children,w$2(l,Array.isArray(_)?_:[_],u,i,t,o&&"foreignObject"!==d,r,f,r?r[0]:i.__k&&k$1(i,0),c),null!=r)for(_=r.length;_--;)null!=r[_]&&h$1(r[_]);c||("value"in p&&void 0!==(_=p.value)&&(_!==l.value||"progress"===d&&!_||"option"===d&&_!==y.value)&&H$1(l,"value",_,y.value,!1),"checked"in p&&void 0!==(_=p.checked)&&_!==l.checked&&H$1(l,"checked",_,y.checked,!1));}return l}function M$1(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function N(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M$1(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||h$1(n.__e),n.__e=n.__d=void 0;}function O$1(n,l,u){return this.constructor(n,u)}function S$1(u,i,t){var o,r,f;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,f=[],j$2(i,u=(!o&&t||i).__k=v$1(d$1,null,[u]),r||e$2,e$2,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,f,!o&&t?t:r?r.__e:i.firstChild,o),z$1(f,u);}function D(n,l){var u={__c:l="__cC"+f$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(m$1);},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=c$1.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,_$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=a$1({},this.state),"function"==typeof n&&(n=n(a$1({},u),this.props)),n&&a$1(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),m$1(this));},_$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),m$1(this));},_$1.prototype.render=d$1,t$1=[],o$2="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,g$2.__r=0,f$1=0;
+
+    var o$1=0;function e$1(_,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:_,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--o$1,__source:f,__self:t};if("function"==typeof _&&(l=_.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
+
+    var t,u,r,o=0,i=[],c=l$1.__b,f=l$1.__r,e=l$1.diffed,a=l$1.__c,v=l$1.unmount;function l(t,r){l$1.__h&&l$1.__h(u,t,o||r),o=0;var i=u.__H||(u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function m(n){return o=1,p(w$1,n)}function p(n,r,o){var i=l(t++,2);return i.t=n,i.__c||(i.__=[o?o(r):w$1(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u),i.__}function y(r,o){var i=l(t++,3);!l$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__H.__h.push(i));}function d(r,o){var i=l(t++,4);!l$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__h.push(i));}function h(n){return o=5,_(function(){return {current:n}},[])}function s(n,t,u){o=6,d(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==u?u:u.concat(n));}function _(n,u){var r=l(t++,7);return k(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function A$1(n,t){return o=8,_(function(){return n},t)}function F(n){var r=u.context[n.__c],o=l(t++,9);return o.c=n,r?(null==o.__&&(o.__=!0,r.sub(u)),r.props.value):n.__}function x$1(){for(var t;t=i.shift();)if(t.__P)try{t.__H.__h.forEach(g$1),t.__H.__h.forEach(j$1),t.__H.__h=[];}catch(u){t.__H.__h=[],l$1.__e(u,t.__v);}}l$1.__b=function(n){u=null,c&&c(n);},l$1.__r=function(n){f&&f(n),t=0;var r=(u=n.__c).__H;r&&(r.__h.forEach(g$1),r.__h.forEach(j$1),r.__h=[]);},l$1.diffed=function(t){e&&e(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i.push(o)&&r===l$1.requestAnimationFrame||((r=l$1.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);b&&(t=requestAnimationFrame(u));})(x$1)),u=null;},l$1.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g$1),t.__h=t.__h.filter(function(n){return !n.__||j$1(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],l$1.__e(r,t.__v);}}),a&&a(t,u);},l$1.unmount=function(t){v&&v(t);var u,r=t.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{g$1(n);}catch(n){u=n;}}),u&&l$1.__e(u,r.__v));};var b="function"==typeof requestAnimationFrame;function g$1(n){var t=u,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u=t;}function j$1(n){var t=u;n.__c=n.__(),u=t;}function k(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w$1(n,t){return "function"==typeof t?t(n):t}
+
+    function C(n,t){for(var e in t)n[e]=t[e];return n}function S(n,t){for(var e in n)if("__source"!==e&&!(e in t))return !0;for(var r in t)if("__source"!==r&&n[r]!==t[r])return !0;return !1}function E(n){this.props=n;}function g(n,t){function e(n){var e=this.props.ref,r=e==n.ref;return !r&&e&&(e.call?e(null):e.current=null),t?!t(this.props,n)||!r:S(this.props,n)}function r(t){return this.shouldComponentUpdate=e,v$1(n,t)}return r.displayName="Memo("+(n.displayName||n.name)+")",r.prototype.isReactComponent=!0,r.__f=!0,r}(E.prototype=new _$1).isPureReactComponent=!0,E.prototype.shouldComponentUpdate=function(n,t){return S(this.props,n)||S(this.state,t)};var w=l$1.__b;l$1.__b=function(n){n.type&&n.type.__f&&n.ref&&(n.props.ref=n.ref,n.ref=null),w&&w(n);};var R="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.forward_ref")||3911;function x(n){function t(t){var e=C({},t);return delete e.ref,n(e,t.ref||null)}return t.$$typeof=R,t.render=t,t.prototype.isReactComponent=t.__f=!0,t.displayName="ForwardRef("+(n.displayName||n.name)+")",t}var A=l$1.__e;l$1.__e=function(n,t,e,r){if(n.then)for(var u,o=t;o=o.__;)if((u=o.__c)&&u.__c)return null==t.__e&&(t.__e=e.__e,t.__k=e.__k),u.__c(n,t);A(n,t,e,r);};var O=l$1.unmount;function L(){this.__u=0,this.t=null,this.__b=null;}function U(n){var t=n.__.__c;return t&&t.__e&&t.__e(n)}function M(){this.u=null,this.o=null;}l$1.unmount=function(n){var t=n.__c;t&&t.__R&&t.__R(),t&&!0===n.__h&&(n.type=null),O&&O(n);},(L.prototype=new _$1).__c=function(n,t){var e=t.__c,r=this;null==r.t&&(r.t=[]),r.t.push(e);var u=U(r.__v),o=!1,i=function(){o||(o=!0,e.__R=null,u?u(l):l());};e.__R=i;var l=function(){if(!--r.__u){if(r.state.__e){var n=r.state.__e;r.__v.__k[0]=function n(t,e,r){return t&&(t.__v=null,t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)}),t.__c&&t.__c.__P===e&&(t.__e&&r.insertBefore(t.__e,t.__d),t.__c.__e=!0,t.__c.__P=r)),t}(n,n.__c.__P,n.__c.__O);}var t;for(r.setState({__e:r.__b=null});t=r.t.pop();)t.forceUpdate();}},f=!0===t.__h;r.__u++||f||r.setState({__e:r.__b=r.__v.__k[0]}),n.then(i,i);},L.prototype.componentWillUnmount=function(){this.t=[];},L.prototype.render=function(n,t){if(this.__b){if(this.__v.__k){var e=document.createElement("div"),r=this.__v.__k[0].__c;this.__v.__k[0]=function n(t,e,r){return t&&(t.__c&&t.__c.__H&&(t.__c.__H.__.forEach(function(n){"function"==typeof n.__c&&n.__c();}),t.__c.__H=null),null!=(t=C({},t)).__c&&(t.__c.__P===r&&(t.__c.__P=e),t.__c=null),t.__k=t.__k&&t.__k.map(function(t){return n(t,e,r)})),t}(this.__b,e,r.__O=r.__P);}this.__b=null;}var u=t.__e&&v$1(d$1,null,n.fallback);return u&&(u.__h=null),[v$1(d$1,null,t.__e?null:n.children),u]};var T=function(n,t,e){if(++e[1]===e[0]&&n.o.delete(t),n.props.revealOrder&&("t"!==n.props.revealOrder[0]||!n.o.size))for(e=n.u;e;){for(;e.length>3;)e.pop()();if(e[1]<e[0])break;n.u=e=e[2];}};(M.prototype=new _$1).__e=function(n){var t=this,e=U(t.__v),r=t.o.get(n);return r[0]++,function(u){var o=function(){t.props.revealOrder?(r.push(u),T(t,n,r)):u();};e?e(o):o();}},M.prototype.render=function(n){this.u=null,this.o=new Map;var t=A$2(n.children);n.revealOrder&&"b"===n.revealOrder[0]&&t.reverse();for(var e=t.length;e--;)this.o.set(t[e],this.u=[1,0,this.u]);return n.children},M.prototype.componentDidUpdate=M.prototype.componentDidMount=function(){var n=this;this.o.forEach(function(t,e){T(n,e,t);});};var P="undefined"!=typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103,V=/^(?:accent|alignment|arabic|baseline|cap|clip(?!PathU)|color|dominant|fill|flood|font|glyph(?!R)|horiz|marker(?!H|W|U)|overline|paint|stop|strikethrough|stroke|text(?!L)|underline|unicode|units|v|vector|vert|word|writing|x(?!C))[A-Z]/,j="undefined"!=typeof document,z=function(n){return ("undefined"!=typeof Symbol&&"symbol"==typeof Symbol()?/fil|che|rad/i:/fil|che|ra/i).test(n)};function B(n,t,e){return null==t.__k&&(t.textContent=""),S$1(n,t),"function"==typeof e&&e(),n?n.__c:null}_$1.prototype.isReactComponent={},["componentWillMount","componentWillReceiveProps","componentWillUpdate"].forEach(function(n){Object.defineProperty(_$1.prototype,n,{configurable:!0,get:function(){return this["UNSAFE_"+n]},set:function(t){Object.defineProperty(this,n,{configurable:!0,writable:!0,value:t});}});});var H=l$1.event;function Z(){}function Y(){return this.cancelBubble}function q(){return this.defaultPrevented}l$1.event=function(n){return H&&(n=H(n)),n.persist=Z,n.isPropagationStopped=Y,n.isDefaultPrevented=q,n.nativeEvent=n};var J={configurable:!0,get:function(){return this.class}},K=l$1.vnode;l$1.vnode=function(n){var t=n.type,e=n.props,r=e;if("string"==typeof t){var u=-1===t.indexOf("-");for(var o in r={},e){var i=e[o];j&&"children"===o&&"noscript"===t||"value"===o&&"defaultValue"in e&&null==i||("defaultValue"===o&&"value"in e&&null==e.value?o="value":"download"===o&&!0===i?i="":/ondoubleclick/i.test(o)?o="ondblclick":/^onchange(textarea|input)/i.test(o+t)&&!z(e.type)?o="oninput":/^onfocus$/i.test(o)?o="onfocusin":/^onblur$/i.test(o)?o="onfocusout":/^on(Ani|Tra|Tou|BeforeInp|Compo)/.test(o)?o=o.toLowerCase():u&&V.test(o)?o=o.replace(/[A-Z0-9]/,"-$&").toLowerCase():null===i&&(i=void 0),r[o]=i);}"select"==t&&r.multiple&&Array.isArray(r.value)&&(r.value=A$2(e.children).forEach(function(n){n.props.selected=-1!=r.value.indexOf(n.props.value);})),"select"==t&&null!=r.defaultValue&&(r.value=A$2(e.children).forEach(function(n){n.props.selected=r.multiple?-1!=r.defaultValue.indexOf(n.props.value):r.defaultValue==n.props.value;})),n.props=r,e.class!=e.className&&(J.enumerable="className"in e,null!=e.className&&(r.class=e.className),Object.defineProperty(r,"className",J));}n.$$typeof=P,K&&K(n);};var Q=l$1.__r;l$1.__r=function(n){Q&&Q(n);};function un(n){return !!n.__k&&(S$1(null,n),!0)}
+
+    function toVal(mix) {
+    	var k, y, str='';
+
+    	if (typeof mix === 'string' || typeof mix === 'number') {
+    		str += mix;
+    	} else if (typeof mix === 'object') {
+    		if (Array.isArray(mix)) {
+    			for (k=0; k < mix.length; k++) {
+    				if (mix[k]) {
+    					if (y = toVal(mix[k])) {
+    						str && (str += ' ');
+    						str += y;
+    					}
+    				}
+    			}
+    		} else {
+    			for (k in mix) {
+    				if (mix[k]) {
+    					str && (str += ' ');
+    					str += k;
+    				}
+    			}
+    		}
+    	}
+
+    	return str;
+    }
+
+    function clsx () {
+    	var i=0, tmp, x, str='';
+    	while (i < arguments.length) {
+    		if (tmp = arguments[i++]) {
+    			if (x = toVal(tmp)) {
+    				str && (str += ' ');
+    				str += x;
+    			}
+    		}
+    	}
+    	return str;
+    }
+
+    function styleInject$1(css, ref) {
+      if ( ref === void 0 ) ref = {};
+      var insertAt = ref.insertAt;
+
+      if (!css || typeof document === 'undefined') { return; }
+
+      var head = document.head || document.getElementsByTagName('head')[0];
+      var style = document.createElement('style');
+      style.type = 'text/css';
+
+      if (insertAt === 'top') {
+        if (head.firstChild) {
+          head.insertBefore(style, head.firstChild);
+        } else {
+          head.appendChild(style);
+        }
+      } else {
+        head.appendChild(style);
+      }
+
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(document.createTextNode(css));
+      }
+    }
+
+    var css_248z$f = ".c1wupbe700-beta11{background-color:inherit;border-block-end:1px solid var(--rdg-border-color);border-inline-end:1px solid var(--rdg-border-color);contain:strict;contain:size layout style paint;grid-row-start:var(--rdg-grid-row-start);outline:none;overflow:hidden;overflow:clip;padding-block:0;padding-inline:8px;text-overflow:ellipsis;white-space:nowrap}.c1wupbe700-beta11[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--rdg-selection-color)}.cd0kgiy700-beta11 .c1wupbe700-beta11{contain:content}.c1730fa4700-beta11{position:sticky;z-index:1}.c9dpaye700-beta11{box-shadow:var(--rdg-frozen-cell-box-shadow)}";
+    styleInject$1(css_248z$f,{"insertAt":"top"});
+
+    const cell = "c1wupbe700-beta11";
+    const cellClassname = `rdg-cell ${cell}`;
+    const cellAutoResizeClassname = "cd0kgiy700-beta11";
+    const cellFrozen = "c1730fa4700-beta11";
+    const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
+    const cellFrozenLast = "c9dpaye700-beta11";
+    const cellFrozenLastClassname = `rdg-cell-frozen-last ${cellFrozenLast}`;
+
+    var css_248z$e = ".r104f42s700-beta11{--rdg-color:#000;--rdg-border-color:#ddd;--rdg-summary-border-color:#aaa;--rdg-background-color:#fff;--rdg-header-background-color:#f9f9f9;--rdg-row-hover-background-color:#f5f5f5;--rdg-row-selected-background-color:#dbecfa;--row-selected-hover-background-color:#c9e3f8;--rdg-checkbox-color:#005194;--rdg-checkbox-focus-color:#61b8ff;--rdg-checkbox-disabled-border-color:#ccc;--rdg-checkbox-disabled-background-color:#ddd;--rdg-selection-color:#66afe9;--rdg-frozen-cell-box-shadow:calc(2px*var(--rdg-sign)) 0 5px -2px hsla(0,0%,53%,.3);--rdg-font-size:14px;content-visibility:auto;background-color:var(--rdg-background-color);block-size:350px;border:1px solid var(--rdg-border-color);box-sizing:border-box;color:var(--rdg-color);color-scheme:var(--rdg-color-scheme,light dark);contain:strict;contain:size layout style paint;display:grid;font-size:var(--rdg-font-size);overflow:auto;user-select:none}@supports not (contain:strict){.r104f42s700-beta11{position:relative;z-index:0}}.r104f42s700-beta11 *,.r104f42s700-beta11 :after,.r104f42s700-beta11 :before{box-sizing:inherit}.r104f42s700-beta11:before{block-size:var(--rdg-grid-block-size);content:\"\";inline-size:var(--rdg-grid-inline-size);inset-block-start:0;inset-inline-start:0;position:absolute}.r104f42s700-beta11.rdg-dark{--rdg-color-scheme:dark;--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}.r104f42s700-beta11.rdg-light{--rdg-color-scheme:light}@media (prefers-color-scheme:dark){.r104f42s700-beta11:not(.rdg-light){--rdg-color:#ddd;--rdg-border-color:#444;--rdg-summary-border-color:#555;--rdg-background-color:#212121;--rdg-header-background-color:#1b1b1b;--rdg-row-hover-background-color:#171717;--rdg-row-selected-background-color:#1a73bc;--row-selected-hover-background-color:#1768ab;--rdg-checkbox-color:#94cfff;--rdg-checkbox-focus-color:#c7e6ff;--rdg-checkbox-disabled-border-color:#000;--rdg-checkbox-disabled-background-color:#333}}.v7ly7s700-beta11.r1otpg64700-beta11{cursor:move}.fc4f4zb700-beta11{grid-column-start:1;inset-inline-start:0;position:sticky}";
+    styleInject$1(css_248z$e,{"insertAt":"top"});
+
+    const root = "r104f42s700-beta11";
+    const rootClassname = `rdg ${root}`;
+    const viewportDragging = "v7ly7s700-beta11";
+    const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
+    const focusSinkClassname = "fc4f4zb700-beta11";
+
+    var css_248z$d = ".r1otpg64700-beta11{background-color:var(--rdg-background-color);display:contents;line-height:var(--rdg-row-height)}.r1otpg64700-beta11:hover{background-color:var(--rdg-row-hover-background-color)}.r1otpg64700-beta11[aria-selected=true]{background-color:var(--rdg-row-selected-background-color)}.r1otpg64700-beta11[aria-selected=true]:hover{background-color:var(--row-selected-hover-background-color)}.rel5gk2700-beta11{outline:none}.rel5gk2700-beta11>.c1wupbe700-beta11{box-shadow:inset 0 2px 0 0 var(--rdg-selection-color),inset 0 -2px 0 0 var(--rdg-selection-color)}.rel5gk2700-beta11>.c1wupbe700-beta11:first-child{box-shadow:inset 0 2px 0 0 var(--rdg-selection-color),inset 0 -2px 0 0 var(--rdg-selection-color),inset calc(2px*var(--rdg-sign)) 0 0 0 var(--rdg-selection-color)}.rel5gk2700-beta11>.c1wupbe700-beta11:last-child{box-shadow:inset 0 2px 0 0 var(--rdg-selection-color),inset 0 -2px 0 0 var(--rdg-selection-color),inset calc(-2px*var(--rdg-sign)) 0 0 0 var(--rdg-selection-color)}.rel5gk2700-beta11>.c9dpaye700-beta11{box-shadow:inset 0 2px 0 0 var(--rdg-selection-color),inset 0 -2px 0 0 var(--rdg-selection-color),var(--rdg-frozen-cell-box-shadow)}";
+    styleInject$1(css_248z$d,{"insertAt":"top"});
+
+    const row = "r1otpg64700-beta11";
+    const rowClassname = `rdg-row ${row}`;
+    const rowSelected = "rel5gk2700-beta11";
+    const rowSelectedClassname = `rdg-row-selected ${rowSelected}`;
+
+    var css_248z$c = ".cd9l4jz700-beta11{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;margin-inline-end:1px;position:absolute}.c1noyk41700-beta11{all:unset}.cdwjxv8700-beta11{background-color:var(--rdg-background-color);block-size:20px;border:2px solid var(--rdg-border-color);content:\"\";inline-size:20px}.c1noyk41700-beta11:checked+.cdwjxv8700-beta11{background-color:var(--rdg-checkbox-color);box-shadow:inset 0 0 0 4px var(--rdg-background-color)}.c1noyk41700-beta11:focus+.cdwjxv8700-beta11{border-color:var(--rdg-checkbox-focus-color)}.cca4mwn700-beta11{cursor:default}.cca4mwn700-beta11 .cdwjxv8700-beta11{background-color:var(--rdg-checkbox-disabled-background-color);border-color:var(--rdg-checkbox-disabled-border-color)}";
+    styleInject$1(css_248z$c,{"insertAt":"top"});
+
+    const checkboxLabel = "cd9l4jz700-beta11";
+    const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
+    const checkboxInput = "c1noyk41700-beta11";
+    const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
+    const checkbox = "cdwjxv8700-beta11";
+    const checkboxClassname = `rdg-checkbox ${checkbox}`;
+    const checkboxLabelDisabled = "cca4mwn700-beta11";
+    const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
+    const CheckboxFormatter = /*#__PURE__*/x(function CheckboxFormatter({
+      onChange,
+      ...props
+    }, ref) {
+      function handleChange(e) {
+        onChange(e.target.checked, e.nativeEvent.shiftKey);
+      }
+
+      return /*#__PURE__*/e$1("label", {
+        className: clsx(checkboxLabelClassname, props.disabled && checkboxLabelDisabledClassname),
+        children: [/*#__PURE__*/e$1("input", {
+          type: "checkbox",
+          ref: ref,
+          ...props,
+          className: checkboxInputClassname,
+          onChange: handleChange
+        }), /*#__PURE__*/e$1("div", {
+          className: checkboxClassname
+        })]
+      });
+    });
+
+    const useLayoutEffect = typeof window === 'undefined' ? y : d;
+
+    function useFocusRef(isSelected) {
+      const ref = h(null);
+      useLayoutEffect(() => {
+        var _ref$current;
+
+        if (!isSelected) return;
+        (_ref$current = ref.current) == null ? void 0 : _ref$current.focus({
+          preventScroll: true
+        });
+      }, [isSelected]);
+      return {
+        ref,
+        tabIndex: isSelected ? 0 : -1
+      };
+    }
+
+    const DataGridDefaultComponentsContext = /*#__PURE__*/D(undefined);
+    const DataGridDefaultComponentsProvider = DataGridDefaultComponentsContext.Provider;
+    function useDefaultComponents() {
+      return F(DataGridDefaultComponentsContext);
+    }
+
+    function SelectCellFormatter({
+      value,
+      isCellSelected,
+      disabled,
+      onChange,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledBy
+    }) {
+      const {
+        ref,
+        tabIndex
+      } = useFocusRef(isCellSelected);
+      const Formatter = useDefaultComponents().checkboxFormatter;
+      return /*#__PURE__*/e$1(Formatter, {
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        ref: ref,
+        tabIndex: tabIndex,
+        disabled: disabled,
+        checked: value,
+        onChange: onChange
+      });
+    }
+
+    function ValueFormatter(props) {
+      try {
+        return /*#__PURE__*/e$1(d$1, {
+          children: props.row[props.column.key]
+        });
+      } catch {
+        return null;
+      }
+    }
+
+    var css_248z$b = ".gch972y700-beta11{outline:none}.cz2qf0d700-beta11{stroke:currentColor;stroke-width:1.5px;fill:transparent;margin-inline-start:4px;vertical-align:middle}.cz2qf0d700-beta11>path{transition:d .1s}";
+    styleInject$1(css_248z$b,{"insertAt":"top"});
+
+    const groupCellContent = "gch972y700-beta11";
+    const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
+    const caret = "cz2qf0d700-beta11";
+    const caretClassname = `rdg-caret ${caret}`;
+    function ToggleGroupFormatter({
+      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__*/e$1("span", {
+        ref: ref,
+        className: groupCellContentClassname,
+        tabIndex: tabIndex,
+        onKeyDown: handleKeyDown,
+        children: [groupKey, /*#__PURE__*/e$1("svg", {
+          viewBox: "0 0 14 8",
+          width: "14",
+          height: "8",
+          className: caretClassname,
+          "aria-hidden": true,
+          children: /*#__PURE__*/e$1("path", {
+            d: d
+          })
+        })]
+      });
+    }
+
+    const RowSelectionContext = /*#__PURE__*/D(undefined);
+    const RowSelectionProvider = RowSelectionContext.Provider;
+    const RowSelectionChangeContext = /*#__PURE__*/D(undefined);
+    const RowSelectionChangeProvider = RowSelectionChangeContext.Provider;
+    function useRowSelection() {
+      const rowSelectionContext = F(RowSelectionContext);
+      const rowSelectionChangeContext = F(RowSelectionChangeContext);
+
+      if (rowSelectionContext === undefined || rowSelectionChangeContext === undefined) {
+        throw new Error('useRowSelection must be used within DataGrid cells');
+      }
+
+      return [rowSelectionContext, rowSelectionChangeContext];
+    }
+
+    const SELECT_COLUMN_KEY = 'select-row';
+
+    function SelectFormatter(props) {
+      const [isRowSelected, onRowSelectionChange] = useRowSelection();
+      return /*#__PURE__*/e$1(SelectCellFormatter, {
+        "aria-label": "Select",
+        isCellSelected: props.isCellSelected,
+        value: isRowSelected,
+        onChange: (checked, isShiftClick) => {
+          onRowSelectionChange({
+            row: props.row,
+            checked,
+            isShiftClick
+          });
+        }
+      });
+    }
+
+    function SelectGroupFormatter(props) {
+      const [isRowSelected, onRowSelectionChange] = useRowSelection();
+      return /*#__PURE__*/e$1(SelectCellFormatter, {
+        "aria-label": "Select Group",
+        isCellSelected: props.isCellSelected,
+        value: isRowSelected,
+        onChange: checked => {
+          onRowSelectionChange({
+            row: props.row,
+            checked,
+            isShiftClick: false
+          });
+        }
+      });
+    }
+
+    const SelectColumn = {
+      key: SELECT_COLUMN_KEY,
+      name: '',
+      width: 35,
+      maxWidth: 35,
+      resizable: false,
+      sortable: false,
+      frozen: true,
+
+      headerRenderer(props) {
+        return /*#__PURE__*/e$1(SelectCellFormatter, {
+          "aria-label": "Select All",
+          isCellSelected: props.isCellSelected,
+          value: props.allRowsSelected,
+          onChange: props.onAllRowsSelectionChange
+        });
+      },
+
+      formatter: SelectFormatter,
+      groupFormatter: SelectGroupFormatter
+    };
+
+    function getColSpan(column, lastFrozenColumnIndex, args) {
+      const colSpan = typeof column.colSpan === 'function' ? column.colSpan(args) : 1;
+
+      if (Number.isInteger(colSpan) && colSpan > 1 && (!column.frozen || column.idx + colSpan - 1 <= lastFrozenColumnIndex)) {
+        return colSpan;
+      }
+
+      return undefined;
+    }
+
+    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';
+    }
+    function isDefaultCellInput(event) {
+      return !nonInputKeys.has(event.key);
+    }
+    function onEditorNavigation({
+      key,
+      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 false;
+    }
+
+    function isSelectedCellEditable({
+      selectedPosition,
+      columns,
+      rows,
+      isGroupRow
+    }) {
+      const column = columns[selectedPosition.idx];
+      const row = rows[selectedPosition.rowIdx];
+      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;
+    }
+    function getSelectedCellColSpan({
+      rows,
+      summaryRows,
+      rowIdx,
+      lastFrozenColumnIndex,
+      column,
+      isGroupRow
+    }) {
+      if (rowIdx === -1) {
+        return getColSpan(column, lastFrozenColumnIndex, {
+          type: 'HEADER'
+        });
+      }
+
+      if (rowIdx >= 0 && rowIdx < rows.length) {
+        const row = rows[rowIdx];
+
+        if (!isGroupRow(row)) {
+          return getColSpan(column, lastFrozenColumnIndex, {
+            type: 'ROW',
+            row
+          });
+        }
+
+        return undefined;
+      }
+
+      if (summaryRows) {
+        return getColSpan(column, lastFrozenColumnIndex, {
+          type: 'SUMMARY',
+          row: summaryRows[rowIdx - rows.length]
+        });
+      }
+
+      return undefined;
+    }
+    function getNextSelectedCellPosition({
+      cellNavigationMode,
+      columns,
+      colSpanColumns,
+      rows,
+      summaryRows,
+      minRowIdx,
+      maxRowIdx,
+      currentPosition: {
+        idx: currentIdx
+      },
+      nextPosition,
+      lastFrozenColumnIndex,
+      isCellWithinBounds,
+      isGroupRow
+    }) {
+      let {
+        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;
+          const colSpan = getSelectedCellColSpan({
+            rows,
+            summaryRows,
+            rowIdx: nextRowIdx,
+            lastFrozenColumnIndex,
+            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') {
+        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 {
+            nextIdx = 0;
+          }
+        } else if (isBeforeFirstColumn) {
+          if (cellNavigationMode === 'CHANGE_ROW') {
+            const isFirstRow = nextRowIdx === minRowIdx;
+
+            if (!isFirstRow) {
+              nextRowIdx -= 1;
+              nextIdx = columnsCount - 1;
+            }
+          } else {
+            nextIdx = columnsCount - 1;
+          }
+
+          setColSpan(false);
+        }
+      }
+
+      return {
+        idx: nextIdx,
+        rowIdx: nextRowIdx
+      };
+    }
+    function canExitGrid({
+      cellNavigationMode,
+      maxColIdx,
+      minRowIdx,
+      maxRowIdx,
+      selectedPosition: {
+        rowIdx,
+        idx
+      },
+      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 {
+      min,
+      max,
+      round,
+      floor,
+      sign,
+      abs
+    } = Math;
+    function assertIsValidKeyGetter(keyGetter) {
+      if (typeof keyGetter !== 'function') {
+        throw new Error('Please specify the rowKeyGetter prop to use selection');
+      }
+    }
+    function getRowStyle(rowIdx, height) {
+      if (height !== undefined) {
+        return {
+          '--rdg-grid-row-start': rowIdx,
+          '--rdg-row-height': `${height}px`
+        };
+      }
+
+      return {
+        '--rdg-grid-row-start': rowIdx
+      };
+    }
+    function getCellStyle(column, colSpan) {
+      return {
+        gridColumnStart: column.idx + 1,
+        gridColumnEnd: colSpan !== undefined ? `span ${colSpan}` : undefined,
+        insetInlineStart: column.frozen ? `var(--rdg-frozen-left-${column.idx})` : undefined
+      };
+    }
+    function getCellClassname(column, ...extraClasses) {
+      return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname, column.isLastFrozenColumn && cellFrozenLastClassname);
+    }
+
+    function useCalculatedColumns({
+      rawColumns,
+      columnWidths,
+      viewportWidth,
+      scrollLeft,
+      defaultColumnOptions,
+      rawGroupBy,
+      enableVirtualization
+    }) {
+      var _defaultColumnOptions, _defaultColumnOptions2, _defaultColumnOptions3, _defaultColumnOptions4;
+
+      const minColumnWidth = (_defaultColumnOptions = defaultColumnOptions == null ? void 0 : defaultColumnOptions.minWidth) != null ? _defaultColumnOptions : 80;
+      const defaultFormatter = (_defaultColumnOptions2 = defaultColumnOptions == null ? void 0 : defaultColumnOptions.formatter) != null ? _defaultColumnOptions2 : ValueFormatter;
+      const defaultSortable = (_defaultColumnOptions3 = defaultColumnOptions == null ? void 0 : defaultColumnOptions.sortable) != null ? _defaultColumnOptions3 : false;
+      const defaultResizable = (_defaultColumnOptions4 = defaultColumnOptions == null ? void 0 : defaultColumnOptions.resizable) != null ? _defaultColumnOptions4 : false;
+      const {
+        columns,
+        colSpanColumns,
+        lastFrozenColumnIndex,
+        groupBy
+      } = _(() => {
+        const groupBy = [];
+        let lastFrozenColumnIndex = -1;
+        const columns = rawColumns.map(rawColumn => {
+          var _rawGroupBy$includes, _rawColumn$sortable, _rawColumn$resizable, _rawColumn$formatter;
+
+          const rowGroup = (_rawGroupBy$includes = rawGroupBy == null ? void 0 : rawGroupBy.includes(rawColumn.key)) != null ? _rawGroupBy$includes : false;
+          const frozen = rowGroup || rawColumn.frozen || false;
+          const column = { ...rawColumn,
+            idx: 0,
+            frozen,
+            isLastFrozenColumn: false,
+            rowGroup,
+            sortable: (_rawColumn$sortable = rawColumn.sortable) != null ? _rawColumn$sortable : defaultSortable,
+            resizable: (_rawColumn$resizable = rawColumn.resizable) != null ? _rawColumn$resizable : defaultResizable,
+            formatter: (_rawColumn$formatter = rawColumn.formatter) != null ? _rawColumn$formatter : defaultFormatter
+          };
+
+          if (rowGroup) {
+            var _column$groupFormatte;
+
+            (_column$groupFormatte = column.groupFormatter) != null ? _column$groupFormatte : column.groupFormatter = ToggleGroupFormatter;
+          }
+
+          if (frozen) {
+            lastFrozenColumnIndex++;
+          }
+
+          return column;
+        });
+        columns.sort(({
+          key: aKey,
+          frozen: frozenA
+        }, {
+          key: bKey,
+          frozen: frozenB
+        }) => {
+          if (aKey === SELECT_COLUMN_KEY) return -1;
+          if (bKey === SELECT_COLUMN_KEY) return 1;
+
+          if (rawGroupBy != null && rawGroupBy.includes(aKey)) {
+            if (rawGroupBy.includes(bKey)) {
+              return rawGroupBy.indexOf(aKey) - rawGroupBy.indexOf(bKey);
+            }
+
+            return -1;
+          }
+
+          if (rawGroupBy != null && rawGroupBy.includes(bKey)) return 1;
+
+          if (frozenA) {
+            if (frozenB) return 0;
+            return -1;
+          }
+
+          if (frozenB) return 1;
+          return 0;
+        });
+        const colSpanColumns = [];
+        columns.forEach((column, idx) => {
+          column.idx = idx;
+
+          if (column.rowGroup) {
+            groupBy.push(column.key);
+          }
+
+          if (column.colSpan != null) {
+            colSpanColumns.push(column);
+          }
+        });
+
+        if (lastFrozenColumnIndex !== -1) {
+          columns[lastFrozenColumnIndex].isLastFrozenColumn = true;
+        }
+
+        return {
+          columns,
+          colSpanColumns,
+          lastFrozenColumnIndex,
+          groupBy
+        };
+      }, [rawColumns, defaultFormatter, defaultResizable, defaultSortable, rawGroupBy]);
+      const {
+        layoutCssVars,
+        totalColumnWidth,
+        totalFrozenColumnWidth,
+        columnMetrics
+      } = _(() => {
+        const columnMetrics = new Map();
+        let left = 0;
+        let totalColumnWidth = 0;
+        let totalFrozenColumnWidth = 0;
+        let templateColumns = '';
+        let allocatedWidth = 0;
+        let unassignedColumnsCount = 0;
+
+        for (const column of columns) {
+          let width = getSpecifiedWidth(column, columnWidths, viewportWidth);
+
+          if (width === undefined) {
+            unassignedColumnsCount++;
+          } else {
+            width = clampColumnWidth(width, column, minColumnWidth);
+            allocatedWidth += width;
+            columnMetrics.set(column, {
+              width,
+              left: 0
+            });
+          }
+        }
+
+        for (const column of columns) {
+          let width;
+
+          if (columnMetrics.has(column)) {
+            const columnMetric = columnMetrics.get(column);
+            columnMetric.left = left;
+            ({
+              width
+            } = columnMetric);
+          } else {
+            const unallocatedWidth = viewportWidth - allocatedWidth;
+            const unallocatedColumnWidth = round(unallocatedWidth / unassignedColumnsCount);
+            width = clampColumnWidth(unallocatedColumnWidth, column, minColumnWidth);
+            allocatedWidth += width;
+            unassignedColumnsCount--;
+            columnMetrics.set(column, {
+              width,
+              left
+            });
+          }
+
+          totalColumnWidth += width;
+          left += width;
+          templateColumns += `${width}px `;
+        }
+
+        if (lastFrozenColumnIndex !== -1) {
+          const columnMetric = columnMetrics.get(columns[lastFrozenColumnIndex]);
+          totalFrozenColumnWidth = columnMetric.left + columnMetric.width;
+        }
+
+        const layoutCssVars = {
+          gridTemplateColumns: templateColumns
+        };
+
+        for (let i = 0; i <= lastFrozenColumnIndex; i++) {
+          const column = columns[i];
+          layoutCssVars[`--rdg-frozen-left-${column.idx}`] = `${columnMetrics.get(column).left}px`;
+        }
+
+        return {
+          layoutCssVars,
+          totalColumnWidth,
+          totalFrozenColumnWidth,
+          columnMetrics
+        };
+      }, [columnWidths, columns, viewportWidth, minColumnWidth, lastFrozenColumnIndex]);
+      const [colOverscanStartIdx, colOverscanEndIdx] = _(() => {
+        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];
+      }, [columnMetrics, columns, lastFrozenColumnIndex, scrollLeft, totalFrozenColumnWidth, viewportWidth, enableVirtualization]);
+      return {
+        columns,
+        colSpanColumns,
+        colOverscanStartIdx,
+        colOverscanEndIdx,
+        layoutCssVars,
+        columnMetrics,
+        totalColumnWidth,
+        lastFrozenColumnIndex,
+        totalFrozenColumnWidth,
+        groupBy
+      };
+    }
+
+    function getSpecifiedWidth({
+      key,
+      width
+    }, columnWidths, viewportWidth) {
+      if (columnWidths.has(key)) {
+        return columnWidths.get(key);
+      }
+
+      if (typeof width === 'number') {
+        return width;
+      }
+
+      if (typeof width === 'string' && /^\d+%$/.test(width)) {
+        return floor(viewportWidth * parseInt(width, 10) / 100);
+      }
+
+      return undefined;
+    }
+
+    function clampColumnWidth(width, {
+      minWidth,
+      maxWidth
+    }, minColumnWidth) {
+      width = max(width, minWidth != null ? minWidth : minColumnWidth);
+
+      if (typeof maxWidth === 'number') {
+        return min(width, maxWidth);
+      }
+
+      return width;
+    }
+
+    function useGridDimensions() {
+      const gridRef = h(null);
+      const [gridWidth, setGridWidth] = m(1);
+      const [gridHeight, setGridHeight] = m(1);
+      useLayoutEffect(() => {
+        const {
+          ResizeObserver
+        } = window;
+        if (ResizeObserver == null) return;
+        const resizeObserver = new ResizeObserver(() => {
+          const {
+            clientWidth,
+            clientHeight
+          } = gridRef.current;
+          setGridWidth(clientWidth - (devicePixelRatio % 1 === 0 ? 0 : 1));
+          setGridHeight(clientHeight);
+        });
+        resizeObserver.observe(gridRef.current);
+        return () => {
+          resizeObserver.disconnect();
+        };
+      }, []);
+      return [gridRef, gridWidth, gridHeight];
+    }
+
+    function useLatestFunc(fn) {
+      const ref = h(fn);
+      y(() => {
+        ref.current = fn;
+      });
+      return A$1((...args) => {
+        ref.current(...args);
+      }, []);
+    }
+
+    function useRovingCellRef(isSelected) {
+      const ref = h(null);
+      const isChildFocused = h(false);
+      const [, forceRender] = m({});
+      useLayoutEffect(() => {
+        var _ref$current;
+
+        if (!isSelected) {
+          isChildFocused.current = false;
+          return;
+        }
+
+        if (isChildFocused.current) {
+          forceRender({});
+          return;
+        }
+
+        (_ref$current = ref.current) == null ? void 0 : _ref$current.focus({
+          preventScroll: true
+        });
+      }, [isSelected]);
+
+      function onFocus(event) {
+        if (event.target !== ref.current) {
+          isChildFocused.current = true;
+        }
+      }
+
+      const isFocused = isSelected && !isChildFocused.current;
+      return {
+        ref,
+        tabIndex: isFocused ? 0 : -1,
+        onFocus
+      };
+    }
+
+    function useViewportColumns({
+      columns,
+      colSpanColumns,
+      rows,
+      summaryRows,
+      colOverscanStartIdx,
+      colOverscanEndIdx,
+      lastFrozenColumnIndex,
+      rowOverscanStartIdx,
+      rowOverscanEndIdx,
+      isGroupRow
+    }) {
+      const startIdx = _(() => {
+        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
+            }))) {
+              break;
+            }
+          }
+
+          if (summaryRows != null) {
+            for (const row of summaryRows) {
+              if (updateStartIdx(colIdx, getColSpan(column, lastFrozenColumnIndex, {
+                type: 'SUMMARY',
+                row
+              }))) {
+                break;
+              }
+            }
+          }
+        }
+
+        return startIdx;
+      }, [rowOverscanStartIdx, rowOverscanEndIdx, rows, summaryRows, colOverscanStartIdx, lastFrozenColumnIndex, colSpanColumns, isGroupRow]);
+      return _(() => {
+        const viewportColumns = [];
+
+        for (let colIdx = 0; colIdx <= colOverscanEndIdx; colIdx++) {
+          const column = columns[colIdx];
+          if (colIdx < startIdx && !column.frozen) continue;
+          viewportColumns.push(column);
+        }
+
+        return viewportColumns;
+      }, [startIdx, colOverscanEndIdx, columns]);
+    }
+
+    function isReadonlyArray(arr) {
+      return Array.isArray(arr);
+    }
+
+    function useViewportRows({
+      rawRows,
+      rowHeight,
+      clientHeight,
+      scrollTop,
+      groupBy,
+      rowGrouper,
+      expandedGroupIds,
+      enableVirtualization
+    }) {
+      const [groupedRows, rowsCount] = _(() => {
+        if (groupBy.length === 0 || rowGrouper == null) return [undefined, rawRows.length];
+
+        const groupRows = (rows, [groupByKey, ...remainingGroupByKeys], startRowIndex) => {
+          let groupRowsCount = 0;
+          const groups = {};
+
+          for (const [key, childRows] of Object.entries(rowGrouper(rows, groupByKey))) {
+            const [childGroups, childRowsCount] = remainingGroupByKeys.length === 0 ? [childRows, childRows.length] : groupRows(childRows, remainingGroupByKeys, startRowIndex + groupRowsCount + 1);
+            groups[key] = {
+              childRows,
+              childGroups,
+              startRowIndex: startRowIndex + groupRowsCount
+            };
+            groupRowsCount += childRowsCount + 1;
+          }
+
+          return [groups, groupRowsCount];
+        };
+
+        return groupRows(rawRows, groupBy, 0);
+      }, [groupBy, rowGrouper, rawRows]);
+      const [rows, isGroupRow] = _(() => {
+        const allGroupRows = new Set();
+        if (!groupedRows) return [rawRows, isGroupRow];
+        const flattenedRows = [];
+
+        const expandGroup = (rows, parentId, level) => {
+          if (isReadonlyArray(rows)) {
+            flattenedRows.push(...rows);
+            return;
+          }
+
+          Object.keys(rows).forEach((groupKey, posInSet, keys) => {
+            var _expandedGroupIds$has;
+
+            const id = parentId !== undefined ? `${parentId}__${groupKey}` : groupKey;
+            const isExpanded = (_expandedGroupIds$has = expandedGroupIds == null ? void 0 : expandedGroupIds.has(id)) != null ? _expandedGroupIds$has : false;
+            const {
+              childRows,
+              childGroups,
+              startRowIndex
+            } = rows[groupKey];
+            const groupRow = {
+              id,
+              parentId,
+              groupKey,
+              isExpanded,
+              childRows,
+              level,
+              posInSet,
+              startRowIndex,
+              setSize: keys.length
+            };
+            flattenedRows.push(groupRow);
+            allGroupRows.add(groupRow);
+
+            if (isExpanded) {
+              expandGroup(childGroups, id, level + 1);
+            }
+          });
+        };
+
+        expandGroup(groupedRows, undefined, 0);
+        return [flattenedRows, isGroupRow];
+
+        function isGroupRow(row) {
+          return allGroupRows.has(row);
+        }
+      }, [expandedGroupIds, groupedRows, rawRows]);
+      const {
+        totalRowHeight,
+        gridTemplateRows,
+        getRowTop,
+        getRowHeight,
+        findRowIdx
+      } = _(() => {
+        if (typeof rowHeight === 'number') {
+          return {
+            totalRowHeight: rowHeight * rows.length,
+            gridTemplateRows: ` repeat(${rows.length}, ${rowHeight}px)`,
+            getRowTop: rowIdx => rowIdx * rowHeight,
+            getRowHeight: () => rowHeight,
+            findRowIdx: offset => floor(offset / rowHeight)
+          };
+        }
+
+        let totalRowHeight = 0;
+        let gridTemplateRows = ' ';
+        const rowPositions = rows.map(row => {
+          const currentRowHeight = isGroupRow(row) ? rowHeight({
+            type: 'GROUP',
+            row
+          }) : rowHeight({
+            type: 'ROW',
+            row
+          });
+          const position = {
+            top: totalRowHeight,
+            height: currentRowHeight
+          };
+          gridTemplateRows += `${currentRowHeight}px `;
+          totalRowHeight += currentRowHeight;
+          return position;
+        });
+
+        const validateRowIdx = rowIdx => {
+          return max(0, min(rows.length - 1, rowIdx));
+        };
+
+        return {
+          totalRowHeight,
+          gridTemplateRows,
+          getRowTop: rowIdx => rowPositions[validateRowIdx(rowIdx)].top,
+          getRowHeight: rowIdx => rowPositions[validateRowIdx(rowIdx)].height,
+
+          findRowIdx(offset) {
+            let start = 0;
+            let end = rowPositions.length - 1;
+
+            while (start <= end) {
+              const middle = start + floor((end - start) / 2);
+              const currentOffset = rowPositions[middle].top;
+              if (currentOffset === offset) return middle;
+
+              if (currentOffset < offset) {
+                start = middle + 1;
+              } else if (currentOffset > offset) {
+                end = middle - 1;
+              }
+
+              if (start > end) return end;
+            }
+
+            return 0;
+          }
+
+        };
+      }, [isGroupRow, rowHeight, rows]);
+      let rowOverscanStartIdx = 0;
+      let rowOverscanEndIdx = rows.length - 1;
+
+      if (enableVirtualization) {
+        const overscanThreshold = 4;
+        const rowVisibleStartIdx = findRowIdx(scrollTop);
+        const rowVisibleEndIdx = findRowIdx(scrollTop + clientHeight);
+        rowOverscanStartIdx = max(0, rowVisibleStartIdx - overscanThreshold);
+        rowOverscanEndIdx = min(rows.length - 1, rowVisibleEndIdx + overscanThreshold);
+      }
+
+      return {
+        rowOverscanStartIdx,
+        rowOverscanEndIdx,
+        rows,
+        rowsCount,
+        totalRowHeight,
+        gridTemplateRows,
+        isGroupRow,
+        getRowTop,
+        getRowHeight,
+        findRowIdx
+      };
+    }
+
+    var css_248z$a = ".h1tr5c9i700-beta11{cursor:pointer;display:flex}.h1tr5c9i700-beta11:focus{outline:none}.h19r0msv700-beta11{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}";
+    styleInject$1(css_248z$a,{"insertAt":"top"});
+
+    const headerSortCell = "h1tr5c9i700-beta11";
+    const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
+    const headerSortName = "h19r0msv700-beta11";
+    const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
+    function HeaderRenderer({
+      column,
+      sortDirection,
+      priority,
+      onSort,
+      isCellSelected
+    }) {
+      if (!column.sortable) return /*#__PURE__*/e$1(d$1, {
+        children: column.name
+      });
+      return /*#__PURE__*/e$1(SortableHeaderCell, {
+        onSort: onSort,
+        sortDirection: sortDirection,
+        priority: priority,
+        isCellSelected: isCellSelected,
+        children: column.name
+      });
+    }
+
+    function SortableHeaderCell({
+      onSort,
+      sortDirection,
+      priority,
+      children,
+      isCellSelected
+    }) {
+      const SortIcon = useDefaultComponents().sortIcon;
+      const {
+        ref,
+        tabIndex
+      } = useFocusRef(isCellSelected);
+
+      function handleKeyDown(event) {
+        if (event.key === ' ' || event.key === 'Enter') {
+          event.preventDefault();
+          onSort(event.ctrlKey || event.metaKey);
+        }
+      }
+
+      function handleClick(event) {
+        onSort(event.ctrlKey || event.metaKey);
+      }
+
+      return /*#__PURE__*/e$1("span", {
+        ref: ref,
+        tabIndex: tabIndex,
+        className: headerSortCellClassname,
+        onClick: handleClick,
+        onKeyDown: handleKeyDown,
+        children: [/*#__PURE__*/e$1("span", {
+          className: headerSortNameClassname,
+          children: children
+        }), /*#__PURE__*/e$1("span", {
+          children: [/*#__PURE__*/e$1(SortIcon, {
+            sortDirection: sortDirection
+          }), priority]
+        })]
+      });
+    }
+
+    var css_248z$9 = ".celq7o9700-beta11{touch-action:none}.celq7o9700-beta11:after{content:\"\";cursor:col-resize;inline-size:10px;inset-block-end:0;inset-block-start:0;inset-inline-end:0;position:absolute}";
+    styleInject$1(css_248z$9,{"insertAt":"top"});
+
+    const cellResizable = "celq7o9700-beta11";
+    const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
+    function HeaderCell({
+      column,
+      colSpan,
+      isCellSelected,
+      onColumnResize,
+      allRowsSelected,
+      onAllRowsSelectionChange,
+      sortColumns,
+      onSortColumnsChange,
+      selectCell,
+      shouldFocusGrid,
+      direction
+    }) {
+      var _column$headerRendere, _column$minWidth, _column$maxWidth;
+
+      const isRtl = direction === 'rtl';
+      const {
+        ref,
+        tabIndex,
+        onFocus
+      } = useRovingCellRef(isCellSelected);
+      const sortIndex = sortColumns == null ? void 0 : sortColumns.findIndex(sort => sort.columnKey === column.key);
+      const sortColumn = sortIndex !== undefined && sortIndex > -1 ? sortColumns[sortIndex] : undefined;
+      const sortDirection = sortColumn == null ? void 0 : sortColumn.direction;
+      const priority = sortColumn !== undefined && sortColumns.length > 1 ? sortIndex + 1 : undefined;
+      const ariaSort = sortDirection && !priority ? sortDirection === 'ASC' ? 'ascending' : 'descending' : undefined;
+      const className = getCellClassname(column, column.headerCellClass, column.resizable && cellResizableClassname);
+      const HeaderRenderer$1 = (_column$headerRendere = column.headerRenderer) != null ? _column$headerRendere : HeaderRenderer;
+
+      function onPointerDown(event) {
+        if (event.pointerType === 'mouse' && event.buttons !== 1) {
+          return;
+        }
+
+        const {
+          currentTarget,
+          pointerId
+        } = event;
+        const {
+          right,
+          left
+        } = currentTarget.getBoundingClientRect();
+        const offset = isRtl ? event.clientX - left : right - event.clientX;
+
+        if (offset > 11) {
+          return;
+        }
+
+        function onPointerMove(event) {
+          const {
+            right,
+            left
+          } = currentTarget.getBoundingClientRect();
+          const width = isRtl ? right + offset - event.clientX : event.clientX + offset - left;
+
+          if (width > 0) {
+            onColumnResize(column, width);
+          }
+        }
+
+        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,
+            direction: sortDescendingFirst ? 'DESC' : 'ASC'
+          };
+          onSortColumnsChange(sortColumns && ctrlClick ? [...sortColumns, nextSort] : [nextSort]);
+        } else {
+          let nextSortColumn;
+
+          if (sortDescendingFirst && sortDirection === 'DESC' || !sortDescendingFirst && sortDirection === 'ASC') {
+            nextSortColumn = {
+              columnKey: column.key,
+              direction: sortDirection === 'ASC' ? 'DESC' : 'ASC'
+            };
+          }
+
+          if (ctrlClick) {
+            const nextSortColumns = [...sortColumns];
+
+            if (nextSortColumn) {
+              nextSortColumns[sortIndex] = nextSortColumn;
+            } else {
+              nextSortColumns.splice(sortIndex, 1);
+            }
+
+            onSortColumnsChange(nextSortColumns);
+          } else {
+            onSortColumnsChange(nextSortColumn ? [nextSortColumn] : []);
+          }
+        }
+      }
+
+      function onClick() {
+        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, 'auto');
+      }
+
+      function handleFocus(event) {
+        onFocus(event);
+
+        if (shouldFocusGrid) {
+          selectCell(0);
+        }
+      }
+
+      return /*#__PURE__*/e$1("div", {
+        role: "columnheader",
+        "aria-colindex": column.idx + 1,
+        "aria-selected": isCellSelected,
+        "aria-sort": ariaSort,
+        "aria-colspan": colSpan,
+        ref: ref,
+        tabIndex: shouldFocusGrid ? 0 : tabIndex,
+        className: className,
+        style: { ...getCellStyle(column, colSpan),
+          minWidth: (_column$minWidth = column.minWidth) != null ? _column$minWidth : undefined,
+          maxWidth: (_column$maxWidth = column.maxWidth) != null ? _column$maxWidth : undefined
+        },
+        onFocus: handleFocus,
+        onClick: onClick,
+        onDoubleClick: column.resizable ? onDoubleClick : undefined,
+        onPointerDown: column.resizable ? onPointerDown : undefined,
+        children: /*#__PURE__*/e$1(HeaderRenderer$1, {
+          column: column,
+          sortDirection: sortDirection,
+          priority: priority,
+          onSort: onSort,
+          allRowsSelected: allRowsSelected,
+          onAllRowsSelectionChange: onAllRowsSelectionChange,
+          isCellSelected: isCellSelected
+        })
+      });
+    }
+
+    var css_248z$8 = ".h197vzie700-beta11{background-color:var(--rdg-header-background-color);display:contents;font-weight:700;line-height:var(--rdg-header-row-height)}.h197vzie700-beta11>.c1wupbe700-beta11{inset-block-start:0;position:sticky;z-index:2}.h197vzie700-beta11>.c1730fa4700-beta11{z-index:3}";
+    styleInject$1(css_248z$8,{"insertAt":"top"});
+
+    const headerRow = "h197vzie700-beta11";
+    const headerRowClassname = `rdg-header-row ${headerRow}`;
+
+    function HeaderRow({
+      columns,
+      allRowsSelected,
+      onAllRowsSelectionChange,
+      onColumnResize,
+      sortColumns,
+      onSortColumnsChange,
+      lastFrozenColumnIndex,
+      selectedCellIdx,
+      selectCell,
+      shouldFocusGrid,
+      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__*/e$1(HeaderCell, {
+          column: column,
+          colSpan: colSpan,
+          isCellSelected: selectedCellIdx === column.idx,
+          onColumnResize: onColumnResize,
+          allRowsSelected: allRowsSelected,
+          onAllRowsSelectionChange: onAllRowsSelectionChange,
+          onSortColumnsChange: onSortColumnsChange,
+          sortColumns: sortColumns,
+          selectCell: selectCell,
+          shouldFocusGrid: shouldFocusGrid && index === 0,
+          direction: direction
+        }, column.key));
+      }
+
+      return /*#__PURE__*/e$1("div", {
+        role: "row",
+        "aria-rowindex": 1,
+        className: clsx(headerRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
+        style: getRowStyle(1),
+        children: cells
+      });
+    }
+
+    const HeaderRow$1 = /*#__PURE__*/g(HeaderRow);
+
+    var css_248z$7 = ".c1bmg16t700-beta11,.ccpfvsn700-beta11{background-color:#ccf}.c1bmg16t700-beta11.ccpfvsn700-beta11{background-color:#99f}";
+    styleInject$1(css_248z$7,{"insertAt":"top"});
+
+    const cellCopied = "ccpfvsn700-beta11";
+    const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
+    const cellDraggedOver = "c1bmg16t700-beta11";
+    const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
+
+    function Cell({
+      column,
+      colSpan,
+      isCellSelected,
+      isCopied,
+      isDraggedOver,
+      row,
+      dragHandle,
+      onRowClick,
+      onRowDoubleClick,
+      onRowChange,
+      selectCell,
+      ...props
+    }) {
+      const {
+        ref,
+        tabIndex,
+        onFocus
+      } = useRovingCellRef(isCellSelected);
+      const {
+        cellClass
+      } = column;
+      const className = getCellClassname(column, typeof cellClass === 'function' ? cellClass(row) : cellClass, isCopied && cellCopiedClassname, isDraggedOver && cellDraggedOverClassname);
+
+      function selectCellWrapper(openEditor) {
+        selectCell(row, column, openEditor);
+      }
+
+      function handleClick() {
+        var _column$editorOptions;
+
+        selectCellWrapper((_column$editorOptions = column.editorOptions) == null ? void 0 : _column$editorOptions.editOnClick);
+        onRowClick == null ? void 0 : onRowClick(row, column);
+      }
+
+      function handleContextMenu() {
+        selectCellWrapper();
+      }
+
+      function handleDoubleClick() {
+        selectCellWrapper(true);
+        onRowDoubleClick == null ? void 0 : onRowDoubleClick(row, column);
+      }
+
+      return /*#__PURE__*/e$1("div", {
+        role: "gridcell",
+        "aria-colindex": column.idx + 1,
+        "aria-selected": isCellSelected,
+        "aria-colspan": colSpan,
+        "aria-readonly": !isCellEditable(column, row) || undefined,
+        ref: ref,
+        tabIndex: tabIndex,
+        className: className,
+        style: getCellStyle(column, colSpan),
+        onClick: handleClick,
+        onDoubleClick: handleDoubleClick,
+        onContextMenu: handleContextMenu,
+        onFocus: onFocus,
+        ...props,
+        children: !column.rowGroup && /*#__PURE__*/e$1(d$1, {
+          children: [/*#__PURE__*/e$1(column.formatter, {
+            column: column,
+            row: row,
+            isCellSelected: isCellSelected,
+            onRowChange: onRowChange
+          }), dragHandle]
+        })
+      });
+    }
+
+    const Cell$1 = /*#__PURE__*/g(Cell);
+
+    function Row({
+      className,
+      rowIdx,
+      gridRowStart,
+      height,
+      selectedCellIdx,
+      isRowSelected,
+      copiedCellIdx,
+      draggedOverCellIdx,
+      lastFrozenColumnIndex,
+      row,
+      viewportColumns,
+      selectedCellEditor,
+      selectedCellDragHandle,
+      onRowClick,
+      onRowDoubleClick,
+      rowClass,
+      setDraggedOverRowIdx,
+      onMouseEnter,
+      onRowChange,
+      selectCell,
+      ...props
+    }, ref) {
+      const handleRowChange = useLatestFunc(newRow => {
+        onRowChange(rowIdx, newRow);
+      });
+
+      function handleDragEnter(event) {
+        setDraggedOverRowIdx == null ? void 0 : setDraggedOverRowIdx(rowIdx);
+        onMouseEnter == null ? void 0 : onMouseEnter(event);
+      }
+
+      className = clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, rowClass == null ? void 0 : rowClass(row), className, selectedCellIdx === -1 && rowSelectedClassname);
+      const cells = [];
+
+      for (let index = 0; index < viewportColumns.length; index++) {
+        const column = viewportColumns[index];
+        const {
+          idx
+        } = column;
+        const colSpan = getColSpan(column, lastFrozenColumnIndex, {
+          type: 'ROW',
+          row
+        });
+
+        if (colSpan !== undefined) {
+          index += colSpan - 1;
+        }
+
+        const isCellSelected = selectedCellIdx === idx;
+
+        if (isCellSelected && selectedCellEditor) {
+          cells.push(selectedCellEditor);
+        } else {
+          cells.push( /*#__PURE__*/e$1(Cell$1, {
+            column: column,
+            colSpan: colSpan,
+            row: row,
+            isCopied: copiedCellIdx === idx,
+            isDraggedOver: draggedOverCellIdx === idx,
+            isCellSelected: isCellSelected,
+            dragHandle: isCellSelected ? selectedCellDragHandle : undefined,
+            onRowClick: onRowClick,
+            onRowDoubleClick: onRowDoubleClick,
+            onRowChange: handleRowChange,
+            selectCell: selectCell
+          }, column.key));
+        }
+      }
+
+      return /*#__PURE__*/e$1(RowSelectionProvider, {
+        value: isRowSelected,
+        children: /*#__PURE__*/e$1("div", {
+          role: "row",
+          ref: ref,
+          className: className,
+          onMouseEnter: handleDragEnter,
+          style: getRowStyle(gridRowStart, height),
+          ...props,
+          children: cells
+        })
+      });
+    }
+
+    const Row$1 = /*#__PURE__*/g( /*#__PURE__*/x(Row));
+
+    function GroupCell({
+      id,
+      groupKey,
+      childRows,
+      isExpanded,
+      isCellSelected,
+      column,
+      row,
+      groupColumnIndex,
+      toggleGroup: toggleGroupWrapper
+    }) {
+      const {
+        ref,
+        tabIndex,
+        onFocus
+      } = useRovingCellRef(isCellSelected);
+
+      function toggleGroup() {
+        toggleGroupWrapper(id);
+      }
+
+      const isLevelMatching = column.rowGroup && groupColumnIndex === column.idx;
+      return /*#__PURE__*/e$1("div", {
+        role: "gridcell",
+        "aria-colindex": column.idx + 1,
+        "aria-selected": isCellSelected,
+        ref: ref,
+        tabIndex: tabIndex,
+        className: getCellClassname(column),
+        style: { ...getCellStyle(column),
+          cursor: isLevelMatching ? 'pointer' : 'default'
+        },
+        onClick: isLevelMatching ? toggleGroup : undefined,
+        onFocus: onFocus,
+        children: (!column.rowGroup || groupColumnIndex === column.idx) && column.groupFormatter && /*#__PURE__*/e$1(column.groupFormatter, {
+          groupKey: groupKey,
+          childRows: childRows,
+          column: column,
+          row: row,
+          isExpanded: isExpanded,
+          isCellSelected: isCellSelected,
+          toggleGroup: toggleGroup
+        })
+      }, column.key);
+    }
+
+    const GroupCell$1 = /*#__PURE__*/g(GroupCell);
+
+    var css_248z$6 = ".gyxx7e9700-beta11:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}.gyxx7e9700-beta11>.c1wupbe700-beta11:not(:last-child):not(.c9dpaye700-beta11){border-inline-end:none}";
+    styleInject$1(css_248z$6,{"insertAt":"top"});
+
+    const groupRow = "gyxx7e9700-beta11";
+    const groupRowClassname = `rdg-group-row ${groupRow}`;
+
+    function GroupedRow({
+      id,
+      groupKey,
+      viewportColumns,
+      childRows,
+      rowIdx,
+      row,
+      gridRowStart,
+      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__*/e$1(RowSelectionProvider, {
+        value: isRowSelected,
+        children: /*#__PURE__*/e$1("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__*/e$1(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__*/g(GroupedRow);
+
+    var css_248z$5 = ".s1n3hxke700-beta11{inset-block-end:var(--rdg-summary-row-bottom);inset-block-start:var(--rdg-summary-row-top)}";
+    styleInject$1(css_248z$5,{"insertAt":"top"});
+
+    const summaryCellClassname = "s1n3hxke700-beta11";
+
+    function SummaryCell({
+      column,
+      colSpan,
+      row,
+      isCellSelected,
+      selectCell
+    }) {
+      const {
+        ref,
+        tabIndex,
+        onFocus
+      } = useRovingCellRef(isCellSelected);
+      const {
+        summaryFormatter: SummaryFormatter,
+        summaryCellClass
+      } = column;
+      const className = getCellClassname(column, summaryCellClassname, typeof summaryCellClass === 'function' ? summaryCellClass(row) : summaryCellClass);
+
+      function onClick() {
+        selectCell(row, column);
+      }
+
+      return /*#__PURE__*/e$1("div", {
+        role: "gridcell",
+        "aria-colindex": column.idx + 1,
+        "aria-colspan": colSpan,
+        "aria-selected": isCellSelected,
+        ref: ref,
+        tabIndex: tabIndex,
+        className: className,
+        style: getCellStyle(column, colSpan),
+        onClick: onClick,
+        onFocus: onFocus,
+        children: SummaryFormatter && /*#__PURE__*/e$1(SummaryFormatter, {
+          column: column,
+          row: row,
+          isCellSelected: isCellSelected
+        })
+      });
+    }
+
+    const SummaryCell$1 = /*#__PURE__*/g(SummaryCell);
+
+    var css_248z$4 = ".snfqesz700-beta11.r1otpg64700-beta11{line-height:var(--rdg-summary-row-height)}.snfqesz700-beta11.r1otpg64700-beta11>.c1wupbe700-beta11{position:sticky}.s1jijrjz700-beta11>.c1wupbe700-beta11{border-block-start:2px solid var(--rdg-summary-border-color)}";
+    styleInject$1(css_248z$4,{"insertAt":"top"});
+
+    const summaryRow = "snfqesz700-beta11";
+    const summaryRowBorderClassname = "s1jijrjz700-beta11";
+    const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
+
+    function SummaryRow({
+      rowIdx,
+      gridRowStart,
+      row,
+      viewportColumns,
+      top,
+      bottom,
+      lastFrozenColumnIndex,
+      selectedCellIdx,
+      selectCell,
+      'aria-rowindex': ariaRowIndex
+    }) {
+      const cells = [];
+
+      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__*/e$1(SummaryCell$1, {
+          column: column,
+          colSpan: colSpan,
+          row: row,
+          isCellSelected: isCellSelected,
+          selectCell: selectCell
+        }, column.key));
+      }
+
+      return /*#__PURE__*/e$1("div", {
+        role: "row",
+        "aria-rowindex": ariaRowIndex,
+        className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, rowIdx === 0 && summaryRowBorderClassname, selectedCellIdx === -1 && rowSelectedClassname),
+        style: { ...getRowStyle(gridRowStart),
+          '--rdg-summary-row-top': top !== undefined ? `${top}px` : undefined,
+          '--rdg-summary-row-bottom': bottom !== undefined ? `${bottom}px` : undefined
+        },
+        children: cells
+      });
+    }
+
+    const SummaryRow$1 = /*#__PURE__*/g(SummaryRow);
+
+    var css_248z$3 = ".c1tngyp1700-beta11.rdg-cell{padding:0}";
+    styleInject$1(css_248z$3,{"insertAt":"top"});
+
+    const cellEditing = "c1tngyp1700-beta11";
+    function EditCell({
+      column,
+      colSpan,
+      row,
+      onRowChange,
+      closeEditor,
+      scrollToCell
+    }) {
+      var _column$editorOptions, _column$editorOptions4, _column$editorOptions5;
+
+      const frameRequestRef = h();
+      const commitOnOutsideClick = ((_column$editorOptions = column.editorOptions) == null ? void 0 : _column$editorOptions.commitOnOutsideClick) !== false;
+      const commitOnOutsideMouseDown = useLatestFunc(() => {
+        onClose(true);
+      });
+      y(() => {
+        if (!commitOnOutsideClick) return;
+
+        function onWindowCaptureMouseDown() {
+          frameRequestRef.current = requestAnimationFrame(commitOnOutsideMouseDown);
+        }
+
+        addEventListener('mousedown', onWindowCaptureMouseDown, {
+          capture: true
+        });
+        return () => {
+          removeEventListener('mousedown', onWindowCaptureMouseDown, {
+            capture: true
+          });
+          cancelFrameRequest();
+        };
+      }, [commitOnOutsideClick, commitOnOutsideMouseDown]);
+
+      function cancelFrameRequest() {
+        cancelAnimationFrame(frameRequestRef.current);
+      }
+
+      function onKeyDown(event) {
+        if (event.key === 'Escape') {
+          event.stopPropagation();
+          onClose();
+        } else if (event.key === 'Enter') {
+          event.stopPropagation();
+          onClose(true);
+          scrollToCell();
+        } else {
+          var _column$editorOptions2, _column$editorOptions3;
+
+          const onNavigation = (_column$editorOptions2 = (_column$editorOptions3 = column.editorOptions) == null ? void 0 : _column$editorOptions3.onNavigation) != null ? _column$editorOptions2 : onEditorNavigation;
+
+          if (!onNavigation(event)) {
+            event.stopPropagation();
+          }
+        }
+      }
+
+      function onClose(commitChanges) {
+        if (commitChanges) {
+          onRowChange(row, true);
+        } else {
+          closeEditor();
+        }
+      }
+
+      const {
+        cellClass
+      } = column;
+      const className = getCellClassname(column, 'rdg-editor-container', typeof cellClass === 'function' ? cellClass(row) : cellClass, !((_column$editorOptions4 = column.editorOptions) != null && _column$editorOptions4.renderFormatter) && cellEditing);
+      return /*#__PURE__*/e$1("div", {
+        role: "gridcell",
+        "aria-colindex": column.idx + 1,
+        "aria-colspan": colSpan,
+        "aria-selected": true,
+        className: className,
+        style: getCellStyle(column, colSpan),
+        onKeyDown: onKeyDown,
+        onMouseDownCapture: commitOnOutsideClick ? cancelFrameRequest : undefined,
+        children: column.editor != null && /*#__PURE__*/e$1(d$1, {
+          children: [/*#__PURE__*/e$1(column.editor, {
+            column: column,
+            row: row,
+            onRowChange: onRowChange,
+            onClose: onClose
+          }), ((_column$editorOptions5 = column.editorOptions) == null ? void 0 : _column$editorOptions5.renderFormatter) && /*#__PURE__*/e$1(column.formatter, {
+            column: column,
+            row: row,
+            isCellSelected: true,
+            onRowChange: onRowChange
+          })]
+        })
+      });
+    }
+
+    var css_248z$2 = ".cadd3bp700-beta11{background-color:var(--rdg-selection-color);block-size:8px;cursor:move;inline-size:8px;inset-block-end:0;inset-inline-end:0;position:absolute}.cadd3bp700-beta11:hover{background-color:var(--rdg-background-color);block-size:16px;border:2px solid var(--rdg-selection-color);inline-size:16px}";
+    styleInject$1(css_248z$2,{"insertAt":"top"});
+
+    const cellDragHandle = "cadd3bp700-beta11";
+    const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
+    function DragHandle({
+      rows,
+      columns,
+      selectedPosition,
+      latestDraggedOverRowIdx,
+      isCellEditable,
+      onRowsChange,
+      onFill,
+      setDragging,
+      setDraggedOverRowIdx
+    }) {
+      function handleMouseDown(event) {
+        if (event.buttons !== 1) return;
+        setDragging(true);
+        window.addEventListener('mouseover', onMouseOver);
+        window.addEventListener('mouseup', onMouseUp);
+
+        function onMouseOver(event) {
+          if (event.buttons !== 1) onMouseUp();
+        }
+
+        function onMouseUp() {
+          window.removeEventListener('mouseover', onMouseOver);
+          window.removeEventListener('mouseup', onMouseUp);
+          setDragging(false);
+          handleDragEnd();
+        }
+      }
+
+      function handleDragEnd() {
+        const overRowIdx = latestDraggedOverRowIdx.current;
+        if (overRowIdx === undefined) return;
+        const {
+          rowIdx
+        } = selectedPosition;
+        const startRowIndex = rowIdx < overRowIdx ? rowIdx + 1 : overRowIdx;
+        const endRowIndex = rowIdx < overRowIdx ? overRowIdx + 1 : rowIdx;
+        updateRows(startRowIndex, endRowIndex);
+        setDraggedOverRowIdx(undefined);
+      }
+
+      function handleDoubleClick(event) {
+        event.stopPropagation();
+        updateRows(selectedPosition.rowIdx + 1, rows.length);
+      }
+
+      function updateRows(startRowIdx, endRowIdx) {
+        const {
+          idx,
+          rowIdx
+        } = selectedPosition;
+        const column = columns[idx];
+        const sourceRow = rows[rowIdx];
+        const updatedRows = [...rows];
+        const indexes = [];
+
+        for (let i = startRowIdx; i < endRowIdx; i++) {
+          if (isCellEditable({
+            rowIdx: i,
+            idx
+          })) {
+            const updatedRow = onFill({
+              columnKey: column.key,
+              sourceRow,
+              targetRow: rows[i]
+            });
+
+            if (updatedRow !== rows[i]) {
+              updatedRows[i] = updatedRow;
+              indexes.push(i);
+            }
+          }
+        }
+
+        if (indexes.length > 0) {
+          onRowsChange == null ? void 0 : onRowsChange(updatedRows, {
+            indexes,
+            column
+          });
+        }
+      }
+
+      return /*#__PURE__*/e$1("div", {
+        className: cellDragHandleClassname,
+        onMouseDown: handleMouseDown,
+        onDoubleClick: handleDoubleClick
+      });
+    }
+
+    var css_248z$1 = ".a888944700-beta11{fill:currentColor}.a888944700-beta11>path{transition:d .1s}";
+    styleInject$1(css_248z$1,{"insertAt":"top"});
+
+    const arrow = "a888944700-beta11";
+    const arrowClassname = `rdg-sort-arrow ${arrow}`;
+    function SortIcon({
+      sortDirection
+    }) {
+      return sortDirection !== undefined ? /*#__PURE__*/e$1("svg", {
+        viewBox: "0 0 12 8",
+        width: "12",
+        height: "8",
+        className: arrowClassname,
+        "aria-hidden": true,
+        children: /*#__PURE__*/e$1("path", {
+          d: sortDirection === 'ASC' ? 'M0 8 6 0 12 8' : 'M0 0 6 8 12 0'
+        })
+      }) : null;
+    }
+
+    const initialPosition = {
+      idx: -1,
+      rowIdx: -2,
+      mode: 'SELECT'
+    };
+
+    function DataGrid({
+      columns: rawColumns,
+      rows: rawRows,
+      summaryRows,
+      rowKeyGetter,
+      onRowsChange,
+      rowHeight,
+      headerRowHeight: rawHeaderRowHeight,
+      summaryRowHeight: rawSummaryRowHeight,
+      selectedRows,
+      onSelectedRowsChange,
+      sortColumns,
+      onSortColumnsChange,
+      defaultColumnOptions,
+      groupBy: rawGroupBy,
+      rowGrouper,
+      expandedGroupIds,
+      onExpandedGroupIdsChange,
+      onRowClick,
+      onRowDoubleClick,
+      onScroll,
+      onColumnResize,
+      onFill,
+      onCopy,
+      onPaste,
+      cellNavigationMode: rawCellNavigationMode,
+      enableVirtualization,
+      components,
+      className,
+      style,
+      rowClass,
+      direction,
+      'aria-label': ariaLabel,
+      'aria-labelledby': ariaLabelledBy,
+      'aria-describedby': ariaDescribedBy,
+      'data-testid': testId
+    }, ref) {
+      var _rowHeight, _ref, _components$rowRender, _ref2, _components$sortIcon, _ref3, _components$checkboxF, _components$noRowsFal, _enableVirtualization, _direction, _summaryRows$length;
+
+      const defaultComponents = useDefaultComponents();
+      (_rowHeight = rowHeight) != null ? _rowHeight : rowHeight = 35;
+      const headerRowHeight = rawHeaderRowHeight != null ? rawHeaderRowHeight : typeof rowHeight === 'number' ? rowHeight : 35;
+      const summaryRowHeight = rawSummaryRowHeight != null ? rawSummaryRowHeight : typeof rowHeight === 'number' ? rowHeight : 35;
+      const RowRenderer = (_ref = (_components$rowRender = components == null ? void 0 : components.rowRenderer) != null ? _components$rowRender : defaultComponents == null ? void 0 : defaultComponents.rowRenderer) != null ? _ref : Row$1;
+      const sortIcon = (_ref2 = (_components$sortIcon = components == null ? void 0 : components.sortIcon) != null ? _components$sortIcon : defaultComponents == null ? void 0 : defaultComponents.sortIcon) != null ? _ref2 : SortIcon;
+      const checkboxFormatter = (_ref3 = (_components$checkboxF = components == null ? void 0 : components.checkboxFormatter) != null ? _components$checkboxF : defaultComponents == null ? void 0 : defaultComponents.checkboxFormatter) != null ? _ref3 : CheckboxFormatter;
+      const noRowsFallback = (_components$noRowsFal = components == null ? void 0 : components.noRowsFallback) != null ? _components$noRowsFal : defaultComponents == null ? void 0 : defaultComponents.noRowsFallback;
+      const cellNavigationMode = rawCellNavigationMode != null ? rawCellNavigationMode : 'NONE';
+      (_enableVirtualization = enableVirtualization) != null ? _enableVirtualization : enableVirtualization = true;
+      (_direction = direction) != null ? _direction : direction = 'ltr';
+      const [scrollTop, setScrollTop] = m(0);
+      const [scrollLeft, setScrollLeft] = m(0);
+      const [columnWidths, setColumnWidths] = m(() => new Map());
+      const [selectedPosition, setSelectedPosition] = m(initialPosition);
+      const [copiedCell, setCopiedCell] = m(null);
+      const [isDragging, setDragging] = m(false);
+      const [draggedOverRowIdx, setOverRowIdx] = m(undefined);
+      const [autoResizeColumn, setAutoResizeColumn] = m(null);
+      const prevSelectedPosition = h(selectedPosition);
+      const latestDraggedOverRowIdx = h(draggedOverRowIdx);
+      const lastSelectedRowIdx = h(-1);
+      const rowRef = h(null);
+      const [gridRef, gridWidth, gridHeight] = useGridDimensions();
+      const headerRowsCount = 1;
+      const summaryRowsCount = (_summaryRows$length = summaryRows == null ? void 0 : summaryRows.length) != null ? _summaryRows$length : 0;
+      const clientHeight = gridHeight - headerRowHeight - summaryRowsCount * summaryRowHeight;
+      const isSelectable = selectedRows != null && onSelectedRowsChange != null;
+      const isHeaderRowSelected = selectedPosition.rowIdx === -1;
+      const isRtl = direction === 'rtl';
+      const leftKey = isRtl ? 'ArrowRight' : 'ArrowLeft';
+      const rightKey = isRtl ? 'ArrowLeft' : 'ArrowRight';
+      const defaultGridComponents = _(() => ({
+        sortIcon,
+        checkboxFormatter
+      }), [sortIcon, checkboxFormatter]);
+      const allRowsSelected = _(() => {
+        const {
+          length
+        } = rawRows;
+        return length !== 0 && selectedRows != null && rowKeyGetter != null && selectedRows.size >= length && rawRows.every(row => selectedRows.has(rowKeyGetter(row)));
+      }, [rawRows, selectedRows, rowKeyGetter]);
+      const {
+        columns,
+        colSpanColumns,
+        colOverscanStartIdx,
+        colOverscanEndIdx,
+        layoutCssVars,
+        columnMetrics,
+        totalColumnWidth,
+        lastFrozenColumnIndex,
+        totalFrozenColumnWidth,
+        groupBy
+      } = useCalculatedColumns({
+        rawColumns,
+        columnWidths,
+        scrollLeft,
+        viewportWidth: gridWidth,
+        defaultColumnOptions,
+        rawGroupBy: rowGrouper ? rawGroupBy : undefined,
+        enableVirtualization
+      });
+      const {
+        rowOverscanStartIdx,
+        rowOverscanEndIdx,
+        rows,
+        rowsCount,
+        totalRowHeight,
+        gridTemplateRows,
+        isGroupRow,
+        getRowTop,
+        getRowHeight,
+        findRowIdx
+      } = useViewportRows({
+        rawRows,
+        groupBy,
+        rowGrouper,
+        rowHeight,
+        clientHeight,
+        scrollTop,
+        expandedGroupIds,
+        enableVirtualization
+      });
+      const viewportColumns = useViewportColumns({
+        columns,
+        colSpanColumns,
+        colOverscanStartIdx,
+        colOverscanEndIdx,
+        lastFrozenColumnIndex,
+        rowOverscanStartIdx,
+        rowOverscanEndIdx,
+        rows,
+        summaryRows,
+        isGroupRow
+      });
+      const hasGroups = groupBy.length > 0 && typeof rowGrouper === 'function';
+      const minColIdx = hasGroups ? -1 : 0;
+      const maxColIdx = columns.length - 1;
+      const minRowIdx = -1;
+      const maxRowIdx = headerRowsCount + rows.length + summaryRowsCount - 2;
+      const selectedCellIsWithinSelectionBounds = isCellWithinSelectionBounds(selectedPosition);
+      const selectedCellIsWithinViewportBounds = isCellWithinViewportBounds(selectedPosition);
+      const selectRowLatest = useLatestFunc(selectRow);
+      const selectAllRowsLatest = useLatestFunc(selectAllRows);
+      const handleFormatterRowChangeLatest = useLatestFunc(updateRow);
+      const selectViewportCellLatest = useLatestFunc((row, column, enableEditor) => {
+        const rowIdx = rows.indexOf(row);
+        selectCell({
+          rowIdx,
+          idx: column.idx
+        }, enableEditor);
+      });
+      const selectGroupLatest = useLatestFunc(rowIdx => {
+        selectCell({
+          rowIdx,
+          idx: -1
+        });
+      });
+      const selectHeaderCellLatest = useLatestFunc(idx => {
+        selectCell({
+          rowIdx: -1,
+          idx
+        });
+      });
+      const selectSummaryCellLatest = useLatestFunc((summaryRow, column) => {
+        const rowIdx = summaryRows.indexOf(summaryRow) + headerRowsCount + rows.length - 1;
+        selectCell({
+          rowIdx,
+          idx: column.idx
+        });
+      });
+      const toggleGroupLatest = useLatestFunc(toggleGroup);
+      useLayoutEffect(() => {
+        if (!selectedCellIsWithinSelectionBounds || isSamePosition(selectedPosition, prevSelectedPosition.current)) {
+          prevSelectedPosition.current = selectedPosition;
+          return;
+        }
+
+        prevSelectedPosition.current = selectedPosition;
+        scrollToCell(selectedPosition);
+
+        if (selectedPosition.idx === -1) {
+          rowRef.current.focus({
+            preventScroll: true
+          });
+        }
+      });
+      useLayoutEffect(() => {
+        if (autoResizeColumn === null) return;
+        const columnElement = gridRef.current.querySelector(`[aria-colindex="${autoResizeColumn.idx + 1}"]`);
+        const width = columnElement.clientWidth + 2;
+        setColumnWidths(columnWidths => {
+          const newColumnWidths = new Map(columnWidths);
+          newColumnWidths.set(autoResizeColumn.key, width);
+          return newColumnWidths;
+        });
+        setAutoResizeColumn(null);
+        onColumnResize == null ? void 0 : onColumnResize(autoResizeColumn.idx, width);
+      }, [autoResizeColumn, gridRef, onColumnResize]);
+      s(ref, () => ({
+        element: gridRef.current,
+
+        scrollToColumn(idx) {
+          scrollToCell({
+            idx
+          });
+        },
+
+        scrollToRow(rowIdx) {
+          const {
+            current
+          } = gridRef;
+          if (!current) return;
+          current.scrollTo({
+            top: getRowTop(rowIdx),
+            behavior: 'smooth'
+          });
+        },
+
+        selectCell
+      }));
+      const handleColumnResize = A$1((column, width) => {
+        if (width === 'auto') {
+          setAutoResizeColumn(column);
+          return;
+        }
+
+        setColumnWidths(columnWidths => {
+          const newColumnWidths = new Map(columnWidths);
+          newColumnWidths.set(column.key, width);
+          return newColumnWidths;
+        });
+        onColumnResize == null ? void 0 : onColumnResize(column.idx, width);
+      }, [onColumnResize]);
+      const setDraggedOverRowIdx = A$1(rowIdx => {
+        setOverRowIdx(rowIdx);
+        latestDraggedOverRowIdx.current = rowIdx;
+      }, []);
+
+      function selectRow({
+        row,
+        checked,
+        isShiftClick
+      }) {
+        if (!onSelectedRowsChange) return;
+        assertIsValidKeyGetter(rowKeyGetter);
+        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;
+              newSelectedRows.add(rowKeyGetter(row));
+            }
+          }
+        } else {
+          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) {
+        if (!(event.target instanceof Element)) return;
+        const isCellEvent = event.target.closest('.rdg-cell') !== null;
+        const isRowEvent = hasGroups && event.target === rowRef.current;
+        if (!isCellEvent && !isRowEvent) return;
+        const {
+          key,
+          keyCode
+        } = event;
+        const {
+          rowIdx
+        } = selectedPosition;
+
+        if (selectedCellIsWithinViewportBounds && (onPaste != null || onCopy != null) && isCtrlKeyHeldDown(event) && !isGroupRow(rows[rowIdx]) && selectedPosition.mode === 'SELECT') {
+          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;
+          }
+        }
+
+        switch (event.key) {
+          case 'Escape':
+            setCopiedCell(null);
+            return;
+
+          case 'ArrowUp':
+          case 'ArrowDown':
+          case 'ArrowLeft':
+          case 'ArrowRight':
+          case 'Tab':
+          case 'Home':
+          case 'End':
+          case 'PageUp':
+          case 'PageDown':
+            navigate(event);
+            break;
+
+          default:
+            handleCellInput(event);
+            break;
+        }
+      }
+
+      function handleScroll(event) {
+        const {
+          scrollTop,
+          scrollLeft
+        } = event.currentTarget;
+        setScrollTop(scrollTop);
+        setScrollLeft(abs(scrollLeft));
+        onScroll == null ? void 0 : onScroll(event);
+      }
+
+      function getRawRowIdx(rowIdx) {
+        return hasGroups ? rawRows.indexOf(rows[rowIdx]) : rowIdx;
+      }
+
+      function updateRow(rowIdx, row) {
+        if (typeof onRowsChange !== 'function') return;
+        const rawRowIdx = getRawRowIdx(rowIdx);
+        if (row === rawRows[rawRowIdx]) return;
+        const updatedRows = [...rawRows];
+        updatedRows[rawRowIdx] = row;
+        onRowsChange(updatedRows, {
+          indexes: [rawRowIdx],
+          column: columns[selectedPosition.idx]
+        });
+      }
+
+      function commitEditorChanges() {
+        if (selectedPosition.mode !== 'EDIT') return;
+        updateRow(selectedPosition.rowIdx, selectedPosition.row);
+      }
+
+      function handleCopy() {
+        const {
+          idx,
+          rowIdx
+        } = selectedPosition;
+        const sourceRow = rawRows[getRawRowIdx(rowIdx)];
+        const sourceColumnKey = columns[idx].key;
+        setCopiedCell({
+          row: sourceRow,
+          columnKey: sourceColumnKey
+        });
+        onCopy == null ? void 0 : onCopy({
+          sourceRow,
+          sourceColumnKey
+        });
+      }
+
+      function handlePaste() {
+        if (!onPaste || !onRowsChange || copiedCell === null || !isCellEditable(selectedPosition)) {
+          return;
+        }
+
+        const {
+          idx,
+          rowIdx
+        } = selectedPosition;
+        const targetRow = rawRows[getRawRowIdx(rowIdx)];
+        const updatedTargetRow = onPaste({
+          sourceRow: copiedCell.row,
+          sourceColumnKey: copiedCell.columnKey,
+          targetRow,
+          targetColumnKey: columns[idx].key
+        });
+        updateRow(rowIdx, updatedTargetRow);
+      }
+
+      function handleCellInput(event) {
+        var _column$editorOptions;
+
+        if (!selectedCellIsWithinViewportBounds) return;
+        const row = rows[selectedPosition.rowIdx];
+        if (isGroupRow(row)) return;
+        const {
+          key,
+          shiftKey
+        } = event;
+
+        if (isSelectable && shiftKey && key === ' ') {
+          assertIsValidKeyGetter(rowKeyGetter);
+          const rowKey = rowKeyGetter(row);
+          selectRow({
+            row,
+            checked: !selectedRows.has(rowKey),
+            isShiftClick: false
+          });
+          event.preventDefault();
+          return;
+        }
+
+        const column = columns[selectedPosition.idx];
+        (_column$editorOptions = column.editorOptions) == null ? void 0 : _column$editorOptions.onCellKeyDown == null ? void 0 : _column$editorOptions.onCellKeyDown(event);
+        if (event.isDefaultPrevented()) return;
+
+        if (isCellEditable(selectedPosition) && isDefaultCellInput(event)) {
+          setSelectedPosition(({
+            idx,
+            rowIdx
+          }) => ({
+            idx,
+            rowIdx,
+            mode: 'EDIT',
+            row,
+            originalRow: row
+          }));
+        }
+      }
+
+      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,
+          rows,
+          selectedPosition: position,
+          isGroupRow
+        });
+      }
+
+      function selectCell(position, enableEditor) {
+        if (!isCellWithinSelectionBounds(position)) return;
+        commitEditorChanges();
+
+        if (enableEditor && isCellEditable(position)) {
+          const row = rows[position.rowIdx];
+          setSelectedPosition({ ...position,
+            mode: 'EDIT',
+            row,
+            originalRow: row
+          });
+        } else if (isSamePosition(selectedPosition, position)) {
+          scrollToCell(position);
+        } else {
+          setSelectedPosition({ ...position,
+            mode: 'SELECT'
+          });
+        }
+      }
+
+      function scrollToCell({
+        idx,
+        rowIdx
+      }) {
+        const {
+          current
+        } = gridRef;
+        if (!current) return;
+
+        if (typeof idx === 'number' && idx > lastFrozenColumnIndex) {
+          var _rowIdx;
+
+          (_rowIdx = rowIdx) != null ? _rowIdx : rowIdx = selectedPosition.rowIdx;
+          if (!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,
+            summaryRows,
+            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;
+          }
+        }
+
+        if (typeof rowIdx === 'number' && isRowIdxWithinViewportBounds(rowIdx)) {
+          const rowTop = getRowTop(rowIdx);
+          const rowHeight = getRowHeight(rowIdx);
+
+          if (rowTop < scrollTop) {
+            current.scrollTop = rowTop;
+          } else if (rowTop + rowHeight > scrollTop + clientHeight) {
+            current.scrollTop = rowTop + rowHeight - clientHeight;
+          }
+        }
+      }
+
+      function getNextPosition(key, ctrlKey, shiftKey) {
+        const {
+          idx,
+          rowIdx
+        } = selectedPosition;
+        const row = rows[rowIdx];
+        const isRowSelected = selectedCellIsWithinSelectionBounds && idx === -1;
+
+        if (key === leftKey && isRowSelected && isGroupRow(row) && !row.isExpanded && row.level !== 0) {
+          let parentRowIdx = -1;
+
+          for (let i = selectedPosition.rowIdx - 1; i >= 0; i--) {
+            const parentRow = rows[i];
+
+            if (isGroupRow(parentRow) && parentRow.id === row.parentId) {
+              parentRowIdx = i;
+              break;
+            }
+          }
+
+          if (parentRowIdx !== -1) {
+            return {
+              idx,
+              rowIdx: parentRowIdx
+            };
+          }
+        }
+
+        switch (key) {
+          case 'ArrowUp':
+            return {
+              idx,
+              rowIdx: rowIdx - 1
+            };
+
+          case 'ArrowDown':
+            return {
+              idx,
+              rowIdx: rowIdx + 1
+            };
+
+          case 'ArrowLeft':
+            return isRtl ? {
+              idx: idx + 1,
+              rowIdx
+            } : {
+              idx: idx - 1,
+              rowIdx
+            };
+
+          case 'ArrowRight':
+            return isRtl ? {
+              idx: idx - 1,
+              rowIdx
+            } : {
+              idx: idx + 1,
+              rowIdx
+            };
+
+          case 'Tab':
+            return {
+              idx: idx + (shiftKey ? -1 : 1),
+              rowIdx
+            };
+
+          case 'Home':
+            if (isRowSelected) return {
+              idx,
+              rowIdx: 0
+            };
+            return {
+              idx: 0,
+              rowIdx: ctrlKey ? minRowIdx : rowIdx
+            };
+
+          case 'End':
+            if (isRowSelected) return {
+              idx,
+              rowIdx: rows.length - 1
+            };
+            return {
+              idx: maxColIdx,
+              rowIdx: ctrlKey ? maxRowIdx : rowIdx
+            };
+
+          case 'PageUp':
+            {
+              if (selectedPosition.rowIdx === minRowIdx) return selectedPosition;
+              const nextRowY = getRowTop(rowIdx) + getRowHeight(rowIdx) - clientHeight;
+              return {
+                idx,
+                rowIdx: nextRowY > 0 ? findRowIdx(nextRowY) : 0
+              };
+            }
+
+          case 'PageDown':
+            {
+              if (selectedPosition.rowIdx >= rows.length) return selectedPosition;
+              const nextRowY = getRowTop(rowIdx) + clientHeight;
+              return {
+                idx,
+                rowIdx: nextRowY < totalRowHeight ? findRowIdx(nextRowY) : rows.length - 1
+              };
+            }
+
+          default:
+            return selectedPosition;
+        }
+      }
+
+      function navigate(event) {
+        const {
+          key,
+          shiftKey
+        } = event;
+        let mode = cellNavigationMode;
+
+        if (key === 'Tab') {
+          if (canExitGrid({
+            shiftKey,
+            cellNavigationMode,
+            maxColIdx,
+            minRowIdx,
+            maxRowIdx,
+            selectedPosition
+          })) {
+            commitEditorChanges();
+            return;
+          }
+
+          mode = cellNavigationMode === 'NONE' ? 'CHANGE_ROW' : cellNavigationMode;
+        }
+
+        event.preventDefault();
+        const ctrlKey = isCtrlKeyHeldDown(event);
+        const nextPosition = getNextPosition(key, ctrlKey, shiftKey);
+        if (isSamePosition(selectedPosition, nextPosition)) return;
+        const nextSelectedCellPosition = getNextSelectedCellPosition({
+          columns,
+          colSpanColumns,
+          rows,
+          summaryRows,
+          minRowIdx,
+          maxRowIdx,
+          lastFrozenColumnIndex,
+          cellNavigationMode: mode,
+          currentPosition: selectedPosition,
+          nextPosition,
+          isCellWithinBounds: isCellWithinSelectionBounds,
+          isGroupRow
+        });
+        selectCell(nextSelectedCellPosition);
+      }
+
+      function getDraggedOverCellIdx(currentRowIdx) {
+        if (draggedOverRowIdx === undefined) return;
+        const {
+          rowIdx
+        } = selectedPosition;
+        const isDraggedOver = rowIdx < draggedOverRowIdx ? rowIdx < currentRowIdx && currentRowIdx <= draggedOverRowIdx : rowIdx > currentRowIdx && currentRowIdx >= draggedOverRowIdx;
+        return isDraggedOver ? selectedPosition.idx : undefined;
+      }
+
+      function getLayoutCssVars() {
+        if (autoResizeColumn === null) return layoutCssVars;
+        const {
+          gridTemplateColumns
+        } = layoutCssVars;
+        const newSizes = gridTemplateColumns.split(' ');
+        newSizes[autoResizeColumn.idx] = 'max-content';
+        return { ...layoutCssVars,
+          gridTemplateColumns: newSizes.join(' ')
+        };
+      }
+
+      function getDragHandle(rowIdx) {
+        if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === 'EDIT' || hasGroups || onFill == null) {
+          return;
+        }
+
+        return /*#__PURE__*/e$1(DragHandle, {
+          rows: rawRows,
+          columns: columns,
+          selectedPosition: selectedPosition,
+          isCellEditable: isCellEditable,
+          latestDraggedOverRowIdx: latestDraggedOverRowIdx,
+          onRowsChange: onRowsChange,
+          onFill: onFill,
+          setDragging: setDragging,
+          setDraggedOverRowIdx: setDraggedOverRowIdx
+        });
+      }
+
+      function getCellEditor(rowIdx) {
+        if (selectedPosition.rowIdx !== rowIdx || selectedPosition.mode === 'SELECT') return;
+        const {
+          idx,
+          row
+        } = selectedPosition;
+        const column = columns[idx];
+        const colSpan = getColSpan(column, lastFrozenColumnIndex, {
+          type: 'ROW',
+          row
+        });
+
+        const closeEditor = () => {
+          setSelectedPosition(({
+            idx,
+            rowIdx
+          }) => ({
+            idx,
+            rowIdx,
+            mode: 'SELECT'
+          }));
+        };
+
+        const onRowChange = (row, commitChanges) => {
+          if (commitChanges) {
+            updateRow(selectedPosition.rowIdx, row);
+            closeEditor();
+          } else {
+            setSelectedPosition(position => ({ ...position,
+              row
+            }));
+          }
+        };
+
+        if (rows[selectedPosition.rowIdx] !== selectedPosition.originalRow) {
+          closeEditor();
+        }
+
+        return /*#__PURE__*/e$1(EditCell, {
+          column: column,
+          colSpan: colSpan,
+          row: row,
+          onRowChange: onRowChange,
+          closeEditor: closeEditor,
+          scrollToCell: () => {
+            scrollToCell(selectedPosition);
+          }
+        }, column.key);
+      }
+
+      function getViewportRows() {
+        const rowElements = [];
+        let startRowIndex = 0;
+        const {
+          idx: selectedIdx,
+          rowIdx: selectedRowIdx
+        } = selectedPosition;
+        const startRowIdx = selectedCellIsWithinViewportBounds && selectedRowIdx < rowOverscanStartIdx ? rowOverscanStartIdx - 1 : rowOverscanStartIdx;
+        const endRowIdx = selectedCellIsWithinViewportBounds && selectedRowIdx > rowOverscanEndIdx ? rowOverscanEndIdx + 1 : rowOverscanEndIdx;
+
+        for (let viewportRowIdx = startRowIdx; viewportRowIdx <= endRowIdx; viewportRowIdx++) {
+          const isRowOutsideViewport = viewportRowIdx === rowOverscanStartIdx - 1 || viewportRowIdx === rowOverscanEndIdx + 1;
+          const rowIdx = isRowOutsideViewport ? selectedRowIdx : viewportRowIdx;
+          let rowColumns = viewportColumns;
+          const selectedColumn = columns[selectedIdx];
+
+          if (selectedColumn !== undefined) {
+            if (isRowOutsideViewport) {
+              rowColumns = [selectedColumn];
+            } else if (selectedRowIdx === rowIdx && !viewportColumns.includes(selectedColumn)) {
+              rowColumns = selectedIdx > viewportColumns[viewportColumns.length - 1].idx ? [...viewportColumns, selectedColumn] : [...viewportColumns.slice(0, lastFrozenColumnIndex + 1), selectedColumn, ...viewportColumns.slice(lastFrozenColumnIndex + 1)];
+            }
+          }
+
+          const row = rows[rowIdx];
+          const gridRowStart = headerRowsCount + rowIdx + 1;
+
+          if (isGroupRow(row)) {
+            ({
+              startRowIndex
+            } = row);
+            const isGroupRowSelected = isSelectable && row.childRows.every(cr => selectedRows.has(rowKeyGetter(cr)));
+            rowElements.push( /*#__PURE__*/e$1(GroupRowRenderer, {
+              "aria-level": row.level + 1,
+              "aria-setsize": row.setSize,
+              "aria-posinset": row.posInSet + 1,
+              "aria-rowindex": headerRowsCount + startRowIndex + 1,
+              "aria-selected": isSelectable ? isGroupRowSelected : undefined,
+              id: row.id,
+              groupKey: row.groupKey,
+              viewportColumns: rowColumns,
+              childRows: row.childRows,
+              rowIdx: rowIdx,
+              row: row,
+              gridRowStart: gridRowStart,
+              height: getRowHeight(rowIdx),
+              level: row.level,
+              isExpanded: row.isExpanded,
+              selectedCellIdx: selectedRowIdx === rowIdx ? selectedIdx : undefined,
+              isRowSelected: isGroupRowSelected,
+              selectGroup: selectGroupLatest,
+              toggleGroup: toggleGroupLatest
+            }, row.id));
+            continue;
+          }
+
+          startRowIndex++;
+          let key;
+          let isRowSelected = false;
+
+          if (typeof rowKeyGetter === 'function') {
+            var _selectedRows$has;
+
+            key = rowKeyGetter(row);
+            isRowSelected = (_selectedRows$has = selectedRows == null ? void 0 : selectedRows.has(key)) != null ? _selectedRows$has : false;
+          } else {
+            key = hasGroups ? startRowIndex : rowIdx;
+          }
+
+          rowElements.push( /*#__PURE__*/e$1(RowRenderer, {
+            "aria-rowindex": headerRowsCount + (hasGroups ? startRowIndex : rowIdx) + 1,
+            "aria-selected": isSelectable ? isRowSelected : undefined,
+            rowIdx: rowIdx,
+            row: row,
+            viewportColumns: rowColumns,
+            isRowSelected: isRowSelected,
+            onRowClick: onRowClick,
+            onRowDoubleClick: onRowDoubleClick,
+            rowClass: rowClass,
+            gridRowStart: gridRowStart,
+            height: getRowHeight(rowIdx),
+            copiedCellIdx: copiedCell !== null && copiedCell.row === row ? columns.findIndex(c => c.key === copiedCell.columnKey) : undefined,
+            selectedCellIdx: selectedRowIdx === rowIdx ? selectedIdx : undefined,
+            draggedOverCellIdx: getDraggedOverCellIdx(rowIdx),
+            setDraggedOverRowIdx: isDragging ? setDraggedOverRowIdx : undefined,
+            lastFrozenColumnIndex: lastFrozenColumnIndex,
+            onRowChange: handleFormatterRowChangeLatest,
+            selectCell: selectViewportCellLatest,
+            selectedCellDragHandle: getDragHandle(rowIdx),
+            selectedCellEditor: getCellEditor(rowIdx)
+          }, key));
+        }
+
+        return rowElements;
+      }
+
+      if (selectedPosition.idx > maxColIdx || selectedPosition.rowIdx > maxRowIdx) {
+        setSelectedPosition(initialPosition);
+        setDraggedOverRowIdx(undefined);
+      }
+
+      let templateRows = `${headerRowHeight}px`;
+
+      if (rows.length > 0) {
+        templateRows += gridTemplateRows;
+      }
+
+      if (summaryRowsCount > 0) {
+        templateRows += ` repeat(${summaryRowsCount}, ${summaryRowHeight}px)`;
+      }
+
+      return /*#__PURE__*/e$1("div", {
+        role: hasGroups ? 'treegrid' : 'grid',
+        "aria-label": ariaLabel,
+        "aria-labelledby": ariaLabelledBy,
+        "aria-describedby": ariaDescribedBy,
+        "aria-multiselectable": isSelectable ? true : undefined,
+        "aria-colcount": columns.length,
+        "aria-rowcount": headerRowsCount + rowsCount + summaryRowsCount,
+        className: clsx(rootClassname, className, isDragging && viewportDraggingClassname, autoResizeColumn !== null && cellAutoResizeClassname),
+        style: { ...style,
+          gridTemplateRows: templateRows,
+          '--rdg-header-row-height': `${headerRowHeight}px`,
+          '--rdg-grid-inline-size': `${totalColumnWidth}px`,
+          '--rdg-summary-row-height': `${summaryRowHeight}px`,
+          '--rdg-grid-block-size': `${max(totalRowHeight, clientHeight) + headerRowHeight + summaryRowsCount * summaryRowHeight}px`,
+          '--rdg-sign': isRtl ? -1 : 1,
+          ...getLayoutCssVars()
+        },
+        dir: direction,
+        ref: gridRef,
+        onScroll: handleScroll,
+        onKeyDown: handleKeyDown,
+        "data-testid": testId,
+        children: [hasGroups && /*#__PURE__*/e$1("div", {
+          ref: rowRef,
+          tabIndex: selectedPosition.idx === -1 && selectedPosition.rowIdx !== -2 ? 0 : -1,
+          className: focusSinkClassname,
+          style: {
+            gridRowStart: selectedPosition.rowIdx + 2
+          },
+          onKeyDown: handleKeyDown
+        }), /*#__PURE__*/e$1(DataGridDefaultComponentsProvider, {
+          value: defaultGridComponents,
+          children: [/*#__PURE__*/e$1(HeaderRow$1, {
+            columns: viewportColumns,
+            onColumnResize: handleColumnResize,
+            allRowsSelected: allRowsSelected,
+            onAllRowsSelectionChange: selectAllRowsLatest,
+            sortColumns: sortColumns,
+            onSortColumnsChange: onSortColumnsChange,
+            lastFrozenColumnIndex: lastFrozenColumnIndex,
+            selectedCellIdx: isHeaderRowSelected ? selectedPosition.idx : undefined,
+            selectCell: selectHeaderCellLatest,
+            shouldFocusGrid: !selectedCellIsWithinSelectionBounds,
+            direction: direction
+          }), rows.length === 0 && noRowsFallback ? noRowsFallback : /*#__PURE__*/e$1(d$1, {
+            children: [/*#__PURE__*/e$1(RowSelectionChangeProvider, {
+              value: selectRowLatest,
+              children: getViewportRows()
+            }), summaryRows == null ? void 0 : summaryRows.map((row, rowIdx) => {
+              const gridRowStart = headerRowsCount + rows.length + rowIdx + 1;
+              const isSummaryRowSelected = selectedPosition.rowIdx === headerRowsCount + rows.length + rowIdx - 1;
+              const top = clientHeight > totalRowHeight ? gridHeight - summaryRowHeight * (summaryRows.length - rowIdx) : undefined;
+              const bottom = top === undefined ? summaryRowHeight * (summaryRows.length - 1 - rowIdx) : undefined;
+              return /*#__PURE__*/e$1(SummaryRow$1, {
+                "aria-rowindex": headerRowsCount + rowsCount + rowIdx + 1,
+                rowIdx: rowIdx,
+                gridRowStart: gridRowStart,
+                row: row,
+                top: top,
+                bottom: bottom,
+                viewportColumns: viewportColumns,
+                lastFrozenColumnIndex: lastFrozenColumnIndex,
+                selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
+                selectCell: selectSummaryCellLatest
+              }, rowIdx);
+            })]
+          })]
+        })]
+      });
+    }
+
+    function isSamePosition(p1, p2) {
+      return p1.idx === p2.idx && p1.rowIdx === p2.rowIdx;
+    }
+
+    const DataGrid$1 = /*#__PURE__*/x(DataGrid);
+
+    var css_248z$g = ".t16y9g8l700-beta11{appearance:none;background-color:var(--rdg-background-color);block-size:100%;border:2px solid #ccc;box-sizing:border-box;color:var(--rdg-color);font-family:inherit;font-size:var(--rdg-font-size);inline-size:100%;padding-block:0;padding-inline:6px;vertical-align:top}.t16y9g8l700-beta11:focus{border-color:var(--rdg-selection-color);outline:none}.t16y9g8l700-beta11::placeholder{color:#999;opacity:1}";
+    styleInject$1(css_248z$g,{"insertAt":"top"});
+
+    function styleInject(css, ref) {
+      if ( ref === void 0 ) ref = {};
+      var insertAt = ref.insertAt;
+
+      if (!css || typeof document === 'undefined') { return; }
+
+      var head = document.head || document.getElementsByTagName('head')[0];
+      var style = document.createElement('style');
+      style.type = 'text/css';
+
+      if (insertAt === 'top') {
+        if (head.firstChild) {
+          head.insertBefore(style, head.firstChild);
+        } else {
+          head.appendChild(style);
+        }
+      } else {
+        head.appendChild(style);
+      }
+
+      if (style.styleSheet) {
+        style.styleSheet.cssText = css;
+      } else {
+        style.appendChild(document.createTextNode(css));
+      }
+    }
+
+    var css_248z = ".dgrid2_Table .rdg{font-family:monospace,Courier New,Courier}.dgrid2_Table .rdg-checkbox-label .rdg-checkbox{block-size:16px;border-width:2px;box-shadow:inset 0 0 0 3px var(--rdg-background-color);inline-size:16px}";
+    styleInject(css_248z);
+
+    function copyAndSort(items, attribute, descending) {
+        var key = attribute;
+        return __spreadArray([], items, true).sort(function (a, b) {
+            if (a[key] < b[key]) {
+                return descending ? 1 : -1;
+            }
+            else if (a[key] > b[key]) {
+                return descending ? -1 : 1;
+            }
+            return 0;
+        });
+    }
+    var ReactTable = function (_a) {
+        var columns = _a.columns, data = _a.data, onRowClickCallback = _a.onRowClickCallback, sort = _a.sort, _b = _a.darkMode, darkMode = _b === void 0 ? false : _b, _c = _a.multiSelect, multiSelect = _c === void 0 ? false : _c;
+        var _d = m([]), listColumns = _d[0], setListColumns = _d[1];
+        var _e = m(), sortColumn = _e[0], setSortColumn = _e[1];
+        var _f = m([]), items = _f[0], setItems = _f[1];
+        var _g = m(function () { return new Set(); }), selectedRows = _g[0], setSelectedRows = _g[1];
+        //  Columns  ---
+        y(function () {
+            setListColumns(__spreadArray(__spreadArray([], multiSelect ? [SelectColumn] : [], true), columns.map(function (column) { return ({
+                key: column,
+                name: column,
+                resizable: true,
+                sortable: true,
+                minWidth: 80,
+            }); }), true));
+        }, [columns, multiSelect]);
+        var onSortColumnsChange = A$1(function (sortColumns) {
+            var futureSortColumn = sortColumns.slice(-1)[0];
+            var sorted = futureSortColumn !== undefined;
+            var isSortedDescending = (futureSortColumn === null || futureSortColumn === void 0 ? void 0 : futureSortColumn.direction) === "DESC";
+            setSortColumn(futureSortColumn);
+            setItems(copyAndSort(items, sorted ? futureSortColumn.columnKey : "key", sorted ? isSortedDescending : false));
+        }, [items]);
+        var rowKeyGetter = A$1(function (row) {
+            return row.key;
+        }, []);
+        var onSelectedRowsChange = A$1(function (selectedRows) {
+            setSelectedRows(selectedRows);
+            onRowClickCallback(items.filter(function (row) { return selectedRows.has(rowKeyGetter(row)); }));
+        }, [items, onRowClickCallback, rowKeyGetter]);
+        var onRowClick = A$1(function (row, column) {
+            onRowClickCallback(items.filter(function (item) { return rowKeyGetter(item) === rowKeyGetter(row); }));
+        }, [items, onRowClickCallback, rowKeyGetter]);
+        //  Rows  ---
+        y(function () {
+            var items = data.map(function (row, index) {
+                var retVal = {
+                    key: index
+                };
+                columns.forEach(function (column, index) {
+                    retVal[column] = row[index];
+                });
+                return retVal;
+            });
+            if (sort === null || sort === void 0 ? void 0 : sort.attribute) {
+                items = copyAndSort(items, sort.attribute, sort.descending);
+            }
+            setItems(items);
+        }, [columns, data, sort]);
+        return e$1(DataGrid$1, { columns: listColumns, headerRowHeight: 24, rows: items, rowKeyGetter: rowKeyGetter, rowHeight: 20, className: darkMode ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onRowClick: multiSelect ? undefined : onRowClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
+    };
+    var Table = /** @class */ (function (_super) {
+        __extends(Table, _super);
+        function Table() {
+            return _super.call(this) || this;
+        }
+        Table.prototype.renderTable = function () {
+            var _this = this;
+            return e$1(ReactTable, { columns: this.columns(), data: this.data(), darkMode: this.darkMode(), onRowClickCallback: function (row, column) {
+                    var _a;
+                    if (column === void 0) { column = ""; }
+                    if (_this._prevRow && JSON.stringify(_this._prevRow) !== JSON.stringify(row)) {
+                        _this.click(_this._prevRow, (_a = _this._prevColumn) !== null && _a !== void 0 ? _a : "", false);
+                    }
+                    if (row) {
+                        _this.click(row, column, true);
+                    }
+                    _this._prevRow = row;
+                    _this._prevColumn = column;
+                } });
+        };
+        Table.prototype.enter = function (domNode, element) {
+            _super.prototype.enter.call(this, domNode, element);
+            this._div = element
+                .append("div");
+        };
+        Table.prototype.update = function (domNode, element) {
+            _super.prototype.update.call(this, domNode, element);
+            this._div.style("width", this.width() + "px");
+            this._div.style("height", this.height() + "px");
+            B(this.renderTable(), this._div.node());
+        };
+        Table.prototype.exit = function (domNode, element) {
+            un(this._div.node());
+            this._div.remove();
+            _super.prototype.exit.call(this, domNode, element);
+        };
+        //  Events  ---
+        Table.prototype.click = function (row, col, sel) {
+        };
+        __decorate([
+            common.publish(false, "boolean", "Dark Mode"),
+            __metadata("design:type", Function)
+        ], Table.prototype, "darkMode", void 0);
+        __decorate([
+            common.publish(false, "boolean", "Multiple Selection"),
+            __metadata("design:type", Function)
+        ], Table.prototype, "multiSelect", void 0);
+        return Table;
+    }(common.HTMLWidget));
+    Table.prototype._class += " dgrid2_Table";
+
+    exports.BUILD_VERSION = BUILD_VERSION;
+    exports.PKG_NAME = PKG_NAME;
+    exports.PKG_VERSION = PKG_VERSION;
+    exports.Table = Table;
+
+    Object.defineProperty(exports, '__esModule', { value: true });
+
+}));
+//# sourceMappingURL=index.js.map