@reltio/components 1.4.1588 → 1.4.1590

package/esm/components/attributes/editMode/EntityCreator/EntityCreator.js

@@ -5,10 +5,7 @@ import { ModeType } from '@reltio/mdm-sdk';
 var defaultAttributeTypesSelectionStrategy = function (entityType) { return entityType && entityType.attributes; };
 var EntityCreator = function (_a) {
     var entity = _a.entity, entityType = _a.entityType, _b = _a.attributeTypesSelectionStrategy, attributeTypesSelectionStrategy = _b === void 0 ? defaultAttributeTypesSelectionStrategy : _b, mode = _a.mode, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute;
-    var attributeTypes = useMemo(function () { return attributeTypesSelectionStrategy(entityType); }, [
-        attributeTypesSelectionStrategy,
-        entityType
-    ]);
+    var attributeTypes = useMemo(function () { return attributeTypesSelectionStrategy(entityType); }, [attributeTypesSelectionStrategy, entityType]);
     return entity ? (React.createElement(AttributesList, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
 };
 EntityCreator.propTypes = {

package/esm/components/attributes/editMode/EntitySelector/components/ClearIndicator.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import ClearIcon from '@material-ui/icons/Clear';
+import ClearIcon from '@mui/icons-material/Clear';
 import { useClearIconStyles } from './styles';
-import IconButton from '@material-ui/core/IconButton';
+import IconButton from '@mui/material/IconButton';
 var ClearIndicator = function (props) {
     var onClear = props.selectProps.onClear;
     var styles = useClearIconStyles();
-    return (React.createElement(IconButton, { onClick: onClear },
+    return (React.createElement(IconButton, { onClick: onClear, size: "large" },
         React.createElement(ClearIcon, { className: styles.clearIcon })));
 };
 ClearIndicator.propTypes = {

package/esm/components/attributes/editMode/EntitySelector/components/EntityOption.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import PropTypes from 'prop-types';
 import i18n from 'ui-i18n';
-import MenuItem from '@material-ui/core/MenuItem';
+import MenuItem from '@mui/material/MenuItem';
 import { EntityType } from '@reltio/mdm-sdk';
 import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
 import ExpandedValueTooltip from '../../../../ExpandedValueTooltip/ExpandedValueTooltip';

package/esm/components/attributes/editMode/EntitySelector/components/EntityTypeOption.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import PropTypes from 'prop-types';
 import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
-import MenuItem from '@material-ui/core/MenuItem';
+import MenuItem from '@mui/material/MenuItem';
 import { useStyles } from './styles';
 var EntityTypeOption = function (_a) {
     var innerRef = _a.innerRef, innerProps = _a.innerProps, selectOption = _a.selectOption, data = _a.data;

package/esm/components/attributes/editMode/EntitySelector/components/Group.js

@@ -13,7 +13,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import i18n from 'ui-i18n';
 import { components } from 'react-select';
-import AddIcon from '@material-ui/icons/Add';
+import AddIcon from '@mui/icons-material/Add';
 import { useGroupStyles } from './styles';
 var ComponentsGroup = components.Group;
 var Group = function (props) {

package/esm/components/attributes/editMode/EntitySelector/components/SingleValue.js

@@ -17,7 +17,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import mdmModule, { ui } from '@reltio/mdm-module';
 import { getLabel, isTempUri } from '@reltio/mdm-sdk';
-import Typography from '@material-ui/core/Typography';
+import Typography from '@mui/material/Typography';
 import { UrlGeneratorsContext, ViewIdContext } from '../../../../../contexts';
 import { useSingleValueStyles } from './styles';
 var SingleValue = function (props) {

package/esm/components/attributes/editMode/EntitySelector/components/styles.d.ts

@@ -1,4 +1,4 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"entityLabel" | "entityContainer" | "emptyEntityLabel" | "entityAvatar" | "entitySecondaryLabel">;
-export const useSingleValueStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"singleValue" | "linkValue">;
-export const useGroupStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<never>;
-export const useClearIconStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"clearIcon">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"entityLabel" | "entityContainer" | "emptyEntityLabel" | "entityAvatar" | "entitySecondaryLabel">;
+export const useSingleValueStyles: (props?: any) => import("@mui/styles").ClassNameMap<"singleValue" | "linkValue">;
+export const useGroupStyles: (props?: any) => import("@mui/styles").ClassNameMap<"groupHeading" | "addLabel" | "addIcon">;
+export const useClearIconStyles: (props?: any) => import("@mui/styles").ClassNameMap<"clearIcon">;

package/esm/components/attributes/editMode/EntitySelector/components/styles.js

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

package/esm/components/attributes/editMode/EntitySelector/styles.d.ts

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

package/esm/components/attributes/editMode/EntitySelector/styles.js

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

package/esm/components/attributes/editMode/ImageAttributesLine/ImageAttributesLine.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import CloudUploadIcon from '@material-ui/icons/CloudUpload';
+import CloudUploadIcon from '@mui/icons-material/CloudUpload';
 import mdmModule, { profile } from '@reltio/mdm-module';
 import { generateUri, getImageAttributeOvThumbnailUrl, getImageAttributeOvUrl } from '@reltio/mdm-sdk';
 import Image from '../../../Image/Image';

package/esm/components/attributes/editMode/ImageAttributesLine/styles.d.ts

@@ -1,2 +1,2 @@
 import { SIZES_TYPE } from '../../ImageAttributesLine/styles';
-export declare const useStyles: (props: SIZES_TYPE) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "image" | "uploadContainer" | "uploadButton" | "uploadIcon">;
+export declare const useStyles: (props: SIZES_TYPE) => import("@mui/styles").ClassNameMap<"image" | "root" | "uploadContainer" | "uploadButton" | "uploadIcon">;

package/esm/components/attributes/editMode/ImageAttributesLine/styles.js

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

package/esm/components/attributes/editMode/MoreAttributesButton/MoreAttributesButton.js

@@ -1,13 +1,13 @@
 import React, { useCallback, useRef, useState } from 'react';
-import Button from '@material-ui/core/Button';
-import ListItem from '@material-ui/core/ListItem';
-import Typography from '@material-ui/core/Typography';
+import Button from '@mui/material/Button';
+import ListItem from '@mui/material/ListItem';
+import Typography from '@mui/material/Typography';
 import classnames from 'classnames';
 import { always, any, append, ifElse, not, pipe, pluck, propEq, reject } from 'ramda';
 import i18n from 'ui-i18n';
 import AttributeListItem from '../../../AttributeListItem/AttributeListItem';
 import SelectionPopup from '../../../SelectionPopup/SelectionPopup';
-import AddIcon from '@material-ui/icons/Add';
+import AddIcon from '@mui/icons-material/Add';
 import Highlighter from '../../../Highlighter/Highlighter';
 import { useKeyboardNavigation } from '../../../SelectionPopup/helpers';
 import VirtualGroupedList from '../../../VirtualGroupedList/VirtualGroupedList';

package/esm/components/attributes/editMode/MoreAttributesButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"dense" | "icon" | "moreButton" | "buttonLabel" | "moreAttributes" | "popupContainer" | "moreAttributesPopup" | "subHeader" | "noResultsCaptionContainer">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"icon" | "dense" | "moreButton" | "buttonLabel" | "moreAttributes" | "popupContainer" | "moreAttributesPopup" | "subHeader" | "noResultsCaptionContainer">;

package/esm/components/attributes/editMode/MoreAttributesButton/styles.js

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

package/esm/components/attributes/editMode/ReferenceAttribute/styles.d.ts

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

package/esm/components/attributes/editMode/ReferenceAttribute/styles.js

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

package/esm/components/attributes/editMode/RelationTypeSelector/components/RelationOption.js

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import MenuItem from '@material-ui/core/MenuItem';
-import Typography from '@material-ui/core/Typography';
+import MenuItem from '@mui/material/MenuItem';
+import Typography from '@mui/material/Typography';
 import { useOptionStyles } from './styles';
 import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
 import ExpandedValueTooltip from '../../../../ExpandedValueTooltip/ExpandedValueTooltip';

package/esm/components/attributes/editMode/RelationTypeSelector/components/styles.d.ts

@@ -1 +1 @@
-export const useOptionStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "container" | "textItem" | "primaryTextItem" | "secondaryTextItem" | "icons" | "iconTop" | "iconBottom">;
+export const useOptionStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "container" | "textItem" | "primaryTextItem" | "secondaryTextItem" | "icons" | "iconTop" | "iconBottom">;

package/esm/components/attributes/editMode/RelationTypeSelector/components/styles.js

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

package/esm/components/attributes/editMode/Roles/Roles.js

@@ -7,7 +7,7 @@ import SimpleDropDownSelector from '../../../SimpleDropDownSelector/SimpleDropDo
 import { MultiValueChip } from '../../..';
 import { useStyles } from './styles';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
-import DeleteIcon from '@material-ui/icons/Delete';
+import DeleteIcon from '@mui/icons-material/Delete';
 var components = { MultiValue: MultiValueChip };
 export var Roles = function (_a) {
     var values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;

package/esm/components/attributes/editMode/Roles/styles.d.ts

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

package/esm/components/attributes/editMode/Roles/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/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -25,9 +25,9 @@ import PropTypes from 'prop-types';
 import { useSelector } from 'react-redux';
 import classnames from 'classnames';
 import { has, pipe } from 'ramda';
-import AddIcon from '@material-ui/icons/Add';
-import DeleteIcon from '@material-ui/icons/Delete';
-import Typography from '@material-ui/core/Typography';
+import AddIcon from '@mui/icons-material/Add';
+import DeleteIcon from '@mui/icons-material/Delete';
+import Typography from '@mui/material/Typography';
 import i18n from 'ui-i18n';
 import { AttributeErrorType, AttributeTypeType, attributeUriToSearchUri, checkCanCreateAttribute, checkCanDeleteAttribute, checkCanEditAttribute, ErrorType, getAttributeValue, getAttrDataTypeDefinition, getErrorId, getErrorMessage, getErrorType, isDependentLookupAttrType, isEditableMode as checkIsEditableMode, ModeType, SimpleAttributeValueType } from '@reltio/mdm-sdk';
 import DataTypeValue from '../../../DataTypeValue/DataTypeValue';

package/esm/components/attributes/editMode/SimpleAttributeEditor/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "placeholder" | "deleted" | "editor" | "wrapper" | "addButton" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"deleted" | "button" | "placeholder" | "editor" | "wrapper" | "addButton" | "errorWrapper" | "editor-value" | "editor-read-only-value" | "editor-actions" | "editedLabel">;

package/esm/components/attributes/editMode/SimpleAttributeEditor/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var marginBottom = 10;
 export var useStyles = makeStyles(function (theme) { return ({
     wrapper: {

package/esm/components/attributes/editMode/Tags/Tags.js

@@ -2,7 +2,7 @@ import React, { useCallback } from 'react';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
 import { getFacets, EntityAttrTypes, buildFilterQueryString } from '@reltio/mdm-sdk';
-import DeleteIcon from '@material-ui/icons/Delete';
+import DeleteIcon from '@mui/icons-material/Delete';
 import TypeaheadEditor from '../../../editors/TypeaheadEditor/TypeaheadEditor';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
 import { useStyles } from './styles';

package/esm/components/attributes/editMode/Tags/styles.d.ts

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

package/esm/components/attributes/editMode/Tags/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/attributes/editMode/hooks/useScrollToAttribute/styles.d.ts

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

package/esm/components/attributes/editMode/hooks/useScrollToAttribute/styles.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var highlightBeforeStyles = {
     content: '""',
     position: 'absolute',

package/esm/components/attributes/inline/AttributesList/styles.d.ts

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

package/esm/components/attributes/inline/AttributesList/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 ({
     title: {
         fontSize: '12px',

package/esm/components/attributes/inline/AttributesPager/styles.d.ts

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

package/esm/components/attributes/inline/AttributesPager/styles.js

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

package/esm/components/attributes/inline/ComplexAttribute/styles.d.ts

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

package/esm/components/attributes/inline/ComplexAttribute/styles.js

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

package/esm/components/attributes/inline/ImageAttribute/styles.d.ts

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

package/esm/components/attributes/inline/ImageAttribute/styles.js

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

package/esm/components/attributes/inline/NestedAttributesBlock/NestedAttributesBlock.js

@@ -23,7 +23,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React from 'react';
 import { checkMetadataForCreate, ModeTypes } from '@reltio/mdm-sdk';
 import NestedAttribute from '../NestedAttribute/NestedAttribute';
-import Button from '@material-ui/core/Button';
+import Button from '@mui/material/Button';
 import i18n from 'ui-i18n';
 var NestedAttributesBlock = function (_a) {
     var className = _a.className, attributeValues = _a.attributeValues, attributeType = _a.attributeType, onAdd = _a.onAdd, parentUri = _a.parentUri, disableEdit = _a.disableEdit, props = __rest(_a, ["className", "attributeValues", "attributeType", "onAdd", "parentUri", "disableEdit"]);

package/esm/components/attributes/inline/ReferenceAttribute/styles.d.ts

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

package/esm/components/attributes/inline/ReferenceAttribute/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 ({
     relationshipLabel: {
         marginLeft: '4px',

package/esm/components/attributes/inline/SimpleAttribute/CrosswalkMenuItem/CrosswalkMenuItem.js

@@ -1,5 +1,5 @@
-import MenuItem from '@material-ui/core/MenuItem';
-import Typography from '@material-ui/core/Typography';
+import MenuItem from '@mui/material/MenuItem';
+import Typography from '@mui/material/Typography';
 import React, { forwardRef } from 'react';
 import withTooltip from '../../../../../HOCs/withTooltip/withTooltip';
 import SourceItem from '../../common/SourceItem';

package/esm/components/attributes/inline/SimpleAttribute/CrosswalkMenuItem/styles.d.ts

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

package/esm/components/attributes/inline/SimpleAttribute/CrosswalkMenuItem/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 ({
     menuItem: {
         minHeight: '32px',

package/esm/components/attributes/inline/SimpleAttribute/SimpleAttribute.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useRef } from 'react';
-import DeleteIcon from '@material-ui/icons/Delete';
-import EditIcon from '@material-ui/icons/Edit';
-import MoreVertIcon from '@material-ui/icons/MoreVert';
+import DeleteIcon from '@mui/icons-material/Delete';
+import EditIcon from '@mui/icons-material/Edit';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
 import { checkMetadataForDelete, checkMetadataForUpdate, getAttrDataTypeDefinition, getAttributeValue, getLastUriPart, isCrosswalkDisabled, isTempUri, ModeTypes } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';

package/esm/components/attributes/inline/SimpleAttribute/styles.d.ts

@@ -4,5 +4,5 @@ type StylesProps = {
     opaque: boolean;
     color: string;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"actions" | "root" | "attributeValue">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"attributeValue" | "root" | "actions">;
 export {};

package/esm/components/attributes/inline/SimpleAttribute/styles.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function () { return ({
     root: function (_a) {
         var fullyColored = _a.fullyColored, opaque = _a.opaque, color = _a.color, variant = _a.variant;

package/esm/components/attributes/inline/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useState } from 'react';
-import Popover from '@material-ui/core/Popover';
+import Popover from '@mui/material/Popover';
 import { attributeUriToSearchUri, DataTypes, getAttrDataTypeDefinition, isBooleanType, isLookupAttrType, isNumericType, isTimestampBasedType } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { equals, isNil } from 'ramda';

package/esm/components/attributes/inline/SimpleAttributeEditor/styles.d.ts

@@ -2,5 +2,5 @@ type StylesProps = {
     color: string;
     containerWidth: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "inputMultiline" | "paper" | "textField" | "booleanEditor" | "timestampEditor" | "popoverRoot">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"input" | "inputMultiline" | "textField" | "paper" | "booleanEditor" | "timestampEditor" | "popoverRoot">;
 export {};

package/esm/components/attributes/inline/SimpleAttributeEditor/styles.js

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

package/esm/components/attributes/inline/SimpleAttributesBlock/styles.d.ts

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

package/esm/components/attributes/inline/SimpleAttributesBlock/styles.js

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

package/esm/components/attributes/inline/common/ComplexAttributeLabel.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Typography from '@material-ui/core/Typography';
+import Typography from '@mui/material/Typography';
 import { useComplexAttributeLabelStyles } from './styles';
 export var ComplexAttributeLabel = function (_a) {
     var children = _a.children;

package/esm/components/attributes/inline/common/DeleteButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
-import DeleteIcon from '@material-ui/icons/Delete';
+import DeleteIcon from '@mui/icons-material/Delete';
 import i18n from 'ui-i18n';
 var DeleteButton = function (_a) {
     var onClick = _a.onClick;

package/esm/components/attributes/inline/common/SourceItem.js

@@ -3,7 +3,7 @@ import i18n from 'ui-i18n';
 import mdmModule from '@reltio/mdm-module';
 import { findSourceSystemByUri } from '@reltio/mdm-sdk';
 import { useSelector } from 'react-redux';
-import VisibilityIcon from '@material-ui/icons/Visibility';
+import VisibilityIcon from '@mui/icons-material/Visibility';
 import SourceIcon from '../../../SourceIcon/SourceIcon';
 import classnames from 'classnames';
 import { useCrosswalkFocus } from '../../../../contexts';

package/esm/components/attributes/inline/common/styles.d.ts

@@ -4,6 +4,6 @@ type StylesProps = {
     isFocused?: boolean;
     isDisabled?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "crosswalkValue" | "sourceItem" | "eyeIcon" | "sourceInfo" | "sourceIcon" | "crosswalkIcon">;
-export declare const useComplexAttributeLabelStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"label" | "crosswalkValue" | "sourceItem" | "eyeIcon" | "sourceInfo" | "sourceIcon" | "crosswalkIcon">;
+export declare const useComplexAttributeLabelStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label">;
 export {};

package/esm/components/attributes/inline/common/styles.js

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

package/esm/components/attributes/pagersCommon/ShowLess.js

@@ -1,5 +1,5 @@
-import KeyboardArrowUp from '@material-ui/icons/KeyboardArrowUp';
-import Link from '@material-ui/core/Link';
+import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp';
+import Link from '@mui/material/Link';
 import React from 'react';
 import i18n from 'ui-i18n';
 import { useStyles } from './styles';

package/esm/components/attributes/pagersCommon/ShowMore.js

@@ -1,5 +1,5 @@
-import KeyboardArrowDownIcon from '@material-ui/icons/KeyboardArrowDown';
-import Link from '@material-ui/core/Link';
+import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown';
+import Link from '@mui/material/Link';
 import React from 'react';
 import i18n from 'ui-i18n';
 import { useStyles } from './styles';

package/esm/components/attributes/pagersCommon/styles.d.ts

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

package/esm/components/attributes/pagersCommon/styles.js

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

package/esm/components/attributes/readMode/AttributesList/AttributesList.js

@@ -21,11 +21,7 @@ import { splitPagersData } from '../../helpers/attributesView';
 var AttributesList = function (_a) {
     var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? ALWAYS_VISIBLE_TYPE_URIS : _b, showNonOv = _a.showNonOv;
     var _c = useState(max || Infinity), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
-    var pagersData = useMemo(function () { return getAttributesListForReadMode(attrTypes, entity, showNonOv); }, [
-        attrTypes,
-        entity,
-        showNonOv
-    ]);
+    var pagersData = useMemo(function () { return getAttributesListForReadMode(attrTypes, entity, showNonOv); }, [attrTypes, entity, showNonOv]);
     var _d = useMemo(function () { return splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
     var visibleAttributePagersData = regularPagersData.slice(0, visibleValuesCount);
     var showMore = max && visibleAttributePagersData.length < regularPagersData.length;

package/esm/components/attributes/readMode/AttributesPager/SpecialRenderer.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import classnames from 'classnames';
 import { EntityAttrTypes } from '@reltio/mdm-sdk';
-import TagIcon from '@material-ui/icons/LocalOffer';
+import TagIcon from '@mui/icons-material/LocalOffer';
 import { useOneLineStyles } from './styles';
 import Title from '../../../Title/Title';
 import Attribute from '../AttributesFactory/Attribute';

package/esm/components/attributes/readMode/AttributesPager/styles.d.ts

@@ -1,3 +1,3 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"paddingWrapper" | "paddingWrapperWithLines">;
-export const useOneLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon" | "descriptionIcon">;
-export const useMultiLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"paddingWrapper" | "paddingWrapperWithLines">;
+export const useOneLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon" | "descriptionIcon">;
+export const useMultiLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;

package/esm/components/attributes/readMode/AttributesPager/styles.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var fontSize = '13px';
 var lineHeight = '15px';
 var commonStyles = {