flipper-ui 0.33.0 → 0.34.0

package/core/data-display/table/table-row.d.ts

@@ -1,12 +1,12 @@
-import type { MouseEvent } from 'react';
 import React from 'react';
+import type { MouseEvent } from 'react';
 import type { DefaultProps } from '../../types';
-import type { TableRowProps as MuiTableRowProps } from '@material-ui/core/TableRow';
-export interface TableRowProps extends DefaultProps {
+import type { TableRowProps } from '@mui/material/TableRow';
+export interface ITableRowProps extends DefaultProps, TableRowProps {
     selected?: boolean;
     hover?: boolean;
     background?: string;
     onClick?: (event: MouseEvent<HTMLTableRowElement>) => void;
 }
-declare const TableRow: ({ style, margin, padding, children, background, ...otherProps }: MuiTableRowProps & TableRowProps) => React.JSX.Element;
+declare const TableRow: ({ style, margin, padding, children, background, ...otherProps }: ITableRowProps) => React.JSX.Element;
 export default TableRow;

package/core/data-display/table/table-row.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
+var _TableRow = _interopRequireDefault(require("@mui/material/TableRow"));
 var _theme = require("../../../theme");
 var _excluded = ["style", "margin", "padding", "children", "background"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }

package/core/data-display/table/table.stories.d.ts

@@ -1,10 +1,5 @@
-import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
-    padding?: import("@material-ui/core").Padding | undefined;
-    size?: import("@material-ui/core").Size | undefined;
-    stickyHeader?: boolean | undefined;
-} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TableTypeMap<{}, "table">> & Pick<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
-    ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | null | undefined;
-}, "color" | "role" | "onClick" | "children" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "summary" | "key" | "border" | "width" | "align" | "bgcolor" | "cellPadding" | "cellSpacing" | "frame" | "rules"> & import(".").TableProps>;
+import type { Meta } from '@storybook/react';
+import Table from '.';
+declare const _default: Meta<typeof Table>;
 export default _default;
 export declare const Default: any;

package/core/data-display/typography/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { DefaultProps } from '../../types';
-import type { TypographyProps } from '@material-ui/core/Typography';
+import type { TypographyProps } from '@mui/material/Typography';
 declare const Typography: ({ children, margin, padding, style, variant, ...otherProps }: TypographyProps & DefaultProps) => React.JSX.Element;
 export default Typography;

package/core/data-display/typography/index.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
+var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
 var _excluded = ["children", "margin", "padding", "style", "variant"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }

package/core/data-display/typography/typography.stories.d.ts

@@ -1,17 +1,6 @@
-import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
-    align?: import("@material-ui/core").PropTypes.Alignment | undefined;
-    children?: React.ReactNode;
-    color?: "inherit" | "primary" | "secondary" | "initial" | "error" | "textPrimary" | "textSecondary" | undefined;
-    display?: "initial" | "block" | "inline" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-    variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
-    variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
-} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, "color" | "role" | "onClick" | "children" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key"> & import("../../types").DefaultProps>;
+import type { Meta } from '@storybook/react';
+import Typography from '.';
+declare const _default: Meta<typeof Typography>;
 export default _default;
 export declare const Default: any;
 export declare const ErrorText: any;

package/core/feedback/collapse/index.d.ts

@@ -2,13 +2,13 @@ import React from 'react';
 import type { ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 export interface CollapseProps extends DefaultProps {
-    collapsedHeight?: string;
     in: boolean;
+    children?: ReactNode;
+    collapsedHeight?: string;
     timeout?: number | {
         enter?: number;
         exit?: number;
     } | 'auto';
-    children?: ReactNode;
 }
 declare const Collapse: ({ children, padding, margin, style, ...otherProps }: CollapseProps) => React.JSX.Element;
 export default Collapse;

package/core/feedback/collapse/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Collapse2 = _interopRequireDefault(require("@material-ui/core/Collapse"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _Collapse = _interopRequireDefault(require("@mui/material/Collapse"));
 var _excluded = ["children", "padding", "margin", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -20,11 +20,11 @@ var Collapse = function Collapse(_ref) {
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Collapse2["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Collapse["default"], (0, _extends2["default"])({
     style: _objectSpread({
       padding: padding,
       margin: margin
     }, style)
-  }, otherProps), children);
+  }, otherProps), /*#__PURE__*/_react["default"].createElement("div", null, children));
 };
 var _default = exports["default"] = Collapse;

