@m4l/components 9.2.54 → 9.2.56-beta.2

package/storybook/components/DataGrid/DataGrid.stories.d.ts

@@ -28,6 +28,22 @@ export declare const NoPager: Story;
  * Filter y Sort en busqueda automatica
  */
 export declare const CustomHeaderFilterSortAutomatic: Story;
+/**
+ * DataGrid con modal de configuracion desplegado
+ */
+export declare const ModalConfiguration: Story;
+/**
+ * Menú de acciones desplegable para configurar la densidad de los registros.
+ */
+export declare const DensityMenuActions: Story;
+/**
+ * Botón para visualizar los filtros de columnas.
+ */
+export declare const ColumnFilters: Story;
+/**
+ * Menú de acciones desplegable para la fila.
+ */
+export declare const RowMenuActions: Story;
 /**
  * DataGrid con leftActions, rightActions y
  * Filter y Sort en busqueda manual

package/storybook/components/Icon/Icon.stories.d.ts

@@ -18,4 +18,8 @@ export declare const small: Story;
  * Icon component with size medium
  */
 export declare const medium: Story;
+/**
+ * Icon component with skeleton
+ */
+export declare const withSkeleton: Story;
 export default meta;

package/storybook/components/ObjectLogs/ObjectLogs.stories.d.ts

@@ -3,5 +3,5 @@ import { ObjectLogs } from '../../../src/components/ObjectLogs/ObjectLogs';
 import { ObjectLogsM4LProps, ObjectLogsOtherProps } from '../../../src/components/ObjectLogs/types';
 declare const meta: Meta<typeof ObjectLogs>;
 export default meta;
-export declare const DefaultM4L: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ObjectLogsM4LProps>;
-export declare const DefaultOthers: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ObjectLogsOtherProps>;
+export declare const DefaultM4L: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ObjectLogsM4LProps>;
+export declare const DefaultOthers: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ObjectLogsOtherProps>;

package/storybook/components/WindowBase/windowBase.stories.d.ts

@@ -2,11 +2,64 @@ import { Meta, StoryObj } from '@storybook/react';
 import { WindowBase } from '../../../src/components/WindowBase';
 declare const meta: Meta<typeof WindowBase>;
 type Story = StoryObj<typeof WindowBase>;
-export declare const Default: Story;
-export declare const SelectedState: Story;
-export declare const WithIcon: Story;
-export declare const WithCloseButton: Story;
-export declare const WithActions: Story;
-export declare const isLoadingTrue: Story;
-export declare const WithToaster: Story;
+/**
+ * Variante de WindowBase con outlined en enabled no selected
+ */
+export declare const EnabledNoSelectedOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected
+ */
+export declare const EnabledNoSelectedTextLayout: Story;
+/**
+ * Variante de WindowBase con outlined en enabled tipo popup no selected
+ */
+export declare const EnabledNoSelectedOutlinedPopup: Story;
+/**
+ * Variante de WindowBase con outlined o text en enabled tipo modal no selected
+ */
+export declare const EnabledNoSelectedOutlinedOrTextModal: Story;
+/**
+ * Variante de WindowBase con text en enabled tipo popup no selected
+ */
+export declare const EnabledNoSelectedTextPopup: Story;
+/**
+ * Variante de WindowBase con outlined en enabled selected
+ */
+export declare const EnabledSelectedOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con outlined en selected tipo popup
+ */
+export declare const EnabledSelectedOutlinedPopup: Story;
+/**
+ * Variante de WindowBase con outlined en enabled no selected loading
+ */
+export declare const EnabledNoSelectedLoadingOutlinedLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected loading
+ */
+export declare const EnabledNoSelectedLoadingTextLayout: Story;
+/**
+ * Variante de WindowBase con text en enabled no selected loading tipo popup
+ */
+export declare const EnabledNoSelectedLoadingTextPopup: Story;
+/**
+ * Variante de WindowBase con outlined en loading en enabled tipo popup
+ */
+export declare const EnabledNoSelectedLoadingOutlinedPopup: Story;
+/**
+ * Componente en skeleton con outlined tipo layout
+ */
+export declare const SkeletonOutlinedLayout: Story;
+/**
+ * Componente en skeleton con outlined tipo popup
+ */
+export declare const SkeletonOutlinedPopup: Story;
+/**
+ * Componente en skeleton con text tipo layout
+ */
+export declare const SkeletonTextLayout: Story;
+/**
+ * Componente en skeleton con text tipo popup
+ */
+export declare const SkeletonTextPopup: Story;
 export default meta;

