@reltio/components 1.4.1586-mui5-2 → 1.4.1587

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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/styles").ClassNameMap<"borderBottom" | "root">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Button"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Typography_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"slice" | "root" | "cancelButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {
         display: 'flex',

package/cjs/components/history/hooks/useHistory.js

@@ -99,7 +99,10 @@ 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,9 +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("@mui/icons-material/Flag"));
+var Flag_1 = __importDefault(require("@material-ui/icons/Flag"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
 var styles_1 = require("./styles");
 var CollapseButton_1 = __importDefault(require("../../../CollapseButton/CollapseButton"));
 var AssigneeSelector_1 = __importDefault(require("../../components/AssigneeSelector/AssigneeSelector"));

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

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

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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/styles").ClassNameMap<"pmCard">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Button"));
-var Add_1 = __importDefault(require("@mui/icons-material/Add"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Add_1 = __importDefault(require("@material-ui/icons/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("@mui/styles").ClassNameMap<"button" | "icon" | "buttonLabel">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "icon" | "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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@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 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 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("@mui/styles").ClassNameMap<"content" | "select" | "title" | "footer" | "input" | "inputRoot" | "popoverPaper" | "simpleDropDownSelector" | "cancelButton">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "select" | "footer" | "title" | "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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/icons-material/ArrowRightAlt"));
-var Chip_1 = __importDefault(require("@mui/material/Chip"));
+var ArrowRightAlt_1 = __importDefault(require("@material-ui/icons/ArrowRightAlt"));
+var Chip_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"difference" | "fieldName" | "field" | "arrow" | "chip">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"difference" | "fieldName" | "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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/styles").ClassNameMap<"title">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/styles").ClassNameMap<"label" | "change" | "linkLabel" | "linkContainer" | "disabledLink">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Link"));
+var Link_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"linkLabel">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/styles").ClassNameMap<"container" | "label" | "uri" | "showMoreLink">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "uri" | "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("@mui/styles");
+var styles_1 = require("@material-ui/core/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 useWorkflowDueDate_1 = require("../../hooks/useWorkflowDueDate");
-var editors_1 = require("../../../editors");
 var styles_1 = require("./styles");
+var editors_1 = require("../../../editors");
+var useWorkflowDueDate_1 = require("../../hooks/useWorkflowDueDate");
 var DueDateField = function (_a) {
     var taskId = _a.taskId, dueDate = _a.dueDate, isTaskOpen = _a.isTaskOpen, className = _a.className;
     var styles = (0, styles_1.useStyles)();
@@ -18,15 +18,6 @@ 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, { 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 }
-                }
-            }
-        } }));
+    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 } } }));
 };
 exports.default = DueDateField;

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

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

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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Divider"));
+var Divider_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"content" | "last" | "line" | "decorator" | "lineBlock" | "withLinePadding" | "noLine" | "plain" | "rowDivider">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "last" | "line" | "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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Button"));
+var Button_1 = __importDefault(require("@material-ui/core/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("@mui/icons-material/MoreVert"));
+var MoreVert_1 = __importDefault(require("@material-ui/icons/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("@mui/material/IconButton"));
+var IconButton_1 = __importDefault(require("@material-ui/core/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, size: "large" }, comments.length - 2)),
+            react_1.default.createElement(IconButton_1.default, { className: styles.circleButton, onClick: onClick }, 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("@mui/material/Avatar"));
-var Person_1 = __importDefault(require("@mui/icons-material/Person"));
+var Avatar_1 = __importDefault(require("@material-ui/core/Avatar"));
+var Person_1 = __importDefault(require("@material-ui/icons/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("@mui/material/Input"));
-var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-var Send_1 = __importDefault(require("@mui/icons-material/Send"));
+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 ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
+var Button_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"text" | "icon" | "date" | "comment" | "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<"container" | "title" | "commentsContainer" | "filledInputRoot" | "modeSwitcherWrapper">;
-export declare const useExpandedComments: (props?: any) => import("@mui/styles").ClassNameMap<"messageContainer">;
+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">;

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("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 exports.useCommentStyles = (0, styles_1.makeStyles)(function (_theme) { return ({
     comment: {
         display: 'flex',

package/cjs/contexts/CrosswalksDisplayContext/index.js

@@ -61,8 +61,14 @@ 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/hooks/useEditableConnection.js

@@ -23,7 +23,10 @@ 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
@@ -47,7 +50,10 @@ 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/useScrollToAttributeError/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"@keyframes highlightAnimation" | "highlightError" | "highlightWarning" | "simpleAttribute">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 var highlightBeforeStyles = {
     content: '""',
     position: 'absolute',

package/cjs/hooks/useSnackbar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { SnackbarOrigin } from '@mui/material/Snackbar';
+import { SnackbarOrigin } from '@material-ui/core/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("@mui/material/Portal"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
+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 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 '@mui/material/Tooltip';
-import { makeStyles } from '@mui/styles';
+import Tooltip from '@material-ui/core/Tooltip';
+import { makeStyles } from '@material-ui/core/styles';
 import withTooltipPropTypes from './propTypes';
 var useStyles = makeStyles(function (theme) { return ({
     tooltip: theme.tooltip,

package/esm/components/ActionButton/ActionButton.js

@@ -22,9 +22,9 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { forwardRef } from 'react';
 import classnames from 'classnames';
-import Button from '@mui/material/Button';
-import MenuItem from '@mui/material/MenuItem';
-import Typography from '@mui/material/Typography';
+import Button from '@material-ui/core/Button';
+import MenuItem from '@material-ui/core/MenuItem';
+import Typography from '@material-ui/core/Typography';
 import { useStyles } from './styles';
 import { noop } from '../../core';
 import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
@@ -44,7 +44,7 @@ export var ActionButton = forwardRef(function (_a, ref) {
                 return (React.createElement(SmallIconButtonWithTooltip, __assign({ disabled: disabled, className: classnames(styles.iconButton, className), size: "S", tooltipTitle: label, onClick: onClick, icon: Icon, showForDisabled: true }, otherProps)));
             }
             case 'button': {
-                return (React.createElement(Button, __assign({ className: classnames(styles.button, className), disabled: disabled, startIcon: React.createElement(Icon, null), onClick: onClick, color: "primary", classes: { startIcon: styles.startIcon } }, otherProps),
+                return (React.createElement(Button, __assign({ className: classnames(styles.button, className), disabled: disabled, startIcon: React.createElement(Icon, null), onClick: onClick, color: "primary", classes: { startIcon: styles.startIcon, label: styles.label } }, otherProps),
                     React.createElement(ExpandedValueTooltip, { value: label },
                         React.createElement("div", { className: styles.overflowStyle }, label))));
             }

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"button" | "menuItem" | "startIcon" | "menuText" | "iconButton" | "overflowStyle" | "menuIcon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "label" | "menuItem" | "startIcon" | "menuText" | "iconButton" | "overflowStyle" | "menuIcon">;

package/esm/components/ActionButton/styles.js

@@ -1,10 +1,6 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     button: {
-        whiteSpace: 'nowrap',
-        fontSize: '14px',
-        lineHeight: '16px',
-        letterSpacing: 0,
         padding: '9px 16px 9px 12px',
         '& svg g path, & svg path': {
             fill: theme.palette.primary.main,
@@ -24,6 +20,12 @@ export var useStyles = makeStyles(function (theme) { return ({
         height: '18px',
         alignItems: 'center'
     },
+    label: {
+        whiteSpace: 'nowrap',
+        fontSize: '14px',
+        lineHeight: '16px',
+        letterSpacing: 0
+    },
     overflowStyle: {
         overflow: 'hidden',
         whiteSpace: 'nowrap',

package/esm/components/ArrowExpandButton/ArrowExpandButton.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { IconButtonProps } from '@mui/material/IconButton';
+import { IconButtonProps } from '@material-ui/core/IconButton';
 type Props = {
     expanded: boolean;
     className?: string;