@m4l/components 0.1.64 → 0.1.66

package/components/ObjectLogs/{index.b50726fb.js → index.7f93ba51.js}

@@ -1,38 +1,31 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.42521a55.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.ef23d0a9.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.5c159ed2.js";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
-import "../../react-draggable.1aa81436.js";
-import "../ModalDialog/index.3efe049b.js";
-import "../Resizeable/index.b5d42efb.js";
-import "../CommonActions/components/Actions/index.433cd345.js";
+import { u as useModal } from "../../hooks/useModal/index.e103db09.js";
+import { I as Icon } from "../Icon/index.fbeeacc8.js";
+import "../../react-draggable.4d08d714.js";
+import "../ModalDialog/index.e600b43a.js";
+import "../Resizeable/index.4545dd6a.js";
+import "../CommonActions/components/Actions/index.77574633.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.d9e0ae2e.js";
+import "../mui_extended/Button/index.b7b70e5f.js";
 import "clsx";
 import "react-hook-form";
-import "../areas/components/index.eace295a.js";
-import "../areas/components/AreasAdmin/index.51e28f63.js";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
+import "../mui_extended/IconButton/index.a5072cd3.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0792a8d1.js";
+import "../areas/index.d7519516.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.1e5e6e91.js";
-import "react-grid-layout/css/styles.css";
-import "../../react-resizable.e86cb01e.js";
-import "../areas/contexts/index.2a915acf.js";
-import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.41b60a6b.js";
-import "../modal/WindowConfirm.c1339cf8.js";
-import { W as WindowBase } from "../modal/WindowBase.59f50553.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.442bda79.js";
+import "../mui_extended/Typography/index.eab3d85c.js";
+import "../modal/WindowConfirm.575b4d41.js";
+import { W as WindowBase } from "../modal/WindowBase.230a498f.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.04ed3d58.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",

