@reltio/components 1.4.1586-mui5-2 → 1.4.1587

package/esm/components/ReactSelect/commonComponents/NoOptionsMessage.js

@@ -1,4 +1,4 @@
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import PropTypes from 'prop-types';
 import React from 'react';
 export default function NoOptionsMessage(props) {

package/esm/components/ReactSelect/commonComponents/Option.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import MenuItem from '@mui/material/MenuItem';
+import MenuItem from '@material-ui/core/MenuItem';
 import PropTypes from 'prop-types';
 import React from 'react';
 import classNames from 'classnames';

package/esm/components/ReactSelect/commonComponents/Placeholder.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import PropTypes from 'prop-types';
 import React from 'react';
 export default function Placeholder(props) {

package/esm/components/ReactSelect/commonComponents/SingleValue.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import PropTypes from 'prop-types';
 import React from 'react';
 export default function SingleValue(props) {

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

@@ -1,2 +1,2 @@
-declare const _default: (props?: any) => import("@mui/styles").ClassNameMap<"menu" | "placeholder" | "option" | "singleValue" | "control" | "multiValue__label" | "option--selected" | "option--item" | "valueContainer--multi" | "groupHeading" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator" | "dropdownIndicator">;
+declare const _default: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"menu" | "placeholder" | "option" | "singleValue" | "control" | "multiValue__label" | "option--selected" | "option--item" | "valueContainer--multi" | "groupHeading" | "valueContainer" | "multiValue" | "noOptionsMessage" | "clearIndicator" | "dropdownIndicator">;
 export default _default;

package/esm/components/ReactSelect/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export default makeStyles(function (theme) { return ({
     control: {
         display: 'flex',

package/esm/components/ReactSortableTree/node-renderer-default.d.ts

@@ -43,9 +43,9 @@ declare namespace NodeRendererDefault {
     }
     namespace propTypes {
         export const node: PropTypes.Validator<NonNullable<PropTypes.InferProps<{}>>>;
-        const title_1: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
+        const title_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         export { title_1 as title };
-        const subtitle_1: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
+        const subtitle_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
         export { subtitle_1 as subtitle };
         export const path: PropTypes.Validator<NonNullable<string | number>[]>;
         export const treeIndex: PropTypes.Validator<number>;

package/esm/components/ReactSortableTree/nodeRendererDefaultStyle.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"@global .rst__rowWrapper" | "@global .rst__rtl.rst__rowWrapper" | "@global .rst__row" | "@global .rst__row > *" | "@global .rst__rowLandingPad, .rst__rowCancelPad" | "@global .rst__rowLandingPad > *, .rst__rowCancelPad > *" | "@global .rst__rowLandingPad::before, .rst__rowCancelPad::before" | "@global .rst__rowCancelPad::before" | "@global .rst__rowSearchMatch" | "@global .rst__rowSearchFocus" | "@global .rst__rowContents, .rst__rowLabel, .rst__rowToolbar, .rst__moveHandle, .rst__toolbarButton" | "@global .rst__rowContents" | "@global .rst__rtl.rst__rowContents" | "@global .rst__rowContentsDragDisabled" | "@global .rst__rtl.rst__rowContentsDragDisabled" | "@global .rst__rowLabel" | "@global .rst__rtl.rst__rowLabel" | "@global .rst__rowToolbar" | "@global .rst__moveHandle, .rst__loadingHandle" | "@global .rst__loadingHandle" | "@keyframes pointFade" | "@global .rst__loadingCircle" | "@global .rst__loadingCirclePoint" | "@global .rst__rtl.rst__loadingCirclePoint" | "@global .rst__loadingCirclePoint::before" | "@global .rst__loadingCirclePoint:nth-of-type(1)" | "@global .rst__loadingCirclePoint:nth-of-type(7)" | "@global .rst__loadingCirclePoint:nth-of-type(1)::before, .rst__loadingCirclePoint:nth-of-type(7)::before" | "@global .rst__loadingCirclePoint:nth-of-type(2)" | "@global .rst__loadingCirclePoint:nth-of-type(8)" | "@global .rst__loadingCirclePoint:nth-of-type(2)::before, .rst__loadingCirclePoint:nth-of-type(8)::before" | "@global .rst__loadingCirclePoint:nth-of-type(3)" | "@global .rst__loadingCirclePoint:nth-of-type(9)" | "@global .rst__loadingCirclePoint:nth-of-type(3)::before, .rst__loadingCirclePoint:nth-of-type(9)::before" | "@global .rst__loadingCirclePoint:nth-of-type(4)" | "@global .rst__loadingCirclePoint:nth-of-type(10)" | "@global .rst__loadingCirclePoint:nth-of-type(4)::before, .rst__loadingCirclePoint:nth-of-type(10)::before" | "@global .rst__loadingCirclePoint:nth-of-type(5)" | "@global .rst__loadingCirclePoint:nth-of-type(11)" | "@global .rst__loadingCirclePoint:nth-of-type(5)::before, .rst__loadingCirclePoint:nth-of-type(11)::before" | "@global .rst__loadingCirclePoint:nth-of-type(6)" | "@global .rst__loadingCirclePoint:nth-of-type(12)" | "@global .rst__loadingCirclePoint:nth-of-type(6)::before, .rst__loadingCirclePoint:nth-of-type(12)::before" | "@global .rst__loadingCirclePoint:nth-of-type(13)" | "@global .rst__loadingCirclePoint:nth-of-type(7)::before, .rst__loadingCirclePoint:nth-of-type(13)::before" | "@global .rst__rowTitle" | "@global .rst__rowTitleWithSubtitle" | "@global .rst__rowSubtitle" | "@global .rst__collapseButton, .rst__expandButton" | "@global .rst__rtl.rst__collapseButton, .rst__rtl.rst__expandButton" | "@global .rst__collapseButton:focus, .rst__expandButton:focus" | "@global .rst__collapseButton:hover:not(:active), .rst__expandButton:hover:not(:active)" | "@global .rst__collapseButton" | "@global .rst__expandButton" | "@global .rst__lineChildren" | "@global .rst__lineChildren::after" | "@global .rst__rtl.rst__lineChildren::after">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"@global .rst__rowWrapper" | "@global .rst__rtl.rst__rowWrapper" | "@global .rst__row" | "@global .rst__row > *" | "@global .rst__rowLandingPad, .rst__rowCancelPad" | "@global .rst__rowLandingPad > *, .rst__rowCancelPad > *" | "@global .rst__rowLandingPad::before, .rst__rowCancelPad::before" | "@global .rst__rowCancelPad::before" | "@global .rst__rowSearchMatch" | "@global .rst__rowSearchFocus" | "@global .rst__rowContents, .rst__rowLabel, .rst__rowToolbar, .rst__moveHandle, .rst__toolbarButton" | "@global .rst__rowContents" | "@global .rst__rtl.rst__rowContents" | "@global .rst__rowContentsDragDisabled" | "@global .rst__rtl.rst__rowContentsDragDisabled" | "@global .rst__rowLabel" | "@global .rst__rtl.rst__rowLabel" | "@global .rst__rowToolbar" | "@global .rst__moveHandle, .rst__loadingHandle" | "@global .rst__loadingHandle" | "@keyframes pointFade" | "@global .rst__loadingCircle" | "@global .rst__loadingCirclePoint" | "@global .rst__rtl.rst__loadingCirclePoint" | "@global .rst__loadingCirclePoint::before" | "@global .rst__loadingCirclePoint:nth-of-type(1)" | "@global .rst__loadingCirclePoint:nth-of-type(7)" | "@global .rst__loadingCirclePoint:nth-of-type(1)::before, .rst__loadingCirclePoint:nth-of-type(7)::before" | "@global .rst__loadingCirclePoint:nth-of-type(2)" | "@global .rst__loadingCirclePoint:nth-of-type(8)" | "@global .rst__loadingCirclePoint:nth-of-type(2)::before, .rst__loadingCirclePoint:nth-of-type(8)::before" | "@global .rst__loadingCirclePoint:nth-of-type(3)" | "@global .rst__loadingCirclePoint:nth-of-type(9)" | "@global .rst__loadingCirclePoint:nth-of-type(3)::before, .rst__loadingCirclePoint:nth-of-type(9)::before" | "@global .rst__loadingCirclePoint:nth-of-type(4)" | "@global .rst__loadingCirclePoint:nth-of-type(10)" | "@global .rst__loadingCirclePoint:nth-of-type(4)::before, .rst__loadingCirclePoint:nth-of-type(10)::before" | "@global .rst__loadingCirclePoint:nth-of-type(5)" | "@global .rst__loadingCirclePoint:nth-of-type(11)" | "@global .rst__loadingCirclePoint:nth-of-type(5)::before, .rst__loadingCirclePoint:nth-of-type(11)::before" | "@global .rst__loadingCirclePoint:nth-of-type(6)" | "@global .rst__loadingCirclePoint:nth-of-type(12)" | "@global .rst__loadingCirclePoint:nth-of-type(6)::before, .rst__loadingCirclePoint:nth-of-type(12)::before" | "@global .rst__loadingCirclePoint:nth-of-type(13)" | "@global .rst__loadingCirclePoint:nth-of-type(7)::before, .rst__loadingCirclePoint:nth-of-type(13)::before" | "@global .rst__rowTitle" | "@global .rst__rowTitleWithSubtitle" | "@global .rst__rowSubtitle" | "@global .rst__collapseButton, .rst__expandButton" | "@global .rst__rtl.rst__collapseButton, .rst__rtl.rst__expandButton" | "@global .rst__collapseButton:focus, .rst__expandButton:focus" | "@global .rst__collapseButton:hover:not(:active), .rst__expandButton:hover:not(:active)" | "@global .rst__collapseButton" | "@global .rst__expandButton" | "@global .rst__lineChildren" | "@global .rst__lineChildren::after" | "@global .rst__rtl.rst__lineChildren::after">;

package/esm/components/ReactSortableTree/nodeRendererDefaultStyle.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     '@global .rst__rowWrapper': {
         padding: '10px 10px 10px 0',

package/esm/components/ReactSortableTree/placeholderRendererDefaultStyle.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"@global .rst__placeholder" | "@global .rst__placeholder, .rst__placeholder > *" | "@global .rst__placeholder::before" | "@global .rst__placeholderLandingPad, .rst__placeholderCancelPad" | "@global .rst__placeholderLandingPad *, .rst__placeholderCancelPad *" | "@global .rst__placeholderLandingPad::before, .rst__placeholderCancelPad::before" | "@global .rst__placeholderCancelPad::before">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"@global .rst__placeholder" | "@global .rst__placeholder, .rst__placeholder > *" | "@global .rst__placeholder::before" | "@global .rst__placeholderLandingPad, .rst__placeholderCancelPad" | "@global .rst__placeholderLandingPad *, .rst__placeholderCancelPad *" | "@global .rst__placeholderLandingPad::before, .rst__placeholderCancelPad::before" | "@global .rst__placeholderCancelPad::before">;

package/esm/components/ReactSortableTree/placeholderRendererDefaultStyle.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     '@global .rst__placeholder': {
         position: 'relative',

package/esm/components/ReactSortableTree/react-sortable-tree.js

@@ -31,7 +31,7 @@ import { equals, append, when, always, gt, uniqWith, eqBy, pipe } from 'ramda';
 import withScrolling, { createScrollingComponent, createVerticalStrength, createHorizontalStrength } from 'frontend-collective-react-dnd-scrollzone';
 import { DndContext } from 'react-dnd';
 import { polyfill } from 'react-lifecycles-compat';
-import withStyles from '@mui/styles/withStyles';
+import { withStyles } from '@material-ui/core/styles';
 import { DragAndDrop } from '../DragAndDrop/DragAndDrop';
 import TreeNode from './tree-node';
 import NodeRendererDefault from './node-renderer-default';

package/esm/components/ReactSortableTree/treeNodeStyle.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"@global .rst__node" | "@global .rst__node.rst__rtl" | "@global .rst__nodeContent" | "@global .rst__lineBlock, .rst__absoluteLineBlock" | "@global .rst__absoluteLineBlock" | "@global .rst__lineHalfHorizontalRight::before, .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after" | "@global .rst__lineHalfHorizontalRight::before" | "@global .rst__rtl.rst__lineHalfHorizontalRight::before" | "@global .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after" | "@global .rst__rtl.rst__lineFullVertical::after, .rst__rtl.rst__lineHalfVerticalTop::after, .rst__rtl.rst__lineHalfVerticalBottom::after" | "@global .rst__lineHalfVerticalTop::after" | "@global .rst__lineHalfVerticalBottom::after" | "@global .rst__highlightLineVertical" | "@global .rst__highlightLineVertical::before" | "@global .rst__rtl.rst__highlightLineVertical::before" | "@keyframes arrow-pulse" | "@global .rst__highlightLineVertical::after" | "@global .rst__rtl.rst__highlightLineVertical::after" | "@global .rst__highlightTopLeftCorner::before" | "@global .rst__rtl.rst__highlightTopLeftCorner::before" | "@global .rst__highlightBottomLeftCorner" | "@global .rst__highlightBottomLeftCorner::before" | "@global .rst__rtl.rst__highlightBottomLeftCorner::before" | "@global .rst__highlightBottomLeftCorner::after" | "@global .rst__rtl.rst__highlightBottomLeftCorner::after">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"@global .rst__node" | "@global .rst__node.rst__rtl" | "@global .rst__nodeContent" | "@global .rst__lineBlock, .rst__absoluteLineBlock" | "@global .rst__absoluteLineBlock" | "@global .rst__lineHalfHorizontalRight::before, .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after" | "@global .rst__lineHalfHorizontalRight::before" | "@global .rst__rtl.rst__lineHalfHorizontalRight::before" | "@global .rst__lineFullVertical::after, .rst__lineHalfVerticalTop::after, .rst__lineHalfVerticalBottom::after" | "@global .rst__rtl.rst__lineFullVertical::after, .rst__rtl.rst__lineHalfVerticalTop::after, .rst__rtl.rst__lineHalfVerticalBottom::after" | "@global .rst__lineHalfVerticalTop::after" | "@global .rst__lineHalfVerticalBottom::after" | "@global .rst__highlightLineVertical" | "@global .rst__highlightLineVertical::before" | "@global .rst__rtl.rst__highlightLineVertical::before" | "@keyframes arrow-pulse" | "@global .rst__highlightLineVertical::after" | "@global .rst__rtl.rst__highlightLineVertical::after" | "@global .rst__highlightTopLeftCorner::before" | "@global .rst__rtl.rst__highlightTopLeftCorner::before" | "@global .rst__highlightBottomLeftCorner" | "@global .rst__highlightBottomLeftCorner::before" | "@global .rst__rtl.rst__highlightBottomLeftCorner::before" | "@global .rst__highlightBottomLeftCorner::after" | "@global .rst__rtl.rst__highlightBottomLeftCorner::after">;

package/esm/components/ReactSortableTree/treeNodeStyle.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     '@global .rst__node': {
         minWidth: '100%',

package/esm/components/RelationEditor/RelationEditor.js

@@ -14,9 +14,9 @@ import i18n from 'ui-i18n';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { always, concat, differenceWith, equals, forEach, omit, path, pick, pipe, prop, when, uniq } from 'ramda';
-import Button from '@mui/material/Button';
-import Divider from '@mui/material/Divider';
-import Typography from '@mui/material/Typography';
+import Button from '@material-ui/core/Button';
+import Divider from '@material-ui/core/Divider';
+import Typography from '@material-ui/core/Typography';
 import { AttributeErrorType, ConnectionType, createTemporaryEntity, EntityType, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, MetadataType, omitMarks, relationEditorAttributeTypesSelectionStrategy, RelationsConfigType, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError } from '@reltio/mdm-sdk';
 import { profile } from '@reltio/mdm-module';
 import ConnectionRelationTypeSelector from '../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector';

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

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

package/esm/components/RelationEditor/styles.js

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

package/esm/components/RelevanceScoreBadge/RelevanceScoreBadge.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import mdmModule from '@reltio/mdm-module';
 import { getMatchRuleLabel, formatRelevanceScore, checkMatchRuleSummaryRelevance } from '@reltio/mdm-sdk';
 import { useSelector } from 'react-redux';
-import Tooltip from '@mui/material/Tooltip';
+import Tooltip from '@material-ui/core/Tooltip';
 import i18n from 'ui-i18n';
 import { useStyles } from './styles';
 export var RelevanceScoreBadge = function (_a) {

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

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

package/esm/components/RelevanceScoreBadge/styles.js

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

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

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

package/esm/components/ReltioGridLayout/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 import { svg2Url } from '@reltio/mdm-sdk';
 import { RESIZE_ICON } from './icons/ResizeIcon.svg';
 export var useStyles = makeStyles(function (_) { return ({

package/esm/components/ReltioMap/EntityMarker/styles.d.ts

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

package/esm/components/ReltioMap/EntityMarker/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     popper: {
         maxWidth: '263px',

package/esm/components/ReltioMap/MapControls/TopCenterMapControls/TopCenterMapControls.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import i18n from 'ui-i18n';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Checkbox from '@mui/material/Checkbox';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import Checkbox from '@material-ui/core/Checkbox';
 import { useStyles } from './styles';
 export var TopCenterMapControls = function (_a) {
     var isSearchOnMapMove = _a.isSearchOnMapMove, onChangeIsSearchOnMapMove = _a.onChangeIsSearchOnMapMove;
@@ -12,5 +12,5 @@ export var TopCenterMapControls = function (_a) {
     return (React.createElement(FormControlLabel, { classes: {
             root: styles.container,
             label: styles.label
-        }, control: React.createElement(Checkbox, { checked: isSearchOnMapMove, onChange: onChange, className: styles.checkbox }), label: i18n.text('Search as I move the map') }));
+        }, control: React.createElement(Checkbox, { checked: isSearchOnMapMove, onChange: onChange, color: "primary", className: styles.checkbox }), label: i18n.text('Search as I move the map') }));
 };

package/esm/components/ReltioMap/MapControls/TopCenterMapControls/styles.d.ts

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

package/esm/components/ReltioMap/MapControls/TopCenterMapControls/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     container: {
         height: '28px',
@@ -15,7 +15,6 @@ export var useStyles = makeStyles({
     checkbox: {
         width: '20px',
         height: '20px',
-        boxSizing: 'content-box',
         padding: '5px',
         '& svg': {
             width: '16px',

package/esm/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.d.ts

@@ -10,37 +10,32 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<import("
     showForDisabled: import("prop-types").Requireable<boolean>;
 }, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
     children?: React.ReactNode;
-    classes?: Partial<import("@mui/material/Button").ButtonClasses>;
-    color?: import("@mui/types").OverridableStringUnion<"inherit" | "error" | "success" | "primary" | "secondary" | "info" | "warning", import("@mui/material/Button").ButtonPropsColorOverrides>;
+    color?: import("@material-ui/core").PropTypes.Color;
     disabled?: boolean;
     disableElevation?: boolean;
     disableFocusRipple?: boolean;
     endIcon?: React.ReactNode;
     fullWidth?: boolean;
     href?: string;
-    size?: import("@mui/types").OverridableStringUnion<"medium" | "large" | "small", import("@mui/material/Button").ButtonPropsSizeOverrides>;
+    size?: "medium" | "large" | "small";
     startIcon?: React.ReactNode;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-    variant?: import("@mui/types").OverridableStringUnion<"text" | "outlined" | "contained", import("@mui/material/Button").ButtonPropsVariantOverrides>;
-} & Omit<{
-    action?: React.Ref<import("@mui/material").ButtonBaseActions>;
+    variant?: "text" | "outlined" | "contained";
+} & {
+    action?: React.Ref<import("@material-ui/core").ButtonBaseActions>;
+    buttonRef?: React.Ref<unknown>;
     centerRipple?: boolean;
     children?: React.ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
     disabled?: boolean;
     disableRipple?: boolean;
     disableTouchRipple?: boolean;
     focusRipple?: boolean;
     focusVisibleClassName?: string;
-    LinkComponent?: React.ElementType<any>;
     onFocusVisible?: React.FocusEventHandler<any>;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-    tabIndex?: number;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
-    touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+    tabIndex?: string | number;
+    TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps>;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").ExtendButtonBaseTypeMap<import("@material-ui/core/Button").ButtonTypeMap<{}, "button">>> & Pick<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
     ref?: React.Ref<HTMLButtonElement>;
-}, "color" | "size" | "disabled" | "children" | "tabIndex" | "sx" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "fullWidth" | "disableElevation" | "endIcon" | "startIcon">>;
+}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "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" | "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" | "ref" | "form" | "key" | "name" | "type" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
 type Props = {
     onDrawingModeChanged: (value: DrawingMode | null) => void;
     drawingMode: DrawingMode | null;

package/esm/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
+import Button from '@material-ui/core/Button';
 import { withTooltip } from '../../../../HOCs';
-import HighlightOffIcon from '@mui/icons-material/HighlightOff';
+import HighlightOffIcon from '@material-ui/icons/HighlightOff';
 import { MAP_DRAWING_MODES } from '../../../../constants';
 import RadiusIcon from '../../../../icons/Radius';
 import DrawIcon from '../../../../icons/Draw';

package/esm/components/ReltioMap/MapControls/TopRightMapControls/styles.d.ts

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

package/esm/components/ReltioMap/MapControls/TopRightMapControls/styles.js

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

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

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

package/esm/components/ReltioMap/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     mapControlContainer: {
         borderRadius: '2px',

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

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

package/esm/components/RequiredMark/styles.js

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

package/esm/components/ResizablePanes/ResizablePanes.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useMemo, useState } from 'react';
 import classnames from 'classnames';
 import SplitPane from 'react-split-pane';
-import { useTheme } from '@mui/material/styles';
+import { useTheme } from '@material-ui/core/styles';
 import { debounce } from '@reltio/mdm-sdk';
 import { useStyles } from './styles';
 var HANDLE_CHANGE_DEBOUNCE_INTERVAL = 250;

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

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

package/esm/components/ResizablePanes/styles.js

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

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

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

package/esm/components/ScreenProfileBand/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     profileBandNavigation: {
         marginBottom: '10px'

package/esm/components/ScrollableTabs/ScrollableTabs.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TabsProps } from '@mui/material/Tabs';
-import { TabProps } from '@mui/material/Tab';
+import { TabsProps } from '@material-ui/core/Tabs';
+import { TabProps } from '@material-ui/core/Tab';
 export type Tab = {
     label: string;
     value: string;

package/esm/components/ScrollableTabs/ScrollableTabs.js

@@ -21,8 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import Tabs from '@mui/material/Tabs';
-import Tab from '@mui/material/Tab';
+import Tabs from '@material-ui/core/Tabs';
+import Tab from '@material-ui/core/Tab';
 import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
 import { useStyles } from './styles';
 var ScrollableTabs = function (_a) {
@@ -36,7 +36,7 @@ var ScrollableTabs = function (_a) {
     return (React.createElement(Tabs, __assign({ value: value, onChange: handleChange, classes: {
             root: styles.tabsRoot,
             scrollButtons: styles.tabsScrollButton
-        }, indicatorColor: "primary", textColor: "primary", variant: "scrollable", scrollButtons: true }, otherProps, { allowScrollButtonsMobile: true }), tabs.map(function (_a) {
+        }, indicatorColor: "primary", textColor: "primary", variant: "scrollable", scrollButtons: "on" }, otherProps), tabs.map(function (_a) {
         var label = _a.label, value = _a.value, additionalLabel = _a.additionalLabel, dataReltioId = _a.dataReltioId, rest = __rest(_a, ["label", "value", "additionalLabel", "dataReltioId"]);
         return (React.createElement(Tab, __assign({ classes: tabClasses || {
                 root: styles.tabRoot,

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"disabled" | "label" | "tabsRoot" | "tabsScrollButton" | "tabRoot" | "labelWrapper">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"disabled" | "label" | "tabsRoot" | "tabsScrollButton" | "tabRoot" | "labelWrapper">;

package/esm/components/ScrollableTabs/styles.js

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

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

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

package/esm/components/SearchHighlighter/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     highlightedText: {
         background: 'rgb(255, 235, 203)'

package/esm/components/SearchInput/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InputProps } from '@mui/material/Input';
+import { InputProps } from '@material-ui/core/Input';
 export type SearchInputProps = InputProps & {
     value?: string;
     autofocus: boolean;

package/esm/components/SearchInput/SearchInput.js

@@ -24,10 +24,10 @@ import classNames from 'classnames';
 import { isNil, pipe, tap } from 'ramda';
 import React, { memo, useState } from 'react';
 import i18n from 'ui-i18n';
-import Input from '@mui/material/Input';
-import InputAdornment from '@mui/material/InputAdornment';
-import CloseIcon from '@mui/icons-material/Close';
-import SearchIcon from '@mui/icons-material/Search';
+import Input from '@material-ui/core/Input';
+import InputAdornment from '@material-ui/core/InputAdornment';
+import CloseIcon from '@material-ui/icons/Close';
+import SearchIcon from '@material-ui/icons/Search';
 import { getValue, noop } from '../../core';
 import SmallIconButton from '../SmallIconButton/SmallIconButton';
 import { useStyles } from './styles';

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

@@ -1,5 +1,5 @@
 type StylesProps = {
     height?: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"container" | "white" | "icon" | "input" | "clearButton">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"white" | "icon" | "input" | "container" | "clearButton">;
 export {};

package/esm/components/SearchInput/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     container: function (_a) {
         var _b = _a.height, height = _b === void 0 ? 36 : _b;

package/esm/components/SelectAttributesList/SelectAttributesList.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { memo } from 'react';
 import { useSelector } from 'react-redux';
-import ListItem from '@mui/material/ListItem';
+import ListItem from '@material-ui/core/ListItem';
 import mdmModule from '@reltio/mdm-module';
 import AttributeListItem from '../AttributeListItem/AttributeListItem';
 import VirtualGroupedList from '../VirtualGroupedList/VirtualGroupedList';

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

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

package/esm/components/SelectAttributesList/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     subHeader: {
         backgroundColor: '#f5f5f5',

package/esm/components/SelectionPopup/SelectionPopup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopoverProps } from '@mui/material/Popover';
+import { PopoverProps } from '@material-ui/core/Popover';
 type Props = {
     title: string;
     containerWidth: number;

package/esm/components/SelectionPopup/SelectionPopup.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
-import Popover from '@mui/material/Popover';
+import Popover from '@material-ui/core/Popover';
 import useStyles from './styles.js';
 import SearchInput from '../SearchInput/SearchInput';
 var SelectionPopup = function (_a) {

package/esm/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaperProps } from '@mui/material/Paper';
+import { PaperProps } from '@material-ui/core/Paper';
 type Props = {
     open: boolean;
     anchorEl: HTMLElement;

package/esm/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.js

@@ -13,8 +13,8 @@ import React from 'react';
 import classnames from 'classnames';
 import useCommonStyles from '../styles.js';
 import Popper from '../../Popper/Popper';
-import Grow from '@mui/material/Grow';
-import Paper from '@mui/material/Paper';
+import Grow from '@material-ui/core/Grow';
+import Paper from '@material-ui/core/Paper';
 var SelectionPopupPopper = function (_a) {
     var open = _a.open, anchorEl = _a.anchorEl, className = _a.className, onClose = _a.onClose, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, paperProps = _a.paperProps, listContent = _a.listContent, externalInputField = _a.externalInputField, _b = _a.classes, classes = _b === void 0 ? {} : _b;
     var commonStyles = useCommonStyles({

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

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

package/esm/components/SelectionPopup/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 var margin = '16px';
 var useStyles = makeStyles(function () { return ({
     container: function (_a) {

package/esm/components/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.js

@@ -9,7 +9,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import { useStyles } from './styles';
 import DropDownEditor from '../editors/DropDownEditor/DropDownEditor';
 var SelectorWithOnlyOptionAutoSelect = function (_a) {

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

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