@reltio/components 1.4.1586-mui5-2 → 1.4.1587

package/cjs/components/attributes/inline/common/__test__/PinButton.spec.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var enzyme_1 = require("enzyme");
+var react_1 = __importDefault(require("react"));
+var SmallIconButton_1 = require("../../../../SmallIconButton");
+var Pin_1 = __importDefault(require("../../../../../icons/Pin"));
+var PinOutlined_1 = __importDefault(require("../../../../../icons/PinOutlined"));
+var PinButton_1 = __importDefault(require("../PinButton"));
+describe('Pin button test', function () {
+    var component, onClickFn;
+    var getButton = function (component) { return component.find(SmallIconButton_1.SmallIconButtonWithTooltip); };
+    beforeEach(function () {
+        onClickFn = jest.fn();
+        component = (0, enzyme_1.mount)(react_1.default.createElement(PinButton_1.default, { isPinned: false, onClick: onClickFn }));
+    });
+    it('should pass button props correctly', function () {
+        expect(getButton(component).prop('onClick')).toBe(onClickFn);
+        component.setProps({ disabled: true });
+        expect(getButton(component).prop('disabled')).toBe(true);
+    });
+    it('should show correct icon', function () {
+        expect(getButton(component).prop('icon')).toBe(PinOutlined_1.default);
+        component.setProps({ isPinned: true });
+        expect(getButton(component).prop('icon')).toBe(Pin_1.default);
+    });
+    it('should show correct tooltip', function () {
+        expect(getButton(component).prop('tooltipTitle')).toBe('Pin');
+        component.setProps({ disabled: true });
+        expect(getButton(component).prop('tooltipTitle')).toBe("You don't have permissions to pin");
+    });
+});

package/cjs/components/attributes/inline/common/__test__/SourceItem.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/cjs/components/attributes/inline/common/__test__/SourceItem.spec.js

@@ -0,0 +1,95 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var enzyme_1 = require("enzyme");
+var react_1 = __importDefault(require("react"));
+var reactRedux = __importStar(require("react-redux"));
+var Visibility_1 = __importDefault(require("@material-ui/icons/Visibility"));
+var crosswalksDisplay = __importStar(require("../../../../../contexts/CrosswalksDisplayContext"));
+var SmallIconButton_1 = require("../../../../SmallIconButton");
+var SourceIcon_1 = __importDefault(require("../../../../SourceIcon/SourceIcon"));
+var SourceItem_1 = __importDefault(require("../SourceItem"));
+var createStore = function () {
+    return {
+        tenant: { id: 't1' },
+        metadata: {
+            t1: {
+                sources: [
+                    {
+                        uri: 'configuration/sources/Reltio',
+                        label: 'Reltio',
+                        icon: 'images/source/reltio.png',
+                        abbreviation: 'Reltio'
+                    }
+                ]
+            }
+        }
+    };
+};
+var mockUseSelector = function (store) {
+    return jest.spyOn(reactRedux, 'useSelector').mockImplementation(function (selector) { return selector(store); });
+};
+var crosswalk = {
+    uri: 'entities/10wb4hEF/crosswalks/1PPwRPuk.3h28qA5Qw',
+    type: 'configuration/sources/Reltio',
+    value: '1PPwRPuk',
+    createDate: '2021-05-14T05:21:14.532Z',
+    updateDate: '2021-05-14T05:21:14.532Z',
+    reltioLoadDate: '2019-07-24T06:18:18.041Z',
+    singleAttributeUpdateDates: {
+        '123/attributes/String/123': '2021-07-08T07:09:14.781Z'
+    },
+    attributes: ['123/attributes/String/123']
+};
+describe('Source item tests', function () {
+    var toggleCrosswalkFocus = jest.fn();
+    beforeAll(function () {
+        jest.spyOn(crosswalksDisplay, 'useCrosswalkFocus').mockReturnValue({
+            isFocused: false,
+            toggleCrosswalkFocus: toggleCrosswalkFocus
+        });
+    });
+    it('should show source icon and label and crosswalk value', function () {
+        mockUseSelector(createStore());
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceItem_1.default, { color: "color", crosswalk: crosswalk }));
+        expect(wrapper.find(SourceIcon_1.default).prop('sourceType')).toBe('configuration/sources/Reltio');
+        expect(wrapper.find('.label').text()).toBe('Reltio');
+        expect(wrapper.find('.crosswalkValue').text()).toBe('1PPwRPuk');
+        expect(wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip).length).toBe(0);
+    });
+    it('should show focus button when focusable === true', function () {
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(SourceItem_1.default, { color: "color", crosswalk: crosswalk, focusable: true }));
+        var button = wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip);
+        expect(button.props()).toMatchObject({
+            icon: Visibility_1.default,
+            tooltipTitle: 'Focus'
+        });
+        button.simulate('click');
+        expect(toggleCrosswalkFocus).toBeCalledTimes(1);
+    });
+});