package/components/PaperForm/{index.44bf4469.js → index.fb4fa784.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material/styles";
 import { useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
+import { I as Icon } from "../Icon/index.fbeeacc8.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPaper = styled("div")(({
   theme

package/components/Period/{index.99feb99e.js → index.0c5bf66f.js}

@@ -1,33 +1,26 @@
 import { useModuleDictionary, useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
-import { I as Icon } from "../Icon/index.0f9b360e.js";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.433cd345.js";
+import { I as Icon } from "../Icon/index.fbeeacc8.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.77574633.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.d9e0ae2e.js";
+import "../mui_extended/Button/index.b7b70e5f.js";
 import "clsx";
 import "react-hook-form";
-import "../../contexts/ModalContext/index.ae8041f3.js";
-import "../../react-draggable.1aa81436.js";
-import "../ModalDialog/index.3efe049b.js";
-import "../Resizeable/index.b5d42efb.js";
+import "../../contexts/ModalContext/index.de0a3457.js";
+import "../../react-draggable.4d08d714.js";
+import "../ModalDialog/index.e600b43a.js";
+import "../Resizeable/index.4545dd6a.js";
 import "@m4l/graphics";
-import "../modal/WindowConfirm.c1339cf8.js";
-import "../modal/WindowBase.59f50553.js";
-import "../areas/components/index.eace295a.js";
-import "../areas/components/AreasAdmin/index.51e28f63.js";
-import "../mui_extended/IconButton/index.be9c2ce5.js";
+import "../modal/WindowConfirm.575b4d41.js";
+import "../modal/WindowBase.230a498f.js";
+import "../mui_extended/IconButton/index.a5072cd3.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.0792a8d1.js";
+import "../areas/index.d7519516.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.1e5e6e91.js";
-import "react-grid-layout/css/styles.css";
-import "../../react-resizable.e86cb01e.js";
-import "../areas/contexts/index.2a915acf.js";
-import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.41b60a6b.js";
+import "../mui_extended/Typography/index.eab3d85c.js";
 const ContainerPeriod = styled("div")(({
   theme,
   error,

package/components/Resizeable/{index.b5d42efb.js → index.4545dd6a.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.e86cb01e.js";
+import { R as ResizableBox } from "../../react-resizable.23b980cb.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme
@@ -76,8 +76,8 @@ const WrapperResizeable = styled(ResizableBox)(({
 function ResizeableWindow(props) {
   const {
     children,
-    width = 200,
-    height = 200,
+    width = 600,
+    height = 400,
     maxHeigth,
     maxWidth,
     ...other

package/components/SideBar/{index.011880b6.js → index.7d970041.js}

@@ -1,19 +1,19 @@
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { createContext, useContext, useState } from "react";
-import { T as TEST_PROP_ID } from "../../vendor.a15d263e.js";
-import { I as Image } from "../Image/index.1a9c0327.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.be9c2ce5.js";
+import { T as TEST_PROP_ID } from "../../vendor.be57c149.js";
+import { I as Image } from "../Image/index.77396f79.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.a5072cd3.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1, ListItemText, ListItemButton, Collapse, Skeleton, generateUtilityClasses, Drawer } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.0f9b360e.js";
-import { T as Typography } from "../mui_extended/Typography/index.41b60a6b.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.fbeeacc8.js";
+import { T as Typography } from "../mui_extended/Typography/index.eab3d85c.js";
 import clsx from "clsx";
-import { P as Popover } from "../mui_extended/Popover/index.260aae81.js";
+import { P as Popover } from "../mui_extended/Popover/index.e271e4f0.js";
 import { S as ScrollBar } from "../ScrollBar/index.bbe48f4d.js";
 import { styled, alpha } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../utils/index.e199226a.js";
+import { g as getComponentUtilityClass } from "../../utils/index.c2e62d8f.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({

package/components/areas/components/AreasAdmin/classes/index.d.ts

@@ -0,0 +1,5 @@
+import { AreasAdmninClasses } from './types';
+import { OwnerState } from '../../../contexts/AreasContext/types';
+export declare const areasAdminClasses: AreasAdmninClasses;
+export declare const useAreasAdminUtilityClasses: (ownerState: OwnerState) => Record<"root" | "areaChipRoot" | "areaChipTitle" | "areaChipDeleteButton" | "areaChipEditButton" | "areasAddButton", string>;
+export declare type AdminClasses = ReturnType<typeof useAreasAdminUtilityClasses>;

package/components/areas/components/AreasAdmin/classes/types.d.ts

@@ -0,0 +1,11 @@
+export interface AreasAdmninClasses {
+    root: string;
+    areaChipRoot: string;
+    areaChipTitle: string;
+    areaChipDeleteButton: string;
+    areaChipEditButton: string;
+    areasAddButton: string;
+    selected: string;
+    isMobile: string;
+}
+export declare type AreasViewerClassesKey = keyof AreasAdmninClasses;

package/components/areas/components/AreasAdmin/subcomponents/AreaChip/types.d.ts

@@ -1,5 +1,5 @@
 export interface AreaChipProps {
     areaId: string;
     areaName: string;
-    active: boolean;
+    selected: boolean;
 }

package/components/areas/components/AreasViewer/classes/index.d.ts

@@ -0,0 +1,5 @@
+import { AreasViewerClasses } from './types';
+import { OwnerState } from '../../../contexts/AreasContext/types';
+export declare const areasViewerClasses: AreasViewerClasses;
+export declare const useAreasViewerUtilityClasses: (ownerState: OwnerState) => Record<"root" | "areaRoot" | "areaGridLayoutPanelContainer" | "areaGridLayout" | "areaGridLayoutPopupsContainer" | "windowRoot" | "windowHeader" | "windowHeaderTitle" | "windowHeaderMainActions" | "windowContent" | "windowPopupRoot" | "windowModalRoot" | "panelWindowsRoot" | "panelWindowsButtonContainer", string>;
+export declare type ViwerClasses = ReturnType<typeof useAreasViewerUtilityClasses>;

package/components/areas/components/AreasViewer/classes/types.d.ts

@@ -0,0 +1,19 @@
+export interface AreasViewerClasses {
+    root: string;
+    areaRoot: string;
+    areaGridLayoutPanelContainer: string;
+    areaGridLayout: string;
+    areaGridLayoutPopupsContainer: string;
+    panelWindowsRoot: string;
+    panelWindowsButtonContainer: string;
+    windowRoot: string;
+    windowHeader: string;
+    windowHeaderTitle: string;
+    windowHeaderMainActions: string;
+    windowContent: string;
+    windowPopupRoot: string;
+    windowModalRoot: string;
+    selected: string;
+    isMobile: string;
+}
+export declare type AreasViewerClassesKey = keyof AreasViewerClasses;

package/components/areas/components/AreasViewer/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @description Muestra las áreas cargadas en el store, si no se han cargado muestra un componente indicando la carga.
+ * Se debe visualizar todas las areas, y con display:none para todas menos para la activa, para que no se tengan que estar montando y destruyendo
+ * las ventanas que al cambiar entre áreas
+ * @returns JSX Areas
+ */
+export declare function AreasViewer(): JSX.Element;

package/components/areas/{contexts → components/AreasViewer/subcomponents/Area/contexts}/AreaContext/helper.d.ts

@@ -1,7 +1,7 @@
 import { WritableDraft } from 'immer/dist/internal';
 import { Layouts } from 'react-grid-layout';
-import { HashWindowsByLayouts } from '../../components/Area/types';
-import { AreaStateWithActions } from './store';
+import { HashWindowsByLayouts } from '../../types';
+import { AreaStateWithActions } from './types';
 import { WinLayout } from './types';
 export declare const ROW_HEIGTH_GRIDLAYOUT = 100;
 export declare const CONTAINER_PADDING_GRIDLAYOUT = 3;

package/components/areas/{contexts → components/AreasViewer/subcomponents/Area/contexts}/AreaContext/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { AreaProviderProps } from './types';
-declare const AreaContext: React.Context<(Omit<Omit<import("zustand").StoreApi<import("./store").AreaStateWithActions>, "setState"> & {
+declare const AreaContext: React.Context<(Omit<Omit<import("zustand").StoreApi<import("./types").AreaStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;
-    }>(partial: import("./store").AreaStateWithActions | Partial<import("./store").AreaStateWithActions> | ((state: import("./store").AreaStateWithActions) => import("./store").AreaStateWithActions | Partial<import("./store").AreaStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+    }>(partial: import("./types").AreaStateWithActions | Partial<import("./types").AreaStateWithActions> | ((state: import("./types").AreaStateWithActions) => import("./types").AreaStateWithActions | Partial<import("./types").AreaStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
 }, "setState"> & {
-    setState(nextStateOrUpdater: import("./store").AreaStateWithActions | Partial<import("./store").AreaStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./store").AreaStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+    setState(nextStateOrUpdater: import("./types").AreaStateWithActions | Partial<import("./types").AreaStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./types").AreaStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
         type: unknown;
     } | undefined): void;
 }) | null>;

package/components/areas/components/AreasViewer/subcomponents/Area/contexts/AreaContext/store.d.ts

@@ -0,0 +1,11 @@
+import type { AreaStateWithActions, InitialStoreProps } from './types';
+export declare const createAreaStore: (initProps: InitialStoreProps) => Omit<Omit<import("zustand").StoreApi<AreaStateWithActions>, "setState"> & {
+    setState<A extends string | {
+        type: unknown;
+    }>(partial: AreaStateWithActions | Partial<AreaStateWithActions> | ((state: AreaStateWithActions) => AreaStateWithActions | Partial<AreaStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+}, "setState"> & {
+    setState(nextStateOrUpdater: AreaStateWithActions | Partial<AreaStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<AreaStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+        type: unknown;
+    } | undefined): void;
+};
+export declare type AreaStore = ReturnType<typeof createAreaStore>;

package/components/areas/{contexts/AreaContext/store.d.ts → components/AreasViewer/subcomponents/Area/contexts/AreaContext/types.d.ts}

@@ -1,7 +1,13 @@
-import { Maybe, NetworkProps } from '@m4l/core';
-import { Layout, Layouts } from 'react-grid-layout';
+import { ReactNode } from 'react';
 import { DebouncedFunc } from 'lodash';
-import { HashWindowsByLayouts, HashWindowsByPopups, ModalProps, NewLayoutProps, NewModalProps, NewPopUpProps, NewWindowProps } from '../../components/Area/types';
+import { Layout, Layouts } from 'react-grid-layout';
+import { HashWindowsByLayouts, HashWindowsByPopups, ModalProps, NewLayoutProps, NewModalProps, NewPopUpProps, NewWindowProps, WinType } from '../../types';
+import { AreaProps } from '../../types';
+import { AreaStore } from './store';
+import { Maybe, NetworkProps } from '@m4l/core';
+export declare type WinLayout = Layout & {
+    winType: WinType;
+};
 export declare type AreaStatus = 'init' | 'load' | 'loaded' | 'error';
 export declare type Breakpoints = {
     [P: string]: number;
@@ -11,9 +17,16 @@ export declare type Cols = {
 };
 export declare type ViewAreaMode = 'multiple' | 'single';
 export interface AreaState {
-    zPopUpIndex: number;
     id: string;
+    /**
+     *  "loadAreasFromNetwork" Indica si se deben cargar las ventanas desde la API
+     */
     loadAreasFromNetwork: boolean;
+    /**
+     *  "loadCookiesFromNetwork" Indica si se deben cargar/grabar las cookies en la API
+     */
+    loadCookiesFromNetwork: boolean;
+    zPopUpIndex: number;
     loadWindows: boolean;
     status: AreaStatus;
     breakpointsLayouts: Layouts;
@@ -54,16 +67,16 @@ export interface AreaStateWithActions extends AreaState {
         changeDesktopBreakpoint: (isDesktop: boolean) => void;
     };
 }
-declare type DefaultStoreProps = Omit<AreaState, 'id'>;
-declare type InitialStoreProps = Pick<AreaState, 'id' | 'networkOperation' | 'loadAreasFromNetwork' | 'loadWindows' | 'isDesktop'> & Partial<DefaultStoreProps>;
-export declare const createAreaStore: (initProps: InitialStoreProps) => Omit<Omit<import("zustand").StoreApi<AreaStateWithActions>, "setState"> & {
-    setState<A extends string | {
-        type: unknown;
-    }>(partial: AreaStateWithActions | Partial<AreaStateWithActions> | ((state: AreaStateWithActions) => AreaStateWithActions | Partial<AreaStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
-}, "setState"> & {
-    setState(nextStateOrUpdater: AreaStateWithActions | Partial<AreaStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<AreaStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
-        type: unknown;
-    } | undefined): void;
+export declare type DefaultStoreProps = Omit<AreaState, 'id'>;
+export declare type InitialStoreProps = Pick<AreaState, 'id' | 'networkOperation' | 'loadWindows' | 'isDesktop' | 'loadAreasFromNetwork' | 'loadCookiesFromNetwork'> & Partial<DefaultStoreProps>;
+export interface AreaProviderProps extends AreaProps {
+    children: ReactNode;
+}
+export declare type AreaProviderRef = {
+    store: AreaStore;
+    addWindow: (newWindow: NewWindowProps) => string;
 };
-export declare type AreaStore = ReturnType<typeof createAreaStore>;
-export {};
+export interface AreaContextProps {
+    store: AreaStore;
+    addWindow: (newWindow: NewWindowProps) => string;
+}

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

@@ -0,0 +1,12 @@
+import { AreaProps } from './types';
+/**
+ * @description Funcion encargada de renderizar un área completa.
+ * El AreaProvider crea el store del área, por medio del cual se controla todo el estado y almacenamiento del área
+ *
+ * @param props AreaProps
+ * @returns JSX
+ */
+export declare const Area: {
+    (props: AreaProps): JSX.Element;
+    displayName: string;
+};

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/GridLayout/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @description Retorna el componente GridLayout con las ventanas (layouts) y popups tomados del área de trabajo.
+ * @returns JSX
+ */
+export declare const GridLayout: () => JSX.Element;

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/PanelWindows/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @description Funcion que se encarga de renderizar los botones que permiten cambiar de ventana o módulo
+ * cuando el área está en modo single (maximizado o mobile)
+ * @returns JSX
+ */
+export declare const PanelWindows: () => JSX.Element | null;

package/components/areas/{contexts → components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts}/WindowContext/store.d.ts

@@ -1,11 +1,16 @@
-import { ModuleAction, WindowToolsMF } from '..';
-import { Cookies, WindowBaseProps } from '../../components/Area/types';
+import { ModuleAction, WindowToolsMF } from '../../../../../../../../contexts';
+import { Cookies, WindowBaseProps } from '../../../../types';
 import { NetworkProps } from '@m4l/core';
-import { DynamicMFStore } from '../DynamicMFParmsContext/store';
+import { DynamicMFStore } from '../../../../../../../../contexts/DynamicMFParmsContext/store';
+import { AreaStore } from '../../../../contexts/AreaContext/store';
+import { AreasStore } from '../../../../../../../../contexts/AreasContext/store';
 export declare type WindowStatus = 'init' | 'loaded' | 'error';
 export interface WindowState extends WindowBaseProps {
     status: WindowStatus;
     dynamicMFStore: DynamicMFStore;
+    areaStore: AreaStore;
+    areasStore: AreasStore;
+    version?: string;
     moduleActions: ModuleAction[];
     networkOperation: (props: NetworkProps) => Promise<any>;
     cookies: Cookies;

package/components/areas/{contexts → components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts}/WindowContext/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { WindowBaseProps } from '../../components/Area/types';
+import { WindowBaseProps } from '../../../../types';
 export interface WindowProviderProps extends WindowBaseProps {
     children: ReactNode;
 }

package/components/areas/components/{Window → AreasViewer/subcomponents/Area/subcomponents/Window}/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { WindowProps } from '../Area/types';
+import { WindowProps } from '../../types';
 export declare const Window: (props: WindowProps) => JSX.Element;
 export declare const MemonizedWindow: React.MemoExoticComponent<(props: WindowProps) => JSX.Element>;

package/components/areas/components/{Window → AreasViewer/subcomponents/Area/subcomponents/Window}/subcomponents/InnerForHooks/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { WindowProps } from '../../../Area/types';
+import { WindowProps } from '../../../../types';
 export declare const InnerForHooks: (props: WindowProps) => JSX.Element | null;
 export declare const MemonizedInnerForHooks: React.MemoExoticComponent<(props: WindowProps) => JSX.Element | null>;

package/components/areas/components/{Window → AreasViewer/subcomponents/Area/subcomponents/Window}/subcomponents/InnerForHooks/subcomponents/Component/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { JSX_REACT_NODE } from '../../../../../Area/types';
+import { JSX_REACT_NODE } from '../../../../../../types';
 export declare const Component: (props: {
     component: JSX_REACT_NODE;
 }) => JSX.Element;

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

@@ -0,0 +1,3 @@
+import { ModuleAction } from '../../../../../../../../../../contexts';
+export declare function getMainActions(isDesktop: boolean | undefined, moduleActions: ModuleAction[]): ModuleAction[];
+export declare function getMenuActions(isDesktop: boolean | undefined, moduleActions: ModuleAction[], urlPrefix: string, saveModuleCookies: () => void, version?: string): ModuleAction[];

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

@@ -0,0 +1 @@
+export declare function MainActions(): JSX.Element;

package/components/areas/components/{Window → AreasViewer/subcomponents/Area/subcomponents/Window}/subcomponents/InnerForHooks/subcomponents/MicroFrontend/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { MFBaseProps } from '../../../../../Area/types';
+import { MFBaseProps } from '../../../../../../types';
 export declare const MicroFrontend: (props: MFBaseProps) => JSX.Element;
 export declare const MemonizedMF: React.MemoExoticComponent<(props: MFBaseProps) => JSX.Element>;

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

@@ -0,0 +1,8 @@
+import { WindowToolsMF } from '../../../../../../../../../../contexts/WindowToolsMFContext/types';
+import { MFBaseProps } from '../../../../../../types';
+import { DynamicMFStore } from '../../../../../../../../../../contexts/DynamicMFParmsContext/store';
+export interface MicroFrontendProps extends MFBaseProps {
+    moduleId: string;
+    dynamicMFStore?: DynamicMFStore;
+    windowTools: WindowToolsMF;
+}

package/components/areas/components/{WindowModal → AreasViewer/subcomponents/Area/subcomponents/WindowModal}/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ModalProps } from '../Area/types';
+import { ModalProps } from '../../types';
 export declare const WindowModal: (props: ModalProps) => JSX.Element;
 export declare const MemonizedWindowModal: React.MemoExoticComponent<(props: ModalProps) => JSX.Element>;

package/components/areas/components/{WindowPopUp → AreasViewer/subcomponents/Area/subcomponents/WindowPopUp}/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { PopUpProps } from '../Area/types';
+import { PopUpProps } from '../../types';
 export declare const WindowPopUp: (props: PopUpProps) => JSX.Element;
 export declare const MemonizedWindowPopUp: React.MemoExoticComponent<(props: PopUpProps) => JSX.Element>;

package/components/areas/components/{Area → AreasViewer/subcomponents/Area}/types.d.ts

@@ -1,8 +1,8 @@
 import { ReactNode } from 'react';
-import { DynamicMFParameters } from '../../contexts/DynamicMFParmsContext/types';
+import { DynamicMFParameters } from '../../../../contexts/DynamicMFParmsContext/types';
 import type { Layout } from 'react-grid-layout';
-import { WindowStore } from '../../contexts/WindowContext/store';
-import { AreaStore } from '../../contexts/AreaContext/store';
+import { WindowStore } from './subcomponents/Window/contexts/WindowContext/store';
+import { AreaStore } from './contexts/AreaContext/store';
 export declare type WinType = 'microfrontend' | 'component';
 export declare type EmergeType = 'layout' | 'popup' | 'modal';
 export interface MFBaseProps {
@@ -73,7 +73,8 @@ export interface HashWindowsByPopups {
 export interface ModalBaseProps extends WindowBaseProps {
     emergeType: 'modal';
     zIndex?: number;
-    position?: Position;
+    width?: number;
+    height?: number;
 }
 export interface ModalMFProps extends ModalBaseProps {
     winType: 'microfrontend';
@@ -96,11 +97,5 @@ export interface AreaType {
     linked?: boolean;
 }
 export interface AreaProps extends Omit<AreaType, 'url_icon' | 'name'> {
-    active: boolean;
+    selected: boolean;
 }
-export declare type AreaRef = {
-    addWindow?: (newWindow: NewWindowProps) => string;
-    current: {
-        divRef: HTMLDivElement | null;
-    };
-};

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

@@ -1,5 +1,4 @@
-export * from './Area';
 export * from './AreasAdmin';
-export * from './AreasContainer';
-export type { NewWindowProps as NewWindow } from './Area/types';
-export type { MicroFrontendProps } from './Window/subcomponents/InnerForHooks/subcomponents/MicroFrontend/types';
+export * from './AreasViewer';
+export type { NewWindowProps as NewWindow } from './AreasViewer/subcomponents/Area/types';
+export type { MicroFrontendProps } from './AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/InnerForHooks/subcomponents/MicroFrontend/types';

package/components/areas/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const COMPONENT_TEST_ID = "M4LAreasViewer";
+export declare const AREAS_VIEWER_CLASS_NAME = "M4LAreasViewer";
+export declare const AREAS_ADMIN_CLASS_NAME = "M4LAreasAdmin";

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

@@ -1,13 +1,19 @@
 /// <reference types="react" />
-import { AreasProviderProps } from './types';
-declare const AreasContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./store").AreasStateWithActions>, "setState"> & {
+import type { AreasProviderProps } from './types';
+declare const AreasContext: import("react").Context<(Omit<Omit<import("zustand").StoreApi<import("./types").AreasStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;
-    }>(partial: import("./store").AreasStateWithActions | Partial<import("./store").AreasStateWithActions> | ((state: import("./store").AreasStateWithActions) => import("./store").AreasStateWithActions | Partial<import("./store").AreasStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
+    }>(partial: import("./types").AreasStateWithActions | Partial<import("./types").AreasStateWithActions> | ((state: import("./types").AreasStateWithActions) => import("./types").AreasStateWithActions | Partial<import("./types").AreasStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
 }, "setState"> & {
-    setState(nextStateOrUpdater: import("./store").AreasStateWithActions | Partial<import("./store").AreasStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./store").AreasStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
+    setState(nextStateOrUpdater: import("./types").AreasStateWithActions | Partial<import("./types").AreasStateWithActions> | ((state: import("immer/dist/internal").WritableDraft<import("./types").AreasStateWithActions>) => void), shouldReplace?: boolean | undefined, action?: string | {
         type: unknown;
     } | undefined): void;
 }) | null>;
+/**
+ * @description Provedor del contexto de las areas de trabajo,
+ * Expone el store (AreasStore) encargado de gestionar la creación, modificación y borrado de las areas de trabajo.
+ * @param props
+ * @returns
+ */
 declare function AreasProvider(props: AreasProviderProps): JSX.Element;
 export { AreasProvider, AreasContext };

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

@@ -1,31 +1,11 @@
-import { AreaType } from '../../components/Area/types';
-import { GetLabelType, NetworkProps } from '@m4l/core';
-import { WritableDraft } from 'immer/dist/internal';
-import { AreaStore } from '../AreaContext/store';
-export declare type AreasStatus = 'init' | 'loading' | 'loaded' | 'error';
-export interface AreasState {
-    networkOperation: (props: NetworkProps) => Promise<any>;
-    getLabel: GetLabelType;
-    loadAreasFromNetwork: boolean;
-    currentArea: string;
-    status: AreasStatus;
-    areas: AreaType[];
-}
-export interface AreasStateWithActions extends AreasState {
-    actions: {
-        addArea: () => string;
-        deleteArea: (areaId: string) => void;
-        selectArea: (newAreaId: string) => void;
-    };
-    internalActions: {
-        setHandlerGetLabel: (newHandler: GetLabelType) => void;
-        loadFromApi: () => void;
-        setAreaLink: (areaId: string, store: AreaStore) => void;
-    };
-}
-declare type DefaultStoreProps = Omit<AreasState, 'currentArea'>;
-declare type InitialStoreProps = Pick<AreasState, 'networkOperation' | 'loadAreasFromNetwork' | 'getLabel'> & Partial<DefaultStoreProps>;
-export declare const createAreasStore: (initProps: InitialStoreProps) => Omit<Omit<import("zustand").StoreApi<AreasStateWithActions>, "setState"> & {
+import type { WritableDraft } from 'immer/dist/internal';
+import type { AreasStateWithActions, InitialAreasStoreProps } from './types';
+/**
+ * @description Crea el Store, por defecto inicia en estado 'init'
+ * @param initProps propiedades iniciales del store
+ * @returns
+ */
+export declare const createAreasStore: (initProps: InitialAreasStoreProps) => Omit<Omit<import("zustand").StoreApi<AreasStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;
     }>(partial: AreasStateWithActions | Partial<AreasStateWithActions> | ((state: AreasStateWithActions) => AreasStateWithActions | Partial<AreasStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
@@ -35,4 +15,3 @@ export declare const createAreasStore: (initProps: InitialStoreProps) => Omit<Om
     } | undefined): void;
 };
 export declare type AreasStore = ReturnType<typeof createAreasStore>;
-export {};