@m4l/components 9.3.10-BE250825-beta.3 → 9.3.10-BE250825-beta.4

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

@@ -0,0 +1,72 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { MenuActions } from '../../../src/components/MenuActions';
+/**
+ * Datos con los que se cargan los ítems del menú.
+ */
+declare const meta: Meta<typeof MenuActions>;
+export default meta;
+type Story = StoryObj<typeof MenuActions>;
+/**
+ * Componente base de `MenuActions`.
+ */
+export declare const Default: Story;
+/**
+ * Component when passed a ReactNode `MenuActions`.
+ */
+export declare const NoIcon: Story;
+/**
+ * Componente with another icon de `MenuActions`.
+ */
+export declare const AnotherIcon: Story;
+/**
+ * Componente `MenuActions` en estado disabled.
+ */
+export declare const Disabled: Story;
+/**
+ * Estado vacío del componente `MenuActions`.
+ */
+export declare const Empty: Story;
+/**
+ * `MenuActions` con un elemento adicional al final de la lista (`endListElement`).
+ */
+export declare const WithEndListElement: Story;
+/**
+ * `MenuActions` en modo esqueleto (skeleton).
+ */
+export declare const WithSkeleton: Story;
+/**
+ * `MenuActions` usando las paperProps
+ */
+export declare const WithPaperProps: Story;
+/**
+ * Componente con un `type` de `MenuTypes.divider`.
+ */
+export declare const DividerType: Story;
+/**
+ * Componente con un `type` de `MenuTypes.customNode`.
+ */
+export declare const CustomNodeType: Story;
+/**
+ * Componente conbinado con loader y divider.
+ */
+export declare const LoaderAndDivider: Story;
+/**
+ * `MenuActions` con un `customNode` al final que simula un footer con un tooltip.
+ */
+export declare const WithFooterCustomNode: Story;
+/**
+ * Header con solo un título.
+ */
+export declare const WithTitleHeader: Story;
+/**
+ * Footer con un botón de salida.
+ */
+export declare const WithFooterExitButton: Story;
+/**
+ * Footer con enlaces adicionales.
+ */
+export declare const WithFooterLinks: Story;
+/**
+ * Header y Footer combinados.
+ */
+export declare const WithHeaderAndFooter: Story;

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

@@ -0,0 +1,8 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ModalDialog } from '../../../src/components/ModalDialog';
+declare const meta: Meta<typeof ModalDialog>;
+type Story = StoryObj<typeof ModalDialog>;
+export declare const Default: Story;
+export declare const FullScreen: Story;
+export declare const CloseableModal: Story;
+export default meta;

package/storybook/components/ModalDialog/subcomponent/WithExtendedContainer.d.ts

@@ -0,0 +1,33 @@
+import { StoryFn, StoryContext } from '@storybook/react';
+/**
+ * WithExtendedContainer Decorator
+ *
+ * This decorator wraps a Storybook story to integrate with the `useModal` hook
+ * for managing modal dialog states and props dynamically.
+ *
+ * ### Features:
+ * - Provides an "Open Modal" button to trigger the modal dialog.
+ * - Dynamically manages the `open` and `onClose` properties using `useModal`.
+ * - Supplies additional modal props like `fullScreen` and dimensions.
+ *
+ * ### Example Usage:
+ * ```tsx
+ * export const meta = {
+ *   title: 'Components/ModalDialog',
+ *   component: ModalDialog,
+ *   decorators: [WithModalContext],
+ * };
+ *
+ * export const Default = {
+ *   args: {
+ *     fullScreen: false,
+ *     initialWidth: 600,
+ *     initialHeight: 400,
+ *   },
+ * };
+ * ```
+ * @param Story - The story function being decorated.
+ * @param context - Story context containing args and metadata.
+ * @returns JSX.Element - The decorated story with modal integration.
+ */
+export declare const WithExtendedContainer: (_: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NoItemPrivileges } from '../../../src/components/NoItemPrivileges';
+declare const meta: Meta<typeof NoItemPrivileges>;
+export default meta;
+type Story = StoryObj<typeof NoItemPrivileges>;
+/** Base component  */
+export declare const NoItemPrivilegesComponent: Story;
+/**
+ * Version skeleton del componente
+ */
+export declare const Skeleton: Story;
+export declare const WithSplitLayout: Story;

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

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NoItemSelected } from '../../../src/components/NoItemSelected';
+declare const meta: Meta<typeof NoItemSelected>;
+export default meta;
+type Story = StoryObj<typeof NoItemSelected>;
+/** Base component  */
+export declare const NoItemSelectedComponent: Story;
+/**
+ * Version skeleton del componente
+ */
+export declare const Skeleton: Story;
+export declare const WithSplitLayout: Story;

