@m4l/components 9.2.58 → 9.2.60-13062025.beta.1

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/index.js

@@ -1,63 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { Collapse } from "@mui/material";
-import { useState } from "react";
-import { useIsMobile } from "@m4l/graphics";
-import clsx from "clsx";
-import { u as useSideBar } from "../../../../hooks/useSideBar/index.js";
-import { T as TEST_PROP_ID } from "../../../../../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../../../tests/utils.js";
-import { A as ArrowIcon } from "./subcomponents/ArrowIcon/index.js";
-import { h as ContainerMenuItemsStyled } from "../../../../slots/SideBarSlots.js";
-import { a as getComponentSlotRoot } from "../../../../../../utils/getComponentSlotRoot.js";
-import { I as ITEM_ACTIVE, b as ITEM_IN_TREE_ACTIVE, L as LIST_MENU_ITEM } from "../../../../constants.js";
-import { u as useComponentSize } from "../../../../../../hooks/useComponentSize/useComponentSize.js";
-import { M as MenuItem } from "../../../../../mui_extended/MenuItem/MenuItem.js";
-function ContainerMenuItemsMain(props) {
-  const { item, size } = props;
-  const { onMenuItemClick, onToggleVisible, urlIconPrefix } = useSideBar();
-  const [openSub, setOpenSub] = useState(props.openSubItem ?? false);
-  const hasChildren = item.children && Array.isArray(item.children) && item.children.length > 0;
-  const isMobile = useIsMobile();
-  const { currentSize } = useComponentSize(size);
-  const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
-  const ownerState = {
-    active: item.active,
-    itemInTreeActive: item.itemInTreeActive,
-    sidebarSize: adjustedSize
-  };
-  const handlerClick = () => {
-    onMenuItemClick(item);
-    setOpenSub(!openSub);
-    if (isMobile && (!hasChildren || hasChildren === void 0)) {
-      onToggleVisible(true);
-    }
-  };
-  const classRoot = getComponentSlotRoot(LIST_MENU_ITEM);
-  return /* @__PURE__ */ jsxs(
-    ContainerMenuItemsStyled,
-    {
-      className: clsx(classRoot),
-      role: "listitem",
-      ownerState,
-      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameDataTestId("menuItems") } : {},
-      children: [
-        /* @__PURE__ */ jsx(
-          MenuItem,
-          {
-            className: clsx(item.active ? ITEM_ACTIVE : ITEM_IN_TREE_ACTIVE),
-            label: item.title,
-            selected: item.active || item.itemInTreeActive,
-            startIcon: `${urlIconPrefix}${item.iconUrl}`,
-            endIcon: hasChildren ? /* @__PURE__ */ jsx(ArrowIcon, { openState: openSub, active: item.active }) : null,
-            onClick: () => handlerClick(),
-            size: adjustedSize
-          }
-        ),
-        hasChildren ? /* @__PURE__ */ jsx(Collapse, { in: openSub, timeout: "auto", unmountOnExit: true, children: (item.children || []).map((child) => /* @__PURE__ */ jsx(ContainerMenuItemsMain, { item: child, size: adjustedSize }, child.title)) }) : null
-      ]
-    }
-  );
-}
-export {
-  ContainerMenuItemsMain as C
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.d.ts

@@ -1,2 +0,0 @@
-import { ContainerMenuItemsMainStyles } from '../../../../types';
-export declare const containerMenuItemsMainStyles: ContainerMenuItemsMainStyles;

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js

@@ -1,47 +0,0 @@
-import { a as getHeightSizeStyles } from "../../../../../../utils/getSizeStyles/getSizeStyles.js";
-import { I as ITEM_ACTIVE, b as ITEM_IN_TREE_ACTIVE } from "../../../../constants.js";
-const containerMenuItemsMainStyles = {
-  /**
-   * Style aplicado al contenedor de los items del menú
-   */
-  containerMenuItems: ({ theme, ownerState }) => ({
-    marginLeft: theme.vars.size.baseSpacings.sp4,
-    display: "flex",
-    flexDirection: "column",
-    gap: theme.vars.size.baseSpacings["sp0-5"],
-    ...getHeightSizeStyles(
-      theme.generalSettings.isMobile,
-      ownerState?.size || "medium",
-      "container",
-      (height) => {
-        return {
-          height: "auto",
-          minHeight: height
-        };
-      }
-    ),
-    [`&.M4LListMenuItem-root > .M4LMenuItem-root[class*="${ITEM_IN_TREE_ACTIVE}"]`]: {
-      borderColor: theme.vars.palette.divider,
-      "& span": {
-        color: theme.vars.palette.text.primary
-      }
-    },
-    [`&.M4LListMenuItem-root > .M4LMenuItem-root[class*="${ITEM_IN_TREE_ACTIVE}"] .M4LIconClass-root`]: {
-      background: theme.vars.palette.text.primary
-    },
-    [`&.M4LListMenuItem-root > .M4LMenuItem-root[class*="${ITEM_ACTIVE}"]`]: {
-      borderColor: theme.vars.palette.primary.enabled,
-      "& span": {
-        color: theme.vars.palette.primary.enabled
-      }
-    },
-    "& .MuiCollapse-wrapperInner": {
-      display: "flex",
-      flexDirection: "column",
-      gap: theme.vars.size.baseSpacings["sp0-5"]
-    }
-  })
-};
-export {
-  containerMenuItemsMainStyles as c
-};

package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/types.d.ts

@@ -1,7 +0,0 @@
-import { Sizes } from '@m4l/styles';
-import { IMenuDataWithState } from '../../../../types';
-export type NavListSubItemProps = {
-    item: IMenuDataWithState;
-    openSubItem?: boolean;
-    size: Sizes;
-};

package/components/SideBar/subcomponents/ContentGroups/types.d.ts

@@ -1,4 +0,0 @@
-import { Sizes } from '@m4l/styles';
-export interface ContentGroupsProps {
-    size?: Sizes;
-}

package/components/SideBar/subcomponents/FooterSidebar/types.d.ts

@@ -1,5 +0,0 @@
-export interface FooterSidebarProps {
-    onToggleAnchored: (anchored: boolean) => void;
-    anchored: boolean;
-}
-export type WrapperCollapseButtonProps = Pick<FooterSidebarProps, 'anchored'>;

package/components/SideBar/subcomponents/HeaderSidebar/index.js

@@ -1,25 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { k as ContainerHeaderSidebarRootStyled, l as ContainerTitleSubtitleStyled } from "../../slots/SideBarSlots.js";
-import { T as Typography } from "../../../mui_extended/Typography/Typography.js";
-import { I as Image } from "../../../Image/Image.js";
-const HeaderSidebar = ({ srcIcon, title, subtitle }) => {
-  return /* @__PURE__ */ jsxs(ContainerHeaderSidebarRootStyled, { role: "heading", children: [
-    /* @__PURE__ */ jsx(
-      Image,
-      {
-        width: "24px",
-        height: "24px",
-        src: srcIcon,
-        alt: "logo"
-      },
-      "Logo"
-    ),
-    /* @__PURE__ */ jsxs(ContainerTitleSubtitleStyled, { children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "subtitleDens", size: "medium", skeletonWidth: 120, children: title }),
-      /* @__PURE__ */ jsx(Typography, { variant: "paragraph", size: "medium", margin: 0, skeletonWidth: 150, children: subtitle })
-    ] })
-  ] });
-};
-export {
-  HeaderSidebar as H
-};

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

