@m4l/layouts 9.3.21 → 9.3.22-beta.0

package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts

@@ -10,7 +10,7 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
     hasPrivilegeDetail: boolean;
     finalTabs: {
         unmountable: boolean;
-        icon: import("react/jsx-runtime").JSX.Element | undefined;
+        icon: import("@emotion/react/jsx-runtime").JSX.Element | undefined;
         label: string | undefined;
         value: string;
         tabContent: import('react').FunctionComponent<any>;
@@ -19,10 +19,13 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         visibilityCondition?: ((detailData: T, endPointData?: K | undefined) => boolean) | undefined;
         dictionaryId?: string;
         children?: null | undefined;
-        ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
-        id?: string | undefined | undefined;
         className?: string | undefined;
+        ref?: import('react').Ref<HTMLDivElement> | undefined;
+        id?: string | undefined | undefined;
+        dataTestId?: string | undefined;
+        slot?: string | undefined | undefined;
         style?: React.CSSProperties | undefined;
+        title?: string | undefined | undefined;
         classes?: (Partial<import('@mui/material').TabClasses> & Partial<import('@mui/material').ClassNameMap<never>>) | undefined;
         action?: React.Ref<import('@mui/material').ButtonBaseActions> | undefined;
         centerRipple?: boolean | undefined;
@@ -43,8 +46,6 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         disableFocusRipple?: boolean | undefined;
         iconPosition?: "top" | "bottom" | "start" | "end" | undefined;
         wrapped?: boolean | undefined;
-        slot?: string | undefined | undefined;
-        title?: string | undefined | undefined;
         key?: import('react').Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
@@ -84,6 +85,10 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         results?: number | undefined | undefined;
         security?: string | undefined | undefined;
         unselectable?: "on" | "off" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
         inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
         is?: string | undefined | undefined;
         exportparts?: string | undefined | undefined;
@@ -292,6 +297,8 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
         onScroll?: import('react').UIEventHandler<HTMLDivElement> | undefined;
         onScrollCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+        onScrollEnd?: import('react').UIEventHandler<HTMLDivElement> | undefined;
+        onScrollEndCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
         onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
         onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
         onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
@@ -300,14 +307,22 @@ export declare function useModuleDetailTabs<T extends Record<string, any> = Reco
         onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onAnimationIteration?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
+        onToggle?: import('react').ToggleEventHandler<HTMLDivElement> | undefined;
+        onBeforeToggle?: import('react').ToggleEventHandler<HTMLDivElement> | undefined;
+        onTransitionCancel?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionCancelCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionRun?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionRunCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionStart?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        onTransitionStartCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         size?: Extract<import('@m4l/styles').Sizes, "small" | "medium"> | undefined;
         component?: React.ElementType | undefined;
-        dataTestId?: string | undefined;
         urlIcon?: string | undefined;
         ariaLabel?: string | undefined;
     }[];
     handleChangeTab: (newValue: string) => void;
     refreshDetail: () => void;
 };
+//# sourceMappingURL=useModuleDatailTabs.d.ts.map

package/components/ModuleDetailTabs/useModuleDatailTabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleDatailTabs.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/components/ModuleDetailTabs/useModuleDatailTabs.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAmB,MAAM,SAAS,CAAC;AAGjE;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnD,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACnD,KAAK,EAAE,qBAAqB,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAeC,MAAM;;EAyI1C"}

package/components/ModuleDetailTabs/useModuleDatailTabs.js

