@reltio/components 1.4.1586-mui5-2 → 1.4.1587

package/esm/components/UploadImageDialog/ErrorSnackbar/styles.js

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

package/esm/components/UploadImageDialog/ImageByUrlField/ImageByUrlField.js

@@ -1,10 +1,10 @@
 import React, { useState } from 'react';
 import i18n from 'ui-i18n';
-import Box from '@mui/material/Box';
-import Paper from '@mui/material/Paper';
-import InputBase from '@mui/material/InputBase';
-import Button from '@mui/material/Button';
-import Typography from '@mui/material/Typography';
+import Box from '@material-ui/core/Box';
+import Paper from '@material-ui/core/Paper';
+import InputBase from '@material-ui/core/InputBase';
+import Button from '@material-ui/core/Button';
+import Typography from '@material-ui/core/Typography';
 import { useStyles } from './styles';
 var isEmptyField = function (value) { return value.trim().length === 0; };
 export var ImageByUrlField = function (_a) {

package/esm/components/UploadImageDialog/ImageByUrlField/styles.d.ts

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

package/esm/components/UploadImageDialog/ImageByUrlField/styles.js

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

package/esm/components/UploadImageDialog/SelectImageButton/SelectImageButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
+import Button from '@material-ui/core/Button';
 import { IMAGE_TYPES } from '../constants';
 export var SelectImageButton = function (_a) {
     var className = _a.className, onAppendFile = _a.onAppendFile;

package/esm/components/UploadImageDialog/TargetBox/TargetBox.js

@@ -3,7 +3,7 @@ import classnames from 'classnames';
 import i18n from 'ui-i18n';
 import { useDrop } from 'react-dnd';
 import { NativeTypes } from 'react-dnd-html5-backend';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import { SelectImageButton } from '../SelectImageButton/SelectImageButton';
 import UploadIcon from '../../../icons/UploadIcon';
 import { MAX_IMAGE_SIZE } from '../constants';

package/esm/components/UploadImageDialog/TargetBox/styles.d.ts

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

package/esm/components/UploadImageDialog/TargetBox/styles.js

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

package/esm/components/UploadImageDialog/UploadImageDialog.js

@@ -3,9 +3,9 @@ import i18n from 'ui-i18n';
 import { useSelector } from 'react-redux';
 import { uploadImage as uploadImageRequest, getRequestErrorMessage } from '@reltio/mdm-sdk';
 import mdm from '@reltio/mdm-module';
-import Box from '@mui/material/Box';
-import Dialog from '@mui/material/Dialog';
-import Typography from '@mui/material/Typography';
+import Box from '@material-ui/core/Box';
+import Dialog from '@material-ui/core/Dialog';
+import Typography from '@material-ui/core/Typography';
 import LinearLoadIndicator from '../LinearLoadIndicator/LinearLoadIndicator';
 import { ImageByUrlField } from './ImageByUrlField/ImageByUrlField';
 import { TargetBox } from './TargetBox/TargetBox';

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

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

package/esm/components/UploadImageDialog/styles.js

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

package/esm/components/UserSelector/UserSelector.js

@@ -3,7 +3,7 @@ import { useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import { defaultTo, pipe, pluck } from 'ramda';
 import classnames from 'classnames';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import MultiSelect from '../ReactSelect/MultiSelect';
 import DropdownIndicatorWithIconButton from '../commonReactSelectComponents/DropdownIndicatorWithIconButton';
 import { getAllUsersForTenant, utils } from '@reltio/mdm-sdk';

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

@@ -3,4 +3,4 @@ export declare const customStyles: {
     loadingMessage: (currentStyles: any) => any;
     menuPortal: (currentStyles: any) => any;
 };
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "option" | "root" | "dropDownInput">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "title" | "option" | "dropDownInput">;

package/esm/components/UserSelector/styles.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
     loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },

package/esm/components/ValueChip/ValueChip.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import PropTypes from 'prop-types';
-import Chip from '@mui/material/Chip';
+import Chip from '@material-ui/core/Chip';
 import { useStyles, useChipStyles } from './styles';
 import { mergeClasses } from '../../core/utils';
 import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';

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

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

package/esm/components/ValueChip/styles.js

@@ -1,19 +1,18 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 var margin = 2;
 export var useChipStyles = makeStyles({
     root: {
         height: '28px',
         backgroundColor: 'rgba(43, 152, 240, 0.12)',
         maxWidth: "calc(100% - ".concat(margin * 2, "px)"),
-        margin: "".concat(margin, "px"),
-        '& $deleteIcon': {
-            height: 18,
-            width: 18,
-            color: 'rgba(0,0,0,0.38)',
-            marginRight: '8px'
-        }
+        margin: "".concat(margin, "px")
+    },
+    deleteIcon: {
+        height: 18,
+        width: 18,
+        color: 'rgba(0,0,0,0.38)',
+        marginRight: '8px'
     },
-    deleteIcon: {},
     label: {
         overflow: 'hidden'
     }

package/esm/components/VerticalHeadingsTable/TableCell/styles.d.ts

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

package/esm/components/VerticalHeadingsTable/TableCell/styles.js

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

package/esm/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.js

@@ -1,6 +1,6 @@
 import React, { useEffect } from 'react';
 import classnames from 'classnames';
-import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
+import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
 import { useDrag, useDrop } from 'react-dnd';
 import { getEmptyImage } from 'react-dnd-html5-backend';
 import { DndItemTypes } from '../types';

package/esm/components/VerticalHeadingsTable/TableCellWithDnd/styles.d.ts

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

package/esm/components/VerticalHeadingsTable/TableCellWithDnd/styles.js

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

package/esm/components/VerticalHeadingsTable/TableColumnDragLayer/styles.d.ts

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

package/esm/components/VerticalHeadingsTable/TableColumnDragLayer/styles.js

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

package/esm/components/VerticalHeadingsTable/TableHeadCell/TableHeadCell.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import DragIndicatorIcon from '@mui/icons-material/DragIndicator';
+import DragIndicatorIcon from '@material-ui/icons/DragIndicator';
 import { DefaultHeadCellRenderer } from '../helpers';
 import { useStyles } from './styles';
 export var TableHeadCell = function (_a) {

package/esm/components/VerticalHeadingsTable/TableHeadCell/styles.d.ts

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

package/esm/components/VerticalHeadingsTable/TableHeadCell/styles.js

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

package/esm/components/ViewMoreToggle/ViewMoreToggle.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import Link from '@mui/material/Link';
-import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
+import Link from '@material-ui/core/Link';
+import ArrowDropDownIcon from '@material-ui/icons/ArrowDropDown';
 import { useStyles } from './styles';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';

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

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

package/esm/components/ViewMoreToggle/styles.js

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

package/esm/components/VirtualGroupedList/VirtualGroupedList.js

@@ -163,7 +163,10 @@ var VirtualGroupedList = function (_a) {
             setTitleTopMargin(topMargin);
         }
     };
-    var _getItemSize = useCallback(function (index) { return getItemSize(index, getItemByIndex(index).item); }, [getItemByIndex, getItemSize]);
+    var _getItemSize = useCallback(function (index) { return getItemSize(index, getItemByIndex(index).item); }, [
+        getItemByIndex,
+        getItemSize
+    ]);
     var render = useCallback(function (_a) {
         var index = _a.index, style = _a.style, data = _a.data;
         var listItem = getItemByIndex(index);

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

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

package/esm/components/VirtualGroupedList/styles.js

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

package/esm/components/activityLog/ActivityExportButton/ActivityExportButton.js

@@ -1,10 +1,10 @@
 import React, { useMemo, useState, useCallback } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
-import Portal from '@mui/material/Portal';
-import Snackbar from '@mui/material/Snackbar';
-import GetAppIcon from '@mui/icons-material/GetApp';
+import Button from '@material-ui/core/Button';
+import Portal from '@material-ui/core/Portal';
+import Snackbar from '@material-ui/core/Snackbar';
+import GetAppIcon from '@material-ui/icons/GetApp';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import ErrorPopup from '../../ErrorPopup/ErrorPopup';
 import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';

package/esm/components/activityLog/ActivityExportButton/styles.d.ts

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

package/esm/components/activityLog/ActivityExportButton/styles.js

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

package/esm/components/activityLog/ActivityFilterButton/ActivityFilterButton.js

@@ -14,7 +14,7 @@ import classnames from 'classnames';
 import i18n from 'ui-i18n';
 import { always, equals, evolve, pipe, mergeRight, unless } from 'ramda';
 import { isDateRangeValid } from '@reltio/mdm-sdk';
-import FilterListIcon from '@mui/icons-material/FilterList';
+import FilterListIcon from '@material-ui/icons/FilterList';
 import ActivityFilterEditor from '../ActivityFilterEditor/ActivityFilterEditor';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import { useStyles } from './styles';

package/esm/components/activityLog/ActivityFilterButton/styles.d.ts

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

package/esm/components/activityLog/ActivityFilterButton/styles.js

@@ -1,10 +1,9 @@
-import { alpha } from '@mui/material/styles';
-import { makeStyles } from '@mui/styles';
+import { fade, makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     icon: {
         margin: '4px',
         '&.activeIcon': {
-            backgroundColor: alpha(theme.palette.primary.main, 0.12),
+            backgroundColor: fade(theme.palette.primary.main, 0.12),
             color: theme.palette.primary.main
         }
     }

package/esm/components/activityLog/ActivityFilterEditor/ActivityFilterEditor.js

@@ -3,9 +3,9 @@ import { curry, pipe, assoc, when, mergeLeft, always } from 'ramda';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
 import i18n from 'ui-i18n';
-import Button from '@mui/material/Button';
-import Popover from '@mui/material/Popover';
-import Divider from '@mui/material/Divider';
+import Button from '@material-ui/core/Button';
+import Popover from '@material-ui/core/Popover';
+import Divider from '@material-ui/core/Divider';
 import { ActivityTypes } from '../types';
 import { getSelectorActivityTypes } from './utils/getSelectorActivityTypes';
 import ActivitySelector from './ActivitySelector';

package/esm/components/activityLog/ActivityFilterEditor/ActivitySelector.js

@@ -2,7 +2,7 @@ import React from 'react';
 import i18n from 'ui-i18n';
 import { defaultTo, pipe, pluck, sortBy } from 'ramda';
 import classnames from 'classnames';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import { ActivityTypes } from '../types/ActivityTypes';
 import MultiSelect from '../../ReactSelect/MultiSelect';
 import DropdownIndicatorWithIconButton from '../../commonReactSelectComponents/DropdownIndicatorWithIconButton';

package/esm/components/activityLog/ActivityFilterEditor/DateRangeSelector.js

@@ -14,10 +14,10 @@ import i18n from 'ui-i18n';
 import { pipe } from 'ramda';
 import classnames from 'classnames';
 import { DateRangeTypes } from '@reltio/mdm-sdk';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import Radio from '@mui/material/Radio';
-import RadioGroup from '@mui/material/RadioGroup';
-import Typography from '@mui/material/Typography';
+import FormControlLabel from '@material-ui/core/FormControlLabel';
+import Radio from '@material-ui/core/Radio';
+import RadioGroup from '@material-ui/core/RadioGroup';
+import Typography from '@material-ui/core/Typography';
 import DateIntervalSelector from '../../DateIntervalSelector/DateIntervalSelector';
 import { getValue } from '../../../core/utils';
 import CustomDateRangeEditor from '../../editors/CustomDateRangeEditor/CustomDateRangeEditor';

package/esm/components/activityLog/ActivityFilterEditor/EntityTypesSelector.js

@@ -2,7 +2,7 @@ import React from 'react';
 import i18n from 'ui-i18n';
 import { defaultTo, pipe, pluck, sortBy } from 'ramda';
 import classnames from 'classnames';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import MultiSelect from '../../ReactSelect/MultiSelect';
 import DropdownIndicatorWithIconButton from '../../commonReactSelectComponents/DropdownIndicatorWithIconButton';
 import { customStyles, useStyles } from './styles';

package/esm/components/activityLog/ActivityFilterEditor/SourceSelector.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import i18n from 'ui-i18n';
 import { defaultTo, pipe, sortBy, prop } from 'ramda';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import MultiSelect from '../../ReactSelect/MultiSelect';
 import { useSelector } from 'react-redux';
 import classnames from 'classnames';

package/esm/components/activityLog/ActivityFilterEditor/styles.d.ts

@@ -1,4 +1,4 @@
 export declare const customStyles: {
     input: (currentStyles: any) => any;
 };
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "option" | "labels" | "divider" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "filterControls" | "clearButton" | "selectorWrapper" | "selectorsGroup" | "selectorHint">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "labels" | "container" | "divider" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "filterControls" | "clearButton" | "selectorWrapper" | "selectorsGroup" | "selectorHint">;

package/esm/components/activityLog/ActivityFilterEditor/styles.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
 };

package/esm/components/activityLog/ActivityLog/ActivityLog.js

@@ -1,4 +1,4 @@
-import Divider from '@mui/material/Divider';
+import Divider from '@material-ui/core/Divider';
 import React, { useCallback, useEffect, useMemo, useState } from 'react';
 import BasicTablePagination from '../../BasicTableView/BasicTablePagination/BasicTablePagination';
 import i18n from 'ui-i18n';

package/esm/components/activityLog/ActivityLog/items/ActivityItem/ActivityItem.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import { getActivityType, splitActivityByType } from '../../../utils/activities';
 import ActivitiesFactory from '../../../activities/ActivitiesFactory';
 import { useStyles } from './styles';
@@ -9,7 +9,7 @@ var ActivityItem = function (_a) {
     var styles = useStyles();
     var type = getActivityType(item);
     var activities = splitActivityByType(item);
-    return (React.createElement("div", { className: styles.activityItem, "data-reltio-id": "activity-log-item" },
+    return (React.createElement("div", { className: styles.activityItem },
         React.createElement("div", { className: styles.activityIcon }, ActivitiesFactory.getIcon(type)),
         React.createElement("div", { className: styles.activityInfo },
             React.createElement(Typography, { className: styles.activityUser }, item.user),

package/esm/components/activityLog/ActivityLog/items/ActivityItem/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"date" | "activityItem" | "activityIcon" | "activityInfo" | "activityUser" | "activityEvent">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"date" | "activityItem" | "activityIcon" | "activityInfo" | "activityUser" | "activityEvent">;

package/esm/components/activityLog/ActivityLog/items/ActivityItem/styles.js

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

package/esm/components/activityLog/ActivityLog/items/GroupItem/GroupItem.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import i18n from 'ui-i18n';
 import Spacer from '../../../../Spacer/Spacer';
 import CollapseButton from '../../../../CollapseButton/CollapseButton';

package/esm/components/activityLog/ActivityLog/items/GroupItem/styles.d.ts

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

package/esm/components/activityLog/ActivityLog/items/GroupItem/styles.js

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

package/esm/components/activityLog/ActivityLog/styles.d.ts

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

package/esm/components/activityLog/ActivityLog/styles.js

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

package/esm/components/activityLog/ActivityLogFilter/ActivityLogFilter.js

@@ -13,8 +13,8 @@ import React from 'react';
 import i18n from 'ui-i18n';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
-import Tooltip from '@mui/material/Tooltip';
-import Typography from '@mui/material/Typography';
+import Tooltip from '@material-ui/core/Tooltip';
+import Typography from '@material-ui/core/Typography';
 import ActivityExportButton from '../ActivityExportButton/ActivityExportButton';
 import ActivityFilterButton from '../ActivityFilterButton/ActivityFilterButton';
 import { getFilterLabel } from './helpers';

package/esm/components/activityLog/ActivityLogFilter/styles.d.ts

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

package/esm/components/activityLog/ActivityLogFilter/styles.js

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

package/esm/components/activityLog/activities/ActivitiesFactory.js

@@ -10,7 +10,7 @@ import SearchActivity from './SearchActivity';
 import SimpleActivity from './SimpleActivity';
 import SynchronizationIssuesActivity from './SynchronizationIssuesActivity';
 import AddIcon from '../../../icons/Add';
-import CalendarTodayIcon from '@mui/icons-material/CalendarToday';
+import CalendarTodayIcon from '@material-ui/icons/CalendarToday';
 import CommentIcon from '../../../icons/Comment';
 import CreateIcon from '../../../icons/Create';
 import LoginIcon from '../../../icons/LogIn';

package/esm/components/activityLog/activities/ActivityTitle/styles.d.ts

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

package/esm/components/activityLog/activities/ActivityTitle/styles.js

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

package/esm/components/activityLog/activities/EntityObject/styles.d.ts

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

package/esm/components/activityLog/activities/EntityObject/styles.js

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

package/esm/components/activityLog/activities/MoreItemsLink/MoreItemsLink.js

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import i18n from 'ui-i18n';
-import Link from '@mui/material/Link';
+import Link from '@material-ui/core/Link';
 export var MoreItemsLink = function (_a) {
     var itemsCount = _a.itemsCount, itemsLabel = _a.itemsLabel, props = __rest(_a, ["itemsCount", "itemsLabel"]);
     return (React.createElement(Link, __assign({ component: "button", variant: "caption" }, props, { underline: "none" }),

package/esm/components/activityLog/activities/RelationObject/styles.d.ts

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

package/esm/components/activityLog/activities/RelationObject/styles.js

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

package/esm/components/activityLog/activities/fields/DeltaField.js

@@ -1,5 +1,5 @@
-import Chip from '@mui/material/Chip';
-import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
+import Chip from '@material-ui/core/Chip';
+import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
 import mdmModule from '@reltio/mdm-module';
 import { findAttributeTypeByUri } from '@reltio/mdm-sdk';
 import classnames from 'classnames';

package/esm/components/activityLog/activities/fields/commonStyles.d.ts

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