package/storybook/components/NumberInput/NumberInput.default.stories.d.ts

@@ -0,0 +1,17 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { NumberInput } from '../../../src/components/NumberInput/NumberInput';
+declare const meta: Meta<typeof NumberInput>;
+export default meta;
+type Story = StoryObj<typeof NumberInput>;
+/**
+ * Componente InputNumber en su modo por defecto Controlado
+ */
+export declare const Controlled: Story;
+/**
+ * Componente InputNumber No Controlado
+ */
+export declare const NoControlled: Story;
+/**
+ * Componente InputNumber No Controlado
+ */
+export declare const Skeleton: Story;

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

@@ -0,0 +1,7 @@
+import { Meta } from '@storybook/react';
+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>;

package/storybook/components/ObjectLogs/mockData/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Mock data para el detalle de un log
+ */
+export declare const objectLogs_handlers: import('msw').HttpHandler[];

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

@@ -0,0 +1,9 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PDFViewer } from '../../../src';
+declare const meta: Meta<typeof PDFViewer>;
+export default meta;
+type Story = StoryObj<typeof PDFViewer>;
+/**
+ * Componente PDFViewer con URL de archivo PDF
+ */
+export declare const Base: Story;

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

@@ -0,0 +1,21 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { Pager } from '../../../src/components/Pager/Pager';
+declare const meta: Meta<typeof Pager>;
+type Story = StoryObj<typeof Pager>;
+/**
+ * Default story for the Pager component.
+ */
+export declare const Default: Story;
+/**
+ * Pager with custom rows per page options.
+ */
+export declare const CustomRowsPerPageOptions: Story;
+/**
+ * Pager with no records.
+ */
+export declare const NoRecords: Story;
+/**
+ * Pager with skeleton.
+ */
+export declare const WithSkeleton: Story;
+export default meta;

package/storybook/components/Pager/subcomopnents/WithContextDataProvider.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Decorador para proveer los datos de contexto necesarios para el componente Pager.
+ */
+export declare const WithContextDataProvider: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,31 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PaperForm } from '../../../src/components/PaperForm';
+declare const meta: Meta<typeof PaperForm>;
+type Story = StoryObj<typeof PaperForm>;
+/**********************************************
+ * Componente PaperForm con Titulo y con Icono
+ **********************************************/
+export declare const Default: Story;
+/*****************************
+ * PaperForm sin icono
+ ****************************/
+export declare const WithoutIcon: Story;
+/*****************************
+ * PaperForm con contenido
+ ****************************/
+export declare const WithChildren: Story;
+/********************************************************
+ * PaperForm con múltiples PropertyValue de diferentes tamaños
+ ********************************************************/
+export declare const WithPropertyValues: Story;
+export declare const WithSimpleContent: Story;
+/********************************************************
+ * PaperForm con variant text
+ ********************************************************/
+export declare const WithTextVariant: Story;
+export declare const WithFullHeight: Story;
+/**
+ * State Skeleton
+ */
+export declare const Skeleton: Story;
+export default meta;

package/storybook/components/PopupsViewer/basic.stories.d.ts

@@ -0,0 +1,16 @@
+import { Meta } from '@storybook/react';
+import { PopupsViewer } from '../../../src/components/popups/components/PopupsViewer/PopupsViewer';
+declare const meta: Meta<typeof PopupsViewer>;
+export default meta;
+export declare const Base: {
+    parameters: {
+        initialPopups: import('../../../src/components/popups/components/PopupsProvider/contexts/PopupsContext/types').PopupInitialProps[] | undefined;
+    };
+    args: {};
+};
+export declare const DynamicPopups: {
+    parameters: {
+        initialPopups: import('../../../src/components/popups/components/PopupsProvider/contexts/PopupsContext/types').PopupInitialProps[] | undefined;
+    };
+    args: {};
+};

