@m4l/components 9.4.45 → 9.4.46

package/components/datagrids/slots/DataGridSlot.js

@@ -1,22 +1,22 @@
 import { styled as t } from "@mui/material/styles";
 import { MenuList as c, InputBase as m } from "@mui/material";
 import { DATAGRID_PREFIX_NAME as e } from "../constants.js";
-import { TextEditorSlots as C, DataGridSlots as s, TableSlots as n, ActionsSlots as a, ControlNavigateSlots as u, RowsCountSlots as d, ColumnsConfigSlots as l, ColumnIconFormatterSlots as p } from "./DataGridEnum.js";
+import { TextEditorSlots as C, DataGridSlots as i, TableSlots as n, ActionsSlots as a, ControlNavigateSlots as u, RowsCountSlots as d, ColumnsConfigSlots as l, ColumnIconFormatterSlots as p } from "./DataGridEnum.js";
 import { dataGridStyles as o } from "../Datagrid.styles.js";
 import { Icon as S } from "../../Icon/Icon.js";
-import { Card as i } from "../../Card/Card.js";
+import { Card as s } from "../../Card/Card.js";
 import { Typography as r } from "../../extended/mui/Typography/Typography.js";
 import { IconButton as g } from "../../extended/mui/IconButton/IconButton.js";
