@mailstep/design-system 0.7.11-beta.4 → 0.7.11-beta.6

package/package.json

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

package/ui/Blocks/CommonGrid/components/GridModals/index.js

@@ -15,14 +15,14 @@ export var GridModals = function (_a) {
         gridActions: gridActions,
         setSelectedPresetName: setSelectedPresetName,
         onClosePresetsModal: onClosePresetsModal,
-        filters: gridSelectors.filter
+        gridSelectors: gridSelectors
     }).handleSelectPreset;
     var _b = useCreatePreset({ gridName: gridName, gridActions: gridActions, onClosePresetsModal: onClosePresetsModal, setSelectedPresetName: setSelectedPresetName, filters: gridSelectors.filter }), isCreatePresetModalOpen = _b.isCreatePresetModalOpen, handleCloseCreatePresetModal = _b.handleCloseCreatePresetModal, onOpenCreatePresetModal = _b.onOpenCreatePresetModal, handleCreatePreset = _b.handleCreatePreset, presetName = _b.presetName, handleChangePresetName = _b.handleChangePresetName;
     var _c = useDeletePreset({ gridName: gridName, selectedPresetName: selectedPresetName, gridActions: gridActions, setSelectedPresetName: setSelectedPresetName }), handleOpenDeletePresetModal = _c.handleOpenDeletePresetModal, handleDeletePreset = _c.handleDeletePreset, onCloseDeletePresetModal = _c.onCloseDeletePresetModal, presetNameToDelete = _c.presetNameToDelete, isDeletePresetModalOpen = _c.isDeletePresetModalOpen;
     var _d = usePresetFileHandlers({
         gridName: gridName,
         gridActions: gridActions,
-        gridSelectors: gridSelectors,
+        gridSelectors: gridSelectors
     }), fileInputRef = _d.fileInputRef, handleImportPresets = _d.handleImportPresets, handleExportPresets = _d.handleExportPresets, handleImportButtonClick = _d.handleImportButtonClick;
     return (_jsxs(_Fragment, { children: [_jsx(Modal, { title: _jsx(Trans, { id: "manageColumn.title", message: "Manage columns" }), onClose: onCloseForm, onCancel: onCloseForm, onExtraAction: resetColumnConfig, onConfirm: onConfirmForm, isShown: manageColumnFormVisible, width: "auto", minWidth: "350px", hasFooter: true, extraActionLabel: _jsx(Trans, { id: "dataGrid.buttonClearConfig", message: "Reset config" }), cancelLabel: _jsx(Trans, { id: "form.buttonCancel", message: "Cancel" }), confirmLabel: _jsx(Trans, { id: "form.buttonConfirm", message: "Confirm" }), children: _jsx(ManageColumnForm, { columns: manageColumnsFormDefinitions, columnsConfigValues: columnsConfigValues, setColumnsConfigOptions: setColumnsConfigOptions, handleDragEnd: handleDragEnd }) }), _jsx(Modal, { isShown: isPresetsModalOpen, title: _jsx(Trans, { id: "dataGrid.presets.title", message: "Presets" }), onClose: onClosePresetsModal, width: "narrow", children: _jsx(PresetsModalBody, { onOpenCreatePresetModal: onOpenCreatePresetModal, gridPresets: gridSelectors.presets, handleSelectPreset: handleSelectPreset, handleOpenDeletePresetModal: handleOpenDeletePresetModal, selectedPresetName: selectedPresetName, handleExportPresets: handleExportPresets, handleImportPresets: handleImportPresets, handleImportButtonClick: handleImportButtonClick, fileInputRef: fileInputRef, filters: gridSelectors.filter }) }), _jsx(Modal, { isShown: isCreatePresetModalOpen, title: _jsx(Trans, { id: "dataGrid.createNewPreset.title", message: "Create new preset" }), onCancel: handleCloseCreatePresetModal, onConfirm: handleCreatePreset, isConfirmDisabled: !presetName, width: "narrow", children: _jsx(Input, { type: "text", onChange: handleChangePresetName, value: presetName, label: _jsx(Trans, { id: "dataGrid.presetName.title", message: "Preset name" }) }) }), _jsx(Modal, { isShown: isDeletePresetModalOpen, title: _jsx(Trans, { id: "dataGrid.deletePreset.title", message: "Delete preset" }), onCancel: onCloseDeletePresetModal, onConfirm: handleDeletePreset, isConfirmDisabled: !presetNameToDelete, width: "narrow", children: _jsxs(_Fragment, { children: [_jsx(Trans, { id: "dataGrid.deletePreset.confirm", message: "Are you sure you want to delete preset" }), " \"", presetNameToDelete, "\" ?"] }) })] }));
 };

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

