@reltio/components 1.4.1588 → 1.4.1590

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

@@ -4,8 +4,8 @@ import mdm from '@reltio/mdm-module';
 import { getAttributesListForReadMode, isEmptyValue } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
-import Box from '@material-ui/core/Box';
-import Typography from '@material-ui/core/Typography';
+import Box from '@mui/material/Box';
+import Typography from '@mui/material/Typography';
 import { PivotingAttributeContext } from '../../../../contexts';
 import BasicView from '../../../BasicView/BasicView';
 import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
@@ -17,12 +17,7 @@ var AttributesView = function (_a) {
     var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, metadata = _a.metadata, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, _g = _a.attributesCount, attributesCount = _g === void 0 ? 16 : _g;
     var styles = useStyles();
     var pivotingAttributes = useSelector(mdm.selectors.getPivotingAttributes);
-    var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, entity.type, includeUris, excludeUris); }, [
-        excludeUris,
-        includeUris,
-        metadata,
-        entity.type
-    ]);
+    var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity.type]);
     var attributesList = getAttributesListForReadMode(filteredAttrTypes, entity);
     var isShowAttributeList = attributesList.filter(function (_a) {
         var values = _a.values;

package/esm/components/attributes/readMode/AttributesView/index.d.ts

@@ -2,21 +2,21 @@
 import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, metadata, caption, excludeUris, includeUris, attributesCount }: {
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
-    className?: string;
     metadata: import("@reltio/mdm-sdk").Metadata;
-    entity?: import("@reltio/mdm-sdk").Entity;
     includeUris?: string[];
     excludeUris?: string[];
+    className?: string;
     attributesCount?: number;
     pinnedAttributes?: import("@reltio/mdm-sdk").PinnedAttribute[];
 }) => JSX.Element, import("react-redux").Omit<{
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
-    className?: string;
     metadata: import("@reltio/mdm-sdk").Metadata;
-    entity?: import("@reltio/mdm-sdk").Entity;
     includeUris?: string[];
     excludeUris?: string[];
+    className?: string;
     attributesCount?: number;
     pinnedAttributes?: import("@reltio/mdm-sdk").PinnedAttribute[];
 }, "metadata">>;

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

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

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     attributesContainer: {
         padding: '0 16px 16px 16px'

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

@@ -13,7 +13,7 @@ import React, { useContext, useEffect, useMemo, useState } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { AttributeTypeType, isAnalyticAttribute, NestedAttributeValueType, ReferenceAttributeValueType, CollaborationObjectTypes, createRelatedObjectUris, isOv, isRelationAttrType, isSpecialAttribute } from '@reltio/mdm-sdk';
-import Typography from '@material-ui/core/Typography';
+import Typography from '@mui/material/Typography';
 import AttributesList from '../AttributesList/AttributesList';
 import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
 import CommentsContainer from '../../../CommentsContainer/CommentsContainer';

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

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

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

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

package/esm/components/attributes/readMode/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<"number" | "image" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "deleteAttributeImage" | "updateAttributeImage">;
+export declare const useStyles: (props: SIZES_TYPE) => import("@mui/styles").ClassNameMap<"number" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "image" | "deleteAttributeImage" | "updateAttributeImage">;

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 import { CROSS_ICON } from './cross.inline.svg';
 import { HistoryOperations, historyPalettes, svg2Url } from '@reltio/mdm-sdk';
 var BORDER_WIDTH = '3px';

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

@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { memo, useContext, useMemo } from 'react';
-import Box from '@material-ui/core/Box';
+import Box from '@mui/material/Box';
 import classnames from 'classnames';
 import { evaluateDeepEntityLabel, getAttributeTypeSubAttributes, getHistoryAppearanceByUri, getHistoryAttributeClassName, getLabel, NestedAttributeType } from '@reltio/mdm-sdk';
 import { HistoryDiffContext } from '../../../../contexts';

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

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

package/esm/components/attributes/readMode/NestedAttribute/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';
 import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 var styles = makeStyles({
     label: {

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

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

package/esm/components/attributes/readMode/ReferenceAttribute/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';
 import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 var styles = makeStyles(function (theme) { return ({
     relationshipLabel: {

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "attributeValue" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "commentsContainer" | "multilineAttribute">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attributeValue" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "root" | "commentsContainer" | "multilineAttribute">;

package/esm/components/attributes/readMode/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';
 import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 export var useStyles = makeStyles({
     root: {

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

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

package/esm/components/attributes/readMode/SpecialAttributes/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';
 import { HistoryOperations, historyPalettes } from '@reltio/mdm-sdk';
 export var useCommonStyles = makeStyles({
     insertAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]),

package/esm/components/attributes/readMode/helpers/commonStyles.d.ts

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

package/esm/components/attributes/readMode/helpers/commonStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useOvValueStyles = makeStyles(function (theme) { return ({
     ovFalse: theme.inactive
 }); });

package/esm/components/charts/BubbleChart/styles.d.ts

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

package/esm/components/charts/BubbleChart/styles.js

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

package/esm/components/charts/CloudChart/styles.d.ts

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

package/esm/components/charts/CloudChart/styles.js

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

package/esm/components/charts/CustomLegend/styles.d.ts

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

package/esm/components/charts/CustomLegend/styles.js

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

package/esm/components/charts/CustomTooltip/styles.d.ts

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

package/esm/components/charts/CustomTooltip/styles.js

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

package/esm/components/charts/MapChart/Legend/Legend.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Typography from '@material-ui/core/Typography';
+import Typography from '@mui/material/Typography';
 import { formatNumberAsMetric } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { useStyles } from './styles';

package/esm/components/charts/MapChart/Legend/styles.d.ts

@@ -2,5 +2,5 @@ type StylesProps = {
     colors: string[];
     width: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"legendContainer" | "alignTop" | "alignBottom" | "legendBar" | "legendLabel">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"legendContainer" | "alignTop" | "alignBottom" | "legendBar" | "legendLabel">;
 export {};

package/esm/components/charts/MapChart/Legend/styles.js

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

package/esm/components/charts/MapChart/styles.d.ts

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

package/esm/components/charts/MapChart/styles.js

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

package/esm/components/charts/TableWithBars/cell-renderers/NumberCellValueRenderer.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { isNil } from 'ramda';
 import { formatNumberAsMetric } from '@reltio/mdm-sdk';
-import Typography from '@material-ui/core/Typography';
+import Typography from '@mui/material/Typography';
 import ColorBar from '../../../ColorBar/ColorBar';
 import { useStyles } from './styles';
 var NumberCellValueRenderer = function (_a) {

package/esm/components/charts/TableWithBars/cell-renderers/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"number" | "attribute" | "headCell" | "headLabel" | "numberContainer" | "colorBarContainer">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"number" | "attribute" | "headCell" | "headLabel" | "numberContainer" | "colorBarContainer">;

package/esm/components/charts/TableWithBars/cell-renderers/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 var textOverflow = {
     content: '""',
     position: 'absolute',

package/esm/components/charts/TableWithBars/styles.d.ts

@@ -2,5 +2,5 @@ type Dimensions = {
     width: number | string;
     height: number | string;
 };
-export declare const useStyles: (props: Dimensions) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tableContainer" | "cellBorder">;
+export declare const useStyles: (props: Dimensions) => import("@mui/styles").ClassNameMap<"tableContainer" | "cellBorder">;
 export {};

package/esm/components/charts/TableWithBars/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     tableContainer: function (_a) {
         var width = _a.width, height = _a.height;

package/esm/components/charts/TreeChart/styles.d.ts

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

package/esm/components/charts/TreeChart/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     treeBlock: {
         fill: '#6BAED6',

package/esm/components/charts/hooks/useClickableStyle.js

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

package/esm/components/commonReactSelectComponents/DropdownIndicator.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import PropTypes from 'prop-types';
 import React from 'react';
 import classnames from 'classnames';
-import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import { useArrowIndicatorStyles } from './arrowIndicatorStyles';
 var DropdownIndicator = function (props) {
     var _a, _b;

package/esm/components/commonReactSelectComponents/DropdownIndicatorWithIconButton.js

@@ -13,7 +13,7 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import classnames from 'classnames';
 import { useArrowIndicatorStyles } from './arrowIndicatorStyles';
-import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
+import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
 import SmallIconButton from '../SmallIconButton/SmallIconButton';
 var DropdownIndicatorWithIconButton = function (props) {
     var _a;

package/esm/components/commonReactSelectComponents/LoadMoreButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import Button from '@material-ui/core/Button';
-import { CircularProgress } from '@material-ui/core';
+import Button from '@mui/material/Button';
+import CircularProgress from '@mui/material/CircularProgress';
 import i18n from 'ui-i18n';
 import { useStyles } from './styles';
 var LoadMoreButton = function (_a) {

package/esm/components/commonReactSelectComponents/MenuWithPopper.js

@@ -14,7 +14,7 @@ import PropTypes from 'prop-types';
 import { prop } from 'ramda';
 import { nanoid } from 'nanoid';
 import Popper from '../Popper/Popper';
-import Paper from '@material-ui/core/Paper';
+import Paper from '@mui/material/Paper';
 import { useMenuStyles } from './menuStyles';
 import { PopupBoundariesContext } from '../../contexts/PopupBoundariesContext';
 var DEFAULT_MAX_WIDTH = 521;
@@ -26,16 +26,21 @@ var MenuWithPopper = function (props) {
     }, [inputValue]);
     var styles = useMenuStyles();
     var popupBoundariesContext = useContext(PopupBoundariesContext);
-    var hasBoundariesElement = popupBoundariesContext && popupBoundariesContext.element;
+    var hasBoundariesElement = Boolean(popupBoundariesContext === null || popupBoundariesContext === void 0 ? void 0 : popupBoundariesContext.element);
     var boundariesWidth = hasBoundariesElement ? popupBoundariesContext.element.clientWidth : window.innerWidth;
-    return (React.createElement(Popper, { anchorEl: inputRef.current, open: menuIsOpen, className: styles.popper, key: key, modifiers: hasBoundariesElement
-            ? {
-                preventOverflow: {
-                    boundariesElement: popupBoundariesContext.element,
-                    priority: popupBoundariesContext.priority
+    return (React.createElement(Popper, { anchorEl: inputRef.current, open: menuIsOpen, className: styles.popper, key: key, modifiers: [
+            {
+                name: 'preventOverflow',
+                enabled: true,
+                options: {
+                    altAxis: true,
+                    altBoundary: true,
+                    tether: false,
+                    boundary: hasBoundariesElement ? popupBoundariesContext.element : document.body,
+                    padding: 5
                 }
             }
-            : undefined, placement: "bottom-start" },
+        ], placement: "bottom-start" },
         React.createElement(Paper, __assign({ ref: innerRef, style: {
                 minWidth: Math.min(prop('clientWidth', inputRef.current), boundariesWidth),
                 maxWidth: Math.min(DEFAULT_MAX_WIDTH, boundariesWidth)

package/esm/components/commonReactSelectComponents/OptionWithCheckIcon/OptionWithCheckIcon.js

@@ -10,15 +10,16 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import CheckIcon from '@material-ui/icons/Check';
+import CheckIcon from '@mui/icons-material/Check';
 import Option from '../../ReactSelect/commonComponents/Option';
 import { useStyles } from './styles';
+// NEED TO MIGRATE
 var OptionWithCheckIcon = function (props) {
     var styles = useStyles();
     var isSelected = props.isSelected, children = props.children;
     return (React.createElement(Option, __assign({}, props),
         isSelected && React.createElement(CheckIcon, { className: styles.checkIcon }),
-        children));
+        React.createElement(React.Fragment, null, children)));
 };
 OptionWithCheckIcon.displayName = 'OptionWithCheckIcon';
 export default OptionWithCheckIcon;

package/esm/components/commonReactSelectComponents/OptionWithCheckIcon/styles.d.ts

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

package/esm/components/commonReactSelectComponents/OptionWithCheckIcon/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles({
     checkIcon: {
         transform: 'scale(.7)',

package/esm/components/commonReactSelectComponents/arrowIndicatorStyles.d.ts

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

package/esm/components/commonReactSelectComponents/arrowIndicatorStyles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/styles';
 export var useArrowIndicatorStyles = makeStyles(function (theme) { return ({
     expanded: {
         transform: 'rotate(180deg)'

package/esm/components/commonReactSelectComponents/menuStyles.d.ts

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

package/esm/components/commonReactSelectComponents/menuStyles.js

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

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

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

package/esm/components/commonReactSelectComponents/styles.js

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

package/esm/components/crosswalks/AttributesTable/AddAttributesButton/styles.d.ts

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

package/esm/components/crosswalks/AttributesTable/AddAttributesButton/styles.js

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

package/esm/components/crosswalks/AttributesTable/ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog.js

@@ -1,24 +1,26 @@
 import React, { useState } from 'react';
 import i18n from 'ui-i18n';
-import Button from '@material-ui/core/Button';
-import Dialog from '@material-ui/core/Dialog';
-import DialogActions from '@material-ui/core/DialogActions';
-import DialogContent from '@material-ui/core/DialogContent';
-import DialogContentText from '@material-ui/core/DialogContentText';
-import Radio from '@material-ui/core/Radio';
-import RadioGroup from '@material-ui/core/RadioGroup';
-import FormControlLabel from '@material-ui/core/FormControlLabel';
-import FormControl from '@material-ui/core/FormControl';
-import FormLabel from '@material-ui/core/FormLabel';
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import Radio from '@mui/material/Radio';
+import RadioGroup from '@mui/material/RadioGroup';
+import FormControlLabel from '@mui/material/FormControlLabel';
+import FormControl from '@mui/material/FormControl';
+import FormLabel from '@mui/material/FormLabel';
 import { getValue } from '../../../../core';
 import { pipe } from 'ramda';
 var ConfirmEditIgnoredDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, onConfirmEditWithoutIgnore = _a.onConfirmEditWithoutIgnore, onConfirmEditWithIgnore = _a.onConfirmEditWithIgnore;
     var _b = useState('without'), option = _b[0], setOption = _b[1];
-    return (React.createElement(Dialog, { open: open, onEnter: function () { return setOption('without'); } },
+    return (React.createElement(Dialog, { open: open, TransitionProps: {
+            onEnter: function () { return setOption('without'); }
+        } },
         React.createElement(DialogContent, null,
             React.createElement(DialogContentText, null, i18n.text('You are attempting to change a value that is presently ignored.')),
-            React.createElement(FormControl, { component: "fieldset" },
+            React.createElement(FormControl, { variant: "standard", component: "fieldset" },
                 React.createElement(FormLabel, { component: "legend" }, i18n.text('Please choose an option:')),
                 React.createElement(RadioGroup, { value: option, onChange: pipe(getValue, setOption) },
                     React.createElement(FormControlLabel, { value: "without", control: React.createElement(Radio, null), label: i18n.text('Save without Ignore') }),

package/esm/components/crosswalks/AttributesTable/cell-renderers/OvValuesRenderer.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
+import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
 import ReadOnlyAttributeValuesBlock from '../../../attributes/readMode/AttributeValuesBlock/AttributeValuesBlock';
 import AttributeTitle from '../../../Title/Title';
 import { useStyles } from './styles';

package/esm/components/crosswalks/AttributesTable/cell-renderers/RuleTypeInfoButton.js

@@ -2,14 +2,14 @@ import React, { useState } from 'react';
 import { useSelector } from 'react-redux';
 import { cond, prop } from 'ramda';
 import i18n from 'ui-i18n';
-import IconButton from '@material-ui/core/IconButton';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemText from '@material-ui/core/ListItemText';
-import Popover from '@material-ui/core/Popover';
-import Typography from '@material-ui/core/Typography';
-import CloseIcon from '@material-ui/icons/Close';
-import InfoIcon from '@material-ui/icons/Info';
+import IconButton from '@mui/material/IconButton';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemText from '@mui/material/ListItemText';
+import Popover from '@mui/material/Popover';
+import Typography from '@mui/material/Typography';
+import CloseIcon from '@mui/icons-material/Close';
+import InfoIcon from '@mui/icons-material/Info';
 import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
 import SourceIcon from '../../../SourceIcon/SourceIcon';
 import mdmModule from '@reltio/mdm-module';
@@ -72,7 +72,7 @@ var RuleTypeInfoButton = function (_a) {
                 horizontal: 'right'
             } },
             React.createElement("div", { className: styles.popupTitleWrapper },
-                React.createElement(IconButton, { className: styles.closeButton, onClick: closePopup },
+                React.createElement(IconButton, { className: styles.closeButton, onClick: closePopup, size: "large" },
                     React.createElement(CloseIcon, null)),
                 React.createElement(Typography, { variant: 'subtitle1', className: styles.popupTitle }, getInfoTitle(info))),
             React.createElement(List, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info)))));

package/esm/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { useSelector } from 'react-redux';
-import List from '@material-ui/core/List';
-import ListItem from '@material-ui/core/ListItem';
-import ListItemText from '@material-ui/core/ListItemText';
+import List from '@mui/material/List';
+import ListItem from '@mui/material/ListItem';
+import ListItemText from '@mui/material/ListItemText';
 import { getCrosswalkColor, getCrosswalkId, getSourceSystemLabel } from '@reltio/mdm-sdk';
 import SourceIcon from '../../../SourceIcon/SourceIcon';
 import { useCrosswalkHighlight } from '../../../../contexts';

package/esm/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/styles.d.ts

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

package/esm/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/styles.js

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

package/esm/components/crosswalks/AttributesTable/cell-renderers/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "popupTitle" | "closeButton" | "headCell" | "dragIndicator" | "dragIndicatorIcon" | "sourceIcon" | "ruleType" | "coloredCell" | "rowCell" | "cellValueWrapper" | "attributeTitle" | "ovValue" | "ruleTypeLabel" | "rulePopup" | "popupItem" | "popupTitleWrapper" | "popupItemsWrapper" | "winnerSourceItemWrapper" | "winnerSourceItem" | "winnerSourceItemLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"count" | "popupTitle" | "closeButton" | "headCell" | "dragIndicator" | "dragIndicatorIcon" | "sourceIcon" | "ruleType" | "coloredCell" | "rowCell" | "cellValueWrapper" | "attributeTitle" | "ovValue" | "ruleTypeLabel" | "rulePopup" | "popupItem" | "popupTitleWrapper" | "popupItemsWrapper" | "winnerSourceItemWrapper" | "winnerSourceItem" | "winnerSourceItemLabel">;