@mailstep/design-system 0.6.27 → 0.6.29

package/package.json

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

package/ui/Blocks/CommonGrid/components/ControlButtons/ControlButtons.js

@@ -21,7 +21,7 @@ var ControlButtons = function (_a) {
         quickFilter: quickFilter,
         displayColumnsDefinitions: displayColumnsDefinitions,
         filters: filters,
-    }), searchedValue = _c.searchedValue, translatedValue = _c.translatedValue, onChangeInputValue = _c.onChangeInputValue, onClear = _c.onClear, onResetFilters = _c.onResetFilters, onDisplayInput = _c.onDisplayInput, displayInput = _c.displayInput, isMobileInputView = _c.isMobileInputView, filter = _c.filter;
+    }), searchedValue = _c.searchedValue, translatedValue = _c.translatedValue, onChangeInputValue = _c.onChangeInputValue, onClear = _c.onClear, onResetFilters = _c.onResetFilters, onDisplayInput = _c.onDisplayInput, displayInput = _c.displayInput, isMobileInputView = _c.isMobileInputView, isMobile = _c.isMobile, filter = _c.filter;
     useEffect(function () {
         setDisplayManageColumnButton(!isMobileInputView);
     }, [isMobileInputView, setDisplayManageColumnButton]);
@@ -30,7 +30,7 @@ var ControlButtons = function (_a) {
                     id: 'controlButtons.searchPlaceholder',
                     message: "Search ".concat(translatedValue, " ..."),
                     values: { translatedValue: translatedValue },
-                }), onChange: onChangeInputValue, onClear: onClear, onClick: onDisplayInput, displayInput: displayInput, isMobileInputView: isMobileInputView })), eshopSelect && (_jsx(x.div, { children: _jsx(ExtraControlButtons, { extraControlButtons: eshopSelect, targetPosition: ExtraControlButtonPosition.TopRight }) })), _jsx(ExtraControlButtons, { extraControlButtons: extraControlButtons, targetPosition: ExtraControlButtonPosition.TopLeft }), _jsx(x.div, { children: filtersOn && (_jsx(Button, { type: "button", onClick: onResetFilters, variant: "default", appearance: "secondary", "data-cy": "resetFiltersBtn", children: _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }) })) })] }));
+                }), onChange: onChangeInputValue, onClear: onClear, onClick: onDisplayInput, displayInput: displayInput, isMobileInputView: isMobileInputView, alwaysShowClear: isMobile })), eshopSelect && (_jsx(x.div, { children: _jsx(ExtraControlButtons, { extraControlButtons: eshopSelect, targetPosition: ExtraControlButtonPosition.TopRight }) })), _jsx(ExtraControlButtons, { extraControlButtons: extraControlButtons, targetPosition: ExtraControlButtonPosition.TopLeft }), _jsx(x.div, { children: filtersOn && (_jsx(Button, { type: "button", onClick: onResetFilters, variant: "default", appearance: "secondary", "data-cy": "resetFiltersBtn", children: _jsx(Trans, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }) })) })] }));
 };
 export default ControlButtons;
 var templateObject_1;

package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.d.ts

@@ -7,6 +7,7 @@ type QuickFilterProps = {
     displayInput: boolean;
     onClear: () => void;
     isMobileInputView?: boolean;
+    alwaysShowClear?: boolean;
 };
-declare const QuickFilter: ({ searchedValue, placeholderText, onChange, onClick, displayInput, onClear, isMobileInputView, }: QuickFilterProps) => import("react/jsx-runtime").JSX.Element;
+declare const QuickFilter: ({ searchedValue, placeholderText, onChange, onClick, displayInput, onClear, isMobileInputView, alwaysShowClear, }: QuickFilterProps) => import("react/jsx-runtime").JSX.Element;
 export default QuickFilter;

package/ui/Blocks/CommonGrid/components/QuickFilter/QuickFilter.js

@@ -17,8 +17,8 @@ var StyledInput = styled(Input)(templateObject_1 || (templateObject_1 = __makeTe
     return (isMobileInputView ? '90vw' : 'auto');
 });
 var QuickFilter = function (_a) {
-    var searchedValue = _a.searchedValue, placeholderText = _a.placeholderText, onChange = _a.onChange, onClick = _a.onClick, displayInput = _a.displayInput, onClear = _a.onClear, isMobileInputView = _a.isMobileInputView;
-    return (_jsx(x.div, { mr: "12px", children: displayInput ? (_jsx(StyledInput, { icon: "search", type: "text", value: searchedValue, placeholder: placeholderText, onChange: onChange, variant: "gray", onClear: onClear, alwaysShowClear: true, isMobileInputView: isMobileInputView })) : (_jsx(Button, { variant: "icon", appearance: "secondary", icon: "search", onClick: onClick })) }));
+    var searchedValue = _a.searchedValue, placeholderText = _a.placeholderText, onChange = _a.onChange, onClick = _a.onClick, displayInput = _a.displayInput, onClear = _a.onClear, isMobileInputView = _a.isMobileInputView, alwaysShowClear = _a.alwaysShowClear;
+    return (_jsx(x.div, { mr: "12px", children: displayInput ? (_jsx(StyledInput, { icon: "search", type: "text", value: searchedValue, placeholder: placeholderText, onChange: onChange, variant: "gray", onClear: onClear, alwaysShowClear: alwaysShowClear, isMobileInputView: isMobileInputView })) : (_jsx(Button, { variant: "icon", appearance: "secondary", icon: "search", onClick: onClick })) }));
 };
 export default QuickFilter;
 var templateObject_1;

package/ui/Blocks/CommonGrid/hooks/useQuickFilter.d.ts

