@m4l/components 9.1.67 → 9.1.69

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.
Files changed (57) hide show
  1. package/@types/types.d.ts +17 -120
  2. package/components/NumberInput/NumberInput.d.ts +5 -0
  3. package/components/{InputNumberSpinner/InputNumberSpinner.styles.d.ts → NumberInput/NumberInput.styles.d.ts} +2 -2
  4. package/components/NumberInput/constants.d.ts +4 -0
  5. package/components/NumberInput/hooks/useNumberInput/NumberInputActions.d.ts +42 -0
  6. package/components/NumberInput/hooks/useNumberInput/NumberInputReducer.d.ts +5 -0
  7. package/components/NumberInput/hooks/useNumberInput/types.d.ts +126 -0
  8. package/components/NumberInput/hooks/useNumberInput/useNumberInput.d.ts +26 -0
  9. package/components/NumberInput/slots/NumberInputEnum.d.ts +9 -0
  10. package/components/NumberInput/slots/NumberInputSlots.d.ts +21 -0
  11. package/components/NumberInput/types.d.ts +48 -0
  12. package/components/NumberInput/utils.d.ts +6 -0
  13. package/components/hook-form/{RHFInputNumberSpinner/RHFInputNumberSpinner.d.ts → RHFNumberInput/RHFNumberInput.d.ts} +2 -2
  14. package/components/hook-form/{RHFInputNumberSpinner/RHFInputNumberSpinner.styles.d.ts → RHFNumberInput/RHFNumberInput.styles.d.ts} +2 -2
  15. package/components/hook-form/RHFNumberInput/constants.d.ts +4 -0
  16. package/components/hook-form/{RHFInputNumberSpinner/slots/RHFInputNumberSpinnerEnum.d.ts → RHFNumberInput/slots/RHFNumberInputEnum.d.ts} +2 -5
  17. package/components/hook-form/RHFNumberInput/slots/RHFNumberInputSlots.d.ts +7 -0
  18. package/components/hook-form/RHFNumberInput/types.d.ts +47 -0
  19. package/components/mui_extended/MenuItem/MenuItem.d.ts +2 -2
  20. package/components/mui_extended/MenuItem/MenuItem.js +8 -5
  21. package/components/mui_extended/MenuItem/MenuItem.styles.js +28 -9
  22. package/components/mui_extended/MenuItem/tests/MenuItem.integration.test.d.ts +1 -0
  23. package/components/mui_extended/MenuItem/tests/MenuItem.test.d.ts +1 -0
  24. package/components/mui_extended/MenuItem/types.d.ts +5 -1
  25. package/package.json +1 -1
  26. package/utils/getHeightSizeStyles.d.ts +12 -0
  27. package/components/ControlIncrement/ControlIncrement.d.ts +0 -9
  28. package/components/ControlIncrement/ControlIncrement.styles.d.ts +0 -8
  29. package/components/ControlIncrement/constants.d.ts +0 -25
  30. package/components/ControlIncrement/slots/ControlIncrementEnum.d.ts +0 -6
  31. package/components/ControlIncrement/slots/ControltrolIncrementSlots.d.ts +0 -14
  32. package/components/ControlIncrement/slots/index.d.ts +0 -2
  33. package/components/ControlIncrement/stories/ControlClick/ControlIncrement.controlclick.stories.d.ts +0 -13
  34. package/components/ControlIncrement/stories/DefaultAndDisabled/ControlIncrement.defaultanddisabled.stories.d.ts +0 -17
  35. package/components/ControlIncrement/stories/Sizes/ControlIncrement.sizes.stories.d.ts +0 -21
  36. package/components/ControlIncrement/types.d.ts +0 -56
  37. package/components/InputNumberSpinner/InputNumberSpinner.d.ts +0 -9
  38. package/components/InputNumberSpinner/constants.d.ts +0 -9
  39. package/components/InputNumberSpinner/hooks/types.d.ts +0 -13
  40. package/components/InputNumberSpinner/hooks/useInputNumberSpinner.d.ts +0 -19
  41. package/components/InputNumberSpinner/index.d.ts +0 -2
  42. package/components/InputNumberSpinner/slots/InputNumberSpinnerEnum.d.ts +0 -7
  43. package/components/InputNumberSpinner/slots/InputNumberSpinnerSlots.d.ts +0 -15
  44. package/components/InputNumberSpinner/slots/index.d.ts +0 -2
  45. package/components/InputNumberSpinner/stories/Default/InputNumberSpinner.default.stories.d.ts +0 -25
  46. package/components/InputNumberSpinner/stories/Error/InputNumberSpinner.error.stories.d.ts +0 -25
  47. package/components/InputNumberSpinner/stories/Sizes/InputNumberSpinner.sizes.stories.d.ts +0 -41
  48. package/components/InputNumberSpinner/stories/Variants/InputNumberSpinner.variants.stories.d.ts +0 -25
  49. package/components/InputNumberSpinner/types.d.ts +0 -64
  50. package/components/hook-form/RHFInputNumberSpinner/constants.d.ts +0 -4
  51. package/components/hook-form/RHFInputNumberSpinner/slots/RHFInputNumberSpinnerSlots.d.ts +0 -28
  52. package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.defaultProps.stories.d.ts +0 -26
  53. package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.error.stories.d.ts +0 -13
  54. package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.variants.stories.d.ts +0 -23
  55. package/components/hook-form/RHFInputNumberSpinner/types.d.ts +0 -71
  56. /package/components/{mui_extended/MenuItem/MenuItem.integration.test.d.ts → NumberInput/NumberInput.test.d.ts} +0 -0
  57. /package/components/{mui_extended/MenuItem/MenuItem.test.d.ts → hook-form/RHFNumberInput/RHFNumberInput.test.d.ts} +0 -0
@@ -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;
@@ -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,4 +0,0 @@
1
- /**
2
- * Nombre de clase que se usa para dar identidad a los slots del componente.
3
- */
4
- export declare const RHFINPUTNUMBER_SPINNER_KEY_COMPONENT = "M4LRHFInputNumberSpinner";
@@ -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;
@@ -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;