@hpcc-js/dgrid2 2.1.0 → 2.2.1

package/dist/index.es6.js

@@ -1,8 +1,8 @@
-import { publish, HTMLWidget } from '@hpcc-js/common';
+import { format, timeParse, timeFormat, publish, HTMLWidget } from '@hpcc-js/common';
 
 var PKG_NAME = "@hpcc-js/dgrid2";
-var PKG_VERSION = "2.1.0";
-var BUILD_VERSION = "2.103.0";
+var PKG_VERSION = "2.2.1";
+var BUILD_VERSION = "2.103.5";
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -35,6 +35,17 @@ function __extends(d, b) {
     d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
 }
 
+var __assign = function() {
+    __assign = Object.assign || function __assign(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+
 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);
@@ -58,9 +69,7 @@ function __spreadArray(to, from, pack) {
 
 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}
+var t,u,r,o$1=0,i=[],c=l$1.__b,f=l$1.__r,e$1=l$1.diffed,a=l$1.__c,v=l$1.unmount;function l(t,r){l$1.__h&&l$1.__h(u,t,o$1||r),o$1=0;var i=u.__H||(u.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({}),i.__[t]}function m(n){return o$1=1,p(w$1,n)}function p(n,r,o){var i=l(t++,2);return i.t=n,i.__c||(i.__=[o?o(r):w$1(void 0,r),function(n){var t=i.t(i.__[0],n);i.__[0]!==t&&(i.__=[t,i.__[1]],i.__c.setState({}));}],i.__c=u),i.__}function y(r,o){var i=l(t++,3);!l$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__H.__h.push(i));}function d(r,o){var i=l(t++,4);!l$1.__s&&k(i.__H,o)&&(i.__=r,i.__H=o,u.__h.push(i));}function h(n){return o$1=5,_(function(){return {current:n}},[])}function s(n,t,u){o$1=6,d(function(){return "function"==typeof n?(n(t()),function(){return n(null)}):n?(n.current=t(),function(){return n.current=null}):void 0},null==u?u:u.concat(n));}function _(n,u){var r=l(t++,7);return k(r.__H,u)&&(r.__=n(),r.__H=u,r.__h=n),r.__}function A$1(n,t){return o$1=8,_(function(){return n},t)}function F(n){var r=u.context[n.__c],o=l(t++,9);return o.c=n,r?(null==o.__&&(o.__=!0,r.sub(u)),r.props.value):n.__}function x$1(){for(var t;t=i.shift();)if(t.__P)try{t.__H.__h.forEach(g$1),t.__H.__h.forEach(j$1),t.__H.__h=[];}catch(u){t.__H.__h=[],l$1.__e(u,t.__v);}}l$1.__b=function(n){u=null,c&&c(n);},l$1.__r=function(n){f&&f(n),t=0;var r=(u=n.__c).__H;r&&(r.__h.forEach(g$1),r.__h.forEach(j$1),r.__h=[]);},l$1.diffed=function(t){e$1&&e$1(t);var o=t.__c;o&&o.__H&&o.__H.__h.length&&(1!==i.push(o)&&r===l$1.requestAnimationFrame||((r=l$1.requestAnimationFrame)||function(n){var t,u=function(){clearTimeout(r),b&&cancelAnimationFrame(t),setTimeout(n);},r=setTimeout(u,100);b&&(t=requestAnimationFrame(u));})(x$1)),u=null;},l$1.__c=function(t,u){u.some(function(t){try{t.__h.forEach(g$1),t.__h=t.__h.filter(function(n){return !n.__||j$1(n)});}catch(r){u.some(function(n){n.__h&&(n.__h=[]);}),u=[],l$1.__e(r,t.__v);}}),a&&a(t,u);},l$1.unmount=function(t){v&&v(t);var u,r=t.__c;r&&r.__H&&(r.__H.__.forEach(function(n){try{g$1(n);}catch(n){u=n;}}),u&&l$1.__e(u,r.__v));};var b="function"==typeof requestAnimationFrame;function g$1(n){var t=u,r=n.__c;"function"==typeof r&&(n.__c=void 0,r()),u=t;}function j$1(n){var t=u;n.__c=n.__(),u=t;}function k(n,t){return !n||n.length!==t.length||t.some(function(t,u){return t!==n[u]})}function w$1(n,t){return "function"==typeof t?t(n):t}
 
 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)}
 
@@ -105,6 +114,8 @@ function clsx () {
 	return str;
 }
 
+var o=0;function e(_,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:_,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--o,__source:f,__self:t};if("function"==typeof _&&(l=_.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
+
 function styleInject$1(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -132,44 +143,45 @@ function styleInject$1(css, ref) {
   }
 }
 
-var css_248z$f = ".c1wupbe700-beta11{background-color:inherit;border-block-end:1px solid var(--rdg-border-color);border-inline-end:1px solid var(--rdg-border-color);contain:strict;contain:size layout style paint;grid-row-start:var(--rdg-grid-row-start);outline:none;overflow:hidden;overflow:clip;padding-block:0;padding-inline:8px;text-overflow:ellipsis;white-space:nowrap}.c1wupbe700-beta11[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--rdg-selection-color)}.cd0kgiy700-beta11 .c1wupbe700-beta11{contain:content}.c1730fa4700-beta11{position:sticky;z-index:1}.c9dpaye700-beta11{box-shadow:var(--rdg-frozen-cell-box-shadow)}";
+var css_248z$f = ".c1wupbe700-beta12{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-beta12[aria-selected=true]{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}.cd0kgiy700-beta12 .c1wupbe700-beta12{contain:content}.c1730fa4700-beta12{position:sticky;z-index:1}.c9dpaye700-beta12{box-shadow:calc(2px*var(--rdg-sign)) 0 5px -2px hsla(0,0%,53%,.3)}";
 styleInject$1(css_248z$f,{"insertAt":"top"});
 
-const cell = "c1wupbe700-beta11";
+const cell = "c1wupbe700-beta12";
 const cellClassname = `rdg-cell ${cell}`;
-const cellAutoResizeClassname = "cd0kgiy700-beta11";
-const cellFrozen = "c1730fa4700-beta11";
+const cellAutoResizeClassname = "cd0kgiy700-beta12";
+const cellFrozen = "c1730fa4700-beta12";
 const cellFrozenClassname = `rdg-cell-frozen ${cellFrozen}`;
-const cellFrozenLast = "c9dpaye700-beta11";
+const cellFrozenLast = "c9dpaye700-beta12";
 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}";
+var css_248z$e = ".r104f42s700-beta12{--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-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-beta12{position:relative;z-index:0}}.r104f42s700-beta12 *,.r104f42s700-beta12 :after,.r104f42s700-beta12 :before{box-sizing:inherit}.r104f42s700-beta12:before{content:\"\";grid-column:1/-1;grid-row:1/-1}.r104f42s700-beta12.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-beta12.rdg-light{--rdg-color-scheme:light}@media (prefers-color-scheme:dark){.r104f42s700-beta12: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-beta12.r1otpg64700-beta12{cursor:move}.fc4f4zb700-beta12{grid-column:1/-1;pointer-events:none;z-index:4}";
 styleInject$1(css_248z$e,{"insertAt":"top"});
 
-const root = "r104f42s700-beta11";
+const root = "r104f42s700-beta12";
 const rootClassname = `rdg ${root}`;
-const viewportDragging = "v7ly7s700-beta11";
+const viewportDragging = "v7ly7s700-beta12";
 const viewportDraggingClassname = `rdg-viewport-dragging ${viewportDragging}`;
-const focusSinkClassname = "fc4f4zb700-beta11";
+const focusSinkClassname = "fc4f4zb700-beta12";
 
-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)}";
+var css_248z$d = ".r1otpg64700-beta12{background-color:var(--rdg-background-color);display:contents;line-height:var(--rdg-row-height)}.r1otpg64700-beta12:hover{background-color:var(--rdg-row-hover-background-color)}.r1otpg64700-beta12[aria-selected=true]{background-color:var(--rdg-row-selected-background-color)}.r1otpg64700-beta12[aria-selected=true]:hover{background-color:var(--row-selected-hover-background-color)}.rel5gk2700-beta12{outline:2px solid var(--rdg-selection-color);outline-offset:-2px}.r1qymf1z700-beta12:before{border-inline-start:2px solid var(--rdg-selection-color);content:\"\";display:inline-block;height:100%;inset-inline-start:0;position:sticky}";
 styleInject$1(css_248z$d,{"insertAt":"top"});
 
