@reltio/components 1.4.1589 → 1.4.1590

package/esm/components/MultipleInput/MultipleInput.js

@@ -31,22 +31,23 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import AutosizeInput from 'react-input-autosize';
 import classnames from 'classnames';
-import TextField from '@material-ui/core/TextField';
+import TextField from '@mui/material/TextField';
 import PropTypes from 'prop-types';
-import React, { useState } from 'react';
+import React, { forwardRef, useState } from 'react';
 import { identity, pipe, propEq, remove, uniq, when, trim, isEmpty } from 'ramda';
 import { getValue, noop } from '../../core/utils';
 import { useStyles } from './styles';
 import ValueChip from '../ValueChip/ValueChip';
-import Tooltip from '@material-ui/core/Tooltip';
+import Tooltip from '@mui/material/Tooltip';
 import i18n from 'ui-i18n';
-var AutosizeInputWrapper = function (_a) {
-    var CustomInputComponent = _a.CustomInputComponent, props = __rest(_a, ["CustomInputComponent"]);
-    return CustomInputComponent ? (React.createElement(CustomInputComponent, __assign({}, props, { customInput: AutosizeInput }))) : (React.createElement(AutosizeInput, __assign({}, props)));
-};
+var AutosizeInputWrapper = forwardRef(function (props, ref) {
+    var CustomInputComponent = props.CustomInputComponent, other = __rest(props, ["CustomInputComponent"]);
+    return CustomInputComponent ? (React.createElement(CustomInputComponent, __assign({}, other, { ref: ref, customInput: AutosizeInput }))) : (React.createElement(AutosizeInput, __assign({}, other, { ref: ref })));
+});
 AutosizeInputWrapper.propTypes = {
     CustomInputComponent: PropTypes.elementType
 };
+AutosizeInputWrapper.displayName = 'AutosizeInputWrapper';
 var BACKSPACE_KEY_CODE = 8;
 var EMPTY_VALUES_EDIT_HINT = i18n.text('Press Enter to add. You may enter multiple values');
 var isEmptyValue = pipe(trim, isEmpty);
@@ -75,7 +76,7 @@ var MultipleInput = function (_a) {
     var setUnfocused = function () { return setIsFocused(false); };
     var hintText = !hasValues && isFocused ? EMPTY_VALUES_EDIT_HINT : '';
     return (React.createElement(Tooltip, { title: hintText },
-        React.createElement(TextField, __assign({}, otherProps, { classes: {
+        React.createElement(TextField, __assign({ variant: "standard" }, otherProps, { classes: {
                 root: classes.root
             }, value: inputValue, onChange: pipe(getValue, setInputValue), InputProps: __assign(__assign({}, InputProps), { startAdornment: values.map(function (value, index) { return (React.createElement(ValueChip, { key: value, label: getValueLabel(value), onDelete: function () { return removeValueAt(index); } })); }), inputComponent: AutosizeInputWrapper, classes: __assign({ root: classnames(styles.inputRoot, root), input: classnames(styles.autosizeInput, InputClasses.input) }, InputClasses) }), inputProps: __assign(__assign({}, inputProps), { CustomInputComponent: InputProps.inputComponent }), onKeyPress: when(propEq('key', 'Enter'), appendInputValueIfNotEmpty), onKeyDown: when(propEq('keyCode', BACKSPACE_KEY_CODE), popLastValueIfInputIsEmpty), onFocus: setFocused, onBlur: pipe(appendInputValueIfNotEmpty, setUnfocused) }))));
 };

package/esm/components/MultipleInput/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inputRoot" | "autosizeInput">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inputRoot" | "autosizeInput">;

package/esm/components/MultipleInput/styles.js

@@ -1,7 +1,8 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     inputRoot: {
-        flexWrap: 'wrap'
+        flexWrap: 'wrap',
+        paddingLeft: '8px'
     },
     autosizeInput: {
         width: 'auto',

package/esm/components/MultipliableSelect/MultipliableSelect.js

@@ -20,20 +20,20 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import PropTypes from 'prop-types';
 import React from 'react';
+import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { defaultTo, identity, pipe, prop, remove } from 'ramda';
-import TextField from '@material-ui/core/TextField';
-import { useStyles } from './styles';
+import TextField from '@mui/material/TextField';
 import { SelectValueType } from '../../constants/prop-types';
 import { getValue, noop } from '../../core/utils';
 import ValueChip from '../ValueChip/ValueChip';
+import { useStyles } from './styles';
 var MultipliableSelect = function (_a) {
     var _b;
     var multiple = _a.multiple, value = _a.value, children = _a.children, _c = _a.getValueLabel, getValueLabel = _c === void 0 ? noop : _c, _d = _a.getValuePlaceholder, getValuePlaceholder = _d === void 0 ? identity : _d, _e = _a.onChange, onChange = _e === void 0 ? noop : _e, fullWidth = _a.fullWidth, TextFieldProps = _a.TextFieldProps, MenuProps = _a.MenuProps, classes = _a.classes, otherProps = __rest(_a, ["multiple", "value", "children", "getValueLabel", "getValuePlaceholder", "onChange", "fullWidth", "TextFieldProps", "MenuProps", "classes"]);
     var styles = useStyles();
-    return (React.createElement(TextField, __assign({ select: true, fullWidth: fullWidth }, TextFieldProps, { value: defaultTo(multiple ? [] : '', value), onChange: pipe(getValue, onChange), SelectProps: __assign(__assign({}, otherProps), { MenuProps: __assign({ getContentAnchorEl: null, anchorOrigin: { vertical: 'bottom', horizontal: 'left' } }, MenuProps), classes: __assign(__assign({}, classes), { root: classnames((_b = {}, _b[styles.multiSelect] = multiple, _b), prop('root', classes)) }), multiple: multiple, 
+    return (React.createElement(TextField, __assign({ variant: "standard", select: true, fullWidth: fullWidth }, TextFieldProps, { value: defaultTo(multiple ? [] : '', value), onChange: pipe(getValue, onChange), SelectProps: __assign(__assign({}, otherProps), { MenuProps: __assign({ anchorOrigin: { vertical: 'bottom', horizontal: 'center' } }, MenuProps), classes: __assign(__assign({}, classes), { select: classnames((_b = {}, _b[styles.multiSelect] = multiple, _b), prop('root', classes), prop('select', classes)) }), multiple: multiple, 
             // eslint-disable-next-line react/display-name
             renderValue: function (selected) {
                 return multiple ? (React.createElement("div", { className: styles.chips }, selected.map(function (value, index) { return (React.createElement(ValueChip, { key: value, label: getValueLabel(value) || getValuePlaceholder(value), onMouseDown: function (event) { return event.stopPropagation(); }, onDelete: function () { return onChange(remove(index, 1, selected)); } })); }))) : (getValueLabel(selected) || getValuePlaceholder(selected));

package/esm/components/MultipliableSelect/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"multiSelect" | "chips">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"multiSelect" | "chips">;

package/esm/components/MultipliableSelect/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     multiSelect: {
         padding: '3px 48px 3px 8px !important',

package/esm/components/PivotingUriLink/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link">;

package/esm/components/PivotingUriLink/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     link: {
         color: theme.palette.primary.main,

package/esm/components/Popper/Popper.d.ts

@@ -1,9 +1,17 @@
 import React from 'react';
-import { PopperProps } from '@material-ui/core/Popper';
-declare const Popper: React.ForwardRefExoticComponent<Pick<PopperProps & {
+declare const Popper: React.ForwardRefExoticComponent<Pick<Omit<import("@mui/base").PopperProps, "direction"> & {
+    component?: React.ElementType<any>;
+    components?: {
+        Root?: React.ElementType<any>;
+    };
+    componentsProps?: {
+        root?: import("@mui/base").SlotComponentProps<"div", import("@mui/base").PopperRootSlotPropsOverrides, import("@mui/base").PopperOwnProps>;
+    };
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+} & {
     modal?: boolean;
     anchorEl?: HTMLElement | null;
     excludeAnchorFromBackdrop?: boolean;
     onClose?: () => void;
-}, "color" | "translate" | "transition" | "hidden" | "style" | "open" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "container" | "onClose" | "placement" | "disablePortal" | "keepMounted" | "anchorEl" | "modal" | "excludeAnchorFromBackdrop" | "modifiers" | "popperOptions" | "popperRef"> & React.RefAttributes<HTMLDivElement>>;
+}, "open" | "title" | "id" | "hidden" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "style" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "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" | "sx" | "container" | "transition" | "component" | "components" | "componentsProps" | "onClose" | "placement" | "slotProps" | "slots" | "anchorEl" | "disablePortal" | "keepMounted" | "modifiers" | "popperOptions" | "popperRef" | "modal" | "excludeAnchorFromBackdrop"> & React.RefAttributes<HTMLDivElement>>;
 export default Popper;

package/esm/components/Popper/Popper.js

@@ -24,8 +24,8 @@ import React, { forwardRef, useEffect, useRef } from 'react';
 import classnames from 'classnames';
 import { resizeBackdrops } from './utils';
 import { noop } from '../../core/utils';
-import Portal from '@material-ui/core/Portal';
-import MUIPopper from '@material-ui/core/Popper';
+import Portal from '@mui/material/Portal';
+import MUIPopper from '@mui/material/Popper';
 import { useStyles } from './styles';
 var Popper = forwardRef(function (_a, ref) {
     var open = _a.open, anchorEl = _a.anchorEl, className = _a.className, _b = _a.modal, modal = _b === void 0 ? true : _b, _c = _a.excludeAnchorFromBackdrop, excludeAnchorFromBackdrop = _c === void 0 ? true : _c, _d = _a.onClose, onClose = _d === void 0 ? noop : _d, otherProps = __rest(_a, ["open", "anchorEl", "className", "modal", "excludeAnchorFromBackdrop", "onClose"]);

package/esm/components/Popper/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"popper" | "backdrop">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"popper" | "backdrop">;

package/esm/components/Popper/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     backdrop: {
         position: 'fixed',

package/esm/components/PopupWithArrow/PopupWithArrow.js

@@ -22,8 +22,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import Paper from '@material-ui/core/Paper';
-import Fade from '@material-ui/core/Fade';
+import Paper from '@mui/material/Paper';
+import Fade from '@mui/material/Fade';
 import Popper from '../Popper/Popper';
 import { useStyles } from './styles';
 export var PopupWithArrow = function (_a) {
@@ -31,16 +31,25 @@ export var PopupWithArrow = function (_a) {
     var styles = useStyles();
     var AnimationWrapper = transition ? Fade : React.Fragment;
     var _b = useState(null), arrowRef = _b[0], setArrowRef = _b[1];
-    return (React.createElement(Popper, __assign({ className: classnames(styles.popper, className), modifiers: {
-            preventOverflow: {
-                boundariesElement: 'viewport',
-                padding: 14
+    return (React.createElement(Popper, __assign({ className: classnames(styles.popper, className), modifiers: [
+            {
+                name: 'preventOverflow',
+                enabled: true,
+                options: {
+                    rootBoundary: 'viewport',
+                    padding: 14,
+                    altAxis: true
+                }
             },
-            arrow: {
+            {
+                name: 'arrow',
                 enabled: true,
-                element: arrowRef
+                options: {
+                    element: arrowRef,
+                    padding: 4
+                }
             }
-        }, transition: transition, excludeAnchorFromBackdrop: false }, otherProps), function (_a) {
+        ], transition: transition, excludeAnchorFromBackdrop: false }, otherProps), function (_a) {
         var TransitionProps = _a.TransitionProps;
         return (React.createElement(AnimationWrapper, __assign({}, TransitionProps),
             React.createElement(Paper, { className: classnames(styles.paper, classes === null || classes === void 0 ? void 0 : classes.root) },

package/esm/components/PopupWithArrow/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"popper" | "arrow" | "paper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"popper" | "arrow" | "paper">;

package/esm/components/PopupWithArrow/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) {
     var color = theme.palette.background.paper;
     return {
@@ -7,44 +7,34 @@ export var useStyles = makeStyles(function (theme) {
             maxWidth: 1000
         },
         popper: {
-            '&[x-placement*="bottom"] $arrow': {
+            '&[data-popper-placement*="bottom"] $arrow': {
                 top: 0,
-                left: 0,
                 marginTop: '-0.71em',
-                marginLeft: 4,
-                marginRight: 4,
                 '&::before': {
                     transformOrigin: '0 100%'
                 }
             },
-            '&[x-placement*="top"] $arrow': {
+            '&[data-popper-placement*="top"] $arrow': {
                 bottom: 0,
-                left: 0,
                 marginBottom: '-0.71em',
-                marginLeft: 4,
-                marginRight: 4,
                 '&::before': {
                     transformOrigin: '100% 0'
                 }
             },
-            '&[x-placement*="right"] $arrow': {
+            '&[data-popper-placement*="right"] $arrow': {
                 left: 0,
                 marginLeft: '-0.71em',
                 height: '1em',
                 width: '0.71em',
-                marginTop: 4,
-                marginBottom: 4,
                 '&::before': {
                     transformOrigin: '100% 100%'
                 }
             },
-            '&[x-placement*="left"] $arrow': {
+            '&[data-popper-placement*="left"] $arrow': {
                 right: 0,
                 marginRight: '-0.71em',
                 height: '1em',
                 width: '0.71em',
-                marginTop: 4,
-                marginBottom: 4,
                 '&::before': {
                     transformOrigin: '0 0'
                 }

package/esm/components/PotentialMatchReviewCard/PotentialMatchReviewCard.js

@@ -1,6 +1,6 @@
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
-import FlagIcon from '@material-ui/icons/Flag';
+import FlagIcon from '@mui/icons-material/Flag';
 import CollapseButton from '../CollapseButton/CollapseButton';
 import PMIcon from '../../icons/PmIcon';
 import i18n from 'ui-i18n';

package/esm/components/PotentialMatchReviewCard/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"flex" | "expanded" | "caption" | "icon" | "title" | "header" | "date" | "info" | "infoBlock" | "flag" | "mainInfo" | "pmReviewCard">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"date" | "title" | "icon" | "caption" | "flex" | "header" | "expanded" | "info" | "infoBlock" | "flag" | "mainInfo" | "pmReviewCard">;

package/esm/components/PotentialMatchReviewCard/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     expanded: {
         backgroundColor: 'rgba(0, 0, 0, 0.03)'

package/esm/components/ProfileBand/ProfileBand.js

@@ -2,8 +2,8 @@ import React, { useCallback } from 'react';
 import classnames from 'classnames';
 import { useSelector } from 'react-redux';
 import { isNil, identity } from 'ramda';
-import Typography from '@material-ui/core/Typography';
-import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@mui/material/Typography';
+import Tooltip from '@mui/material/Tooltip';
 import i18n from 'ui-i18n';
 import { getLabel, isActiveObject, getBusinessCardAttributesText, getEntityId, isTempUri } from '@reltio/mdm-sdk';
 import mdmModule from '@reltio/mdm-module';

package/esm/components/ProfileBand/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inactive" | "label" | "entityType" | "secondaryLabel" | "profileBand" | "entityId" | "badge" | "profileIcon" | "profileBandWrapper" | "imageProfileIcon" | "profileInfo" | "businessCard" | "specialInfo">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "profileBand" | "inactive" | "entityId" | "badge" | "profileIcon" | "profileBandWrapper" | "imageProfileIcon" | "profileInfo" | "businessCard" | "specialInfo">;
 export default useStyles;

package/esm/components/ProfileBand/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     profileBandWrapper: {
         // especially for IE (overflow fix)

package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts

@@ -7,12 +7,17 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
     tooltipTitle: import("prop-types").Requireable<import("prop-types").ReactNodeLike>;
     tooltipPlacement: import("prop-types").Requireable<string>;
     showForDisabled: import("prop-types").Requireable<boolean>;
-}, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & React.AnchorHTMLAttributes<HTMLAnchorElement> & Pick<import("@material-ui/core").TypographyProps, "color" | "display" | "translate" | "hidden" | "align" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "variant" | "ref" | "key" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | keyof import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">>> & {
-    TypographyClasses?: Partial<import("@material-ui/core/styles/withStyles").ClassNameMap<import("@material-ui/core").TypographyClassKey>>;
+}, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & Omit<import("@mui/material/Link").LinkBaseProps, "classes"> & {
+    children?: React.ReactNode;
+    classes?: Partial<import("@mui/material/Link").LinkClasses>;
+    color?: import("@mui/system/styleFunctionSx").ResponsiveStyleValue<string[] | import("csstype").Property.Color> | ((theme: import("@mui/material").Theme) => import("@mui/system/styleFunctionSx").ResponsiveStyleValue<string[] | import("csstype").Property.Color>);
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+    TypographyClasses?: Partial<import("@mui/material").TypographyClasses> & Partial<import("@mui/material").ClassNameMap<never>>;
     underline?: "none" | "always" | "hover";
-} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Link").LinkTypeMap<{}, "a">> & Pick<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
+    variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: React.Ref<HTMLAnchorElement>;
-}, never> & {
+}, "m" | "visibility" | "type" | "title" | "id" | "hidden" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | keyof import("@mui/material/OverridableComponent").CommonProps | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "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" | "sx" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "underline" | "download" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "align" | "gutterBottom" | "noWrap" | "paragraph" | "variant" | "variantMapping" | "TypographyClasses"> & {
     component: string;
 }>;
 type Props = {

package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.js

@@ -1,7 +1,7 @@
 import React, { useContext } from 'react';
-import Link from '@material-ui/core/Link';
-import KeyboardArrowLeft from '@material-ui/icons/KeyboardArrowLeft';
-import KeyboardArrowRight from '@material-ui/icons/KeyboardArrowRight';
+import Link from '@mui/material/Link';
+import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft';
+import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight';
 import { formatNumberAsMetric } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { mergeRight } from 'ramda';
@@ -10,6 +10,7 @@ import { LabelsContext } from '../../contexts/LabelsContext';
 import { withTooltip } from '../../HOCs';
 import { SmallIconButtonWithTooltip } from '../SmallIconButton';
 import { useStyles } from './styles';
+// NEED TO MIGRATE
 var LinkWithTooltip = withTooltip(Link);
 var ProfileBandNavigationWidget = function (_a) {
     var _b;

package/esm/components/ProfileBandNavigation/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link" | "container">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "container">;

package/esm/components/ProfileBandNavigation/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     container: {
         display: 'flex',

package/esm/components/ProfileCard/ProfileCardContent/styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "link" | "image" | "secondaryLabel" | "info" | "thirdRow" | "entityId" | "entityIdLabel" | "entityIdValue">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "link" | "secondaryLabel" | "image" | "info" | "thirdRow" | "entityId" | "entityIdLabel" | "entityIdValue">;
 export default useStyles;

package/esm/components/ProfileCard/ProfileCardContent/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var useStyles = makeStyles(function (theme) { return ({
     image: {
         width: '40px',

package/esm/components/ProfileCard/ProfileCardPlaceholder/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "secondaryLabel" | "info" | "avatar" | "thirdRow" | "@keyframes keyframes-wave" | "wave">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "secondaryLabel" | "info" | "avatar" | "thirdRow" | "@keyframes keyframes-wave" | "wave">;

package/esm/components/ProfileCard/ProfileCardPlaceholder/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     '@keyframes keyframes-wave': {
         '0%': {

package/esm/components/ProfileCard/styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"container">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container">;
 export default useStyles;

package/esm/components/ProfileCard/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var useStyles = makeStyles({
     container: {
         display: 'flex',

package/esm/components/ProfileMatchCard/ProfileMatchCard.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { checkMatchRuleSummaryRelevance } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
-import Divider from '@material-ui/core/Divider';
+import Divider from '@mui/material/Divider';
 import ProfileCard from '../ProfileCard/ProfileCard';
 import MatchRulesBlock from '../MatchRulesBlock/MatchRulesBlock';
 import { RelevanceScoreBadge } from '../RelevanceScoreBadge/RelevanceScoreBadge';

package/esm/components/ProfileMatchCard/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "divider" | "rulesContainer" | "profileCardWrapper" | "profileCardContainer" | "dividerWrapper" | "relevanceBadge">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"root" | "divider" | "rulesContainer" | "profileCardWrapper" | "profileCardContainer" | "dividerWrapper" | "relevanceBadge">;

package/esm/components/ProfileMatchCard/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     root: {
         display: 'flex',
@@ -32,7 +32,7 @@ export var useStyles = makeStyles({
         alignSelf: 'stretch'
     },
     divider: {
-        background: 'rgba(0,0,0,0.12)'
+        borderColor: 'rgba(0,0,0,0.12)'
     },
     relevanceBadge: {
         marginLeft: '12px'

package/esm/components/ProfileResizablePanes/styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"resizablePanesWrapper" | "pane">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"resizablePanesWrapper" | "pane">;
 export { useStyles };

package/esm/components/ProfileResizablePanes/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var useStyles = makeStyles(function () { return ({
     resizablePanesWrapper: {
         flexGrow: 1,

package/esm/components/ProfilesList/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"inactive" | "label" | "image" | "selected" | "secondaryLabel" | "item" | "info" | "avatar" | "clickable" | "highlighted" | "businessCard" | "@keyframes animate" | "justImported" | "secondRow">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "secondaryLabel" | "item" | "image" | "inactive" | "info" | "selected" | "avatar" | "clickable" | "highlighted" | "businessCard" | "@keyframes animate" | "justImported" | "secondRow">;

package/esm/components/ProfilesList/styles.js

@@ -1,4 +1,5 @@
-import { fade, makeStyles } from '@material-ui/core/styles';
+import { alpha } from '@mui/material/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) {
     return {
         '@keyframes animate': {
@@ -30,9 +31,9 @@ export var useStyles = makeStyles(function (theme) {
             cursor: 'pointer'
         },
         selected: {
-            background: fade(theme.palette.primary.main, 0.12),
+            background: alpha(theme.palette.primary.main, 0.12),
             '&:hover': {
-                background: fade(theme.palette.primary.main, 0.24)
+                background: alpha(theme.palette.primary.main, 0.24)
             }
         },
         inactive: {

package/esm/components/QueryBuilderRow/components/ReadOnlyLogicOperator.js

@@ -2,8 +2,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
-import capitalize from '@material-ui/core/utils/capitalize';
 import useStyles from './styles';
+import { capitalize } from '@mui/material/utils';
 var ReadOnlyLogicOperator = function (_a) {
     var className = _a.className, rowData = _a.rowData;
     var styles = useStyles();

package/esm/components/QueryBuilderRow/components/styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"readOnlyLogicOperatorContainer" | "readOnlyFilter">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"readOnlyLogicOperatorContainer" | "readOnlyFilter">;
 export default useStyles;

package/esm/components/QueryBuilderRow/components/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var height = '46px';
 var useStyles = makeStyles(function (theme) { return ({
     readOnlyLogicOperatorContainer: {

package/esm/components/QueryBuilderRow/styles.d.ts

@@ -1,2 +1,2 @@
 export default useStyles;
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"hidden" | "row" | "fullWidth" | "rowItem">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"hidden" | "row" | "fullWidth" | "rowItem">;

package/esm/components/QueryBuilderRow/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var useStyles = makeStyles(function () { return ({
     row: {
         display: 'flex',

package/esm/components/ReactSelect/MultiSelect/MultiSelect.js

@@ -27,7 +27,7 @@ import CreatableSelect from '../CreatableSelect';
 import Select from '../Select';
 import AsyncSelect from '../AsyncSelect';
 import multiSelectComponents from './components';
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 import { mergeClasses } from '../../../core/utils';
 var useStyles = makeStyles(function (theme) { return ({
     label: {
@@ -124,7 +124,7 @@ MultiSelect.propTypes = {
     onInputChange: PropTypes.func,
     /** Input placeholder. Will not be shown if the label prop is specified */
     placeholder: PropTypes.string,
-    /** Floating label from @material-ui/core/TextField component */
+    /** Floating label from @mui/material/TextField component */
     label: PropTypes.string,
     /** Enable to show default react-select's indicator */
     loadingIndicator: PropTypes.bool,