@reltio/components 1.4.1586-mui5-2 → 1.4.1587

package/cjs/components/commonReactSelectComponents/LoadMoreButton.js

@@ -4,14 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var material_1 = require("@mui/material");
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var core_1 = require("@material-ui/core");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var LoadMoreButton = function (_a) {
     var loading = _a.loading, onClick = _a.onClick, onMouseDown = _a.onMouseDown;
     var styles = (0, styles_1.useStyles)();
-    return (react_1.default.createElement("div", { className: styles.loadMoreContainer }, loading ? (react_1.default.createElement(material_1.CircularProgress, { className: styles.loadingSpinner, size: 24 })) : (react_1.default.createElement(Button_1.default, { color: "primary", onClick: onClick, onMouseDown: onMouseDown, className: styles.moreButton },
+    return (react_1.default.createElement("div", { className: styles.loadMoreContainer }, loading ? (react_1.default.createElement(core_1.CircularProgress, { className: styles.loadingSpinner, size: 24 })) : (react_1.default.createElement(Button_1.default, { color: "primary", onClick: onClick, onMouseDown: onMouseDown, className: styles.moreButton },
         react_1.default.createElement("div", { className: styles.buttonLabel }, ui_i18n_1.default.text('Load more'))))));
 };
 exports.default = LoadMoreButton;

package/cjs/components/commonReactSelectComponents/MenuWithPopper.js

@@ -42,7 +42,7 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var ramda_1 = require("ramda");
 var nanoid_1 = require("nanoid");
 var Popper_1 = __importDefault(require("../Popper/Popper"));
-var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
 var menuStyles_1 = require("./menuStyles");
 var PopupBoundariesContext_1 = require("../../contexts/PopupBoundariesContext");
 var DEFAULT_MAX_WIDTH = 521;
@@ -54,21 +54,16 @@ var MenuWithPopper = function (props) {
     }, [inputValue]);
     var styles = (0, menuStyles_1.useMenuStyles)();
     var popupBoundariesContext = (0, react_1.useContext)(PopupBoundariesContext_1.PopupBoundariesContext);
-    var hasBoundariesElement = Boolean(popupBoundariesContext === null || popupBoundariesContext === void 0 ? void 0 : popupBoundariesContext.element);
+    var hasBoundariesElement = popupBoundariesContext && popupBoundariesContext.element;
     var boundariesWidth = hasBoundariesElement ? popupBoundariesContext.element.clientWidth : window.innerWidth;
-    return (react_1.default.createElement(Popper_1.default, { anchorEl: inputRef.current, open: menuIsOpen, className: styles.popper, key: key, modifiers: [
-            {
-                name: 'preventOverflow',
-                enabled: true,
-                options: {
-                    altAxis: true,
-                    altBoundary: true,
-                    tether: false,
-                    boundary: hasBoundariesElement ? popupBoundariesContext.element : document.body,
-                    padding: 5
+    return (react_1.default.createElement(Popper_1.default, { anchorEl: inputRef.current, open: menuIsOpen, className: styles.popper, key: key, modifiers: hasBoundariesElement
+            ? {
+                preventOverflow: {
+                    boundariesElement: popupBoundariesContext.element,
+                    priority: popupBoundariesContext.priority
                 }
             }
-        ], placement: "bottom-start" },
+            : undefined, placement: "bottom-start" },
         react_1.default.createElement(Paper_1.default, __assign({ ref: innerRef, style: {
                 minWidth: Math.min((0, ramda_1.prop)('clientWidth', inputRef.current), boundariesWidth),
                 maxWidth: Math.min(DEFAULT_MAX_WIDTH, boundariesWidth)

package/cjs/components/commonReactSelectComponents/OptionWithCheckIcon/OptionWithCheckIcon.js

@@ -15,16 +15,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var Check_1 = __importDefault(require("@mui/icons-material/Check"));
+var Check_1 = __importDefault(require("@material-ui/icons/Check"));
 var Option_1 = __importDefault(require("../../ReactSelect/commonComponents/Option"));
 var styles_1 = require("./styles");
-// NEED TO MIGRATE
 var OptionWithCheckIcon = function (props) {
     var styles = (0, styles_1.useStyles)();
     var isSelected = props.isSelected, children = props.children;
     return (react_1.default.createElement(Option_1.default, __assign({}, props),
         isSelected && react_1.default.createElement(Check_1.default, { className: styles.checkIcon }),
-        react_1.default.createElement(react_1.default.Fragment, null, children)));
+        children));
 };
 OptionWithCheckIcon.displayName = 'OptionWithCheckIcon';
 exports.default = OptionWithCheckIcon;

package/cjs/components/commonReactSelectComponents/OptionWithCheckIcon/styles.d.ts

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

package/cjs/components/commonReactSelectComponents/OptionWithCheckIcon/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)({
     checkIcon: {
         transform: 'scale(.7)',

package/cjs/components/commonReactSelectComponents/arrowIndicatorStyles.d.ts

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

package/cjs/components/commonReactSelectComponents/arrowIndicatorStyles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useArrowIndicatorStyles = void 0;
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 exports.useArrowIndicatorStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     expanded: {
         transform: 'rotate(180deg)'

package/cjs/components/commonReactSelectComponents/menuStyles.d.ts

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

package/cjs/components/commonReactSelectComponents/menuStyles.js

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

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

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

package/cjs/components/commonReactSelectComponents/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)({
     loadMoreContainer: {
         display: 'flex',

package/cjs/components/crosswalks/AttributesTable/AddAttributesButton/styles.d.ts

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

package/cjs/components/crosswalks/AttributesTable/AddAttributesButton/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: {
         marginBottom: '-6px'

package/cjs/components/crosswalks/AttributesTable/ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog.js

@@ -28,27 +28,25 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
-var Dialog_1 = __importDefault(require("@mui/material/Dialog"));
-var DialogActions_1 = __importDefault(require("@mui/material/DialogActions"));
-var DialogContent_1 = __importDefault(require("@mui/material/DialogContent"));
-var DialogContentText_1 = __importDefault(require("@mui/material/DialogContentText"));
-var Radio_1 = __importDefault(require("@mui/material/Radio"));
-var RadioGroup_1 = __importDefault(require("@mui/material/RadioGroup"));
-var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
-var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
-var FormLabel_1 = __importDefault(require("@mui/material/FormLabel"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
+var Dialog_1 = __importDefault(require("@material-ui/core/Dialog"));
+var DialogActions_1 = __importDefault(require("@material-ui/core/DialogActions"));
+var DialogContent_1 = __importDefault(require("@material-ui/core/DialogContent"));
+var DialogContentText_1 = __importDefault(require("@material-ui/core/DialogContentText"));
+var Radio_1 = __importDefault(require("@material-ui/core/Radio"));
+var RadioGroup_1 = __importDefault(require("@material-ui/core/RadioGroup"));
+var FormControlLabel_1 = __importDefault(require("@material-ui/core/FormControlLabel"));
+var FormControl_1 = __importDefault(require("@material-ui/core/FormControl"));
+var FormLabel_1 = __importDefault(require("@material-ui/core/FormLabel"));
 var core_1 = require("../../../../core");
 var ramda_1 = require("ramda");
 var ConfirmEditIgnoredDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, onConfirmEditWithoutIgnore = _a.onConfirmEditWithoutIgnore, onConfirmEditWithIgnore = _a.onConfirmEditWithIgnore;
     var _b = (0, react_1.useState)('without'), option = _b[0], setOption = _b[1];
-    return (react_1.default.createElement(Dialog_1.default, { open: open, TransitionProps: {
-            onEnter: function () { return setOption('without'); }
-        } },
+    return (react_1.default.createElement(Dialog_1.default, { open: open, onEnter: function () { return setOption('without'); } },
         react_1.default.createElement(DialogContent_1.default, null,
             react_1.default.createElement(DialogContentText_1.default, null, ui_i18n_1.default.text('You are attempting to change a value that is presently ignored.')),
-            react_1.default.createElement(FormControl_1.default, { variant: "standard", component: "fieldset" },
+            react_1.default.createElement(FormControl_1.default, { component: "fieldset" },
                 react_1.default.createElement(FormLabel_1.default, { component: "legend" }, ui_i18n_1.default.text('Please choose an option:')),
                 react_1.default.createElement(RadioGroup_1.default, { value: option, onChange: (0, ramda_1.pipe)(core_1.getValue, setOption) },
                     react_1.default.createElement(FormControlLabel_1.default, { value: "without", control: react_1.default.createElement(Radio_1.default, null), label: ui_i18n_1.default.text('Save without Ignore') }),

package/cjs/components/crosswalks/AttributesTable/cell-renderers/OvValuesRenderer.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 DragIndicator_1 = __importDefault(require("@mui/icons-material/DragIndicator"));
+var DragIndicator_1 = __importDefault(require("@material-ui/icons/DragIndicator"));
 var AttributeValuesBlock_1 = __importDefault(require("../../../attributes/readMode/AttributeValuesBlock/AttributeValuesBlock"));
 var Title_1 = __importDefault(require("../../../Title/Title"));
 var styles_1 = require("./styles");

package/cjs/components/crosswalks/AttributesTable/cell-renderers/RuleTypeInfoButton.js

@@ -30,14 +30,14 @@ var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
-var List_1 = __importDefault(require("@mui/material/List"));
-var ListItem_1 = __importDefault(require("@mui/material/ListItem"));
-var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
-var Popover_1 = __importDefault(require("@mui/material/Popover"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Close_1 = __importDefault(require("@mui/icons-material/Close"));
-var Info_1 = __importDefault(require("@mui/icons-material/Info"));
+var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
+var List_1 = __importDefault(require("@material-ui/core/List"));
+var ListItem_1 = __importDefault(require("@material-ui/core/ListItem"));
+var ListItemText_1 = __importDefault(require("@material-ui/core/ListItemText"));
+var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Close_1 = __importDefault(require("@material-ui/icons/Close"));
+var Info_1 = __importDefault(require("@material-ui/icons/Info"));
 var SmallIconButton_1 = require("../../../SmallIconButton");
 var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
@@ -100,7 +100,7 @@ var RuleTypeInfoButton = function (_a) {
                 horizontal: 'right'
             } },
             react_1.default.createElement("div", { className: styles.popupTitleWrapper },
-                react_1.default.createElement(IconButton_1.default, { className: styles.closeButton, onClick: closePopup, size: "large" },
+                react_1.default.createElement(IconButton_1.default, { className: styles.closeButton, onClick: closePopup },
                     react_1.default.createElement(Close_1.default, null)),
                 react_1.default.createElement(Typography_1.default, { variant: 'subtitle1', className: styles.popupTitle }, getInfoTitle(info))),
             react_1.default.createElement(List_1.default, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info)))));

package/cjs/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_redux_1 = require("react-redux");
-var List_1 = __importDefault(require("@mui/material/List"));
-var ListItem_1 = __importDefault(require("@mui/material/ListItem"));
-var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
+var List_1 = __importDefault(require("@material-ui/core/List"));
+var ListItem_1 = __importDefault(require("@material-ui/core/ListItem"));
+var ListItemText_1 = __importDefault(require("@material-ui/core/ListItemText"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
 var contexts_1 = require("../../../../contexts");

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/styles.d.ts

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

package/cjs/components/crosswalks/AttributesTable/cell-renderers/attribute-renderers/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 () { return ({
     simpleAttributeWrapper: {
         padding: '15px'

package/cjs/components/crosswalks/AttributesTable/cell-renderers/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"count" | "popupTitle" | "closeButton" | "headCell" | "dragIndicator" | "dragIndicatorIcon" | "sourceIcon" | "ruleType" | "coloredCell" | "rowCell" | "cellValueWrapper" | "attributeTitle" | "ovValue" | "ruleTypeLabel" | "rulePopup" | "popupItem" | "popupTitleWrapper" | "popupItemsWrapper" | "winnerSourceItemWrapper" | "winnerSourceItem" | "winnerSourceItemLabel">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "popupTitle" | "closeButton" | "headCell" | "dragIndicator" | "dragIndicatorIcon" | "sourceIcon" | "ruleType" | "coloredCell" | "rowCell" | "cellValueWrapper" | "attributeTitle" | "ovValue" | "ruleTypeLabel" | "rulePopup" | "popupItem" | "popupTitleWrapper" | "popupItemsWrapper" | "winnerSourceItemWrapper" | "winnerSourceItem" | "winnerSourceItemLabel">;

package/cjs/components/crosswalks/AttributesTable/cell-renderers/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 ({
     coloredCell: {
         '&::before': {
@@ -34,7 +34,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
         }
         // '&:hover $dragIndicator': {
         //     display: 'block'
-        // }
+        // },
     },
     dragIndicator: {
         display: 'none',

package/cjs/components/crosswalks/AttributesTable/styles.d.ts

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

package/cjs/components/crosswalks/AttributesTable/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)({
     tableContainer: {
         height: '100%',

package/cjs/components/crosswalks/ColoredBlock/ColoredBlock.js

@@ -51,8 +51,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
-var EventBusy_1 = __importDefault(require("@mui/icons-material/EventBusy"));
-var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var EventBusy_1 = __importDefault(require("@material-ui/icons/EventBusy"));
+var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
 var styles_1 = require("./styles");
 var ColoredBlock = (0, react_1.forwardRef)(function (_a, ref) {
     var color = _a.color, opacity = _a.opacity, _b = _a.variant, variant = _b === void 0 ? 'standart' : _b, children = _a.children, className = _a.className, props = __rest(_a, ["color", "opacity", "variant", "children", "className"]);

package/cjs/components/crosswalks/ColoredBlock/styles.d.ts

@@ -3,5 +3,5 @@ type StylesProps = {
     opacity?: number;
     variant: 'standart' | 'disabled';
 };
-export declare const useColoredItemStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"item" | "endDatedCrosswalkIcon">;
+export declare const useColoredItemStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"item" | "endDatedCrosswalkIcon">;
 export {};

package/cjs/components/crosswalks/ColoredBlock/styles.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useColoredItemStyles = void 0;
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 exports.useColoredItemStyles = (0, styles_1.makeStyles)({
     item: function (_a) {
         var color = _a.color, opacity = _a.opacity, variant = _a.variant;

package/cjs/components/crosswalks/CopyableValueField/CopyableValueField.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 SmallIconButton_1 = __importDefault(require("../../SmallIconButton/SmallIconButton"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var Copy_1 = __importDefault(require("../../../icons/Copy"));
 var styles_1 = require("./styles");
 var CopyableValueField = function (_a) {

package/cjs/components/crosswalks/CopyableValueField/styles.d.ts

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

package/cjs/components/crosswalks/CopyableValueField/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 () { return ({
     root: {
         display: 'flex',

package/cjs/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -34,8 +34,8 @@ var SimpleDropDownSelector_1 = __importDefault(require("../../SimpleDropDownSele
 var SmallIconButton_1 = require("../../SmallIconButton");
 var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
 var editors_1 = require("../../editors");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
@@ -125,12 +125,12 @@ var CrosswalkAttributes = function (_a) {
                     react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, sourceSystemLabel)));
             }
             case 'sourceTable':
-                return isTempCrosswalk ? (react_1.default.createElement(editors_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, size: "small", InputProps: {
+                return isTempCrosswalk ? (react_1.default.createElement(editors_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, margin: "dense", InputProps: {
                         disableUnderline: true,
                         classes: { input: styles.input }
                     } })) : (react_1.default.createElement(Typography_1.default, { className: styles.text, variant: 'body2' }, attributeValue));
             case 'value':
-                return isTempCrosswalk ? (react_1.default.createElement(editors_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, size: "small", InputProps: {
+                return isTempCrosswalk ? (react_1.default.createElement(editors_1.TextEditor, { multiple: false, multiline: false, getValueLabel: undefined, classes: { root: styles.editor }, required: true, variant: "filled", value: attributeValue, onInput: function (e) { return onEditAttribute(attributeName, e.target.value); }, margin: "dense", InputProps: {
                         disableUnderline: true,
                         classes: { input: styles.input }
                     } })) : (react_1.default.createElement(CopyableValueField_1.default, { value: attributeValue }));

package/cjs/components/crosswalks/CrosswalkAttributes/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "input" | "attributeValue" | "moreButton" | "editor" | "sourceIcon" | "attributeTitle" | "attributeWrapper">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "input" | "attributeValue" | "moreButton" | "editor" | "sourceIcon" | "attributeTitle" | "attributeWrapper">;

package/cjs/components/crosswalks/CrosswalkAttributes/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 ({
     text: {
         fontSize: 13

package/cjs/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js

@@ -36,17 +36,9 @@ var CrosswalkDateEditor = function (_a) {
     var styles = (0, styles_1.useStyles)();
     var _d = (0, react_1.useState)(false), isOpen = _d[0], setIsOpen = _d[1];
     var handleChange = function (date) { return onChange(date === null || date === void 0 ? void 0 : date.valueOf()); };
-    return (react_1.default.createElement(TimestampEditor_1.default, { slotProps: {
-            textField: {
-                variant: 'filled',
-                InputProps: {
-                    disableUnderline: true,
-                    classes: {
-                        input: styles.timestampEditorInput,
-                        root: (0, classnames_1.default)(styles.timestampEditor, classes.root)
-                    }
-                }
-            }
-        }, value: value || null, disabled: disabled, onChange: (0, ramda_1.unless)((0, ramda_1.always)(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); } }));
+    return (react_1.default.createElement(TimestampEditor_1.default, { variant: "filled", value: value || null, disabled: disabled, onChange: (0, ramda_1.unless)((0, ramda_1.always)(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
+            disableUnderline: true,
+            classes: { input: styles.timestampEditorInput, root: (0, classnames_1.default)(styles.timestampEditor, classes.root) }
+        } }));
 };
 exports.default = CrosswalkDateEditor;

package/cjs/components/crosswalks/CrosswalkDateEditor/styles.d.ts

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

package/cjs/components/crosswalks/CrosswalkDateEditor/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 () { return ({
     timestampEditorInput: {
         paddingTop: 15,

package/cjs/components/crosswalks/CrosswalkDragLayer/CrosswalkDragPreview.js

@@ -9,7 +9,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ColoredBlock_1 = __importDefault(require("../ColoredBlock/ColoredBlock"));
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
 var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var styles_1 = require("./styles");
 var CrosswalkDragPreview = function (_a) {

package/cjs/components/crosswalks/CrosswalkDragLayer/styles.d.ts

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

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

package/cjs/components/crosswalks/CrosswalkEditor/CrosswalkEditor.js

@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-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 CrosswalkAttributes_1 = __importDefault(require("../CrosswalkAttributes/CrosswalkAttributes"));
 var ramda_1 = require("ramda");
 var styles_1 = require("./styles");

package/cjs/components/crosswalks/CrosswalkEditor/styles.d.ts

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

package/cjs/components/crosswalks/CrosswalkEditor/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)({
     caption: {
         paddingLeft: 15,

package/cjs/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -29,9 +29,9 @@ 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 Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
+var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ArrowExpandButton_1 = __importDefault(require("../../ArrowExpandButton/ArrowExpandButton"));
 var ExpandedValueTooltip_1 = __importDefault(require("../../ExpandedValueTooltip/ExpandedValueTooltip"));

package/cjs/components/crosswalks/CrosswalkRow/styles.d.ts

@@ -3,5 +3,5 @@ type StylesProps = {
     isOpaque?: boolean;
     isFocused?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"header" | "root" | "attributesWrapper" | "sourceIcon" | "focusedIcon" | "crosswalkWrapper" | "deleteCrosswalkButton" | "labelValue" | "dependentIcon">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "header" | "attributesWrapper" | "sourceIcon" | "focusedIcon" | "crosswalkWrapper" | "deleteCrosswalkButton" | "labelValue" | "dependentIcon">;
 export {};

package/cjs/components/crosswalks/CrosswalkRow/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: function (_a) {
         var isOpaque = _a.isOpaque;

package/cjs/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.js

@@ -28,8 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
 var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
 var SmallIconButton_1 = __importDefault(require("../../SmallIconButton/SmallIconButton"));
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");

package/cjs/components/crosswalks/DummyCrosswalkRow/styles.d.ts

@@ -1,5 +1,5 @@
 type StylesProps = {
     isOpaque?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"root" | "wrapper" | "sourceIcon" | "focusedIcon">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "wrapper" | "sourceIcon" | "focusedIcon">;
 export {};

package/cjs/components/crosswalks/DummyCrosswalkRow/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 () { return ({
     root: function (_a) {
         var isOpaque = _a.isOpaque;

package/cjs/components/crosswalks/ShowDependentLink/ShowDependentLink.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 Link_1 = __importDefault(require("@mui/material/Link"));
+var Link_1 = __importDefault(require("@material-ui/core/Link"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var ShowDependentLink = function (_a) {

package/cjs/components/crosswalks/ShowDependentLink/styles.d.ts

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

package/cjs/components/crosswalks/ShowDependentLink/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 () { return ({
     root: {
         display: 'flex',