@reltio/components 1.4.1589 → 1.4.1591

package/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/Thumbnails/Thumbnails.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Thumbnails = exports.CONTAINER_MARGIN = exports.IMAGE_PADDING = exports.IMAGE_WIDTH = void 0;
 var react_1 = __importStar(require("react"));
-var Grid_1 = __importDefault(require("@material-ui/core/Grid"));
+var Grid_1 = __importDefault(require("@mui/material/Grid"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
 var Image_1 = __importDefault(require("../../../Image/Image"));

package/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/Thumbnails/styles.d.ts

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

package/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/Thumbnails/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     thumbnails: {
         marginLeft: '12px',

package/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/styles.d.ts

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

package/cjs/components/ImageDetailsView/ImageDetailsViewCarousel/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         display: 'flex',

package/cjs/components/ImageDetailsView/ImageDetailsViewSidebar/ImageDetailsViewSidebar.js

@@ -30,10 +30,10 @@ exports.ImageDetailsViewSidebar = void 0;
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Checkbox_1 = __importDefault(require("@material-ui/core/Checkbox"));
-var FormControlLabel_1 = __importDefault(require("@material-ui/core/FormControlLabel"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var classnames_1 = __importDefault(require("classnames"));
 var MetaInfo_1 = require("../MetaInfo/MetaInfo");
@@ -59,7 +59,7 @@ var ImageDetailsViewSidebar = function (_a) {
             react_1.default.createElement(Typography_1.default, { className: styles.headerTitle }, ui_i18n_1.default.text('Details'))),
         react_1.default.createElement(Box_1.default, { className: styles.bodyWrapper },
             react_1.default.createElement(Box_1.default, { className: styles.body },
-                react_1.default.createElement(FormControlLabel_1.default, { classes: { root: styles.formControlLabel, label: styles.checkboxLabel }, control: react_1.default.createElement(Checkbox_1.default, { className: styles.checkbox, checked: isDefault, onChange: handleChange, color: "default" }), label: ui_i18n_1.default.text('Set as default') }),
+                react_1.default.createElement(FormControlLabel_1.default, { classes: { root: styles.formControlLabel, label: styles.checkboxLabel }, control: react_1.default.createElement(Checkbox_1.default, { className: styles.checkbox, checked: isDefault, onChange: handleChange }), label: ui_i18n_1.default.text('Set as default') }),
                 react_1.default.createElement(MetaInfo_1.MetaInfo, { attributeType: attributeType, imageAttributeFieldsOrder: imageAttributeFieldsOrder, attributeValue: attributeValue })))));
 };
 exports.ImageDetailsViewSidebar = ImageDetailsViewSidebar;

package/cjs/components/ImageDetailsView/ImageDetailsViewSidebar/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"checkbox" | "root" | "body" | "header" | "headerTitle" | "bodyWrapper" | "formControlLabel" | "checkboxLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"body" | "header" | "checkbox" | "root" | "headerTitle" | "bodyWrapper" | "formControlLabel" | "checkboxLabel">;

package/cjs/components/ImageDetailsView/ImageDetailsViewSidebar/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         position: 'relative',

package/cjs/components/ImageDetailsView/MetaInfo/MetaInfo.js

@@ -7,20 +7,20 @@ exports.MetaInfo = void 0;
 var react_1 = __importDefault(require("react"));
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var styles_1 = require("@material-ui/core/styles");
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
+var styles_1 = require("@mui/material/styles");
+var Box_1 = __importDefault(require("@mui/material/Box"));
 var MetaInfoHeader_1 = require("../MetaInfoHeader/MetaInfoHeader");
 var MetaInfoList_1 = require("../MetaInfoList/MetaInfoList");
 var MetaInfoForm_1 = require("../MetaInfoForm/MetaInfoForm");
 var useEditMetaInfo_1 = require("../hooks/useEditMetaInfo");
 var theme_1 = require("../theme");
-var darkMuiTheme = (0, styles_1.createMuiTheme)(theme_1.darkTheme);
+var darkMuiTheme = (0, styles_1.createTheme)(theme_1.darkTheme);
 var MetaInfo = function (_a) {
     var imageAttributeFieldsOrder = _a.imageAttributeFieldsOrder, attributeType = _a.attributeType, initialAttributeValue = _a.attributeValue;
     var _b = (0, useEditMetaInfo_1.useEditMetaInfo)({ attributeType: attributeType, initialAttributeValue: initialAttributeValue }), addAttributes = _b.addAttributes, changeAttribute = _b.changeAttribute, deleteAttribute = _b.deleteAttribute, clearLocalChanges = _b.clearLocalChanges, applyLocalChanges = _b.applyLocalChanges, attributeValue = _b.attributeValue, hasChanges = _b.hasChanges;
     var mode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMode);
     var isEditableMode = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getIsEditableMode);
-    return (react_1.default.createElement(styles_1.MuiThemeProvider, { theme: darkMuiTheme },
+    return (react_1.default.createElement(styles_1.ThemeProvider, { theme: darkMuiTheme },
         react_1.default.createElement(Box_1.default, null,
             react_1.default.createElement(MetaInfoHeader_1.MetaInfoHeader, { attributeType: attributeType, uri: attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.uri, onAddAttributes: isEditableMode ? addAttributes : undefined }),
             react_1.default.createElement(MetaInfoList_1.MetaInfoList, { attributeType: attributeType, attributeValue: attributeValue, imageAttributeFieldsOrder: imageAttributeFieldsOrder }),

package/cjs/components/ImageDetailsView/MetaInfoForm/MetaInfoForm.js

@@ -7,9 +7,9 @@ exports.MetaInfoForm = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
 var AttributesPager_1 = __importDefault(require("../../attributes/editMode/AttributesPager"));
 var helpers_1 = require("../helpers");
 var styles_1 = require("./styles");

package/cjs/components/ImageDetailsView/MetaInfoForm/styles.d.ts

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

package/cjs/components/ImageDetailsView/MetaInfoForm/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {},
     form: {
@@ -10,7 +10,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
     divider: {
         width: '100%',
         height: '1px',
-        background: 'rgba(255,255,255,0.12)'
+        borderColor: 'rgba(255,255,255,0.12)'
     },
     actions: {
         display: 'flex',

package/cjs/components/ImageDetailsView/MetaInfoHeader/MetaInfoHeader.js

@@ -30,9 +30,9 @@ exports.MetaInfoHeader = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
 var MoreAttributesButton_1 = __importDefault(require("../../attributes/editMode/MoreAttributesButton"));
 var helpers_1 = require("../helpers");
 var styles_1 = require("./styles");

package/cjs/components/ImageDetailsView/MetaInfoHeader/styles.d.ts

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

package/cjs/components/ImageDetailsView/MetaInfoHeader/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     title: {
         marginBottom: '10px',
@@ -15,7 +15,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
     divider: {
         width: '100%',
         height: '1px',
-        background: 'rgba(255,255,255,0.12)'
+        borderColor: 'rgba(255,255,255,0.12)'
     },
     canAdd: {}
 });

package/cjs/components/ImageDetailsView/MetaInfoList/MetaInfoItem/styles.d.ts

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

package/cjs/components/ImageDetailsView/MetaInfoList/MetaInfoItem/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     root: {
         fontSize: '13px',

package/cjs/components/ImageDetailsView/MetaInfoList/MetaInfoList.js

@@ -7,7 +7,7 @@ exports.MetaInfoList = void 0;
 var react_1 = __importDefault(require("react"));
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
 var AttributesPager_1 = __importDefault(require("../../attributes/readMode/AttributesPager"));
 var MetaInfoItem_1 = require("./MetaInfoItem/MetaInfoItem");
 var helpers_1 = require("../helpers");

package/cjs/components/ImageDetailsView/MetaInfoList/styles.d.ts

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

package/cjs/components/ImageDetailsView/MetaInfoList/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         padding: '10px 0'

package/cjs/components/ImageDetailsView/styles.d.ts

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

package/cjs/components/ImageDetailsView/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         display: 'flex',

package/cjs/components/ImageDetailsView/theme/index.d.ts

@@ -1,14 +1,3 @@
-declare const darkTheme: {
-    readonly palette: {
-        readonly type: "dark";
-        readonly primary: {
-            main: string;
-            light: string;
-            dark: string;
-        };
-        readonly secondary: {
-            main: string;
-        };
-    };
-};
+import { ThemeOptions } from '@mui/material/styles';
+declare const darkTheme: ThemeOptions;
 export { darkTheme };

package/cjs/components/ImageDetailsView/theme/index.js

@@ -4,7 +4,7 @@ exports.darkTheme = void 0;
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var darkTheme = {
     palette: {
-        type: 'dark',
+        mode: 'dark',
         primary: mdm_sdk_1.theme.palette.primary,
         secondary: mdm_sdk_1.theme.palette.secondary
     }

package/cjs/components/ImageGalleryDialog/ImageGalleryDialog.js

@@ -29,13 +29,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageGalleryDialog = exports.Mode = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
-var DialogContent_1 = __importDefault(require("@material-ui/core/DialogContent"));
-var AppBar_1 = __importDefault(require("@material-ui/core/AppBar"));
-var Toolbar_1 = __importDefault(require("@material-ui/core/Toolbar"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Close_1 = __importDefault(require("@material-ui/icons/Close"));
-var ViewComfy_1 = __importDefault(require("@material-ui/icons/ViewComfy"));
+var Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
+var AppBar_1 = __importDefault(require("@mui/material/AppBar"));
+var Toolbar_1 = __importDefault(require("@mui/material/Toolbar"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var ViewCompact_1 = __importDefault(require("@mui/icons-material/ViewCompact"));
 var Details_1 = __importDefault(require("../../icons/Details"));
 var SmallIconButton_1 = require("../SmallIconButton");
 var ModeSwitcher_1 = __importDefault(require("../ModeSwitcher/ModeSwitcher"));
@@ -52,7 +52,7 @@ var ImageGalleryDialog = function (_a) {
         {
             id: Mode.GALLERY_MODE,
             title: ui_i18n_1.default.text('Gallery'),
-            Icon: ViewComfy_1.default
+            Icon: ViewCompact_1.default
         },
         {
             id: Mode.DETAILS_MODE,

package/cjs/components/ImageGalleryDialog/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "toolbar" | "paper" | "backdrop" | "closeIcon" | "appBar" | "closeButton" | "headerLeft" | "headerCenter" | "headerRight" | "modeSwitcher">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "toolbar" | "backdrop" | "paper" | "closeIcon" | "appBar" | "closeButton" | "headerLeft" | "headerCenter" | "headerRight" | "modeSwitcher">;

package/cjs/components/ImageGalleryDialog/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     paper: {
         backgroundColor: 'rgba(0, 0, 0, .85)'

package/cjs/components/ImportButton/ImportButton.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImportModes = void 0;
 var react_1 = __importDefault(require("react"));
-var CircularProgress_1 = __importDefault(require("@material-ui/core/CircularProgress"));
+var CircularProgress_1 = __importDefault(require("@mui/material/CircularProgress"));
 var SmallIconButton_1 = require("../SmallIconButton");
-var CloudDownload_1 = __importDefault(require("@material-ui/icons/CloudDownload"));
-var Done_1 = __importDefault(require("@material-ui/icons/Done"));
+var CloudDownload_1 = __importDefault(require("@mui/icons-material/CloudDownload"));
+var Done_1 = __importDefault(require("@mui/icons-material/Done"));
 var core_1 = require("../../core");
 var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");

package/cjs/components/ImportButton/styles.d.ts

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

package/cjs/components/ImportButton/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         display: 'flex',

package/cjs/components/InternalLink/styles.d.ts

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

package/cjs/components/InternalLink/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     link: {
         color: theme.palette.primary.main,

package/cjs/components/LightArrowTooltip/LightArrowTooltip.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { TooltipProps } from '@material-ui/core/Tooltip';
+import { TooltipProps } from '@mui/material/Tooltip';
 declare const LightArrowTooltip: (props: TooltipProps) => JSX.Element;
 export default LightArrowTooltip;

package/cjs/components/LightArrowTooltip/LightArrowTooltip.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var styles_1 = require("./styles");
 var LightArrowTooltip = function (props) {
     var styles = (0, styles_1.useStyles)();

package/cjs/components/LightArrowTooltip/styles.d.ts

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

package/cjs/components/LightArrowTooltip/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     tooltip: {
         backgroundColor: theme.palette.background.paper,

package/cjs/components/LinearLoadIndicator/LinearLoadIndicator.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var LinearProgress_1 = __importDefault(require("@material-ui/core/LinearProgress"));
+var LinearProgress_1 = __importDefault(require("@mui/material/LinearProgress"));
 var styles_1 = require("./styles");
 var LinearLoadIndicator = function (_a) {
     var _b;

package/cjs/components/LinearLoadIndicator/styles.d.ts

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

package/cjs/components/LinearLoadIndicator/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     loadingOverlay: {
         position: 'absolute',

package/cjs/components/Link/styles.d.ts

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

package/cjs/components/Link/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     link: {
         textDecoration: 'inherit',

package/cjs/components/MatchRulesBlock/MatchRulesBadge/styles.d.ts

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

package/cjs/components/MatchRulesBlock/MatchRulesBadge/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var styles = (0, styles_1.makeStyles)(function (theme) {
     return {
         label: {

package/cjs/components/MatchRulesBlock/MatchRulesTooltip/styles.d.ts

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

package/cjs/components/MatchRulesBlock/MatchRulesTooltip/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var styles = (0, styles_1.makeStyles)({
     title: {
         fontWeight: 500,

package/cjs/components/MatchRulesBlock/NotMatchRule/styles.d.ts

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

package/cjs/components/MatchRulesBlock/NotMatchRule/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     notMatch: {
         display: 'flex',

package/cjs/components/MatchRulesBlock/SimpleMatchRules/SimpleMatchRules.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var MatchRulesTitle_1 = __importDefault(require("../MatchRulesTitle"));
 var styles_1 = __importDefault(require("./styles"));

package/cjs/components/MatchRulesBlock/SimpleMatchRules/styles.d.ts

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

package/cjs/components/MatchRulesBlock/SimpleMatchRules/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var styles = (0, styles_1.makeStyles)(function (theme) { return ({
     container: {
         fontSize: '13px',

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBlock/styles.d.ts

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

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBlock/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var styles = (0, styles_1.makeStyles)({
     container: {
         display: 'flex',

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBuilder/styles.d.ts

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

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBuilder/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var styles = (0, styles_1.makeStyles)({
     container: {
         display: 'flex',

package/cjs/components/MatchRulesBlock/TransitiveMatchBlock/styles.d.ts

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

package/cjs/components/MatchRulesBlock/TransitiveMatchBlock/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var styles = (0, styles_1.makeStyles)({
     container: {
         display: 'flex',

package/cjs/components/MatchRulesBlock/TransitiveMatchRules/styles.d.ts

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

package/cjs/components/MatchRulesBlock/TransitiveMatchRules/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var styles = (0, styles_1.makeStyles)(function (theme) { return ({
     label: {
         fontSize: '13px',

package/cjs/components/MatchRulesBlock/TransitiveMatchRulesTooltip/styles.d.ts

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

package/cjs/components/MatchRulesBlock/TransitiveMatchRulesTooltip/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var styles = (0, styles_1.makeStyles)({
     ruleWrapper: {
         paddingTop: '8px'

package/cjs/components/MatchRulesSelector/MatchRulesSelector.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TEntityType, MatchRulesAttrNames } from '@reltio/mdm-sdk';
-import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
+import { TextFieldProps as TextFieldPropsType } from '@mui/material/TextField';
 type Props = {
     name: MatchRulesAttrNames;
     values?: string[];