package/storybook/components/extended/mui/Accordion/Accordion.stories.d.ts

@@ -2,24 +2,76 @@ import { Meta, StoryObj } from '@storybook/react';
 import { Accordion } from '../../../../../src/components/mui_extended/Accordion/Accordion';
 declare const meta: Meta<typeof Accordion>;
 type Story = StoryObj<typeof Accordion>;
-/**********************************************
- * Componente Accordion por defecto
- **********************************************/
-export declare const Default: Story;
-/*****************************************
- * Componente Accordion sin icono
- ****************************************/
-export declare const WithoutIcon: Story;
-/***************************************
- * Componente Accordion expandido en disable
- ************************************/
-export declare const ExpandedAndDisabled: Story;
-/***************************************
- * Componente Accordion no expandido en disable
- ************************************/
-export declare const NoExpandedAndDisabled: Story;
-/***********************************
- * Componente Accordion en Skeleton
- ***********************************/
-export declare const Skeleton: Story;
+/**
+ * Variante de Accordion con outline colapsado y en enabled
+ */
+export declare const enabledOutlinedClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en enabled
+ */
+export declare const enabledOutlinedOpen: Story;
+/**
+ * Variante de Accordion con outline colapsado y en enabled
+ */
+export declare const enabledTextClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en enabled
+ */
+export declare const enabledTextOpen: Story;
+/**
+ * Variante de Accordion con outline colapsado y en hover
+ */
+export declare const hoverOutlinedClose: Story;
+/**
+ * Variante de Accordion con outline expandido y en hover
+ */
+export declare const hoverOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en hover
+ */
+export declare const hoverTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en hover
+ */
+export declare const HoverTextOpen: Story;
+/**
+ * Variante de Accordion con outlined colapsado y en active
+ */
+export declare const ActiveOutlinedClose: Story;
+/**
+ * Variante de Accordion con outlined expandido y en active
+ */
+export declare const ActiveOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en active
+ */
+export declare const ActiveTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en active
+ */
+export declare const ActiveTextOpen: Story;
+/**
+ * Variante de Accordion con outlined colapsado y en focus visible
+ */
+export declare const FocusVisibleOutlinedClose: Story;
+/**
+ * Variante de Accordion con outlined expandido y en focus visible
+ */
+export declare const FocusVisibleOutlinedOpen: Story;
+/**
+ * Variante de Accordion con text colapsado y en focus visible
+ */
+export declare const FocusVisibleTextClose: Story;
+/**
+ * Variante de Accordion con text expandido y en focus visible
+ */
+export declare const FocusVisibleTextOpen: Story;
+/**
+ * Variante de Accordion outline en Skeleton
+ */
+export declare const SkeletonOutlined: Story;
+/**
+ * Variante de Accordion text en Skeleton
+ */
+export declare const SkeletonText: Story;
 export default meta;

package/storybook/components/extended/mui/Badge/Badge.stories.d.ts

@@ -30,4 +30,8 @@ export declare const WarningBadge: Story;
  * Badge with a success color.
  */
 export declare const SuccessBadge: Story;
+/**
+ * Badge with a value greater than 9 in type number.
+ */
+export declare const BadgeMaxValue: Story;
 export default meta;

package/storybook/components/extended/mui/Button/Button.stories.d.ts

@@ -10,6 +10,7 @@ export declare const Default: Story;
  * Base story for `Button` with start and end icon.
  */
 export declare const WithStartAndEndIcon: Story;
+export declare const CustomHeaderFilterSortManual: Story;
 /**
  * Base story for `Button` with disabled state.
  */

package/storybook/components/extended/mui/Button/ButtonDataGridWithActions.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Componente que renderiza el DataGrid para el storybook
+ */
+declare function DataGridRender(): import("react/jsx-runtime").JSX.Element;
+export default DataGridRender;

package/storybook/components/extended/mui/IconButton/IconButton.stories.d.ts

@@ -19,6 +19,18 @@ export declare const isSelected: Story;
  * Story for IconButton is selected
  */
 export declare const WithReactElement: Story;
+/**
+ * Story for IconButton with badge text
+ */
+export declare const WithBadge: Story;
+/**
+ * Story for IconButton with badge text with max value
+ */
+export declare const WithBadgeMaxValue: Story;
+/**
+ * Story for IconButton with badge dot
+ */
+export declare const WithBadgeDot: Story;
 /**
  * Story for IconButton with skeleton.
  */

