@m4l/components 9.1.144 → 9.1.146

package/components/DataGrid/contexts/DataGridContext/index.d.ts

@@ -2,7 +2,8 @@ import { RowKey } from '../../types';
 import { DataGridContextProps, DataGridProviderProps } from './types';
 declare const DataGridContext: import('react').Context<DataGridContextProps<any, any, any> | null>;
 /**
- * TODO: Documentar
+ * Proveedor que se encarga de manejar el estado de las columnas y las filas
+ * del DataGrid.
  */
 declare function DataGridProvider<TRow, TSummaryRow, TKey extends RowKey = RowKey>(props: DataGridProviderProps<TRow, TSummaryRow, TKey>): import("react/jsx-runtime").JSX.Element;
 export { DataGridProvider, DataGridContext };

package/components/DataGrid/subcomponents/Table/hooks/getDragHeaderRenderer.d.ts

@@ -1,6 +1,7 @@
 import { FunctionComponent } from 'react';
 import { HeaderRendererProps } from 'react-data-grid';
 /**
- * TODO: Documentar
+ * Función encargada de retornar el componente de renderizado de cabecera con la capacidad de arrastrar columnas
+ * @param handleColumnsReorder - Función que se ejecuta al reordenar columnas
  */
 export declare const getDragHeaderRenderer: <TRow, TSummaryRow>(handleColumnsReorder: (sourceKey: string, targetKey: string) => void) => FunctionComponent<HeaderRendererProps<TRow, TSummaryRow>>;

package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.d.ts

@@ -1,6 +1,7 @@
 import { Column, SortColumn } from 'react-data-grid';
 /**
- * TODO: Documentar
+ * Hook encargado de ordenar datos de las columnas y las filas.
+ * Se utiliza para ordenar las columnas y las filas de un DataGrid.
  */
 export declare const useSortColumnsRows: <TRow, TSummaryRow>(sourceColumns: readonly Column<TRow, TSummaryRow>[], sourceRows: readonly TRow[]) => {
     finalColumns: readonly Column<TRow, TSummaryRow>[];

package/components/PropertyValue/PropertyValue.js

@@ -1,4 +1,5 @@
 import { jsxs, jsx } from "react/jsx-runtime";
+import React, { useId } from "react";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
 import { P as PROPERTY_VALUE_KEY_COMPONENT, T as TEST_PROPS_DATA, C as COMPONENT_PREFIX } from "./constants.js";
@@ -6,7 +7,6 @@ import { g as getPropDataTestId, a as getNameDataTestId } from "../../test/getNa
 import { P as PropertyValueRootStyled, N as NameStyled, V as ValueStyled } from "./slots/PropertyValueSlots.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
-import React from "react";
 import { L as Label } from "../Label/Label.js";
 import { I as Icon } from "../Icon/Icon.js";
 import { T as Typography } from "../mui_extended/Typography/Typography.js";
@@ -27,6 +27,8 @@ function PropertyValue(props) {
     size = "medium",
     valueHeight
   } = props;
+  const uniqueId = useId();
+  const inputId = `property-value-${uniqueId}`;
   const { currentSize } = useComponentSize(size);
   const normalizedSize = currentSize === "large" ? "medium" : currentSize;
   const ownerState = {
@@ -53,10 +55,10 @@ function PropertyValue(props) {
   };
   const renderValue = () => {
     if (typeof value === "string" || typeof value === "number") {
-      return /* @__PURE__ */ jsx(Typography, { size: normalizedSize, variant: "body", children: value });
+      return /* @__PURE__ */ jsx(Typography, { id: inputId, size: normalizedSize, variant: "body", children: value });
     }
     if (React.isValidElement(value)) {
-      return React.cloneElement(value, { size: normalizedSize });
+      return React.cloneElement(value, { size: normalizedSize, id: inputId });
     }
     return value;
   };
@@ -81,7 +83,8 @@ function PropertyValue(props) {
               label: property,
               mandatory,
               mandatoryMessage,
-              helperMessage
+              helperMessage,
+              htmlFor: inputId
             }
           )
         ] }),

package/components/PropertyValue/types.d.ts

@@ -82,6 +82,8 @@ export interface PropertyValueProps extends PropertyProps, ValueProps, Omit<Labe
      * Propiedad de tamaño para el componente `PropertyValue`.
      */
     size?: Extract<Sizes, 'small' | 'medium'>;
+    /** Propiedades adicionales que se pasarán al componente valor. */
+    inputProps?: Record<string, unknown>;
 }
 /**
  * Estado del propietario para el componente `PropertyValue`, utilizado para personalizar estilos y comportamientos.

package/package.json

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