@reltio/components 1.4.1588 → 1.4.1590

package/cjs/components/UploadImageDialog/ErrorSnackbar/styles.d.ts

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

package/cjs/components/UploadImageDialog/ErrorSnackbar/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)({
     closeIcon: {
         color: '#fff'

package/cjs/components/UploadImageDialog/ImageByUrlField/ImageByUrlField.js

@@ -29,11 +29,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageByUrlField = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
-var InputBase_1 = __importDefault(require("@material-ui/core/InputBase"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var InputBase_1 = __importDefault(require("@mui/material/InputBase"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var styles_1 = require("./styles");
 var isEmptyField = function (value) { return value.trim().length === 0; };
 var ImageByUrlField = function (_a) {

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

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

package/cjs/components/UploadImageDialog/ImageByUrlField/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: {
         width: '328px'

package/cjs/components/UploadImageDialog/SelectImageButton/SelectImageButton.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectImageButton = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
 var constants_1 = require("../constants");
 var SelectImageButton = function (_a) {
     var className = _a.className, onAppendFile = _a.onAppendFile;

package/cjs/components/UploadImageDialog/TargetBox/TargetBox.js

@@ -9,7 +9,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var react_dnd_1 = require("react-dnd");
 var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var SelectImageButton_1 = require("../SelectImageButton/SelectImageButton");
 var UploadIcon_1 = __importDefault(require("../../../icons/UploadIcon"));
 var constants_1 = require("../constants");

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

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

package/cjs/components/UploadImageDialog/TargetBox/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: {
         padding: '36px 0 29px'

package/cjs/components/UploadImageDialog/UploadImageDialog.js

@@ -32,9 +32,9 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var react_redux_1 = require("react-redux");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
-var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var Dialog_1 = __importDefault(require("@mui/material/Dialog"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var LinearLoadIndicator_1 = __importDefault(require("../LinearLoadIndicator/LinearLoadIndicator"));
 var ImageByUrlField_1 = require("./ImageByUrlField/ImageByUrlField");
 var TargetBox_1 = require("./TargetBox/TargetBox");

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

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

package/cjs/components/UploadImageDialog/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: {},
     dialogPaper: {

package/cjs/components/UserSelector/UserSelector.js

@@ -31,7 +31,7 @@ var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MultiSelect_1 = __importDefault(require("../ReactSelect/MultiSelect"));
 var DropdownIndicatorWithIconButton_1 = __importDefault(require("../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");

package/cjs/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("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "title" | "option" | "dropDownInput">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "option" | "root" | "dropDownInput">;

package/cjs/components/UserSelector/styles.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },
     loadingMessage: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); },

package/cjs/components/ValueChip/ValueChip.js

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var styles_1 = require("./styles");
 var utils_1 = require("../../core/utils");
 var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));

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

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

package/cjs/components/ValueChip/styles.js

@@ -1,21 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.useChipStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var margin = 2;
 exports.useChipStyles = (0, styles_1.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/cjs/components/VerticalHeadingsTable/TableCell/styles.d.ts

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

package/cjs/components/VerticalHeadingsTable/TableCell/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 ({
     hidden: {
         display: 'none'

package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/TableCellWithDnd.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableCellWithDnd = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var DragIndicator_1 = __importDefault(require("@material-ui/icons/DragIndicator"));
+var DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
 var react_dnd_1 = require("react-dnd");
 var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
 var types_1 = require("../types");

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

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

package/cjs/components/VerticalHeadingsTable/TableCellWithDnd/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 ({
     tableData: {
         position: 'relative',

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

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

package/cjs/components/VerticalHeadingsTable/TableColumnDragLayer/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)({
     dragLayer: {
         position: 'fixed',

package/cjs/components/VerticalHeadingsTable/TableHeadCell/TableHeadCell.js

@@ -16,7 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableHeadCell = void 0;
 var react_1 = __importDefault(require("react"));
-var DragIndicator_1 = __importDefault(require("@material-ui/icons/DragIndicator"));
+var DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
 var helpers_1 = require("../helpers");
 var styles_1 = require("./styles");
 var TableHeadCell = function (_a) {

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

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

package/cjs/components/VerticalHeadingsTable/TableHeadCell/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 ({
     tableHead: {
         position: 'relative',

package/cjs/components/ViewMoreToggle/ViewMoreToggle.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
-var ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
+var Link_1 = __importDefault(require("@mui/material/Link"));
+var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
 var styles_1 = require("./styles");
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));

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

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

package/cjs/components/ViewMoreToggle/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 ({
     viewMoreLessLink: {
         display: 'flex',

package/cjs/components/VirtualGroupedList/VirtualGroupedList.js

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

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

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

package/cjs/components/VirtualGroupedList/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)({
     stickyTitlesWrapper: {
         position: 'absolute',

package/cjs/components/activityLog/ActivityExportButton/ActivityExportButton.js

@@ -29,10 +29,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Portal_1 = __importDefault(require("@material-ui/core/Portal"));
-var Snackbar_1 = __importDefault(require("@material-ui/core/Snackbar"));
-var GetApp_1 = __importDefault(require("@material-ui/icons/GetApp"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Portal_1 = __importDefault(require("@mui/material/Portal"));
+var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
+var GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
 var SmallIconButton_1 = require("../../SmallIconButton");
 var ErrorPopup_1 = __importDefault(require("../../ErrorPopup/ErrorPopup"));
 var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
@@ -80,6 +80,6 @@ var ActivityExportButton = function (_a) {
                 className: styles.icon
             }, menuItems: menuItems, menuId: "export-menu" })) : (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: GetApp_1.default, size: "L", onClick: function () { return handleClickExport(); }, tooltipTitle: ui_i18n_1.default.text('Export'), className: styles.icon })),
         react_1.default.createElement(Portal_1.default, { container: document.body },
-            react_1.default.createElement(Snackbar_1.default, { open: showSnackbar, autoHideDuration: 5000, className: styles.snackbar, onClose: function () { return setShowSnackbar(false); }, message: ui_i18n_1.default.text('Export operation is currently in progress. You will receive an email notification once completed. Go to Export Application to view the status.'), action: react_1.default.createElement(Button_1.default, { className: styles.exportButton, onClick: handleOpenAppClick }, ui_i18n_1.default.text('Export application')) }))));
+            react_1.default.createElement(Snackbar_1.default, { open: showSnackbar, autoHideDuration: 5000, className: styles.snackbar, onClose: function () { return setShowSnackbar(false); }, anchorOrigin: { vertical: 'bottom', horizontal: 'center' }, message: ui_i18n_1.default.text('Export operation is currently in progress. You will receive an email notification once completed. Go to Export Application to view the status.'), action: react_1.default.createElement(Button_1.default, { className: styles.exportButton, onClick: handleOpenAppClick }, ui_i18n_1.default.text('Export application')) }))));
 };
 exports.default = ActivityExportButton;

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

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

package/cjs/components/activityLog/ActivityExportButton/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 ({
     snackbar: {
         maxWidth: 500

package/cjs/components/activityLog/ActivityFilterButton/ActivityFilterButton.js

@@ -42,7 +42,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var FilterList_1 = __importDefault(require("@material-ui/icons/FilterList"));
+var FilterList_1 = __importDefault(require("@mui/icons-material/FilterList"));
 var ActivityFilterEditor_1 = __importDefault(require("../ActivityFilterEditor/ActivityFilterEditor"));
 var SmallIconButton_1 = require("../../SmallIconButton");
 var styles_1 = require("./styles");

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

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

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

@@ -1,12 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+var styles_1 = require("@mui/material/styles");
+var styles_2 = require("@mui/styles");
+exports.useStyles = (0, styles_2.makeStyles)(function (theme) { return ({
     icon: {
         margin: '4px',
         '&.activeIcon': {
-            backgroundColor: (0, styles_1.fade)(theme.palette.primary.main, 0.12),
+            backgroundColor: (0, styles_1.alpha)(theme.palette.primary.main, 0.12),
             color: theme.palette.primary.main
         }
     }

package/cjs/components/activityLog/ActivityFilterEditor/ActivityFilterEditor.js

@@ -31,9 +31,9 @@ var ramda_1 = require("ramda");
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
-var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
 var types_1 = require("../types");
 var getSelectorActivityTypes_1 = require("./utils/getSelectorActivityTypes");
 var ActivitySelector_1 = __importDefault(require("./ActivitySelector"));

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

@@ -7,7 +7,7 @@ var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ActivityTypes_1 = require("../types/ActivityTypes");
 var MultiSelect_1 = __importDefault(require("../../ReactSelect/MultiSelect"));
 var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));

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

@@ -42,10 +42,10 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var FormControlLabel_1 = __importDefault(require("@material-ui/core/FormControlLabel"));
-var Radio_1 = __importDefault(require("@material-ui/core/Radio"));
-var RadioGroup_1 = __importDefault(require("@material-ui/core/RadioGroup"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
+var Radio_1 = __importDefault(require("@mui/material/Radio"));
+var RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var DateIntervalSelector_1 = __importDefault(require("../../DateIntervalSelector/DateIntervalSelector"));
 var utils_1 = require("../../../core/utils");
 var CustomDateRangeEditor_1 = __importDefault(require("../../editors/CustomDateRangeEditor/CustomDateRangeEditor"));

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

@@ -7,7 +7,7 @@ var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MultiSelect_1 = __importDefault(require("../../ReactSelect/MultiSelect"));
 var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
 var styles_1 = require("./styles");

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MultiSelect_1 = __importDefault(require("../../ReactSelect/MultiSelect"));
 var react_redux_1 = require("react-redux");
 var classnames_1 = __importDefault(require("classnames"));

package/cjs/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("@material-ui/core/styles/withStyles").ClassNameMap<"option" | "labels" | "container" | "divider" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "filterControls" | "clearButton" | "selectorWrapper" | "selectorsGroup" | "selectorHint">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"option" | "labels" | "container" | "divider" | "filterSubtitle" | "agoLabel" | "dateOption" | "dateOptionAgo" | "dateOptionWithin" | "dateOptionLabel" | "dropDownInput" | "filterControls" | "clearButton" | "selectorWrapper" | "selectorsGroup" | "selectorHint">;

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

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = exports.customStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.customStyles = {
     input: function (currentStyles) { return (__assign(__assign({}, currentStyles), { fontSize: '14px' })); }
 };

package/cjs/components/activityLog/ActivityLog/ActivityLog.js

@@ -26,17 +26,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
 var react_1 = __importStar(require("react"));
-var BasicTablePagination_1 = __importDefault(require("../../BasicTableView/BasicTablePagination/BasicTablePagination"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var AutoSizeList_1 = __importDefault(require("../../AutoSizeList/AutoSizeList"));
-var helpers_1 = require("./helpers");
+var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
+var helpers_1 = require("./helpers");
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
 var activities_1 = require("../utils/activities");
 var GroupItem_1 = __importDefault(require("./items/GroupItem/GroupItem"));
 var ActivityItem_1 = __importDefault(require("./items/ActivityItem/ActivityItem"));
-var classnames_1 = __importDefault(require("classnames"));
+var AutoSizeList_1 = __importDefault(require("../../AutoSizeList/AutoSizeList"));
+var BasicTablePagination_1 = __importDefault(require("../../BasicTableView/BasicTablePagination/BasicTablePagination"));
 var CollapsibleItemsContext_1 = require("../contexts/CollapsibleItemsContext");
 var styles_1 = require("./styles");
 var PAGINATION_HEIGHT = 60;

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var activities_1 = require("../../../utils/activities");
 var ActivitiesFactory_1 = __importDefault(require("../../../activities/ActivitiesFactory"));
 var styles_1 = require("./styles");
@@ -14,7 +14,7 @@ var ActivityItem = function (_a) {
     var styles = (0, styles_1.useStyles)();
     var type = (0, activities_1.getActivityType)(item);
     var activities = (0, activities_1.splitActivityByType)(item);
-    return (react_1.default.createElement("div", { className: styles.activityItem },
+    return (react_1.default.createElement("div", { className: styles.activityItem, "data-reltio-id": "activity-log-item" },
         react_1.default.createElement("div", { className: styles.activityIcon }, ActivitiesFactory_1.default.getIcon(type)),
         react_1.default.createElement("div", { className: styles.activityInfo },
             react_1.default.createElement(Typography_1.default, { className: styles.activityUser }, item.user),

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

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

package/cjs/components/activityLog/ActivityLog/items/ActivityItem/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 ({
     activityItem: {
         display: 'flex',

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

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Spacer_1 = __importDefault(require("../../../../Spacer/Spacer"));
 var CollapseButton_1 = __importDefault(require("../../../../CollapseButton/CollapseButton"));

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

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

package/cjs/components/activityLog/ActivityLog/items/GroupItem/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)({
     groupItem: {
         display: 'flex',

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

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

package/cjs/components/activityLog/ActivityLog/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)({
     rowDivider: {
         marginLeft: '28px'

package/cjs/components/activityLog/ActivityLogFilter/ActivityLogFilter.js

@@ -18,8 +18,8 @@ var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ActivityExportButton_1 = __importDefault(require("../ActivityExportButton/ActivityExportButton"));
 var ActivityFilterButton_1 = __importDefault(require("../ActivityFilterButton/ActivityFilterButton"));
 var helpers_1 = require("./helpers");