@m4l/components 8.2.0-beta.devDaniel.MenuActionsBug → 8.2.0-beta.devManuela.RHFTextField
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 +3 -0
- package/components/AccountPopover/classes/index.d.ts +1 -1
- package/components/DataGrid/subcomponents/Actions/subcomponents/Density/index.js +3 -3
- package/components/DataGrid/subcomponents/Actions/subcomponents/MobileMenuActions/index.js +10 -10
- package/components/SideBar/classes/index.d.ts +1 -1
- package/components/areas/components/AreasAdmin/subcomponents/AreaChip/subcomponents/ChipActionsMobile/index.js +2 -2
- package/components/areas/components/AreasViewer/classes/index.d.ts +1 -1
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/helper.js +3 -3
- package/components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/subcomponents/Header/subcomponents/MainActions/index.js +3 -3
- 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/subcomponents/ComponentTypeImage/index.js +1 -1
- package/components/hook-form/RHFTextField/RHFTextField.js +13 -23
- package/components/hook-form/RHFTextField/RHFTextField.styles.js +104 -157
- package/components/hook-form/RHFTextField/slots/RHFTextFieldSlots.d.ts +1 -1
- package/components/hook-form/RHFTextField/stories/Error/RHFTextFieldErrorOutlined.stories.d.ts +29 -0
- package/components/hook-form/RHFTextField/stories/Error/RHFTextFieldErrorText.stories.d.ts +29 -0
- package/components/hook-form/RHFTextField/stories/Primary/RHFTextFieldOutlined.stories.d.ts +29 -0
- package/components/hook-form/RHFTextField/stories/Primary/RHFTextFieldText.stories.d.ts +32 -0
- package/components/hook-form/RHFTextField/types.d.ts +3 -0
- package/components/maps/components/Map/subcomponents/Controls/subcomponents/TopLeftTools/subcomponents/PopoverToolButton/subcomponentes/LayersTool/hooks/useRowActionsGetter.js +2 -2
- package/components/maps/components/MapGpsTools/subcomponents/TabsGpsTools/subcomponents/GeofencesList/hooks/useRowActionsGetter.js +5 -5
- package/components/modal/classes/index.d.ts +2 -2
- package/components/mui_extended/MenuActions/MenuActions.d.ts +1 -8
- package/components/mui_extended/MenuActions/MenuActions.js +77 -55
- package/components/mui_extended/MenuActions/MenuActions.stories.d.ts +25 -0
- package/components/mui_extended/MenuActions/MenuActions.styles.d.ts +0 -4
- package/components/mui_extended/MenuActions/MenuActions.styles.js +38 -11
- package/components/mui_extended/MenuActions/constants.d.ts +0 -17
- package/components/mui_extended/MenuActions/constants.js +2 -6
- package/components/mui_extended/MenuActions/dictionary.d.ts +0 -15
- package/components/mui_extended/MenuActions/slots/MenuActionsEnum.d.ts +5 -8
- package/components/mui_extended/MenuActions/slots/MenuActionsEnum.js +4 -1
- package/components/mui_extended/MenuActions/slots/MenuActionsSlots.d.ts +16 -29
- package/components/mui_extended/MenuActions/slots/MenuActionsSlots.js +33 -16
- package/components/mui_extended/MenuActions/types.d.ts +18 -80
- 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/TextField/slots/TextFieldEnum.d.ts +1 -1
- package/components/mui_extended/TextField/slots/TextFieldSlots.d.ts +6 -6
- package/components/mui_extended/TextField/types.d.ts +54 -10
- package/package.json +1 -1
- package/components/hook-form/RHFTextField/stories/Error/TextFieldErrorOutlined.stories.d.ts +0 -9
- package/components/hook-form/RHFTextField/stories/Error/TextFieldErrorText.stories.d.ts +0 -9
- package/components/hook-form/RHFTextField/stories/Primary/TextFieldOutlined.stories.d.ts +0 -9
- package/components/hook-form/RHFTextField/stories/Primary/TextFieldText.stories.d.ts +0 -9
- package/components/mui_extended/MenuActions/stories/MenuActions.default.stories.d.ts +0 -25
- package/components/mui_extended/MenuActions/stories/MenuActions.othersProps.stories.d.ts +0 -13
- package/components/mui_extended/MenuItem/MenuItem.js +0 -66
- package/components/mui_extended/MenuItem/MenuItem.styles.js +0 -111
- package/components/mui_extended/MenuItem/constants.js +0 -4
- package/components/mui_extended/MenuItem/index.js +0 -1
- package/components/mui_extended/MenuItem/slots/MenuItemEnum.js +0 -9
- package/components/mui_extended/MenuItem/slots/MenuItemSlots.js +0 -24
- package/components/mui_extended/MenuItem/types.js +0 -1
|
@@ -7,7 +7,6 @@ export declare function getPagerUtilityClass(slot: string): string;
|
|
|
7
7
|
export declare const pagerUtilityClasses: () => {
|
|
8
8
|
select: string;
|
|
9
9
|
root: string;
|
|
10
|
-
skeletonRoot: string;
|
|
11
10
|
labelRowsPerPageContainer: string;
|
|
12
11
|
labelRowsPager: string;
|
|
13
12
|
selectMenuPopover: string;
|
|
@@ -19,6 +18,7 @@ export declare const pagerUtilityClasses: () => {
|
|
|
19
18
|
actionIconPrevious: string;
|
|
20
19
|
actionIconNextPage: string;
|
|
21
20
|
actionIconLastPage: string;
|
|
21
|
+
skeletonRoot: string;
|
|
22
22
|
skeletonRowsPerPage: string;
|
|
23
23
|
skeletonButtonContainer: string;
|
|
24
24
|
skeletonIconButton: string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const SelectRoot: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SelectProps<unknown>, "children" | "value" | "ref" | "onClose" | "title" | "size" | "name" | "error" | "input" | "rows" | "id" | "type" | "components" | "hidden" | "color" | "content" | "style" | "open" | "multiple" | "disabled" | "variant" | "margin" | "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" | "componentsProps" | "onOpen" | "slotProps" | "slots" | "label" | "autoComplete" | "placeholder" | "readOnly" | "required" | "fullWidth" | "
|
|
1
|
+
export declare const SelectRoot: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SelectProps<unknown>, "children" | "value" | "ref" | "onClose" | "title" | "size" | "name" | "error" | "input" | "rows" | "id" | "type" | "components" | "hidden" | "color" | "content" | "style" | "open" | "multiple" | "disabled" | "variant" | "margin" | "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" | "componentsProps" | "onOpen" | "slotProps" | "slots" | "label" | "autoComplete" | "placeholder" | "readOnly" | "required" | "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
2
|
ownerState: Partial<import('..').SelectOwnerState> & Record<string, unknown>;
|
|
3
3
|
}, {}, {}>;
|
|
4
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> & {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export declare const MuiTextFieldStyled: import('@emotion/styled').StyledComponent<Pick<{
|
|
2
2
|
variant?: import('@mui/material').TextFieldVariants | undefined;
|
|
3
|
-
} & Omit<import('@mui/material').FilledTextFieldProps | import('@mui/material').OutlinedTextFieldProps | import('@mui/material').StandardTextFieldProps, "variant">, "children" | "value" | "ref" | "title" | "component" | "size" | "name" | "error" | "select" | "rows" | "id" | "type" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "margin" | "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" | "label" | "key" | "autoComplete" | "placeholder" | "required" | "fullWidth" | "
|
|
4
|
-
ownerState: Partial<import('../types').
|
|
3
|
+
} & Omit<import('@mui/material').FilledTextFieldProps | import('@mui/material').OutlinedTextFieldProps | import('@mui/material').StandardTextFieldProps, "variant">, "children" | "value" | "ref" | "title" | "component" | "size" | "name" | "error" | "select" | "rows" | "id" | "type" | "hidden" | "color" | "content" | "style" | "disabled" | "variant" | "margin" | "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" | "label" | "key" | "autoComplete" | "placeholder" | "required" | "fullWidth" | "inputProps" | "inputRef" | "SelectProps" | "multiline" | "maxRows" | "minRows" | "hiddenLabel" | "focused" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').TextFieldOwnerState> & Record<string, unknown> & {
|
|
4
|
+
ownerState: Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>;
|
|
5
5
|
}, {}, {}>;
|
|
6
|
-
export declare const TextFieldRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').
|
|
7
|
-
ownerState: Partial<import('../types').
|
|
6
|
+
export declare const TextFieldRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Partial<import('../types').TextFieldOwnerState> & Record<string, unknown> & {
|
|
7
|
+
ownerState: Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>;
|
|
8
8
|
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').HTMLAttributes<HTMLDivElement> | keyof import('react').ClassAttributes<HTMLDivElement>>, {}>;
|
|
9
9
|
export declare const MuiSkeletonStyled: 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"> & {
|
|
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
|
-
}, "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').
|
|
12
|
-
ownerState: Partial<import('../types').
|
|
11
|
+
}, "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').TextFieldOwnerState> & Record<string, unknown> & {
|
|
12
|
+
ownerState: Partial<import('../types').TextFieldOwnerState> & Record<string, unknown>;
|
|
13
13
|
}, {}, {}>;
|
|
@@ -4,7 +4,6 @@ import { TextFieldSlots } from './slots/TextFieldEnum';
|
|
|
4
4
|
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
5
5
|
import { TEXT_FIELD_KEY_COMPONENT } from './constants';
|
|
6
6
|
import { ComponentPalletColor, Sizes } from '@m4l/styles';
|
|
7
|
-
import { LabelProps } from '../../Label/types';
|
|
8
7
|
/**
|
|
9
8
|
* Variants for the TextField component.
|
|
10
9
|
*/
|
|
@@ -17,19 +16,64 @@ export type SkeletonVariants = 'rectangular' | 'circular' | 'text';
|
|
|
17
16
|
* Props for the TextField component.
|
|
18
17
|
*
|
|
19
18
|
*/
|
|
20
|
-
export interface TextFieldProps extends Omit<MUITextFieldProps, 'size' | 'color' | 'disabled' | 'variant'
|
|
19
|
+
export interface TextFieldProps extends Omit<MUITextFieldProps, 'size' | 'color' | 'disabled' | 'variant'> {
|
|
20
|
+
/**
|
|
21
|
+
* todo: documentar
|
|
22
|
+
*/
|
|
21
23
|
dataTestId?: string;
|
|
24
|
+
/**
|
|
25
|
+
* Variante del campo de texto.
|
|
26
|
+
* variant="text"
|
|
27
|
+
*/
|
|
22
28
|
variant?: TextFieldVariants;
|
|
29
|
+
/**
|
|
30
|
+
* Indica si el campo de texto está deshabilitado.
|
|
31
|
+
* disabled={true}
|
|
32
|
+
*/
|
|
23
33
|
disabled?: boolean;
|
|
24
|
-
|
|
34
|
+
/**
|
|
35
|
+
* Tamaño del campo de texto.
|
|
36
|
+
* size="medium"
|
|
37
|
+
*/
|
|
38
|
+
size?: Extract<Sizes, 'small' | 'medium'>;
|
|
39
|
+
/**
|
|
40
|
+
* Color del campo de texto.
|
|
41
|
+
* color="primary"
|
|
42
|
+
*/
|
|
25
43
|
color?: Extract<ComponentPalletColor, 'primary'>;
|
|
26
44
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
45
|
+
/**
|
|
46
|
+
* Estado del propietario del campo de texto.
|
|
47
|
+
*/
|
|
48
|
+
export interface TextFieldOwnerState {
|
|
49
|
+
/**
|
|
50
|
+
* Indica si el campo de texto está deshabilitado.
|
|
51
|
+
*/
|
|
52
|
+
textFieldDisabled?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Color de la paleta del campo de texto.
|
|
55
|
+
*/
|
|
56
|
+
textFieldPaletteColor: PaletteColor;
|
|
57
|
+
/**
|
|
58
|
+
* Variante del campo de texto.
|
|
59
|
+
*/
|
|
60
|
+
textFieldVariant?: TextFieldVariants;
|
|
61
|
+
/**
|
|
62
|
+
* Color de la paleta del componente del campo de texto.
|
|
63
|
+
*/
|
|
64
|
+
textFieldComponentPaletteColor?: ComponentPalletColor;
|
|
65
|
+
/**
|
|
66
|
+
* Tamaño del campo de texto.
|
|
67
|
+
*/
|
|
68
|
+
textFieldSizes: Extract<Sizes, 'small' | 'medium'>;
|
|
69
|
+
/**
|
|
70
|
+
* Indica si el campo de texto es error.
|
|
71
|
+
*/
|
|
72
|
+
textFieldError?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Color del campo de texto.
|
|
75
|
+
*/
|
|
76
|
+
textFieldColor?: Extract<ComponentPalletColor, 'primary'>;
|
|
77
|
+
}
|
|
33
78
|
export type TextFieldSlotsType = keyof typeof TextFieldSlots;
|
|
34
|
-
export type TextFieldOwnerState = OwnerState;
|
|
35
79
|
export type TextFieldStyles = Partial<OverridesStyleRules<TextFieldSlotsType, typeof TEXT_FIELD_KEY_COMPONENT, Theme> | undefined> | undefined;
|
package/package.json
CHANGED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react/*';
|
|
2
|
-
import { RHFTextField } from '../../..';
|
|
3
|
-
declare const meta: Meta<typeof RHFTextField>;
|
|
4
|
-
type Story = StoryObj<typeof RHFTextField>;
|
|
5
|
-
/**
|
|
6
|
-
* Error en RHFTextField outlined y text se utiliza para mostrar un campo de texto que indica un estado de error. Esto es útil para proporcionar retroalimentación visual al usuario cuando hay un problema con la entrada de datos.
|
|
7
|
-
*/
|
|
8
|
-
export declare const ErrorOutlined: Story;
|
|
9
|
-
export default meta;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react/*';
|
|
2
|
-
import { RHFTextField } from '../../..';
|
|
3
|
-
declare const meta: Meta<typeof RHFTextField>;
|
|
4
|
-
type Story = StoryObj<typeof RHFTextField>;
|
|
5
|
-
/**
|
|
6
|
-
* Error en RHFTextField outlined y text se utiliza para mostrar un campo de texto que indica un estado de error. Esto es útil para proporcionar retroalimentación visual al usuario cuando hay un problema con la entrada de datos.
|
|
7
|
-
*/
|
|
8
|
-
export declare const ErrorText: Story;
|
|
9
|
-
export default meta;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react/*';
|
|
2
|
-
import { RHFTextField } from '../../..';
|
|
3
|
-
declare const meta: Meta<typeof RHFTextField>;
|
|
4
|
-
type Story = StoryObj<typeof RHFTextField>;
|
|
5
|
-
/**
|
|
6
|
-
* Story for the primary outlined RHFvariants of the TextField component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const PrimaryOutlined: Story;
|
|
9
|
-
export default meta;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react/*';
|
|
2
|
-
import { RHFTextField } from '../../..';
|
|
3
|
-
declare const meta: Meta<typeof RHFTextField>;
|
|
4
|
-
type Story = StoryObj<typeof RHFTextField>;
|
|
5
|
-
/**
|
|
6
|
-
* Story for the primary text variant of the TextField component.
|
|
7
|
-
*/
|
|
8
|
-
export declare const PrimaryText: Story;
|
|
9
|
-
export default meta;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MenuActions } from '../index';
|
|
3
|
-
declare const meta: Meta<typeof MenuActions>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MenuActions>;
|
|
6
|
-
/**
|
|
7
|
-
* Componente base de `MenuActions`.
|
|
8
|
-
*/
|
|
9
|
-
export declare const Base: Story;
|
|
10
|
-
/**
|
|
11
|
-
* Componente `MenuActions` con sizes de small.
|
|
12
|
-
*/
|
|
13
|
-
export declare const SmallSizes: Story;
|
|
14
|
-
/**
|
|
15
|
-
* Componente `MenuActions` con sizes de medium.
|
|
16
|
-
*/
|
|
17
|
-
export declare const MediumSizes: Story;
|
|
18
|
-
/**
|
|
19
|
-
* Estado vacío del componente `MenuActions`.
|
|
20
|
-
*/
|
|
21
|
-
export declare const Empty: Story;
|
|
22
|
-
/**
|
|
23
|
-
* `MenuActions` en modo esqueleto (skeleton).
|
|
24
|
-
*/
|
|
25
|
-
export declare const WithSkeleton: Story;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MenuActions } from '../index';
|
|
3
|
-
declare const meta: Meta<typeof MenuActions>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MenuActions>;
|
|
6
|
-
/**
|
|
7
|
-
* Componente base de `MenuActions`.
|
|
8
|
-
*/
|
|
9
|
-
export declare const Base: Story;
|
|
10
|
-
/**
|
|
11
|
-
* `MenuActions` con un elemento adicional al final de la lista (`endListElement`).
|
|
12
|
-
*/
|
|
13
|
-
export declare const WithEndListElement: Story;
|
|
@@ -1,66 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { createElement } from "react";
|
|
3
|
-
import { useTheme } from "@mui/material";
|
|
4
|
-
import { useModuleSkeleton, getPropertyByString } from "@m4l/core";
|
|
5
|
-
import { S as SkeletonMenuItem, M as MenuItemRoot, a as MenuItemIcon } from "./slots/MenuItemSlots.js";
|
|
6
|
-
import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
|
|
7
|
-
import { T as Typography } from "../Typography/Typography.js";
|
|
8
|
-
const MenuItem = (props) => {
|
|
9
|
-
const {
|
|
10
|
-
key,
|
|
11
|
-
value,
|
|
12
|
-
icon,
|
|
13
|
-
label,
|
|
14
|
-
disabled,
|
|
15
|
-
selected,
|
|
16
|
-
size = "medium",
|
|
17
|
-
color = "primary",
|
|
18
|
-
...other
|
|
19
|
-
} = props;
|
|
20
|
-
const { currentSize } = useComponentSize(size);
|
|
21
|
-
const adjustedSize = currentSize === "small" || currentSize === "medium" ? currentSize : "medium";
|
|
22
|
-
const isSkeleton = useModuleSkeleton();
|
|
23
|
-
const theme = useTheme();
|
|
24
|
-
const paletteColor = getPropertyByString(
|
|
25
|
-
theme.vars.palette,
|
|
26
|
-
disabled ? "default" : color,
|
|
27
|
-
theme.vars.palette.default
|
|
28
|
-
);
|
|
29
|
-
const ownerState = {
|
|
30
|
-
size: adjustedSize,
|
|
31
|
-
disabled,
|
|
32
|
-
selected,
|
|
33
|
-
paletteColor,
|
|
34
|
-
componentPaletteColor: color
|
|
35
|
-
};
|
|
36
|
-
if (isSkeleton) {
|
|
37
|
-
return /* @__PURE__ */ jsx(SkeletonMenuItem, { ownerState: { ...ownerState } });
|
|
38
|
-
}
|
|
39
|
-
return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ createElement(
|
|
40
|
-
MenuItemRoot,
|
|
41
|
-
{
|
|
42
|
-
...other,
|
|
43
|
-
key,
|
|
44
|
-
value,
|
|
45
|
-
ownerState: { ...ownerState },
|
|
46
|
-
disabled,
|
|
47
|
-
className: "M4LMenuItemRoot"
|
|
48
|
-
},
|
|
49
|
-
!icon ? /* @__PURE__ */ jsx(Typography, { variant: "body", size: adjustedSize, children: label }) : /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
50
|
-
/* @__PURE__ */ jsx(
|
|
51
|
-
MenuItemIcon,
|
|
52
|
-
{
|
|
53
|
-
ownerState: { ...ownerState },
|
|
54
|
-
src: icon,
|
|
55
|
-
size: adjustedSize,
|
|
56
|
-
disabled,
|
|
57
|
-
className: "M4LMenuItemIcon"
|
|
58
|
-
}
|
|
59
|
-
),
|
|
60
|
-
/* @__PURE__ */ jsx(Typography, { variant: "body", children: label })
|
|
61
|
-
] })
|
|
62
|
-
) });
|
|
63
|
-
};
|
|
64
|
-
export {
|
|
65
|
-
MenuItem as M
|
|
66
|
-
};
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
const menuItemStyles = {
|
|
2
|
-
/**
|
|
3
|
-
* Estilos para el contenedor de los items del menú
|
|
4
|
-
* @author Bruce Escobar - automatic
|
|
5
|
-
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
6
|
-
* @updatedAt 2024-10-22 20:03:58 - automatic
|
|
7
|
-
* @updatedUser Bruce Escobar - automatic
|
|
8
|
-
*/
|
|
9
|
-
menuItemRoot: ({ theme, ownerState }) => ({
|
|
10
|
-
width: "100%",
|
|
11
|
-
paddingRight: theme.vars.size.baseSpacings.sp3,
|
|
12
|
-
paddingLeft: theme.vars.size.baseSpacings.sp1,
|
|
13
|
-
...ownerState.selected && {
|
|
14
|
-
borderLeft: theme.vars.size.borderStroke.container,
|
|
15
|
-
borderRadius: theme.vars.size.borderRadius.r0,
|
|
16
|
-
borderColor: ownerState.paletteColor?.main
|
|
17
|
-
},
|
|
18
|
-
// Estilos específicos para el tamaño small
|
|
19
|
-
...ownerState.size === "small" && {
|
|
20
|
-
...theme.generalSettings.isMobile ? {
|
|
21
|
-
height: theme.vars.size.mobile.small.action,
|
|
22
|
-
minHeight: theme.vars.size.mobile.small.action
|
|
23
|
-
} : {
|
|
24
|
-
height: theme.vars.size.desktop.small.action,
|
|
25
|
-
minHeight: theme.vars.size.desktop.small.action
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
// Estilos específicos para el tamaño medium
|
|
29
|
-
...ownerState.size === "medium" && {
|
|
30
|
-
...theme.generalSettings.isMobile ? {
|
|
31
|
-
height: theme.vars.size.mobile.medium.action,
|
|
32
|
-
minHeight: theme.vars.size.mobile.medium.action
|
|
33
|
-
} : {
|
|
34
|
-
height: theme.vars.size.desktop.medium.action,
|
|
35
|
-
minHeight: theme.vars.size.desktop.medium.action
|
|
36
|
-
}
|
|
37
|
-
},
|
|
38
|
-
'& .M4LMenuItemIcon [class*="-M4LIcon-icon"]': {
|
|
39
|
-
...ownerState.selected && {
|
|
40
|
-
backgroundColor: ownerState.paletteColor?.main
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
"&.M4LMenuItemRoot .M4LTypography-root .MuiTypography-body": {
|
|
44
|
-
paddingRight: theme.vars.size.baseSpacings.sp1,
|
|
45
|
-
paddingLeft: theme.vars.size.baseSpacings.sp2,
|
|
46
|
-
...ownerState.selected && {
|
|
47
|
-
color: ownerState.paletteColor?.main
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
"&:hover.M4LMenuItemRoot": {
|
|
51
|
-
background: ownerState.selected ? ownerState.paletteColor?.opacity : theme.vars.palette.background.hover
|
|
52
|
-
}
|
|
53
|
-
}),
|
|
54
|
-
menuItemIcon: {},
|
|
55
|
-
/**
|
|
56
|
-
* Estilos para el contenedor de los items del menú en skeleton
|
|
57
|
-
* @author Bruce Escobar - automatic
|
|
58
|
-
* @createdAt 2024-10-22 10:38:00 - automatic
|
|
59
|
-
* @updatedAt 2024-10-22 20:03:58 - automatic
|
|
60
|
-
* @updatedUser Bruce Escobar - automatic
|
|
61
|
-
*/
|
|
62
|
-
skeletonMenuItem: ({ theme, ownerState }) => ({
|
|
63
|
-
width: "100%",
|
|
64
|
-
padding: theme.vars.size.baseSpacings.sp2,
|
|
65
|
-
borderRadius: theme.vars.size.borderRadius.r0,
|
|
66
|
-
display: "flex",
|
|
67
|
-
alignItems: "center",
|
|
68
|
-
background: theme.vars.palette.skeleton.transition,
|
|
69
|
-
// Estilos específicos para el tamaño small
|
|
70
|
-
...ownerState.size === "small" && {
|
|
71
|
-
...theme.generalSettings.isMobile ? {
|
|
72
|
-
height: theme.vars.size.mobile.small.action,
|
|
73
|
-
minHeight: theme.vars.size.mobile.small.action
|
|
74
|
-
} : {
|
|
75
|
-
height: theme.vars.size.desktop.small.action,
|
|
76
|
-
minHeight: theme.vars.size.desktop.small.action
|
|
77
|
-
},
|
|
78
|
-
[theme.breakpoints.up("sm")]: {
|
|
79
|
-
...theme.generalSettings.isMobile ? {
|
|
80
|
-
height: theme.vars.size.mobile.small.action,
|
|
81
|
-
minHeight: theme.vars.size.mobile.small.action
|
|
82
|
-
} : {
|
|
83
|
-
height: theme.vars.size.desktop.small.action,
|
|
84
|
-
minHeight: theme.vars.size.desktop.small.action
|
|
85
|
-
}
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
// Estilos específicos para el tamaño medium
|
|
89
|
-
...ownerState.size === "medium" && {
|
|
90
|
-
...theme.generalSettings.isMobile ? {
|
|
91
|
-
height: theme.vars.size.mobile.medium.action,
|
|
92
|
-
minHeight: theme.vars.size.mobile.medium.action
|
|
93
|
-
} : {
|
|
94
|
-
height: theme.vars.size.desktop.medium.action,
|
|
95
|
-
minHeight: theme.vars.size.desktop.medium.action
|
|
96
|
-
},
|
|
97
|
-
[theme.breakpoints.up("md")]: {
|
|
98
|
-
...theme.generalSettings.isMobile ? {
|
|
99
|
-
height: theme.vars.size.mobile.small.action,
|
|
100
|
-
minHeight: theme.vars.size.mobile.small.action
|
|
101
|
-
} : {
|
|
102
|
-
height: theme.vars.size.desktop.small.action,
|
|
103
|
-
minHeight: theme.vars.size.desktop.small.action
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
})
|
|
108
|
-
};
|
|
109
|
-
export {
|
|
110
|
-
menuItemStyles as m
|
|
111
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
var MenuItemSlots = /* @__PURE__ */ ((MenuItemSlots2) => {
|
|
2
|
-
MenuItemSlots2["menuItemRoot"] = "menuItemRoot";
|
|
3
|
-
MenuItemSlots2["menuItemIcon"] = "menuItemIcon";
|
|
4
|
-
MenuItemSlots2["skeletonMenuItem"] = "skeletonMenuItem";
|
|
5
|
-
return MenuItemSlots2;
|
|
6
|
-
})(MenuItemSlots || {});
|
|
7
|
-
export {
|
|
8
|
-
MenuItemSlots as M
|
|
9
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { styled } from "@mui/material/styles";
|
|
2
|
-
import { MenuItem } from "@mui/material";
|
|
3
|
-
import { M as MENUITEM_KEY_COMPONENT } from "../constants.js";
|
|
4
|
-
import { m as menuItemStyles } from "../MenuItem.styles.js";
|
|
5
|
-
import { M as MenuItemSlots } from "./MenuItemEnum.js";
|
|
6
|
-
import { S as Skeleton } from "../../Skeleton/Skeleton.js";
|
|
7
|
-
import { I as Icon } from "../../../Icon/Icon.js";
|
|
8
|
-
const MenuItemRoot = styled(MenuItem, {
|
|
9
|
-
name: MENUITEM_KEY_COMPONENT,
|
|
10
|
-
slot: MenuItemSlots.menuItemRoot
|
|
11
|
-
})(menuItemStyles?.menuItemRoot);
|
|
12
|
-
const MenuItemIcon = styled(Icon, {
|
|
13
|
-
name: MENUITEM_KEY_COMPONENT,
|
|
14
|
-
slot: MenuItemSlots.menuItemIcon
|
|
15
|
-
})(menuItemStyles?.menuItemIcon);
|
|
16
|
-
const SkeletonMenuItem = styled(Skeleton, {
|
|
17
|
-
name: MENUITEM_KEY_COMPONENT,
|
|
18
|
-
slot: MenuItemSlots.skeletonMenuItem
|
|
19
|
-
})(menuItemStyles?.skeletonMenuItem);
|
|
20
|
-
export {
|
|
21
|
-
MenuItemRoot as M,
|
|
22
|
-
SkeletonMenuItem as S,
|
|
23
|
-
MenuItemIcon as a
|
|
24
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|