@mailstep/design-system 0.7.16-beta.5 → 0.7.16-beta.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.7.16-beta.5",
+  "version": "0.7.16-beta.7",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Blocks/CommonGrid/styles.js

@@ -5,14 +5,11 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import styled, { x } from '@xstyled/styled-components';
 import { th } from '@xstyled/system';
 import CommonGrid from './CommonGrid';
-var FooterHeight = {
-    mobile: '38px',
-    desktop: '60px'
-};
+var FooterHeight = '60px';
 var HeaderHeight = '75px';
-export var BottomWrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  bottom: 9px;\n  left: 0;\n  width: 100%;\n  height: ", ";\n  background-color: bgLightGray;\n\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: 0;\n    padding-top: 10px;\n    padding-bottom: 11px;\n    margin-bottom: 0;\n    height: ", ";\n  }\n\n  & > * {\n    @media (min-width: 1024px) {\n      justify-content: flex-end;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n"], ["\n  position: fixed;\n  bottom: 9px;\n  left: 0;\n  width: 100%;\n  height: ", ";\n  background-color: bgLightGray;\n\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: 0;\n    padding-top: 10px;\n    padding-bottom: 11px;\n    margin-bottom: 0;\n    height: ", ";\n  }\n\n  & > * {\n    @media (min-width: 1024px) {\n      justify-content: flex-end;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n"])), FooterHeight.mobile, FooterHeight.desktop);
+export var BottomWrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: fixed;\n  bottom: 9px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  left: 0;\n  width: 100%;\n  height: ", ";\n  background-color: bgLightGray;\n\n  & > * {\n    @media (min-width: 1024px) {\n      justify-content: flex-end;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: 0;\n    margin-bottom: 0;\n    height: ", ";\n  }\n"], ["\n  position: fixed;\n  bottom: 9px;\n  padding-top: 10px;\n  padding-bottom: 10px;\n  left: 0;\n  width: 100%;\n  height: ", ";\n  background-color: bgLightGray;\n\n  & > * {\n    @media (min-width: 1024px) {\n      justify-content: flex-end;\n    }\n  }\n\n  @media print {\n    display: none;\n  }\n\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: 0;\n    margin-bottom: 0;\n    height: ", ";\n  }\n"])), FooterHeight, FooterHeight);
 export var ContentContainer = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: white;\n  box-shadow: gridShadow;\n  border-radius: 8px;\n  flex-grow: 1;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: white;\n  box-shadow: gridShadow;\n  border-radius: 8px;\n  flex-grow: 1;\n  height: 100%;\n"])));
-export var CommonGridWrap = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: calc(100% - ", ");\n\n  @media (min-width: 1024px) {\n    height: calc(100% - ", ");\n  }\n"], ["\n  height: calc(100% - ", ");\n\n  @media (min-width: 1024px) {\n    height: calc(100% - ", ");\n  }\n"])), FooterHeight.mobile, FooterHeight.desktop);
+export var CommonGridWrap = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: calc(100% - ", ");\n\n  @media (min-width: 1024px) {\n    height: calc(100% - ", ");\n  }\n"], ["\n  height: calc(100% - ", ");\n\n  @media (min-width: 1024px) {\n    height: calc(100% - ", ");\n  }\n"])), FooterHeight, FooterHeight);
 export var StyledButtonStrip = styled(x.div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  padding: 18px 20px;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-height: ", ";\n  flex-wrap: wrap;\n  z-index: 2;\n"], ["\n  position: relative;\n  padding: 18px 20px;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-height: ", ";\n  flex-wrap: wrap;\n  z-index: 2;\n"])), HeaderHeight);
 export var CommonGridWithStyles = styled(CommonGrid)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  height: calc(100% - ", ");\n\n  & .cell {\n    padding: 0 4px;\n  }\n  & .dataRow {\n    font-size: 12px;\n    font-family: ", ";\n    color: typoPrimary;\n    font-weight: normal;\n    border-bottom: 1px solid;\n    border-color: lightGray3;\n    height: 40px;\n  }\n  & .gridHead {\n    background-color: neutral20;\n    padding-bottom: 8px;\n    position: sticky;\n    top: -1px;\n    z-index: 1;\n    padding-left: 12px;\n    border-top: 1px solid ", ";\n    @media (min-width: 1024px) {\n      padding-left: 20px;\n    }\n  }\n  & .headRow {\n    font-size: 12px;\n    font-family: ", ";\n    color: typoPrimary;\n    font-weight: bold;\n    border-bottom: none; // TODO fix in common-grid\n\n    & .cell {\n      overflow: hidden;\n      position: relative;\n    }\n    & .sticky {\n      background-color: #fafbfc;\n    }\n  }\n  & .filterRow {\n    & .cell {\n      overflow: visible;\n    }\n    & .cell > div {\n      width: 100%; // TODO fix in common-grid\n    }\n    & .sticky {\n      background-color: #fafbfc;\n    }\n    border-bottom: none; // TODO fix in common-grid\n  }\n\n  & .body {\n    margin: 0 1px 1px 1px; // matching margin with .gridHead\n    padding-left: 12px;\n    flex-grow: 1;\n    @media (min-width: 1024px) {\n      padding-left: 20px;\n    }\n  }\n\n  & .gridWrapper {\n    background-color: ", ";\n    width: fit-content;\n    padding-bottom: 35px;\n\n    @media (min-width: 1024px) {\n      height: 100%;\n      overflow-y: auto;\n      width: auto;\n      padding-bottom: 0;\n    }\n    @media print {\n      margin: 0;\n      width: 100%;\n      height: auto;\n      overflow-x: hidden;\n    }\n  }\n\n  & .fullWidthGrid > .gridWrapper > div {\n    width: 100% !important;\n  }\n\n  & .paginatorWrapper,\n  & .buttonsStrip {\n    @media print {\n      display: none;\n    }\n  }\n  & .cell {\n    padding-left: 2px;\n    padding-right: 2px;\n    @media print {\n      white-space: unset;\n    }\n  }\n\n  .dataRow {\n    &.grayedOut {\n      background: lightGray1;\n    }\n\n    .sticky-right {\n      border-left: 1px solid #dfe1e6;\n    }\n    .sticky-left {\n      border-right: 1px solid #dfe1e6;\n    }\n  }\n\n  @media print {\n    .filterRow .sticky {\n      display: none;\n    }\n\n    .headRow .sticky {\n      display: none;\n    }\n\n    .dataRow .sticky {\n      display: none;\n    }\n  }\n\n  .resizer {\n    z-index: unset;\n  }\n\n  // hotfix table head\n  .cell .sortable {\n    display: flex;\n    align-items: center;\n    padding-right: 2px;\n  }\n\n  .sticky {\n    position: sticky !important;\n    max-width: 88px;\n  }\n\n  .sticky-left {\n    left: 0;\n  }\n\n  .sticky-right {\n    right: 0;\n  }\n"], ["\n  height: calc(100% - ", ");\n\n  & .cell {\n    padding: 0 4px;\n  }\n  & .dataRow {\n    font-size: 12px;\n    font-family: ", ";\n    color: typoPrimary;\n    font-weight: normal;\n    border-bottom: 1px solid;\n    border-color: lightGray3;\n    height: 40px;\n  }\n  & .gridHead {\n    background-color: neutral20;\n    padding-bottom: 8px;\n    position: sticky;\n    top: -1px;\n    z-index: 1;\n    padding-left: 12px;\n    border-top: 1px solid ", ";\n    @media (min-width: 1024px) {\n      padding-left: 20px;\n    }\n  }\n  & .headRow {\n    font-size: 12px;\n    font-family: ", ";\n    color: typoPrimary;\n    font-weight: bold;\n    border-bottom: none; // TODO fix in common-grid\n\n    & .cell {\n      overflow: hidden;\n      position: relative;\n    }\n    & .sticky {\n      background-color: #fafbfc;\n    }\n  }\n  & .filterRow {\n    & .cell {\n      overflow: visible;\n    }\n    & .cell > div {\n      width: 100%; // TODO fix in common-grid\n    }\n    & .sticky {\n      background-color: #fafbfc;\n    }\n    border-bottom: none; // TODO fix in common-grid\n  }\n\n  & .body {\n    margin: 0 1px 1px 1px; // matching margin with .gridHead\n    padding-left: 12px;\n    flex-grow: 1;\n    @media (min-width: 1024px) {\n      padding-left: 20px;\n    }\n  }\n\n  & .gridWrapper {\n    background-color: ", ";\n    width: fit-content;\n    padding-bottom: 35px;\n\n    @media (min-width: 1024px) {\n      height: 100%;\n      overflow-y: auto;\n      width: auto;\n      padding-bottom: 0;\n    }\n    @media print {\n      margin: 0;\n      width: 100%;\n      height: auto;\n      overflow-x: hidden;\n    }\n  }\n\n  & .fullWidthGrid > .gridWrapper > div {\n    width: 100% !important;\n  }\n\n  & .paginatorWrapper,\n  & .buttonsStrip {\n    @media print {\n      display: none;\n    }\n  }\n  & .cell {\n    padding-left: 2px;\n    padding-right: 2px;\n    @media print {\n      white-space: unset;\n    }\n  }\n\n  .dataRow {\n    &.grayedOut {\n      background: lightGray1;\n    }\n\n    .sticky-right {\n      border-left: 1px solid #dfe1e6;\n    }\n    .sticky-left {\n      border-right: 1px solid #dfe1e6;\n    }\n  }\n\n  @media print {\n    .filterRow .sticky {\n      display: none;\n    }\n\n    .headRow .sticky {\n      display: none;\n    }\n\n    .dataRow .sticky {\n      display: none;\n    }\n  }\n\n  .resizer {\n    z-index: unset;\n  }\n\n  // hotfix table head\n  .cell .sortable {\n    display: flex;\n    align-items: center;\n    padding-right: 2px;\n  }\n\n  .sticky {\n    position: sticky !important;\n    max-width: 88px;\n  }\n\n  .sticky-left {\n    left: 0;\n  }\n\n  .sticky-right {\n    right: 0;\n  }\n"])), HeaderHeight, th('fonts.primary'), th('colors.lightGray6'), th('fonts.primary'), function (_a) {
     var theme = _a.theme;

package/ui/index.es.js

@@ -43122,26 +43122,16 @@ const JTe = (e = {}, t) => bxe(e, (r) => {
     ] }) }),
     O && /* @__PURE__ */ p.jsx(Bwe, { ...O })
   ] });
