@m4l/components 9.1.127 → 9.1.128

package/components/ToastContainer/ToastContainer.styles.js

@@ -59,7 +59,7 @@ const toastStyles = {
       flexDirection: "column",
       gap: "16px",
       ...ownerState?.fixed === false ? {
-        top: "4px",
+        top: "20px",
         position: "absolute"
       } : {},
       [theme.breakpoints.down(480)]: {

package/components/WindowBase/WindowBase.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 import { A as AppearanceComponentProvider } from "../../contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
@@ -6,9 +6,10 @@ import { W as WINDOW_BASE_KEY_COMPONENT } from "./constants.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import clsx from "clsx";
 import { H as HeaderWindowBase } from "./subcomponents/Header/HeaderWindowBase.js";
-import { T as ToastContainer } from "../ToastContainer/ToastContainer.js";
+import { E as EditionInfo } from "./subcomponents/EditionInfo/EditionInfo.js";
 import { W as WindowBaseStyled, C as ContentWindowStyled, L as LinearProgressIndeterminateStyled } from "./slots/WindowBaseSlots.js";
 import { W as WindowBaseSlots } from "./slots/WindowBaseEnum.js";
+import { T as ToastContainer } from "../ToastContainer/ToastContainer.js";
 const WindowBase = (props) => {
   const {
     children,
@@ -23,6 +24,7 @@ const WindowBase = (props) => {
     isLoading,
     windowId,
     onMouseDown,
+    editionInfo,
     ...other
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -33,40 +35,39 @@ const WindowBase = (props) => {
     windowBaseVariant: variant,
     windowBaseSize: normalizedSize
   };
-  return /* @__PURE__ */ jsxs(AppearanceComponentProvider, { defaultSize: currentSize, children: [
-    /* @__PURE__ */ jsx(ToastContainer, { fixed: false, position: "top-center", containerId: windowId }),
-    /* @__PURE__ */ jsxs(
-      WindowBaseStyled,
-      {
-        className: clsx(getComponentSlotRoot(WINDOW_BASE_KEY_COMPONENT), className),
-        ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.wrapperWindowBase, dataTestId),
-        ownerState,
-        onMouseDown,
-        children: [
-          /* @__PURE__ */ jsx(
-            HeaderWindowBase,
-            {
-              ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.headerContentWindowBase, dataTestId),
-              version,
-              size,
-              selected,
-              onClose,
-              ...other
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            ContentWindowStyled,
-            {
-              ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.contentWindowBase, dataTestId),
-              ownerState,
-              children
-            }
-          ),
-          isLoading && /* @__PURE__ */ jsx(LinearProgressIndeterminateStyled, { ownerState: {} })
-        ]
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsx(AppearanceComponentProvider, { defaultSize: currentSize, children: /* @__PURE__ */ jsxs(
+    WindowBaseStyled,
+    {
+      className: clsx(getComponentSlotRoot(WINDOW_BASE_KEY_COMPONENT), className),
+      ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.wrapperWindowBase, dataTestId),
+      ownerState,
+      onMouseDown,
+      children: [
+        /* @__PURE__ */ jsx(
+          HeaderWindowBase,
+          {
+            ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.headerContentWindowBase, dataTestId),
+            version,
+            size,
+            selected,
+            onClose,
+            ...other
+          }
+        ),
+        /* @__PURE__ */ jsx(ToastContainer, { fixed: false, position: "top-right", containerId: windowId }),
+        editionInfo && /* @__PURE__ */ jsx(EditionInfo, { editionInfo }),
+        /* @__PURE__ */ jsx(
+          ContentWindowStyled,
+          {
+            ...getPropDataTestId(WINDOW_BASE_KEY_COMPONENT, WindowBaseSlots.contentWindowBase, dataTestId),
+            ownerState,
+            children
+          }
+        ),
+        isLoading && /* @__PURE__ */ jsx(LinearProgressIndeterminateStyled, { ownerState: {} })
+      ]
+    }
+  ) });
 };
 export {
   WindowBase as W

package/components/WindowBase/WindowBase.styles.js

@@ -9,6 +9,7 @@ const windowBaseStyles = {
     display: "flex",
     flexDirection: "column",
     borderRadius: theme.vars.size.borderRadius.r1,
+    overflow: "hidden",
     ...ownerState?.windowBaseVariant === "outlined" && {
       border: theme.vars.size.borderStroke.container,
       ...ownerState?.windowBaseSelected ? {
@@ -183,6 +184,19 @@ const windowBaseStyles = {
   linearProgressIndeterminate: ({ theme }) => ({
     borderBottomRightRadius: theme.vars.size.borderRadius.r0,
     borderBottomLeftRadius: theme.vars.size.borderRadius.r0
+  }),
+  /**
+   * Styles for the content of the edition info.
+   */
+  contentEditionInfo: ({ theme }) => ({
+    display: "flex",
+    alignItems: "center",
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    alignSelf: "stretch",
+    gap: theme.vars.size.baseSpacings.sp2,
+    paddingRight: theme.vars.size.baseSpacings.sp3,
+    color: theme.vars.palette.text.secondary
   })
 };
 export {

package/components/WindowBase/slots/WindowBaseEnum.d.ts

@@ -11,5 +11,6 @@ export declare enum WindowBaseSlots {
     menuActionsWindowBase = "menuActionsWindowBase",
     iconsWrapperWindowBase = "iconsWrapperWindowBase",
     headerWindowComponent = "headerWindowComponent",
-    linearProgressIndeterminate = "linearProgressIndeterminate"
+    linearProgressIndeterminate = "linearProgressIndeterminate",
+    contentEditionInfo = "contentEditionInfo"
 }

package/components/WindowBase/slots/WindowBaseEnum.js

@@ -12,6 +12,7 @@ var WindowBaseSlots = /* @__PURE__ */ ((WindowBaseSlots2) => {
   WindowBaseSlots2["iconsWrapperWindowBase"] = "iconsWrapperWindowBase";
   WindowBaseSlots2["headerWindowComponent"] = "headerWindowComponent";
   WindowBaseSlots2["linearProgressIndeterminate"] = "linearProgressIndeterminate";
+  WindowBaseSlots2["contentEditionInfo"] = "contentEditionInfo";
   return WindowBaseSlots2;
 })(WindowBaseSlots || {});
 export {

package/components/WindowBase/slots/WindowBaseSlots.d.ts

@@ -79,3 +79,6 @@ export declare const MenuActionsWindowsStyled: import('@emotion/styled').StyledC
 export declare const LinearProgressIndeterminateStyled: import('@emotion/styled').StyledComponent<Pick<import('../../LinearProgressIndeterminate/types').LinearProgressIndeterminateProps, keyof import('../../LinearProgressIndeterminate/types').LinearProgressIndeterminateProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
     ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
 }, {}, {}>;
+export declare const ContentEditionInfoStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('..').WindowBaseOwnerState> & Record<string, unknown> & {
+    ownerState: Partial<import('..').WindowBaseOwnerState> & Record<string, unknown>;
+}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;

package/components/WindowBase/slots/WindowBaseSlots.js

@@ -58,6 +58,10 @@ const LinearProgressIndeterminateStyled = styled(LinearProgressIndeterminate, {
   name: WINDOW_BASE_KEY_COMPONENT,
   slot: WindowBaseSlots.linearProgressIndeterminate
 })(windowBaseStyles.linearProgressIndeterminate);
+const ContentEditionInfoStyled = styled("div", {
+  name: WINDOW_BASE_KEY_COMPONENT,
+  slot: WindowBaseSlots.contentEditionInfo
+})(windowBaseStyles?.contentEditionInfo);
 export {
   ContentWindowStyled as C,
   HeaderWindowComponentStyled as H,
@@ -68,8 +72,9 @@ export {
   SubtitleContainerStyled as S,
   TitleWindowStyled as T,
   WindowBaseStyled as W,
-  HeaderContentStyled as a,
-  PointIconStyled as b,
-  SubtitleWindowStyled as c,
-  IconsWrapperStyled as d
+  ContentEditionInfoStyled as a,
+  HeaderContentStyled as b,
+  PointIconStyled as c,
+  SubtitleWindowStyled as d,
+  IconsWrapperStyled as e
 };

package/components/{popups/components/PopupsViewer/subcomponents/Popup/subcomponents/EditionInfo/index.d.ts → WindowBase/subcomponents/EditionInfo/EditionInfo.d.ts}

@@ -1,5 +1,5 @@
 import { EditionInfoProps } from './types';
 /**
- * TODO: Documentar
+ * Componente que muestra la información en la ventana
  */
 export declare const EditionInfo: (props: EditionInfoProps) => import("react/jsx-runtime").JSX.Element;

package/components/{popups/components/PopupsViewer/subcomponents/Popup/subcomponents/EditionInfo/index.js → WindowBase/subcomponents/EditionInfo/EditionInfo.js}

@@ -1,12 +1,12 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useEnvironment } from "@m4l/core";
-import { P as POPUPS_ICONS } from "../../../../icons.js";
-import { c as PopupContentEditionInfoStyled } from "../../../../slots/popupsViewerSlots.js";
-import { I as Icon } from "../../../../../../../Icon/Icon.js";
+import { P as POPUPS_ICONS } from "../../../popups/components/PopupsViewer/icons.js";
+import { a as ContentEditionInfoStyled } from "../../slots/WindowBaseSlots.js";
+import { I as Icon } from "../../../Icon/Icon.js";
 const EditionInfo = (props) => {
   const { editionInfo } = props;
   const { host_static_assets, environment_assets } = useEnvironment();
-  return /* @__PURE__ */ jsxs(PopupContentEditionInfoStyled, { ownerState: { editionInfo }, children: [
+  return /* @__PURE__ */ jsxs(ContentEditionInfoStyled, { ownerState: { editionInfo }, children: [
     /* @__PURE__ */ jsx(
       Icon,
       {

package/components/WindowBase/subcomponents/EditionInfo/types.d.ts

@@ -0,0 +1,2 @@
+import { PopupStoreProps } from '../../../popups/components/PopupsProvider/contexts/PopupsContext/types';
+export type EditionInfoProps = Pick<PopupStoreProps, 'editionInfo'>;

package/components/WindowBase/subcomponents/Header/HeaderWindowBase.js

@@ -6,7 +6,7 @@ import { d as dragResizeWindowClasses } from "../../../DragResizeWindow/classes/
 import { I as IconButton } from "../../../mui_extended/IconButton/IconButton.js";
 import { deepEqual } from "fast-equals";
 import { M as MemoizedIconButton } from "../MemoizedIconButton/MemoizedIconButton.js";
-import { H as HeaderWindowComponentStyled, a as HeaderContentStyled, I as IconWindowStyled, T as TitleWindowStyled, S as SubtitleContainerStyled, P as PointStyled, b as PointIconStyled, c as SubtitleWindowStyled, d as IconsWrapperStyled, M as MenuActionsWindowsStyled } from "../../slots/WindowBaseSlots.js";
+import { H as HeaderWindowComponentStyled, b as HeaderContentStyled, I as IconWindowStyled, T as TitleWindowStyled, S as SubtitleContainerStyled, P as PointStyled, c as PointIconStyled, d as SubtitleWindowStyled, e as IconsWrapperStyled, M as MenuActionsWindowsStyled } from "../../slots/WindowBaseSlots.js";
 const HeaderWindowBase = (props) => {
   const {
     title,

package/components/WindowBase/types.d.ts

@@ -132,6 +132,10 @@ export interface WindowBaseProps {
      * "onMouseDown" event handler for the window.
      */
     onMouseDown?: React.MouseEventHandler<HTMLDivElement>;
+    /**
+     * Additional information displayed in the window.
+     */
+    editionInfo?: string;
 }
 /**
  * Type representing the possible values of `WindowBaseSlots`.

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

@@ -15,9 +15,9 @@ interface UseHeaderActionsParams {
  * @returns {Object} Un objeto con tres arrays: leftActions, menuActions y rightActions.
  * @example
  * const { leftActions, menuActions, rightActions } = useHeaderActions({
- *   moduleActions: misAcciones,
  *   windowId: 'win_456',
  *   areaId: 'area_123',
+ *   menuActions: [],
  * });
  */
 export declare const useHeaderActions: ({ windowId, areaId, menuActions, }: UseHeaderActionsParams) => {

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

@@ -74,18 +74,18 @@ const useHeaderActions = ({
   }, [menuActions]);
   const collapsed = useAreasStore(
     (state) => {
-      const currentBreakpoint = state.hashAreas[areaId].currentBreakpoint;
-      if (currentBreakpoint) {
-        return state.hashAreas[areaId].layouts[currentBreakpoint].find(
+      const area = state.hashAreas[areaId];
+      if (area && area.currentBreakpoint && area.layouts && area.layouts[area.currentBreakpoint]) {
+        return area.layouts[area.currentBreakpoint].find(
           (li) => li.i === windowId
-        )?.colapsed;
+        )?.colapsed || false;
       }
       return false;
     },
     shallow
   );
   const maximizedId = useAreasStore(
-    (state) => state.hashAreas[areaId].maximizedId,
+    (state) => state.hashAreas[areaId]?.maximizedId,
     shallow
   );
   const { maximizeLayout, normalizeLayouts, colapseLayoutItem, unColapseLayoutItem } = useAreasStore((state) => state.areaActions);
@@ -97,7 +97,7 @@ const useHeaderActions = ({
       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)),
       /**
-       * onClick de la acción de maximize/normalize.
+       * Acción de maximize/normalize.
        */
       onClick: () => {
         if (maximizedId) {
@@ -115,7 +115,7 @@ const useHeaderActions = ({
         iconUrl: !collapsed ? `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.COLAPSE}` : `${host_static_assets}/${environment_assets}/frontend/components/areas/assets/icons/${ICONS.UNCOLPASE}`,
         label: !collapsed ? getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_collapse_window)) : getLabel(getAreasDictionary(AREAS_DICCTIONARY.label_uncollapse_window)),
         /**
-         * onClick de la acción de collapse/expand.
+         * Acción de collapse/expand.
          */
         onClick: () => {
           if (collapsed) {

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

@@ -47,7 +47,16 @@ const useWindow = (areaId, windowId) => {
       stopProgress: () => stopProgress(windowId),
       setFnQueryClose: (fnQueryClose) => setFnQueryClose(windowId, fnQueryClose),
       toast: createToaster(windowId),
-      setWindowTitle: (newTitle) => setWindowTitle(windowId, newTitle)
+      setWindowTitle: (newTitle) => setWindowTitle(windowId, newTitle),
+      setEditionInfo: (editionInfo) => {
+        throw new Error(`setEditionInfo not implemented: ${editionInfo}`);
+      },
+      hide: () => {
+        throw new Error("hide not implemented");
+      },
+      show: () => {
+        throw new Error("show not implemented");
+      }
     }),
     [windowId, version, setActions, getCookie, getCookies, setCookie, close, startProgress, stopProgress, setFnQueryClose, setWindowTitle]
   );

package/components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.d.ts

@@ -1,13 +1,7 @@
 import { default as React } from 'react';
 import { PopupsProviderProps } from './types';
-declare const PopupsContext: React.Context<(Omit<Omit<import('zustand').StoreApi<import('./types').PopupsStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: import('./types').PopupsStateWithActions | Partial<import('./types').PopupsStateWithActions> | ((state: import('./types').PopupsStateWithActions) => import('./types').PopupsStateWithActions | Partial<import('./types').PopupsStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: import('./types').PopupsStateWithActions | Partial<import('./types').PopupsStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<import('./types').PopupsStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
+declare const PopupsContext: React.Context<(Omit<import('zustand').StoreApi<import('./types').PopupsStateWithActions>, "setState"> & {
+    setState(nextStateOrUpdater: import('./types').PopupsStateWithActions | Partial<import('./types').PopupsStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<import('./types').PopupsStateWithActions>) => void), shouldReplace?: boolean | undefined): void;
 }) | null>;
 /**
  * Provedor del contexto de los popups.
@@ -16,7 +10,7 @@ declare const PopupsContext: React.Context<(Omit<Omit<import('zustand').StoreApi
  * @returns
  */
 /**
- * TODO: Documentar
+ *  Proveedor de los popups
  */
 declare function PopupsProvider(props: PopupsProviderProps): import("react/jsx-runtime").JSX.Element;
 export { PopupsProvider, PopupsContext };

package/components/popups/components/PopupsProvider/contexts/PopupsContext/store.d.ts

@@ -7,13 +7,7 @@ import { PopupsStateWithActions, InitialPopupsStoreProps } from './types';
 /**
  * Crea el store de los popups
  */
-export declare const createPopupsStore: (initProps: InitialPopupsStoreProps) => Omit<Omit<import('zustand').StoreApi<PopupsStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: PopupsStateWithActions | Partial<PopupsStateWithActions> | ((state: PopupsStateWithActions) => PopupsStateWithActions | Partial<PopupsStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: PopupsStateWithActions | Partial<PopupsStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<PopupsStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
+export declare const createPopupsStore: (initProps: InitialPopupsStoreProps) => Omit<import('zustand').StoreApi<PopupsStateWithActions>, "setState"> & {
+    setState(nextStateOrUpdater: PopupsStateWithActions | Partial<PopupsStateWithActions> | ((state: import('immer/dist/internal').WritableDraft<PopupsStateWithActions>) => void), shouldReplace?: boolean | undefined): void;
 };
 export type PopupsStoreWithActionsType = ReturnType<typeof createPopupsStore>;