@m4l/components 9.2.15-beta.2 → 9.2.15

package/components/DataGrid/formatters/{ColumnConcatenatedValueFormatter → ColumnConcatenatedValuesFormatter}/formatter.d.ts

@@ -4,4 +4,4 @@ import { ColumnConcatenatedValuesFormatterProps } from './types';
  * @param props
  * @returns
  */
-export declare function ColumnConcatenatedValueFormatter(props: ColumnConcatenatedValuesFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;
+export declare function ColumnConcatenatedValuesFormatter(props: ColumnConcatenatedValuesFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/{ColumnConcatenatedValueFormatter → ColumnConcatenatedValuesFormatter}/formatter.js

@@ -2,7 +2,7 @@ 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) {
+function ColumnConcatenatedValuesFormatter(props) {
   const { fieldValue, fieldSeparator, Component = React.Fragment } = props;
   return (obProps) => {
     const values = fieldValue.map((element) => {
@@ -19,5 +19,5 @@ function ColumnConcatenatedValueFormatter(props) {
   };
 }
 export {
-  ColumnConcatenatedValueFormatter as C
+  ColumnConcatenatedValuesFormatter as C
 };

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

@@ -0,0 +1,3 @@
+export { ColumnConcatenatedValuesFormatter as ColumnConcatenatedValueFormatter } from './formatter';
+export type { ColumnConcatenatedValuesFormatterProps } from './types';
+export { useColumnConcatenatedValues as useColumnConcatenatedValue } from './useColumnConcatenatedValues';

package/components/DataGrid/formatters/{ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.d.ts → 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 useColumnConcatenatedValue: <TRow>(props: ColumnConcatenatedValuesFormatterProps) => {
+export declare const useColumnConcatenatedValues: <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 → ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js}

@@ -3,7 +3,7 @@ import { deepEqual } from "fast-equals";
 import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { g as getFormatConcatenated } from "../../../formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
 import { useState, useRef, useEffect, useMemo } from "react";
-import { C as ColumnConcatenatedValueFormatter } from "./formatter.js";
+import { C as ColumnConcatenatedValuesFormatter } from "./formatter.js";
 const getArrayValuesWithFieldValue = (row, fieldValue) => {
   const values = fieldValue.map((element) => {
     const keyWiouthRow = getColumnKey(element);
@@ -39,7 +39,7 @@ const getCustomConcatenatedValueSort = (props) => {
     return 0;
   };
 };
-const useColumnConcatenatedValue = (props) => {
+const useColumnConcatenatedValues = (props) => {
   const [stateProps, setStateProps] = useState(props);
   const refProps = useRef({ ...props });
   useEffect(() => {
@@ -49,11 +49,11 @@ const useColumnConcatenatedValue = (props) => {
     }
   }, [props]);
   return useMemo(() => ({
-    formatter: ColumnConcatenatedValueFormatter(stateProps),
+    formatter: ColumnConcatenatedValuesFormatter(stateProps),
     customFilter: getCustomContatenatedValueFilter(stateProps),
     customSort: getCustomConcatenatedValueSort(stateProps)
   }), [stateProps]);
 };
 export {
-  useColumnConcatenatedValue as u
+  useColumnConcatenatedValues as u
 };

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

@@ -1,5 +1,5 @@
 export * from './ColumnBooleanFormatter';
-export * from './ColumnConcatenatedValueFormatter';
+export * from './ColumnConcatenatedValuesFormatter';
 export * from './ColumnDateFormatter';
 export * from './ColumnIconFormatter';
 export * from './ColumnInteractiveCheckFormatter';

package/components/PropertyValue/PropertyValue.js

@@ -55,7 +55,7 @@ function PropertyValue(props) {
     return startAdornment;
   };
   const renderValue = () => {
-    if (typeof value === "string" || typeof value === "number") {
+    if (typeof value === "string" || typeof value === "number" || value === null || value === void 0) {
       return /* @__PURE__ */ jsx(Typography, { id: inputId, size: normalizedSize, variant: "body", children: getNullGuard(value) });
     }
     if (React.isValidElement(value)) {

package/index.js

@@ -36,8 +36,8 @@ import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEdit
 import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
 import { C as C2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
-import { C as C3 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/formatter.js";
-import { u as u4 } from "./components/DataGrid/formatters/ColumnConcatenatedValueFormatter/useColumnConcatenatedValue.js";
+import { C as C3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
+import { u as u4 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/useColumnConcatenatedValues.js";
 import { C as C4 } from "./components/DataGrid/formatters/ColumnDateFormatter/formatter.js";
 import { u as u5 } from "./components/DataGrid/formatters/ColumnDateFormatter/useColumnDate.js";
 import { C as C5 } from "./components/DataGrid/formatters/ColumnIconFormatter/formatter.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.15-beta.2",
+  "version": "9.2.15",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0  --no-warn-ignored"
@@ -12,6 +12,7 @@
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
     "@m4l/styles": "^7.0.0",
+    "@m4l/testing": "^0.0.0",
     "@microlink/react-json-view": "^1.23.3",
     "@mui/lab": "5.0.0-alpha.173",
     "@mui/material": "5.16.7",

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

@@ -1,3 +0,0 @@
-export { ColumnConcatenatedValueFormatter } from './formatter';
-export type { ColumnConcatenatedValuesFormatterProps as ColumnConcatenatedValueFormatterProps } from './types';
-export { useColumnConcatenatedValue } from './useColumnConcatenatedValue';