@m4l/components 9.50.0 → 9.51.0-beta-m4lcom-764-device-picker.0

package/components/datagrids/views/TableView/subcomponents/RenderGroupCell/RenderGroupCell.js

@@ -1,29 +1,28 @@
-import { jsxs as x, jsx as s } from "@emotion/react/jsx-runtime";
-import { useEnvironment as C } from "@m4l/core";
+import { jsxs as m, jsx as l } from "@emotion/react/jsx-runtime";
 import { pathIcons as i } from "../../../../icons.js";
-import { Icon as G } from "@m4l/base";
-import { DefaultRenderGroupCellRootStyled as R, DefaultRenderGroupCellTextStyled as S } from "../../../../slots/DataGridSlot.js";
-import { useDataGrid as w } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-function $(a) {
-  const { groupKey: r, isExpanded: o, toggleGroup: t, column: e, customRenderGroupCell: n, ...l } = a, { host_static_assets: p, environment_assets: c } = C(), { size: u, currentRowHeightVariant: m } = w(), d = o ? i.groupDown : i.groupUp, g = `${p}/${c}/${d}`, f = e.align, h = {
+import { Icon as f } from "@m4l/base";
+import { DefaultRenderGroupCellRootStyled as h, DefaultRenderGroupCellTextStyled as x } from "../../../../slots/DataGridSlot.js";
+import { useDataGrid as C } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+function y(p) {
+  const { groupKey: r, isExpanded: o, toggleGroup: t, column: e, customRenderGroupCell: n, ...a } = p, { size: c, currentRowHeightVariant: s } = C(), u = o ? i.groupDown : i.groupUp, d = e.align, g = {
     groupKey: r,
     isExpanded: o,
     toggleGroup: t,
     column: e,
-    ...l
+    ...a
   };
-  return /* @__PURE__ */ x(R, { ownerState: { align: f }, onClick: t, children: [
-    /* @__PURE__ */ s(
-      G,
+  return /* @__PURE__ */ m(h, { ownerState: { align: d }, onClick: t, children: [
+    /* @__PURE__ */ l(
+      f,
       {
-        src: g,
-        size: u,
+        src: u,
+        size: c,
         ariaLabel: o ? "Colapsar grupo" : "Expandir grupo"
       }
     ),
-    n ? n(h) : /* @__PURE__ */ s(S, { ownerState: { currentRowHeightVariant: m }, children: String(r) })
+    n ? n(g) : /* @__PURE__ */ l(x, { ownerState: { currentRowHeightVariant: s }, children: String(r) })
   ] });
 }
 export {
-  $ as RenderGroupCell
+  y as RenderGroupCell
 };

package/components/datagrids/views/TableView/subcomponents/Settings/Settings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/Settings/Settings.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAuB5C"}
+{"version":3,"file":"Settings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/Settings/Settings.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC;;;GAGG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,oDAsB5C"}

package/components/datagrids/views/TableView/subcomponents/Settings/Settings.js

@@ -1,24 +1,24 @@
-import { jsx as c } from "@emotion/react/jsx-runtime";
-import { useEnvironment as m, useModuleDictionary as l } from "@m4l/core";
-import { pathIcons as u } from "../../../../icons.js";
-import { IconButton as p } from "../../../../../extended/mui/IconButton/IconButton.js";
-import { useDataGrid as d } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import { useModalSettings as g } from "./hooks/useModalSettings/useModalSettings.js";
-function k(t) {
-  const { columns: o } = t, { host_static_assets: n, environment_assets: s } = m(), { size: i } = d(), e = g(i, o), { getLabel: r } = l(), a = () => {
-    e();
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { useModuleDictionary as a } from "@m4l/core";
+import { pathIcons as c } from "../../../../icons.js";
+import { IconButton as m } from "../../../../../extended/mui/IconButton/IconButton.js";
+import { useDataGrid as l } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { useModalSettings as p } from "./hooks/useModalSettings/useModalSettings.js";
+function h(t) {
+  const { columns: o } = t, { size: i } = l(), n = p(i, o), { getLabel: s } = a(), r = () => {
+    n();
   };
-  return /* @__PURE__ */ c(
-    p,
+  return /* @__PURE__ */ e(
+    m,
     {
-      tooltip: r("data_grid.tooltip_settings"),
-      onClick: a,
+      tooltip: s("data_grid.tooltip_settings"),
+      onClick: r,
       "aria-label": "settings",
-      icon: `${n}/${s}/${u.configuration}`,
+      icon: c.configuration,
       "data-testid": "settings-button"
     }
   );
 }
 export {
-  k as Settings
+  h as Settings
 };

package/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModalSettings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAOzC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,EACzC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,eAoFrC,CAAC"}
+{"version":3,"file":"useModalSettings.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.tsx"],"names":[],"mappings":"AAmBA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAOzC;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,MAAM,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,MAAM,CAAC,EACzC,SAAS,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,eAmFrC,CAAC"}

package/components/datagrids/views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js

@@ -1,64 +1,64 @@
 import { jsx as o, jsxs as s } from "@emotion/react/jsx-runtime";
-import { useModuleDictionary as I, useEnvironment as w } from "@m4l/core";
-import { useIsMobile as D } from "@m4l/graphics";
-import { useRef as A, useCallback as l } from "react";
-import { useModal as G } from "../../../../../../../../hooks/useModal/index.js";
-import { ContentModalSettingStyled as H, DataGridRootStyled as W } from "../../../../../../slots/DataGridSlot.js";
-import { pathIcons as y } from "../../../../../../icons.js";
-import { ColumnsConfig as R } from "../../subcomponents/ColumnsConfig/ColumnsConfig.js";
-import { ActionsContainer as v } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
-import { useDataGrid as x } from "../../../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import { WindowBase as L } from "../../../../../../../WindowBase/WindowBase.js";
-import { ActionCancel as O } from "../../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
-import { ActionIntro as T } from "../../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
-const a = 520, U = 80, Z = (c, i) => {
-  const { openModal: m, closeModal: t } = G(), {
+import { useModuleDictionary as k } from "@m4l/core";
+import { useIsMobile as I } from "@m4l/graphics";
+import { useRef as w, useCallback as l } from "react";
+import { useModal as D } from "../../../../../../../../hooks/useModal/index.js";
+import { ContentModalSettingStyled as _, DataGridRootStyled as A } from "../../../../../../slots/DataGridSlot.js";
+import { pathIcons as G } from "../../../../../../icons.js";
+import { ColumnsConfig as H } from "../../subcomponents/ColumnsConfig/ColumnsConfig.js";
+import { ActionsContainer as W } from "../../../../../../../CommonActions/components/ActionsContainer/ActionsContainer.js";
+import { useDataGrid as y } from "../../../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { WindowBase as R } from "../../../../../../../WindowBase/WindowBase.js";
+import { ActionCancel as x } from "../../../../../../../CommonActions/components/ActionCancel/ActionCancel.js";
+import { ActionIntro as L } from "../../../../../../../CommonActions/components/ActionIntro/ActionIntro.js";
+const a = 520, O = 80, X = (c, i) => {
+  const { openModal: m, closeModal: t } = D(), {
     columnsConfig: d,
     onChangeColumnsConfig: u,
     currentRowHeight: g,
     classes: r,
     reorderable: C
-  } = x(), { getLabel: f } = I(), { host_static_assets: p, environment_assets: h } = w(), S = D(), e = A(null), M = i.some(
+  } = y(), { getLabel: f } = k(), p = I(), e = w(null), h = i.some(
     (n) => n.groupable === !0 || n.grouped === !0
-  ) ? a + U : a, b = l(() => {
+  ) ? a + O : a, S = l(() => {
     t();
-  }, [t]), _ = l(() => {
+  }, [t]), M = l(() => {
     e.current?.onClickIntro && e.current.onClickIntro();
-  }, []), k = (n) => {
+  }, []), b = (n) => {
     u("table", n);
   };
   return () => {
     m({
-      initialWidth: M,
+      initialWidth: h,
       initialHeight: 680,
-      fullScreen: S,
+      fullScreen: p,
       window: /* @__PURE__ */ o(
-        L,
+        R,
         {
           title: f("data_grid.settings_title"),
-          iconUrl: `${p}/${h}/${y.configuration}`,
+          iconUrl: G.configuration,
           onClose: t,
           className: "settings-modal",
           variant: "outlined",
           emergeType: "modal",
-          children: /* @__PURE__ */ s(H, { ownerState: {}, classes: r?.contentModalSetting, children: [
-            /* @__PURE__ */ o(W, { ownerState: {}, children: /* @__PURE__ */ o(
-              R,
+          children: /* @__PURE__ */ s(_, { ownerState: {}, classes: r?.contentModalSetting, children: [
+            /* @__PURE__ */ o(A, { ownerState: {}, children: /* @__PURE__ */ o(
+              H,
               {
                 ref: e,
                 rowHeight: g,
                 columnsConfig: d,
-                onChangeColumnsConfig: k,
-                onCloseSettings: b,
+                onChangeColumnsConfig: b,
+                onCloseSettings: S,
                 classes: r,
                 size: c,
                 columns: i,
                 reorderable: C
               }
             ) }),
-            /* @__PURE__ */ s(v, { children: [
-              /* @__PURE__ */ o(O, { onClick: t }),
-              /* @__PURE__ */ o(T, { onClick: _, "data-testid": "data-grid-settings-intro" })
+            /* @__PURE__ */ s(W, { children: [
+              /* @__PURE__ */ o(x, { onClick: t }),
+              /* @__PURE__ */ o(L, { onClick: M, "data-testid": "data-grid-settings-intro" })
             ] })
           ] })
         }
@@ -67,5 +67,5 @@ const a = 520, U = 80, Z = (c, i) => {
   };
 };
 export {
-  Z as useModalSettings
+  X as useModalSettings
 };

package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsConfig.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAU,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAO,MAAM,SAAS,CAAC;AAkDlE;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,WAAW;;;CAO/C,CAAC;AAEF,eAAO,MAAM,aAAa,0GAmWzB,CAAC"}
+{"version":3,"file":"ColumnsConfig.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAU,MAAM,yBAAyB,CAAC;AAEnE,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAO,MAAM,SAAS,CAAC;AAkDlE;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,WAAW;;;CAO/C,CAAC;AAEF,eAAO,MAAM,aAAa,0GAiWzB,CAAC"}

package/components/datagrids/views/TableView/subcomponents/Settings/subcomponents/ColumnsConfig/ColumnsConfig.js

@@ -1,21 +1,21 @@
-import { jsxs as h, jsx as d, Fragment as ne } from "@emotion/react/jsx-runtime";
-import { forwardRef as oe, useRef as z, useState as _, useImperativeHandle as re, useMemo as M, useEffect as te } from "react";
-import { useModuleDictionary as le, useEnvironment as ie } from "@m4l/core";
-import se from "react-data-grid";
-import { pathIcons as S } from "../../../../../../icons.js";
-import { ColumnsConfigWrapperStyled as ae, ColumnsConfigDataGridStyled as de, ColumnsConfigSelColumnsStyled as ce, TableWrapperDataGridStyled as ue, ColumnsConfigActiosStyled as pe } from "../../../../../../slots/DataGridSlot.js";
+import { jsxs as w, jsx as d, Fragment as X } from "@emotion/react/jsx-runtime";
+import { forwardRef as ee, useRef as L, useState as v, useImperativeHandle as ne, useMemo as z, useEffect as oe } from "react";
+import { useModuleDictionary as re } from "@m4l/core";
+import te from "react-data-grid";
+import { pathIcons as m } from "../../../../../../icons.js";
+import { ColumnsConfigWrapperStyled as le, ColumnsConfigDataGridStyled as ie, ColumnsConfigSelColumnsStyled as se, TableWrapperDataGridStyled as ae, ColumnsConfigActiosStyled as de } from "../../../../../../slots/DataGridSlot.js";
 import { DICTIONARY as s } from "../../../../../../dictionary.js";
-import { ColumnInteractiveCheckFormatter as N } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
-import { IconButton as I } from "../../../../../../../extended/mui/IconButton/IconButton.js";
-function A(C, u) {
-  return C.filter((r) => !r.hidden).map((r) => {
-    const p = u.find((b) => b.key === r.key)?.groupable === !0, v = r.grouped === !0;
+import { ColumnInteractiveCheckFormatter as x } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
+import { IconButton as f } from "../../../../../../../extended/mui/IconButton/IconButton.js";
+function M(S, u) {
+  return S.filter((r) => !r.hidden).map((r) => {
+    const p = u.find((C) => C.key === r.key)?.groupable === !0, k = r.grouped === !0;
     return {
       key: r.key,
-      name: u?.find((b) => b.key === r.key)?.name ?? "",
+      name: u?.find((C) => C.key === r.key)?.name ?? "",
       visible: r.visible === void 0 ? !0 : r.visible,
       frozen: r.frozen === void 0 ? !1 : r.frozen,
-      grouped: v,
+      grouped: k,
       // Checkbox habilitado solo si groupable=true
       groupable: p,
       originalIndex: r.originalIndex,
@@ -25,31 +25,31 @@ function A(C, u) {
     };
   });
 }
-const w = (C) => {
-  const u = C !== void 0 ? `rdg-cell-align-${C}` : "";
+const b = (S) => {
+  const u = S !== void 0 ? `rdg-cell-align-${S}` : "";
   return {
     cellClass: u,
     headerCellClass: u
   };
-}, me = oe(
-  (C, u) => {
-    const r = z(null), {
-      onCloseSettings: E,
+}, ce = ee(
+  (S, u) => {
+    const r = L(null), {
+      onCloseSettings: N,
       columnsConfig: p,
-      onChangeColumnsConfig: v,
-      rowHeight: b,
-      classes: F,
-      size: G,
-      columns: k,
-      reorderable: U = !0
-    } = C, { getLabel: i } = le(), [V, D] = _(!0), [o, c] = _(
-      A(p, k)
-    ), [y, P] = _(() => /* @__PURE__ */ new Set()), R = z(null), { host_static_assets: m, environment_assets: f } = ie();
-    re(u, () => ({
-      onClickIntro: q,
-      current: R.current
+      onChangeColumnsConfig: k,
+      rowHeight: C,
+      classes: A,
+      size: _,
+      columns: y,
+      reorderable: F = !0
+    } = S, { getLabel: i } = re(), [U, V] = v(!0), [o, c] = v(
+      M(p, y)
+    ), [g, D] = v(() => /* @__PURE__ */ new Set()), G = L(null);
+    ne(u, () => ({
+      onClickIntro: Z,
+      current: G.current
     }));
-    const B = M(() => {
+    const P = z(() => {
       const e = [
         {
           key: "name",
@@ -57,49 +57,49 @@ const w = (C) => {
           width: 220,
           resizable: !0,
           type: "string",
-          ...w("left")
+          ...b("left")
         },
         {
           key: "originalIndex",
           name: i(s.SETTINGS_COLUMN_POSITION),
           width: 70,
           type: "number",
-          ...w("center")
+          ...b("center")
         },
         {
           key: "visible",
           name: i(s.SETTINGS_COLUMN_VISIBLE),
           width: 80,
           type: "boolean",
-          renderCell: N,
-          ...w("center")
+          renderCell: x,
+          ...b("center")
         },
         {
           key: "frozen",
           name: i(s.SETTINGS_COLUMNS_FROZEN),
           width: 80,
           type: "boolean",
-          renderCell: N,
-          ...w("center")
+          renderCell: x,
+          ...b("center")
         }
       ];
-      return k.some(
+      return y.some(
         (n) => n.groupable === !0 || n.grouped === !0
       ) && e.push({
         key: "grouped",
         name: i(s.SETTINGS_COLUMN_GROUP),
         width: 80,
         type: "boolean",
-        renderCell: N,
+        renderCell: x,
         // disabledKey hace que el checkbox esté deshabilitado cuando groupable=false
         disabledKey: "groupable",
-        ...w("center")
+        ...b("center")
       }), e;
-    }, [i, k]), W = () => {
+    }, [i, y]), B = () => {
       c(o.map((e) => ({ ...e, visible: !0 })));
-    }, K = () => {
+    }, W = () => {
       c(o.map((e) => ({ ...e, visible: !1 })));
-    }, j = () => {
+    }, K = () => {
       c(
         o.map((e) => ({
           ...e,
@@ -110,28 +110,28 @@ const w = (C) => {
         })).sort((e, t) => e.index - t.index)
       );
     };
-    te(() => {
-      V === !1 && c(
-        A(p, k)
-      ), D(!1);
+    oe(() => {
+      U === !1 && c(
+        M(p, y)
+      ), V(!1);
     }, [p]);
-    const l = M(() => {
+    const l = z(() => {
       let e = -1;
-      if (y.size !== 1)
+      if (g.size !== 1)
         return e;
-      const n = y.entries().next().value?.[1];
+      const n = g.entries().next().value?.[1];
       return e = o.findIndex((a) => a.key === n), e;
-    }, [o, y]), H = () => {
+    }, [o, g]), j = () => {
       if (l === -1)
         return -1;
       const e = [...o];
       e.splice(l, 1), e.splice(0, 0, o[l]), r.current?.selectCell({ idx: 0, rowIdx: 0 }), c(e);
-    }, Y = () => {
+    }, H = () => {
       if (l === -1)
         return -1;
       const e = [...o];
       e.splice(l, 1), e.splice(e.length, 0, o[l]), r.current?.selectCell({ idx: 0, rowIdx: e.length - 1 }), c(e);
-    }, $ = (e) => {
+    }, E = (e) => {
       if (l === -1)
         return -1;
       const t = [...o], n = t[l];
@@ -139,68 +139,68 @@ const w = (C) => {
         idx: 0,
         rowIdx: l + e
       }), c(t);
-    }, Z = (e) => {
+    }, Y = (e) => {
       const t = o.findIndex((n) => n.key === e);
       if (t > -1)
         return {
           visible: o[t].visible,
           frozen: o[t].frozen
         };
-    }, O = (e) => {
+    }, R = (e) => {
       const t = o.findIndex((n) => n.key === e.key);
       return t > -1 ? t : p.findIndex(
         (n) => n.key === e.key
       );
-    }, q = () => {
+    }, Z = () => {
       const e = o.filter((n) => n.grouped), t = p.map((n) => {
         const a = { ...n };
         if (!n.hidden) {
-          const T = Z(n.key);
-          T && (a.visible = T.visible, a.frozen = T.frozen);
-          const x = o.findIndex(
-            (g) => g.key === n.key
+          const h = Y(n.key);
+          h && (a.visible = h.visible, a.frozen = h.frozen);
+          const T = o.findIndex(
+            (I) => I.key === n.key
           );
-          x > -1 && (a.index = x);
-          const L = o.find((g) => g.key === n.key);
-          if (L) {
-            a.grouped = L.grouped;
-            const g = e.findIndex(
-              (ee) => ee.key === n.key
+          T > -1 && (a.index = T);
+          const O = o.find((I) => I.key === n.key);
+          if (O) {
+            a.grouped = O.grouped;
+            const I = e.findIndex(
+              (Q) => Q.key === n.key
             );
-            a.groupOrder = g > -1 ? g : x;
+            a.groupOrder = I > -1 ? I : T;
           }
         }
         return a;
-      }).sort((n, a) => O(n) - O(a));
-      v(t), E();
-    }, J = () => {
-    }, Q = (e) => {
+      }).sort((n, a) => R(n) - R(a));
+      k(t), N();
+    }, $ = () => {
+    }, q = (e) => {
       c(e);
-    }, X = ({ row: e }) => {
-      if (y.has(e.key))
+    }, J = ({ row: e }) => {
+      if (g.has(e.key))
         return;
       const t = /* @__PURE__ */ new Set([e.key]);
-      P(t);
+      D(t);
     };
-    return /* @__PURE__ */ h(ae, { ownerState: {}, ref: R, children: [
-      /* @__PURE__ */ h(de, { ownerState: {}, children: [
-        /* @__PURE__ */ d(ce, { ownerState: { size: G }, children: i(s.SETTINGS_SEL_COLUMNS) }),
+    return /* @__PURE__ */ w(le, { ownerState: {}, ref: G, children: [
+      /* @__PURE__ */ w(ie, { ownerState: {}, children: [
+        /* @__PURE__ */ d(se, { ownerState: { size: _ }, children: i(s.SETTINGS_SEL_COLUMNS) }),
         /* @__PURE__ */ d(
-          ue,
+          ae,
           {
-            className: F?.tableWrapperDataGrid,
-            ownerState: { size: G },
+            className: A?.tableWrapperDataGrid,
+            ownerState: { size: _ },
             children: /* @__PURE__ */ d(
-              se,
+              te,
               {
                 ref: r,
-                rowHeight: b,
-                columns: B,
+                rowHeight: C,
+                columns: P,
                 rows: o,
-                onRowsChange: Q,
-                selectedRows: y,
-                onSelectedRowsChange: J,
-                onCellClick: X,
+                onRowsChange: q,
+                selectedRows: g,
+                onSelectedRowsChange: $,
+                onCellClick: J,
                 rowKeyGetter: (e) => e.key,
                 defaultColumnOptions: { resizable: !0, sortable: !0 }
               }
@@ -208,82 +208,82 @@ const w = (C) => {
           }
         )
       ] }),
-      /* @__PURE__ */ h(pe, { ownerState: {}, children: [
-        U && /* @__PURE__ */ h(ne, { children: [
+      /* @__PURE__ */ w(de, { ownerState: {}, children: [
+        F && /* @__PURE__ */ w(X, { children: [
           /* @__PURE__ */ d(
-            I,
+            f,
             {
               tooltip: i(s.SETTINGS_MOVE_FIRST),
-              onClick: H,
+              onClick: j,
               "aria-label": "move first place",
               disabled: l < 1,
-              icon: `${m}/${f}/${S.moveFirstPlace}`
+              icon: m.moveFirstPlace
             }
           ),
           /* @__PURE__ */ d(
-            I,
+            f,
             {
               tooltip: i(s.SETTINGS_MOVE_UP),
-              onClick: () => $(-1),
+              onClick: () => E(-1),
               "aria-label": "move up place",
               disabled: l < 1,
-              icon: `${m}/${f}/${S.moveUpPlace}`
+              icon: m.moveUpPlace
             }
           ),
           /* @__PURE__ */ d(
-            I,
+            f,
             {
               tooltip: i(s.SETTINGS_MOVE_LAST),
-              onClick: Y,
+              onClick: H,
               "aria-label": "move last place",
               disabled: l === o.length - 1 || l === -1,
-              icon: `${m}/${f}/${S.moveLastPlace}`
+              icon: m.moveLastPlace
             }
           ),
           /* @__PURE__ */ d(
-            I,
+            f,
             {
               tooltip: i(s.SETTINGS_MOVE_DOWN),
-              onClick: () => $(1),
+              onClick: () => E(1),
               "aria-label": "move down place",
               disabled: l === o.length - 1 || l === -1,
-              icon: `${m}/${f}/${S.moveDownPlace}`
+              icon: m.moveDownPlace
             }
           )
         ] }),
         /* @__PURE__ */ d(
-          I,
+          f,
           {
             tooltip: i(s.SETTINGS_VISIBLE_ALL),
-            onClick: W,
+            onClick: B,
             "aria-label": "check visible all",
-            icon: `${m}/${f}/${S.checkAll}`
+            icon: m.checkAll
           }
         ),
         /* @__PURE__ */ d(
-          I,
+          f,
           {
             tooltip: i(s.SETTINGS_NO_VISIBLE_ALL),
-            onClick: K,
+            onClick: W,
             "aria-label": "un check all",
-            icon: `${m}/${f}/${S.uncheckAll}`
+            icon: m.uncheckAll
           }
         ),
         /* @__PURE__ */ d(
-          I,
+          f,
           {
             tooltip: i(s.SETTINGS_RESTORE),
-            onClick: j,
+            onClick: K,
             "aria-label": "Restore columns",
-            icon: `${m}/${f}/${S.restoreColumns}`
+            icon: m.restoreColumns
           }
         )
       ] })
     ] });
   }
 );
-me.displayName = "ColumnsConfig";
+ce.displayName = "ColumnsConfig";
 export {
-  me as ColumnsConfig,
-  w as getAlignClass
+  ce as ColumnsConfig,
+  b as getAlignClass
 };

package/components/extended/React-resizable-panels/SplitLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitLayout.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/React-resizable-panels/SplitLayout.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,qDAwDlD,CAAC"}
+{"version":3,"file":"SplitLayout.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/extended/React-resizable-panels/SplitLayout.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG3C;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,qDAsDlD,CAAC"}