@@ -1 +0,0 @@
-export * from './useSetWindowsTitle';

package/components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle.d.ts

@@ -1,6 +0,0 @@
-/**
- * TODO: Documentar
- */
-export declare function useSetWindowsTitle({ isAddEditModule, }?: {
-    isAddEditModule?: boolean;
-}): void;

package/components/areas/hooks/useSetWindowsTitle/useSetWindowsTitle.js

@@ -1,31 +0,0 @@
-import { useEffect } from "react";
-import { shallow } from "zustand/shallow";
-import { useFlagsPresent, CommonFlags, useModuleDictionary } from "@m4l/core";
-import { u as useWindowToolsMF } from "../../../WindowBase/hooks/useWindowToolsMF/index.js";
-import { u as useDynamicMFParametersStore } from "../../../WindowBase/hooks/useDynamicMFParameters/index.js";
-const titleLabels = {
-  moduleName: "module_name",
-  moduleNameAdd: "module_name_add",
-  moduleNameEdit: "module_name_edit"
-};
-function useSetWindowsTitle({
-  isAddEditModule = false
-} = {}) {
-  const isFlagPresent = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
-  const { getLabel } = useModuleDictionary();
-  const { setWindowTitle } = useWindowToolsMF();
-  const id = useDynamicMFParametersStore(
-    // objectId or id  puede ser el nombre del parametro del con el Id que se está editando en los modulos add/edit
-    (state) => state.dynamicMFParameters?.objectId || state.dynamicMFParameters?.id,
-    shallow
-  );
-  useEffect(() => {
-    if (isFlagPresent) {
-      const labelKey = isAddEditModule ? id ? titleLabels.moduleNameEdit : titleLabels.moduleNameAdd : titleLabels.moduleName;
-      setWindowTitle(getLabel(labelKey));
-    }
-  }, [getLabel, isFlagPresent]);
-}
-export {
-  useSetWindowsTitle as u
-};

package/storybook/components/WindowBase/subcomponents/WithContextWindowToolsProvider.d.ts

@@ -1,5 +0,0 @@
-import { StoryFn } from '@storybook/react';
-/**
- * Decorador para proveer los contextos de WindowTools y DynamicMFParms.
- */
-export declare const WithContextWindowToolsProvider: (Story: StoryFn<any>, context: any) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/commonActions/components/ActionFormCancel/WindowToolsMFProvider.d.ts

@@ -1,5 +0,0 @@
-import { StoryFn } from '@storybook/react';
-/**
- * Decorador para proveer los contextos de WindowTools y DynamicMFParms.
- */
-export declare const WithExtendedContainer: (Story: StoryFn<any>, context: any) => import("react/jsx-runtime").JSX.Element;