@m4l/components 9.4.32 → 9.4.33-beta-feature-662-nestedformatter-link-icon-image.0

package/components/ObjectLogs/hooks/useObjectLogsColumns.js

@@ -84,10 +84,35 @@ import "../../formatters/IconsFormatter/constants.js";
 import "../../formatters/IconsFormatter/slots/IconsFormatterSlots.js";
 import { useColumnIcon as a } from "../../datagrids/formatters/ColumnIconFormatter/useColumnIcon.js";
 import "../../extended/mui/CheckBox/CheckBox.js";
+import "../../extended/mui/Accordion/Accordion.js";
+import "../../extended/mui/Avatar/Avatar.js";
+import "react-router-dom";
+import "../../extended/mui/Button/Button.js";
+import "../../extended/mui/Radio/Radio.js";
+import "../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
+import "../../extended/mui/Badge/slots/BadgeSlots.js";
+import "../../Image/subcomponents/IntersectComponent/index.js";
+import "../../Image/slots/ImageSlots.js";
+import "../../Image/constant.js";
+import "../../extended/mui/ImageButton/styles.js";
+import "../../extended/mui/ImageButton/utils/Clases/index.js";
+import "../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
+import "../../extended/mui/Stack/Stack.js";
+import "../../extended/mui/Tab/Slots/TabSlots.js";
+import "../../extended/mui/Tabs/slots/TabsSlots.js";
+import "../../extended/mui/TabContent/slots/TabContentSlots.js";
+import "../../extended/mui/Typography/Typography.js";
+import "../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
+import "../../extended/mui/NavLink/slots/NavLinkSlots.js";
+import "../../extended/mui/NavLink/constants.js";
+import "../../extended/mui/Dialog/Dialog.js";
+import "../../extended/mui/Divider/slots/DividerSlots.js";
+import "../../extended/mui/DatePicker/slots/DatePickerSlots.js";
+import "../../extended/mui/DatePicker/constants.js";
 import "../../datagrids/views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
 import { DICTIONARY as o } from "../dictionary.js";
 import { useDetailFormatter as c } from "./useDetailFormatter.js";
