@mailstep/design-system 0.7.8-beta.6 → 0.7.9-beta.0

package/package.json

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

package/ui/Blocks/CommonGrid/hooks/useGridAutoHeight.js

@@ -1,5 +1,4 @@
 import { useEffect } from 'react';
-// import { GRID_MIN_ROWS, rowHeight } from './utils'
 import { rowsPerPageOptions } from '../utils/constants';
 export var useGridAutoHeight = function (_a) {
     var gridHeight = _a.gridHeight, gridActions = _a.gridActions, queryRowsParam = _a.queryRowsParam, rowsPerPage = _a.rowsPerPage, getRowsPerPage = _a.getRowsPerPage, autoHeight = _a.autoHeight;
@@ -10,8 +9,6 @@ export var useGridAutoHeight = function (_a) {
         }
         var selectedOption = rowsPerPageOptions.find(function (option) { return option.value === rowsPerPage; });
         if (!selectedOption) {
-            // @TODO this move to mailship
-            // const numberOfRows = Math.max(Math.floor(gridHeight / rowHeight - 2), GRID_MIN_ROWS)
             var numberOfRows = getRowsPerPage === null || getRowsPerPage === void 0 ? void 0 : getRowsPerPage(gridHeight);
             if (numberOfRows) {
                 (_a = gridActions.setRowsPerPage) === null || _a === void 0 ? void 0 : _a.call(gridActions, numberOfRows);

package/ui/Blocks/CommonGrid/store/index.js

@@ -15,7 +15,6 @@ import getOr from 'lodash/fp/getOr';
 import migrateState from './migrateState';
 export var initialState = {
     page: 1,
-    rowsPerPage: 10,
     sorting: [],
     isConfigFormOpen: false,
     uxState: {

package/ui/Blocks/CommonGrid/types.d.ts

@@ -189,7 +189,7 @@ export type UxState = {
 export type ColumnLayout = 'normal' | 'no-scroll' | 'sticky';
 export type GridState = {
     page: number;
-    rowsPerPage: number;
+    rowsPerPage?: number;
     filter: Settings['filter'];
     sorting: Settings['sorting'];
     defaultSorting: Settings['sorting'];

package/ui/Blocks/CommonGrid/utils/index.d.ts

@@ -15,7 +15,5 @@ export declare const createFilterType: (columnDefinition: {
 export declare const getGroups: (columns: ColumnDefinition[]) => Group[];
 export declare const getGroupClassNames: (group?: Group) => string;
 export declare const getStickyCollClassNames: (sticky: boolean, stickTo?: StickTo) => string;
-export declare const GRID_MIN_ROWS = 6;
-export declare const rowHeight = 40;
 export declare const getFilters: (optimizeFilters: boolean) => FiltersConfig;
 export declare const checksColumnsOrder: (colsOrder: string[], columnsDefinitions: ColumnDefinition[]) => void;

package/ui/Blocks/CommonGrid/utils/index.js

@@ -66,8 +66,6 @@ export var getGroupClassNames = function (group) {
 export var getStickyCollClassNames = function (sticky, stickTo) {
     return !sticky ? '' : "".concat(stickTo ? " sticky sticky-".concat(stickTo) : ' sticky sticky-left');
 };
-export var GRID_MIN_ROWS = 6;
-export var rowHeight = 40;
 export var getFilters = function (optimizeFilters) {
     var filters = {
         number: { CellComponent: NumberRange },

package/ui/index.es.js

@@ -42747,7 +42747,6 @@ const cxe = (e) => (Object.keys(e).forEach((t) => {
   e[t].columnConfig && Array.isArray(e[t].columnConfig) && (e[t].columnConfig = {});
 }), e), uxe = (e) => (e = cxe(e), e), Yr = {
   page: 1,
-  rowsPerPage: 10,
   sorting: [],
   isConfigFormOpen: !1,
   uxState: {

package/ui/index.umd.js

@@ -2972,7 +2972,7 @@ function print() { __p += __j.call(arguments, '') }
 `,g8e=({columnLayout:e,isLoading:t,children:r,floatingChildren:n,totalColumnsWidth:i},a)=>p.jsxs(A8e,{columnLayout:e,isLoading:t,className:"gridWrapper",ref:a,children:[p.jsx(p8e,{columnLayout:e,totalColumnsWidth:i,children:r}),n&&p.jsx(h8e,{children:n})]}),v8e=x.forwardRef(g8e);function m8e(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 b8e=m8e,y8e=b8e,C8e=Nd;function w8e(e){return e&&e.length?y8e(e,C8e):0}var x8e=w8e;const S8e=Wr(x8e),E8e=(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]),l=x.useMemo(()=>S8e(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&&l<h){const m=e[e.length-1];if(m){const b={[m.name]:s[m.name]+h-l};o(b)}}},[i,e,s,u,o,l]);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-(l-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,l,a,o]);return{totalColumnsWidth:l,gridBoxRef:u,displayColumnsWidth:s,handleResizeDrag:A}},I8e=(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,l=a===0,u=a===e.length-1;n.key==="ArrowUp"&&!l&&(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]),k8e=(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=B8e[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 ul(e){return!!e&&!!e[En]}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)===j8e}(e)||Array.isArray(e)||!!e[bO]||!!e.constructor[bO]||s4(e)||l4(e))}function fu(e,t,r){r===void 0&&(r=!1),dl(e)===0?(r?Object.keys:y4)(e).forEach(function(n){r&&typeof n=="symbol"||t(n,e[n],e)}):e.forEach(function(n,i){return t(i,n,e)})}function dl(e){var t=e[En];return t?t.i>3?t.i-4:t.i:Array.isArray(e)?1:s4(e)?2:l4(e)?3:0}function o4(e,t){return dl(e)===2?e.has(t):Object.prototype.hasOwnProperty.call(e,t)}function O8e(e,t){return dl(e)===2?e.get(t):e[t]}function uO(e,t,r){var n=dl(e);n===2?e.set(t,r):n===3?(e.delete(t),e.add(r)):e[t]=r}function P8e(e,t){return e===t?e!==0||1/e==1/t:e!=e&&t!=t}function s4(e){return L8e&&e instanceof Map}function l4(e){return N8e&&e instanceof Set}function Zo(e){return e.o||e.t}function c4(e){if(Array.isArray(e))return Array.prototype.slice.call(e);var t=R8e(e);delete t[En];for(var r=y4(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 u4(e,t){return t===void 0&&(t=!1),d4(e)||ul(e)||!Uo(e)||(dl(e)>1&&(e.set=e.add=e.clear=e.delete=T8e),Object.freeze(e),t&&fu(e,function(r,n){return u4(n,!0)},!0)),e}function T8e(){xr(2)}function d4(e){return e==null||typeof e!="object"||Object.isFrozen(e)}function pa(e){var t=F8e[e];return t||xr(18,e),t}function dO(){return process.env.NODE_ENV==="production"||fl||xr(0),fl}function f4(e,t){t&&(pa("Patches"),e.u=[],e.s=[],e.v=t)}function U2(e){A4(e),e.p.forEach(M8e),e.p=null}function A4(e){e===fl&&(fl=e.l)}function fO(e){return fl={p:[],l:fl,h:e,m:!0,_:0}}function M8e(e){var t=e[En];t.i===0||t.i===1?t.j():t.O=!0}function p4(e,t){t._=t.p.length;var r=t.p[0],n=e!==void 0&&e!==r;return t.h.g||pa("ES5").S(t,e,n),n?(r[En].P&&(U2(t),xr(4)),Uo(e)&&(e=Z2(t,e),t.l||Y2(t,e)),t.u&&pa("Patches").M(r[En],e,t.u,t.s)):e=Z2(t,r,[]),U2(t),t.u&&t.v(t.u,t.s),e!==mO?e:void 0}function Z2(e,t,r){if(d4(t))return t;var n=t[En];if(!n)return fu(t,function(a,o){return AO(e,n,t,a,o,r)},!0),t;if(n.A!==e)return t;if(!n.P)return Y2(e,n.t,!0),n.t;if(!n.I){n.I=!0,n.A._--;var i=n.i===4||n.i===5?n.o=c4(n.k):n.o;fu(n.i===3?new Set(i):i,function(a,o){return AO(e,n,i,a,o,r)}),Y2(e,i,!1),r&&e.u&&pa("Patches").R(n,r,e.u,e.s)}return n.o}function AO(e,t,r,n,i,a){if(process.env.NODE_ENV!=="production"&&i===r&&xr(5),ul(i)){var o=Z2(e,i,a&&t&&t.i!==3&&!o4(t.D,n)?a.concat(n):void 0);if(uO(r,n,o),!ul(o))return;e.m=!1}if(Uo(i)&&!d4(i)){if(!e.h.F&&e._<1)return;Z2(e,i),t&&t.A.l||Y2(e,i)}}function Y2(e,t,r){r===void 0&&(r=!1),e.h.F&&e.m&&u4(t,r)}function h4(e,t){var r=e[En];return(r?Zo(r):e)[t]}function pO(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 g4(e){e.P||(e.P=!0,e.l&&g4(e.l))}function v4(e){e.o||(e.o=c4(e.t))}function m4(e,t,r){var n=s4(t)?pa("MapSet").N(t,r):l4(t)?pa("MapSet").T(t,r):e.g?function(i,a){var o=Array.isArray(i),s={i:o?1:0,A:a?a.A:dO(),P:!1,I:!1,D:{},l:a,t:i,k:null,o:null,j:null,C:!1},l=s,u=J2;o&&(l=[s],u=X2);var f=Proxy.revocable(l,u),A=f.revoke,h=f.proxy;return s.k=h,s.j=A,h}(t,r):pa("ES5").J(t,r);return(r?r.A:dO()).p.push(n),n}function D8e(e){return ul(e)||xr(22,e),function t(r){if(!Uo(r))return r;var n,i=r[En],a=dl(r);if(i){if(!i.P&&(i.i<4||!pa("ES5").K(i)))return i.t;i.I=!0,n=hO(r,a),i.I=!1}else n=hO(r,a);return fu(n,function(o,s){i&&O8e(i.t,o)===s||uO(n,o,t(s))}),a===3?new Set(n):n}(e)}function hO(e,t){switch(t){case 2:return new Map(e);case 3:return Array.from(e)}return c4(e)}var gO,fl,b4=typeof Symbol<"u"&&typeof Symbol("x")=="symbol",L8e=typeof Map<"u",N8e=typeof Set<"u",vO=typeof Proxy<"u"&&Proxy.revocable!==void 0&&typeof Reflect<"u",mO=b4?Symbol.for("immer-nothing"):((gO={})["immer-nothing"]=!0,gO),bO=b4?Symbol.for("immer-draftable"):"__$immer_draftable",En=b4?Symbol.for("immer-state"):"__$immer_state",B8e={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"},j8e=""+Object.prototype.constructor,y4=typeof Reflect<"u"&&Reflect.ownKeys?Reflect.ownKeys:Object.getOwnPropertySymbols!==void 0?function(e){return Object.getOwnPropertyNames(e).concat(Object.getOwnPropertySymbols(e))}:Object.getOwnPropertyNames,R8e=Object.getOwnPropertyDescriptors||function(e){var t={};return y4(e).forEach(function(r){t[r]=Object.getOwnPropertyDescriptor(e,r)}),t},F8e={},J2={get:function(e,t){if(t===En)return e;var r=Zo(e);if(!o4(r,t))return function(i,a,o){var s,l=pO(a,o);return l?"value"in l?l.value:(s=l.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===h4(e.t,t)?(v4(e),e.o[t]=m4(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=pO(Zo(e),t);if(n!=null&&n.set)return n.set.call(e.k,r),!0;if(!e.P){var i=h4(Zo(e),t),a=i==null?void 0:i[En];if(a&&a.t===r)return e.o[t]=r,e.D[t]=!1,!0;if(P8e(r,i)&&(r!==void 0||o4(e.t,t)))return!0;v4(e),g4(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 h4(e.t,t)!==void 0||t in e.t?(e.D[t]=!1,v4(e),g4(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)}},X2={};fu(J2,function(e,t){X2[e]=function(){return arguments[0]=arguments[0][0],t.apply(this,arguments)}}),X2.deleteProperty=function(e,t){return process.env.NODE_ENV!=="production"&&isNaN(parseInt(t))&&xr(13),J2.deleteProperty.call(this,e[0],t)},X2.set=function(e,t,r){return process.env.NODE_ENV!=="production"&&t!=="length"&&isNaN(parseInt(t))&&xr(14),J2.set.call(this,e[0],t,r,e[0])};var V8e=function(){function e(r){var n=this;this.g=vO,this.F=!0,this.produce=function(i,a,o){if(typeof i=="function"&&typeof a!="function"){var s=a;a=i;var l=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 l.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=fO(n),A=m4(n,i,void 0),h=!0;try{u=a(A),h=!1}finally{h?U2(f):A4(f)}return typeof Promise<"u"&&u instanceof Promise?u.then(function(g){return f4(f,o),p4(g,f)},function(g){throw U2(f),g}):(f4(f,o),p4(u,f))}if(!i||typeof i!="object")return(u=a(i))===mO?void 0:(u===void 0&&(u=i),n.F&&u4(u,!0),u);xr(21,i)},this.produceWithPatches=function(i,a){return typeof i=="function"?function(l){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(l,function(h){return i.apply(void 0,[h].concat(f))})}:[n.produce(i,a,function(l,u){o=l,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),ul(r)&&(r=D8e(r));var n=fO(this),i=m4(this,r,void 0);return i[En].C=!0,A4(n),i},t.finishDraft=function(r,n){var i=r&&r[En];process.env.NODE_ENV!=="production"&&(i&&i.C||xr(9),i.I&&xr(10));var a=i.A;return f4(a,n),p4(void 0,a)},t.setAutoFreeze=function(r){this.F=r},t.setUseProxies=function(r){r&&!vO&&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=pa("Patches").$;return ul(r)?o(r,n):this.produce(r,function(s){return o(s,n)})},e}(),In=new V8e,W8e=In.produce;In.produceWithPatches.bind(In),In.setAutoFreeze.bind(In),In.setUseProxies.bind(In),In.applyPatches.bind(In),In.createDraft.bind(In),In.finishDraft.bind(In);var _2="NOT_FOUND";function H8e(e){let t;return{get(r){return t&&e(t.key,r)?t.value:_2},put(r,n){t={key:r,value:n}},getEntries(){return t?[t]:[]},clear(){t=void 0}}}function z8e(e,t){let r=[];function n(s){const l=r.findIndex(u=>t(s,u.key));if(l>-1){const u=r[l];return l>0&&(r.splice(l,1),r.unshift(u)),u.value}return _2}function i(s,l){n(s)===_2&&(r.unshift({key:s,value:l}),r.length>e&&r.pop())}function a(){return r}function o(){r=[]}return{get:n,put:i,getEntries:a,clear:o}}var G8e=(e,t)=>e===t;function U8e(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 yO(e,t){const r=typeof t=="object"?t:{equalityCheck:t},{equalityCheck:n=G8e,maxSize:i=1,resultEqualityCheck:a}=r,o=U8e(n),s=i===1?H8e(o):z8e(i,o);function l(){let u=s.get(arguments);if(u===_2){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 l.clearCache=()=>s.clear(),l}var Z8e="once";function Y8e(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 J8e(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:l=t,inputStabilityCheck:u}=o,f=Array.isArray(l)?l:[l],A=Y8e(n),h=e(function(){return i++,s.apply(null,arguments)},...f),g=e(()=>({}),...f);let m=!0;const b=yO(function(){const y=[],{length:S}=A;for(let I=0;I<S;I++)y.push(A[I].apply(null,arguments));const k=u??Z8e;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 X8e=J8e(yO);const _8e=e=>(Object.keys(e).forEach(t=>{e[t].columnConfig&&Array.isArray(e[t].columnConfig)&&(e[t].columnConfig={})}),e),Q8e=e=>(e=_8e(e),e),Yr={page:1,rowsPerPage:10,sorting:[],isConfigFormOpen:!1,uxState:{selectedRow:null,checkedRows:{}},columnConfig:{},filter:{},columnsWidth:{},columnsOrder:[],defaultSorting:[]},Sr="@store/CommonGrid",ft={init:`${Sr}/init`,clearUxState:`${Sr}/clearUxState`,handleUxChange:`${Sr}/handleUxChange`,openConfigForm:`${Sr}/openConfigForm`,closeConfigForm:`${Sr}/closeConfigForm`,setColumnConfig:`${Sr}/setColumnConfig`,setPage:`${Sr}/setPage`,setRowsPerPage:`${Sr}/setRowsPerPage`,resetFilters:`${Sr}/resetFilters`,addFilter:`${Sr}/addFilter`,setFilters:`${Sr}/setFilters`,addSorting:`${Sr}/addSorting`,clearSettings:`${Sr}/clearSettings`,resetGrid:`${Sr}/resetGrid`,setColumnWidth:`${Sr}/setColumnWidth`,setColumnsOrder:`${Sr}/setColumnsOrder`};let CO=!1;const K8e=(e={},t)=>W8e(e,r=>{var i,a,o,s,l;!CO&&e&&Object.keys(e).length>0&&(r=Q8e(r),CO=!0);const n=t.gridName;if(!n)return r;switch(r[n]||(r[n]={...Yr}),t.type){case ft.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 ft.clearUxState:r[n].uxState=Yr.uxState;break;case ft.handleUxChange:r[n].uxState={...r[n].uxState,[t.uxKey]:t.uxValue};break;case ft.openConfigForm:r[n].isConfigFormOpen=!0;break;case ft.closeConfigForm:r[n].isConfigFormOpen=!1;break;case ft.setColumnConfig:r[n].columnConfig=t.columnConfig,r[n].isConfigFormOpen=!1;break;case ft.resetFilters:r[n].filter=t.filters;break;case ft.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 ft.setFilters:r[n].filter=t.filters;break;case ft.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=((l=r[n])==null?void 0:l.defaultSorting)||[]),r[n].sorting=w;break;case ft.clearSettings:r[n].page=Yr.page,r[n].filter=Yr.filter,r[n].uxState=Yr.uxState;break;case ft.setPage:r[n].page=t.page;break;case ft.setRowsPerPage:r[n].rowsPerPage=t.rowsPerPage;break;case ft.resetGrid:r[n]={...Yr,rowsPerPage:r[n].rowsPerPage};break;case ft.setColumnWidth:t.columnsWidth===null?r[n].columnsWidth=Yr.columnsWidth:r[n].columnsWidth={...r[n].columnsWidth,...t.columnsWidth},r[n].columnsWidthVariant=t.columnLayout;break;case ft.setColumnsOrder:r[n].columnsOrder=t.columnsOrder;break}return r}),wO=e=>({init:t=>({gridName:e,type:ft.init,initProps:t}),clearUxState:()=>({gridName:e,type:ft.clearUxState}),handleUxChange:(t,r)=>({gridName:e,type:ft.handleUxChange,uxKey:t,uxValue:r}),openConfigForm:()=>({gridName:e,type:ft.openConfigForm}),closeConfigForm:()=>({gridName:e,type:ft.closeConfigForm}),setColumnConfig:t=>({gridName:e,type:ft.setColumnConfig,columnConfig:t}),setPage:t=>({gridName:e,type:ft.setPage,page:t}),setColumnWidth:(t,r)=>({gridName:e,type:ft.setColumnWidth,columnsWidth:t,columnLayout:r}),resetGrid:()=>({gridName:e,type:ft.resetGrid}),setColumnsOrder:t=>({gridName:e,type:ft.setColumnsOrder,columnsOrder:t}),setRowsPerPage:t=>({gridName:e,type:ft.setRowsPerPage,rowsPerPage:t}),resetFilters:()=>({gridName:e,type:ft.resetFilters}),addFilter:(t,r,n)=>({gridName:e,type:ft.addFilter,column:t,value:r,filterProps:n}),setFilters:t=>({gridName:e,type:ft.setFilters,filters:t}),addSorting:(t,r)=>({gridName:e,type:ft.addSorting,column:t,direction:r}),clearSettings:()=>({gridName:e,type:ft.clearSettings})}),xO=e=>({getUxState:t=>fi(Yr.uxState,`commonGrid.${e}.uxState`,t),isConfigFormOpen:t=>fi(Yr.isConfigFormOpen,`commonGrid.${e}.isConfigFormOpen`,t),getColumnConfig:t=>fi(Yr.columnConfig,`commonGrid.${e}.columnConfig`,t),getPage:t=>fi(Yr.page,`commonGrid.${e}.page`,t),getRowsPerPage:t=>fi(Yr.rowsPerPage,`commonGrid.${e}.rowsPerPage`,t),getFilter:t=>fi(Yr.filter,`commonGrid.${e}.filter`,t),getSorting:t=>fi(Yr.sorting,`commonGrid.${e}.sorting`,t),getColumnsWidth:t=>fi(null,`commonGrid.${e}.columnsWidth`,t),getColumnsWidthVariant:t=>fi(void 0,`commonGrid.${e}.columnsWidthVariant`,t),getColumnsOrder:t=>fi([],`commonGrid.${e}.columnsOrder`,t)}),SO=e=>{const t=xO(e);return X8e(r=>t.getUxState(r),r=>t.isConfigFormOpen(r),r=>t.getColumnConfig(r),r=>t.getPage(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,l,u,f,A)=>({uxState:r,isConfigFormOpen:n,columnConfig:i,page:a,rowsPerPage:o,filter:s,sorting:l,columnsWidth:u,columnsWidthVariant:f,columnsOrder:A}))},q8e={outline:"none"},Q2=(...e)=>null,$8e=Yr.uxState,e7e={},t7e=({filters:e,comparators:t,handleDragEnd:r,gridSelectors:n,gridActions:i,isLoading:a,rowsData:o,hasColouredRows:s,columnsDefinitions:l,actionColumnDefinition:u,allowRowSelect:f,allowRowSelectOnAction:A,onRowAction:h,onRowEditClick:g,onRowReadClick:m,onRowClick:b,columnLayout:w="normal",displayColumnsDefinitions:y,className:S,gridRef:k,minColumnWidth:I,errorMessage:P,floatingButtonProps:M})=>{const{uxState:D=$8e,columnConfig:j,columnsWidth:F=e7e,columnsWidthVariant:W,page:T=1,filter:B,sorting:N,rowsPerPage:_=10}=n,{clearUxState:X,handleUxChange:Y,addFilter:le=Q2,addSorting:fe=Q2,setColumnWidth:se=Q2,setColumnsOrder:H=Q2}=i,J=I8e(o,D,Y);k8e(o,D,X);let re,ne="info";a&&(re=p.jsx(pt,{id:"dataGrid.status.loadingData",message:"... loading data ..."})),!a&&(!o||o.length<1)&&(re=p.jsx(pt,{id:"dataGrid.status.noDataFound",message:"No data found."})),!a&&P&&(re=P,ne="error");const{displayColumnsWidth:ce,totalColumnsWidth:te,gridBoxRef:Z,handleResizeDrag:ee}=E8e(y,F,W,se,w,I),oe=x.useMemo(()=>xAe(y),[y]),ue=x.useCallback(ye=>{Z.current=ye,k&&(k.current=ye)},[]);return p.jsxs(p.Fragment,{children:[p.jsx(We.div,{className:S||"",children:p.jsxs(v8e,{columnLayout:w,isLoading:a,totalColumnsWidth:te,floatingChildren:re&&p.jsx(du,{className:"dataRow",align:"center",children:p.jsx(O6e,{align:"center",className:`gridMessage ${ne}`,width:window.innerWidth,children:re})}),ref:ue,children:[p.jsxs("div",{className:"gridHead",children:[l.find(ye=>ye.group)&&p.jsx(a8e,{actionColumn:u,columns:y,displayColumnsWidth:ce,groups:oe}),p.jsx(f8e,{columns:y,actionColumn:u,onAddSort:fe,columnLayout:w,sortingValues:N,displayColumnsWidth:ce,handleResizeDrag:ee,groups:oe,handleDragEnd:r}),l.find(ye=>ye.filtering)&&p.jsx(q6e,{filters:e,comparators:t,columns:y,actionColumn:u,onChange:le,filterValues:B,displayColumnsWidth:ce,groups:oe,rowsData:o,uxState:D,handleUxChange:Y})]}),p.jsx("div",{className:"body flx_1",style:q8e,tabIndex:-1,onKeyDown:J,children:!a&&o&&y&&o.map((ye,ve)=>{const pe=_*T+(ve+1)-_;return p.jsx(L6e,{rowData:ye,rowIndex:pe,uxState:D,isEven:s&&(ve+1)%2===0,allowRowSelect:f,allowRowSelectOnAction:A,onRowAction:h,onUxChange:Y,onRowEditClick:g,onRowReadClick:m,onRowClick:b,columns:y,actionColumn:u,displayColumnsWidth:ce,groups:oe},ye.id)})})]})}),M&&p.jsx(n8e,{...M})]})},r7e=G(We.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 X8e=J8e(yO);const _8e=e=>(Object.keys(e).forEach(t=>{e[t].columnConfig&&Array.isArray(e[t].columnConfig)&&(e[t].columnConfig={})}),e),Q8e=e=>(e=_8e(e),e),Yr={page:1,sorting:[],isConfigFormOpen:!1,uxState:{selectedRow:null,checkedRows:{}},columnConfig:{},filter:{},columnsWidth:{},columnsOrder:[],defaultSorting:[]},Sr="@store/CommonGrid",ft={init:`${Sr}/init`,clearUxState:`${Sr}/clearUxState`,handleUxChange:`${Sr}/handleUxChange`,openConfigForm:`${Sr}/openConfigForm`,closeConfigForm:`${Sr}/closeConfigForm`,setColumnConfig:`${Sr}/setColumnConfig`,setPage:`${Sr}/setPage`,setRowsPerPage:`${Sr}/setRowsPerPage`,resetFilters:`${Sr}/resetFilters`,addFilter:`${Sr}/addFilter`,setFilters:`${Sr}/setFilters`,addSorting:`${Sr}/addSorting`,clearSettings:`${Sr}/clearSettings`,resetGrid:`${Sr}/resetGrid`,setColumnWidth:`${Sr}/setColumnWidth`,setColumnsOrder:`${Sr}/setColumnsOrder`};let CO=!1;const K8e=(e={},t)=>W8e(e,r=>{var i,a,o,s,l;!CO&&e&&Object.keys(e).length>0&&(r=Q8e(r),CO=!0);const n=t.gridName;if(!n)return r;switch(r[n]||(r[n]={...Yr}),t.type){case ft.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 ft.clearUxState:r[n].uxState=Yr.uxState;break;case ft.handleUxChange:r[n].uxState={...r[n].uxState,[t.uxKey]:t.uxValue};break;case ft.openConfigForm:r[n].isConfigFormOpen=!0;break;case ft.closeConfigForm:r[n].isConfigFormOpen=!1;break;case ft.setColumnConfig:r[n].columnConfig=t.columnConfig,r[n].isConfigFormOpen=!1;break;case ft.resetFilters:r[n].filter=t.filters;break;case ft.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 ft.setFilters:r[n].filter=t.filters;break;case ft.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=((l=r[n])==null?void 0:l.defaultSorting)||[]),r[n].sorting=w;break;case ft.clearSettings:r[n].page=Yr.page,r[n].filter=Yr.filter,r[n].uxState=Yr.uxState;break;case ft.setPage:r[n].page=t.page;break;case ft.setRowsPerPage:r[n].rowsPerPage=t.rowsPerPage;break;case ft.resetGrid:r[n]={...Yr,rowsPerPage:r[n].rowsPerPage};break;case ft.setColumnWidth:t.columnsWidth===null?r[n].columnsWidth=Yr.columnsWidth:r[n].columnsWidth={...r[n].columnsWidth,...t.columnsWidth},r[n].columnsWidthVariant=t.columnLayout;break;case ft.setColumnsOrder:r[n].columnsOrder=t.columnsOrder;break}return r}),wO=e=>({init:t=>({gridName:e,type:ft.init,initProps:t}),clearUxState:()=>({gridName:e,type:ft.clearUxState}),handleUxChange:(t,r)=>({gridName:e,type:ft.handleUxChange,uxKey:t,uxValue:r}),openConfigForm:()=>({gridName:e,type:ft.openConfigForm}),closeConfigForm:()=>({gridName:e,type:ft.closeConfigForm}),setColumnConfig:t=>({gridName:e,type:ft.setColumnConfig,columnConfig:t}),setPage:t=>({gridName:e,type:ft.setPage,page:t}),setColumnWidth:(t,r)=>({gridName:e,type:ft.setColumnWidth,columnsWidth:t,columnLayout:r}),resetGrid:()=>({gridName:e,type:ft.resetGrid}),setColumnsOrder:t=>({gridName:e,type:ft.setColumnsOrder,columnsOrder:t}),setRowsPerPage:t=>({gridName:e,type:ft.setRowsPerPage,rowsPerPage:t}),resetFilters:()=>({gridName:e,type:ft.resetFilters}),addFilter:(t,r,n)=>({gridName:e,type:ft.addFilter,column:t,value:r,filterProps:n}),setFilters:t=>({gridName:e,type:ft.setFilters,filters:t}),addSorting:(t,r)=>({gridName:e,type:ft.addSorting,column:t,direction:r}),clearSettings:()=>({gridName:e,type:ft.clearSettings})}),xO=e=>({getUxState:t=>fi(Yr.uxState,`commonGrid.${e}.uxState`,t),isConfigFormOpen:t=>fi(Yr.isConfigFormOpen,`commonGrid.${e}.isConfigFormOpen`,t),getColumnConfig:t=>fi(Yr.columnConfig,`commonGrid.${e}.columnConfig`,t),getPage:t=>fi(Yr.page,`commonGrid.${e}.page`,t),getRowsPerPage:t=>fi(Yr.rowsPerPage,`commonGrid.${e}.rowsPerPage`,t),getFilter:t=>fi(Yr.filter,`commonGrid.${e}.filter`,t),getSorting:t=>fi(Yr.sorting,`commonGrid.${e}.sorting`,t),getColumnsWidth:t=>fi(null,`commonGrid.${e}.columnsWidth`,t),getColumnsWidthVariant:t=>fi(void 0,`commonGrid.${e}.columnsWidthVariant`,t),getColumnsOrder:t=>fi([],`commonGrid.${e}.columnsOrder`,t)}),SO=e=>{const t=xO(e);return X8e(r=>t.getUxState(r),r=>t.isConfigFormOpen(r),r=>t.getColumnConfig(r),r=>t.getPage(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,l,u,f,A)=>({uxState:r,isConfigFormOpen:n,columnConfig:i,page:a,rowsPerPage:o,filter:s,sorting:l,columnsWidth:u,columnsWidthVariant:f,columnsOrder:A}))},q8e={outline:"none"},Q2=(...e)=>null,$8e=Yr.uxState,e7e={},t7e=({filters:e,comparators:t,handleDragEnd:r,gridSelectors:n,gridActions:i,isLoading:a,rowsData:o,hasColouredRows:s,columnsDefinitions:l,actionColumnDefinition:u,allowRowSelect:f,allowRowSelectOnAction:A,onRowAction:h,onRowEditClick:g,onRowReadClick:m,onRowClick:b,columnLayout:w="normal",displayColumnsDefinitions:y,className:S,gridRef:k,minColumnWidth:I,errorMessage:P,floatingButtonProps:M})=>{const{uxState:D=$8e,columnConfig:j,columnsWidth:F=e7e,columnsWidthVariant:W,page:T=1,filter:B,sorting:N,rowsPerPage:_=10}=n,{clearUxState:X,handleUxChange:Y,addFilter:le=Q2,addSorting:fe=Q2,setColumnWidth:se=Q2,setColumnsOrder:H=Q2}=i,J=I8e(o,D,Y);k8e(o,D,X);let re,ne="info";a&&(re=p.jsx(pt,{id:"dataGrid.status.loadingData",message:"... loading data ..."})),!a&&(!o||o.length<1)&&(re=p.jsx(pt,{id:"dataGrid.status.noDataFound",message:"No data found."})),!a&&P&&(re=P,ne="error");const{displayColumnsWidth:ce,totalColumnsWidth:te,gridBoxRef:Z,handleResizeDrag:ee}=E8e(y,F,W,se,w,I),oe=x.useMemo(()=>xAe(y),[y]),ue=x.useCallback(ye=>{Z.current=ye,k&&(k.current=ye)},[]);return p.jsxs(p.Fragment,{children:[p.jsx(We.div,{className:S||"",children:p.jsxs(v8e,{columnLayout:w,isLoading:a,totalColumnsWidth:te,floatingChildren:re&&p.jsx(du,{className:"dataRow",align:"center",children:p.jsx(O6e,{align:"center",className:`gridMessage ${ne}`,width:window.innerWidth,children:re})}),ref:ue,children:[p.jsxs("div",{className:"gridHead",children:[l.find(ye=>ye.group)&&p.jsx(a8e,{actionColumn:u,columns:y,displayColumnsWidth:ce,groups:oe}),p.jsx(f8e,{columns:y,actionColumn:u,onAddSort:fe,columnLayout:w,sortingValues:N,displayColumnsWidth:ce,handleResizeDrag:ee,groups:oe,handleDragEnd:r}),l.find(ye=>ye.filtering)&&p.jsx(q6e,{filters:e,comparators:t,columns:y,actionColumn:u,onChange:le,filterValues:B,displayColumnsWidth:ce,groups:oe,rowsData:o,uxState:D,handleUxChange:Y})]}),p.jsx("div",{className:"body flx_1",style:q8e,tabIndex:-1,onKeyDown:J,children:!a&&o&&y&&o.map((ye,ve)=>{const pe=_*T+(ve+1)-_;return p.jsx(L6e,{rowData:ye,rowIndex:pe,uxState:D,isEven:s&&(ve+1)%2===0,allowRowSelect:f,allowRowSelectOnAction:A,onRowAction:h,onUxChange:Y,onRowEditClick:g,onRowReadClick:m,onRowClick:b,columns:y,actionColumn:u,displayColumnsWidth:ce,groups:oe},ye.id)})})]})}),M&&p.jsx(n8e,{...M})]})},r7e=G(We.div)`
   padding-bottom: 11px;
   padding-top: 10px;
   position: ${({isFixed:e})=>e?"fixed":"relative"};