@reltio/components 1.4.1586-mui5-2 → 1.4.1587

package/cjs/components/RelationEditor/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)({
     editor: {
         display: 'flex',

package/cjs/components/RelevanceScoreBadge/RelevanceScoreBadge.js

@@ -9,7 +9,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 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 ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var RelevanceScoreBadge = function (_a) {

package/cjs/components/RelevanceScoreBadge/styles.d.ts

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

package/cjs/components/RelevanceScoreBadge/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)({
     badge: {
         background: 'rgba(0, 0, 0, 0.03)',

package/cjs/components/ReltioGridLayout/styles.d.ts

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

package/cjs/components/ReltioGridLayout/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 mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ResizeIcon_svg_1 = require("./icons/ResizeIcon.svg");
 exports.useStyles = (0, styles_1.makeStyles)(function (_) { return ({

package/cjs/components/ReltioMap/EntityMarker/styles.d.ts

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

package/cjs/components/ReltioMap/EntityMarker/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)({
     popper: {
         maxWidth: '263px',

package/cjs/components/ReltioMap/MapControls/TopCenterMapControls/TopCenterMapControls.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TopCenterMapControls = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var FormControlLabel_1 = __importDefault(require("@mui/material/FormControlLabel"));
-var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
+var FormControlLabel_1 = __importDefault(require("@material-ui/core/FormControlLabel"));
+var Checkbox_1 = __importDefault(require("@material-ui/core/Checkbox"));
 var styles_1 = require("./styles");
 var TopCenterMapControls = function (_a) {
     var isSearchOnMapMove = _a.isSearchOnMapMove, onChangeIsSearchOnMapMove = _a.onChangeIsSearchOnMapMove;
@@ -18,6 +18,6 @@ var TopCenterMapControls = function (_a) {
     return (react_1.default.createElement(FormControlLabel_1.default, { classes: {
             root: styles.container,
             label: styles.label
-        }, control: react_1.default.createElement(Checkbox_1.default, { checked: isSearchOnMapMove, onChange: onChange, className: styles.checkbox }), label: ui_i18n_1.default.text('Search as I move the map') }));
+        }, control: react_1.default.createElement(Checkbox_1.default, { checked: isSearchOnMapMove, onChange: onChange, color: "primary", className: styles.checkbox }), label: ui_i18n_1.default.text('Search as I move the map') }));
 };
 exports.TopCenterMapControls = TopCenterMapControls;

package/cjs/components/ReltioMap/MapControls/TopCenterMapControls/styles.d.ts

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

package/cjs/components/ReltioMap/MapControls/TopCenterMapControls/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)({
     container: {
         height: '28px',
@@ -18,7 +18,6 @@ exports.useStyles = (0, styles_1.makeStyles)({
     checkbox: {
         width: '20px',
         height: '20px',
-        boxSizing: 'content-box',
         padding: '5px',
         '& svg': {
             width: '16px',

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.d.ts

@@ -10,37 +10,32 @@ export declare const ButtonWithTooltip: React.ForwardRefExoticComponent<import("
     showForDisabled: import("prop-types").Requireable<boolean>;
 }, "tooltipTitle" | "tooltipPlacement" | "showForDisabled">>> & {
     children?: React.ReactNode;
-    classes?: Partial<import("@mui/material/Button").ButtonClasses>;
-    color?: import("@mui/types").OverridableStringUnion<"inherit" | "error" | "success" | "primary" | "secondary" | "info" | "warning", import("@mui/material/Button").ButtonPropsColorOverrides>;
+    color?: import("@material-ui/core").PropTypes.Color;
     disabled?: boolean;
     disableElevation?: boolean;
     disableFocusRipple?: boolean;
     endIcon?: React.ReactNode;
     fullWidth?: boolean;
     href?: string;
-    size?: import("@mui/types").OverridableStringUnion<"medium" | "large" | "small", import("@mui/material/Button").ButtonPropsSizeOverrides>;
+    size?: "medium" | "large" | "small";
     startIcon?: React.ReactNode;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-    variant?: import("@mui/types").OverridableStringUnion<"text" | "outlined" | "contained", import("@mui/material/Button").ButtonPropsVariantOverrides>;
-} & Omit<{
-    action?: React.Ref<import("@mui/material").ButtonBaseActions>;
+    variant?: "text" | "outlined" | "contained";
+} & {
+    action?: React.Ref<import("@material-ui/core").ButtonBaseActions>;
+    buttonRef?: React.Ref<unknown>;
     centerRipple?: boolean;
     children?: React.ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses>;
     disabled?: boolean;
     disableRipple?: boolean;
     disableTouchRipple?: boolean;
     focusRipple?: boolean;
     focusVisibleClassName?: string;
-    LinkComponent?: React.ElementType<any>;
     onFocusVisible?: React.FocusEventHandler<any>;
-    sx?: import("@mui/system").SxProps<import("@mui/material").Theme>;
-    tabIndex?: number;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps>;
-    touchRippleRef?: React.Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions>;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
+    tabIndex?: string | number;
+    TouchRippleProps?: Partial<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleProps>;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").ExtendButtonBaseTypeMap<import("@material-ui/core/Button").ButtonTypeMap<{}, "button">>> & Pick<Pick<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof React.ButtonHTMLAttributes<HTMLButtonElement>> & {
     ref?: React.Ref<HTMLButtonElement>;
-}, "color" | "size" | "disabled" | "children" | "tabIndex" | "sx" | "variant" | keyof import("@mui/material/OverridableComponent").CommonProps | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "href" | "fullWidth" | "disableElevation" | "endIcon" | "startIcon">>;
+}, "translate" | "hidden" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "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" | "form" | "key" | "name" | "type" | "value" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget">>;
 type Props = {
     onDrawingModeChanged: (value: DrawingMode | null) => void;
     drawingMode: DrawingMode | null;

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/TopRightMapControls.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TopRightMapControls = exports.ButtonWithTooltip = void 0;
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Button_1 = __importDefault(require("@mui/material/Button"));
+var Button_1 = __importDefault(require("@material-ui/core/Button"));
 var HOCs_1 = require("../../../../HOCs");
-var HighlightOff_1 = __importDefault(require("@mui/icons-material/HighlightOff"));
+var HighlightOff_1 = __importDefault(require("@material-ui/icons/HighlightOff"));
 var constants_1 = require("../../../../constants");
 var Radius_1 = __importDefault(require("../../../../icons/Radius"));
 var Draw_1 = __importDefault(require("../../../../icons/Draw"));

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/styles.d.ts

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

package/cjs/components/ReltioMap/MapControls/TopRightMapControls/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)({
     container: {
         margin: '2px',

package/cjs/components/ReltioMap/styles.d.ts

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

package/cjs/components/ReltioMap/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)({
     mapControlContainer: {
         borderRadius: '2px',

package/cjs/components/RequiredMark/styles.d.ts

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

package/cjs/components/RequiredMark/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)({
     mark: {
         color: 'red'

package/cjs/components/ResizablePanes/ResizablePanes.js

@@ -30,7 +30,7 @@ exports.ResizablePanes = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var react_split_pane_1 = __importDefault(require("react-split-pane"));
-var styles_1 = require("@mui/material/styles");
+var styles_1 = require("@material-ui/core/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles_2 = require("./styles");
 var HANDLE_CHANGE_DEBOUNCE_INTERVAL = 250;

package/cjs/components/ResizablePanes/styles.d.ts

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

package/cjs/components/ResizablePanes/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 useStyles = (0, styles_1.makeStyles)(function () { return ({
     container: {
         position: 'relative',

package/cjs/components/ScreenProfileBand/styles.d.ts

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

package/cjs/components/ScreenProfileBand/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)({
     profileBandNavigation: {
         marginBottom: '10px'

package/cjs/components/ScrollableTabs/ScrollableTabs.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { TabsProps } from '@mui/material/Tabs';
-import { TabProps } from '@mui/material/Tab';
+import { TabsProps } from '@material-ui/core/Tabs';
+import { TabProps } from '@material-ui/core/Tab';
 export type Tab = {
     label: string;
     value: string;

package/cjs/components/ScrollableTabs/ScrollableTabs.js

@@ -26,8 +26,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var Tabs_1 = __importDefault(require("@mui/material/Tabs"));
-var Tab_1 = __importDefault(require("@mui/material/Tab"));
+var Tabs_1 = __importDefault(require("@material-ui/core/Tabs"));
+var Tab_1 = __importDefault(require("@material-ui/core/Tab"));
 var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
 var styles_1 = require("./styles");
 var ScrollableTabs = function (_a) {
@@ -41,7 +41,7 @@ var ScrollableTabs = function (_a) {
     return (react_1.default.createElement(Tabs_1.default, __assign({ value: value, onChange: handleChange, classes: {
             root: styles.tabsRoot,
             scrollButtons: styles.tabsScrollButton
-        }, indicatorColor: "primary", textColor: "primary", variant: "scrollable", scrollButtons: true }, otherProps, { allowScrollButtonsMobile: true }), tabs.map(function (_a) {
+        }, indicatorColor: "primary", textColor: "primary", variant: "scrollable", scrollButtons: "on" }, otherProps), tabs.map(function (_a) {
         var label = _a.label, value = _a.value, additionalLabel = _a.additionalLabel, dataReltioId = _a.dataReltioId, rest = __rest(_a, ["label", "value", "additionalLabel", "dataReltioId"]);
         return (react_1.default.createElement(Tab_1.default, __assign({ classes: tabClasses || {
                 root: styles.tabRoot,

package/cjs/components/ScrollableTabs/styles.d.ts

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

package/cjs/components/ScrollableTabs/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)({
     tabsRoot: {
         width: '100%'

package/cjs/components/SearchHighlighter/styles.d.ts

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

package/cjs/components/SearchHighlighter/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)({
     highlightedText: {
         background: 'rgb(255, 235, 203)'

package/cjs/components/SearchInput/SearchInput.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { InputProps } from '@mui/material/Input';
+import { InputProps } from '@material-ui/core/Input';
 export type SearchInputProps = InputProps & {
     value?: string;
     autofocus: boolean;

package/cjs/components/SearchInput/SearchInput.js

@@ -52,10 +52,10 @@ var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Input_1 = __importDefault(require("@mui/material/Input"));
-var InputAdornment_1 = __importDefault(require("@mui/material/InputAdornment"));
-var Close_1 = __importDefault(require("@mui/icons-material/Close"));
-var Search_1 = __importDefault(require("@mui/icons-material/Search"));
+var Input_1 = __importDefault(require("@material-ui/core/Input"));
+var InputAdornment_1 = __importDefault(require("@material-ui/core/InputAdornment"));
+var Close_1 = __importDefault(require("@material-ui/icons/Close"));
+var Search_1 = __importDefault(require("@material-ui/icons/Search"));
 var core_1 = require("../../core");
 var SmallIconButton_1 = __importDefault(require("../SmallIconButton/SmallIconButton"));
 var styles_1 = require("./styles");

package/cjs/components/SearchInput/styles.d.ts

@@ -1,5 +1,5 @@
 type StylesProps = {
     height?: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"container" | "white" | "icon" | "input" | "clearButton">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"white" | "icon" | "input" | "container" | "clearButton">;
 export {};

package/cjs/components/SearchInput/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 () { return ({
     container: function (_a) {
         var _b = _a.height, height = _b === void 0 ? 36 : _b;

package/cjs/components/SelectAttributesList/SelectAttributesList.js

@@ -50,7 +50,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 ListItem_1 = __importDefault(require("@mui/material/ListItem"));
+var ListItem_1 = __importDefault(require("@material-ui/core/ListItem"));
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var AttributeListItem_1 = __importDefault(require("../AttributeListItem/AttributeListItem"));
 var VirtualGroupedList_1 = __importDefault(require("../VirtualGroupedList/VirtualGroupedList"));

package/cjs/components/SelectAttributesList/styles.d.ts

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

package/cjs/components/SelectAttributesList/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)({
     subHeader: {
         backgroundColor: '#f5f5f5',

package/cjs/components/SelectionPopup/SelectionPopup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PopoverProps } from '@mui/material/Popover';
+import { PopoverProps } from '@material-ui/core/Popover';
 type Props = {
     title: string;
     containerWidth: number;

package/cjs/components/SelectionPopup/SelectionPopup.js

@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var Popover_1 = __importDefault(require("@material-ui/core/Popover"));
 var styles_js_1 = __importDefault(require("./styles.js"));
 var SearchInput_1 = __importDefault(require("../SearchInput/SearchInput"));
 var SelectionPopup = function (_a) {

package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaperProps } from '@mui/material/Paper';
+import { PaperProps } from '@material-ui/core/Paper';
 type Props = {
     open: boolean;
     anchorEl: HTMLElement;

package/cjs/components/SelectionPopup/SelectionPopupPopper/SelectionPopupPopper.js

@@ -18,8 +18,8 @@ var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var styles_js_1 = __importDefault(require("../styles.js"));
 var Popper_1 = __importDefault(require("../../Popper/Popper"));
-var Grow_1 = __importDefault(require("@mui/material/Grow"));
-var Paper_1 = __importDefault(require("@mui/material/Paper"));
+var Grow_1 = __importDefault(require("@material-ui/core/Grow"));
+var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
 var SelectionPopupPopper = function (_a) {
     var open = _a.open, anchorEl = _a.anchorEl, className = _a.className, onClose = _a.onClose, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, paperProps = _a.paperProps, listContent = _a.listContent, externalInputField = _a.externalInputField, _b = _a.classes, classes = _b === void 0 ? {} : _b;
     var commonStyles = (0, styles_js_1.default)({

package/cjs/components/SelectionPopup/styles.d.ts

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

package/cjs/components/SelectionPopup/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 var margin = '16px';
 var useStyles = (0, styles_1.makeStyles)(function () { return ({
     container: function (_a) {

package/cjs/components/SelectorWithOnlyOptionAutoSelect/SelectorWithOnlyOptionAutoSelect.js

@@ -37,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var styles_1 = require("./styles");
 var DropDownEditor_1 = __importDefault(require("../editors/DropDownEditor/DropDownEditor"));
 var SelectorWithOnlyOptionAutoSelect = function (_a) {

package/cjs/components/SelectorWithOnlyOptionAutoSelect/styles.d.ts

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

package/cjs/components/SelectorWithOnlyOptionAutoSelect/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)({
     onlyValue: {
         color: 'rgba(0,0,0,.6)',
@@ -15,7 +15,7 @@ exports.useStyles = (0, styles_1.makeStyles)({
         fontSize: '13px',
         color: 'rgba(0,0,0,.6)',
         paddingLeft: '15px',
-        '&&&': {
+        '&&': {
             paddingRight: '35px'
         }
     },

package/cjs/components/SettingsMenu/SettingsMenu.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var Settings_1 = __importDefault(require("@mui/icons-material/Settings"));
+var Settings_1 = __importDefault(require("@material-ui/icons/Settings"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var SmallIconButton_1 = require("../SmallIconButton");
 var DropDownMenuButton_1 = __importDefault(require("../DropDownMenuButton/DropDownMenuButton"));

package/cjs/components/SettingsMenu/SettingsMenuItemRender/SettingsMenuItemRender.js

@@ -28,9 +28,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
-var Checkbox_1 = __importDefault(require("@mui/material/Checkbox"));
-var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Checkbox_1 = __importDefault(require("@material-ui/core/Checkbox"));
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var styles_1 = require("./styles");
 var SettingsMenuItemRenderer = (0, react_1.forwardRef)(function (_a, ref) {
     var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? ramda_1.identity : _b;

package/cjs/components/SettingsMenu/SettingsMenuItemRender/styles.d.ts

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

package/cjs/components/SettingsMenu/SettingsMenuItemRender/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 ({
     menuItem: {
         height: '32px'

package/cjs/components/SideIconPanel/SideButtonsPanel.d.ts

@@ -1,5 +1,5 @@
 import { ElementType } from 'react';
-import { IconButtonProps } from '@mui/material/IconButton';
+import { IconButtonProps } from '@material-ui/core/IconButton';
 type Props = {
     disabled: boolean;
     buttonsProps: Array<{

package/cjs/components/SideIconPanel/styles.d.ts

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

package/cjs/components/SideIconPanel/styles.js

@@ -1,9 +1,8 @@
 "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: {
         display: 'flex',
         flexDirection: 'column',
@@ -14,7 +13,7 @@ exports.useStyles = (0, styles_2.makeStyles)(function (theme) { return ({
         boxShadow: '0 1px 1px 0 rgba(0,0,0,0.14), 0 2px 1px -1px rgba(0,0,0,0.12), 0 1px 3px 0 rgba(0,0,0,0.2)'
     },
     active: {
-        backgroundColor: (0, styles_1.alpha)(theme.palette.primary.main, 0.12),
+        backgroundColor: (0, styles_1.fade)(theme.palette.primary.main, 0.12),
         color: theme.palette.primary.main,
         '&:after': {
             content: '""',

package/cjs/components/SidePanel/SidePanelContentHeader/SidePanelContentHeader.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SidePanelContentHeader = void 0;
 var react_1 = __importDefault(require("react"));
-var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var Close_1 = __importDefault(require("@material-ui/icons/Close"));
 var styles_1 = require("./styles");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Divider_1 = __importDefault(require("@mui/material/Divider"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Divider_1 = __importDefault(require("@material-ui/core/Divider"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var SmallIconButton_1 = require("../../SmallIconButton");
 var SidePanelContentHeader = function (_a) {

package/cjs/components/SidePanel/SidePanelContentHeader/styles.d.ts

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