@popmenu/admin-ui 0.10.2 → 0.11.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.
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AlertProps } from './AlertProps';
|
|
3
|
-
export declare const Alert: React.ForwardRefExoticComponent<Pick<AlertProps, "classes" | "icon" | "action" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "children" | "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" | "component" | "elevation" | "square" | "innerRef" | "fullWidth" | "link" | "closeText" | "
|
|
3
|
+
export declare const Alert: React.ForwardRefExoticComponent<Pick<AlertProps, "severity" | "classes" | "icon" | "action" | "variant" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "children" | "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" | "component" | "elevation" | "square" | "innerRef" | "fullWidth" | "link" | "closeText" | "iconMapping" | "onClose"> & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { AlertDialogProps } from './AlertDialogProps';
|
|
3
|
-
export declare const AlertDialog: React.ForwardRefExoticComponent<Pick<AlertDialogProps, "classes" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "container" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onClose" | "onEscapeKeyDown" | "onRendered" | "open" | "innerRef" | "descriptionId" | "labelId" | "onCancel" | "onProceed" | "proceedButtonText" | "
|
|
3
|
+
export declare const AlertDialog: React.ForwardRefExoticComponent<Pick<AlertDialogProps, "severity" | "classes" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "container" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "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" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "disableAutoFocus" | "disableBackdropClick" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onClose" | "onEscapeKeyDown" | "onRendered" | "open" | "innerRef" | "descriptionId" | "labelId" | "onCancel" | "onProceed" | "proceedButtonText" | "fullScreen" | "fullWidth" | "maxWidth" | "PaperComponent" | "PaperProps" | "scroll" | "TransitionComponent" | "transitionDuration" | "TransitionProps"> & React.RefAttributes<HTMLDivElement>>;
|
package/build/index.es.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import React__default, { forwardRef, createContext, useState, useContext } from 'react';
|
|
3
|
+
import { Link, IconButton, Icon, Alert as Alert$1, Button as Button$1, Dialog, Card, CardContent, Box, CardActions, Typography, ButtonGroup as ButtonGroup$1, CardActionArea } from '@popmenu/common-ui';
|
|
3
4
|
import { makeStyles, useTheme, lighten } from '@material-ui/core/styles';
|
|
4
5
|
import { makeStyles as makeStyles$1 } from '@material-ui/core';
|
|
5
6
|
import MuiAlertTitle from '@material-ui/lab/AlertTitle';
|
|
@@ -94,8 +95,119 @@ function __spreadArray(to, from, pack) {
|
|
|
94
95
|
return to.concat(ar || from);
|
|
95
96
|
}
|
|
96
97
|
|
|
98
|
+
var _path$4n, _path2$1p;
|
|
99
|
+
|
|
100
|
+
function _extends$4E() { _extends$4E = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4E.apply(this, arguments); }
|
|
101
|
+
|
|
102
|
+
function SvgCheckCircle(props) {
|
|
103
|
+
return /*#__PURE__*/React.createElement("svg", _extends$4E({
|
|
104
|
+
viewBox: "0 0 16 16",
|
|
105
|
+
strokeLinecap: "round",
|
|
106
|
+
strokeLinejoin: "round",
|
|
107
|
+
stroke: "currentColor",
|
|
108
|
+
width: "1em",
|
|
109
|
+
height: "1em",
|
|
110
|
+
fill: "none"
|
|
111
|
+
}, props), _path$4n || (_path$4n = /*#__PURE__*/React.createElement("path", {
|
|
112
|
+
d: "M14.667 7.387V8a6.666 6.666 0 11-3.954-6.093"
|
|
113
|
+
})), _path2$1p || (_path2$1p = /*#__PURE__*/React.createElement("path", {
|
|
114
|
+
d: "M14.667 2.667L8 9.34l-2-2"
|
|
115
|
+
})));
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
var _path$4k;
|
|
119
|
+
|
|
120
|
+
function _extends$4B() { _extends$4B = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4B.apply(this, arguments); }
|
|
121
|
+
|
|
122
|
+
function SvgX(props) {
|
|
123
|
+
return /*#__PURE__*/React.createElement("svg", _extends$4B({
|
|
124
|
+
viewBox: "0 0 16 16",
|
|
125
|
+
strokeLinecap: "round",
|
|
126
|
+
strokeLinejoin: "round",
|
|
127
|
+
stroke: "currentColor",
|
|
128
|
+
width: "1em",
|
|
129
|
+
height: "1em",
|
|
130
|
+
fill: "none"
|
|
131
|
+
}, props), _path$4k || (_path$4k = /*#__PURE__*/React.createElement("path", {
|
|
132
|
+
d: "M12 4l-8 8m0-8l8 8"
|
|
133
|
+
})));
|
|
134
|
+
}
|
|
135
|
+
|
|
136
|
+
var _path$3$;
|
|
137
|
+
|
|
138
|
+
function _extends$4g() { _extends$4g = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4g.apply(this, arguments); }
|
|
139
|
+
|
|
140
|
+
function SvgInfo(props) {
|
|
141
|
+
return /*#__PURE__*/React.createElement("svg", _extends$4g({
|
|
142
|
+
viewBox: "0 0 16 16",
|
|
143
|
+
strokeLinecap: "round",
|
|
144
|
+
strokeLinejoin: "round",
|
|
145
|
+
stroke: "currentColor",
|
|
146
|
+
width: "1em",
|
|
147
|
+
height: "1em",
|
|
148
|
+
fill: "none"
|
|
149
|
+
}, props), _path$3$ || (_path$3$ = /*#__PURE__*/React.createElement("path", {
|
|
150
|
+
d: "M8 14.667A6.667 6.667 0 108 1.333a6.667 6.667 0 000 13.334zm0-4V8m0-2.667h.007"
|
|
151
|
+
})));
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
var _path$3a;
|
|
155
|
+
|
|
156
|
+
function _extends$3q() { _extends$3q = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3q.apply(this, arguments); }
|
|
157
|
+
|
|
158
|
+
function SvgError(props) {
|
|
159
|
+
return /*#__PURE__*/React.createElement("svg", _extends$3q({
|
|
160
|
+
viewBox: "0 0 16 16",
|
|
161
|
+
strokeLinecap: "round",
|
|
162
|
+
strokeLinejoin: "round",
|
|
163
|
+
stroke: "currentColor",
|
|
164
|
+
width: "1em",
|
|
165
|
+
height: "1em",
|
|
166
|
+
fill: "none"
|
|
167
|
+
}, props), _path$3a || (_path$3a = /*#__PURE__*/React.createElement("path", {
|
|
168
|
+
d: "M5.24 1.333h5.52l3.907 3.907v5.52l-3.907 3.907H5.24L1.333 10.76V5.24L5.24 1.333zm2.76 4V8m0 2.667h.008"
|
|
169
|
+
})));
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
var _path$39;
|
|
173
|
+
|
|
174
|
+
function _extends$3p() { _extends$3p = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3p.apply(this, arguments); }
|
|
175
|
+
|
|
176
|
+
function SvgWarning(props) {
|
|
177
|
+
return /*#__PURE__*/React.createElement("svg", _extends$3p({
|
|
178
|
+
viewBox: "0 0 16 16",
|
|
179
|
+
strokeLinecap: "round",
|
|
180
|
+
strokeLinejoin: "round",
|
|
181
|
+
stroke: "currentColor",
|
|
182
|
+
width: "1em",
|
|
183
|
+
height: "1em",
|
|
184
|
+
fill: "none"
|
|
185
|
+
}, props), _path$39 || (_path$39 = /*#__PURE__*/React.createElement("path", {
|
|
186
|
+
d: "M6.86 2.573L1.213 12a1.333 1.333 0 001.14 2h11.294a1.334 1.334 0 001.14-2L9.14 2.573a1.333 1.333 0 00-2.28 0v0zM8 6v2.667m0 2.666h.007"
|
|
187
|
+
})));
|
|
188
|
+
}
|
|
189
|
+
|
|
190
|
+
var _path$S;
|
|
191
|
+
|
|
192
|
+
function _extends$10() { _extends$10 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$10.apply(this, arguments); }
|
|
193
|
+
|
|
194
|
+
function SvgCircle(props) {
|
|
195
|
+
return /*#__PURE__*/React.createElement("svg", _extends$10({
|
|
196
|
+
viewBox: "0 0 16 16",
|
|
197
|
+
strokeLinecap: "round",
|
|
198
|
+
strokeLinejoin: "round",
|
|
199
|
+
stroke: "currentColor",
|
|
200
|
+
width: "1em",
|
|
201
|
+
height: "1em",
|
|
202
|
+
fill: "none"
|
|
203
|
+
}, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
|
|
204
|
+
d: "M8 14.667A6.667 6.667 0 108 1.333a6.667 6.667 0 000 13.334z"
|
|
205
|
+
})));
|
|
206
|
+
}
|
|
207
|
+
|
|
97
208
|
var useAlertStyles = makeStyles(function (theme) { return ({
|
|
98
209
|
root: {
|
|
210
|
+
alignItems: 'center',
|
|
99
211
|
width: function (_a) {
|
|
100
212
|
var fullWidth = _a.fullWidth;
|
|
101
213
|
return (fullWidth ? '100%' : 'unset');
|
|
@@ -107,14 +219,21 @@ var useAlertStyles = makeStyles(function (theme) { return ({
|
|
|
107
219
|
},
|
|
108
220
|
}); });
|
|
109
221
|
|
|
222
|
+
var severityIcons$1 = {
|
|
223
|
+
info: SvgInfo,
|
|
224
|
+
error: SvgError,
|
|
225
|
+
warning: SvgWarning,
|
|
226
|
+
success: SvgCheckCircle,
|
|
227
|
+
};
|
|
110
228
|
var Alert = forwardRef(function (props, ref) {
|
|
111
229
|
var children = props.children, link = props.link, _a = props.severity, severity = _a === void 0 ? 'error' : _a, _b = props.variant, variant = _b === void 0 ? 'outlined' : _b, onClose = props.onClose, muiProps = __rest(props, ["children", "link", "severity", "variant", "onClose"]);
|
|
112
230
|
var classes = useAlertStyles(props);
|
|
113
231
|
var validLink = link && link.href && link.text && { href: link.href, children: link.text };
|
|
114
|
-
var Action = (
|
|
115
|
-
validLink &&
|
|
116
|
-
|
|
117
|
-
|
|
232
|
+
var Action = (React__default.createElement(React__default.Fragment, null,
|
|
233
|
+
validLink && React__default.createElement(Link, __assign({}, validLink)),
|
|
234
|
+
React__default.createElement(IconButton, { onClick: onClose },
|
|
235
|
+
React__default.createElement(Icon, { icon: SvgX }))));
|
|
236
|
+
return (React__default.createElement(Alert$1, __assign({ ref: ref, classes: classes, icon: React__default.createElement(Icon, { icon: severityIcons$1[severity] }), action: Action, variant: variant, severity: severity }, muiProps), children));
|
|
118
237
|
});
|
|
119
238
|
Alert.displayName = 'Alert';
|
|
120
239
|
|
|
@@ -278,7 +397,7 @@ var Button = forwardRef(function (props, ref) {
|
|
|
278
397
|
var classes = useButtonStyles(props);
|
|
279
398
|
var derivedProps = deriveButtonProps(props);
|
|
280
399
|
var mergedProps = __assign(__assign({}, derivedProps), commonProps);
|
|
281
|
-
return (
|
|
400
|
+
return (React__default.createElement(Button$1, __assign({ ref: ref, classes: __assign(__assign({}, classes), classesOverride), disableElevation: true }, mergedProps), children));
|
|
282
401
|
});
|
|
283
402
|
Button.defaultProps = {
|
|
284
403
|
textTransform: 'uppercase',
|
|
@@ -312,33 +431,40 @@ var useAlertDialogStyles = makeStyles(function (theme) { return ({
|
|
|
312
431
|
},
|
|
313
432
|
}); });
|
|
314
433
|
|
|
434
|
+
var severityIcons = {
|
|
435
|
+
info: SvgInfo,
|
|
436
|
+
error: SvgError,
|
|
437
|
+
warning: SvgWarning,
|
|
438
|
+
success: SvgCheckCircle,
|
|
439
|
+
};
|
|
315
440
|
var AlertDialog = forwardRef(function (props, ref) {
|
|
316
441
|
var children = props.children, labelId = props.labelId, descriptionId = props.descriptionId, _a = props.severity, severity = _a === void 0 ? 'info' : _a, _b = props.proceedButtonText, proceedButtonText = _b === void 0 ? 'proceed' : _b, onClose = props.onClose, onCancel = props.onCancel, onProceed = props.onProceed, DialogProps = __rest(props, ["children", "labelId", "descriptionId", "severity", "proceedButtonText", "onClose", "onCancel", "onProceed"]);
|
|
317
442
|
var classes = useAlertDialogStyles(props);
|
|
318
|
-
return (
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
443
|
+
return (React__default.createElement(Dialog, __assign({ ref: ref, classes: { paper: classes.root } }, DialogProps),
|
|
444
|
+
React__default.createElement(Card, { classes: { root: classes.card }, role: "alertdialog", "aria-modal": "true", "aria-labelledby": labelId, "aria-describedby": descriptionId },
|
|
445
|
+
React__default.createElement(IconButton, { className: classes.cancelIcon, onClick: onClose },
|
|
446
|
+
React__default.createElement(Icon, { icon: SvgX })),
|
|
447
|
+
React__default.createElement(CardContent, null,
|
|
448
|
+
React__default.createElement(Box, { display: "flex" },
|
|
449
|
+
React__default.createElement(Icon, { className: classes.icon, color: severity, icon: severityIcons[severity] }),
|
|
450
|
+
React__default.createElement(Box, { pl: 2, pr: 3 }, children))),
|
|
451
|
+
React__default.createElement(CardActions, { classes: { root: classes.cardActions } },
|
|
452
|
+
React__default.createElement(Button, { onClick: onCancel, variant: "ghost" }, "Cancel"),
|
|
453
|
+
React__default.createElement(Button, { onClick: onProceed, variant: "ghost" }, proceedButtonText)))));
|
|
328
454
|
});
|
|
329
455
|
AlertDialog.displayName = 'AlertDialog';
|
|
330
456
|
|
|
331
457
|
var AlertDialogHeader = function (props) {
|
|
332
458
|
var children = props.children, muiProps = __rest(props, ["children"]);
|
|
333
|
-
return (
|
|
334
|
-
|
|
459
|
+
return (React__default.createElement(Box, __assign({ display: "flex", height: 40, alignItems: "center" }, muiProps),
|
|
460
|
+
React__default.createElement(Typography, { variant: "h6" }, children)));
|
|
335
461
|
};
|
|
336
462
|
AlertDialogHeader.displayName = 'AlertDialogHeader';
|
|
337
463
|
|
|
338
464
|
var AlertTitle = function (props) {
|
|
339
465
|
var children = props.children, muiProps = __rest(props, ["children"]);
|
|
340
|
-
return (
|
|
341
|
-
|
|
466
|
+
return (React__default.createElement(MuiAlertTitle, __assign({}, muiProps),
|
|
467
|
+
React__default.createElement(Typography, { variant: "h6" },
|
|
342
468
|
" ",
|
|
343
469
|
children,
|
|
344
470
|
" ")));
|
|
@@ -373,17 +499,17 @@ var ButtonGroup = forwardRef(function (props, ref) {
|
|
|
373
499
|
var classes = useButtonGroupStyles(props);
|
|
374
500
|
var derivedProps = deriveButtonProps({ variant: variant });
|
|
375
501
|
var spacing = useTheme().spacing;
|
|
376
|
-
var childrenWithProps =
|
|
502
|
+
var childrenWithProps = React__default.Children.map(children, function (child, i) {
|
|
377
503
|
var isFirst = i === 0 && props.orientation === 'vertical';
|
|
378
|
-
var isLast = i ===
|
|
504
|
+
var isLast = i === React__default.Children.toArray(children).length - 1 && props.orientation === 'vertical';
|
|
379
505
|
var firstStyles = { style: { borderTopLeftRadius: spacing(2), borderTopRightRadius: spacing(2) } };
|
|
380
506
|
var lastStyles = { style: { borderBottomLeftRadius: spacing(2), borderBottomRightRadius: spacing(2) } };
|
|
381
|
-
if (!
|
|
507
|
+
if (!React__default.isValidElement(child)) {
|
|
382
508
|
return null;
|
|
383
509
|
}
|
|
384
|
-
return
|
|
510
|
+
return React__default.cloneElement(child, __assign(__assign({ variant: variant }, (isFirst && firstStyles)), (isLast && lastStyles)));
|
|
385
511
|
});
|
|
386
|
-
return (
|
|
512
|
+
return (React__default.createElement(ButtonGroup$1, __assign({ ref: ref, classes: classes }, derivedProps, muiProps), childrenWithProps));
|
|
387
513
|
});
|
|
388
514
|
ButtonGroup.displayName = 'ButtonGroup';
|
|
389
515
|
|
|
@@ -412,16 +538,16 @@ var FeatureIntro = function (props) {
|
|
|
412
538
|
return (
|
|
413
539
|
/** Needed to use extra ts syntax to trick Box into accepting ref, issue to be fixed in MUI v5 */
|
|
414
540
|
/* eslint-disable-next-line @typescript-eslint/no-explicit-any */
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
primaryAction &&
|
|
422
|
-
secondaryAction && (
|
|
423
|
-
|
|
424
|
-
|
|
541
|
+
React__default.createElement(Box, { className: classes.root, padding: { xs: 4, sm: 8 }, flexDirection: { xs: 'column-reverse', sm: 'row' }, display: "flex", justifyContent: "center", alignItems: "center" },
|
|
542
|
+
React__default.createElement(Box, { display: "flex", flexDirection: "column", width: { xs: '100%', sm: '50%' }, alignItems: { xs: 'center', sm: 'unset' } },
|
|
543
|
+
React__default.createElement(Box, { textAlign: { xs: 'center', sm: 'start' }, marginBottom: 2 },
|
|
544
|
+
React__default.createElement(Typography, { align: "inherit", variant: "h4" }, title)),
|
|
545
|
+
React__default.createElement(Box, { textAlign: { xs: 'center', sm: 'start' }, marginBottom: 6 }, body),
|
|
546
|
+
React__default.createElement(Box, { className: classes.actions, display: "flex", flexDirection: "column", width: "fit-content" },
|
|
547
|
+
primaryAction && React__default.createElement(Button, __assign({}, primaryActionProps), primaryActionLabel),
|
|
548
|
+
secondaryAction && (React__default.createElement(Button, __assign({ variant: "tertiary" }, secondaryActionProps), secondaryActionLabel)))),
|
|
549
|
+
React__default.createElement(Box, { display: "flex", width: { xs: '100%', sm: '50%' }, alignItems: "center", justifyContent: "center" },
|
|
550
|
+
React__default.createElement(Box, { display: "flex", maxWidth: 450, maxHeight: 450 }, validImage && React__default.createElement("img", { src: image.src, alt: image.alt, className: classes.image })))));
|
|
425
551
|
};
|
|
426
552
|
FeatureIntro.displayName = 'FeatureIntro';
|
|
427
553
|
|
|
@@ -476,7 +602,7 @@ var augmentButtonProps = function (internalProps, externalProps, setStepCursor,
|
|
|
476
602
|
var StepperActionsPreviousButton = function (props) {
|
|
477
603
|
var previousButtonText = props.previousButtonText, stepCursor = props.stepCursor, handlePreviousClick = props.handlePreviousClick, previousButtonProps = props.previousButtonProps, setStepCursor = props.setStepCursor, displayPreviousButton = props.displayPreviousButton;
|
|
478
604
|
var augmentedPreviousButtonProps = augmentButtonProps({ onClick: handlePreviousClick }, previousButtonProps, setStepCursor, stepCursor, -1);
|
|
479
|
-
return displayPreviousButton ? (
|
|
605
|
+
return displayPreviousButton ? (React__default.createElement(Button, __assign({ variant: "tertiary", disabled: stepCursor === 1 }, augmentedPreviousButtonProps), previousButtonText || 'previous')) : null;
|
|
480
606
|
};
|
|
481
607
|
|
|
482
608
|
var useStyles = makeStyles({
|
|
@@ -487,7 +613,7 @@ var useStyles = makeStyles({
|
|
|
487
613
|
var StepperActionsStatusText = function (props) {
|
|
488
614
|
var statusText = props.statusText;
|
|
489
615
|
var classes = useStyles(props);
|
|
490
|
-
return statusText ? (
|
|
616
|
+
return statusText ? (React__default.createElement(Typography, { classes: { root: classes.root }, variant: "body2" }, statusText)) : null;
|
|
491
617
|
};
|
|
492
618
|
|
|
493
619
|
var StepperActionsNextButton = function (props) {
|
|
@@ -497,27 +623,27 @@ var StepperActionsNextButton = function (props) {
|
|
|
497
623
|
var finishText = finishButtonText || 'finish';
|
|
498
624
|
var nextText = nextButtonText || 'next';
|
|
499
625
|
var buttonText = finalStep ? finishText : nextText;
|
|
500
|
-
return
|
|
626
|
+
return React__default.createElement(Button, __assign({}, augmentedNextButtonProps), buttonText);
|
|
501
627
|
};
|
|
502
628
|
|
|
503
629
|
var StepperActionsCancelButton = function (props) {
|
|
504
630
|
var setStepCursor = props.setStepCursor, stepCursor = props.stepCursor, cancelButtonText = props.cancelButtonText, cancelButtonProps = props.cancelButtonProps, handleCancelClick = props.handleCancelClick, displayCancelButton = props.displayCancelButton;
|
|
505
631
|
var augmentedCancelButtonProps = augmentButtonProps({ onClick: handleCancelClick }, cancelButtonProps, setStepCursor, stepCursor, 0);
|
|
506
|
-
return displayCancelButton ? (
|
|
632
|
+
return displayCancelButton ? (React__default.createElement(Button, __assign({ variant: "ghost" }, augmentedCancelButtonProps), cancelButtonText || 'cancel')) : null;
|
|
507
633
|
};
|
|
508
634
|
|
|
509
635
|
var FullScreenStepperActions = function (props) {
|
|
510
636
|
var stepCount = props.stepCount, stepCursor = props.stepCursor, setStepCursor = props.setStepCursor, handleNextClick = props.handleNextClick, handlePreviousClick = props.handlePreviousClick, handleCancelClick = props.handleCancelClick, actions = props.actions, cancelButtonText = props.cancelButtonText, nextButtonText = props.nextButtonText, finishButtonText = props.finishButtonText, nextButtonProps = props.nextButtonProps, previousButtonText = props.previousButtonText, previousButtonProps = props.previousButtonProps, cancelButtonProps = props.cancelButtonProps, statusText = props.statusText, displayPreviousButton = props.displayPreviousButton, displayCancelButton = props.displayCancelButton;
|
|
511
637
|
var classes = useFullScreenStepperActionsStyles(props);
|
|
512
|
-
return (
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
638
|
+
return (React__default.createElement(Box, { className: classes.root },
|
|
639
|
+
React__default.createElement(Box, { className: classes.inlineStartActions },
|
|
640
|
+
React__default.createElement(StepperActionsPreviousButton, { displayPreviousButton: displayPreviousButton, previousButtonText: previousButtonText, handlePreviousClick: handlePreviousClick, previousButtonProps: previousButtonProps, stepCursor: stepCursor, setStepCursor: setStepCursor }),
|
|
641
|
+
React__default.createElement(StepperActionsStatusText, { statusText: statusText })),
|
|
642
|
+
React__default.createElement(Box, { className: classes.inlineEndActions },
|
|
517
643
|
actions &&
|
|
518
|
-
actions.map(function (action, i) { return (
|
|
519
|
-
|
|
520
|
-
|
|
644
|
+
actions.map(function (action, i) { return (React__default.createElement(Button, __assign({ key: "custom-action-" + stepCursor + "-" + i, variant: "ghost", onClick: action.onClick }, action.props), action.text)); }),
|
|
645
|
+
React__default.createElement(StepperActionsCancelButton, { setStepCursor: setStepCursor, stepCursor: stepCursor, cancelButtonText: cancelButtonText, cancelButtonProps: cancelButtonProps, handleCancelClick: handleCancelClick, displayCancelButton: displayCancelButton }),
|
|
646
|
+
React__default.createElement(StepperActionsNextButton, { handleNextClick: handleNextClick, nextButtonProps: nextButtonProps, setStepCursor: setStepCursor, stepCursor: stepCursor, stepCount: stepCount, finishButtonText: finishButtonText, nextButtonText: nextButtonText }))));
|
|
521
647
|
};
|
|
522
648
|
|
|
523
649
|
var getBorderRadius = function (theme, props) {
|
|
@@ -554,8 +680,8 @@ var useFullScreenStepperProgressStyles = makeStyles(function (theme) { return ({
|
|
|
554
680
|
|
|
555
681
|
var FullScreenStepperProgress = function (props) {
|
|
556
682
|
var classes = useFullScreenStepperProgressStyles(props);
|
|
557
|
-
return (
|
|
558
|
-
|
|
683
|
+
return (React__default.createElement(Box, { className: classes.track },
|
|
684
|
+
React__default.createElement(Box, { className: classes.progress })));
|
|
559
685
|
};
|
|
560
686
|
|
|
561
687
|
var useFullScreenStepperHeaderStyles = makeStyles(function (_a) {
|
|
@@ -583,14 +709,15 @@ var useFullScreenStepperHeaderStyles = makeStyles(function (_a) {
|
|
|
583
709
|
var FullScreenStepperHeader = function (props) {
|
|
584
710
|
var stepCount = props.stepCount, stepCursor = props.stepCursor, step = props.step, onClose = props.onClose;
|
|
585
711
|
var classes = useFullScreenStepperHeaderStyles(props);
|
|
586
|
-
return (
|
|
587
|
-
|
|
588
|
-
|
|
712
|
+
return (React__default.createElement(Box, { className: classes.root },
|
|
713
|
+
React__default.createElement(Typography, { variant: "h6" }, step.title),
|
|
714
|
+
React__default.createElement(Typography, null,
|
|
589
715
|
stepCursor,
|
|
590
716
|
" of ",
|
|
591
717
|
stepCount),
|
|
592
|
-
|
|
593
|
-
|
|
718
|
+
React__default.createElement(IconButton, { className: classes.closeButton, onClick: onClose },
|
|
719
|
+
React__default.createElement(Icon, { icon: SvgX })),
|
|
720
|
+
React__default.createElement(FullScreenStepperProgress, { stepCount: stepCount, stepCursor: stepCursor })));
|
|
594
721
|
};
|
|
595
722
|
|
|
596
723
|
var FullScreenStepperContext = createContext({});
|
|
@@ -675,19 +802,19 @@ var FullScreenStepper = function (props) {
|
|
|
675
802
|
}
|
|
676
803
|
});
|
|
677
804
|
}); };
|
|
678
|
-
var content =
|
|
679
|
-
return (
|
|
680
|
-
|
|
681
|
-
|
|
682
|
-
|
|
683
|
-
|
|
684
|
-
|
|
805
|
+
var content = React__default.Children.toArray(children).find(function (child) { return React__default.isValidElement(child) && child.props.name === step.name; });
|
|
806
|
+
return (React__default.createElement(Dialog$1, __assign({ fullScreen: true }, DialogProps),
|
|
807
|
+
React__default.createElement(FullScreenStepperContext.Provider, { value: mergedContext },
|
|
808
|
+
React__default.createElement(Box$1, { display: "flex", flexDirection: "column", flexGrow: 1 },
|
|
809
|
+
React__default.createElement(FullScreenStepperHeader, { stepCount: stepCount, stepCursor: stepCursor, onClose: handleClose, step: step }),
|
|
810
|
+
React__default.createElement(Box$1, { display: "flex", mx: 6, flexGrow: 1, alignItems: "center", flexDirection: "column" }, content),
|
|
811
|
+
React__default.createElement(FullScreenStepperActions, __assign({}, step.actionBar, { displayCancelButton: displayCancelButton, displayPreviousButton: displayPreviousButton, stepCount: stepCount, stepCursor: stepCursor, setStepCursor: setStepCursor, handleCancelClick: handleCancelClick, handleNextClick: handleNextClick, handlePreviousClick: handlePreviousClick }))))));
|
|
685
812
|
};
|
|
686
813
|
FullScreenStepper.displayName = 'FullScreenStepper';
|
|
687
814
|
|
|
688
815
|
var FullScreenStepperContent = function (props) {
|
|
689
816
|
props.name; var boxProps = __rest(props, ["name"]);
|
|
690
|
-
return (
|
|
817
|
+
return (React__default.createElement(Box, __assign({ py: 8 }, boxProps), props.children));
|
|
691
818
|
};
|
|
692
819
|
|
|
693
820
|
var useSelectableCardStyles = makeStyles(function (theme) {
|
|
@@ -740,10 +867,10 @@ var SelectableCard = function (props) {
|
|
|
740
867
|
var handleClick = function () {
|
|
741
868
|
onClick(value);
|
|
742
869
|
};
|
|
743
|
-
return (
|
|
744
|
-
|
|
745
|
-
|
|
746
|
-
|
|
870
|
+
return (React__default.createElement(Card, __assign({ classes: { root: classes.root } }, muiProps),
|
|
871
|
+
React__default.createElement(CardActionArea, { onClick: handleClick, classes: { focusHighlight: classes.focusHighlight }, role: "checkbox", "aria-checked": selected, "aria-labelledby": labelId },
|
|
872
|
+
React__default.createElement(Icon, { className: classes.icon, icon: selected ? SvgCheckCircle : SvgCircle, size: "medium" }),
|
|
873
|
+
React__default.createElement(CardContent, { classes: { root: classes.cardContent } }, children))));
|
|
747
874
|
};
|
|
748
875
|
SelectableCard.displayName = 'SelectableCard';
|
|
749
876
|
|
|
@@ -762,8 +889,8 @@ var useToastStyles = makeStyles(function (theme) { return ({
|
|
|
762
889
|
var Toast = function (props) {
|
|
763
890
|
var children = props.children, AlertProps = props.AlertProps, severity = props.severity, muiProps = __rest(props, ["children", "AlertProps", "severity"]);
|
|
764
891
|
var classes = useToastStyles(props);
|
|
765
|
-
return (
|
|
766
|
-
|
|
892
|
+
return (React__default.createElement(MuiSnackbar, __assign({ ClickAwayListenerProps: { mouseEvent: false } }, muiProps),
|
|
893
|
+
React__default.createElement(Alert, __assign({ className: classes.root, action: null, severity: severity }, AlertProps), children)));
|
|
767
894
|
};
|
|
768
895
|
Toast.defaultProps = {
|
|
769
896
|
AlertProps: {},
|