@reltio/components 1.4.1638 → 1.4.1639

package/cjs/components/AttributeGroupIcon/AttributeGroupIcon.js

@@ -4,15 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var AvatarWithFallback_1 = __importDefault(require("../AvatarWithFallback/AvatarWithFallback"));
+var contexts_1 = require("../../contexts");
 var styles_1 = require("./styles");
 var AttributeGroupIcon = function (_a) {
     var group = _a.group, metadata = _a.metadata;
     var styles = (0, styles_1.useStyles)();
-    var absoluteImagePath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAbsoluteImagePath);
+    var absoluteImagePath = (0, contexts_1.useMdmAbsoluteImagePath)();
     var entityTypeGraphIcon = (0, mdm_sdk_1.getEntityTypeGraphIcon)(metadata, { type: group.id });
     var absoluteImageUrl = (0, mdm_sdk_1.getAbsoluteImageUrl)(absoluteImagePath, entityTypeGraphIcon);
     return react_1.default.createElement(AvatarWithFallback_1.default, { className: styles.icon, icon: absoluteImageUrl, avatarText: group.title[0] });

package/cjs/components/AttributeSelector/AttributeSelector.js

@@ -52,19 +52,18 @@ var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MultiSelect_1 = __importDefault(require("../ReactSelect/MultiSelect"));
 var MultiValue_1 = __importDefault(require("../ReactSelect/commonComponents/MultiValue"));
 var DropdownIndicatorWithIconButton_1 = __importDefault(require("../commonReactSelectComponents/DropdownIndicatorWithIconButton"));
 var AttributeListItem_1 = __importDefault(require("../AttributeListItem/AttributeListItem"));
