@m4l/components 8.1.0-beta.devManuela.IconButton → 8.1.0
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/export.d.ts +4 -1
- package/@types/types.d.ts +49 -11
- package/components/ControlIncrement/ControlIncrement.d.ts +5 -0
- package/components/ControlIncrement/ControlIncrement.styles.d.ts +8 -0
- package/components/ControlIncrement/constants.d.ts +25 -0
- package/components/ControlIncrement/slots/ControlIncrementEnum.d.ts +6 -0
- package/components/ControlIncrement/slots/ControltrolIncrementSlots.d.ts +14 -0
- package/components/ControlIncrement/slots/index.d.ts +2 -0
- package/components/ControlIncrement/stories/ControlClick/ControlIncrement.controlclick.stories.d.ts +13 -0
- package/components/ControlIncrement/stories/DefaultAndDisabled/ControlIncrement.defaultanddisabled.stories.d.ts +17 -0
- package/components/ControlIncrement/stories/Sizes/ControlIncrement.sizes.stories.d.ts +21 -0
- package/components/ControlIncrement/types.d.ts +56 -0
- package/components/DataGrid/classes/index.d.ts +1 -1
- package/components/DynamicFilter/DynamicFIlter.styles.js +232 -0
- package/components/DynamicFilter/slots/dynamicFilterSlots.d.ts +1 -1
- package/components/DynamicSort/slots/DynamicSortSlots.d.ts +1 -1
- package/components/GridLayout/classes/index.d.ts +1 -1
- package/components/GridLayout/subcomponents/withSizeProvider/index.d.ts +2 -2
- package/components/HelperError/HelperError.d.ts +11 -1
- package/components/HelperError/HelperError.js +21 -2
- package/components/HelperError/HelperError.stories.d.ts +7 -1
- package/components/HelperError/HelperError.styles.js +32 -4
- package/components/HelperError/constant.d.ts +9 -0
- package/components/HelperError/constant.js +3 -1
- package/components/HelperError/slots/HelperErrorEnum.d.ts +5 -1
- package/components/HelperError/slots/HelperErrorEnum.js +1 -0
- package/components/HelperError/slots/HelperErrorSlots.d.ts +5 -2
- package/components/HelperError/slots/HelperErrorSlots.js +6 -1
- package/components/HelperError/types.d.ts +28 -2
- package/components/Icon/Icon.d.ts +4 -3
- package/components/Icon/Icon.js +54 -71
- package/components/Icon/Icon.styles.js +85 -31
- package/components/Icon/slots/IconEnum.d.ts +2 -1
- package/components/Icon/slots/IconEnum.js +1 -0
- package/components/Icon/slots/IconSlots.d.ts +3 -0
- package/components/Icon/slots/IconSlots.js +7 -1
- package/components/Icon/stories/DefaultWithProps/Icon.defaultWithProps.stories.d.ts +35 -0
- package/components/Icon/stories/Preset/Icon.preset.stories.d.ts +16 -0
- package/components/Icon/stories/Semantic/Icon.semantic.stories.d.ts +30 -0
- package/components/Icon/stories/Sizes/icon.sizes.stories.d.ts +40 -0
- package/components/Icon/types.d.ts +16 -12
- package/components/InputNumberSpinner/InputNumberSpinner.d.ts +9 -0
- package/components/InputNumberSpinner/InputNumberSpinner.styles.d.ts +8 -0
- package/components/InputNumberSpinner/constants.d.ts +9 -0
- package/components/InputNumberSpinner/hooks/types.d.ts +13 -0
- package/components/InputNumberSpinner/hooks/useInputNumberSpinner.d.ts +19 -0
- package/components/InputNumberSpinner/index.d.ts +2 -0
- package/components/InputNumberSpinner/slots/InputNumberSpinnerEnum.d.ts +7 -0
- package/components/InputNumberSpinner/slots/InputNumberSpinnerSlots.d.ts +15 -0
- package/components/InputNumberSpinner/slots/index.d.ts +2 -0
- package/components/InputNumberSpinner/stories/Default/InputNumberSpinner.default.stories.d.ts +25 -0
- package/components/InputNumberSpinner/stories/Error/InputNumberSpinner.error.stories.d.ts +25 -0
- package/components/InputNumberSpinner/stories/Sizes/InputNumberSpinner.sizes.stories.d.ts +41 -0
- package/components/InputNumberSpinner/stories/Variants/InputNumberSpinner.variants.stories.d.ts +25 -0
- package/components/InputNumberSpinner/types.d.ts +64 -0
- package/components/Label/Label.d.ts +17 -1
- package/components/Label/Label.js +8 -3
- package/components/Label/Label.styles.js +43 -6
- package/components/Label/slots/LabelSlots.d.ts +1 -1
- package/components/Label/{Label.stories.d.ts → stories/PaletteColor/DefaultinternalManagement/LabelDefaultInternal.stories.d.ts} +6 -8
- package/components/Label/stories/PaletteColor/DefaultinternalManagement/LabelDefaultPredeterminado.stories.d.ts +18 -0
- package/components/Label/stories/PaletteColor/DefaultinternalManagement/commonProps/LabelDefaultInternalVariants.stories.d.ts +14 -0
- package/components/Label/stories/PaletteColor/DefaultinternalManagement/commonProps/LabelDefaultVariants.stories.d.ts +14 -0
- package/components/Label/types.d.ts +7 -1
- package/components/MFLoader/MFLoader.d.ts +6 -0
- package/components/MFLoader/MFLoader.js +3 -0
- package/components/NavLink/NavLink.d.ts +4 -0
- package/components/PropertyValue/classes/index.d.ts +1 -1
- package/components/SideBar/classes/index.d.ts +1 -1
- package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/styles.d.ts +1 -1
- package/components/SideBar/subcomponents/ContentGroups/subcomponents/ItemListRoot/subcomponents/NavListSub/subcomponents/NavItemSub/subcomponents/NavItemSubContent/styles.d.ts +1 -1
- package/components/ToastContainer/subcomponents/ToastMessage/useToastMessage.d.ts +5 -1
- package/components/ToastContainer/subcomponents/ToastMessage/useToastMessage.js +2 -1
- package/components/areas/components/AreasViewer/classes/index.d.ts +2 -2
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/PanelWindows/index.d.ts +2 -2
- package/components/areas/contexts/AreasContext/store.d.ts +4 -0
- package/components/areas/contexts/AreasContext/store.js +400 -0
- package/components/extended/react-resizable/Resizable/slots/ResizableSlots.d.ts +1 -1
- package/components/extended/react-resizable/ResizableBox/slots/ResizableBoxSlots.d.ts +1 -1
- package/components/hook-form/RHFAutocomplete/classes/index.d.ts +1 -1
- package/components/hook-form/RHFAutocompleteAsync/subcomponents/ComponentTypeImage/index.d.ts +4 -0
- package/components/hook-form/RHFAutocompleteAsync/subcomponents/ComponentTypeText/index.d.ts +4 -0
- package/components/hook-form/RHFCheckbox/styles.d.ts +1 -1
- package/components/hook-form/RHFTextField/RHFTextField.d.ts +4 -0
- package/components/hook-form/RHFTextField/RHFTextField.js +15 -4
- package/components/hook-form/RHFTextField/RHFTextField.styles.js +266 -96
- package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts +10 -10
- package/components/hook-form/RHFTextField/stories/Default/RHFTextFieldDisabledOutlined.stories.d.ts +10 -0
- package/components/hook-form/RHFTextField/stories/Default/RHFTextFieldDisabledText.stories.d.ts +10 -0
- package/components/hook-form/RHFTextField/stories/Default/RHFTextFieldSkeleton.stories.d.ts +6 -0
- package/components/hook-form/RHFTextField/stories/Error/TextFieldErrorOutlined.stories.d.ts +9 -0
- package/components/hook-form/RHFTextField/stories/Error/TextFieldErrorText.stories.d.ts +9 -0
- package/components/hook-form/RHFTextField/stories/Primary/TextFieldOutlined.stories.d.ts +9 -0
- package/components/hook-form/RHFTextField/stories/Primary/TextFieldText.stories.d.ts +9 -0
- package/components/hook-form/RHFTextField/types.d.ts +10 -2
- package/components/hook-form/RHFUpload/RHFUploadImage/subcomponents/UploadImage/index.d.ts +2 -2
- package/components/hook-form/RHFormContext/classes/index.d.ts +1 -1
- package/components/maps/components/Map/contexts/MapContext/store.d.ts +2 -2
- package/components/maps/components/Map/contexts/MapContext/store.js +332 -152
- package/components/maps/components/Map/hooks/useAutoFocus/index.d.ts +2 -2
- package/components/maps/components/Map/pluginLayers/PolylineWithArrows/index.d.ts +2 -2
- package/components/maps/components/Map/subcomponents/LayersContainer/subcomponents/MyLayer/index.d.ts +2 -2
- package/components/mui_extended/Accordion/Accordion.d.ts +4 -0
- package/components/mui_extended/Badge/slots/BadgeSlots.d.ts +1 -1
- package/components/mui_extended/Button/styles.d.ts +1 -1
- package/components/mui_extended/IconButton/IconButton.d.ts +4 -0
- package/components/mui_extended/IconButton/IconButton.js +6 -5
- package/components/mui_extended/IconButton/IconButton.styles.js +30 -2
- package/components/mui_extended/IconButton/slots/IconButtonSlots.d.ts +2 -2
- package/components/mui_extended/LoadingButton/index.d.ts +4 -0
- package/components/mui_extended/MenuActions/slots/MenuActionsSlots.d.ts +1 -1
- package/components/mui_extended/MenuItem/MenuItem.d.ts +11 -0
- package/components/mui_extended/MenuItem/MenuItem.stories.d.ts +37 -0
- package/components/mui_extended/MenuItem/MenuItem.styles.d.ts +2 -0
- package/components/mui_extended/MenuItem/constants.d.ts +8 -0
- package/components/mui_extended/MenuItem/index.d.ts +2 -0
- package/components/mui_extended/MenuItem/slots/MenuItemEnum.d.ts +5 -0
- package/components/mui_extended/MenuItem/slots/MenuItemSlots.d.ts +11 -0
- package/components/mui_extended/MenuItem/slots/index.d.ts +2 -0
- package/components/mui_extended/MenuItem/types.d.ts +41 -0
- package/components/mui_extended/Select/Select.d.ts +9 -0
- package/components/mui_extended/Select/Select.styles.d.ts +2 -0
- package/components/mui_extended/Select/constants.d.ts +8 -0
- package/components/mui_extended/Select/index.d.ts +2 -0
- package/components/mui_extended/Select/slots/SelectEnum.d.ts +6 -0
- package/components/mui_extended/Select/slots/SelectSlots.d.ts +12 -0
- package/components/mui_extended/Select/slots/index.d.ts +2 -0
- package/components/mui_extended/Select/stories/SelectOutlied.stories.d.ts +75 -0
- package/components/mui_extended/Select/stories/SelectStandar.stories.d.ts +29 -0
- package/components/mui_extended/Select/types.d.ts +66 -0
- package/components/mui_extended/Skeleton/Skeleton.d.ts +4 -0
- package/components/mui_extended/Skeleton/Slots/skeletonSlots.d.ts +1 -1
- package/components/mui_extended/Skeleton/skeleton.styles.js +4 -0
- package/components/mui_extended/Tabs/styles.d.ts +1 -1
- package/components/mui_extended/TextField/TextField.d.ts +9 -0
- package/components/mui_extended/TextField/TextField.styles.d.ts +2 -0
- package/components/mui_extended/TextField/constants.d.ts +1 -0
- package/components/mui_extended/TextField/index.d.ts +1 -0
- package/components/mui_extended/TextField/slots/TextFieldEnum.d.ts +5 -0
- package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +13 -0
- package/components/mui_extended/TextField/slots/index.d.ts +2 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldDisabledOutlined.stories.d.ts +15 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldDisabledText.stories.d.ts +15 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Default/TextFieldSkeleton.stories.d.ts +11 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/TextFieldErrorOutlined.stories.d.ts +9 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/TextFieldErrorText.stories.d.ts +9 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateActive.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateEnabled.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateFocus.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateOutlined/TextFieldErrorOutlinedStateHover.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateActive.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateEnabled.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateFocus.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Error/states/stateText/TextFieldTextErrorStateHover.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/TextFieldOutlined.stories.d.ts +9 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/TextFieldText.stories.d.ts +12 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateActive.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateEnabled.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateFocus.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateOutlined/TextFieldPrimaryOutlinedStateHover.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateActive.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateEnabled.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateFocus.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/Primary/states/stateText/TextFieldTextPrimaryStateHover.stories.d.ts +14 -0
- package/components/mui_extended/TextField/stories/PaletteColorTextField/sizes/TextFieldSizes.stories.d.ts +16 -0
- package/components/mui_extended/TextField/types.d.ts +35 -0
- package/components/mui_extended/Typography/Typography.d.ts +4 -0
- package/components/mui_extended/Typography/slots/typographySlots.d.ts +1 -1
- package/components/mui_extended/Typography/typography.styles.js +4 -0
- package/components/popups/components/PopupsProvider/contexts/PopupsContext/store.d.ts +2 -2
- package/components/popups/components/PopupsProvider/contexts/PopupsContext/store.js +114 -18
- package/contexts/RealTimeContext/store.d.ts +2 -2
- package/contexts/RealTimeContext/store.js +30 -6
- package/hooks/useSizeContainer/index.d.ts +2 -2
- package/package.json +1 -1
- package/components/Icon/Icon.stories.d.ts +0 -166
- package/components/hook-form/RHFInputNumberSpinner/RHFInputNumberSpinner.d.ts +0 -5
- package/components/hook-form/RHFInputNumberSpinner/RHFInputNumberSpinner.stories.d.ts +0 -21
- package/components/hook-form/RHFInputNumberSpinner/RHFInputNumberSpinner.styles.d.ts +0 -2
- package/components/hook-form/RHFInputNumberSpinner/constants.d.ts +0 -1
- package/components/hook-form/RHFInputNumberSpinner/index.d.ts +0 -1
- package/components/hook-form/RHFInputNumberSpinner/slots/RHFInputNumberSpinnerSlots.d.ts +0 -23
- package/components/hook-form/RHFInputNumberSpinner/slots/RHFInputNumberSpinnnerEnum.d.ts +0 -9
- package/components/hook-form/RHFInputNumberSpinner/slots/index.d.ts +0 -2
- package/components/hook-form/RHFInputNumberSpinner/subcomponents/SkeletonSpinner/index.d.ts +0 -4
- package/components/hook-form/RHFInputNumberSpinner/types.d.ts +0 -21
- package/components/hook-form/RHFInputNumberSpinner/useRHFInputNumberSpinner.d.ts +0 -13
- package/components/hook-form/RHFTextField/RHFTextField.stories.d.ts +0 -14
|
@@ -3,5 +3,9 @@ import { IconButtonProps } from './types';
|
|
|
3
3
|
*Los Icon button son habitualmente ubicados en barras de aplicaciones y barras de herramientas. Además, resulta adecuado emplear iconos en botones de alternancia que posibilitan la selección o deselección de una única opción, como añadir o eliminar una estrella a un elemento.
|
|
4
4
|
* @param props
|
|
5
5
|
* @returns
|
|
6
|
+
* @author Bruce Escobar - automatic
|
|
7
|
+
* @createdAt 2024-10-22 19:53:39 - automatic
|
|
8
|
+
* @updatedAt 2024-10-22 19:53:40 - automatic
|
|
9
|
+
* @updatedUser Bruce Escobar - automatic
|
|
6
10
|
*/
|
|
7
11
|
export declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -22,6 +22,7 @@ const IconButton = (props) => {
|
|
|
22
22
|
...other
|
|
23
23
|
} = props;
|
|
24
24
|
const { currentSize } = useComponentSize(size);
|
|
25
|
+
const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
|
|
25
26
|
const theme = useTheme();
|
|
26
27
|
const paletteColor = getPropertyByString(
|
|
27
28
|
theme.palette,
|
|
@@ -30,7 +31,7 @@ const IconButton = (props) => {
|
|
|
30
31
|
);
|
|
31
32
|
const ownerState = {
|
|
32
33
|
variant,
|
|
33
|
-
size,
|
|
34
|
+
size: adjustedSize,
|
|
34
35
|
disabled,
|
|
35
36
|
paletteColor,
|
|
36
37
|
componentPaletteColor
|
|
@@ -66,7 +67,7 @@ const IconButton = (props) => {
|
|
|
66
67
|
{
|
|
67
68
|
ownerState: { ...ownerState },
|
|
68
69
|
src,
|
|
69
|
-
size:
|
|
70
|
+
size: adjustedSize,
|
|
70
71
|
color: iconColor,
|
|
71
72
|
disabled
|
|
72
73
|
}
|
|
@@ -77,7 +78,7 @@ const IconButton = (props) => {
|
|
|
77
78
|
{
|
|
78
79
|
ownerState: { ...ownerState },
|
|
79
80
|
src,
|
|
80
|
-
size:
|
|
81
|
+
size: adjustedSize,
|
|
81
82
|
color: iconColor,
|
|
82
83
|
disabled
|
|
83
84
|
}
|
|
@@ -106,7 +107,7 @@ const IconButton = (props) => {
|
|
|
106
107
|
{
|
|
107
108
|
ownerState: { ...ownerState },
|
|
108
109
|
src,
|
|
109
|
-
size:
|
|
110
|
+
size: adjustedSize,
|
|
110
111
|
color: iconColor,
|
|
111
112
|
disabled
|
|
112
113
|
}
|
|
@@ -117,7 +118,7 @@ const IconButton = (props) => {
|
|
|
117
118
|
{
|
|
118
119
|
ownerState: { ...ownerState },
|
|
119
120
|
src,
|
|
120
|
-
size:
|
|
121
|
+
size: adjustedSize,
|
|
121
122
|
color: iconColor,
|
|
122
123
|
disabled
|
|
123
124
|
}
|
|
@@ -1,6 +1,26 @@
|
|
|
1
1
|
const iconButtonStyles = {
|
|
2
2
|
/**
|
|
3
3
|
* TODO: Documentar
|
|
4
|
+
* @updatedUser Bruce Escobar - automatic
|
|
5
|
+
* @updatedAt 2024-10-22 19:53:40 - automatic
|
|
6
|
+
* @createdAt 2024-10-22 19:53:39 - automatic
|
|
7
|
+
* @author Bruce Escobar - automatic
|
|
8
|
+
* @updatedUser Bruce Escobar - automatic
|
|
9
|
+
* @updatedAt 2024-10-22 19:53:40 - automatic
|
|
10
|
+
* @createdAt 2024-10-22 19:27:22 - automatic
|
|
11
|
+
* @author Bruce Escobar - automatic
|
|
12
|
+
* @updatedUser Bruce Escobar - automatic
|
|
13
|
+
* @updatedAt 2024-10-22 19:53:40 - automatic
|
|
14
|
+
* @createdAt 2024-10-22 09:42:38 - automatic
|
|
15
|
+
* @author Bruce Escobar - automatic
|
|
16
|
+
* @updatedUser Bruce Escobar - automatic
|
|
17
|
+
* @updatedAt 2024-10-22 19:53:40 - automatic
|
|
18
|
+
* @createdAt 2024-10-22 09:41:31 - automatic
|
|
19
|
+
* @author Bruce Escobar - automatic
|
|
20
|
+
* @author Bruce Escobar - automatic
|
|
21
|
+
* @createdAt 2024-10-22 09:41:31 - automatic
|
|
22
|
+
* @updatedAt 2024-10-22 19:53:40 - automatic
|
|
23
|
+
* @updatedUser Bruce Escobar - automatic
|
|
4
24
|
*/
|
|
5
25
|
styledMUIIconButton: ({ ownerState, theme }) => ({
|
|
6
26
|
cursor: ownerState.disabled ? "not-allowed" : "pointer",
|
|
@@ -42,8 +62,8 @@ const iconButtonStyles = {
|
|
|
42
62
|
},
|
|
43
63
|
"& .icon": {
|
|
44
64
|
...theme.generalSettings.isMobile ? {
|
|
45
|
-
width: theme.vars.size.mobile.medium.
|
|
46
|
-
height: theme.vars.size.mobile.medium.
|
|
65
|
+
width: theme.vars.size.mobile.medium.action,
|
|
66
|
+
height: theme.vars.size.mobile.medium.action
|
|
47
67
|
} : {
|
|
48
68
|
width: theme.vars.size.desktop.medium.base,
|
|
49
69
|
height: theme.vars.size.desktop.medium.base
|
|
@@ -257,10 +277,18 @@ const iconButtonStyles = {
|
|
|
257
277
|
}),
|
|
258
278
|
/**
|
|
259
279
|
* Tooltip Styles
|
|
280
|
+
* @author Bruce Escobar - automatic
|
|
281
|
+
* @createdAt 2024-10-22 19:53:39 - automatic
|
|
282
|
+
* @updatedAt 2024-10-22 19:53:40 - automatic
|
|
283
|
+
* @updatedUser Bruce Escobar - automatic
|
|
260
284
|
*/
|
|
261
285
|
tooltip: () => ({}),
|
|
262
286
|
/**
|
|
263
287
|
* Comentado por el momento, falta de documentación en Figma de Badge
|
|
288
|
+
* @author Bruce Escobar - automatic
|
|
289
|
+
* @createdAt 2024-10-22 09:41:31 - automatic
|
|
290
|
+
* @updatedAt 2024-10-22 19:53:40 - automatic
|
|
291
|
+
* @updatedUser Bruce Escobar - automatic
|
|
264
292
|
*/
|
|
265
293
|
badgeIconButton: () => ({
|
|
266
294
|
// '& [class*="MuiBadge-badge"]': {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const StyledMUIIconButton: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
|
|
2
2
|
ref?: ((instance: HTMLButtonElement | 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<HTMLButtonElement> | null | undefined;
|
|
3
|
-
}, "
|
|
3
|
+
}, "size" | "children" | "color" | "sx" | "classes" | "className" | "style" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge">, "size" | "name" | "children" | "ref" | "value" | "color" | "content" | "translate" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "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" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "form" | "key" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').IconButtonOwnerState> & Record<string, unknown> & {
|
|
4
4
|
ownerState: Partial<import('../types').IconButtonOwnerState> & Record<string, unknown>;
|
|
5
5
|
}, {}, {}>;
|
|
6
6
|
export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../Icon').IconProps, keyof import('../../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').IconButtonOwnerState> & Record<string, unknown> & {
|
|
@@ -8,7 +8,7 @@ export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<
|
|
|
8
8
|
}, {}, {}>;
|
|
9
9
|
export declare const BadgeStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').BadgeOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
10
10
|
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;
|
|
11
|
-
}, "color" | "sx" | "classes" | "className" | "style" | "
|
|
11
|
+
}, "children" | "color" | "sx" | "classes" | "className" | "style" | "components" | "componentsProps" | "slotProps" | "slots" | "badgeContent" | "variant" | "anchorOrigin" | "invisible" | "max" | "overlap" | "showZero">, "children" | "ref" | "color" | "content" | "translate" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "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" | "components" | "componentsProps" | "slotProps" | "slots" | "key" | "badgeContent" | "variant" | "anchorOrigin" | "invisible" | "max" | "overlap" | "showZero"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').IconButtonOwnerState> & Record<string, unknown> & {
|
|
12
12
|
ownerState: Partial<import('../types').IconButtonOwnerState> & Record<string, unknown>;
|
|
13
13
|
}, {}, {}>;
|
|
14
14
|
export declare const TooltipStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Tooltip').TooltipProps, keyof import('../../Tooltip').TooltipProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').IconButtonOwnerState> & Record<string, unknown> & {
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import { MuiLabLoadingButtonProps } from './types';
|
|
2
2
|
/**
|
|
3
3
|
* TODO: Documentar
|
|
4
|
+
* @author Bruce Escobar - automatic
|
|
5
|
+
* @createdAt 2024-10-22 09:41:31 - automatic
|
|
6
|
+
* @updatedAt 2024-10-22 19:27:23 - automatic
|
|
7
|
+
* @updatedUser Bruce Escobar - automatic
|
|
4
8
|
*/
|
|
5
9
|
export declare const LoadingButton: (props: MuiLabLoadingButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,7 +9,7 @@ export declare const BadgeStyled: import('@emotion/styled').StyledComponent<Pick
|
|
|
9
9
|
}, {}, {}>;
|
|
10
10
|
export declare const MenuItemStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
11
11
|
ref?: ((instance: HTMLLIElement | 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<HTMLLIElement> | null | undefined;
|
|
12
|
-
}, "
|
|
12
|
+
}, "children" | "sx" | "classes" | "autoFocus" | "className" | "style" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "divider" | "dense" | "selected" | "disableGutters">, "children" | "ref" | "value" | "color" | "content" | "translate" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "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" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "key" | "divider" | "dense" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
|
|
13
13
|
ownerState: Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown>;
|
|
14
14
|
}, {}, {}>;
|
|
15
15
|
export declare const LabelMenuItemStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').MenuActionsOwnerState> & Record<string, unknown> & {
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { MenuItemProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* MenuItem component renders a menu item with optional icon and label.
|
|
4
|
+
* It supports different sizes, colors, and states such as disabled and selected.
|
|
5
|
+
* If the module is in skeleton mode, it renders a skeleton menu item instead.
|
|
6
|
+
* @author Bruce Escobar - automatic
|
|
7
|
+
* @createdAt 2024-10-22 10:30:26 - automatic
|
|
8
|
+
* @updatedAt 2024-10-22 20:04:57 - automatic
|
|
9
|
+
* @updatedUser Bruce Escobar - automatic
|
|
10
|
+
*/
|
|
11
|
+
export declare const MenuItem: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react/*';
|
|
2
|
+
import { MenuItem } from '.';
|
|
3
|
+
declare const meta: Meta<typeof MenuItem>;
|
|
4
|
+
type Story = StoryObj<typeof MenuItem>;
|
|
5
|
+
/**
|
|
6
|
+
* Historia base para `MenuItem` en modo estándar.
|
|
7
|
+
*/
|
|
8
|
+
export declare const Base: Story;
|
|
9
|
+
/**
|
|
10
|
+
* Historia para `MenuItem` activado y con ícono.
|
|
11
|
+
*/
|
|
12
|
+
export declare const ActiveWithIcon: Story;
|
|
13
|
+
/**
|
|
14
|
+
* Historia para `MenuItem` activado sin ícono.
|
|
15
|
+
*/
|
|
16
|
+
export declare const ActiveWithoutIcon: Story;
|
|
17
|
+
/**
|
|
18
|
+
* Historia para `MenuItem` desactivado con ícono.
|
|
19
|
+
*/
|
|
20
|
+
export declare const InactiveWithIcon: Story;
|
|
21
|
+
/**
|
|
22
|
+
* Historia para `MenuItem` desactivado sin ícono.
|
|
23
|
+
*/
|
|
24
|
+
export declare const InactiveWithoutIcon: Story;
|
|
25
|
+
/**
|
|
26
|
+
* Historia para `MenuItem` deshabilitado con ícono.
|
|
27
|
+
*/
|
|
28
|
+
export declare const DisabledWithIcon: Story;
|
|
29
|
+
/**
|
|
30
|
+
* Historia para `MenuItem` deshabilitado sin ícono.
|
|
31
|
+
*/
|
|
32
|
+
export declare const DisabledWithoutIcon: Story;
|
|
33
|
+
/**
|
|
34
|
+
* Historia para `MenuItem` en modo skeleton.
|
|
35
|
+
*/
|
|
36
|
+
export declare const WithSkeleton: Story;
|
|
37
|
+
export default meta;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Clave de identificación del componente MenuItem dentro del sistema.
|
|
3
|
+
*
|
|
4
|
+
* Esta constante se utiliza como identificador único para asociar y personalizar estilos y configuraciones
|
|
5
|
+
* relacionadas con el componente `MenuItem` dentro del sistema de temas y estilos.
|
|
6
|
+
* @default 'M4LMenuItem'
|
|
7
|
+
*/
|
|
8
|
+
export declare const MENUITEM_KEY_COMPONENT = "M4LMenuItem";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare const MenuItemRoot: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').MenuItemOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
|
|
2
|
+
ref?: ((instance: HTMLLIElement | 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<HTMLLIElement> | null | undefined;
|
|
3
|
+
}, "children" | "sx" | "classes" | "autoFocus" | "className" | "style" | "tabIndex" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "divider" | "dense" | "selected" | "disableGutters">, "children" | "ref" | "value" | "color" | "content" | "translate" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "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" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "key" | "divider" | "dense" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').MenuItemOwnerState> & Record<string, unknown> & {
|
|
4
|
+
ownerState: Partial<import('..').MenuItemOwnerState> & Record<string, unknown>;
|
|
5
|
+
}, {}, {}>;
|
|
6
|
+
export declare const MenuItemIcon: import('@emotion/styled').StyledComponent<Pick<import('../../../Icon').IconProps, keyof import('../../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').MenuItemOwnerState> & Record<string, unknown> & {
|
|
7
|
+
ownerState: Partial<import('..').MenuItemOwnerState> & Record<string, unknown>;
|
|
8
|
+
}, {}, {}>;
|
|
9
|
+
export declare const SkeletonMenuItem: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').MenuItemOwnerState> & Record<string, unknown> & {
|
|
10
|
+
ownerState: Partial<import('..').MenuItemOwnerState> & Record<string, unknown>;
|
|
11
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { MenuItemProps as MUIMenuItemProps, Theme, PaletteColor } from '@mui/material';
|
|
2
|
+
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
3
|
+
import { Sizes, ComponentPalletColor } from '@m4l/styles';
|
|
4
|
+
import { MenuItemSlots } from './slots';
|
|
5
|
+
import { MENUITEM_KEY_COMPONENT } from './constants';
|
|
6
|
+
/**
|
|
7
|
+
* Props para el componente `MenuItem`, extendiendo las propiedades originales de Material UI.
|
|
8
|
+
* Omit<MUIMenuItemProps, 'size' | 'color'>
|
|
9
|
+
* [icon] - Prop opcional para el ícono mostrado en el `MenuItem`.
|
|
10
|
+
* label - Texto que describe el `MenuItem`.
|
|
11
|
+
* [selected] - Indica si el item está seleccionado.
|
|
12
|
+
* [componentPaletteColor] - Personalización del color de la paleta del componente.
|
|
13
|
+
* [color] - Define el color del `MenuItem` (solo 'primary' permitido).
|
|
14
|
+
* [disabled] - Indica si el `MenuItem` está deshabilitado.
|
|
15
|
+
* [size] - Tamaño del `MenuItem` (por defecto 'medium').
|
|
16
|
+
*/
|
|
17
|
+
export interface MenuItemProps extends Omit<MUIMenuItemProps, 'size' | 'color'> {
|
|
18
|
+
icon?: string;
|
|
19
|
+
label: string;
|
|
20
|
+
selected?: boolean;
|
|
21
|
+
componentPaletteColor?: ComponentPalletColor;
|
|
22
|
+
color?: Extract<ComponentPalletColor, 'primary'>;
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
size?: Sizes;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Estado del propietario del `MenuItem` utilizado para definir propiedades internas de estilo y comportamiento.
|
|
28
|
+
* Pick<MenuItemProps, 'size' | 'componentPaletteColor' | 'disabled' | 'selected'>
|
|
29
|
+
* paletteColor - Define el color de la paleta aplicada al `MenuItem`.
|
|
30
|
+
*/
|
|
31
|
+
export interface MenuItemOwnerState extends Pick<MenuItemProps, 'size' | 'componentPaletteColor' | 'disabled' | 'selected'> {
|
|
32
|
+
paletteColor: PaletteColor;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Define los tipos de Slots disponibles para el `MenuItem`.
|
|
36
|
+
*/
|
|
37
|
+
export type MenuItemSlotsType = keyof typeof MenuItemSlots;
|
|
38
|
+
/**
|
|
39
|
+
* Estilos aplicables al `MenuItem` utilizando temas y slots personalizados.
|
|
40
|
+
*/
|
|
41
|
+
export type MenuItemStyles = Partial<OverridesStyleRules<MenuItemSlotsType, typeof MENUITEM_KEY_COMPONENT, Theme> | undefined> | undefined;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { SelectProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Select component is an extended version of Material UI Select, which offers additional features such as size control, color palette customization, and icon support.
|
|
4
|
+
* @author Bruce Escobar - automatic
|
|
5
|
+
* @createdAt 2024-10-22 10:30:26 - automatic
|
|
6
|
+
* @updatedAt 2024-10-22 20:03:58 - automatic
|
|
7
|
+
* @updatedUser Bruce Escobar - automatic
|
|
8
|
+
*/
|
|
9
|
+
export declare const Select: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Clave de identificación del componente Select dentro del sistema.
|
|
3
|
+
*
|
|
4
|
+
* Esta constante se utiliza como identificador único para asociar y personalizar estilos y configuraciones
|
|
5
|
+
* relacionadas con el componente `Select` dentro del sistema de temas y estilos.
|
|
6
|
+
* @default 'M4LSelect'
|
|
7
|
+
*/
|
|
8
|
+
export declare const SELECT_KEY_COMPONENT = "M4LSelect";
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export declare const SelectRoot: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SelectProps<unknown>, "size" | "name" | "children" | "ref" | "value" | "color" | "content" | "translate" | "margin" | "sx" | "classes" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "style" | "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" | "components" | "componentsProps" | "onClose" | "onOpen" | "open" | "slotProps" | "slots" | "disabled" | "input" | "label" | "type" | "variant" | "error" | "multiple" | "autoComplete" | "placeholder" | "readOnly" | "required" | "rows" | "fullWidth" | "inputProps" | "inputRef" | "disableInjectingGlobalStyles" | "endAdornment" | "inputComponent" | "multiline" | "renderSuffix" | "maxRows" | "minRows" | "startAdornment" | "disableUnderline" | "autoWidth" | "defaultOpen" | "displayEmpty" | "IconComponent" | "labelId" | "MenuProps" | "native" | "renderValue" | "SelectDisplayProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').SelectOwnerState> & Record<string, unknown> & {
|
|
2
|
+
ownerState: Partial<import('..').SelectOwnerState> & Record<string, unknown>;
|
|
3
|
+
}, {}, {}>;
|
|
4
|
+
export declare const RowIconSelect: import('@emotion/styled').StyledComponent<Pick<import('../../../Icon').IconProps, keyof import('../../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').SelectOwnerState> & Record<string, unknown> & {
|
|
5
|
+
ownerState: Partial<import('..').SelectOwnerState> & Record<string, unknown>;
|
|
6
|
+
}, {}, {}>;
|
|
7
|
+
export declare const MenuItemSelect: import('@emotion/styled').StyledComponent<Pick<import('../../MenuItem').MenuItemProps, keyof import('../../MenuItem').MenuItemProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').SelectOwnerState> & Record<string, unknown> & {
|
|
8
|
+
ownerState: Partial<import('..').SelectOwnerState> & Record<string, unknown>;
|
|
9
|
+
}, {}, {}>;
|
|
10
|
+
export declare const SkeletonSelect: import('@emotion/styled').StyledComponent<Pick<import('../../Skeleton/types').SkeletonProps, keyof import('../../Skeleton/types').SkeletonProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('..').SelectOwnerState> & Record<string, unknown> & {
|
|
11
|
+
ownerState: Partial<import('..').SelectOwnerState> & Record<string, unknown>;
|
|
12
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Select } from '../Select';
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Select>;
|
|
6
|
+
/**
|
|
7
|
+
* Historia base del componente Select.
|
|
8
|
+
* Utiliza el tamaño 'medium' y una lista de opciones predefinidas.
|
|
9
|
+
* El color del componente es 'primary' y tiene un evento onChange
|
|
10
|
+
* que maneja el cambio de la selección.
|
|
11
|
+
* - name: Nombre del input del componente.
|
|
12
|
+
* - size: Tamaño del select, se puede usar 'small' o 'medium' (en este caso 'medium').
|
|
13
|
+
* - options: Lista de opciones disponibles para seleccionar en el componente, en sus propiedades puede llegara "icono" que es la url del icono que se visualizara en las opciones.
|
|
14
|
+
* - color: Color del select, con valor por defecto 'primary'.
|
|
15
|
+
* - componentPaletteColor: Paleta de colores personalizada para el select (en este caso 'primary').
|
|
16
|
+
* - onChange: Función callback que maneja el evento cuando el usuario selecciona una opción.
|
|
17
|
+
* @author Bruce Escobar - automatic
|
|
18
|
+
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
19
|
+
* @updatedAt 2024-10-22 20:03:58 - automatic
|
|
20
|
+
* @updatedUser Bruce Escobar - automatic
|
|
21
|
+
*/
|
|
22
|
+
export declare const Base: Story;
|
|
23
|
+
/**
|
|
24
|
+
* Historia select con valor seleccionado sin icono, los argumentos son los mismos de la historia Base
|
|
25
|
+
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
26
|
+
*/
|
|
27
|
+
export declare const SelectWithoutIcon: Story;
|
|
28
|
+
/**
|
|
29
|
+
* Historia select con valor seleccionado con icono, los argumentos son los mismos de la historia Base
|
|
30
|
+
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
31
|
+
*/
|
|
32
|
+
export declare const SelectWithIcon: Story;
|
|
33
|
+
/**
|
|
34
|
+
*Historia select hover con valor seleccionado sin icono, los argumentos son los mismos de la historia Base
|
|
35
|
+
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
36
|
+
*/
|
|
37
|
+
export declare const SelectWithHoverWithoutIcon: Story;
|
|
38
|
+
/**
|
|
39
|
+
*Historia select hover con valor seleccionado con icono, los argumentos son los mismos de la historia Base
|
|
40
|
+
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
41
|
+
*/
|
|
42
|
+
export declare const SelectWithHoverWithIcon: Story;
|
|
43
|
+
/**
|
|
44
|
+
*Historia select focus con valor seleccionado sin icono, los argumentos son los mismos de la historia Base
|
|
45
|
+
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
46
|
+
*/
|
|
47
|
+
export declare const SelectWithFocusWithoutIcon: Story;
|
|
48
|
+
/**
|
|
49
|
+
*Historia select focus con valor seleccionado con icono, los argumentos son los mismos de la historia Base
|
|
50
|
+
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
51
|
+
*/
|
|
52
|
+
export declare const SelectWithFocusWithIcon: Story;
|
|
53
|
+
/**
|
|
54
|
+
* Historias select con estado error,
|
|
55
|
+
* @createdAt 2024-10-22 20:03:57 - automatic
|
|
56
|
+
* @createdAt 2024-10-22 10:39:37 - automatic
|
|
57
|
+
* @createdAt 2024-10-22 10:39:37 - automatic
|
|
58
|
+
*/
|
|
59
|
+
export declare const SelectWithErrorWithoutIcon: Story;
|
|
60
|
+
export declare const SelectWithErrorWithIcon: Story;
|
|
61
|
+
export declare const SelectErrorWithHoverWithoutIcon: Story;
|
|
62
|
+
export declare const SelectErrorWithHoverWithIcon: Story;
|
|
63
|
+
/**
|
|
64
|
+
* Historias select con estado error,
|
|
65
|
+
*/
|
|
66
|
+
export declare const SelectDisabledWithoutIcon: Story;
|
|
67
|
+
/**
|
|
68
|
+
* Historia select disabled con icono en el item
|
|
69
|
+
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
70
|
+
*/
|
|
71
|
+
export declare const SelectDisabledWithIcon: Story;
|
|
72
|
+
/**
|
|
73
|
+
* Select in skeleton mode
|
|
74
|
+
*/
|
|
75
|
+
export declare const WithSkeleton: Story;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Select } from '../Select';
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
type Story = StoryObj<typeof Select>;
|
|
5
|
+
/**
|
|
6
|
+
* Base Select component
|
|
7
|
+
* @author Bruce Escobar - automatic
|
|
8
|
+
* @createdAt 2024-10-22 20:03:57 - automatic
|
|
9
|
+
* @updatedAt 2024-10-22 20:03:58 - automatic
|
|
10
|
+
* @updatedUser Bruce Escobar - automatic
|
|
11
|
+
*/
|
|
12
|
+
export declare const Base: Story;
|
|
13
|
+
export declare const SelectWithoutIcon: Story;
|
|
14
|
+
export declare const SelectWithIcon: Story;
|
|
15
|
+
export declare const SelectWithHoverWithoutIcon: Story;
|
|
16
|
+
export declare const SelectWithHoverWithIcon: Story;
|
|
17
|
+
export declare const SelectWithFocusWithoutIcon: Story;
|
|
18
|
+
export declare const SelectWithFocusWithIcon: Story;
|
|
19
|
+
export declare const SelectWithErrorWithoutIcon: Story;
|
|
20
|
+
export declare const SelectWithErrorWithIcon: Story;
|
|
21
|
+
export declare const SelectErrorWithHoverWithoutIcon: Story;
|
|
22
|
+
export declare const SelectErrorWithHoverWithIcon: Story;
|
|
23
|
+
export declare const SelectDisabledWithoutIcon: Story;
|
|
24
|
+
export declare const SelectDisabledWithIcon: Story;
|
|
25
|
+
/**
|
|
26
|
+
* Select in skeleton mode
|
|
27
|
+
*/
|
|
28
|
+
export declare const WithSkeleton: Story;
|
|
29
|
+
export default meta;
|