@m4l/components 9.1.129 → 9.1.130

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

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

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

@@ -0,0 +1,10 @@
+import { ColumnBooleanFormatterProps } from './types';
+/**
+ * Función helper que retorna
+ * el formatter de la columna, el filtro y el customSort
+ */
+export declare const useColumnBoolean: <TRow>(props: ColumnBooleanFormatterProps) => {
+    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/ColumnBooleanFormatter/useColumnBoolean.js

@@ -0,0 +1,65 @@
+import { g as getFormatBoolean } from "../../../formatters/BooleanFormatter/BooleanFormatter.js";
+import { C as ColumnBooleanFormatter } from "./index.js";
+import { useModuleDictionary, getPropertyByString } from "@m4l/core";
+const getCustomBooleanFilter = (props, getLabel) => {
+  return (row, value) => {
+    const valueMaybeString = getPropertyByString(row, props.fieldValue);
+    let fixedValue;
+    if (typeof valueMaybeString === "boolean") {
+      fixedValue = valueMaybeString;
+    } else {
+      fixedValue = void 0;
+    }
+    return getFormatBoolean(
+      props.presentationType,
+      fixedValue,
+      getLabel
+    ).includes(value);
+  };
+};
+const getCustomBooleanSort = (props, getLabel) => {
+  return (a, b) => {
+    const valueMaybeStringA = getPropertyByString(a, props.fieldValue);
+    const valueMaybeStringB = getPropertyByString(b, props.fieldValue);
+    let fixedValueA;
+    let fixedValueB;
+    if (typeof valueMaybeStringA === "boolean") {
+      fixedValueA = valueMaybeStringA;
+    } else {
+      fixedValueA = void 0;
+    }
+    if (typeof valueMaybeStringB === "boolean") {
+      fixedValueB = valueMaybeStringB;
+    } else {
+      fixedValueB = void 0;
+    }
+    const valueA = getFormatBoolean(
+      props.presentationType,
+      fixedValueA,
+      getLabel
+    );
+    const valueB = getFormatBoolean(
+      props.presentationType,
+      fixedValueB,
+      getLabel
+    );
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnBoolean = (props) => {
+  const { getLabel } = useModuleDictionary();
+  return {
+    formatter: ColumnBooleanFormatter(props),
+    customFilter: getCustomBooleanFilter(props, getLabel),
+    customSort: getCustomBooleanSort(props, getLabel)
+  };
+};
+export {
+  useColumnBoolean as u
+};

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.js

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
+import React from "react";
 import { C as ConcatenatedFormatter } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 function ColumnConcatenatedValueFormatter(props) {
-  const { fieldValue, fieldSeparator, Component } = props;
+  const { fieldValue, fieldSeparator, Component = React.Fragment } = props;
   return (obProps) => {
     const values = fieldValue.map((element) => {
       const valueMaybeString = getPropertyByString(obProps, element);

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

@@ -1,6 +1,6 @@
 import { ElementType } from 'react';
 export interface ColumnConcatenatedValuesFormatterProps {
     Component?: ElementType;
-    fieldValue: Array<string>;
+    fieldValue: string[];
     fieldSeparator: string;
 }

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.d.ts

@@ -0,0 +1,9 @@
+import { ColumnConcatenatedValuesFormatterProps } from './types';
+/**
+ * Funcion helper que retorna el formatter, filter y customSort de la columna concatenada.
+ */
+export declare const useColumnConcatenatedValue: <TRow>(props: ColumnConcatenatedValuesFormatterProps) => {
+    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/ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.js

@@ -0,0 +1,49 @@
+import { getPropertyByString } from "@m4l/core";
+import { C as ColumnConcatenatedValueFormatter } from "./index.js";
+import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+import { g as getFormatConcatenated } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
+const getArrayValuesWithFieldValue = (row, fieldValue) => {
+  const values = fieldValue.map((element) => {
+    const keyWiouthRow = getColumnKey(element);
+    const valueMaybeString = getPropertyByString(row, keyWiouthRow);
+    let fixedValue;
+    if (typeof valueMaybeString === "string" || typeof valueMaybeString === "number") {
+      fixedValue = valueMaybeString.toString();
+    } else {
+      fixedValue = "";
+    }
+    return fixedValue;
+  });
+  return values;
+};
+const getCustomContatenatedValueFilter = (props) => {
+  return (row, value) => {
+    const values = getArrayValuesWithFieldValue(row, props.fieldValue);
+    return getFormatConcatenated(values, props.fieldSeparator).includes(value);
+  };
+};
+const getCustomConcatenatedValueSort = (props) => {
+  return (a, b) => {
+    const arrayA = getArrayValuesWithFieldValue(a, props.fieldValue);
+    const arrayB = getArrayValuesWithFieldValue(b, props.fieldValue);
+    const valueA = getFormatConcatenated(arrayA, props.fieldSeparator);
+    const valueB = getFormatConcatenated(arrayB, props.fieldSeparator);
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnConcatenatedValue = (props) => {
+  return {
+    formatter: ColumnConcatenatedValueFormatter(props),
+    customFilter: getCustomContatenatedValueFilter(props),
+    customSort: getCustomConcatenatedValueSort(props)
+  };
+};
+export {
+  useColumnConcatenatedValue as u
+};

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

@@ -1,8 +1,9 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
+import React from "react";
 import { D as DateFormatter } from "../../../formatters/DateFormatter/DateFormatter.js";
 function ColumnDateFormatter(props) {
-  const { fieldValue, presentationType, Component } = props;
+  const { fieldValue, presentationType, Component = React.Fragment } = props;
   return (obProps) => {
     const valueMaybeDateStringNumber = getPropertyByString(obProps, fieldValue);
     let fixedValue;

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

@@ -0,0 +1,14 @@
+import { ColumnDateFormatterProps } from './types';
+/**
+ * funcion para filtrar por fecha en una columna
+ */
+export declare const useCustomDateFilter: <TRow>(props: ColumnDateFormatterProps) => (row: TRow, value: string) => boolean;
+/**
+ * Funcion helper que retorna el formatter,
+ * customFilter y customSort de una columna de fecha
+ */
+export declare const useColumnDate: <TRow>(props: ColumnDateFormatterProps) => {
+    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/useColumnDate.js

@@ -0,0 +1,50 @@
+import { getPropertyByString } from "@m4l/core";
+import { g as getFormatDate } from "../../../formatters/DateFormatter/DateFormatter.js";
+import { C as ColumnDateFormatter } from "./index.js";
+import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+import { useFormatter } from "@m4l/graphics";
+const useCustomDateFilter = (props) => {
+  const { dateFormatter } = useFormatter();
+  return (row, value) => {
+    const fieldValue = getColumnKey(props.fieldValue);
+    const rawValue = getPropertyByString(row, fieldValue);
+    let dateValue = null;
+    if (typeof rawValue === "string") {
+      dateValue = new Date(rawValue);
+    } else if (rawValue instanceof Date) {
+      dateValue = rawValue;
+    }
+    if (!dateValue || isNaN(dateValue.getTime())) {
+      return false;
+    }
+    const formattedDate = getFormatDate(props.presentationType, dateValue, dateFormatter, props.format);
+    return formattedDate.includes(value);
+  };
+};
+const getCustomDateSort = (props) => {
+  return (a, b) => {
+    const key = getColumnKey(props.fieldValue);
+    const valueMaybeDateStringNumberA = getPropertyByString(a, key);
+    const valueMaybeDateStringNumberB = getPropertyByString(b, key);
+    const fixedValueA = new Date(valueMaybeDateStringNumberA);
+    const fixedValueB = new Date(valueMaybeDateStringNumberB);
+    if (fixedValueA.getTime() > fixedValueB.getTime()) {
+      return 1;
+    }
+    if (fixedValueA.getTime() < fixedValueB.getTime()) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnDate = (props) => {
+  const customFilter = useCustomDateFilter(props);
+  return {
+    formatter: ColumnDateFormatter(props),
+    customFilter,
+    customSort: getCustomDateSort(props)
+  };
+};
+export {
+  useColumnDate as u
+};

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.d.ts

@@ -0,0 +1,12 @@
+import { ColumnInteractiveCheckFormatterProps } from './types';
+/**
+ * Función que retorna para una columna "check":
+ * - formatter: ColumnInteractiveCheckFormatter
+ * - filter: getCustomInteractiveCheckFilter
+ * - customSort: getCustomInteractiveCheckSort
+ */
+export declare const useColumnInteractiveCheck: <TRow>(props: ColumnInteractiveCheckFormatterProps<TRow>) => {
+    formatter: import("react/jsx-runtime").JSX.Element;
+    filter: (row: TRow, value: boolean) => boolean;
+    customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
+};

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js

@@ -0,0 +1,29 @@
+import { C as ColumnInteractiveCheckFormatter } from "./index.js";
+const getCustomInteractiveCheckFilter = (props) => {
+  return (row, value) => {
+    return row[props.column.key] === value;
+  };
+};
+const getCustomInteractiveCheckSort = (props) => {
+  return (a, b) => {
+    const valueA = a[props.column.key];
+    const valueB = b[props.column.key];
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnInteractiveCheck = (props) => {
+  return {
+    formatter: ColumnInteractiveCheckFormatter(props),
+    filter: getCustomInteractiveCheckFilter(props),
+    customSort: getCustomInteractiveCheckSort(props)
+  };
+};
+export {
+  useColumnInteractiveCheck as u
+};

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

@@ -5,7 +5,7 @@ function ColumnNestedValueFormatter(props) {
   const { fieldValue, Component = WrapperComponent } = props;
   return (obProps) => {
     const property = getPropertyByString(obProps, fieldValue);
-    const value = typeof property === "object" ? "" : property;
+    const value = typeof property === "object" ? JSON.stringify(property) : property;
     return /* @__PURE__ */ jsx(Component, { children: value });
   };
 }

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

@@ -0,0 +1,10 @@
+import { ColumnNestedValueFormatterProps } from './types';
+/**
+ * Funcion que retorna el formatter, customFilter y customSort
+ * de la columna para ColumnNestedValueFormatter.
+ */
+export declare const useColumnNestedValue: <TRow>(props: ColumnNestedValueFormatterProps) => {
+    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/ColumnNestedValueFormatter/useColumnNestedValue.js

@@ -0,0 +1,37 @@
+import { getPropertyByString } from "@m4l/core";
+import { C as ColumnNestedValueFormatter } from "./index.js";
+const getCustomNestedValueFilter = (props) => {
+  return (row, value) => {
+    const property = getPropertyByString(row, props.fieldValue) ?? "";
+    if (typeof property === "object") {
+      return Object.values(property).includes(value);
+    }
+    return property.toString().includes(value);
+  };
+};
+const getCustomNestedValueSort = (props) => {
+  return (a, b) => {
+    const valueA = getPropertyByString(a, props.fieldValue);
+    const valueB = getPropertyByString(b, props.fieldValue);
+    if (typeof valueA === "object" || typeof valueB === "object" || valueA === void 0 || valueB === void 0) {
+      return 0;
+    }
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnNestedValue = (props) => {
+  return {
+    formatter: ColumnNestedValueFormatter(props),
+    customFilter: getCustomNestedValueFilter(props),
+    customSort: getCustomNestedValueSort(props)
+  };
+};
+export {
+  useColumnNestedValue as u
+};

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

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

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

@@ -0,0 +1,10 @@
+import { ColumnPointsFormatterProps } from './types';
+/**
+ * Funcion helper que retorna el formatter,
+ * customFilter y customSort de la columna de puntos de calibración.
+ */
+export declare const useColumnPoints: <TRow>(props: ColumnPointsFormatterProps) => {
+    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/ColumnPointsFormatter/useColumnPoints.js

@@ -0,0 +1,35 @@
+import { C as ColumnPointsFormatter } from "./index.js";
+import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+import { g as getFormatPoints } from "../../../formatters/PointsFormatter/PointsFormatter.js";
+const getCustomPointsFilter = (props) => {
+  return (row, value) => {
+    const fieldValue = getColumnKey(props.fieldValue);
+    const unitValue = getColumnKey(props.fieldUnit);
+    return getFormatPoints(row, fieldValue, unitValue).toLocaleLowerCase().includes(value.toLocaleLowerCase());
+  };
+};
+const getCustomPointsSort = (props) => {
+  return (a, b) => {
+    const fieldValue = getColumnKey(props.fieldValue);
+    const unitValue = getColumnKey(props.fieldUnit);
+    const valueA = getFormatPoints(a, fieldValue, unitValue);
+    const valueB = getFormatPoints(b, fieldValue, unitValue);
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnPoints = (props) => {
+  return {
+    formatter: ColumnPointsFormatter(props),
+    customFilter: getCustomPointsFilter(props),
+    customSort: getCustomPointsSort(props)
+  };
+};
+export {
+  useColumnPoints as u
+};

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

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

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

@@ -0,0 +1,10 @@
+import { ColumnPriceFormatterProps } from './types';
+/**
+ * Función helper que retorna el formatter,
+ * customFilter y customSort de la columna de precios.
+ */
+export declare const useColumnPrice: <TRow>(props: ColumnPriceFormatterProps) => {
+    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

@@ -0,0 +1,48 @@
+import { getPropertyByString } from "@m4l/core";
+import { C as ColumnPriceFormatter } from "./index.js";
+import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+import { g as getFormatPrice } from "../../../formatters/PriceFormatter/PriceFormatter.js";
+import { useFormatter } from "@m4l/graphics";
+const getCustomPriceFilter = (props) => {
+  const { currencyFormatter } = useFormatter();
+  return (row, value) => {
+    const fieldValue = getColumnKey(props.fieldValue);
+    return getFormatPrice(row, fieldValue, currencyFormatter.code, currencyFormatter.decimalDigits).includes(value);
+  };
+};
+const getCustomPriceSort = (props) => {
+  return (a, b) => {
+    const fieldValue = getColumnKey(props.fieldValue);
+    const valueMaybeStringA = getPropertyByString(a, fieldValue);
+    const valueMaybeStringB = getPropertyByString(b, fieldValue);
+    let fixedValueA;
+    let fixedValueB;
+    if (typeof valueMaybeStringA === "number") {
+      fixedValueA = valueMaybeStringA;
+    } else {
+      fixedValueA = 0;
+    }
+    if (typeof valueMaybeStringB === "number") {
+      fixedValueB = valueMaybeStringB;
+    } else {
+      fixedValueB = 0;
+    }
+    if (fixedValueA > fixedValueB) {
+      return 1;
+    }
+    if (fixedValueA < fixedValueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnPrice = (props) => {
+  return {
+    formatter: ColumnPriceFormatter(props),
+    customFilter: getCustomPriceFilter(props),
+    customSort: getCustomPriceSort(props)
+  };
+};
+export {
+  useColumnPrice as u
+};

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

@@ -0,0 +1,11 @@
+import { ColumnSetCheckFormatterProps } from './types';
+import { RowKey } from '../../types';
+/**
+ * Funcion helper que retorna el formatter, customFilter y customSort
+ * de la columna de selección de elementos.
+ */
+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;
+    customFilter: (row: TRow, value: TKey) => boolean;
+    customSort: (a: TRow, b: TRow) => 0 | 1 | -1;
+};

package/components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js

@@ -0,0 +1,32 @@
+import { C as ColumnSetCheckFormatter } from "./index.js";
+import { getPropertyByString } from "@m4l/core";
+const getCustomFilter = (props) => {
+  return (row, value) => {
+    const valueCheck = getPropertyByString(row, props.field);
+    return valueCheck === value;
+  };
+};
+const getCustomSort = (props) => {
+  return (a, b) => {
+    const { useHook, field, rowKeyGetter } = props;
+    const [checkedRows] = useHook(field);
+    const indexA = checkedRows.has(rowKeyGetter(a));
+    const indexB = checkedRows.has(rowKeyGetter(b));
+    if (indexA && !indexB) {
+      return 1;
+    } else if (!indexA && indexB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnSetCheck = (props) => {
+  return {
+    formatter: ColumnSetCheckFormatter(props),
+    customFilter: getCustomFilter(props),
+    customSort: getCustomSort(props)
+  };
+};
+export {
+  useColumnSetCheck as u
+};

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

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

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

@@ -0,0 +1,11 @@
+import { ColumnUncertaintyFormatterProps } from './types';
+/**
+ * Función helper que retorna el formatter,
+ * el filtro y el customSort de la columna
+ * de incertidumbre.
+ */
+export declare const useColumnCertanity: <TRow>(props: ColumnUncertaintyFormatterProps) => {
+    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/ColumnUncertaintyFormatter/useColumnUncertainty.js

@@ -0,0 +1,43 @@
+import { g as getUncertaintyFormat } from "../../../formatters/UncertaintyFormatter/UncertaintyFormatter.js";
+import { C as ColumnUncertaintyFormatter } from "./index.js";
+import { g as getColumnKey } from "../../helpers/getColumnKey.js";
+const getCustomUncertaintyFilter = (props) => {
+  return (row, value) => {
+    const fieldValue = getColumnKey(props.fieldValue);
+    const fieldSymbol = getColumnKey(props.fieldSymbol);
+    const fieldUnit = getColumnKey(props.fieldUnit);
+    const format = getUncertaintyFormat(
+      row,
+      fieldValue,
+      fieldSymbol,
+      fieldUnit
+    );
+    return format.includes(value);
+  };
+};
+const getCustomUncertaintySort = (props) => {
+  return (a, b) => {
+    const fieldValue = getColumnKey(props.fieldValue);
+    const fieldSymbol = getColumnKey(props.fieldSymbol);
+    const fieldUnit = getColumnKey(props.fieldUnit);
+    const valueA = getUncertaintyFormat(a, fieldValue, fieldSymbol, fieldUnit);
+    const valueB = getUncertaintyFormat(b, fieldValue, fieldSymbol, fieldUnit);
+    if (valueA > valueB) {
+      return 1;
+    }
+    if (valueA < valueB) {
+      return -1;
+    }
+    return 0;
+  };
+};
+const useColumnCertanity = (props) => {
+  return {
+    formatter: ColumnUncertaintyFormatter(props),
+    customFilter: getCustomUncertaintyFilter(props),
+    customSort: getCustomUncertaintySort(props)
+  };
+};
+export {
+  useColumnCertanity as u
+};

package/components/DataGrid/formatters/index.d.ts

@@ -9,3 +9,12 @@ export { ColumnInteractiveCheckFormatter } from './ColumnInteractiveCheckFormatt
 export { ColumnSetCheckFormatter } from './ColumnSetCheckFormatter';
 export type { ColumnUncertaintyFormatterProps } from './ColumnUncertaintyFormatter/types';
 export { ColumnIconFormatter } from './ColumnIconFormatter';
+export { useColumnBoolean } from './ColumnBooleanFormatter/useColumnBoolean';
+export { useColumnConcatenatedValue } from './ColumnConcatenatedValueFormatter/useColumnConcatenatedValue';
+export { useColumnDate } from './ColumnDateFormatter/useColumnDate';
+export { useColumnNestedValue } from './ColumnNestedValueFormatter/useColumnNestedValue';
+export { useColumnPrice } from './ColumnPriceFormatter/useColumnPrice';
+export { useColumnCertanity } from './ColumnUncertaintyFormatter/useColumnUncertainty';
+export { useColumnPoints } from './ColumnPointsFormatter/useColumnPoints';
+export { useColumnInteractiveCheck } from './ColumnInteractiveCheckFormatter/useColumnInteractiveCheck';
+export { useColumnSetCheck } from './ColumnSetCheckFormatter/useColumnSetCheck';

package/components/DataGrid/helpers/getColumnKey.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Función utilizada para remover la parabra 'row' en la posicion cero de las keys de
+ * las columnas concatenadas. Esto se utiliza para obtener la key directa
+ * asignada en una columna.
+ * @param key - key de la columna
+ * @returns key sin la palabra 'row'
+ * @example
+ * - row.concatenated -> concatenated
+ * - row.user.name -> user.name
+ * @example
+ * getColumnKey('row.concatenated') // 'concatenated'
+ */
+export declare const getColumnKey: (key: string) => string;

package/components/DataGrid/helpers/getColumnKey.js

@@ -0,0 +1,11 @@
+const getColumnKey = (key) => {
+  const keys = key.split(".");
+  if (keys[0].toLocaleLowerCase() !== "row") {
+    return key;
+  }
+  keys.shift();
+  return keys.join(".");
+};
+export {
+  getColumnKey as g
+};

package/components/DataGrid/styles.js

@@ -358,7 +358,8 @@ const dataGridStyles = {
     },
     "& .rdg-cell.rdg-cell-align-center": {
       textAlign: "center",
-      display: "flex"
+      display: "grid",
+      alignContent: "center"
     },
     "& .rdg-cell.rdg-cell-align-right": {
       textAlign: "right"

package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js

@@ -13,6 +13,9 @@ function getComparator(columns, sortColumn) {
   if (column) {
     typeOrder = column.type || "string";
   }
+  if (column?.customSort) {
+    return column.customSort;
+  }
   switch (typeOrder) {
     case "number":
       return (a, b) => {

package/components/DataGrid/tests/ColumnsFormatters.test.d.ts

@@ -0,0 +1 @@
+export {};

package/components/DataGrid/types.d.ts

@@ -29,6 +29,7 @@ declare module 'react-data-grid' {
         withFilter?: boolean;
         withinHeaderRenderer?: React.FunctionComponent<HeaderRendererProps<TRow, TSummaryRow>>;
         customFilter?: (row: TRow, value: string) => boolean;
+        customSort?: (a: TRow, b: TRow) => number;
     }
 }
 export declare type RowKey = string | number;

package/components/areas/hooks/index.d.ts

@@ -1,3 +1,4 @@
 export { useDynamicMFParametersStore } from './useDynamicMFParameters';
 export { useWindowToolsMF } from './useWindowToolsMF';
 export { useSetWindowsTitle } from './useSetWindowsTitle';
+export { useAreasStore } from './useAreas';

package/components/formatters/BooleanFormatter/BooleanFormatter.d.ts

@@ -1,5 +1,9 @@
 import { default as React } from 'react';
-import { BooleanFormatterProps } from './types';
+import { BooleanFormatterProps, PresentationType } from './types';
+/**
+ * TODO: crearlo aparte como un helper
+ */
+export declare function getFormatBoolean(presentationType: PresentationType, value: boolean | undefined, getLabel: (key: string) => string): string;
 /**
  * BooleanFormatter
  * A component for formatting boolean values (`true` or `false`) into various presentation styles such as text or checkbox.

package/components/formatters/BooleanFormatter/BooleanFormatter.js

@@ -8,29 +8,34 @@ import { B as BOOLEAN_FORMATTER_KEY_COMPONENT } from "./constants.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { B as BooleanFormatterIconStyled, a as BooleanFormatterRootStyled } from "./slots/BooleanFormatterSlots.js";
 import { B as BooleanFormatterSlots } from "./slots/BooleanFormatterEnum.js";
+function getFormatBoolean(presentationType, value = false, getLabel) {
+  if (presentationType === "string_yes_no") {
+    return value ? getLabel(LABEL_BOOLEAN_YES) : getLabel(LABEL_BOOLEAN_NO);
+  }
+  if (presentationType === "string_true_false") {
+    return value ? getLabel(LABEL_BOOLEAN_TRUE) : getLabel(LABEL_BOOLEAN_FALSE);
+  }
+  return "";
+}
 function BooleanFormatter(props) {
-  const { presentationType, value, Component = BooleanFormatterRootStyled, dataTestId, className, componentProps } = props;
+  const { presentationType, value = false, Component = BooleanFormatterRootStyled, dataTestId, className, componentProps } = props;
   const { getLabel } = useModuleDictionary();
   const { host_static_assets, environment_assets } = useEnvironment();
-  const final_value = value ?? false;
   const srcCheckTrue = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`;
   const srcCheckFalse = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
-  const ownerState = { value: final_value };
+  const ownerState = { value };
   const memoComponent = useMemo(() => {
-    if (presentationType === "string_yes_no") {
-      return final_value ? getLabel(LABEL_BOOLEAN_YES) : getLabel(LABEL_BOOLEAN_NO);
-    }
-    if (presentationType === "string_true_false") {
-      return final_value ? getLabel(LABEL_BOOLEAN_TRUE) : getLabel(LABEL_BOOLEAN_FALSE);
+    if (presentationType === "check") {
+      return /* @__PURE__ */ jsx(
+        BooleanFormatterIconStyled,
+        {
+          ownerState,
+          src: value ? srcCheckTrue : srcCheckFalse
+        }
+      );
     }
-    return /* @__PURE__ */ jsx(
-      BooleanFormatterIconStyled,
-      {
-        ownerState,
-        src: final_value ? srcCheckTrue : srcCheckFalse
-      }
-    );
-  }, [final_value, getLabel, presentationType, srcCheckTrue, srcCheckFalse]);
+    return getFormatBoolean(presentationType, value, getLabel);
+  }, [value, getLabel, presentationType, srcCheckTrue, srcCheckFalse]);
   if (Component === React.Fragment) {
     return memoComponent;
   }
@@ -47,5 +52,6 @@ function BooleanFormatter(props) {
   );
 }
 export {
-  BooleanFormatter as B
+  BooleanFormatter as B,
+  getFormatBoolean as g
 };

package/components/formatters/DateFormatter/DateFormatter.d.ts

@@ -1,4 +1,5 @@
 import { default as React } from 'react';
+import { DateFormatter as DateFormatterType } from '@m4l/graphics';
 import { DateFormatterProps, PresentationType } from './types';
 declare type Maybe<T> = T | undefined | null;
 /**
@@ -8,7 +9,7 @@ declare type Maybe<T> = T | undefined | null;
  * @param format Formato
  * @returns string
  */
-export declare function useFormatDate(presentationType: PresentationType, value: Maybe<Date | string | number>, format?: string): string;
+export declare function getFormatDate(presentationType: PresentationType, value: Maybe<Date | string | number>, dateFormatter: DateFormatterType, format?: string): string;
 /**
  * DateFormatter
  * A component for formatting date values into various presentation styles such as text or custom wrappers.

package/components/formatters/DateFormatter/DateFormatter.js

@@ -7,8 +7,7 @@ import clsx from "clsx";
 import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
 import { g as getPropDataTestId } from "../../../test/getNameDataTestId.js";
 import { D as DATE_FORMATTER_KEY_COMPONENT } from "./constants.js";
-function useFormatDate(presentationType, value, format) {
-  const { dateFormatter } = useFormatter();
+function getFormatDate(presentationType, value, dateFormatter, format) {
   let finalFormat = format || dateFormatter.datetimeFormat;
   let result;
   let resultDate;
@@ -49,7 +48,8 @@ function DateFormatter(props) {
     className,
     componentProps
   } = props;
-  const formattedDate = useFormatDate(presentationType, value, format);
+  const { dateFormatter } = useFormatter();
+  const formattedDate = getFormatDate(presentationType, value, dateFormatter, format);
   const memoComponent = useMemo(() => {
     return formattedDate;
   }, [formattedDate]);
@@ -69,5 +69,5 @@ function DateFormatter(props) {
 }
 export {
   DateFormatter as D,
-  useFormatDate as u
+  getFormatDate as g
 };

package/components/formatters/PriceFormatter/PriceFormatter.js

@@ -12,16 +12,16 @@ import { u as useComponentSize } from "../../../hooks/useComponentSize/useCompon
 function getFormatPrice(obProps, fieldValue, currency, decimalDigits) {
   let result = "";
   const value = getPropertyByString(obProps, fieldValue);
-  if (isNaN(Number(value))) {
-    return Number("").toLocaleString(navigator.language, {
-      currency,
-      style: "currency",
-      currencyDisplay: "symbol",
-      useGrouping: true,
-      maximumFractionDigits: decimalDigits
-    });
-  }
   try {
+    if (isNaN(Number(value))) {
+      return Number("").toLocaleString(navigator.language, {
+        currency,
+        style: "currency",
+        currencyDisplay: "symbol",
+        useGrouping: true,
+        maximumFractionDigits: decimalDigits
+      });
+    }
     result = Number(value).toLocaleString(navigator.language, {
       currency,
       style: "currency",

package/components/formatters/index.d.ts

@@ -1,5 +1,5 @@
 export { BooleanFormatter } from './BooleanFormatter/BooleanFormatter';
-export { useFormatDate as getFormatDate, DateFormatter } from './DateFormatter/DateFormatter';
+export { getFormatDate, DateFormatter } from './DateFormatter/DateFormatter';
 export { UncertaintyFormatter, getUncertaintyFormat } from './UncertaintyFormatter/UncertaintyFormatter';
 export { PointsFormatter, getFormatPoints } from './PointsFormatter/PointsFormatter';
 export { getFormatConcatenated, ConcatenatedFormatter } from './ConcatenatedFormatter/ConcatenatedFormatter';

package/index.js

@@ -22,6 +22,7 @@ import { a as a3, A as A4 } from "./components/areas/contexts/AreasContext/index
 import { u } from "./components/areas/hooks/useDynamicMFParameters/index.js";
 import { u as u2 } from "./components/areas/hooks/useWindowToolsMF/index.js";
 import { u as u3 } from "./components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle.js";
+import { u as u4 } from "./components/areas/hooks/useAreas/index.js";
 import { A as A5, a as a4, L as L2, b as b2, g as g3 } from "./components/areas/dictionary.js";
 import { R } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
 import { g as g4 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
@@ -47,15 +48,15 @@ import { P, R as R17, S as S2, T as T2 } from "./components/hook-form/RHFPeriod/
 import { R as R18 } from "./components/hook-form/RHFUpload/RHFUploadImage/RHFUploadImage.js";
 import { C } from "./components/Chip/Chip.js";
 import { B } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
-import { D as D2, u as u4 } from "./components/formatters/DateFormatter/DateFormatter.js";
-import { U, g as g7 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
-import { P as P2, g as g8 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
-import { C as C2, g as g9 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
+import { D as D2, g as g7 } from "./components/formatters/DateFormatter/DateFormatter.js";
+import { U, g as g8 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
+import { P as P2, g as g9 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
+import { C as C2, g as g10 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { P as P3, u as u5 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
-import { P as P4, g as g10 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
-import { g as g11 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
+import { P as P4, g as g11 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
+import { g as g12 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D3 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
-import { g as g12 } from "./components/formatters/dictionary.js";
+import { g as g13 } from "./components/formatters/dictionary.js";
 import { C as C3 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/index.js";
 import { C as C4 } from "./components/DataGrid/formatters/ColumnPointsFormatter/index.js";
 import { C as C5 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/index.js";
@@ -66,6 +67,15 @@ import { C as C9 } from "./components/DataGrid/formatters/ColumnPriceFormatter/i
 import { C as C10 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.js";
 import { C as C11 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/index.js";
 import { C as C12 } from "./components/DataGrid/formatters/ColumnIconFormatter/index.js";
+import { u as u6 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
+import { u as u7 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.js";
+import { u as u8 } from "./components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
+import { u as u9 } from "./components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js";
+import { u as u10 } from "./components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js";
+import { u as u11 } from "./components/DataGrid/formatters/ColumnUncertaintyFormatter/useColumnUncertainty.js";
+import { u as u12 } from "./components/DataGrid/formatters/ColumnPointsFormatter/useColumnPoints.js";
+import { u as u13 } from "./components/DataGrid/formatters/ColumnInteractiveCheckFormatter/useColumnInteractiveCheck.js";
+import { u as u14 } from "./components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js";
 import { a as a5 } from "./components/DynamicFilter/dictionary.js";
 import { D as D4 } from "./components/DynamicFilter/DynamicFilter.js";
 import { a as a6 } from "./components/DynamicSort/dictionary.js";
@@ -77,7 +87,7 @@ import { A as A7 } from "./components/CommonActions/components/ActionCancel/Acti
 import { A as A8 } from "./components/CommonActions/components/ActionIntro/ActionIntro.js";
 import { A as A9 } from "./components/CommonActions/components/ActionFormCancel/ActionFormCancel.js";
 import { A as A10 } from "./components/CommonActions/components/ActionFormIntro/ActionFormIntro.js";
-import { D as D6, d, g as g13 } from "./components/CommonActions/dictionary.js";
+import { D as D6, d, g as g14 } from "./components/CommonActions/dictionary.js";
 import { D as D7 } from "./components/DragResizeWindow/DragResizeWindow.js";
 import { d as d2 } from "./components/DragResizeWindow/classes/index.js";
 import { G } from "./components/GridLayout/GridLayout.js";
@@ -91,8 +101,8 @@ import { L as L5 } from "./components/LinearProgressIndeterminate/LinearProgress
 import { I as I3 } from "./components/Image/Image.js";
 import { L as L6 } from "./components/Loadable/index.js";
 import { M as M3 } from "./components/ModalDialog/ModalDialog.js";
-import { g as g14 } from "./components/modal/dictionary.js";
-import { d as d4, g as g15 } from "./components/ModalDialog/dictionary.js";
+import { g as g15 } from "./components/modal/dictionary.js";
+import { d as d4, g as g16 } from "./components/ModalDialog/dictionary.js";
 import { W as W2 } from "./components/WindowConfirm/WindowConfirm.js";
 import { w as w2 } from "./components/WindowBase/WindowBase.styles.js";
 import { W as W3 } from "./components/WindowBase/WindowBase.js";
@@ -102,13 +112,13 @@ import { W as W5 } from "./components/WindowBase/slots/WindowBaseEnum.js";
 import { a as a7, C as C13, b as b3, H as H2, I as I5, e as e2, L as L7, M as M4, c as c4, P as P6, S as S3, d as d5, T as T3, W as W6 } from "./components/WindowBase/slots/WindowBaseSlots.js";
 import { H as H3 } from "./components/WindowBase/subcomponents/Header/HeaderWindowBase.js";
 import { L as L8 } from "./components/LoadingError/LoadingError.js";
-import { g as g16 } from "./components/LoadingError/dictionary.js";
+import { g as g17 } from "./components/LoadingError/dictionary.js";
 import { M as M5 } from "./components/MFLoader/MFLoader.js";
-import { g as g17 } from "./components/MFLoader/dictionary.js";
+import { g as g18 } from "./components/MFLoader/dictionary.js";
 import { N as N2 } from "./components/NoItemSelected/NoItemSelected.js";
-import { g as g18 } from "./components/NoItemSelected/dictionary.js";
+import { g as g19 } from "./components/NoItemSelected/dictionary.js";
 import { O } from "./components/ObjectLogs/index.js";
-import { d as d6, g as g19 } from "./components/ObjectLogs/dictionary.js";
+import { d as d6, g as g20 } from "./components/ObjectLogs/dictionary.js";
 import { P as P7 } from "./components/PaperForm/PaperForm.js";
 import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
 import { H as H4 } from "./components/HelmetPage/index.js";
@@ -126,10 +136,10 @@ import { T as T4 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T5 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { S as S6 } from "./components/SideBar/SideBar.js";
 import { A as A11 } from "./components/AppBar/AppBar.js";
-import { g as g20 } from "./components/AppBar/dictionary.js";
+import { g as g21 } from "./components/AppBar/dictionary.js";
 import { A as A12 } from "./components/AccountPopover/AccountPopover.js";
-import { g as g21 } from "./components/AccountPopover/dictionary.js";
-import { u as u6 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
+import { g as g22 } from "./components/AccountPopover/dictionary.js";
+import { u as u15 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore/index.js";
 import { P as P11, a as a10 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { P as P12 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
 import { A as A13 } from "./components/commercial/AppBarCommercial/index.js";
@@ -148,7 +158,7 @@ import { L as L9 } from "./components/mui_extended/LinearProgress/index.js";
 import { L as L10 } from "./components/mui_extended/LinkWithRoute/index.js";
 import { L as L11 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
 import { P as P13 } from "./components/Pager/Pager.js";
-import { g as g22 } from "./components/Pager/dicctionary.js";
+import { g as g23 } from "./components/Pager/dicctionary.js";
 import { T as T7 } from "./components/mui_extended/Tab/Tab.js";
 import { T as T8 } from "./components/mui_extended/Tooltip/Tooltip.js";
 import { I as I6 } from "./components/mui_extended/IconButton/IconButton.js";
@@ -174,30 +184,30 @@ import { T as T19 } from "./components/mui_extended/ToggleIconButton/slots/Toggl
 import { T as T20 } from "./components/mui_extended/ToggleIconButton/slots/ToggleIconButtonSlots.js";
 import { N as N3 } from "./components/mui_extended/NavLink/NavLink.js";
 import { a as a12, D as D8, M as M8 } from "./components/areas/contexts/DynamicMFParmsContext/index.js";
-import { F as F2, R as R22, u as u7 } from "./components/hook-form/RHFormContext/index.js";
-import { g as g23 } from "./components/hook-form/RHFormContext/dictionary.js";
-import { u as u8 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
+import { F as F2, R as R22, u as u16 } from "./components/hook-form/RHFormContext/index.js";
+import { g as g24 } from "./components/hook-form/RHFormContext/dictionary.js";
+import { u as u17 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a13, M as M9 } from "./contexts/ModalContext/index.js";
-import { u as u9 } from "./hooks/useFormAddEdit/index.js";
-import { u as u10 } from "./hooks/useModal/index.js";
-import { u as u11 } from "./hooks/useTab/index.js";
-import { g as g24 } from "./hooks/useFormAddEdit/dictionary.js";
-import { u as u12 } from "./hooks/useFormFocus/index.js";
-import { u as u13 } from "./hooks/useInterval/index.js";
-import { u as u14 } from "./hooks/useComponentSize/useComponentSize.js";
-import { u as u15 } from "./hooks/useFormReadyForUpdate/index.js";
-import { u as u16 } from "./hooks/useStateRef/index.js";
+import { u as u18 } from "./hooks/useFormAddEdit/index.js";
+import { u as u19 } from "./hooks/useModal/index.js";
+import { u as u20 } from "./hooks/useTab/index.js";
+import { g as g25 } from "./hooks/useFormAddEdit/dictionary.js";
+import { u as u21 } from "./hooks/useFormFocus/index.js";
+import { u as u22 } from "./hooks/useInterval/index.js";
+import { u as u23 } from "./hooks/useComponentSize/useComponentSize.js";
+import { u as u24 } from "./hooks/useFormReadyForUpdate/index.js";
+import { u as u25 } from "./hooks/useStateRef/index.js";
 import { a as a14 } from "./hooks/useSvgColor/constants.js";
-import { u as u17 } from "./hooks/useSvgColor/useSvgColor.js";
+import { u as u26 } from "./hooks/useSvgColor/useSvgColor.js";
 import { c as c5 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
-import { g as g25 } from "./utils/getComponentUtilityClass.js";
-import { g as g26 } from "./utils/getPaletteColor.js";
-import { g as g27 } from "./utils/getTypographyStyles.js";
-import { g as g28 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { g as g26 } from "./utils/getComponentUtilityClass.js";
+import { g as g27 } from "./utils/getPaletteColor.js";
+import { g as g28 } from "./utils/getTypographyStyles.js";
+import { g as g29 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g29, a as a15 } from "./utils/getComponentSlotRoot.js";
+import { g as g30, a as a15 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { W as W7, c as c6, b as b4, a as a16, e as e3, d as d7, f as f2 } from "./vendor.js";
 export {
@@ -391,62 +401,72 @@ export {
   d6 as defaultObjectLogDictionary,
   d2 as dragResizeWindowClasses,
   f as formatDistanceToNow,
-  g21 as getAccountPopoverDictionary,
-  g20 as getAppBarDictionary,
+  g22 as getAccountPopoverDictionary,
+  g21 as getAppBarDictionary,
   b2 as getAreasComponentsDictionary,
   g3 as getAreasDictionary,
-  g13 as getCommonActionsDictionary,
-  g29 as getComponentClasses,
+  g14 as getCommonActionsDictionary,
+  g30 as getComponentClasses,
   a15 as getComponentSlotRoot,
-  g25 as getComponentUtilityClass,
+  g26 as getComponentUtilityClass,
   g as getDataGridComponentsDictionary,
   g2 as getDataGridRowsFromSet,
-  g11 as getDistanceToNowFormatterComponentsDictionary,
+  g12 as getDistanceToNowFormatterComponentsDictionary,
   a5 as getDynamicFilterComponentsDictionary,
   a6 as getDynamicSortComponentsDictionary,
-  g23 as getFormComponentsDictionary,
-  g9 as getFormatConcatenated,
-  u4 as getFormatDate,
-  g8 as getFormatPoints,
-  g10 as getFormatPrice,
-  g12 as getFormattersComponentsDictionary,
-  g28 as getHeightSizeStyles,
-  g16 as getLoadingErrorComponentsDictionary,
-  g17 as getMFLoaderComponentsDictionary,
+  g24 as getFormComponentsDictionary,
+  g10 as getFormatConcatenated,
+  g7 as getFormatDate,
+  g9 as getFormatPoints,
+  g11 as getFormatPrice,
+  g13 as getFormattersComponentsDictionary,
+  g29 as getHeightSizeStyles,
+  g17 as getLoadingErrorComponentsDictionary,
+  g18 as getMFLoaderComponentsDictionary,
   a8 as getMenuActionsComponentsDictionary,
-  g15 as getModalDialogComponentsDictionary,
-  g14 as getModalDictionary,
-  g18 as getNoItemSelectedComponentsDictionary,
-  g19 as getObjectLogsComponentsDictionary,
-  g22 as getPagerComponentsDictionary,
-  g26 as getPaletteColor,
+  g16 as getModalDialogComponentsDictionary,
+  g15 as getModalDictionary,
+  g19 as getNoItemSelectedComponentsDictionary,
+  g20 as getObjectLogsComponentsDictionary,
+  g23 as getPagerComponentsDictionary,
+  g27 as getPaletteColor,
   g6 as getPeriodComponetsDictionary,
   g5 as getRHFAutocompleteAsyncComponentsDictionary,
   g4 as getRHFAutocompleteComponentsDictionary,
-  g27 as getTypographyStyles,
-  g7 as getUncertaintyFormat,
-  g24 as getformAddEditDictionary,
+  g28 as getTypographyStyles,
+  g8 as getUncertaintyFormat,
+  g25 as getformAddEditDictionary,
   i as isEqualLayout,
   k as isEqualLayouts,
   i2 as isValidDate,
   r as rhfPeriodStyles,
   t as toggleButtonStyles,
   t2 as toggleIconButtonStyles,
-  u8 as useAppearanceComponentStore,
-  u14 as useComponentSize,
-  u7 as useCustomForm,
+  u17 as useAppearanceComponentStore,
+  u4 as useAreasStore,
+  u6 as useColumnBoolean,
+  u11 as useColumnCertanity,
+  u7 as useColumnConcatenatedValue,
+  u8 as useColumnDate,
+  u13 as useColumnInteractiveCheck,
+  u9 as useColumnNestedValue,
+  u12 as useColumnPoints,
+  u10 as useColumnPrice,
+  u14 as useColumnSetCheck,
+  u23 as useComponentSize,
+  u16 as useCustomForm,
   u as useDynamicMFParametersStore,
-  u9 as useFormAddEdit,
-  u12 as useFormFocus,
-  u15 as useFormReadyForUpdate,
+  u18 as useFormAddEdit,
+  u21 as useFormFocus,
+  u24 as useFormReadyForUpdate,
   u5 as useFormatPeriod,
-  u13 as useInterval,
-  u10 as useModal,
-  u6 as usePopupsStore,
+  u22 as useInterval,
+  u19 as useModal,
+  u15 as usePopupsStore,
   u3 as useSetWindowsTitle,
-  u16 as useStateRef,
-  u17 as useSvgColor,
-  u11 as useTab,
+  u25 as useStateRef,
+  u26 as useSvgColor,
+  u20 as useTab,
   u2 as useWindowToolsMF,
   v2 as varBounce,
   v3 as varContainer,

package/package.json

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

package/vendor.js

@@ -56,7 +56,8 @@ const STORYBOOK_ISOLATION_MODULE_ID = "users_list";
 const WithContexts = (Story, storyContext) => {
   const { globals, parameters } = storyContext;
   const { themeMode, themeColor, deviceType } = globals ?? {};
-  const { isolationForceSkeleton, isolationComponentsDictionary, loadAreasFromNetwork, loadCookiesFromNetwork } = parameters ?? {};
+  const { isolationForceSkeleton, isolationComponentsDictionary, loadAreasFromNetwork, loadCookiesFromNetwork, onAreasLoad = () => {
+  } } = parameters ?? {};
   return /* @__PURE__ */ jsx(
     MFIsolationApp,
     {
@@ -74,8 +75,7 @@ const WithContexts = (Story, storyContext) => {
         isolationForceSkeleton ? "forceSkeleton" : CommonFlags.FLAG_DICTIONARY_LOADED
       ],
       privileges: [],
-      onLoad: () => {
-      },
+      onLoad: onAreasLoad,
       componentsDictionary: isolationComponentsDictionary,
       observedDivRef: {},
       forcedDeviceType: deviceType === "automatic" ? void 0 : deviceType,