@m4l/components 9.3.24-JT04112025.beta.2 → 9.3.24-JT04112025.beta.3

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

@@ -2,13 +2,13 @@ import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import { T as TagsFormatter } from "../../../formatters/TagsFormatter/TagsFormatter.js";
 const ColumnTagsFormatter = (props) => {
-  const { fieldTags, size, className } = props;
+  const { fieldValue } = props;
   return (renderProps) => {
     const tags = getPropertyByString(
       renderProps.row,
-      fieldTags.toString()
+      fieldValue.toString()
     );
-    return /* @__PURE__ */ jsx(TagsFormatter, { tags, size, className });
+    return /* @__PURE__ */ jsx(TagsFormatter, { tags });
   };
 };
 export {

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

@@ -1,5 +1,5 @@
 import { DeepKeyOf } from '../../../../utils/types';
 import { TagsFormatterProps } from '../../../formatters/TagsFormatter/types';
-export interface ColumnTagsFormatterProps<TRow> extends Pick<TagsFormatterProps, 'size' | 'className'> {
-    fieldTags: DeepKeyOf<TRow>;
+export interface ColumnTagsFormatterProps<TRow> extends Pick<TagsFormatterProps, 'tags'> {
+    fieldValue: DeepKeyOf<TRow>;
 }

package/components/DataGrid/formatters/ColumnTagsFormatter/useColumnTags.js

@@ -4,11 +4,11 @@ import { g as getColumnKey } from "../../helpers/getColumnKey.js";
 import { deepEqual } from "fast-equals";
 import { useState, useRef, useEffect, useMemo } from "react";
 const getCustomTagFilter = (props) => {
-  const { fieldTags } = props;
+  const { fieldValue } = props;
   return (row, value) => {
     const tags = getPropertyByString(
       row,
-      getColumnKey(fieldTags),
+      getColumnKey(fieldValue),
       null
     );
     if (!tags) {
@@ -24,12 +24,12 @@ const getCustomTagSort = (props) => {
   return (a, b) => {
     const tagsA = getPropertyByString(
       a,
-      getColumnKey(props.fieldTags),
+      getColumnKey(props.fieldValue),
       null
     );
     const tagsB = getPropertyByString(
       b,
-      getColumnKey(props.fieldTags),
+      getColumnKey(props.fieldValue),
       null
     );
     const firstLabelA = tagsA ? Array.isArray(tagsA) ? tagsA[0]?.label : tagsA.label : "";

package/components/formatters/TagsFormatter/subcomponents/Tag/Tag.js

@@ -17,7 +17,7 @@ const Tag = (props) => {
   );
   if (!validateHexColor(backgroundColor)) {
     console.error(
-      `Color no válido: "${backgroundColor}". Color debe ser un color hexadecimal.`
+      `backgroundColor no válido: "${backgroundColor}". backgroundColor debe ser un color hexadecimal.`
     );
     return null;
   }

package/components/formatters/TagsFormatter/subcomponents/Tag/index.d.ts

@@ -0,0 +1 @@
+export { Tag } from './Tag';

package/components/formatters/TagsFormatter/subcomponents/Tag/index.js

@@ -0,0 +1 @@
+

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.24-JT04112025.beta.2",
+  "version": "9.3.24-JT04112025.beta.3",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {