@m4l/components 9.1.68 → 9.1.70
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 +25 -120
- package/components/Loadable/index.d.ts +8 -0
- package/components/Loadable/index.js +2 -2
- package/components/NumberInput/NumberInput.d.ts +5 -0
- package/components/{InputNumberSpinner/InputNumberSpinner.styles.d.ts → NumberInput/NumberInput.styles.d.ts} +2 -2
- package/components/NumberInput/NumberInput.test.d.ts +1 -0
- package/components/NumberInput/constants.d.ts +4 -0
- package/components/NumberInput/hooks/useNumberInput/NumberInputActions.d.ts +42 -0
- package/components/NumberInput/hooks/useNumberInput/NumberInputReducer.d.ts +5 -0
- package/components/NumberInput/hooks/useNumberInput/types.d.ts +126 -0
- package/components/NumberInput/hooks/useNumberInput/useNumberInput.d.ts +26 -0
- package/components/NumberInput/slots/NumberInputEnum.d.ts +9 -0
- package/components/NumberInput/slots/NumberInputSlots.d.ts +21 -0
- package/components/NumberInput/types.d.ts +48 -0
- package/components/NumberInput/utils.d.ts +6 -0
- package/components/animate/index.d.ts +1 -1
- package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.d.ts +11 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.js +53 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.styles.d.ts +2 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/PropagateLoaderSpinner.styles.js +39 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/constants.d.ts +1 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/constants.js +4 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerEnum.d.ts +4 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerEnum.js +8 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerSlots.d.ts +6 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/PropagateLoaderSpinnerSlots.js +17 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/index.d.ts +2 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/slots/index.js +1 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/tests/PropagateLoaderSpinner.test.d.ts +1 -0
- package/components/extended/React-Spinners/PropagateLoaderSpinner/types.d.ts +58 -0
- package/components/hook-form/{RHFInputNumberSpinner/RHFInputNumberSpinner.d.ts → RHFNumberInput/RHFNumberInput.d.ts} +2 -2
- package/components/hook-form/{RHFInputNumberSpinner/RHFInputNumberSpinner.styles.d.ts → RHFNumberInput/RHFNumberInput.styles.d.ts} +2 -2
- package/components/hook-form/RHFNumberInput/RHFNumberInput.test.d.ts +1 -0
- package/components/hook-form/RHFNumberInput/constants.d.ts +4 -0
- package/components/hook-form/{RHFInputNumberSpinner/slots/RHFInputNumberSpinnerEnum.d.ts → RHFNumberInput/slots/RHFNumberInputEnum.d.ts} +2 -5
- package/components/hook-form/RHFNumberInput/slots/RHFNumberInputSlots.d.ts +7 -0
- package/components/hook-form/RHFNumberInput/types.d.ts +47 -0
- package/index.js +2 -2
- package/package.json +1 -1
- package/utils/getHeightSizeStyles.d.ts +12 -0
- package/components/ControlIncrement/ControlIncrement.d.ts +0 -9
- package/components/ControlIncrement/ControlIncrement.styles.d.ts +0 -8
- package/components/ControlIncrement/constants.d.ts +0 -25
- package/components/ControlIncrement/slots/ControlIncrementEnum.d.ts +0 -6
- package/components/ControlIncrement/slots/ControltrolIncrementSlots.d.ts +0 -14
- package/components/ControlIncrement/slots/index.d.ts +0 -2
- package/components/ControlIncrement/stories/ControlClick/ControlIncrement.controlclick.stories.d.ts +0 -13
- package/components/ControlIncrement/stories/DefaultAndDisabled/ControlIncrement.defaultanddisabled.stories.d.ts +0 -17
- package/components/ControlIncrement/stories/Sizes/ControlIncrement.sizes.stories.d.ts +0 -21
- package/components/ControlIncrement/types.d.ts +0 -56
- package/components/InputNumberSpinner/InputNumberSpinner.d.ts +0 -9
- package/components/InputNumberSpinner/constants.d.ts +0 -9
- package/components/InputNumberSpinner/hooks/types.d.ts +0 -13
- package/components/InputNumberSpinner/hooks/useInputNumberSpinner.d.ts +0 -19
- package/components/InputNumberSpinner/index.d.ts +0 -2
- package/components/InputNumberSpinner/slots/InputNumberSpinnerEnum.d.ts +0 -7
- package/components/InputNumberSpinner/slots/InputNumberSpinnerSlots.d.ts +0 -15
- package/components/InputNumberSpinner/slots/index.d.ts +0 -2
- package/components/InputNumberSpinner/stories/Default/InputNumberSpinner.default.stories.d.ts +0 -25
- package/components/InputNumberSpinner/stories/Error/InputNumberSpinner.error.stories.d.ts +0 -25
- package/components/InputNumberSpinner/stories/Sizes/InputNumberSpinner.sizes.stories.d.ts +0 -41
- package/components/InputNumberSpinner/stories/Variants/InputNumberSpinner.variants.stories.d.ts +0 -25
- package/components/InputNumberSpinner/types.d.ts +0 -64
- package/components/animate/PropagateLoader/index.d.ts +0 -6
- package/components/animate/PropagateLoader/index.js +0 -11
- package/components/animate/PropagateLoader/syles.d.ts +0 -1
- package/components/animate/PropagateLoader/syles.js +0 -16
- package/components/hook-form/RHFInputNumberSpinner/constants.d.ts +0 -4
- package/components/hook-form/RHFInputNumberSpinner/slots/RHFInputNumberSpinnerSlots.d.ts +0 -28
- package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.defaultProps.stories.d.ts +0 -26
- package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.error.stories.d.ts +0 -13
- package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.variants.stories.d.ts +0 -23
- package/components/hook-form/RHFInputNumberSpinner/types.d.ts +0 -71
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react/*';
|
|
2
|
-
import { ControlIncrement } from '../../ControlIncrement';
|
|
3
|
-
declare const meta: Meta<typeof ControlIncrement>;
|
|
4
|
-
type Story = StoryObj<typeof ControlIncrement>;
|
|
5
|
-
/**
|
|
6
|
-
* ControlIncrement en modo Base
|
|
7
|
-
*/
|
|
8
|
-
export declare const Base: Story;
|
|
9
|
-
/**
|
|
10
|
-
* CrontrolIncrement cuando esta en el sizes de small
|
|
11
|
-
*/
|
|
12
|
-
export declare const SizesSmall: Story;
|
|
13
|
-
/**
|
|
14
|
-
* CrontrolIncrement cuando esta en el sizes de medium
|
|
15
|
-
*/
|
|
16
|
-
export declare const SizesMedium: Story;
|
|
17
|
-
/**
|
|
18
|
-
* ControlIncrement cuando esta en modo Skeleton
|
|
19
|
-
*/
|
|
20
|
-
export declare const skeletonMode: Story;
|
|
21
|
-
export default meta;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { PaletteColor, Theme } from '@mui/material/styles';
|
|
2
|
-
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
3
|
-
import { ComponentPalletColor, Sizes } from '@m4l/styles';
|
|
4
|
-
import { ControlIncrementSlots } from './slots/ControlIncrementEnum';
|
|
5
|
-
import { CONTROL_INCREMENT_KEY_COMPONENT } from './constants';
|
|
6
|
-
/**
|
|
7
|
-
* Interfaz que define las propiedades del componente `ControlIncrement`.
|
|
8
|
-
*/
|
|
9
|
-
export interface ControlIncrementProps {
|
|
10
|
-
/**
|
|
11
|
-
* Tamaño del componente. Acepta valores: 'small', 'medium' o 'large'.
|
|
12
|
-
*/
|
|
13
|
-
sizes?: Sizes;
|
|
14
|
-
/**
|
|
15
|
-
* Color del componente. Solo se acepta el valor 'default'.
|
|
16
|
-
*/
|
|
17
|
-
color?: Extract<ComponentPalletColor, 'default'>;
|
|
18
|
-
/**
|
|
19
|
-
* Indica si el componente está deshabilitado.
|
|
20
|
-
*/
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Función que se ejecuta cuando se acciona el IconButton superior.
|
|
24
|
-
*/
|
|
25
|
-
onChangeUp: () => void;
|
|
26
|
-
/**
|
|
27
|
-
* Función que se ejecuta cuando se acciona el IconButton inferior.
|
|
28
|
-
*/
|
|
29
|
-
onChangeDown: () => void;
|
|
30
|
-
/**
|
|
31
|
-
* Clase CSS adicional para aplicar estilos personalizados al componente.
|
|
32
|
-
*/
|
|
33
|
-
className?: string;
|
|
34
|
-
}
|
|
35
|
-
/**
|
|
36
|
-
* Interfaz que define el estado propietario de `ControlIncrement`, excluyendo algunas propiedades
|
|
37
|
-
* del componente base y añadiendo una propiedad de paletteColor.
|
|
38
|
-
*/
|
|
39
|
-
export interface ControlIncrementOwnerState extends Omit<ControlIncrementProps, 'handleButtonChange' | 'setMouseDownDirection' | 'onChangeUp' | 'onChangeDown'> {
|
|
40
|
-
/**
|
|
41
|
-
* Color de la paleta utilizado para el componente.
|
|
42
|
-
*/
|
|
43
|
-
paletteColor: PaletteColor;
|
|
44
|
-
}
|
|
45
|
-
/**
|
|
46
|
-
* Tipo que representa las claves de los slots del componente `ControlIncrement`.
|
|
47
|
-
* Este tipo se genera a partir de las claves del objeto `ControlIncrementSlots`.
|
|
48
|
-
*/
|
|
49
|
-
export type ControlIncrementSlotsType = keyof typeof ControlIncrementSlots;
|
|
50
|
-
/**
|
|
51
|
-
* Define los estilos personalizados para el componente `ControlIncrement`.
|
|
52
|
-
*
|
|
53
|
-
* Este tipo se utiliza para sobrescribir las reglas de estilo (OverridesStyleRules) aplicables a los slots del componente.
|
|
54
|
-
* @see OverridesStyleRules
|
|
55
|
-
*/
|
|
56
|
-
export type ControlIncrementStyles = Partial<OverridesStyleRules<ControlIncrementSlots, typeof CONTROL_INCREMENT_KEY_COMPONENT, Theme> | undefined> | undefined;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { InputNumberSpinnerProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Componente que permite la selección de un número a través de un input y dos botones de incremento y decremento.
|
|
4
|
-
* @author Bruce Escobar - automatic
|
|
5
|
-
* @createdAt 2024-10-22 19:12:22 - automatic
|
|
6
|
-
* @updatedAt 2024-12-30 14:36:08 - automatic
|
|
7
|
-
* @updatedUser Andrés Quintero - automatic
|
|
8
|
-
*/
|
|
9
|
-
export declare const InputNumberSpinner: (props: InputNumberSpinnerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Nombre de clase que se usa para dar identidad a los slots del componente.
|
|
3
|
-
*/
|
|
4
|
-
export declare const INPUTNUMBER_SPINNER_KEY_COMPONENT = "M4LInputNumberSpinner";
|
|
5
|
-
/**
|
|
6
|
-
* Nombre de clase creado para aportar especificidad a los estilos del componente. Es usado para sobreescribir los estilos de MUI sin
|
|
7
|
-
* tener la necesidad de agregar valores en !important.
|
|
8
|
-
*/
|
|
9
|
-
export declare const INPUTNUMBER_SPINNER_SPECIFY = "M4lclassCssSpecificity";
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { InputNumberSpinnerProps } from '../types';
|
|
2
|
-
/**
|
|
3
|
-
* Props utilizadas para el hook `useInputNumberSpinner`, que maneja la lógica interna del componente `InputNumberSpinner`.
|
|
4
|
-
*
|
|
5
|
-
* Esta interfaz extiende parcialmente las propiedades de `InputNumberSpinnerProps`, seleccionando
|
|
6
|
-
* solo las propiedades relacionadas con los valores máximo y mínimo, los pasos, y el valor actual.
|
|
7
|
-
*/
|
|
8
|
-
export interface UseInputNumberSpinnerProps extends Pick<InputNumberSpinnerProps, 'maxValue' | 'minValue' | 'steps' | 'value'> {
|
|
9
|
-
/**
|
|
10
|
-
* Función opcional para establecer el valor del campo externamente (como en react-hook-form)
|
|
11
|
-
*/
|
|
12
|
-
onChange?: (...event: any[]) => void;
|
|
13
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { UseInputNumberSpinnerProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* customHook que permite la validacion de el incremento y decremento del input.
|
|
4
|
-
* @param maxValue Permite fijar un maximo valor para el input
|
|
5
|
-
* @param minValue Permite fijar un minimo valor para el input
|
|
6
|
-
* @param steps Permite definir de cuanto aumenta el input
|
|
7
|
-
* @param value Valor inicial del input
|
|
8
|
-
* @param setValue Función opcional para establecer el valor externamente (como en react-hook-form)
|
|
9
|
-
* @returns
|
|
10
|
-
*/
|
|
11
|
-
export declare const useInputNumberSpinner: (props: UseInputNumberSpinnerProps) => {
|
|
12
|
-
onChangeUp: () => void;
|
|
13
|
-
onChangeDown: () => void;
|
|
14
|
-
evalsetInternalValue: (val: number, operation?: "increase" | "decrease") => void;
|
|
15
|
-
handleKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
16
|
-
isSkeleton: boolean;
|
|
17
|
-
internalValue: number;
|
|
18
|
-
theme: import('@mui/material').Theme;
|
|
19
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
2
|
-
ownerState: Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
3
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
|
|
4
|
-
export declare const InputStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
5
|
-
ownerState: Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
6
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').ClassAttributes<HTMLInputElement> | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, {}>;
|
|
7
|
-
export declare const SimbolStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Typography/types').TypographyProps, keyof import('../../mui_extended/Typography/types').TypographyProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
8
|
-
ownerState: Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
9
|
-
}, {}, {}>;
|
|
10
|
-
export declare const ControlIncrementStyles: import('@emotion/styled').StyledComponent<Pick<import('../../ControlIncrement/types').ControlIncrementProps, keyof import('../../ControlIncrement/types').ControlIncrementProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
11
|
-
ownerState: Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
12
|
-
}, {}, {}>;
|
|
13
|
-
export declare const SkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('../../mui_extended/Skeleton/types').SkeletonProps, keyof import('../../mui_extended/Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
14
|
-
ownerState: Partial<import('../types').InputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
15
|
-
}, {}, {}>;
|
package/components/InputNumberSpinner/stories/Default/InputNumberSpinner.default.stories.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { InputNumberSpinner } from '../../InputNumberSpinner';
|
|
3
|
-
declare const meta: Meta<typeof InputNumberSpinner>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof InputNumberSpinner>;
|
|
6
|
-
/**
|
|
7
|
-
* Componente InputNumberSpinner en su modo por defecto
|
|
8
|
-
*/
|
|
9
|
-
export declare const Base: Story;
|
|
10
|
-
/**
|
|
11
|
-
* Componente InputNumberSpinner en su modo por defecto combinado con un icono
|
|
12
|
-
*/
|
|
13
|
-
export declare const DefaultWidthIcon: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Componente InputNumberSpinner en su modo por Disabled
|
|
16
|
-
*/
|
|
17
|
-
export declare const Disabled: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Componente InputNumberSpinner en su modo por Disabled combinado con un icono
|
|
20
|
-
*/
|
|
21
|
-
export declare const DisabledWidthIcon: Story;
|
|
22
|
-
/**
|
|
23
|
-
* Componente InputNumberSpinner en su modo de carga (Skeleton)
|
|
24
|
-
*/
|
|
25
|
-
export declare const WithSkeleton: Story;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { InputNumberSpinner } from '../../InputNumberSpinner';
|
|
3
|
-
declare const meta: Meta<typeof InputNumberSpinner>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof InputNumberSpinner>;
|
|
6
|
-
/**
|
|
7
|
-
* Componente InputNumberSpinner en su modo por defecto
|
|
8
|
-
*/
|
|
9
|
-
export declare const Base: Story;
|
|
10
|
-
/**
|
|
11
|
-
* Componente InputNumberSpinner en su modo por Error con la variante Outlined
|
|
12
|
-
*/
|
|
13
|
-
export declare const ErrorInOutlined: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Componente InputNumberSpinner en su modo por Error con la variante Outlined combinado con un icono
|
|
16
|
-
*/
|
|
17
|
-
export declare const ErrorInOutlinedWidthIcon: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Componente InputNumberSpinner en su modo por Error con la variante Text
|
|
20
|
-
*/
|
|
21
|
-
export declare const ErrorInText: Story;
|
|
22
|
-
/**
|
|
23
|
-
* Componente InputNumberSpinner en su modo por Error con la variante Text combinado con un icono
|
|
24
|
-
*/
|
|
25
|
-
export declare const ErrorInTextWidthIcon: Story;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { InputNumberSpinner } from '../../InputNumberSpinner';
|
|
3
|
-
declare const meta: Meta<typeof InputNumberSpinner>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof InputNumberSpinner>;
|
|
6
|
-
/**
|
|
7
|
-
* Componente InputNumberSpinner en su modo por defecto
|
|
8
|
-
*/
|
|
9
|
-
export declare const Base: Story;
|
|
10
|
-
/**
|
|
11
|
-
* Componente InputNumberSpinner en su variante Outlined
|
|
12
|
-
*/
|
|
13
|
-
export declare const OutlinedInSmallSize: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Componente InputNumberSpinner en su variante Outlined combinado con icono
|
|
16
|
-
*/
|
|
17
|
-
export declare const OutlinedInSmallSizeWidthIcon: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Componente InputNumberSpinner en su variante Outlined
|
|
20
|
-
*/
|
|
21
|
-
export declare const OutlinedInMediumSize: Story;
|
|
22
|
-
/**
|
|
23
|
-
* Componente InputNumberSpinner en su variante Outlined combinado con icono
|
|
24
|
-
*/
|
|
25
|
-
export declare const OutlinedInMediumSizeWidthIcon: Story;
|
|
26
|
-
/**
|
|
27
|
-
* Componente InputNumberSpinner en su variante Text
|
|
28
|
-
*/
|
|
29
|
-
export declare const TextInSmallSize: Story;
|
|
30
|
-
/**
|
|
31
|
-
* Componente InputNumberSpinner en su variante Text combinado con icono
|
|
32
|
-
*/
|
|
33
|
-
export declare const TextInSmallSizeWidthIcon: Story;
|
|
34
|
-
/**
|
|
35
|
-
* Componente InputNumberSpinner en su variante Text
|
|
36
|
-
*/
|
|
37
|
-
export declare const TextInMediumSize: Story;
|
|
38
|
-
/**
|
|
39
|
-
* Componente InputNumberSpinner en su variante Text
|
|
40
|
-
*/
|
|
41
|
-
export declare const TextInMediumSizeWidthIcon: Story;
|
package/components/InputNumberSpinner/stories/Variants/InputNumberSpinner.variants.stories.d.ts
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { InputNumberSpinner } from '../../InputNumberSpinner';
|
|
3
|
-
declare const meta: Meta<typeof InputNumberSpinner>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof InputNumberSpinner>;
|
|
6
|
-
/**
|
|
7
|
-
* Componente InputNumberSpinner en su modo por defecto
|
|
8
|
-
*/
|
|
9
|
-
export declare const Base: Story;
|
|
10
|
-
/**
|
|
11
|
-
* Componente InputNumberSpinner en su variante Outlined
|
|
12
|
-
*/
|
|
13
|
-
export declare const Outlined: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Componente InputNumberSpinner en su variante Outlined combinado con icono
|
|
16
|
-
*/
|
|
17
|
-
export declare const OutlinedWidthIcon: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Componente InputNumberSpinner en su variante Text
|
|
20
|
-
*/
|
|
21
|
-
export declare const Text: Story;
|
|
22
|
-
/**
|
|
23
|
-
* Componente InputNumberSpinner en su variante Text combinado con icono
|
|
24
|
-
*/
|
|
25
|
-
export declare const TextWidthIcon: Story;
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
import { ComponentPalletColor, Sizes } from '@m4l/styles';
|
|
2
|
-
import { PaletteColor, Theme } from '@mui/material/styles';
|
|
3
|
-
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
4
|
-
import { InputNumberSpinnerSlots } from './slots/InputNumberSpinnerEnum';
|
|
5
|
-
import { INPUTNUMBER_SPINNER_KEY_COMPONENT } from './constants';
|
|
6
|
-
import { InputHTMLAttributes } from 'react';
|
|
7
|
-
export interface InputNumberSpinnerProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange' | 'disabled' | 'number'> {
|
|
8
|
-
/**
|
|
9
|
-
* Cantidad de números por los que se incrementará o disminuirá el valor.
|
|
10
|
-
*/
|
|
11
|
-
steps: number;
|
|
12
|
-
/**
|
|
13
|
-
* Tipo de dato del valor, puede ser 'pt' (puntos), '%' (porcentaje).
|
|
14
|
-
*/
|
|
15
|
-
valueType?: 'pt' | '%';
|
|
16
|
-
/**
|
|
17
|
-
* Función de callback que se ejecuta cuando el valor cambia.
|
|
18
|
-
* @param value - El nuevo valor numérico.
|
|
19
|
-
*/
|
|
20
|
-
onChange?: (value: number | null) => void;
|
|
21
|
-
/**
|
|
22
|
-
* Indica si el componente está deshabilitado.
|
|
23
|
-
*/
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/**
|
|
26
|
-
* Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium' , 'large'.
|
|
27
|
-
*/
|
|
28
|
-
sizes?: Sizes;
|
|
29
|
-
/**
|
|
30
|
-
* Valor máximo permitido para el componente.
|
|
31
|
-
*/
|
|
32
|
-
maxValue: number;
|
|
33
|
-
/**
|
|
34
|
-
* Valor mínimo permitido para el componente.
|
|
35
|
-
*/
|
|
36
|
-
minValue: number;
|
|
37
|
-
color?: Extract<ComponentPalletColor, 'primary'>;
|
|
38
|
-
/**
|
|
39
|
-
* Prop Para el testeo del componente
|
|
40
|
-
*/
|
|
41
|
-
instaceDataTestId?: string;
|
|
42
|
-
/**
|
|
43
|
-
* Representa el estado de error del componente.
|
|
44
|
-
*/
|
|
45
|
-
error?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Representa el valor del componente controlado aportado desde las props.
|
|
48
|
-
*/
|
|
49
|
-
value?: number;
|
|
50
|
-
/**
|
|
51
|
-
* Variante de estilos
|
|
52
|
-
*/
|
|
53
|
-
variants?: 'Outlined' | 'Text';
|
|
54
|
-
/**
|
|
55
|
-
* Variante de estilos
|
|
56
|
-
*/
|
|
57
|
-
src?: string;
|
|
58
|
-
}
|
|
59
|
-
export interface InputNumberSpinnerOwnerState extends Pick<InputNumberSpinnerProps, 'sizes' | 'color' | 'disabled' | 'error' | 'variants'> {
|
|
60
|
-
isValid?: boolean;
|
|
61
|
-
paletteColor: PaletteColor;
|
|
62
|
-
}
|
|
63
|
-
export type InputNumberSpinnerSlotsType = keyof typeof InputNumberSpinnerSlots;
|
|
64
|
-
export type InputNumberSpinnerStyles = Partial<OverridesStyleRules<InputNumberSpinnerSlots, typeof INPUTNUMBER_SPINNER_KEY_COMPONENT, Theme> | undefined> | undefined;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Un componente de cargador que muestra un propagador de carga.
|
|
3
|
-
* Utiliza React Spinners bajo el nombre de `PropagateLoader`.
|
|
4
|
-
* @returns Un componente de cargador que muestra un propagador de carga.
|
|
5
|
-
*/
|
|
6
|
-
export declare const PropagateLoader: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import { useTheme } from "@mui/material";
|
|
3
|
-
import { PropagateLoader as PropagateLoader$1 } from "react-spinners";
|
|
4
|
-
import { W as WrapperPropageteLoader } from "./syles.js";
|
|
5
|
-
const PropagateLoader = () => {
|
|
6
|
-
const { palette } = useTheme();
|
|
7
|
-
return /* @__PURE__ */ jsx(WrapperPropageteLoader, { children: /* @__PURE__ */ jsx(PropagateLoader$1, { color: palette.primary.main }) });
|
|
8
|
-
};
|
|
9
|
-
export {
|
|
10
|
-
PropagateLoader as P
|
|
11
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const WrapperPropageteLoader: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { styled } from "@mui/material/styles";
|
|
2
|
-
const WrapperPropageteLoader = styled("div")(({ theme }) => ({
|
|
3
|
-
right: 0,
|
|
4
|
-
bottom: 0,
|
|
5
|
-
zIndex: 99999,
|
|
6
|
-
width: "100%",
|
|
7
|
-
height: "100%",
|
|
8
|
-
position: "fixed",
|
|
9
|
-
display: "flex",
|
|
10
|
-
alignItems: "center",
|
|
11
|
-
justifyContent: "center",
|
|
12
|
-
background: theme.vars.palette.background.default
|
|
13
|
-
}));
|
|
14
|
-
export {
|
|
15
|
-
WrapperPropageteLoader as W
|
|
16
|
-
};
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Este componente utiliza el slot `root` para aplicar estilos personalizados
|
|
3
|
-
* al contenedor principal del `RHFInputNumberSpinner`.
|
|
4
|
-
*/
|
|
5
|
-
export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
6
|
-
ownerState: Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
7
|
-
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
|
|
8
|
-
/**
|
|
9
|
-
* Este componente utiliza el slot `label` para aplicar estilos personalizados
|
|
10
|
-
* a la etiqueta que acompaña al campo de entrada.
|
|
11
|
-
*/
|
|
12
|
-
export declare const LabelStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../Label').LabelProps, keyof import('../../../Label').LabelProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
13
|
-
ownerState: Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
14
|
-
}, {}, {}>;
|
|
15
|
-
/**
|
|
16
|
-
* Este componente utiliza el slot `inputNumberSpinner` para aplicar estilos
|
|
17
|
-
* personalizados al campo de entrada numérica del spinner.
|
|
18
|
-
*/
|
|
19
|
-
export declare const InputNumberSpinnerStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../InputNumberSpinner/types').InputNumberSpinnerProps, keyof import('../../../InputNumberSpinner/types').InputNumberSpinnerProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
20
|
-
ownerState: Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
21
|
-
}, {}, {}>;
|
|
22
|
-
/**
|
|
23
|
-
* Este componente utiliza el slot `inputNumberSpinner` para aplicar estilos
|
|
24
|
-
* personalizados al campo de entrada numérica del spinner.
|
|
25
|
-
*/
|
|
26
|
-
export declare const HelperErrorStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../HelperError').HelperErrorProps, keyof import('../../../HelperError').HelperErrorProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
27
|
-
ownerState: Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
28
|
-
}, {}, {}>;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { RHFInputNumberSpinner } from '../RHFInputNumberSpinner';
|
|
3
|
-
declare const meta: Meta<typeof RHFInputNumberSpinner>;
|
|
4
|
-
export default meta;
|
|
5
|
-
/**
|
|
6
|
-
* Tipo de historia para `RHFInputNumberSpinner`.
|
|
7
|
-
*/
|
|
8
|
-
type Story = StoryObj<typeof RHFInputNumberSpinner>;
|
|
9
|
-
/**
|
|
10
|
-
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
11
|
-
* Esta historia muestra la funcionalidad básica del componente.
|
|
12
|
-
*/
|
|
13
|
-
export declare const Base: Story;
|
|
14
|
-
export declare const Default: Story;
|
|
15
|
-
export declare const DefaultDisabled: Story;
|
|
16
|
-
/**
|
|
17
|
-
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
18
|
-
* Esta historia muestra la funcionalidad básica del componente.
|
|
19
|
-
*/
|
|
20
|
-
export declare const SinLabel: Story;
|
|
21
|
-
export declare const SinLabelDisabled: Story;
|
|
22
|
-
/**
|
|
23
|
-
* Historia en Skeleton para el componente `RHFInputNumberSpinner`.
|
|
24
|
-
* Esta historia muestra la funcionalidad del componente en modo Skeleton.
|
|
25
|
-
*/
|
|
26
|
-
export declare const Skeleton: Story;
|
package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.error.stories.d.ts
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { RHFInputNumberSpinner } from '../RHFInputNumberSpinner';
|
|
3
|
-
declare const meta: Meta<typeof RHFInputNumberSpinner>;
|
|
4
|
-
export default meta;
|
|
5
|
-
/**
|
|
6
|
-
* Tipo de historia para `RHFInputNumberSpinner`.
|
|
7
|
-
*/
|
|
8
|
-
type Story = StoryObj<typeof RHFInputNumberSpinner>;
|
|
9
|
-
/**
|
|
10
|
-
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
11
|
-
* Esta historia muestra la funcionalidad básica del componente.
|
|
12
|
-
*/
|
|
13
|
-
export declare const Base: Story;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { RHFInputNumberSpinner } from '../RHFInputNumberSpinner';
|
|
3
|
-
declare const meta: Meta<typeof RHFInputNumberSpinner>;
|
|
4
|
-
export default meta;
|
|
5
|
-
/**
|
|
6
|
-
* Tipo de historia para `RHFInputNumberSpinner`.
|
|
7
|
-
*/
|
|
8
|
-
type Story = StoryObj<typeof RHFInputNumberSpinner>;
|
|
9
|
-
/**
|
|
10
|
-
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
11
|
-
* Esta historia muestra la funcionalidad básica del componente.
|
|
12
|
-
*/
|
|
13
|
-
export declare const Base: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
16
|
-
* Esta historia muestra la funcionalidad básica del componente.
|
|
17
|
-
*/
|
|
18
|
-
export declare const OutlinedWithLabel: Story;
|
|
19
|
-
/**
|
|
20
|
-
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
21
|
-
* Esta historia muestra la funcionalidad básica del componente.
|
|
22
|
-
*/
|
|
23
|
-
export declare const TextWithLabel: Story;
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
2
|
-
import { Theme } from '@mui/material';
|
|
3
|
-
import { ComponentPalletColor, Sizes } from '@m4l/styles';
|
|
4
|
-
import { LabelProps } from '../../Label';
|
|
5
|
-
import { RHFInputNumberSpinnerSlots } from './slots/RHFInputNumberSpinnerEnum';
|
|
6
|
-
import { RHFINPUTNUMBER_SPINNER_KEY_COMPONENT } from './constants';
|
|
7
|
-
/**
|
|
8
|
-
* Props para el componente RHPInputNumberSpinner
|
|
9
|
-
*/
|
|
10
|
-
export interface RHFInputNumberSpinnerProps extends Omit<LabelProps, 'label'> {
|
|
11
|
-
name: string;
|
|
12
|
-
/**
|
|
13
|
-
* Cantidad de números por los que se incrementará o disminuirá el valor.
|
|
14
|
-
*/
|
|
15
|
-
steps: number;
|
|
16
|
-
/**
|
|
17
|
-
* Tipo de dato del valor, puede ser 'pt' (puntos), '%' (porcentaje) o vacio.
|
|
18
|
-
*/
|
|
19
|
-
valueType?: 'pt' | '%';
|
|
20
|
-
/**
|
|
21
|
-
* Indica si el componente está deshabilitado.
|
|
22
|
-
*/
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium' , 'large'.
|
|
26
|
-
*/
|
|
27
|
-
sizes?: Extract<Sizes, 'small' | 'medium'>;
|
|
28
|
-
/**
|
|
29
|
-
* Valor máximo permitido para el componente.
|
|
30
|
-
*/
|
|
31
|
-
maxValue: number;
|
|
32
|
-
/**
|
|
33
|
-
* Valor mínimo permitido para el componente.
|
|
34
|
-
*/
|
|
35
|
-
minValue: number;
|
|
36
|
-
color?: Extract<ComponentPalletColor, 'primary'>;
|
|
37
|
-
/**
|
|
38
|
-
* Prop Para el testeo del componente
|
|
39
|
-
*/
|
|
40
|
-
instaceDataTestId?: string;
|
|
41
|
-
/**
|
|
42
|
-
* Variante de estilos
|
|
43
|
-
*/
|
|
44
|
-
variants?: 'Outlined' | 'Text';
|
|
45
|
-
/**
|
|
46
|
-
* label para informar sobre el campo
|
|
47
|
-
*/
|
|
48
|
-
label?: string;
|
|
49
|
-
}
|
|
50
|
-
/**
|
|
51
|
-
* Define las claves del objeto `RHFInputNumberSpinnerSlots`, que se utilizan para
|
|
52
|
-
* hacer referencia a los diferentes slots disponibles para estilizar el componente
|
|
53
|
-
* `RHFInputNumberSpinner`.
|
|
54
|
-
*/
|
|
55
|
-
export type RHFInputNumberSpinnerSlotsType = keyof typeof RHFInputNumberSpinnerSlots;
|
|
56
|
-
/**
|
|
57
|
-
* Representa las propiedades de estado específicas del componente `RHFInputNumberSpinner`.
|
|
58
|
-
*/
|
|
59
|
-
export interface RHFInputNumberSpinnerOwnerState {
|
|
60
|
-
/**
|
|
61
|
-
* Valor para definir el tamaño del icono.
|
|
62
|
-
*/
|
|
63
|
-
iconSize: Sizes;
|
|
64
|
-
}
|
|
65
|
-
/**
|
|
66
|
-
* Define los estilos del componente `RHFInputNumberSpinner`. Permite la personalización parcial
|
|
67
|
-
* de las reglas de estilo mediante `OverridesStyleRules`.
|
|
68
|
-
*
|
|
69
|
-
* Puede ser parcial o estar indefinido.
|
|
70
|
-
*/
|
|
71
|
-
export type RHFInputNumberSpinnerStyles = Partial<OverridesStyleRules<RHFInputNumberSpinnerSlots, typeof RHFINPUTNUMBER_SPINNER_KEY_COMPONENT, Theme>> | undefined;
|