@m4l/layouts 9.3.7-B17072025-beta.1 → 9.3.7-JT17072025.beta.1

package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts

@@ -152,7 +152,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
         onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
-        onBeforeInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;

package/hooks/useDynamicAccordions/types.d.ts

@@ -54,6 +54,4 @@ export interface ConfigDynamicAccordion<T extends any = any, K extends any = any
 export interface useDynamicAccordionsProps<T extends any = any, K extends any = any> {
     configDynamicAccordions: ConfigDynamicAccordion<T, K>[] | GroupConfigDynamicAccordion<T, K>[];
 }
-export interface useBaseDynamicAccordionsProps<T extends any = any, K extends any = any> extends ModuleDetailTabContent {
-    configDynamicAccordions: GroupConfigDynamicAccordion<T, K>[];
-}
+export type useBaseDynamicAccordionsProps<T extends any = any, K extends any = any> = useDynamicAccordionsProps<T, K> & ModuleDetailTabContent;

package/hooks/useDynamicAccordions/useBaseAccordions.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo, createElement } from "react";
-import { ContainerFlow, Accordion, PropertyValue } from "@m4l/components";
+import { ContainerFlow, Accordion, PropertyValue, Stack } from "@m4l/components";
 import { useModuleDictionary } from "@m4l/core";
 function useBaseAccordions(props) {
   const { data, endPointData, configDynamicAccordions: accordions } = props;
@@ -10,38 +10,64 @@ function useBaseAccordions(props) {
       return null;
     }
     return accordions.map((accordion, index) => {
+      if ("children" in accordion && accordion.children && accordion.children.length > 0) {
+        return /* @__PURE__ */ jsx(
+          ContainerFlow,
+          {
+            variant: "column-flex",
+            minWidth: accordion.minWidth,
+            gap: "compact",
+            children: accordion.children.map((child) => /* @__PURE__ */ jsx(
+              Accordion,
+              {
+                icon: child.icon,
+                label: getLabel(child.dictionaryId),
+                accordionProps: {
+                  ...child.accordionProps
+                },
+                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,
+                      property: getLabel(property.dictionaryId),
+                      value,
+                      isForm: property.isForm ?? true
+                    }
+                  );
+                }) })
+              },
+              child.dictionaryId
+            ))
+          },
+          `group-${index}`
+        );
+      }
+      const configAccordion = accordion;
       return /* @__PURE__ */ jsx(
-        ContainerFlow,
+        Accordion,
         {
-          variant: "column-flex",
-          minWidth: accordion.minWidth,
-          gap: "compact",
-          children: accordion.children.map((child) => /* @__PURE__ */ jsx(
-            Accordion,
-            {
-              icon: child.icon,
-              label: getLabel(child.dictionaryId),
-              accordionProps: {
-                ...child.accordionProps
-              },
-              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,
-                    property: getLabel(property.dictionaryId),
-                    value,
-                    isForm: property.isForm ?? true
-                  }
-                );
-              }) })
-            },
-            child.dictionaryId
-          ))
+          icon: configAccordion.icon,
+          label: getLabel(configAccordion.dictionaryId),
+          accordionProps: {
+            ...configAccordion.accordionProps
+          },
+          children: /* @__PURE__ */ jsx(Stack, { direction: "column", children: configAccordion.properties.map((property) => {
+            const value = property.getValue(data, endPointData);
+            return /* @__PURE__ */ createElement(
+              PropertyValue,
+              {
+                ...property,
+                key: property.dictionaryId,
+                property: getLabel(property.dictionaryId),
+                value
+              }
+            );
+          }) })
         },
-        `group-${index}`
+        configAccordion.dictionaryId
       );
     });
   }, [accordions, data, endPointData, getLabel]);

package/hooks/useDynamicAccordions/useDynamicAccordions.js

@@ -1,18 +1,20 @@
 import { jsx } from "react/jsx-runtime";
-import { ContainerFlow } from "@m4l/components";
+import { ContainerFlow, Stack } from "@m4l/components";
 import { u as useBaseAccordions } from "./useBaseAccordions.js";
-import { n as normalizeDynamicAccordions } from "./helpers/normalizeDynamicAccordions/normalizeDynamicAccordions.js";
 function useDynamicAccordions(props) {
   const { configDynamicAccordions } = props;
   return function General(propsGeneral) {
     const { data, endPointData } = propsGeneral;
-    const configDynamicAccordionsNormalized = normalizeDynamicAccordions({ configDynamicAccordions });
     const accordionsComponents = useBaseAccordions({
       data,
       endPointData,
-      configDynamicAccordions: configDynamicAccordionsNormalized
+      configDynamicAccordions
     });
-    return /* @__PURE__ */ jsx(ContainerFlow, { variant: "column-flex", minWidth: 370, gap: "compact", children: accordionsComponents });
+    const hasChildrens = configDynamicAccordions.some((accordion) => "children" in accordion && accordion.children && accordion.children.length > 0);
+    if (hasChildrens) {
+      return /* @__PURE__ */ jsx(ContainerFlow, { variant: "column-flex", minWidth: 370, gap: "compact", children: accordionsComponents });
+    }
+    return /* @__PURE__ */ jsx(Stack, { direction: "column", gap: "16px", style: { height: "auto" }, children: accordionsComponents });
   };
 }
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/layouts",
-  "version": "9.3.7-B17072025-beta.1",
+  "version": "9.3.7-JT17072025.beta.1",
   "license": "UNLICENSED",
   "author": "M4L Team",
   "lint-staged": {

package/hooks/useDynamicAccordions/helpers/normalizeDynamicAccordions/normalizeDynamicAccordions.d.ts

@@ -1,8 +0,0 @@
-import { GroupConfigDynamicAccordion } from '../../types';
-import { NormalizeDynamicAccordionsProps } from './types';
-/**
- * Garantiza la agrupación de accordiones.
- * @param props - Las propiedades de los accordions
- * @returns Las propiedades de los accordions normalizadas
- */
-export declare const normalizeDynamicAccordions: (props: NormalizeDynamicAccordionsProps) => GroupConfigDynamicAccordion<any, any>[];

package/hooks/useDynamicAccordions/helpers/normalizeDynamicAccordions/normalizeDynamicAccordions.js

@@ -1,18 +0,0 @@
-const normalizeDynamicAccordions = (props) => {
-  const { configDynamicAccordions } = props;
-  const isGroup = (item) => Array.isArray(item.children);
-  const hasChildren = configDynamicAccordions.some(isGroup);
-  if (hasChildren) {
-    return configDynamicAccordions;
-  }
-  const configDynamicAccordionsNormalized = configDynamicAccordions.map((accordion) => {
-    return {
-      minWidth: void 0,
-      children: [accordion]
-    };
-  });
-  return configDynamicAccordionsNormalized;
-};
-export {
-  normalizeDynamicAccordions as n
-};

package/hooks/useDynamicAccordions/helpers/normalizeDynamicAccordions/normalizeDynamicAccordions.test.d.ts

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

package/hooks/useDynamicAccordions/helpers/normalizeDynamicAccordions/types.d.ts

@@ -1,4 +0,0 @@
-import { useDynamicAccordionsProps } from '../../types';
-export interface NormalizeDynamicAccordionsProps {
-    configDynamicAccordions: useDynamicAccordionsProps['configDynamicAccordions'];
-}