-const Ht = (m) => {
+const yo = (m) => {
   const { getLabel: t } = n(), r = s({
     presentationType: "datetime",
     fieldValue: "createdAt"
@@ -140,5 +165,5 @@ const Ht = (m) => {
   );
 };
 export {
-  Ht as useObjectLogsColumns
+  yo as useObjectLogsColumns
 };

package/components/ObjectLogs/subcomponents/ObjectLogsByM4L/ObjectLogsByM4L.js

@@ -82,13 +82,38 @@ import "../../../formatters/ImageFormatter/constants.js";
 import "../../../formatters/IconsFormatter/constants.js";
 import "../../../formatters/IconsFormatter/slots/IconsFormatterSlots.js";
 import "../../../extended/mui/CheckBox/CheckBox.js";
+import "../../../extended/mui/Accordion/Accordion.js";
+import "../../../extended/mui/Avatar/Avatar.js";
+import "react-router-dom";
+import "../../../extended/mui/Button/Button.js";
+import "../../../extended/mui/Radio/Radio.js";
+import "../../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
+import "../../../extended/mui/Badge/slots/BadgeSlots.js";
+import "../../../Image/subcomponents/IntersectComponent/index.js";
+import "../../../Image/slots/ImageSlots.js";
+import "../../../Image/constant.js";
+import "../../../extended/mui/ImageButton/styles.js";
+import "../../../extended/mui/ImageButton/utils/Clases/index.js";
+import "../../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
+import "../../../extended/mui/Stack/Stack.js";
+import "../../../extended/mui/Tab/Slots/TabSlots.js";
+import "../../../extended/mui/Tabs/slots/TabsSlots.js";
+import "../../../extended/mui/TabContent/slots/TabContentSlots.js";
+import "../../../extended/mui/Typography/Typography.js";
+import "../../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
+import "../../../extended/mui/NavLink/slots/NavLinkSlots.js";
+import "../../../extended/mui/NavLink/constants.js";
+import "../../../extended/mui/Dialog/Dialog.js";
+import "../../../extended/mui/Divider/slots/DividerSlots.js";
+import "../../../extended/mui/DatePicker/slots/DatePickerSlots.js";
+import "../../../extended/mui/DatePicker/constants.js";
 import "../../../datagrids/views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
 import { ContainerWrapperStyled as T, GridWrapperStyled as E } from "../../slots/ObjectLogsSlots.js";
 import { useObjectLogsColumns as L } from "../../hooks/useObjectLogsColumns.js";
 import { OBJECT_LOGS_M4L_END_POINT as j, OBJECT_LOGS_KEY_COMPONENT as y } from "../../constants.js";
 import { ObjectLogsSlots as I } from "../../slots/ObjectLogsEnum.js";
 import { useFilterAndSort as N } from "../../hooks/useFilterAndSort.js";
-function go(s) {
+function Mo(s) {
   const { resourceId: r, objectId: o, dataTestId: t = "" } = s, [a, p] = O(() => ({ resource_id: r, object_id: o })), n = L("m4l"), { pagerState: i, rows: e, onPageChange: c, onRowsPerPageChange: d, clearRows: l, Refresh: u } = w({
     endPoint: j,
     fireOnFirstLoad: !1,
@@ -145,5 +170,5 @@ function go(s) {
   );
 }
 export {
-  go as ObjectLogsByM4L
+  Mo as ObjectLogsByM4L
 };

package/components/ObjectLogs/subcomponents/ObjectLogsByOthers/ObjectLogsByOthers.js

@@ -82,13 +82,38 @@ import "../../../formatters/ImageFormatter/constants.js";
 import "../../../formatters/IconsFormatter/constants.js";
 import "../../../formatters/IconsFormatter/slots/IconsFormatterSlots.js";
 import "../../../extended/mui/CheckBox/CheckBox.js";
+import "../../../extended/mui/Accordion/Accordion.js";
+import "../../../extended/mui/Avatar/Avatar.js";
+import "react-router-dom";
+import "../../../extended/mui/Button/Button.js";
+import "../../../extended/mui/Radio/Radio.js";
+import "../../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
+import "../../../extended/mui/Badge/slots/BadgeSlots.js";
+import "../../../Image/subcomponents/IntersectComponent/index.js";
+import "../../../Image/slots/ImageSlots.js";
+import "../../../Image/constant.js";
+import "../../../extended/mui/ImageButton/styles.js";
+import "../../../extended/mui/ImageButton/utils/Clases/index.js";
+import "../../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
+import "../../../extended/mui/Stack/Stack.js";
+import "../../../extended/mui/Tab/Slots/TabSlots.js";
+import "../../../extended/mui/Tabs/slots/TabsSlots.js";
+import "../../../extended/mui/TabContent/slots/TabContentSlots.js";
+import "../../../extended/mui/Typography/Typography.js";
+import "../../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
+import "../../../extended/mui/NavLink/slots/NavLinkSlots.js";
+import "../../../extended/mui/NavLink/constants.js";
+import "../../../extended/mui/Dialog/Dialog.js";
+import "../../../extended/mui/Divider/slots/DividerSlots.js";
+import "../../../extended/mui/DatePicker/slots/DatePickerSlots.js";
+import "../../../extended/mui/DatePicker/constants.js";
 import "../../../datagrids/views/adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
 import { ContainerWrapperStyled as C, GridWrapperStyled as S } from "../../slots/ObjectLogsSlots.js";
 import { useObjectLogsColumns as E } from "../../hooks/useObjectLogsColumns.js";
 import { OBJECT_LOGS_OTHERS_END_POINT as y, OBJECT_LOGS_KEY_COMPONENT as b } from "../../constants.js";
 import { ObjectLogsSlots as w } from "../../slots/ObjectLogsEnum.js";
 import { useFilterAndSort as L } from "../../hooks/useFilterAndSort.js";
-function lo(m) {
+function Ho(m) {
   const { dataTestId: r = "", resourceSerialId: t, resourceTypeId: i } = m, [p, e] = O({}), s = E("other"), { rows: a, clearRows: n, refresh: l } = g({
     endPoint: y,
     fireOnFirstLoad: !1,
@@ -136,5 +161,5 @@ function lo(m) {
   );
 }
 export {
-  lo as ObjectLogsByOthers
+  Ho as ObjectLogsByOthers
 };

package/components/datagrids/formatters/ColumnNestedValueFormatter/ColumnNestedValueGroupFormatter.d.ts

@@ -1,15 +1,14 @@
 import { ColumnNestedValueFormatterProps } from './types';
 import { RenderGroupCellProps } from 'react-data-grid';
 /**
- * Formatter para mostrar valores anidados en filas de grupo (TreeDataGrid).
+ * Formatter to display nested values in group rows (TreeDataGrid).
  *
- * Esta función es utilizada cuando el TreeDataGrid agrupa filas y necesita
- * mostrar un valor anidado en el encabezado del grupo. Usa la primera fila
- * del grupo (childRows[0]) como fuente de datos representativa.
- * @param props - Propiedades del formatter que incluyen:
- *                - fieldValue: Campo anidado a mostrar (ej: 'user.name')
- *                - Component: Componente wrapper opcional
- * @returns Función que recibe RenderGroupCellProps y retorna el valor formateado
+ * Used when TreeDataGrid groups rows and needs to show a nested value in the
+ * group header. Uses the first row in the group (childRows[0]) as the data source.
+ * When getLinkHref is provided and returns a URL for the representative row,
+ * the value is rendered as a link.
+ * @param props - Formatter props including fieldValue, Component, getLinkHref, linkTarget
+ * @returns Function that receives RenderGroupCellProps and returns the formatted value
  */
 export declare function ColumnNestedValueGroupFormatter<TRow>(props: ColumnNestedValueFormatterProps<TRow>): (groupProps: RenderGroupCellProps<TRow>) => import("@emotion/react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ColumnNestedValueGroupFormatter.d.ts.map

package/components/datagrids/formatters/ColumnNestedValueFormatter/ColumnNestedValueGroupFormatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnNestedValueGroupFormatter.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnNestedValueFormatter/ColumnNestedValueGroupFormatter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD;;;;;;;;;;GAUG;AACH,wBAAgB,+BAA+B,CAAC,IAAI,EAClD,KAAK,EAAE,+BAA+B,CAAC,IAAI,CAAC,IAKpC,YAAY,oBAAoB,CAAC,IAAI,CAAC,sDAoB/C"}
+{"version":3,"file":"ColumnNestedValueGroupFormatter.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnNestedValueFormatter/ColumnNestedValueGroupFormatter.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAGvD;;;;;;;;;GASG;AACH,wBAAgB,+BAA+B,CAAC,IAAI,EAClD,KAAK,EAAE,+BAA+B,CAAC,IAAI,CAAC,IASpC,YAAY,oBAAoB,CAAC,IAAI,CAAC,sDAiC/C"}

package/components/datagrids/formatters/ColumnNestedValueFormatter/ColumnNestedValueGroupFormatter.js

@@ -1,19 +1,75 @@
-import { jsx as e, Fragment as l } from "@emotion/react/jsx-runtime";
+import { jsx as o, Fragment as g } from "@emotion/react/jsx-runtime";
 import u from "react";
-import { getPropertyByString as s } from "@m4l/core";
-import { getNullGuard as a } from "../../../../utils/getNullGuard.js";
-function h(o) {
-  const { fieldValue: n, Component: i = u.Fragment } = o;
-  return (m) => {
-    const { childRows: r } = m;
-    if (r.length === 0)
-      return /* @__PURE__ */ e(l, { children: "-" });
-    const p = r[0], t = a(
-      s(p, n)
-    ), c = typeof t == "object" ? JSON.stringify(t) : t;
-    return /* @__PURE__ */ e(i, { children: c });
+import { getPropertyByString as d } from "@m4l/core";
+import { getNullGuard as h } from "../../../../utils/getNullGuard.js";
+import "../../../extended/mui/Accordion/Accordion.js";
+import "../../../extended/mui/Tooltip/slots/TooltipSlots.js";
+import "../../../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
+import "zustand";
+import "zustand/shallow";
+import "zustand/middleware";
+import "zustand/middleware/immer";
+import "@m4l/styles";
+import "../../../extended/mui/Tooltip/constants.js";
+import "clsx";
+import "../../../extended/mui/IconButton/IconButton.js";
+import "../../../extended/mui/Avatar/Avatar.js";
+import "@mui/material";
+import "react-router-dom";
+import "../../../extended/mui/Button/Button.js";
+import "../../../extended/mui/CheckBox/CheckBox.js";
+import "../../../extended/mui/Radio/Radio.js";
+import "../../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
+import "../../../extended/mui/Badge/slots/BadgeSlots.js";
+import "../../../Image/subcomponents/IntersectComponent/index.js";
+import "../../../Image/slots/ImageSlots.js";
+import "../../../Image/constant.js";
+import "../../../extended/mui/ImageButton/styles.js";
+import "../../../extended/mui/ImageButton/utils/Clases/index.js";
+import "../../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
+import "../../../extended/mui/Popover/slots/PopoverSlots.js";
+import "../../../extended/mui/Select/Select.js";
+import "../../../extended/mui/Skeleton/Slots/skeletonSlots.js";
+import "../../../extended/mui/Stack/Stack.js";
+import "../../../extended/mui/Tab/Slots/TabSlots.js";
+import "../../../extended/mui/Tabs/slots/TabsSlots.js";
+import "@m4l/icons";
+import "../../../extended/mui/TabContent/slots/TabContentSlots.js";
+import "../../../extended/mui/TabContext/index.js";
+import "../../../extended/mui/Typography/Typography.js";
+import "../../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
+import "../../../extended/mui/ToggleIconButton/slots/ToggleIconButtonSlots.js";
+import { NavLink as k } from "../../../extended/mui/NavLink/NavLink.js";
+import "../../../extended/mui/Dialog/Dialog.js";
+import "../../../extended/mui/Divider/slots/DividerSlots.js";
+import "../../../extended/mui/DatePicker/slots/DatePickerSlots.js";
+import "@m4l/graphics";
+import "../../../extended/mui/DatePicker/constants.js";
+function at(n) {
+  const {
+    fieldValue: s,
+    Component: f = u.Fragment,
+    getLinkHref: l,
+    linkTarget: i = "_self"
+  } = n;
+  return (c) => {
+    const { childRows: m } = c;
+    if (m.length === 0)
+      return /* @__PURE__ */ o(g, { children: "-" });
+    const p = m[0], t = h(
+      d(p, s)
+    ), e = typeof t == "object" ? JSON.stringify(t) : t, a = /* @__PURE__ */ o(f, { children: e }), r = l?.(p);
+    return typeof r == "string" && r.length > 0 ? /* @__PURE__ */ o(
+      k,
+      {
+        to: r,
+        text: String(e),
+        target: i,
+        rel: i === "_blank" ? "noopener noreferrer" : void 0
+      }
+    ) : a;
   };
 }
 export {
-  h as ColumnNestedValueGroupFormatter
+  at as ColumnNestedValueGroupFormatter
 };

package/components/datagrids/formatters/ColumnNestedValueFormatter/formatter.d.ts

@@ -6,10 +6,13 @@ import { RenderCellProps } from 'react-data-grid';
  * Este formatter permite acceder a propiedades dentro de objetos anidados usando
  * "dot notation" (notación de punto). Es útil cuando los datos tienen estructuras
  * complejas y necesitas mostrar un valor específico dentro de un objeto.
+ * Si se pasa getLinkHref y retorna una URL, el valor se renderiza como enlace (interno o externo); si no, como texto.
  * @param props - Configuración del formatter
  * @param props.fieldValue - Ruta a la propiedad usando dot notation (ej: 'user.profile.name')
  * @param props.Component - Componente opcional para envolver el valor (default: React.Fragment)
  * @param props.defaultValue - Valor a mostrar si es null/undefined (default: '-')
+ * @param props.getLinkHref - Handler opcional (row) => url para renderizar la celda como enlace
+ * @param props.linkTarget - Target del enlace cuando se usa getLinkHref ('_self' | '_blank')
  * @returns Función formatter compatible con react-data-grid
  * @example
  * // Filas de ejemplo:

package/components/datagrids/formatters/ColumnNestedValueFormatter/formatter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formatter.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnNestedValueFormatter/formatter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAC7C,KAAK,EAAE,+BAA+B,CAAC,IAAI,CAAC,IAGpC,gBAAgB,eAAe,CAAC,IAAI,CAAC,sDAS9C"}
+{"version":3,"file":"formatter.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnNestedValueFormatter/formatter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAG1D,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAGlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqCG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAC7C,KAAK,EAAE,+BAA+B,CAAC,IAAI,CAAC,IAUpC,gBAAgB,eAAe,CAAC,IAAI,CAAC,sDA0B9C"}

package/components/datagrids/formatters/ColumnNestedValueFormatter/formatter.js

@@ -1,17 +1,74 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { getPropertyByString as l } from "@m4l/core";
-import p from "react";
-import { getNullGuard as a } from "../../../../utils/getNullGuard.js";
-function g(r) {
-  const { fieldValue: e, Component: o = p.Fragment, defaultValue: n = "-" } = r;
-  return (m) => {
-    const t = a(
-      l(m.row, e),
-      n
-    ), u = typeof t == "object" ? JSON.stringify(t) : t;
-    return /* @__PURE__ */ i(o, { children: u });
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { getPropertyByString as g } from "@m4l/core";
+import s from "react";
+import { getNullGuard as d } from "../../../../utils/getNullGuard.js";
+import "../../../extended/mui/Accordion/Accordion.js";
+import "../../../extended/mui/Tooltip/slots/TooltipSlots.js";
+import "../../../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
+import "zustand";
+import "zustand/shallow";
+import "zustand/middleware";
+import "zustand/middleware/immer";
+import "@m4l/styles";
+import "../../../extended/mui/Tooltip/constants.js";
+import "clsx";
+import "../../../extended/mui/IconButton/IconButton.js";
+import "../../../extended/mui/Avatar/Avatar.js";
+import "@mui/material";
+import "react-router-dom";
+import "../../../extended/mui/Button/Button.js";
+import "../../../extended/mui/CheckBox/CheckBox.js";
+import "../../../extended/mui/Radio/Radio.js";
+import "../../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
+import "../../../extended/mui/Badge/slots/BadgeSlots.js";
+import "../../../Image/subcomponents/IntersectComponent/index.js";
+import "../../../Image/slots/ImageSlots.js";
+import "../../../Image/constant.js";
+import "../../../extended/mui/ImageButton/styles.js";
+import "../../../extended/mui/ImageButton/utils/Clases/index.js";
+import "../../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
+import "../../../extended/mui/Popover/slots/PopoverSlots.js";
+import "../../../extended/mui/Select/Select.js";
+import "../../../extended/mui/Skeleton/Slots/skeletonSlots.js";
+import "../../../extended/mui/Stack/Stack.js";
+import "../../../extended/mui/Tab/Slots/TabSlots.js";
+import "../../../extended/mui/Tabs/slots/TabsSlots.js";
+import "@m4l/icons";
+import "../../../extended/mui/TabContent/slots/TabContentSlots.js";
+import "../../../extended/mui/TabContext/index.js";
+import "../../../extended/mui/Typography/Typography.js";
+import "../../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
+import "../../../extended/mui/ToggleIconButton/slots/ToggleIconButtonSlots.js";
+import { NavLink as y } from "../../../extended/mui/NavLink/NavLink.js";
+import "../../../extended/mui/Dialog/Dialog.js";
+import "../../../extended/mui/Divider/slots/DividerSlots.js";
+import "../../../extended/mui/DatePicker/slots/DatePickerSlots.js";
+import "@m4l/graphics";
+import "../../../extended/mui/DatePicker/constants.js";
+function at(e) {
+  const {
+    fieldValue: n,
+    Component: f = s.Fragment,
+    defaultValue: l = "-",
+    getLinkHref: a,
+    linkTarget: o = "_self"
+  } = e;
+  return (i) => {
+    const t = d(
+      g(i.row, n),
+      l
+    ), m = typeof t == "object" ? JSON.stringify(t) : t, r = a?.(i.row), u = typeof r == "string" && r.length > 0, c = /* @__PURE__ */ p(f, { children: m });
+    return u ? /* @__PURE__ */ p(
+      y,
+      {
+        to: r,
+        text: String(m),
+        target: o,
+        rel: o === "_blank" ? "noopener noreferrer" : void 0
+      }
+    ) : c;
   };
 }
 export {
-  g as ColumnNestedValueFormatter
+  at as ColumnNestedValueFormatter
 };

package/components/datagrids/formatters/ColumnNestedValueFormatter/types.d.ts

@@ -20,5 +20,20 @@ export interface ColumnNestedValueFormatterProps<TRow> {
      * Por defecto es '-'.
      */
     defaultValue?: string;
+    /**
+     * Optional handler that receives the row and returns a URL string.
+     * When provided and returning a non-empty string, the cell content is rendered
+     * as a link (internal or external). When undefined or empty string, the value
+     * is rendered as plain text.
+     * @example
+     * // Internal route: getLinkHref: (row) => `/users/${row.id}`
+     * // External URL:  getLinkHref: (row) => row.externalUrl ?? undefined
+     */
+    getLinkHref?: (row: TRow) => string | undefined;
+    /**
+     * Target for the link when getLinkHref is used.
+     * Use '_blank' for external links (opens in new tab). Defaults to '_self'.
+     */
+    linkTarget?: '_self' | '_blank';
 }
 //# sourceMappingURL=types.d.ts.map

package/components/datagrids/formatters/ColumnNestedValueFormatter/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnNestedValueFormatter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,WAAW,+BAA+B,CAAC,IAAI;IACnD;;;;;;OAMG;IACH,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAE5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/formatters/ColumnNestedValueFormatter/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,WAAW,+BAA+B,CAAC,IAAI;IACnD;;;;;;OAMG;IACH,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAE5B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IAE9B;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,GAAG,SAAS,CAAC;IAEhD;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CACjC"}

package/components/datagrids/tests/helpers/getRows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getRows.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/tests/helpers/getRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAyC7C;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,cA8HvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,cA6InD,CAAC"}
+{"version":3,"file":"getRows.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/tests/helpers/getRows.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAyC7C;;GAEG;AACH,eAAO,MAAM,OAAO,GAAI,OAAO,SAAS,cAoIvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,GAAI,OAAO,SAAS,cAmJnD,CAAC"}

package/components/datagrids/tests/helpers/types.d.ts

@@ -22,6 +22,14 @@ export interface SeedProps {
      * y usa un defaultValue personalizado ('N/A')
      */
     withNestedValueCustomDefaultValue?: boolean;
+    /**
+     * Si es true, añade columna NestedValue con getLinkHref (enlaces internos).
+     */
+    withNestedValueInternalLinks?: boolean;
+    /**
+     * Si es true, añade columna NestedValue con getLinkHref y linkTarget _blank (enlaces externos).
+     */
+    withNestedValueExternalLinks?: boolean;
     withPoints?: boolean;
     withPrice?: boolean;
     withUncertainty?: boolean;

package/components/datagrids/tests/helpers/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/tests/helpers/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/tests/helpers/types.ts"],"names":[],"mappings":"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"}

package/components/datagrids/tests/helpers/useColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useColumns.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/tests/helpers/useColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAcnD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAUzC;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,eAAe,KACrB,SAAS,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,EA0gBnC,CAAC"}
+{"version":3,"file":"useColumns.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/components/src/components/datagrids/tests/helpers/useColumns.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAcnD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAgBzC;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,OAAO,eAAe,KACrB,SAAS,MAAM,CAAC,OAAO,EAAE,OAAO,CAAC,EAyiBnC,CAAC"}

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

@@ -2,7 +2,7 @@ import { jsxs as h, jsx as r } from "@emotion/react/jsx-runtime";
 import { forwardRef as $, useRef as x, useState as I, useImperativeHandle as q, useMemo as _, useEffect as J } from "react";
 import { useModuleDictionary as Q } from "@m4l/core";
 import X from "react-data-grid";
-import { IconButton as p } from "../../../../../../../extended/mui/IconButton/IconButton.js";
+import { IconButton as a } from "../../../../../../../extended/mui/IconButton/IconButton.js";
 import "clsx";
 import "../../../../../../../formatters/BooleanFormatter/slots/BooleanFormatterSlots.js";
 import "../../../../../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
@@ -60,11 +60,40 @@ import "../../../../../../../formatters/ImageFormatter/constants.js";
 import "../../../../../../../formatters/IconsFormatter/constants.js";
 import "../../../../../../../formatters/IconsFormatter/slots/IconsFormatterSlots.js";
 import { ColumnInteractiveCheckFormatter as E } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
+import "../../../../../../../extended/mui/Accordion/Accordion.js";
+import "../../../../../../../extended/mui/Avatar/Avatar.js";
+import "react-router-dom";
+import "../../../../../../../extended/mui/Button/Button.js";
+import "../../../../../../../extended/mui/CheckBox/CheckBox.js";
+import "../../../../../../../extended/mui/Radio/Radio.js";
+import "../../../../../../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
+import "../../../../../../../extended/mui/Badge/slots/BadgeSlots.js";
+import "../../../../../../../Image/subcomponents/IntersectComponent/index.js";
+import "../../../../../../../Image/slots/ImageSlots.js";
+import "../../../../../../../Image/constant.js";
+import "../../../../../../../extended/mui/ImageButton/styles.js";
+import "../../../../../../../extended/mui/ImageButton/utils/Clases/index.js";
+import "../../../../../../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
+import "../../../../../../../extended/mui/Popover/slots/PopoverSlots.js";
+import "../../../../../../../extended/mui/Select/Select.js";
+import "../../../../../../../extended/mui/Skeleton/Slots/skeletonSlots.js";
+import "../../../../../../../extended/mui/Stack/Stack.js";
+import "../../../../../../../extended/mui/Tab/Slots/TabSlots.js";
+import "../../../../../../../extended/mui/Tabs/slots/TabsSlots.js";
+import { ArrowChevronUpOutlined as Z, ArrowChevronMdUpOutlined as ee, ArrowChevronDownOutlined as te, ArrowChevronMdDownOutlined as oe, ActionsMultiCheckOutlined as ie, ActionsCheckIndeterminateOutlined as re, ArrowRestoreOutlined as ne } from "@m4l/icons";
+import "../../../../../../../extended/mui/TabContent/slots/TabContentSlots.js";
+import "../../../../../../../extended/mui/Typography/Typography.js";
+import "../../../../../../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
+import "../../../../../../../extended/mui/NavLink/slots/NavLinkSlots.js";
+import "../../../../../../../extended/mui/NavLink/constants.js";
+import "../../../../../../../extended/mui/Dialog/Dialog.js";
+import "../../../../../../../extended/mui/Divider/slots/DividerSlots.js";
+import "../../../../../../../extended/mui/DatePicker/slots/DatePickerSlots.js";
+import "../../../../../../../extended/mui/DatePicker/constants.js";
 import "../../../../../adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
 import "../../../../../../contexts/DataGridContext/DataGridContext.js";
-import { ColumnsConfigWrapperStyled as Z, ColumnsConfigDataGridStyled as ee, ColumnsConfigSelColumnsStyled as te, TableWrapperDataGridStyled as oe, ColumnsConfigActiosStyled as ie } from "../../../../../../slots/DataGridSlot.js";
-import { DICTIONARY as a } from "../../../../../../dictionary.js";
-import { ArrowChevronUpOutlined as re, ArrowChevronMdUpOutlined as ne, ArrowChevronDownOutlined as le, ArrowChevronMdDownOutlined as se, ActionsMultiCheckOutlined as ae, ActionsCheckIndeterminateOutlined as me, ArrowRestoreOutlined as pe } from "@m4l/icons";
+import { ColumnsConfigWrapperStyled as le, ColumnsConfigDataGridStyled as se, ColumnsConfigSelColumnsStyled as me, TableWrapperDataGridStyled as pe, ColumnsConfigActiosStyled as ae } from "../../../../../../slots/DataGridSlot.js";
+import { DICTIONARY as m } from "../../../../../../dictionary.js";
 function R(d, c) {
   return d.filter((n) => !n.hidden).map(
     (n) => ({
@@ -94,7 +123,7 @@ const f = (d) => {
       classes: A,
       size: T,
       columns: k
-    } = d, { getLabel: s } = Q(), [M, G] = I(!0), [o, m] = I(
+    } = d, { getLabel: s } = Q(), [M, G] = I(!0), [o, p] = I(
       R(u, k)
     ), [w, L] = I(
       () => /* @__PURE__ */ new Set()
@@ -107,7 +136,7 @@ const f = (d) => {
       () => [
         {
           key: "name",
-          name: s(a.SETTINGS_COLUMN_NAME),
+          name: s(m.SETTINGS_COLUMN_NAME),
           width: 220,
           resizable: !0,
           type: "string",
@@ -115,7 +144,7 @@ const f = (d) => {
         },
         {
           key: "visible",
-          name: s(a.SETTINGS_COLUMN_VISIBLE),
+          name: s(m.SETTINGS_COLUMN_VISIBLE),
           width: 80,
           type: "boolean",
           renderCell: E,
@@ -123,7 +152,7 @@ const f = (d) => {
         },
         {
           key: "showTitle",
-          name: s(a.SETTINGS_COLUMN_SHOW_TITLE),
+          name: s(m.SETTINGS_COLUMN_SHOW_TITLE),
           width: 100,
           type: "boolean",
           renderCell: E,
@@ -132,11 +161,11 @@ const f = (d) => {
       ],
       [s]
     ), V = () => {
-      m(o.map((e) => ({ ...e, visible: !0 })));
+      p(o.map((e) => ({ ...e, visible: !0 })));
     }, U = () => {
-      m(o.map((e) => ({ ...e, visible: !1 })));
+      p(o.map((e) => ({ ...e, visible: !1 })));
     }, F = () => {
-      m(
+      p(
         o.map((e) => ({
           ...e,
           visible: e.originalVisible,
@@ -146,7 +175,7 @@ const f = (d) => {
       );
     };
     J(() => {
-      M === !1 && m(R(u, k)), G(!1);
+      M === !1 && p(R(u, k)), G(!1);
     }, [u]);
     const i = _(() => {
       let e = -1;
@@ -158,12 +187,12 @@ const f = (d) => {
       if (i === -1)
         return -1;
       const e = [...o];
-      e.splice(i, 1), e.splice(0, 0, o[i]), n.current?.selectCell({ idx: 0, rowIdx: 0 }), m(e);
+      e.splice(i, 1), e.splice(0, 0, o[i]), n.current?.selectCell({ idx: 0, rowIdx: 0 }), p(e);
     }, W = () => {
       if (i === -1)
         return -1;
       const e = [...o];
-      e.splice(i, 1), e.splice(e.length, 0, o[i]), n.current?.selectCell({ idx: 0, rowIdx: e.length - 1 }), m(e);
+      e.splice(i, 1), e.splice(e.length, 0, o[i]), n.current?.selectCell({ idx: 0, rowIdx: e.length - 1 }), p(e);
     }, y = (e) => {
       if (i === -1)
         return -1;
@@ -171,7 +200,7 @@ const f = (d) => {
       t.splice(i, 1), t.splice(i + e, 0, l), n.current?.selectCell({
         idx: 0,
         rowIdx: i + e
-      }), m(t);
+      }), p(t);
     }, z = (e) => {
       const t = o.findIndex((l) => l.key === e);
       if (t > -1)
@@ -200,18 +229,18 @@ const f = (d) => {
       N(e), S();
     }, j = () => {
     }, K = (e) => {
-      m(e);
+      p(e);
     }, P = ({ row: e }) => {
       if (w.has(e.key))
         return;
       const t = /* @__PURE__ */ new Set([e.key]);
       L(t);
     };
-    return /* @__PURE__ */ h(Z, { ownerState: {}, ref: b, children: [
-      /* @__PURE__ */ h(ee, { ownerState: {}, children: [
-        /* @__PURE__ */ r(te, { ownerState: { size: T }, children: s(a.SETTINGS_SEL_COLUMNS) }),
+    return /* @__PURE__ */ h(le, { ownerState: {}, ref: b, children: [
+      /* @__PURE__ */ h(se, { ownerState: {}, children: [
+        /* @__PURE__ */ r(me, { ownerState: { size: T }, children: s(m.SETTINGS_SEL_COLUMNS) }),
         /* @__PURE__ */ r(
-          oe,
+          pe,
           {
             className: A?.tableWrapperDataGrid,
             ownerState: { size: T },
@@ -233,72 +262,72 @@ const f = (d) => {
           }
         )
       ] }),
-      /* @__PURE__ */ h(ie, { ownerState: {}, children: [
+      /* @__PURE__ */ h(ae, { ownerState: {}, children: [
         /* @__PURE__ */ r(
-          p,
+          a,
           {
-            tooltip: s(a.SETTINGS_MOVE_FIRST),
+            tooltip: s(m.SETTINGS_MOVE_FIRST),
             onClick: B,
             "aria-label": "move first place",
             disabled: i < 1,
-            icon: /* @__PURE__ */ r(re, {})
+            icon: /* @__PURE__ */ r(Z, {})
           }
         ),
         /* @__PURE__ */ r(
-          p,
+          a,
           {
-            tooltip: s(a.SETTINGS_MOVE_UP),
+            tooltip: s(m.SETTINGS_MOVE_UP),
             onClick: () => y(-1),
             "aria-label": "move up place",
             disabled: i < 1,
-            icon: /* @__PURE__ */ r(ne, {})
+            icon: /* @__PURE__ */ r(ee, {})
           }
         ),
         /* @__PURE__ */ r(
-          p,
+          a,
           {
-            tooltip: s(a.SETTINGS_MOVE_LAST),
+            tooltip: s(m.SETTINGS_MOVE_LAST),
             onClick: W,
             "aria-label": "move last place",
             disabled: i === o.length - 1 || i === -1,
-            icon: /* @__PURE__ */ r(le, {})
+            icon: /* @__PURE__ */ r(te, {})
           }
         ),
         /* @__PURE__ */ r(
-          p,
+          a,
           {
-            tooltip: s(a.SETTINGS_MOVE_DOWN),
+            tooltip: s(m.SETTINGS_MOVE_DOWN),
             onClick: () => y(1),
             "aria-label": "move down place",
             disabled: i === o.length - 1 || i === -1,
-            icon: /* @__PURE__ */ r(se, {})
+            icon: /* @__PURE__ */ r(oe, {})
           }
         ),
         /* @__PURE__ */ r(
-          p,
+          a,
           {
-            tooltip: s(a.SETTINGS_VISIBLE_ALL),
+            tooltip: s(m.SETTINGS_VISIBLE_ALL),
             onClick: V,
             "aria-label": "check visible all",
-            icon: /* @__PURE__ */ r(ae, {})
+            icon: /* @__PURE__ */ r(ie, {})
           }
         ),
         /* @__PURE__ */ r(
-          p,
+          a,
           {
-            tooltip: s(a.SETTINGS_NO_VISIBLE_ALL),
+            tooltip: s(m.SETTINGS_NO_VISIBLE_ALL),
             onClick: U,
             "aria-label": "un check all",
-            icon: /* @__PURE__ */ r(me, {})
+            icon: /* @__PURE__ */ r(re, {})
           }
         ),
         /* @__PURE__ */ r(
-          p,
+          a,
           {
-            tooltip: s(a.SETTINGS_RESTORE),
+            tooltip: s(m.SETTINGS_RESTORE),
             onClick: F,
             "aria-label": "Restore columns",
-            icon: /* @__PURE__ */ r(pe, {})
+            icon: /* @__PURE__ */ r(ne, {})
           }
         )
       ] })

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

@@ -1,7 +1,7 @@
-import { jsxs as x, jsx as p } from "@emotion/react/jsx-runtime";
+import { jsxs as x, jsx as m } from "@emotion/react/jsx-runtime";
 import { forwardRef as ee, useRef as z, useState as _, useImperativeHandle as oe, useMemo as M, useEffect as te } from "react";
-import { useModuleDictionary as re, useEnvironment as ne } from "@m4l/core";
-import ie from "react-data-grid";
+import { useModuleDictionary as re, useEnvironment as ie } from "@m4l/core";
+import ne from "react-data-grid";
 import { IconButton as S } from "../../../../../../../extended/mui/IconButton/IconButton.js";
 import "clsx";
 import "../../../../../../../formatters/BooleanFormatter/slots/BooleanFormatterSlots.js";
@@ -60,10 +60,40 @@ import "../../../../../../../formatters/ImageFormatter/constants.js";
 import "../../../../../../../formatters/IconsFormatter/constants.js";
 import "../../../../../../../formatters/IconsFormatter/slots/IconsFormatterSlots.js";
 import { ColumnInteractiveCheckFormatter as N } from "../../../../../../formatters/ColumnInteractiveCheckFormatter/formatter.js";
+import "../../../../../../../extended/mui/Accordion/Accordion.js";
+import "../../../../../../../extended/mui/Avatar/Avatar.js";
+import "react-router-dom";
+import "../../../../../../../extended/mui/Button/Button.js";
+import "../../../../../../../extended/mui/CheckBox/CheckBox.js";
+import "../../../../../../../extended/mui/Radio/Radio.js";
+import "../../../../../../../extended/mui/CircularProgress/slots/CircularProgressSlots.js";
+import "../../../../../../../extended/mui/Badge/slots/BadgeSlots.js";
+import "../../../../../../../Image/subcomponents/IntersectComponent/index.js";
+import "../../../../../../../Image/slots/ImageSlots.js";
+import "../../../../../../../Image/constant.js";
+import "../../../../../../../extended/mui/ImageButton/styles.js";
+import "../../../../../../../extended/mui/ImageButton/utils/Clases/index.js";
+import "../../../../../../../extended/mui/LoadingButton/slots/LoadingButtonSlots.js";
+import "../../../../../../../extended/mui/Popover/slots/PopoverSlots.js";
+import "../../../../../../../extended/mui/Select/Select.js";
+import "../../../../../../../extended/mui/Skeleton/Slots/skeletonSlots.js";
+import "../../../../../../../extended/mui/Stack/Stack.js";
+import "../../../../../../../extended/mui/Tab/Slots/TabSlots.js";
+import "../../../../../../../extended/mui/Tabs/slots/TabsSlots.js";
+import "@m4l/icons";
+import "../../../../../../../extended/mui/TabContent/slots/TabContentSlots.js";
+import "../../../../../../../extended/mui/Typography/Typography.js";
+import "../../../../../../../extended/mui/ToggleButton/slots/ToggleButtonSlots.js";
+import "../../../../../../../extended/mui/NavLink/slots/NavLinkSlots.js";
+import "../../../../../../../extended/mui/NavLink/constants.js";
+import "../../../../../../../extended/mui/Dialog/Dialog.js";
+import "../../../../../../../extended/mui/Divider/slots/DividerSlots.js";
+import "../../../../../../../extended/mui/DatePicker/slots/DatePickerSlots.js";
+import "../../../../../../../extended/mui/DatePicker/constants.js";
 import "../../../../../adapters/CheckboxCellAdapter/CheckboxCellAdapter.js";
 import "../../../../../../contexts/DataGridContext/DataGridContext.js";
 import { pathIcons as I } from "../../../../../../icons.js";
-import { ColumnsConfigWrapperStyled as le, ColumnsConfigDataGridStyled as se, ColumnsConfigSelColumnsStyled as ae, TableWrapperDataGridStyled as pe, ColumnsConfigActiosStyled as me } from "../../../../../../slots/DataGridSlot.js";
+import { ColumnsConfigWrapperStyled as le, ColumnsConfigDataGridStyled as se, ColumnsConfigSelColumnsStyled as pe, TableWrapperDataGridStyled as me, ColumnsConfigActiosStyled as ae } from "../../../../../../slots/DataGridSlot.js";
 import { DICTIONARY as s } from "../../../../../../dictionary.js";
 function A(C, d) {
   return C.filter((r) => !r.hidden).map((r) => {
@@ -99,9 +129,9 @@ const w = (C) => {
       classes: F,
       size: G,
       columns: k
-    } = C, { getLabel: l } = re(), [U, V] = _(!0), [t, m] = _(
+    } = C, { getLabel: l } = re(), [U, V] = _(!0), [t, a] = _(
       A(c, k)
-    ), [y, D] = _(() => /* @__PURE__ */ new Set()), R = z(null), { host_static_assets: u, environment_assets: f } = ne();
+    ), [y, D] = _(() => /* @__PURE__ */ new Set()), R = z(null), { host_static_assets: u, environment_assets: f } = ie();
     oe(d, () => ({
       onClickIntro: Z,
       current: R.current
@@ -153,102 +183,102 @@ const w = (C) => {
         ...w("center")
       }), e;
     }, [l, k]), B = () => {
-      m(t.map((e) => ({ ...e, visible: !0 })));
+      a(t.map((e) => ({ ...e, visible: !0 })));
     }, W = () => {
-      m(t.map((e) => ({ ...e, visible: !1 })));
+      a(t.map((e) => ({ ...e, visible: !1 })));
     }, K = () => {
-      m(
+      a(
         t.map((e) => ({
           ...e,
           visible: e.originalVisible,
           frozen: e.originalFrozen,
           grouped: e.originalGrouped,
           index: e.originalIndex
-        })).sort((e, n) => e.index - n.index)
+        })).sort((e, i) => e.index - i.index)
       );
     };
     te(() => {
-      U === !1 && m(
+      U === !1 && a(
         A(c, k)
       ), V(!1);
     }, [c]);
-    const i = M(() => {
+    const n = M(() => {
       let e = -1;
       if (y.size !== 1)
         return e;
       const o = y.entries().next().value?.[1];
-      return e = t.findIndex((a) => a.key === o), e;
+      return e = t.findIndex((p) => p.key === o), e;
     }, [t, y]), j = () => {
-      if (i === -1)
+      if (n === -1)
         return -1;
       const e = [...t];
-      e.splice(i, 1), e.splice(0, 0, t[i]), r.current?.selectCell({ idx: 0, rowIdx: 0 }), m(e);
+      e.splice(n, 1), e.splice(0, 0, t[n]), r.current?.selectCell({ idx: 0, rowIdx: 0 }), a(e);
     }, H = () => {
-      if (i === -1)
+      if (n === -1)
         return -1;
       const e = [...t];
-      e.splice(i, 1), e.splice(e.length, 0, t[i]), r.current?.selectCell({ idx: 0, rowIdx: e.length - 1 }), m(e);
+      e.splice(n, 1), e.splice(e.length, 0, t[n]), r.current?.selectCell({ idx: 0, rowIdx: e.length - 1 }), a(e);
     }, $ = (e) => {
-      if (i === -1)
+      if (n === -1)
         return -1;
-      const n = [...t], o = n[i];
-      n.splice(i, 1), n.splice(i + e, 0, o), r.current?.selectCell({
+      const i = [...t], o = i[n];
+      i.splice(n, 1), i.splice(n + e, 0, o), r.current?.selectCell({
         idx: 0,
-        rowIdx: i + e
-      }), m(n);
+        rowIdx: n + e
+      }), a(i);
     }, Y = (e) => {
-      const n = t.findIndex((o) => o.key === e);
-      if (n > -1)
+      const i = t.findIndex((o) => o.key === e);
+      if (i > -1)
         return {
-          visible: t[n].visible,
-          frozen: t[n].frozen
+          visible: t[i].visible,
+          frozen: t[i].frozen
         };
     }, O = (e) => {
-      const n = t.findIndex((o) => o.key === e.key);
-      return n > -1 ? n : c.findIndex(
+      const i = t.findIndex((o) => o.key === e.key);
+      return i > -1 ? i : c.findIndex(
         (o) => o.key === e.key
       );
     }, Z = () => {
-      const e = t.filter((o) => o.grouped), n = c.map((o) => {
-        const a = { ...o };
+      const e = t.filter((o) => o.grouped), i = c.map((o) => {
+        const p = { ...o };
         if (!o.hidden) {
           const v = Y(o.key);
-          v && (a.visible = v.visible, a.frozen = v.frozen);
+          v && (p.visible = v.visible, p.frozen = v.frozen);
           const T = t.findIndex(
             (g) => g.key === o.key
           );
-          T > -1 && (a.index = T);
+          T > -1 && (p.index = T);
           const L = t.find((g) => g.key === o.key);
           if (L) {
-            a.grouped = L.grouped;
+            p.grouped = L.grouped;
             const g = e.findIndex(
               (X) => X.key === o.key
             );
-            a.groupOrder = g > -1 ? g : T;
+            p.groupOrder = g > -1 ? g : T;
           }
         }
-        return a;
-      }).sort((o, a) => O(o) - O(a));
-      h(n), E();
+        return p;
+      }).sort((o, p) => O(o) - O(p));
+      h(i), E();
     }, q = () => {
     }, J = (e) => {
-      m(e);
+      a(e);
     }, Q = ({ row: e }) => {
       if (y.has(e.key))
         return;
-      const n = /* @__PURE__ */ new Set([e.key]);
-      D(n);
+      const i = /* @__PURE__ */ new Set([e.key]);
+      D(i);
     };
     return /* @__PURE__ */ x(le, { ownerState: {}, ref: R, children: [
       /* @__PURE__ */ x(se, { ownerState: {}, children: [
-        /* @__PURE__ */ p(ae, { ownerState: { size: G }, children: l(s.SETTINGS_SEL_COLUMNS) }),
-        /* @__PURE__ */ p(
-          pe,
+        /* @__PURE__ */ m(pe, { ownerState: { size: G }, children: l(s.SETTINGS_SEL_COLUMNS) }),
+        /* @__PURE__ */ m(
+          me,
           {
             className: F?.tableWrapperDataGrid,
             ownerState: { size: G },
-            children: /* @__PURE__ */ p(
-              ie,
+            children: /* @__PURE__ */ m(
+              ne,
               {
                 ref: r,
                 rowHeight: b,
@@ -265,48 +295,48 @@ const w = (C) => {
           }
         )
       ] }),
-      /* @__PURE__ */ x(me, { ownerState: {}, children: [
-        /* @__PURE__ */ p(
+      /* @__PURE__ */ x(ae, { ownerState: {}, children: [
+        /* @__PURE__ */ m(
           S,
           {
             tooltip: l(s.SETTINGS_MOVE_FIRST),
             onClick: j,
             "aria-label": "move first place",
-            disabled: i < 1,
+            disabled: n < 1,
             icon: `${u}/${f}/${I.moveFirstPlace}`
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           S,
           {
             tooltip: l(s.SETTINGS_MOVE_UP),
             onClick: () => $(-1),
             "aria-label": "move up place",
-            disabled: i < 1,
+            disabled: n < 1,
             icon: `${u}/${f}/${I.moveUpPlace}`
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           S,
           {
             tooltip: l(s.SETTINGS_MOVE_LAST),
             onClick: H,
             "aria-label": "move last place",
-            disabled: i === t.length - 1 || i === -1,
+            disabled: n === t.length - 1 || n === -1,
             icon: `${u}/${f}/${I.moveLastPlace}`
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           S,
           {
             tooltip: l(s.SETTINGS_MOVE_DOWN),
             onClick: () => $(1),
             "aria-label": "move down place",
-            disabled: i === t.length - 1 || i === -1,
+            disabled: n === t.length - 1 || n === -1,
             icon: `${u}/${f}/${I.moveDownPlace}`
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           S,
           {
             tooltip: l(s.SETTINGS_VISIBLE_ALL),
@@ -315,7 +345,7 @@ const w = (C) => {
             icon: `${u}/${f}/${I.checkAll}`
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           S,
           {
             tooltip: l(s.SETTINGS_NO_VISIBLE_ALL),
@@ -324,7 +354,7 @@ const w = (C) => {
             icon: `${u}/${f}/${I.uncheckAll}`
           }
         ),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ m(
           S,
           {
             tooltip: l(s.SETTINGS_RESTORE),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.4.32",
+  "version": "9.4.33-beta-feature-662-nestedformatter-link-icon-image.0",
   "publishConfig": {
     "access": "public"
   },
@@ -52,19 +52,19 @@
     "react-toastify": "10.0.5",
     "date-fns": "^2.30.0",
     "react-transition-group": "^4.4.5",
-    "react-rnd": "^10.5.2",
     "react-color": "^2.19.3",
     "@mui/x-date-pickers": "6.20.2",
-    "react-draggable": "^4.4.5",
+    "react-rnd": "^10.5.2",
     "react-data-grid": "7.0.0-beta.47",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
+    "react-draggable": "^4.4.5",
     "react-spinners": "^0.13.8",
-    "react-resizable": "^3.0.4",
     "chart.js": "^4.4.0",
     "chartjs-chart-error-bars": "^4.3.3",
     "qrcode.react": "^3.1.0",
-    "simplebar-react": "3.2.6",
-    "react-resizable-panels": "^2.1.8"
+    "react-resizable": "^3.0.4",
+    "react-resizable-panels": "^2.1.8",
+    "simplebar-react": "3.2.6"
   }
 }