@m4l/components 0.1.69 → 0.1.70

package/components/Resizeable/{index.ff97422e.js → index.aafda79e.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { R as ResizableBox } from "../../react-resizable.e0470767.js";
+import { R as ResizableBox } from "../../react-resizable.8307e056.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme

package/components/SideBar/{index.365f64f0.js → index.3bc6a634.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.6a33c6d2.js";
-import { I as Image } from "../Image/index.f30f79f0.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.917f0d3c.js";
+import { T as TEST_PROP_ID } from "../../vendor.8edaef93.js";
+import { I as Image } from "../Image/index.82a6cd46.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.57824447.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled as styled$1, generateUtilityClasses, ListItemText, ListItemButton, Collapse, Skeleton, Drawer } from "@mui/material";
-import { I as Icon, A as ArrowIcon } from "../Icon/index.952f0635.js";
-import { T as Typography } from "../mui_extended/Typography/index.79e2b06f.js";
+import { I as Icon, A as ArrowIcon } from "../Icon/index.caaed284.js";
+import { T as Typography } from "../mui_extended/Typography/index.b3c6e71c.js";
 import clsx from "clsx";
 import { P as Popover } from "../mui_extended/Popover/index.226f247e.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.b5c62ef0.js";
+import { g as getComponentUtilityClass } from "../../utils/index.a2312a73.js";
 const SideBarRoot = styled("div")(({
   theme
 }) => ({
@@ -356,11 +356,8 @@ const NavItemMainContent = (props) => {
   } = useEnvironment();
   const {
     collapsed,
-    isItemActive,
     classes
   } = useSideBar();
-  const active = isItemActive(item);
-  console.log("NavItemRootContent active", active);
   const isDesktop = useResponsiveDesktop();
   const handlerClick = (event) => {
     onClick && onClick(item);
@@ -454,8 +451,6 @@ const NavSubItemContent = (props) => {
     if (!hasChildren || hasChildren === void 0) {
       closePopover();
     }
-    console.log("hasChildren", hasChildren);
-    console.log("hasChildren validation", hasChildren === void 0);
     setOpenSub((val) => !val);
     if (!isDesktop && (!hasChildren || hasChildren === void 0)) {
       onToggleVisible();
@@ -558,7 +553,6 @@ function NavItemMain(props) {
   };
   const handleClose = () => {
     setPopoverStatus(null);
-    console.log("se ejecuto el handle close");
   };
   if (children) {
     return /* @__PURE__ */ jsxs(Fragment, {
@@ -645,9 +639,9 @@ function ItemListMain(props) {
   const active = isItemActive(list);
   const [open, setOpen] = useState(active);
   const hasChildren = list.children && Array.isArray(list.children) && list.children.length > 0;
-  console.log("test item active equal", itemMainActive === id);
   if (hasChildren) {
     return /* @__PURE__ */ jsxs("div", {
+      role: "presentation",
       className: clsx(classes.itemListMainRoot, itemMainActive === id && classes.itemMainActive),
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_ID]: getNameDataTestId("itemListMainRoot")
@@ -688,18 +682,13 @@ function ItemListMain(props) {
 }
 const WrapperSKTNavSectionVertical = styled$1("div", {
   shouldForwardProp: (props) => props !== "collapse"
-})(({
-  theme,
-  collapse
-}) => ({
+})(() => ({
   margin: "0",
   padding: "0",
   position: "relative",
   height: "100%"
 }));
-const NavSectionVerticalItem = styled$1("div")(({
-  theme
-}) => ({
+const NavSectionVerticalItem = styled$1("div")(() => ({
   display: "grid",
   gridTemplateColumns: "16px 1fr",
   gap: "8px",
@@ -708,9 +697,7 @@ const NavSectionVerticalItem = styled$1("div")(({
   padding: "8px",
   height: "36px"
 }));
-const NavSectionVerticalTitle = styled$1("div")(({
-  theme
-}) => ({
+const NavSectionVerticalTitle = styled$1("div")(() => ({
   display: "flex",
   justifyContent: "flex-start",
   height: "60px",
@@ -792,7 +779,6 @@ const ContentGroups = () => {
     classes
   } = useSideBar();
   const [itemMainActive, setItemMainActive] = useState(-1);
-  console.log("valor del item main active", itemMainActive);
   if (menuData && menuData.length > 0) {
     return /* @__PURE__ */ jsxs(ContentGroupsRoot, {
       className: classes.contentGroups,

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

@@ -9,5 +9,6 @@ export interface AreasAdmninClasses {
     areasAddButton: string;
     selected: string;
     isMobile: string;
+    disabled: string;
 }
 export declare type AreasAdminClassesKey = keyof AreasAdmninClasses;

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

@@ -2,4 +2,5 @@ export interface AreaChipProps {
     areaId: string;
     areaName: string;
     selected: boolean;
+    disabled: boolean;
 }

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

@@ -15,5 +15,6 @@ export interface AreasViewerClasses {
     windowModalRoot: string;
     selected: string;
     isMobile: string;
+    loading: string;
 }
 export declare type AreasViewerClassesKey = keyof AreasViewerClasses;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AreaProps } from '../../../../types';
+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
@@ -8,6 +8,6 @@ import { AreaProps } from '../../../../types';
  * @returns JSX
  */
 export declare const Area: {
-    (props: AreaProps): import("react").JSX.Element;
+    (props: AreaProps): import("react").JSX.Element | null;
     displayName: string;
 };

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

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { GridLayoutProps } from './types';
 /**
  * @description Retorna el componente GridLayout con las ventanas (layouts) y popups tomados del área de trabajo.
  * @returns JSX
  */
-export declare const GridLayout: () => import("react").JSX.Element;
+export declare const GridLayout: (props: GridLayoutProps) => import("react").JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare type GridLayoutProps = {
+    areaId: string;
+};

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

@@ -1,2 +1,3 @@
 /// <reference types="react" />
-export declare const InnerForHooks: () => import("react").JSX.Element;
+import { InnerForHooksProps } from './types';
+export declare const InnerForHooks: (props: InnerForHooksProps) => import("react").JSX.Element;

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

@@ -0,0 +1,3 @@
+export declare type InnerForHooksProps = {
+    areaId: string;
+};

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

@@ -1,7 +1,8 @@
 /// <reference types="react" />
+import { PanelWindowsProps } from './types';
 /**
  * @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: () => import("react").JSX.Element | null;
+export declare const PanelWindows: (props: PanelWindowsProps) => import("react").JSX.Element | null;

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

@@ -0,0 +1,3 @@
+export declare type PanelWindowsProps = {
+    areaId: string;
+};

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WindowRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ComponentProps } from './types';
+export declare const Component: (props: ComponentProps) => React.JSX.Element;
+export declare const MemonizedComponent: React.MemoExoticComponent<(props: ComponentProps) => React.JSX.Element>;

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

@@ -0,0 +1,9 @@
+import { WindowToolsMF } from '../../../../../../../../contexts/WindowToolsMFContext/types';
+import { DynamicMFStore } from '../../../../../../../../contexts/DynamicMFParmsContext/store';
+import { JSX_REACT_NODE } from '../../../../../../../../types';
+export interface ComponentProps {
+    moduleId: string;
+    windowTools: WindowToolsMF;
+    dynamicMFStore: DynamicMFStore;
+    component: JSX_REACT_NODE;
+}

package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/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(windowId: string, isDesktop: boolean | undefined, moduleActions: ModuleAction[], urlPrefix: string, saveModuleCookies: (wd: string) => void, resetModuleCookies: (wd: string) => void, version?: string): ModuleAction[];

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { EmergeType } from '../../../../../../../../types';
+declare type HeaderProps = {
+    areaId: string;
+    windowId: string;
+    emergeType: EmergeType;
+};
+export declare function Header(props: HeaderProps): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare type MainActionsProps = {
+    windowId: string;
+};
+export declare function MainActions(props: MainActionsProps): import("react").JSX.Element;
+export {};

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

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

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

@@ -1,11 +1,11 @@
 /// <reference types="react" />
-import { MicroFrontendProps } from '../../types';
+import { MFLoaderProps } from './types';
 declare global {
     interface Window {
         [key: string]: any;
     }
 }
-export declare function MFLoader(props: MicroFrontendProps): import("react").JSX.Element;
+export declare function MFLoader(props: MFLoaderProps): import("react").JSX.Element;
 export declare namespace MFLoader {
     var defaultProps: {
         document: Document;

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { WindowBaseProps } from '../../../../../../types';
+export declare type WindowProps = Pick<WindowBaseProps, 'emergeType' | 'winType' | 'windowId' | 'moduleId' | 'areaId'>;

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

@@ -0,0 +1,4 @@
+export declare type AreaProps = {
+    areaId: string;
+    selected: boolean;
+};