@m4l/components 8.2.0-beta.devDaniel.MenuActionsBug → 8.2.0-beta.devDaniel.Tab

package/components/mui_extended/MenuItem/MenuItem.styles.js

@@ -1,111 +0,0 @@
-const menuItemStyles = {
-  /**
-   * Estilos para el contenedor de los items del menú
-   * @author Bruce Escobar - automatic
-   * @createdAt 2024-10-22 10:38:00 - automatic
-   * @updatedAt 2024-10-22 20:03:58 - automatic
-   * @updatedUser Bruce Escobar - automatic
-   */
-  menuItemRoot: ({ theme, ownerState }) => ({
-    width: "100%",
-    paddingRight: theme.vars.size.baseSpacings.sp3,
-    paddingLeft: theme.vars.size.baseSpacings.sp1,
-    ...ownerState.selected && {
-      borderLeft: theme.vars.size.borderStroke.container,
-      borderRadius: theme.vars.size.borderRadius.r0,
-      borderColor: ownerState.paletteColor?.main
-    },
-    // Estilos específicos para el tamaño small
-    ...ownerState.size === "small" && {
-      ...theme.generalSettings.isMobile ? {
-        height: theme.vars.size.mobile.small.action,
-        minHeight: theme.vars.size.mobile.small.action
-      } : {
-        height: theme.vars.size.desktop.small.action,
-        minHeight: theme.vars.size.desktop.small.action
-      }
-    },
-    // Estilos específicos para el tamaño medium
-    ...ownerState.size === "medium" && {
-      ...theme.generalSettings.isMobile ? {
-        height: theme.vars.size.mobile.medium.action,
-        minHeight: theme.vars.size.mobile.medium.action
-      } : {
-        height: theme.vars.size.desktop.medium.action,
-        minHeight: theme.vars.size.desktop.medium.action
-      }
-    },
-    '& .M4LMenuItemIcon [class*="-M4LIcon-icon"]': {
-      ...ownerState.selected && {
-        backgroundColor: ownerState.paletteColor?.main
-      }
-    },
-    "&.M4LMenuItemRoot .M4LTypography-root .MuiTypography-body": {
-      paddingRight: theme.vars.size.baseSpacings.sp1,
-      paddingLeft: theme.vars.size.baseSpacings.sp2,
-      ...ownerState.selected && {
-        color: ownerState.paletteColor?.main
-      }
-    },
-    "&:hover.M4LMenuItemRoot": {
-      background: ownerState.selected ? ownerState.paletteColor?.opacity : theme.vars.palette.background.hover
-    }
-  }),
-  menuItemIcon: {},
-  /**
-   * Estilos para el contenedor de los items del menú en skeleton
-   * @author Bruce Escobar - automatic
-   * @createdAt 2024-10-22 10:38:00 - automatic
-   * @updatedAt 2024-10-22 20:03:58 - automatic
-   * @updatedUser Bruce Escobar - automatic
-   */
-  skeletonMenuItem: ({ theme, ownerState }) => ({
-    width: "100%",
-    padding: theme.vars.size.baseSpacings.sp2,
-    borderRadius: theme.vars.size.borderRadius.r0,
-    display: "flex",
-    alignItems: "center",
-    background: theme.vars.palette.skeleton.transition,
-    // Estilos específicos para el tamaño small
-    ...ownerState.size === "small" && {
-      ...theme.generalSettings.isMobile ? {
-        height: theme.vars.size.mobile.small.action,
-        minHeight: theme.vars.size.mobile.small.action
-      } : {
-        height: theme.vars.size.desktop.small.action,
-        minHeight: theme.vars.size.desktop.small.action
-      },
-      [theme.breakpoints.up("sm")]: {
-        ...theme.generalSettings.isMobile ? {
-          height: theme.vars.size.mobile.small.action,
-          minHeight: theme.vars.size.mobile.small.action
-        } : {
-          height: theme.vars.size.desktop.small.action,
-          minHeight: theme.vars.size.desktop.small.action
-        }
-      }
-    },
-    // Estilos específicos para el tamaño medium
-    ...ownerState.size === "medium" && {
-      ...theme.generalSettings.isMobile ? {
-        height: theme.vars.size.mobile.medium.action,
-        minHeight: theme.vars.size.mobile.medium.action
-      } : {
-        height: theme.vars.size.desktop.medium.action,
-        minHeight: theme.vars.size.desktop.medium.action
-      },
-      [theme.breakpoints.up("md")]: {
-        ...theme.generalSettings.isMobile ? {
-          height: theme.vars.size.mobile.small.action,
-          minHeight: theme.vars.size.mobile.small.action
-        } : {
-          height: theme.vars.size.desktop.small.action,
-          minHeight: theme.vars.size.desktop.small.action
-        }
-      }
-    }
-  })
-};
-export {
-  menuItemStyles as m
-};

package/components/mui_extended/MenuItem/constants.js

@@ -1,4 +0,0 @@
-const MENUITEM_KEY_COMPONENT = "M4LMenuItem";
-export {
-  MENUITEM_KEY_COMPONENT as M
-};

package/components/mui_extended/MenuItem/slots/MenuItemEnum.js

@@ -1,9 +0,0 @@
-var MenuItemSlots = /* @__PURE__ */ ((MenuItemSlots2) => {
-  MenuItemSlots2["menuItemRoot"] = "menuItemRoot";
-  MenuItemSlots2["menuItemIcon"] = "menuItemIcon";
-  MenuItemSlots2["skeletonMenuItem"] = "skeletonMenuItem";
-  return MenuItemSlots2;
-})(MenuItemSlots || {});
-export {
-  MenuItemSlots as M
-};

