@m4l/components 9.2.44 → 9.2.45

package/components/DataGrid/formatters/ColumnBooleanFormatter/formatter.d.ts

@@ -2,4 +2,4 @@ import { ColumnBooleanFormatterProps } from './types';
 /**
  * Función para formatear un booleano en una columna de un DataGrid
  */
-export declare function ColumnBooleanFormatter(props: ColumnBooleanFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export declare function ColumnBooleanFormatter<TRow>(props: ColumnBooleanFormatterProps<TRow>): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import React from "react";
+import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWithRow.js";
 import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/BooleanFormatter.js";
 function ColumnBooleanFormatter(props) {
   const { fieldValue, presentationType, Component = React.Fragment } = props;
   return (obProps) => {
-    const valueMaybeString = getPropertyByString(obProps, fieldValue);
+    const valueMaybeString = getPropertyByString(obProps, getFieldValueWithRow(fieldValue));
     let fixedValue;
     if (typeof valueMaybeString === "boolean") {
       fixedValue = valueMaybeString;

package/components/DataGrid/formatters/ColumnBooleanFormatter/types.d.ts

@@ -1,7 +1,8 @@
+import { DeepKeyOf } from '../../../../utils/types';
 import { PresentationType } from '../../../formatters/BooleanFormatter/types';
-export interface ColumnBooleanFormatterProps {
+export interface ColumnBooleanFormatterProps<TRow> {
     Component?: React.ElementType;
     presentationType: PresentationType;
-    fieldValue: string;
+    fieldValue: DeepKeyOf<TRow>;
     opacity?: boolean;
 }

package/components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.d.ts

@@ -1,9 +1,8 @@
 import { ColumnBooleanFormatterProps } from './types';
 /**
- * Función helper que retorna
- * el formatter de la columna, el filtro y el customSort
+ * Hook function that return the formatter, filter and customSort for a boolean column
  */
-export declare const useColumnBoolean: <TRow>(props: ColumnBooleanFormatterProps) => {
+export declare const useColumnBoolean: <TRow>(props: ColumnBooleanFormatterProps<TRow>) => {
     formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;

package/components/DataGrid/formatters/ColumnChipStatusFormatter/formatter.js

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
+import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWithRow.js";
 import { C as ChipStatusFormatterColumnWrapperStyled } from "../../../formatters/ChipStatusFormatter/slots/ChipStatusFormatterSlots.js";
 import { C as ChipStatusFormatter } from "../../../formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 const ColumnChipStatusFormatter = (props) => {
   const { uriStatus, uriLabel, statusesColors, fallbackColor } = props;
   return (obProps) => {
-    const status = getPropertyByString(obProps, uriStatus.toString(), "");
-    const label = typeof uriLabel === "string" ? getPropertyByString(obProps, uriLabel, "") : uriLabel(obProps, status);
+    const label = typeof uriLabel === "string" ? getPropertyByString(obProps, getFieldValueWithRow(uriStatus.toString())) : uriLabel(obProps, uriStatus);
+    const status = getPropertyByString(obProps, getFieldValueWithRow(uriStatus.toString()));
     return /* @__PURE__ */ jsx(
       ChipStatusFormatter,
       {

package/components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.d.ts

@@ -1,7 +1,5 @@
 import { ColumnConcatenatedValuesFormatterProps } from './types';
 /**
- * Función especial para el DataGrid que concatena un array de strings
- * @param props
- * @returns
+ * Function to DataGrid that concatenates an array of strings
  */
-export declare function ColumnConcatenatedValuesFormatter(props: ColumnConcatenatedValuesFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export declare function ColumnConcatenatedValuesFormatter<TRow>(props: ColumnConcatenatedValuesFormatterProps<TRow>): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js

@@ -1,12 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import React from "react";
+import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWithRow.js";
 import { C as ConcatenatedFormatter } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 function ColumnConcatenatedValuesFormatter(props) {
   const { fieldValue, fieldSeparator, Component = React.Fragment } = props;
   return (obProps) => {
     const values = fieldValue.map((element) => {
-      const valueMaybeString = getPropertyByString(obProps, element);
+      const valueMaybeString = getPropertyByString(obProps, getFieldValueWithRow(element));
       let fixedValue;
       if (typeof valueMaybeString === "string" || typeof valueMaybeString === "number") {
         fixedValue = valueMaybeString.toString();

package/components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/types.d.ts

@@ -1,6 +1,7 @@
 import { ElementType } from 'react';
-export interface ColumnConcatenatedValuesFormatterProps {
+import { DeepKeyOf } from '../../../../utils/types';
+export interface ColumnConcatenatedValuesFormatterProps<TRow> {
     Component?: ElementType;
-    fieldValue: string[];
+    fieldValue: DeepKeyOf<TRow>[];
     fieldSeparator: string;
 }

package/components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.d.ts

@@ -2,7 +2,7 @@ import { ColumnConcatenatedValuesFormatterProps } from './types';
 /**
  * Funcion helper que retorna el formatter, filter y customSort de la columna concatenada.
  */
-export declare const useColumnConcatenatedValues: <TRow>(props: ColumnConcatenatedValuesFormatterProps) => {
+export declare const useColumnConcatenatedValues: <TRow>(props: ColumnConcatenatedValuesFormatterProps<TRow>) => {
     formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;

package/components/DataGrid/formatters/ColumnDateFormatter/formatter.d.ts

@@ -1,5 +1,5 @@
 import { ColumnDateFormatterProps } from './types';
 /**
- * Función para formatear una fecha en una columna de un DataGrid
+ * Function to format a date in a column of a DataGrid
  */
-export declare function ColumnDateFormatter(props: ColumnDateFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export declare function ColumnDateFormatter<TRow>(props: ColumnDateFormatterProps<TRow>): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnDateFormatter/formatter.js

@@ -1,11 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import React from "react";
+import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWithRow.js";
 import { D as DateFormatter } from "../../../formatters/DateFormatter/DateFormatter.js";
 function ColumnDateFormatter(props) {
   const { fieldValue, presentationType, Component = React.Fragment } = props;
   return (obProps) => {
-    const valueMaybeDateStringNumber = getPropertyByString(obProps, fieldValue);
+    const valueMaybeDateStringNumber = getPropertyByString(obProps, getFieldValueWithRow(fieldValue));
     let fixedValue;
     if (typeof valueMaybeDateStringNumber === "string" || typeof valueMaybeDateStringNumber === "number" || valueMaybeDateStringNumber instanceof Date) {
       fixedValue = valueMaybeDateStringNumber;

package/components/DataGrid/formatters/ColumnDateFormatter/types.d.ts

@@ -1,7 +1,8 @@
 import { PresentationType } from '../../../formatters/DateFormatter/types';
-export interface ColumnDateFormatterProps {
+import { DeepKeyOf } from '../../../../utils/types';
+export interface ColumnDateFormatterProps<TRow> {
     Component?: React.ElementType;
     presentationType: PresentationType;
     format?: string;
-    fieldValue: string;
+    fieldValue: DeepKeyOf<TRow>;
 }

package/components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.d.ts

@@ -1,13 +1,13 @@
 import { ColumnDateFormatterProps } from './types';
 /**
- * funcion para filtrar por fecha en una columna
+ * Function to filter by date in a column
  */
-export declare const useCustomDateFilter: <TRow>(props: ColumnDateFormatterProps) => (row: TRow, value: string) => boolean;
+export declare const useCustomDateFilter: <TRow>(props: ColumnDateFormatterProps<TRow>) => (row: TRow, value: string) => boolean;
 /**
- * Funcion helper que retorna el formatter,
- * customFilter y customSort de una columna de fecha
+ * Function helper that returns the formatter,
+ * customFilter and customSort of a date column
  */
-export declare const useColumnDate: <TRow>(props: ColumnDateFormatterProps) => {
+export declare const useColumnDate: <TRow>(props: ColumnDateFormatterProps<TRow>) => {
     formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;

package/components/DataGrid/formatters/ColumnIconFormatter/formatter.d.ts

@@ -1,5 +1,5 @@
 import { ColumnIconFormatterProps } from './types';
 /**
- * Función para formatear un icono en una columna de un DataGrid
+ * Function to format an icon in a column of a DataGrid
  */
 export declare function ColumnIconFormatter(props: ColumnIconFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ColumnNestedValueFormatterProps } from './types';
 /**
- * TODO: Documentar
+ * Function to format a nested value in a column of a DataGrid
  */
-export declare function ColumnNestedValueFormatter(props: ColumnNestedValueFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export declare function ColumnNestedValueFormatter<TRow>(props: ColumnNestedValueFormatterProps<TRow>): (obProps: any) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,11 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import React from "react";
-import { g as getNullGuard } from "../../../../utils/getNullGuard.js";
+import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWithRow.js";
 function ColumnNestedValueFormatter(props) {
   const { fieldValue, Component = React.Fragment } = props;
   return (obProps) => {
-    const property = getNullGuard(getPropertyByString(obProps, fieldValue));
+    const property = getPropertyByString(obProps, getFieldValueWithRow(fieldValue));
     const value = typeof property === "object" ? JSON.stringify(property) : property;
     return /* @__PURE__ */ jsx(Component, { children: value });
   };

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

@@ -1,4 +1,5 @@
-export interface ColumnNestedValueFormatterProps {
+import { DeepKeyOf } from '../../../../utils/types';
+export interface ColumnNestedValueFormatterProps<TRow> {
     Component?: React.ElementType;
-    fieldValue: string;
+    fieldValue: DeepKeyOf<TRow>;
 }

package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.d.ts

@@ -1,10 +1,10 @@
 import { ColumnNestedValueFormatterProps } from './types';
 /**
- * Funcion que retorna el formatter, customFilter y customSort
- * de la columna para ColumnNestedValueFormatter.
+ * Function that return the formatter, customFilter and customSort
+ * of the column for ColumnNestedValueFormatter.
  */
-export declare const useColumnNestedValue: <TRow>(props: ColumnNestedValueFormatterProps) => {
+export declare const useColumnNestedValue: <TRow>(props: ColumnNestedValueFormatterProps<TRow>) => {
     formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
-    customFilter: (row: TRow, value: string) => any;
+    customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
 };

package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js

@@ -3,11 +3,9 @@ import { useState, useRef, useEffect, useMemo } from "react";
 import { deepEqual } from "fast-equals";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnNestedValueFormatter } from "./formatter.js";
-import { g as getNullGuard } from "../../../../utils/getNullGuard.js";
 const getCustomNestedValueFilter = (props) => {
   return (row, value) => {
-    const keyWiouthRow = getColumnKey(props.fieldValue);
-    const property = getNullGuard(getPropertyByString(row, keyWiouthRow));
+    const property = getPropertyByString(row, props.fieldValue) ?? "";
     if (typeof property === "object") {
       return Object.values(property).includes(value);
     }

package/components/DataGrid/formatters/ColumnPointsFormatter/formatter.d.ts

@@ -1,5 +1,5 @@
 import { ColumnPointsFormatterProps } from './types';
 /**
- * TODO: Documentar
+ * Formatter for column points in DataGrid
  */
-export declare function ColumnPointsFormatter(props: ColumnPointsFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export declare function ColumnPointsFormatter<TRow>(props: ColumnPointsFormatterProps<TRow>): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnPointsFormatter/formatter.js

@@ -1,10 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { P as PointsFormatter } from "../../../formatters/PointsFormatter/PointsFormatter.js";
+import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWithRow.js";
 function ColumnPointsFormatter(props) {
   const { Component = React.Fragment } = props;
+  const fieldValue = getFieldValueWithRow(props.fieldValue);
+  const fieldUnit = getFieldValueWithRow(props.fieldUnit);
   return (obProps) => {
-    return /* @__PURE__ */ jsx(PointsFormatter, { obProps, ...props, Component });
+    return /* @__PURE__ */ jsx(PointsFormatter, { obProps, ...props, fieldValue, fieldUnit, Component });
   };
 }
 export {

package/components/DataGrid/formatters/ColumnPointsFormatter/types.d.ts

@@ -1,5 +1,6 @@
-export interface ColumnPointsFormatterProps {
+import { DeepKeyOf } from '../../../../utils/types';
+export interface ColumnPointsFormatterProps<TRow> {
     Component?: React.ElementType;
-    fieldValue: string;
-    fieldUnit: string;
+    fieldValue: DeepKeyOf<TRow>;
+    fieldUnit: DeepKeyOf<TRow>;
 }

package/components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.d.ts

@@ -1,9 +1,9 @@
 import { ColumnPointsFormatterProps } from './types';
 /**
- * Funcion helper que retorna el formatter,
- * customFilter y customSort de la columna de puntos de calibración.
+ * Function to use the points of calibration in a column of a DataGrid,
+ * return formatter, customFilter and customSort.
  */
-export declare const useColumnPoints: <TRow>(props: ColumnPointsFormatterProps) => {
+export declare const useColumnPoints: <TRow>(props: ColumnPointsFormatterProps<TRow>) => {
     formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;

package/components/DataGrid/formatters/ColumnPriceFormatter/formatter.d.ts

@@ -1,5 +1,5 @@
 import { ColumnPriceFormatterProps } from './types';
 /**
- * TODO: Documentar
+ * Formatter for column price in DataGrid
  */
-export declare function ColumnPriceFormatter(props: ColumnPriceFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export declare function ColumnPriceFormatter<TRow>(props: ColumnPriceFormatterProps<TRow>): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnPriceFormatter/formatter.js

@@ -1,10 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { P as PriceFormatter } from "../../../formatters/PriceFormatter/PriceFormatter.js";
+import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWithRow.js";
 function ColumnPriceFormatter(props) {
   const { Component = React.Fragment } = props;
+  const fieldValue = getFieldValueWithRow(props.fieldValue);
   return (obProps) => {
-    return /* @__PURE__ */ jsx(PriceFormatter, { obProps, ...props, Component });
+    return /* @__PURE__ */ jsx(PriceFormatter, { obProps, ...props, fieldValue, Component });
   };
 }
 export {

package/components/DataGrid/formatters/ColumnPriceFormatter/types.d.ts

@@ -1,4 +1,5 @@
-export interface ColumnPriceFormatterProps {
+import { DeepKeyOf } from '../../../../utils/types';
+export interface ColumnPriceFormatterProps<TRow> {
     Component?: React.ElementType;
-    fieldValue: string;
+    fieldValue: DeepKeyOf<TRow>;
 }

package/components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.d.ts

@@ -1,9 +1,9 @@
 import { ColumnPriceFormatterProps } from './types';
 /**
- * Función helper que retorna el formatter,
- * customFilter y customSort de la columna de precios.
+ * Helper function to use the price column formatter.
+ * Returns formatter, customFilter and customSort.
  */
-export declare const useColumnPrice: <TRow>(props: ColumnPriceFormatterProps) => {
+export declare const useColumnPrice: <TRow>(props: ColumnPriceFormatterProps<TRow>) => {
     formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;

package/components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js

@@ -5,7 +5,7 @@ import { deepEqual } from "fast-equals";
 import { g as getFormatPrice } from "../../../formatters/PriceFormatter/PriceFormatter.js";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { C as ColumnPriceFormatter } from "./formatter.js";
-const useCustomPriceFilter = (props) => {
+const getCustomPriceFilter = (props) => {
   const { currencyFormatter } = useFormatter();
   const customFilter = useCallback((row, value) => {
     const fieldValue = getColumnKey(props.fieldValue);
@@ -42,7 +42,7 @@ const getCustomPriceSort = (props) => {
 const useColumnPrice = (props) => {
   const [stateProps, setStateProps] = useState(props);
   const refProps = useRef({ ...props });
-  const customFilter = useCustomPriceFilter(stateProps);
+  const customFilter = getCustomPriceFilter(stateProps);
   useEffect(() => {
     if (!deepEqual(refProps.current, props)) {
       refProps.current = props;

package/components/DataGrid/formatters/ColumnSetCheckFormatter/types.d.ts

@@ -1,6 +1,7 @@
 import { RowKey } from '../../types';
+import { DeepKeyOf } from '../../../../utils/types';
 export type ColumnSetCheckFormatterProps<Row, TKey extends RowKey = RowKey> = {
-    field: string;
+    field: DeepKeyOf<Row>;
     disabledGetter?: (row: Row) => boolean;
     rowKeyGetter: (row: Row) => TKey;
     useHook: (field: string) => [ReadonlySet<TKey>, (newHas: ReadonlySet<TKey>) => void];

package/components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.d.ts

@@ -1,8 +1,8 @@
 import { RowKey } from '../../types';
 import { ColumnSetCheckFormatterProps } from './types';
 /**
- * Funcion helper que retorna el formatter, customFilter y customSort
- * de la columna de selección de elementos.
+ * Helper function to use the set check column formatter.
+ * Returns formatter, customFilter and customSort.
  */
 export declare const useColumnSetCheck: <TRow, TKey extends RowKey = RowKey>(props: ColumnSetCheckFormatterProps<TRow, TKey>) => {
     formatter: (props: import('react-data-grid').FormatterProps<TRow, unknown>) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.d.ts

@@ -1,5 +1,5 @@
 import { ColumnUncertaintyFormatterProps } from './types';
 /**
- * TODO: Documentar
+ * Formatter for column uncertainty in DataGrid
  */
-export declare function ColumnUncertaintyFormatter(props: ColumnUncertaintyFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export declare function ColumnUncertaintyFormatter<TRow>(props: ColumnUncertaintyFormatterProps<TRow>): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnUncertaintyFormatter/formatter.js

@@ -1,10 +1,14 @@
 import { jsx } from "react/jsx-runtime";
 import React from "react";
+import { g as getFieldValueWithRow } from "../../../../helpers/getFieldValueWithRow.js";
 import { U as UncertaintyFormatter } from "../../../formatters/UncertaintyFormatter/UncertaintyFormatter.js";
 function ColumnUncertaintyFormatter(props) {
   const { Component = React.Fragment } = props;
+  const fieldValue = getFieldValueWithRow(props.fieldValue);
+  const fieldSymbol = getFieldValueWithRow(props.fieldSymbol);
+  const fieldUnit = getFieldValueWithRow(props.fieldUnit);
   return (obProps) => {
-    return /* @__PURE__ */ jsx(UncertaintyFormatter, { obProps, ...props, Component });
+    return /* @__PURE__ */ jsx(UncertaintyFormatter, { obProps, ...props, fieldValue, fieldSymbol, fieldUnit, Component });
   };
 }
 export {

package/components/DataGrid/formatters/ColumnUncertaintyFormatter/types.d.ts

@@ -1,6 +1,7 @@
-export interface ColumnUncertaintyFormatterProps {
+import { DeepKeyOf } from '../../../../utils/types';
+export interface ColumnUncertaintyFormatterProps<TRow> {
     Component?: React.ElementType;
-    fieldValue: string;
-    fieldUnit: string;
-    fieldSymbol: string;
+    fieldValue: DeepKeyOf<TRow>;
+    fieldUnit: DeepKeyOf<TRow>;
+    fieldSymbol: DeepKeyOf<TRow>;
 }

package/components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.d.ts

@@ -1,10 +1,9 @@
 import { ColumnUncertaintyFormatterProps } from './types';
 /**
- * Función helper que retorna el formatter,
- * el filtro y el customSort de la columna
- * de incertidumbre.
+ * Function helper that returns the formatter,
+ * the filter and the customSort of the uncertainty column.
  */
-export declare const useColumnUncertanity: <TRow>(props: ColumnUncertaintyFormatterProps) => {
+export declare const useColumnUncertanity: <TRow>(props: ColumnUncertaintyFormatterProps<TRow>) => {
     formatter: (obProps: any) => import("react/jsx-runtime").JSX.Element;
     customFilter: (row: TRow, value: string) => boolean;
     customSort: (a: TRow, b: TRow) => 0 | 1 | -1;

package/components/formatters/UncertaintyFormatter/UncertaintyFormatter.d.ts

@@ -11,7 +11,7 @@ import { UncertaintyFormatterRootStyled } from './slots/UncertaintyFormatterSlot
  * @example
  * const obProps = {
  *   ranges: [
- *    { cmc_min: -20, cmc_max: 0.0, cmc_min_closed: true, cmc_max_closed: false, cmc_uncertainty: 0.5 },
+ *    { cmcMin: -20, cmcMax: 0.0, cmcMinClosed: true, cmcMaxClosed: false, cmcUncertainty: 0.5 },
  *   ],
  *   symbol: 'T',
  *   unit: '°C'
@@ -29,11 +29,11 @@ export declare function getUncertaintyFormat(obProps: any, fieldValue: string, f
  *
  * const ObjFormatter = {
  *  ranges: [
- *        { cmc_min: -20,
- *          cmc_max: 0.0,
- *          cmc_min_closed: true,
- *          cmc_max_closed: false,
- *          cmc_uncertainty: 0.5 },
+ *        { cmcMin: -20,
+ *          cmcMax: 0.0,
+ *          cmcMinClosed: true,
+ *          cmcMaxClosed: false,
+ *          cmcUncertainty: 0.5 },
  *    ],
  *  symbol: 'T',
  *  unit: '°C',

package/components/formatters/UncertaintyFormatter/UncertaintyFormatter.js

@@ -17,11 +17,11 @@ function getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit) {
     return "[]";
   }
   ranges.map((obj, idx) => {
-    const cmc_min_closed = obj.cmc_min_closed !== true ? "<" : "≤";
-    const cmc_max_closed = obj.cmc_max_closed !== true ? "<" : "≤";
+    const cmcMinClosed = obj.cmcMinClosed !== true ? "<" : "≤";
+    const cmcMaxClosed = obj.cmcMaxClosed !== true ? "<" : "≤";
     result = result.concat(
       `${idx > 0 ? " " : ""}`,
-      obj.cmc_min !== obj.cmc_max ? `[${obj.cmc_min}${unit} ${cmc_min_closed} ${symbol} ${cmc_max_closed} ${obj.cmc_max}${unit} ± ${obj.cmc_uncertainty}]` : `[${obj.cmc_min}${unit} ± ${obj.cmc_uncertainty}]`
+      obj.cmcMin !== obj.cmcMax ? `[${obj.cmcMin}${unit} ${cmcMinClosed} ${symbol} ${cmcMaxClosed} ${obj.cmcMax}${unit} ± ${obj.cmcUncertainty}]` : `[${obj.cmcMin}${unit} ± ${obj.cmcUncertainty}]`
     );
   });
   return result;

package/components/formatters/UncertaintyFormatter/types.d.ts

@@ -11,23 +11,23 @@ export interface UncertaintyRange {
     /**
      * Indica si el límite inferior está cerrado (≤) o abierto (<).
      */
-    cmc_min_closed: boolean;
+    cmcMinClosed: boolean;
     /**
      * Valor mínimo del rango.
      */
-    cmc_min: number;
+    cmcMin: number;
     /**
      * Indica si el límite superior está cerrado (≤) o abierto (<).
      */
-    cmc_max_closed: boolean;
+    cmcMaxClosed: boolean;
     /**
      * Valor máximo del rango.
      */
-    cmc_max: number;
+    cmcMax: number;
     /**
      * Incertidumbre asociada al rango.
      */
-    cmc_uncertainty: number;
+    cmcUncertainty: number;
 }
 export interface UncertaintyFormatterProps extends Pick<TypographyProps, 'color' | 'dataTestid' | 'className'> {
     /**

package/helpers/getFieldValueWithRow.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Returns the field value with the prefix 'row' if it is not already present.
+ */
+export declare const getFieldValueWithRow: (fieldValue: string) => string;

package/helpers/getFieldValueWithRow.js

@@ -0,0 +1,10 @@
+const getFieldValueWithRow = (fieldValue) => {
+  const row = "row";
+  if (fieldValue.includes(row)) {
+    return fieldValue;
+  }
+  return `${row}.${fieldValue}`;
+};
+export {
+  getFieldValueWithRow as g
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.44",
+  "version": "9.2.45",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0  --no-warn-ignored"

package/storybook/components/DataGrid/helpers/types.d.ts

@@ -1,5 +1,6 @@
 import { HeaderRendererProps } from 'react-data-grid';
 import { ChipStatusFormatterProps } from '../../../../src/components/formatters/ChipStatusFormatter/types';
+import { DeepKeyOf } from '../../../../src/utils/types';
 export interface SeedProps {
     quantity: number;
     withBoolean?: boolean;
@@ -28,7 +29,7 @@ export interface RowType {
         email: string;
         phone: string;
     };
-    created_at?: Date;
+    createdAt?: Date;
     icon?: string;
     interactiveCheck?: any;
     nestedValue?: any;
@@ -36,7 +37,7 @@ export interface RowType {
     unit?: string;
     price?: number;
     uncertainty?: {
-        ranges: RangesUncertanty[];
+        ranges: RangesUncertainty[];
         symbol: string;
         unit: string;
     };
@@ -47,15 +48,15 @@ export interface RowType {
         currentStatus: ChipStatusFormatterProps['status'];
     };
 }
-interface RangesUncertanty {
-    cmc_min: number;
-    cmc_max: number;
-    cmc_min_closed: boolean;
-    cmc_max_closed: boolean;
-    cmc_uncertainty: number;
+interface RangesUncertainty {
+    cmcMin: number;
+    cmcMax: number;
+    cmcMinClosed: boolean;
+    cmcMaxClosed: boolean;
+    cmcUncertainty: number;
 }
 export interface Column<TRow, TSummaryRow> {
-    key: string;
+    key: DeepKeyOf<TRow> | string;
     name: string;
     type: ColumnType;
     formatter?: (props: any) => JSX.Element;

package/storybook/components/DataGrid/helpers/useColumns.d.ts

@@ -4,4 +4,4 @@ import { GetColumnsProps, RowType, Column } from './types';
  * Función que retorna las columnas para el DataGrid de Storybook
  * ****************************************************************
  */
-export declare const useColumnsSeed: <TRow extends RowType, TSumaryRow>(props: GetColumnsProps) => readonly Column<TRow, TSumaryRow>[];
+export declare const useColumnsSeed: (props: GetColumnsProps) => readonly Column<RowType, unknown>[];

package/utils/types.d.ts

@@ -21,3 +21,10 @@ export type OptionalPosition = {
     x?: number;
     y?: number;
 };
+/**
+ * fieldValue with generic that allow to use nested attributes from a interface or object
+ * example: 'fieldValue' = 'object.field1.field2'
+ */
+export type DeepKeyOf<TRow> = TRow extends object ? {
+    [Key in keyof TRow & string]: NonNullable<TRow[Key]> extends object ? Key | `${Key}.${DeepKeyOf<NonNullable<TRow[Key]>>}` : Key;
+}[keyof TRow & string] : never;