@m4l/components 9.1.98 → 9.1.100

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/index.js

@@ -1,101 +1,46 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import React, { useMemo, useEffect } from "react";
-import clsx from "clsx";
-import { u as useAreasStore } from "../../../../../../hooks/useAreas/index.js";
-import { a as areasViewerClasses } from "../../../../classes/index.js";
-import { shallow } from "zustand/shallow";
-import { H as Header } from "./subcomponents/Header/index.js";
+import { jsx } from "react/jsx-runtime";
+import React from "react";
 import { M as MemonizedMicroFrontend } from "./subcomponents/MicroFrontend/index.js";
 import { C as Component } from "./subcomponents/Component/index.js";
-import { W as WindowRoot } from "./styles.js";
 import { T as TEST_PROP_ID } from "../../../../../../../../test/constants_no_mock.js";
 import { a as getNameDataTestId } from "../../../../../../../../test/getNameDataTestId.js";
 import { a as AREAS_VIEWER_CLASS_NAME } from "../../../../../../constants.js";
-import { c as createToaster } from "../../../../../../../ToastContainer/helpers/toaster.js";
-import { T as ToastContainer } from "../../../../../../../ToastContainer/ToastContainer.js";
+import { u as useWindow } from "./hooks/useWindow/useWindow.js";
+import { W as WindowBase } from "../../../../../../../WindowBase/WindowBase.js";
 const Window = (props) => {
   const { areaId, windowId } = props;
-  const [emergeType, moduleId, winType] = useAreasStore((state) => {
-    return [
-      state.hashWindows[windowId]?.emergeType,
-      state.hashWindows[windowId]?.moduleId,
-      state.hashWindows[windowId]?.winType
-    ];
-  }, shallow);
-  const selected = useAreasStore((state) => {
-    return emergeType === "layout" ? state.hashAreas[areaId]?.currentLayoutId : state.hashAreas[areaId]?.currentPopUpId;
-  }) === windowId;
-  const mfProps = useAreasStore((state) => state.hashWindows[windowId]?.mfProps, shallow);
-  const component = useAreasStore(
-    (state) => state.hashWindows[windowId]?.component,
-    shallow
-  );
-  const loading = useAreasStore((state) => state.hashWindows[windowId]?.loading, shallow);
-  const status = useAreasStore((state) => state.hashWindows[windowId]?.status, shallow);
-  const dynamicMFStore = useAreasStore(
-    (state) => state.hashWindows[windowId]?.dynamicMFStore,
-    shallow
-  );
   const {
-    setActions,
-    getCookie,
-    getCookies,
-    setCookie,
-    close,
-    startProgress,
-    stopProgress,
-    setFnQueryClose,
-    setWindowTitle
-  } = useAreasStore((state) => state.windowActions, shallow);
-  const { selectLayout } = useAreasStore((state) => state.areaActions, shallow);
-  const { loadCookiesFromApi } = useAreasStore((state) => state.windowActions, shallow);
-  const onTouch = () => {
-    if (!selected) {
-      selectLayout(areaId, props.windowId);
-    }
-  };
-  const windowTools = useMemo(
-    () => ({
-      getWindowId: () => windowId,
-      setActions: (newActions, version) => {
-        setActions(windowId, newActions, version);
-      },
-      getCookie: (id) => getCookie(windowId, id),
-      getCookies: (type) => getCookies(windowId, type),
-      setCookie: (id, type, cookie) => {
-        setCookie(windowId, id, type, cookie);
-      },
-      close: () => close(windowId),
-      startProgress: () => startProgress(windowId),
-      stopProgress: () => stopProgress(windowId),
-      setFnQueryClose: (fnQueryClose) => {
-        setFnQueryClose(windowId, fnQueryClose);
-      },
-      toast: createToaster(windowId),
-      setWindowTitle: (title) => setWindowTitle(windowId, title)
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    []
-  );
-  useEffect(() => {
-    if (status === "init") {
-      loadCookiesFromApi(windowId);
-    }
-  }, [status]);
+    emergeType,
+    moduleId,
+    winType,
+    title,
+    iconUrl,
+    version,
+    moduleCount,
+    selected,
+    mfProps,
+    component,
+    loading,
+    status,
+    dynamicMFStore,
+    windowTools,
+    onTouch,
+    memoizedActions
+  } = useWindow(areaId, windowId);
   if (status === void 0) {
     return null;
   }
   return /* @__PURE__ */ jsx(
-    WindowRoot,
+    WindowBase,
     {
-      role: "presentation",
-      className: clsx(
-        areasViewerClasses.windowRoot,
-        selected ? areasViewerClasses.selectedWindow : null,
-        loading ? areasViewerClasses.loading : null,
-        emergeType === "popup" ? areasViewerClasses.windowPopupRoot : null,
-        emergeType === "modal" ? areasViewerClasses.windowModalRoot : null
-      ),
+      title: `${title}${moduleCount ? `:${moduleCount}` : null}`,
+      iconUrl,
+      isLoading: loading,
+      onClose: () => windowTools.close(),
+      version,
+      actions: memoizedActions,
+      windowId,
+      selected,
       onMouseDown: onTouch,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId(
@@ -104,34 +49,23 @@ const Window = (props) => {
           `${emergeType}`
         )
       } : {},
-      children: /* @__PURE__ */ jsxs("div", { className: areasViewerClasses.windowRootContainer, children: [
-        /* @__PURE__ */ jsx(Header, { areaId, windowId, emergeType }),
-        /* @__PURE__ */ jsx(ToastContainer, { fixed: false, position: "top-center", containerId: windowId }),
-        /* @__PURE__ */ jsxs("div", { className: clsx(areasViewerClasses.windowContent), children: [
-          status === "init" ? (
-            /* validar uso */
-            /* Todo: Validar agregar nuevo componente de carga. */
-            /* @__PURE__ */ jsx(Fragment, { children: "Cargando..." })
-          ) : null,
-          status === "loaded" ? winType === "microfrontend" ? /* @__PURE__ */ jsx(
-            MemonizedMicroFrontend,
-            {
-              moduleId,
-              dynamicMFStore,
-              windowTools,
-              ...mfProps
-            }
-          ) : /* @__PURE__ */ jsx(
-            Component,
-            {
-              moduleId,
-              dynamicMFStore,
-              windowTools,
-              component
-            }
-          ) : null
-        ] })
-      ] })
+      children: status === "loaded" ? winType === "microfrontend" ? /* @__PURE__ */ jsx(
+        MemonizedMicroFrontend,
+        {
+          moduleId,
+          dynamicMFStore,
+          windowTools,
+          ...mfProps
+        }
+      ) : /* @__PURE__ */ jsx(
+        Component,
+        {
+          moduleId,
+          dynamicMFStore,
+          windowTools,
+          component
+        }
+      ) : null
     }
   );
 };

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.d.ts

@@ -3,36 +3,40 @@ import { AreaWindowAction, WindowOptions } from '../../../../../../../../types';
 /**
  * TODO: Documentar
  * @updatedUser cesar - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
+ * @createdAt 2025-02-06 11:13:09 - automatic
+ * @author cesar - automatic
+ * @updatedUser cesar - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
  * @createdAt 2025-01-31 11:37:43 - automatic
  * @author cesar - automatic
  * @updatedUser cesar - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
  * @createdAt 2025-01-31 11:36:54 - automatic
  * @author cesar - automatic
  * @updatedUser cesar - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
  * @createdAt 2025-01-31 11:36:15 - automatic
  * @author cesar - automatic
  * @updatedUser cesar - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
  * @createdAt 2025-01-31 11:35:35 - automatic
  * @author cesar - automatic
  * @updatedUser cesar - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
  * @createdAt 2025-01-31 11:34:36 - automatic
  * @author cesar - automatic
  * @updatedUser cesar - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
  * @createdAt 2025-01-21 14:45:38 - automatic
  * @author cesar - automatic
  * @updatedUser cesar - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
  * @createdAt 2025-01-18 21:23:13 - automatic
  * @author cesar - automatic
  * @author cesar - automatic
  * @createdAt 2025-01-18 21:23:13 - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-06 11:13:10 - automatic
  * @updatedUser cesar - automatic
  */
 export declare function getMainActions(isDesktop: boolean | undefined, moduleActions: AreaWindowAction[]): AreaWindowAction[];

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.js

@@ -16,7 +16,7 @@ function getMenuActions(options) {
     urlPrefix,
     saveModuleCookies,
     resetModuleCookies,
-    version,
+    //version,
     windowOptions = { allowPersistCookies: false },
     getLabel
   } = options;
@@ -48,22 +48,9 @@ function getMenuActions(options) {
     };
     menuActions.push(resetCookiesAction);
   }