-const T = t("div", {
+const h = t("div", {
   name: e,
-  slot: s.datagridRoot
-})(o.datagridRoot), B = t("div", {
+  slot: i.datagridRoot
+})(o.datagridRoot), T = t("div", {
   name: e,
-  slot: s.customHeader
-})(o.customHeader), A = t("div", {
+  slot: i.customHeader
+})(o.customHeader), B = t("div", {
   name: e,
   slot: a.actionsRoot
-})(o.actionsRoot), L = t("div", {
+})(o.actionsRoot), A = t("div", {
   name: e,
   slot: a.containerLeftActions
 })(o.containerLeftActions), D = t("div", {
@@ -25,25 +25,25 @@ const T = t("div", {
 })(o.containerRightActions), G = t("div", {
   name: e,
   slot: a.actionsConfigContainer
-})(o.actionsConfigContainer), x = t("div", {
+})(o.actionsConfigContainer), w = t("div", {
   name: e,
   slot: d.rowsCountRoot
-})(o.rowsCountRoot), E = t("div", {
+})(o.rowsCountRoot), x = t("div", {
   name: e,
   slot: d.rowsCountLabel
-})(o.rowsCountLabel), k = t("div", {
+})(o.rowsCountLabel), E = t("div", {
   name: e,
   slot: d.rowsCountValue
-})(o.rowsCountValue), w = t("div", {
+})(o.rowsCountValue), V = t("div", {
   name: e,
   slot: l.columnsConfigWrapper
-})(o.columnsConfigWrapper), N = t("div", {
+})(o.columnsConfigWrapper), k = t("div", {
   name: e,
   slot: l.columnsConfigSelColumns
-})(o.columnsConfigSelColumns), F = t("div", {
+})(o.columnsConfigSelColumns), N = t("div", {
   name: e,
   slot: l.columnsConfigDataGrid
-})(o.columnsConfigDataGrid), V = t("div", {
+})(o.columnsConfigDataGrid), F = t("div", {
   name: e,
   slot: l.columnsConfigActios
 })(o.columnsConfigActios), M = t("div", {
@@ -52,19 +52,19 @@ const T = t("div", {
 })(o.tableContaniner), P = t("div", {
   name: e,
   slot: n.containerToggleCards
-})(o.containerToggleCards), _ = t(i, {
+})(o.containerToggleCards), z = t(s, {
   name: e,
   slot: n.cardToggleCardButton
-})(o.cardToggleCardButton), X = t(r, {
+})(o.cardToggleCardButton), _ = t(r, {
   name: e,
   slot: n.textToggleCardButton
-})(o.textToggleCardButton), j = t(i, {
+})(o.textToggleCardButton), X = t(s, {
   name: e,
   slot: n.card
-})(o.card), q = t("div", {
+})(o.card), j = t("div", {
   name: e,
   slot: n.cardHeader
-})(o.cardHeader), z = t("div", {
+})(o.cardHeader), q = t("div", {
   name: e,
   slot: n.cardHeaderLeft
 })(o.cardHeaderLeft), J = t("div", {
@@ -80,24 +80,36 @@ const T = t("div", {
   name: e,
   slot: n.cardsContainer
 })(o.cardsContainer), U = t("div", {
+  name: e,
+  slot: n.listContainer
+})(o.listContainer), Y = t(s, {
+  name: e,
+  slot: n.list
+})(o.list), Z = t("div", {
+  name: e,
+  slot: n.listRowVirtualizedItem
+})(o.listRowVirtualizedItem), $ = t("div", {
+  name: e,
+  slot: n.listVirtualContainer
+})(o.listVirtualContainer), tt = t("div", {
   name: e,
   slot: n.containerLabelValueColumn
-})(o.containerLabelValueColumn), Y = t("div", {
+})(o.containerLabelValueColumn), et = t("div", {
   name: e,
   slot: n.contentWrapperColumn
-})(o.contentWrapperColumn), Z = t("div", {
+})(o.contentWrapperColumn), ot = t("div", {
   name: e,
   slot: n.cardDetailContainer
-})(o.cardDetailContainer), $ = t(r, {
+})(o.cardDetailContainer), nt = t(r, {
   name: e,
   slot: n.labelHeaderColumn
-})(o.labelHeaderColumn), tt = t(r, {
+})(o.labelHeaderColumn), at = t(r, {
   name: e,
   slot: n.valueColumn
-})(o.valueColumn), et = t("div", {
+})(o.valueColumn), lt = t("div", {
   name: e,
   slot: n.checkboxCellWrapper
-})(o.checkboxCellWrapper), ot = t("div", {
+})(o.checkboxCellWrapper), rt = t("div", {
   name: e,
   slot: n.editorCellWrapper
 })(o.editorCellWrapper);
@@ -125,46 +137,46 @@ t("div", {
   name: e,
   slot: n.customCardIconContainer
 })(o.customCardIconContainer);
-const nt = t("div", {
+const dt = t("div", {
   name: e,
   slot: n.tableWrapperDataGrid
-})(o.tableWrapperDataGrid), at = t("div", {
+})(o.tableWrapperDataGrid), st = t("div", {
   name: e,
   slot: n.draggableHeaderRoot
-})(o.draggableHeaderRoot), lt = t(S, {
+})(o.draggableHeaderRoot), it = t(S, {
   name: e,
   slot: n.iconSearch
-})(o.iconSearch), rt = t("div", {
+})(o.iconSearch), ct = t("div", {
   name: e,
   slot: n.draggableWrapperInputBase
-})(o.draggableWrapperInputBase), dt = t(m, {
+})(o.draggableWrapperInputBase), mt = t(m, {
   name: e,
   slot: n.headerInputBase
-})(o.headerInputBase), st = t("div", {
+})(o.headerInputBase), Ct = t("div", {
   name: e,
   slot: n.wrapperSkeleton
-})(o.wrapperSkeleton), it = t("div", {
+})(o.wrapperSkeleton), ut = t("div", {
   name: e,
   slot: n.contentModalSetting
-})(o.contentModalSetting), ct = t("div", {
+})(o.contentModalSetting), pt = t("div", {
   name: e,
   slot: n.headerRenderClick
-})(o.headerRenderClick), mt = t(c, {
+})(o.headerRenderClick), St = t(c, {
   name: e,
   slot: n.menuList
-})(o.menuList), Ct = t("div", {
+})(o.menuList), gt = t("div", {
   name: e,
   slot: n.buttonHeaderActions
-})(o.buttonHeaderActions), ut = t("div", {
+})(o.buttonHeaderActions), yt = t("div", {
   name: e,
   slot: n.nameColumnIcon
-})(o.nameColumnIcon), pt = t("div", {
+})(o.nameColumnIcon), vt = t("div", {
   name: e,
   slot: n.iconColumn
-})(o.iconColumn), St = t("div", {
+})(o.iconColumn), Rt = t("div", {
   name: e,
   slot: n.nameColumn
-})(o.nameColumn), gt = t("div", {
+})(o.nameColumn), ft = t("div", {
   name: e,
   slot: n.editablePlaceholder
 })(o.editablePlaceholder);
@@ -172,13 +184,13 @@ t(r, {
   name: e,
   slot: n.editLabel
 })(o.editLabel);
-const yt = t(g, {
+const bt = t(g, {
   name: e,
   slot: n.iconButtonEdit
-})(o.iconButtonEdit), vt = t("input", {
+})(o.iconButtonEdit), It = t("input", {
   name: e,
   slot: C.inputTexEditor
-})(o.inputTexEditor), ft = t("div", {
+})(o.inputTexEditor), Wt = t("div", {
   name: e,
   slot: u.controlNavigate
 })(o.controlNavigate);
@@ -186,66 +198,70 @@ t("div", {
   name: e,
   slot: p.columnIconFormatter
 })(o.columnIconFormatter);
-const Rt = t("span", {
+const Ht = t("span", {
   name: e,
   slot: n.defaultRenderGroupCellRoot
-})(o.defaultRenderGroupCellRoot), bt = t("span", {
+})(o.defaultRenderGroupCellRoot), Lt = t("span", {
   name: e,
   slot: n.defaultRenderGroupCellText
-})(o.defaultRenderGroupCellText), Wt = t("span", {
+})(o.defaultRenderGroupCellText), ht = t("span", {
   name: e,
   slot: n.cellBackgroundWrapper
 })(o.cellBackgroundWrapper);
 export {
   G as ActionsConfigContainerStyled,
-  A as ActionsRootStyled,
-  Ct as ButtonHeaderActionsStyled,
+  B as ActionsRootStyled,
+  gt as ButtonHeaderActionsStyled,
   O as CardContentStyled,
   K as CardContentWrapperStyled,
-  Z as CardDetailContainerStyled,
-  z as CardHeaderLeftStyled,
+  ot as CardDetailContainerStyled,
+  q as CardHeaderLeftStyled,
   J as CardHeaderRightStyled,
-  q as CardHeaderStyled,
-  j as CardStyled,
-  _ as CardToggleButtonStyled,
+  j as CardHeaderStyled,
+  X as CardStyled,
+  z as CardToggleButtonStyled,
   Q as CardsContainerStyled,
-  Wt as CellBackgroundWrapperStyled,
-  et as CheckboxCellWrapperStyled,
-  V as ColumnsConfigActiosStyled,
-  F as ColumnsConfigDataGridStyled,
-  N as ColumnsConfigSelColumnsStyled,
-  w as ColumnsConfigWrapperStyled,
-  U as ContainerLabelValueColumnStyled,
-  L as ContainerLeftActionsStyled,
+  ht as CellBackgroundWrapperStyled,
+  lt as CheckboxCellWrapperStyled,
+  F as ColumnsConfigActiosStyled,
+  N as ColumnsConfigDataGridStyled,
+  k as ColumnsConfigSelColumnsStyled,
+  V as ColumnsConfigWrapperStyled,
+  tt as ContainerLabelValueColumnStyled,
+  A as ContainerLeftActionsStyled,
   D as ContainerRightActionsStyled,
   P as ContainerToggleCardsStyled,
-  it as ContentModalSettingStyled,
-  Y as ContentWrapperColumnStyled,
-  ft as ControlNavigateStyled,
-  B as CustomHeaderStyled,
-  T as DataGridRootStyled,
-  Rt as DefaultRenderGroupCellRootStyled,
-  bt as DefaultRenderGroupCellTextStyled,
-  at as DraggableHeaderRootStyled,
-  rt as DraggableWrapperInputBaseStyled,
-  gt as EditablePlaceholderStyled,
-  ot as EditorCellWrapperStyled,
-  dt as HeaderInputBaseStyled,
-  ct as HeaderRenderClickStyled,
-  yt as IconButtonEditStyled,
-  pt as IconColumnStyled,
-  lt as IconSearchStyled,
-  vt as InputTextEditorStyled,
-  $ as LabelHeaderColumnStyled,
-  mt as MenuListStyled,
-  ut as NameColumnIconStyled,
-  St as NameColumnStyled,
-  E as RowsCountLabelStyled,
-  x as RowsCountRootStyled,
-  k as RowsCountValueStyled,
+  ut as ContentModalSettingStyled,
+  et as ContentWrapperColumnStyled,
+  Wt as ControlNavigateStyled,
+  T as CustomHeaderStyled,
+  h as DataGridRootStyled,
+  Ht as DefaultRenderGroupCellRootStyled,
+  Lt as DefaultRenderGroupCellTextStyled,
+  st as DraggableHeaderRootStyled,
+  ct as DraggableWrapperInputBaseStyled,
+  ft as EditablePlaceholderStyled,
+  rt as EditorCellWrapperStyled,
+  mt as HeaderInputBaseStyled,
+  pt as HeaderRenderClickStyled,
+  bt as IconButtonEditStyled,
+  vt as IconColumnStyled,
+  it as IconSearchStyled,
+  It as InputTextEditorStyled,
+  nt as LabelHeaderColumnStyled,
+  U as ListContainerStyled,
+  Z as ListRowVirtualizedItemStyled,
+  Y as ListStyled,
+  $ as ListVirtualContainerStyled,
+  St as MenuListStyled,
+  yt as NameColumnIconStyled,
+  Rt as NameColumnStyled,
+  x as RowsCountLabelStyled,
+  w as RowsCountRootStyled,
+  E as RowsCountValueStyled,
   M as TableContainerStyled,
-  nt as TableWrapperDataGridStyled,
-  X as TextToggleCardButtonStyled,
-  tt as ValueColumnStyled,
-  st as WrapperSkeletonStyled
+  dt as TableWrapperDataGridStyled,
+  _ as TextToggleCardButtonStyled,
+  at as ValueColumnStyled,
+  Ct as WrapperSkeletonStyled
 };

package/components/datagrids/subcomponents/HeaderActions/HeaderActions.d.ts

@@ -1,15 +1,8 @@
 import { HeaderActionsProps } from './types';
 /**
- * Componente que renderiza las acciones del DataGrid.
- *
- * Incluye controles para:
- * - Densidad de filas (compact, standard, confortable)
- * - Filtros locales
- * - Configuración de columnas (específica por vista)
- * - Toggle de modo de vista (table/cards)
- * - Exportar (cuando hay columnas exportables y exportConfig)
- *
- * En móviles, todas las acciones se consolidan en un menú desplegable.
+ * Renders DataGrid header actions: density, filters, column settings (per view),
+ * view mode toggle (table/cards/list), export.
+ * On mobile, actions are grouped in MobileMenuActions.
  */
 export declare function HeaderActions(props: HeaderActionsProps): import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=HeaderActions.d.ts.map

package/components/datagrids/subcomponents/HeaderActions/HeaderActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAa7C;;;;;;;;;;;GAWG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDAqEtD"}
+{"version":3,"file":"HeaderActions.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/HeaderActions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAc7C;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,oDA+EtD"}

package/components/datagrids/subcomponents/HeaderActions/HeaderActions.js

@@ -1,44 +1,45 @@
-import { jsx as t, jsxs as s, Fragment as C } from "@emotion/react/jsx-runtime";
-import { useIsMobile as A } from "@m4l/graphics";
-import { ActionsRootStyled as b, ActionsConfigContainerStyled as y, ContainerLeftActionsStyled as z, ContainerRightActionsStyled as E } from "../../slots/DataGridSlot.js";
-import { useComponentSize as M } from "../../../../hooks/useComponentSize/useComponentSize.js";
-import { MobileMenuActions as F } from "./subcomponents/MobileMenuActions/MobileMenuActions.js";
-import { Export as f } from "./subcomponents/Export/Export.js";
-import { Density as R } from "./subcomponents/Density/Density.js";
-import { Filter as j } from "./subcomponents/Filter/Filter.js";
-import { ViewMode as v } from "./subcomponents/ViewMode/ViewMode.js";
+import { jsx as t, jsxs as m, Fragment as A } from "@emotion/react/jsx-runtime";
+import { useIsMobile as b } from "@m4l/graphics";
+import { ActionsRootStyled as y, ActionsConfigContainerStyled as z, ContainerLeftActionsStyled as E, ContainerRightActionsStyled as M } from "../../slots/DataGridSlot.js";
+import { useComponentSize as R } from "../../../../hooks/useComponentSize/useComponentSize.js";
+import { MobileMenuActions as v } from "./subcomponents/MobileMenuActions/MobileMenuActions.js";
+import { Export as p } from "./subcomponents/Export/Export.js";
+import { Density as F } from "./subcomponents/Density/Density.js";
+import { Filter as V } from "./subcomponents/Filter/Filter.js";
+import { ViewMode as j } from "./subcomponents/ViewMode/ViewMode.js";
 import { Settings as B } from "../../views/CardsView/subcomponents/Settings/Settings.js";
-import { Settings as D } from "../../views/TableView/subcomponents/Settings/Settings.js";
-import { useDataGrid as H } from "../../hooks/shared/useDataGrid/useDataGrid.js";
-function W(p) {
+import { Settings as D } from "../../views/ListView/subcomponents/Settings/Settings.js";
+import { Settings as H } from "../../views/TableView/subcomponents/Settings/Settings.js";
+import { useDataGrid as I } from "../../hooks/shared/useDataGrid/useDataGrid.js";
+function Z(d) {
   const {
-    withSettings: d = !0,
-    settingsProps: m,
-    withLocalFilters: u,
+    withSettings: u = !0,
+    settingsProps: r,
+    withLocalFilters: g,
     leftActions: c,
-    rightActions: e,
-    withPager: g,
+    rightActions: i,
+    withPager: S,
     size: h,
-    columns: o,
-    exportConfig: r
-  } = p, S = A(), { rowHeights: w, viewMode: i, cardsViewConfig: l } = H(), { currentSize: n } = M(h), a = !!o?.some((x) => x.exportable === !0) && !!r;
-  return /* @__PURE__ */ t(b, { ownerState: { size: n }, children: S ? /* @__PURE__ */ s(C, { children: [
+    columns: e,
+    exportConfig: n
+  } = d, w = b(), { rowHeights: C, viewMode: o, cardsViewConfig: l, listViewConfig: a } = I(), { currentSize: s } = R(h), f = !!e?.some((x) => x.exportable === !0) && !!n;
+  return /* @__PURE__ */ t(y, { ownerState: { size: s }, children: w ? /* @__PURE__ */ m(A, { children: [
     c,
-    /* @__PURE__ */ t(F, { columns: o }),
-    a && /* @__PURE__ */ t(f, { exportConfig: r }),
-    e
-  ] }) : /* @__PURE__ */ s(y, { ownerState: { withPager: g }, children: [
-    /* @__PURE__ */ s(z, { ownerState: { size: n }, children: [
+    /* @__PURE__ */ t(v, { columns: e }),
+    f && /* @__PURE__ */ t(p, { exportConfig: n }),
+    i
+  ] }) : /* @__PURE__ */ m(z, { ownerState: { withPager: S }, children: [
+    /* @__PURE__ */ m(E, { ownerState: { size: s }, children: [
       c,
-      typeof w != "number" && i !== "cards" && /* @__PURE__ */ t(R, {}),
-      u && /* @__PURE__ */ t(j, {}),
-      !d || i === "cards" && l?.customRender ? null : i === "cards" ? /* @__PURE__ */ t(B, { ...m, columns: o }) : /* @__PURE__ */ t(D, { ...m, columns: o }),
-      l !== void 0 && /* @__PURE__ */ t(v, {}),
-      a && /* @__PURE__ */ t(f, { exportConfig: r })
+      typeof C != "number" && o !== "cards" && o !== "list" && /* @__PURE__ */ t(F, {}),
+      g && /* @__PURE__ */ t(V, {}),
+      !u || o === "cards" && l?.customRender || o === "list" && a?.customRender ? null : o === "cards" ? /* @__PURE__ */ t(B, { ...r, columns: e }) : o === "list" ? /* @__PURE__ */ t(D, { ...r, columns: e }) : /* @__PURE__ */ t(H, { ...r, columns: e }),
+      (l !== void 0 || a !== void 0) && /* @__PURE__ */ t(j, {}),
+      f && /* @__PURE__ */ t(p, { exportConfig: n })
     ] }),
-    e && /* @__PURE__ */ t(E, { ownerState: { size: n }, children: e })
+    i && /* @__PURE__ */ t(M, { ownerState: { size: s }, children: i })
   ] }) });
 }
 export {
-  W as HeaderActions
+  Z as HeaderActions
 };

package/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.d.ts

@@ -1,18 +1,6 @@
 import { Column } from 'react-data-grid';
 /**
- * Componente que renderiza el menú de acciones en dispositivos móviles.
- *
- * Consolida todas las acciones del DataGrid en un único menú desplegable
- * para optimizar el espacio en pantallas pequeñas:
- * - Opciones de densidad (compact, standard, confortable)
- * - Toggle de filtros
- * - Configuración de columnas (específica según viewMode)
- * @param props.columns - Columnas del DataGrid para la configuración
- * @example
- * ```tsx
- * // Se usa internamente en HeaderActions cuando isMobile es true
- * {isMobile && <MobileMenuActions columns={columns} />}
- * ```
+ * Mobile header actions: density, filter toggle, column settings (by viewMode), in a dropdown.
  */
 export declare const MobileMenuActions: (props: {
     columns: readonly Column<any, any>[];

package/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AASzC;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO;IACvC,OAAO,EAAE,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;CACtC,qDAkEA,CAAC"}
+{"version":3,"file":"MobileMenuActions.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AASzC;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO;IACvC,OAAO,EAAE,SAAS,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAC;CACtC,qDAsEA,CAAC"}

package/components/datagrids/subcomponents/HeaderActions/subcomponents/MobileMenuActions/MobileMenuActions.js

@@ -1,62 +1,63 @@
 import { jsx as o } from "@emotion/react/jsx-runtime";
-import { useModuleDictionary as _, useEnvironment as y } from "@m4l/core";
+import { useModuleDictionary as y, useEnvironment as M } from "@m4l/core";
 import { pathIcons as I } from "../../../../icons.js";
-import { LayoutDensityCompactOutlined as M, LayoutDensityStandardOutlined as h, LayoutDensityConfortableOutlined as C, SettingsConfigOutlined as S, MenuMoreVerticalOutlined as v } from "@m4l/icons";
-import { useModalSettings as O } from "../../../../views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js";
-import { useModalSettings as w } from "../../../../views/CardsView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js";
-import { useDataGrid as k } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
-import { useFilters as D } from "../../../../hooks/shared/useFilters/useFilters.js";
-import { MenuActions as A } from "../../../../../MenuActions/MenuActions.js";
-const E = (s) => {
-  const { columns: n } = s, { getLabel: t } = _(), { host_static_assets: l, environment_assets: c } = y(), { currentRowHeightVariant: e, setRowHeightVariant: i, size: a, viewMode: d } = k(), { activeFilters: r, setActiveFilters: m } = D(), u = O(a, n), p = w(a, n), g = d === "cards" ? p : u, f = () => {
+import { LayoutDensityCompactOutlined as h, LayoutDensityStandardOutlined as S, LayoutDensityConfortableOutlined as C, SettingsConfigOutlined as v, MenuMoreVerticalOutlined as O } from "@m4l/icons";
+import { useModalSettings as w } from "../../../../views/TableView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js";
+import { useModalSettings as k } from "../../../../views/CardsView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js";
+import { useModalSettings as D } from "../../../../views/ListView/subcomponents/Settings/hooks/useModalSettings/useModalSettings.js";
+import { useDataGrid as $ } from "../../../../hooks/shared/useDataGrid/useDataGrid.js";
+import { useFilters as A } from "../../../../hooks/shared/useFilters/useFilters.js";
+import { MenuActions as L } from "../../../../../MenuActions/MenuActions.js";
+const T = (l) => {
+  const { columns: e } = l, { getLabel: t } = y(), { host_static_assets: c, environment_assets: d } = M(), { currentRowHeightVariant: i, setRowHeightVariant: n, size: a, viewMode: s } = $(), { activeFilters: r, setActiveFilters: m } = A(), u = w(a, e), g = k(a, e), p = D(a, e), f = s === "cards" ? g : s === "list" ? p : u, b = () => {
     m(!r);
-  }, b = [
+  }, _ = [
     {
       type: "menuItem",
-      startIcon: /* @__PURE__ */ o(M, {}),
-      onClick: () => i("compact"),
-      disabled: e === "compact",
+      startIcon: /* @__PURE__ */ o(h, {}),
+      onClick: () => n("compact"),
+      disabled: i === "compact",
       label: t("data_grid.density_compact")
     },
     {
       type: "menuItem",
-      startIcon: /* @__PURE__ */ o(h, {}),
-      onClick: () => i("standard"),
-      disabled: e === "standard",
+      startIcon: /* @__PURE__ */ o(S, {}),
+      onClick: () => n("standard"),
+      disabled: i === "standard",
       label: t("data_grid.density_standard")
     },
     {
       type: "menuItem",
       startIcon: /* @__PURE__ */ o(C, {}),
-      onClick: () => i("confortable"),
-      disabled: e === "confortable",
+      onClick: () => n("confortable"),
+      disabled: i === "confortable",
       label: t("data_grid.density_confortable")
     },
     {
       type: "menuItem",
-      startIcon: `${l}/${c}/${I.filter}`,
-      onClick: () => f(),
+      startIcon: `${c}/${d}/${I.filter}`,
+      onClick: () => b(),
       label: t(r ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show")
     },
     {
       type: "menuItem",
-      startIcon: /* @__PURE__ */ o(S, {}),
-      onClick: () => g(),
+      startIcon: /* @__PURE__ */ o(v, {}),
+      onClick: () => f(),
       label: t("data_grid.tooltip_settings")
     }
   ];
   return /* @__PURE__ */ o(
-    A,
+    L,
     {
       className: "mobile-menu-actions",
-      icon: /* @__PURE__ */ o(v, {}),
+      icon: /* @__PURE__ */ o(O, {}),
       arrowType: "no-arrow",
       anchorOrigin: { vertical: "bottom", horizontal: "right" },
       transformOrigin: { vertical: "top", horizontal: "right" },
-      menuActions: b
+      menuActions: _
     }
   );
 };
 export {
-  E as MobileMenuActions
+  T as MobileMenuActions
 };

package/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.d.ts

@@ -4,13 +4,12 @@
  * Muestra un popover con las opciones disponibles:
  * - **table**: Vista de tabla tradicional con filas y columnas
  * - **cards**: Vista de tarjetas para visualización más compacta
+ * - **list**: List view (full-width rows, virtualized; when listViewConfig is defined)
  *
- * El componente solo se renderiza cuando `cardsViewConfig` está definido,
- * indicando que la vista de cards está habilitada.
+ * The component renders when `cardsViewConfig` or `listViewConfig` is defined.
  * @example
  * ```tsx
- * // Se usa internamente en HeaderActions cuando cardsViewConfig existe
- * {cardsViewConfig !== undefined && <ViewMode />}
+ * { (cardsViewConfig !== undefined || listViewConfig !== undefined) && <ViewMode /> }
  * ```
  */
 export declare function ViewMode(): import("@emotion/react/jsx-runtime").JSX.Element;

package/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewMode.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,QAAQ,qDAmGvB"}
+{"version":3,"file":"ViewMode.d.ts","sourceRoot":"","sources":["../../../../../../../../../../packages/components/src/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.tsx"],"names":[],"mappings":"AAeA;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,qDA2IvB"}