@muraldevkit/ui-toolkit 2.68.0-dev.4 → 2.68.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.d.ts +1 -1
- package/dist/components/button/MrlButton/MrlButton.d.ts +1 -1
- package/dist/components/button/MrlIconButton/MrlIconButton.d.ts +2 -2
- package/dist/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.d.ts +6 -0
- package/dist/components/index.d.ts +0 -1
- package/dist/components/menu/MrlMenuItem/MrlMenuItem.d.ts +1 -1
- package/dist/components/menu/demo/MenuWithRTI.d.ts +19 -0
- package/dist/components/modal/MrlModal/MrlModal.d.ts +5 -1
- package/dist/components/notification/MrlToast/MrlToast.d.ts +1 -1
- package/dist/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.d.ts +1 -1
- package/dist/components/svg/config.d.ts +1 -1
- package/dist/components/table/MrlSmartTable/MrlSmartTable.d.ts +2 -1
- package/dist/components/table/constants.d.ts +4 -0
- package/dist/components/tooltip/MrlTooltip/MrlTooltip.d.ts +1 -4
- package/dist/components/tooltip/MrlTooltip/utilities.d.ts +8 -0
- package/dist/index.js +1 -1
- package/dist/styles/MrlButton/global.scss +4 -0
- package/dist/styles/MrlEditableTextInput/module.scss +10 -0
- package/dist/styles/MrlModal/module.scss +0 -1
- package/dist/styles/MrlModalContent/module.scss +1 -1
- package/dist/styles/MrlSelectMenu/module.scss +2 -1
- package/dist/styles/MrlSelectMenu/variables.scss +1 -0
- package/package.json +1 -1
- package/dist/components/toolbar/MrlToolbar/MrlToolbar.d.ts +0 -35
- package/dist/components/toolbar/MrlToolbar/index.d.ts +0 -1
- package/dist/components/toolbar/MrlToolbarButton/MrlToolbarButton.d.ts +0 -40
- package/dist/components/toolbar/MrlToolbarButton/index.d.ts +0 -1
- package/dist/components/toolbar/MrlToolbarItem/MrlToolbarItem.d.ts +0 -30
- package/dist/components/toolbar/MrlToolbarItem/index.d.ts +0 -1
- package/dist/components/toolbar/index.d.ts +0 -3
- package/dist/styles/MrlToolbar/module.scss +0 -63
- package/dist/styles/MrlToolbarButton/module.scss +0 -3
|
@@ -5,5 +5,5 @@ import './MrlAnimatedIconButton.scss';
|
|
|
5
5
|
interface MrlAnimatedIconButtonProps extends Omit<MrlIconButtonProps, 'icon'> {
|
|
6
6
|
icon: MrlSvgAnimateProps;
|
|
7
7
|
}
|
|
8
|
-
export declare const MrlAnimatedIconButton: React.ForwardRefExoticComponent<Pick<MrlAnimatedIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "
|
|
8
|
+
export declare const MrlAnimatedIconButton: React.ForwardRefExoticComponent<Pick<MrlAnimatedIconButtonProps, "role" | "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "client" | "loading" | "loadingText" | "toggleAria" | "position" | "icon" | "badge" | "disableEvents" | "tipAnchor" | "toggleStyle" | "tooltipKind" | "wrapperClassName" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
|
|
9
9
|
export {};
|
|
@@ -102,4 +102,4 @@ export interface MrlButtonProps extends Omit<MrlComponentProps, 'style'>, React.
|
|
|
102
102
|
*/
|
|
103
103
|
toggleStyle?: ToggleStyle;
|
|
104
104
|
}
|
|
105
|
-
export declare const MrlButton: React.ForwardRefExoticComponent<Pick<MrlButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "
|
|
105
|
+
export declare const MrlButton: React.ForwardRefExoticComponent<Pick<MrlButtonProps, "role" | "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "loading" | "loadingText" | "toggleAria" | "tooltip" | "icon" | "badge" | "disableEvents" | "toggleStyle" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "iconPos"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -45,7 +45,7 @@ export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, Re
|
|
|
45
45
|
/**
|
|
46
46
|
* onClick event for the button.
|
|
47
47
|
*/
|
|
48
|
-
onClick?: (e: React.
|
|
48
|
+
onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;
|
|
49
49
|
/**
|
|
50
50
|
* onKeyDown event for the button.
|
|
51
51
|
*/
|
|
@@ -104,4 +104,4 @@ export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, Re
|
|
|
104
104
|
*/
|
|
105
105
|
wrapperClassName?: string;
|
|
106
106
|
}
|
|
107
|
-
export declare const MrlIconButton: React.ForwardRefExoticComponent<Pick<MrlIconButtonProps, "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "
|
|
107
|
+
export declare const MrlIconButton: React.ForwardRefExoticComponent<Pick<MrlIconButtonProps, "role" | "form" | "slot" | "style" | "title" | "text" | "dir" | "name" | "children" | "disabled" | "key" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "kind" | "size" | "attrs" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "type" | "client" | "loading" | "loadingText" | "toggleAria" | "position" | "icon" | "badge" | "disableEvents" | "tipAnchor" | "toggleStyle" | "tooltipKind" | "wrapperClassName" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -25,6 +25,12 @@ interface MrlEditableTextInputProps extends InputHTMLAttributes<HTMLInputElement
|
|
|
25
25
|
'data-qa': string;
|
|
26
26
|
isEditable?: boolean;
|
|
27
27
|
setIsEditable?: (isEditableUpdate: boolean) => void;
|
|
28
|
+
/**
|
|
29
|
+
* Show icon on hover, if true the icon will be hidden and show on hover and focus
|
|
30
|
+
*
|
|
31
|
+
* @default false
|
|
32
|
+
*/
|
|
33
|
+
showIconOnHover?: boolean;
|
|
28
34
|
}
|
|
29
35
|
export declare const MrlEditableTextInput: React.ForwardRefExoticComponent<MrlEditableTextInputProps & React.RefAttributes<HTMLButtonElement>>;
|
|
30
36
|
export {};
|
|
@@ -16,7 +16,7 @@ export interface MrlMenuItemProps {
|
|
|
16
16
|
/** Unique ID for the menu item */
|
|
17
17
|
id?: string;
|
|
18
18
|
/** Callback to be called when the menu item is clicked */
|
|
19
|
-
onClick
|
|
19
|
+
onClick: (e?: React.MouseEvent<HTMLElement>) => void;
|
|
20
20
|
/** Callback to be called when the menu item is hovered */
|
|
21
21
|
onMouseOver?: (e?: React.MouseEvent) => void;
|
|
22
22
|
/** Callback to be called when the menu item is hovered out */
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { CustomMenuPosition } from '..';
|
|
3
|
+
import { MenuPosition, ActionState, MenuAlignment } from '../constants';
|
|
4
|
+
export interface MenuWithRTIProps {
|
|
5
|
+
position?: MenuPosition;
|
|
6
|
+
spacing?: 'default' | 'compact';
|
|
7
|
+
alignment?: MenuAlignment;
|
|
8
|
+
actionState?: ActionState;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
customPosition?: CustomMenuPosition;
|
|
11
|
+
triggerAlignment?: 'left' | 'right' | 'center';
|
|
12
|
+
}
|
|
13
|
+
/**
|
|
14
|
+
* Demo of a menu within an instance of a roving tabindex
|
|
15
|
+
*
|
|
16
|
+
* @param {MenuWithRTIProps} props - The props for the menu with trigger
|
|
17
|
+
* @returns {Element} The menu with trigger demo
|
|
18
|
+
*/
|
|
19
|
+
export declare const MenuWithRTI: ({ alignment, position, spacing, actionState, customPosition, onClose }: MenuWithRTIProps) => JSX.Element;
|
|
@@ -31,6 +31,10 @@ interface ModalProps extends MrlComponentProps {
|
|
|
31
31
|
* This is used to disabled FocusTrap until the contents of the modal are loaded
|
|
32
32
|
*/
|
|
33
33
|
loading?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Prevents the background from scrolling when the modal is open
|
|
36
|
+
*/
|
|
37
|
+
preventBackgroundScroll?: boolean;
|
|
34
38
|
/** The size of the modal container */
|
|
35
39
|
size?: ModalSize;
|
|
36
40
|
/** Current state of the modal based on user interactions or permissions */
|
|
@@ -51,5 +55,5 @@ interface ModalProps extends MrlComponentProps {
|
|
|
51
55
|
* @param {React.ReactElement} props.children - Children to be rendered within the modal. The first child is used as the trigger.
|
|
52
56
|
* @returns {React.ReactElement} an instance of the MrlModal
|
|
53
57
|
*/
|
|
54
|
-
export declare const MrlModal: ({ ariaLabel, children, className, client, closable, loading, size, state, hookClose, attrs }: ModalProps) => ReactElement;
|
|
58
|
+
export declare const MrlModal: ({ ariaLabel, children, className, client, closable, loading, size, state, hookClose, preventBackgroundScroll, attrs }: ModalProps) => ReactElement;
|
|
55
59
|
export {};
|
|
@@ -39,7 +39,7 @@ export interface MrlToastProps {
|
|
|
39
39
|
/**
|
|
40
40
|
* MrlToast component.
|
|
41
41
|
*
|
|
42
|
-
* @param
|
|
42
|
+
* @param {MrlToastProps} props - The props for the MrlToast component.
|
|
43
43
|
* @returns {React.ReactElement} The MrlToast component.
|
|
44
44
|
*/
|
|
45
45
|
export declare const MrlToast: ({ ["data-qa"]: qa, autoClose, backgroundColor, className, closeAfterMs, kind, onClose, primaryCTA, primaryMessage, secondaryCTA, secondaryMessage, showCloseButton, showIcon }: MrlToastProps) => React.ReactElement;
|
|
@@ -120,7 +120,7 @@ declare class MrlRovingTabindex extends React.Component<RovingPropTypes> {
|
|
|
120
120
|
/**
|
|
121
121
|
* Renders the MrlRovingTabindex component
|
|
122
122
|
*
|
|
123
|
-
* @returns {HTMLDivElement}
|
|
123
|
+
* @returns {HTMLDivElement} - the rendered MrlRovingTabindex component
|
|
124
124
|
*/
|
|
125
125
|
render(): JSX.Element;
|
|
126
126
|
}
|
|
@@ -9,9 +9,10 @@ export interface MrlSmartColumnRendererProps {
|
|
|
9
9
|
/**
|
|
10
10
|
* A function to change current sort descriptor.
|
|
11
11
|
*/
|
|
12
|
-
handleSortClick: ({ column, direction }: {
|
|
12
|
+
handleSortClick: ({ column, direction, name }: {
|
|
13
13
|
column: MrlSmartTableColumn['id'];
|
|
14
14
|
direction: MrlSortDirection;
|
|
15
|
+
name: string;
|
|
15
16
|
}) => void;
|
|
16
17
|
/**
|
|
17
18
|
* The element id of the table.
|
|
@@ -52,8 +52,5 @@ Pointing devices that can hover, but for which doing so is inconvenient and not
|
|
|
52
52
|
* @param {MrlTooltipProps} props - The props of the component
|
|
53
53
|
* @returns {HTMLElement} a configured Tooltip component
|
|
54
54
|
*/
|
|
55
|
-
export declare const MrlTooltip:
|
|
56
|
-
(props: MrlTooltipProps): ReactElement;
|
|
57
|
-
displayName: string;
|
|
58
|
-
};
|
|
55
|
+
export declare const MrlTooltip: React.MemoExoticComponent<(props: MrlTooltipProps) => ReactElement>;
|
|
59
56
|
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Function to recursively extract all text content from children
|
|
4
|
+
*
|
|
5
|
+
* @param children - the children of the component
|
|
6
|
+
* @returns the combined text content of the children
|
|
7
|
+
*/
|
|
8
|
+
export declare const extractTextContent: (children: React.ReactNode) => string;
|