-const row = "r1otpg64700-beta11";
+const row = "r1otpg64700-beta12";
 const rowClassname = `rdg-row ${row}`;
-const rowSelected = "rel5gk2700-beta11";
-const rowSelectedClassname = `rdg-row-selected ${rowSelected}`;
+const rowSelected = "rel5gk2700-beta12";
+const rowSelectedClassname = `rdg-row-selected`;
+const rowSelectedWithFrozenCell = "r1qymf1z700-beta12";
 
-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)}";
+var css_248z$c = ".cd9l4jz700-beta12{align-items:center;cursor:pointer;display:flex;inset:0;justify-content:center;margin-inline-end:1px;position:absolute}.c1noyk41700-beta12{all:unset}.cdwjxv8700-beta12{background-color:var(--rdg-background-color);block-size:20px;border:2px solid var(--rdg-border-color);content:\"\";inline-size:20px}.c1noyk41700-beta12:checked+.cdwjxv8700-beta12{background-color:var(--rdg-checkbox-color);outline:4px solid var(--rdg-background-color);outline-offset:-6px}.c1noyk41700-beta12:focus+.cdwjxv8700-beta12{border-color:var(--rdg-checkbox-focus-color)}.cca4mwn700-beta12{cursor:default}.cca4mwn700-beta12 .cdwjxv8700-beta12{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 checkboxLabel = "cd9l4jz700-beta12";
 const checkboxLabelClassname = `rdg-checkbox-label ${checkboxLabel}`;
-const checkboxInput = "c1noyk41700-beta11";
+const checkboxInput = "c1noyk41700-beta12";
 const checkboxInputClassname = `rdg-checkbox-input ${checkboxInput}`;
-const checkbox = "cdwjxv8700-beta11";
+const checkbox = "cdwjxv8700-beta12";
 const checkboxClassname = `rdg-checkbox ${checkbox}`;
