@m4l/components 9.3.1 → 9.3.2

package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverFilter(): {
     filterFormValue: FormFilterValue;
     formFilter: FormFilterFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

package/components/DynamicSort/subcomponents/PopoverSort/usePopoverSort.d.ts

@@ -17,11 +17,11 @@ declare function usePopoverSort(): {
     sortFormValue: import('../../types').FormSortValueBase;
     formSort: FormSortFieldApplied;
     popupValidationSchema: import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ObjectSchema<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>, import('yup/lib/object').AssertsShape<{
-        [x: string]: import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema</*elided*/ any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape</*elided*/ any>, import('yup/lib/object').AssertsShape</*elided*/ any>>, any>;
+        [x: string]: import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>> | import('yup').BaseSchema<any, import('yup/lib/object').AnyObject, any> | import('yup').ArraySchema<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown> | import('yup/lib/Lazy').default<import('yup').BaseSchema<unknown, import('yup/lib/object').AnyObject, unknown>, import('yup/lib/object').AnyObject>, import('yup/lib/types').AnyObject, unknown[] | undefined, unknown[] | undefined> | import('yup/lib/Lazy').default<import('yup').ObjectSchema<any, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<any>, import('yup/lib/object').AssertsShape<any>>, any>;
     }>> | undefined;
     statusLoad: "initial" | "reload_values_provider" | "ready";
 };

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useHeaderActions.d.ts

@@ -5,7 +5,7 @@ import { UseHeaderActionsParams } from '../types';
  *
  * Retorna las acciones del header de una ventana. Izquierda, derecha y dentro del menu.
  */
-export declare const useHeaderActions: ({ windowId, areaId, }: UseHeaderActionsParams) => {
+export declare const useHeaderActions: ({ windowId, areaId, emergeType, }: UseHeaderActionsParams) => {
     leftActions: WindowBaseAction[];
     insideActions: WindowBaseAction[];
     rightActions: WindowBaseAction[];

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useHeaderActions.js

@@ -7,7 +7,8 @@ import { g as getLeftActions, a as getInsideMenuActions } from "../../../../../.
 import { u as useRightActions } from "./useRightActions.js";
 const useHeaderActions = ({
   windowId,
-  areaId
+  areaId,
+  emergeType
 }) => {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();
@@ -45,7 +46,8 @@ const useHeaderActions = ({
   }, [windowId, isMobile, moduleActions, urlPrefix, saveModuleCookies, resetModuleCookies, windowOptions, getLabel]);
   const rightActions = useRightActions({
     windowId,
-    areaId
+    areaId,
+    emergeType
   });
   return {
     leftActions,

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useRightActions.d.ts

@@ -3,4 +3,4 @@ import { UseHeaderActionsParams } from '../types';
 /**
  * Hook useRightActions, retorna las acciones de maximizar y minimizar una ventana, colapsar y expandir una ventana
  */
-export declare const useRightActions: ({ windowId, areaId, }: UseHeaderActionsParams) => WindowBaseAction[];
+export declare const useRightActions: ({ windowId, areaId, emergeType, }: UseHeaderActionsParams) => WindowBaseAction[];

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useRightActions.js

@@ -6,7 +6,8 @@ import { I as ICONS } from "../../../../../../../icons.js";
 import { g as getAreasDictionary, A as AREAS_DICCTIONARY } from "../../../../../../../dictionary.js";
 const useRightActions = ({
   windowId,
-  areaId
+  areaId,
+  emergeType
 }) => {
   const { host_static_assets, environment_assets } = useEnvironment();
   const { getLabel } = useModuleDictionary();
@@ -29,54 +30,56 @@ const useRightActions = ({
   const { maximizeLayout, normalizeLayouts, colapseLayoutItem, unColapseLayoutItem } = useAreasStore((state) => state.areaActions);
   const rightActions = useMemo(() => {
     const actions = [];
-    actions.push({
-      place: "right",
-      key: "collapseToggle",
-      iconUrl: !collapsed ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.COLLAPSE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.UNCOLLPASE}`,
-      label: !collapsed ? getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_collapse_window)) : getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_uncollapse_window)),
-      tooltipProps: {
-        placement: "bottom-end"
-      },
-      /**
-       * Acción de collapse/expand.
-       */
-      onClick: () => {
-        if (areaId) {
-          if (collapsed) {
-            unColapseLayoutItem(areaId, windowId);
-          } else {
-            colapseLayoutItem(areaId, windowId);
+    if (emergeType === "layout") {
+      actions.push({
+        place: "right",
+        key: "collapseToggle",
+        iconUrl: !collapsed ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.COLLAPSE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.UNCOLLPASE}`,
+        label: !collapsed ? getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_collapse_window)) : getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_uncollapse_window)),
+        tooltipProps: {
+          placement: "bottom-end"
+        },
+        /**
+         * Acción de collapse/expand.
+         */
+        onClick: () => {
+          if (areaId) {
+            if (collapsed) {
+              unColapseLayoutItem(areaId, windowId);
+            } else {
+              colapseLayoutItem(areaId, windowId);
+            }
           }
-        }
-      },
-      disabled: !(maximizedId === void 0),
-      color: "warning",
-      className: "collapse-toggle window-actions"
-    });
-    actions.push({
-      place: "right",
-      key: "maximize",
-      iconUrl: maximizedId ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.NORMALIZE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.MAXIMIZE}`,
-      label: maximizedId ? getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_minimize_window)) : getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_maximize_window)),
-      tooltipProps: {
-        placement: "bottom-end"
-      },
-      /**
-       * Acción de maximize/normalize.
-       */
-      onClick: () => {
-        if (areaId) {
-          if (maximizedId) {
-            normalizeLayouts(areaId);
-          } else {
-            maximizeLayout(areaId, windowId);
+        },
+        disabled: !(maximizedId === void 0),
+        color: "warning",
+        className: "collapse-toggle window-actions"
+      });
+      actions.push({
+        place: "right",
+        key: "maximize",
+        iconUrl: maximizedId ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.NORMALIZE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.MAXIMIZE}`,
+        label: maximizedId ? getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_minimize_window)) : getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_maximize_window)),
+        tooltipProps: {
+          placement: "bottom-end"
+        },
+        /**
+         * Acción de maximize/normalize.
+         */
+        onClick: () => {
+          if (areaId) {
+            if (maximizedId) {
+              normalizeLayouts(areaId);
+            } else {
+              maximizeLayout(areaId, windowId);
+            }
           }
-        }
-      },
-      disabled: false,
-      color: "info",
-      className: "expand-toggle window-actions"
-    });
+        },
+        disabled: false,
+        color: "info",
+        className: "expand-toggle window-actions"
+      });
+    }
     return actions;
   }, [
     collapsed,

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/hooks/useWindow.js

@@ -75,7 +75,8 @@ const useWindow = (windowId, areaId) => {
   }, [status, loadCookiesFromApi, windowId]);
   const { leftActions, insideActions: menuActions, rightActions } = useHeaderActions({
     windowId,
-    areaId
+    areaId,
+    emergeType
   });
   const memoizedActions = useMemo(() => {
     return [...leftActions, ...menuActions, ...rightActions];

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/types.d.ts

@@ -1,5 +1,5 @@
 import { WindowBaseAction } from '../../../../../../../../../src/components/WindowBase/types';
-import { AreaWindowBaseProps } from '../../../../../../types';
+import { AreaWindowBaseProps, EmergeType } from '../../../../../../types';
 export interface WindowProps extends Pick<AreaWindowBaseProps, 'windowId' | 'areaId'> {
     /**
      * Acciones que se mostrarán en el header
@@ -9,4 +9,8 @@ export interface WindowProps extends Pick<AreaWindowBaseProps, 'windowId' | 'are
 export interface UseHeaderActionsParams {
     windowId: string;
     areaId?: string;
+    /**
+     * emergeType: 'popup' | 'modal'
+     */
+    emergeType: EmergeType;
 }

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/WindowModal/WindowModal.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import React from "react";
+import React, { useCallback } from "react";
 import { u as useAreasStore } from "../../../../../../hooks/useAreas/index.js";
 import { W as Window } from "../Window/Window.js";
 import { useIsMobile } from "@m4l/graphics";
@@ -23,25 +23,30 @@ const AreaWindowModal = (props) => {
   );
   const isMobile = useIsMobile();
   const [containerRef, setContainerRef] = useStateRef(null);
-  const leftPosition = Math.max(0, window.innerWidth / 2 - (width ?? 100) / 2);
-  const topPosition = Math.max(0, window.innerHeight / 2 - (height ?? 100) / 2);
-  const DraggableComponent = () => {
+  const DraggableComponent = useCallback(() => {
+    if (!containerRef) {
+      return null;
+    }
     return /* @__PURE__ */ jsx(
       DragResizeWindowRND,
       {
         containerElement: containerRef ?? void 0,
+        containerSize: {
+          containerWidth: containerRef.clientWidth,
+          containerHeight: containerRef.clientHeight
+        },
         minWindowWidth,
         minWindowHeight,
         bounds: { left: 0, top: 0, right: 0, bottom: 0 },
         resizeHandles: ["se", "nw", "sw", "ne", "n", "e", "s", "w"],
         defaultPosition: {
-          vertical: { top: topPosition, height },
-          horizontal: { left: leftPosition, width }
+          vertical: { height },
+          horizontal: { width }
         },
         children: /* @__PURE__ */ jsx(Window, { windowId, areaId: void 0 })
       }
     );
-  };
+  }, [containerRef, windowId, minWindowWidth, minWindowHeight, height, width]);
   return /* @__PURE__ */ jsx(
     WrapperWindowModalWithRef,
     {

package/components/areas/contexts/AreasContext/store.js

@@ -441,8 +441,8 @@ const createAreasStore = (initProps, storeDevtoolsEnabled = false) => {
                   bounds: {
                     left: MARGIN_GRIDLAYOUT,
                     top: MARGIN_GRIDLAYOUT,
-                    right: -MARGIN_GRIDLAYOUT,
-                    bottom: -MARGIN_GRIDLAYOUT
+                    right: -10,
+                    bottom: -10
                   }
                 });
               }

package/components/formatters/ChipStatusFormatter/ChipStatusFormatter.js

@@ -12,6 +12,8 @@ const ChipStatusFormatter = (props) => {
     statusesColors,
     Component = React.Fragment,
     fallbackColor = "default",
+    fallbackVariant = "contained",
+    fallbackOpacity = true,
     size = "medium",
     dataTestid
   } = props;
@@ -19,7 +21,11 @@ const ChipStatusFormatter = (props) => {
   if (!status) {
     return null;
   }
-  const statusObject = statusesColors[status ? status : fallbackColor];
+  const statusObject = statusesColors[status] || {
+    color: fallbackColor,
+    variant: fallbackVariant,
+    opacity: fallbackOpacity
+  };
   const { color, variant, opacity = true } = statusObject;
   const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
   return /* @__PURE__ */ jsx(Component, { children: /* @__PURE__ */ jsx(

package/components/formatters/ChipStatusFormatter/types.d.ts

@@ -26,7 +26,15 @@ export interface ChipStatusFormatterProps {
     /**
      * Color por defecto
      */
-    fallbackColor?: Extract<ChipColorOptions, 'default'>;
+    fallbackColor?: ChipColorOptions;
+    /**
+     * fallback variant
+     */
+    fallbackVariant?: ChipVariants;
+    /**
+     * fallback opacity
+     */
+    fallbackOpacity?: boolean;
     /**
      * Componente personalizado
      */

package/components/hook-form/RHFormContext/index.d.ts

@@ -3,7 +3,7 @@ import { CustomFormArguments, FormProviderCustomProps, FormProviderProps } from
 /**
  * TODO: Documentar
  */
-export declare function useCustomForm({ validationSchema, values, statusLoad }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues>;
+export declare function useCustomForm({ validationSchema, values, statusLoad }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, undefined>;
 /**
  * TODO: Documentar
  */

package/components/mui_extended/Accordion/Accordion.js

@@ -23,7 +23,7 @@ const Accordion = forwardRef((props, ref) => {
   } = props;
   const { currentSize } = useComponentSize(size);
   const classRoot = getComponentSlotRoot(ACCORDION_KEY);
-  const [expandedState, setExpandedState] = useState(expanded ?? true);
+  const [expandedState, setExpandedState] = useState(expanded ?? accordionProps?.defaultExpanded ?? true);
   const handleToggle = () => {
     setExpandedState((prev) => !prev);
   };

package/mockServiceWorker.js

@@ -8,7 +8,7 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.8.2'
+const PACKAGE_VERSION = '2.7.0'
 const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.1",
+  "version": "9.3.2",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/storybook/components/Areas/AreasViewer/subcomponents/Launcher/PopupButton.d.ts

@@ -4,7 +4,7 @@ interface PopupButtonProps {
     iconUrl: string;
     dynamicParams: Record<string, any>;
     /** Si se pasa este id, se intentará reemplazar el popup existente */
-    windowType?: 'simple_popup' | 'microfrontend_userd_add_edit_popup' | 'microfrontend_users_list_layout';
+    windowType?: 'simple_popup' | 'microfrontend_userd_add_edit_popup' | 'microfrontend_users_list_layout' | 'microfrontend_userd_add_edit_modal';
     replaceMeId?: string;
     onClick?: () => void;
     /** Callback para notificar que se ha generado un id, en caso de no recibir uno por props */