+var contexts_1 = require("../../contexts");
 var styles_1 = require("./styles");
 var AttributeSelector = function (_a) {
     var entityType = _a.entityType, selectedAttributes = _a.selectedAttributes, className = _a.className, onChange = _a.onChange, title = _a.title, disableUnderline = _a.disableUnderline, _b = _a.menuPlacement, menuPlacement = _b === void 0 ? 'bottom' : _b;
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var styles = (0, styles_1.useStyles)();
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var prepareItems = (0, react_1.useCallback)(function (data, level, prevLabel) {
         if (level === void 0) { level = 0; }
         if (prevLabel === void 0) { prevLabel = ''; }

package/cjs/components/AttributesFiltersBuilder/AttributesFiltersBuilder.js

@@ -36,9 +36,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var ramda_1 = require("ramda");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var helpers_1 = require("./helpers");
 var FilterSelector_1 = __importDefault(require("./components/FilterSelector/FilterSelector"));
@@ -46,20 +44,21 @@ var RowActions_1 = __importDefault(require("./components/RowActions/RowActions")
 var QueryBuilderRowsGroup_1 = __importDefault(require("../QueryBuilderRowsGroup/QueryBuilderRowsGroup"));
 var AttributeSelector_1 = __importDefault(require("./components/AttributeSelector/AttributeSelector"));
 var ValuesEditor_1 = __importDefault(require("./components/ValuesEditor/ValuesEditor"));
+var contexts_1 = require("../../contexts");
 var styles_1 = require("./styles");
 var EMPTY_FILTER = { fieldName: null, filter: null, values: [] };
 var Stub = function () { return null; };
 var AttributesFiltersBuilder = function (_a) {
     var attributeTypes = _a.attributeTypes, filters = _a.filters, onChange = _a.onChange, _b = _a.components, components = _b === void 0 ? {} : _b;
     var CustomValuesEditor = components.ValuesEditor, CustomFilterSelector = components.FilterSelector;
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var entityType = (0, mdm_sdk_1.getEntityType)(metadata, (0, helpers_1.getEntityTypeFromAttrTypes)(attributeTypes));
     var _c = (0, styles_1.useStyles)(), attrSelector = _c.attrSelector, filterSelector = _c.filterSelector, actionContainer = _c.actionContainer;
     var actualFilters = (0, react_1.useRef)(filters);
-    actualFilters.current = filters;
     var attributeFilterRef = (0, react_1.useRef)(null);
     var lastAttributesCountRef = (0, react_1.useRef)(null);
     var attributesCountRef = (0, react_1.useRef)(null);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var entityType = (0, mdm_sdk_1.getEntityType)(metadata, (0, helpers_1.getEntityTypeFromAttrTypes)(attributeTypes));
+    actualFilters.current = filters;
     var rowClasses = (0, react_1.useMemo)(function () { return ({
         attributeSelectorContainer: attrSelector,
         filterSelectorContainer: filterSelector,

package/cjs/components/BasicTableView/ColumnFilter/FilterChip/FilterChip.d.ts

@@ -1,20 +1,14 @@
+/// <reference types="react" />
+import { DataTypeDefinition, PrimitiveValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+type FilterValue = SimpleAttributeValue | PrimitiveValue;
+type Props = {
+    filterOption: {
+        value: string;
+        label: string;
+    };
+    filterValue: FilterValue | FilterValue[];
+    onDelete: () => void;
+    dataTypeDefinition: DataTypeDefinition;
+};
+declare const FilterChip: ({ filterOption, filterValue, onDelete, dataTypeDefinition }: Props) => JSX.Element;
 export default FilterChip;
-declare function FilterChip({ filterOption, filterValue, onDelete, dataTypeDefinition }: {
-    filterOption: any;
-    filterValue: any;
-    onDelete: any;
-    dataTypeDefinition: any;
-}): JSX.Element;
-declare namespace FilterChip {
-    namespace propTypes {
-        export { FilterValueType as filterValue };
-        export const filterOption: PropTypes.Requireable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            label: PropTypes.Requireable<string>;
-        }>>;
-        export const onDelete: PropTypes.Requireable<(...args: any[]) => any>;
-        export const dataTypeDefinition: PropTypes.Requireable<object>;
-    }
-}
-import { FilterValueType } from '@reltio/mdm-sdk';
-import PropTypes from 'prop-types';

package/cjs/components/BasicTableView/ColumnFilter/FilterChip/FilterChip.js

@@ -4,21 +4,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var Chip_1 = __importDefault(require("@mui/material/Chip"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var react_1 = __importDefault(require("react"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
-var styles_1 = require("./styles");
 var ExpandedValueTooltip_1 = __importDefault(require("../../../ExpandedValueTooltip/ExpandedValueTooltip"));
+var contexts_1 = require("../../../../contexts");
+var styles_1 = require("./styles");
 var FilterChip = function (_a) {
     var filterOption = _a.filterOption, filterValue = _a.filterValue, onDelete = _a.onDelete, dataTypeDefinition = _a.dataTypeDefinition;
+    var styles = (0, styles_1.useStyles)();
+    var attributePresentations = (0, contexts_1.useMdmAttributePresentations)();
+    var dateMask = (0, contexts_1.useMdmDateMask)();
+    var dateTimeMask = (0, contexts_1.useMdmDateTimeMask)();
     var canFilterAcceptValues = (0, mdm_sdk_1.checkIfOptionHasValues)(filterOption.value);
     var optionLabel = filterOption.label + (canFilterAcceptValues ? ': ' : '');
-    var styles = (0, styles_1.useStyles)();
-    var attributePresentations = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributePresentations);
-    var dateMask = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDateMask);
-    var dateTimeMask = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDateTimeMask);
     var formatValue = (0, mdm_sdk_1.formatDataTypeValue)({ attributePresentations: attributePresentations, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask });
     var convertedValue = (0, mdm_sdk_1.mapFilterValue)(formatValue, filterValue);
     var filterLabel = canFilterAcceptValues ? (0, mdm_sdk_1.getFilterValueLabel)(filterOption.value, convertedValue) : '';
@@ -30,13 +28,4 @@ var FilterChip = function (_a) {
             label: styles['filter-chip__label']
         }, onDelete: onDelete }));
 };
-FilterChip.propTypes = {
-    filterValue: mdm_sdk_1.FilterValueType,
-    filterOption: prop_types_1.default.shape({
-        value: prop_types_1.default.string,
-        label: prop_types_1.default.string
-    }),
-    onDelete: prop_types_1.default.func,
-    dataTypeDefinition: prop_types_1.default.object
-};
 exports.default = FilterChip;

package/cjs/components/BasicView/BasicView.d.ts

@@ -8,5 +8,5 @@ declare const BasicView: React.ForwardRefExoticComponent<Pick<{
     variant?: import("@mui/types").OverridableStringUnion<"elevation" | "outlined", import("@mui/material/Paper").PaperPropsVariantOverrides>;
 } & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
     ref?: React.Ref<HTMLDivElement>;
-}, "children" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "variant">, "title" | "id" | "hidden" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "color" | "translate" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "role" | "tabIndex" | "elevation" | "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" | "variant"> & React.RefAttributes<HTMLDivElement>>;
+}, "children" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "elevation" | "variant">, "id" | "hidden" | "title" | "key" | "children" | "defaultValue" | "prefix" | "results" | "slot" | "color" | "translate" | "square" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "lang" | "role" | "tabIndex" | "elevation" | "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" | "variant"> & React.RefAttributes<HTMLDivElement>>;
 export default BasicView;

package/cjs/components/CollaborationItem/Comment/Comment.js

@@ -28,13 +28,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Comment = void 0;
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Link_1 = __importDefault(require("@mui/material/Link"));
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
 var SmallIconButton_1 = require("../../SmallIconButton");
 var CommentTarget_1 = require("../CommentTarget/CommentTarget");
@@ -49,7 +47,7 @@ var Comment = function (_a) {
     var onReply = _a.onReply, className = _a.className, uri = _a.uri, comment = _a.comment, relatedObjectUris = _a.relatedObjectUris, objectType = _a.objectType;
     var styles = (0, styles_1.useStyles)();
     var inputRef = (0, react_1.useRef)();
-    var username = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserName);
+    var username = (0, contexts_1.useMdmUsername)();
     var commentId = comment.commentId, createdBy = comment.createdBy, createdTime = comment.createdTime, status = comment.status;
     var isResolved = status === 'resolved';
     var canChangeComment = createdBy === username;

package/cjs/components/CollaborationItem/CommentTarget/CommentTarget.js

@@ -39,11 +39,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CommentTarget = void 0;
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_sdk_2 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
@@ -55,9 +53,9 @@ var styles_1 = require("./styles");
 var CommentTarget = function (_a) {
     var comment = _a.comment, className = _a.className;
     var styles = (0, styles_1.useStyles)();
-    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var entitiesMap = (0, react_1.useContext)(contexts_1.EntitiesMapContext);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var entity = (0, contexts_1.useMdmEntity)();
     var getContent = function () {
         var _a;
         switch (comment.objectType) {

package/cjs/components/CollaborationItem/CommentTarget/styles.d.ts

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

package/cjs/components/CollaborationItem/RepliedComment/RepliedComment.js

@@ -28,10 +28,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RepliedComment = void 0;
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
@@ -47,8 +45,8 @@ var styles_1 = require("./styles");
 var RepliedComment = function (_a) {
     var className = _a.className, reply = _a.reply, uri = _a.uri, comment = _a.comment, popperRef = _a.popperRef;
     var inputRef = (0, react_1.useRef)();
+    var username = (0, contexts_1.useMdmUsername)();
     var createdBy = reply.createdBy, action = reply.action, createdTime = reply.createdTime;
-    var username = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserName);
     var canChangeReply = createdBy === username && comment.status !== 'resolved';
     var _b = (0, react_1.useContext)(contexts_1.CollaborationContext), deleteReply = _b.deleteReply, updateCommentState = _b.updateCommentState, getCommentState = _b.getCommentState;
     var commentUri = (0, utils_1.createEditedReplyUri)(comment, reply);

package/cjs/components/CollaborationItem/SendMessageArea/SendMessageArea.js

@@ -30,9 +30,7 @@ exports.SendMessageArea = void 0;
 var react_1 = __importStar(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
 var ramda_1 = require("ramda");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var Button_1 = __importDefault(require("@mui/material/Button"));
 var TextFieldWithMentions_1 = require("../TextFieldWithMentions/TextFieldWithMentions");
@@ -74,8 +72,8 @@ var SendMessageArea = function (_a) {
     var isEditing = isEditingComment || isEditingReply;
     var styles = (0, styles_1.useStyles)({ isEditing: isEditing });
     var _b = (0, react_1.useState)(false), focused = _b[0], setFocused = _b[1];
-    var username = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserName);
     var _c = (0, react_1.useContext)(contexts_1.CollaborationContext), createReply = _c.createReply, createComment = _c.createComment, sending = _c.sending, editComment = _c.editComment, editReply = _c.editReply, getCommentState = _c.getCommentState, updateCommentState = _c.updateCommentState, clearCommentState = _c.clearCommentState;
+    var username = (0, contexts_1.useMdmUsername)();
     var commentUri = (0, utils_1.createCommentUri)({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
     var defaultCommentState = getDefaultCommentState({ comment: comment, reply: reply, isEditingComment: isEditingComment, isEditingReply: isEditingReply });
     var _d = getCommentState(uri, commentUri), _e = _d.value, value = _e === void 0 ? defaultCommentState.value : _e, _f = _d.plainTextValue, plainTextValue = _f === void 0 ? defaultCommentState.plainTextValue : _f, _g = _d.mentions, mentions = _g === void 0 ? defaultCommentState.mentions : _g;

package/cjs/components/ColoredSourceIcon/ColoredSourceIcon.js

@@ -28,8 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var react_redux_1 = require("react-redux");
 var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../contexts");
@@ -39,7 +37,7 @@ var ColoredSourceIcon = function (_a) {
     var className = _a.className, crosswalk = _a.crosswalk, _b = _a.showTooltip, showTooltip = _b === void 0 ? true : _b;
     var styles = (0, styles_1.useStyles)();
     var color = (0, contexts_1.useCrosswalkColor)(crosswalk);
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata) || {};
+    var metadata = (0, contexts_1.useMdmMetadata)() || {};
     var content = (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.itemContainer, className), style: { background: color } },
         react_1.default.createElement(SourceIcon_1.default, { sourceType: crosswalk.type, className: styles.item })));
     return showTooltip ? react_1.default.createElement(Tooltip_1.default, { title: (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalk.type) }, content) : content;

package/cjs/components/ConnectionEditor/ConnectionEditor.js

@@ -41,8 +41,6 @@ exports.ConnectionEditor = void 0;
 var styles_1 = require("./styles");
 var hooks_1 = require("../../hooks");
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var AttributesList_1 = __importDefault(require("../attributes/editMode/AttributesList"));
 var classnames_1 = __importDefault(require("classnames"));
@@ -50,6 +48,7 @@ var ramda_1 = require("ramda");
 var ConnectionRelationTypeSelector_1 = __importDefault(require("../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector"));
 var ErrorWrapper_1 = __importDefault(require("../ErrorWrapper/ErrorWrapper"));
 var EntitySelector_1 = __importDefault(require("../attributes/editMode/EntitySelector/EntitySelector"));
+var contexts_1 = require("../../contexts");
 var ConnectionEditor = function (_a) {
     var _b;
     var connection = _a.connection, relatedEntity = _a.relatedEntity, _c = _a.inRelationTypes, inRelationTypes = _c === void 0 ? [] : _c, _d = _a.outRelationTypes, outRelationTypes = _d === void 0 ? [] : _d, showEmptyEditors = _a.showEmptyEditors, entityErrorMessage = _a.entityErrorMessage, onChangeAttribute = _a.onChangeAttribute, onRemoveAttribute = _a.onRemoveAttribute, onAddAttributes = _a.onAddAttributes, onChangeRelationType = _a.onChangeRelationType, onChangeEntity = _a.onChangeEntity;
@@ -57,7 +56,8 @@ var ConnectionEditor = function (_a) {
     var relation = connection.relation, entity = connection.entity;
     var _e = relation || {}, attributes = _e.attributes, relationUri = _e.uri, _f = _e.type, relationTypeUri = _f === void 0 ? '' : _f, direction = _e.direction;
     var isRelationTypeSelected = Boolean(relationTypeUri);
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var globalSearchRequestOptions = (0, contexts_1.useMdmGlobalSearchRequestOptions)(['ovOnly']);
     var attributeListEntity = (0, react_1.useMemo)(function () {
         return relation && __assign({ attributes: attributes }, (0, mdm_sdk_1.getActivenessAttributes)(relation));
     }, [relation, attributes]);
@@ -69,9 +69,6 @@ var ConnectionEditor = function (_a) {
             ])
             : (0, ramda_1.uniq)((0, mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes)(true, metadata, outRelationTypes).concat((0, mdm_sdk_1.getSuitableEntityTypeUrisForRelationTypes)(false, metadata, inRelationTypes)));
     }, [isRelationTypeSelected, relationTypeUri, metadata, inRelationTypes, outRelationTypes]);
-    var globalSearchRequestOptions = (0, react_redux_1.useSelector)(function (state) {
-        return mdm_module_1.default.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']);
-    });
     var selectorCompatibleRelation = (0, react_1.useMemo)(function () {
         return relation && {
             relationType: relation.type,

package/cjs/components/DataTenantBadge/DataTenantBadge.js

@@ -6,22 +6,24 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataTenantBadge = void 0;
 var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
 var ramda_1 = require("ramda");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Tooltip_1 = __importDefault(require("@mui/material/Tooltip"));
+var contexts_1 = require("../../contexts");
 var styles_1 = require("./styles");
 var addDataTenantPrefix = function (label) { return "DT:".concat((0, ramda_1.slice)(0, 1, label)); };
 var DataTenantBadge = function (_a) {
     var dataTenantId = _a.dataTenantId, className = _a.className;
     var styles = (0, styles_1.useStyles)({ dataTenantId: dataTenantId });
-    var dataTenants = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDataTenants);
+    var dataTenants = (0, contexts_1.useMdmDataTenants)();
     var dataTenant = (0, ramda_1.pipe)((0, ramda_1.defaultTo)([]), (0, ramda_1.find)((0, ramda_1.propEq)('id', dataTenantId)))(dataTenants);
     var label = (0, ramda_1.pipe)((0, ramda_1.propOr)('', 'label'), ramda_1.toUpper, (0, ramda_1.ifElse)((0, ramda_1.startsWith)('DT:'), (0, ramda_1.slice)(0, 4), addDataTenantPrefix))(dataTenant);
     var content = (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, className) },
         react_1.default.createElement(Typography_1.default, { variant: "body2" }, label)));
     var showTooltip = !!(dataTenant === null || dataTenant === void 0 ? void 0 : dataTenant.label);
-    return showTooltip ? react_1.default.createElement(Tooltip_1.default, { title: dataTenant.label }, content) : content;
+    if (!showTooltip) {
+        return content;
+    }
+    return (react_1.default.createElement(Tooltip_1.default, { "data-reltio-id": "reltio-data-tenant-bage-tooltip", title: dataTenant.label }, content));
 };
 exports.DataTenantBadge = DataTenantBadge;

package/cjs/components/DataTypeValue/DataTypeValue.js

@@ -6,18 +6,17 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var moment_1 = __importDefault(require("moment"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
 var Link_1 = __importDefault(require("@mui/material/Link"));
 var SearchHighlighter_1 = __importDefault(require("../SearchHighlighter/SearchHighlighter"));
+var contexts_1 = require("../../contexts");
 var DataTypeValue = function (_a) {
     var _b = _a.value, value = _b === void 0 ? null : _b, dataTypeDefinition = _a.dataTypeDefinition, _c = _a.rich, rich = _c === void 0 ? true : _c;
-    var attributePresentations = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributePresentations);
     var localeDateFormat = moment_1.default.localeData().longDateFormat('L');
     var localeTimeFormat = moment_1.default.localeData().longDateFormat('LTS');
-    var dateMask = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDateMask) || localeDateFormat;
-    var dateTimeMask = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDateTimeMask) || localeDateFormat + ' ' + localeTimeFormat;
+    var attributePresentations = (0, contexts_1.useMdmAttributePresentations)();
+    var dateMask = (0, contexts_1.useMdmDateMask)() || localeDateFormat;
+    var dateTimeMask = (0, contexts_1.useMdmDateTimeMask)() || localeDateFormat + ' ' + localeTimeFormat;
     var formattedValue = (0, mdm_sdk_1.formatDataTypeValue)({ attributePresentations: attributePresentations, dataTypeDefinition: dataTypeDefinition, dateMask: dateMask, dateTimeMask: dateTimeMask }, value);
     return rich && (0, mdm_sdk_1.isAttributeValueLink)(dataTypeDefinition, value) ? (react_1.default.createElement(Link_1.default, { target: "_blank", href: (0, mdm_sdk_1.addProtocolToLink)(formattedValue), underline: "none" },
         react_1.default.createElement(SearchHighlighter_1.default, { text: formattedValue }))) : (react_1.default.createElement(SearchHighlighter_1.default, { text: formattedValue }));

package/cjs/components/EntityAvatar/EntityAvatar.js

@@ -4,16 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
 var classnames_1 = __importDefault(require("classnames"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Avatar_1 = __importDefault(require("@mui/material/Avatar"));
 var no_photo_svg_1 = require("./no-photo.svg");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var contexts_1 = require("../../contexts");
 var EntityAvatar = function (_a) {
     var entity = _a.entity, avatarClassName = _a.avatarClassName, imageClassName = _a.imageClassName;
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var absoluteImagePath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAbsoluteImagePath) || '';
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var absoluteImagePath = (0, contexts_1.useMdmAbsoluteImagePath)() || '';
     var entityImageSource = (0, mdm_sdk_1.getEntityImage)(metadata, absoluteImagePath, entity);
     var fallbackImage = (0, mdm_sdk_1.getAbsoluteImageUrl)(absoluteImagePath, (0, mdm_sdk_1.getEntityTypeImage)(metadata, entity.type));
     var onImageLoadFail = function (e) {

package/cjs/components/EntityTypeBadge/EntityTypeBadge.js

@@ -4,19 +4,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
 var classnames_1 = __importDefault(require("classnames"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
+var contexts_1 = require("../../contexts");
 var styles_1 = __importDefault(require("./styles"));
 var EntityTypeBadge = function (_a) {
     var entity = _a.entity, className = _a.className, _b = _a.size, size = _b === void 0 ? 'small' : _b;
     var styles = (0, styles_1.default)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var entityTypeUri = entity.type;
-    var entityType = (0, mdm_sdk_1.getEntityType)(metadata, entityTypeUri);
+    var metadata = (0, contexts_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 entityTypeLabel = (0, mdm_sdk_1.getEntityTypeLabel)(metadata, entity);

package/cjs/components/EntityTypeIcon/EntityTypeIcon.js

@@ -15,12 +15,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var EntityTypeIcon_1 = __importDefault(require("react-components/dist/EntityTypeIcon/EntityTypeIcon"));
+var contexts_1 = require("../../contexts");
 var ensureSlashEnding = function (str) { return (str.endsWith('/') ? str : str + '/'); };
 var EntityTypeIcon = function (props) {
-    var absoluteImagePath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAbsoluteImagePath) || '';
+    var absoluteImagePath = (0, contexts_1.useMdmAbsoluteImagePath)() || '';
     return react_1.default.createElement(EntityTypeIcon_1.default, __assign({}, props, { storagePath: ensureSlashEnding(absoluteImagePath) }));
 };
 exports.default = EntityTypeIcon;

package/cjs/components/EntityUriLink/EntityUriLink.js

@@ -46,19 +46,17 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var contexts_1 = require("../../contexts");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var EntityUriLink = (0, react_1.forwardRef)(function (_a, ref) {
     var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className, otherProps = __rest(_a, ["value", "children", "screen", "className"]);
-    var dispatch = (0, react_redux_1.useDispatch)();
     var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
     var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
-    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
+    var openEntity = (0, contexts_1.useMdmAction)('openEntity');
+    var uiPath = (0, contexts_1.useMdmUiPath)();
     var generateEntityUrlByUri = function (uri) { return generateEntityUrl({ uiPath: uiPath, uri: uri, screen: screen }); };
     var onClick = (0, react_1.useCallback)(function () {
-        dispatch(mdm_module_1.ui.actions.openEntity({ uri: value, viewId: viewId, screen: screen }));
-    }, [viewId, value, dispatch, screen]);
+        openEntity({ uri: value, viewId: viewId, screen: screen });
+    }, [viewId, value, openEntity, screen]);
     return (react_1.default.createElement("a", __assign({ ref: ref, href: generateEntityUrlByUri(value), onClick: function (e) {
             onClick();
             e.stopPropagation();

package/cjs/components/ErrorPopup/ErrorPopup.d.ts

@@ -1,9 +1,14 @@
+/// <reference types="react" />
+type AddError = (error: {
+    title: string;
+    message: string;
+}) => void;
+type Props = {
+    showErrorFromStore?: boolean;
+    [key: string]: unknown;
+};
+declare const ErrorPopup: {
+    ({ showErrorFromStore, ...props }: Props): JSX.Element;
+    addError: AddError;
+};
 export default ErrorPopup;
-declare function ErrorPopup(props: any): JSX.Element;
-declare namespace ErrorPopup {
-    namespace propTypes {
-        const showErrorFromStore: PropTypes.Requireable<boolean>;
-    }
-    const addError: any;
-}
-import PropTypes from 'prop-types';

package/cjs/components/ErrorPopup/ErrorPopup.js

@@ -33,39 +33,44 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Portal_1 = __importDefault(require("@mui/material/Portal"));
 var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/ErrorPopup"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var contexts_1 = require("../../contexts");
 var styles_1 = require("./styles");
-var ErrorPopup = function (props) {
+var addError = ErrorPopup_1.default.addError;
+var ErrorPopup = function (_a) {
+    var showErrorFromStore = _a.showErrorFromStore, props = __rest(_a, ["showErrorFromStore"]);
     var styles = (0, styles_1.useStyles)();
-    var autoCloseInterval = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAutoCloseInterval);
-    var uiError = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUiError);
-    var dispatch = (0, react_redux_1.useDispatch)();
+    var errorSet = (0, contexts_1.useMdmAction)('errorSet');
+    var autoCloseInterval = (0, contexts_1.useMdmAutoCloseInterval)();
+    var uiError = (0, contexts_1.useMdmUiError)();
     (0, react_1.useEffect)(function () {
-        if (uiError && props.showErrorFromStore) {
-            ErrorPopup.addError({
-                title: ui_i18n_1.default.text('Error'),
-                message: uiError
-            });
-            dispatch(mdm_module_1.ui.actions.errorSet(null));
+        if (uiError && showErrorFromStore) {
+            ErrorPopup.addError({ title: ui_i18n_1.default.text('Error'), message: uiError });
+            errorSet(null);
         }
-    }, [dispatch, uiError, props.showErrorFromStore]);
+    }, [errorSet, uiError, showErrorFromStore]);
     return (react_1.default.createElement(Portal_1.default, { container: document.body },
         react_1.default.createElement(ErrorPopup_1.default, __assign({ classes: { errorBlock: (0, classnames_1.default)(styles.errorBlock, (0, ramda_1.path)(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
 };
-ErrorPopup.propTypes = {
-    showErrorFromStore: prop_types_1.default.bool
-};
-ErrorPopup.addError = ErrorPopup_1.default.addError;
+ErrorPopup.addError = addError;
 exports.default = ErrorPopup;

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

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

package/cjs/components/HierarchyNodeTitle/HierarchyNodeTitle.js

@@ -29,8 +29,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.HierarchyNodeTitle = void 0;
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var Link_1 = __importDefault(require("../Link/Link"));
 var Popper_1 = __importDefault(require("../Popper/Popper"));
 var ProfileCard_1 = __importDefault(require("../ProfileCard/ProfileCard"));
@@ -41,15 +39,15 @@ var HierarchyNodeTitle = function (_a) {
     var _b;
     var title = _a.title, isSelected = _a.isSelected, entityUri = _a.entityUri, viewId = _a.viewId, anchorEl = _a.anchorEl, _c = _a.withEntityDetails, withEntityDetails = _c === void 0 ? true : _c;
     var styles = (0, styles_1.useStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
     var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
+    var openEntity = (0, contexts_1.useMdmAction)('openEntity');
+    var uiPath = (0, contexts_1.useMdmUiPath)();
     var _d = (0, useEntityDetails_1.useEntityDetails)(entityUri), isLoading = _d.isLoading, entityDetails = _d.entityDetails, showEntityDetails = _d.showEntityDetails, hideEntityDetails = _d.hideEntityDetails;
     var link = generateEntityUrl({ uiPath: uiPath, uri: entityUri });
     var showPopper = Boolean(anchorEl) && (Boolean(entityDetails) || isLoading);
     var handleClick = (0, react_1.useCallback)(function () {
-        dispatch(mdm_module_1.ui.actions.openEntity({ uri: entityUri, viewId: viewId }));
-    }, [dispatch, entityUri, viewId]);
+        openEntity({ uri: entityUri, viewId: viewId });
+    }, [openEntity, entityUri, viewId]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("span", { "data-reltio-id": "reltio-hierarchy-node-title", className: (0, classnames_1.default)(styles.link, (_b = {}, _b[styles.selected] = isSelected, _b)), onMouseEnter: withEntityDetails ? showEntityDetails : undefined, onMouseLeave: withEntityDetails ? hideEntityDetails : undefined },
             react_1.default.createElement(Link_1.default, { to: link, onClick: handleClick }, title)),