package/core/feedback/dialog/index.d.ts

@@ -1,15 +1,15 @@
 import React from 'react';
 import type { CSSProperties, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
-import type { DialogProps as MuiDialogProps } from '@material-ui/core';
-export interface DialogProps extends DefaultProps, Omit<MuiDialogProps, 'scroll' | 'title' | 'content'> {
+import type { DialogProps } from '@mui/material/Dialog';
+export interface IDialogProps extends DefaultProps, Omit<DialogProps, 'title' | 'content'> {
     open: boolean;
     fullScreen?: boolean;
     fullWidth?: boolean;
     title?: string | ReactNode;
     titleAction?: string | ReactNode;
     actions?: ReactNode;
-    maxWidth?: 'xs' | 'sm' | 'md' | 'lg';
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     content?: ReactNode | string;
     text?: string;
     snippet?: ReactNode | JSX.Element;
@@ -22,9 +22,8 @@ export interface DialogProps extends DefaultProps, Omit<MuiDialogProps, 'scroll'
     contentStyle?: CSSProperties;
     snippetContentStyle?: CSSProperties;
     contentTextStyle?: CSSProperties;
-    scroll?: 'body' | 'paper' | 'unset-paper' | 'unset-body';
     'aria-title'?: string;
     onClose?: (event: Event) => void;
 }
-declare const Dialog: ({ snippet, style, padding, margin, scroll, PaperProps, open, fullScreen, fullWidth, maxWidth, onClose, titleAction, titleWrapperStyle, titleStyle, titleActionStyle, contentStyle, contentTextStyle, actionsStyle, actions, content, text, title, snippetStyle, snippetContentStyle, "aria-title": ariaTitle, ...otherProps }: DialogProps) => React.JSX.Element;
+declare const Dialog: ({ snippet, style, padding, margin, scroll, PaperProps, open, fullScreen, fullWidth, maxWidth, onClose, titleAction, titleWrapperStyle, titleStyle, titleActionStyle, contentStyle, contentTextStyle, actionsStyle, actions, content, text, title, snippetStyle, snippetContentStyle, "aria-title": ariaTitle, ...otherProps }: IDialogProps) => React.JSX.Element;
 export default Dialog;

package/core/feedback/dialog/index.js

@@ -8,18 +8,18 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _makeStyles2 = _interopRequireDefault(require("@mui/styles/makeStyles"));
 var _react = _interopRequireDefault(require("react"));
-var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
-var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
-var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
-var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
-var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
-var _styles = require("@material-ui/core/styles");
-var _styles2 = require("./styles");
+var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
+var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
+var _DialogContent = _interopRequireDefault(require("@mui/material/DialogContent"));
+var _DialogContentText = _interopRequireDefault(require("@mui/material/DialogContentText"));
+var _DialogTitle = _interopRequireDefault(require("@mui/material/DialogTitle"));
+var _styles = require("./styles");
 var _excluded = ["snippet", "style", "padding", "margin", "scroll", "PaperProps", "open", "fullScreen", "fullWidth", "maxWidth", "onClose", "titleAction", "titleWrapperStyle", "titleStyle", "titleActionStyle", "contentStyle", "contentTextStyle", "actionsStyle", "actions", "content", "text", "title", "snippetStyle", "snippetContentStyle", "aria-title"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useStyles = (0, _styles.makeStyles)({
+var useStyles = (0, _makeStyles2["default"])({
   root: {
     overflowY: 'unset'
   }
@@ -53,13 +53,13 @@ var Dialog = function Dialog(_ref) {
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = useStyles();
   var renderTitle = function renderTitle(title) {
-    return titleAction ? /*#__PURE__*/_react["default"].createElement(_styles2.TitleWrapper, {
+    return titleAction ? /*#__PURE__*/_react["default"].createElement(_styles.TitleWrapper, {
       style: titleWrapperStyle
     }, /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
       style: _objectSpread({
         flex: 1
       }, titleStyle)
-    }, title), /*#__PURE__*/_react["default"].createElement(_styles2.TitleAction, {
+    }, title), /*#__PURE__*/_react["default"].createElement(_styles.TitleAction, {
       style: titleActionStyle
     }, titleAction)) : /*#__PURE__*/_react["default"].createElement(_DialogTitle["default"], {
       style: titleStyle
@@ -67,9 +67,9 @@ var Dialog = function Dialog(_ref) {
   };
   var renderContent = function renderContent(content) {
     return /*#__PURE__*/_react["default"].createElement(_DialogContent["default"], {
-      classes: scroll === 'unset-paper' || scroll === 'unset-body' ? {
+      classes: {
         root: classes.root
-      } : undefined,
+      },
       style: contentStyle
     }, content);
   };
@@ -88,38 +88,29 @@ var Dialog = function Dialog(_ref) {
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, title && renderTitle(title), text ? renderText(text) : renderContent(content), actions && renderActions(actions));
   };
   var renderSnippet = function renderSnippet() {
-    return /*#__PURE__*/_react["default"].createElement(_styles2.Snippet, {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_styles.Snippet, {
       style: snippetStyle
-    }, /*#__PURE__*/_react["default"].createElement(_styles2.PaperContent, null, renderPaperContent()), /*#__PURE__*/_react["default"].createElement(_styles2.SnippetContent, {
+    }, /*#__PURE__*/_react["default"].createElement(_styles.SnippetContent, {
       style: snippetContentStyle
-    }, snippet));
-  };
-  var scrollMode = function scrollMode() {
-    if (scroll === 'unset-body') {
-      return 'body';
-    }
-    if (scroll === 'unset-paper') {
-      return 'paper';
-    }
-    return scroll;
+    }, snippet)), /*#__PURE__*/_react["default"].createElement(_styles.PaperContent, null, renderPaperContent()));
   };
   return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, otherProps, {
     open: open,
-    fullScreen: fullScreen,
-    fullWidth: fullWidth,
+    scroll: scroll,
     maxWidth: maxWidth,
-    scroll: scrollMode(),
+    fullWidth: fullWidth,
+    fullScreen: fullScreen,
+    style: _objectSpread({
+      padding: padding,
+      margin: margin
+    }, style),
     PaperProps: _objectSpread(_objectSpread({}, ariaTitle ? {
       title: ariaTitle
     } : {}), {}, {
-      classes: scroll === 'unset-body' || scroll === 'unset-paper' ? {
+      classes: {
         root: classes.root
-      } : undefined
+      }
     }, PaperProps),
-    style: _objectSpread({
-      padding: padding,
-      margin: margin
-    }, style),
     onClose: onClose
   }), snippet ? renderSnippet() : renderPaperContent());
 };

package/core/feedback/dialog/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const PaperContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const TitleAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/core/feedback/dialog/styles.js

@@ -11,5 +11,5 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var PaperContent = exports.PaperContent = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 var TitleWrapper = exports.TitleWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n"])));
 var TitleAction = exports.TitleAction = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    padding: 16px 24px;\n    align-items: center;\n    display: flex;\n"])));
-var Snippet = exports.Snippet = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n"])));
+var Snippet = exports.Snippet = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    justify-content: flex-end;\n    padding: 6px 6px 0px 0px;\n"])));
 var SnippetContent = exports.SnippetContent = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    position: relative;\n    height: inherit;\n    display: flex;\n"])));

package/core/feedback/dialog-v2/dialog.d.ts

@@ -1,12 +1,15 @@
 import React from 'react';
-import type { MouseEvent, ReactNode } from 'react';
-import type { DialogProps } from '@/core/feedback/dialog';
-export interface IProps extends DialogProps {
+import type { CSSProperties, MouseEvent, ReactNode } from 'react';
+import type { IDialogProps } from '@/core/feedback/dialog';
+export interface IProps extends IDialogProps {
     open: boolean;
     title: string;
     titleAction?: string | ReactNode;
     text?: string;
-    primaryButtonColor?: 'default' | 'primary' | 'inherit' | 'secondary';
+    fullWidth?: boolean;
+    maxWidth?: 'xs' | 'sm' | 'md' | 'lg';
+    primaryButtonColor?: 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+    primaryButtonStyle?: CSSProperties;
     primaryButtonName?: string;
     primaryButtonText: string;
     secondaryButtonText?: string;

package/core/feedback/dialog-v2/dialog.js

@@ -11,7 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _dialog = _interopRequireDefault(require("../dialog"));
 var _button = _interopRequireDefault(require("../../inputs/button"));
 var _theme = require("../../../theme");
-var _excluded = ["open", "title", "titleAction", "text", "primaryButtonColor", "primaryButtonName", "primaryButtonText", "secondaryButtonText", "secondaryButtonName", "snippet", "content", "PaperProps", "omitActionButtons", "primaryButtonAction", "secondaryButtonAction", "onClose"];
+var _excluded = ["open", "title", "titleAction", "text", "primaryButtonColor", "primaryButtonStyle", "primaryButtonName", "primaryButtonText", "secondaryButtonText", "secondaryButtonName", "snippet", "content", "PaperProps", "fullWidth", "maxWidth", "omitActionButtons", "primaryButtonAction", "secondaryButtonAction", "onClose"];
 var _theme$colors = _theme.theme.colors,
   action = _theme$colors.action,
   primary = _theme$colors.primary;
@@ -34,6 +34,7 @@ var DialogV2 = function DialogV2(props) {
     titleAction = props.titleAction,
     text = props.text,
     primaryButtonColor = props.primaryButtonColor,
+    primaryButtonStyle = props.primaryButtonStyle,
     primaryButtonName = props.primaryButtonName,
     primaryButtonText = props.primaryButtonText,
     secondaryButtonText = props.secondaryButtonText,
@@ -41,6 +42,8 @@ var DialogV2 = function DialogV2(props) {
     snippet = props.snippet,
     content = props.content,
     PaperProps = props.PaperProps,
+    fullWidth = props.fullWidth,
+    maxWidth = props.maxWidth,
     omitActionButtons = props.omitActionButtons,
     primaryButtonAction = props.primaryButtonAction,
     secondaryButtonAction = props.secondaryButtonAction,
@@ -56,15 +59,19 @@ var DialogV2 = function DialogV2(props) {
     text: text,
     content: content,
     snippet: snippet,
+    fullWidth: fullWidth,
+    maxWidth: maxWidth,
     PaperProps: PaperProps,
     actions: !omitActionButtons && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, haveSecondaryButton && /*#__PURE__*/_react["default"].createElement(_button["default"], {
       name: secondaryButtonName || 'secondary-button',
+      margin: "12px 6px",
       onClick: secondaryButtonAction
     }, secondaryButtonText), /*#__PURE__*/_react["default"].createElement(_button["default"], {
       name: primaryButtonName || 'primary-button',
       color: primaryButtonColor,
+      style: primaryButtonStyle,
       variant: "contained",
-      margin: "6px 12px",
+      margin: "12px 6px",
       onClick: primaryButtonAction
     }, primaryButtonText)),
     onClose: onClose

package/core/feedback/fade/index.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import type { ReactElement } from 'react';
 import type { DefaultProps } from '../../types';
-export interface FadeProps extends DefaultProps {
+import type { FadeProps } from '@mui/material/Fade';
+export interface IFadeProps extends DefaultProps, FadeProps {
     in: boolean;
     timeout?: number | {
         enter?: number;
@@ -9,5 +10,5 @@ export interface FadeProps extends DefaultProps {
     };
     children: ReactElement<Record<string, unknown>>;
 }
-declare const Fade: ({ children, padding, margin, style, ...otherProps }: FadeProps) => React.JSX.Element;
+declare const Fade: ({ children, padding, margin, style, ...otherProps }: IFadeProps) => React.JSX.Element;
 export default Fade;

package/core/feedback/fade/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Fade2 = _interopRequireDefault(require("@material-ui/core/Fade"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _Fade = _interopRequireDefault(require("@mui/material/Fade"));
 var _excluded = ["children", "padding", "margin", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -20,11 +20,11 @@ var Fade = function Fade(_ref) {
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Fade2["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Fade["default"], (0, _extends2["default"])({
     style: _objectSpread({
       padding: padding,
       margin: margin
     }, style)
-  }, otherProps), children);
+  }, otherProps), /*#__PURE__*/_react["default"].createElement("div", null, children));
 };
 var _default = exports["default"] = Fade;

package/core/feedback/grow/grow.stories.d.ts

@@ -1,4 +1,6 @@
-import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").GrowProps>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import Grow from '.';
+declare const meta: Meta<typeof Grow>;
+export default meta;
+type Story = StoryObj<typeof Grow>;
+export declare const grow: Story;

package/core/feedback/grow/index.d.ts

@@ -7,7 +7,7 @@ export interface GrowProps extends DefaultProps {
         enter?: number;
         exit?: number;
     } | 'auto';
-    children?: ReactElement<Record<string, unknown>>;
+    children: ReactElement<Record<string, unknown>>;
 }
 declare const Grow: ({ children, padding, margin, style, ...otherProps }: GrowProps) => React.JSX.Element;
 export default Grow;

package/core/feedback/grow/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Grow2 = _interopRequireDefault(require("@material-ui/core/Grow"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _Grow = _interopRequireDefault(require("@mui/material/Grow"));
 var _excluded = ["children", "padding", "margin", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -20,11 +20,11 @@ var Grow = function Grow(_ref) {
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Grow2["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Grow["default"], (0, _extends2["default"])({
     style: _objectSpread({
       padding: padding,
       margin: margin
     }, style)
-  }, otherProps), children);
+  }, otherProps), /*#__PURE__*/_react["default"].createElement("div", null, children));
 };
 var _default = exports["default"] = Grow;

package/core/feedback/loading/index.js

@@ -1,16 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _progress = _interopRequireDefault(require("../progress"));
 var _styles = require("./styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var Loading = function Loading(props) {
   var _props$margin = props.margin,
     margin = _props$margin === void 0 ? 48 : _props$margin,
@@ -18,20 +15,15 @@ var Loading = function Loading(props) {
     padding = _props$padding === void 0 ? 24 : _props$padding,
     _props$size = props.size,
     size = _props$size === void 0 ? 72 : _props$size;
-  var renderLoading = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_progress["default"], {
-      color: "primary",
-      size: size
-    });
-  }, [size]);
-  return (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_styles.LoadingContainer, {
-      "data-testid": "loading-component",
-      style: {
-        margin: margin,
-        padding: padding
-      }
-    }, renderLoading);
-  }, [margin, padding, renderLoading]);
+  return /*#__PURE__*/_react["default"].createElement(_styles.LoadingContainer, {
+    "data-testid": "loading-component",
+    style: {
+      margin: margin,
+      padding: padding
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_progress["default"], {
+    color: "primary",
+    size: size
+  }));
 };
 var _default = exports["default"] = Loading;

package/core/feedback/loading/styles.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/core/feedback/nothing-found/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { TypographyProps } from '@material-ui/core';
+import type { TypographyProps } from '@mui/material/Typography';
 export interface IProps extends TypographyProps {
     searchText?: string;
     customText?: string;