@@ -17,6 +17,7 @@ declare const useQuickFilter: ({ gridActions, gridSelectors, quickFilter, displa
     displayInput: boolean;
     onClear: () => void;
     isMobileInputView: boolean;
+    isMobile: boolean;
     filter: {
         [column: string]: {
             value: any;

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

@@ -81,6 +81,7 @@ var useQuickFilter = function (_a) {
         displayInput: displayInput,
         onClear: onClear,
         isMobileInputView: isMobileInputView,
+        isMobile: isMobile,
         filter: filter,
     };
 };

package/ui/Elements/Toast/Toast.d.ts

@@ -4,7 +4,7 @@ export type CustomToastProps = {
     title?: string;
     text?: string;
     type: ToastType;
-    withProgressBar?: boolean;
+    autoClose?: number;
 };
-declare const Toast: ({ closeToast, title, text, type, withProgressBar }: CustomToastProps) => JSX.Element;
+declare const Toast: ({ closeToast, title, text, type, autoClose }: CustomToastProps) => JSX.Element;
 export default Toast;

package/ui/Elements/Toast/Toast.js

@@ -5,15 +5,15 @@ import { Title, Text, ContentWrapper, CloseWrapper, Container } from './styles';
 import { x } from '@xstyled/styled-components';
 import { toastTitleMap, toastIconMap, toastIconFill } from './constants';
 var Toast = function (_a) {
-    var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type, _b = _a.withProgressBar, withProgressBar = _b === void 0 ? false : _b;
+    var closeToast = _a.closeToast, title = _a.title, text = _a.text, type = _a.type, autoClose = _a.autoClose;
     var icon = toastIconMap[type];
     var fill = toastIconFill[type];
     useEffect(function () {
-        if (!withProgressBar)
+        if (!autoClose)
             return;
-        var timer = setTimeout(function () { return closeToast === null || closeToast === void 0 ? void 0 : closeToast(); }, 5000);
+        var timer = setTimeout(function () { return closeToast === null || closeToast === void 0 ? void 0 : closeToast(); }, autoClose);
         return function () { return clearTimeout(timer); };
     }, []);
-    return (_jsxs(Container, { withProgressBar: withProgressBar, fill: fill, children: [_jsx(x.div, { mx: "12px", children: _jsx(Icon, { icon: icon, fill: fill, size: "20px" }) }), _jsxs(ContentWrapper, { children: [_jsxs("div", { children: [_jsx(Title, { children: title || toastTitleMap[type] }), text && _jsx(Text, { children: text })] }), _jsx(CloseWrapper, { children: _jsx("div", { onClick: closeToast, children: _jsx(Icon, { icon: "close" }) }) })] })] }));
+    return (_jsxs(Container, { autoClose: autoClose, fill: fill, children: [_jsx(x.div, { mx: "12px", children: _jsx(Icon, { icon: icon, fill: fill, size: "20px" }) }), _jsxs(ContentWrapper, { children: [_jsxs("div", { children: [_jsx(Title, { children: title || toastTitleMap[type] }), text && _jsx(Text, { children: text })] }), _jsx(CloseWrapper, { children: _jsx("div", { onClick: closeToast, children: _jsx(Icon, { icon: "close" }) }) })] })] }));
 };
 export default Toast;

package/ui/Elements/Toast/styles.d.ts

@@ -3,6 +3,6 @@ export declare const Text: import("styled-components").StyledComponent<"span", i
 export declare const ContentWrapper: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {}, never>;
 export declare const CloseWrapper: import("styled-components").StyledComponent<"span", import("@xstyled/system").Theme, {}, never>;
 export declare const Container: import("styled-components").StyledComponent<"div", import("@xstyled/system").Theme, {
-    withProgressBar: boolean;
+    autoClose?: number | undefined;
     fill: string;
 }, never>;

package/ui/Elements/Toast/styles.js

@@ -8,15 +8,15 @@ export var Text = styled.span(templateObject_2 || (templateObject_2 = __makeTemp
 export var ContentWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n"], ["\n  display: flex;\n  justify-content: space-between;\n"])));
 export var CloseWrapper = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  margin-left: 15px;\n\n  svg {\n    cursor: pointer;\n  }\n"])));
 var timerAnimation = keyframes(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    to {\n       transform: scaleX(0)\n    }\n"], ["\n    to {\n       transform: scaleX(0)\n    }\n"])));
-var after = css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  &:after {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    content: '';\n    height: 4px;\n    width: 100%;\n    transform-origin: left center;\n    animation: ", " 5s linear;\n    border-radius: ", ";\n    background-color: ", ";\n  }\n"], ["\n  &:after {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    content: '';\n    height: 4px;\n    width: 100%;\n    transform-origin: left center;\n    animation: ", " 5s linear;\n    border-radius: ", ";\n    background-color: ", ";\n  }\n"])), timerAnimation, th.radius('lg'), th.color('lightGray5'));
+var after = function (autoClose) { return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  &:after {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    content: '';\n    height: 4px;\n    width: 100%;\n    transform-origin: left center;\n    animation: ", " ", "ms linear;\n    border-radius: ", ";\n    background-color: ", ";\n  }\n"], ["\n  &:after {\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    content: '';\n    height: 4px;\n    width: 100%;\n    transform-origin: left center;\n    animation: ", " ", "ms linear;\n    border-radius: ", ";\n    background-color: ", ";\n  }\n"])), timerAnimation, autoClose, th.radius('lg'), th.color('lightGray5')); };
 export var Container = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  display: flex;\n  position: relative;\n  background-color: white;\n  border-radius: ", ";\n  box-shadow: ", ";\n  padding: 10px;\n\n  @media ", " {\n    font-size: 14px;\n  }\n\n  &:before {\n    position: absolute;\n    top: 5px;\n    bottom: 5px;\n    left: 5px;\n    content: '';\n    width: 4px;\n    ", ";\n    border-radius: ", ";\n    background-color: ", ";\n  }\n\n  ", ";\n"], ["\n  display: flex;\n  position: relative;\n  background-color: white;\n  border-radius: ", ";\n  box-shadow: ", ";\n  padding: 10px;\n\n  @media ", " {\n    font-size: 14px;\n  }\n\n  &:before {\n    position: absolute;\n    top: 5px;\n    bottom: 5px;\n    left: 5px;\n    content: '';\n    width: 4px;\n    ", ";\n    border-radius: ", ";\n    background-color: ", ";\n  }\n\n  ", ";\n"])), th.radius('lg'), th.shadow('cornerDialogShadow'), '(max-width: 576px)', function (_a) {
-    var withProgressBar = _a.withProgressBar;
-    return withProgressBar && 'bottom: 8px';
+    var autoClose = _a.autoClose;
+    return autoClose && 'bottom: 8px';
 }, th.radius('lg'), function (_a) {
     var fill = _a.fill;
     return th.color(fill);
 }, function (_a) {
-    var withProgressBar = _a.withProgressBar;
-    return withProgressBar && after;
+    var autoClose = _a.autoClose;
+    return autoClose && after(autoClose);
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/ui/index.es.js

@@ -17603,7 +17603,7 @@ const Eue = (e, t) => Object.entries(e).map(([r, n]) => `${n} ${r}`).join(", "),
     to {
        transform: scaleX(0)
     }
-`, rce = Ot`
+`, rce = (e) => Ot`
   &:after {
     position: absolute;
     bottom: 0;
@@ -17612,7 +17612,7 @@ const Eue = (e, t) => Object.entries(e).map(([r, n]) => `${n} ${r}`).join(", "),
     height: 4px;
     width: 100%;
     transform-origin: left center;
-    animation: ${tce} 5s linear;
+    animation: ${tce} ${e}ms linear;
     border-radius: ${te.radius("lg")};
     background-color: ${te.color("lightGray5")};
   }
@@ -17636,7 +17636,7 @@ const Eue = (e, t) => Object.entries(e).map(([r, n]) => `${n} ${r}`).join(", "),
     content: '';
     width: 4px;
     ${({
-  withProgressBar: e
+  autoClose: e
 }) => e && "bottom: 8px"};
     border-radius: ${te.radius("lg")};
     background-color: ${({
@@ -17645,8 +17645,8 @@ const Eue = (e, t) => Object.entries(e).map(([r, n]) => `${n} ${r}`).join(", "),
   }
 
   ${({
-  withProgressBar: e
-}) => e && rce};
+  autoClose: e
+}) => e && rce(e)};
 `, ice = {
   info: "info",
   success: "circleCheck",
@@ -17667,15 +17667,15 @@ const Eue = (e, t) => Object.entries(e).map(([r, n]) => `${n} ${r}`).join(", "),
   title: t,
   text: r,
   type: n,
-  withProgressBar: i = !1
+  autoClose: i
 }) => {
   const o = ice[n], l = ace[n];
   return bt(() => {
     if (!i)
       return;
-    const u = setTimeout(() => e == null ? void 0 : e(), 5e3);
+    const u = setTimeout(() => e == null ? void 0 : e(), i);
     return () => clearTimeout(u);
-  }, []), /* @__PURE__ */ b.jsxs(nce, { withProgressBar: i, fill: l, children: [
+  }, []), /* @__PURE__ */ b.jsxs(nce, { autoClose: i, fill: l, children: [
     /* @__PURE__ */ b.jsx(ft.div, { mx: "12px", children: /* @__PURE__ */ b.jsx(Or, { icon: o, fill: l, size: "20px" }) }),
     /* @__PURE__ */ b.jsxs(Kue, { children: [
       /* @__PURE__ */ b.jsxs("div", { children: [
@@ -46891,8 +46891,9 @@ const iCe = ie.div`
   onClick: n,
   displayInput: i,
   onClear: o,
-  isMobileInputView: l
-}) => /* @__PURE__ */ b.jsx(ft.div, { mr: "12px", children: i ? /* @__PURE__ */ b.jsx(kCe, { icon: "search", type: "text", value: e, placeholder: t, onChange: r, variant: "gray", onClear: o, alwaysShowClear: !0, isMobileInputView: l }) : /* @__PURE__ */ b.jsx(oi, { variant: "icon", appearance: "secondary", icon: "search", onClick: n }) }), PCe = () => {
+  isMobileInputView: l,
+  alwaysShowClear: u
+}) => /* @__PURE__ */ b.jsx(ft.div, { mr: "12px", children: i ? /* @__PURE__ */ b.jsx(kCe, { icon: "search", type: "text", value: e, placeholder: t, onChange: r, variant: "gray", onClear: o, alwaysShowClear: u, isMobileInputView: l }) : /* @__PURE__ */ b.jsx(oi, { variant: "icon", appearance: "secondary", icon: "search", onClick: n }) }), PCe = () => {
   const [e, t] = He(!1);
   return bt(() => {
     const r = () => {
@@ -50630,6 +50631,7 @@ const MCe = (...e) => null, DCe = ({
     displayInput: h,
     onClear: M,
     isMobileInputView: k,
+    isMobile: c,
     filter: u
   };
 }, RCe = ie.div`
@@ -50655,7 +50657,8 @@ const MCe = (...e) => null, DCe = ({
     onDisplayInput: m,
     displayInput: w,
     isMobileInputView: C,
-    filter: S
+    isMobile: S,
+    filter: x
   } = DCe({
     gridActions: r,
     gridSelectors: n,
@@ -50666,9 +50669,9 @@ const MCe = (...e) => null, DCe = ({
   bt(() => {
     u(!C);
   }, [C, u]);
-  const x = !!S && Object.values(S).some((I) => {
-    var k;
-    return ((k = I.value) == null ? void 0 : k.value) !== "" && I.value !== "";
+  const I = !!x && Object.values(x).some((k) => {
+    var T;
+    return ((T = k.value) == null ? void 0 : T.value) !== "" && k.value !== "";
   });
   return /* @__PURE__ */ b.jsxs(RCe, { children: [
     i && /* @__PURE__ */ b.jsx(TCe, { searchedValue: c, placeholderText: vt._({
@@ -50677,10 +50680,10 @@ const MCe = (...e) => null, DCe = ({
       values: {
         translatedValue: f
       }
-    }), onChange: p, onClear: h, onClick: m, displayInput: w, isMobileInputView: C }),
+    }), onChange: p, onClear: h, onClick: m, displayInput: w, isMobileInputView: C, alwaysShowClear: S }),
     t && /* @__PURE__ */ b.jsx(ft.div, { children: /* @__PURE__ */ b.jsx(cM, { extraControlButtons: t, targetPosition: Qv.TopRight }) }),
     /* @__PURE__ */ b.jsx(cM, { extraControlButtons: e, targetPosition: Qv.TopLeft }),
-    /* @__PURE__ */ b.jsx(ft.div, { children: x && /* @__PURE__ */ b.jsx(oi, { type: "button", onClick: v, variant: "default", appearance: "secondary", "data-cy": "resetFiltersBtn", children: /* @__PURE__ */ b.jsx(Pn, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }) }) })
+    /* @__PURE__ */ b.jsx(ft.div, { children: I && /* @__PURE__ */ b.jsx(oi, { type: "button", onClick: v, variant: "default", appearance: "secondary", "data-cy": "resetFiltersBtn", children: /* @__PURE__ */ b.jsx(Pn, { id: "dataGrid.buttonClearSettings", message: "Reset filters" }) }) })
   ] });
 }, _Ce = ie.div`
   position: relative;

package/ui/index.umd.js

@@ -1992,7 +1992,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     to {
        transform: scaleX(0)
     }
-`,Zce=wt`
+`,Zce=e=>wt`
   &:after {
     position: absolute;
     bottom: 0;
@@ -2001,7 +2001,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     height: 4px;
     width: 100%;
     transform-origin: left center;
-    animation: ${Yce} 5s linear;
+    animation: ${Yce} ${e}ms linear;
     border-radius: ${re.radius("lg")};
     background-color: ${re.color("lightGray5")};
   }
@@ -2024,13 +2024,13 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
     left: 5px;
     content: '';
     width: 4px;
-    ${({withProgressBar:e})=>e&&"bottom: 8px"};
+    ${({autoClose:e})=>e&&"bottom: 8px"};
     border-radius: ${re.radius("lg")};
     background-color: ${({fill:e})=>re.color(e)};
   }
 
-  ${({withProgressBar:e})=>e&&Zce};
-`,Jce={info:"info",success:"circleCheck",error:"circleX",warning:"circleTriangle"},Xce={info:"blue2",success:"darkGreen",error:"red1",warning:"yellow1"},qce={info:"Info",success:"Success",error:"Error",warning:"Warning"},Qce=({closeToast:e,title:t,text:r,type:n,withProgressBar:i=!1})=>{const o=Jce[n],l=Xce[n];return I.useEffect(()=>{if(!i)return;const u=setTimeout(()=>e==null?void 0:e(),5e3);return()=>clearTimeout(u)},[]),b.jsxs(Uce,{withProgressBar:i,fill:l,children:[b.jsx(ot.div,{mx:"12px",children:b.jsx(pr,{icon:o,fill:l,size:"20px"})}),b.jsxs(Gce,{children:[b.jsxs("div",{children:[b.jsx(Wce,{children:t||qce[n]}),r&&b.jsx(Hce,{children:r})]}),b.jsx(zce,{children:b.jsx("div",{onClick:e,children:b.jsx(pr,{icon:"close"})})})]})]})},Kce=ae(_l)`
+  ${({autoClose:e})=>e&&Zce(e)};
+`,Jce={info:"info",success:"circleCheck",error:"circleX",warning:"circleTriangle"},Xce={info:"blue2",success:"darkGreen",error:"red1",warning:"yellow1"},qce={info:"Info",success:"Success",error:"Error",warning:"Warning"},Qce=({closeToast:e,title:t,text:r,type:n,autoClose:i})=>{const o=Jce[n],l=Xce[n];return I.useEffect(()=>{if(!i)return;const u=setTimeout(()=>e==null?void 0:e(),i);return()=>clearTimeout(u)},[]),b.jsxs(Uce,{autoClose:i,fill:l,children:[b.jsx(ot.div,{mx:"12px",children:b.jsx(pr,{icon:o,fill:l,size:"20px"})}),b.jsxs(Gce,{children:[b.jsxs("div",{children:[b.jsx(Wce,{children:t||qce[n]}),r&&b.jsx(Hce,{children:r})]}),b.jsx(zce,{children:b.jsx("div",{onClick:e,children:b.jsx(pr,{icon:"close"})})})]})]})},Kce=ae(_l)`
   ${({$labelPosition:e})=>e==="left"?"display: flex; align-items: center; margin-top: 1rem":""}
 `,$ce=ae(Yf)`
   ${({labelPosition:e})=>e==="left"?"margin-bottom: 0; margin-right: 1rem;":""}
@@ -3658,7 +3658,7 @@ Avoid returning a new reference inside your input selector, e.g.
   position: ${({isMobileInputView:e})=>e?"absolute":"relative"};
   z-index: ${({isMobileInputView:e})=>e?"3":"1"};
   width: ${({isMobileInputView:e})=>e?"90vw":"auto"};
-`,Sxe=({searchedValue:e,placeholderText:t,onChange:r,onClick:n,displayInput:i,onClear:o,isMobileInputView:l})=>b.jsx(ot.div,{mr:"12px",children:i?b.jsx(Exe,{icon:"search",type:"text",value:e,placeholder:t,onChange:r,variant:"gray",onClear:o,alwaysShowClear:!0,isMobileInputView:l}):b.jsx(Pn,{variant:"icon",appearance:"secondary",icon:"search",onClick:n})}),Ixe=()=>{const[e,t]=I.useState(!1);return I.useEffect(()=>{const r=()=>{window.innerWidth<1024?t==null||t(!0):t(!1)};return window.addEventListener("resize",r),r(),()=>window.removeEventListener("resize",r)},[]),{isMobile:e}};var iv={exports:{}};/**
+`,Sxe=({searchedValue:e,placeholderText:t,onChange:r,onClick:n,displayInput:i,onClear:o,isMobileInputView:l,alwaysShowClear:u})=>b.jsx(ot.div,{mr:"12px",children:i?b.jsx(Exe,{icon:"search",type:"text",value:e,placeholder:t,onChange:r,variant:"gray",onClear:o,alwaysShowClear:u,isMobileInputView:l}):b.jsx(Pn,{variant:"icon",appearance:"secondary",icon:"search",onClick:n})}),Ixe=()=>{const[e,t]=I.useState(!1);return I.useEffect(()=>{const r=()=>{window.innerWidth<1024?t==null||t(!0):t(!1)};return window.addEventListener("resize",r),r(),()=>window.removeEventListener("resize",r)},[]),{isMobile:e}};var iv={exports:{}};/**
  * @license
  * Lodash <https://lodash.com/>
  * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
@@ -3684,11 +3684,11 @@ __p += '`),Le&&(ee+=`' +
 function print() { __p += __j.call(arguments, '') }
 `:`;
 `)+ee+`return __p
-}`;var Me=Rh(function(){return ke(A,ye+"return "+ee).apply(r,O)});if(Me.source=ee,Ih(Me))throw Me;return Me}function Lh(a){return Et(a).toLowerCase()}function d3(a){return Et(a).toUpperCase()}function hx(a,s,d){if(a=Et(a),a&&(d||s===r))return kv(a);if(!a||!(s=ri(s)))return a;var g=Ci(a),y=Ci(s),A=Ov(g,y),O=Tv(g,y)+1;return Lo(g,A,O).join("")}function px(a,s,d){if(a=Et(a),a&&(d||s===r))return a.slice(0,k0(a)+1);if(!a||!(s=ri(s)))return a;var g=Ci(a),y=Tv(g,Ci(s))+1;return Lo(g,0,y).join("")}function gx(a,s,d){if(a=Et(a),a&&(d||s===r))return a.replace(ko,"");if(!a||!(s=ri(s)))return a;var g=Ci(a),y=Ov(g,Ci(s));return Lo(g,y).join("")}function bs(a,s){var d=U,g=R;if(yr(s)){var y="separator"in s?s.separator:y;d="length"in s?je(s.length):d,g="omission"in s?ri(s.omission):g}a=Et(a);var A=a.length;if(Qs(a)){var O=Ci(a);A=O.length}if(d>=A)return a;var M=d-as(g);if(M<1)return g;var L=O?Lo(O,0,M).join(""):a.slice(0,M);if(y===r)return L+g;if(O&&(M+=L.length-M),uo(y)){if(a.slice(M).search(y)){var q,J=L;for(y.global||(y=O0(y.source,Et(yt.exec(y))+"g")),y.lastIndex=0;q=y.exec(J);)var ee=q.index;L=L.slice(0,ee===r?M:ee)}}else if(a.indexOf(ri(y),M)!=M){var pe=L.lastIndexOf(y);pe>-1&&(L=L.slice(0,pe))}return L+g}function nt(a){return a=Et(a),a&&ru.test(a)?a.replace(qn,ow):a}var vx=gs(function(a,s,d){return a+(d?" ":"")+s.toUpperCase()}),Da=th("toUpperCase");function f3(a,s,d){return a=Et(a),s=d?r:s,s===r?Kr(a)?uw(a):Ev(a):a.match(s)||[]}var Rh=rt(function(a,s){try{return jn(a,r,s)}catch(d){return Ih(d)?d:new Ie(d)}}),Bh=no(function(a,s){return Kn(s,function(d){d=ea(d),Ea(a,d,fn(a[d],a))}),a});function h3(a){var s=a==null?0:a.length,d=Xe();return a=s?tr(a,function(g){if(typeof g[1]!="function")throw new xi(l);return[d(g[0]),g[1]]}):[],rt(function(g){for(var y=-1;++y<s;){var A=a[y];if(jn(A[0],this,g))return jn(A[1],this,g)}})}function yl(a){return em(Gn(a,p))}function Fh(a){return function(){return a}}function mx(a,s){return a==null||a!==a?s:a}var bx=hm(),p3=hm(!0);function en(a){return a}function Vh(a){return Ed(typeof a=="function"?a:Gn(a,p))}function yx(a){return Y0(Gn(a,p))}function wx(a,s){return Id(a,Gn(s,p))}var Ax=rt(function(a,s){return function(d){return al(d,a,s)}}),Cx=rt(function(a,s){return function(d){return al(a,d,s)}});function jh(a,s,d){var g=Jr(s),y=wu(s,g);d==null&&!(yr(s)&&(y.length||!g.length))&&(d=s,s=a,a=this,y=wu(s,Jr(s)));var A=!(yr(d)&&"chain"in d)||!!d.chain,O=Pi(a);return Kn(y,function(M){var L=s[M];a[M]=L,O&&(a.prototype[M]=function(){var q=this.__chain__;if(A||q){var J=a(this.__wrapped__),ee=J.__actions__=xn(this.__actions__);return ee.push({func:L,args:arguments,thisArg:a}),J.__chain__=q,J}return L.apply(a,$n([this.value()],arguments))})}),a}function xx(){return Yr._===this&&(Yr._=Ka),this}function Wh(){}function g3(a){return a=je(a),rt(function(s){return Z0(s,a)})}var Ex=rh(tr),Sx=rh(rd),v3=rh(m0);function Hh(a){return uh(a)?w0(ea(a)):Lw(a)}function Ix(a){return function(s){return a==null?r:hs(a,s)}}var kx=gm(),Ox=gm(!0);function Gh(){return[]}function zh(){return!1}function Tx(){return{}}function Px(){return""}function Yh(){return!0}function m3(a,s){if(a=je(a),a<1||a>be)return[];var d=X,g=dr(a,X);s=Xe(s),a-=X;for(var y=E0(g,s);++d<a;)s(d);return y}function Mx(a){return tt(a)?tr(a,ea):ii(a)?[a]:xn(vh(Et(a)))}function Dx(a){var s=++fw;return Et(a)+s}var Nx=Bd(function(a,s){return a+s},0),_x=nh("ceil"),Lx=Bd(function(a,s){return a/s},1),Rx=nh("floor");function Bx(a){return a&&a.length?$i(a,en,un):r}function Fx(a,s){return a&&a.length?$i(a,Xe(s,2),un):r}function Vx(a){return Sv(a,en)}function jx(a,s){return Sv(a,Xe(s,2))}function Wx(a){return a&&a.length?$i(a,en,Sd):r}function Hx(a,s){return a&&a.length?$i(a,Xe(s,2),Sd):r}var Gx=Bd(function(a,s){return a*s},1),zx=nh("round"),Yx=Bd(function(a,s){return a-s},0);function Zx(a){return a&&a.length?x0(a,en):0}function Ux(a,s){return a&&a.length?x0(a,Xe(s,2)):0}return _.after=vC,_.ary=Jd,_.assign=Lu,_.assignIn=uf,_.assignInWith=fo,_.assignWith=Ru,_.at=Bu,_.before=Wm,_.bind=fn,_.bindAll=Bh,_.bindKey=Xd,_.castArray=SC,_.chain=Lm,_.chunk=sA,_.compact=lA,_.concat=uA,_.cond=h3,_.conforms=yl,_.constant=Fh,_.countBy=qA,_.create=cf,_.curry=Hm,_.curryRight=Gm,_.debounce=qd,_.defaults=gl,_.defaultsDeep=LC,_.defer=mC,_.delay=Ah,_.difference=cA,_.differenceBy=dA,_.differenceWith=fA,_.drop=hA,_.dropRight=pA,_.dropRightWhile=gA,_.dropWhile=vA,_.fill=mA,_.filter=KA,_.flatMap=Bm,_.flatMapDeep=eC,_.flatMapDepth=tC,_.flatten=In,_.flattenDeep=Sr,_.flattenDepth=bA,_.flip=bC,_.flow=bx,_.flowRight=p3,_.fromPairs=yA,_.functions=e3,_.functionsIn=vl,_.groupBy=rC,_.initial=AA,_.intersection=mh,_.intersectionBy=CA,_.intersectionWith=ao,_.invert=r3,_.invertBy=n3,_.invokeMap=iC,_.iteratee=Vh,_.keyBy=aC,_.keys=Jr,_.keysIn=On,_.map=Zd,_.mapKeys=WC,_.mapValues=Ph,_.matches=yx,_.matchesProperty=wx,_.memoize=_u,_.merge=Mh,_.mergeWith=Dh,_.method=Ax,_.methodOf=Cx,_.mixin=jh,_.negate=Qd,_.nthArg=g3,_.omit=pn,_.omitBy=HC,_.once=Ch,_.orderBy=oC,_.over=Ex,_.overArgs=xh,_.overEvery=Sx,_.overSome=v3,_.partial=Eh,_.partialRight=zm,_.partition=sC,_.pick=i3,_.pickBy=ml,_.property=Hh,_.propertyOf=Ix,_.pull=xA,_.pullAll=Pm,_.pullAllBy=EA,_.pullAllWith=SA,_.pullAt=IA,_.range=kx,_.rangeRight=Ox,_.rearg=yC,_.reject=cC,_.remove=kA,_.rest=wC,_.reverse=zd,_.sampleSize=fC,_.set=a3,_.setWith=GC,_.shuffle=hC,_.slice=Du,_.sortBy=jm,_.sortedUniq=Mm,_.sortedUniqBy=oo,_.split=c3,_.spread=AC,_.tail=ut,_.take=Dm,_.takeRight=Oi,_.takeRightWhile=Nm,_.takeWhile=DA,_.tap=HA,_.throttle=CC,_.thru=Nu,_.toArray=Km,_.toPairs=o3,_.toPairsIn=s3,_.toPath=Mx,_.toPlainObject=Th,_.transform=zC,_.unary=xC,_.union=Mt,_.unionBy=NA,_.unionWith=_A,_.uniq=LA,_.uniqBy=RA,_.uniqWith=BA,_.unset=YC,_.unzip=bh,_.unzipWith=_m,_.update=ZC,_.updateWith=UC,_.values=bl,_.valuesIn=JC,_.without=FA,_.words=f3,_.wrap=EC,_.xor=VA,_.xorBy=yh,_.xorWith=jA,_.zip=wh,_.zipObject=Ur,_.zipObjectDeep=zn,_.zipWith=WA,_.entries=o3,_.entriesIn=s3,_.extend=uf,_.extendWith=fo,jh(_,_),_.add=Nx,_.attempt=Rh,_.camelCase=KC,_.capitalize=l3,_.ceil=_x,_.clamp=XC,_.clone=IC,_.cloneDeep=OC,_.cloneDeepWith=TC,_.cloneWith=kC,_.conformsTo=PC,_.deburr=u3,_.defaultTo=mx,_.divide=Lx,_.endsWith=$C,_.eq=Ft,_.escape=ex,_.escapeRegExp=tx,_.every=QA,_.find=$A,_.findIndex=km,_.findKey=RC,_.findLast=Rm,_.findLastIndex=ki,_.findLastKey=BC,_.floor=Rx,_.forEach=Fm,_.forEachRight=Vm,_.forIn=FC,_.forInRight=VC,_.forOwn=df,_.forOwnRight=Fu,_.get=Ma,_.gt=Kd,_.gte=Sh,_.has=t3,_.hasIn=Vu,_.head=Om,_.identity=en,_.includes=nC,_.indexOf=wA,_.inRange=qC,_.invoke=jC,_.isArguments=Bo,_.isArray=tt,_.isArrayBuffer=or,_.isArrayLike=hn,_.isArrayLikeObject=Ir,_.isBoolean=Ti,_.isBuffer=ta,_.isDate=MC,_.isElement=pl,_.isEmpty=$d,_.isEqual=ef,_.isEqualWith=Vt,_.isError=Ih,_.isFinite=Ym,_.isFunction=Pi,_.isInteger=Zm,_.isLength=tf,_.isMap=so,_.isMatch=rf,_.isMatchWith=Um,_.isNaN=nf,_.isNative=Jm,_.isNil=af,_.isNull=Xm,_.isNumber=kh,_.isObject=yr,_.isObjectLike=sr,_.isPlainObject=lo,_.isRegExp=uo,_.isSafeInteger=of,_.isSet=qm,_.isString=sf,_.isSymbol=ii,_.isTypedArray=co,_.isUndefined=lf,_.isWeakMap=Oh,_.isWeakSet=DC,_.join=Tm,_.kebabCase=rx,_.last=kn,_.lastIndexOf=br,_.lowerCase=nx,_.lowerFirst=ix,_.lt=Qm,_.lte=NC,_.max=Bx,_.maxBy=Fx,_.mean=Vx,_.meanBy=jx,_.min=Wx,_.minBy=Hx,_.stubArray=Gh,_.stubFalse=zh,_.stubObject=Tx,_.stubString=Px,_.stubTrue=Yh,_.multiply=Gx,_.nth=xr,_.noConflict=xx,_.noop=Wh,_.now=Ud,_.pad=ax,_.padEnd=ox,_.padStart=sx,_.parseInt=lx,_.random=QC,_.reduce=lC,_.reduceRight=uC,_.repeat=ux,_.replace=ff,_.result=Nh,_.round=zx,_.runInContext=N,_.sample=dC,_.size=pC,_.snakeCase=_h,_.some=gC,_.sortedIndex=OA,_.sortedIndexBy=Yd,_.sortedIndexOf=ni,_.sortedLastIndex=TA,_.sortedLastIndexBy=PA,_.sortedLastIndexOf=MA,_.startCase=cx,_.startsWith=dx,_.subtract=Yx,_.sum=Zx,_.sumBy=Ux,_.template=fx,_.times=m3,_.toFinite=Ut,_.toInteger=je,_.toLength=$m,_.toLower=Lh,_.toNumber=Mi,_.toSafeInteger=_C,_.toString=Et,_.toUpper=d3,_.trim=hx,_.trimEnd=px,_.trimStart=gx,_.truncate=bs,_.unescape=nt,_.uniqueId=Dx,_.upperCase=vx,_.upperFirst=Da,_.each=Fm,_.eachRight=Vm,_.first=Om,jh(_,function(){var a={};return Sa(_,function(s,d){Bt.call(_.prototype,d)||(a[d]=s)}),a}(),{chain:!1}),_.VERSION=n,Kn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(a){_[a].placeholder=_}),Kn(["drop","take"],function(a,s){ct.prototype[a]=function(d){d=d===r?1:Fr(je(d),0);var g=this.__filtered__&&!s?new ct(this):this.clone();return g.__filtered__?g.__takeCount__=dr(d,g.__takeCount__):g.__views__.push({size:dr(d,X),type:a+(g.__dir__<0?"Right":"")}),g},ct.prototype[a+"Right"]=function(d){return this.reverse()[a](d).reverse()}}),Kn(["filter","map","takeWhile"],function(a,s){var d=s+1,g=d==$||d==ne;ct.prototype[a]=function(y){var A=this.clone();return A.__iteratees__.push({iteratee:Xe(y,3),type:d}),A.__filtered__=A.__filtered__||g,A}}),Kn(["head","last"],function(a,s){var d="take"+(s?"Right":"");ct.prototype[a]=function(){return this[d](1).value()[0]}}),Kn(["initial","tail"],function(a,s){var d="drop"+(s?"":"Right");ct.prototype[a]=function(){return this.__filtered__?new ct(this):this[d](1)}}),ct.prototype.compact=function(){return this.filter(en)},ct.prototype.find=function(a){return this.filter(a).head()},ct.prototype.findLast=function(a){return this.reverse().find(a)},ct.prototype.invokeMap=rt(function(a,s){return typeof a=="function"?new ct(this):this.map(function(d){return al(d,a,s)})}),ct.prototype.reject=function(a){return this.filter(Qd(Xe(a)))},ct.prototype.slice=function(a,s){a=je(a);var d=this;return d.__filtered__&&(a>0||s<0)?new ct(d):(a<0?d=d.takeRight(-a):a&&(d=d.drop(a)),s!==r&&(s=je(s),d=s<0?d.dropRight(-s):d.take(s-a)),d)},ct.prototype.takeRightWhile=function(a){return this.reverse().takeWhile(a).reverse()},ct.prototype.toArray=function(){return this.take(X)},Sa(ct.prototype,function(a,s){var d=/^(?:filter|find|map|reject)|While$/.test(s),g=/^(?:head|last)$/.test(s),y=_[g?"take"+(s=="last"?"Right":""):s],A=g||/^find/.test(s);y&&(_.prototype[s]=function(){var O=this.__wrapped__,M=g?[1]:arguments,L=O instanceof ct,q=M[0],J=L||tt(O),ee=function(Ne){var Le=y.apply(_,$n([Ne],M));return g&&pe?Le[0]:Le};J&&d&&typeof q=="function"&&q.length!=1&&(L=J=!1);var pe=this.__chain__,ye=!!this.__actions__.length,xe=A&&!pe,Me=L&&!ye;if(!A&&J){O=Me?O:new ct(this);var Se=a.apply(O,M);return Se.__actions__.push({func:Nu,args:[ee],thisArg:r}),new Si(Se,pe)}return xe&&Me?a.apply(this,M):(Se=this.thru(ee),xe?g?Se.value()[0]:Se.value():Se)})}),Kn(["pop","push","shift","sort","splice","unshift"],function(a){var s=ad[a],d=/^(?:push|sort|unshift)$/.test(a)?"tap":"thru",g=/^(?:pop|shift)$/.test(a);_.prototype[a]=function(){var y=arguments;if(g&&!this.__chain__){var A=this.value();return s.apply(tt(A)?A:[],y)}return this[d](function(O){return s.apply(tt(O)?O:[],y)})}}),Sa(ct.prototype,function(a,s){var d=_[s];if(d){var g=d.name+"";Bt.call(Cr,g)||(Cr[g]=[]),Cr[g].push({name:s,func:d})}}),Cr[Iu(r,x).name]=[{name:"wrapper",func:r}],ct.prototype.clone=zv,ct.prototype.reverse=bw,ct.prototype.value=yw,_.prototype.at=GA,_.prototype.chain=zA,_.prototype.commit=YA,_.prototype.next=ZA,_.prototype.plant=JA,_.prototype.reverse=XA,_.prototype.toJSON=_.prototype.valueOf=_.prototype.value=hl,_.prototype.first=_.prototype.head,fu&&(_.prototype[fu]=UA),_},qi=cw();is?((is.exports=qi)._=qi,f0._=qi):Yr._=qi}).call(gn)}(iv,iv.exports);var Lj=iv.exports;const kxe=(...e)=>null,Oxe=({gridActions:e,gridSelectors:t,quickFilter:r,displayColumnsDefinitions:n,filters:i})=>{var G,U,R,j,V,$;const{resetFilters:o,addFilter:l=kxe}=e,{filter:u}=t,{isMobile:c}=Ixe(),[f,h]=I.useState(""),[p,v]=I.useState(!1),m=X8(l),w=r?(G=u==null?void 0:u[r])==null?void 0:G.value:void 0,C=(n==null?void 0:n.find(Y=>Y.name===r))||null,S=Z8(C||{}),x=((U=i==null?void 0:i[S].defaultExtraProps)==null?void 0:U.defaultComparator)||"eq",k=w&&w.comparator||x,T=c&&p;I.useEffect(()=>{h(w?w.value:"")},[w,r,h]),I.useEffect(()=>{v(!c)},[c]);const P=I.useCallback(Y=>{h(Y.target.value);const ne={comparator:k,value:Y.target.value};C&&m(ne,C)},[h,k,m,C]),D=I.useCallback(()=>{h(""),P({target:{value:""}}),v(!c)},[h,c,P,v]),B=I.useCallback(()=>{v(!0)},[]),F=I.useCallback(()=>{o==null||o(),h==null||h("")},[o,h]),W=C&&Lj.isObject(C==null?void 0:C.title)&&"props"in(C==null?void 0:C.title)&&((R=C.title)==null?void 0:R.props)&&ht._({id:(V=(j=C.title)==null?void 0:j.props)==null?void 0:V.id,message:($=C.title)==null?void 0:$.props.message});return{searchedValue:f,translatedValue:W,onChangeInputValue:P,onResetFilters:F,onDisplayInput:B,displayInput:p,onClear:D,isMobileInputView:T,filter:u}},Txe=ae.div`
+}`;var Me=Rh(function(){return ke(A,ye+"return "+ee).apply(r,O)});if(Me.source=ee,Ih(Me))throw Me;return Me}function Lh(a){return Et(a).toLowerCase()}function d3(a){return Et(a).toUpperCase()}function hx(a,s,d){if(a=Et(a),a&&(d||s===r))return kv(a);if(!a||!(s=ri(s)))return a;var g=Ci(a),y=Ci(s),A=Ov(g,y),O=Tv(g,y)+1;return Lo(g,A,O).join("")}function px(a,s,d){if(a=Et(a),a&&(d||s===r))return a.slice(0,k0(a)+1);if(!a||!(s=ri(s)))return a;var g=Ci(a),y=Tv(g,Ci(s))+1;return Lo(g,0,y).join("")}function gx(a,s,d){if(a=Et(a),a&&(d||s===r))return a.replace(ko,"");if(!a||!(s=ri(s)))return a;var g=Ci(a),y=Ov(g,Ci(s));return Lo(g,y).join("")}function bs(a,s){var d=U,g=R;if(yr(s)){var y="separator"in s?s.separator:y;d="length"in s?je(s.length):d,g="omission"in s?ri(s.omission):g}a=Et(a);var A=a.length;if(Qs(a)){var O=Ci(a);A=O.length}if(d>=A)return a;var M=d-as(g);if(M<1)return g;var L=O?Lo(O,0,M).join(""):a.slice(0,M);if(y===r)return L+g;if(O&&(M+=L.length-M),uo(y)){if(a.slice(M).search(y)){var q,J=L;for(y.global||(y=O0(y.source,Et(yt.exec(y))+"g")),y.lastIndex=0;q=y.exec(J);)var ee=q.index;L=L.slice(0,ee===r?M:ee)}}else if(a.indexOf(ri(y),M)!=M){var pe=L.lastIndexOf(y);pe>-1&&(L=L.slice(0,pe))}return L+g}function nt(a){return a=Et(a),a&&ru.test(a)?a.replace(qn,ow):a}var vx=gs(function(a,s,d){return a+(d?" ":"")+s.toUpperCase()}),Da=th("toUpperCase");function f3(a,s,d){return a=Et(a),s=d?r:s,s===r?Kr(a)?uw(a):Ev(a):a.match(s)||[]}var Rh=rt(function(a,s){try{return jn(a,r,s)}catch(d){return Ih(d)?d:new Ie(d)}}),Bh=no(function(a,s){return Kn(s,function(d){d=ea(d),Ea(a,d,fn(a[d],a))}),a});function h3(a){var s=a==null?0:a.length,d=Xe();return a=s?tr(a,function(g){if(typeof g[1]!="function")throw new xi(l);return[d(g[0]),g[1]]}):[],rt(function(g){for(var y=-1;++y<s;){var A=a[y];if(jn(A[0],this,g))return jn(A[1],this,g)}})}function yl(a){return em(Gn(a,p))}function Fh(a){return function(){return a}}function mx(a,s){return a==null||a!==a?s:a}var bx=hm(),p3=hm(!0);function en(a){return a}function Vh(a){return Ed(typeof a=="function"?a:Gn(a,p))}function yx(a){return Y0(Gn(a,p))}function wx(a,s){return Id(a,Gn(s,p))}var Ax=rt(function(a,s){return function(d){return al(d,a,s)}}),Cx=rt(function(a,s){return function(d){return al(a,d,s)}});function jh(a,s,d){var g=Jr(s),y=wu(s,g);d==null&&!(yr(s)&&(y.length||!g.length))&&(d=s,s=a,a=this,y=wu(s,Jr(s)));var A=!(yr(d)&&"chain"in d)||!!d.chain,O=Pi(a);return Kn(y,function(M){var L=s[M];a[M]=L,O&&(a.prototype[M]=function(){var q=this.__chain__;if(A||q){var J=a(this.__wrapped__),ee=J.__actions__=xn(this.__actions__);return ee.push({func:L,args:arguments,thisArg:a}),J.__chain__=q,J}return L.apply(a,$n([this.value()],arguments))})}),a}function xx(){return Yr._===this&&(Yr._=Ka),this}function Wh(){}function g3(a){return a=je(a),rt(function(s){return Z0(s,a)})}var Ex=rh(tr),Sx=rh(rd),v3=rh(m0);function Hh(a){return uh(a)?w0(ea(a)):Lw(a)}function Ix(a){return function(s){return a==null?r:hs(a,s)}}var kx=gm(),Ox=gm(!0);function Gh(){return[]}function zh(){return!1}function Tx(){return{}}function Px(){return""}function Yh(){return!0}function m3(a,s){if(a=je(a),a<1||a>be)return[];var d=X,g=dr(a,X);s=Xe(s),a-=X;for(var y=E0(g,s);++d<a;)s(d);return y}function Mx(a){return tt(a)?tr(a,ea):ii(a)?[a]:xn(vh(Et(a)))}function Dx(a){var s=++fw;return Et(a)+s}var Nx=Bd(function(a,s){return a+s},0),_x=nh("ceil"),Lx=Bd(function(a,s){return a/s},1),Rx=nh("floor");function Bx(a){return a&&a.length?$i(a,en,un):r}function Fx(a,s){return a&&a.length?$i(a,Xe(s,2),un):r}function Vx(a){return Sv(a,en)}function jx(a,s){return Sv(a,Xe(s,2))}function Wx(a){return a&&a.length?$i(a,en,Sd):r}function Hx(a,s){return a&&a.length?$i(a,Xe(s,2),Sd):r}var Gx=Bd(function(a,s){return a*s},1),zx=nh("round"),Yx=Bd(function(a,s){return a-s},0);function Zx(a){return a&&a.length?x0(a,en):0}function Ux(a,s){return a&&a.length?x0(a,Xe(s,2)):0}return _.after=vC,_.ary=Jd,_.assign=Lu,_.assignIn=uf,_.assignInWith=fo,_.assignWith=Ru,_.at=Bu,_.before=Wm,_.bind=fn,_.bindAll=Bh,_.bindKey=Xd,_.castArray=SC,_.chain=Lm,_.chunk=sA,_.compact=lA,_.concat=uA,_.cond=h3,_.conforms=yl,_.constant=Fh,_.countBy=qA,_.create=cf,_.curry=Hm,_.curryRight=Gm,_.debounce=qd,_.defaults=gl,_.defaultsDeep=LC,_.defer=mC,_.delay=Ah,_.difference=cA,_.differenceBy=dA,_.differenceWith=fA,_.drop=hA,_.dropRight=pA,_.dropRightWhile=gA,_.dropWhile=vA,_.fill=mA,_.filter=KA,_.flatMap=Bm,_.flatMapDeep=eC,_.flatMapDepth=tC,_.flatten=In,_.flattenDeep=Sr,_.flattenDepth=bA,_.flip=bC,_.flow=bx,_.flowRight=p3,_.fromPairs=yA,_.functions=e3,_.functionsIn=vl,_.groupBy=rC,_.initial=AA,_.intersection=mh,_.intersectionBy=CA,_.intersectionWith=ao,_.invert=r3,_.invertBy=n3,_.invokeMap=iC,_.iteratee=Vh,_.keyBy=aC,_.keys=Jr,_.keysIn=On,_.map=Zd,_.mapKeys=WC,_.mapValues=Ph,_.matches=yx,_.matchesProperty=wx,_.memoize=_u,_.merge=Mh,_.mergeWith=Dh,_.method=Ax,_.methodOf=Cx,_.mixin=jh,_.negate=Qd,_.nthArg=g3,_.omit=pn,_.omitBy=HC,_.once=Ch,_.orderBy=oC,_.over=Ex,_.overArgs=xh,_.overEvery=Sx,_.overSome=v3,_.partial=Eh,_.partialRight=zm,_.partition=sC,_.pick=i3,_.pickBy=ml,_.property=Hh,_.propertyOf=Ix,_.pull=xA,_.pullAll=Pm,_.pullAllBy=EA,_.pullAllWith=SA,_.pullAt=IA,_.range=kx,_.rangeRight=Ox,_.rearg=yC,_.reject=cC,_.remove=kA,_.rest=wC,_.reverse=zd,_.sampleSize=fC,_.set=a3,_.setWith=GC,_.shuffle=hC,_.slice=Du,_.sortBy=jm,_.sortedUniq=Mm,_.sortedUniqBy=oo,_.split=c3,_.spread=AC,_.tail=ut,_.take=Dm,_.takeRight=Oi,_.takeRightWhile=Nm,_.takeWhile=DA,_.tap=HA,_.throttle=CC,_.thru=Nu,_.toArray=Km,_.toPairs=o3,_.toPairsIn=s3,_.toPath=Mx,_.toPlainObject=Th,_.transform=zC,_.unary=xC,_.union=Mt,_.unionBy=NA,_.unionWith=_A,_.uniq=LA,_.uniqBy=RA,_.uniqWith=BA,_.unset=YC,_.unzip=bh,_.unzipWith=_m,_.update=ZC,_.updateWith=UC,_.values=bl,_.valuesIn=JC,_.without=FA,_.words=f3,_.wrap=EC,_.xor=VA,_.xorBy=yh,_.xorWith=jA,_.zip=wh,_.zipObject=Ur,_.zipObjectDeep=zn,_.zipWith=WA,_.entries=o3,_.entriesIn=s3,_.extend=uf,_.extendWith=fo,jh(_,_),_.add=Nx,_.attempt=Rh,_.camelCase=KC,_.capitalize=l3,_.ceil=_x,_.clamp=XC,_.clone=IC,_.cloneDeep=OC,_.cloneDeepWith=TC,_.cloneWith=kC,_.conformsTo=PC,_.deburr=u3,_.defaultTo=mx,_.divide=Lx,_.endsWith=$C,_.eq=Ft,_.escape=ex,_.escapeRegExp=tx,_.every=QA,_.find=$A,_.findIndex=km,_.findKey=RC,_.findLast=Rm,_.findLastIndex=ki,_.findLastKey=BC,_.floor=Rx,_.forEach=Fm,_.forEachRight=Vm,_.forIn=FC,_.forInRight=VC,_.forOwn=df,_.forOwnRight=Fu,_.get=Ma,_.gt=Kd,_.gte=Sh,_.has=t3,_.hasIn=Vu,_.head=Om,_.identity=en,_.includes=nC,_.indexOf=wA,_.inRange=qC,_.invoke=jC,_.isArguments=Bo,_.isArray=tt,_.isArrayBuffer=or,_.isArrayLike=hn,_.isArrayLikeObject=Ir,_.isBoolean=Ti,_.isBuffer=ta,_.isDate=MC,_.isElement=pl,_.isEmpty=$d,_.isEqual=ef,_.isEqualWith=Vt,_.isError=Ih,_.isFinite=Ym,_.isFunction=Pi,_.isInteger=Zm,_.isLength=tf,_.isMap=so,_.isMatch=rf,_.isMatchWith=Um,_.isNaN=nf,_.isNative=Jm,_.isNil=af,_.isNull=Xm,_.isNumber=kh,_.isObject=yr,_.isObjectLike=sr,_.isPlainObject=lo,_.isRegExp=uo,_.isSafeInteger=of,_.isSet=qm,_.isString=sf,_.isSymbol=ii,_.isTypedArray=co,_.isUndefined=lf,_.isWeakMap=Oh,_.isWeakSet=DC,_.join=Tm,_.kebabCase=rx,_.last=kn,_.lastIndexOf=br,_.lowerCase=nx,_.lowerFirst=ix,_.lt=Qm,_.lte=NC,_.max=Bx,_.maxBy=Fx,_.mean=Vx,_.meanBy=jx,_.min=Wx,_.minBy=Hx,_.stubArray=Gh,_.stubFalse=zh,_.stubObject=Tx,_.stubString=Px,_.stubTrue=Yh,_.multiply=Gx,_.nth=xr,_.noConflict=xx,_.noop=Wh,_.now=Ud,_.pad=ax,_.padEnd=ox,_.padStart=sx,_.parseInt=lx,_.random=QC,_.reduce=lC,_.reduceRight=uC,_.repeat=ux,_.replace=ff,_.result=Nh,_.round=zx,_.runInContext=N,_.sample=dC,_.size=pC,_.snakeCase=_h,_.some=gC,_.sortedIndex=OA,_.sortedIndexBy=Yd,_.sortedIndexOf=ni,_.sortedLastIndex=TA,_.sortedLastIndexBy=PA,_.sortedLastIndexOf=MA,_.startCase=cx,_.startsWith=dx,_.subtract=Yx,_.sum=Zx,_.sumBy=Ux,_.template=fx,_.times=m3,_.toFinite=Ut,_.toInteger=je,_.toLength=$m,_.toLower=Lh,_.toNumber=Mi,_.toSafeInteger=_C,_.toString=Et,_.toUpper=d3,_.trim=hx,_.trimEnd=px,_.trimStart=gx,_.truncate=bs,_.unescape=nt,_.uniqueId=Dx,_.upperCase=vx,_.upperFirst=Da,_.each=Fm,_.eachRight=Vm,_.first=Om,jh(_,function(){var a={};return Sa(_,function(s,d){Bt.call(_.prototype,d)||(a[d]=s)}),a}(),{chain:!1}),_.VERSION=n,Kn(["bind","bindKey","curry","curryRight","partial","partialRight"],function(a){_[a].placeholder=_}),Kn(["drop","take"],function(a,s){ct.prototype[a]=function(d){d=d===r?1:Fr(je(d),0);var g=this.__filtered__&&!s?new ct(this):this.clone();return g.__filtered__?g.__takeCount__=dr(d,g.__takeCount__):g.__views__.push({size:dr(d,X),type:a+(g.__dir__<0?"Right":"")}),g},ct.prototype[a+"Right"]=function(d){return this.reverse()[a](d).reverse()}}),Kn(["filter","map","takeWhile"],function(a,s){var d=s+1,g=d==$||d==ne;ct.prototype[a]=function(y){var A=this.clone();return A.__iteratees__.push({iteratee:Xe(y,3),type:d}),A.__filtered__=A.__filtered__||g,A}}),Kn(["head","last"],function(a,s){var d="take"+(s?"Right":"");ct.prototype[a]=function(){return this[d](1).value()[0]}}),Kn(["initial","tail"],function(a,s){var d="drop"+(s?"":"Right");ct.prototype[a]=function(){return this.__filtered__?new ct(this):this[d](1)}}),ct.prototype.compact=function(){return this.filter(en)},ct.prototype.find=function(a){return this.filter(a).head()},ct.prototype.findLast=function(a){return this.reverse().find(a)},ct.prototype.invokeMap=rt(function(a,s){return typeof a=="function"?new ct(this):this.map(function(d){return al(d,a,s)})}),ct.prototype.reject=function(a){return this.filter(Qd(Xe(a)))},ct.prototype.slice=function(a,s){a=je(a);var d=this;return d.__filtered__&&(a>0||s<0)?new ct(d):(a<0?d=d.takeRight(-a):a&&(d=d.drop(a)),s!==r&&(s=je(s),d=s<0?d.dropRight(-s):d.take(s-a)),d)},ct.prototype.takeRightWhile=function(a){return this.reverse().takeWhile(a).reverse()},ct.prototype.toArray=function(){return this.take(X)},Sa(ct.prototype,function(a,s){var d=/^(?:filter|find|map|reject)|While$/.test(s),g=/^(?:head|last)$/.test(s),y=_[g?"take"+(s=="last"?"Right":""):s],A=g||/^find/.test(s);y&&(_.prototype[s]=function(){var O=this.__wrapped__,M=g?[1]:arguments,L=O instanceof ct,q=M[0],J=L||tt(O),ee=function(Ne){var Le=y.apply(_,$n([Ne],M));return g&&pe?Le[0]:Le};J&&d&&typeof q=="function"&&q.length!=1&&(L=J=!1);var pe=this.__chain__,ye=!!this.__actions__.length,xe=A&&!pe,Me=L&&!ye;if(!A&&J){O=Me?O:new ct(this);var Se=a.apply(O,M);return Se.__actions__.push({func:Nu,args:[ee],thisArg:r}),new Si(Se,pe)}return xe&&Me?a.apply(this,M):(Se=this.thru(ee),xe?g?Se.value()[0]:Se.value():Se)})}),Kn(["pop","push","shift","sort","splice","unshift"],function(a){var s=ad[a],d=/^(?:push|sort|unshift)$/.test(a)?"tap":"thru",g=/^(?:pop|shift)$/.test(a);_.prototype[a]=function(){var y=arguments;if(g&&!this.__chain__){var A=this.value();return s.apply(tt(A)?A:[],y)}return this[d](function(O){return s.apply(tt(O)?O:[],y)})}}),Sa(ct.prototype,function(a,s){var d=_[s];if(d){var g=d.name+"";Bt.call(Cr,g)||(Cr[g]=[]),Cr[g].push({name:s,func:d})}}),Cr[Iu(r,x).name]=[{name:"wrapper",func:r}],ct.prototype.clone=zv,ct.prototype.reverse=bw,ct.prototype.value=yw,_.prototype.at=GA,_.prototype.chain=zA,_.prototype.commit=YA,_.prototype.next=ZA,_.prototype.plant=JA,_.prototype.reverse=XA,_.prototype.toJSON=_.prototype.valueOf=_.prototype.value=hl,_.prototype.first=_.prototype.head,fu&&(_.prototype[fu]=UA),_},qi=cw();is?((is.exports=qi)._=qi,f0._=qi):Yr._=qi}).call(gn)}(iv,iv.exports);var Lj=iv.exports;const kxe=(...e)=>null,Oxe=({gridActions:e,gridSelectors:t,quickFilter:r,displayColumnsDefinitions:n,filters:i})=>{var G,U,R,j,V,$;const{resetFilters:o,addFilter:l=kxe}=e,{filter:u}=t,{isMobile:c}=Ixe(),[f,h]=I.useState(""),[p,v]=I.useState(!1),m=X8(l),w=r?(G=u==null?void 0:u[r])==null?void 0:G.value:void 0,C=(n==null?void 0:n.find(Y=>Y.name===r))||null,S=Z8(C||{}),x=((U=i==null?void 0:i[S].defaultExtraProps)==null?void 0:U.defaultComparator)||"eq",k=w&&w.comparator||x,T=c&&p;I.useEffect(()=>{h(w?w.value:"")},[w,r,h]),I.useEffect(()=>{v(!c)},[c]);const P=I.useCallback(Y=>{h(Y.target.value);const ne={comparator:k,value:Y.target.value};C&&m(ne,C)},[h,k,m,C]),D=I.useCallback(()=>{h(""),P({target:{value:""}}),v(!c)},[h,c,P,v]),B=I.useCallback(()=>{v(!0)},[]),F=I.useCallback(()=>{o==null||o(),h==null||h("")},[o,h]),W=C&&Lj.isObject(C==null?void 0:C.title)&&"props"in(C==null?void 0:C.title)&&((R=C.title)==null?void 0:R.props)&&ht._({id:(V=(j=C.title)==null?void 0:j.props)==null?void 0:V.id,message:($=C.title)==null?void 0:$.props.message});return{searchedValue:f,translatedValue:W,onChangeInputValue:P,onResetFilters:F,onDisplayInput:B,displayInput:p,onClear:D,isMobileInputView:T,isMobile:c,filter:u}},Txe=ae.div`
   display: flex;
   position: sticky;
   left: 20px;
-`,Pxe=({extraControlButtons:e,eshopSelect:t,gridActions:r,gridSelectors:n,quickFilter:i="",displayColumnsDefinitions:o,filters:l,setDisplayManageColumnButton:u})=>{const{searchedValue:c,translatedValue:f,onChangeInputValue:h,onClear:p,onResetFilters:v,onDisplayInput:m,displayInput:w,isMobileInputView:C,filter:S}=Oxe({gridActions:r,gridSelectors:n,quickFilter:i,displayColumnsDefinitions:o,filters:l});I.useEffect(()=>{u(!C)},[C,u]);const x=!!S&&Object.values(S).some(k=>{var T;return((T=k.value)==null?void 0:T.value)!==""&&k.value!==""});return b.jsxs(Txe,{children:[i&&b.jsx(Sxe,{searchedValue:c,placeholderText:ht._({id:"controlButtons.searchPlaceholder",message:`Search ${f} ...`,values:{translatedValue:f}}),onChange:h,onClear:p,onClick:m,displayInput:w,isMobileInputView:C}),t&&b.jsx(ot.div,{children:b.jsx(_j,{extraControlButtons:t,targetPosition:kg.TopRight})}),b.jsx(_j,{extraControlButtons:e,targetPosition:kg.TopLeft}),b.jsx(ot.div,{children:x&&b.jsx(Pn,{type:"button",onClick:v,variant:"default",appearance:"secondary","data-cy":"resetFiltersBtn",children:b.jsx(vn,{id:"dataGrid.buttonClearSettings",message:"Reset filters"})})})]})},Mxe=ae.div`
+`,Pxe=({extraControlButtons:e,eshopSelect:t,gridActions:r,gridSelectors:n,quickFilter:i="",displayColumnsDefinitions:o,filters:l,setDisplayManageColumnButton:u})=>{const{searchedValue:c,translatedValue:f,onChangeInputValue:h,onClear:p,onResetFilters:v,onDisplayInput:m,displayInput:w,isMobileInputView:C,isMobile:S,filter:x}=Oxe({gridActions:r,gridSelectors:n,quickFilter:i,displayColumnsDefinitions:o,filters:l});I.useEffect(()=>{u(!C)},[C,u]);const k=!!x&&Object.values(x).some(T=>{var P;return((P=T.value)==null?void 0:P.value)!==""&&T.value!==""});return b.jsxs(Txe,{children:[i&&b.jsx(Sxe,{searchedValue:c,placeholderText:ht._({id:"controlButtons.searchPlaceholder",message:`Search ${f} ...`,values:{translatedValue:f}}),onChange:h,onClear:p,onClick:m,displayInput:w,isMobileInputView:C,alwaysShowClear:S}),t&&b.jsx(ot.div,{children:b.jsx(_j,{extraControlButtons:t,targetPosition:kg.TopRight})}),b.jsx(_j,{extraControlButtons:e,targetPosition:kg.TopLeft}),b.jsx(ot.div,{children:k&&b.jsx(Pn,{type:"button",onClick:v,variant:"default",appearance:"secondary","data-cy":"resetFiltersBtn",children:b.jsx(vn,{id:"dataGrid.buttonClearSettings",message:"Reset filters"})})})]})},Mxe=ae.div`
   position: relative;
   width: fit-content;
 `,Dxe=ae(f9)`