@@ -5,7 +5,6 @@ type Props = {
     gridSelectors?: GridSelectorsType;
     setSelectedPresetName: (value: string) => void;
     onClosePresetsModal: () => void;
-    filters?: Filtering;
 };
 type HookType = (props: Props) => {
     handleSelectPreset: (presetName: string, filters: Filtering) => () => void;

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

@@ -1,8 +1,9 @@
 import { useCallback, useEffect } from 'react';
 import isEqual from 'lodash/isEqual';
 export var useSelectPreset = function (_a) {
-    var gridName = _a.gridName, gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, setSelectedPresetName = _a.setSelectedPresetName, onClosePresetsModal = _a.onClosePresetsModal, filters = _a.filters;
+    var gridName = _a.gridName, gridActions = _a.gridActions, gridSelectors = _a.gridSelectors, setSelectedPresetName = _a.setSelectedPresetName, onClosePresetsModal = _a.onClosePresetsModal;
     var gridPresets = gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.presets;
+    var filters = gridSelectors === null || gridSelectors === void 0 ? void 0 : gridSelectors.filter;
     var handleSelectPreset = useCallback(function (presetName, filters) { return function () {
         var _a;
         setSelectedPresetName(presetName);
@@ -13,12 +14,10 @@ export var useSelectPreset = function (_a) {
         var _a;
         if (!gridName || !gridPresets)
             return;
-        console.log('hook gridPresets', gridPresets);
         var activePreset = (_a = Object.entries(gridPresets)) === null || _a === void 0 ? void 0 : _a.find(function (_a) {
             var presetName = _a[0], presetFilters = _a[1];
             return isEqual(presetFilters, filters);
         });
-        console.log('activePreset', activePreset);
         if (activePreset) {
             setSelectedPresetName(activePreset[0]);
         }

package/ui/index.es.js

@@ -31292,21 +31292,19 @@ const T6e = /* @__PURE__ */ Gr(P6e), M6e = ({
   gridActions: t,
   gridSelectors: r,
   setSelectedPresetName: n,
-  onClosePresetsModal: i,
-  filters: a
+  onClosePresetsModal: i
 }) => {
-  const o = r == null ? void 0 : r.presets, s = pe((l, u) => () => {
+  const a = r == null ? void 0 : r.presets, o = r == null ? void 0 : r.filter, s = pe((l, u) => () => {
     var f;
     n(l), (f = t.setFilters) == null || f.call(t, u), i();
   }, [t]);
   return $e(() => {
     var u;
-    if (!e || !o)
+    if (!e || !a)
       return;
-    console.log("hook gridPresets", o);
-    const l = (u = Object.entries(o)) == null ? void 0 : u.find(([f, A]) => T6e(A, a));
-    console.log("activePreset", l), n(l ? l[0] : "");
-  }, [a, o]), {
+    const l = (u = Object.entries(a)) == null ? void 0 : u.find(([f, A]) => T6e(A, o));
+    n(l ? l[0] : "");
+  }, [o, a]), {
     handleSelectPreset: s
   };
 };
@@ -37623,7 +37621,7 @@ const ACe = ({
     gridActions: f,
     setSelectedPresetName: m,
     onClosePresetsModal: h,
-    filters: u.filter
+    gridSelectors: u
   }), {
     isCreatePresetModalOpen: w,
     handleCloseCreatePresetModal: y,

package/ui/index.umd.js

@@ -2480,7 +2480,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   right: 20px;
   width: 34px;
   height: 34px;
-`,zhe={wide:"1450px",mediumLarge:"1200px",medium:"900px",narrow:"600px",auto:"auto"},rl=x.memo(({children:e,isShown:t=!0,onExtraAction:r,onCancel:n,title:i,titleIcon:a,onConfirm:o,confirmLabel:s,cancelLabel:l,extraActionLabel:u,isLoading:f,isConfirmDisabled:A,width:h="narrow",onClose:g,hasFooter:m=!0,hasHeader:b=!0,background:w,ignoreClickOutside:y=!1,closeEverywhere:S=!1,withCloseIcon:k=!0,overlayColor:I,minWidth:P,minHeight:M,maxWidth:D,maxHeight:j,variant:V="compact",top:W})=>{const T=x.useCallback(()=>{g?g():n&&n()},[g,n]),B=x.useMemo(()=>({width:zhe[h]}),[h]),N=ta({onClose:T,ignoreClickOutside:y,closeCurrent:!0,allowScrollbarClick:!0}),_=x.useCallback(()=>{o==null||o(T)},[o,T]);return x.useEffect(()=>(window.addEventListener("popstate",T),()=>{window.removeEventListener("popstate",T)}),[]),t?p.jsx(zc,{children:p.jsx(Nhe,{backgroundColor:I,children:p.jsxs(Bhe,{ref:N,style:B,$backgroundColor:w,top:W,"data-cy":"dialogWindow",onClick:S?T:void 0,$minWidth:P,$minHeight:M,$maxWidth:D,$maxHeight:j,variant:V,children:[i&&b&&p.jsx(jhe,{variant:V,children:p.jsxs(Vhe,{children:[a&&p.jsx(We.div,{as:"span",className:"icon",children:typeof a=="string"?p.jsx(ut,{icon:a,fill:"blue2"}):a}),V=="default"?p.jsx(Jy,{mt:0,mb:0,variant:"bold",children:i}):p.jsx(Xy,{mt:0,mb:0,variant:"bold",children:i})]})}),k&&p.jsx(Hhe,{onClick:T,"data-cy":"dialogCloseBtn",children:p.jsx(fA,{width:"11px",height:"11px"})}),p.jsx(Rhe,{variant:V,children:e}),m&&(r||n||o)&&p.jsxs(Fhe,{hasSpaceBetween:!!r,children:[r&&p.jsx(rr,{type:"button",onClick:r,isLoading:f,"data-cy":"extraActionBtn",appearance:"secondary",variant:"ghost",children:u}),p.jsxs(Whe,{hasExtraAction:!!r,hasBothButtons:!!n&&!!o,children:[n&&p.jsx(rr,{type:"button",onClick:n,isLoading:f,"data-cy":"cancelBtn",appearance:"secondary",variant:"default",children:l||"Cancel"}),o&&p.jsx(rr,{type:"button",onClick:_,isLoading:f,disabled:A,"data-cy":"submitBtn",appearance:"primary",variant:"default",children:s||"Submit"})]})]})]})})}):null});var Ghe=PA,Uhe=bs,Zhe=Ed,Yhe=Gr,Jhe=Td,Xhe=kd,_he=Pd,Qhe=OA,Khe="[object Map]",qhe="[object Set]",$he=Object.prototype,e3e=$he.hasOwnProperty;function t3e(e){if(e==null)return!0;if(Jhe(e)&&(Yhe(e)||typeof e=="string"||typeof e.splice=="function"||Xhe(e)||Qhe(e)||Zhe(e)))return!e.length;var t=Uhe(e);if(t==Khe||t==qhe)return!e.size;if(_he(e))return!Ghe(e).length;for(var r in e)if(e3e.call(e,r))return!1;return!0}var r3e=t3e;const BE=Pr(r3e),n3e=({gridName:e,filters:t,onClosePresetsModal:r,setSelectedPresetName:n,gridActions:i})=>{const{isOpen:a,onOpen:o,onClose:s}=fs(),[l,u]=x.useState(""),f=x.useCallback(g=>{u(g.target.value)},[]),A=x.useCallback(()=>{u(""),s()},[]),h=Ss(()=>{var g;u(""),s(),r(),!(BE(t)||!e)&&((g=i.createPreset)==null||g.call(i,l,t),n(l))});return{isCreatePresetModalOpen:a,onOpenCreatePresetModal:o,handleCloseCreatePresetModal:A,presetName:l,handleChangePresetName:f,handleCreatePreset:h}},i3e=({selectedPresetName:e,gridName:t,gridActions:r,setSelectedPresetName:n})=>{const{isOpen:i,onOpen:a,onClose:o,data:s}=fs(),l=x.useCallback(f=>A=>{f&&(A.stopPropagation(),a(f))},[e]),u=x.useCallback(()=>{var f;!t||!s||((f=r.deletePreset)==null||f.call(r,s),e===s&&n(""),o())},[t,s]);return{handleOpenDeletePresetModal:l,isDeletePresetModalOpen:i,handleDeletePreset:u,onCloseDeletePresetModal:o,presetNameToDelete:s}},a3e=({gridName:e,gridActions:t,gridSelectors:r})=>{const n=x.useRef(null),i=x.useCallback(()=>{if(!e)return;const s=new Blob([JSON.stringify(r.presets,null,2)],{type:"application/json"}),l=document.createElement("a");l.href=URL.createObjectURL(s),l.download=`${e}Presets.json`,document.body.appendChild(l),l.click(),document.body.removeChild(l)},[e]),a=x.useCallback(s=>{var f;if(!e)return;const l=(f=s.target.files)==null?void 0:f[0];if(!l)return;const u=new FileReader;u.readAsText(l),u.onload=A=>{var h,g;try{const m=JSON.parse((h=A.target)==null?void 0:h.result);(g=t.setPresets)==null||g.call(t,m)}catch(m){console.warn("Error parsing JSON file:",m),alert("The uploaded file is not a valid JSON.")}}},[e]),o=x.useCallback(()=>{var s;(s=n.current)==null||s.click()},[]);return{fileInputRef:n,handleImportPresets:a,handleExportPresets:i,handleImportButtonClick:o}};var o3e=jA;function s3e(e,t){return o3e(e,t)}var l3e=s3e;const c3e=Pr(l3e),u3e=({gridName:e,gridActions:t,gridSelectors:r,setSelectedPresetName:n,onClosePresetsModal:i,filters:a})=>{const o=r==null?void 0:r.presets,s=x.useCallback((l,u)=>()=>{var f;n(l),(f=t.setFilters)==null||f.call(t,u),i()},[t]);return x.useEffect(()=>{var u;if(!e||!o)return;console.log("hook gridPresets",o);const l=(u=Object.entries(o))==null?void 0:u.find(([f,A])=>c3e(A,a));console.log("activePreset",l),n(l?l[0]:"")},[a,o]),{handleSelectPreset:s}};function J3(e,t){return J3=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,i){return n.__proto__=i,n},J3(e,t)}function jE(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,J3(e,t)}function He(){return He=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},He.apply(this,arguments)}function Gc(e){"@babel/helpers - typeof";return Gc=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Gc(e)}function d3e(e,t){if(Gc(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(Gc(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function f3e(e){var t=d3e(e,"string");return Gc(t)=="symbol"?t:String(t)}function A3e(e,t,r){return t=f3e(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function RE(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function VE(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?RE(Object(r),!0).forEach(function(n){A3e(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):RE(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function nn(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var FE=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),X3=function(){return Math.random().toString(36).substring(7).split("").join(".")},WE={INIT:"@@redux/INIT"+X3(),REPLACE:"@@redux/REPLACE"+X3(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+X3()}};function p3e(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function h3e(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(m3e(e))return"date";if(v3e(e))return"error";var r=g3e(e);switch(r){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return r}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function g3e(e){return typeof e.constructor=="function"?e.constructor.name:null}function v3e(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function m3e(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Vo(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=h3e(e)),t}function HE(e,t,r){var n;if(typeof t=="function"&&typeof r=="function"||typeof r=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?nn(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof r>"u"&&(r=t,t=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(process.env.NODE_ENV==="production"?nn(1):"Expected the enhancer to be a function. Instead, received: '"+Vo(r)+"'");return r(HE)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?nn(2):"Expected the root reducer to be a function. Instead, received: '"+Vo(e)+"'");var i=e,a=t,o=[],s=o,l=!1;function u(){s===o&&(s=o.slice())}function f(){if(l)throw new Error(process.env.NODE_ENV==="production"?nn(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return a}function A(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?nn(4):"Expected the listener to be a function. Instead, received: '"+Vo(b)+"'");if(l)throw new Error(process.env.NODE_ENV==="production"?nn(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var w=!0;return u(),s.push(b),function(){if(w){if(l)throw new Error(process.env.NODE_ENV==="production"?nn(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");w=!1,u();var S=s.indexOf(b);s.splice(S,1),o=null}}}function h(b){if(!p3e(b))throw new Error(process.env.NODE_ENV==="production"?nn(7):"Actions must be plain objects. Instead, the actual type was: '"+Vo(b)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof b.type>"u")throw new Error(process.env.NODE_ENV==="production"?nn(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(l)throw new Error(process.env.NODE_ENV==="production"?nn(9):"Reducers may not dispatch actions.");try{l=!0,a=i(a,b)}finally{l=!1}for(var w=o=s,y=0;y<w.length;y++){var S=w[y];S()}return b}function g(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?nn(10):"Expected the nextReducer to be a function. Instead, received: '"+Vo(b));i=b,h({type:WE.REPLACE})}function m(){var b,w=A;return b={subscribe:function(S){if(typeof S!="object"||S===null)throw new Error(process.env.NODE_ENV==="production"?nn(11):"Expected the observer to be an object. Instead, received: '"+Vo(S)+"'");function k(){S.next&&S.next(f())}k();var I=w(k);return{unsubscribe:I}}},b[FE]=function(){return this},b}return h({type:WE.INIT}),n={dispatch:h,subscribe:A,getState:f,replaceReducer:g},n[FE]=m,n}function zE(e,t){return function(){return t(e.apply(this,arguments))}}function GE(e,t){if(typeof e=="function")return zE(e,t);if(typeof e!="object"||e===null)throw new Error(process.env.NODE_ENV==="production"?nn(16):"bindActionCreators expected an object or a function, but instead received: '"+Vo(e)+`'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);var r={};for(var n in e){var i=e[n];typeof i=="function"&&(r[n]=zE(i,t))}return r}function UE(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.length===0?function(n){return n}:t.length===1?t[0]:t.reduce(function(n,i){return function(){return n(i.apply(void 0,arguments))}})}function b3e(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(n){return function(){var i=n.apply(void 0,arguments),a=function(){throw new Error(process.env.NODE_ENV==="production"?nn(15):"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},o={getState:i.getState,dispatch:function(){return a.apply(void 0,arguments)}},s=t.map(function(l){return l(o)});return a=UE.apply(void 0,s)(i.dispatch),VE(VE({},i),{},{dispatch:a})}}}var _3=x.createContext(null);process.env.NODE_ENV!=="production"&&(_3.displayName="ReactRedux");function y3e(e){e()}var ZE=y3e,C3e=function(t){return ZE=t},w3e=function(){return ZE};function x3e(){var e=w3e(),t=null,r=null;return{clear:function(){t=null,r=null},notify:function(){e(function(){for(var i=t;i;)i.callback(),i=i.next})},get:function(){for(var i=[],a=t;a;)i.push(a),a=a.next;return i},subscribe:function(i){var a=!0,o=r={callback:i,next:null,prev:r};return o.prev?o.prev.next=o:t=o,function(){!a||t===null||(a=!1,o.next?o.next.prev=o.prev:r=o.prev,o.prev?o.prev.next=o.next:t=o.next)}}}}var YE={notify:function(){},get:function(){return[]}};function JE(e,t){var r,n=YE;function i(A){return l(),n.subscribe(A)}function a(){n.notify()}function o(){f.onStateChange&&f.onStateChange()}function s(){return!!r}function l(){r||(r=t?t.addNestedSub(o):e.subscribe(o),n=x3e())}function u(){r&&(r(),r=void 0,n.clear(),n=YE)}var f={addNestedSub:i,notifyNestedSubs:a,handleChangeWrapper:o,isSubscribed:s,trySubscribe:l,tryUnsubscribe:u,getListeners:function(){return n}};return f}var XE=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?x.useLayoutEffect:x.useEffect;function _E(e){var t=e.store,r=e.context,n=e.children,i=x.useMemo(function(){var s=JE(t);return{store:t,subscription:s}},[t]),a=x.useMemo(function(){return t.getState()},[t]);XE(function(){var s=i.subscription;return s.onStateChange=s.notifyNestedSubs,s.trySubscribe(),a!==t.getState()&&s.notifyNestedSubs(),function(){s.tryUnsubscribe(),s.onStateChange=null}},[i,a]);var o=r||_3;return x.createElement(o.Provider,{value:i},n)}process.env.NODE_ENV!=="production"&&(_E.propTypes={store:he.shape({subscribe:he.func.isRequired,dispatch:he.func.isRequired,getState:he.func.isRequired}),context:he.object,children:he.any});function x2(e,t){if(e==null)return{};var r={},n=Object.keys(e),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(r[i]=e[i]);return r}var Q3={exports:{}},Tt={};/** @license React v17.0.2
+`,zhe={wide:"1450px",mediumLarge:"1200px",medium:"900px",narrow:"600px",auto:"auto"},rl=x.memo(({children:e,isShown:t=!0,onExtraAction:r,onCancel:n,title:i,titleIcon:a,onConfirm:o,confirmLabel:s,cancelLabel:l,extraActionLabel:u,isLoading:f,isConfirmDisabled:A,width:h="narrow",onClose:g,hasFooter:m=!0,hasHeader:b=!0,background:w,ignoreClickOutside:y=!1,closeEverywhere:S=!1,withCloseIcon:k=!0,overlayColor:I,minWidth:P,minHeight:M,maxWidth:D,maxHeight:j,variant:V="compact",top:W})=>{const T=x.useCallback(()=>{g?g():n&&n()},[g,n]),B=x.useMemo(()=>({width:zhe[h]}),[h]),N=ta({onClose:T,ignoreClickOutside:y,closeCurrent:!0,allowScrollbarClick:!0}),_=x.useCallback(()=>{o==null||o(T)},[o,T]);return x.useEffect(()=>(window.addEventListener("popstate",T),()=>{window.removeEventListener("popstate",T)}),[]),t?p.jsx(zc,{children:p.jsx(Nhe,{backgroundColor:I,children:p.jsxs(Bhe,{ref:N,style:B,$backgroundColor:w,top:W,"data-cy":"dialogWindow",onClick:S?T:void 0,$minWidth:P,$minHeight:M,$maxWidth:D,$maxHeight:j,variant:V,children:[i&&b&&p.jsx(jhe,{variant:V,children:p.jsxs(Vhe,{children:[a&&p.jsx(We.div,{as:"span",className:"icon",children:typeof a=="string"?p.jsx(ut,{icon:a,fill:"blue2"}):a}),V=="default"?p.jsx(Jy,{mt:0,mb:0,variant:"bold",children:i}):p.jsx(Xy,{mt:0,mb:0,variant:"bold",children:i})]})}),k&&p.jsx(Hhe,{onClick:T,"data-cy":"dialogCloseBtn",children:p.jsx(fA,{width:"11px",height:"11px"})}),p.jsx(Rhe,{variant:V,children:e}),m&&(r||n||o)&&p.jsxs(Fhe,{hasSpaceBetween:!!r,children:[r&&p.jsx(rr,{type:"button",onClick:r,isLoading:f,"data-cy":"extraActionBtn",appearance:"secondary",variant:"ghost",children:u}),p.jsxs(Whe,{hasExtraAction:!!r,hasBothButtons:!!n&&!!o,children:[n&&p.jsx(rr,{type:"button",onClick:n,isLoading:f,"data-cy":"cancelBtn",appearance:"secondary",variant:"default",children:l||"Cancel"}),o&&p.jsx(rr,{type:"button",onClick:_,isLoading:f,disabled:A,"data-cy":"submitBtn",appearance:"primary",variant:"default",children:s||"Submit"})]})]})]})})}):null});var Ghe=PA,Uhe=bs,Zhe=Ed,Yhe=Gr,Jhe=Td,Xhe=kd,_he=Pd,Qhe=OA,Khe="[object Map]",qhe="[object Set]",$he=Object.prototype,e3e=$he.hasOwnProperty;function t3e(e){if(e==null)return!0;if(Jhe(e)&&(Yhe(e)||typeof e=="string"||typeof e.splice=="function"||Xhe(e)||Qhe(e)||Zhe(e)))return!e.length;var t=Uhe(e);if(t==Khe||t==qhe)return!e.size;if(_he(e))return!Ghe(e).length;for(var r in e)if(e3e.call(e,r))return!1;return!0}var r3e=t3e;const BE=Pr(r3e),n3e=({gridName:e,filters:t,onClosePresetsModal:r,setSelectedPresetName:n,gridActions:i})=>{const{isOpen:a,onOpen:o,onClose:s}=fs(),[l,u]=x.useState(""),f=x.useCallback(g=>{u(g.target.value)},[]),A=x.useCallback(()=>{u(""),s()},[]),h=Ss(()=>{var g;u(""),s(),r(),!(BE(t)||!e)&&((g=i.createPreset)==null||g.call(i,l,t),n(l))});return{isCreatePresetModalOpen:a,onOpenCreatePresetModal:o,handleCloseCreatePresetModal:A,presetName:l,handleChangePresetName:f,handleCreatePreset:h}},i3e=({selectedPresetName:e,gridName:t,gridActions:r,setSelectedPresetName:n})=>{const{isOpen:i,onOpen:a,onClose:o,data:s}=fs(),l=x.useCallback(f=>A=>{f&&(A.stopPropagation(),a(f))},[e]),u=x.useCallback(()=>{var f;!t||!s||((f=r.deletePreset)==null||f.call(r,s),e===s&&n(""),o())},[t,s]);return{handleOpenDeletePresetModal:l,isDeletePresetModalOpen:i,handleDeletePreset:u,onCloseDeletePresetModal:o,presetNameToDelete:s}},a3e=({gridName:e,gridActions:t,gridSelectors:r})=>{const n=x.useRef(null),i=x.useCallback(()=>{if(!e)return;const s=new Blob([JSON.stringify(r.presets,null,2)],{type:"application/json"}),l=document.createElement("a");l.href=URL.createObjectURL(s),l.download=`${e}Presets.json`,document.body.appendChild(l),l.click(),document.body.removeChild(l)},[e]),a=x.useCallback(s=>{var f;if(!e)return;const l=(f=s.target.files)==null?void 0:f[0];if(!l)return;const u=new FileReader;u.readAsText(l),u.onload=A=>{var h,g;try{const m=JSON.parse((h=A.target)==null?void 0:h.result);(g=t.setPresets)==null||g.call(t,m)}catch(m){console.warn("Error parsing JSON file:",m),alert("The uploaded file is not a valid JSON.")}}},[e]),o=x.useCallback(()=>{var s;(s=n.current)==null||s.click()},[]);return{fileInputRef:n,handleImportPresets:a,handleExportPresets:i,handleImportButtonClick:o}};var o3e=jA;function s3e(e,t){return o3e(e,t)}var l3e=s3e;const c3e=Pr(l3e),u3e=({gridName:e,gridActions:t,gridSelectors:r,setSelectedPresetName:n,onClosePresetsModal:i})=>{const a=r==null?void 0:r.presets,o=r==null?void 0:r.filter,s=x.useCallback((l,u)=>()=>{var f;n(l),(f=t.setFilters)==null||f.call(t,u),i()},[t]);return x.useEffect(()=>{var u;if(!e||!a)return;const l=(u=Object.entries(a))==null?void 0:u.find(([f,A])=>c3e(A,o));n(l?l[0]:"")},[o,a]),{handleSelectPreset:s}};function J3(e,t){return J3=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(n,i){return n.__proto__=i,n},J3(e,t)}function jE(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,J3(e,t)}function He(){return He=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},He.apply(this,arguments)}function Gc(e){"@babel/helpers - typeof";return Gc=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(t){return typeof t}:function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},Gc(e)}function d3e(e,t){if(Gc(e)!="object"||!e)return e;var r=e[Symbol.toPrimitive];if(r!==void 0){var n=r.call(e,t||"default");if(Gc(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(t==="string"?String:Number)(e)}function f3e(e){var t=d3e(e,"string");return Gc(t)=="symbol"?t:String(t)}function A3e(e,t,r){return t=f3e(t),t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function RE(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(i){return Object.getOwnPropertyDescriptor(e,i).enumerable})),r.push.apply(r,n)}return r}function VE(e){for(var t=1;t<arguments.length;t++){var r=arguments[t]!=null?arguments[t]:{};t%2?RE(Object(r),!0).forEach(function(n){A3e(e,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):RE(Object(r)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))})}return e}function nn(e){return"Minified Redux error #"+e+"; visit https://redux.js.org/Errors?code="+e+" for the full message or use the non-minified dev environment for full errors. "}var FE=function(){return typeof Symbol=="function"&&Symbol.observable||"@@observable"}(),X3=function(){return Math.random().toString(36).substring(7).split("").join(".")},WE={INIT:"@@redux/INIT"+X3(),REPLACE:"@@redux/REPLACE"+X3(),PROBE_UNKNOWN_ACTION:function(){return"@@redux/PROBE_UNKNOWN_ACTION"+X3()}};function p3e(e){if(typeof e!="object"||e===null)return!1;for(var t=e;Object.getPrototypeOf(t)!==null;)t=Object.getPrototypeOf(t);return Object.getPrototypeOf(e)===t}function h3e(e){if(e===void 0)return"undefined";if(e===null)return"null";var t=typeof e;switch(t){case"boolean":case"string":case"number":case"symbol":case"function":return t}if(Array.isArray(e))return"array";if(m3e(e))return"date";if(v3e(e))return"error";var r=g3e(e);switch(r){case"Symbol":case"Promise":case"WeakMap":case"WeakSet":case"Map":case"Set":return r}return t.slice(8,-1).toLowerCase().replace(/\s/g,"")}function g3e(e){return typeof e.constructor=="function"?e.constructor.name:null}function v3e(e){return e instanceof Error||typeof e.message=="string"&&e.constructor&&typeof e.constructor.stackTraceLimit=="number"}function m3e(e){return e instanceof Date?!0:typeof e.toDateString=="function"&&typeof e.getDate=="function"&&typeof e.setDate=="function"}function Vo(e){var t=typeof e;return process.env.NODE_ENV!=="production"&&(t=h3e(e)),t}function HE(e,t,r){var n;if(typeof t=="function"&&typeof r=="function"||typeof r=="function"&&typeof arguments[3]=="function")throw new Error(process.env.NODE_ENV==="production"?nn(0):"It looks like you are passing several store enhancers to createStore(). This is not supported. Instead, compose them together to a single function. See https://redux.js.org/tutorials/fundamentals/part-4-store#creating-a-store-with-enhancers for an example.");if(typeof t=="function"&&typeof r>"u"&&(r=t,t=void 0),typeof r<"u"){if(typeof r!="function")throw new Error(process.env.NODE_ENV==="production"?nn(1):"Expected the enhancer to be a function. Instead, received: '"+Vo(r)+"'");return r(HE)(e,t)}if(typeof e!="function")throw new Error(process.env.NODE_ENV==="production"?nn(2):"Expected the root reducer to be a function. Instead, received: '"+Vo(e)+"'");var i=e,a=t,o=[],s=o,l=!1;function u(){s===o&&(s=o.slice())}function f(){if(l)throw new Error(process.env.NODE_ENV==="production"?nn(3):"You may not call store.getState() while the reducer is executing. The reducer has already received the state as an argument. Pass it down from the top reducer instead of reading it from the store.");return a}function A(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?nn(4):"Expected the listener to be a function. Instead, received: '"+Vo(b)+"'");if(l)throw new Error(process.env.NODE_ENV==="production"?nn(5):"You may not call store.subscribe() while the reducer is executing. If you would like to be notified after the store has been updated, subscribe from a component and invoke store.getState() in the callback to access the latest state. See https://redux.js.org/api/store#subscribelistener for more details.");var w=!0;return u(),s.push(b),function(){if(w){if(l)throw new Error(process.env.NODE_ENV==="production"?nn(6):"You may not unsubscribe from a store listener while the reducer is executing. See https://redux.js.org/api/store#subscribelistener for more details.");w=!1,u();var S=s.indexOf(b);s.splice(S,1),o=null}}}function h(b){if(!p3e(b))throw new Error(process.env.NODE_ENV==="production"?nn(7):"Actions must be plain objects. Instead, the actual type was: '"+Vo(b)+"'. You may need to add middleware to your store setup to handle dispatching other values, such as 'redux-thunk' to handle dispatching functions. See https://redux.js.org/tutorials/fundamentals/part-4-store#middleware and https://redux.js.org/tutorials/fundamentals/part-6-async-logic#using-the-redux-thunk-middleware for examples.");if(typeof b.type>"u")throw new Error(process.env.NODE_ENV==="production"?nn(8):'Actions may not have an undefined "type" property. You may have misspelled an action type string constant.');if(l)throw new Error(process.env.NODE_ENV==="production"?nn(9):"Reducers may not dispatch actions.");try{l=!0,a=i(a,b)}finally{l=!1}for(var w=o=s,y=0;y<w.length;y++){var S=w[y];S()}return b}function g(b){if(typeof b!="function")throw new Error(process.env.NODE_ENV==="production"?nn(10):"Expected the nextReducer to be a function. Instead, received: '"+Vo(b));i=b,h({type:WE.REPLACE})}function m(){var b,w=A;return b={subscribe:function(S){if(typeof S!="object"||S===null)throw new Error(process.env.NODE_ENV==="production"?nn(11):"Expected the observer to be an object. Instead, received: '"+Vo(S)+"'");function k(){S.next&&S.next(f())}k();var I=w(k);return{unsubscribe:I}}},b[FE]=function(){return this},b}return h({type:WE.INIT}),n={dispatch:h,subscribe:A,getState:f,replaceReducer:g},n[FE]=m,n}function zE(e,t){return function(){return t(e.apply(this,arguments))}}function GE(e,t){if(typeof e=="function")return zE(e,t);if(typeof e!="object"||e===null)throw new Error(process.env.NODE_ENV==="production"?nn(16):"bindActionCreators expected an object or a function, but instead received: '"+Vo(e)+`'. Did you write "import ActionCreators from" instead of "import * as ActionCreators from"?`);var r={};for(var n in e){var i=e[n];typeof i=="function"&&(r[n]=zE(i,t))}return r}function UE(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return t.length===0?function(n){return n}:t.length===1?t[0]:t.reduce(function(n,i){return function(){return n(i.apply(void 0,arguments))}})}function b3e(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return function(n){return function(){var i=n.apply(void 0,arguments),a=function(){throw new Error(process.env.NODE_ENV==="production"?nn(15):"Dispatching while constructing your middleware is not allowed. Other middleware would not be applied to this dispatch.")},o={getState:i.getState,dispatch:function(){return a.apply(void 0,arguments)}},s=t.map(function(l){return l(o)});return a=UE.apply(void 0,s)(i.dispatch),VE(VE({},i),{},{dispatch:a})}}}var _3=x.createContext(null);process.env.NODE_ENV!=="production"&&(_3.displayName="ReactRedux");function y3e(e){e()}var ZE=y3e,C3e=function(t){return ZE=t},w3e=function(){return ZE};function x3e(){var e=w3e(),t=null,r=null;return{clear:function(){t=null,r=null},notify:function(){e(function(){for(var i=t;i;)i.callback(),i=i.next})},get:function(){for(var i=[],a=t;a;)i.push(a),a=a.next;return i},subscribe:function(i){var a=!0,o=r={callback:i,next:null,prev:r};return o.prev?o.prev.next=o:t=o,function(){!a||t===null||(a=!1,o.next?o.next.prev=o.prev:r=o.prev,o.prev?o.prev.next=o.next:t=o.next)}}}}var YE={notify:function(){},get:function(){return[]}};function JE(e,t){var r,n=YE;function i(A){return l(),n.subscribe(A)}function a(){n.notify()}function o(){f.onStateChange&&f.onStateChange()}function s(){return!!r}function l(){r||(r=t?t.addNestedSub(o):e.subscribe(o),n=x3e())}function u(){r&&(r(),r=void 0,n.clear(),n=YE)}var f={addNestedSub:i,notifyNestedSubs:a,handleChangeWrapper:o,isSubscribed:s,trySubscribe:l,tryUnsubscribe:u,getListeners:function(){return n}};return f}var XE=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u"?x.useLayoutEffect:x.useEffect;function _E(e){var t=e.store,r=e.context,n=e.children,i=x.useMemo(function(){var s=JE(t);return{store:t,subscription:s}},[t]),a=x.useMemo(function(){return t.getState()},[t]);XE(function(){var s=i.subscription;return s.onStateChange=s.notifyNestedSubs,s.trySubscribe(),a!==t.getState()&&s.notifyNestedSubs(),function(){s.tryUnsubscribe(),s.onStateChange=null}},[i,a]);var o=r||_3;return x.createElement(o.Provider,{value:i},n)}process.env.NODE_ENV!=="production"&&(_E.propTypes={store:he.shape({subscribe:he.func.isRequired,dispatch:he.func.isRequired,getState:he.func.isRequired}),context:he.object,children:he.any});function x2(e,t){if(e==null)return{};var r={},n=Object.keys(e),i,a;for(a=0;a<n.length;a++)i=n[a],!(t.indexOf(i)>=0)&&(r[i]=e[i]);return r}var Q3={exports:{}},Tt={};/** @license React v17.0.2
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -2667,7 +2667,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
   border: 1px solid ${R.color("lightGray6")};
   border-radius: 8px;
   margin-bottom: 15px;
-`,X5e=({columns:e,columnsConfigValues:t,setColumnsConfigOptions:r,handleDragEnd:n})=>{const[i,a]=x.useState(""),o=x.useCallback(l=>{a(l.target.value)},[a]),s=x.useCallback(()=>{a("")},[a]);return p.jsxs(We.div,{children:[p.jsx(Li,{icon:"search",type:"text",value:i,placeholder:Ye._({id:"manageColumn.searchPlaceholder",message:"Find column..."}),onChange:o,onClear:s,variant:"gray"}),p.jsx(Ik,{onDragEnd:n,children:p.jsx(Yg,{droppableId:"droppable",direction:"vertical",isCombineEnabled:!1,ignoreContainerClipping:!1,isDropDisabled:!!i,children:l=>p.jsx(We.div,{h:"400px",overflowY:"scroll",mt:"20px",ref:l.innerRef,...l.droppableProps,children:e==null?void 0:e.map((u,f)=>{const A=Qy(u),h=A&&A.toLocaleLowerCase().includes(i.toLocaleLowerCase())&&!u.alwaysOn;return p.jsx(Vk,{draggableId:u.name,index:f,isDragDisabled:!!i,children:({innerRef:g,draggableProps:m,dragHandleProps:b})=>p.jsx(J5e,{$isVisible:h,...m,ref:g,...b,children:p.jsx(Y5e,{column:u,columnsConfigValues:t,setColumnsConfigOptions:r,translatedValue:A},f)})},u.name)})})})})]})},_5e=({onOpenCreatePresetModal:e,gridPresets:t,handleSelectPreset:r,handleOpenDeletePresetModal:n,selectedPresetName:i,handleExportPresets:a,handleImportButtonClick:o,handleImportPresets:s,fileInputRef:l,filters:u})=>{const f=x.useMemo(()=>Object.entries(t||{}),[t]),A=!!(f!=null&&f.length);return p.jsxs(We.div,{children:[p.jsx(We.div,{display:"flex",rowGap:"12px",flexWrap:"wrap",children:A?f==null?void 0:f.map(([h,g],m)=>{const b=h===i;return p.jsxs(t0,{size:"big",onClick:r(h,g),...b?r0.redWhite:r0.redRed,pointer:!0,children:[p.jsx(xo,{mt:0,mb:0,variant:"semiBold",children:h}),p.jsx(We.div,{ml:"12px",h:"fit-content",onClick:n(h),children:p.jsx(fA,{fill:b?"white":"#DB2B19"})})]},`${h}_${m}`)}):p.jsx(pt,{id:"dataGrid.noPresets.title",message:"No presets available"})}),p.jsx(We.input,{type:"file",accept:".json",onChange:s,ref:l,display:"none"}),p.jsxs(We.div,{display:"flex",mt:"34px",gap:"12px",justifyContent:"space-between",children:[p.jsxs(We.div,{display:"flex",gap:"12px",children:[A&&p.jsx(rr,{onClick:a,type:"button",appearance:"secondary",children:p.jsx(pt,{id:"dataGrid.exportPreset.title",message:"Export presets"})}),p.jsx(rr,{onClick:o,type:"button",appearance:"secondary",children:p.jsx(pt,{id:"dataGrid.importPreset.title",message:"Import presets"})})]}),p.jsx(rr,{type:"button",onClick:e,disabled:BE(u),children:p.jsx(pt,{id:"dataGrid.createNewPreset.title",message:"Create new preset"})})]})]})},Q5e=({manageColumnFormVisible:e,onCloseForm:t,resetColumnConfig:r,onConfirmForm:n,manageColumnsFormDefinitions:i,columnsConfigValues:a,setColumnsConfigOptions:o,handleDragEnd:s,gridName:l,gridSelectors:u,gridActions:f,isPresetsModalOpen:A,onClosePresetsModal:h,selectedPresetName:g,setSelectedPresetName:m})=>{const{handleSelectPreset:b}=u3e({gridName:l,gridActions:f,setSelectedPresetName:m,onClosePresetsModal:h,filters:u.filter}),{isCreatePresetModalOpen:w,handleCloseCreatePresetModal:y,onOpenCreatePresetModal:S,handleCreatePreset:k,presetName:I,handleChangePresetName:P}=n3e({gridName:l,gridActions:f,onClosePresetsModal:h,setSelectedPresetName:m,filters:u.filter}),{handleOpenDeletePresetModal:M,handleDeletePreset:D,onCloseDeletePresetModal:j,presetNameToDelete:V,isDeletePresetModalOpen:W}=i3e({gridName:l,selectedPresetName:g,gridActions:f,setSelectedPresetName:m}),{fileInputRef:T,handleImportPresets:B,handleExportPresets:N,handleImportButtonClick:_}=a3e({gridName:l,gridActions:f,gridSelectors:u});return p.jsxs(p.Fragment,{children:[p.jsx(rl,{title:p.jsx(pt,{id:"manageColumn.title",message:"Manage columns"}),onClose:t,onCancel:t,onExtraAction:r,onConfirm:n,isShown:e,width:"auto",minWidth:"350px",hasFooter:!0,extraActionLabel:p.jsx(pt,{id:"dataGrid.buttonClearConfig",message:"Reset config"}),cancelLabel:p.jsx(pt,{id:"form.buttonCancel",message:"Cancel"}),confirmLabel:p.jsx(pt,{id:"form.buttonConfirm",message:"Confirm"}),children:p.jsx(X5e,{columns:i,columnsConfigValues:a,setColumnsConfigOptions:o,handleDragEnd:s})}),p.jsx(rl,{isShown:A,title:p.jsx(pt,{id:"dataGrid.presets.title",message:"Presets"}),onClose:h,width:"narrow",children:p.jsx(_5e,{onOpenCreatePresetModal:S,gridPresets:u.presets,handleSelectPreset:b,handleOpenDeletePresetModal:M,selectedPresetName:g,handleExportPresets:N,handleImportPresets:B,handleImportButtonClick:_,fileInputRef:T,filters:u.filter})}),p.jsx(rl,{isShown:w,title:p.jsx(pt,{id:"dataGrid.createNewPreset.title",message:"Create new preset"}),onCancel:y,onConfirm:k,isConfirmDisabled:!I,width:"narrow",children:p.jsx(Li,{type:"text",onChange:P,value:I,label:p.jsx(pt,{id:"dataGrid.presetName.title",message:"Preset name"})})}),p.jsx(rl,{isShown:W,title:p.jsx(pt,{id:"dataGrid.deletePreset.title",message:"Delete preset"}),onCancel:j,onConfirm:D,isConfirmDisabled:!V,width:"narrow",children:p.jsxs(p.Fragment,{children:[p.jsx(pt,{id:"dataGrid.deletePreset.confirm",message:"Are you sure you want to delete preset"}),' "',V,'" ?']})})]})},Jg=[{value:10,label:10},{value:20,label:20},{value:50,label:50},{value:100,label:100}],K5e=G.span`
+`,X5e=({columns:e,columnsConfigValues:t,setColumnsConfigOptions:r,handleDragEnd:n})=>{const[i,a]=x.useState(""),o=x.useCallback(l=>{a(l.target.value)},[a]),s=x.useCallback(()=>{a("")},[a]);return p.jsxs(We.div,{children:[p.jsx(Li,{icon:"search",type:"text",value:i,placeholder:Ye._({id:"manageColumn.searchPlaceholder",message:"Find column..."}),onChange:o,onClear:s,variant:"gray"}),p.jsx(Ik,{onDragEnd:n,children:p.jsx(Yg,{droppableId:"droppable",direction:"vertical",isCombineEnabled:!1,ignoreContainerClipping:!1,isDropDisabled:!!i,children:l=>p.jsx(We.div,{h:"400px",overflowY:"scroll",mt:"20px",ref:l.innerRef,...l.droppableProps,children:e==null?void 0:e.map((u,f)=>{const A=Qy(u),h=A&&A.toLocaleLowerCase().includes(i.toLocaleLowerCase())&&!u.alwaysOn;return p.jsx(Vk,{draggableId:u.name,index:f,isDragDisabled:!!i,children:({innerRef:g,draggableProps:m,dragHandleProps:b})=>p.jsx(J5e,{$isVisible:h,...m,ref:g,...b,children:p.jsx(Y5e,{column:u,columnsConfigValues:t,setColumnsConfigOptions:r,translatedValue:A},f)})},u.name)})})})})]})},_5e=({onOpenCreatePresetModal:e,gridPresets:t,handleSelectPreset:r,handleOpenDeletePresetModal:n,selectedPresetName:i,handleExportPresets:a,handleImportButtonClick:o,handleImportPresets:s,fileInputRef:l,filters:u})=>{const f=x.useMemo(()=>Object.entries(t||{}),[t]),A=!!(f!=null&&f.length);return p.jsxs(We.div,{children:[p.jsx(We.div,{display:"flex",rowGap:"12px",flexWrap:"wrap",children:A?f==null?void 0:f.map(([h,g],m)=>{const b=h===i;return p.jsxs(t0,{size:"big",onClick:r(h,g),...b?r0.redWhite:r0.redRed,pointer:!0,children:[p.jsx(xo,{mt:0,mb:0,variant:"semiBold",children:h}),p.jsx(We.div,{ml:"12px",h:"fit-content",onClick:n(h),children:p.jsx(fA,{fill:b?"white":"#DB2B19"})})]},`${h}_${m}`)}):p.jsx(pt,{id:"dataGrid.noPresets.title",message:"No presets available"})}),p.jsx(We.input,{type:"file",accept:".json",onChange:s,ref:l,display:"none"}),p.jsxs(We.div,{display:"flex",mt:"34px",gap:"12px",justifyContent:"space-between",children:[p.jsxs(We.div,{display:"flex",gap:"12px",children:[A&&p.jsx(rr,{onClick:a,type:"button",appearance:"secondary",children:p.jsx(pt,{id:"dataGrid.exportPreset.title",message:"Export presets"})}),p.jsx(rr,{onClick:o,type:"button",appearance:"secondary",children:p.jsx(pt,{id:"dataGrid.importPreset.title",message:"Import presets"})})]}),p.jsx(rr,{type:"button",onClick:e,disabled:BE(u),children:p.jsx(pt,{id:"dataGrid.createNewPreset.title",message:"Create new preset"})})]})]})},Q5e=({manageColumnFormVisible:e,onCloseForm:t,resetColumnConfig:r,onConfirmForm:n,manageColumnsFormDefinitions:i,columnsConfigValues:a,setColumnsConfigOptions:o,handleDragEnd:s,gridName:l,gridSelectors:u,gridActions:f,isPresetsModalOpen:A,onClosePresetsModal:h,selectedPresetName:g,setSelectedPresetName:m})=>{const{handleSelectPreset:b}=u3e({gridName:l,gridActions:f,setSelectedPresetName:m,onClosePresetsModal:h,gridSelectors:u}),{isCreatePresetModalOpen:w,handleCloseCreatePresetModal:y,onOpenCreatePresetModal:S,handleCreatePreset:k,presetName:I,handleChangePresetName:P}=n3e({gridName:l,gridActions:f,onClosePresetsModal:h,setSelectedPresetName:m,filters:u.filter}),{handleOpenDeletePresetModal:M,handleDeletePreset:D,onCloseDeletePresetModal:j,presetNameToDelete:V,isDeletePresetModalOpen:W}=i3e({gridName:l,selectedPresetName:g,gridActions:f,setSelectedPresetName:m}),{fileInputRef:T,handleImportPresets:B,handleExportPresets:N,handleImportButtonClick:_}=a3e({gridName:l,gridActions:f,gridSelectors:u});return p.jsxs(p.Fragment,{children:[p.jsx(rl,{title:p.jsx(pt,{id:"manageColumn.title",message:"Manage columns"}),onClose:t,onCancel:t,onExtraAction:r,onConfirm:n,isShown:e,width:"auto",minWidth:"350px",hasFooter:!0,extraActionLabel:p.jsx(pt,{id:"dataGrid.buttonClearConfig",message:"Reset config"}),cancelLabel:p.jsx(pt,{id:"form.buttonCancel",message:"Cancel"}),confirmLabel:p.jsx(pt,{id:"form.buttonConfirm",message:"Confirm"}),children:p.jsx(X5e,{columns:i,columnsConfigValues:a,setColumnsConfigOptions:o,handleDragEnd:s})}),p.jsx(rl,{isShown:A,title:p.jsx(pt,{id:"dataGrid.presets.title",message:"Presets"}),onClose:h,width:"narrow",children:p.jsx(_5e,{onOpenCreatePresetModal:S,gridPresets:u.presets,handleSelectPreset:b,handleOpenDeletePresetModal:M,selectedPresetName:g,handleExportPresets:N,handleImportPresets:B,handleImportButtonClick:_,fileInputRef:T,filters:u.filter})}),p.jsx(rl,{isShown:w,title:p.jsx(pt,{id:"dataGrid.createNewPreset.title",message:"Create new preset"}),onCancel:y,onConfirm:k,isConfirmDisabled:!I,width:"narrow",children:p.jsx(Li,{type:"text",onChange:P,value:I,label:p.jsx(pt,{id:"dataGrid.presetName.title",message:"Preset name"})})}),p.jsx(rl,{isShown:W,title:p.jsx(pt,{id:"dataGrid.deletePreset.title",message:"Delete preset"}),onCancel:j,onConfirm:D,isConfirmDisabled:!V,width:"narrow",children:p.jsxs(p.Fragment,{children:[p.jsx(pt,{id:"dataGrid.deletePreset.confirm",message:"Are you sure you want to delete preset"}),' "',V,'" ?']})})]})},Jg=[{value:10,label:10},{value:20,label:20},{value:50,label:50},{value:100,label:100}],K5e=G.span`
   display: flex;
   align-items: center;
   & > :nth-child(2) {