@m4l/components 9.2.62-B09072025beta.1 → 9.2.62-B10072025beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (109) hide show
  1. package/@types/types.d.ts +0 -8
  2. package/components/AppBar/AppBar.js +12 -10
  3. package/components/AppBar/constants.d.ts +1 -1
  4. package/components/AppBar/constants.js +1 -1
  5. package/components/AppBar/slots/AppBarEnum.d.ts +1 -5
  6. package/components/AppBar/slots/AppBarEnum.js +0 -4
  7. package/components/AppBar/slots/AppBarSlots.d.ts +4 -18
  8. package/components/AppBar/slots/AppBarSlots.js +3 -27
  9. package/components/AppBar/styles.js +0 -42
  10. package/components/AppBar/types.d.ts +8 -0
  11. package/components/Image/Image.js +2 -4
  12. package/components/Image/image.styles.js +3 -6
  13. package/components/Image/types.d.ts +0 -2
  14. package/components/LoadingError/slots/LoadingErrorSlots.js +1 -1
  15. package/components/PropertyValue/PropertyValue.styles.js +1 -1
  16. package/components/SideBar/SideBar.js +6 -2
  17. package/components/SideBar/constants.d.ts +7 -6
  18. package/components/SideBar/constants.js +7 -7
  19. package/components/SideBar/context/sideBarContext/index.js +9 -10
  20. package/components/SideBar/context/sideBarContext/types.d.ts +2 -10
  21. package/components/SideBar/slots/SideBarEnum.d.ts +7 -7
  22. package/components/SideBar/slots/SideBarEnum.js +5 -5
  23. package/components/SideBar/slots/SideBarSlots.d.ts +9 -9
  24. package/components/SideBar/slots/SideBarSlots.js +31 -28
  25. package/components/SideBar/styles.js +3 -3
  26. package/components/SideBar/subcomponents/ContentComponent/index.js +12 -68
  27. package/components/SideBar/subcomponents/ContentComponent/style.js +122 -103
  28. package/components/SideBar/subcomponents/{Promotion → FooterComponent}/index.d.ts +1 -1
  29. package/components/SideBar/subcomponents/{Promotion → FooterComponent}/index.js +4 -4
  30. package/components/SideBar/subcomponents/{Promotion → FooterComponent}/styles.js +8 -2
  31. package/components/SideBar/subcomponents/HeaderComponent/HeaderComponent.d.ts +5 -0
  32. package/components/SideBar/subcomponents/HeaderComponent/HeaderComponent.js +37 -0
  33. package/components/SideBar/subcomponents/HeaderComponent/index.d.ts +1 -0
  34. package/components/SideBar/subcomponents/HeaderComponent/styles.d.ts +2 -0
  35. package/components/SideBar/subcomponents/HeaderComponent/styles.js +44 -0
  36. package/components/SideBar/subcomponents/SideBarDesktop/index.js +4 -3
  37. package/components/SideBar/subcomponents/SideBarDesktop/styles.js +4 -32
  38. package/components/SideBar/subcomponents/SideBarMobile/index.js +1 -1
  39. package/components/SideBar/subcomponents/TreeGroupItems/index.js +4 -3
  40. package/components/SideBar/subcomponents/TreeGroupItems/styles.js +90 -2
  41. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/AdormentIcon/AdormentIcon.d.ts +7 -0
  42. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/AdormentIcon/AdormentIcon.js +12 -0
  43. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/AdormentIcon/types.d.ts +4 -0
  44. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/index.js +6 -4
  45. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/types.d.ts +1 -0
  46. package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItemMain/NodeMenuItemMain.js +8 -3
  47. package/components/SideBar/types.d.ts +12 -7
  48. package/components/commercial/HamburgerMenu/HamburgerMenu.js +1 -2
  49. package/components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js +5 -4
  50. package/components/index.d.ts +0 -1
  51. package/components/mui_extended/Accordion/styles.js +5 -3
  52. package/components/mui_extended/MenuItem/MenuItem.js +1 -1
  53. package/components/mui_extended/TabContent/TabContent.js +2 -2
  54. package/components/mui_extended/TabContent/TabContent.styles.js +1 -4
  55. package/components/mui_extended/TabContent/constants.d.ts +0 -1
  56. package/components/mui_extended/TabContent/constants.js +0 -2
  57. package/components/mui_extended/TabContent/types.d.ts +1 -1
  58. package/components/mui_extended/Typography/Typography.js +1 -3
  59. package/components/mui_extended/Typography/types.d.ts +0 -5
  60. package/components/mui_extended/Typography/typography.styles.js +1 -7
  61. package/index.js +30 -32
  62. package/package.json +3 -3
  63. package/storybook/components/SideBar/SideBar.stories.d.ts +5 -11
  64. package/storybook/components/SideBar/subcomponents/FooterComponentHost/FooterComponentHost.d.ts +4 -0
  65. package/storybook/components/SideBar/subcomponents/FooterComponentHost/index.d.ts +1 -0
  66. package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/FooterComponentMicrofrontend.d.ts +4 -0
  67. package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/FooterComponentMicrofrontend.stories.d.ts +14 -0
  68. package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/constants.d.ts +1 -0
  69. package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/index.d.ts +1 -0
  70. package/storybook/components/SideBar/subcomponents/HeaderComponentHost/HeaderComponentHost.d.ts +5 -0
  71. package/storybook/components/SideBar/subcomponents/HeaderComponentHost/constants.d.ts +1 -0
  72. package/storybook/components/SideBar/subcomponents/HeaderComponentMicrofrontend/HeaderComponentMicrofrontend.d.ts +5 -0
  73. package/storybook/components/SideBar/subcomponents/HeaderComponentMicrofrontend/constants.d.ts +1 -0
  74. package/utils/getSizeStyles/getSizeStyles.d.ts +1 -1
  75. package/components/ContainerFlow/ContainerFlow.d.ts +0 -7
  76. package/components/ContainerFlow/ContainerFlow.js +0 -25
  77. package/components/ContainerFlow/ContainerFlow.styles.d.ts +0 -2
  78. package/components/ContainerFlow/ContainerFlow.styles.js +0 -46
  79. package/components/ContainerFlow/constants.d.ts +0 -8
  80. package/components/ContainerFlow/constants.js +0 -19
  81. package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.d.ts +0 -7
  82. package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.js +0 -10
  83. package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.test.d.ts +0 -1
  84. package/components/ContainerFlow/index.d.ts +0 -2
  85. package/components/ContainerFlow/slots/ContainerFlowEnum.d.ts +0 -4
  86. package/components/ContainerFlow/slots/ContainerFlowEnum.js +0 -8
  87. package/components/ContainerFlow/slots/ContainerFlowSlots.d.ts +0 -6
  88. package/components/ContainerFlow/slots/ContainerFlowSlots.js +0 -16
  89. package/components/ContainerFlow/slots/index.d.ts +0 -0
  90. package/components/ContainerFlow/tests/ContainerFlow.test.d.ts +0 -1
  91. package/components/ContainerFlow/types.d.ts +0 -41
  92. package/components/SideBar/subcomponents/HeaderSidebar/index.d.ts +0 -6
  93. package/components/SideBar/subcomponents/HeaderSidebar/styles.d.ts +0 -2
  94. package/components/SideBar/subcomponents/HeaderSidebar/styles.js +0 -24
  95. package/components/SideBar/subcomponents/HeaderSidebar/types.d.ts +0 -5
  96. package/storybook/components/ContainerFlow/ContainerFlow.stories.d.ts +0 -32
  97. package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn/index.d.ts +0 -5
  98. package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn1Wrappers/index.d.ts +0 -5
  99. package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn2Wrappers/index.d.ts +0 -5
  100. package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn3Wrappers/index.d.ts +0 -5
  101. package/storybook/components/ContainerFlow/subcomponents/RenderFlexWrap/index.d.ts +0 -5
  102. package/storybook/components/ContainerFlow/subcomponents/RenderGridLayout/index.d.ts +0 -5
  103. package/storybook/components/ContainerFlow/wrapperItems/index.d.ts +0 -10
  104. package/storybook/components/SideBar/subcomponents/FooterPromotion/FooterPromotion.d.ts +0 -4
  105. package/storybook/components/SideBar/subcomponents/FooterPromotion/index.d.ts +0 -1
  106. /package/components/SideBar/subcomponents/{Promotion → FooterComponent}/styles.d.ts +0 -0
  107. /package/components/SideBar/subcomponents/{Promotion → FooterComponent}/types.d.ts +0 -0
  108. /package/components/{ContainerFlow → SideBar/subcomponents/HeaderComponent}/index.js +0 -0
  109. /package/storybook/components/SideBar/subcomponents/{FooterPromotion → FooterComponentHost}/constants.d.ts +0 -0
