@reltio/components 1.4.1588 → 1.4.1590

package/esm/components/activityLog/ActivityLog/items/ActivityItem/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"date" | "activityItem" | "activityIcon" | "activityInfo" | "activityUser" | "activityEvent">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"date" | "activityItem" | "activityIcon" | "activityInfo" | "activityUser" | "activityEvent">;

package/esm/components/activityLog/ActivityLog/items/ActivityItem/styles.js

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

package/esm/components/activityLog/ActivityLog/items/GroupItem/GroupItem.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Typography from '@material-ui/core/Typography';
+import Typography from '@mui/material/Typography';
 import i18n from 'ui-i18n';
 import Spacer from '../../../../Spacer/Spacer';
 import CollapseButton from '../../../../CollapseButton/CollapseButton';

package/esm/components/activityLog/ActivityLog/items/GroupItem/styles.d.ts

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

package/esm/components/activityLog/ActivityLog/items/GroupItem/styles.js

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

package/esm/components/activityLog/ActivityLog/styles.d.ts

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

package/esm/components/activityLog/ActivityLog/styles.js

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

package/esm/components/activityLog/ActivityLogFilter/ActivityLogFilter.js

@@ -13,8 +13,8 @@ import React from 'react';
 import i18n from 'ui-i18n';
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
-import Tooltip from '@material-ui/core/Tooltip';
-import Typography from '@material-ui/core/Typography';
+import Tooltip from '@mui/material/Tooltip';
+import Typography from '@mui/material/Typography';
 import ActivityExportButton from '../ActivityExportButton/ActivityExportButton';
 import ActivityFilterButton from '../ActivityFilterButton/ActivityFilterButton';
 import { getFilterLabel } from './helpers';

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

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

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

@@ -10,7 +10,7 @@ import SearchActivity from './SearchActivity';
 import SimpleActivity from './SimpleActivity';
 import SynchronizationIssuesActivity from './SynchronizationIssuesActivity';
 import AddIcon from '../../../icons/Add';
-import CalendarTodayIcon from '@material-ui/icons/CalendarToday';
+import CalendarTodayIcon from '@mui/icons-material/CalendarToday';
 import CommentIcon from '../../../icons/Comment';
 import CreateIcon from '../../../icons/Create';
 import LoginIcon from '../../../icons/LogIn';

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

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

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

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

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

@@ -22,7 +22,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import i18n from 'ui-i18n';
-import Link from '@material-ui/core/Link';
+import Link from '@mui/material/Link';
 export var MoreItemsLink = function (_a) {
     var itemsCount = _a.itemsCount, itemsLabel = _a.itemsLabel, props = __rest(_a, ["itemsCount", "itemsLabel"]);
     return (React.createElement(Link, __assign({ component: "button", variant: "caption" }, props, { underline: "none" }),

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

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

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

@@ -1,5 +1,5 @@
-import Chip from '@material-ui/core/Chip';
-import ArrowForwardIcon from '@material-ui/icons/ArrowForward';
+import Chip from '@mui/material/Chip';
+import ArrowForwardIcon from '@mui/icons-material/ArrowForward';
 import mdmModule from '@reltio/mdm-module';
 import { findAttributeTypeByUri } from '@reltio/mdm-sdk';
 import classnames from 'classnames';

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

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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("@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/esm/components/activityLog/activities/fields/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/Typography';
-import RestoreIcon from '@material-ui/icons/Restore';
+import Typography from '@mui/material/Typography';
+import RestoreIcon from '@mui/icons-material/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 '@material-ui/core/Typography';
+import Typography from '@mui/material/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("@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/esm/components/activityLog/activities/records/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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("@material-ui/core/styles/withStyles").ClassNameMap<"link" | "relationUri" | "objectLabel">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "relationUri" | "objectLabel">;

package/esm/components/activityLog/activities/styles.js

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

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

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

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

@@ -1,6 +1,6 @@
 import React, { useContext } from 'react';
 import classnames from 'classnames';
-import Chip from '@material-ui/core/Chip';
+import Chip from '@mui/material/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("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "label" | "container">;
+export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "icon" | "container">;

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

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

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 '@material-ui/core/Typography';
+import Typography from '@mui/material/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("@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/esm/components/attributes/ImageAttributesLine/styles.js

@@ -1,5 +1,5 @@
-import { makeStyles } from '@material-ui/core/styles';
-import { fade } from '@material-ui/core';
+import { makeStyles } from '@mui/styles';
+import { alpha } from '@mui/material/styles';
 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: fade(theme.palette.primary.main, 0.06)
+            backgroundColor: alpha(theme.palette.primary.main, 0.06)
         };
     },
     number: {

package/esm/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/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 '@material-ui/core/Chip';
+import Chip from '@mui/material/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("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "container">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "container">;

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

@@ -1,8 +1,9 @@
-import { fade, makeStyles } from '@material-ui/core/styles';
+import { alpha } from '@mui/material/styles';
+import { makeStyles } from '@mui/styles';
 export var useStyles = makeStyles(function (theme) { return ({
     container: {
         height: '16px',
-        borderColor: fade(theme.palette.primary.main, 0.54)
+        borderColor: alpha(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 '@material-ui/core/Tooltip';
+import Tooltip from '@mui/material/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, { interactive: true, 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, { arrow: true, placement: "right-start", classes: styles, disableInteractive: false, 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("@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/esm/components/attributes/PivotingAttributes/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/Typography';
+import Typography from '@mui/material/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 '@material-ui/core/Box';
+import Box from '@mui/material/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("@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/esm/components/attributes/editMode/AttributesPager/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/Box';
+import Box from '@mui/material/Box';
 import BasicView from '../../../BasicView/BasicView';
 import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
 import AttributesList from '../AttributesList';
@@ -30,10 +30,7 @@ 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/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/esm/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/esm/components/attributes/editMode/AttributesView/styles.js

@@ -1,4 +1,4 @@
-import { makeStyles } from '@material-ui/core/styles';
+import { makeStyles } from '@mui/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 '@material-ui/core/Button';
-import DeleteIcon from '@material-ui/icons/Delete';
-import Typography from '@material-ui/core/Typography';
+import Button from '@mui/material/Button';
+import DeleteIcon from '@mui/icons-material/Delete';
+import Typography from '@mui/material/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("@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/esm/components/attributes/editMode/ComplexAttribute/styles.js

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