@reltio/components 1.4.1586-mui5-2 → 1.4.1587

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("@mui/material/Chip"));
-var ArrowForward_1 = __importDefault(require("@mui/icons-material/ArrowForward"));
+var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var ArrowForward_1 = __importDefault(require("@material-ui/icons/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("@mui/styles").ClassNameMap<"link" | "fieldName" | "field">;
+export declare const useCommonStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link" | "fieldName" | "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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/styles").ClassNameMap<"arrow" | "chip" | "expandLabel" | "andLabel">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Typography"));
-var Restore_1 = __importDefault(require("@mui/icons-material/Restore"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Restore_1 = __importDefault(require("@material-ui/icons/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("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"label" | "description" | "record" | "restoreIcon" | "moreLabel">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/styles").ClassNameMap<"link" | "relationUri" | "objectLabel">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     link: {
         color: theme.palette.primary.main,

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"decorator" | "plain" | "wrapper">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 var lineStyle = '1px solid #AFD4E9';
 var horizontalLineWidth = 5;
 var verticalNodeGap = 14;

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

@@ -10,22 +10,18 @@ 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?: import("@mui/types").OverridableStringUnion<"default" | "error" | "success" | "primary" | "secondary" | "info" | "warning", import("@mui/material/Chip").ChipPropsColorOverrides>;
+    color?: "default" | "primary" | "secondary";
     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?: import("@mui/types").OverridableStringUnion<"medium" | "small", 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>> & {
+    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>> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "color" | "size" | "icon" | "disabled" | "children" | "tabIndex" | "sx" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "deleteIcon" | "avatar" | "clickable" | "onDelete" | "skipFocusWhenDisabled">>;
+}, "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">>;
 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("@mui/material/Chip"));
+var Chip_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"container" | "icon" | "label">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "label" | "container">;

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

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

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("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"number" | "moreButton" | "imageBox" | "moreButtonContainer">;
+export declare const useStyles: (props: SIZES_TYPE) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
-var material_1 = require("@mui/material");
+var styles_1 = require("@material-ui/core/styles");
+var core_1 = require("@material-ui/core");
 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, material_1.alpha)(theme.palette.primary.main, 0.06)
+            backgroundColor: (0, core_1.fade)(theme.palette.primary.main, 0.06)
         };
     },
     number: {

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

@@ -11,22 +11,18 @@ 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?: import("@mui/types").OverridableStringUnion<"default" | "error" | "success" | "primary" | "secondary" | "info" | "warning", import("@mui/material/Chip").ChipPropsColorOverrides>;
+    color?: "default" | "primary" | "secondary";
     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?: import("@mui/types").OverridableStringUnion<"medium" | "small", 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>> & {
+    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>> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "color" | "size" | "icon" | "disabled" | "children" | "tabIndex" | "sx" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "label" | "deleteIcon" | "avatar" | "clickable" | "onDelete" | "skipFocusWhenDisabled">>;
+}, "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">>;
 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("@mui/material/Chip"));
+var Chip_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"container" | "label">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "container">;

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

@@ -1,12 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@mui/material/styles");
-var styles_2 = require("@mui/styles");
-exports.useStyles = (0, styles_2.makeStyles)(function (theme) { return ({
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     container: {
         height: '16px',
-        borderColor: (0, styles_1.alpha)(theme.palette.primary.main, 0.54)
+        borderColor: (0, styles_1.fade)(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("@mui/material/Tooltip"));
+var Tooltip_1 = __importDefault(require("@material-ui/core/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, { 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, { 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 }) },
         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("@mui/styles").ClassNameMap<"content" | "container" | "icon" | "title" | "body" | "footer" | "header" | "entityLabel" | "entityTypeLabel" | "divider" | "headerCount" | "profileIcon" | "entityContainer" | "seeAllButton">;
-export declare const usePivotingTooltipStyles: (props?: any) => import("@mui/styles").ClassNameMap<"tooltip" | "arrow">;
+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">;

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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/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("@mui/material/Box"));
+var Box_1 = __importDefault(require("@material-ui/core/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("@mui/styles").ClassNameMap<"caption" | "title" | "link" | "description" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
+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">;

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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Box"));
+var Box_1 = __importDefault(require("@material-ui/core/Box"));
 var BasicView_1 = __importDefault(require("../../../BasicView/BasicView"));
 var FacetViewHeader_1 = __importDefault(require("../../../FacetViewHeader/FacetViewHeader"));
 var AttributesList_1 = __importDefault(require("../AttributesList"));
@@ -58,7 +58,10 @@ 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/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"header" | "attributesContainer" | "noCaption">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").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("@mui/styles");
+var styles_1 = require("@material-ui/core/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("@mui/material/Button"));
-var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+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 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("@mui/styles").ClassNameMap<"actions" | "label" | "deleted" | "editor" | "expandButton" | "editedLabel" | "complexWrapper" | "titleContainer" | "errorWrapperHelperText">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"actions" | "label" | "deleted" | "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("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     complexWrapper: {
         position: 'relative'

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

@@ -33,7 +33,10 @@ 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 = {

package/cjs/components/attributes/editMode/EntitySelector/components/ClearIndicator.js

@@ -5,13 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var Clear_1 = __importDefault(require("@mui/icons-material/Clear"));
+var Clear_1 = __importDefault(require("@material-ui/icons/Clear"));
 var styles_1 = require("./styles");
-var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
 var ClearIndicator = function (props) {
     var onClear = props.selectProps.onClear;
     var styles = (0, styles_1.useClearIconStyles)();
-    return (react_1.default.createElement(IconButton_1.default, { onClick: onClear, size: "large" },
+    return (react_1.default.createElement(IconButton_1.default, { onClick: onClear },
         react_1.default.createElement(Clear_1.default, { className: styles.clearIcon })));
 };
 ClearIndicator.propTypes = {

package/cjs/components/attributes/editMode/EntitySelector/components/EntityOption.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EntityTypeIcon_1 = __importDefault(require("../../../../EntityTypeIcon/EntityTypeIcon"));
 var ExpandedValueTooltip_1 = __importDefault(require("../../../../ExpandedValueTooltip/ExpandedValueTooltip"));

package/cjs/components/attributes/editMode/EntitySelector/components/EntityTypeOption.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var EntityTypeIcon_1 = __importDefault(require("../../../../EntityTypeIcon/EntityTypeIcon"));
-var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
 var styles_1 = require("./styles");
 var EntityTypeOption = function (_a) {
     var innerRef = _a.innerRef, innerProps = _a.innerProps, selectOption = _a.selectOption, data = _a.data;

package/cjs/components/attributes/editMode/EntitySelector/components/Group.js

@@ -18,7 +18,7 @@ var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var react_select_1 = require("react-select");
-var Add_1 = __importDefault(require("@mui/icons-material/Add"));
+var Add_1 = __importDefault(require("@material-ui/icons/Add"));
 var styles_1 = require("./styles");
 var ComponentsGroup = react_select_1.components.Group;
 var Group = function (props) {

package/cjs/components/attributes/editMode/EntitySelector/components/SingleValue.js

@@ -45,7 +45,7 @@ var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var contexts_1 = require("../../../../../contexts");
 var styles_1 = require("./styles");
 var SingleValue = function (props) {

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

@@ -1,4 +1,4 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"entityLabel" | "entityContainer" | "emptyEntityLabel" | "entityAvatar" | "entitySecondaryLabel">;
-export const useSingleValueStyles: (props?: any) => import("@mui/styles").ClassNameMap<"singleValue" | "linkValue">;
-export const useGroupStyles: (props?: any) => import("@mui/styles").ClassNameMap<"groupHeading" | "addLabel" | "addIcon">;
-export const useClearIconStyles: (props?: any) => import("@mui/styles").ClassNameMap<"clearIcon">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"entityLabel" | "entityContainer" | "emptyEntityLabel" | "entityAvatar" | "entitySecondaryLabel">;
+export const useSingleValueStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"singleValue" | "linkValue">;
+export const useGroupStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<never>;
+export const useClearIconStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"clearIcon">;

package/cjs/components/attributes/editMode/EntitySelector/components/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useClearIconStyles = exports.useGroupStyles = exports.useSingleValueStyles = exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     entityContainer: {
         display: 'flex',

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

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

package/cjs/components/attributes/editMode/EntitySelector/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)({
     creatorWrapper: {
         marginTop: '20px'

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

@@ -28,7 +28,7 @@ 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 CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
+var CloudUpload_1 = __importDefault(require("@material-ui/icons/CloudUpload"));
 var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Image_1 = __importDefault(require("../../../Image/Image"));

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

@@ -1,2 +1,2 @@
 import { SIZES_TYPE } from '../../ImageAttributesLine/styles';
-export declare const useStyles: (props: SIZES_TYPE) => import("@mui/styles").ClassNameMap<"image" | "root" | "uploadContainer" | "uploadButton" | "uploadIcon">;
+export declare const useStyles: (props: SIZES_TYPE) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "image" | "uploadContainer" | "uploadButton" | "uploadIcon">;