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

package/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.js

@@ -1,61 +1,61 @@
-import { jsx as Z } from "@emotion/react/jsx-runtime";
-import { useCallback as $, useMemo as o } from "react";
-import { useEnvironment as P, useModuleDictionary as Q } from "@m4l/core";
-import { ActionsFilterOutlined as W } from "@m4l/icons";
-import { DICTIONARY as p } from "../../../../dictionary.js";
-import { pathIcons as b } from "../../../../icons.js";
-import { Icon as X } from "@m4l/base";
-import { useDataGrid as y } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-function at(t, A, U, _) {
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useCallback as A, useMemo as o } from "react";
+import { useModuleDictionary as P } from "@m4l/core";
+import { ActionsFilterOutlined as Q } from "@m4l/icons";
+import { DICTIONARY as f } from "../../../../dictionary.js";
+import { pathIcons as C } from "../../../../icons.js";
+import { Icon as b } from "@m4l/base";
+import { useDataGrid as W } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+function nt(t, m, N, S) {
   const {
     columnsConfig: i,
     onChangeColumnsConfig: g,
-    setSortColumns: N,
+    setSortColumns: F,
     sortColumns: I,
     externalSortSettings: s,
-    externalFilterSettings: u
-  } = y(), { host_static_assets: d, environment_assets: l } = P(), { getLabel: a } = Q(), m = $(
+    externalFilterSettings: p
+  } = W(), { getLabel: a } = P(), O = A(
     (e) => {
-      _ ? _(e) : N(e);
+      S ? S(e) : F(e);
     },
-    [_, N]
-  ), n = o(() => A.find((e) => e.key === t), [t, A]), k = o(() => t ? typeof n?.sortable == "boolean" ? n.sortable : U : !1, [t, n, U]), S = o(() => !t || !s ? !1 : s.sortsColumns.some(
+    [S, F]
+  ), n = o(() => m.find((e) => e.key === t), [t, m]), D = o(() => t ? typeof n?.sortable == "boolean" ? n.sortable : N : !1, [t, n, N]), M = o(() => !t || !s ? !1 : s.sortsColumns.some(
     (e) => typeof e == "string" ? e === t : e.name === t
   ), [t, s]), c = o(() => {
     if (!(!t || !s?.sortsApplied))
       return s.sortsApplied.find(
         (e) => e.columnKey === t
       );
-  }, [t, s?.sortsApplied]), v = o(() => c?.direction === "asc", [c]), F = o(() => c?.direction === "desc", [c]), D = o(
+  }, [t, s?.sortsApplied]), G = o(() => c?.direction === "asc", [c]), T = o(() => c?.direction === "desc", [c]), R = o(
     () => !!(t && I.some(
       (e) => e.columnKey === t && e.direction === "ASC"
     )),
     [t, I]
-  ), M = o(
+  ), _ = o(
     () => !!(t && I.some(
       (e) => e.columnKey === t && e.direction === "DESC"
     )),
     [t, I]
-  ), G = $(() => {
+  ), v = A(() => {
     if (!t)
       return;
     const e = I.filter((r) => r.columnKey !== t);
-    m(e);
-  }, [t, I, m]), T = o(() => !!c, [c]), z = $(() => {
+    O(e);
+  }, [t, I, O]), z = o(() => !!c, [c]), B = A(() => {
     if (!t)
       return;
     const e = i.map(
       (r) => r.key === t ? { ...r, frozen: !r.frozen } : r
     );
     g("table", e);
-  }, [t, i, g]), B = $(() => {
+  }, [t, i, g]), V = A(() => {
     if (!t)
       return;
     const e = i.map(
       (r) => r.key === t ? { ...r, visible: !r.visible } : r
     );
     g("table", e);
-  }, [t, i, g]), R = $(
+  }, [t, i, g]), x = A(
     (e) => {
       !t || !n || n?.type === "custom" || s?.onChange({
         action: "add",
@@ -65,156 +65,178 @@ function at(t, A, U, _) {
       });
     },
     [t, n, s]
-  ), x = o(() => c?.removable, [c]), V = $(() => {
+  ), L = o(() => c?.removable, [c]), H = A(() => {
     if (!t || !n)
       return null;
-    u?.onChange({
+    p?.onChange({
       action: "add",
       columnKey: t
     });
-  }, [t, n, u]), h = o(() => !t || !n ? !1 : n.groupable === !0, [t, n]), L = o(() => t ? i.find((r) => r.key === t)?.grouped === !0 : !1, [t, i]), H = o(() => A.some(
+  }, [t, n, p]), U = o(() => !t || !n ? !1 : n.groupable === !0, [t, n]), h = o(() => t ? i.find((r) => r.key === t)?.grouped === !0 : !1, [t, i]), Y = o(() => m.some(
     (e) => e.groupable === !0 || e.grouped === !0
-  ), [A]), Y = o(() => {
-    if (!t || !n || n.type === "custom" || !u?.filterColumns.some(
-      (C) => C.name === t
+  ), [m]), Z = o(() => {
+    if (!t || !n || n.type === "custom" || !p?.filterColumns.some(
+      (u) => u.name === t
     ))
       return !0;
-    const r = u?.filtersApplied.some(
-      (C) => C.columnKey === t && C.isValid
-    ), O = u?.filterColumns.find(
-      (C) => C.name === t
+    const r = p?.filtersApplied.some(
+      (u) => u.columnKey === t && u.isValid
+    ), k = p?.filterColumns.find(
+      (u) => u.name === t
     )?.multiple;
-    return r && !O;
-  }, [t, n, u]);
+    return r && !k;
+  }, [t, n, p]);
   return o(() => {
     if (!t)
       return [];
     const e = [
       {
         type: "menuItem",
-        startIcon: `${d}/${l}/${b.sortAsc}`,
-        label: a(p.ORDER_ASC_COLUMN),
+        startIcon: /* @__PURE__ */ l(b, { src: C.sortAsc }),
+        label: a(f.ORDER_ASC_COLUMN),
         dataTestId: "sort-ascending",
         /**
-         * Función que agrega un sort externo en modo ascendente
+         * Add an external ascending sort.
          */
         onClick: () => {
-          s ? R("asc") : m([
+          s ? x("asc") : O([
             {
               columnKey: t,
               direction: "ASC"
             }
           ]);
         },
-        disabled: !k || (s ? !S || v : D)
+        disabled: !D || (s ? !M || G : R)
       },
       {
         type: "menuItem",
-        startIcon: `${d}/${l}/${b.sortDesc}`,
-        label: a(p.ORDER_DESC_COLUMN),
+        startIcon: /* @__PURE__ */ l(b, { src: C.sortDesc }),
+        label: a(f.ORDER_DESC_COLUMN),
         dataTestId: "sort-descending",
         /**
-         * Función que agrega un sort externo en modo descendente
+         * Add an external descending sort.
          */
         onClick: () => {
-          s ? R("desc") : m([
+          s ? x("desc") : O([
             {
               columnKey: t,
               direction: "DESC"
             }
           ]);
         },
-        disabled: !k || (s ? !S || F : M)
+        disabled: !D || (s ? !M || T : _)
       },
       {
         type: "menuItem",
-        startIcon: `${d}/${l}/${b.removeSort}`,
-        label: a(p.REMOVE_ORDER_COLUMN),
+        startIcon: /* @__PURE__ */ l(b, { src: C.removeSort }),
+        label: a(f.REMOVE_ORDER_COLUMN),
         dataTestId: "sort-remove",
         /**
-         * Función que elimina el sort externo
+         * Remove the external sort.
          */
         onClick: () => {
           if (t)
-            if (s && x) {
+            if (s && L) {
               s.onChange({
                 action: "remove",
                 columnKey: t
               });
               return;
             } else
-              G();
+              v();
         },
-        disabled: s ? !T || !x : !(D || M)
+        disabled: s ? !z || !L : !(R || _)
       }
-    ], r = u ? [{ type: "menuItem", startIcon: /* @__PURE__ */ Z(X, { icon: /* @__PURE__ */ Z(W, {}) }), label: a(p.ADD_FILTER_COLUMN), dataTestId: "filter-add", onClick: () => {
-      V();
-    }, disabled: Y }] : [], O = (f) => {
+    ], r = p ? [
+      {
+        type: "menuItem",
+        startIcon: /* @__PURE__ */ l(b, { src: /* @__PURE__ */ l(Q, {}) }),
+        label: a(f.ADD_FILTER_COLUMN),
+        dataTestId: "filter-add",
+        onClick: () => {
+          H();
+        },
+        disabled: Z
+      }
+    ] : [], k = (d) => {
       if (!t)
         return;
-      const w = i.filter((E) => E.grouped), q = f ? w.length : 0, J = i.map(
-        (E) => E.key === t ? { ...E, grouped: f, groupOrder: f ? q : E.groupOrder } : E
+      const w = i.filter((E) => E.grouped), q = d ? w.length : 0, J = i.map(
+        (E) => E.key === t ? { ...E, grouped: d, groupOrder: d ? q : E.groupOrder } : E
       );
       g("table", J);
-    }, C = H ? [{ type: "menuItem", startIcon: `${d}/${l}/${b.group}`, label: a(p.GROUP_BY_COLUMN), dataTestId: "group-add", onClick: () => {
-      O(!0);
-    }, disabled: !h || L }, {
-      type: "menuItem",
-      startIcon: `${d}/${l}/${b.removeGroup}`,
-      label: a(p.REMOVE_GROUP_COLUMN),
-      dataTestId: "group-remove",
-      onClick: () => {
-        O(!1);
+    }, u = Y ? [
+      {
+        type: "menuItem",
+        startIcon: /* @__PURE__ */ l(b, { src: C.group }),
+        label: a(f.GROUP_BY_COLUMN),
+        dataTestId: "group-add",
+        onClick: () => {
+          k(!0);
+        },
+        disabled: !U || h
       },
-      /** Solo deshabilitado si no está agrupada O si es una agrupación estática (groupable=false)*/
-      disabled: !L || !h
-    }] : [], j = [
       {
         type: "menuItem",
-        startIcon: i.find((f) => f.key === t)?.frozen ? `${d}/${l}/${b.unfreezeColumn}` : `${d}/${l}/${b.freezeColumn}`,
-        label: i.find((f) => f.key === t)?.frozen ? a(p.UNFREEZE_COLUMN) : a(p.FREEZE_COLUMN),
-        onClick: z,
-        disabled: !i.find((f) => f.key === t)?.visible,
+        startIcon: /* @__PURE__ */ l(b, { src: C.removeGroup }),
+        label: a(f.REMOVE_GROUP_COLUMN),
+        dataTestId: "group-remove",
+        onClick: () => {
+          k(!1);
+        },
+        /** Disabled only when the column is not grouped or it is a static group (`groupable=false`). */
+        disabled: !h || !U
+      }
+    ] : [], j = [
+      {
+        type: "menuItem",
+        startIcon: /* @__PURE__ */ l(
+          b,
+          {
+            src: i.find((d) => d.key === t)?.frozen ? C.unfreezeColumn : C.freezeColumn
+          }
+        ),
+        label: i.find((d) => d.key === t)?.frozen ? a(f.UNFREEZE_COLUMN) : a(f.FREEZE_COLUMN),
+        onClick: B,
+        disabled: !i.find((d) => d.key === t)?.visible,
         dataTestId: "toggle-freeze"
       },
       {
         type: "menuItem",
-        startIcon: `${d}/${l}/${b.hideColumn}`,
-        label: a(p.HIDE_COLUMN),
-        onClick: B,
+        startIcon: /* @__PURE__ */ l(b, { src: C.hideColumn }),
+        label: a(f.HIDE_COLUMN),
+        onClick: V,
         dataTestId: "hide-column"
       }
     ];
-    return [...e, ...r, ...C, ...j];
+    return [...e, ...r, ...u, ...j];
   }, [
     t,
-    k,
-    S,
-    v,
-    F,
+    D,
+    M,
+    G,
     T,
-    R,
     z,
+    x,
     B,
+    V,
     i,
     g,
     s,
-    u,
-    H,
+    p,
+    Y,
+    U,
     h,
-    L,
-    d,
-    l,
     a,
-    Y,
-    m,
-    V,
-    G,
-    D,
-    M,
-    x
+    Z,
+    O,
+    H,
+    v,
+    R,
+    _,
+    L
   ]);
 }
 export {
-  at as useHeaderMenuActions
+  nt as useHeaderMenuActions
 };

package/components/datagrids/views/TableView/subcomponents/CheckboxFormatter/subcomponents/CustomIcons/CustomIcons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomIcons.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/CheckboxFormatter/subcomponents/CustomIcons/CustomIcons.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAC;AAEtD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,oDAM5C;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,oDAM3C;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,oDAM3C;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,oDAM9C;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,oDAM9C;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,oDAM5C;AACD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,oDAa/C;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,oDAatD;AAED;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,YAAY,oDAY5D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,oDAclD;AAOD;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,oDAMvD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,oDAMrD;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,oDAMlD"}
+{"version":3,"file":"CustomIcons.d.ts","sourceRoot":"","sources":["../../../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/CheckboxFormatter/subcomponents/CustomIcons/CustomIcons.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAW,YAAY,EAAE,MAAM,eAAe,CAAC;AAGtD;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,oDAM5C;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,oDAM3C;AAED;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,YAAY,oDAM3C;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,oDAM9C;AAED;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,YAAY,oDAM9C;AAED;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,YAAY,oDAM5C;AACD;;;;;;;GAOG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,YAAY,oDAY/C;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,YAAY,oDAYtD;AAED;;;;;;;;GAQG;AACH,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,YAAY,oDAW5D;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,oDAclD;AAOD;;;;;;GAMG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,YAAY,oDAMvD;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,YAAY,oDAMrD;AAED;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,YAAY,oDAMlD"}

package/components/datagrids/views/TableView/subcomponents/CheckboxFormatter/subcomponents/CustomIcons/CustomIcons.js

@@ -1,47 +1,44 @@
-import { jsx as o } from "@emotion/react/jsx-runtime";
-import { Icon as t } from "@m4l/base";
-import { useEnvironment as r } from "@m4l/core";
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { Icon as n } from "@m4l/base";
 import "@mui/material";
-function l(e) {
-  const { host_static_assets: s, environment_assets: n } = r(), c = `${s}/${n}/frontend/components/check_box/assets/icons/unchecked.svg`;
-  return /* @__PURE__ */ o(
-    t,
+import { ActionsCheckIndeterminateFill as r, ActionsCheckedFill as t, DesignSquareDuotone as i } from "@m4l/icons";
+function d(c) {
+  return /* @__PURE__ */ e(
+    n,
     {
-      src: c,
+      src: /* @__PURE__ */ e(i, {}),
       size: "small",
       color: "text.primary",
       className: "checkbox-unChecked",
-      ...e
+      ...c
     }
   );
 }
-function d(e) {
-  const { host_static_assets: s, environment_assets: n } = r(), c = `${s}/${n}/frontend/components/check_box/assets/icons/checked.svg`;
-  return /* @__PURE__ */ o(
-    t,
+function h(c) {
+  return /* @__PURE__ */ e(
+    n,
     {
-      src: c,
+      src: /* @__PURE__ */ e(t, {}),
       size: "small",
       color: "primary.enabled",
       className: "checkbox-checked",
-      ...e
+      ...c
     }
   );
 }
-function k(e) {
-  const { host_static_assets: s, environment_assets: n } = r(), c = `${s}/${n}/frontend/components/check_box/assets/icons/indeterminate.svg`;
-  return /* @__PURE__ */ o(
-    t,
+function k(c) {
+  return /* @__PURE__ */ e(
+    n,
     {
-      src: c,
+      src: /* @__PURE__ */ e(r, {}),
       size: "small",
       color: "primary.enabled",
-      ...e
+      ...c
     }
   );
 }
 export {
-  d as CheckboxCheckedIcon,
-  l as CheckboxIcon,
+  h as CheckboxCheckedIcon,
+  d as CheckboxIcon,
   k as CheckboxIndeterminateIcon
 };

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

@@ -1 +1 @@
-{"version":3,"file":"DraggableHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/DraggableHeaderRenderer/DraggableHeaderRenderer.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAC1C,KAAK,EAAE,4BAA4B,CAAC,IAAI,CAAC,GACxC,GAAG,CAyOL"}
+{"version":3,"file":"DraggableHeaderRenderer.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/DraggableHeaderRenderer/DraggableHeaderRenderer.tsx"],"names":[],"mappings":"AAmBA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAC1C,KAAK,EAAE,4BAA4B,CAAC,IAAI,CAAC,GACxC,GAAG,CAwOL"}

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

@@ -1,46 +1,46 @@
-import { jsxs as d, jsx as r } from "@emotion/react/jsx-runtime";
+import { jsxs as c, jsx as r } from "@emotion/react/jsx-runtime";
 import { useState as z, useEffect as B } from "react";
-import { useModuleDictionary as G, useEnvironment as L } from "@m4l/core";
-import { useDrag as M, useDrop as K } from "react-dnd";
-import { renderHeaderCell as T } from "react-data-grid";
-import { NameColumnIconStyled as U, NameColumnStyled as V, IconColumnStyled as J, DraggableHeaderRootStyled as W, ButtonHeaderActionsStyled as q, DraggableWrapperInputBaseStyled as Q, IconSearchStyled as X, HeaderInputBaseStyled as Y } from "../../../../slots/DataGridSlot.js";
-import { pathIcons as l } from "../../../../icons.js";
-import { Icon as y } from "@m4l/base";
-import { useFocusRef as Z } from "../../hooks/useFocusRef/useFocusRef.js";
-import { useDataGrid as ee } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import { useFilters as te } from "../../../../hooks/shared/useFilters/useFilters.js";
-function fe(u) {
+import { useModuleDictionary as E } from "@m4l/core";
+import { useDrag as G, useDrop as L } from "react-dnd";
+import { renderHeaderCell as M } from "react-data-grid";
+import { NameColumnIconStyled as $, NameColumnStyled as K, IconColumnStyled as T, DraggableHeaderRootStyled as U, ButtonHeaderActionsStyled as V, DraggableWrapperInputBaseStyled as J, IconSearchStyled as W, HeaderInputBaseStyled as q } from "../../../../slots/DataGridSlot.js";
+import { pathIcons as i } from "../../../../icons.js";
+import { Icon as g } from "@m4l/base";
+import { useFocusRef as Q } from "../../hooks/useFocusRef/useFocusRef.js";
+import { useDataGrid as X } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { useFilters as Y } from "../../../../hooks/shared/useFilters/useFilters.js";
+function de(s) {
   const {
-    onColumnsReorder: S,
+    onColumnsReorder: h,
     column: t,
-    tabIndex: c,
-    openPopover: x,
-    ...C
-  } = u, { ref: D, tabIndex: I } = Z(
-    c !== void 0 && c >= 0
-  ), { getLabel: b } = G(), {
-    size: m,
-    classes: w,
-    reorderable: f,
-    externalSortSettings: $,
-    externalFilterSettings: k,
-    currentRowHeightVariant: v
-  } = ee(), { host_static_assets: a, environment_assets: i } = L(), { activeFilters: s, filters: R, onChangeFilter: p } = te(), [H, g] = z(R?.get(t.key) || ""), h = $?.sortsApplied?.find(
+    tabIndex: l,
+    openPopover: y,
+    ...S
+  } = s, { ref: x, tabIndex: C } = Q(
+    l !== void 0 && l >= 0
+  ), { getLabel: D } = E(), {
+    size: d,
+    classes: I,
+    reorderable: u,
+    externalSortSettings: b,
+    externalFilterSettings: w,
+    currentRowHeightVariant: k
+  } = X(), { activeFilters: a, filters: v, onChangeFilter: m } = Y(), [R, f] = z(v?.get(t.key) || ""), p = b?.sortsApplied?.find(
     (e) => e.columnKey === t.key
-  ), F = k?.filtersApplied?.find(
+  ), H = w?.filtersApplied?.find(
     (e) => e.columnKey === t.key
-  ), [{ isDragging: _ }, A] = M({
+  ), [{ isDragging: F }, A] = G({
     type: "COLUMN_DRAG",
     item: { key: t.key },
-    canDrag: () => f,
+    canDrag: () => u,
     collect: (e) => ({
       isDragging: e.isDragging()
     })
-  }), [{ isOver: N }, O] = K({
+  }), [{ isOver: N }, O] = L({
     accept: "COLUMN_DRAG",
-    canDrop: () => f,
+    canDrop: () => u,
     drop({ key: e }) {
-      S(e, t.key);
+      h(e, t.key);
     },
     /**
      * Recolecta el estado del monitor de drop para detectar si hay un elemento sobre esta columna
@@ -50,16 +50,16 @@ function fe(u) {
       canDrop: e.canDrop()
     })
   }), P = (e) => {
-    s && p && p(t, e.target.value), g(e.target.value);
-  }, E = (e) => e === "asc" ? `${a}/${i}/${l.sortAsc}` : `${a}/${i}/${l.sortDesc}`, j = () => {
+    a && m && m(t, e.target.value), f(e.target.value);
+  }, _ = (e) => e === "asc" ? i.sortAsc : i.sortDesc, j = () => {
     const e = [];
-    if (h) {
-      const o = E(h.direction);
+    if (p) {
+      const n = _(p.direction);
       e.push(
         /* @__PURE__ */ r(
-          y,
+          g,
           {
-            src: o,
+            src: n,
             size: "small",
             color: "text.secondary"
           },
@@ -67,13 +67,13 @@ function fe(u) {
         )
       );
     }
-    if (F?.isValid) {
-      const o = `${a}/${i}/${l.filter2}`;
+    if (H?.isValid) {
+      const n = i.filter2;
       e.push(
         /* @__PURE__ */ r(
-          y,
+          g,
           {
-            src: o,
+            src: n,
             size: "small",
             color: "text.secondary"
           },
@@ -84,13 +84,13 @@ function fe(u) {
     return e.length > 0 ? e : null;
   };
   B(() => {
-    s || g("");
-  }, [s]);
-  const n = { ...t };
-  if (n.withinHeaderRenderer && (n.name = n.withinHeaderRenderer(u)), !n.withinHeaderRenderer) {
+    a || f("");
+  }, [a]);
+  const o = { ...t };
+  if (o.withinHeaderRenderer && (o.name = o.withinHeaderRenderer(s)), !o.withinHeaderRenderer) {
     const e = j();
     if (e) {
-      const o = () => {
+      const n = () => {
         switch (t.align) {
           case "left":
             return "flex-start";
@@ -102,22 +102,22 @@ function fe(u) {
             return "flex-start";
         }
       };
-      n.name = /* @__PURE__ */ d(U, { ownerState: {}, style: { justifyContent: o() }, children: [
-        /* @__PURE__ */ r(V, { ownerState: { size: m, currentRowHeightVariant: v }, children: n.name }),
-        /* @__PURE__ */ r(J, { ownerState: {}, children: e })
+      o.name = /* @__PURE__ */ c($, { ownerState: {}, style: { justifyContent: n() }, children: [
+        /* @__PURE__ */ r(K, { ownerState: { size: d, currentRowHeightVariant: k }, children: o.name }),
+        /* @__PURE__ */ r(T, { ownerState: {}, children: e })
       ] });
     }
   }
-  return /* @__PURE__ */ d(
-    W,
+  return /* @__PURE__ */ c(
+    U,
     {
       ownerState: {},
-      className: w?.draggableHeaderRoot,
+      className: I?.draggableHeaderRoot,
       ref: (e) => {
         A(e), O(e);
       },
       style: {
-        opacity: _ ? 0.5 : 1,
+        opacity: F ? 0.5 : 1,
         backgroundColor: N ? "#ececec" : void 0
       },
       onClick: (e) => {
@@ -125,44 +125,44 @@ function fe(u) {
       },
       children: [
         /* @__PURE__ */ r(
-          q,
+          V,
           {
             ownerState: {},
             role: "button",
             "aria-label": `header-column-button-${t.key}`,
             onClick: (e) => {
-              x?.(e.currentTarget, t.key);
+              y?.(e.currentTarget, t.key);
             },
             children: /* @__PURE__ */ r(
-              T,
+              M,
               {
-                column: n,
-                tabIndex: c,
-                ...C
+                column: o,
+                tabIndex: l,
+                ...S
               }
             )
           }
         ),
-        s && (t?.withFilter === void 0 || t.withFilter === !0) && /* @__PURE__ */ d(Q, { ownerState: {}, children: [
+        a && (t?.withFilter === void 0 || t.withFilter === !0) && /* @__PURE__ */ c(J, { ownerState: {}, children: [
           /* @__PURE__ */ r(
-            X,
+            W,
             {
               ownerState: {},
-              src: `${a}/${i}/${l.search}`,
+              src: i.search,
               color: "text.secondary",
-              size: m
+              size: d
             }
           ),
           /* @__PURE__ */ r(
-            Y,
+            q,
             {
               ownerState: {},
-              inputRef: D,
-              placeholder: b("data_grid.filter_holder"),
-              tabIndex: I,
+              inputRef: x,
+              placeholder: D("data_grid.filter_holder"),
+              tabIndex: C,
               type: "text",
               onChange: P,
-              value: H,
+              value: R,
               inputProps: {
                 "data-testid": `column-filter-input-${t.key}`,
                 "aria-label": `column-filter-input-${t.key}`
@@ -175,5 +175,5 @@ function fe(u) {
   );
 }
 export {
-  fe as DraggableHeaderRenderer
+  de as DraggableHeaderRenderer
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RenderGroupCell.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/RenderGroupCell/RenderGroupCell.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,6BAA6B,CAAC,IAAI,CAAC,oDAoC/E"}
+{"version":3,"file":"RenderGroupCell.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/views/TableView/subcomponents/RenderGroupCell/RenderGroupCell.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,KAAK,EAAE,6BAA6B,CAAC,IAAI,CAAC,oDAmC/E"}