@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.
- package/@types/types.d.ts +0 -8
- package/components/AppBar/AppBar.js +12 -10
- package/components/AppBar/constants.d.ts +1 -1
- package/components/AppBar/constants.js +1 -1
- package/components/AppBar/slots/AppBarEnum.d.ts +1 -5
- package/components/AppBar/slots/AppBarEnum.js +0 -4
- package/components/AppBar/slots/AppBarSlots.d.ts +4 -18
- package/components/AppBar/slots/AppBarSlots.js +3 -27
- package/components/AppBar/styles.js +0 -42
- package/components/AppBar/types.d.ts +8 -0
- package/components/Image/Image.js +2 -4
- package/components/Image/image.styles.js +3 -6
- package/components/Image/types.d.ts +0 -2
- package/components/LoadingError/slots/LoadingErrorSlots.js +1 -1
- package/components/PropertyValue/PropertyValue.styles.js +1 -1
- package/components/SideBar/SideBar.js +6 -2
- package/components/SideBar/constants.d.ts +7 -6
- package/components/SideBar/constants.js +7 -7
- package/components/SideBar/context/sideBarContext/index.js +9 -10
- package/components/SideBar/context/sideBarContext/types.d.ts +2 -10
- package/components/SideBar/slots/SideBarEnum.d.ts +7 -7
- package/components/SideBar/slots/SideBarEnum.js +5 -5
- package/components/SideBar/slots/SideBarSlots.d.ts +9 -9
- package/components/SideBar/slots/SideBarSlots.js +31 -28
- package/components/SideBar/styles.js +3 -3
- package/components/SideBar/subcomponents/ContentComponent/index.js +12 -68
- package/components/SideBar/subcomponents/ContentComponent/style.js +122 -103
- package/components/SideBar/subcomponents/{Promotion → FooterComponent}/index.d.ts +1 -1
- package/components/SideBar/subcomponents/{Promotion → FooterComponent}/index.js +4 -4
- package/components/SideBar/subcomponents/{Promotion → FooterComponent}/styles.js +8 -2
- package/components/SideBar/subcomponents/HeaderComponent/HeaderComponent.d.ts +5 -0
- package/components/SideBar/subcomponents/HeaderComponent/HeaderComponent.js +37 -0
- package/components/SideBar/subcomponents/HeaderComponent/index.d.ts +1 -0
- package/components/SideBar/subcomponents/HeaderComponent/styles.d.ts +2 -0
- package/components/SideBar/subcomponents/HeaderComponent/styles.js +44 -0
- package/components/SideBar/subcomponents/SideBarDesktop/index.js +4 -3
- package/components/SideBar/subcomponents/SideBarDesktop/styles.js +4 -32
- package/components/SideBar/subcomponents/SideBarMobile/index.js +1 -1
- package/components/SideBar/subcomponents/TreeGroupItems/index.js +4 -3
- package/components/SideBar/subcomponents/TreeGroupItems/styles.js +90 -2
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/AdormentIcon/AdormentIcon.d.ts +7 -0
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/AdormentIcon/AdormentIcon.js +12 -0
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/AdormentIcon/types.d.ts +4 -0
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/index.js +6 -4
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItem/types.d.ts +1 -0
- package/components/SideBar/subcomponents/TreeGroupItems/subcomponents/NodeMenuItemMain/NodeMenuItemMain.js +8 -3
- package/components/SideBar/types.d.ts +12 -7
- package/components/commercial/HamburgerMenu/HamburgerMenu.js +1 -2
- package/components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js +5 -4
- package/components/index.d.ts +0 -1
- package/components/mui_extended/Accordion/styles.js +5 -3
- package/components/mui_extended/MenuItem/MenuItem.js +1 -1
- package/components/mui_extended/TabContent/TabContent.js +2 -2
- package/components/mui_extended/TabContent/TabContent.styles.js +1 -4
- package/components/mui_extended/TabContent/constants.d.ts +0 -1
- package/components/mui_extended/TabContent/constants.js +0 -2
- package/components/mui_extended/TabContent/types.d.ts +1 -1
- package/components/mui_extended/Typography/Typography.js +1 -3
- package/components/mui_extended/Typography/types.d.ts +0 -5
- package/components/mui_extended/Typography/typography.styles.js +1 -7
- package/index.js +30 -32
- package/package.json +3 -3
- package/storybook/components/SideBar/SideBar.stories.d.ts +5 -11
- package/storybook/components/SideBar/subcomponents/FooterComponentHost/FooterComponentHost.d.ts +4 -0
- package/storybook/components/SideBar/subcomponents/FooterComponentHost/index.d.ts +1 -0
- package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/FooterComponentMicrofrontend.d.ts +4 -0
- package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/FooterComponentMicrofrontend.stories.d.ts +14 -0
- package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/constants.d.ts +1 -0
- package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/index.d.ts +1 -0
- package/storybook/components/SideBar/subcomponents/HeaderComponentHost/HeaderComponentHost.d.ts +5 -0
- package/storybook/components/SideBar/subcomponents/HeaderComponentHost/constants.d.ts +1 -0
- package/storybook/components/SideBar/subcomponents/HeaderComponentMicrofrontend/HeaderComponentMicrofrontend.d.ts +5 -0
- package/storybook/components/SideBar/subcomponents/HeaderComponentMicrofrontend/constants.d.ts +1 -0
- package/utils/getSizeStyles/getSizeStyles.d.ts +1 -1
- package/components/ContainerFlow/ContainerFlow.d.ts +0 -7
- package/components/ContainerFlow/ContainerFlow.js +0 -25
- package/components/ContainerFlow/ContainerFlow.styles.d.ts +0 -2
- package/components/ContainerFlow/ContainerFlow.styles.js +0 -46
- package/components/ContainerFlow/constants.d.ts +0 -8
- package/components/ContainerFlow/constants.js +0 -19
- package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.d.ts +0 -7
- package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.js +0 -10
- package/components/ContainerFlow/helpers/getSpacingValue/getSpacingValue.test.d.ts +0 -1
- package/components/ContainerFlow/index.d.ts +0 -2
- package/components/ContainerFlow/slots/ContainerFlowEnum.d.ts +0 -4
- package/components/ContainerFlow/slots/ContainerFlowEnum.js +0 -8
- package/components/ContainerFlow/slots/ContainerFlowSlots.d.ts +0 -6
- package/components/ContainerFlow/slots/ContainerFlowSlots.js +0 -16
- package/components/ContainerFlow/slots/index.d.ts +0 -0
- package/components/ContainerFlow/tests/ContainerFlow.test.d.ts +0 -1
- package/components/ContainerFlow/types.d.ts +0 -41
- package/components/SideBar/subcomponents/HeaderSidebar/index.d.ts +0 -6
- package/components/SideBar/subcomponents/HeaderSidebar/styles.d.ts +0 -2
- package/components/SideBar/subcomponents/HeaderSidebar/styles.js +0 -24
- package/components/SideBar/subcomponents/HeaderSidebar/types.d.ts +0 -5
- package/storybook/components/ContainerFlow/ContainerFlow.stories.d.ts +0 -32
- package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn/index.d.ts +0 -5
- package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn1Wrappers/index.d.ts +0 -5
- package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn2Wrappers/index.d.ts +0 -5
- package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn3Wrappers/index.d.ts +0 -5
- package/storybook/components/ContainerFlow/subcomponents/RenderFlexWrap/index.d.ts +0 -5
- package/storybook/components/ContainerFlow/subcomponents/RenderGridLayout/index.d.ts +0 -5
- package/storybook/components/ContainerFlow/wrapperItems/index.d.ts +0 -10
- package/storybook/components/SideBar/subcomponents/FooterPromotion/FooterPromotion.d.ts +0 -4
- package/storybook/components/SideBar/subcomponents/FooterPromotion/index.d.ts +0 -1
- /package/components/SideBar/subcomponents/{Promotion → FooterComponent}/styles.d.ts +0 -0
- /package/components/SideBar/subcomponents/{Promotion → FooterComponent}/types.d.ts +0 -0
- /package/components/{ContainerFlow → SideBar/subcomponents/HeaderComponent}/index.js +0 -0
- /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 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -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,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,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;
|
package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn1Wrappers/index.d.ts
DELETED
|
@@ -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;
|
package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn2Wrappers/index.d.ts
DELETED
|
@@ -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;
|
package/storybook/components/ContainerFlow/subcomponents/RenderFlexColumn3Wrappers/index.d.ts
DELETED
|
@@ -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 +0,0 @@
|
|
|
1
|
-
export { FooterPromotion } from './FooterPromotion';
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|