@m4l/components 0.1.18 → 0.1.19

package/components/CommonActions/components/Actions/{index.6b25caed.js → index.9324a339.js}

@@ -1,23 +1,22 @@
-import { jsx as e, jsxs as b, Fragment as W } from "react/jsx-runtime";
+import { jsx as n, jsxs as b, Fragment as D } from "react/jsx-runtime";
 import { styled as p } from "@mui/material/styles";
-import { useEnvironment as k, useModuleDictionary as T } from "@m4l/core";
+import { useEnvironment as k, useModuleDictionary as S } from "@m4l/core";
+import { IconButton as et, Tooltip as nt, MenuItem as it, Skeleton as A, Checkbox as ot } from "@mui/material";
 import "@mui/material/Button";
-import "../../../mui_extended/Button/index.3debb608.js";
 import "react-hook-form";
 import "react-router-dom";
-import { IconButton as nt, Tooltip as et, MenuItem as it, Skeleton as S, Checkbox as ot } from "@mui/material";
-import { useState as L, useMemo as w, forwardRef as st, useRef as B, useImperativeHandle as rt, useEffect as at, useCallback as j } from "react";
-import "../../../../contexts/ModalContext/index.1688a07c.js";
+import { useState as W, useMemo as w, forwardRef as st, useRef as B, useImperativeHandle as rt, useEffect as at, useCallback as j } from "react";
+import "../../../../contexts/ModalContext/index.b84b990b.js";
 import "@mui/lab";
-import { I as v } from "../../../mui_extended/IconButton/index.88f3aadb.js";
-import { u as I, a as lt, O as ct } from "../../../DataGrid/index.091572bf.js";
-import { P as dt } from "../../../mui_extended/Pager/index.f0911163.js";
+import { I as y } from "../../../mui_extended/IconButton/index.4b5ce8b5.js";
+import { u as I, a as lt, O as ct } from "../../../DataGrid/index.f7c834db.js";
+import { P as dt } from "../../../mui_extended/Pager/index.03103cdd.js";
 import { D as pt } from "../../../../react-data-grid.d46d625e.js";
