@m4l/components 8.1.0 → 8.2.0-beta.devDaniel.RHFInputNumberSpinner
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 +8 -0
- package/components/CommonActions/classes/index.d.ts +1 -1
- package/components/ControlIncrement/slots/ControltrolIncrementSlots.d.ts +1 -1
- package/components/DataGrid/classes/index.d.ts +1 -1
- 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/Label/slots/LabelSlots.d.ts +1 -1
- package/components/PaperForm/classes/index.d.ts +1 -1
- package/components/Period/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/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/RHFCheckbox/classes/index.d.ts +1 -1
- package/components/hook-form/RHFCheckbox/styles.d.ts +1 -1
- package/components/hook-form/RHFColorPicker/classes/index.d.ts +1 -1
- package/components/hook-form/RHFDateTime/classes/index.d.ts +1 -1
- package/components/hook-form/RHFInputNumberSpinner/RHFInputNumberSpinner.d.ts +5 -0
- package/components/hook-form/RHFInputNumberSpinner/RHFInputNumberSpinner.styles.d.ts +8 -0
- package/components/hook-form/RHFInputNumberSpinner/constants.d.ts +4 -0
- package/components/hook-form/RHFInputNumberSpinner/slots/RHFInputNumberSpinnerEnum.d.ts +10 -0
- package/components/hook-form/RHFInputNumberSpinner/slots/RHFInputNumberSpinnerSlots.d.ts +28 -0
- package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.defaultProps.stories.d.ts +26 -0
- package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.error.stories.d.ts +13 -0
- package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.variants.stories.d.ts +23 -0
- package/components/hook-form/RHFInputNumberSpinner/types.d.ts +71 -0
- package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts +1 -1
- package/components/hook-form/RHFUpload/RHFUploadImage/classes/index.d.ts +1 -1
- package/components/maps/components/Map/classes/index.d.ts +1 -1
- package/components/mui_extended/Accordion/classes/index.d.ts +1 -1
- package/components/mui_extended/Avatar/classes/index.d.ts +1 -1
- package/components/mui_extended/Badge/slots/BadgeSlots.d.ts +1 -1
- package/components/mui_extended/Button/classes/index.d.ts +1 -1
- package/components/mui_extended/Button/styles.d.ts +1 -1
- package/components/mui_extended/CheckBox/classes/index.d.ts +1 -1
- package/components/mui_extended/IconButton/slots/IconButtonSlots.d.ts +2 -2
- package/components/mui_extended/LoadingButton/classes/index.d.ts +1 -1
- package/components/mui_extended/MenuActions/slots/MenuActionsSlots.d.ts +1 -1
- package/components/mui_extended/MenuItem/slots/MenuItemSlots.d.ts +1 -1
- package/components/mui_extended/Pager/classes/index.d.ts +1 -1
- package/components/mui_extended/Select/slots/SelectSlots.d.ts +1 -1
- package/components/mui_extended/Skeleton/Slots/skeletonSlots.d.ts +1 -1
- package/components/mui_extended/Tab/classes/index.d.ts +1 -1
- package/components/mui_extended/Tabs/styles.d.ts +1 -1
- package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +2 -2
- package/components/mui_extended/Typography/slots/typographySlots.d.ts +1 -1
- package/package.json +1 -1
- package/test/mocks.d.ts +7 -7
- package/utils/index.d.ts +1 -1
package/@types/types.d.ts
CHANGED
|
@@ -52,6 +52,7 @@ import type {
|
|
|
52
52
|
} from '../components/mui_extended/MenuItem/types';
|
|
53
53
|
|
|
54
54
|
import { SelectOwnerState, SelectSlotsType } from '../components/mui_extended/Select/types';
|
|
55
|
+
import { RHFInputNumberSpinnerOwnerState, RHFInputNumberSpinnerSlotsType } from '../components/hook-form/RHFInputNumberSpinner/types';
|
|
55
56
|
|
|
56
57
|
declare module '@mui/material/styles' {
|
|
57
58
|
// Define the slots in the theme
|
|
@@ -76,6 +77,7 @@ declare module '@mui/material/styles' {
|
|
|
76
77
|
M4LSkeleton: SkeletonSlotsType;
|
|
77
78
|
M4LSelect: SelectSlotsType;
|
|
78
79
|
M4LTypography: TypographySlotsType;
|
|
80
|
+
M4LRHFInputNumberSpinner: RHFInputNumberSpinnerSlotsType;
|
|
79
81
|
}
|
|
80
82
|
|
|
81
83
|
interface ComponentsPropsList {
|
|
@@ -100,6 +102,7 @@ declare module '@mui/material/styles' {
|
|
|
100
102
|
M4LSkeleton: Partial<SkeletonOwnerState>;
|
|
101
103
|
M4LSelect: Partial<SelectOwnerState>;
|
|
102
104
|
M4LTypography: Partial<TypographyOwnerState>;
|
|
105
|
+
M4LRHFInputNumberSpinner:Partial<RHFInputNumberSpinnerOwnerState>
|
|
103
106
|
}
|
|
104
107
|
|
|
105
108
|
interface Components {
|
|
@@ -202,6 +205,11 @@ declare module '@mui/material/styles' {
|
|
|
202
205
|
styleOverrides?: ComponentsOverrides<Theme>['M4LTypography'];
|
|
203
206
|
variants?: ComponentsVariants['M4LTypography'];
|
|
204
207
|
};
|
|
208
|
+
M4LRHFInputNumberSpinner?: {
|
|
209
|
+
defaultProps?: ComponentsPropsList['M4LRHFInputNumberSpinner'];
|
|
210
|
+
styleOverrides?: ComponentsOverrides<Theme>['M4LRHFInputNumberSpinner'];
|
|
211
|
+
variants?: ComponentsVariants['M4LRHFInputNumberSpinner'];
|
|
212
|
+
};
|
|
205
213
|
}
|
|
206
214
|
}
|
|
207
215
|
}
|
|
@@ -4,4 +4,4 @@ export declare function getCommonActionsUtilityClass(slot: string): string;
|
|
|
4
4
|
/**
|
|
5
5
|
* TODO: Documentar
|
|
6
6
|
*/
|
|
7
|
-
export declare const useCommonActionsUtilityClasses: () => Record<"
|
|
7
|
+
export declare const useCommonActionsUtilityClasses: () => Record<"skeleton" | "root" | "actionCancel" | "actionFormCancel" | "actionFormIntro" | "actionIntro" | "wrapperActions", string>;
|
|
@@ -9,6 +9,6 @@ export declare const IconButtonDownStyles: import('@emotion/styled').StyledCompo
|
|
|
9
9
|
}, {}, {}>;
|
|
10
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
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" | "
|
|
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
13
|
ownerState: Partial<import('../types').ControlIncrementOwnerState> & Record<string, unknown>;
|
|
14
14
|
}, {}, {}>;
|
|
@@ -6,8 +6,8 @@ export declare function getDataGridUtilityClass(slot: string): string;
|
|
|
6
6
|
* TODO: Documentar
|
|
7
7
|
*/
|
|
8
8
|
export declare const dataGridUtilityClasses: (ownerState: OwnerState) => {
|
|
9
|
-
actions: string;
|
|
10
9
|
root: string;
|
|
10
|
+
actions: string;
|
|
11
11
|
rowsCount: string;
|
|
12
12
|
rowsCountLabel: string;
|
|
13
13
|
rowsCountValue: string;
|
|
@@ -57,7 +57,7 @@ export declare const PopoverMenuStyled: import('@emotion/styled').StyledComponen
|
|
|
57
57
|
}, {}, {}>;
|
|
58
58
|
export declare const PopoverMenuItemStyled: 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"> & {
|
|
59
59
|
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;
|
|
60
|
-
}, "children" | "
|
|
60
|
+
}, "children" | "action" | "divider" | "style" | "dense" | "disabled" | "sx" | "classes" | "autoFocus" | "className" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters">, "children" | "value" | "ref" | "title" | "id" | "action" | "divider" | "hidden" | "color" | "content" | "style" | "dense" | "disabled" | "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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "key" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
|
|
61
61
|
ownerState: Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown>;
|
|
62
62
|
}, {}, {}>;
|
|
63
63
|
export declare const PopoverMenuItemIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicFilterOwnerState> & Record<string, unknown> & {
|
|
@@ -54,7 +54,7 @@ export declare const PopoverMenuStyled: import('@emotion/styled').StyledComponen
|
|
|
54
54
|
}, {}, {}>;
|
|
55
55
|
export declare const PopoverMenuItemStyled: 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"> & {
|
|
56
56
|
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;
|
|
57
|
-
}, "children" | "
|
|
57
|
+
}, "children" | "action" | "divider" | "style" | "dense" | "disabled" | "sx" | "classes" | "autoFocus" | "className" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters">, "children" | "value" | "ref" | "title" | "id" | "action" | "divider" | "hidden" | "color" | "content" | "style" | "dense" | "disabled" | "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" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "key" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
|
|
58
58
|
ownerState: Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown>;
|
|
59
59
|
}, {}, {}>;
|
|
60
60
|
export declare const PopoverMenuItemIconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../Icon').IconProps, keyof import('../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').DynamicSortOwnerState> & Record<string, unknown> & {
|
|
@@ -3,5 +3,5 @@ export declare const gridLayoutClasses: GridLayoutClasses;
|
|
|
3
3
|
/**
|
|
4
4
|
* TODO: Documentar
|
|
5
5
|
*/
|
|
6
|
-
export declare const useUtilityClasses: () => Record<"
|
|
6
|
+
export declare const useUtilityClasses: () => Record<"static" | "root" | "invisible" | "colapsed" | "resizing" | "dragging" | "gridItemRoot" | "gridItemPlaceholder" | "gridItemFreeMove" | "maximizeMe" | "maximizeOther" | "resizeHide" | "cssTransforms", string>;
|
|
7
7
|
export type Classes = ReturnType<typeof useUtilityClasses>;
|
|
@@ -12,6 +12,6 @@ export declare const IconHelperMessageStyled: import('@emotion/styled').StyledCo
|
|
|
12
12
|
}, {}, {}>;
|
|
13
13
|
export declare const SkeletonStyled: 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"> & {
|
|
14
14
|
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;
|
|
15
|
-
}, "children" | "
|
|
15
|
+
}, "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').LabelOwnerState> & Record<string, unknown> & {
|
|
16
16
|
ownerState: Partial<import('../types').LabelOwnerState> & Record<string, unknown>;
|
|
17
17
|
}, {}, {}>;
|
|
@@ -6,8 +6,8 @@ export declare function getPaperFormUtilityClass(slot: string): string;
|
|
|
6
6
|
* TODO: Documentar
|
|
7
7
|
*/
|
|
8
8
|
export declare const paperFormUtilityClasses: (ownerState: OwnerState) => {
|
|
9
|
-
root: string;
|
|
10
9
|
content: string;
|
|
10
|
+
root: string;
|
|
11
11
|
headerContainer: string;
|
|
12
12
|
iconTitleContainer: string;
|
|
13
13
|
iconHeaderContainer: string;
|
|
@@ -6,8 +6,8 @@ export declare function getPeriodUtilityClass(slot: string): string;
|
|
|
6
6
|
* TODO: Documentar
|
|
7
7
|
*/
|
|
8
8
|
export declare const periodUtilityClasses: (ownerState: OwnerState) => {
|
|
9
|
-
root: string;
|
|
10
9
|
skeleton: string;
|
|
10
|
+
root: string;
|
|
11
11
|
containerDateLabel: string;
|
|
12
12
|
containerDateValue: string;
|
|
13
13
|
skeletonFieldPrimary: string;
|
|
@@ -5,9 +5,9 @@ export declare const SideBarClasses: SideBarClassesType;
|
|
|
5
5
|
* TODO: Documentar
|
|
6
6
|
*/
|
|
7
7
|
export declare const getSideBarClassesByState: (ownerState: SideBarState) => {
|
|
8
|
+
skeleton: string;
|
|
8
9
|
root: string;
|
|
9
10
|
footer: string;
|
|
10
|
-
skeleton: string;
|
|
11
11
|
contentDesktop: string;
|
|
12
12
|
contentMobile: string;
|
|
13
13
|
collapseButton: string;
|
|
@@ -2,6 +2,6 @@ import { ListItemStyleProps } from './types';
|
|
|
2
2
|
import { Theme } from '@mui/system';
|
|
3
3
|
export declare const ListItemStyle: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
4
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
5
|
-
}, "children" | "
|
|
5
|
+
}, "children" | "action" | "divider" | "style" | "dense" | "disabled" | "alignItems" | "sx" | "classes" | "autoFocus" | "className" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & ListItemStyleProps & {
|
|
6
6
|
theme: Theme;
|
|
7
7
|
}, {}, {}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { DotIconProps } from './types';
|
|
2
2
|
export declare const NavSubItemContentRoot: import('@emotion/styled').StyledComponent<import('@mui/material').ListItemButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
3
3
|
ref?: ((instance: HTMLDivElement | 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<HTMLDivElement> | null | undefined;
|
|
4
|
-
}, "children" | "
|
|
4
|
+
}, "children" | "action" | "divider" | "style" | "dense" | "disabled" | "alignItems" | "sx" | "classes" | "autoFocus" | "className" | "tabIndex" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "selected" | "disableGutters"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
5
5
|
export declare const DotIcon: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & DotIconProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { Resizable } from 'react-resizable';
|
|
2
|
-
export declare const RootStyled: import('@emotion/styled').StyledComponent<Pick<import('react-resizable').ResizableProps, "children" | "
|
|
2
|
+
export declare const RootStyled: import('@emotion/styled').StyledComponent<Pick<import('react-resizable').ResizableProps, "children" | "width" | "height" | "className" | "onResize" | "axis" | "resizeHandles" | "handle" | "handleSize" | "lockAspectRatio" | "minConstraints" | "maxConstraints" | "onResizeStop" | "onResizeStart" | "draggableOpts" | "transformScale"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {
|
|
3
3
|
ref?: import('react').Ref<Resizable> | undefined;
|
|
4
4
|
}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ResizableBox } from 'react-resizable';
|
|
2
|
-
export declare const RootStyled: import('@emotion/styled').StyledComponent<Pick<import('react-resizable').ResizableBoxProps, "children" | "
|
|
2
|
+
export declare const RootStyled: import('@emotion/styled').StyledComponent<Pick<import('react-resizable').ResizableBoxProps, "children" | "style" | "width" | "height" | "className" | "onResize" | "axis" | "resizeHandles" | "handle" | "handleSize" | "lockAspectRatio" | "minConstraints" | "maxConstraints" | "onResizeStop" | "onResizeStart" | "draggableOpts" | "transformScale"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Record<string, unknown>, {}, {
|
|
3
3
|
ref?: import('react').Ref<ResizableBox> | undefined;
|
|
4
4
|
}>;
|
|
@@ -6,9 +6,9 @@ export declare function getRHFAutocompleteClassesUtilityClass(slot: string): str
|
|
|
6
6
|
* TODO: Documentar
|
|
7
7
|
*/
|
|
8
8
|
export declare const useUtilityClasses: (ownerState: OwnerState) => {
|
|
9
|
+
skeleton: string;
|
|
9
10
|
root: string;
|
|
10
11
|
label: string;
|
|
11
|
-
skeleton: string;
|
|
12
12
|
popper: string;
|
|
13
13
|
skeletonRoot: string;
|
|
14
14
|
skeletonContainerText: string;
|
|
@@ -2,5 +2,5 @@ export declare const RHFCheckboxRoot: import('@emotion/styled').StyledComponent<
|
|
|
2
2
|
export declare const WrapperSKTRHFCheckbox: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3
3
|
export declare const SKTCheckSkeleton: import('@emotion/styled').StyledComponent<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
|
|
4
4
|
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;
|
|
5
|
-
}, "children" | "
|
|
5
|
+
}, "children" | "style" | "variant" | "width" | "height" | "animation" | "sx" | "classes" | "className"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
6
6
|
export declare const ContainerCheckTypography: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -6,8 +6,8 @@ export declare function getRHFColorPickerUtilityClass(slot: string): string;
|
|
|
6
6
|
* TODO: Documentar
|
|
7
7
|
*/
|
|
8
8
|
export declare const useUtilityClasses: (owmerState: OwnerState) => {
|
|
9
|
-
root: string;
|
|
10
9
|
skeleton: string;
|
|
10
|
+
root: string;
|
|
11
11
|
popoverRoot: string;
|
|
12
12
|
containerFieldColor: string;
|
|
13
13
|
containerPicker: string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { RHFInputNumberSpinnerStyles } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Estilos para el componente `RHFInputNumberSpinner`.
|
|
4
|
+
*
|
|
5
|
+
* Este objeto contiene los estilos para los diferentes slots del componente,
|
|
6
|
+
* permitiendo personalizar su apariencia a través de las propiedades definidas.
|
|
7
|
+
*/
|
|
8
|
+
export declare const rhfInputNumberSpinnerStyles: RHFInputNumberSpinnerStyles;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Define los nombres de los slots de estilo para el componente `RHFInputNumberSpinner`. Estos slots se utilizan para
|
|
3
|
+
* aplicar estilos específicos y crear clases CSS únicas para los distintos elementos del componente.
|
|
4
|
+
*/
|
|
5
|
+
export declare enum RHFInputNumberSpinnerSlots {
|
|
6
|
+
root = "root",
|
|
7
|
+
label = "label",
|
|
8
|
+
inputNumberSpinner = "inputNumberSpinner",
|
|
9
|
+
helperError = "helperError"
|
|
10
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Este componente utiliza el slot `root` para aplicar estilos personalizados
|
|
3
|
+
* al contenedor principal del `RHFInputNumberSpinner`.
|
|
4
|
+
*/
|
|
5
|
+
export declare const RootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
6
|
+
ownerState: Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
7
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
|
|
8
|
+
/**
|
|
9
|
+
* Este componente utiliza el slot `label` para aplicar estilos personalizados
|
|
10
|
+
* a la etiqueta que acompaña al campo de entrada.
|
|
11
|
+
*/
|
|
12
|
+
export declare const LabelStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../Label').LabelProps, keyof import('../../../Label').LabelProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
13
|
+
ownerState: Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
14
|
+
}, {}, {}>;
|
|
15
|
+
/**
|
|
16
|
+
* Este componente utiliza el slot `inputNumberSpinner` para aplicar estilos
|
|
17
|
+
* personalizados al campo de entrada numérica del spinner.
|
|
18
|
+
*/
|
|
19
|
+
export declare const InputNumberSpinnerStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../InputNumberSpinner/types').InputNumberSpinnerProps, keyof import('../../../InputNumberSpinner/types').InputNumberSpinnerProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
20
|
+
ownerState: Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
21
|
+
}, {}, {}>;
|
|
22
|
+
/**
|
|
23
|
+
* Este componente utiliza el slot `inputNumberSpinner` para aplicar estilos
|
|
24
|
+
* personalizados al campo de entrada numérica del spinner.
|
|
25
|
+
*/
|
|
26
|
+
export declare const HelperErrorStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../HelperError').HelperErrorProps, keyof import('../../../HelperError').HelperErrorProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown> & {
|
|
27
|
+
ownerState: Partial<import('../types').RHFInputNumberSpinnerOwnerState> & Record<string, unknown>;
|
|
28
|
+
}, {}, {}>;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { RHFInputNumberSpinner } from '../RHFInputNumberSpinner';
|
|
3
|
+
declare const meta: Meta<typeof RHFInputNumberSpinner>;
|
|
4
|
+
export default meta;
|
|
5
|
+
/**
|
|
6
|
+
* Tipo de historia para `RHFInputNumberSpinner`.
|
|
7
|
+
*/
|
|
8
|
+
type Story = StoryObj<typeof RHFInputNumberSpinner>;
|
|
9
|
+
/**
|
|
10
|
+
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
11
|
+
* Esta historia muestra la funcionalidad básica del componente.
|
|
12
|
+
*/
|
|
13
|
+
export declare const Base: Story;
|
|
14
|
+
export declare const Default: Story;
|
|
15
|
+
export declare const DefaultDisabled: Story;
|
|
16
|
+
/**
|
|
17
|
+
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
18
|
+
* Esta historia muestra la funcionalidad básica del componente.
|
|
19
|
+
*/
|
|
20
|
+
export declare const SinLabel: Story;
|
|
21
|
+
export declare const SinLabelDisabled: Story;
|
|
22
|
+
/**
|
|
23
|
+
* Historia en Skeleton para el componente `RHFInputNumberSpinner`.
|
|
24
|
+
* Esta historia muestra la funcionalidad del componente en modo Skeleton.
|
|
25
|
+
*/
|
|
26
|
+
export declare const Skeleton: Story;
|
package/components/hook-form/RHFInputNumberSpinner/stories/RHFInputNumberSpinner.error.stories.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { RHFInputNumberSpinner } from '../RHFInputNumberSpinner';
|
|
3
|
+
declare const meta: Meta<typeof RHFInputNumberSpinner>;
|
|
4
|
+
export default meta;
|
|
5
|
+
/**
|
|
6
|
+
* Tipo de historia para `RHFInputNumberSpinner`.
|
|
7
|
+
*/
|
|
8
|
+
type Story = StoryObj<typeof RHFInputNumberSpinner>;
|
|
9
|
+
/**
|
|
10
|
+
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
11
|
+
* Esta historia muestra la funcionalidad básica del componente.
|
|
12
|
+
*/
|
|
13
|
+
export declare const Base: Story;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { RHFInputNumberSpinner } from '../RHFInputNumberSpinner';
|
|
3
|
+
declare const meta: Meta<typeof RHFInputNumberSpinner>;
|
|
4
|
+
export default meta;
|
|
5
|
+
/**
|
|
6
|
+
* Tipo de historia para `RHFInputNumberSpinner`.
|
|
7
|
+
*/
|
|
8
|
+
type Story = StoryObj<typeof RHFInputNumberSpinner>;
|
|
9
|
+
/**
|
|
10
|
+
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
11
|
+
* Esta historia muestra la funcionalidad básica del componente.
|
|
12
|
+
*/
|
|
13
|
+
export declare const Base: Story;
|
|
14
|
+
/**
|
|
15
|
+
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
16
|
+
* Esta historia muestra la funcionalidad básica del componente.
|
|
17
|
+
*/
|
|
18
|
+
export declare const OutlinedWithLabel: Story;
|
|
19
|
+
/**
|
|
20
|
+
* Historia base para el componente `RHFInputNumberSpinner`.
|
|
21
|
+
* Esta historia muestra la funcionalidad básica del componente.
|
|
22
|
+
*/
|
|
23
|
+
export declare const TextWithLabel: Story;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
2
|
+
import { Theme } from '@mui/material';
|
|
3
|
+
import { ComponentPalletColor, Sizes } from '@m4l/styles';
|
|
4
|
+
import { LabelProps } from '../../Label';
|
|
5
|
+
import { RHFInputNumberSpinnerSlots } from './slots/RHFInputNumberSpinnerEnum';
|
|
6
|
+
import { RHFINPUTNUMBER_SPINNER_KEY_COMPONENT } from './constants';
|
|
7
|
+
/**
|
|
8
|
+
* Props para el componente RHPInputNumberSpinner
|
|
9
|
+
*/
|
|
10
|
+
export interface RHFInputNumberSpinnerProps extends Omit<LabelProps, 'label'> {
|
|
11
|
+
name: string;
|
|
12
|
+
/**
|
|
13
|
+
* Cantidad de números por los que se incrementará o disminuirá el valor.
|
|
14
|
+
*/
|
|
15
|
+
steps: number;
|
|
16
|
+
/**
|
|
17
|
+
* Tipo de dato del valor, puede ser 'pt' (puntos), '%' (porcentaje) o vacio.
|
|
18
|
+
*/
|
|
19
|
+
valueType?: 'pt' | '%';
|
|
20
|
+
/**
|
|
21
|
+
* Indica si el componente está deshabilitado.
|
|
22
|
+
*/
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Tamaño del componente, puede ser uno de los valores definidos en 'small' , 'medium' , 'large'.
|
|
26
|
+
*/
|
|
27
|
+
sizes?: Extract<Sizes, 'small' | 'medium'>;
|
|
28
|
+
/**
|
|
29
|
+
* Valor máximo permitido para el componente.
|
|
30
|
+
*/
|
|
31
|
+
maxValue: number;
|
|
32
|
+
/**
|
|
33
|
+
* Valor mínimo permitido para el componente.
|
|
34
|
+
*/
|
|
35
|
+
minValue: number;
|
|
36
|
+
color?: Extract<ComponentPalletColor, 'primary'>;
|
|
37
|
+
/**
|
|
38
|
+
* Prop Para el testeo del componente
|
|
39
|
+
*/
|
|
40
|
+
instaceDataTestId?: string;
|
|
41
|
+
/**
|
|
42
|
+
* Variante de estilos
|
|
43
|
+
*/
|
|
44
|
+
variants?: 'Outlined' | 'Text';
|
|
45
|
+
/**
|
|
46
|
+
* label para informar sobre el campo
|
|
47
|
+
*/
|
|
48
|
+
label?: string;
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Define las claves del objeto `RHFInputNumberSpinnerSlots`, que se utilizan para
|
|
52
|
+
* hacer referencia a los diferentes slots disponibles para estilizar el componente
|
|
53
|
+
* `RHFInputNumberSpinner`.
|
|
54
|
+
*/
|
|
55
|
+
export type RHFInputNumberSpinnerSlotsType = keyof typeof RHFInputNumberSpinnerSlots;
|
|
56
|
+
/**
|
|
57
|
+
* Representa las propiedades de estado específicas del componente `RHFInputNumberSpinner`.
|
|
58
|
+
*/
|
|
59
|
+
export interface RHFInputNumberSpinnerOwnerState {
|
|
60
|
+
/**
|
|
61
|
+
* Valor para definir el tamaño del icono.
|
|
62
|
+
*/
|
|
63
|
+
iconSize: Sizes;
|
|
64
|
+
}
|
|
65
|
+
/**
|
|
66
|
+
* Define los estilos del componente `RHFInputNumberSpinner`. Permite la personalización parcial
|
|
67
|
+
* de las reglas de estilo mediante `OverridesStyleRules`.
|
|
68
|
+
*
|
|
69
|
+
* Puede ser parcial o estar indefinido.
|
|
70
|
+
*/
|
|
71
|
+
export type RHFInputNumberSpinnerStyles = Partial<OverridesStyleRules<RHFInputNumberSpinnerSlots, typeof RHFINPUTNUMBER_SPINNER_KEY_COMPONENT, Theme>> | undefined;
|