-}, W1 = {
-  mobile: "38px",
-  desktop: "60px"
-}, UT = "75px", jxe = G(je.div)`
+}, W1 = "60px", UT = "75px", jxe = G(je.div)`
   position: fixed;
   bottom: 9px;
+  padding-top: 10px;
+  padding-bottom: 10px;
   left: 0;
   width: 100%;
-  height: ${W1.mobile};
+  height: ${W1};
   background-color: bgLightGray;
 
-  @media (min-width: 1024px) {
-    position: relative;
-    bottom: 0;
-    padding-top: 10px;
-    padding-bottom: 11px;
-    margin-bottom: 0;
-    height: ${W1.desktop};
-  }
-
   & > * {
     @media (min-width: 1024px) {
       justify-content: flex-end;
@@ -43151,6 +43141,13 @@ const JTe = (e = {}, t) => bxe(e, (r) => {
   @media print {
     display: none;
   }
+
+  @media (min-width: 1024px) {
+    position: relative;
+    bottom: 0;
+    margin-bottom: 0;
+    height: ${W1};
+  }
 `, Vxe = G(je.div)`
   display: flex;
   flex-direction: column;
@@ -43161,10 +43158,10 @@ const JTe = (e = {}, t) => bxe(e, (r) => {
   flex-grow: 1;
   height: 100%;
 `, Fxe = G(je.div)`
-  height: calc(100% - ${W1.mobile});
+  height: calc(100% - ${W1});
 
   @media (min-width: 1024px) {
-    height: calc(100% - ${W1.desktop});
+    height: calc(100% - ${W1});
   }
 `, Wxe = G(je.div)`
   position: relative;

package/ui/index.umd.js

@@ -2969,23 +2969,16 @@ function print() { __p += __j.call(arguments, '') }
 `,B8e=({columnLayout:e,isLoading:t,children:r,floatingChildren:n,totalColumnsWidth:i},a)=>p.jsxs(D8e,{columnLayout:e,isLoading:t,className:"gridWrapper",ref:a,children:[p.jsx(L8e,{columnLayout:e,totalColumnsWidth:i,children:r}),n&&p.jsx(N8e,{children:n})]}),j8e=x.forwardRef(B8e);function R8e(e,t){for(var r,n=-1,i=e.length;++n<i;){var a=t(e[n]);a!==void 0&&(r=r===void 0?a:r+a)}return r}var V8e=R8e,F8e=V8e,W8e=Dd;function H8e(e){return e&&e.length?F8e(e,W8e):0}var z8e=H8e;const G8e=Or(z8e),U8e=(e,t,r,n,i,a=50)=>{const o=x.useCallback(h=>n(h,i),[i,n]);x.useEffect(()=>{r!=i&&o(null)},[i,r,o]);const s=x.useMemo(()=>{const h={};return e.forEach(g=>h[g.name]=(t==null?void 0:t[g.name])||g.flexBasis),h},[e,t]),c=x.useMemo(()=>G8e(Object.values(s)),[s]),u=x.useRef(null),f=x.useCallback(()=>{var g;const h=((g=u==null?void 0:u.current)==null?void 0:g.clientWidth)||null;if((i=="normal"||i=="sticky")&&h&&c<h){const m=e[e.length-1];if(m){const b={[m.name]:s[m.name]+h-c};o(b)}}},[i,e,s,u,o,c]);x.useEffect(()=>{f()},[f]),x.useLayoutEffect(()=>(window.addEventListener("resize",f),()=>window.removeEventListener("resize",f)),[f]);const A=x.useCallback((h,g)=>{var w;const m=e.findIndex(({name:y})=>y==h),b=e[m+1];if(i=="normal"||i=="sticky"){const y=((w=u==null?void 0:u.current)==null?void 0:w.clientWidth)||null,S=s[e[e.length-1].name],k=y&&y-(c-S)||0,I=b?a:Math.max(k,a),P=s[h],M=P+g<I?I:P+g;o({[h]:M})}else if(i=="no-scroll"){const y=s[b.name],S=s[h],k=S+g<a?a-S:g,I=y-k<a?y-a:k,P=Math.min(k,I),M={[h]:S+P};b&&(M[b.name]=y-P),o(M)}},[e,i,s,c,a,o]);return{totalColumnsWidth:c,gridBoxRef:u,displayColumnsWidth:s,handleResizeDrag:A}},Z8e=(e,t,r)=>x.useCallback(n=>{var f,A;const i=t.selectedRow;if(!i)return;const a=e.findIndex(h=>h.id===i),o=(f=e[a-1])==null?void 0:f.id,s=(A=e[a+1])==null?void 0:A.id,c=a===0,u=a===e.length-1;n.key==="ArrowUp"&&!c&&(r==null||r("selectedRow",o)),n.key==="ArrowDown"&&!u&&(r==null||r("selectedRow",s)),n.key==="Escape"&&(r==null||r("selectedRow",null))},[t,e,r]),Y8e=(e,t,r)=>{const[n,i]=x.useState("|");x.useEffect(()=>{const a=(e||[]).map(o=>o.id).join("|");a!==n&&r&&(t.checkedRows&&Object.keys(t.checkedRows).length||t.selectedRow)&&r(),i(a)},[e])};function xr(e){for(var t=arguments.length,r=Array(t>1?t-1:0),n=1;n<t;n++)r[n-1]=arguments[n];if(process.env.NODE_ENV!=="production"){var i=e7e[e],a=i?typeof i=="function"?i.apply(null,r):i:"unknown error nr: "+e;throw Error("[Immer] "+a)}throw Error("[Immer] minified error nr: "+e+(r.length?" "+r.map(function(o){return"'"+o+"'"}).join(","):"")+". Find the full error at: https://bit.ly/3cXEKWf")}function dl(e){return!!e&&!!e[xn]}function Uo(e){return!!e&&(function(t){if(!t||typeof t!="object")return!1;var r=Object.getPrototypeOf(t);if(r===null)return!0;var n=Object.hasOwnProperty.call(r,"constructor")&&r.constructor;return n===Object||typeof n=="function"&&Function.toString.call(n)===t7e}(e)||Array.isArray(e)||!!e[lO]||!!e.constructor[lO]||$g(e)||e4(e))}function uu(e,t,r){r===void 0&&(r=!1),fl(e)===0?(r?Object.keys:f4)(e).forEach(function(n){r&&typeof n=="symbol"||t(n,e[n],e)}):e.forEach(function(n,i){return t(i,n,e)})}function fl(e){var t=e[xn];return t?t.i>3?t.i-4:t.i:Array.isArray(e)?1:$g(e)?2:e4(e)?3:0}function qg(e,t){return fl(e)===2?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function J8e(e,t){return fl(e)===2?e.get(t):e[t]}function $k(e,t,r){var n=fl(e);n===2?e.set(t,r):n===3?(e.delete(t),e.add(r)):e[t]=r}function X8e(e,t){return e===t?e!==0||1/e==1/t:e!=e&&t!=t}function $g(e){return q8e&&e instanceof Map}function e4(e){return $8e&&e instanceof Set}function Zo(e){return e.o||e.t}function t4(e){if(Array.isArray(e))return Array.prototype.slice.call(e);var t=r7e(e);delete t[xn];for(var r=f4(t),n=0;n<r.length;n++){var i=r[n],a=t[i];a.writable===!1&&(a.writable=!0,a.configurable=!0),(a.get||a.set)&&(t[i]={configurable:!0,writable:!0,enumerable:a.enumerable,value:e[i]})}return Object.create(Object.getPrototypeOf(e),t)}function r4(e,t){return t===void 0&&(t=!1),n4(e)||dl(e)||!Uo(e)||(fl(e)>1&&(e.set=e.add=e.clear=e.delete=_8e),Object.freeze(e),t&&uu(e,function(r,n){return r4(n,!0)},!0)),e}function _8e(){xr(2)}function n4(e){return e==null||typeof e!="object"||Object.isFrozen(e)}function da(e){var t=n7e[e];return t||xr(18,e),t}function eO(){return process.env.NODE_ENV==="production"||Al||xr(0),Al}function i4(e,t){t&&(da("Patches"),e.u=[],e.s=[],e.v=t)}function G2(e){a4(e),e.p.forEach(Q8e),e.p=null}function a4(e){e===Al&&(Al=e.l)}function tO(e){return Al={p:[],l:Al,h:e,m:!0,_:0}}function Q8e(e){var t=e[xn];t.i===0||t.i===1?t.j():t.O=!0}function o4(e,t){t._=t.p.length;var r=t.p[0],n=e!==void 0&&e!==r;return t.h.g||da("ES5").S(t,e,n),n?(r[xn].P&&(G2(t),xr(4)),Uo(e)&&(e=U2(t,e),t.l||Z2(t,e)),t.u&&da("Patches").M(r[xn],e,t.u,t.s)):e=U2(t,r,[]),G2(t),t.u&&t.v(t.u,t.s),e!==sO?e:void 0}function U2(e,t,r){if(n4(t))return t;var n=t[xn];if(!n)return uu(t,function(a,o){return rO(e,n,t,a,o,r)},!0),t;if(n.A!==e)return t;if(!n.P)return Z2(e,n.t,!0),n.t;if(!n.I){n.I=!0,n.A._--;var i=n.i===4||n.i===5?n.o=t4(n.k):n.o;uu(n.i===3?new Set(i):i,function(a,o){return rO(e,n,i,a,o,r)}),Z2(e,i,!1),r&&e.u&&da("Patches").R(n,r,e.u,e.s)}return n.o}function rO(e,t,r,n,i,a){if(process.env.NODE_ENV!=="production"&&i===r&&xr(5),dl(i)){var o=U2(e,i,a&&t&&t.i!==3&&!qg(t.D,n)?a.concat(n):void 0);if($k(r,n,o),!dl(o))return;e.m=!1}if(Uo(i)&&!n4(i)){if(!e.h.F&&e._<1)return;U2(e,i),t&&t.A.l||Z2(e,i)}}function Z2(e,t,r){r===void 0&&(r=!1),e.h.F&&e.m&&r4(t,r)}function s4(e,t){var r=e[xn];return(r?Zo(r):e)[t]}function nO(e,t){if(t in e)for(var r=Object.getPrototypeOf(e);r;){var n=Object.getOwnPropertyDescriptor(r,t);if(n)return n;r=Object.getPrototypeOf(r)}}function l4(e){e.P||(e.P=!0,e.l&&l4(e.l))}function c4(e){e.o||(e.o=t4(e.t))}function u4(e,t,r){var n=$g(t)?da("MapSet").N(t,r):e4(t)?da("MapSet").T(t,r):e.g?function(i,a){var o=Array.isArray(i),s={i:o?1:0,A:a?a.A:eO(),P:!1,I:!1,D:{},l:a,t:i,k:null,o:null,j:null,C:!1},c=s,u=Y2;o&&(c=[s],u=J2);var f=Proxy.revocable(c,u),A=f.revoke,h=f.proxy;return s.k=h,s.j=A,h}(t,r):da("ES5").J(t,r);return(r?r.A:eO()).p.push(n),n}function K8e(e){return dl(e)||xr(22,e),function t(r){if(!Uo(r))return r;var n,i=r[xn],a=fl(r);if(i){if(!i.P&&(i.i<4||!da("ES5").K(i)))return i.t;i.I=!0,n=iO(r,a),i.I=!1}else n=iO(r,a);return uu(n,function(o,s){i&&J8e(i.t,o)===s||$k(n,o,t(s))}),a===3?new Set(n):n}(e)}function iO(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return t4(e)}var aO,Al,d4=typeof Symbol<"u"&&typeof Symbol("x")=="symbol",q8e=typeof Map<"u",$8e=typeof Set<"u",oO=typeof Proxy<"u"&&Proxy.revocable!==void 0&&typeof Reflect<"u",sO=d4?Symbol.for("immer-nothing"):((aO={})["immer-nothing"]=!0,aO),lO=d4?Symbol.for("immer-draftable"):"__$immer_draftable",xn=d4?Symbol.for("immer-state"):"__$immer_state",e7e={0:"Illegal state",1:"Immer drafts cannot have computed properties",2:"This object has been frozen and should not be mutated",3:function(e){return"Cannot use a proxy that has been revoked. Did you pass an object from inside an immer function to an async process? "+e},4:"An immer producer returned a new value *and* modified its draft. Either return a new value *or* modify the draft.",5:"Immer forbids circular references",6:"The first or second argument to `produce` must be a function",7:"The third argument to `produce` must be a function or undefined",8:"First argument to `createDraft` must be a plain object, an array, or an immerable object",9:"First argument to `finishDraft` must be a draft returned by `createDraft`",10:"The given draft is already finalized",11:"Object.defineProperty() cannot be used on an Immer draft",12:"Object.setPrototypeOf() cannot be used on an Immer draft",13:"Immer only supports deleting array indices",14:"Immer only supports setting array indices and the 'length' property",15:function(e){return"Cannot apply patch, path doesn't resolve: "+e},16:'Sets cannot have "replace" patches.',17:function(e){return"Unsupported patch operation: "+e},18:function(e){return"The plugin for '"+e+"' has not been loaded into Immer. To enable the plugin, import and call `enable"+e+"()` when initializing your application."},20:"Cannot use proxies if Proxy, Proxy.revocable or Reflect are not available",21:function(e){return"produce can only be called on things that are draftable: plain objects, arrays, Map, Set or classes that are marked with '[immerable]: true'. Got '"+e+"'"},22:function(e){return"'current' expects a draft, got: "+e},23:function(e){return"'original' expects a draft, got: "+e},24:"Patching reserved attributes like __proto__, prototype and constructor is not allowed"},t7e=""+Object.prototype.constructor,f4=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:Object.getOwnPropertySymbols!==void 0?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames,r7e=Object.getOwnPropertyDescriptors||function(e){var t={};return f4(e).forEach(function(r){t[r]=Object.getOwnPropertyDescriptor(e,r)}),t},n7e={},Y2={get:function(e,t){if(t===xn)return e;var r=Zo(e);if(!qg(r,t))return function(i,a,o){var s,c=nO(a,o);return c?"value"in c?c.value:(s=c.get)===null||s===void 0?void 0:s.call(i.k):void 0}(e,r,t);var n=r[t];return e.I||!Uo(n)?n:n===s4(e.t,t)?(c4(e),e.o[t]=u4(e.A.h,n,e)):n},has:function(e,t){return t in Zo(e)},ownKeys:function(e){return Reflect.ownKeys(Zo(e))},set:function(e,t,r){var n=nO(Zo(e),t);if(n!=null&&n.set)return n.set.call(e.k,r),!0;if(!e.P){var i=s4(Zo(e),t),a=i==null?void 0:i[xn];if(a&&a.t===r)return e.o[t]=r,e.D[t]=!1,!0;if(X8e(r,i)&&(r!==void 0||qg(e.t,t)))return!0;c4(e),l4(e)}return e.o[t]===r&&typeof r!="number"&&(r!==void 0||t in e.o)||(e.o[t]=r,e.D[t]=!0,!0)},deleteProperty:function(e,t){return s4(e.t,t)!==void 0||t in e.t?(e.D[t]=!1,c4(e),l4(e)):delete e.D[t],e.o&&delete e.o[t],!0},getOwnPropertyDescriptor:function(e,t){var r=Zo(e),n=Reflect.getOwnPropertyDescriptor(r,t);return n&&{writable:!0,configurable:e.i!==1||t!=="length",enumerable:n.enumerable,value:r[t]}},defineProperty:function(){xr(11)},getPrototypeOf:function(e){return Object.getPrototypeOf(e.t)},setPrototypeOf:function(){xr(12)}},J2={};uu(Y2,function(e,t){J2[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}}),J2.deleteProperty=function(e,t){return process.env.NODE_ENV!=="production"&&isNaN(parseInt(t))&&xr(13),Y2.deleteProperty.call(this,e[0],t)},J2.set=function(e,t,r){return process.env.NODE_ENV!=="production"&&t!=="length"&&isNaN(parseInt(t))&&xr(14),Y2.set.call(this,e[0],t,r,e[0])};var i7e=function(){function e(r){var n=this;this.g=oO,this.F=!0,this.produce=function(i,a,o){if(typeof i=="function"&&typeof a!="function"){var s=a;a=i;var c=n;return function(g){var m=this;g===void 0&&(g=s);for(var b=arguments.length,w=Array(b>1?b-1:0),y=1;y<b;y++)w[y-1]=arguments[y];return c.produce(g,function(S){var k;return(k=a).call.apply(k,[m,S].concat(w))})}}var u;if(typeof a!="function"&&xr(6),o!==void 0&&typeof o!="function"&&xr(7),Uo(i)){var f=tO(n),A=u4(n,i,void 0),h=!0;try{u=a(A),h=!1}finally{h?G2(f):a4(f)}return typeof Promise<"u"&&u instanceof Promise?u.then(function(g){return i4(f,o),o4(g,f)},function(g){throw G2(f),g}):(i4(f,o),o4(u,f))}if(!i||typeof i!="object")return(u=a(i))===sO?void 0:(u===void 0&&(u=i),n.F&&r4(u,!0),u);xr(21,i)},this.produceWithPatches=function(i,a){return typeof i=="function"?function(c){for(var u=arguments.length,f=Array(u>1?u-1:0),A=1;A<u;A++)f[A-1]=arguments[A];return n.produceWithPatches(c,function(h){return i.apply(void 0,[h].concat(f))})}:[n.produce(i,a,function(c,u){o=c,s=u}),o,s];var o,s},typeof(r==null?void 0:r.useProxies)=="boolean"&&this.setUseProxies(r.useProxies),typeof(r==null?void 0:r.autoFreeze)=="boolean"&&this.setAutoFreeze(r.autoFreeze)}var t=e.prototype;return t.createDraft=function(r){Uo(r)||xr(8),dl(r)&&(r=K8e(r));var n=tO(this),i=u4(this,r,void 0);return i[xn].C=!0,a4(n),i},t.finishDraft=function(r,n){var i=r&&r[xn];process.env.NODE_ENV!=="production"&&(i&&i.C||xr(9),i.I&&xr(10));var a=i.A;return i4(a,n),o4(void 0,a)},t.setAutoFreeze=function(r){this.F=r},t.setUseProxies=function(r){r&&!oO&&xr(20),this.g=r},t.applyPatches=function(r,n){var i;for(i=n.length-1;i>=0;i--){var a=n[i];if(a.path.length===0&&a.op==="replace"){r=a.value;break}}i>-1&&(n=n.slice(i+1));var o=da("Patches").$;return dl(r)?o(r,n):this.produce(r,function(s){return o(s,n)})},e}(),Sn=new i7e,a7e=Sn.produce;Sn.produceWithPatches.bind(Sn),Sn.setAutoFreeze.bind(Sn),Sn.setUseProxies.bind(Sn),Sn.applyPatches.bind(Sn),Sn.createDraft.bind(Sn),Sn.finishDraft.bind(Sn);var X2="NOT_FOUND";function o7e(e){let t;return{get(r){return t&&e(t.key,r)?t.value:X2},put(r,n){t={key:r,value:n}},getEntries(){return t?[t]:[]},clear(){t=void 0}}}function s7e(e,t){let r=[];function n(s){const c=r.findIndex(u=>t(s,u.key));if(c>-1){const u=r[c];return c>0&&(r.splice(c,1),r.unshift(u)),u.value}return X2}function i(s,c){n(s)===X2&&(r.unshift({key:s,value:c}),r.length>e&&r.pop())}function a(){return r}function o(){r=[]}return{get:n,put:i,getEntries:a,clear:o}}var l7e=(e,t)=>e===t;function c7e(e){return function(r,n){if(r===null||n===null||r.length!==n.length)return!1;const i=r.length;for(let a=0;a<i;a++)if(!e(r[a],n[a]))return!1;return!0}}function cO(e,t){const r=typeof t=="object"?t:{equalityCheck:t},{equalityCheck:n=l7e,maxSize:i=1,resultEqualityCheck:a}=r,o=c7e(n),s=i===1?o7e(o):s7e(i,o);function c(){let u=s.get(arguments);if(u===X2){if(u=e.apply(null,arguments),a){const A=s.getEntries().find(h=>a(h.value,u));A&&(u=A.value)}s.put(arguments,u)}return u}return c.clearCache=()=>s.clear(),c}var u7e="once";function d7e(e){const t=Array.isArray(e[0])?e[0]:e;if(!t.every(r=>typeof r=="function")){const r=t.map(n=>typeof n=="function"?`function ${n.name||"unnamed"}()`:typeof n).join(", ");throw new Error(`createSelector expects all input-selectors to be functions, but received the following types: [${r}]`)}return t}function f7e(e,...t){return(...n)=>{let i=0,a,o={},s=n.pop();if(typeof s=="object"&&(o=s,s=n.pop()),typeof s!="function")throw new Error(`createSelector expects an output function after the inputs, but received: [${typeof s}]`);const{memoizeOptions:c=t,inputStabilityCheck:u}=o,f=Array.isArray(c)?c:[c],A=d7e(n),h=e(function(){return i++,s.apply(null,arguments)},...f),g=e(()=>({}),...f);let m=!0;const b=cO(function(){const y=[],{length:S}=A;for(let I=0;I<S;I++)y.push(A[I].apply(null,arguments));const k=u??u7e;if(process.env.NODE_ENV!=="production"&&(k==="always"||k==="once"&&m)){const I=[];for(let M=0;M<S;M++)I.push(A[M].apply(null,arguments));g.apply(null,y)===g.apply(null,I)||console.warn(`An input selector returned a different result when passed same arguments.
 This means your output selector will likely run more frequently than intended.
 Avoid returning a new reference inside your input selector, e.g.
-\`createSelector([(arg1, arg2) => ({ arg1, arg2 })],(arg1, arg2) => {})\``,{arguments,firstInputs:y,secondInputs:I}),m&&(m=!1)}return a=h.apply(null,y),a});return Object.assign(b,{resultFunc:s,memoizedResultFunc:h,dependencies:A,lastResult:()=>a,recomputations:()=>i,resetRecomputations:()=>i=0}),b}}var A7e=f7e(cO);const p7e=e=>(Object.keys(e).forEach(t=>{e[t].columnConfig&&Array.isArray(e[t].columnConfig)&&(e[t].columnConfig={})}),e),h7e=e=>(e=p7e(e),e),Br={page:1,presets:{},sorting:[],isConfigFormOpen:!1,uxState:{selectedRow:null,checkedRows:{}},columnConfig:{},filter:{},columnsWidth:{},columnsOrder:[],defaultSorting:[]},lr="@store/CommonGrid",et={init:`${lr}/init`,clearUxState:`${lr}/clearUxState`,handleUxChange:`${lr}/handleUxChange`,openConfigForm:`${lr}/openConfigForm`,closeConfigForm:`${lr}/closeConfigForm`,setColumnConfig:`${lr}/setColumnConfig`,setPage:`${lr}/setPage`,setPresets:`${lr}/setPresets`,createPreset:`${lr}/createPreset`,deletePreset:`${lr}/deletePreset`,setRowsPerPage:`${lr}/setRowsPerPage`,resetFilters:`${lr}/resetFilters`,addFilter:`${lr}/addFilter`,setFilters:`${lr}/setFilters`,addSorting:`${lr}/addSorting`,clearSettings:`${lr}/clearSettings`,resetGrid:`${lr}/resetGrid`,setColumnWidth:`${lr}/setColumnWidth`,setColumnsOrder:`${lr}/setColumnsOrder`};let uO=!1;const g7e=(e={},t)=>a7e(e,r=>{var i,a,o,s,c;!uO&&e&&Object.keys(e).length>0&&(r=h7e(r),uO=!0);const n=t.gridName;if(!n)return r;switch(r[n]||(r[n]={...Br}),t.type){case et.init:const{defaultSorting:u}=t.initProps;r[n].page=1,u&&(r[n].defaultSorting=u,r[n].sorting=(i=r[n].sorting)!=null&&i.length?r[n].sorting:u);break;case et.clearUxState:r[n].uxState=Br.uxState;break;case et.handleUxChange:r[n].uxState={...r[n].uxState,[t.uxKey]:t.uxValue};break;case et.openConfigForm:r[n].isConfigFormOpen=!0;break;case et.closeConfigForm:r[n].isConfigFormOpen=!1;break;case et.setColumnConfig:r[n].columnConfig=t.columnConfig,r[n].isConfigFormOpen=!1;break;case et.resetFilters:r[n].filter=t.filters;break;case et.addFilter:const{column:f,value:A,filterProps:h}=t,g={[f]:{value:A,filterProps:h}};r[n].filter={...r[n].filter,...g},r[n].page=1;break;case et.setFilters:r[n].filter=t.filters;break;case et.addSorting:let{direction:m}=t;const{column:b}=t;((s=(o=(a=r[n])==null?void 0:a.defaultSorting)==null?void 0:o[0])==null?void 0:s.column)===b&&m===null&&(m="asc");let w=[{column:b,direction:m}];m===null&&(w=((c=r[n])==null?void 0:c.defaultSorting)||[]),r[n].sorting=w;break;case et.clearSettings:r[n].page=Br.page,r[n].filter=Br.filter,r[n].uxState=Br.uxState;break;case et.setPage:r[n].page=t.page;break;case et.setPresets:r[n].presets=t.presets;break;case et.createPreset:r[n].presets={...r[n].presets||{},[t.presetName]:t.filters};break;case et.deletePreset:r[n].presets=lE(r[n].presets,t.presetName);break;case et.setRowsPerPage:r[n].rowsPerPage=t.rowsPerPage;break;case et.resetGrid:r[n]={...Br,rowsPerPage:r[n].rowsPerPage};break;case et.setColumnWidth:t.columnsWidth===null?r[n].columnsWidth=Br.columnsWidth:r[n].columnsWidth={...r[n].columnsWidth,...t.columnsWidth},r[n].columnsWidthVariant=t.columnLayout;break;case et.setColumnsOrder:r[n].columnsOrder=t.columnsOrder;break}return r}),dO=e=>({init:t=>({gridName:e,type:et.init,initProps:t}),clearUxState:()=>({gridName:e,type:et.clearUxState}),handleUxChange:(t,r)=>({gridName:e,type:et.handleUxChange,uxKey:t,uxValue:r}),openConfigForm:()=>({gridName:e,type:et.openConfigForm}),closeConfigForm:()=>({gridName:e,type:et.closeConfigForm}),setColumnConfig:t=>({gridName:e,type:et.setColumnConfig,columnConfig:t}),setPage:t=>({gridName:e,type:et.setPage,page:t}),setPresets:t=>({gridName:e,type:et.setPresets,presets:t}),createPreset:(t,r)=>({gridName:e,type:et.createPreset,presetName:t,filters:r}),deletePreset:t=>({gridName:e,type:et.deletePreset,presetName:t}),setColumnWidth:(t,r)=>({gridName:e,type:et.setColumnWidth,columnsWidth:t,columnLayout:r}),resetGrid:()=>({gridName:e,type:et.resetGrid}),setColumnsOrder:t=>({gridName:e,type:et.setColumnsOrder,columnsOrder:t}),setRowsPerPage:t=>({gridName:e,type:et.setRowsPerPage,rowsPerPage:t}),resetFilters:()=>({gridName:e,type:et.resetFilters}),addFilter:(t,r,n)=>({gridName:e,type:et.addFilter,column:t,value:r,filterProps:n}),setFilters:t=>({gridName:e,type:et.setFilters,filters:t}),addSorting:(t,r)=>({gridName:e,type:et.addSorting,column:t,direction:r}),clearSettings:()=>({gridName:e,type:et.clearSettings})}),fO=e=>({getUxState:t=>Nn(Br.uxState,`commonGrid.${e}.uxState`,t),isConfigFormOpen:t=>Nn(Br.isConfigFormOpen,`commonGrid.${e}.isConfigFormOpen`,t),getColumnConfig:t=>Nn(Br.columnConfig,`commonGrid.${e}.columnConfig`,t),getPage:t=>Nn(Br.page,`commonGrid.${e}.page`,t),getPresets:t=>Nn(Br.presets,`commonGrid.${e}.presets`,t),getRowsPerPage:t=>Nn(Br.rowsPerPage,`commonGrid.${e}.rowsPerPage`,t),getFilter:t=>Nn(Br.filter,`commonGrid.${e}.filter`,t),getSorting:t=>Nn(Br.sorting,`commonGrid.${e}.sorting`,t),getColumnsWidth:t=>Nn(null,`commonGrid.${e}.columnsWidth`,t),getColumnsWidthVariant:t=>Nn(void 0,`commonGrid.${e}.columnsWidthVariant`,t),getColumnsOrder:t=>Nn([],`commonGrid.${e}.columnsOrder`,t)}),AO=e=>{const t=fO(e);return A7e(r=>t.getUxState(r),r=>t.isConfigFormOpen(r),r=>t.getColumnConfig(r),r=>t.getPage(r),r=>t.getPresets(r),r=>t.getRowsPerPage(r),r=>t.getFilter(r),r=>t.getSorting(r),r=>t.getColumnsWidth(r),r=>t.getColumnsWidthVariant(r),r=>t.getColumnsOrder(r),(r,n,i,a,o,s,c,u,f,A,h)=>({uxState:r,isConfigFormOpen:n,columnConfig:i,page:a,presets:o,rowsPerPage:s,filter:c,sorting:u,columnsWidth:f,columnsWidthVariant:A,columnsOrder:h}))},v7e={outline:"none"},_2=(...e)=>null,m7e=Br.uxState,b7e={},y7e=({filters:e,comparators:t,handleDragEnd:r,gridSelectors:n,gridActions:i,isLoading:a,rowsData:o,hasColouredRows:s,columnsDefinitions:c,actionColumnDefinition:u,allowRowSelect:f,allowRowSelectOnAction:A,onRowAction:h,onRowEditClick:g,onRowReadClick:m,onRowClick:b,columnLayout:w="normal",displayColumnsDefinitions:y,className:S,minColumnWidth:k,errorMessage:I,floatingButtonProps:P})=>{const{uxState:M=m7e,columnConfig:D,columnsWidth:j=b7e,columnsWidthVariant:R,page:W=1,filter:T,sorting:B,rowsPerPage:N=10}=n,{clearUxState:_,handleUxChange:X,addFilter:J=_2,addSorting:se=_2,setColumnWidth:fe=_2,setColumnsOrder:le=_2}=i,H=Z8e(o,M,X);Y8e(o,M,_);let Y,ne="info";a&&(Y=p.jsx(At,{id:"dataGrid.status.loadingData",message:"... loading data ..."})),!a&&(!o||o.length<1)&&(Y=p.jsx(At,{id:"dataGrid.status.noDataFound",message:"No data found."})),!a&&I&&(Y=I,ne="error");const{displayColumnsWidth:re,totalColumnsWidth:ce,gridBoxRef:te,handleResizeDrag:Z}=U8e(y,j,R,fe,w,k),$=x.useMemo(()=>YAe(y),[y]),oe=x.useCallback(ue=>{te.current=ue},[]);return p.jsxs(p.Fragment,{children:[p.jsx(Be.div,{className:S||"",children:p.jsxs(j8e,{columnLayout:w,isLoading:a,totalColumnsWidth:ce,floatingChildren:Y&&p.jsx(cu,{className:"dataRow",align:"center",children:p.jsx(J6e,{align:"center",className:`gridMessage ${ne}`,width:window.innerWidth,children:Y})}),ref:oe,children:[p.jsxs("div",{className:"gridHead",children:[c.find(ue=>ue.group)&&p.jsx(S8e,{actionColumn:u,columns:y,displayColumnsWidth:re,groups:$}),p.jsx(M8e,{columns:y,actionColumn:u,onAddSort:se,columnLayout:w,sortingValues:B,displayColumnsWidth:re,handleResizeDrag:Z,groups:$,handleDragEnd:r}),c.find(ue=>ue.filtering)&&p.jsx(v8e,{filters:e,comparators:t,columns:y,actionColumn:u,onChange:J,filterValues:T,displayColumnsWidth:re,groups:$,rowsData:o,uxState:M,handleUxChange:X})]}),p.jsx("div",{className:"body flx_1",style:v7e,tabIndex:-1,onKeyDown:H,children:!a&&o&&y&&o.map((ue,we)=>{const me=N*W+(we+1)-N;return p.jsx(q6e,{rowData:ue,rowIndex:me,uxState:M,isEven:s&&(we+1)%2===0,allowRowSelect:f,allowRowSelectOnAction:A,onRowAction:h,onUxChange:X,onRowEditClick:g,onRowReadClick:m,onRowClick:b,columns:y,actionColumn:u,displayColumnsWidth:re,groups:$},ue.id)})})]})}),P&&p.jsx(w8e,{...P})]})},Q2={mobile:"38px",desktop:"60px"},pO="75px",C7e=G(Be.div)`
+\`createSelector([(arg1, arg2) => ({ arg1, arg2 })],(arg1, arg2) => {})\``,{arguments,firstInputs:y,secondInputs:I}),m&&(m=!1)}return a=h.apply(null,y),a});return Object.assign(b,{resultFunc:s,memoizedResultFunc:h,dependencies:A,lastResult:()=>a,recomputations:()=>i,resetRecomputations:()=>i=0}),b}}var A7e=f7e(cO);const p7e=e=>(Object.keys(e).forEach(t=>{e[t].columnConfig&&Array.isArray(e[t].columnConfig)&&(e[t].columnConfig={})}),e),h7e=e=>(e=p7e(e),e),Br={page:1,presets:{},sorting:[],isConfigFormOpen:!1,uxState:{selectedRow:null,checkedRows:{}},columnConfig:{},filter:{},columnsWidth:{},columnsOrder:[],defaultSorting:[]},lr="@store/CommonGrid",et={init:`${lr}/init`,clearUxState:`${lr}/clearUxState`,handleUxChange:`${lr}/handleUxChange`,openConfigForm:`${lr}/openConfigForm`,closeConfigForm:`${lr}/closeConfigForm`,setColumnConfig:`${lr}/setColumnConfig`,setPage:`${lr}/setPage`,setPresets:`${lr}/setPresets`,createPreset:`${lr}/createPreset`,deletePreset:`${lr}/deletePreset`,setRowsPerPage:`${lr}/setRowsPerPage`,resetFilters:`${lr}/resetFilters`,addFilter:`${lr}/addFilter`,setFilters:`${lr}/setFilters`,addSorting:`${lr}/addSorting`,clearSettings:`${lr}/clearSettings`,resetGrid:`${lr}/resetGrid`,setColumnWidth:`${lr}/setColumnWidth`,setColumnsOrder:`${lr}/setColumnsOrder`};let uO=!1;const g7e=(e={},t)=>a7e(e,r=>{var i,a,o,s,c;!uO&&e&&Object.keys(e).length>0&&(r=h7e(r),uO=!0);const n=t.gridName;if(!n)return r;switch(r[n]||(r[n]={...Br}),t.type){case et.init:const{defaultSorting:u}=t.initProps;r[n].page=1,u&&(r[n].defaultSorting=u,r[n].sorting=(i=r[n].sorting)!=null&&i.length?r[n].sorting:u);break;case et.clearUxState:r[n].uxState=Br.uxState;break;case et.handleUxChange:r[n].uxState={...r[n].uxState,[t.uxKey]:t.uxValue};break;case et.openConfigForm:r[n].isConfigFormOpen=!0;break;case et.closeConfigForm:r[n].isConfigFormOpen=!1;break;case et.setColumnConfig:r[n].columnConfig=t.columnConfig,r[n].isConfigFormOpen=!1;break;case et.resetFilters:r[n].filter=t.filters;break;case et.addFilter:const{column:f,value:A,filterProps:h}=t,g={[f]:{value:A,filterProps:h}};r[n].filter={...r[n].filter,...g},r[n].page=1;break;case et.setFilters:r[n].filter=t.filters;break;case et.addSorting:let{direction:m}=t;const{column:b}=t;((s=(o=(a=r[n])==null?void 0:a.defaultSorting)==null?void 0:o[0])==null?void 0:s.column)===b&&m===null&&(m="asc");let w=[{column:b,direction:m}];m===null&&(w=((c=r[n])==null?void 0:c.defaultSorting)||[]),r[n].sorting=w;break;case et.clearSettings:r[n].page=Br.page,r[n].filter=Br.filter,r[n].uxState=Br.uxState;break;case et.setPage:r[n].page=t.page;break;case et.setPresets:r[n].presets=t.presets;break;case et.createPreset:r[n].presets={...r[n].presets||{},[t.presetName]:t.filters};break;case et.deletePreset:r[n].presets=lE(r[n].presets,t.presetName);break;case et.setRowsPerPage:r[n].rowsPerPage=t.rowsPerPage;break;case et.resetGrid:r[n]={...Br,rowsPerPage:r[n].rowsPerPage};break;case et.setColumnWidth:t.columnsWidth===null?r[n].columnsWidth=Br.columnsWidth:r[n].columnsWidth={...r[n].columnsWidth,...t.columnsWidth},r[n].columnsWidthVariant=t.columnLayout;break;case et.setColumnsOrder:r[n].columnsOrder=t.columnsOrder;break}return r}),dO=e=>({init:t=>({gridName:e,type:et.init,initProps:t}),clearUxState:()=>({gridName:e,type:et.clearUxState}),handleUxChange:(t,r)=>({gridName:e,type:et.handleUxChange,uxKey:t,uxValue:r}),openConfigForm:()=>({gridName:e,type:et.openConfigForm}),closeConfigForm:()=>({gridName:e,type:et.closeConfigForm}),setColumnConfig:t=>({gridName:e,type:et.setColumnConfig,columnConfig:t}),setPage:t=>({gridName:e,type:et.setPage,page:t}),setPresets:t=>({gridName:e,type:et.setPresets,presets:t}),createPreset:(t,r)=>({gridName:e,type:et.createPreset,presetName:t,filters:r}),deletePreset:t=>({gridName:e,type:et.deletePreset,presetName:t}),setColumnWidth:(t,r)=>({gridName:e,type:et.setColumnWidth,columnsWidth:t,columnLayout:r}),resetGrid:()=>({gridName:e,type:et.resetGrid}),setColumnsOrder:t=>({gridName:e,type:et.setColumnsOrder,columnsOrder:t}),setRowsPerPage:t=>({gridName:e,type:et.setRowsPerPage,rowsPerPage:t}),resetFilters:()=>({gridName:e,type:et.resetFilters}),addFilter:(t,r,n)=>({gridName:e,type:et.addFilter,column:t,value:r,filterProps:n}),setFilters:t=>({gridName:e,type:et.setFilters,filters:t}),addSorting:(t,r)=>({gridName:e,type:et.addSorting,column:t,direction:r}),clearSettings:()=>({gridName:e,type:et.clearSettings})}),fO=e=>({getUxState:t=>Nn(Br.uxState,`commonGrid.${e}.uxState`,t),isConfigFormOpen:t=>Nn(Br.isConfigFormOpen,`commonGrid.${e}.isConfigFormOpen`,t),getColumnConfig:t=>Nn(Br.columnConfig,`commonGrid.${e}.columnConfig`,t),getPage:t=>Nn(Br.page,`commonGrid.${e}.page`,t),getPresets:t=>Nn(Br.presets,`commonGrid.${e}.presets`,t),getRowsPerPage:t=>Nn(Br.rowsPerPage,`commonGrid.${e}.rowsPerPage`,t),getFilter:t=>Nn(Br.filter,`commonGrid.${e}.filter`,t),getSorting:t=>Nn(Br.sorting,`commonGrid.${e}.sorting`,t),getColumnsWidth:t=>Nn(null,`commonGrid.${e}.columnsWidth`,t),getColumnsWidthVariant:t=>Nn(void 0,`commonGrid.${e}.columnsWidthVariant`,t),getColumnsOrder:t=>Nn([],`commonGrid.${e}.columnsOrder`,t)}),AO=e=>{const t=fO(e);return A7e(r=>t.getUxState(r),r=>t.isConfigFormOpen(r),r=>t.getColumnConfig(r),r=>t.getPage(r),r=>t.getPresets(r),r=>t.getRowsPerPage(r),r=>t.getFilter(r),r=>t.getSorting(r),r=>t.getColumnsWidth(r),r=>t.getColumnsWidthVariant(r),r=>t.getColumnsOrder(r),(r,n,i,a,o,s,c,u,f,A,h)=>({uxState:r,isConfigFormOpen:n,columnConfig:i,page:a,presets:o,rowsPerPage:s,filter:c,sorting:u,columnsWidth:f,columnsWidthVariant:A,columnsOrder:h}))},v7e={outline:"none"},_2=(...e)=>null,m7e=Br.uxState,b7e={},y7e=({filters:e,comparators:t,handleDragEnd:r,gridSelectors:n,gridActions:i,isLoading:a,rowsData:o,hasColouredRows:s,columnsDefinitions:c,actionColumnDefinition:u,allowRowSelect:f,allowRowSelectOnAction:A,onRowAction:h,onRowEditClick:g,onRowReadClick:m,onRowClick:b,columnLayout:w="normal",displayColumnsDefinitions:y,className:S,minColumnWidth:k,errorMessage:I,floatingButtonProps:P})=>{const{uxState:M=m7e,columnConfig:D,columnsWidth:j=b7e,columnsWidthVariant:R,page:W=1,filter:T,sorting:B,rowsPerPage:N=10}=n,{clearUxState:_,handleUxChange:X,addFilter:J=_2,addSorting:se=_2,setColumnWidth:fe=_2,setColumnsOrder:le=_2}=i,H=Z8e(o,M,X);Y8e(o,M,_);let Y,ne="info";a&&(Y=p.jsx(At,{id:"dataGrid.status.loadingData",message:"... loading data ..."})),!a&&(!o||o.length<1)&&(Y=p.jsx(At,{id:"dataGrid.status.noDataFound",message:"No data found."})),!a&&I&&(Y=I,ne="error");const{displayColumnsWidth:re,totalColumnsWidth:ce,gridBoxRef:te,handleResizeDrag:Z}=U8e(y,j,R,fe,w,k),$=x.useMemo(()=>YAe(y),[y]),oe=x.useCallback(ue=>{te.current=ue},[]);return p.jsxs(p.Fragment,{children:[p.jsx(Be.div,{className:S||"",children:p.jsxs(j8e,{columnLayout:w,isLoading:a,totalColumnsWidth:ce,floatingChildren:Y&&p.jsx(cu,{className:"dataRow",align:"center",children:p.jsx(J6e,{align:"center",className:`gridMessage ${ne}`,width:window.innerWidth,children:Y})}),ref:oe,children:[p.jsxs("div",{className:"gridHead",children:[c.find(ue=>ue.group)&&p.jsx(S8e,{actionColumn:u,columns:y,displayColumnsWidth:re,groups:$}),p.jsx(M8e,{columns:y,actionColumn:u,onAddSort:se,columnLayout:w,sortingValues:B,displayColumnsWidth:re,handleResizeDrag:Z,groups:$,handleDragEnd:r}),c.find(ue=>ue.filtering)&&p.jsx(v8e,{filters:e,comparators:t,columns:y,actionColumn:u,onChange:J,filterValues:T,displayColumnsWidth:re,groups:$,rowsData:o,uxState:M,handleUxChange:X})]}),p.jsx("div",{className:"body flx_1",style:v7e,tabIndex:-1,onKeyDown:H,children:!a&&o&&y&&o.map((ue,we)=>{const me=N*W+(we+1)-N;return p.jsx(q6e,{rowData:ue,rowIndex:me,uxState:M,isEven:s&&(we+1)%2===0,allowRowSelect:f,allowRowSelectOnAction:A,onRowAction:h,onUxChange:X,onRowEditClick:g,onRowReadClick:m,onRowClick:b,columns:y,actionColumn:u,displayColumnsWidth:re,groups:$},ue.id)})})]})}),P&&p.jsx(w8e,{...P})]})},Q2="60px",pO="75px",C7e=G(Be.div)`
   position: fixed;
   bottom: 9px;
+  padding-top: 10px;
+  padding-bottom: 10px;
   left: 0;
   width: 100%;
-  height: ${Q2.mobile};
+  height: ${Q2};
   background-color: bgLightGray;
 
-  @media (min-width: 1024px) {
-    position: relative;
-    bottom: 0;
-    padding-top: 10px;
-    padding-bottom: 11px;
-    margin-bottom: 0;
-    height: ${Q2.desktop};
-  }
-
   & > * {
     @media (min-width: 1024px) {
       justify-content: flex-end;
@@ -2995,6 +2988,13 @@ Avoid returning a new reference inside your input selector, e.g.
   @media print {
     display: none;
   }
+
+  @media (min-width: 1024px) {
+    position: relative;
+    bottom: 0;
+    margin-bottom: 0;
+    height: ${Q2};
+  }
 `,w7e=G(Be.div)`
   display: flex;
   flex-direction: column;
@@ -3005,10 +3005,10 @@ Avoid returning a new reference inside your input selector, e.g.
   flex-grow: 1;
   height: 100%;
 `,x7e=G(Be.div)`
-  height: calc(100% - ${Q2.mobile});
+  height: calc(100% - ${Q2});
 
   @media (min-width: 1024px) {
-    height: calc(100% - ${Q2.desktop});
+    height: calc(100% - ${Q2});
   }
 `,S7e=G(Be.div)`
   position: relative;