@reltio/components 1.4.1586-mui5-2 → 1.4.1587

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useCommonStyles = makeStyles(function (theme) { return ({
     field: {
         fontSize: 12,

package/esm/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/esm/components/activityLog/activities/fields/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     arrow: {
         margin: '0 8px',

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

@@ -1,5 +1,5 @@
-import Typography from '@mui/material/Typography';
-import RestoreIcon from '@mui/icons-material/Restore';
+import Typography from '@material-ui/core/Typography';
+import RestoreIcon from '@material-ui/icons/Restore';
 import { ui } from '@reltio/mdm-module';
 import { getEntityPreviousChange } from '@reltio/mdm-sdk';
 import React from 'react';

package/esm/components/activityLog/activities/records/RelationRecord.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import i18n from 'ui-i18n';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import RelationObject from '../RelationObject/RelationObject';
 import RecordUpdates from './RecordUpdates';
 import { useStyles } from './styles';

package/esm/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/esm/components/activityLog/activities/records/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     record: {
         background: 'rgba(0, 0, 0, 0.03)',

package/esm/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/esm/components/activityLog/activities/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     link: {
         color: theme.palette.primary.main,

package/esm/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/esm/components/attributes/BranchDecorator/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 var lineStyle = '1px solid #AFD4E9';
 var horizontalLineWidth = 5;
 var verticalNodeGap = 14;

package/esm/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/esm/components/attributes/DescriptionIcon/DescriptionIcon.js

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import classnames from 'classnames';
-import Chip from '@mui/material/Chip';
+import Chip from '@material-ui/core/Chip';
 import { FeaturesContext } from '../../../contexts';
 import { withTooltip } from '../../../HOCs';
 import Description from '../../../icons/Description';

package/esm/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/esm/components/attributes/DescriptionIcon/styles.js

@@ -1,15 +1,10 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     container: {
         height: '15px',
         backgroundColor: 'transparent',
         '&:hover': {
             backgroundColor: 'transparent'
-        },
-        '& $icon': {
-            width: '12px',
-            height: '12px',
-            marginRight: 0
         }
     },
     label: {
@@ -18,5 +13,9 @@ export var useStyles = makeStyles(function () { return ({
         fontSize: '10px',
         lineHeight: '11px'
     },
-    icon: {}
+    icon: {
+        width: '12px',
+        height: '12px',
+        marginRight: 0
+    }
 }); });

package/esm/components/attributes/ImageAttributesLine/ImageAttributesLine.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import ReactResizeDetector from 'react-resize-detector';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import mdm, { profile } from '@reltio/mdm-module';
 import { insertDefaultImageByAttrUri } from '@reltio/mdm-sdk';
 import { BlockImageGalleryDialogContext } from '../../../contexts';

package/esm/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/esm/components/attributes/ImageAttributesLine/styles.js

@@ -1,5 +1,5 @@
-import { makeStyles } from '@mui/styles';
-import { alpha } from '@mui/material';
+import { makeStyles } from '@material-ui/core/styles';
+import { fade } from '@material-ui/core';
 export var useStyles = makeStyles(function (theme) { return ({
     imageBox: {
         position: 'relative',
@@ -30,7 +30,7 @@ export var useStyles = makeStyles(function (theme) { return ({
             alignItems: 'center',
             width: imageWidth,
             height: imageHeight,
-            backgroundColor: alpha(theme.palette.primary.main, 0.06)
+            backgroundColor: fade(theme.palette.primary.main, 0.06)
         };
     },
     number: {

package/esm/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/esm/components/attributes/OvIcon/OvIcon.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useContext } from 'react';
 import classnames from 'classnames';
 import { useDispatch } from 'react-redux';
-import Chip from '@mui/material/Chip';
+import Chip from '@material-ui/core/Chip';
 import { getAttrDataTypeDefinition, getAttributeValue, isComplexAttribute, getLabel } from '@reltio/mdm-sdk';
 import { ui } from '@reltio/mdm-module';
 import DataTypeValue from '../../DataTypeValue/DataTypeValue';

package/esm/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/esm/components/attributes/OvIcon/styles.js

@@ -1,9 +1,8 @@
-import { alpha } from '@mui/material/styles';
-import { makeStyles } from '@mui/styles';
+import { fade, makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     container: {
         height: '16px',
-        borderColor: alpha(theme.palette.primary.main, 0.54)
+        borderColor: fade(theme.palette.primary.main, 0.54)
     },
     label: {
         paddingLeft: '4px',

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

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import Tooltip from '@mui/material/Tooltip';
+import Tooltip from '@material-ui/core/Tooltip';
 import mdm, { ui as mdmModuleUi } from '@reltio/mdm-module';
 import { isNested } from '@reltio/mdm-sdk';
 import { isNil } from 'ramda';
@@ -40,7 +40,7 @@ export var PivotingTooltip = function (_a) {
     var handleSeeAllClick = function () {
         dispatch(mdmModuleUi.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
     };
-    return isPivotingAttribute ? (React.createElement(Tooltip, { arrow: true, placement: "right-start", classes: styles, title: React.createElement(PivotingTooltipContent, { value: pivotingValue, generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
+    return isPivotingAttribute ? (React.createElement(Tooltip, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: React.createElement(PivotingTooltipContent, { value: pivotingValue, generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
         React.createElement("span", { className: className },
             React.createElement(PivotingIcon, { className: contentStyles.icon }),
             React.createElement(PivotingUriLink, { onClick: handleSeeAllClick, className: contentStyles.content, value: generatedValue, attributeType: attributeType }, children)))) : (React.createElement(React.Fragment, null, children));

package/esm/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/esm/components/attributes/PivotingAttributes/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     container: {
         backgroundColor: 'white',

package/esm/components/attributes/editMode/AttributesPager/CardinalityMessage.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CardinalityType } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import { allPass, always, cond, isNil, has, not, pipe, propSatisfies, T } from 'ramda';
 import { useStyles } from './styles';
 import i18n from 'ui-i18n';

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

@@ -24,7 +24,7 @@ import React, { useCallback, useRef, useState } from 'react';
 import { createNewAttribute, EntityAttrTypes, isEditableMode as checkIsEditableMode, isEmptyValue, isActivenessAttrType } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import { pipe, T } from 'ramda';
-import Box from '@mui/material/Box';
+import Box from '@material-ui/core/Box';
 import Title from '../../../Title/Title';
 import Cardinality from './CardinalityMessage';
 import ErrorMessage from '../../../ErrorWrapper/ErrorMessage';

package/esm/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/esm/components/attributes/editMode/AttributesPager/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     caption: {
         fontSize: '0.7rem',

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

@@ -15,7 +15,7 @@ import classnames from 'classnames';
 import { pipe } from 'ramda';
 import mdmModule, { profile } from '@reltio/mdm-module';
 import { isTempUri, getPinnedAttributesForUser } from '@reltio/mdm-sdk';
-import Box from '@mui/material/Box';
+import Box from '@material-ui/core/Box';
 import BasicView from '../../../BasicView/BasicView';
 import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
 import AttributesList from '../AttributesList';
@@ -30,7 +30,10 @@ var AttributesView = function (_a) {
     var dispatch = useDispatch();
     var viewId = useContext(ViewIdContext);
     var userRoles = useSelector(mdmModule.selectors.getUserRoles);
-    var pinnedAttributeUris = useMemo(function () { return getPinnedAttributesForUser(pinnedAttributes, userRoles); }, [pinnedAttributes, userRoles]);
+    var pinnedAttributeUris = useMemo(function () { return getPinnedAttributesForUser(pinnedAttributes, userRoles); }, [
+        pinnedAttributes,
+        userRoles
+    ]);
     var modifiedEntity = useSelector(function (state) { return mdmModule.selectors.getModifiedEntity(state, entity.uri) || {}; });
     var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, modifiedEntity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, modifiedEntity.type]);
     var onAddAttributes = useCallback(function (params) {

package/esm/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/esm/components/attributes/editMode/AttributesView/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     attributesContainer: {
         overflow: 'hidden',

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

@@ -15,9 +15,9 @@ import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
 import { checkCanDeleteAttribute, isReltioCrosswalk, isTempUri, ComplexAttributeType, ReferenceAttributeValueType, NestedAttributeValueType, AttributeTypeType, getErrorMessage, hasAttributeDescendantsWithErrors, isAnalyticAttribute } from '@reltio/mdm-sdk';
-import Button from '@mui/material/Button';
-import DeleteIcon from '@mui/icons-material/Delete';
-import Typography from '@mui/material/Typography';
+import Button from '@material-ui/core/Button';
+import DeleteIcon from '@material-ui/icons/Delete';
+import Typography from '@material-ui/core/Typography';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
 import ArrowExpandButton from '../../../ArrowExpandButton/ArrowExpandButton';
 import ErrorWrapper from '../../../ErrorWrapper/ErrorWrapper';

package/esm/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/esm/components/attributes/editMode/ComplexAttribute/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     complexWrapper: {
         position: 'relative'

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

@@ -5,7 +5,10 @@ import { ModeType } from '@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 = useMemo(function () { return attributeTypesSelectionStrategy(entityType); }, [attributeTypesSelectionStrategy, entityType]);
+    var attributeTypes = useMemo(function () { return attributeTypesSelectionStrategy(entityType); }, [
+        attributeTypesSelectionStrategy,
+        entityType
+    ]);
     return entity ? (React.createElement(AttributesList, { 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/esm/components/attributes/editMode/EntitySelector/components/ClearIndicator.js

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import ClearIcon from '@mui/icons-material/Clear';
+import ClearIcon from '@material-ui/icons/Clear';
 import { useClearIconStyles } from './styles';
-import IconButton from '@mui/material/IconButton';
+import IconButton from '@material-ui/core/IconButton';
 var ClearIndicator = function (props) {
     var onClear = props.selectProps.onClear;
     var styles = useClearIconStyles();
-    return (React.createElement(IconButton, { onClick: onClear, size: "large" },
+    return (React.createElement(IconButton, { onClick: onClear },
         React.createElement(ClearIcon, { className: styles.clearIcon })));
 };
 ClearIndicator.propTypes = {

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

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import PropTypes from 'prop-types';
 import i18n from 'ui-i18n';
-import MenuItem from '@mui/material/MenuItem';
+import MenuItem from '@material-ui/core/MenuItem';
 import { EntityType } from '@reltio/mdm-sdk';
 import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
 import ExpandedValueTooltip from '../../../../ExpandedValueTooltip/ExpandedValueTooltip';

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

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import PropTypes from 'prop-types';
 import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
-import MenuItem from '@mui/material/MenuItem';
+import MenuItem from '@material-ui/core/MenuItem';
 import { useStyles } from './styles';
 var EntityTypeOption = function (_a) {
     var innerRef = _a.innerRef, innerProps = _a.innerProps, selectOption = _a.selectOption, data = _a.data;

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

@@ -13,7 +13,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import i18n from 'ui-i18n';
 import { components } from 'react-select';
-import AddIcon from '@mui/icons-material/Add';
+import AddIcon from '@material-ui/icons/Add';
 import { useGroupStyles } from './styles';
 var ComponentsGroup = components.Group;
 var Group = function (props) {

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

@@ -17,7 +17,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
 import mdmModule, { ui } from '@reltio/mdm-module';
 import { getLabel, isTempUri } from '@reltio/mdm-sdk';
-import Typography from '@mui/material/Typography';
+import Typography from '@material-ui/core/Typography';
 import { UrlGeneratorsContext, ViewIdContext } from '../../../../../contexts';
 import { useSingleValueStyles } from './styles';
 var SingleValue = function (props) {

package/esm/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/esm/components/attributes/editMode/EntitySelector/components/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     entityContainer: {
         display: 'flex',

package/esm/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/esm/components/attributes/editMode/EntitySelector/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     creatorWrapper: {
         marginTop: '20px'

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

@@ -1,6 +1,6 @@
 import React, { useCallback, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import CloudUploadIcon from '@mui/icons-material/CloudUpload';
+import CloudUploadIcon from '@material-ui/icons/CloudUpload';
 import mdmModule, { profile } from '@reltio/mdm-module';
 import { generateUri, getImageAttributeOvThumbnailUrl, getImageAttributeOvUrl } from '@reltio/mdm-sdk';
 import Image from '../../../Image/Image';

package/esm/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">;

package/esm/components/attributes/editMode/ImageAttributesLine/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles(function () { return ({
     root: {
         width: '100%',

package/esm/components/attributes/editMode/MoreAttributesButton/MoreAttributesButton.js

@@ -1,13 +1,13 @@
 import React, { useCallback, useRef, useState } from 'react';
-import Button from '@mui/material/Button';
-import ListItem from '@mui/material/ListItem';
-import Typography from '@mui/material/Typography';
+import Button from '@material-ui/core/Button';
+import ListItem from '@material-ui/core/ListItem';
+import Typography from '@material-ui/core/Typography';
 import classnames from 'classnames';
 import { always, any, append, ifElse, not, pipe, pluck, propEq, reject } from 'ramda';
 import i18n from 'ui-i18n';
 import AttributeListItem from '../../../AttributeListItem/AttributeListItem';
 import SelectionPopup from '../../../SelectionPopup/SelectionPopup';
-import AddIcon from '@mui/icons-material/Add';
+import AddIcon from '@material-ui/icons/Add';
 import Highlighter from '../../../Highlighter/Highlighter';
 import { useKeyboardNavigation } from '../../../SelectionPopup/helpers';
 import VirtualGroupedList from '../../../VirtualGroupedList/VirtualGroupedList';

package/esm/components/attributes/editMode/MoreAttributesButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"dense" | "icon" | "moreButton" | "buttonLabel" | "moreAttributes" | "popupContainer" | "moreAttributesPopup" | "subHeader" | "noResultsCaptionContainer">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"dense" | "icon" | "moreButton" | "buttonLabel" | "moreAttributes" | "popupContainer" | "moreAttributesPopup" | "subHeader" | "noResultsCaptionContainer">;

package/esm/components/attributes/editMode/MoreAttributesButton/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     moreAttributes: {
         display: 'flex',

package/esm/components/attributes/editMode/ReferenceAttribute/styles.d.ts

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

package/esm/components/attributes/editMode/ReferenceAttribute/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
     item: {
         marginBottom: '20px'

package/esm/components/attributes/editMode/RelationTypeSelector/components/RelationOption.js

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 import React from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import MenuItem from '@mui/material/MenuItem';
-import Typography from '@mui/material/Typography';
+import MenuItem from '@material-ui/core/MenuItem';
+import Typography from '@material-ui/core/Typography';
 import { useOptionStyles } from './styles';
 import EntityTypeIcon from '../../../../EntityTypeIcon/EntityTypeIcon';
 import ExpandedValueTooltip from '../../../../ExpandedValueTooltip/ExpandedValueTooltip';

package/esm/components/attributes/editMode/RelationTypeSelector/components/styles.d.ts

@@ -1 +1 @@
-export const useOptionStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "text" | "textItem" | "primaryTextItem" | "secondaryTextItem" | "icons" | "iconTop" | "iconBottom">;
+export const useOptionStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"text" | "container" | "textItem" | "primaryTextItem" | "secondaryTextItem" | "icons" | "iconTop" | "iconBottom">;