@muraldevkit/ui-toolkit 4.21.0 → 4.22.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.
Files changed (50) hide show
  1. package/dist/components/divider/MrlDivider/MrlDivider.d.ts +0 -1
  2. package/dist/components/empty/default/MrlEmpty.d.ts +0 -1
  3. package/dist/components/empty/large/MrlEmptyLarge.d.ts +0 -1
  4. package/dist/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.d.ts +0 -1
  5. package/dist/components/form/date-picker/MrlDatePicker.d.ts +1 -1
  6. package/dist/components/form/index.d.ts +1 -0
  7. package/dist/components/form/new-select/MrlSelect/MrlSelect.d.ts +16 -0
  8. package/dist/components/form/new-select/MrlSelect/components/MrlSelectDropdownIndicator.d.ts +8 -0
  9. package/dist/components/form/new-select/MrlSelect/components/MrlSelectOption.d.ts +8 -0
  10. package/dist/components/form/new-select/MrlSelect/components/index.d.ts +2 -0
  11. package/dist/components/form/new-select/MrlSelect/index.d.ts +1 -0
  12. package/dist/components/form/new-select/MrlSelect/styles/default.d.ts +7 -0
  13. package/dist/components/form/new-select/MrlSelect/styles/index.d.ts +9 -0
  14. package/dist/components/form/new-select/MrlSelect/styles/inline.d.ts +7 -0
  15. package/dist/components/form/new-select/MrlSelect/styles/inlineNoLabel.d.ts +7 -0
  16. package/dist/components/form/new-select/MrlSelect/styles/inlineStacked.d.ts +7 -0
  17. package/dist/components/form/new-select/index.d.ts +1 -0
  18. package/dist/components/form/textarea/MrlTextarea/MrlTextarea.d.ts +0 -1
  19. package/dist/components/grid/MrlCol/MrlCol.d.ts +0 -1
  20. package/dist/components/grid/MrlGrid/MrlGrid.d.ts +0 -1
  21. package/dist/components/grid/MrlRow/MrlRow.d.ts +0 -1
  22. package/dist/components/layout/MrlMain/MrlMain.d.ts +0 -1
  23. package/dist/components/layout/MrlPage/MrlPage.d.ts +0 -1
  24. package/dist/components/layout/MrlPage/index.d.ts +0 -1
  25. package/dist/components/layout/MrlSidebar/demo/MrlSidebarDemo.d.ts +0 -1
  26. package/dist/components/layout/MrlTopbar/MrlTopbar.d.ts +0 -1
  27. package/dist/components/live-region/demo/LiveRegionDemo.d.ts +0 -1
  28. package/dist/components/loader/MrlProgressBar/MrlProgressBar.d.ts +0 -1
  29. package/dist/components/loader/MrlSpinner/MrlSpinner.d.ts +0 -1
  30. package/dist/components/menu/demo/MenuByConfig.d.ts +0 -1
  31. package/dist/components/menu/demo/MenuGroupWithTrigger.d.ts +0 -1
  32. package/dist/components/menu/demo/MenuWithActionState.d.ts +0 -1
  33. package/dist/components/menu/demo/MenuWithIconButtonTrigger.d.ts +0 -1
  34. package/dist/components/menu/demo/MenuWithLink.d.ts +0 -1
  35. package/dist/components/menu/demo/MenuWithPopover.d.ts +0 -1
  36. package/dist/components/menu/demo/MenuWithRTI.d.ts +0 -1
  37. package/dist/components/menu/demo/MenuWithSubmenu.d.ts +0 -1
  38. package/dist/components/menu/demo/MenuWithTrigger.d.ts +0 -1
  39. package/dist/components/modal/MrlModal/MrlModal.d.ts +1 -1
  40. package/dist/components/modal/demo/ModalWithDevices.d.ts +0 -1
  41. package/dist/components/modal/demo/ModalWithTriggerDemo.d.ts +0 -1
  42. package/dist/components/pagination/MrlPaginationText/MrlPaginationText.d.ts +0 -1
  43. package/dist/components/popover/demo/PopoverWithIconButton.d.ts +0 -1
  44. package/dist/components/popover/demo/PopoverWithSelect.d.ts +0 -1
  45. package/dist/components/popover/demo/PopoverWithTrigger.d.ts +0 -1
  46. package/dist/components/table/MrlTableEmptyState/MrlTableEmptyState.d.ts +0 -1
  47. package/dist/components/toolbar/MrlToolbarItem/MrlToolbarItem.d.ts +0 -1
  48. package/dist/hooks/useBreakpoint/useBreakpointDemo.d.ts +0 -1
  49. package/dist/index.js +1 -1
  50. package/package.json +3 -2
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { AttrsObject } from '../../../utils';
3
2
  import { Kind, Orientation, Spacing } from '../constants';