package/components/mui_extended/MenuItem/slots/MenuItemSlots.js

@@ -1,24 +0,0 @@
-import { styled } from "@mui/material/styles";
-import { MenuItem } from "@mui/material";
-import { M as MENUITEM_KEY_COMPONENT } from "../constants.js";
-import { m as menuItemStyles } from "../MenuItem.styles.js";
-import { M as MenuItemSlots } from "./MenuItemEnum.js";
-import { S as Skeleton } from "../../Skeleton/Skeleton.js";
-import { I as Icon } from "../../../Icon/Icon.js";
-const MenuItemRoot = styled(MenuItem, {
-  name: MENUITEM_KEY_COMPONENT,
-  slot: MenuItemSlots.menuItemRoot
-})(menuItemStyles?.menuItemRoot);
-const MenuItemIcon = styled(Icon, {
-  name: MENUITEM_KEY_COMPONENT,
-  slot: MenuItemSlots.menuItemIcon
-})(menuItemStyles?.menuItemIcon);
-const SkeletonMenuItem = styled(Skeleton, {
-  name: MENUITEM_KEY_COMPONENT,
-  slot: MenuItemSlots.skeletonMenuItem
-})(menuItemStyles?.skeletonMenuItem);
-export {
-  MenuItemRoot as M,
-  SkeletonMenuItem as S,
-  MenuItemIcon as a
-};

package/components/mui_extended/MenuItem/types.js

@@ -1 +0,0 @@
-

package/components/mui_extended/Tab/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LTab";

package/components/mui_extended/Tab/classes/constants.js

@@ -1,4 +0,0 @@
-const componentName = "M4LTab";
-export {
-  componentName as c
-};

package/components/mui_extended/Tab/classes/index.d.ts

@@ -1,10 +0,0 @@
-import { TabClassesType } from './types';
-export declare const tabClasses: TabClassesType;
-export declare function getTabUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const tabUtilityClasses: () => {
-    skeleton: string;
-    root: string;
-};

package/components/mui_extended/Tab/classes/index.js

@@ -1,25 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "skeleton"
-  /* states or variants of elements */
-]);
-function getTabUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const tabUtilityClasses = () => {
-  const slots = {
-    root: ["root"],
-    skeleton: ["skeleton"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getTabUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  tabUtilityClasses as t
-};

package/components/mui_extended/Tab/classes/types.d.ts

@@ -1,7 +0,0 @@
-import { tabUtilityClasses } from '.';
-export interface TabClassesType {
-    root: string;
-    skeleton: string;
-}
-export type TabClassesKey = keyof TabClassesType;
-export type Classes = ReturnType<typeof tabUtilityClasses>;

package/components/mui_extended/Tab/constant.d.ts

@@ -1 +0,0 @@
-export declare const COMPONENT_PREFIX = "m4l-tab";

package/components/mui_extended/Tab/constant.js

@@ -1,4 +0,0 @@
-const COMPONENT_PREFIX = "m4l-tab";
-export {
-  COMPONENT_PREFIX as C
-};

package/components/mui_extended/Tab/index.js

@@ -1,40 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleSkeleton } from "@m4l/core";
-import { Tab as Tab$1, Skeleton } from "@mui/material";
-import { T as TabRoot, S as SKTTabWrapper } from "./styles.js";
-import { t as tabUtilityClasses } from "./classes/index.js";
-import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.js";
-import { g as getNameDataTestId } from "../../../test/getNameDataTestId.js";
-import { C as COMPONENT_PREFIX } from "./constant.js";
-function Tab(props) {
-  const { SKTWidth, SKTHeight, className, dataTestId = "", ...other } = props;
-  const isSkeleton = useModuleSkeleton();
-  const classes = tabUtilityClasses();
-  return /* @__PURE__ */ jsx(
-    TabRoot,
-    {
-      className: clsx(classes.root, className),
-      ...process.env.NODE_ENV !== "production" ? {
-        [TEST_PROP_ID]: getNameDataTestId(COMPONENT_PREFIX, "root", dataTestId)
-      } : {},
-      children: !isSkeleton ? /* @__PURE__ */ jsx(Tab$1, { ...other }) : /* @__PURE__ */ jsx(
-        SKTTabWrapper,
-        {
-          className: classes.skeleton,
-          ...process.env.NODE_ENV !== "production" ? {
-            [TEST_PROP_ID]: getNameDataTestId(
-              COMPONENT_PREFIX,
-              "skeleton",
-              dataTestId
-            )
-          } : {},
-          children: /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: SKTWidth, height: SKTHeight })
-        }
-      )
-    }
-  );
-}
-export {
-  Tab as T
-};

package/components/mui_extended/Tab/styles.d.ts

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

package/components/mui_extended/Tab/styles.js

@@ -1,11 +0,0 @@
-import { styled } from "@mui/material/styles";
-const TabRoot = styled("div")(({ theme }) => ({
-  ...theme.components?.M4LTab?.styleOverrides || {}
-}));
-const SKTTabWrapper = styled("div")(({ theme }) => ({
-  padding: theme.spacing(1.5, 2)
-}));
-export {
-  SKTTabWrapper as S,
-  TabRoot as T
-};

package/components/mui_extended/Tab/tests/index.test.d.ts

@@ -1 +0,0 @@
-export {};

package/components/mui_extended/Tab/tests/utils.d.ts

@@ -1,2 +0,0 @@
-import { TabClassesKey } from '../classes/types';
-export declare const getNameTabDataTestId: (KEY: TabClassesKey, DATATESTID: string) => string;