@reltio/components 1.4.1589 → 1.4.1590

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

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

package/cjs/components/activityLog/ActivityLogFilter/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)({
     header: {
         width: 'auto',

package/cjs/components/activityLog/activities/ActivitiesFactory.js

@@ -15,7 +15,7 @@ var SearchActivity_1 = __importDefault(require("./SearchActivity"));
 var SimpleActivity_1 = __importDefault(require("./SimpleActivity"));
 var SynchronizationIssuesActivity_1 = __importDefault(require("./SynchronizationIssuesActivity"));
 var Add_1 = __importDefault(require("../../../icons/Add"));
-var CalendarToday_1 = __importDefault(require("@material-ui/icons/CalendarToday"));
+var CalendarToday_1 = __importDefault(require("@mui/icons-material/CalendarToday"));
 var Comment_1 = __importDefault(require("../../../icons/Comment"));
 var Create_1 = __importDefault(require("../../../icons/Create"));
 var LogIn_1 = __importDefault(require("../../../icons/LogIn"));

package/cjs/components/activityLog/activities/ActivityTitle/styles.d.ts

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

package/cjs/components/activityLog/activities/ActivityTitle/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 ({
     activityTitle: {
         display: 'block',

package/cjs/components/activityLog/activities/EntityObject/styles.d.ts

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

package/cjs/components/activityLog/activities/EntityObject/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 ({
     link: {
         fontSize: 13,

package/cjs/components/activityLog/activities/MoreItemsLink/MoreItemsLink.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.MoreItemsLink = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Link_1 = __importDefault(require("@material-ui/core/Link"));
+var Link_1 = __importDefault(require("@mui/material/Link"));
 var MoreItemsLink = function (_a) {
     var itemsCount = _a.itemsCount, itemsLabel = _a.itemsLabel, props = __rest(_a, ["itemsCount", "itemsLabel"]);
     return (react_1.default.createElement(Link_1.default, __assign({ component: "button", variant: "caption" }, props, { underline: "none" }),

package/cjs/components/activityLog/activities/RelationObject/styles.d.ts

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

package/cjs/components/activityLog/activities/RelationObject/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 ({
     relationship: {
         fontSize: 13,

package/cjs/components/activityLog/activities/fields/DeltaField.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
-var ArrowForward_1 = __importDefault(require("@material-ui/icons/ArrowForward"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
+var ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));

package/cjs/components/activityLog/activities/fields/commonStyles.d.ts

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

package/cjs/components/activityLog/activities/fields/commonStyles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCommonStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useCommonStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     field: {
         fontSize: 12,

package/cjs/components/activityLog/activities/fields/styles.d.ts

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

package/cjs/components/activityLog/activities/fields/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 ({
     arrow: {
         margin: '0 8px',

package/cjs/components/activityLog/activities/records/EntityRecord.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
-var Restore_1 = __importDefault(require("@material-ui/icons/Restore"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Restore_1 = __importDefault(require("@mui/icons-material/Restore"));
 var mdm_module_1 = require("@reltio/mdm-module");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var react_1 = __importDefault(require("react"));

package/cjs/components/activityLog/activities/records/RelationRecord.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 Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var RelationObject_1 = __importDefault(require("../RelationObject/RelationObject"));
 var RecordUpdates_1 = __importDefault(require("./RecordUpdates"));
 var styles_1 = require("./styles");

package/cjs/components/activityLog/activities/records/styles.d.ts

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

package/cjs/components/activityLog/activities/records/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 ({
     record: {
         background: 'rgba(0, 0, 0, 0.03)',

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

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

package/cjs/components/activityLog/activities/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 ({
     link: {
         color: theme.palette.primary.main,

package/cjs/components/attributes/AttributesView/index.d.ts

@@ -3,5 +3,5 @@ import { AttributesViewOwnProps } from '../types';
 import AttributesView from './AttributesView';
 type Props = Pick<AttributesViewOwnProps, 'entity' | 'mode'>;
 export { AttributesView };
-declare const _default: import("react-redux").ConnectedComponent<({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element, import("react-redux").Omit<AttributesViewOwnProps, "mode" | "entity"> & Props>;
+declare const _default: import("react-redux").ConnectedComponent<({ mode, attributesCount, pinnedAttributes, entity, ...restProps }: AttributesViewOwnProps) => JSX.Element, import("react-redux").Omit<AttributesViewOwnProps, "entity" | "mode"> & Props>;
 export default _default;

package/cjs/components/attributes/BranchDecorator/styles.d.ts

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

package/cjs/components/attributes/BranchDecorator/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 var lineStyle = '1px solid #AFD4E9';
 var horizontalLineWidth = 5;
 var verticalNodeGap = 14;

package/cjs/components/attributes/DescriptionIcon/DescriptionIcon.d.ts

@@ -10,18 +10,22 @@ export declare const ChipWithTooltip: React.ForwardRefExoticComponent<import("pr
 }, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
     avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     children?: null;
+    classes?: Partial<import("@mui/material/Chip").ChipClasses>;
     clickable?: boolean;
-    color?: "default" | "primary" | "secondary";
+    color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "success" | "primary" | "secondary" | "info" | "warning", import("@mui/material/Chip").ChipPropsColorOverrides>;
     deleteIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     disabled?: boolean;
     icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     label?: React.ReactNode;
     onDelete?: (event: any) => void;
-    size?: "medium" | "small";
-    variant?: "default" | "outlined";
-} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Chip").ChipTypeMap<{}, "div">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material/Chip").ChipPropsSizeOverrides>;
+    skipFocusWhenDisabled?: boolean;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+    tabIndex?: number;
+    variant?: import("@mui/types").OverridableStringUnion<"filled" | "outlined", import("@mui/material/Chip").ChipPropsVariantOverrides>;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">>;
+}, "label" | "icon" | "children" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "disabled" | "sx" | "variant" | "deleteIcon" | "avatar" | "clickable" | "onDelete" | "skipFocusWhenDisabled">>;
 type Props = {
     className?: string;
     description?: string;

package/cjs/components/attributes/DescriptionIcon/DescriptionIcon.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChipWithTooltip = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var contexts_1 = require("../../../contexts");
 var HOCs_1 = require("../../../HOCs");
 var Description_1 = __importDefault(require("../../../icons/Description"));

package/cjs/components/attributes/DescriptionIcon/styles.d.ts

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

package/cjs/components/attributes/DescriptionIcon/styles.js

@@ -1,13 +1,18 @@
 "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 ({
     container: {
         height: '15px',
         backgroundColor: 'transparent',
         '&:hover': {
             backgroundColor: 'transparent'
+        },
+        '& $icon': {
+            width: '12px',
+            height: '12px',
+            marginRight: 0
         }
     },
     label: {
@@ -16,9 +21,5 @@ exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
         fontSize: '10px',
         lineHeight: '11px'
     },
-    icon: {
-        width: '12px',
-        height: '12px',
-        marginRight: 0
-    }
+    icon: {}
 }); });

package/cjs/components/attributes/ImageAttributesLine/ImageAttributesLine.js

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
 var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../contexts");

package/cjs/components/attributes/ImageAttributesLine/styles.d.ts

@@ -3,4 +3,4 @@ export type SIZES_TYPE = {
     imageWidth: number;
     imageHeight: number;
 };
-export declare const useStyles: (props: SIZES_TYPE) => import("@material-ui/core/styles/withStyles").ClassNameMap<"number" | "moreButton" | "imageBox" | "moreButtonContainer">;
+export declare const useStyles: (props: SIZES_TYPE) => import("@mui/styles").ClassNameMap<"number" | "moreButton" | "imageBox" | "moreButtonContainer">;

package/cjs/components/attributes/ImageAttributesLine/styles.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-var core_1 = require("@material-ui/core");
+var styles_1 = require("@mui/styles");
+var styles_2 = require("@mui/material/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     imageBox: {
         position: 'relative',
@@ -33,7 +33,7 @@ exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
             alignItems: 'center',
             width: imageWidth,
             height: imageHeight,
-            backgroundColor: (0, core_1.fade)(theme.palette.primary.main, 0.06)
+            backgroundColor: (0, styles_2.alpha)(theme.palette.primary.main, 0.06)
         };
     },
     number: {

package/cjs/components/attributes/OvIcon/OvIcon.d.ts

@@ -11,18 +11,22 @@ export declare const ChipWithTooltip: React.ForwardRefExoticComponent<import("pr
 }, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
     avatar?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     children?: null;
+    classes?: Partial<import("@mui/material/Chip").ChipClasses>;
     clickable?: boolean;
-    color?: "default" | "primary" | "secondary";
+    color?: import("@mui/types").OverridableStringUnion<"default" | "error" | "success" | "primary" | "secondary" | "info" | "warning", import("@mui/material/Chip").ChipPropsColorOverrides>;
     deleteIcon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     disabled?: boolean;
     icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
     label?: React.ReactNode;
     onDelete?: (event: any) => void;
-    size?: "medium" | "small";
-    variant?: "default" | "outlined";
-} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Chip").ChipTypeMap<{}, "div">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+    size?: import("@mui/types").OverridableStringUnion<"small" | "medium", import("@mui/material/Chip").ChipPropsSizeOverrides>;
+    skipFocusWhenDisabled?: boolean;
+    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
+    tabIndex?: number;
+    variant?: import("@mui/types").OverridableStringUnion<"filled" | "outlined", import("@mui/material/Chip").ChipPropsVariantOverrides>;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key">>;
+}, "label" | "icon" | "children" | "size" | keyof import("@mui/material/OverridableComponent").CommonProps | "tabIndex" | "color" | "disabled" | "sx" | "variant" | "deleteIcon" | "avatar" | "clickable" | "onDelete" | "skipFocusWhenDisabled">>;
 type ComplexWithLabel = NestedAttributeValue | ReferenceAttributeValue;
 type Props = {
     className?: string;

package/cjs/components/attributes/OvIcon/OvIcon.js

@@ -30,7 +30,7 @@ exports.ChipWithTooltip = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var react_redux_1 = require("react-redux");
-var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var Chip_1 = __importDefault(require("@mui/material/Chip"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = require("@reltio/mdm-module");
 var DataTypeValue_1 = __importDefault(require("../../DataTypeValue/DataTypeValue"));

package/cjs/components/attributes/OvIcon/styles.d.ts

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

package/cjs/components/attributes/OvIcon/styles.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+var styles_1 = require("@mui/material/styles");
+var styles_2 = require("@mui/styles");
+exports.useStyles = (0, styles_2.makeStyles)(function (theme) { return ({
     container: {
         height: '16px',
-        borderColor: (0, styles_1.fade)(theme.palette.primary.main, 0.54)
+        borderColor: (0, styles_1.alpha)(theme.palette.primary.main, 0.54)
     },
     label: {
         paddingLeft: '4px',

package/cjs/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -29,7 +29,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.PivotingTooltip = void 0;
 var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
-var Tooltip_1 = __importDefault(require("@material-ui/core/Tooltip"));
+var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
@@ -69,7 +69,7 @@ var PivotingTooltip = function (_a) {
     var handleSeeAllClick = function () {
         dispatch(mdm_module_1.ui.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
     };
-    return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { value: pivotingValue, generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
+    return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { arrow: true, placement: "right-start", classes: styles, disableInteractive: false, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { value: pivotingValue, generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
         react_1.default.createElement("span", { className: className },
             react_1.default.createElement(PivotingIcon_1.default, { className: contentStyles.icon }),
             react_1.default.createElement(PivotingUriLink_1.default, { onClick: handleSeeAllClick, className: contentStyles.content, value: generatedValue, attributeType: attributeType }, children)))) : (react_1.default.createElement(react_1.default.Fragment, null, children));

package/cjs/components/attributes/PivotingAttributes/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"content" | "icon" | "body" | "footer" | "title" | "header" | "entityLabel" | "entityTypeLabel" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
-export declare const usePivotingTooltipStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tooltip" | "arrow">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"content" | "title" | "icon" | "entityLabel" | "body" | "entityTypeLabel" | "footer" | "header" | "container" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
+export declare const usePivotingTooltipStyles: (props?: any) => import("@mui/styles").ClassNameMap<"tooltip" | "arrow">;

package/cjs/components/attributes/PivotingAttributes/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePivotingTooltipStyles = exports.useStyles = void 0;
-var styles_1 = require("@material-ui/core/styles");
+var styles_1 = require("@mui/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     container: {
         backgroundColor: 'white',

package/cjs/components/attributes/editMode/AttributesPager/CardinalityMessage.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 mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ramda_1 = require("ramda");
 var styles_1 = require("./styles");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));

package/cjs/components/attributes/editMode/AttributesPager/SpecialRenderer.js

@@ -53,7 +53,7 @@ var react_1 = __importStar(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
 var Title_1 = __importDefault(require("../../../Title/Title"));
 var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
 var ErrorMessage_1 = __importDefault(require("../../../ErrorWrapper/ErrorMessage"));

package/cjs/components/attributes/editMode/AttributesPager/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "description" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "link" | "description" | "caption" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;

package/cjs/components/attributes/editMode/AttributesPager/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 ({
     caption: {
         fontSize: '0.7rem',

package/cjs/components/attributes/editMode/AttributesView/AttributesView.js

@@ -43,7 +43,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Box_1 = __importDefault(require("@material-ui/core/Box"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
 var BasicView_1 = __importDefault(require("../../../BasicView/BasicView"));
 var FacetViewHeader_1 = __importDefault(require("../../../FacetViewHeader/FacetViewHeader"));
 var AttributesList_1 = __importDefault(require("../AttributesList"));
@@ -58,10 +58,7 @@ var AttributesView = function (_a) {
     var dispatch = (0, react_redux_1.useDispatch)();
     var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
     var userRoles = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserRoles);
-    var pinnedAttributeUris = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getPinnedAttributesForUser)(pinnedAttributes, userRoles); }, [
-        pinnedAttributes,
-        userRoles
-    ]);
+    var pinnedAttributeUris = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getPinnedAttributesForUser)(pinnedAttributes, userRoles); }, [pinnedAttributes, userRoles]);
     var modifiedEntity = (0, react_redux_1.useSelector)(function (state) { return mdm_module_1.default.selectors.getModifiedEntity(state, entity.uri) || {}; });
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, modifiedEntity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, modifiedEntity.type]);
     var onAddAttributes = (0, react_1.useCallback)(function (params) {

package/cjs/components/attributes/editMode/AttributesView/index.d.ts

@@ -2,22 +2,22 @@
 import AttributesView from './AttributesView';
 export { AttributesView };
 declare const _default: import("react-redux").ConnectedComponent<({ className, entity, mode, metadata, caption, excludeUris, includeUris, pinnedAttributes }: {
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
-    className?: string;
-    metadata: import("@reltio/mdm-sdk").Metadata;
     mode?: import("@reltio/mdm-sdk").Mode;
-    entity?: import("@reltio/mdm-sdk").Entity;
+    metadata: import("@reltio/mdm-sdk").Metadata;
     includeUris?: string[];
     excludeUris?: string[];
+    className?: string;
     pinnedAttributes?: import("@reltio/mdm-sdk").PinnedAttribute[];
 }) => JSX.Element, import("react-redux").Omit<{
+    entity?: import("@reltio/mdm-sdk").Entity;
     caption?: string;
-    className?: string;
-    metadata: import("@reltio/mdm-sdk").Metadata;
     mode?: import("@reltio/mdm-sdk").Mode;
-    entity?: import("@reltio/mdm-sdk").Entity;
+    metadata: import("@reltio/mdm-sdk").Metadata;
     includeUris?: string[];
     excludeUris?: string[];
+    className?: string;
     pinnedAttributes?: import("@reltio/mdm-sdk").PinnedAttribute[];
 }, "metadata">>;
 export default _default;

package/cjs/components/attributes/editMode/AttributesView/styles.d.ts

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

package/cjs/components/attributes/editMode/AttributesView/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)({
     attributesContainer: {
         overflow: 'hidden',

package/cjs/components/attributes/editMode/ComplexAttribute/ComplexAttribute.js

@@ -43,9 +43,9 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Button_1 = __importDefault(require("@material-ui/core/Button"));
-var Delete_1 = __importDefault(require("@material-ui/icons/Delete"));
-var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Button_1 = __importDefault(require("@mui/material/Button"));
+var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
 var ArrowExpandButton_1 = __importDefault(require("../../../ArrowExpandButton/ArrowExpandButton"));
 var ErrorWrapper_1 = __importDefault(require("../../../ErrorWrapper/ErrorWrapper"));

package/cjs/components/attributes/editMode/ComplexAttribute/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"actions" | "label" | "deleted" | "editor" | "expandButton" | "editedLabel" | "complexWrapper" | "titleContainer" | "errorWrapperHelperText">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "deleted" | "actions" | "editor" | "expandButton" | "editedLabel" | "complexWrapper" | "titleContainer" | "errorWrapperHelperText">;

package/cjs/components/attributes/editMode/ComplexAttribute/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 ({
     complexWrapper: {
         position: 'relative'

package/cjs/components/attributes/editMode/EntityCreator/EntityCreator.js

@@ -33,10 +33,7 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var defaultAttributeTypesSelectionStrategy = function (entityType) { return entityType && entityType.attributes; };
 var EntityCreator = function (_a) {
     var entity = _a.entity, entityType = _a.entityType, _b = _a.attributeTypesSelectionStrategy, attributeTypesSelectionStrategy = _b === void 0 ? defaultAttributeTypesSelectionStrategy : _b, mode = _a.mode, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute;
-    var attributeTypes = (0, react_1.useMemo)(function () { return attributeTypesSelectionStrategy(entityType); }, [
-        attributeTypesSelectionStrategy,
-        entityType
-    ]);
+    var attributeTypes = (0, react_1.useMemo)(function () { return attributeTypesSelectionStrategy(entityType); }, [attributeTypesSelectionStrategy, entityType]);
     return entity ? (react_1.default.createElement(AttributesList_1.default, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
 };
 EntityCreator.propTypes = {