@reltio/components 1.4.1638 → 1.4.1639

package/esm/components/ProfileBandNavigation/ProfileBandNavigationWidget.d.ts

@@ -17,7 +17,7 @@ declare const LinkWithTooltip: React.ForwardRefExoticComponent<import("prop-type
     variant?: import("@mui/types").OverridableStringUnion<"inherit" | import("@mui/material").TypographyVariant, import("@mui/material").TypographyPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "key" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement>> & {
     ref?: React.Ref<HTMLAnchorElement>;
-}, "m" | "visibility" | "type" | "title" | "id" | "hidden" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
+}, "m" | "id" | "type" | "hidden" | "visibility" | "title" | "key" | "children" | "defaultValue" | "prefix" | "order" | "width" | "minHeight" | "maxHeight" | "height" | "flex" | "minWidth" | "maxWidth" | "top" | "right" | "left" | "position" | "referrerPolicy" | "results" | "p" | "slot" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "translate" | "whiteSpace" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "underline" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "media" | "target" | "role" | "tabIndex" | "href" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "hrefLang" | "rel" | "download" | "ping" | "align" | "variant" | "bgcolor" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping" | "TypographyClasses"> & {
     component: string;
 }>;
 type Props = {

package/esm/components/ProfileBandNavigation/hooks/useSearchNavigation.js

@@ -8,14 +8,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import mdmModule, { search as mdmModuleSearch, ui as mdmModuleUi } from '@reltio/mdm-module';
 import { getEntityUriForLink } from '@reltio/mdm-sdk';
 import { map, pipe, prop, reject } from 'ramda';
-import { useEntityLoadingIndication, useActionsHook, ViewIdContext } from '../../../contexts';
+import { useEntityLoadingIndication, useActionsHook, ViewIdContext, useMdmApiPath, useMdmDtssPath, useMdmGlobalSearchRequestOptions, useMdmSearchNavigationData, useMdmSearchProviderData, useMdmTenant, useMdmAction, useMdmListener } from '../../../contexts';
 import { useSafePromise } from '../../../hooks';
 import { getSearchProvider } from '../searchProviders/SearchProviderFactory';
-import { applyMergeToSearchNavigationData } from '../helpers';
 export var REQUEST_PAGE_SIZE = 15;
 var getNewUris = function (entities, cache) {
     return pipe(map(prop('uri')), reject(function (uri) { return cache.includes(uri); }))(entities);
@@ -24,29 +21,30 @@ var useSearchNavigation = function () {
     var safeCheckEntityPromise = useSafePromise();
     var safeRequestTotalPromise = useSafePromise();
     var safeRequestEntitiesPromise = useSafePromise();
-    var _a = useSelector(mdmModule.selectors.getSearchNavigationData) || {}, uri = _a.uri, index = _a.index, total = _a.total, searchTenant = _a.tenant, cache = _a.cache;
-    var _b = useSelector(mdmModule.selectors.getSearchProviderData) || {}, type = _b.type, data = _b.data;
-    var tenant = useSelector(mdmModule.selectors.getTenant);
-    var apiPath = useSelector(mdmModule.selectors.getApiPath);
-    var dtssPath = useSelector(mdmModule.selectors.getDtssPath);
-    var globalSearchRequestOptions = useSelector(function (state) {
-        return mdmModule.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']);
-    });
-    var updateEntitiesNavigationLoadingState = useEntityLoadingIndication().updateEntitiesNavigationLoadingState;
     var viewId = useContext(ViewIdContext);
-    var dispatch = useDispatch();
+    var searchNavigationListener = useMdmListener('searchNavigationListener');
+    var updateSearchNavigationDataFields = useMdmAction('updateSearchNavigationDataFields');
+    var mdmOpenEntity = useMdmAction('openEntity');
+    var openPerspective = useMdmAction('openPerspective');
+    var _a = useMdmSearchNavigationData() || {}, uri = _a.uri, index = _a.index, total = _a.total, searchTenant = _a.tenant, cache = _a.cache;
+    var _b = useMdmSearchProviderData() || {}, type = _b.type, data = _b.data;
+    var tenant = useMdmTenant();
+    var apiPath = useMdmApiPath();
+    var dtssPath = useMdmDtssPath();
+    var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions(['ovOnly']);
+    var updateEntitiesNavigationLoadingState = useEntityLoadingIndication().updateEntitiesNavigationLoadingState;
     var _c = useState(false), loading = _c[0], setLoading = _c[1];
     var searchProvider = useMemo(function () { return getSearchProvider(type, { data: data, tenant: tenant, searchTenant: searchTenant, apiPath: apiPath, dtssPath: dtssPath, globalSearchRequestOptions: globalSearchRequestOptions }); }, [type, data, tenant, searchTenant, apiPath, dtssPath, globalSearchRequestOptions]);
     var updateNavigationData = useCallback(function (data) {
-        dispatch(mdmModuleSearch.actions.updateSearchNavigationDataFields(data));
-    }, [dispatch]);
+        updateSearchNavigationDataFields(data);
+    }, [updateSearchNavigationDataFields]);
     var openEntity = useCallback(function (uri) {
         var preparedUri = tenant !== searchTenant ? getEntityUriForLink({ uri: uri, dataTenant: searchTenant }) : uri;
-        dispatch(mdmModuleUi.actions.openEntity({ uri: preparedUri, viewId: viewId, source: 'navigation' }));
-    }, [dispatch, viewId, tenant, searchTenant]);
+        mdmOpenEntity({ uri: preparedUri, viewId: viewId, source: 'navigation' });
+    }, [mdmOpenEntity, viewId, tenant, searchTenant]);
     var onSearchResultsClick = useCallback(function () {
-        dispatch(mdmModuleUi.actions.openPerspective({ perspectiveId: type, viewId: viewId }));
-    }, [dispatch, type, viewId]);
+        openPerspective({ perspectiveId: type, viewId: viewId });
+    }, [openPerspective, type, viewId]);
     useEffect(function () {
         if (index >= total) {
             updateNavigationData({
@@ -61,19 +59,9 @@ var useSearchNavigation = function () {
     }, [total, index, updateNavigationData]);
     var listenToActions = useActionsHook();
     useEffect(function () {
-        var stopListeningActions = listenToActions(function (action, state) {
-            switch (action.type) {
-                case mdmModuleSearch.constants.UPDATE_SEARCH_NAVIGATION_DATA_ON_MERGE: {
-                    var searchNavigationData = mdmModule.selectors.getSearchNavigationData(state);
-                    if (searchNavigationData) {
-                        updateNavigationData(applyMergeToSearchNavigationData(searchNavigationData, action.payload));
-                    }
-                    break;
-                }
-            }
-        });
+        var stopListeningActions = listenToActions(searchNavigationListener);
         return function () { return stopListeningActions(); };
-    }, [listenToActions, updateNavigationData]);
+    }, [listenToActions, updateNavigationData, searchNavigationListener]);
     var requestNextPage = useCallback(function (cache, total, index) {
         setLoading(true);
         safeRequestTotalPromise(searchProvider.requestTotal()).then(function (total) { return updateNavigationData({ total: total }); });

package/esm/components/ProfileBandNavigation/hooks/useSearchNavigationVisibility.js

@@ -1,10 +1,9 @@
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
 import { isViewMode } from '@reltio/mdm-sdk';
+import { useMdmEntity, useMdmMode, useMdmSearchNavigationData } from '../../../contexts';
 var useSearchNavigationVisibility = function () {
-    var cache = (useSelector(mdmModule.selectors.getSearchNavigationData) || {}).cache;
-    var mode = useSelector(mdmModule.selectors.getMode);
-    var entity = useSelector(mdmModule.selectors.getEntity);
+    var cache = (useMdmSearchNavigationData() || {}).cache;
+    var mode = useMdmMode();
+    var entity = useMdmEntity();
     return isViewMode(mode) && (cache === null || cache === void 0 ? void 0 : cache.includes(entity === null || entity === void 0 ? void 0 : entity.uri));
 };
 export { useSearchNavigationVisibility };

package/esm/components/ProfilesList/ProfilesList.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { Entity, Metadata } from '@reltio/mdm-sdk';
+import { Entity } from '@reltio/mdm-sdk';
 type Props = {
-    metadata: Metadata;
     entities: Entity[];
     entityToHighlight?: string;
     selectedEntityUri?: string;
@@ -12,5 +11,5 @@ type Props = {
     };
     entityButtonsRenderer?: (entity: Entity) => void;
 };
-declare const ProfilesList: ({ entities, metadata, entityToHighlight, selectedEntityUri, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => JSX.Element;
+declare const ProfilesList: ({ entities, entityToHighlight, selectedEntityUri, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => JSX.Element;
 export default ProfilesList;

package/esm/components/ProfilesList/ProfilesList.js

@@ -8,13 +8,15 @@ import EntityAvatar from '../EntityAvatar/EntityAvatar';
 import { ImportModes } from '../ImportButton/ImportButton';
 import { clearScrollTimer, isScrolledIntoView, scroll } from './helpers';
 import { useDidUpdateEffect } from '../../hooks';
+import { useMdmMetadata } from '../../contexts';
 import { useStyles } from './styles';
 var SECOND_SCROLL_PAUSE = 1000;
 var ProfilesList = function (_a) {
-    var entities = _a.entities, metadata = _a.metadata, entityToHighlight = _a.entityToHighlight, selectedEntityUri = _a.selectedEntityUri, onEntityClick = _a.onEntityClick, onEntityHover = _a.onEntityHover, entitiesImportStatus = _a.entitiesImportStatus, entityButtonsRenderer = _a.entityButtonsRenderer;
+    var entities = _a.entities, entityToHighlight = _a.entityToHighlight, selectedEntityUri = _a.selectedEntityUri, onEntityClick = _a.onEntityClick, onEntityHover = _a.onEntityHover, entitiesImportStatus = _a.entitiesImportStatus, entityButtonsRenderer = _a.entityButtonsRenderer;
     var styles = useStyles();
     var list = useRef(null);
     var scrollTimer = useRef(null);
+    var metadata = useMdmMetadata();
     useDidUpdateEffect(function () {
         var _a, _b;
         if (entityToHighlight) {

package/esm/components/RelationEditor/RelationEditor.js

@@ -13,18 +13,17 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import i18n from 'ui-i18n';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { always, concat, differenceWith, equals, forEach, omit, path, pick, pipe, prop, when, uniq } from 'ramda';
+import { always, concat, differenceWith, equals, forEach, omit, path, pick, pipe, prop, when, uniq, curry } from 'ramda';
 import Button from '@mui/material/Button';
 import Divider from '@mui/material/Divider';
 import Typography from '@mui/material/Typography';
-import { AttributeErrorType, ConnectionType, createTemporaryEntity, EntityType, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, MetadataType, omitMarks, relationEditorAttributeTypesSelectionStrategy, RelationsConfigType, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError } from '@reltio/mdm-sdk';
-import { profile } from '@reltio/mdm-module';
+import { ConnectionType, createTemporaryEntity, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, MetadataType, omitMarks, relationEditorAttributeTypesSelectionStrategy, RelationsConfigType, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError, getRelationUriFromConnection, getRelationEditorActiveError, getRelationAttributesFromConnection, getEntityUriFromConnection } from '@reltio/mdm-sdk';
 import ConnectionRelationTypeSelector from '../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector';
 import ErrorWrapper from '../ErrorWrapper/ErrorWrapper';
 import EntitySelector from '../attributes/editMode/EntitySelector/EntitySelector';
 import AttributesList from '../attributes/editMode/AttributesList';
 import { withContext } from '../../HOCs';
-import { isHighlightedErrorType, ScrollToElementContext } from '../../contexts';
+import { isHighlightedErrorType, ScrollToElementContext, useMdmAction, useMdmGlobalSearchRequestOptions, useMdmInitialConnection, useMdmInitialConnectionTempEntity, useMdmModifiedEntities, useMdmModifiedEntity, useMdmProfileErrors } from '../../contexts';
 import { useScrollToAttributeError } from '../../hooks';
 import { useStyles } from './styles';
 var areRelatedEntitiesChanged = function (initial, actual) {
@@ -32,11 +31,35 @@ var areRelatedEntitiesChanged = function (initial, actual) {
 };
 var RelationEditor = function (_a) {
     var _b;
-    var connection = _a.connection, modifiedEntity = _a.modifiedEntity, initialConnection = _a.initialConnection, initialModifiedEntity = _a.initialModifiedEntity, allModifiedEntities = _a.allModifiedEntities, dispatch = _a.dispatch, config = _a.config, mode = _a.mode, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, error = _a.error, highlightedError = _a.highlightedError;
-    //NOSONAR
-    var _c = connection.relation, relationUri = _c.relationUri, relationType = _c.relationType, direction = _c.direction;
-    var isNew = connection.isNew;
+    var connection = _a.connection, config = _a.config, mode = _a.mode, metadata = _a.metadata, highlightedError = _a.highlightedError;
     var styles = useStyles();
+    var _c = connection.relation, relationType = _c.relationType, direction = _c.direction;
+    var isNew = connection.isNew;
+    var entityUri = getEntityUriFromConnection(connection);
+    var relationUri = getRelationUriFromConnection(connection);
+    var isTempEntity = isTempUri(entityUri);
+    var mdmSetInitialInfo = useMdmAction('setInitialInfo');
+    var setRelationType = useMdmAction('setRelationType');
+    var closeRelationEditor = useMdmAction('closeRelationEditor');
+    var entityCreated = useMdmAction('entityCreated');
+    var entityDeleted = useMdmAction('entityDeleted');
+    var setRelationEntity = useMdmAction('setRelationEntity');
+    var errorDeactivated = useMdmAction('errorDeactivated');
+    var errorsSet = useMdmAction('errorsSet');
+    var addAttributes = useMdmAction('addAttributes');
+    var modifyAttribute = useMdmAction('modifyAttribute');
+    var removeAttribute = useMdmAction('removeAttribute');
+    var addRelation = useMdmAction('addRelation');
+    var editRelation = useMdmAction('editRelation');
+    var initialConnection = useMdmInitialConnection(config.id, relationUri);
+    var initialModifiedEntity = useMdmInitialConnectionTempEntity(config.id, relationUri);
+    var mdmModifiedEntity = useMdmModifiedEntity(entityUri);
+    var mdmAllModifiedEntities = useMdmModifiedEntities();
+    var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions(['ovOnly']);
+    var profileErrors = useMdmProfileErrors();
+    var error = getRelationEditorActiveError(connection, profileErrors);
+    var modifiedEntity = isTempEntity ? mdmModifiedEntity : null;
+    var allModifiedEntities = isTempEntity ? mdmAllModifiedEntities : null;
     var _d = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _d.ref, errorClassName = _d.errorClassName;
     var _e = useMemo(function () {
         return getInOutRelations({
@@ -48,12 +71,12 @@ var RelationEditor = function (_a) {
         });
     }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _f = _e.inRelations, inRelationTypes = _f === void 0 ? [] : _f, _g = _e.outRelations, outRelationTypes = _g === void 0 ? [] : _g;
     var firstLevelRelationAttrTypes = useMemo(function () { return getRelationAttributesList(metadata, relationType); }, [relationType, metadata]);
-    var attributeListEntity = useMemo(function () { return (__assign({ attributes: __assign({}, profile.relations.selectors.getRelationAttributesFromConnection(connection)) }, getActivenessAttributes(connection.relation))); }, [connection]);
+    var attributeListEntity = useMemo(function () { return (__assign({ attributes: __assign({}, getRelationAttributesFromConnection(connection)) }, getActivenessAttributes(connection.relation))); }, [connection]);
     var relatedTempEntities = useMemo(function () { return findRelatedTemporaryEntities(allModifiedEntities, modifiedEntity); }, [allModifiedEntities, modifiedEntity]);
     var relatedTempEntitiesUrisHistory = useRef([]);
     var setInitialInfo = useCallback(function (entity, connection) {
-        dispatch(profile.relations.actions.setInitialInfo(config.id, relationUri, entity, connection));
-    }, [dispatch]);
+        mdmSetInitialInfo(config.id, relationUri, entity, connection);
+    }, [mdmSetInitialInfo]);
     useEffect(function () {
         if (!initialConnection) {
             setInitialInfo(modifiedEntity, connection);
@@ -70,9 +93,9 @@ var RelationEditor = function (_a) {
         (!equals(initialConnectionChangeablePart, connectionChangeablePart) ||
             !equals(initialModifiedEntity, modifiedEntity) ||
             areRelatedEntitiesChanged(initialRelatedTempEntities.current, relatedTempEntities));
-    var applyAction = isNew ? profile.relations.actions.addRelation : profile.relations.actions.editRelation;
-    var onRelationTypeChange = useCallback(pipe(profile.relations.actions.setRelationType(config.id, relationUri), dispatch), [config, relationUri, dispatch]);
-    var handleClose = useCallback(function () { return pipe(profile.relations.actions.closeRelationEditor, dispatch)(config.id, relationUri); }, [config, relationUri, dispatch]);
+    var applyAction = useMemo(function () { return curry(isNew ? addRelation : editRelation); }, [isNew, addRelation, editRelation]);
+    var onRelationTypeChange = useCallback(function (relationType) { return setRelationType(config.id, relationUri, relationType); }, [config, relationUri, setRelationType]);
+    var handleClose = useCallback(function () { return closeRelationEditor(config.id, relationUri); }, [config, relationUri, closeRelationEditor]);
     var updateModifiedEntityLabel = useCallback(function (connection) {
         if (modifiedEntity) {
             var entityType = getEntityType(metadata, modifiedEntity.type);
@@ -80,24 +103,24 @@ var RelationEditor = function (_a) {
         }
         return connection;
     }, [modifiedEntity, metadata]);
-    var setModifiedEntity = useCallback(function (entity) { return dispatch(profile.modifiedEntities.actions.entityCreated(entity)); }, [dispatch]);
-    var deleteModifiedEntity = useCallback(function (entityUri) { return dispatch(profile.modifiedEntities.actions.entityDeleted(entityUri)); }, [dispatch]);
+    var setModifiedEntity = useCallback(function (entity) { return entityCreated(entity); }, [entityCreated]);
+    var deleteModifiedEntity = useCallback(function (entityUri) { return entityDeleted(entityUri); }, [entityDeleted]);
     var onChangeEntity = useCallback(function (entity) {
         if (modifiedEntity) {
             deleteModifiedEntity(modifiedEntity.uri);
         }
-        dispatch(profile.relations.actions.setRelationEntity(config.id, relationUri, entity));
+        setRelationEntity(config.id, relationUri, entity);
         if (error) {
-            dispatch(profile.errors.actions.errorDeactivated(getErrorId(error)));
+            errorDeactivated(getErrorId(error));
         }
-    }, [config.id, relationUri, dispatch, modifiedEntity, deleteModifiedEntity, error]);
+    }, [config.id, relationUri, setRelationEntity, errorDeactivated, modifiedEntity, deleteModifiedEntity, error]);
     var validate = useCallback(function () {
         var errors = validateConnection(metadata, allModifiedEntities, connection);
-        dispatch(profile.errors.actions.errorsSet(errors));
+        errorsSet(errors);
         return errors.length === 0;
-    }, [connection, metadata, allModifiedEntities, dispatch]);
-    var resetErrors = useCallback(function () { return dispatch(profile.errors.actions.errorsSet([])); }, [dispatch]);
-    var onApply = useCallback(pipe(always(connection), when(validate, pipe(omitMarks, updateModifiedEntityLabel, omit(['initial']), applyAction(config.id), dispatch, always(differenceWith(equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map(prop('uri')))), forEach(deleteModifiedEntity), handleClose))), [connection, config, dispatch, updateModifiedEntityLabel, validate, relatedTempEntities]);
+    }, [connection, metadata, allModifiedEntities, errorsSet]);
+    var resetErrors = useCallback(function () { return errorsSet([]); }, [errorsSet]);
+    var onApply = useCallback(pipe(always(connection), when(validate, pipe(omitMarks, updateModifiedEntityLabel, omit(['initial']), applyAction(config.id), always(differenceWith(equals, relatedTempEntitiesUrisHistory.current, relatedTempEntities.map(prop('uri')))), forEach(deleteModifiedEntity), handleClose))), [connection, config, updateModifiedEntityLabel, validate, relatedTempEntities]);
     var onCancel = useCallback(function () {
         if (modifiedEntity !== initialModifiedEntity) {
             if (initialModifiedEntity) {
@@ -117,11 +140,9 @@ var RelationEditor = function (_a) {
         resetErrors();
         handleClose();
     }, [handleClose, setModifiedEntity, deleteModifiedEntity, resetErrors, modifiedEntity, initialModifiedEntity]);
-    var onAddAttributes = useCallback(function (params) {
-        return pipe(profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: config.id })); }));
-    }, [config.id, dispatch]);
-    var onChangeAttribute = useCallback(function (params) { return pipe(profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, dispatch]);
-    var onDeleteAttribute = useCallback(function (params) { return pipe(profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, dispatch]);
+    var onAddAttributes = useCallback(function (params) { return addAttributes(params.map(function (param) { return (__assign(__assign({}, param), { viewId: config.id })); })); }, [config.id, addAttributes]);
+    var onChangeAttribute = useCallback(function (params) { return modifyAttribute(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, modifyAttribute]);
+    var onDeleteAttribute = useCallback(function (params) { return removeAttribute(__assign(__assign({}, params), { viewId: config.id })); }, [config.id, removeAttribute]);
     var onCreateEntity = useCallback(function (entityTypeUri, initValue) {
         var entityType = getEntityType(metadata, entityTypeUri);
         var newEntityAttrTypes = pipe(relationEditorAttributeTypesSelectionStrategy, getCreatableAttributeTypes(mode))(entityType);
@@ -162,17 +183,9 @@ var RelationEditor = function (_a) {
 };
 RelationEditor.propTypes = {
     connection: ConnectionType,
-    modifiedEntity: EntityType,
-    initialConnection: ConnectionType,
-    initialModifiedEntity: EntityType,
-    allModifiedEntities: PropTypes.object,
-    dispatch: PropTypes.func,
     config: RelationsConfigType,
     mode: PropTypes.string,
     metadata: MetadataType,
-    globalSearchRequestOptions: PropTypes.object,
-    error: AttributeErrorType,
-    parentEntityUri: PropTypes.string,
     highlightedError: PropTypes.object
 };
 export default withContext(ScrollToElementContext, function (contextValue, _a) {

package/esm/components/RelevanceScoreBadge/RelevanceScoreBadge.js

@@ -1,16 +1,15 @@
 import React from 'react';
 import classnames from 'classnames';
-import mdmModule from '@reltio/mdm-module';
 import { getMatchRuleLabel, formatRelevanceScore, checkMatchRuleSummaryRelevance } from '@reltio/mdm-sdk';
-import { useSelector } from 'react-redux';
 import Tooltip from '@mui/material/Tooltip';
 import i18n from 'ui-i18n';
+import { useMdmEntity, useMdmMetadata } from '../../contexts';
 import { useStyles } from './styles';
 export var RelevanceScoreBadge = function (_a) {
     var className = _a.className, matchRuleSummaries = _a.matchRuleSummaries;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var entity = useSelector(mdmModule.selectors.getEntity);
+    var metadata = useMdmMetadata();
+    var entity = useMdmEntity();
     var matchRuleSummaryWithBestScore = matchRuleSummaries === null || matchRuleSummaries === void 0 ? void 0 : matchRuleSummaries.filter(checkMatchRuleSummaryRelevance).sort(function (a, b) { return b.relevance - a.relevance; })[0];
     if (!matchRuleSummaryWithBestScore) {
         return null;

package/esm/components/SelectAttributesList/SelectAttributesList.js

@@ -21,21 +21,20 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { memo } from 'react';
-import { useSelector } from 'react-redux';
 import ListItem from '@mui/material/ListItem';
-import mdmModule from '@reltio/mdm-module';
 import AttributeListItem from '../AttributeListItem/AttributeListItem';
 import VirtualGroupedList from '../VirtualGroupedList/VirtualGroupedList';
 import Highlighter from '../Highlighter/Highlighter';
 import AttributeGroupIcon from '../AttributeGroupIcon/AttributeGroupIcon';
 import { checkAttributeIncludes } from '../BasicAttributeSelector/helpers';
+import { useMdmMetadata } from '../../contexts';
 import { useStyles } from './styles';
 var ITEM_HEIGHT = 28;
 var ITEM_GROUP_TITLE_HEIGHT = 40;
 var SelectAttributesList = function (_a) {
     var selectedAttributes = _a.selectedAttributes, onItemClick = _a.onItemClick, focusIndex = _a.focusIndex, hideCheckBox = _a.hideCheckBox, otherProps = __rest(_a, ["selectedAttributes", "onItemClick", "focusIndex", "hideCheckBox"]);
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var getItemSize = function (i, item) { return (item.items ? ITEM_GROUP_TITLE_HEIGHT : ITEM_HEIGHT); };
     var renderGroupTitle = function (style, item) { return (React.createElement(ListItem, { component: 'div', className: styles.subHeader, style: style, key: "group-".concat(item.item.id) },
         item.item.needGroupIcon && React.createElement(AttributeGroupIcon, { group: item.item, metadata: metadata }),

package/esm/components/SmallIconButton/SmallIconButton.d.ts

@@ -5,5 +5,5 @@ declare const _default: React.JSXElementConstructor<Omit<Pick<Omit<IconButtonPro
     iconClassName?: string;
     icon?: React.ElementType<any>;
     size?: "M" | "L" | "XXS" | "XS" | "S" | "MPlus" | "XL";
-}, "value" | "type" | "title" | "id" | "name" | "hidden" | "icon" | "key" | "children" | "defaultValue" | "size" | "prefix" | "action" | "results" | "form" | "slot" | "style" | "color" | "translate" | "disabled" | "className" | "classes" | "sx" | "lang" | "role" | "tabIndex" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "iconClassName"> & React.RefAttributes<HTMLButtonElement>, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL"> & object>;
+}, "value" | "id" | "type" | "name" | "hidden" | "icon" | "title" | "key" | "children" | "defaultValue" | "size" | "prefix" | "action" | "results" | "form" | "slot" | "style" | "color" | "translate" | "disabled" | "className" | "classes" | "sx" | "lang" | "role" | "tabIndex" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "iconClassName"> & React.RefAttributes<HTMLButtonElement>, "classes"> & import("@mui/styles/withStyles").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL"> & object>;
 export default _default;

package/esm/components/SmallIconButton/index.d.ts

@@ -13,5 +13,5 @@ declare const SmallIconButtonWithTooltip: import("react").ForwardRefExoticCompon
     iconClassName?: string;
     icon?: import("react").ElementType<any>;
     size?: "M" | "L" | "XXS" | "XS" | "S" | "MPlus" | "XL";
-}, "value" | "type" | "title" | "id" | "name" | "hidden" | "icon" | "key" | "children" | "defaultValue" | "size" | "prefix" | "action" | "results" | "form" | "slot" | "style" | "color" | "translate" | "disabled" | "className" | "classes" | "sx" | "lang" | "role" | "tabIndex" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "iconClassName"> & import("react").RefAttributes<HTMLButtonElement>, "classes"> & import("@mui/styles").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL"> & object>;
+}, "value" | "id" | "type" | "name" | "hidden" | "icon" | "title" | "key" | "children" | "defaultValue" | "size" | "prefix" | "action" | "results" | "form" | "slot" | "style" | "color" | "translate" | "disabled" | "className" | "classes" | "sx" | "lang" | "role" | "tabIndex" | "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" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "iconClassName"> & import("react").RefAttributes<HTMLButtonElement>, "classes"> & import("@mui/styles").StyledComponentProps<"disabled" | "rootAll" | "rootXXS" | "iconXXS" | "rootXS" | "iconXS" | "rootS" | "iconS" | "rootM" | "rootMPlus" | "rootL" | "rootXL"> & object>;
 export { SmallIconButton, SmallIconButtonWithTooltip };

package/esm/components/SourceIcon/SourceIcon.js

@@ -1,12 +1,11 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
 import { findSourceSystemByUri, getAbsoluteImageUrl, getSourceSystemLabel } from '@reltio/mdm-sdk';
 import AvatarWithFallback from '../AvatarWithFallback/AvatarWithFallback';
+import { useMdmMetadata } from '../../contexts';
 var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
 var SourceIcon = function (_a) {
     var sourceType = _a.sourceType, className = _a.className, classes = _a.classes;
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var _b = findSourceSystemByUri(metadata, sourceType) || {}, uri = _b.uri, icon = _b.icon;
     var avatarText = uri ? getSourceSystemLabel(metadata, uri)[0] : '';
     var sourceIcon = icon ? getAbsoluteImageUrl(SOURCE_URL, icon) : null;

package/esm/components/SourceSystemsSelector/SourceSystemsSelector.js

@@ -1,12 +1,11 @@
 import React, { useMemo } from 'react';
-import { useSelector } from 'react-redux';
 import { map, pipe, sortBy } from 'ramda';
-import mdmModule from '@reltio/mdm-module';
 import { getLastUriPart } from '@reltio/mdm-sdk';
 import MultiValueSelector from '../MultiValueSelector/MultiValueSelector';
+import { useMdmMetadata } from '../../contexts';
 var SourceSystemsSelector = function (_a) {
     var values = _a.values, onChange = _a.onChange, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var options = useMemo(function () {
         return pipe(sortBy(function (option) { return option.label; }), map(function (_a) {
             var label = _a.label, uri = _a.uri;

package/esm/components/TenantLabel/TenantLabel.js

@@ -1,15 +1,14 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
 import Typography from '@mui/material/Typography';
 import classnames from 'classnames';
-import mdmModule from '@reltio/mdm-module';
 import TenantIcon from '../../icons/Tenant';
 import { useStyles } from './styles';
+import { useMdmEnvironment, useMdmTenantName } from '../../contexts';
 var TenantLabel = function (_a) {
     var className = _a.className;
     var styles = useStyles();
-    var customerTenantLabel = useSelector(mdmModule.selectors.getTenantName);
-    var environmentName = useSelector(mdmModule.selectors.getEnvironment);
+    var customerTenantLabel = useMdmTenantName();
+    var environmentName = useMdmEnvironment();
     var tenantLabelWithEnv = "".concat(customerTenantLabel).concat(environmentName ? ' - ' + environmentName.toUpperCase() : '');
     return (React.createElement("div", { className: classnames(styles.labelWrapper, className) },
         React.createElement(TenantIcon, { className: styles.tenantIcon, "data-reltio-id": "reltio-tenant-icon" }),

package/esm/components/TenantsDropDownSelector/TenantsDropDownSelector.js

@@ -1,17 +1,16 @@
 import React, { useMemo } from 'react';
-import { useSelector } from 'react-redux';
 import { defaultTo, filter, map, pipe, prepend } from 'ramda';
 import ArrowDropDownIcon from '@mui/icons-material/ArrowDropDown';
-import mdmModule from '@reltio/mdm-module';
 import { isAvailableTenantForEntityType, isEmptyValue } from '@reltio/mdm-sdk';
 import { DropDownMenuButton, TenantIcon } from '../index';
 import TenantMenuItem from './TenantMenuItem/TenantMenuItem';
+import { useMdmDataTenants, useMdmTenantObject } from '../../contexts';
 import { useStyles } from './styles';
 export var TenantsDropDownSelector = function (_a) {
     var entityTypeUri = _a.entityTypeUri, onChangeTenant = _a.onChangeTenant, selectedTenant = _a.selectedTenant;
     var styles = useStyles();
-    var dataTenants = useSelector(mdmModule.selectors.getDataTenants);
-    var customerTenant = useSelector(mdmModule.selectors.getTenantObject);
+    var dataTenants = useMdmDataTenants();
+    var customerTenant = useMdmTenantObject();
     var menuItems = useMemo(function () {
         return pipe(defaultTo([]), filter(isAvailableTenantForEntityType(entityTypeUri)), map(function (dataTenant) { return ({
             tenant: dataTenant,

package/esm/components/UploadImageDialog/TargetBox/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "description" | "icon" | "root" | "isActive">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"description" | "icon" | "title" | "root" | "isActive">;

package/esm/components/UploadImageDialog/UploadImageDialog.js

@@ -1,8 +1,6 @@
 import React, { useState } from 'react';
 import i18n from 'ui-i18n';
-import { useSelector } from 'react-redux';
 import { uploadImage as uploadImageRequest, getRequestErrorMessage } from '@reltio/mdm-sdk';
-import mdm from '@reltio/mdm-module';
 import Box from '@mui/material/Box';
 import Dialog from '@mui/material/Dialog';
 import Typography from '@mui/material/Typography';
@@ -14,14 +12,15 @@ import { ErrorSnackbar } from './ErrorSnackbar/ErrorSnackbar';
 import { IMAGE_TYPES, MAX_IMAGE_SIZE } from './constants';
 import { useStyles } from './styles';
 import { DragAndDrop } from '../DragAndDrop/DragAndDrop';
+import { useMdmEnvironment, useMdmImageServicePath, useMdmTenant } from '../../contexts';
 export var UploadImageDialog = function (_a) {
     var open = _a.open, onClose = _a.onClose, onUpload = _a.onUpload;
     var styles = useStyles();
-    var imageServicePath = useSelector(mdm.selectors.getImageServicePath);
-    var environment = useSelector(mdm.selectors.getEnvironment);
-    var tenant = useSelector(mdm.selectors.getTenant);
     var _b = useState(false), loading = _b[0], setLoading = _b[1];
     var _c = useState(null), error = _c[0], setError = _c[1];
+    var imageServicePath = useMdmImageServicePath();
+    var environment = useMdmEnvironment();
+    var tenant = useMdmTenant();
     var uploadImage = function (image) {
         setLoading(true);
         uploadImageRequest({ image: image, imageServicePath: imageServicePath, environment: environment, tenant: tenant })