package/storybook/components/PopupsViewer/dictionary.d.ts

@@ -0,0 +1 @@
+export declare const PopupsViewerDictionary: string[];

package/storybook/components/PopupsViewer/subcomponents/PopupActions.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Componente que define las acciones del popup.
+ * Este componente muestra un popup con acciones personalizadas, como mostrar toasts,
+ * iniciar/detener la carga y refrescar el contenido.
+ */
+export declare function PopupActions(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/PopupsViewer/subcomponents/PopupContentExample.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+/**
+ * Componente de ejemplo para mostrar en un popup.
+ */
+export declare const PopupContentExample: React.FC<Record<string, any>>;

package/storybook/components/PopupsViewer/subcomponents/WithExtendedPopupsContainer.d.ts

@@ -0,0 +1,5 @@
+import { StoryContext, StoryFn } from '@storybook/react';
+/**
+ * Componente que envuelve el story y le proporciona un contenedor con tamaño.
+ */
+export declare const WithExtendedPopupsContainer: (MyStory: StoryFn, context: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/PopupsViewer/subcomponents/initialPopups.d.ts

@@ -0,0 +1,6 @@
+import { PopupsProviderProps } from '../../../../src/components/popups/components/PopupsProvider/contexts/PopupsContext/types';
+export declare const heightWindow = 180;
+export declare const widthWindow = 260;
+export declare const marginWindow = 10;
+export declare const baseInitialPopups: PopupsProviderProps['initialPopups'];
+export declare const variantSmallInitialPopups: PopupsProviderProps['initialPopups'];

package/storybook/components/PopupsViewer/types.d.ts

@@ -0,0 +1,3 @@
+import { StoryObj } from '@storybook/react';
+import { PopupsProvider } from '../../../src/components/popups/components/PopupsProvider';
+export type StoryPopupsProviderType = StoryObj<typeof PopupsProvider>;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PrintingSystem } from '../../../src/components/PrintingSystem/PrintingSystem';
+declare const meta: Meta<typeof PrintingSystem>;
+export default meta;
+type Story = StoryObj<typeof PrintingSystem>;
+export declare const Base: Story;

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

@@ -0,0 +1,65 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { PropertyValue } from '../../../src/components/PropertyValue';
+declare const meta: Meta<typeof PropertyValue>;
+export default meta;
+type Story = StoryObj<typeof PropertyValue>;
+/**
+ * Historia por defecto para el componente `PropertyValue`.
+ */
+export declare const Default: Story;
+/**
+ * Historia para un campo de correo con validación de obligatoriedad.
+ */
+export declare const MandatoryEmailField: Story;
+/**
+ * Historia para un campo con un ícono.
+ */
+export declare const WithIconForm: Story;
+/**
+ * Historia para un campo con un botón como acción.
+ */
+export declare const WithButtonForm: Story;
+/**
+ * Historia para un campo deshabilitado con ícono.
+ */
+export declare const DisabledWithIcon: Story;
+/**
+ * Historia para un campo con un ícono.
+ */
+export declare const IconField: Story;
+/**
+ * Historia para un campo numérico con adornos de porcentaje.
+ */
+export declare const PercentField: Story;
+/**
+ * Historia para un botón como acción.
+ */
+export declare const WithButton: Story;
+/**
+ * Historia para un componente con mas altura.
+ */
+export declare const WithHeight: Story;
+/**
+ * Historia sin formulario.
+ */
+export declare const NoForm: Story;
+/**
+ * Historia para hover sin formulario.
+ */
+export declare const NoFormHover: Story;
+/**
+ * Historia sin formulario con icono.
+ */
+export declare const NoFormIcon: Story;
+/**
+ * Historia sin formulario con propiedad larga.
+ */
+export declare const LargeProperty: Story;
+/**
+ * Historia sin formulario con valor largo.
+ */
+export declare const LargeValue: Story;
+/**
+ * Historia que muestra todos los estados semánticos de semanticWidth de manera vertical.
+ */
+export declare const SemanticWidths: Story;

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

@@ -0,0 +1,7 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { ScrollBar } from '../../../src/components/ScrollBar/ScrollBar';
+declare const meta: Meta<typeof ScrollBar>;
+export default meta;
+type Story = StoryObj<typeof ScrollBar>;
+export declare const ScrollBarVertical: Story;
+export declare const ScrollBarHorizontal: Story;

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

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SettingsLayout } from '../../../src/components/SettingsLayout/SettingsLayout';
+declare const meta: Meta<typeof SettingsLayout>;
+export default meta;
+type Story = StoryObj<typeof SettingsLayout>;
+export declare const Open: Story;

