@m4l/components 9.3.10 → 9.3.12-JT270825.beta.1

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

@@ -0,0 +1,28 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { StepperDecorator } from './subcomponents/StepperDecorator';
+declare const meta: Meta<typeof StepperDecorator>;
+type Story = StoryObj<typeof StepperDecorator>;
+/**
+ * Historia por default - Stepper básico sin visibilityConditions
+ */
+export declare const Default: Story;
+/**
+ * Historia con visibilityConditions - Stepper completo con submit intermedio y visibilityCondition
+ */
+export declare const WithVisibilityConditions: Story;
+/**
+ * Story que demuestra automáticamente errores de validación
+ * Play para mostrar errores cuando se hace submit sin llenar campos
+ */
+export declare const PVStepperValidationErrors: Story;
+/**
+ * Story que demuestra automáticamente el flujo de submit intermedio
+ * Play para llenar cada formulario, hacer submit y mostrar cómo aparecen los siguientes pasos
+ */
+export declare const PVStepperIntermediateSubmitFlow: Story;
+/**
+ * Story que demuestra automáticamente la navegación entre steps
+ * Play para mostrar el flujo de navegación con botones Siguiente y Anterior
+ */
+export declare const PVStepperNavigationFlow: Story;
+export default meta;

package/storybook/components/Stepper/api/userApi.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Simula la creación de un nuevo usuario
+ * @param formData - Datos del formulario de usuario
+ * @returns Promise con el usuario creado incluyendo el ID generado
+ */
+export declare const createUser: (formData: any) => Promise<any>;

package/storybook/components/Stepper/components/AdminPermissionsStep.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente para permisos de administración.
+ */
+export declare function AdminPermissionsStep(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Stepper/components/CompanySocialMediaStep.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente para redes sociales de la empresa.
+ */
+export declare function CompanySocialMediaStep(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Stepper/components/CompanyStep.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Paso de datos de empresa para el Stepper que contiene campos de formulario para información empresarial.
+ */
+export declare function CompanyStep(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Stepper/components/ContactStep.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Paso de contacto para el Stepper que contiene campos de formulario para datos de contacto.
+ */
+export declare function ContactStep(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Stepper/components/ExtraInformationStep.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Paso de información adicional para el Stepper que contiene campos de formulario para exta información del usuario
+ */
+export declare function ExtraInformationStep(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Stepper/components/ModulePermissionsStep.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Componente para permisos de módulos.
+ */
+export declare function ModulePermissionsStep(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Stepper/components/PrivilegesStep.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Paso de privilegios para el Stepper que contiene campos de formulario para los privilegios del usuario.
+ */
+export declare function PrivilegesStep(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Stepper/helpers/useSteps.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Hook personalizado para manejar la configuración de steps del Stepper en Storybook
+ */
+export declare function useSteps(withVisibilityConditions?: boolean): {
+    validationSchema: import('yup').ObjectSchema<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>>, import('yup/lib/object').AssertsShape<import('yup/lib/object').Assign<import('yup/lib/object').ObjectShape, Record<string, any>>>>;
+    steps: import('../../../../src/components/Stepper/types').Step[];
+    visibilityData: {
+        objectId: any;
+    };
+    onSubmit: (data: any) => Promise<void>;
+    formValues: {
+        first_name: string;
+        last_name: string;
+        email: string;
+        first_phone: string;
+        second_phone: string;
+        requires_permissions: boolean;
+        user_type: string;
+        role: string;
+        can_manage_users: boolean;
+        can_manage_roles: boolean;
+        can_access_system_config: boolean;
+        can_view_reports: boolean;
+        can_edit_content: boolean;
+        can_delete_records: boolean;
+        address: string;
+        country: string;
+        city: string;
+        postal_code: string;
+        company_name: string;
+        company_position: string;
+        company_department: string;
+        company_phone: string;
+        company_email: string;
+        company_website: string;
+        company_facebook: string;
+        company_twitter: string;
+        company_linkedin: string;
+        company_instagram: string;
+        company_youtube: string;
+        company_tiktok: string;
+    };
+};

package/storybook/components/Stepper/subcomponents/StepperDecorator.d.ts

@@ -0,0 +1,9 @@
+import { StepperProps } from '../../../../src/components/Stepper/types';
+interface StepperDecoratorProps extends Omit<StepperProps, 'steps'> {
+    withVisibilityConditions?: boolean;
+}
+/**
+ * Decorator para Storybook
+ */
+export declare function StepperDecorator({ withVisibilityConditions, }: StepperDecoratorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/storybook/components/Stepper/validations/CompanyData.d.ts

@@ -0,0 +1,18 @@
+import * as Yup from 'yup';
+/**
+ * Validaciones para el formulario de datos de empresa
+ */
+export declare function CompanyDataValidation(): {
+    company_name: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    company_position: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    company_department: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
+    company_phone: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    company_email: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    company_website: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
+    company_facebook: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    company_twitter: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    company_linkedin: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    company_instagram: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
+    company_youtube: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
+    company_tiktok: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
+};

package/storybook/components/Stepper/validations/ContactData.d.ts

@@ -0,0 +1,11 @@
+import * as Yup from 'yup';
+/**
+ * Validaciones para el formulario de datos de contacto
+ */
+export declare function ContactDataValidation(): {
+    first_name: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    last_name: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    email: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    first_phone: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    second_phone: Yup.StringSchema<string | null | undefined, import('yup/lib/types').AnyObject, string | null | undefined>;
+};

package/storybook/components/Stepper/validations/ExtraInformationData.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Validaciones para el formulario de extra información del usuario.
+ */
+export declare function ExtraInformationDataValidation(): {
+    address: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    country: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    city: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    postal_code: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+};

package/storybook/components/Stepper/validations/PrivilegesData.d.ts

@@ -0,0 +1,14 @@
+import * as Yup from 'yup';
+/**
+ * Validaciones para el formulario de privilegios de usuario
+ */
+export declare function PrivilegesDataValidation(): {
+    user_type: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    role: import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+    can_manage_users: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
+    can_manage_roles: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
+    can_access_system_config: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
+    can_view_reports: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
+    can_edit_content: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
+    can_delete_records: Yup.BooleanSchema<boolean | undefined, import('yup/lib/types').AnyObject, boolean | undefined>;
+};