@m4l/components 9.3.12-JT290825.beta.1 → 9.3.13

package/components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js

@@ -1,42 +0,0 @@
-import { jsx, Fragment } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { u as useStepper } from "../../../../hooks/useStepper/index.js";
-import { useWatch } from "react-hook-form";
-import { e as evaluateVisibilityStepCondition } from "../../../../helpers/evaluateVisibilityStepCondition/index.js";
-function Step(props) {
-  const { stepKey, children } = props;
-  const formValues = useWatch();
-  const { currentStep, steps, visibilityData } = useStepper((state) => ({
-    currentStep: state.currentStep,
-    steps: state.steps,
-    visibilityData: state.visibilityData
-  }));
-  const currentStepConfig = useMemo(() => {
-    return steps[currentStep];
-  }, [steps, currentStep]);
-  const stepConfig = useMemo(() => {
-    return steps.find((step) => step.key === stepKey);
-  }, [steps, stepKey]);
-  const isStepVisible = useMemo(() => {
-    if (!currentStepConfig) {
-      return false;
-    }
-    if (stepKey !== currentStepConfig.key) {
-      return false;
-    }
-    if (stepConfig && !evaluateVisibilityStepCondition(stepConfig, formValues || {}, visibilityData)) {
-      return false;
-    }
-    return true;
-  }, [currentStepConfig, stepKey, stepConfig, formValues, visibilityData]);
-  const renderedContent = useMemo(() => {
-    if (!isStepVisible) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }, [isStepVisible, children]);
-  return renderedContent;
-}
-export {
-  Step as S
-};

package/components/Stepper/subcomponents/StepperFooter/index.d.ts

@@ -1,6 +0,0 @@
-import { StepperFooterProps } from '../../types';
-/**
- * StepperFooter es el componente footer del Stepper que contiene las acciones de navegación.
- * Puede incluir LeftActions y RightActions como children.
- */
-export declare function StepperFooter(props: StepperFooterProps): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepperFooter/index.js

@@ -1,48 +0,0 @@
-import { jsxs } from "react/jsx-runtime";
-import { useMemo, Children, isValidElement } from "react";
-import { i as StepperFooterSectionStyled } from "../../slots/StepperSlot.js";
-import { S as StepperFooterLeftActions } from "./subcomponents/StepperFooterLeftActions/index.js";
-import { S as StepperFooterRightActions } from "./subcomponents/StepperFooterRightActions/index.js";
-function StepperFooter(props) {
-  const { children, ownerState } = props;
-  const { stepperFooterLeftActions, stepperFooterRightActions } = useMemo(() => {
-    let parsedLeftActions = null;
-    let parsedRightActions = null;
-    let leftActionsCount = 0;
-    let rightActionsCount = 0;
-    if (children) {
-      Children.forEach(children, (child) => {
-        if (isValidElement(child)) {
-          if (child.type === StepperFooterLeftActions) {
-            leftActionsCount++;
-            if (leftActionsCount > 1) {
-              throw new Error(
-                "StepperFooter: Solo se permite un componente StepperFooterLeftActions. Se encontraron múltiples StepperFooterLeftActions."
-              );
-            }
-            parsedLeftActions = child;
-          } else if (child.type === StepperFooterRightActions) {
-            rightActionsCount++;
-            if (rightActionsCount > 1) {
-              throw new Error(
-                "StepperFooter: Solo se permite un componente StepperFooterRightActions. Se encontraron múltiples StepperFooterRightActions."
-              );
-            }
-            parsedRightActions = child;
-          }
-        }
-      });
-    }
-    return {
-      stepperFooterLeftActions: parsedLeftActions,
-      stepperFooterRightActions: parsedRightActions
-    };
-  }, [children]);
-  return /* @__PURE__ */ jsxs(StepperFooterSectionStyled, { ownerState, children: [
-    stepperFooterLeftActions,
-    stepperFooterRightActions
-  ] });
-}
-export {
-  StepperFooter as S
-};