-import { u as gt } from "../../../../hooks/useModal/index.cdd84702.js";
-import { A as ft } from "../ActionCancel/index.7e947996.js";
-import { A as ut } from "../ActionIntro/index.bac90f39.js";
-import { M as mt } from "../../../mui_extended/MenuPopover/index.488fc536.js";
-import { I as N } from "../../../Icon/index.cbca79b0.js";
+import { u as gt } from "../../../../hooks/useModal/index.f2101669.js";
+import { A as ft } from "../ActionCancel/index.261d7b43.js";
+import { A as ut } from "../ActionIntro/index.d0f98589.js";
+import { P as mt } from "../../../mui_extended/Popover/index.12f381c4.js";
+import { I as N } from "../../../Icon/index.f569765b.js";
 import { useResponsiveDesktop as ht } from "@m4l/graphics";
 const _t = p("div")(({
   theme: t
@@ -30,26 +29,26 @@ const _t = p("div")(({
   "& > button": {
     marginLeft: "10px"
   }
-})), on = (t) => {
+})), ne = (t) => {
   const {
-    children: n
+    children: e
   } = t;
-  return /* @__PURE__ */ e(_t, {
+  return /* @__PURE__ */ n(_t, {
     id: "WrapperStandarActions",
-    children: n
+    children: e
   });
 };
-function sn() {
+function ie() {
   return ["common_actions"];
 }
-const rn = {
+const oe = {
   common_actions: {
     cancel: "Cancel",
     intro: "Intro",
     confirm_quit_title: "Confirm",
     confirm_quit_msg: "Are your sure exit?"
   }
-}, vt = p(nt)(() => ({})), Ct = p("div")(({
+}, yt = p(et)(() => ({})), vt = p("div")(({
   theme: t
 }) => ({
   height: "22px",
@@ -59,53 +58,53 @@ const rn = {
 }));
 function U(t) {
   const {
-    menuActions: n,
+    menuActions: e,
     objItem: o = {},
     urlIcon: s,
     toolTip: r = "",
     marginTop: g = -1,
     marginBottom: l,
-    marginLeft: C,
+    marginLeft: v,
     marginRight: _,
     width: a = 200,
-    arrow: u = "right-top",
+    arrowType: u = "right-top",
     ...f
   } = t, {
     host_static_assets: z,
     environment_assets: $
   } = k(), {
     getLabel: x
-  } = T(), [y, R] = L(null), D = (m) => {
+  } = S(), [C, R] = W(null), F = (m) => {
     R(m.currentTarget);
-  }, F = w(() => s || `${z}/${$}/frontend/commons/assets/icons/more_vertical.svg`, [s, z, $]), P = () => {
+  }, M = w(() => s || `${z}/${$}/frontend/commons/assets/icons/more_vertical.svg`, [s, z, $]), P = () => {
     R(null);
   }, d = (m) => {
     R(null), m.onClick();
   }, O = w(() => {
     let m;
-    return typeof n != "function" ? m = n : m = n(o), m;
-  }, [n, o]);
-  return /* @__PURE__ */ b(W, {
-    children: [/* @__PURE__ */ e(et, {
+    return typeof e != "function" ? m = e : m = e(o), m;
+  }, [e, o]);
+  return /* @__PURE__ */ b(D, {
+    children: [/* @__PURE__ */ n(nt, {
       title: r,
-      children: /* @__PURE__ */ e(vt, {
+      children: /* @__PURE__ */ n(yt, {
         id: "WrapperMenuActions",
         size: "small",
-        onClick: D,
-        children: /* @__PURE__ */ e(N, {
-          src: F
+        onClick: F,
+        children: /* @__PURE__ */ n(N, {
+          src: M
         })
       })
-    }), /* @__PURE__ */ e(mt, {
-      id: "MenuPopover",
-      open: Boolean(y),
-      anchorEl: y,
+    }), /* @__PURE__ */ n(mt, {
+      id: "Popover",
+      open: Boolean(C),
+      anchorEl: C,
       onClose: P,
-      arrow: u,
+      arrowType: u,
       sx: {
         marginTop: g,
         marginBottom: l,
-        marginLeft: C,
+        marginLeft: v,
         marginRight: _,
         width: a,
         "& .MuiMenuItem-root": {
@@ -115,23 +114,23 @@ function U(t) {
         }
       },
       ...f,
-      children: y && O.map((m, M) => /* @__PURE__ */ b(it, {
+      children: C && O.map((m, L) => /* @__PURE__ */ b(it, {
         dense: !0,
         onClick: () => d(m),
         sx: {
           color: m.color ?? "text.main"
         },
         disabled: m.disabled,
-        children: [/* @__PURE__ */ e(N, {
+        children: [/* @__PURE__ */ n(N, {
           src: m.urlIcon
-        }), /* @__PURE__ */ e(Ct, {
+        }), /* @__PURE__ */ n(vt, {
           children: x(m.dictionaryField)
         })]
-      }, `menu_action_${M}`))
+      }, `menu_action_${L}`))
     })]
   });
 }
-const yt = p("div")(({ theme: t }) => ({
+const Ct = p("div")(({ theme: t }) => ({
   width: "100%",
   justifyContent: "center",
   display: "flex",
@@ -142,49 +141,49 @@ const yt = p("div")(({ theme: t }) => ({
     marginLeft: t.spacing(3)
   }
 }));
-function an(t) {
+function se(t) {
   const {
-    count: n,
+    count: e,
     page: o,
     rowsPerPage: s,
     onPageChange: r
   } = t, {
     host_static_assets: g,
     environment_assets: l
-  } = k(), C = (f) => {
+  } = k(), v = (f) => {
     r(f, 0);
   }, _ = (f) => {
     r(f, o - 1);
   }, a = (f) => {
     r(f, o + 1);
   }, u = (f) => {
-    r(f, Math.max(0, Math.ceil(n / s) - 1));
+    r(f, Math.max(0, Math.ceil(e / s) - 1));
   };
-  return /* @__PURE__ */ b(yt, {
+  return /* @__PURE__ */ b(Ct, {
     id: "WrapperPagerActions",
-    children: [/* @__PURE__ */ e(v, {
+    children: [/* @__PURE__ */ n(y, {
       id: "test_bruce",
       dictionaryTooltip: "pager.first",
-      onClick: C,
+      onClick: v,
       disabled: o === 0,
       "aria-label": "first page",
       src: `${g}/${l}/frontend/components/pager/assets/icons/first.svg`
-    }), /* @__PURE__ */ e(v, {
+    }), /* @__PURE__ */ n(y, {
       dictionaryTooltip: "pager.previous",
       onClick: _,
       disabled: o === 0,
       "aria-label": "first page",
       src: `${g}/${l}/frontend/components/pager/assets/icons/previous.svg`
-    }), /* @__PURE__ */ e(v, {
+    }), /* @__PURE__ */ n(y, {
       dictionaryTooltip: "pager.next",
       onClick: a,
-      disabled: o >= Math.ceil(n / s) - 1,
+      disabled: o >= Math.ceil(e / s) - 1,
       "aria-label": "next page",
       src: `${g}/${l}/frontend/components/pager/assets/icons/next.svg`
-    }), /* @__PURE__ */ e(v, {
+    }), /* @__PURE__ */ n(y, {
       dictionaryTooltip: "pager.last",
       onClick: u,
-      disabled: o >= Math.ceil(n / s) - 1,
+      disabled: o >= Math.ceil(e / s) - 1,
       "aria-label": "last page",
       src: `${g}/${l}/frontend/components/pager/assets/icons/last.svg`
     })]
@@ -193,12 +192,12 @@ function an(t) {
 const xt = "actions-row";
 function bt(t) {
   const {
-    rowActionsGetter: n
+    rowActionsGetter: e
   } = I();
-  return n === void 0 ? /* @__PURE__ */ e(W, {}) : /* @__PURE__ */ e(U, {
-    arrow: "top-left",
+  return e === void 0 ? /* @__PURE__ */ n(D, {}) : /* @__PURE__ */ n(U, {
+    arrowType: "top-left",
     objItem: t.row,
-    menuActions: n,
+    menuActions: e,
     marginTop: 1,
     marginLeft: "-11px",
     anchorOrigin: {
@@ -211,7 +210,7 @@ function bt(t) {
     }
   });
 }
-const ln = {
+const re = {
   key: xt,
   name: "Actions",
   width: 60,
@@ -234,22 +233,22 @@ function kt() {
   const {
     isSkeleton: t
   } = I(), {
-    activeFilters: n,
+    activeFilters: e,
     setActiveFilters: o
   } = lt(), {
     host_static_assets: s,
     environment_assets: r
   } = k(), g = () => {
-    o(!n);
+    o(!e);
   };
-  return t ? /* @__PURE__ */ e(wt, {
-    children: /* @__PURE__ */ e(S, {
+  return t ? /* @__PURE__ */ n(wt, {
+    children: /* @__PURE__ */ n(A, {
       variant: "circular",
       width: 20,
       height: 20
     })
-  }) : /* @__PURE__ */ e(v, {
-    dictionaryTooltip: n ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show",
+  }) : /* @__PURE__ */ n(y, {
+    dictionaryTooltip: e ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show",
     onClick: g,
     "aria-label": "filter",
     src: `${s}/${r}/frontend/components/data_grid/assets/icons/filter.svg`
@@ -281,7 +280,7 @@ p("div")(() => ({
   display: "flex",
   flexDirection: "row"
 }));
-const At = p("div")(({ theme: t }) => ({
+const Tt = p("div")(({ theme: t }) => ({
   paddingTop: t.spacing(3),
   display: "flex",
   flexDirection: "row"
@@ -297,44 +296,44 @@ p("div")(({ theme: t }) => ({
 }));
 function H({
   row: t,
-  onRowChange: n,
+  onRowChange: e,
   column: o
 }) {
   const s = () => {
     const r = {
       ...t
     };
-    r[o.key] = !t[o.key], n(r);
+    r[o.key] = !t[o.key], e(r);
   };
-  return /* @__PURE__ */ e(ot, {
+  return /* @__PURE__ */ n(ot, {
     size: "small",
     checked: t[o.key],
     onChange: s
   });
 }
 function K(t) {
-  return t.filter((n) => !n.hidden).map((n) => ({
-    key: n.key,
-    name: n.name,
-    visible: n.visible === void 0 ? !0 : n.visible,
-    frozen: n.frozen === void 0 ? !1 : n.frozen,
-    originalIndex: n.orginalIndex,
-    originalFrozen: n.originalFrozen,
-    originalVisible: n.originalVisible
+  return t.filter((e) => !e.hidden).map((e) => ({
+    key: e.key,
+    name: e.name,
+    visible: e.visible === void 0 ? !0 : e.visible,
+    frozen: e.frozen === void 0 ? !1 : e.frozen,
+    originalIndex: e.orginalIndex,
+    originalFrozen: e.originalFrozen,
+    originalVisible: e.originalVisible
   }));
 }
-const Q = st((t, n) => {
+const Q = st((t, e) => {
   const o = B(null), {
     onCloseSettings: s,
     columnsConfig: r,
     onChangeColumnsConfig: g
   } = t, {
     getLabel: l
-  } = T(), [C, _] = L(!0), [a, u] = L(K(r)), [f, z] = L(() => /* @__PURE__ */ new Set()), $ = B(null), {
+  } = S(), [v, _] = W(!0), [a, u] = W(K(r)), [f, z] = W(() => /* @__PURE__ */ new Set()), $ = B(null), {
     host_static_assets: x,
-    environment_assets: y
+    environment_assets: C
   } = k();
-  rt(n, () => ({
+  rt(e, () => ({
     onClickIntro: J,
     current: $.current
   }));
@@ -364,12 +363,12 @@ const Q = st((t, n) => {
     type: "boolean",
     formatter: H,
     cellClass: "rdg-cell-align-center"
-  }], [l]), D = () => {
+  }], [l]), F = () => {
     u(a.map((i) => ({
       ...i,
       visible: !0
     })));
-  }, F = () => {
+  }, M = () => {
     u(a.map((i) => ({
       ...i,
       visible: !1
@@ -383,14 +382,14 @@ const Q = st((t, n) => {
     })).sort((i, c) => i.index - c.index));
   };
   at(() => {
-    C === !1 && u(K(r)), _(!1);
+    v === !1 && u(K(r)), _(!1);
   }, [r]);
   const d = w(() => {
     let i = -1;
     if (f.size !== 1)
       return i;
     const h = f.entries().next().value[1];
-    return i = a.findIndex((A) => A.key === h), i;
+    return i = a.findIndex((T) => T.key === h), i;
   }, [a, f]), O = () => {
     if (d === -1)
       return -1;
@@ -407,7 +406,7 @@ const Q = st((t, n) => {
       idx: 0,
       rowIdx: i.length - 1
     }), u(i);
-  }, M = (i) => {
+  }, L = (i) => {
     if (d === -1)
       return -1;
     const c = [...a], h = c[d];
@@ -431,8 +430,8 @@ const Q = st((t, n) => {
         ...c
       };
       if (!c.hidden) {
-        const A = Y(c.key);
-        A && (h.visible = A.visible, h.frozen = A.frozen);
+        const T = Y(c.key);
+        T && (h.visible = T.visible, h.frozen = T.frozen);
       }
       return h;
     }).sort((c, h) => G(c) - G(h));
@@ -449,14 +448,14 @@ const Q = st((t, n) => {
   return /* @__PURE__ */ b(It, {
     id: "WrapperColumnsConfig",
     ref: $,
-    children: [/* @__PURE__ */ e($t, {
+    children: [/* @__PURE__ */ n($t, {
       id: "divInfo",
       children: l("data_grid.settings_sel_columns")
-    }), /* @__PURE__ */ e(Rt, {
+    }), /* @__PURE__ */ n(Rt, {
       id: "WrapperDataGrid",
-      children: /* @__PURE__ */ e(ct, {
+      children: /* @__PURE__ */ n(ct, {
         id: "Originaldata_gridWrapperStyled",
-        children: /* @__PURE__ */ e(pt, {
+        children: /* @__PURE__ */ n(pt, {
           className: "fill-data_grid  rdg-light",
           ref: o,
           columns: R,
@@ -473,107 +472,107 @@ const Q = st((t, n) => {
           }
         })
       })
-    }), /* @__PURE__ */ b(At, {
-      children: [/* @__PURE__ */ e(v, {
+    }), /* @__PURE__ */ b(Tt, {
+      children: [/* @__PURE__ */ n(y, {
         dictionaryTooltip: "data_grid.settings_move_first",
         onClick: O,
         "aria-label": "move first place",
         disabled: d < 1,
-        src: `${x}/${y}/frontend/components/data_grid/assets/icons/move_first_place.svg`
-      }), /* @__PURE__ */ e(v, {
+        src: `${x}/${C}/frontend/components/data_grid/assets/icons/move_first_place.svg`
+      }), /* @__PURE__ */ n(y, {
         dictionaryTooltip: "data_grid.settings_move_up",
-        onClick: () => M(-1),
+        onClick: () => L(-1),
         "aria-label": "move up place",
         disabled: d < 1,
-        src: `${x}/${y}/frontend/components/data_grid/assets/icons/move_up_place.svg`
-      }), /* @__PURE__ */ e(v, {
+        src: `${x}/${C}/frontend/components/data_grid/assets/icons/move_up_place.svg`
+      }), /* @__PURE__ */ n(y, {
         dictionaryTooltip: "data_grid.settings_move_last",
         onClick: m,
         "aria-label": "move last place",
         disabled: d === a.length - 1 || d === -1,
-        src: `${x}/${y}/frontend/components/data_grid/assets/icons/move_last_place.svg`
-      }), /* @__PURE__ */ e(v, {
+        src: `${x}/${C}/frontend/components/data_grid/assets/icons/move_last_place.svg`
+      }), /* @__PURE__ */ n(y, {
         dictionaryTooltip: "data_grid.settings_move_down",
-        onClick: () => M(1),
+        onClick: () => L(1),
         "aria-label": "move down place",
         disabled: d === a.length - 1 || d === -1,
-        src: `${x}/${y}/frontend/components/data_grid/assets/icons/move_down_place.svg`
-      }), /* @__PURE__ */ e(v, {
+        src: `${x}/${C}/frontend/components/data_grid/assets/icons/move_down_place.svg`
+      }), /* @__PURE__ */ n(y, {
         dictionaryTooltip: "data_grid.settings_visible_all",
-        onClick: D,
+        onClick: F,
         "aria-label": "check visible all",
-        src: `${x}/${y}/frontend/components/data_grid/assets/icons/check_all.svg`
-      }), /* @__PURE__ */ e(v, {
+        src: `${x}/${C}/frontend/components/data_grid/assets/icons/check_all.svg`
+      }), /* @__PURE__ */ n(y, {
         dictionaryTooltip: "data_grid.settings_no_visible_all",
-        onClick: F,
+        onClick: M,
         "aria-label": "un check all",
-        src: `${x}/${y}/frontend/components/data_grid/assets/icons/uncheck_all.svg`
-      }), /* @__PURE__ */ e(v, {
+        src: `${x}/${C}/frontend/components/data_grid/assets/icons/uncheck_all.svg`
+      }), /* @__PURE__ */ n(y, {
         dictionaryTooltip: "data_grid.settings_restore",
         onClick: P,
         "aria-label": "Restore columns",
-        src: `${x}/${y}/frontend/components/data_grid/assets/icons/restore_columns.svg`
+        src: `${x}/${C}/frontend/components/data_grid/assets/icons/restore_columns.svg`
       })]
     })]
   });
 });
 Q.displayName = "ColumnsConfig";
-const St = p("div")(({ theme: t }) => ({
+const At = p("div")(({ theme: t }) => ({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
   minWidth: t.spacing(3.75),
   height: t.spacing(3.75)
 }));
-function Tt() {
+function St() {
   const {
     openModal: t,
-    closeModal: n
+    closeModal: e
   } = gt(), {
     columnsConfig: o,
     onChangeColumnsConfig: s,
     isSkeleton: r
   } = I(), {
     getLabel: g
-  } = T(), {
+  } = S(), {
     host_static_assets: l,
-    environment_assets: C
+    environment_assets: v
   } = k(), _ = B(null), a = j(() => {
-    n();
-  }, [n]), u = j(() => {
+    e();
+  }, [e]), u = j(() => {
     _.current?.onClickIntro && _.current?.onClickIntro();
   }, []), f = j(() => {
     t({
-      onQueryClose: () => n(),
+      onQueryClose: () => e(),
       title: g("data_grid.settings_title"),
       initialWidth: 500,
       initialHeigth: 680,
-      contentComponent: /* @__PURE__ */ e(Q, {
+      contentComponent: /* @__PURE__ */ n(Q, {
         ref: _,
         columnsConfig: o,
         onChangeColumnsConfig: s,
         onCloseSettings: a
       }),
-      actions: /* @__PURE__ */ b(W, {
-        children: [/* @__PURE__ */ e(ft, {
-          onClick: n
-        }), /* @__PURE__ */ e(ut, {
+      actions: /* @__PURE__ */ b(D, {
+        children: [/* @__PURE__ */ n(ft, {
+          onClick: e
+        }), /* @__PURE__ */ n(ut, {
           onClick: u
         })]
       })
     });
-  }, [n, o, g, s, a, t, u]);
-  return r ? /* @__PURE__ */ e(St, {
-    children: /* @__PURE__ */ e(S, {
+  }, [e, o, g, s, a, t, u]);
+  return r ? /* @__PURE__ */ n(At, {
+    children: /* @__PURE__ */ n(A, {
       variant: "circular",
       width: 20,
       height: 20
     })
-  }) : /* @__PURE__ */ e(v, {
+  }) : /* @__PURE__ */ n(y, {
     dictionaryTooltip: "data_grid.tooltip_settings",
     onClick: f,
     "aria-label": "settings",
-    src: `${l}/${C}/frontend/components/data_grid/assets/icons/configuration.svg`
+    src: `${l}/${v}/frontend/components/data_grid/assets/icons/configuration.svg`
   });
 }
 const V = p("div")(() => ({
@@ -590,19 +589,19 @@ const V = p("div")(() => ({
 function zt() {
   const {
     rowsCount: t,
-    isSkeleton: n
+    isSkeleton: e
   } = I(), {
     getLabel: o
-  } = T();
-  return n ? /* @__PURE__ */ b(V, {
-    children: [/* @__PURE__ */ e(E, {
-      children: /* @__PURE__ */ e(S, {
+  } = S();
+  return e ? /* @__PURE__ */ b(V, {
+    children: [/* @__PURE__ */ n(E, {
+      children: /* @__PURE__ */ n(A, {
         variant: "text",
         width: "40px",
         height: "16px"
       })
-    }), /* @__PURE__ */ e(q, {
-      children: /* @__PURE__ */ e(S, {
+    }), /* @__PURE__ */ n(q, {
+      children: /* @__PURE__ */ n(A, {
         variant: "text",
         width: "20px",
         height: "16px"
@@ -611,29 +610,29 @@ function zt() {
   }) : /* @__PURE__ */ b(V, {
     className: "rows-count",
     id: "RowsCount",
-    children: [/* @__PURE__ */ e(E, {
+    children: [/* @__PURE__ */ n(E, {
       children: o("data_grid.rows")
-    }), /* @__PURE__ */ e(q, {
+    }), /* @__PURE__ */ n(q, {
       children: t
     })]
   });
 }
-const Mt = p("div")(({ theme: t }) => ({
+const Lt = p("div")(({ theme: t }) => ({
   marginLeft: 0,
   [t.breakpoints.up("sm")]: {
     marginLeft: t.spacing(3)
   }
-})), Lt = p("div")(({ theme: t }) => ({
+})), Wt = p("div")(({ theme: t }) => ({
   display: "flex",
   justifyContent: "center",
   alignItems: "center",
   minWidth: t.spacing(3.75),
   height: t.spacing(3.75)
 }));
-function Wt() {
+function Dt() {
   const {
     host_static_assets: t,
-    environment_assets: n
+    environment_assets: e
   } = k(), {
     rowHeights: o,
     currentRowHeightVariant: s,
@@ -641,32 +640,32 @@ function Wt() {
     isSkeleton: g
   } = I(), {
     getLabel: l
-  } = T(), C = w(() => typeof o == "number" ? [] : [{
-    urlIcon: `${t}/${n}/frontend/components/data_grid/assets/icons/compact.svg`,
+  } = S(), v = w(() => typeof o == "number" ? [] : [{
+    urlIcon: `${t}/${e}/frontend/components/data_grid/assets/icons/compact.svg`,
     onClick: () => r("compact"),
     disabled: s === "compact",
     dictionaryField: "data_grid.density_compact"
   }, {
-    urlIcon: `${t}/${n}/frontend/components/data_grid/assets/icons/standard.svg`,
+    urlIcon: `${t}/${e}/frontend/components/data_grid/assets/icons/standard.svg`,
     onClick: () => r("standard"),
     disabled: s === "standard",
     dictionaryField: "data_grid.density_standard"
   }, {
-    urlIcon: `${t}/${n}/frontend/components/data_grid/assets/icons/confortable.svg`,
+    urlIcon: `${t}/${e}/frontend/components/data_grid/assets/icons/confortable.svg`,
     onClick: () => r("confortable"),
     disabled: s === "confortable",
     dictionaryField: "data_grid.density_confortable"
-  }], [o, s, r, t, n]), _ = w(() => s === "compact" ? `${t}/${n}/frontend/components/data_grid/assets/icons/compact.svg` : s === "standard" ? `${t}/${n}/frontend/components/data_grid/assets/icons/standard.svg` : `${t}/${n}/frontend/components/data_grid/assets/icons/confortable.svg`, [s, t, n]);
-  return C.length === 0 ? /* @__PURE__ */ e(W, {}) : g ? /* @__PURE__ */ e(Lt, {
-    children: /* @__PURE__ */ e(S, {
+  }], [o, s, r, t, e]), _ = w(() => s === "compact" ? `${t}/${e}/frontend/components/data_grid/assets/icons/compact.svg` : s === "standard" ? `${t}/${e}/frontend/components/data_grid/assets/icons/standard.svg` : `${t}/${e}/frontend/components/data_grid/assets/icons/confortable.svg`, [s, t, e]);
+  return v.length === 0 ? /* @__PURE__ */ n(D, {}) : g ? /* @__PURE__ */ n(Wt, {
+    children: /* @__PURE__ */ n(A, {
       variant: "circular",
       width: "20px",
       height: "20px"
     })
-  }) : /* @__PURE__ */ e(Mt, {
+  }) : /* @__PURE__ */ n(Lt, {
     id: "WrapperDensity",
-    children: /* @__PURE__ */ e(U, {
-      arrow: "right-top",
+    children: /* @__PURE__ */ n(U, {
+      arrowType: "right-top",
       anchorOrigin: {
         vertical: "top",
         horizontal: "left"
@@ -675,13 +674,13 @@ function Wt() {
         vertical: "top",
         horizontal: "right"
       },
-      menuActions: C,
+      menuActions: v,
       urlIcon: _,
       toolTip: l("data_grid.tooltip_density")
     })
   });
 }
-const Dt = p("div")(({ theme: t }) => ({
+const Ft = p("div")(({ theme: t }) => ({
   ...t.typography.caption,
   position: "absolute",
   left: "0px",
@@ -706,38 +705,38 @@ const Dt = p("div")(({ theme: t }) => ({
     overflow: "hidden"
   }
 }));
-function cn(t) {
-  const n = ht(), {
+function ae(t) {
+  const e = ht(), {
     rowHeights: o,
     isSkeleton: s
   } = I(), {
     withRowsCount: r = !0,
     withPager: g = !0,
     pagerOptions: l,
-    withSettings: C = !0,
+    withSettings: v = !0,
     settingsProps: _,
     withLocalFilters: a
   } = t;
-  return /* @__PURE__ */ b(Dt, {
+  return /* @__PURE__ */ b(Ft, {
     id: "WrapperActions",
     className: g && l ? "with-pager" : "with-no-pager",
-    children: [r && n && /* @__PURE__ */ e(zt, {}), g && l && /* @__PURE__ */ e(dt, {
+    children: [r && e && /* @__PURE__ */ n(zt, {}), g && l && /* @__PURE__ */ n(dt, {
       ...l,
       totalRecords: l.totalRecords,
       isSkeleton: s,
-      isDesktop: n
-    }), typeof o != "number" && /* @__PURE__ */ e(Wt, {}), a && /* @__PURE__ */ e(kt, {}), C && /* @__PURE__ */ e(Tt, {
+      isDesktop: e
+    }), typeof o != "number" && /* @__PURE__ */ n(Dt, {}), a && /* @__PURE__ */ n(kt, {}), v && /* @__PURE__ */ n(St, {
       ..._
     })]
   });
 }
 export {
-  ln as A,
-  Ct as L,
+  re as A,
+  vt as L,
   U as M,
-  an as P,
-  cn as a,
-  on as b,
-  rn as d,
-  sn as g
+  se as P,
+  ae as a,
+  ne as b,
+  oe as d,
+  ie as g
 };