@m4l/layouts 9.3.19 → 9.3.20-BE20260205-1

package/hooks/useDynamicAccordions/useBaseAccordions.js

@@ -26,14 +26,36 @@ function useBaseAccordions(props) {
               },
               children: /* @__PURE__ */ jsx(ContainerFlow, { variant: "column-flex", minWidth: 150, gap: "standard", children: child.properties.map((property) => {
                 const value = property.getValue(data, endPointData);
-                return /* @__PURE__ */ createElement(
-                  PropertyValue,
-                  {
-                    ...property,
-                    key: property.dictionaryId,
+                const { startAdornment, iconVariant, iconColor, dictionaryId, getValue, privilegeToView, ...restProperty } = property;
+                if (startAdornment !== null && startAdornment !== void 0) {
+                  const propertyValueProps = {
+                    ...restProperty,
+                    startAdornment,
+                    ...iconVariant !== void 0 && { iconVariant },
+                    ...iconColor !== void 0 && { iconColor },
                     property: getLabel(property.dictionaryId),
                     value,
                     isForm: property.isForm ?? true
+                  };
+                  return /* @__PURE__ */ createElement(
+                    PropertyValue,
+                    {
+                      ...propertyValueProps,
+                      key: property.dictionaryId
+                    }
+                  );
+                }
+                const propertyValuePropsWithoutAdornment = {
+                  ...restProperty,
+                  property: getLabel(property.dictionaryId),
+                  value,
+                  isForm: property.isForm ?? true
+                };
+                return /* @__PURE__ */ createElement(
+                  PropertyValue,
+                  {
+                    ...propertyValuePropsWithoutAdornment,
+                    key: property.dictionaryId
                   }
                 );
               }) })

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.3.19",
+  "version": "9.3.20-BE20260205-1+PR665-dateRangePicker",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"
   },
   "peerDependencies": {
-    "@m4l/components": "^9.0.0",
+    "@m4l/components": "9.4.19-BE20260205-1+PR665-dateRangePicker",
     "@m4l/core": "^2.0.0",
     "@m4l/graphics": "^7.0.0",
     "@m4l/styles": "^7.0.0"

package/storybook/hooks/useBaseAccordions/moks/mokData.d.ts

@@ -0,0 +1,22 @@
+import { GroupConfigDynamicAccordion } from '../../../../src/hooks/useDynamicAccordions/types';
+export interface MockUserData {
+    id: number;
+    nombre: string;
+    apellido: string;
+    email: string;
+    telefono: string;
+    fechaNacimiento: string;
+    activo: boolean;
+    departamento: string;
+    salario: number;
+    fechaIngreso: string;
+}
+export interface MockEndpointData {
+    historial: string[];
+    notas: string;
+    ultimaModificacion: string;
+}
+export declare const MOCK_USER_DATA: MockUserData;
+export declare const MOCK_ENDPOINT_DATA: MockEndpointData;
+export declare const MOCK_ACCORDIONS_CONFIG: GroupConfigDynamicAccordion<MockUserData, MockEndpointData>[];
+export declare const MOCK_ACCORDIONS_CONFIG_WITH_ADORNMENT: GroupConfigDynamicAccordion<MockUserData, MockEndpointData>[];

package/storybook/hooks/useBaseAccordions/subcomponents/RenderUseBaseAccordions.d.ts

@@ -0,0 +1,13 @@
+import { GroupConfigDynamicAccordion } from '../../../../src/hooks/useDynamicAccordions/types';
+import { MockUserData, MockEndpointData } from '../moks/mokData';
+interface RenderUseBaseAccordionsProps {
+    data: MockUserData | null;
+    endPointData?: MockEndpointData;
+    configDynamicAccordions: GroupConfigDynamicAccordion<MockUserData, MockEndpointData>[];
+}
+/**
+ * Componente wrapper que utiliza el hook useBaseAccordions
+ * para renderizar los accordions dinámicos
+ */
+declare const RenderUseBaseAccordions: ({ data, endPointData, configDynamicAccordions, }: RenderUseBaseAccordionsProps) => import("react/jsx-runtime").JSX.Element;
+export default RenderUseBaseAccordions;

package/storybook/hooks/useBaseAccordions/useBaseAccordions.stories.d.ts

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaperForm } from '@m4l/components';
+declare const meta: Meta<typeof PaperForm>;
+type Story = StoryObj<typeof PaperForm>;
+/**
+ * Historia por defecto que muestra el hook con datos básicos
+ */
+export declare const Default: Story;
+/**
+ * Historia que muestra el hook sin datos de endpoint
+ */
+export declare const SinEndpointData: Story;
+/**
+ * Historia que muestra el hook con propiedades que incluyen startAdornment
+ */
+export declare const ConIconos: Story;
+/**
+ * Historia que muestra el hook con datos vacíos (debe mostrar "No hay datos disponibles")
+ */
+export declare const SinDatos: Story;
+export default meta;