package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.d.ts

@@ -1,6 +0,0 @@
-import { StepperFooterLeftActionsProps } from '../../../../types';
-/**
- * StepperFooterLeftActions es un componente de guía de estilos para acciones del lado izquierdo del footer del Stepper.
- * Puede recibir children para renderizar contenido personalizado.
- */
-export declare function StepperFooterLeftActions(props: StepperFooterLeftActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterLeftActions/index.js

@@ -1,9 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { j as StepperFooterLeftActionsStyled } from "../../../../slots/StepperSlot.js";
-function StepperFooterLeftActions(props) {
-  const { children } = props;
-  return /* @__PURE__ */ jsx(StepperFooterLeftActionsStyled, { children });
-}
-export {
-  StepperFooterLeftActions as S
-};

package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.d.ts

@@ -1,6 +0,0 @@
-import { StepperFooterRightActionsProps } from '../../../../types';
-/**
- * StepperFooterRightActions es un componente de guía de estilos para acciones del lado derecho del footer del Stepper.
- * Puede recibir children para renderizar contenido personalizado.
- */
-export declare function StepperFooterRightActions(props: StepperFooterRightActionsProps): import("react/jsx-runtime").JSX.Element;

package/components/Stepper/subcomponents/StepperFooter/subcomponents/StepperFooterRightActions/index.js

@@ -1,33 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import React, { useMemo } from "react";
-import { u as useIsLastVisibleValidStep } from "../../../../hooks/useIsLastVisibleValidStep/index.js";
-import { k as StepperFooterRightActionsStyled } from "../../../../slots/StepperSlot.js";
-import { S as StepperNextButton } from "../../../StepperButtons/StepperNextButton/index.js";
-import { S as StepperSubmitButton } from "../../../StepperButtons/StepperSubmitButton/index.js";
-function StepperFooterRightActions(props) {
-  const { children } = props;
-  const isLastVisibleValidStep = useIsLastVisibleValidStep();
-  const childrenWithoutNextButton = useMemo(() => {
-    if (!isLastVisibleValidStep) {
-      return children;
-    }
-    return React.Children.toArray(children).filter((child) => {
-      if (React.isValidElement(child)) {
-        if (child.type === StepperNextButton) {
-          return false;
-        }
-      }
-      return true;
-    });
-  }, [children, isLastVisibleValidStep]);
-  const submitButton = useMemo(() => {
-    return isLastVisibleValidStep ? /* @__PURE__ */ jsx(StepperSubmitButton, {}) : null;
-  }, [isLastVisibleValidStep]);
-  return /* @__PURE__ */ jsxs(StepperFooterRightActionsStyled, { children: [
-    childrenWithoutNextButton,
-    submitButton
-  ] });
-}
-export {
-  StepperFooterRightActions as S
-};

package/components/Stepper/types.d.ts

@@ -1,162 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { Theme } from '@mui/material/styles';
-import { Sizes } from '@m4l/styles';
-import { ContentAreaSlots, ContentSlots, StepperFooterSlots, StepperSlots } from './slots/StepperEnum';
-import { STEPPER_PREFIX_NAME } from './constants';
-import { M4LOverridesStyleRules } from '../../@types/augmentations';
-import { Step as StepComponent } from './subcomponents/StepperContent/subcomponents/Step';
-export type Orientation = 'horizontal' | 'vertical';
-export type IndicatorType = 'number' | 'dot';
-export type FormData = Record<string, string | number | boolean | null | undefined>;
-export type VisibilityData = Record<string, string | number | boolean | null | undefined>;
-export type Step = {
-    /**
-     * Clave única que identifica el step.
-     */
-    key: string;
-    /**
-     * Título del step.
-     */
-    title: string;
-    /**
-     * Descripción del step.
-     */
-    description?: string;
-    /**
-     * Icono del step.
-     */
-    icon?: string;
-    /**
-     * Array con los campos que se deben validar en el step.
-     */
-    validationFields?: string[];
-    /**
-     * Función que determina si el step se debe mostrar.
-     * @param formData - Datos del formulario.
-     * @param visibilityData - Datos adicionales para evaluar visibilidad (ej: objectId).
-     * @returns true si el step se debe mostrar, false en caso contrario.
-     * Si no se proporciona, el step siempre se muestra.
-     */
-    visibilityCondition?: (formData?: FormData, visibilityData?: VisibilityData) => boolean;
-};
-export interface StepperProps {
-    /**
-     * Children opcional para inyectar componentes adicionales
-     */
-    children?: React.ReactNode;
-    /**
-     *  "storeId" identificador del store
-     */
-    storeId?: string;
-    /**
-     *  "storeDevtoolsEnabled" determina si se debe usar devtools para el store
-     */
-    storeDevtoolsEnabled?: boolean;
-    /**
-     * "visibleTitle": Propiedad que ejecuta condición para visualizar los titulos en el SteppArea
-     */
-    visibleTitle?: boolean;
-    /**
-     * Array con la configuración de cada step.
-     */
-    steps: Step[];
-    /**
-     * Datos adicionales para evaluar visibilityCondition de los steps.
-     * Por ejemplo, objectId para determinar si mostrar steps después del submit inicial.
-     */
-    visibilityData?: VisibilityData;
-    /**
-     * Indica que tipo de indicador se usará en el Stepper.
-     * Puede ser 'number' para números o 'dot' para puntos.
-     */
-    indicatorType?: IndicatorType;
-    /**
-     * "orientation" define la orientación del Stepper.
-     */
-    orientation?: Orientation;
-    /**
-     * Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium'
-     */
-    size?: Extract<Sizes, 'small' | 'medium'>;
-}
-/**
- * Props del StepperContent
- */
-export interface StepperContentProps {
-    /**
-     * Array de componentes Step
-     */
-    children: ReactElement<typeof StepComponent>[];
-}
-/**
- * Props del Step
- */
-export interface StepProps {
-    /**
-     * Clave única del step que determina cuándo se renderiza
-     */
-    stepKey: string;
-    /**
-     * Contenido del step
-     */
-    children: ReactNode;
-}
-/**
- * Props del ContentArea
- */
-export interface ContentAreaProps {
-    children: ReactNode;
-}
-/**
- * Props del Indicator
- */
-export interface IndicatorProps {
-    /**
-     * El número del paso actual.
-     */
-    step: number;
-    /**
-     * Indica si el paso es el actual.
-     */
-    currentStep: number;
-    /**
-     * El número total de pasos.
-     */
-    totalSteps: number;
-    /**
-     * El índice original del paso en el array completo de pasos.
-     * Se usa para buscar el estado de validación en stepValidationStatus.
-     */
-    originalStepIndex: number;
-}
-/**
- * Props del StepperFooter
- */
-export interface StepperFooterProps {
-    children?: ReactNode;
-    ownerState?: StepperOwnerState;
-}
-/**
- * Props del StepperFooterLeftActions
- */
-export interface StepperFooterLeftActionsProps {
-    children?: ReactNode;
-}
-/**
- * Props del StepperFooterRightActions
- */
-export interface StepperFooterRightActionsProps {
-    children?: ReactNode;
-}
-export interface StepperOwnerState extends Pick<StepperProps, 'visibleTitle'>, Record<string, unknown> {
-    step?: number;
-    currentStep?: number;
-    totalSteps?: number;
-    orientation?: Orientation;
-    indicatorType?: IndicatorType;
-    size?: Extract<Sizes, 'small' | 'medium'>;
-    stepValidationStatus?: Record<number, boolean>;
-    stepperFooterSticky?: boolean;
-}
-export type StepperSlotsType = StepperSlots | ContentSlots | ContentAreaSlots | StepperFooterSlots;
-export type StepperStyles = M4LOverridesStyleRules<StepperSlotsType, typeof STEPPER_PREFIX_NAME, Theme>;

package/components/extended/React-Resizable/Resizable/stories/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const heightWindow = 180;
-export declare const widthWindow = 260;
-export declare const marginWindow = 10;

package/components/extended/React-Resizable/Resizable/stories/types.d.ts

@@ -1,3 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { Resizable } from '../Resizable';
-export type StoryResizableType = StoryObj<typeof Resizable>;

package/components/extended/React-Resizable/ResizableBox/stories/constants.d.ts

@@ -1,3 +0,0 @@
-export declare const heightWindow = 180;
-export declare const widthWindow = 260;
-export declare const marginWindow = 10;

package/components/extended/React-Resizable/ResizableBox/stories/types.d.ts

@@ -1,3 +0,0 @@
-import { StoryObj } from '@storybook/react';
-import { ResizableBox } from '../ResizableBox';
-export type StoryResizableBoxType = StoryObj<typeof ResizableBox>;

package/components/mui_extended/FormControlLabel/FormControlLabel.stories.d.ts

@@ -1,15 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { default as CustomFormControlLabel } from './FormControlLabel';
-declare const meta: Meta<typeof CustomFormControlLabel>;
-export default meta;
-type Story = StoryObj<typeof CustomFormControlLabel>;
-export declare const Base: Story;
-export declare const CheckboxType: Story;
-export declare const SwitchType: Story;
-export declare const RadioWithLabelOption: Story;
-export declare const SizesRadio: Story;
-/**
- * TODO: Documentar
- */
-export declare function ControlledRadioButtonsGroup(): import("react/jsx-runtime").JSX.Element;
-export declare const CheckboxDisabledWithLabel: Story;

package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.d.ts

@@ -1,11 +0,0 @@
-import { Step } from '../../components/Stepper/types';
-import { GetStepsAndValidationSchemaProps } from './types';
-import * as Yup from 'yup';
-/**
- * Hook personalizado que recibe un array de steps con validaciones y regresa todo listo para el Stepper
- * Una sola configuración genera: validationSchema + steps + validationFields automáticamente
- */
-export declare function getStepsAndValidationSchema({ steps, visibilityData, }: GetStepsAndValidationSchemaProps): {
-    validationSchema: 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: Step[];
-};

package/helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js

@@ -1,44 +0,0 @@
-import * as Yup from "yup";
-import { e as evaluateVisibilityStepCondition } from "../../components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
-function getStepsAndValidationSchema({
-  steps,
-  visibilityData
-}) {
-  const validationSchema = (() => {
-    const combinedValidations = {};
-    const visibleSteps = steps.filter((step) => {
-      if (!step.visibilityCondition) {
-        return true;
-      }
-      return evaluateVisibilityStepCondition(step, void 0, visibilityData);
-    });
-    visibleSteps.forEach((step) => {
-      if (step.validationFunction) {
-        const validationResult = step.validationFunction();
-        Object.assign(combinedValidations, validationResult);
-      }
-    });
-    return Yup.object().shape(combinedValidations);
-  })();
-  const processedSteps = steps.map((step) => {
-    let validationFields = [];
-    if (step.validationFunction) {
-      const validationResult = step.validationFunction();
-      validationFields = Object.keys(validationResult);
-    }
-    const processedStep = {
-      ...step,
-      // Incluir todas las propiedades del step original
-      validationFields
-      // Agregar validationFields calculados
-    };
-    return processedStep;
-  });
-  return {
-    validationSchema,
-    steps: processedSteps
-  };
-}
-export {
-  getStepsAndValidationSchema as g
-};

package/helpers/getStepsAndValidationSchema/index.d.ts

@@ -1,2 +0,0 @@
-export { getStepsAndValidationSchema } from './getStepsAndValidationSchema';
-export * from './types';

package/helpers/getStepsAndValidationSchema/index.js

@@ -1 +0,0 @@
-

package/helpers/getStepsAndValidationSchema/types.d.ts

@@ -1,21 +0,0 @@
-import { Step } from '../../components/Stepper/types';
-/**
- * Configuración completa de un step con validaciones incluidas
- */
-export interface StepWithValidation extends Omit<Step, 'validationFields'> {
-    /**
-     * Función de validación que retorna un objeto con esquemas Yup
-     * Ejemplo: ContactDataValidation
-     */
-    validationFunction?: () => Record<string, any>;
-}
-export interface GetStepsAndValidationSchemaProps {
-    /**
-     * Array de steps con sus validaciones incluidas
-     */
-    steps: StepWithValidation[];
-    /**
-     * Datos adicionales para visibilityCondition (ej: objectId)
-     */
-    visibilityData?: any;
-}

package/helpers/getStepsAndValidationSchema/types.js

@@ -1 +0,0 @@
-

package/helpers/index.d.ts

@@ -1 +0,0 @@
-export * from './getStepsAndValidationSchema';

package/helpers/index.js

@@ -1 +0,0 @@
-

package/hooks/useComponentSize/useComponentSize.stories.d.ts

@@ -1,47 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { Sizes } from '@m4l/styles';
-/**
- * TODO: Documentar
- */
-declare const ComponentSizeBase: ({ propSize }: {
-    propSize?: Sizes;
-}) => import("react/jsx-runtime").JSX.Element;
-/**
- * Hook usado para obtener el valor por default para la propiedad `size` de los componentes.
- *
- * El hook está en la ruta `packages/m4l_components/src/hooks/useComponentSize/useComponentSize.ts`.
- *
- * Ejemplo:
- *
- * ```jsx
- *  import { useComponentSize } from './useComponentSize';
- *
- *  const Button = ({ size }) => {
- *   // currentSize sería la variable que debemos usar para calcular el size del componente en los estilos.
- *   const { currentSize } = useComponentSize(size);
- *
- *   return (...);
- * };
- * ```
- *
- * El valor por defecto para toda la aplicación se encuentra en `packages/m4l_styles/src/config.ts`
- * y es `'medium'`, se puede obtener de la constante `DEFAULT_SIZE` desde `@m4l/styles`.
- *
- * Este valor por defecto es pasado a través del contexto `AppearanceComponentProvider` que se
- * encuentra en `packages/m4l_components/src/contexts/AppearanceComponentContext/AppearanceComponentContext.tsx`
- */
-declare const meta: Meta<typeof ComponentSizeBase>;
-export default meta;
-type Story = StoryObj<typeof ComponentSizeBase>;
-/**
- * Base useComponentSize hook, cuando no se envía el size `currentSize` es el valor por default
- */
-export declare const Base: Story;
-/**
- * With prop size
- */
-export declare const WithPropSize: Story;
-/**
- * With inner context
- */
-export declare const WithInnerContext: Story;

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

@@ -1,11 +0,0 @@
-import { Meta, StoryObj } from '@storybook/react';
-import { SideBar } from '../../../src/components/SideBar';
-import { AccountPopover } from '../../../src/components/AccountPopover';
-declare const meta: Meta<typeof AccountPopover>;
-type Story = StoryObj<typeof SideBar>;
-/**
- * Componente AccountPopover por defecto.
- * Muestra el avatar del usuario, la versión de la aplicación, el nombre del usuario y las opciones de menú.
- */
-export declare const Default: Story;
-export default meta;

package/storybook/components/Areas/AreasAdmin/AreasAdmin.stories.d.ts

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

package/storybook/components/Areas/AreasViewer/AreasViewer.stories.d.ts

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

package/storybook/components/Areas/AreasViewer/hooks/useWindowsActions.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente que define las acciones del header para "clientes"
- */
-export declare function useWindowsActions(moduleId: string): null;

package/storybook/components/Areas/AreasViewer/moks/mokData.d.ts

@@ -1,14 +0,0 @@
-export declare const MOCK_CLIENTS: {
-    nombre: string;
-    correo: string;
-    telefono: string;
-    direccion: string;
-    ciudad: string;
-}[];
-export declare const MOCK_USERS: {
-    nombre: string;
-    apellido: string;
-    email: string;
-    telefono: string;
-    activo: boolean;
-}[];

package/storybook/components/Areas/AreasViewer/subcomponents/AreasViewerRender.d.ts

@@ -1,4 +0,0 @@
-/**
- * Render AreasViewer
- */
-export declare const AreasViewerRender: () => import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewer/subcomponents/Launcher/Launcher.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-/**
- * Layout de prueba para lanzar popups con replaceMeId.
- */
-export declare const Launcher: React.FC;

package/storybook/components/Areas/AreasViewer/subcomponents/Launcher/PopupButton.d.ts

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-interface PopupButtonProps {
-    title: string;
-    iconUrl: string;
-    dynamicParams: Record<string, any>;
-    /** Si se pasa este id, se intentará reemplazar el popup existente */
-    windowType?: 'simple_popup' | 'microfrontend_userd_add_edit_popup' | 'microfrontend_users_list_layout' | 'microfrontend_userd_add_edit_modal';
-    replaceMeId?: string;
-    onClick?: () => void;
-    /** Callback para notificar que se ha generado un id, en caso de no recibir uno por props */
-    onPopupCreated?: (id: string) => void;
-}
-export declare const heightWindow = 180;
-export declare const widthWindow = 460;
-export declare const marginWindow = 10;
-/**
- * Botón que lanza un popup. Si se proporciona un replaceMeId, se usará ese id para reemplazar el popup existente;
- * si no, se genera uno nuevo (incluyendo el currentAreaId) y se notifica al padre mediante onPopupCreated.
- */
-export declare const PopupButton: React.FC<PopupButtonProps>;
-export {};

package/storybook/components/Areas/AreasViewer/subcomponents/Launcher/PopupContentExample.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente de ejemplo para el contenido de un popup.
- */
-export declare const PopupContentExample: () => import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewer/subcomponents/layouts/ClientsLayout.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente que define las acciones del header para "clientes"
- */
-export declare function CustomersLayout(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewer/subcomponents/layouts/UsersLayout.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente que define las acciones del header para "usuarios"
- */
-export declare function UsersLayout(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewerWithNetwork/AreasViewerWithNetwork.stories.d.ts

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

package/storybook/components/Areas/AreasViewerWithNetwork/moks/mokData.d.ts

@@ -1,14 +0,0 @@
-export declare const MOCK_CLIENTS: {
-    nombre: string;
-    correo: string;
-    telefono: string;
-    direccion: string;
-    ciudad: string;
-}[];
-export declare const MOCK_USERS: {
-    nombre: string;
-    apellido: string;
-    email: string;
-    telefono: string;
-    activo: boolean;
-}[];

package/storybook/components/Areas/AreasViewerWithNetwork/moks/mokRed.d.ts

@@ -1 +0,0 @@
-export declare const handle_mock: import('msw').HttpHandler[];

package/storybook/components/Areas/AreasViewerWithNetwork/subcomponents/ClientsHeaderActions.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente que define las acciones del header para "clientes"
- */
-export declare function ClientsHeaderActions(): import("react/jsx-runtime").JSX.Element;

package/storybook/components/Areas/AreasViewerWithNetwork/subcomponents/UsersHeaderActions.d.ts

@@ -1,4 +0,0 @@
-/**
- * Componente que define las acciones del header para "usuarios"
- */
-export declare function UsersHeaderActions(): import("react/jsx-runtime").JSX.Element;