@reltio/components 1.4.2029 → 1.4.2031

package/AttributesFiltersBuilder/AttributesFiltersBuilder.test.js

@@ -46,7 +46,6 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { theme } from '@reltio/mdm-sdk';
 import { createTheme } from '@mui/material/styles';
 import { ThemeProvider } from '@mui/styles';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
@@ -57,6 +56,7 @@ import { attributesTypesGroups } from './attributes.test-data';
 import { metadata } from './metadata.test-data';
 import { AttributesFiltersBuilder } from '../AttributesFiltersBuilder';
 import { TestStylesProvider } from '../test-utils/TestStylesProvider';
+import { theme } from '../constants';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
 jest.unmock('@mui/styles');
 describe('AttributesFiltersBuilder tests', function () {

package/EntityTypeBadge/EntityTypeBadge.js

@@ -1,8 +1,9 @@
 import React from 'react';
 import classnames from 'classnames';
-import { getEntityType, getEntityTypeLabel, getPropWithInheritance, theme, utils } from '@reltio/mdm-sdk';
+import { getEntityType, getEntityTypeLabel, getPropWithInheritance, utils } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import { ExpandedValueTooltip } from '../ExpandedValueTooltip';
+import { theme } from '../constants';
 import { useMdmMetadata } from '../contexts/MdmModuleContext';
 import { useStyles } from './styles';
 export var EntityTypeBadge = function (_a) {

package/EntityTypeBadge/EntityTypeBadge.test.js

@@ -11,9 +11,9 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { theme } from '@reltio/mdm-sdk';
-import { EntityTypeBadge } from './EntityTypeBadge';
 import { MdmModuleProvider } from '../contexts/MdmModuleContext';
+import { theme } from '../constants';
+import { EntityTypeBadge } from './EntityTypeBadge';
 var defaultMetadata = {
     entityTypes: [
         {

package/ErrorPopup/ErrorPopup.test.js

@@ -11,11 +11,11 @@ var __assign = (this && this.__assign) || function () {
 };
 import React from 'react';
 import { shallow, mount } from 'enzyme';
-import { theme } from '@reltio/mdm-sdk';
 import Portal from '@mui/material/Portal';
 import { ThemeProvider } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
 import RCErrorPopup from 'react-components/dist/ErrorPopup/ErrorPopup';
+import { theme } from '../constants';
 import { useMdmAction, useMdmAutoCloseInterval, useMdmUiError } from '../contexts/MdmModuleContext';
 import { ErrorPopup } from './ErrorPopup';
 jest.mock('../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../contexts/MdmModuleContext')), { useMdmAction: jest.fn(), useMdmAutoCloseInterval: jest.fn(), useMdmUiError: jest.fn() })); });

package/ImageDetailsView/components/MetaInfo/theme.js

@@ -1,4 +1,4 @@
-import { theme } from '@reltio/mdm-sdk';
+import { theme } from '../../../constants';
 export var darkTheme = {
     palette: {
         mode: 'dark',

package/InlineComplexAttribute/components/CrosswalkIcon/CrosswalkIcon.spec.js

@@ -35,12 +35,12 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { theme } from '@reltio/mdm-sdk';
 import { ThemeProvider } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { CrosswalkIcon } from './CrosswalkIcon';
+import { theme } from '../../../constants';
 import { CrosswalksDisplayProvider } from '../../../contexts/CrosswalksDisplayContext';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 jest.unmock('@mui/styles');

package/cjs/AttributesFiltersBuilder/AttributesFiltersBuilder.test.js

@@ -51,7 +51,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles_1 = require("@mui/material/styles");
 var styles_2 = require("@mui/styles");
 var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
@@ -62,6 +61,7 @@ var attributes_test_data_1 = require("./attributes.test-data");
 var metadata_test_data_1 = require("./metadata.test-data");
 var AttributesFiltersBuilder_1 = require("../AttributesFiltersBuilder");
 var TestStylesProvider_1 = require("../test-utils/TestStylesProvider");
+var constants_1 = require("../constants");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 jest.unmock('@mui/styles');
 describe('AttributesFiltersBuilder tests', function () {
@@ -97,7 +97,7 @@ describe('AttributesFiltersBuilder tests', function () {
         var Providers = function (_a) {
             var children = _a.children;
             return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
-                react_1.default.createElement(styles_2.ThemeProvider, { theme: (0, styles_1.createTheme)(mdm_sdk_1.theme) },
+                react_1.default.createElement(styles_2.ThemeProvider, { theme: (0, styles_1.createTheme)(constants_1.theme) },
                     react_1.default.createElement(TestStylesProvider_1.TestStylesProvider, null,
                         react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment }, children)))));
         };

package/cjs/EntityTypeBadge/EntityTypeBadge.js

@@ -9,6 +9,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ExpandedValueTooltip_1 = require("../ExpandedValueTooltip");
+var constants_1 = require("../constants");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var styles_1 = require("./styles");
 var EntityTypeBadge = function (_a) {
@@ -17,7 +18,7 @@ var EntityTypeBadge = function (_a) {
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var entityType = (0, mdm_sdk_1.getEntityType)(metadata, entity.type);
     var color = entityType ? (0, mdm_sdk_1.getPropWithInheritance)(metadata, entityType, 'typeColor') : null;
-    var entityTypeColor = color || mdm_sdk_1.theme.palette.primary.main;
+    var entityTypeColor = color || constants_1.theme.palette.primary.main;
     var entityTypeLabel = (0, mdm_sdk_1.getEntityTypeLabel)(metadata, entity);
     return (react_1.default.createElement(ExpandedValueTooltip_1.ExpandedValueTooltip, { value: entityTypeLabel, placement: "top" },
         react_1.default.createElement(Typography_1.default, { style: {

package/cjs/EntityTypeBadge/EntityTypeBadge.test.js

@@ -16,9 +16,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var react_2 = require("@testing-library/react");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var EntityTypeBadge_1 = require("./EntityTypeBadge");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var constants_1 = require("../constants");
+var EntityTypeBadge_1 = require("./EntityTypeBadge");
 var defaultMetadata = {
     entityTypes: [
         {
@@ -59,7 +59,7 @@ describe('EntityTypeBadge tests', function () {
     });
     it('should use color from theme if entity type has not typeColor prop', function () {
         setUp();
-        expect(react_2.screen.getByText('HCP')).toHaveStyle({ backgroundColor: mdm_sdk_1.theme.palette.primary.main, color: '#FFFFFF' });
+        expect(react_2.screen.getByText('HCP')).toHaveStyle({ backgroundColor: constants_1.theme.palette.primary.main, color: '#FFFFFF' });
     });
     it('should use color from typeColor prop from entityType if it exists', function () {
         var entity = { type: 'configuration/entityTypes/HCO', uri: 'entities/456' };

package/cjs/ErrorPopup/ErrorPopup.test.js

@@ -16,11 +16,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var enzyme_1 = require("enzyme");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Portal_1 = __importDefault(require("@mui/material/Portal"));
 var styles_1 = require("@mui/styles");
 var styles_2 = require("@mui/material/styles");
 var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/ErrorPopup"));
+var constants_1 = require("../constants");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var ErrorPopup_2 = require("./ErrorPopup");
 jest.mock('../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../contexts/MdmModuleContext')), { useMdmAction: jest.fn(), useMdmAutoCloseInterval: jest.fn(), useMdmUiError: jest.fn() })); });
@@ -43,7 +43,7 @@ describe('ErrorPopup', function () {
     it('should call addError method if uiError and showErrorFromStore prop are exist', function () {
         ErrorPopup_2.ErrorPopup.addError = jest.fn();
         MdmModuleContext_1.useMdmUiError.mockReturnValue('error');
-        (0, enzyme_1.mount)(react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(mdm_sdk_1.theme) },
+        (0, enzyme_1.mount)(react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) },
             react_1.default.createElement(ErrorPopup_2.ErrorPopup, { showErrorFromStore: true })));
         expect(ErrorPopup_2.ErrorPopup.addError).toHaveBeenCalledWith({
             title: 'Error',

package/cjs/ImageDetailsView/components/MetaInfo/theme.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.darkTheme = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var constants_1 = require("../../../constants");
 exports.darkTheme = {
     palette: {
         mode: 'dark',
-        primary: mdm_sdk_1.theme.palette.primary,
-        secondary: mdm_sdk_1.theme.palette.secondary
+        primary: constants_1.theme.palette.primary,
+        secondary: constants_1.theme.palette.secondary
     }
 };

package/cjs/InlineComplexAttribute/components/CrosswalkIcon/CrosswalkIcon.spec.js

@@ -40,12 +40,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles_1 = require("@mui/styles");
 var styles_2 = require("@mui/material/styles");
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var CrosswalkIcon_1 = require("./CrosswalkIcon");
+var constants_1 = require("../../../constants");
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 jest.unmock('@mui/styles');
@@ -60,7 +60,7 @@ describe('CrosswalkIcon tests', function () {
         var Providers = function (_a) {
             var children = _a.children;
             return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } },
-                react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(mdm_sdk_1.theme) },
+                react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) },
                     react_1.default.createElement(CrosswalksDisplayContext_1.CrosswalksDisplayProvider, { setCrosswalkHighlighted: setCrosswalkHighlighted, getCrosswalkColor: function () { return color; } }, children))));
         };
         return (0, react_2.render)(react_1.default.createElement(CrosswalkIcon_1.CrosswalkIcon, { crosswalk: crosswalk, className: className }), { wrapper: Providers });

package/cjs/constants/index.d.ts

@@ -6,3 +6,4 @@ export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
 export { ReactSelectOptionFilters } from './reactSelect';
 export { editingModeOption, suggestingModeOption, viewingModeOption } from './modeOptions';
+export { theme } from './theme';

package/cjs/constants/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.viewingModeOption = exports.suggestingModeOption = exports.editingModeOption = exports.ReactSelectOptionFilters = exports.POPUP_Z_INDEX = exports.COMMON_TEXT_FIELD_PROPS = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.FIXED_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeType = exports.SortingType = void 0;
+exports.theme = exports.viewingModeOption = exports.suggestingModeOption = exports.editingModeOption = exports.ReactSelectOptionFilters = exports.POPUP_Z_INDEX = exports.COMMON_TEXT_FIELD_PROPS = exports.MAP_MINIMUM_SCALE_RADIUS = exports.DEFAULT_OVERLAY_OPTIONS = exports.DEFAULT_GOOGLE_MAP_OPTIONS = exports.MAP_DRAWING_MODES = exports.FIXED_TYPE_URIS = exports.COMMENTS_CONTAINER_VISIBILITY_AREA = exports.QueryBuilderAttributeType = exports.SortingType = void 0;
 var prop_types_1 = require("./prop-types");
 Object.defineProperty(exports, "SortingType", { enumerable: true, get: function () { return prop_types_1.SortingType; } });
 Object.defineProperty(exports, "QueryBuilderAttributeType", { enumerable: true, get: function () { return prop_types_1.QueryBuilderAttributeType; } });
@@ -23,3 +23,5 @@ var modeOptions_1 = require("./modeOptions");
 Object.defineProperty(exports, "editingModeOption", { enumerable: true, get: function () { return modeOptions_1.editingModeOption; } });
 Object.defineProperty(exports, "suggestingModeOption", { enumerable: true, get: function () { return modeOptions_1.suggestingModeOption; } });
 Object.defineProperty(exports, "viewingModeOption", { enumerable: true, get: function () { return modeOptions_1.viewingModeOption; } });
+var theme_1 = require("./theme");
+Object.defineProperty(exports, "theme", { enumerable: true, get: function () { return theme_1.theme; } });

package/cjs/constants/theme.d.ts

@@ -0,0 +1,178 @@
+import { Theme } from '@mui/material/styles';
+import '@mui/styles';
+type ReltioTheme = Theme & {
+    inactiveBackground: string;
+    inactiveSelectedBackground: string;
+    inactiveSelectedHoverBackground: string;
+    inactiveHoverBackground: string;
+    tooltip: Record<string, unknown>;
+    inactive: Record<string, unknown>;
+    basicView: Record<string, unknown>;
+    suggested: string;
+};
+declare module '@mui/styles' {
+    interface DefaultTheme extends ReltioTheme {
+    }
+}
+export declare const theme: {
+    palette: {
+        primary: {
+            main: string;
+            light: string;
+            dark: string;
+        };
+        secondary: {
+            main: string;
+        };
+        error: {
+            main: string;
+        };
+        success: {
+            main: string;
+        };
+        background: {
+            paper: string;
+            default: string;
+        };
+        action: {
+            hover: string;
+            hoverOpacity: number;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+            hint: string;
+        };
+        divider: string;
+    };
+    components: {
+        MuiButton: {
+            defaultProps: {
+                color: "inherit";
+            };
+        };
+        MuiTooltip: {
+            defaultProps: {
+                disableInteractive: boolean;
+            };
+        };
+        MuiTab: {
+            styleOverrides: {
+                root: {
+                    maxWidth: string;
+                };
+            };
+        };
+        MuiDialogTitle: {
+            styleOverrides: {
+                root: {
+                    '&&+.MuiDialogContent-root': {
+                        paddingTop: string;
+                    };
+                };
+            };
+        };
+        MuiFilledInput: {
+            styleOverrides: {
+                root: {
+                    lineHeight: string;
+                    backgroundColor: string;
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                    '&.focused': {
+                        backgroundColor: string;
+                    };
+                };
+                input: {
+                    '&.MuiSelect-select': {
+                        minHeight: string;
+                    };
+                };
+            };
+        };
+        MuiTablePagination: {
+            styleOverrides: {
+                select: {
+                    '&.MuiInputBase-input': {
+                        minHeight: string;
+                    };
+                };
+            };
+        };
+        MuiInputBase: {
+            styleOverrides: {
+                root: {
+                    '& .MuiInputAdornment-root': {
+                        color: string;
+                    };
+                };
+                input: {
+                    '&::placeholder': {
+                        color: string;
+                    };
+                    '&::-ms-clear': {
+                        display: string;
+                    };
+                    '&.Mui-disabled': {
+                        WebkitTextFillColor: string;
+                    };
+                };
+            };
+        };
+        MuiMenuItem: {
+            styleOverrides: {
+                root: {
+                    '&.Mui-selected': {
+                        backgroundColor: string;
+                        '&.Mui-focusVisible': {
+                            backgroundColor: string;
+                        };
+                        '&:hover': {
+                            backgroundColor: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    breakpoints: {
+        values: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+    };
+    transitions: {
+        duration: {
+            shortest: number;
+            shorter: number;
+            short: number;
+            standard: number;
+            complex: number;
+            enteringScreen: number;
+            leavingScreen: number;
+        };
+    };
+    tooltip: {
+        borderRadius: string;
+        backgroundColor: string;
+    };
+    inactiveBackground: string;
+    inactiveSelectedBackground: string;
+    inactiveSelectedHoverBackground: string;
+    inactiveHoverBackground: string;
+    inactive: {
+        opacity: number;
+    };
+    basicView: {
+        boxShadow: string;
+        borderRadius: string;
+        backgroundColor: string;
+    };
+    suggested: string;
+};
+export {};

package/cjs/constants/theme.js

@@ -0,0 +1,153 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.theme = void 0;
+require("@mui/styles");
+exports.theme = {
+    palette: {
+        primary: { main: '#0072CE', light: '#0072CE', dark: '#0072CE' },
+        secondary: { main: '#0072CE' },
+        error: { main: '#FF1744' },
+        success: { main: '#3B873E' },
+        background: {
+            paper: '#FFF',
+            default: '#FAFAFA'
+        },
+        action: {
+            hover: 'rgba(0,0,0,0.04)',
+            hoverOpacity: 0.04
+        },
+        text: {
+            primary: 'rgba(0,0,0,0.87)',
+            secondary: 'rgba(0,0,0,0.54)',
+            disabled: 'rgba(0,0,0,0.26)',
+            hint: 'rgba(0,0,0,0.38)'
+        },
+        divider: 'rgba(0,0,0,0.38)'
+    },
+    components: {
+        MuiButton: {
+            defaultProps: {
+                color: 'inherit'
+            }
+        },
+        MuiTooltip: {
+            defaultProps: {
+                disableInteractive: true
+            }
+        },
+        MuiTab: {
+            styleOverrides: {
+                root: {
+                    maxWidth: '264px'
+                }
+            }
+        },
+        MuiDialogTitle: {
+            styleOverrides: {
+                root: {
+                    '&&+.MuiDialogContent-root': {
+                        paddingTop: '13px'
+                    }
+                }
+            }
+        },
+        MuiFilledInput: {
+            styleOverrides: {
+                root: {
+                    lineHeight: '1.1876em',
+                    backgroundColor: 'rgba(0, 0, 0, 0.03)',
+                    '&:hover': {
+                        backgroundColor: 'rgba(0, 0, 0, 0.03)'
+                    },
+                    '&.focused': {
+                        backgroundColor: 'rgba(0, 0, 0, 0.03)'
+                    }
+                },
+                input: {
+                    '&.MuiSelect-select': {
+                        minHeight: '1.1876em'
+                    }
+                }
+            }
+        },
+        MuiTablePagination: {
+            styleOverrides: {
+                select: {
+                    '&.MuiInputBase-input': {
+                        minHeight: '1.1876em'
+                    }
+                }
+            }
+        },
+        MuiInputBase: {
+            styleOverrides: {
+                root: {
+                    '& .MuiInputAdornment-root': {
+                        color: 'rgba(0,0,0,0.87)'
+                    }
+                },
+                input: {
+                    '&::placeholder': {
+                        color: 'currentColor !important' // FF fix for QX overriding
+                    },
+                    '&::-ms-clear': {
+                        display: 'none'
+                    },
+                    '&.Mui-disabled': {
+                        WebkitTextFillColor: 'inherit'
+                    }
+                }
+            }
+        },
+        MuiMenuItem: {
+            styleOverrides: {
+                root: {
+                    '&.Mui-selected': {
+                        backgroundColor: 'rgba(0, 0, 0, 0.08)',
+                        '&.Mui-focusVisible': { backgroundColor: 'rgba(0, 0, 0, 0.08)' },
+                        '&:hover': {
+                            backgroundColor: 'rgba(0, 0, 0, 0.08)'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    breakpoints: {
+        values: {
+            xs: 0,
+            sm: 600,
+            md: 960,
+            lg: 1280,
+            xl: 1920
+        }
+    },
+    transitions: {
+        duration: {
+            shortest: 150,
+            shorter: 200,
+            short: 250,
+            standard: 300,
+            complex: 375,
+            enteringScreen: 225,
+            leavingScreen: 195
+        }
+    },
+    tooltip: {
+        borderRadius: '4px',
+        backgroundColor: 'rgba(0,0,0,0.54)'
+    },
+    inactiveBackground: 'repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 14px, #e9e9e9 15px, #e9e9e9 16px)',
+    inactiveSelectedBackground: 'repeating-linear-gradient(45deg, #DBE9F4, #DBE9F4 14px, #CCDAE5 15px, #CCDAE5 16px)',
+    inactiveSelectedHoverBackground: 'repeating-linear-gradient(45deg, #D4E2ED, #D4E2ED 14px, #C6D4DF 15px, #C6D4DF 16px)',
+    inactiveHoverBackground: 'repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 14px, #e2e2e2 15px, #e2e2e2 16px)',
+    inactive: {
+        opacity: 0.7
+    },
+    basicView: {
+        boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',
+        borderRadius: '3px',
+        backgroundColor: '#FFFFFF'
+    },
+    suggested: 'rgb(237, 246, 251)'
+};

package/cjs/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/WinnerSourcesRenderer.test.js

@@ -51,11 +51,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var styles_1 = require("@mui/styles");
 var styles_2 = require("@mui/material/styles");
 var react_2 = require("@testing-library/react");
 var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var constants_1 = require("../../../../../constants");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var CrosswalksDisplayContext_1 = require("../../../../../contexts/CrosswalksDisplayContext");
 var WinnerSourcesRenderer_1 = require("./WinnerSourcesRenderer");
@@ -113,7 +113,7 @@ describe('WinnerSourcesRenderer tests', function () {
         var Providers = function (_a) {
             var children = _a.children;
             return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } },
-                react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(mdm_sdk_1.theme) },
+                react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) },
                     react_1.default.createElement(CrosswalksDisplayContext_1.CrosswalksDisplayProvider, { setCrosswalkHighlighted: setCrosswalkHighlightedSpy, highlightedCrosswalks: highlightedCrosswalks }, children))));
         };
         return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(WinnerSourcesRenderer_1.WinnerSourcesRenderer, { value: value }), { wrapper: Providers }));

package/cjs/features/crosswalks/CrosswalkRow/CrosswalkRow.test.js

@@ -81,6 +81,7 @@ var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
 var styles_1 = require("@mui/styles");
 var styles_2 = require("@mui/material/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var constants_1 = require("../../../constants");
 var CrosswalksDisplay = __importStar(require("../../../contexts/CrosswalksDisplayContext"));
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var CrosswalkRow_1 = require("./CrosswalkRow");
@@ -130,7 +131,7 @@ var setUp = function (props, dndProps) {
         return (react_1.default.createElement(core_1.DndContext, __assign({}, dndProps),
             react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } },
                 react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment },
-                    react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(mdm_sdk_1.theme) }, children)))));
+                    react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) }, children)))));
     };
     var renderer = (0, react_2.render)(react_1.default.createElement(CrosswalkRow_1.CrosswalkRow, __assign({}, props)), { wrapper: Providers });
     return __assign(__assign({}, renderer), { user: user });

package/cjs/features/crosswalks/CrosswalkRow/DndCrosswalkRow.test.js

@@ -60,6 +60,7 @@ var styles_2 = require("@mui/material/styles");
 var dndKit_1 = require("../../../test-utils/dndKit");
 var core_1 = require("@dnd-kit/core");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var constants_1 = require("../../../constants");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var CrosswalkRow_1 = require("./CrosswalkRow");
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { isCrosswalkDisabled: jest.fn() })); });
@@ -107,7 +108,7 @@ var setUp = function (props, dndProps) {
         return (react_1.default.createElement(core_1.DndContext, __assign({}, dndProps),
             react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } },
                 react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment },
-                    react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(mdm_sdk_1.theme) }, children)))));
+                    react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) }, children)))));
     };
     var renderer = (0, react_2.render)(react_1.default.createElement(CrosswalkRow_1.CrosswalkRow, __assign({}, props)), { wrapper: Providers });
     return __assign(__assign({}, renderer), { user: user });

package/cjs/features/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.test.js

@@ -79,9 +79,9 @@ var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var styles_1 = require("@mui/styles");
 var styles_2 = require("@mui/material/styles");
 var CrosswalksDisplay = __importStar(require("../../../contexts/CrosswalksDisplayContext"));
-var SourceCrosswalksRow_1 = require("./SourceCrosswalksRow");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var constants_1 = require("../../../constants");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var SourceCrosswalksRow_1 = require("./SourceCrosswalksRow");
 jest.unmock('@mui/styles');
 var metadata = {
     sources: [
@@ -127,7 +127,7 @@ describe('SourceCrosswalksRow tests', function () {
         var Providers = function (_a) {
             var children = _a.children;
             return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } },
-                react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(mdm_sdk_1.theme) }, children)));
+                react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) }, children)));
         };
         var renderer = (0, react_2.render)(react_1.default.createElement(SourceCrosswalksRow_1.SourceCrosswalksRow, __assign({}, props)), { wrapper: Providers });
         return __assign(__assign({}, renderer), { user: user });

package/cjs/features/workflow/AddWorkflowDialog/AddWorkflowDialog.spec.js

@@ -57,6 +57,7 @@ var styles_1 = require("@mui/styles");
 var styles_2 = require("@mui/material/styles");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/ErrorPopup"));
+var constants_1 = require("../../../constants");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var WorkflowTasksContext_1 = require("../../../contexts/WorkflowTasksContext");
 var AddWorkflowDialog_1 = require("./AddWorkflowDialog");
@@ -75,7 +76,7 @@ var setUp = function (props) {
     var Providers = function (_a) {
         var children = _a.children;
         return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues },
-            react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(mdm_sdk_1.theme) },
+            react_1.default.createElement(styles_1.ThemeProvider, { theme: (0, styles_2.createTheme)(constants_1.theme) },
                 react_1.default.createElement(WorkflowTasksContext_1.WorkflowTasksContext.Provider, { value: contextValue }, children),
                 react_1.default.createElement(ErrorPopup_1.default, null))));
     };

package/cjs/features/workflow/WorkflowTaskCard/components/GenericWorkflowTaskCard/GenericWorkflowTaskCard.spec.js

@@ -69,6 +69,7 @@ var styles_2 = require("@mui/styles");
 var AdapterMoment_1 = require("@mui/x-date-pickers/AdapterMoment");
 var LocalizationProvider_1 = require("@mui/x-date-pickers/LocalizationProvider");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var constants_1 = require("../../../../../constants");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
 var WorkflowTasksContext_1 = require("../../../../../contexts/WorkflowTasksContext");
 var ErrorPopup_1 = require("../../../../../ErrorPopup");