@@ -1,6 +0,0 @@
1
- export declare const ContainerFlowRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
2
- ownerState?: (Partial<import('../types').ContainerFlowOwnerState> & Record<string, unknown>) | undefined;
3
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
4
- export declare const ContainerFlowWrapperItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown> & {
5
- ownerState?: (Partial<import('../types').ContainerFlowOwnerState> & Record<string, unknown>) | undefined;
6
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
@@ -1,16 +0,0 @@
1
- import { styled } from "@mui/material/styles";
2
- import { c as CONTAINER_FLOW_KEY_COMPONENT } from "../constants.js";
3
- import { C as ContainerFlowSlots } from "./ContainerFlowEnum.js";
4
- import { c as containerFlowStyles } from "../ContainerFlow.styles.js";
5
- const ContainerFlowRootStyled = styled("div", {
6
- name: CONTAINER_FLOW_KEY_COMPONENT,
7
- slot: ContainerFlowSlots.root
8
- })(containerFlowStyles?.root);
9
- const ContainerFlowWrapperItemStyled = styled("div", {
10
- name: CONTAINER_FLOW_KEY_COMPONENT,
11
- slot: ContainerFlowSlots.wrapperItem
12
- })(containerFlowStyles?.wrapperItem);
13
- export {
14
- ContainerFlowWrapperItemStyled as C,
15
- ContainerFlowRootStyled as a
16
- };
File without changes
@@ -1,41 +0,0 @@
1
- import { Sizes } from '@m4l/styles';
2
- import { ContainerFlowSlots } from './slots/ContainerFlowEnum';
3
- import { CONTAINER_FLOW_KEY_COMPONENT } from './constants';
4
- import { Theme } from '@mui/material';
5
- import { M4LOverridesStyleRules } from '../../@types/augmentations';
6
- export type ContainerFlowVariant = 'flex-wrap' | 'column-flex' | 'grid-layout';
7
- export type SemanticSpacings = 'compact' | 'comfortable' | 'standard';
8
- export type ContainerFlowProps = {
9
- /**
10
- * Variante del contenedor de items.
11
- */
12
- variant: ContainerFlowVariant;
13
- /**
14
- * Items del contenedor de items.
15
- */
16
- children: React.ReactNode;
17
- /**
18
- * Tamaño del contenedor de items.
19
- */
20
- size?: Extract<Sizes, 'small' | 'medium'>;
21
- /**
22
- * Ancho mínimo de los items del contenedor de items.
23
- */
24
- minWidth?: number;
25
- /**
26
- * Clase del contenedor de items.
27
- */
28
- className?: string;
29
- /**
30
- * Espacio entre los items del contenedor de items.
31
- */
32
- gap?: SemanticSpacings | number;
33
- };
34
- export type ContainerFlowSlotsType = keyof typeof ContainerFlowSlots;
35
- export type ContainerFlowOwnerState = {
36
- variant: ContainerFlowProps['variant'];
37
- size: ContainerFlowProps['size'];
38
- minWidth: ContainerFlowProps['minWidth'];
39
- gap: ContainerFlowProps['gap'];
40
- };
41
- export type ContainerFlowStyles = M4LOverridesStyleRules<ContainerFlowSlots, typeof CONTAINER_FLOW_KEY_COMPONENT, Theme>;
@@ -1,6 +0,0 @@
1
- import { HeaderSidebarProps } from './types';
2
- /**
3
- * Component HeaderSidebar representa el encabezado de la barra lateral.<
4
- */
5
- declare const HeaderSidebar: ({ srcIcon, title, subtitle }: HeaderSidebarProps) => import("react/jsx-runtime").JSX.Element;
6
- export default HeaderSidebar;
@@ -1,2 +0,0 @@
1
- import { HeaderSidebarStyles } from '../../types';
2
- export declare const headerSidebarStyles: HeaderSidebarStyles;
@@ -1,24 +0,0 @@
1
- const headerSidebarStyles = {
2
- /**
3
- * Container del header del sidebar
4
- */
5
- containerHeaderSidebarRoot: ({ theme }) => ({
6
- display: "flex",
7
- flexDirection: "row",
8
- alignItems: "center",
9
- padding: `${theme.vars.size.baseSpacings.sp6} ${theme.vars.size.baseSpacings.sp5}`,
10
- gap: `${theme.vars.size.baseSpacings.sp2}`
11
- }),
12
- /**
13
- * Contenedor del título y subtítulo del sidebar
14
- */
15
- containerTitleSubtitle: ({ theme }) => ({
16
- display: "flex",
17
- flexDirection: "column",
18
- alignItems: "start",
19
- gap: `${theme.vars.size.baseSpacings.sp1}`
20
- })
21
- };
22
- export {
23
- headerSidebarStyles as h
24
- };
@@ -1,5 +0,0 @@
1
- export interface HeaderSidebarProps {
2
- srcIcon: string;
3
- title: string;
4
- subtitle: string;
5
- }
@@ -1,32 +0,0 @@
1
- import { Meta, StoryObj } from '@storybook/react';
2
- import { ContainerFlow } from '../../../src/components/ContainerFlow/ContainerFlow';
3
- /**
4
- * Renderiza un chip para cada color
5
- */
6
- declare const meta: Meta<typeof ContainerFlow>;
7
- type Story = StoryObj<typeof ContainerFlow>;
8
- /**
9
- * FlexColumn
10
- */
11
- export declare const H001_FlexColumn: Story;
12
- /**
13
- * variante column-flex con 3 wrappers
14
- */
15
- export declare const H002_FlexColumn3Wrappers: Story;
16
- /**
17
- * variante column-flex con 2 wrappers
18
- */
19
- export declare const H003_FlexColumn2Wrappers: Story;
20
- /**
21
- * variante column-flex con 1 wrapper
22
- */
23
- export declare const H004_FlexColumn1Wrappers: Story;
24
- /**
25
- * variante flex-wrap
26
- */
27
- export declare const H005_FlexWrap: Story;
28
- /**
29
- * variante grid-layout
30
- */
31
- export declare const H006_GridLayout: Story;
32
- export default meta;
@@ -1,5 +0,0 @@
1
- import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
2
- /**
3
- * Renderiza el componente ContainerFlow con los props pasados.
4
- */
5
- export declare const RenderFlexColumn: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
2
- /**
3
- * Renderiza el componente ContainerFlow con los props pasados.
4
- */
5
- export declare const RenderFlexColumn1Wrappers: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
2
- /**
3
- * Renderiza el componente ContainerFlow con los props pasados.
4
- */
5
- export declare const RenderFlexColumn2Wrappers: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
2
- /**
3
- * Renderiza el componente ContainerFlow con los props pasados.
4
- */
5
- export declare const RenderFlexColumn3Wrappers: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
2
- /**
3
- * Renderiza el componente ContainerFlow con los props pasados.
4
- */
5
- export declare const RenderFlexWrap: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,5 +0,0 @@
1
- import { ContainerFlowProps } from '../../../../../src/components/ContainerFlow/types';
2
- /**
3
- * Renderiza el componente ContainerFlow con los props pasados.
4
- */
5
- export declare const RenderGridLayout: (args: ContainerFlowProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,10 +0,0 @@
1
- /**
2
- * Componente que se encarga de envolver los items del contenedor de items.
3
- * @param children - Los items del contenedor de items.
4
- * @returns Un componente de tipo div con los estilos del contenedor de items.
5
- */
6
- export declare const WrapperItems: ({ children, width, style }: {
7
- children: React.ReactNode;
8
- width?: string | number;
9
- style?: React.CSSProperties;
10
- }) => import("react/jsx-runtime").JSX.Element;
@@ -1,4 +0,0 @@
1
- /**
2
- * Componente que renderiza el footer de la promoción del sidebar.
3
- */
4
- export declare const FooterPromotion: () => import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { FooterPromotion } from './FooterPromotion';