@reltio/components 1.4.1589 → 1.4.1591

package/cjs/components/history/HistoryTree/styles.d.ts

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

package/cjs/components/history/HistoryTree/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)({
     historyTree: {
         display: 'grid',

package/cjs/components/history/HistoryView/styles.d.ts

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

package/cjs/components/history/HistoryView/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/history/ProfileBandHistory/ProfileBandHistory.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");

package/cjs/components/history/ProfileBandHistory/styles.d.ts

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

package/cjs/components/history/ProfileBandHistory/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/history/hooks/useHistory.js

@@ -99,10 +99,7 @@ var useHistory = function (_a) {
             });
         }
     }, [historicUris, historyFilterString, enabled]);
-    var canLoadMore = (0, react_1.useMemo)(function () { return (historyPage + 1) * MAX_HISTORY_ROWS < (historyWithTotal === null || historyWithTotal === void 0 ? void 0 : historyWithTotal.total); }, [
-        historyWithTotal,
-        historyPage
-    ]);
+    var canLoadMore = (0, react_1.useMemo)(function () { return (historyPage + 1) * MAX_HISTORY_ROWS < (historyWithTotal === null || historyWithTotal === void 0 ? void 0 : historyWithTotal.total); }, [historyWithTotal, historyPage]);
     var onApplyFilter = (0, react_1.useCallback)(function (filter) {
         setHistoryPage(0);
         setHistoryFilter(filter);

package/cjs/components/workflow/cards/GenericWorkflowTaskCard/GenericWorkflowTaskCard.js

@@ -28,10 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var Flag_1 = __importDefault(require("@material-ui/icons/Flag"));
+var Flag_1 = __importDefault(require("@mui/icons-material/Flag"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
-var styles_1 = require("./styles");
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var CollapseButton_1 = __importDefault(require("../../../CollapseButton/CollapseButton"));
 var AssigneeSelector_1 = __importDefault(require("../../components/AssigneeSelector/AssigneeSelector"));
 var DueDateField_1 = __importDefault(require("../../components/DueDateField/DueDateField"));
@@ -44,6 +43,7 @@ var useWorkflowColor_1 = require("../../hooks/useWorkflowColor");
 var useWorkflowCheckPermission_1 = require("../../hooks/useWorkflowCheckPermission");
 var CollaborationIcon_1 = __importDefault(require("../../../../icons/CollaborationIcon"));
 var useWorkflowActions_1 = require("../../hooks/useWorkflowActions");
+var styles_1 = require("./styles");
 var GenericWorkflowTaskCard = function (_a) {
     var _b;
     var task = _a.task, children = _a.children, actions = _a.actions, Icon = _a.Icon;

package/cjs/components/workflow/cards/GenericWorkflowTaskCard/styles.d.ts

@@ -1,3 +1,3 @@
 export declare const useStyles: (props: {
     color: string;
-}) => import("@material-ui/core/styles/withStyles").ClassNameMap<"flex" | "caption" | "icon" | "title" | "header" | "line" | "date" | "priority" | "card" | "withBackground" | "lineWrapper" | "info" | "commentsInfo" | "commentsIcon" | "infoValue" | "infoBlock" | "flag" | "mainInfo" | "controlsBox" | "controlsInRow" | "comments">;
+}) => import("@mui/styles").ClassNameMap<"date" | "title" | "icon" | "caption" | "priority" | "flex" | "line" | "header" | "info" | "comments" | "card" | "withBackground" | "lineWrapper" | "commentsInfo" | "commentsIcon" | "infoValue" | "infoBlock" | "flag" | "mainInfo" | "controlsBox" | "controlsInRow">;

package/cjs/components/workflow/cards/GenericWorkflowTaskCard/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 ({
     card: {
         borderBottom: '1px solid rgba(0,0,0,0.06)'

package/cjs/components/workflow/cards/PotentialMatchTaskCard/styles.d.ts

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

package/cjs/components/workflow/cards/PotentialMatchTaskCard/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)({
     pmCard: {
         marginLeft: '-15px'

package/cjs/components/workflow/components/AddWorkflowButton/AddWorkflowButton.js

@@ -29,8 +29,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AddWorkflowButton = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Add_1 = __importDefault(require("@material-ui/icons/Add"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Add_1 = __importDefault(require("@mui/icons-material/Add"));
 var useWorkflowCheckPermission_1 = require("../../hooks/useWorkflowCheckPermission");
 var AddWorkflowDialog_1 = require("../AddWorkflowDialog/AddWorkflowDialog");
 var styles_1 = require("./styles");

package/cjs/components/workflow/components/AddWorkflowButton/styles.d.ts

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

package/cjs/components/workflow/components/AddWorkflowButton/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)({
     button: {
         padding: '9px 16px 9px 12px',

package/cjs/components/workflow/components/AddWorkflowDialog/AddWorkflowDialog.js

@@ -29,12 +29,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AddWorkflowDialog = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-var Portal_1 = __importDefault(require("@material-ui/core/Portal"));
-var Snackbar_1 = __importDefault(require("@material-ui/core/Snackbar"));
-var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var Portal_1 = __importDefault(require("@mui/material/Portal"));
+var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
+var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
 var SimpleDropDownSelector_1 = __importDefault(require("../../../SimpleDropDownSelector/SimpleDropDownSelector"));
 var useWorkflowDefinitions_1 = require("../../hooks/useWorkflowDefinitions");
 var useWorkflowProcessInstance_1 = require("../../hooks/useWorkflowProcessInstance");

package/cjs/components/workflow/components/AddWorkflowDialog/styles.d.ts

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

package/cjs/components/workflow/components/AddWorkflowDialog/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 ({
     popoverPaper: {
         width: '464px'

package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/ChangeView.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var ArrowRightAlt_1 = __importDefault(require("@material-ui/icons/ArrowRightAlt"));
-var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var ArrowRightAlt_1 = __importDefault(require("@mui/icons-material/ArrowRightAlt"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var helpers_1 = require("../../helpers/helpers");
 var styles_1 = require("./styles");
 var ChangeView = function (_a) {

package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/styles.d.ts

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

package/cjs/components/workflow/components/AttributesChanges/components/ChangeView/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 ({
     field: {
         fontSize: '12px',

package/cjs/components/workflow/components/AttributesChanges/components/DCRChangesList/styles.d.ts

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

package/cjs/components/workflow/components/AttributesChanges/components/DCRChangesList/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: {
         fontSize: '12px',

package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/styles.d.ts

@@ -1,5 +1,5 @@
 type StylesProps = {
     level: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "change" | "linkLabel" | "linkContainer" | "disabledLink">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"label" | "change" | "linkLabel" | "linkContainer" | "disabledLink">;
 export {};

package/cjs/components/workflow/components/AttributesChanges/components/DiffRenderer/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 ({
     linkContainer: {
         textDecoration: 'none',

package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/ShowMoreLink.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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
+var Link_1 = __importDefault(require("@mui/material/Link"));
 var styles_1 = require("./styles");
 var ShowMoreLink = function (_a) {
     var suggestionsCount = _a.suggestionsCount, isExpanded = _a.isExpanded, onClick = _a.onClick, className = _a.className;

package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/styles.d.ts

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

package/cjs/components/workflow/components/AttributesChanges/components/ShowMoreLink/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 ({
     linkLabel: {
         color: theme.palette.primary.main,

package/cjs/components/workflow/components/AttributesChanges/styles.d.ts

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

package/cjs/components/workflow/components/AttributesChanges/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 ({
     container: {
         boxSizing: 'border-box',

package/cjs/components/workflow/components/DueDateField/DueDateField.js

@@ -7,9 +7,9 @@ var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var styles_1 = require("./styles");
-var editors_1 = require("../../../editors");
 var useWorkflowDueDate_1 = require("../../hooks/useWorkflowDueDate");
+var editors_1 = require("../../../editors");
+var styles_1 = require("./styles");
 var DueDateField = function (_a) {
     var taskId = _a.taskId, dueDate = _a.dueDate, isTaskOpen = _a.isTaskOpen, className = _a.className;
     var styles = (0, styles_1.useStyles)();
@@ -18,6 +18,15 @@ var DueDateField = function (_a) {
         taskId: taskId,
         isOpen: isTaskOpen
     }), updateDueDate = _b.updateDueDate, updateRequestIsInProgress = _b.updateRequestIsInProgress, readOnly = _b.readOnly;
-    return (react_1.default.createElement(editors_1.DateEditor, { className: (0, classnames_1.default)(styles.dueDate, className), disabled: updateRequestIsInProgress || readOnly, value: dueDate, label: ui_i18n_1.default.text('Due date'), onChange: (0, ramda_1.pipe)(function (date) { return date && date.getTime(); }, updateDueDate), margin: "dense", InputProps: { className: styles.dueDateInput }, InputLabelProps: { classes: { root: styles.inputLabel } } }));
+    return (react_1.default.createElement(editors_1.DateEditor, { disabled: updateRequestIsInProgress || readOnly, value: dueDate, label: ui_i18n_1.default.text('Due date'), onChange: (0, ramda_1.pipe)(function (date) { return date && date.getTime(); }, updateDueDate), slotProps: {
+            textField: {
+                className: (0, classnames_1.default)(styles.dueDate, className),
+                size: 'small',
+                InputProps: { className: styles.dueDateInput },
+                InputLabelProps: {
+                    classes: { root: styles.inputLabel }
+                }
+            }
+        } }));
 };
 exports.default = DueDateField;

package/cjs/components/workflow/components/DueDateField/styles.d.ts

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

package/cjs/components/workflow/components/DueDateField/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)({
     dueDate: {
         marginTop: 0,

package/cjs/components/workflow/components/LineDecorator/LineDecorator.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
-var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
+var Divider_1 = __importDefault(require("@mui/material/Divider"));
 var LineDecorator = function (_a) {
     var _b, _c, _d;
     var className = _a.className, children = _a.children, plain = _a.plain, first = _a.first, last = _a.last, transparent = _a.transparent, divider = _a.divider;

package/cjs/components/workflow/components/LineDecorator/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "last" | "line" | "decorator" | "lineBlock" | "withLinePadding" | "noLine" | "plain" | "rowDivider">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "line" | "last" | "decorator" | "lineBlock" | "withLinePadding" | "noLine" | "plain" | "rowDivider">;

package/cjs/components/workflow/components/LineDecorator/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");
 var pointColor = '#d8d8d8';
 var lineStyle = '2px solid rgba(0,0,0,0.06)';
 var pointSize = 6;

package/cjs/components/workflow/components/TaskActionButtons/TaskActionButtons.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TaskActionButtons = void 0;
 var react_1 = __importDefault(require("react"));
 var ramda_1 = require("ramda");
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
 var useWorkflowActions_1 = require("../../hooks/useWorkflowActions");
 var TaskActionButtons = function (_a) {
     var task = _a.task;

package/cjs/components/workflow/components/TaskActions/TaskActions.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 MoreVert_1 = __importDefault(require("@material-ui/icons/MoreVert"));
+var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 var DropDownMenuButton_1 = __importDefault(require("../../../DropDownMenuButton/DropDownMenuButton"));
 var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
 var TaskActions = function (_a) {

package/cjs/components/workflow/components/WorkflowComments/CollapsedComments.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollapsedComments = void 0;
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
 var Comment_1 = require("./Comment");
 var styles_1 = require("./styles");
 var CollapsedComments = function (_a) {
@@ -26,7 +26,7 @@ var CollapsedComments = function (_a) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Comment_1.Comment, __assign({}, comments[0])),
         react_1.default.createElement("div", { className: styles.delimiter },
-            react_1.default.createElement(IconButton_1.default, { className: styles.circleButton, onClick: onClick }, comments.length - 2)),
+            react_1.default.createElement(IconButton_1.default, { className: styles.circleButton, onClick: onClick, size: "large" }, comments.length - 2)),
         react_1.default.createElement(Comment_1.Comment, __assign({}, comments[comments.length - 1]))));
 };
 exports.CollapsedComments = CollapsedComments;

package/cjs/components/workflow/components/WorkflowComments/Comment.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Comment = void 0;
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var Avatar_1 = __importDefault(require("@material-ui/core/Avatar"));
-var Person_1 = __importDefault(require("@material-ui/icons/Person"));
+var Avatar_1 = __importDefault(require("@mui/material/Avatar"));
+var Person_1 = __importDefault(require("@mui/icons-material/Person"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");

package/cjs/components/workflow/components/WorkflowComments/WorkflowComments.js

@@ -38,11 +38,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WorkflowComments = void 0;
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
-var Input_1 = __importDefault(require("@material-ui/core/Input"));
-var InputAdornment_1 = __importDefault(require("@material-ui/core/InputAdornment"));
-var Send_1 = __importDefault(require("@material-ui/icons/Send"));
+var Input_1 = __importDefault(require("@mui/material/Input"));
+var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
+var Send_1 = __importDefault(require("@mui/icons-material/Send"));
 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 CollapsedComments_1 = require("./CollapsedComments");
 var ExpandedComments_1 = require("./ExpandedComments");
 var styles_1 = require("./styles");

package/cjs/components/workflow/components/WorkflowComments/styles.d.ts

@@ -1,4 +1,4 @@
-export declare const useCommentStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "icon" | "date" | "comment" | "info" | "avatar" | "firstLine" | "author">;
-export declare const useCollapsedCommentsStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"circleButton" | "delimiter">;
-export declare const useWorkflowStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "container" | "commentsContainer" | "filledInputRoot" | "modeSwitcherWrapper">;
-export declare const useExpandedComments: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"messageContainer">;
+export declare const useCommentStyles: (props?: any) => import("@mui/styles").ClassNameMap<"date" | "icon" | "comment" | "text" | "info" | "avatar" | "firstLine" | "author">;
+export declare const useCollapsedCommentsStyles: (props?: any) => import("@mui/styles").ClassNameMap<"circleButton" | "delimiter">;
+export declare const useWorkflowStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "container" | "commentsContainer" | "filledInputRoot" | "modeSwitcherWrapper">;
+export declare const useExpandedComments: (props?: any) => import("@mui/styles").ClassNameMap<"messageContainer">;

package/cjs/components/workflow/components/WorkflowComments/styles.js

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

package/cjs/contexts/CrosswalksDisplayContext/index.js

@@ -61,14 +61,8 @@ var useCrosswalkHighlight = function (crosswalk) {
     return {
         isHighlighted: isHighlighted,
         isDimmed: highlightedCrosswalks.length > 0 && !isHighlighted,
-        highlightCrosswalk: (0, react_1.useCallback)(function () { return setCrosswalkHighlighted(crosswalk, true); }, [
-            crosswalk,
-            setCrosswalkHighlighted
-        ]),
-        removeHighlight: (0, react_1.useCallback)(function () { return setCrosswalkHighlighted(crosswalk, false); }, [
-            crosswalk,
-            setCrosswalkHighlighted
-        ])
+        highlightCrosswalk: (0, react_1.useCallback)(function () { return setCrosswalkHighlighted(crosswalk, true); }, [crosswalk, setCrosswalkHighlighted]),
+        removeHighlight: (0, react_1.useCallback)(function () { return setCrosswalkHighlighted(crosswalk, false); }, [crosswalk, setCrosswalkHighlighted])
     };
 };
 exports.useCrosswalkHighlight = useCrosswalkHighlight;

package/cjs/contexts/UsersContext/index.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { User } from '@reltio/mdm-sdk';
-export declare const UsersContext: React.Context<Pick<User, "email" | "username">[]>;
+export declare const UsersContext: React.Context<Pick<User, "username" | "email">[]>;

package/cjs/hooks/useEditableConnection.js

@@ -23,10 +23,7 @@ var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var useEditableConnection = function (_a) {
     var connection = _a.connection, onConnectionChange = _a.onConnectionChange, relatedEntity = _a.relatedEntity;
     var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var onRelationChange = (0, react_1.useCallback)(function (relation) { return onConnectionChange(__assign(__assign({}, connection), { relation: relation })); }, [
-        connection,
-        onConnectionChange
-    ]);
+    var onRelationChange = (0, react_1.useCallback)(function (relation) { return onConnectionChange(__assign(__assign({}, connection), { relation: relation })); }, [connection, onConnectionChange]);
     var handleAddAttributes = (0, react_1.useCallback)((0, ramda_1.pipe)((0, mdm_sdk_1.addEntityAttributes)(connection.relation), onRelationChange), [
         connection.relation,
         onRelationChange
@@ -50,10 +47,7 @@ var useEditableConnection = function (_a) {
         };
         onConnectionChange(newConnection);
     }, [connection, onConnectionChange, relatedEntity, metadata]);
-    var handleChangeEntity = (0, react_1.useCallback)(function (entity) { return onConnectionChange(__assign(__assign({}, connection), { entity: entity })); }, [
-        connection,
-        onConnectionChange
-    ]);
+    var handleChangeEntity = (0, react_1.useCallback)(function (entity) { return onConnectionChange(__assign(__assign({}, connection), { entity: entity })); }, [connection, onConnectionChange]);
     return {
         onAddAttributes: handleAddAttributes,
         onChangeAttribute: handleChangeAttribute,

package/cjs/hooks/useLayoutResetter.js

@@ -16,7 +16,8 @@ var useLayoutResetter = function (_a) {
         onDismissClick: onResetUndo,
         showDismiss: true,
         autoHideDuration: 5000,
-        dismissTitle: ui_i18n_1.default.text('Undo')
+        dismissTitle: ui_i18n_1.default.text('Undo'),
+        anchorOrigin: { vertical: 'bottom', horizontal: 'center' }
     }), SnackbarRenderer = _b.SnackbarRenderer, showSnackbarMessage = _b.showSnackbarMessage;
     return { SnackbarRenderer: SnackbarRenderer, resetLayout: resetLayout };
 };

package/cjs/hooks/useMatchesLoader.d.ts

@@ -19,7 +19,7 @@ export declare const useMatchesLoader: ({ enabled, entity, filter, rules, onFini
     total: number;
     matches: Match[];
     entitiesMap: {
-        [key: string]: Pick<Entity, "label" | "type" | "uri">;
+        [key: string]: Pick<Entity, "uri" | "label" | "type">;
     };
     loadMatches: () => void;
 };

package/cjs/hooks/useRelationsLoader.js

@@ -96,9 +96,15 @@ var useRelationsLoader = function (_a) {
             ]);
             setIsLoading(true);
             safePromise(request(entity))
-                .then(function (_a) {
-                var _b = _a[0], connections = _b.connections, total = _b.total;
+                .then(function (result) {
+                if (!Array.isArray(result)) {
+                    throw Error(JSON.stringify(result));
+                }
+                var _a = result[0], connections = _a.connections, total = _a.total;
                 dispatch(mdm_module_1.profile.relations.actions.relationsLoaded({ id: config.id, connections: connections, total: total }));
+            })
+                .catch(function (e) {
+                console.warn('Failed to load relations data', e);
             })
                 .finally(function () {
                 setIsLoading(false);

package/cjs/hooks/useScrollToAttributeError/styles.d.ts

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

package/cjs/hooks/useScrollToAttributeError/styles.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var highlightBeforeStyles = {
     content: '""',
     position: 'absolute',

package/cjs/hooks/useSnackbar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SnackbarOrigin } from '@material-ui/core/Snackbar';
+import { SnackbarOrigin } from '@mui/material/Snackbar';
 type SnackbarOptions = {
     anchorOrigin?: SnackbarOrigin;
     showDismiss?: boolean;

package/cjs/hooks/useSnackbar.js

@@ -30,9 +30,9 @@ exports.useSnackbar = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
-var Portal_1 = __importDefault(require("@material-ui/core/Portal"));
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Snackbar_1 = __importDefault(require("@material-ui/core/Snackbar"));
+var Portal_1 = __importDefault(require("@mui/material/Portal"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
 var core_1 = require("../core");
 var FIVE_MINUTES = 5 * 60 * 1000;
 var useSnackbar = function (_a) {

package/esm/HOCs/withTooltip/withTooltip.js

@@ -21,8 +21,8 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import Tooltip from '@material-ui/core/Tooltip';
-import { makeStyles } from '@material-ui/core/styles';
+import Tooltip from '@mui/material/Tooltip';
+import { makeStyles } from '@mui/styles';
 import withTooltipPropTypes from './propTypes';
 var useStyles = makeStyles(function (theme) { return ({
     tooltip: theme.tooltip,