package/cjs/components/attributes/inline/common/styles.d.ts

@@ -4,6 +4,6 @@ type StylesProps = {
     isFocused?: boolean;
     isDisabled?: boolean;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"label" | "crosswalkValue" | "sourceItem" | "eyeIcon" | "sourceInfo" | "sourceIcon" | "crosswalkIcon">;
-export declare const useComplexAttributeLabelStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "crosswalkValue" | "sourceItem" | "eyeIcon" | "sourceInfo" | "sourceIcon" | "crosswalkIcon">;
+export declare const useComplexAttributeLabelStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label">;
 export {};

package/cjs/components/attributes/inline/common/styles.js

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

package/cjs/components/attributes/pagersCommon/ShowLess.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var KeyboardArrowUp_1 = __importDefault(require("@mui/icons-material/KeyboardArrowUp"));
-var Link_1 = __importDefault(require("@mui/material/Link"));
+var KeyboardArrowUp_1 = __importDefault(require("@material-ui/icons/KeyboardArrowUp"));
+var Link_1 = __importDefault(require("@material-ui/core/Link"));
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");

package/cjs/components/attributes/pagersCommon/ShowMore.js

@@ -3,8 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var KeyboardArrowDown_1 = __importDefault(require("@mui/icons-material/KeyboardArrowDown"));
-var Link_1 = __importDefault(require("@mui/material/Link"));
+var KeyboardArrowDown_1 = __importDefault(require("@material-ui/icons/KeyboardArrowDown"));
+var Link_1 = __importDefault(require("@material-ui/core/Link"));
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");

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

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

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

package/cjs/components/attributes/readMode/AttributesList/AttributesList.js

@@ -49,7 +49,11 @@ var attributesView_1 = require("../../helpers/attributesView");
 var AttributesList = function (_a) {
     var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b, showNonOv = _a.showNonOv;
     var _c = (0, react_1.useState)(max || Infinity), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
-    var pagersData = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributesListForReadMode)(attrTypes, entity, showNonOv); }, [attrTypes, entity, showNonOv]);
+    var pagersData = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributesListForReadMode)(attrTypes, entity, showNonOv); }, [
+        attrTypes,
+        entity,
+        showNonOv
+    ]);
     var _d = (0, react_1.useMemo)(function () { return (0, attributesView_1.splitPagersData)(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
     var visibleAttributePagersData = regularPagersData.slice(0, visibleValuesCount);
     var showMore = max && visibleAttributePagersData.length < regularPagersData.length;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var LocalOffer_1 = __importDefault(require("@mui/icons-material/LocalOffer"));
+var LocalOffer_1 = __importDefault(require("@material-ui/icons/LocalOffer"));
 var styles_1 = require("./styles");
 var Title_1 = __importDefault(require("../../../Title/Title"));
 var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));

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

@@ -1,3 +1,3 @@
-export const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"paddingWrapper" | "paddingWrapperWithLines">;
-export const useOneLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon" | "descriptionIcon">;
-export const useMultiLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"paddingWrapper" | "paddingWrapperWithLines">;
+export const useOneLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon" | "descriptionIcon">;
+export const useMultiLineStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;

package/cjs/components/attributes/readMode/AttributesPager/styles.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMultiLineStyles = exports.useOneLineStyles = exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 var fontSize = '13px';
 var lineHeight = '15px';
 var commonStyles = {

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

@@ -32,8 +32,8 @@ var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Box_1 = __importDefault(require("@material-ui/core/Box"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var contexts_1 = require("../../../../contexts");
 var BasicView_1 = __importDefault(require("../../../BasicView/BasicView"));
 var FacetViewHeader_1 = __importDefault(require("../../../FacetViewHeader/FacetViewHeader"));
@@ -45,7 +45,12 @@ var AttributesView = function (_a) {
     var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, metadata = _a.metadata, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, _g = _a.attributesCount, attributesCount = _g === void 0 ? 16 : _g;
     var styles = (0, styles_1.useStyles)();
     var pivotingAttributes = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getPivotingAttributes);
-    var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity.type]);
+    var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, entity.type, includeUris, excludeUris); }, [
+        excludeUris,
+        includeUris,
+        metadata,
+        entity.type
+    ]);
     var attributesList = (0, mdm_sdk_1.getAttributesListForReadMode)(filteredAttrTypes, entity);
     var isShowAttributeList = attributesList.filter(function (_a) {
         var values = _a.values;

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

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

package/cjs/components/attributes/readMode/AttributesView/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = (0, styles_1.makeStyles)({
     attributesContainer: {
         padding: '0 16px 16px 16px'

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

@@ -41,7 +41,7 @@ var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var AttributesList_1 = __importDefault(require("../AttributesList/AttributesList"));
 var ArrowExpandButton_1 = __importDefault(require("../../../ArrowExpandButton/ArrowExpandButton"));
 var CommentsContainer_1 = __importDefault(require("../../../CommentsContainer/CommentsContainer"));

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

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

package/cjs/components/attributes/readMode/ComplexAttribute/styles.js

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

package/cjs/components/attributes/readMode/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<"number" | "image" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "deleteAttributeImage" | "updateAttributeImage">;
+export declare const useStyles: (props: SIZES_TYPE) => import("@material-ui/core/styles/withStyles").ClassNameMap<"number" | "image" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "deleteAttributeImage" | "updateAttributeImage">;

package/cjs/components/attributes/readMode/ImageAttributesLine/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 cross_inline_svg_1 = require("./cross.inline.svg");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var BORDER_WIDTH = '3px';

package/cjs/components/attributes/readMode/NestedAttribute/NestedAttribute.js

@@ -49,7 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var Box_1 = __importDefault(require("@mui/material/Box"));
+var Box_1 = __importDefault(require("@material-ui/core/Box"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../../contexts");

package/cjs/components/attributes/readMode/NestedAttribute/styles.d.ts

@@ -1,2 +1,2 @@
 export default styles;
-declare const styles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "pivotingTooltip">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "pivotingTooltip">;

package/cjs/components/attributes/readMode/NestedAttribute/styles.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles = (0, styles_1.makeStyles)({
     label: {

package/cjs/components/attributes/readMode/ReferenceAttribute/styles.d.ts

@@ -1,2 +1,2 @@
 export default styles;
-declare const styles: (props?: any) => import("@mui/styles").ClassNameMap<"relationshipLabel" | "insertAttribute" | "updateAttribute" | "deleteAttribute">;
+declare const styles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"relationshipLabel" | "insertAttribute" | "updateAttribute" | "deleteAttribute">;

package/cjs/components/attributes/readMode/ReferenceAttribute/styles.js

@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles = (0, styles_1.makeStyles)(function (theme) { return ({
     relationshipLabel: {

package/cjs/components/attributes/readMode/SimpleAttribute/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"root" | "attributeValue" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "commentsContainer" | "multilineAttribute">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "attributeValue" | "insertAttribute" | "updateAttribute" | "deleteAttribute" | "commentsContainer" | "multilineAttribute">;

package/cjs/components/attributes/readMode/SimpleAttribute/styles.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 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");
 exports.useStyles = (0, styles_1.makeStyles)({
     root: {

package/cjs/components/attributes/readMode/SpecialAttributes/styles.d.ts

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

package/cjs/components/attributes/readMode/SpecialAttributes/styles.js

@@ -12,7 +12,7 @@ var __assign = (this && this.__assign) || function () {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCommonStyles = void 0;
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 exports.useCommonStyles = (0, styles_1.makeStyles)({
     insertAttribute: __assign({ width: 'fit-content' }, mdm_sdk_1.historyPalettes[mdm_sdk_1.HistoryOperations.insertAttribute]),

package/cjs/components/attributes/readMode/helpers/commonStyles.d.ts

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

package/cjs/components/attributes/readMode/helpers/commonStyles.js

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

package/cjs/components/charts/BubbleChart/styles.d.ts

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

package/cjs/components/charts/BubbleChart/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)({
     bubbleChart: {
         position: 'relative',

package/cjs/components/charts/CloudChart/styles.d.ts

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

package/cjs/components/charts/CloudChart/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: {
         position: 'relative',

package/cjs/components/charts/CustomLegend/styles.d.ts

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

package/cjs/components/charts/CustomLegend/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)({
     wrapper: {
         width: '100%',

package/cjs/components/charts/CustomTooltip/styles.d.ts

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

package/cjs/components/charts/CustomTooltip/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)({
     tooltipWrapper: {
         borderRadius: '4px',

package/cjs/components/charts/MapChart/Legend/Legend.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 Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");

package/cjs/components/charts/MapChart/Legend/styles.d.ts

@@ -2,5 +2,5 @@ type StylesProps = {
     colors: string[];
     width: number;
 };
-export declare const useStyles: (props: StylesProps) => import("@mui/styles").ClassNameMap<"legendContainer" | "alignTop" | "alignBottom" | "legendBar" | "legendLabel">;
+export declare const useStyles: (props: StylesProps) => import("@material-ui/core/styles/withStyles").ClassNameMap<"legendContainer" | "alignTop" | "alignBottom" | "legendBar" | "legendLabel">;
 export {};

package/cjs/components/charts/MapChart/Legend/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 barWidth = 15;
 exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     legendContainer: function (_a) {

package/cjs/components/charts/MapChart/styles.d.ts

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

package/cjs/components/charts/MapChart/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)({
     mapChart: {
         position: 'relative',

package/cjs/components/charts/TableWithBars/cell-renderers/NumberCellValueRenderer.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var ColorBar_1 = __importDefault(require("../../../ColorBar/ColorBar"));
 var styles_1 = require("./styles");
 var NumberCellValueRenderer = function (_a) {

package/cjs/components/charts/TableWithBars/cell-renderers/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"number" | "attribute" | "headCell" | "headLabel" | "numberContainer" | "colorBarContainer">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"number" | "attribute" | "headCell" | "headLabel" | "numberContainer" | "colorBarContainer">;

package/cjs/components/charts/TableWithBars/cell-renderers/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 textOverflow = {
     content: '""',
     position: 'absolute',

package/cjs/components/charts/TableWithBars/styles.d.ts

@@ -2,5 +2,5 @@ type Dimensions = {
     width: number | string;
     height: number | string;
 };
-export declare const useStyles: (props: Dimensions) => import("@mui/styles").ClassNameMap<"tableContainer" | "cellBorder">;
+export declare const useStyles: (props: Dimensions) => import("@material-ui/core/styles/withStyles").ClassNameMap<"tableContainer" | "cellBorder">;
 export {};

package/cjs/components/charts/TableWithBars/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)({
     tableContainer: function (_a) {
         var width = _a.width, height = _a.height;

package/cjs/components/charts/TreeChart/styles.d.ts

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

package/cjs/components/charts/TreeChart/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)({
     treeBlock: {
         fill: '#6BAED6',

package/cjs/components/charts/hooks/useClickableStyle.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useClickableStyle = void 0;
-var styles_1 = require("@mui/styles");
+var styles_1 = require("@material-ui/core/styles");
 var useStyles = (0, styles_1.makeStyles)({
     clickable: {
         cursor: 'pointer'

package/cjs/components/commonReactSelectComponents/DropdownIndicator.js

@@ -17,7 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+var ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
 var arrowIndicatorStyles_1 = require("./arrowIndicatorStyles");
 var DropdownIndicator = function (props) {
     var _a, _b;

package/cjs/components/commonReactSelectComponents/DropdownIndicatorWithIconButton.js

@@ -18,7 +18,7 @@ var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var arrowIndicatorStyles_1 = require("./arrowIndicatorStyles");
-var ArrowDropDown_1 = __importDefault(require("@mui/icons-material/ArrowDropDown"));
+var ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
 var SmallIconButton_1 = __importDefault(require("../SmallIconButton/SmallIconButton"));
 var DropdownIndicatorWithIconButton = function (props) {
     var _a;