@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.
- package/@types/types.d.ts +17 -120
- 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/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/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/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/components/mui_extended/MenuItem/MenuItem.d.ts +2 -2
- package/components/mui_extended/MenuItem/MenuItem.js +8 -5
- package/components/mui_extended/MenuItem/MenuItem.styles.js +28 -9
- package/components/mui_extended/MenuItem/tests/MenuItem.integration.test.d.ts +1 -0
- package/components/mui_extended/MenuItem/tests/MenuItem.test.d.ts +1 -0
- package/components/mui_extended/MenuItem/types.d.ts +5 -1
- 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/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
- /package/components/{mui_extended/MenuItem/MenuItem.integration.test.d.ts → NumberInput/NumberInput.test.d.ts} +0 -0
- /package/components/{mui_extended/MenuItem/MenuItem.test.d.ts → hook-form/RHFNumberInput/RHFNumberInput.test.d.ts} +0 -0
|
@@ -2,9 +2,6 @@
|
|
|
2
2
|
* Define los nombres de los slots de estilo para el componente `RHFInputNumberSpinner`. Estos slots se utilizan para
|
|
3
3
|
* aplicar estilos específicos y crear clases CSS únicas para los distintos elementos del componente.
|
|
4
4
|
*/
|
|
5
|
-
export declare enum
|
|
6
|
-
root = "root"
|
|
7
|
-
label = "label",
|
|
8
|
-
inputNumberSpinner = "inputNumberSpinner",
|
|
9
|
-
helperError = "helperError"
|
|
5
|
+
export declare enum RHFNumberInputSlots {
|
|
6
|
+
root = "root"
|
|
10
7
|
}
|
|
@@ -0,0 +1,7 @@
|
|
|
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').RHFNumberInputOwnerState> & Record<string, unknown> & {
|
|
6
|
+
ownerState: Partial<import('../types').RHFNumberInputOwnerState> & Record<string, unknown>;
|
|
7
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { Sizes } from '@m4l/styles';
|
|
2
|
+
import { Theme } from '@mui/material';
|
|
3
|
+
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
4
|
+
import { NumberInputProps } from '../../NumberInput/types';
|
|
5
|
+
import { LabelProps } from '../../Label';
|
|
6
|
+
import { RHFNumberInputSlots } from './slots/RHFNumberInputEnum';
|
|
7
|
+
import { RHF_NUMBER_INPUT_KEY_COMPONENT } from './constants';
|
|
8
|
+
/**
|
|
9
|
+
* Props para el componente RHFNumberInput
|
|
10
|
+
*/
|
|
11
|
+
export interface RHFNumberInputProps extends Omit<LabelProps, 'label' | 'color'>, Omit<NumberInputProps, 'variant' | 'color' | 'value'> {
|
|
12
|
+
name: string;
|
|
13
|
+
/**
|
|
14
|
+
* Prop Para el testeo del componente
|
|
15
|
+
*/
|
|
16
|
+
instaceDataTestId?: string;
|
|
17
|
+
/**
|
|
18
|
+
* label para informar sobre el campo
|
|
19
|
+
*/
|
|
20
|
+
label?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Variante
|
|
23
|
+
*/
|
|
24
|
+
variant?: 'outlined' | 'text';
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Define las claves del objeto `RHFNumberInputSlotsType`, que se utilizan para
|
|
28
|
+
* hacer referencia a los diferentes slots disponibles para estilizar el componente
|
|
29
|
+
* `RHFInputNumberSpinner`.
|
|
30
|
+
*/
|
|
31
|
+
export type RHFNumberInputSlotsType = keyof typeof RHFNumberInputSlots;
|
|
32
|
+
/**
|
|
33
|
+
* Representa las propiedades de estado específicas del componente `RHFNumberInputOwnerState`.
|
|
34
|
+
*/
|
|
35
|
+
export interface RHFNumberInputOwnerState {
|
|
36
|
+
/**
|
|
37
|
+
* Valor para definir el tamaño del icono.
|
|
38
|
+
*/
|
|
39
|
+
iconSize: Sizes;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Define los estilos del componente `RHFNumberInputStyles`. Permite la personalización parcial
|
|
43
|
+
* de las reglas de estilo mediante `OverridesStyleRules`.
|
|
44
|
+
*
|
|
45
|
+
* Puede ser parcial o estar indefinido.
|
|
46
|
+
*/
|
|
47
|
+
export type RHFNumberInputStyles = OverridesStyleRules<RHFNumberInputSlots, typeof RHF_NUMBER_INPUT_KEY_COMPONENT, Theme>;
|
|
@@ -7,7 +7,7 @@ import { MenuItemProps } from './types';
|
|
|
7
7
|
* @returns
|
|
8
8
|
* @author Bruce Escobar - automatic
|
|
9
9
|
* @createdAt 2024-10-22 19:53:39 - automatic
|
|
10
|
-
* @updatedAt 2025-01-
|
|
11
|
-
* @updatedUser
|
|
10
|
+
* @updatedAt 2025-01-14 11:50:41 - automatic
|
|
11
|
+
* @updatedUser cesar - automatic
|
|
12
12
|
*/
|
|
13
13
|
export declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useModuleSkeleton, getPropertyByString } from "@m4l/core";
|
|
2
|
+
import { useModuleSkeleton, useEnvironment, getPropertyByString } from "@m4l/core";
|
|
3
3
|
import { useTheme } from "@mui/material";
|
|
4
4
|
import clsx from "clsx";
|
|
5
5
|
import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
|
|
@@ -18,12 +18,14 @@ const MenuItem = (props) => {
|
|
|
18
18
|
disabled = false,
|
|
19
19
|
size = "medium",
|
|
20
20
|
checked = false,
|
|
21
|
+
checkable = false,
|
|
21
22
|
className,
|
|
22
23
|
...other
|
|
23
24
|
} = props;
|
|
24
25
|
const { currentSize } = useComponentSize(size);
|
|
25
26
|
const isSkeleton = useModuleSkeleton();
|
|
26
27
|
const theme = useTheme();
|
|
28
|
+
const { host_static_assets, environment_assets } = useEnvironment();
|
|
27
29
|
const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
|
|
28
30
|
const paletteColor = getPropertyByString(
|
|
29
31
|
theme.vars.palette,
|
|
@@ -35,7 +37,9 @@ const MenuItem = (props) => {
|
|
|
35
37
|
disabled,
|
|
36
38
|
selected,
|
|
37
39
|
paletteColor,
|
|
38
|
-
color
|
|
40
|
+
color,
|
|
41
|
+
checkable,
|
|
42
|
+
checked
|
|
39
43
|
};
|
|
40
44
|
if (isSkeleton) {
|
|
41
45
|
return /* @__PURE__ */ jsx(
|
|
@@ -69,8 +73,7 @@ const MenuItem = (props) => {
|
|
|
69
73
|
);
|
|
70
74
|
}
|
|
71
75
|
};
|
|
72
|
-
const checkedIcon =
|
|
73
|
-
const hasCheckedIcon = checked && checkedIcon;
|
|
76
|
+
const checkedIcon = `${host_static_assets}/${environment_assets}/frontend/components/menu_item/checked.svg`;
|
|
74
77
|
return /* @__PURE__ */ jsxs(
|
|
75
78
|
MenuItemRootStyled,
|
|
76
79
|
{
|
|
@@ -83,7 +86,7 @@ const MenuItem = (props) => {
|
|
|
83
86
|
className: clsx(className, MENUITEM_CLASSES.root),
|
|
84
87
|
"data-testid": "MenuItemRoot",
|
|
85
88
|
children: [
|
|
86
|
-
|
|
89
|
+
checkable && /* @__PURE__ */ jsx(
|
|
87
90
|
MenuItemIconCheckedStyled,
|
|
88
91
|
{
|
|
89
92
|
src: checkedIcon,
|
|
@@ -2,6 +2,7 @@ import { g as getHeightSizeStyles } from "../../../utils/getHeightSizeStyles.js"
|
|
|
2
2
|
const menuItemStyles = {
|
|
3
3
|
/**
|
|
4
4
|
* Estilos para el contenedor de los items del menú
|
|
5
|
+
* <<<<<<< HEAD
|
|
5
6
|
* @updatedUser Andrés Quintero - automatic
|
|
6
7
|
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
7
8
|
* @createdAt 2025-01-08 10:36:40 - automatic
|
|
@@ -20,6 +21,22 @@ const menuItemStyles = {
|
|
|
20
21
|
* @author Andrés Quintero - automatic
|
|
21
22
|
* @updatedUser Andrés Quintero - automatic
|
|
22
23
|
* @updatedAt 2025-01-08 10:36:41 - automatic
|
|
24
|
+
* =======
|
|
25
|
+
* @updatedUser cesar - automatic
|
|
26
|
+
* @updatedAt 2025-01-10 16:51:28 - automatic
|
|
27
|
+
* @createdAt 2025-01-10 16:51:28 - automatic
|
|
28
|
+
* @author cesar - automatic
|
|
29
|
+
* @updatedUser cesar - automatic
|
|
30
|
+
* @updatedAt 2025-01-10 16:51:28 - automatic
|
|
31
|
+
* @createdAt 2024-12-31 11:23:51 - automatic
|
|
32
|
+
* @author Andrés Quintero - automatic
|
|
33
|
+
* @updatedUser cesar - automatic
|
|
34
|
+
* @updatedAt 2025-01-10 16:51:28 - automatic
|
|
35
|
+
* @createdAt 2024-12-30 14:36:06 - automatic
|
|
36
|
+
* @author Andrés Quintero - automatic
|
|
37
|
+
* @updatedUser cesar - automatic
|
|
38
|
+
* @updatedAt 2025-01-10 16:51:28 - automatic
|
|
39
|
+
* >>>>>>> c15c4888 (Add checkable prop to MenuItem and update checked icon visibility logic)
|
|
23
40
|
* @createdAt 2024-12-27 08:28:33 - automatic
|
|
24
41
|
* @author Andrés Quintero - automatic
|
|
25
42
|
*/
|
|
@@ -107,8 +124,8 @@ const menuItemStyles = {
|
|
|
107
124
|
* Estilos para el icono de los items del menú
|
|
108
125
|
* @author SebastianM - automatic
|
|
109
126
|
* @createdAt 2024-12-02 19:12:14 - automatic
|
|
110
|
-
* @updatedAt 2025-01-
|
|
111
|
-
* @updatedUser
|
|
127
|
+
* @updatedAt 2025-01-10 16:51:28 - automatic
|
|
128
|
+
* @updatedUser cesar - automatic
|
|
112
129
|
*/
|
|
113
130
|
menuItemIcon: () => ({
|
|
114
131
|
"&.MenuItemEndIcon-root": {
|
|
@@ -119,22 +136,24 @@ const menuItemStyles = {
|
|
|
119
136
|
* Estilos para el icono de los items del menú cuando están seleccionados
|
|
120
137
|
* @author SebastianM - automatic
|
|
121
138
|
* @createdAt 2024-12-13 12:45:48 - automatic
|
|
122
|
-
* @updatedAt 2025-01-
|
|
123
|
-
* @updatedUser
|
|
139
|
+
* @updatedAt 2025-01-10 16:51:28 - automatic
|
|
140
|
+
* @updatedUser cesar - automatic
|
|
124
141
|
*/
|
|
125
142
|
menuItemIconChecked: ({ ownerState }) => ({
|
|
143
|
+
visibility: ownerState.checkable ? ownerState.checked ? "visible" : "hidden" : "hidden",
|
|
126
144
|
...ownerState.selected && {
|
|
127
145
|
"& .M4LIcon-icon": {
|
|
128
146
|
backgroundColor: ownerState.paletteColor?.main
|
|
129
147
|
}
|
|
130
|
-
}
|
|
148
|
+
},
|
|
149
|
+
variants: []
|
|
131
150
|
}),
|
|
132
151
|
/**
|
|
133
152
|
* Estilos para la tipografía del menú item
|
|
134
153
|
* @author SebastianM - automatic
|
|
135
154
|
* @createdAt 2024-12-13 12:45:48 - automatic
|
|
136
|
-
* @updatedAt 2025-01-
|
|
137
|
-
* @updatedUser
|
|
155
|
+
* @updatedAt 2025-01-10 16:51:28 - automatic
|
|
156
|
+
* @updatedUser cesar - automatic
|
|
138
157
|
*/
|
|
139
158
|
menuItemTypography: () => ({}),
|
|
140
159
|
/**
|
|
@@ -150,8 +169,8 @@ const menuItemStyles = {
|
|
|
150
169
|
* Estilos para el contenedor de los items del menú en skeleton
|
|
151
170
|
* @author Bruce Escobar - automatic
|
|
152
171
|
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
153
|
-
* @updatedAt 2025-01-
|
|
154
|
-
* @updatedUser
|
|
172
|
+
* @updatedAt 2025-01-10 16:51:28 - automatic
|
|
173
|
+
* @updatedUser cesar - automatic
|
|
155
174
|
*/
|
|
156
175
|
skeletonMenuItem: ({ theme, ownerState }) => ({
|
|
157
176
|
width: "100%",
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -48,13 +48,17 @@ export interface MenuItemProps extends Omit<MUIMenuItemProps, 'size' | 'color'>
|
|
|
48
48
|
* Define si el ícono de check está activo
|
|
49
49
|
*/
|
|
50
50
|
checked?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* indica si debe aparecer el icono de check
|
|
53
|
+
*/
|
|
54
|
+
checkable?: boolean;
|
|
51
55
|
}
|
|
52
56
|
/**
|
|
53
57
|
* Estado del propietario del `MenuItem` utilizado para definir propiedades internas de estilo y comportamiento.
|
|
54
58
|
* Pick<MenuItemProps, 'size' | 'componentPaletteColor' | 'disabled' | 'selected'>
|
|
55
59
|
* paletteColor - Define el color de la paleta aplicada al `MenuItem`.
|
|
56
60
|
*/
|
|
57
|
-
export interface MenuItemOwnerState extends Pick<MenuItemProps, 'size' | 'componentPaletteColor' | 'disabled' | 'selected' | 'color'> {
|
|
61
|
+
export interface MenuItemOwnerState extends Pick<MenuItemProps, 'checked' | 'checkable' | 'size' | 'componentPaletteColor' | 'disabled' | 'selected' | 'color'> {
|
|
58
62
|
paletteColor: PaletteColor;
|
|
59
63
|
}
|
|
60
64
|
/**
|
package/package.json
CHANGED
|
@@ -14,3 +14,15 @@ import { Sizes, SizesComponentsTypes } from '@m4l/styles';
|
|
|
14
14
|
* @updatedUser Andrés Quintero - automatic
|
|
15
15
|
*/
|
|
16
16
|
export declare const getHeightSizeStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((heightSize: string | number) => Record<string, any>)) => any;
|
|
17
|
+
/**
|
|
18
|
+
* Utilidad que se encarga de obtener los estilos de tamaño para ser usados en el css de los componentes.
|
|
19
|
+
* @param isMobile - Modalidad de dispositivo en el que se encuentra la aplicación (Escritorio y móvil). Se espera que se obtenga del objeto
|
|
20
|
+
* theme.generalSettings.isMobile.
|
|
21
|
+
* @param size - Formato de tamaño definido por el componente o el contexto de AppearanceComponentProvider, puede ser small,
|
|
22
|
+
* medium o large.
|
|
23
|
+
* @param variantSize - Variante de tamaño que se desea aplicar al componente.
|
|
24
|
+
* @param css - Estilos css adicionales o una función que devuelve un objeto de estilos. Si es una función, recibe `sizeValue` como argumento.
|
|
25
|
+
* @param property - Propiedad CSS que se desea aplicar (por defecto es 'height').
|
|
26
|
+
* @returns Objeto con los estilos calculados.
|
|
27
|
+
*/
|
|
28
|
+
export declare const getSizeStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((sizeValue: string | number) => Record<string, any>), property?: "height" | "width") => any;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { ControlIncrementProps } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Componente Para Incrementar o Decrementar
|
|
4
|
-
* @author Andrés Quintero - automatic
|
|
5
|
-
* @createdAt 2024-12-30 14:36:05 - automatic
|
|
6
|
-
* @updatedAt 2024-12-30 14:36:08 - automatic
|
|
7
|
-
* @updatedUser Andrés Quintero - automatic
|
|
8
|
-
*/
|
|
9
|
-
export declare const ControlIncrement: (props: ControlIncrementProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ControlIncrementStyles } from './types';
|
|
2
|
-
/**
|
|
3
|
-
* Estilos utilizados para el componente `ControlIncrement`.
|
|
4
|
-
* Este objeto define los estilos para los diferentes "slots" (partes) del componente,
|
|
5
|
-
* como el contenedor principal (`root`), los botones de incremento (`iconButtonUp`) y decremento (`iconButtonDown`),
|
|
6
|
-
* y el esqueleto (`controlIncrementSkeleton`).
|
|
7
|
-
*/
|
|
8
|
-
export declare const controlIncrementStyles: ControlIncrementStyles;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Nombre de clase que se usa para dar identidad a los slots del componente.
|
|
3
|
-
*/
|
|
4
|
-
export declare const CONTROL_INCREMENT_KEY_COMPONENT = "M4LControlIncrement";
|
|
5
|
-
/**
|
|
6
|
-
* Constante para la url del icono arrow up
|
|
7
|
-
*/
|
|
8
|
-
export declare const ICON_INCREMENT = "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/ControlIncrement/assets/icons/chevron_up_sm.svg";
|
|
9
|
-
/**
|
|
10
|
-
* Constante para la url del icono arrow down
|
|
11
|
-
*/
|
|
12
|
-
export declare const ICON_DECREMENT = "https://s3.amazonaws.com/static.made4labs/environments/d1/frontend/components/ControlIncrement/assets/icons/chevron_down_sm.svg";
|
|
13
|
-
/**
|
|
14
|
-
* Nombre de clase creado para aportar especificidad a los estilos del componente. Es usado para sobreescribir los estilos de MUI sin
|
|
15
|
-
* tener la necesidad de agregar valores en !important.
|
|
16
|
-
*/
|
|
17
|
-
export declare const CONTROL_INCREMENT_SPECIFY = "M4lclassCssSpecificity";
|
|
18
|
-
/**
|
|
19
|
-
* Cosntante para su uso en una clase para mas especificidad y evitar el uso de important
|
|
20
|
-
*/
|
|
21
|
-
export declare const BUTTON_UP = "button-up";
|
|
22
|
-
/**
|
|
23
|
-
* Cosntante para su uso en una clase para mas especificidad y evitar el uso de important
|
|
24
|
-
*/
|
|
25
|
-
export declare const BUTTON_DOWN = "button-down";
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
|
|
2
|
-
ownerState: Partial<import('../types').ControlIncrementOwnerState> & 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 IconButtonUpStyles: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "form" | "src" | "rotationAngle" | "tooltipContent" | "instaceDataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "componentPaletteColor" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
|
|
5
|
-
ownerState: Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown>;
|
|
6
|
-
}, {}, {}>;
|
|
7
|
-
export declare const IconButtonDownStyles: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../mui_extended/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "children" | "value" | "title" | "component" | "size" | "name" | "id" | "type" | "selected" | "action" | "hidden" | "content" | "style" | "icon" | "tooltip" | "disabled" | "variant" | "translate" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "placement" | "form" | "src" | "rotationAngle" | "tooltipContent" | "instaceDataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "componentPaletteColor" | "badgeContent" | "dictionaryTooltipId" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
|
|
8
|
-
ownerState: Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown>;
|
|
9
|
-
}, {}, {}>;
|
|
10
|
-
export declare const ControlIncrementSkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
11
|
-
ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
|
|
12
|
-
}, "children" | "style" | "variant" | "width" | "height" | "animation" | "sx" | "classes" | "className">, "children" | "ref" | "title" | "id" | "hidden" | "color" | "content" | "style" | "variant" | "width" | "height" | "translate" | "animation" | "sx" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown> & {
|
|
13
|
-
ownerState: Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown>;
|
|
14
|
-
}, {}, {}>;
|
package/components/ControlIncrement/stories/ControlClick/ControlIncrement.controlclick.stories.d.ts
DELETED
|
@@ -1,13 +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
|
-
* ControlIncrement Tiene la particularidad de que cuando le des click a up o down este ejecute una funcion
|
|
11
|
-
*/
|
|
12
|
-
export declare const Click: Story;
|
|
13
|
-
export default meta;
|
|
@@ -1,17 +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
|
-
* ControlIncrement cuando esta en modo default
|
|
11
|
-
*/
|
|
12
|
-
export declare const Default: Story;
|
|
13
|
-
/**
|
|
14
|
-
* ControlIncrement cuando esta en modo disabled
|
|
15
|
-
*/
|
|
16
|
-
export declare const Disabled: Story;
|
|
17
|
-
export default meta;
|
|
@@ -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;
|