4
3
  interface MrlDividerProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface MrlEmptyProps {
3
2
  graphic?: JSX.Element;
4
3
  heading: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface MrlEmptyLargeProps {
3
2
  graphic?: JSX.Element;
4
3
  heading: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { AttrsObject } from '../../../../utils';
3
2
  import { CheckboxSelected, CheckboxStates } from '../../constants';
4
3
  import './MrlCheckboxStandalone.global.scss';
@@ -26,4 +26,4 @@ export interface MrlDatePickerProps extends React.ComponentPropsWithRef<'input'>
26
26
  * @param {HTMLInputElement} ref - a ref to the input element in the DOM
27
27
  * @returns a date input element
28
28
  */
29
- export declare const MrlDatePicker: React.ForwardRefExoticComponent<Pick<MrlDatePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "dir" | "name" | "height" | "width" | "children" | "disabled" | "checked" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "size" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "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" | "max" | "min" | "type" | "key" | "data-qa" | "list" | "step" | "multiple" | "alt" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "autoComplete" | "capture" | "crossOrigin" | "maxLength" | "minLength" | "readOnly" | "required" | "inputId" | "autofocus"> & React.RefAttributes<HTMLInputElement>>;
29
+ export declare const MrlDatePicker: React.ForwardRefExoticComponent<Pick<MrlDatePickerProps, "form" | "slot" | "style" | "title" | "pattern" | "dir" | "name" | "height" | "width" | "children" | "disabled" | "checked" | "placeholder" | "id" | "defaultValue" | "state" | "value" | "size" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "hidden" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "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" | "max" | "min" | "type" | "key" | "multiple" | "data-qa" | "list" | "step" | "alt" | "src" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "autoComplete" | "capture" | "crossOrigin" | "maxLength" | "minLength" | "readOnly" | "required" | "inputId" | "autofocus"> & React.RefAttributes<HTMLInputElement>>;
@@ -15,3 +15,4 @@ export * from './radio/MrlRadioButton';
15
15
  export * from './radio/MrlRadioButtonStandalone';
16
16
  export * from './switch';
17
17
  export * from './date-picker';
18
+ export * from './new-select';
@@ -0,0 +1,16 @@
1
+ import { GroupBase, Props } from 'react-select';
2
+ export type SelectKind = 'default' | 'inline-stacked' | 'inline' | 'inline-no-label';
3
+ export interface MrlSelectProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> extends Props<Option, IsMulti, Group> {
4
+ hasError?: boolean;
5
+ isReadOnly?: boolean;
6
+ kind?: SelectKind;
7
+ }
8
+ export declare const CLASS_NAME_PREFIX = "MrlSelect";
9
+ export declare const MENU_LIST_CLASS_NAME: string;
10
+ /**
11
+ * MrlSelect component
12
+ *
13
+ * @param props - the component props
14
+ * @returns the select component
15
+ */
16
+ export declare function MrlSelect<T>(props: MrlSelectProps<T>): JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { DropdownIndicatorProps, GroupBase } from 'react-select';
2
+ /**
3
+ * MrlSelectDropdownIndicator component
4
+ *
5
+ * @param props - the react-select dropdown indicator props
6
+ * @returns the select dropdown indicator
7
+ */
8
+ export declare function MrlSelectDropdownIndicator<CustomOption>(props: DropdownIndicatorProps<CustomOption, false, GroupBase<CustomOption>>): JSX.Element;
@@ -0,0 +1,8 @@
1
+ import { GroupBase, OptionProps } from 'react-select';
2
+ /**
3
+ * MrlSelectOption component
4
+ *
5
+ * @param props - the react-select option props
6
+ * @returns a select option
7
+ */
8
+ export declare function MrlSelectOption<CustomOption>(props: OptionProps<CustomOption, false, GroupBase<CustomOption>>): JSX.Element;
@@ -0,0 +1,2 @@
1
+ export * from './MrlSelectDropdownIndicator';
2
+ export * from './MrlSelectOption';
@@ -0,0 +1 @@
1
+ export { MrlSelect as MrlNewSelect } from './MrlSelect';
@@ -0,0 +1,7 @@
1
+ import { StylesConfig } from 'react-select';
2
+ /**
3
+ * MrlSelect styles object for the default kind
4
+ *
5
+ * @returns a styles object
6
+ */
7
+ export declare function defaultStyles<T>(): StylesConfig<T>;
@@ -0,0 +1,9 @@
1
+ import { StylesConfig } from 'react-select';
2
+ import { SelectKind } from '../MrlSelect';
3
+ /**
4
+ * Gets the styles objects for each MrlSelect kind
5
+ *
6
+ * @param kind - the select kind
7
+ * @returns the styles object for react-select
8
+ */
9
+ export declare function getSelectStyles<T>(kind?: SelectKind): StylesConfig<T>;
@@ -0,0 +1,7 @@
1
+ import { StylesConfig } from 'react-select';
2
+ /**
3
+ * MrlSelect styles object for the inline kind
4
+ *
5
+ * @returns a styles object
6
+ */
7
+ export declare function inlineStyles<T>(): StylesConfig<T>;
@@ -0,0 +1,7 @@
1
+ import { StylesConfig } from 'react-select';
2
+ /**
3
+ * MrlSelect styles object for the inline-no-label kind
4
+ *
5
+ * @returns a styles object
6
+ */
7
+ export declare function inlineNoLabelStyles<T>(): StylesConfig<T>;
@@ -0,0 +1,7 @@
1
+ import { StylesConfig } from 'react-select';
2
+ /**
3
+ * MrlSelect styles object for the inline-stacked kind
4
+ *
5
+ * @returns a styles object
6
+ */
7
+ export declare function inlineStackedStyles<T>(): StylesConfig<T>;
@@ -0,0 +1 @@
1
+ export * from './MrlSelect';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { AttrsObject } from '../../../../utils';
3
2
  import './MrlTextarea.global.scss';
4
3
  type MrlTextareaState = 'default' | 'disabled' | 'error' | 'read-only';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LayoutComponent } from '../../layout/constants';
3
2
  import { GridColumns } from '../constants';
4
3
  type MrlCol = LayoutComponent & GridColumns;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LayoutComponent } from '../../layout/constants';
