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

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').FormEventHandler<HTMLDivElement> | undefined;
+        onBeforeInput?: import('react').InputEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,18 @@
+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

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

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

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

package/hooks/useDynamicAccordions/types.d.ts

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

package/hooks/useDynamicAccordions/useBaseAccordions.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { useMemo, createElement } from "react";
-import { ContainerFlow, Accordion, PropertyValue, Stack } from "@m4l/components";
+import { ContainerFlow, Accordion, PropertyValue } from "@m4l/components";
 import { useModuleDictionary } from "@m4l/core";
 function useBaseAccordions(props) {
   const { data, endPointData, configDynamicAccordions: accordions } = props;
@@ -10,64 +10,38 @@ 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(
-        Accordion,
+        ContainerFlow,
         {
-          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
-              }
-            );
-          }) })
+          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
+          ))
         },
-        configAccordion.dictionaryId
+        `group-${index}`
       );
     });
   }, [accordions, data, endPointData, getLabel]);

package/hooks/useDynamicAccordions/useDynamicAccordions.js

@@ -1,20 +1,18 @@
 import { jsx } from "react/jsx-runtime";
-import { ContainerFlow, Stack } from "@m4l/components";
+import { ContainerFlow } 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
+      configDynamicAccordions: configDynamicAccordionsNormalized
     });
-    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 });
+    return /* @__PURE__ */ jsx(ContainerFlow, { variant: "column-flex", minWidth: 370, gap: "compact", children: accordionsComponents });
   };
 }
 export {

package/package.json

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