-const checkboxLabelDisabled = "cca4mwn700-beta11";
+const checkboxLabelDisabled = "cca4mwn700-beta12";
 const checkboxLabelDisabledClassname = `rdg-checkbox-label-disabled ${checkboxLabelDisabled}`;
 const CheckboxFormatter = /*#__PURE__*/x(function CheckboxFormatter({
   onChange,
@@ -179,15 +191,15 @@ const CheckboxFormatter = /*#__PURE__*/x(function CheckboxFormatter({
     onChange(e.target.checked, e.nativeEvent.shiftKey);
   }
 
-  return /*#__PURE__*/e$1("label", {
+  return /*#__PURE__*/e("label", {
     className: clsx(checkboxLabelClassname, props.disabled && checkboxLabelDisabledClassname),
-    children: [/*#__PURE__*/e$1("input", {
+    children: [/*#__PURE__*/e("input", {
       type: "checkbox",
       ref: ref,
       ...props,
       className: checkboxInputClassname,
       onChange: handleChange
-    }), /*#__PURE__*/e$1("div", {
+    }), /*#__PURE__*/e("div", {
       className: checkboxClassname
     })]
   });
@@ -230,7 +242,7 @@ function SelectCellFormatter({
     tabIndex
   } = useFocusRef(isCellSelected);
   const Formatter = useDefaultComponents().checkboxFormatter;
-  return /*#__PURE__*/e$1(Formatter, {
+  return /*#__PURE__*/e(Formatter, {
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     ref: ref,
@@ -243,7 +255,7 @@ function SelectCellFormatter({
 
 function ValueFormatter(props) {
   try {
-    return /*#__PURE__*/e$1(d$1, {
+    return /*#__PURE__*/e(d$1, {
       children: props.row[props.column.key]
     });
   } catch {
@@ -251,12 +263,12 @@ function ValueFormatter(props) {
   }
 }
 
-var css_248z$b = ".gch972y700-beta11{outline:none}.cz2qf0d700-beta11{stroke:currentColor;stroke-width:1.5px;fill:transparent;margin-inline-start:4px;vertical-align:middle}.cz2qf0d700-beta11>path{transition:d .1s}";
+var css_248z$b = ".gch972y700-beta12{outline:none}.cz2qf0d700-beta12{stroke:currentColor;stroke-width:1.5px;fill:transparent;margin-inline-start:4px;vertical-align:middle}.cz2qf0d700-beta12>path{transition:d .1s}";
 styleInject$1(css_248z$b,{"insertAt":"top"});
 
-const groupCellContent = "gch972y700-beta11";
+const groupCellContent = "gch972y700-beta12";
 const groupCellContentClassname = `rdg-group-cell-content ${groupCellContent}`;
-const caret = "cz2qf0d700-beta11";
+const caret = "cz2qf0d700-beta12";
 const caretClassname = `rdg-caret ${caret}`;
 function ToggleGroupFormatter({
   groupKey,
@@ -278,18 +290,18 @@ function ToggleGroupFormatter({
   }
 
   const d = isExpanded ? 'M1 1 L 7 7 L 13 1' : 'M1 7 L 7 1 L 13 7';
-  return /*#__PURE__*/e$1("span", {
+  return /*#__PURE__*/e("span", {
     ref: ref,
     className: groupCellContentClassname,
     tabIndex: tabIndex,
     onKeyDown: handleKeyDown,
-    children: [groupKey, /*#__PURE__*/e$1("svg", {
+    children: [groupKey, /*#__PURE__*/e("svg", {
       viewBox: "0 0 14 8",
       width: "14",
       height: "8",
       className: caretClassname,
       "aria-hidden": true,
-      children: /*#__PURE__*/e$1("path", {
+      children: /*#__PURE__*/e("path", {
         d: d
       })
     })]
@@ -315,7 +327,7 @@ const SELECT_COLUMN_KEY = 'select-row';
 
 function SelectFormatter(props) {
   const [isRowSelected, onRowSelectionChange] = useRowSelection();
-  return /*#__PURE__*/e$1(SelectCellFormatter, {
+  return /*#__PURE__*/e(SelectCellFormatter, {
     "aria-label": "Select",
     isCellSelected: props.isCellSelected,
     value: isRowSelected,
@@ -331,7 +343,7 @@ function SelectFormatter(props) {
 
 function SelectGroupFormatter(props) {
   const [isRowSelected, onRowSelectionChange] = useRowSelection();
-  return /*#__PURE__*/e$1(SelectCellFormatter, {
+  return /*#__PURE__*/e(SelectCellFormatter, {
     "aria-label": "Select Group",
     isCellSelected: props.isCellSelected,
     value: isRowSelected,
@@ -349,13 +361,14 @@ const SelectColumn = {
   key: SELECT_COLUMN_KEY,
   name: '',
   width: 35,
+  minWidth: 35,
   maxWidth: 35,
   resizable: false,
   sortable: false,
   frozen: true,
 
   headerRenderer(props) {
-    return /*#__PURE__*/e$1(SelectCellFormatter, {
+    return /*#__PURE__*/e(SelectCellFormatter, {
       "aria-label": "Select All",
       isCellSelected: props.isCellSelected,
       value: props.allRowsSelected,
@@ -553,19 +566,6 @@ function canExitGrid({
   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 {
@@ -589,6 +589,33 @@ function getCellClassname(column, ...extraClasses) {
   return clsx(cellClassname, ...extraClasses, column.frozen && cellFrozenClassname, column.isLastFrozenColumn && cellFrozenLastClassname);
 }
 
+const {
+  min,
+  max,
+  round,
+  floor,
+  sign,
+  abs,
+  ceil
+} = Math;
+function assertIsValidKeyGetter(keyGetter) {
+  if (typeof keyGetter !== 'function') {
+    throw new Error('Please specify the rowKeyGetter prop to use selection');
+  }
+}
+function clampColumnWidth(width, {
+  minWidth,
+  maxWidth
+}) {
+  width = max(width, minWidth);
+
+  if (typeof maxWidth === 'number' && maxWidth > minWidth) {
+    return min(width, maxWidth);
+  }
+
+  return width;
+}
+
 function useCalculatedColumns({
   rawColumns,
   columnWidths,
@@ -600,7 +627,9 @@ function useCalculatedColumns({
 }) {
   var _defaultColumnOptions, _defaultColumnOptions2, _defaultColumnOptions3, _defaultColumnOptions4;
 
-  const minColumnWidth = (_defaultColumnOptions = defaultColumnOptions == null ? void 0 : defaultColumnOptions.minWidth) != null ? _defaultColumnOptions : 80;
+  const defaultWidth = defaultColumnOptions == null ? void 0 : defaultColumnOptions.width;
+  const defaultMinWidth = (_defaultColumnOptions = defaultColumnOptions == null ? void 0 : defaultColumnOptions.minWidth) != null ? _defaultColumnOptions : 80;
+  const defaultMaxWidth = defaultColumnOptions == null ? void 0 : defaultColumnOptions.maxWidth;
   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;
@@ -613,7 +642,7 @@ function useCalculatedColumns({
     const groupBy = [];
     let lastFrozenColumnIndex = -1;
     const columns = rawColumns.map(rawColumn => {
-      var _rawGroupBy$includes, _rawColumn$sortable, _rawColumn$resizable, _rawColumn$formatter;
+      var _rawGroupBy$includes, _rawColumn$width, _rawColumn$minWidth, _rawColumn$maxWidth, _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;
@@ -622,6 +651,9 @@ function useCalculatedColumns({
         frozen,
         isLastFrozenColumn: false,
         rowGroup,
+        width: (_rawColumn$width = rawColumn.width) != null ? _rawColumn$width : defaultWidth,
+        minWidth: (_rawColumn$minWidth = rawColumn.minWidth) != null ? _rawColumn$minWidth : defaultMinWidth,
+        maxWidth: (_rawColumn$maxWidth = rawColumn.maxWidth) != null ? _rawColumn$maxWidth : defaultMaxWidth,
         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
@@ -690,16 +722,14 @@ function useCalculatedColumns({
       lastFrozenColumnIndex,
       groupBy
     };
-  }, [rawColumns, defaultFormatter, defaultResizable, defaultSortable, rawGroupBy]);
+  }, [rawColumns, defaultWidth, defaultMinWidth, defaultMaxWidth, 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;
@@ -711,7 +741,7 @@ function useCalculatedColumns({
       if (width === undefined) {
         unassignedColumnsCount++;
       } else {
-        width = clampColumnWidth(width, column, minColumnWidth);
+        width = clampColumnWidth(width, column);
         allocatedWidth += width;
         columnMetrics.set(column, {
           width,
@@ -732,7 +762,7 @@ function useCalculatedColumns({
       } else {
         const unallocatedWidth = viewportWidth - allocatedWidth;
         const unallocatedColumnWidth = round(unallocatedWidth / unassignedColumnsCount);
-        width = clampColumnWidth(unallocatedColumnWidth, column, minColumnWidth);
+        width = clampColumnWidth(unallocatedColumnWidth, column);
         allocatedWidth += width;
         unassignedColumnsCount--;
         columnMetrics.set(column, {
@@ -741,7 +771,6 @@ function useCalculatedColumns({
         });
       }
 
-      totalColumnWidth += width;
       left += width;
       templateColumns += `${width}px `;
     }
@@ -762,11 +791,10 @@ function useCalculatedColumns({
 
     return {
       layoutCssVars,
-      totalColumnWidth,
       totalFrozenColumnWidth,
       columnMetrics
     };
-  }, [columnWidths, columns, viewportWidth, minColumnWidth, lastFrozenColumnIndex]);
+  }, [columnWidths, columns, viewportWidth, lastFrozenColumnIndex]);
   const [colOverscanStartIdx, colOverscanEndIdx] = _(() => {
     if (!enableVirtualization) {
       return [0, columns.length - 1];
@@ -822,7 +850,6 @@ function useCalculatedColumns({
     colOverscanEndIdx,
     layoutCssVars,
     columnMetrics,
-    totalColumnWidth,
     lastFrozenColumnIndex,
     totalFrozenColumnWidth,
     groupBy
@@ -848,42 +875,44 @@ function getSpecifiedWidth({
   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);
+  const [inlineSize, setInlineSize] = m(1);
+  const [blockSize, setBlockSize] = 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);
+    const {
+      clientWidth,
+      clientHeight,
+      offsetWidth,
+      offsetHeight
+    } = gridRef.current;
+    const {
+      width,
+      height
+    } = gridRef.current.getBoundingClientRect();
+    const initialWidth = width - offsetWidth + clientWidth;
+    const initialHeight = height - offsetHeight + clientHeight;
+    setInlineSize(handleDevicePixelRatio(initialWidth));
+    setBlockSize(initialHeight);
+    const resizeObserver = new ResizeObserver(entries => {
+      const size = entries[0].contentBoxSize[0];
+      setInlineSize(handleDevicePixelRatio(size.inlineSize));
+      setBlockSize(size.blockSize);
     });
     resizeObserver.observe(gridRef.current);
     return () => {
       resizeObserver.disconnect();
     };
   }, []);
-  return [gridRef, gridWidth, gridHeight];
+  return [gridRef, inlineSize, blockSize];
+}
+
+function handleDevicePixelRatio(size) {
+  return size - (devicePixelRatio === 1 ? 0 : ceil(devicePixelRatio));
 }
 
 function useLatestFunc(fn) {
@@ -897,38 +926,30 @@ function useLatestFunc(fn) {
 }
 
 function useRovingCellRef(isSelected) {
-  const ref = h(null);
-  const isChildFocused = h(false);
-  const [, forceRender] = m({});
-  useLayoutEffect(() => {
-    var _ref$current;
+  const [isChildFocused, setIsChildFocused] = m(false);
 
-    if (!isSelected) {
-      isChildFocused.current = false;
-      return;
-    }
-
-    if (isChildFocused.current) {
-      forceRender({});
-      return;
-    }
+  if (isChildFocused && !isSelected) {
+    setIsChildFocused(false);
+  }
 
-    (_ref$current = ref.current) == null ? void 0 : _ref$current.focus({
+  const ref = A$1(cell => {
+    if (cell === null || cell.contains(document.activeElement)) return;
+    cell.focus({
       preventScroll: true
     });
-  }, [isSelected]);
+  }, []);
 
   function onFocus(event) {
-    if (event.target !== ref.current) {
-      isChildFocused.current = true;
+    if (event.target !== event.currentTarget) {
+      setIsChildFocused(true);
     }
   }
 
-  const isFocused = isSelected && !isChildFocused.current;
+  const isFocused = isSelected && !isChildFocused;
   return {
-    ref,
+    ref: isSelected ? ref : undefined,
     tabIndex: isFocused ? 0 : -1,
-    onFocus
+    onFocus: isSelected ? onFocus : undefined
   };
 }
 
@@ -1184,12 +1205,12 @@ function useViewportRows({
   };
 }
 
-var css_248z$a = ".h1tr5c9i700-beta11{cursor:pointer;display:flex}.h1tr5c9i700-beta11:focus{outline:none}.h19r0msv700-beta11{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}";
+var css_248z$a = ".h1tr5c9i700-beta12{cursor:pointer;display:flex}.h1tr5c9i700-beta12:focus{outline:none}.h19r0msv700-beta12{flex-grow:1;overflow:hidden;overflow:clip;text-overflow:ellipsis}";
 styleInject$1(css_248z$a,{"insertAt":"top"});
 
-const headerSortCell = "h1tr5c9i700-beta11";
+const headerSortCell = "h1tr5c9i700-beta12";
 const headerSortCellClassname = `rdg-header-sort-cell ${headerSortCell}`;
-const headerSortName = "h19r0msv700-beta11";
+const headerSortName = "h19r0msv700-beta12";
 const headerSortNameClassname = `rdg-header-sort-name ${headerSortName}`;
 function HeaderRenderer({
   column,
@@ -1198,10 +1219,10 @@ function HeaderRenderer({
   onSort,
   isCellSelected
 }) {
-  if (!column.sortable) return /*#__PURE__*/e$1(d$1, {
+  if (!column.sortable) return /*#__PURE__*/e(d$1, {
     children: column.name
   });
-  return /*#__PURE__*/e$1(SortableHeaderCell, {
+  return /*#__PURE__*/e(SortableHeaderCell, {
     onSort: onSort,
     sortDirection: sortDirection,
     priority: priority,
@@ -1234,27 +1255,27 @@ function SortableHeaderCell({
     onSort(event.ctrlKey || event.metaKey);
   }
 
-  return /*#__PURE__*/e$1("span", {
+  return /*#__PURE__*/e("span", {
     ref: ref,
     tabIndex: tabIndex,
     className: headerSortCellClassname,
     onClick: handleClick,
     onKeyDown: handleKeyDown,
-    children: [/*#__PURE__*/e$1("span", {
+    children: [/*#__PURE__*/e("span", {
       className: headerSortNameClassname,
       children: children
-    }), /*#__PURE__*/e$1("span", {
-      children: [/*#__PURE__*/e$1(SortIcon, {
+    }), /*#__PURE__*/e("span", {
+      children: [/*#__PURE__*/e(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}";
+var css_248z$9 = ".celq7o9700-beta12{touch-action:none}.celq7o9700-beta12: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 cellResizable = "celq7o9700-beta12";
 const cellResizableClassname = `rdg-cell-resizable ${cellResizable}`;
 function HeaderCell({
   column,
@@ -1269,7 +1290,7 @@ function HeaderCell({
   shouldFocusGrid,
   direction
 }) {
-  var _column$headerRendere, _column$minWidth, _column$maxWidth;
+  var _column$headerRendere, _column$maxWidth;
 
   const isRtl = direction === 'rtl';
   const {
@@ -1312,7 +1333,7 @@ function HeaderCell({
       const width = isRtl ? right + offset - event.clientX : event.clientX + offset - left;
 
       if (width > 0) {
-        onColumnResize(column, width);
+        onColumnResize(column, clampColumnWidth(width, column));
       }
     }
 
@@ -1383,14 +1404,14 @@ function HeaderCell({
   }
 
   function handleFocus(event) {
-    onFocus(event);
+    onFocus == null ? void 0 : onFocus(event);
 
     if (shouldFocusGrid) {
       selectCell(0);
     }
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "columnheader",
     "aria-colindex": column.idx + 1,
     "aria-selected": isCellSelected,
@@ -1400,14 +1421,14 @@ function HeaderCell({
     tabIndex: shouldFocusGrid ? 0 : tabIndex,
     className: className,
     style: { ...getCellStyle(column, colSpan),
-      minWidth: (_column$minWidth = column.minWidth) != null ? _column$minWidth : undefined,
+      minWidth: column.minWidth,
       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, {
+    children: /*#__PURE__*/e(HeaderRenderer$1, {
       column: column,
       sortDirection: sortDirection,
       priority: priority,
@@ -1419,10 +1440,10 @@ function HeaderCell({
   });
 }
 
-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}";
+var css_248z$8 = ".h197vzie700-beta12{background-color:var(--rdg-header-background-color);display:contents;font-weight:700;line-height:var(--rdg-header-row-height)}.h197vzie700-beta12>.c1wupbe700-beta12{inset-block-start:0;position:sticky;z-index:2}.h197vzie700-beta12>.c1730fa4700-beta12{z-index:3}";
 styleInject$1(css_248z$8,{"insertAt":"top"});
 
-const headerRow = "h197vzie700-beta11";
+const headerRow = "h197vzie700-beta12";
 const headerRowClassname = `rdg-header-row ${headerRow}`;
 
 function HeaderRow({
@@ -1450,7 +1471,7 @@ function HeaderRow({
       index += colSpan - 1;
     }
 
-    cells.push( /*#__PURE__*/e$1(HeaderCell, {
+    cells.push( /*#__PURE__*/e(HeaderCell, {
       column: column,
       colSpan: colSpan,
       isCellSelected: selectedCellIdx === column.idx,
@@ -1465,7 +1486,7 @@ function HeaderRow({
     }, column.key));
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "row",
     "aria-rowindex": 1,
     className: clsx(headerRowClassname, selectedCellIdx === -1 && rowSelectedClassname),
@@ -1476,12 +1497,12 @@ function HeaderRow({
 
 const HeaderRow$1 = /*#__PURE__*/g(HeaderRow);
 
-var css_248z$7 = ".c1bmg16t700-beta11,.ccpfvsn700-beta11{background-color:#ccf}.c1bmg16t700-beta11.ccpfvsn700-beta11{background-color:#99f}";
+var css_248z$7 = ".c1bmg16t700-beta12,.ccpfvsn700-beta12{background-color:#ccf}.c1bmg16t700-beta12.ccpfvsn700-beta12{background-color:#99f}";
 styleInject$1(css_248z$7,{"insertAt":"top"});
 
-const cellCopied = "ccpfvsn700-beta11";
+const cellCopied = "ccpfvsn700-beta12";
 const cellCopiedClassname = `rdg-cell-copied ${cellCopied}`;
-const cellDraggedOver = "c1bmg16t700-beta11";
+const cellDraggedOver = "c1bmg16t700-beta12";
 const cellDraggedOverClassname = `rdg-cell-dragged-over ${cellDraggedOver}`;
 
 function Cell({
@@ -1528,7 +1549,7 @@ function Cell({
     onRowDoubleClick == null ? void 0 : onRowDoubleClick(row, column);
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-selected": isCellSelected,
@@ -1543,8 +1564,8 @@ function Cell({
     onContextMenu: handleContextMenu,
     onFocus: onFocus,
     ...props,
-    children: !column.rowGroup && /*#__PURE__*/e$1(d$1, {
-      children: [/*#__PURE__*/e$1(column.formatter, {
+    children: !column.rowGroup && /*#__PURE__*/e(d$1, {
+      children: [/*#__PURE__*/e(column.formatter, {
         column: column,
         row: row,
         isCellSelected: isCellSelected,
@@ -1610,7 +1631,7 @@ function Row({
     if (isCellSelected && selectedCellEditor) {
       cells.push(selectedCellEditor);
     } else {
-      cells.push( /*#__PURE__*/e$1(Cell$1, {
+      cells.push( /*#__PURE__*/e(Cell$1, {
         column: column,
         colSpan: colSpan,
         row: row,
@@ -1626,9 +1647,9 @@ function Row({
     }
   }
 
-  return /*#__PURE__*/e$1(RowSelectionProvider, {
+  return /*#__PURE__*/e(RowSelectionProvider, {
     value: isRowSelected,
-    children: /*#__PURE__*/e$1("div", {
+    children: /*#__PURE__*/e("div", {
       role: "row",
       ref: ref,
       className: className,
@@ -1664,7 +1685,7 @@ function GroupCell({
   }
 
   const isLevelMatching = column.rowGroup && groupColumnIndex === column.idx;
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-selected": isCellSelected,
@@ -1676,7 +1697,7 @@ function GroupCell({
     },
     onClick: isLevelMatching ? toggleGroup : undefined,
     onFocus: onFocus,
-    children: (!column.rowGroup || groupColumnIndex === column.idx) && column.groupFormatter && /*#__PURE__*/e$1(column.groupFormatter, {
+    children: (!column.rowGroup || groupColumnIndex === column.idx) && column.groupFormatter && /*#__PURE__*/e(column.groupFormatter, {
       groupKey: groupKey,
       childRows: childRows,
       column: column,
@@ -1690,10 +1711,10 @@ function GroupCell({
 
 const GroupCell$1 = /*#__PURE__*/g(GroupCell);
 
-var css_248z$6 = ".gyxx7e9700-beta11:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}.gyxx7e9700-beta11>.c1wupbe700-beta11:not(:last-child):not(.c9dpaye700-beta11){border-inline-end:none}";
+var css_248z$6 = ".gyxx7e9700-beta12:not([aria-selected=true]){background-color:var(--rdg-header-background-color)}.gyxx7e9700-beta12>.c1wupbe700-beta12:not(:last-child):not(.c9dpaye700-beta12){border-inline-end:none}";
 styleInject$1(css_248z$6,{"insertAt":"top"});
 
-const groupRow = "gyxx7e9700-beta11";
+const groupRow = "gyxx7e9700-beta12";
 const groupRowClassname = `rdg-group-row ${groupRow}`;
 
 function GroupedRow({
@@ -1719,9 +1740,9 @@ function GroupedRow({
     selectGroup(rowIdx);
   }
 
-  return /*#__PURE__*/e$1(RowSelectionProvider, {
+  return /*#__PURE__*/e(RowSelectionProvider, {
     value: isRowSelected,
-    children: /*#__PURE__*/e$1("div", {
+    children: /*#__PURE__*/e("div", {
       role: "row",
       "aria-level": level,
       "aria-expanded": isExpanded,
@@ -1729,7 +1750,7 @@ function GroupedRow({
       onClick: handleSelectGroup,
       style: getRowStyle(gridRowStart, height),
       ...props,
-      children: viewportColumns.map(column => /*#__PURE__*/e$1(GroupCell$1, {
+      children: viewportColumns.map(column => /*#__PURE__*/e(GroupCell$1, {
         id: id,
         groupKey: groupKey,
         childRows: childRows,
@@ -1746,10 +1767,10 @@ function GroupedRow({
 
 const GroupRowRenderer = /*#__PURE__*/g(GroupedRow);
 
-var css_248z$5 = ".s1n3hxke700-beta11{inset-block-end:var(--rdg-summary-row-bottom);inset-block-start:var(--rdg-summary-row-top)}";
+var css_248z$5 = ".s1n3hxke700-beta12{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";
+const summaryCellClassname = "s1n3hxke700-beta12";
 
 function SummaryCell({
   column,
@@ -1773,7 +1794,7 @@ function SummaryCell({
     selectCell(row, column);
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-colspan": colSpan,
@@ -1784,7 +1805,7 @@ function SummaryCell({
     style: getCellStyle(column, colSpan),
     onClick: onClick,
     onFocus: onFocus,
-    children: SummaryFormatter && /*#__PURE__*/e$1(SummaryFormatter, {
+    children: SummaryFormatter && /*#__PURE__*/e(SummaryFormatter, {
       column: column,
       row: row,
       isCellSelected: isCellSelected
@@ -1794,11 +1815,11 @@ function SummaryCell({
 
 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)}";
+var css_248z$4 = ".snfqesz700-beta12.r1otpg64700-beta12{line-height:var(--rdg-summary-row-height)}.snfqesz700-beta12.r1otpg64700-beta12>.c1wupbe700-beta12{position:sticky}.s1jijrjz700-beta12>.c1wupbe700-beta12{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 summaryRow = "snfqesz700-beta12";
+const summaryRowBorderClassname = "s1jijrjz700-beta12";
 const summaryRowClassname = `rdg-summary-row ${summaryRow}`;
 
 function SummaryRow({
@@ -1827,7 +1848,7 @@ function SummaryRow({
     }
 
     const isCellSelected = selectedCellIdx === column.idx;
-    cells.push( /*#__PURE__*/e$1(SummaryCell$1, {
+    cells.push( /*#__PURE__*/e(SummaryCell$1, {
       column: column,
       colSpan: colSpan,
       row: row,
@@ -1836,7 +1857,7 @@ function SummaryRow({
     }, column.key));
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     role: "row",
     "aria-rowindex": ariaRowIndex,
     className: clsx(rowClassname, `rdg-row-${rowIdx % 2 === 0 ? 'even' : 'odd'}`, summaryRowClassname, rowIdx === 0 && summaryRowBorderClassname, selectedCellIdx === -1 && rowSelectedClassname),
@@ -1850,10 +1871,10 @@ function SummaryRow({
 
 const SummaryRow$1 = /*#__PURE__*/g(SummaryRow);
 
-var css_248z$3 = ".c1tngyp1700-beta11.rdg-cell{padding:0}";
+var css_248z$3 = ".c1tngyp1700-beta12.rdg-cell{padding:0}";
 styleInject$1(css_248z$3,{"insertAt":"top"});
 
-const cellEditing = "c1tngyp1700-beta11";
+const cellEditing = "c1tngyp1700-beta12";
 function EditCell({
   column,
   colSpan,
@@ -1922,7 +1943,7 @@ function EditCell({
     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", {
+  return /*#__PURE__*/e("div", {
     role: "gridcell",
     "aria-colindex": column.idx + 1,
     "aria-colspan": colSpan,
@@ -1931,13 +1952,13 @@ function EditCell({
     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, {
+    children: column.editor != null && /*#__PURE__*/e(d$1, {
+      children: [/*#__PURE__*/e(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$editorOptions5 = column.editorOptions) == null ? void 0 : _column$editorOptions5.renderFormatter) && /*#__PURE__*/e(column.formatter, {
         column: column,
         row: row,
         isCellSelected: true,
@@ -1947,10 +1968,10 @@ function EditCell({
   });
 }
 
-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}";
+var css_248z$2 = ".cadd3bp700-beta12{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-beta12: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 cellDragHandle = "cadd3bp700-beta12";
 const cellDragHandleClassname = `rdg-cell-drag-handle ${cellDragHandle}`;
 function DragHandle({
   rows,
@@ -2034,28 +2055,28 @@ function DragHandle({
     }
   }
 
-  return /*#__PURE__*/e$1("div", {
+  return /*#__PURE__*/e("div", {
     className: cellDragHandleClassname,
     onMouseDown: handleMouseDown,
     onDoubleClick: handleDoubleClick
   });
 }
 
-var css_248z$1 = ".a888944700-beta11{fill:currentColor}.a888944700-beta11>path{transition:d .1s}";
+var css_248z$1 = ".a888944700-beta12{fill:currentColor}.a888944700-beta12>path{transition:d .1s}";
 styleInject$1(css_248z$1,{"insertAt":"top"});
 
-const arrow = "a888944700-beta11";
+const arrow = "a888944700-beta12";
 const arrowClassname = `rdg-sort-arrow ${arrow}`;
 function SortIcon({
   sortDirection
 }) {
-  return sortDirection !== undefined ? /*#__PURE__*/e$1("svg", {
+  return sortDirection !== undefined ? /*#__PURE__*/e("svg", {
     viewBox: "0 0 12 8",
     width: "12",
     height: "8",
     className: arrowClassname,
     "aria-hidden": true,
-    children: /*#__PURE__*/e$1("path", {
+    children: /*#__PURE__*/e("path", {
       d: sortDirection === 'ASC' ? 'M0 8 6 0 12 8' : 'M0 0 6 8 12 0'
     })
   }) : null;
@@ -2155,7 +2176,6 @@ function DataGrid({
     colOverscanEndIdx,
     layoutCssVars,
     columnMetrics,
-    totalColumnWidth,
     lastFrozenColumnIndex,
     totalFrozenColumnWidth,
     groupBy
@@ -2256,7 +2276,9 @@ function DataGrid({
   useLayoutEffect(() => {
     if (autoResizeColumn === null) return;
     const columnElement = gridRef.current.querySelector(`[aria-colindex="${autoResizeColumn.idx + 1}"]`);
-    const width = columnElement.clientWidth + 2;
+    const {
+      width
+    } = columnElement.getBoundingClientRect();
     setColumnWidths(columnWidths => {
       const newColumnWidths = new Map(columnWidths);
       newColumnWidths.set(autoResizeColumn.key, width);
@@ -2712,20 +2734,14 @@ function DataGrid({
           rowIdx: rowIdx + 1
         };
 
-      case 'ArrowLeft':
-        return isRtl ? {
-          idx: idx + 1,
-          rowIdx
-        } : {
+      case leftKey:
+        return {
           idx: idx - 1,
           rowIdx
         };
 
-      case 'ArrowRight':
-        return isRtl ? {
-          idx: idx - 1,
-          rowIdx
-        } : {
+      case rightKey:
+        return {
           idx: idx + 1,
           rowIdx
         };
@@ -2851,7 +2867,7 @@ function DataGrid({
       return;
     }
 
-    return /*#__PURE__*/e$1(DragHandle, {
+    return /*#__PURE__*/e(DragHandle, {
       rows: rawRows,
       columns: columns,
       selectedPosition: selectedPosition,
@@ -2902,7 +2918,7 @@ function DataGrid({
       closeEditor();
     }
 
-    return /*#__PURE__*/e$1(EditCell, {
+    return /*#__PURE__*/e(EditCell, {
       column: column,
       colSpan: colSpan,
       row: row,
@@ -2914,6 +2930,16 @@ function DataGrid({
     }, column.key);
   }
 
+  function getRowViewportColumns(rowIdx) {
+    const selectedColumn = columns[selectedPosition.idx];
+
+    if (selectedColumn !== undefined && selectedPosition.rowIdx === rowIdx && !viewportColumns.includes(selectedColumn)) {
+      return selectedPosition.idx > colOverscanEndIdx ? [...viewportColumns, selectedColumn] : [...viewportColumns.slice(0, lastFrozenColumnIndex + 1), selectedColumn, ...viewportColumns.slice(lastFrozenColumnIndex + 1)];
+    }
+
+    return viewportColumns;
+  }
+
   function getViewportRows() {
     const rowElements = [];
     let startRowIndex = 0;
@@ -2933,8 +2959,8 @@ function DataGrid({
       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)];
+        } else {
+          rowColumns = getRowViewportColumns(rowIdx);
         }
       }
 
@@ -2946,7 +2972,7 @@ function DataGrid({
           startRowIndex
         } = row);
         const isGroupRowSelected = isSelectable && row.childRows.every(cr => selectedRows.has(rowKeyGetter(cr)));
-        rowElements.push( /*#__PURE__*/e$1(GroupRowRenderer, {
+        rowElements.push( /*#__PURE__*/e(GroupRowRenderer, {
           "aria-level": row.level + 1,
           "aria-setsize": row.setSize,
           "aria-posinset": row.posInSet + 1,
@@ -2983,7 +3009,7 @@ function DataGrid({
         key = hasGroups ? startRowIndex : rowIdx;
       }
 
-      rowElements.push( /*#__PURE__*/e$1(RowRenderer, {
+      rowElements.push( /*#__PURE__*/e(RowRenderer, {
         "aria-rowindex": headerRowsCount + (hasGroups ? startRowIndex : rowIdx) + 1,
         "aria-selected": isSelectable ? isRowSelected : undefined,
         rowIdx: rowIdx,
@@ -3025,7 +3051,8 @@ function DataGrid({
     templateRows += ` repeat(${summaryRowsCount}, ${summaryRowHeight}px)`;
   }
 
-  return /*#__PURE__*/e$1("div", {
+  const isGroupRowFocused = selectedPosition.idx === -1 && selectedPosition.rowIdx !== -2;
+  return /*#__PURE__*/e("div", {
     role: hasGroups ? 'treegrid' : 'grid',
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
@@ -3037,9 +3064,7 @@ function DataGrid({
     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()
     },
@@ -3048,18 +3073,18 @@ function DataGrid({
     onScroll: handleScroll,
     onKeyDown: handleKeyDown,
     "data-testid": testId,
-    children: [hasGroups && /*#__PURE__*/e$1("div", {
+    children: [hasGroups && /*#__PURE__*/e("div", {
       ref: rowRef,
-      tabIndex: selectedPosition.idx === -1 && selectedPosition.rowIdx !== -2 ? 0 : -1,
-      className: focusSinkClassname,
+      tabIndex: isGroupRowFocused ? 0 : -1,
+      className: clsx(focusSinkClassname, isGroupRowFocused && [rowSelected, lastFrozenColumnIndex !== -1 && rowSelectedWithFrozenCell]),
       style: {
         gridRowStart: selectedPosition.rowIdx + 2
       },
       onKeyDown: handleKeyDown
-    }), /*#__PURE__*/e$1(DataGridDefaultComponentsProvider, {
+    }), /*#__PURE__*/e(DataGridDefaultComponentsProvider, {
       value: defaultGridComponents,
-      children: [/*#__PURE__*/e$1(HeaderRow$1, {
-        columns: viewportColumns,
+      children: [/*#__PURE__*/e(HeaderRow$1, {
+        columns: getRowViewportColumns(-1),
         onColumnResize: handleColumnResize,
         allRowsSelected: allRowsSelected,
         onAllRowsSelectionChange: selectAllRowsLatest,
@@ -3070,23 +3095,24 @@ function DataGrid({
         selectCell: selectHeaderCellLatest,
         shouldFocusGrid: !selectedCellIsWithinSelectionBounds,
         direction: direction
-      }), rows.length === 0 && noRowsFallback ? noRowsFallback : /*#__PURE__*/e$1(d$1, {
-        children: [/*#__PURE__*/e$1(RowSelectionChangeProvider, {
+      }), rows.length === 0 && noRowsFallback ? noRowsFallback : /*#__PURE__*/e(d$1, {
+        children: [/*#__PURE__*/e(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 summaryRowIdx = headerRowsCount + rows.length + rowIdx - 1;
+          const isSummaryRowSelected = selectedPosition.rowIdx === summaryRowIdx;
           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, {
+          return /*#__PURE__*/e(SummaryRow$1, {
             "aria-rowindex": headerRowsCount + rowsCount + rowIdx + 1,
             rowIdx: rowIdx,
             gridRowStart: gridRowStart,
             row: row,
             top: top,
             bottom: bottom,
-            viewportColumns: viewportColumns,
+            viewportColumns: getRowViewportColumns(summaryRowIdx),
             lastFrozenColumnIndex: lastFrozenColumnIndex,
             selectedCellIdx: isSummaryRowSelected ? selectedPosition.idx : undefined,
             selectCell: selectSummaryCellLatest
@@ -3103,39 +3129,17 @@ function isSamePosition(p1, p2) {
 
 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}";
+var css_248z$g = ".t16y9g8l700-beta12{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-beta12:focus{border-color:var(--rdg-selection-color);outline:none}.t16y9g8l700-beta12::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));
-  }
+function useData(widget) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var columns = _(function () { return widget.columns(); }, [widget, widget.dataChecksum()]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var data = _(function () { return widget.data(); }, [widget, widget.dataChecksum()]);
+    return [columns, data];
 }
 
-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) {
@@ -3148,76 +3152,167 @@ function copyAndSort(items, attribute, descending) {
         return 0;
     });
 }
+var EmptyRowsRenderer = function (_a) {
+    var message = _a.message;
+    return v$1("div", { style: { textAlign: "center", gridColumn: "1/-1" } },
+        message,
+        v$1("span", null, "--- * --- * ---"));
+};
 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];
+    var table = _a.table, sort = _a.sort;
+    var _b = useData(table), columns = _b[0], data = _b[1];
+    var multiSelect = table.multiSelect();
+    var columnTypes = table.columnTypes();
+    var columnPatterns = table.columnPatterns();
+    var columnFormats = table.columnFormats();
+    var _c = m([]), listColumns = _c[0], setListColumns = _c[1];
+    var _d = m(), sortColumn = _d[0], setSortColumn = _d[1];
+    var _e = m([]), rows = _e[0], setRows = _e[1];
+    var _f = m(new Set()), selectedRows = _f[0], setSelectedRows = _f[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]);
+        setListColumns(__spreadArray(__spreadArray([], multiSelect ? [SelectColumn] : [], true), columns.map(function (column) {
+            var _a;
+            var type = (_a = columnTypes[column]) !== null && _a !== void 0 ? _a : "string";
+            var formatter;
+            var __hpcc_pattern;
+            var __hpcc_format;
+            switch (type) {
+                case "time":
+                    __hpcc_pattern = columnPatterns[column] !== undefined ? timeParse(columnPatterns[column]) : undefined;
+                    __hpcc_format = columnFormats[column] !== undefined ? timeFormat(columnFormats[column]) : undefined;
+                    break;
+                case "number":
+                    formatter = function (props) {
+                        return v$1("div", { style: { textAlign: "right" } }, props.row[props.column.key]);
+                    };
+                // eslint-disable-next-line no-fallthrough
+                default:
+                    __hpcc_format = columnFormats[column] !== undefined ? format(columnFormats[column]) : undefined;
+            }
+            return {
+                key: column,
+                name: column,
+                resizable: true,
+                sortable: true,
+                minWidth: 80,
+                formatter: formatter,
+                __hpcc_pattern: __hpcc_pattern,
+                __hpcc_format: __hpcc_format
+            };
+        }), true));
+    }, [columnFormats, columnPatterns, columnTypes, 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]);
+        setRows(copyAndSort(rows, sorted ? futureSortColumn.columnKey : "key", sorted ? isSortedDescending : false));
+    }, [rows]);
     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]);
+        table.onRowClickCallback(row, column.key);
+    }, [table]);
     //  Rows  ---
     y(function () {
         var items = data.map(function (row, index) {
             var retVal = {
                 key: index
             };
-            columns.forEach(function (column, index) {
-                retVal[column] = row[index];
+            listColumns.forEach(function (column, index) {
+                var val = row[index];
+                if (column.__hpcc_pattern && column.__hpcc_format) {
+                    val = column.__hpcc_format(column.__hpcc_pattern(val));
+                }
+                else if (column.__hpcc_pattern) {
+                    val = column.__hpcc_pattern(val).toString();
+                }
+                else if (column.__hpcc_format) {
+                    val = column.__hpcc_format(val);
+                }
+                retVal[column.key] = val;
             });
             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%" } });
+        setRows(items);
+    }, [listColumns, data, sort]);
+    return v$1(DataGrid$1, { columns: listColumns, headerRowHeight: 24, rows: rows, rowKeyGetter: rowKeyGetter, rowHeight: 20, components: { noRowsFallback: v$1(EmptyRowsRenderer, { message: table.noDataMessage() }) }, className: table.darkMode() ? "rdg-dark" : "rdg-light", sortColumns: sortColumn ? [sortColumn] : [], onSortColumnsChange: onSortColumnsChange, selectedRows: selectedRows, onSelectedRowsChange: multiSelect ? onSelectedRowsChange : undefined, onRowClick: multiSelect ? undefined : onRowClick, "aria-describedby": "", "aria-label": "", "aria-labelledby": "", style: { height: "100%" } });
 };
+
+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);
+
 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.columnType = function (column, type) {
+        var _a;
+        if (arguments.length === 1)
+            return this.columnTypes()[column];
+        this.columnTypes(__assign(__assign({}, this.columnTypes()), (_a = {}, _a[column] = type, _a)));
+        return this;
+    };
+    Table.prototype.columnPattern = function (column, pattern) {
+        var _a;
+        if (arguments.length === 1)
+            return this.columnPatterns()[column];
+        this.columnPatterns(__assign(__assign({}, this.columnPatterns()), (_a = {}, _a[column] = pattern, _a)));
+        return this;
+    };
+    Table.prototype.columnFormat = function (column, format) {
+        var _a;
+        if (arguments.length === 1)
+            return this.columnFormats()[column];
+        this.columnFormats(__assign(__assign({}, this.columnFormats()), (_a = {}, _a[column] = format, _a)));
+        return this;
+    };
+    Table.prototype.onRowClickCallback = function (row, column) {
+        var _a;
+        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);
@@ -3228,7 +3323,7 @@ var Table = /** @class */ (function (_super) {
         _super.prototype.update.call(this, domNode, element);
         this._div.style("width", this.width() + "px");
         this._div.style("height", this.height() + "px");
-        B(this.renderTable(), this._div.node());
+        B(v$1(ReactTable, { table: this }), this._div.node());
     };
     Table.prototype.exit = function (domNode, element) {
         un(this._div.node());
@@ -3238,6 +3333,10 @@ var Table = /** @class */ (function (_super) {
     //  Events  ---
     Table.prototype.click = function (row, col, sel) {
     };
+    __decorate([
+        publish("...empty...", "string", "No Data Message"),
+        __metadata("design:type", Function)
+    ], Table.prototype, "noDataMessage", void 0);
     __decorate([
         publish(false, "boolean", "Dark Mode"),
         __metadata("design:type", Function)
@@ -3246,6 +3345,18 @@ var Table = /** @class */ (function (_super) {
         publish(false, "boolean", "Multiple Selection"),
         __metadata("design:type", Function)
     ], Table.prototype, "multiSelect", void 0);
+    __decorate([
+        publish({}, "object", "Column Types (\"boolean\" | \"number\" | \"string\" | \"time\""),
+        __metadata("design:type", Function)
+    ], Table.prototype, "columnTypes", void 0);
+    __decorate([
+        publish({}, "object", "Column Patterns"),
+        __metadata("design:type", Function)
+    ], Table.prototype, "columnPatterns", void 0);
+    __decorate([
+        publish({}, "object", "Column Formats"),
+        __metadata("design:type", Function)
+    ], Table.prototype, "columnFormats", void 0);
     return Table;
 }(HTMLWidget));
 Table.prototype._class += " dgrid2_Table";