3
2
  import '../grid.variables.scss';
4
3
  import '../grid.global.scss';
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LayoutComponent } from '../../layout/constants';
3
2
  import { AlignOptions, GutterSizes, JustifyOptions } from '../constants';
4
3
  interface MrlRow extends LayoutComponent {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LayoutComponent } from '../constants';
3
2
  /**
4
3
  * MrlMain React component.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LayoutComponent } from '../constants';
3
2
  type MrlPage = LayoutComponent;
4
3
  /**
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LayoutComponent } from '../constants';
3
2
  type MrlPage = LayoutComponent;
4
3
  /**
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * MrlSidebar demo with the use of the forward ref to make open/close/toggle the sidebar
4
3
  * through buttons as children and outside of the sidebar.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { LayoutComponent, LayoutSection } from '../constants';
3
2
  type MrlTopbar = LayoutComponent & LayoutSection;
4
3
  /**
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * Demo of a live region
4
3
  *
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { ProgressBarComponent } from '../constants';
3
2
  import '../../../styles/shared/a11y-helpers/a11y.global.scss';
4
3
  /**
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { SpinnerComponent } from '../constants';
3
2
  import '../../../styles/shared/a11y-helpers/a11y.global.scss';
4
3
  /**
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * Demo of a menu with a trigger for stories and testing
4
3
  *
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuWithTriggerProps } from './MenuWithTrigger';
3
2
  /**
4
3
  * Demo of a menu with a trigger for stories and testing
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CustomMenuPosition } from '..';
3
2
  import { MenuPosition, MenuAlignment } from '../constants';
4
3
  interface MenuWithTriggerProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CustomMenuPosition } from '..';
3
2
  import { MenuPosition, ActionState, MenuAlignment } from '../constants';
4
3
  export interface MenuWithIconTriggerProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuPosition, MenuAlignment, ActionState } from '../constants';
3
2
  interface MenuWithLinkProps {
4
3
  menuAlign?: MenuPosition;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuPosition, ActionState, MenuAlignment } from '../constants';
3
2
  interface MenuWithPopoverProps {
4
3
  position?: MenuPosition;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CustomMenuPosition } from '..';
3
2
  import { MenuPosition, ActionState, MenuAlignment } from '../constants';
4
3
  export interface MenuWithRTIProps {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuPosition, ActionState, MenuAlignment } from '../constants';
3
2
  interface MenuWithSubmenuProps {
4
3
  position?: MenuPosition;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { CustomMenuPosition } from '../';
3
2
  import { MenuPosition, ActionState, MenuAlignment } from '../constants';
4
3
  export interface MenuWithTriggerProps {
@@ -55,5 +55,5 @@ interface ModalProps extends MrlComponentProps {
55
55
  * @param {React.ReactElement} props.children - Children to be rendered within the modal. The first child is used as the trigger.
56
56
  * @returns {React.ReactElement} an instance of the MrlModal
57
57
  */
58
- export declare const MrlModal: ({ ariaLabel, children, className, client, closable, loading, size, state, hookClose, preventBackgroundScroll, attrs }: ModalProps) => React.ReactElement;
58
+ export declare const MrlModal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
59
59
  export {};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MrlDeviceClient } from '../../../contexts';
3
2
  interface ModalDemoProps {
4
3
  client?: MrlDeviceClient;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface ModalDemoProps {
3
2
  /** Additional function to be run when the modal closes */
4
3
  hookClose?: (() => void) | undefined;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface MrlPaginationTextProps {
3
2
  /** Additional class to add to the container element */
4
3
  className?: string;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
3
2
  interface PopoverWithIconButtonProps {
4
3
  hasCloseButton?: boolean;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
3
2
  interface PopoverWithSelectProps {
4
3
  hasCloseButton?: boolean;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { MenuPosition, ActionState, MenuAlignment } from '../../menu/constants';
3
2
  interface PopoverWithTriggerProps {
4
3
  hasCloseButton?: boolean;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  interface MrlTableEmptyStateProps {
3
2
  /**
4
3
  * Text to be displayed in the empty state.
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * Props for the MrlToolbarItem component.
4
3
  */
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  /**
3
2
  * Demo for useBreakpoint hook
4
3
  *