package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/SettingsLayoutsRender.d.ts

@@ -0,0 +1,5 @@
+import { SettingsLayoutProps } from '../../../../../src/components/SettingsLayout/';
+/**
+ * Wrapper para el componente SettingsLayout encargado de aplicar estilos y props por defecto
+ */
+export declare const SettingsLayoutRender: (props: Partial<SettingsLayoutProps>) => import("react/jsx-runtime").JSX.Element;

package/storybook/components/SettingsLayout/subcomponents/SettingsLayoutRender/index.d.ts

@@ -0,0 +1 @@
+export { SettingsLayoutRender } from './SettingsLayoutsRender';

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

@@ -0,0 +1,24 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { SideBar } from '../../../src/components/SideBar';
+declare const meta: Meta<typeof SideBar>;
+type Story = StoryObj<typeof SideBar>;
+/**
+ * SideBar por defecto sin ningún item seleccionado
+ */
+export declare const H001_VariantHost: Story;
+/**
+ * SideBar por defecto sin ningún item seleccionado
+ */
+export declare const H002_VariantHost_Collapsed: Story;
+export declare const H003_VariantMicrofrontend: Story;
+export declare const H004_VariantMicrofrontend_Collapsed: Story;
+/**
+ * SideBar con items en el menu, con un item seleccionado y 5 anidaciones incluyendo la sección padre de los menu items
+ */
+export declare const WithItemSelected: Story;
+export declare const WithoutData: Story;
+/**
+ * SideBar con componentes en skeleton
+ */
+export declare const WithSkeleton: Story;
+export default meta;

package/storybook/components/SideBar/data/menuData.d.ts

@@ -0,0 +1,2 @@
+import { MenuDataType } from '../../../../src/components/SideBar/types';
+export declare const menuData: MenuDataType[];

package/storybook/components/SideBar/subcomponents/FooterComponentHost/FooterComponentHost.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que renderiza el footer de la promoción del sidebar.
+ */
+export declare const FooterComponentHost: () => import("react/jsx-runtime").JSX.Element;

package/storybook/components/SideBar/subcomponents/FooterComponentHost/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const POWERBY_LABEL = "label_powerby";
+export declare const IMAGE_ILLUSTRATION = "https://s3.us-east-1.amazonaws.com/static.assets.gclick/frontend/images/promotional/sidebar/assets/img/illustration.svg";
+export declare const IMAGE_POWERBY = "https://s3.us-east-1.amazonaws.com/static.assets.gclick/frontend/images/promotional/sidebar/assets/img/powerby.svg";

package/storybook/components/SideBar/subcomponents/FooterComponentHost/index.d.ts

@@ -0,0 +1 @@
+export { FooterComponentHost as FooterComponent } from './FooterComponentHost';

package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/FooterComponentMicrofrontend.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente que renderiza el footer del sidebar.
+ */
+export declare const FooterComponentMicrofrontend: () => import("react/jsx-runtime").JSX.Element;

package/storybook/components/SideBar/subcomponents/FooterComponentMicrofrontend/FooterComponentMicrofrontend.stories.d.ts

@@ -0,0 +1,14 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { FooterComponentMicrofrontend } from './FooterComponentMicrofrontend';
+declare const meta: Meta<typeof FooterComponentMicrofrontend>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Ejemplo básico del componente FooterComponentMicrofrontend.
+ * Este componente renderiza una ilustración SVG en el footer del sidebar.
+ */
+export declare const Default: Story;
+/**
+ * Ejemplo del componente dentro de un contenedor con fondo.
+ */
+export declare const WithBackground: Story;