@@ -1,120 +1,79 @@
-import { jsx } from "react/jsx-runtime";
-import { useState, useCallback, useMemo, useEffect } from "react";
-import { u as useMasterDetail } from "../../hooks/useMasterDetail/index.js";
-import { useModuleDictionary, useNetwork } from "@m4l/core";
-import { useWindowToolsMF, ObjectLogs, Icon } from "@m4l/components";
-function useModuleDetailTabs(props) {
-  const { tabs, defaultTab, urlAssetsPrefix, objectLogsProps, getEndPoint } = props;
-  const [currentTab, setCurrentTab] = useState(defaultTab);
-  const [detailData, setDetailData] = useState(void 0);
-  const [endPointData, setEndPointData] = useState(void 0);
-  const [hasPrivilegeDetail, setHasPrivilegeDetail] = useState(true);
-  const [refreshCount, setRefreshCount] = useState(0);
-  const { masterSelection } = useMasterDetail();
-  const { getLabel } = useModuleDictionary();
-  const { startProgress, stopProgress } = useWindowToolsMF();
-  const { networkOperation } = useNetwork();
-  const handleChangeTab = (newValue) => {
-    setCurrentTab(newValue);
-  };
-  const refreshDetail = useCallback(() => {
-    setRefreshCount((prev) => prev + 1);
-  }, [setRefreshCount]);
-  const finalTabs = useMemo(() => {
-    if (masterSelection === void 0 || masterSelection.length === 0) {
+import { jsx as S } from "@emotion/react/jsx-runtime";
+import { useState as r, useCallback as L, useMemo as O, useEffect as m } from "react";
+import { useMasterDetail as k } from "../../hooks/useMasterDetail/index.js";
+import { useModuleDictionary as w, useNetwork as N } from "@m4l/core";
+import { useWindowToolsMF as $, ObjectLogs as A, Icon as F } from "@m4l/components";
+function B(I) {
+  const { tabs: b, defaultTab: i, urlAssetsPrefix: p, objectLogsProps: s, getEndPoint: c } = I, [u, l] = r(i), [d, P] = r(void 0), [f, C] = r(void 0), [j, g] = r(!0), [_, h] = r(0), { masterSelection: e } = k(), { getLabel: v } = w(), { startProgress: T, stopProgress: y } = $(), { networkOperation: D } = N(), x = (o) => {
+    l(o);
+  }, E = L(() => {
+    h((o) => o + 1);
+  }, [h]), n = O(() => {
+    if (e === void 0 || e.length === 0)
       return [];
-    }
-    const arrTabs = [...tabs];
-    if (objectLogsProps) {
-      const componentProps = {
-        ...objectLogsProps.type === "other" ? {
+    const o = [...b];
+    if (s) {
+      const t = {
+        ...s.type === "other" ? {
           type: "other",
-          resourceTypeId: objectLogsProps.resourceTypeId,
-          resourceSerialId: objectLogsProps.getObjectSerialId(masterSelection[0])
+          resourceTypeId: s.resourceTypeId,
+          resourceSerialId: s.getObjectSerialId(e[0])
         } : {
           type: "m4l",
-          resourceId: objectLogsProps.resourceId,
-          objectId: objectLogsProps.getObjectId(masterSelection[0])
+          resourceId: s.resourceId,
+          objectId: s.getObjectId(e[0])
         }
       };
-      arrTabs.push({
-        ...objectLogsProps,
+      o.push({
+        ...s,
         value: "objectLogs",
-        tabContent: ObjectLogs,
-        unmountable: false,
-        componentProps,
+        tabContent: A,
+        unmountable: !1,
+        componentProps: t,
         icon: "/main/na/icons/i_common_master_detail_layout_detail_tab_logs"
       });
     }
-    const processedTabs = arrTabs.map((tab) => ({
-      ...tab,
-      unmountable: tab.unmountable === void 0 ? true : tab.unmountable,
-      icon: typeof tab.icon === "string" ? /* @__PURE__ */ jsx(Icon, { src: `${urlAssetsPrefix}${tab.icon}` }) : tab.icon,
-      label: tab.dictionaryId ? getLabel(tab.dictionaryId) : void 0
-    }));
-    return processedTabs.filter((tab) => {
-      if (tab.visibilityCondition) {
-        return tab.visibilityCondition(detailData, endPointData);
-      }
-      return true;
-    });
-  }, [masterSelection, tabs, objectLogsProps, urlAssetsPrefix, getLabel, detailData, endPointData]);
-  useEffect(() => {
-    if (masterSelection === void 0 || masterSelection.length === 0) {
-      return;
-    }
-    setDetailData(masterSelection[0]);
-  }, [masterSelection]);
-  useEffect(() => {
-    if (finalTabs.length === 0) {
+    return o.map((t) => ({
+      ...t,
+      unmountable: t.unmountable === void 0 ? !0 : t.unmountable,
+      icon: typeof t.icon == "string" ? /* @__PURE__ */ S(F, { src: `${p}${t.icon}` }) : t.icon,
+      label: t.dictionaryId ? v(t.dictionaryId) : void 0
+    })).filter((t) => t.visibilityCondition ? t.visibilityCondition(d, f) : !0);
+  }, [e, b, s, p, v, d, f]);
+  m(() => {
+    e === void 0 || e.length === 0 || P(e[0]);
+  }, [e]), m(() => {
+    if (n.length === 0)
       return;
+    if (!n.some((a) => a.value === u)) {
+      const a = n.some((t) => t.value === i);
+      l(a ? i : n[0].value);
     }
-    const currentTabExists = finalTabs.some((tab) => tab.value === currentTab);
-    if (!currentTabExists) {
-      const defaultTabExists = finalTabs.some((tab) => tab.value === defaultTab);
-      if (defaultTabExists) {
-        setCurrentTab(defaultTab);
-      } else {
-        setCurrentTab(finalTabs[0].value);
-      }
-    }
-  }, [finalTabs, currentTab, defaultTab]);
-  const conditionNoMasterSelection = masterSelection === void 0 || masterSelection.length === 0;
-  useEffect(() => {
-    if (!getEndPoint) {
-      return;
-    }
-    if (masterSelection === void 0 || masterSelection.length === 0) {
-      return;
-    }
-    networkOperation({
+  }, [n, u, i]);
+  const M = e === void 0 || e.length === 0;
+  return m(() => {
+    c && (e === void 0 || e.length === 0 || D({
       options: {
-        startProgress,
-        stopProgress
+        startProgress: T,
+        stopProgress: y
       },
-      ...getEndPoint(masterSelection[masterSelection.length - 1])
-    }).then((response) => {
-      {
-        setHasPrivilegeDetail(true);
-        setEndPointData(response);
-      }
-    }).catch((error) => {
-      if (error.status === 403) {
-        setHasPrivilegeDetail(false);
-      }
-    });
-  }, [masterSelection, startProgress, stopProgress, networkOperation, getEndPoint, refreshCount]);
-  return {
-    conditionNoMasterSelection,
-    currentTab,
-    detailData,
-    endPointData,
-    hasPrivilegeDetail,
-    finalTabs,
-    handleChangeTab,
-    refreshDetail
+      ...c(e[e.length - 1])
+    }).then((o) => {
+      g(!0), C(o);
+    }).catch((o) => {
+      o.status === 403 && g(!1);
+    }));
+  }, [e, T, y, D, c, _]), {
+    conditionNoMasterSelection: M,
+    currentTab: u,
+    detailData: d,
+    endPointData: f,
+    hasPrivilegeDetail: j,
+    finalTabs: n,
+    handleChangeTab: x,
+    refreshDetail: E
   };
 }
 export {
-  useModuleDetailTabs as u
+  B as useModuleDetailTabs
 };

package/components/index.d.ts

@@ -3,3 +3,4 @@ export { MFHostApp } from './MFHostApp/MFHostApp';
 export * from './MFHostApp';
 export * from './ModuleDetailTabs';
 export * from './DynamicTabs';
+//# sourceMappingURL=index.d.ts.map

package/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC"}

package/constants.d.ts

@@ -2,3 +2,4 @@ export declare const LIMIT_RECORDS_500_CONFIG: {
     limit: number;
     label: string;
 }[];
+//# sourceMappingURL=constants.d.ts.map

package/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../packages/layouts/src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAO,wBAAwB;;;GA6BrC,CAAC"}

package/constants.js

@@ -1,4 +1,4 @@
-const LIMIT_RECORDS_500_CONFIG = [
+const l = [
   {
     limit: 1,
     label: "1"
@@ -29,5 +29,5 @@ const LIMIT_RECORDS_500_CONFIG = [
   }
 ];
 export {
-  LIMIT_RECORDS_500_CONFIG as L
+  l as LIMIT_RECORDS_500_CONFIG
 };

package/hooks/index.d.ts

@@ -5,3 +5,4 @@ export * from './useDynamicPaperForm';
 export * from './useNetworkActionConfirm';
 export * from './useFormAddEdit';
 export * from './useRefreshData';
+//# sourceMappingURL=index.d.ts.map

package/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/layouts/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC"}

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

@@ -6,3 +6,4 @@ import { NormalizeDynamicAccordionsProps } from './types';
  * @returns Las propiedades de los accordions normalizadas
  */
 export declare const normalizeDynamicAccordions: (props: NormalizeDynamicAccordionsProps) => GroupConfigDynamicAccordion<any, any>[];
+//# sourceMappingURL=normalizeDynamicAccordions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"normalizeDynamicAccordions.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/layouts/src/hooks/useDynamicAccordions/helpers/normalizeDynamicAccordions/normalizeDynamicAccordions.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,2BAA2B,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,EAAE,+BAA+B,EAAE,MAAM,SAAS,CAAC;AAE1D;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,GAAI,OAAO,+BAA+B,KAAG,2BAA2B,CAAC,GAAG,EAAE,GAAG,CAAC,EA0BxH,CAAC"}

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

@@ -1,18 +1,10 @@
-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;
+const a = (o) => {
+  const { configDynamicAccordions: n } = o, r = (i) => Array.isArray(i.children);
+  return n.some(r) ? n : n.map((i) => ({
+    minWidth: void 0,
+    children: [i]
+  }));
 };
 export {
-  normalizeDynamicAccordions as n
+  a as normalizeDynamicAccordions
 };

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

@@ -2,3 +2,4 @@ import { useDynamicAccordionsProps } from '../../types';
 export interface NormalizeDynamicAccordionsProps {
     configDynamicAccordions: useDynamicAccordionsProps['configDynamicAccordions'];
 }
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../../../packages/layouts/src/hooks/useDynamicAccordions/helpers/normalizeDynamicAccordions/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAExD,MAAM,WAAW,+BAA+B;IAC9C,uBAAuB,EAAE,yBAAyB,CAAC,yBAAyB,CAAC,CAAC;CAC/E"}

package/hooks/useDynamicAccordions/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useDynamicAccordions';
 export type { useDynamicAccordionsProps, ConfigDynamicAccordion as DynamicAccordion, DynamicAccordionValue, GroupConfigDynamicAccordion as DynamicAccordionGroup } from './types';
+//# sourceMappingURL=index.d.ts.map

package/hooks/useDynamicAccordions/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/hooks/useDynamicAccordions/index.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,YAAY,EAAE,yBAAyB,EAAE,sBAAsB,IAAI,gBAAgB,EAAE,qBAAqB,EAAE,2BAA2B,IAAI,qBAAqB,EAAE,MAAM,SAAS,CAAC"}

package/hooks/useDynamicAccordions/types.d.ts

@@ -1,7 +1,7 @@
 import { AccordionProps, ContainerFlowProps, PropertyValueProps } from '@m4l/components';
 import { ModuleDetailTabContent } from '../../components/ModuleDetailTabs';
-export type DynamicAccordionValue<T extends any = any, K extends any = any> = (data: T, endPointData?: K) => string | React.ReactNode;
-export interface DynamicAccordionProperty<T extends any = any, K extends any = any> extends Omit<PropertyValueProps, 'value' | 'property'> {
+export type DynamicAccordionValue<T = any, K = any> = (data: T, endPointData?: K) => string | React.ReactNode;
+export interface DynamicAccordionProperty<T = any, K = any> extends Omit<PropertyValueProps, 'value' | 'property'> {
     /**
      * "dictionaryId": Id de la propiedad en el diccionario para mostrar en el label
      */
@@ -19,7 +19,7 @@ export interface DynamicAccordionProperty<T extends any = any, K extends any = a
      */
     isForm?: boolean;
 }
-export interface GroupConfigDynamicAccordion<T extends any = any, K extends any = any> {
+export interface GroupConfigDynamicAccordion<T = any, K = any> {
     /**
      * "icon": Icono de la propiedad
      */
@@ -29,7 +29,7 @@ export interface GroupConfigDynamicAccordion<T extends any = any, K extends any
      */
     children: ConfigDynamicAccordion<T, K>[];
 }
-export interface ConfigDynamicAccordion<T extends any = any, K extends any = any> {
+export interface ConfigDynamicAccordion<T = any, K = any> {
     /**
      * "icon": Icono de la propiedad
      */
@@ -51,9 +51,10 @@ export interface ConfigDynamicAccordion<T extends any = any, K extends any = any
      */
     minWidth?: ContainerFlowProps['minWidth'];
 }
-export interface useDynamicAccordionsProps<T extends any = any, K extends any = any> {
+export interface useDynamicAccordionsProps<T = any, K = any> {
     configDynamicAccordions: ConfigDynamicAccordion<T, K>[] | GroupConfigDynamicAccordion<T, K>[];
 }
-export interface useBaseDynamicAccordionsProps<T extends any = any, K extends any = any> extends Omit<ModuleDetailTabContent, 'refreshDetail'> {
+export interface useBaseDynamicAccordionsProps<T = any, K = any> extends Omit<ModuleDetailTabContent, 'refreshDetail'> {
     configDynamicAccordions: GroupConfigDynamicAccordion<T, K>[];
 }
+//# sourceMappingURL=types.d.ts.map

package/hooks/useDynamicAccordions/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/hooks/useDynamicAccordions/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,MAAM,qBAAqB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,KAAK,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;AAE9G,MAAM,WAAW,wBAAwB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,UAAU,CAAE;IACjH;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,EAAE,qBAAqB,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAElB;AAED,MAAM,WAAW,2BAA2B,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG;IAC3D;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C;;OAEG;IACH,QAAQ,EAAE,sBAAsB,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,CAAC;CAEzC;AAED,MAAM,WAAW,sBAAsB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG;IACtD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC;IAClD;;OAEG;IACH,UAAU,EAAE,wBAAwB,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,CAAC;IAE5C;;OAEG;IACH,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;CAE3C;AAGD,MAAM,WAAW,yBAAyB,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG;IACzD,uBAAuB,EAAE,sBAAsB,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,GAAG,2BAA2B,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,CAAC;CAC7F;AAED,MAAM,WAAW,6BAA6B,CAAC,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,sBAAsB,EAAE,eAAe,CAAE;IACrH,uBAAuB,EAAE,2BAA2B,CAAC,CAAC,EAAC,CAAC,CAAC,EAAE,CAAC;CAC7D"}

package/hooks/useDynamicAccordions/useBaseAccordions.d.ts

@@ -2,4 +2,5 @@ import { useBaseDynamicAccordionsProps } from './types';
 /**
  * Hook que se encarga de gestionar los accordions del detalle de inventario
  */
-export declare function useBaseAccordions(props: useBaseDynamicAccordionsProps): import("react/jsx-runtime").JSX.Element[] | null;
+export declare function useBaseAccordions(props: useBaseDynamicAccordionsProps): import("@emotion/react/jsx-runtime").JSX.Element[] | null;
+//# sourceMappingURL=useBaseAccordions.d.ts.map

package/hooks/useDynamicAccordions/useBaseAccordions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseAccordions.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/hooks/useDynamicAccordions/useBaseAccordions.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AAExD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,6BAA6B,6DAgFrE"}

package/hooks/useDynamicAccordions/useBaseAccordions.js

@@ -1,74 +1,65 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo, createElement } from "react";
-import { ContainerFlow, Accordion, PropertyValue } from "@m4l/components";
-import { useModuleDictionary } from "@m4l/core";
-function useBaseAccordions(props) {
-  const { data, endPointData, configDynamicAccordions: accordions } = props;
-  const { getLabel } = useModuleDictionary();
-  const AccordionsComponents = useMemo(() => {
-    if (!data) {
-      return null;
-    }
-    return accordions.map((accordion, index) => {
-      return /* @__PURE__ */ jsx(
-        ContainerFlow,
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { createElement as p } from "@emotion/react";
+import { useMemo as P } from "react";
+import { ContainerFlow as f, Accordion as V, PropertyValue as y } from "@m4l/components";
+import { useModuleDictionary as F } from "@m4l/core";
+function j(g) {
+  const { data: i, endPointData: a, configDynamicAccordions: c } = g, { getLabel: n } = F();
+  return P(() => i ? c.map((d, v) => /* @__PURE__ */ e(
+    f,
+    {
+      variant: "column-flex",
+      minWidth: d.minWidth,
+      gap: "compact",
+      children: d.children.map((r) => /* @__PURE__ */ e(
+        V,
         {
-          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);
-                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
-                    }
-                  );
+          icon: r.icon,
+          label: n(r.dictionaryId),
+          accordionProps: {
+            ...r.accordionProps
+          },
+          children: /* @__PURE__ */ e(f, { variant: "column-flex", minWidth: 150, gap: "standard", children: r.properties.map((o) => {
+            const s = o.getValue(i, a), { startAdornment: t, iconVariant: m, iconColor: u, dictionaryId: x, getValue: C, privilegeToView: W, ...l } = o;
+            if (t != null) {
+              const I = {
+                ...l,
+                startAdornment: t,
+                ...m !== void 0 && { iconVariant: m },
+                ...u !== void 0 && { iconColor: u },
+                property: n(o.dictionaryId),
+                value: s,
+                isForm: o.isForm ?? !0
+              };
+              return /* @__PURE__ */ p(
+                y,
+                {
+                  ...I,
+                  key: o.dictionaryId
                 }
-                const propertyValuePropsWithoutAdornment = {
-                  ...restProperty,
-                  property: getLabel(property.dictionaryId),
-                  value,
-                  isForm: property.isForm ?? true
-                };
-                return /* @__PURE__ */ createElement(
-                  PropertyValue,
-                  {
-                    ...propertyValuePropsWithoutAdornment,
-                    key: property.dictionaryId
-                  }
-                );
-              }) })
-            },
-            child.dictionaryId
-          ))
+              );
+            }
+            const A = {
+              ...l,
+              property: n(o.dictionaryId),
+              value: s,
+              isForm: o.isForm ?? !0
+            };
+            return /* @__PURE__ */ p(
+              y,
+              {
+                ...A,
+                key: o.dictionaryId
+              }
+            );
+          }) })
         },
-        `group-${index}`
-      );
-    });
-  }, [accordions, data, endPointData, getLabel]);
-  return AccordionsComponents;
+        r.dictionaryId
+      ))
+    },
+    `group-${v}`
+  )) : null, [c, i, a, n]);
 }
 export {
-  useBaseAccordions as u
+  j as useBaseAccordions
 };

package/hooks/useDynamicAccordions/useDynamicAccordions.d.ts

@@ -3,4 +3,5 @@ import { useDynamicAccordionsProps } from './types';
 /**
  * Componente que muestra los datos generales de un inventario
  */
-export declare function useDynamicAccordions(props: useDynamicAccordionsProps): (propsGeneral: ModuleDetailTabContent) => import("react/jsx-runtime").JSX.Element;
+export declare function useDynamicAccordions(props: useDynamicAccordionsProps): (propsGeneral: ModuleDetailTabContent) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=useDynamicAccordions.d.ts.map

package/hooks/useDynamicAccordions/useDynamicAccordions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDynamicAccordions.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/hooks/useDynamicAccordions/useDynamicAccordions.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAE3E,OAAO,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAIpD;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,yBAAyB,IAIzC,cAAc,sBAAsB,sDAkB/D"}

package/hooks/useDynamicAccordions/useDynamicAccordions.js

@@ -1,20 +1,18 @@
-import { jsx } from "react/jsx-runtime";
-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: configDynamicAccordionsNormalized
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { ContainerFlow as s } from "@m4l/components";
+import { useBaseAccordions as e } from "./useBaseAccordions.js";
+import { normalizeDynamicAccordions as d } from "./helpers/normalizeDynamicAccordions/normalizeDynamicAccordions.js";
+function D(o) {
+  const { configDynamicAccordions: n } = o;
+  return function(c) {
+    const { data: i, endPointData: r } = c, t = d({ configDynamicAccordions: n }), a = e({
+      data: i,
+      endPointData: r,
+      configDynamicAccordions: t
     });
-    return /* @__PURE__ */ jsx(ContainerFlow, { variant: "column-flex", minWidth: 370, gap: "compact", children: accordionsComponents });
+    return /* @__PURE__ */ m(s, { variant: "column-flex", minWidth: 370, gap: "compact", children: a });
   };
 }
 export {
-  useDynamicAccordions as u
+  D as useDynamicAccordions
 };

package/hooks/useDynamicPaperForm/index.d.ts

@@ -1,2 +1,3 @@
 export * from './useDynamicPaperForm';
 export type { PropertyValueField } from './types';
+//# sourceMappingURL=index.d.ts.map

package/hooks/useDynamicPaperForm/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../packages/layouts/src/hooks/useDynamicPaperForm/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC"}

package/hooks/useDynamicPaperForm/types.d.ts

@@ -27,3 +27,4 @@ export type UseDynamicPaperFormProps = {
     variant?: PaperFormProps['variant'];
 };
 export {};
+//# sourceMappingURL=types.d.ts.map