@reltio/components 1.4.1589 → 1.4.1590

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

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

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

@@ -11,11 +11,11 @@ var __assign = (this && this.__assign) || function () {
 };
 import PropTypes from 'prop-types';
 import React from 'react';
-import HighlightOffIcon from '@material-ui/icons/HighlightOff';
-import IconButton from '@material-ui/core/IconButton';
+import HighlightOffIcon from '@mui/icons-material/HighlightOff';
+import IconButton from '@mui/material/IconButton';
 export default function ClearIndicator(props) {
     var classes = props.selectProps.classes, innerProps = props.innerProps;
-    return (React.createElement(IconButton, __assign({}, innerProps, { className: classes.clearIndicator }),
+    return (React.createElement(IconButton, __assign({}, innerProps, { className: classes.clearIndicator, size: "large" }),
         React.createElement(HighlightOffIcon, null)));
 }
 ClearIndicator.propTypes = {

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

@@ -9,24 +9,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import TextField from '@material-ui/core/TextField';
+import TextField from '@mui/material/TextField';
 import PropTypes from 'prop-types';
 import React from 'react';
-function InputComponent(_a) {
-    var inputRef = _a.inputRef, props = __rest(_a, ["inputRef"]);
-    return React.createElement("div", __assign({ ref: inputRef }, props));
-}
+var InputComponent = React.forwardRef(function (props, ref) {
+    return React.createElement("div", __assign({ ref: ref }, props));
+});
+InputComponent.displayName = 'InputComponent';
 InputComponent.propTypes = {
     inputRef: PropTypes.oneOfType([
         PropTypes.func,
@@ -37,7 +26,7 @@ InputComponent.propTypes = {
 };
 export default function Control(props) {
     var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, _a = props.selectProps, classes = _a.classes, _b = _a.TextFieldProps, TextFieldProps = _b === void 0 ? {} : _b;
-    return (React.createElement(TextField, __assign({ fullWidth: true }, TextFieldProps, { InputProps: __assign(__assign({ inputComponent: InputComponent }, TextFieldProps.InputProps), { inputProps: __assign(__assign({ className: classes.control, ref: innerRef, children: children }, innerProps), TextFieldProps.inputProps) }) })));
+    return (React.createElement(TextField, __assign({ variant: "standard", fullWidth: true }, TextFieldProps, { InputProps: __assign(__assign({ inputComponent: InputComponent }, TextFieldProps.InputProps), { inputProps: __assign(__assign({ className: classes.control, ref: innerRef, children: children }, innerProps), TextFieldProps.inputProps) }) })));
 }
 Control.propTypes = {
     children: PropTypes.node,

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

@@ -11,11 +11,11 @@ var __assign = (this && this.__assign) || function () {
 };
 import PropTypes from 'prop-types';
 import React from 'react';
-import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
-import IconButton from '@material-ui/core/IconButton';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import IconButton from '@mui/material/IconButton';
 export default function DropdownIndicator(props) {
     var classes = props.selectProps.classes, innerProps = props.innerProps;
-    return (React.createElement(IconButton, __assign({}, innerProps, { className: classes.dropdownIndicator }),
+    return (React.createElement(IconButton, __assign({}, innerProps, { className: classes.dropdownIndicator, size: "large" }),
         React.createElement(ArrowDropDownIcon, null)));
 }
 DropdownIndicator.propTypes = {

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

@@ -1,4 +1,4 @@
-import Typography from '@material-ui/core/Typography';
+import Typography from '@mui/material/Typography';
 import PropTypes from 'prop-types';
 import React from 'react';
 import classNames from 'classnames';

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

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

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

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

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

@@ -1,4 +1,4 @@
-import Typography from '@material-ui/core/Typography';
+import Typography from '@mui/material/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 '@material-ui/core/MenuItem';
+import MenuItem from '@mui/material/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 '@material-ui/core/Typography';
+import Typography from '@mui/material/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 '@material-ui/core/Typography';
+import Typography from '@mui/material/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("@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">;
+declare const _default: (props?: any) => import("@mui/styles").ClassNameMap<"singleValue" | "option" | "menu" | "placeholder" | "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 '@material-ui/core/styles';
+import { makeStyles } from '@mui/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<PropTypes.ReactNodeLike>>;
+        const title_1: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | PropTypes.ReactNodeLike>>;
         export { title_1 as title };
-        const subtitle_1: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+        const subtitle_1: PropTypes.Requireable<NonNullable<((...args: any[]) => any) | 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("@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">;
+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">;

package/esm/components/ReactSortableTree/nodeRendererDefaultStyle.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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("@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">;
+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">;

package/esm/components/ReactSortableTree/placeholderRendererDefaultStyle.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/styles';
+import withStyles from '@mui/styles/withStyles';
 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("@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">;
+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">;

package/esm/components/ReactSortableTree/treeNodeStyle.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/Button';
-import Divider from '@material-ui/core/Divider';
-import Typography from '@material-ui/core/Typography';
+import Button from '@mui/material/Button';
+import Divider from '@mui/material/Divider';
+import Typography from '@mui/material/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';
@@ -33,6 +33,7 @@ var areRelatedEntitiesChanged = function (initial, actual) {
 var RelationEditor = function (_a) {
     var _b;
     var connection = _a.connection, modifiedEntity = _a.modifiedEntity, initialConnection = _a.initialConnection, initialModifiedEntity = _a.initialModifiedEntity, allModifiedEntities = _a.allModifiedEntities, dispatch = _a.dispatch, config = _a.config, mode = _a.mode, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, error = _a.error, highlightedError = _a.highlightedError;
+    //NOSONAR
     var _c = connection.relation, relationUri = _c.relationUri, relationType = _c.relationType, direction = _c.direction;
     var isNew = connection.isNew;
     var styles = useStyles();

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

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

package/esm/components/RelationEditor/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/Tooltip';
+import Tooltip from '@mui/material/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("@material-ui/core/styles/withStyles").ClassNameMap<"badge">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"badge">;

package/esm/components/RelevanceScoreBadge/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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("@material-ui/core/styles/withStyles").ClassNameMap<"gridLayout" | "gridFullscreen" | "isResizing">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"gridLayout" | "gridFullscreen" | "isResizing">;

package/esm/components/ReltioGridLayout/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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("@material-ui/core/styles/withStyles").ClassNameMap<"popper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"popper">;

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/FormControlLabel';
-import Checkbox from '@material-ui/core/Checkbox';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import Checkbox from '@mui/material/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, color: "primary", className: styles.checkbox }), label: i18n.text('Search as I move the map') }));
+        }, control: React.createElement(Checkbox, { checked: isSearchOnMapMove, onChange: onChange, 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("@material-ui/core/styles/withStyles").ClassNameMap<"checkbox" | "label" | "container">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "container" | "checkbox">;

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     container: {
         height: '28px',
@@ -15,6 +15,7 @@ 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,32 +10,37 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<import("
     showForDisabled: import("prop-types").Requireable<boolean>;
 }, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
     children?: React.ReactNode;
-    color?: import("@material-ui/core").PropTypes.Color;
+    classes?: Partial<import("@mui/material/Button").ButtonClasses>;
+    color?: import("@mui/types").OverridableStringUnion<"error" | "success" | "inherit" | "primary" | "secondary" | "info" | "warning", import("@mui/material/Button").ButtonPropsColorOverrides>;
     disabled?: boolean;
     disableElevation?: boolean;
     disableFocusRipple?: boolean;
     endIcon?: React.ReactNode;
     fullWidth?: boolean;
     href?: string;
-    size?: "medium" | "large" | "small";
+    size?: import("@mui/types").OverridableStringUnion<"small" | "large" | "medium", import("@mui/material/Button").ButtonPropsSizeOverrides>;
     startIcon?: React.ReactNode;
-    variant?: "text" | "outlined" | "contained";
-} & {
-    action?: React.Ref<import("@material-ui/core").ButtonBaseActions>;
-    buttonRef?: React.Ref<unknown>;
+    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>;
     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>;
-    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>> & {
+    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>> & {
     ref?: React.Ref<HTMLButtonElement>;
-}, "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">>;
+}, "children" | "size" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "variant" | "fullWidth" | "disableElevation" | "endIcon" | "startIcon">>;
 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 '@material-ui/core/Button';
+import Button from '@mui/material/Button';
 import { withTooltip } from '../../../../HOCs';
-import HighlightOffIcon from '@material-ui/icons/HighlightOff';
+import HighlightOffIcon from '@mui/icons-material/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("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "icon" | "container">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "button" | "container">;

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

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

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

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

package/esm/components/ReltioMap/styles.js

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

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

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

package/esm/components/RequiredMark/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/styles';
+import { useTheme } from '@mui/material/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("@material-ui/core/styles/withStyles").ClassNameMap<"container">;
+declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container">;
 export { useStyles };

package/esm/components/ResizablePanes/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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("@material-ui/core/styles/withStyles").ClassNameMap<"comments" | "profileBandNavigation">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"comments" | "profileBandNavigation">;

package/esm/components/ScreenProfileBand/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/Tabs';
-import { TabProps } from '@material-ui/core/Tab';
+import { TabsProps } from '@mui/material/Tabs';
+import { TabProps } from '@mui/material/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 '@material-ui/core/Tabs';
-import Tab from '@material-ui/core/Tab';
+import Tabs from '@mui/material/Tabs';
+import Tab from '@mui/material/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: "on" }, otherProps), tabs.map(function (_a) {
+        }, indicatorColor: "primary", textColor: "primary", variant: "scrollable", scrollButtons: true }, otherProps, { allowScrollButtonsMobile: true }), 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("@material-ui/core/styles/withStyles").ClassNameMap<"disabled" | "label" | "tabsRoot" | "tabsScrollButton" | "tabRoot" | "labelWrapper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "disabled" | "tabsRoot" | "tabsScrollButton" | "tabRoot" | "labelWrapper">;

package/esm/components/ScrollableTabs/styles.js

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

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

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

package/esm/components/SearchHighlighter/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/Input';
+import { InputProps } from '@mui/material/Input';
 export type SearchInputProps = InputProps & {
     value?: string;
     autofocus: boolean;