package/storybook/components/extended/mui/Tab/Tab.stories.d.ts

@@ -7,51 +7,51 @@ declare const meta: Meta<typeof Tab>;
 export default meta;
 type Story = StoryObj<typeof Tab>;
 /**
- * Tab en modo selected con icono y texto.
+ * Tab selected en estado enabled.
  */
-export declare const Selected: Story;
+export declare const SelectedEnabled: Story;
 /**
- * Tab en modo selected con texto.
+ * Tab selected en estado hover.
  */
-export declare const SelectedText: Story;
+export declare const SelectedHover: Story;
 /**
- * Tab en modo selected con icono.
+ * Tab selected en estado active.
  */
-export declare const SelectedIcon: Story;
+export declare const SelectedActive: Story;
 /**
- * Tab en modo default con icono y texto.
+ * Tab selected en estado focus-visible.
  */
-export declare const Default: Story;
+export declare const SelectedFocusVisible: Story;
 /**
- * Tab en modo default con  texto.
+ * Tab no selected en estado enabled.
  */
-export declare const DefaultText: Story;
+export declare const NotSelectedEnabled: Story;
 /**
- * Tab en modo default con  texto.
+ * Tab no selected en estado hover.
  */
-export declare const DefaultIcon: Story;
+export declare const NotSelectedHover: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con icono y texto.
+ * Tab no selected en estado hover.
  */
-export declare const SkeletonSelected: Story;
+export declare const NotSelectedActive: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con solo texto.
+ * Tab no selected en estado focus-visible.
  */
-export declare const SkeletonSelectedText: Story;
+export declare const NotSelectedFocusVisible: Story;
 /**
- * Tab en estado Skeleton cuando está Selected, con solo icono.
+ * Tab en estado Skeleton cuando está Selected, con icono y texto.
  */
-export declare const SkeletonSelectedIcon: Story;
+export declare const SkeletonSelected: Story;
 /**
- * Tab en estado Skeleton por defecto, con icono y texto.
+ * Tab no selected en estado Skeleton.
  */
-export declare const SkeletonDefault: Story;
+export declare const SkeletonNoSelected: Story;
 /**
- * Tab en estado Skeleton por defecto, con solo texto.
+ * Tab disabled no selected.
  */
-export declare const SkeletonDefaultText: Story;
+export declare const Disabled: Story;
 /**
- * Tab en estado Skeleton por defecto, con solo icono.
+ * Tab disabled selected.
  */
-export declare const SkeletonDefaultIcon: Story;
+export declare const DisabledSelected: Story;
 export declare const MultiplesTab: Story;

package/storybook/components/extended/mui/ToggleIconButton/ToggleIconButton.stories.d.ts

@@ -34,4 +34,16 @@ export declare const PressedFocusVisible: Story;
  * Story for `Pressed` in `Active` state.
  ****************************/
 export declare const PressedActive: Story;
+/*****************************
+ * Story for `WithBadgeValue` with badge props.
+ ****************************/
+export declare const WithBadgeValue: Story;
+/*****************************
+ * Story for `WithBadgeDot` with badge props.
+ ****************************/
+export declare const WithBadgeDot: Story;
+/*****************************
+ * Story for `WithTooltip` with tooltip props.
+ ****************************/
+export declare const WithTooltip: Story;
 export default meta;

package/storybook/tootls/WrapperLineGuide/WrapperLineGuide.d.ts

@@ -0,0 +1,9 @@
+import { WrapperLineGuideProps } from './types';
+/**
+ * WrapperLineGuide is a component that wraps a component and adds a line guide to it.
+ * @param props - The props for the WrapperLineGuide component.
+ * @param props.children - The children to wrap.
+ * @param props.style - The style to apply to the WrapperLineGuide component.
+ * @returns A WrapperLineGuide component.
+ */
+export declare const WrapperLineGuide: (props: WrapperLineGuideProps) => import("react/jsx-runtime").JSX.Element;

package/storybook/tootls/WrapperLineGuide/styles.d.ts

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

package/storybook/tootls/WrapperLineGuide/types.d.ts

@@ -0,0 +1,5 @@
+import { CSSProperties, ReactElement } from 'react';
+export interface WrapperLineGuideProps {
+    children: ReactElement;
+    style?: CSSProperties | undefined;
+}