-  if (version) {
-    const versionAction = {
-      type: "menuItem",
-      startIcon: `${urlPrefix}/frontend/components/areas/assets/icons/${ICONS.VERSION}`,
-      onClick: () => {
-      },
-      disabled: true,
-      visibility: "normal",
-      label: version,
-      key: "version"
-    };
-    menuActions.push(versionAction);
-  }
   return menuActions;
 }
 export {
-  getMainActions as a,
-  getMenuActions as g
+  getMenuActions as a,
+  getMainActions as g
 };

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/index.d.ts

@@ -3,7 +3,7 @@ import { HeaderProps } from './types';
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-27 08:27:31 - automatic
- * @updatedAt 2025-01-31 11:37:44 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
  * @updatedUser cesar - automatic
  */
 export declare function Header(props: HeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,8 @@
+import { WindowBaseAction } from '../../../../../../../../../src/components/WindowBase';
 import { WindowBaseProps } from '../../../../../../types';
-export type WindowProps = Pick<WindowBaseProps, 'windowId' | 'areaId'>;
+export interface WindowProps extends Pick<WindowBaseProps, 'windowId' | 'areaId'> {
+    /**
+     * Acciones que se mostrarán en el header
+     */
+    actions?: WindowBaseAction[];
+}

package/components/areas/contexts/AreasContext/helpers/generateModuleCount.d.ts

@@ -5,5 +5,9 @@ import { WindowStateProps } from '../../../types';
  * y genera un number que representa el 'moduleCount' de la ventana.
  * @param hashWindows
  * @returns number con el número de módulos repetidos en una mista area
+ * @author cesar - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const generateModuleCount: (areaId: string, moduleId: string, hashWindows: Record<string, WindowStateProps>) => number;

package/components/areas/contexts/AreasContext/helpers/helper.d.ts

@@ -54,15 +54,51 @@ export declare const DEFAULT_AREA: Omit<Area, 'id' | 'name' | 'viewMode'>;
  *  si "loadAreasFromNetwork" esta en true, agrega al backend el área de trabajo
  * @param state
  * @returns
+ * @author cesar - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const addArea: (state: WritableDraft<AreasStateWithActions>) => string;
 /**
  * Actualiza la clases basado en owner state
  * @param state immer State
+ * @author cesar - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const updateOwnerStateClasses: (state: WritableDraft<AreasStateWithActions>) => void;
 /**
  * TODO: Documentar
+ * @updatedUser cesar - automatic
+ * @updatedUser cesar - automatic
+ * @updatedUser cesar - automatic
+ * @updatedUser cesar - automatic
+ * @updatedUser cesar - automatic
+ * @updatedUser cesar - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @author cesar - automatic
+ * @author cesar - automatic
+ * @author cesar - automatic
+ * @author cesar - automatic
+ * @author cesar - automatic
+ * @author cesar - automatic
+ * @author cesar - automatic
+ * @createdAt 2025-02-07 08:26:22 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedUser cesar - automatic
  */
 export declare const getCurrentArea: (state: WritableDraft<AreasStateWithActions> | AreasStateWithActions) => Area;
 /**

package/components/areas/contexts/AreasContext/index.d.ts

@@ -19,8 +19,8 @@ declare const AreasContext: import('react').Context<(Omit<Omit<import('zustand')
  * TODO: Documentar
  * @author Andrés Quintero - automatic
  * @createdAt 2024-12-30 14:36:06 - automatic
- * @updatedAt 2024-12-30 14:36:09 - automatic
- * @updatedUser Andrés Quintero - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
+ * @updatedUser cesar - automatic
  */
 declare function AreasProvider(props: AreasProviderProps): import("react/jsx-runtime").JSX.Element;
 export { AreasProvider, AreasContext };

package/components/areas/contexts/AreasContext/store.d.ts

@@ -5,7 +5,7 @@ import { AreasStateWithActions, InitialAreasStoreProps } from './types';
  * @returns
  * @author Bruce Escobar - automatic
  * @createdAt 2024-10-22 09:41:31 - automatic
- * @updatedAt 2025-01-29 16:33:53 - automatic
+ * @updatedAt 2025-02-07 08:26:22 - automatic
  * @updatedUser cesar - automatic
  */
 export declare const createAreasStore: (initProps: InitialAreasStoreProps) => Omit<Omit<import('zustand').StoreApi<AreasStateWithActions>, "setState"> & {