@reltio/components 1.4.1589 → 1.4.1590

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

@@ -28,25 +28,27 @@ 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("@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 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 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, onEnter: function () { return setOption('without'); } },
+    return (react_1.default.createElement(Dialog_1.default, { open: open, TransitionProps: {
+            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, { component: "fieldset" },
+            react_1.default.createElement(FormControl_1.default, { variant: "standard", 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("@material-ui/icons/DragIndicator"));
+var DragIndicator_1 = __importDefault(require("@mui/icons-material/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("@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 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 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 },
+                react_1.default.createElement(IconButton_1.default, { className: styles.closeButton, onClick: closePopup, size: "large" },
                     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("@material-ui/core/List"));
-var ListItem_1 = __importDefault(require("@material-ui/core/ListItem"));
-var ListItemText_1 = __importDefault(require("@material-ui/core/ListItemText"));
+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 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("@material-ui/core/styles/withStyles").ClassNameMap<"simpleAttributeWrapper" | "complexAttributeWrapper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@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">;
+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">;

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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@material-ui/core/styles/withStyles").ClassNameMap<"tableContainer" | "tableHeader" | "tableTitle" | "tableContent">;
+export declare const useStyles: (props?: any) => import("@mui/styles").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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@material-ui/icons/EventBusy"));
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
+var EventBusy_1 = __importDefault(require("@mui/icons-material/EventBusy"));
+var Tooltip_1 = __importDefault(require("@mui/material/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("@material-ui/core/styles/withStyles").ClassNameMap<"item" | "endDatedCrosswalkIcon">;
+export declare const useColoredItemStyles: (props: StylesProps) => import("@mui/styles").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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/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("@material-ui/core/styles/withStyles").ClassNameMap<"button" | "text" | "root">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"text" | "button" | "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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@material-ui/core/Typography"));
-var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Delete_1 = __importDefault(require("@mui/icons-material/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); }, margin: "dense", 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); }, size: "small", 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); }, margin: "dense", 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); }, size: "small", 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("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "input" | "attributeValue" | "moreButton" | "editor" | "sourceIcon" | "attributeTitle" | "attributeWrapper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attributeValue" | "text" | "input" | "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("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     text: {
         fontSize: 13

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

@@ -36,9 +36,17 @@ 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, { 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) }
-        } }));
+    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); } }));
 };
 exports.default = CrosswalkDateEditor;

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"timestampEditor" | "timestampEditorInput">;
+export declare const useStyles: (props?: any) => import("@mui/styles").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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/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("@material-ui/core/styles/withStyles").ClassNameMap<"dragLayer" | "sourceIcon" | "crosswalkPreview" | "sourceLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@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 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("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "cancelButton" | "controlButtons">;
+export declare const useStyles: (props?: any) => import("@mui/styles").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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@material-ui/core/Typography"));
-var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
-var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
+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 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("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "header" | "attributesWrapper" | "sourceIcon" | "focusedIcon" | "crosswalkWrapper" | "deleteCrosswalkButton" | "labelValue" | "dependentIcon">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"header" | "root" | "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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@material-ui/core/Typography"));
-var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Visibility_1 = __importDefault(require("@mui/icons-material/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("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "wrapper" | "sourceIcon" | "focusedIcon">;
+export declare const useStyles: (props: StylesProps) => import("@mui/styles").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("@material-ui/core/styles");
+var styles_1 = require("@mui/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("@material-ui/core/Link"));
+var Link_1 = __importDefault(require("@mui/material/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("@material-ui/core/styles/withStyles").ClassNameMap<"root">;
+export declare const useStyles: (props?: any) => import("@mui/styles").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("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
     root: {
         display: 'flex',

package/cjs/components/editors/BooleanEditor/BooleanEditor.js

@@ -25,7 +25,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Checkbox_1 = __importDefault(require("@material-ui/core/Checkbox"));
+var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
 var utils_1 = require("../../../core/utils");

package/cjs/components/editors/BooleanRadioEditor/BooleanRadioEditor.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var BooleanEditor_1 = __importDefault(require("../BooleanEditor/BooleanEditor"));
-var FormControlLabel_1 = __importDefault(require("@material-ui/core/FormControlLabel"));
+var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));

package/cjs/components/editors/BooleanRadioEditor/styles.d.ts

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

package/cjs/components/editors/BooleanRadioEditor/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 ({
     checkbox_primary: {
         color: theme.palette.divider

package/cjs/components/editors/CustomDateRangeEditor/CustomDateRangeEditor.js

@@ -32,8 +32,8 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var core_1 = require("../../../core");
-var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
-var Menu_1 = __importDefault(require("@material-ui/core/Menu"));
+var TextField_1 = __importDefault(require("@mui/material/TextField"));
+var Menu_1 = __importDefault(require("@mui/material/Menu"));
 var DropdownIndicatorWithIconButton_1 = __importDefault(require("../../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
 var DateRangePicker_1 = __importDefault(require("../../DateRangePicker/DateRangePicker"));
 var styles_1 = require("./styles");
@@ -78,7 +78,7 @@ var CustomDateRangeEditor = function (_a) {
             }, transformOrigin: {
                 vertical: 'top',
                 horizontal: 'left'
-            }, elevation: 2, getContentAnchorEl: null, MenuListProps: {
+            }, elevation: 2, MenuListProps: {
                 autoFocusItem: open,
                 style: { width: '100%' }
             } },

package/cjs/components/editors/CustomDateRangeEditor/styles.d.ts

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

package/cjs/components/editors/CustomDateRangeEditor/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: {
         flex: 1

package/cjs/components/editors/DataTypeValueEditor/DataTypeValueEditor.js

@@ -39,9 +39,7 @@ var DataTypeValueEditor = function (_a) {
     var isEmpty = function (value) {
         return (0, ramda_1.is)(Object, value) && (0, ramda_1.has)('value', value) ? (0, mdm_sdk_1.isEmptyValue)(value.value) : (0, mdm_sdk_1.isEmptyValue)(value);
     };
-    TextFieldProps = (0, ramda_1.mergeDeepLeft)(TextFieldProps, __assign(__assign({}, constants_1.commonTextFieldProps), { className: inputStyles.marginDense, InputProps: {
-            disableUnderline: isEmpty(value)
-        } }));
+    TextFieldProps = (0, ramda_1.mergeDeepLeft)(TextFieldProps, __assign(__assign({}, constants_1.commonTextFieldProps), { className: inputStyles.marginDense, InputProps: __assign(__assign({}, constants_1.commonTextFieldProps.InputProps), { disableUnderline: isEmpty(value) }) }));
     return EditorsFactory_1.default.build(dataTypeDefinition.type, __assign(__assign({ onChange: onChange, value: value, TextFieldProps: TextFieldProps }, editorContext), otherProps));
 };
 DataTypeValueEditor.propTypes = {

package/cjs/components/editors/DateEditor/DateEditor.d.ts

@@ -1,15 +1,11 @@
 /// <reference types="react" />
-import { TextFieldProps } from '@material-ui/core/TextField';
-import { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
-type DateEditorProps = {
-    value: number | Date;
-    label: string;
-    variant?: TextFieldProps['variant'];
-    size?: TextFieldProps['size'];
-    hiddenLabel?: TextFieldProps['hiddenLabel'];
-    onBlur?: () => void;
-    onFocus?: () => void;
-    onChange: (value: number | Date) => void;
-} & Omit<KeyboardDatePickerProps, 'value' | 'label' | 'variant' | 'size' | 'hiddenLabel' | 'onBlur' | 'onFocus' | 'onChange'>;
-declare const DateEditor: ({ value, label, variant, onChange, InputProps, InputLabelProps, onBlur, onFocus, ...otherProps }: DateEditorProps) => JSX.Element;
+import { Moment } from 'moment';
+import { DatePickerProps } from '@mui/x-date-pickers/DatePicker';
+type DateEditorProps = Omit<DatePickerProps<Moment>, 'value' | 'minDate' | 'maxDate' | 'onChange'> & {
+    minDate?: Date | number;
+    maxDate?: Date | number;
+    value?: Date | number;
+    onChange: (value: Date) => void;
+};
+declare const DateEditor: ({ value, minDate, maxDate, format, label, onChange, slotProps, ...otherProps }: DateEditorProps) => JSX.Element;
 export default DateEditor;