@@ -108,7 +109,7 @@ var setUp = function (_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.mdmValues, mdmValues = _c === void 0 ? defaultMdmValues : _c, _d = _b.task, task = _d === void 0 ? defaultTask : _d;
     var user = user_event_1.default.setup();
     return __assign(__assign({}, (0, react_2.render)(react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: { errorSet: errorSet } },
-        react_1.default.createElement(styles_2.ThemeProvider, { theme: (0, styles_1.createTheme)(mdm_sdk_1.theme) },
+        react_1.default.createElement(styles_2.ThemeProvider, { theme: (0, styles_1.createTheme)(constants_1.theme) },
             react_1.default.createElement(LocalizationProvider_1.LocalizationProvider, { dateAdapter: AdapterMoment_1.AdapterMoment },
                 react_1.default.createElement(WorkflowTasksContext_1.WorkflowTasksContext.Provider, { value: workflowTaskContextValue },
                     react_1.default.createElement(GenericWorkflowTaskCard_1.GenericWorkflowTaskCard, { task: task },

package/constants/index.d.ts

@@ -6,3 +6,4 @@ export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
 export { ReactSelectOptionFilters } from './reactSelect';
 export { editingModeOption, suggestingModeOption, viewingModeOption } from './modeOptions';
+export { theme } from './theme';

package/constants/index.js

@@ -6,3 +6,4 @@ export { COMMON_TEXT_FIELD_PROPS } from './textField';
 export { POPUP_Z_INDEX } from './common';
 export { ReactSelectOptionFilters } from './reactSelect';
 export { editingModeOption, suggestingModeOption, viewingModeOption } from './modeOptions';
+export { theme } from './theme';

package/constants/theme.d.ts

@@ -0,0 +1,178 @@
+import { Theme } from '@mui/material/styles';
+import '@mui/styles';
+type ReltioTheme = Theme & {
+    inactiveBackground: string;
+    inactiveSelectedBackground: string;
+    inactiveSelectedHoverBackground: string;
+    inactiveHoverBackground: string;
+    tooltip: Record<string, unknown>;
+    inactive: Record<string, unknown>;
+    basicView: Record<string, unknown>;
+    suggested: string;
+};
+declare module '@mui/styles' {
+    interface DefaultTheme extends ReltioTheme {
+    }
+}
+export declare const theme: {
+    palette: {
+        primary: {
+            main: string;
+            light: string;
+            dark: string;
+        };
+        secondary: {
+            main: string;
+        };
+        error: {
+            main: string;
+        };
+        success: {
+            main: string;
+        };
+        background: {
+            paper: string;
+            default: string;
+        };
+        action: {
+            hover: string;
+            hoverOpacity: number;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+            disabled: string;
+            hint: string;
+        };
+        divider: string;
+    };
+    components: {
+        MuiButton: {
+            defaultProps: {
+                color: "inherit";
+            };
+        };
+        MuiTooltip: {
+            defaultProps: {
+                disableInteractive: boolean;
+            };
+        };
+        MuiTab: {
+            styleOverrides: {
+                root: {
+                    maxWidth: string;
+                };
+            };
+        };
+        MuiDialogTitle: {
+            styleOverrides: {
+                root: {
+                    '&&+.MuiDialogContent-root': {
+                        paddingTop: string;
+                    };
+                };
+            };
+        };
+        MuiFilledInput: {
+            styleOverrides: {
+                root: {
+                    lineHeight: string;
+                    backgroundColor: string;
+                    '&:hover': {
+                        backgroundColor: string;
+                    };
+                    '&.focused': {
+                        backgroundColor: string;
+                    };
+                };
+                input: {
+                    '&.MuiSelect-select': {
+                        minHeight: string;
+                    };
+                };
+            };
+        };
+        MuiTablePagination: {
+            styleOverrides: {
+                select: {
+                    '&.MuiInputBase-input': {
+                        minHeight: string;
+                    };
+                };
+            };
+        };
+        MuiInputBase: {
+            styleOverrides: {
+                root: {
+                    '& .MuiInputAdornment-root': {
+                        color: string;
+                    };
+                };
+                input: {
+                    '&::placeholder': {
+                        color: string;
+                    };
+                    '&::-ms-clear': {
+                        display: string;
+                    };
+                    '&.Mui-disabled': {
+                        WebkitTextFillColor: string;
+                    };
+                };
+            };
+        };
+        MuiMenuItem: {
+            styleOverrides: {
+                root: {
+                    '&.Mui-selected': {
+                        backgroundColor: string;
+                        '&.Mui-focusVisible': {
+                            backgroundColor: string;
+                        };
+                        '&:hover': {
+                            backgroundColor: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+    breakpoints: {
+        values: {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
+    };
+    transitions: {
+        duration: {
+            shortest: number;
+            shorter: number;
+            short: number;
+            standard: number;
+            complex: number;
+            enteringScreen: number;
+            leavingScreen: number;
+        };
+    };
+    tooltip: {
+        borderRadius: string;
+        backgroundColor: string;
+    };
+    inactiveBackground: string;
+    inactiveSelectedBackground: string;
+    inactiveSelectedHoverBackground: string;
+    inactiveHoverBackground: string;
+    inactive: {
+        opacity: number;
+    };
+    basicView: {
+        boxShadow: string;
+        borderRadius: string;
+        backgroundColor: string;
+    };
+    suggested: string;
+};
+export {};

package/constants/theme.js

@@ -0,0 +1,150 @@
+import '@mui/styles';
+export var theme = {
+    palette: {
+        primary: { main: '#0072CE', light: '#0072CE', dark: '#0072CE' },
+        secondary: { main: '#0072CE' },
+        error: { main: '#FF1744' },
+        success: { main: '#3B873E' },
+        background: {
+            paper: '#FFF',
+            default: '#FAFAFA'
+        },
+        action: {
+            hover: 'rgba(0,0,0,0.04)',
+            hoverOpacity: 0.04
+        },
+        text: {
+            primary: 'rgba(0,0,0,0.87)',
+            secondary: 'rgba(0,0,0,0.54)',
+            disabled: 'rgba(0,0,0,0.26)',
+            hint: 'rgba(0,0,0,0.38)'
+        },
+        divider: 'rgba(0,0,0,0.38)'
+    },
+    components: {
+        MuiButton: {
+            defaultProps: {
+                color: 'inherit'
+            }
+        },
+        MuiTooltip: {
+            defaultProps: {
+                disableInteractive: true
+            }
+        },
+        MuiTab: {
+            styleOverrides: {
+                root: {
+                    maxWidth: '264px'
+                }
+            }
+        },
+        MuiDialogTitle: {
+            styleOverrides: {
+                root: {
+                    '&&+.MuiDialogContent-root': {
+                        paddingTop: '13px'
+                    }
+                }
+            }
+        },
+        MuiFilledInput: {
+            styleOverrides: {
+                root: {
+                    lineHeight: '1.1876em',
+                    backgroundColor: 'rgba(0, 0, 0, 0.03)',
+                    '&:hover': {
+                        backgroundColor: 'rgba(0, 0, 0, 0.03)'
+                    },
+                    '&.focused': {
+                        backgroundColor: 'rgba(0, 0, 0, 0.03)'
+                    }
+                },
+                input: {
+                    '&.MuiSelect-select': {
+                        minHeight: '1.1876em'
+                    }
+                }
+            }
+        },
+        MuiTablePagination: {
+            styleOverrides: {
+                select: {
+                    '&.MuiInputBase-input': {
+                        minHeight: '1.1876em'
+                    }
+                }
+            }
+        },
+        MuiInputBase: {
+            styleOverrides: {
+                root: {
+                    '& .MuiInputAdornment-root': {
+                        color: 'rgba(0,0,0,0.87)'
+                    }
+                },
+                input: {
+                    '&::placeholder': {
+                        color: 'currentColor !important' // FF fix for QX overriding
+                    },
+                    '&::-ms-clear': {
+                        display: 'none'
+                    },
+                    '&.Mui-disabled': {
+                        WebkitTextFillColor: 'inherit'
+                    }
+                }
+            }
+        },
+        MuiMenuItem: {
+            styleOverrides: {
+                root: {
+                    '&.Mui-selected': {
+                        backgroundColor: 'rgba(0, 0, 0, 0.08)',
+                        '&.Mui-focusVisible': { backgroundColor: 'rgba(0, 0, 0, 0.08)' },
+                        '&:hover': {
+                            backgroundColor: 'rgba(0, 0, 0, 0.08)'
+                        }
+                    }
+                }
+            }
+        }
+    },
+    breakpoints: {
+        values: {
+            xs: 0,
+            sm: 600,
+            md: 960,
+            lg: 1280,
+            xl: 1920
+        }
+    },
+    transitions: {
+        duration: {
+            shortest: 150,
+            shorter: 200,
+            short: 250,
+            standard: 300,
+            complex: 375,
+            enteringScreen: 225,
+            leavingScreen: 195
+        }
+    },
+    tooltip: {
+        borderRadius: '4px',
+        backgroundColor: 'rgba(0,0,0,0.54)'
+    },
+    inactiveBackground: 'repeating-linear-gradient(45deg, #f5f5f5, #f5f5f5 14px, #e9e9e9 15px, #e9e9e9 16px)',
+    inactiveSelectedBackground: 'repeating-linear-gradient(45deg, #DBE9F4, #DBE9F4 14px, #CCDAE5 15px, #CCDAE5 16px)',
+    inactiveSelectedHoverBackground: 'repeating-linear-gradient(45deg, #D4E2ED, #D4E2ED 14px, #C6D4DF 15px, #C6D4DF 16px)',
+    inactiveHoverBackground: 'repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 14px, #e2e2e2 15px, #e2e2e2 16px)',
+    inactive: {
+        opacity: 0.7
+    },
+    basicView: {
+        boxShadow: '0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2)',
+        borderRadius: '3px',
+        backgroundColor: '#FFFFFF'
+    },
+    suggested: 'rgb(237, 246, 251)'
+};

package/features/crosswalks/AttributesTable/components/WinnerSourcesRenderer/WinnerSourcesRenderer.test.js

@@ -46,11 +46,11 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import React from 'react';
-import { theme } from '@reltio/mdm-sdk';
 import { ThemeProvider } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
+import { theme } from '../../../../../constants';
 import { MdmModuleProvider } from '../../../../../contexts/MdmModuleContext';
 import { CrosswalksDisplayProvider } from '../../../../../contexts/CrosswalksDisplayContext';
 import { WinnerSourcesRenderer } from './WinnerSourcesRenderer';

package/features/crosswalks/CrosswalkRow/CrosswalkRow.test.js

@@ -52,7 +52,8 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import { ThemeProvider } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
-import { isCrosswalkDisabled, theme } from '@reltio/mdm-sdk';
+import { isCrosswalkDisabled } from '@reltio/mdm-sdk';
+import { theme } from '../../../constants';
 import * as CrosswalksDisplay from '../../../contexts/CrosswalksDisplayContext';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import { CrosswalkRow } from './CrosswalkRow';

package/features/crosswalks/CrosswalkRow/DndCrosswalkRow.test.js

@@ -54,7 +54,8 @@ import { ThemeProvider } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
 import { mockDndKit } from '../../../test-utils/dndKit';
 import { DndContext } from '@dnd-kit/core';
-import { isCrosswalkDisabled, theme } from '@reltio/mdm-sdk';
+import { isCrosswalkDisabled } from '@reltio/mdm-sdk';
+import { theme } from '../../../constants';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import { CrosswalkRow } from './CrosswalkRow';
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { isCrosswalkDisabled: jest.fn() })); });

package/features/crosswalks/SourceCrosswalksRow/SourceCrosswalksRow.test.js

@@ -51,9 +51,9 @@ import userEvent from '@testing-library/user-event';
 import { ThemeProvider } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
 import * as CrosswalksDisplay from '../../../contexts/CrosswalksDisplayContext';
-import { SourceCrosswalksRow } from './SourceCrosswalksRow';
-import { theme } from '@reltio/mdm-sdk';
+import { theme } from '../../../constants';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
+import { SourceCrosswalksRow } from './SourceCrosswalksRow';
 jest.unmock('@mui/styles');
 var metadata = {
     sources: [

package/features/workflow/AddWorkflowDialog/AddWorkflowDialog.spec.js

@@ -50,8 +50,9 @@ import { act, render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { ThemeProvider } from '@mui/styles';
 import { createTheme } from '@mui/material/styles';
-import { processDefinitions, startProcessInstance, theme } from '@reltio/mdm-sdk';
+import { processDefinitions, startProcessInstance } from '@reltio/mdm-sdk';
 import RCErrorPopup from 'react-components/dist/ErrorPopup/ErrorPopup';
+import { theme } from '../../../constants';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
 import { WorkflowTasksContext } from '../../../contexts/WorkflowTasksContext';
 import { AddWorkflowDialog } from './AddWorkflowDialog';

package/features/workflow/WorkflowTaskCard/components/GenericWorkflowTaskCard/GenericWorkflowTaskCard.spec.js

@@ -63,7 +63,8 @@ import { createTheme } from '@mui/material/styles';
 import { ThemeProvider } from '@mui/styles';
 import { AdapterMoment } from '@mui/x-date-pickers/AdapterMoment';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
-import { runTaskAction, theme, getTaskById, addCommentForTask } from '@reltio/mdm-sdk';
+import { runTaskAction, getTaskById, addCommentForTask } from '@reltio/mdm-sdk';
+import { theme } from '../../../../../constants';
 import { MdmModuleProvider } from '../../../../../contexts/MdmModuleContext';
 import { WorkflowTasksContext } from '../../../../../contexts/WorkflowTasksContext';
 import { ErrorPopup } from '../../../../../ErrorPopup';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2029",
+  "version": "1.4.2031",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1898",
+    "@reltio/mdm-sdk": "^1.4.1900",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",