@reltio/components 1.4.1637 → 1.4.1639

package/cjs/components/attributes/editMode/AttributesPager/AttributesPager.js

@@ -30,14 +30,22 @@ var RENDERER_TYPES;
     RENDERER_TYPES["default"] = "default";
 })(RENDERER_TYPES || (RENDERER_TYPES = {}));
 var AttributesPager = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
+    var _b;
+    var values = _a.values, attributeType = _a.attributeType, _c = _a.mode, mode = _c === void 0 ? mdm_sdk_1.Mode.Viewing : _c, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, maxProp = _a.max, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, highlightedError = _a.highlightedError, highlightedAttribute = _a.highlightedAttribute, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, additionalControlsRenderer = _a.additionalControlsRenderer;
+    var onDeactivateError = (0, contexts_1.useMdmAction)('errorDeactivated');
+    var requestNextPageOfAttributeValues = (0, contexts_1.useMdmAction)('requestNextPageOfAttributeValues');
+    var activeErrors = (0, contexts_1.useMdmActiveErrorsForAttributesPager)(parentUri, attributeType);
+    var profileErrors = (0, contexts_1.useMdmProfileErrors)();
+    var defaultMaxValues = (0, contexts_1.useMdmDefaultMaxValues)();
+    var errorMessage = (0, mdm_sdk_1.getAttributePagerActiveTypeErrorMessage)(parentUri, attributeType, profileErrors);
+    var max = (_b = maxProp !== null && maxProp !== void 0 ? maxProp : defaultMaxValues) !== null && _b !== void 0 ? _b : Infinity;
     var partitionByOv = (0, ramda_1.partition)(mdm_sdk_1.isOv);
     var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
     var visibleValues = showNonOv ? values : ovValues;
     var nonVisibleValues = showNonOv ? [] : nonOvValues;
     var commonProps = {
         errorMessage: errorMessage,
-        errors: errors,
+        errors: activeErrors,
         mode: mode,
         parentUri: parentUri,
         onAddAttributes: onAddAttributes,

package/cjs/components/attributes/editMode/AttributesPager/ImageLineRenderer.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import { AttributeItem, AttributeType, ImageAttributeValue, Paging } from '@reltio/mdm-sdk';
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
+import { AttributeItem, AttributeType, ImageAttributeValue, Paging, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
 import { ScrollToElementContext } from '../../../../contexts';
 type Props = {
     attributeType: AttributeType;

package/cjs/components/attributes/editMode/AttributesPager/index.d.ts

@@ -1,39 +1,2 @@
-import React from 'react';
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
-import { AttributeError, AttributeType, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, AttributeItem } from '@reltio/mdm-sdk';
-import AttributesPager from './AttributesPager';
-import CardinalityMessage from './CardinalityMessage';
-import { ScrollToElementContext } from '../../../../contexts';
-type StateProps = {
-    errorMessage: string;
-    errors: AttributeError[];
-    max: number;
-};
-type DispatchProps = {
-    onDeactivateError: (id: string) => void;
-    requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
-};
-type OwnProps = {
-    values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | ImageAttributeValue | string | number)[];
-    attributeType: AttributeType;
-    paging?: Paging;
-    mode?: Mode;
-    crosswalks?: Crosswalk[];
-    parentUri: string;
-    drawLines: boolean;
-    max?: number;
-    showEmptyEditors: boolean;
-    showNonOv?: boolean;
-    onAddAttributes: (params: AttributeItem[]) => void;
-    onDeleteAttribute: (param: AttributeItem) => void;
-    onChangeAttribute: (param: AttributeItem) => void;
-    additionalControlsRenderer?: (props: any) => JSX.Element;
-    highlightedError?: React.ContextType<typeof ScrollToElementContext>;
-    highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
-};
-export type AttributePagerProps = StateProps & DispatchProps & OwnProps;
-export { AttributesPager, CardinalityMessage };
-declare const _default: import("react-redux").ConnectedComponent<React.ComponentType<StateProps & DispatchProps & OwnProps>, (import("react-redux").Omit<React.ClassAttributes<React.Component<StateProps & DispatchProps & OwnProps, any, any>> & StateProps & DispatchProps & OwnProps, "max" | "errorMessage" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError"> | import("react-redux").Omit<StateProps & DispatchProps & OwnProps & {
-    children?: React.ReactNode;
-}, "max" | "errorMessage" | "errors" | "requestNextPageOfAttributeValues" | "onDeactivateError">) & OwnProps>;
-export default _default;
+export { default as CardinalityMessage } from './CardinalityMessage';
+export { default } from './AttributesPager';

package/cjs/components/attributes/editMode/AttributesPager/index.js

@@ -1,49 +1,10 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CardinalityMessage = exports.AttributesPager = void 0;
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var AttributesPager_1 = __importDefault(require("./AttributesPager"));
-exports.AttributesPager = AttributesPager_1.default;
-var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
-exports.CardinalityMessage = CardinalityMessage_1.default;
-var mapStateToProps = function (state, _a) {
-    var parentUri = _a.parentUri, attributeType = _a.attributeType, max = _a.max;
-    return ({
-        errors: mdm_module_1.default.selectors.getActiveErrorsForAttributesPager(state, parentUri, attributeType),
-        errorMessage: (0, mdm_sdk_1.getAttributePagerActiveTypeErrorMessage)(parentUri, attributeType, mdm_module_1.default.selectors.getProfileErrors(state)),
-        max: max || mdm_module_1.default.selectors.getDefaultMaxValues(state)
-    });
-};
-var mapDispatchToProps = {
-    requestNextPageOfAttributeValues: mdm_module_1.profile.actions.requestNextPageOfAttributeValues,
-    onDeactivateError: mdm_module_1.profile.errors.actions.errorDeactivated
-};
-exports.default = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(AttributesPager_1.default);
+exports.default = exports.CardinalityMessage = void 0;
+var CardinalityMessage_1 = require("./CardinalityMessage");
+Object.defineProperty(exports, "CardinalityMessage", { enumerable: true, get: function () { return __importDefault(CardinalityMessage_1).default; } });
+var AttributesPager_1 = require("./AttributesPager");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(AttributesPager_1).default; } });

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "link" | "description" | "caption" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"link" | "description" | "caption" | "title" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;

package/cjs/components/attributes/editMode/AttributesPager/types.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { AttributeType, Crosswalk, ImageAttributeValue, Mode, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, AttributeItem } from '@reltio/mdm-sdk';
+import { ScrollToElementContext } from '../../../../contexts';
+export type AttributePagerProps = {
+    values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | ImageAttributeValue | string | number)[];
+    attributeType: AttributeType;
+    paging?: Paging;
+    mode?: Mode;
+    crosswalks?: Crosswalk[];
+    parentUri: string;
+    drawLines: boolean;
+    max?: number;
+    showEmptyEditors: boolean;
+    showNonOv?: boolean;
+    onAddAttributes: (params: AttributeItem[]) => void;
+    onDeleteAttribute: (param: AttributeItem) => void;
+    onChangeAttribute: (param: AttributeItem) => void;
+    additionalControlsRenderer?: (props: any) => JSX.Element;
+    highlightedError?: React.ContextType<typeof ScrollToElementContext>;
+    highlightedAttribute?: React.ContextType<typeof ScrollToElementContext>;
+};

package/cjs/components/attributes/editMode/AttributesView/AttributesView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AttributesViewProps } from '../../types';
 type Props = Omit<AttributesViewProps, 'attributesCount'>;
-declare const AttributesView: ({ className, entity, mode, metadata, caption, excludeUris, includeUris, pinnedAttributes }: Props) => JSX.Element;
+declare const AttributesView: ({ className, mode, entity, caption, excludeUris, includeUris, pinnedAttributes }: Props) => JSX.Element;
 export default AttributesView;

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

@@ -38,10 +38,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 classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Box_1 = __importDefault(require("@mui/material/Box"));
 var BasicView_1 = __importDefault(require("../../../BasicView/BasicView"));
@@ -53,19 +50,20 @@ var PinnedAttributesContext_1 = require("../contexts/PinnedAttributesContext");
 var styles_1 = require("./styles");
 var AttributesView = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, mode = _a.mode, metadata = _a.metadata, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, pinnedAttributes = _a.pinnedAttributes;
+    var className = _a.className, mode = _a.mode, entity = _a.entity, _c = _a.caption, caption = _c === void 0 ? '' : _c, _d = _a.excludeUris, excludeUris = _d === void 0 ? [] : _d, _e = _a.includeUris, includeUris = _e === void 0 ? [] : _e, pinnedAttributes = _a.pinnedAttributes;
     var styles = (0, styles_1.useStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
     var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
-    var userRoles = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUserRoles);
+    var addAttributes = (0, contexts_1.useMdmAction)('addAttributes');
+    var modifyAttribute = (0, contexts_1.useMdmAction)('modifyAttribute');
+    var removeAttribute = (0, contexts_1.useMdmAction)('removeAttribute');
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var userRoles = (0, contexts_1.useMdmUserRoles)();
+    var modifiedEntity = (0, contexts_1.useMdmModifiedEntity)(entity.uri) || {};
     var pinnedAttributeUris = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getPinnedAttributesForUser)(pinnedAttributes, userRoles); }, [pinnedAttributes, userRoles]);
-    var modifiedEntity = (0, react_redux_1.useSelector)(function (state) { return mdm_module_1.default.selectors.getModifiedEntity(state, entity.uri) || {}; });
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, modifiedEntity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, modifiedEntity.type]);
-    var onAddAttributes = (0, react_1.useCallback)(function (params) {
-        return (0, ramda_1.pipe)(mdm_module_1.profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); }));
-    }, [viewId, dispatch]);
-    var onChangeAttribute = (0, react_1.useCallback)(function (params) { return (0, ramda_1.pipe)(mdm_module_1.profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
-    var onDeleteAttribute = (0, react_1.useCallback)(function (params) { return (0, ramda_1.pipe)(mdm_module_1.profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
+    var onAddAttributes = (0, react_1.useCallback)(function (params) { return addAttributes(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); })); }, [viewId, addAttributes]);
+    var onChangeAttribute = (0, react_1.useCallback)(function (params) { return modifyAttribute(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, modifyAttribute]);
+    var onDeleteAttribute = (0, react_1.useCallback)(function (params) { return removeAttribute(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, removeAttribute]);
     return (react_1.default.createElement(BasicView_1.default, { className: className },
         caption && react_1.default.createElement(FacetViewHeader_1.default, { className: styles.header, title: caption }),
         react_1.default.createElement(Box_1.default, { className: (0, classnames_1.default)(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) },

package/cjs/components/attributes/editMode/EntityCreator/EntityCreator.d.ts

@@ -1,25 +1,10 @@
+/// <reference types="react" />
+import { AttributeType, Mode, TEntityType } from '@reltio/mdm-sdk';
+type Props = {
+    entityUri: string;
+    entityType: TEntityType;
+    mode: Mode;
+    attributeTypesSelectionStrategy?: (entityType: TEntityType) => AttributeType[];
+};
+declare const EntityCreator: ({ entityUri, entityType, mode, attributeTypesSelectionStrategy }: Props) => JSX.Element;
 export default EntityCreator;
-declare function EntityCreator({ entity, entityType, attributeTypesSelectionStrategy, mode, onAddAttributes, onDeleteAttribute, onChangeAttribute }: {
-    entity: any;
-    entityType: any;
-    attributeTypesSelectionStrategy?: (entityType: any) => any;
-    mode: any;
-    onAddAttributes: any;
-    onDeleteAttribute: any;
-    onChangeAttribute: any;
-}): JSX.Element;
-declare namespace EntityCreator {
-    namespace propTypes {
-        export const entityUri: PropTypes.Requireable<string>;
-        export const parentUri: PropTypes.Requireable<string>;
-        export const entity: PropTypes.Requireable<object>;
-        export const entityType: PropTypes.Requireable<object>;
-        export const attributeTypesSelectionStrategy: PropTypes.Requireable<(...args: any[]) => any>;
-        export { ModeType as mode };
-        export const onAddAttributes: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onDeleteAttribute: PropTypes.Requireable<(...args: any[]) => any>;
-        export const onChangeAttribute: PropTypes.Requireable<(...args: any[]) => any>;
-    }
-}
-import PropTypes from 'prop-types';
-import { ModeType } from '@reltio/mdm-sdk';

package/cjs/components/attributes/editMode/EntityCreator/EntityCreator.js

@@ -27,24 +27,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var AttributesList_1 = __importDefault(require("../AttributesList"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../../../../contexts");
 var defaultAttributeTypesSelectionStrategy = function (entityType) { return entityType && entityType.attributes; };
 var EntityCreator = function (_a) {
-    var entity = _a.entity, entityType = _a.entityType, _b = _a.attributeTypesSelectionStrategy, attributeTypesSelectionStrategy = _b === void 0 ? defaultAttributeTypesSelectionStrategy : _b, mode = _a.mode, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute;
+    var entityUri = _a.entityUri, entityType = _a.entityType, mode = _a.mode, _b = _a.attributeTypesSelectionStrategy, attributeTypesSelectionStrategy = _b === void 0 ? defaultAttributeTypesSelectionStrategy : _b;
+    var addAttributes = (0, contexts_1.useMdmAction)('addAttributes');
+    var removeAttribute = (0, contexts_1.useMdmAction)('removeAttribute');
+    var modifyAttribute = (0, contexts_1.useMdmAction)('modifyAttribute');
+    var entity = (0, contexts_1.useMdmModifiedEntity)(entityUri);
     var attributeTypes = (0, react_1.useMemo)(function () { return attributeTypesSelectionStrategy(entityType); }, [attributeTypesSelectionStrategy, entityType]);
-    return entity ? (react_1.default.createElement(AttributesList_1.default, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
-};
-EntityCreator.propTypes = {
-    entityUri: prop_types_1.default.string,
-    parentUri: prop_types_1.default.string,
-    entity: prop_types_1.default.object,
-    entityType: prop_types_1.default.object,
-    attributeTypesSelectionStrategy: prop_types_1.default.func,
-    mode: mdm_sdk_1.ModeType,
-    onAddAttributes: prop_types_1.default.func,
-    onDeleteAttribute: prop_types_1.default.func,
-    onChangeAttribute: prop_types_1.default.func
+    return entity ? (react_1.default.createElement(AttributesList_1.default, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: addAttributes, onChangeAttribute: modifyAttribute, onDeleteAttribute: removeAttribute })) : null;
 };
 exports.default = EntityCreator;

package/cjs/components/attributes/editMode/EntitySelector/EntitySelector.js

@@ -57,7 +57,7 @@ var DropDownSelector_1 = __importDefault(require("../../../DropDownSelector/Drop
 var EntityOption_1 = __importDefault(require("./components/EntityOption"));
 var SingleValue_1 = __importDefault(require("./components/SingleValue"));
 var ClearIndicator_1 = __importDefault(require("./components/ClearIndicator"));
-var EntityCreator_1 = __importDefault(require("../EntityCreator"));
+var EntityCreator_1 = __importDefault(require("../EntityCreator/EntityCreator"));
 var core_1 = require("../../../../core");
 var Group_1 = __importDefault(require("./components/Group"));
 var styles_1 = require("./styles");

package/cjs/components/attributes/editMode/EntitySelector/components/SingleValue.js

@@ -38,12 +38,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var ramda_1 = require("ramda");
 var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
-var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var contexts_1 = require("../../../../../contexts");
@@ -51,14 +48,14 @@ var styles_1 = require("./styles");
 var SingleValue = function (props) {
     var _a = props.selectProps, currentEntityType = _a.currentEntityType, menuIsOpen = _a.menuIsOpen, disableLinkClick = _a.disableLinkClick, children = props.children, data = props.data;
     var styles = (0, styles_1.useSingleValueStyles)();
-    var dispatch = (0, react_redux_1.useDispatch)();
+    var openEntity = (0, contexts_1.useMdmAction)('openEntity');
+    var uiPath = (0, contexts_1.useMdmUiPath)();
     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 handleOnMouseDown = function (event) {
         event.stopPropagation();
         if (!disableLinkClick) {
-            (0, ramda_1.pipe)((0, ramda_1.always)({ uri: data.entityUri, viewId: viewId }), mdm_module_1.ui.actions.openEntity, dispatch)();
+            openEntity({ uri: data.entityUri, viewId: viewId });
         }
     };
     var valueProps = (0, mdm_sdk_1.isTempUri)(data.entityUri)

package/cjs/components/attributes/editMode/ImageAttributesLine/ImageAttributesLine.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
-import { AttributeType, ImageAttributeValue, Paging, AttributeItem } from '@reltio/mdm-sdk';
+import { AttributeType, ImageAttributeValue, Paging, AttributeItem, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
 import { SIZES_TYPE } from '../../ImageAttributesLine/styles';
 type Props = {
     attributeType: AttributeType;

package/cjs/components/attributes/editMode/ImageAttributesLine/ImageAttributesLine.js

@@ -27,9 +27,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 CloudUpload_1 = __importDefault(require("@mui/icons-material/CloudUpload"));
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Image_1 = __importDefault(require("../../../Image/Image"));
 var ImageActionsOverlay_1 = __importDefault(require("../../../Image/ImageActionsOverlay/ImageActionsOverlay"));
@@ -37,16 +35,16 @@ var SmallIconButton_1 = require("../../../SmallIconButton");
 var UploadImageDialog_1 = require("../../../UploadImageDialog/UploadImageDialog");
 var ImageAttributesLine_1 = __importDefault(require("../../ImageAttributesLine"));
 var constants_1 = require("../../ImageAttributesLine/constants");
+var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
+var defaultEntity = {};
 var ImageAttributesLine = function (_a) {
     var _b = _a.attributeType, attributeType = _b === void 0 ? {} : _b, _c = _a.attributeValues, attributeValues = _c === void 0 ? [] : _c, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, parentUri = _a.parentUri, paging = _a.paging, showNonOv = _a.showNonOv, _d = _a.imageSize, imageSize = _d === void 0 ? constants_1.DEFAULT_IMAGE_SIZE : _d;
     var styles = (0, styles_1.useStyles)(imageSize);
-    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
-    var defaultProfilePic = (0, react_redux_1.useSelector)(function (state) {
-        return mdm_module_1.default.selectors.getModifiedEntityDefaultProfilePic(state, entity.uri);
-    });
-    var dispatch = (0, react_redux_1.useDispatch)();
     var _e = (0, react_1.useState)(false), isVisibleUploadDialog = _e[0], setIsVisibleUploadDialog = _e[1];
+    var setDefaultProfilePic = (0, contexts_1.useMdmAction)('setDefaultProfilePicForModifiedEntity');
+    var entity = (0, contexts_1.useMdmEntity)() || defaultEntity;
+    var defaultProfilePic = (0, contexts_1.useMdmModifiedEntityDefaultProfilePic)(entity.uri);
     var toggleVisibilityUploadDialog = (0, react_1.useCallback)(function () {
         setIsVisibleUploadDialog(function (visible) { return !visible; });
     }, []);
@@ -79,12 +77,12 @@ var ImageAttributesLine = function (_a) {
         onDeleteAttribute(param);
         if (defaultProfilePic === param.uri) {
             var newDefaultPic = ((_a = attributeValues[0]) === null || _a === void 0 ? void 0 : _a.uri) === param.uri ? attributeValues[1] : attributeValues[0];
-            dispatch(mdm_module_1.profile.modifiedEntities.actions.setDefaultProfilePic({
+            setDefaultProfilePic({
                 entityUri: entity.uri,
                 value: newDefaultPic || {}
-            }));
+            });
         }
-    }, [onDeleteAttribute, entity, defaultProfilePic, attributeValues]);
+    }, [onDeleteAttribute, entity, defaultProfilePic, attributeValues, setDefaultProfilePic]);
     var renderImageActionsOverlay = function (methods, attribute) {
         var onOpenImageGalleryDialog = methods.onOpenImageGalleryDialog, onDownload = methods.onDownload, onShareLink = methods.onShareLink, onSetAsDefault = methods.onSetAsDefault;
         var imageUrl = (0, mdm_sdk_1.getImageAttributeOvUrl)(attribute);

package/cjs/components/attributes/editMode/MoreAttributesButton/useMoreAttributesItems.js

@@ -9,8 +9,7 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var helpers_1 = require("../../../VirtualGroupedList/helpers");
 var helpers_2 = require("./helpers");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var react_redux_1 = require("react-redux");
+var contexts_1 = require("../../../../contexts");
 var GROUP_NAMES;
 (function (GROUP_NAMES) {
     GROUP_NAMES["parent"] = "parent";
@@ -18,8 +17,8 @@ var GROUP_NAMES;
 })(GROUP_NAMES || (GROUP_NAMES = {}));
 var useMoreAttributesItems = function (_a) {
     var data = _a.data, parent = _a.parent, filter = _a.filter;
+    var strategy = (0, contexts_1.useMdmAttributesSortingStrategy)();
     var hasGroups = Boolean(parent);
-    var strategy = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributesSortingStrategy);
     var sortingFn = (0, react_1.useMemo)(function () {
         switch (strategy) {
             case mdm_sdk_1.SortingStrategy.ASC_BY_NAME:

package/cjs/components/attributes/editMode/ReferenceAttribute/ReferenceAttribute.js

@@ -63,10 +63,18 @@ var styles_1 = require("./styles");
 var ReferenceAttribute = function (props) {
     var _a;
     var styles = (0, styles_1.useStyles)();
-    var modifiedEntity = props.modifiedEntity, metadata = props.metadata, globalSearchRequestOptions = props.globalSearchRequestOptions, onDeleteModifiedEntity = props.onDeleteModifiedEntity, onUpdateModifiedEntity = props.onUpdateModifiedEntity, onDeactivateError = props.onDeactivateError, highlightedError = props.highlightedError, ownProps = __rest(props, ["modifiedEntity", "metadata", "globalSearchRequestOptions", "onDeleteModifiedEntity", "onUpdateModifiedEntity", "onDeactivateError", "highlightedError"]);
+    var highlightedError = props.highlightedError, ownProps = __rest(props, ["highlightedError"]);
     var attributeValue = ownProps.attributeValue, attributeType = ownProps.attributeType, mode = ownProps.mode, crosswalks = ownProps.crosswalks, errors = ownProps.errors, onChangeAttribute = ownProps.onChangeAttribute;
     var initialAttributeValue = (0, react_1.useRef)(attributeValue);
     var _b = (0, hooks_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _b.ref, errorClassName = _b.errorClassName;
+    var entityUri = (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue);
+    var entityDeleted = (0, contexts_1.useMdmAction)('entityDeleted');
+    var entityCreated = (0, contexts_1.useMdmAction)('entityCreated');
+    var errorDeactivated = (0, contexts_1.useMdmAction)('errorDeactivated');
+    var mdmModifiedEntity = (0, contexts_1.useMdmModifiedEntity)(entityUri);
+    var modifiedEntity = (0, mdm_sdk_1.isTempUri)(entityUri) ? mdmModifiedEntity : null;
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var globalSearchRequestOptions = (0, contexts_1.useMdmGlobalSearchRequestOptions)(['ovOnly']);
     var referencedEntity = (0, mdm_sdk_1.getReferencedEntityFromAttrValue)(attributeValue);
     var referencedRelation = (0, mdm_sdk_1.getReferencedRelationFromAttrValue)(attributeValue);
     var referencedEntityTypeUri = (0, mdm_sdk_1.getReferencedEntityTypeUriFromAttrType)(attributeType);
@@ -92,7 +100,7 @@ var ReferenceAttribute = function (props) {
     var newEntityAttrTypesSelectionStrategy = (0, react_1.useCallback)(function (entityType) { return (0, mdm_sdk_1.referencedEntityAttributeTypesSelectionStrategy)(attributeType, entityType); }, [attributeType]);
     var onChangeEntity = (0, react_1.useCallback)(function (entity) {
         if (modifiedEntity) {
-            onDeleteModifiedEntity(modifiedEntity.uri);
+            entityDeleted(modifiedEntity.uri);
         }
         var initialAttrValue = initialAttributeValue.current;
         var isInitialEntity = !(0, ramda_1.isEmpty)(entity) && entity.uri === (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(initialAttrValue);
@@ -101,15 +109,15 @@ var ReferenceAttribute = function (props) {
                 : (0, mdm_sdk_1.createReferencedRelationForAttrValue)(attributeValue) });
         onChangeAttribute({ value: modifiedValue, attributeType: attributeType, uri: attributeValue.uri });
         if (referencedEntityMissedError) {
-            onDeactivateError((0, mdm_sdk_1.getErrorId)(referencedEntityMissedError));
+            errorDeactivated((0, mdm_sdk_1.getErrorId)(referencedEntityMissedError));
         }
     }, [
         attributeValue,
         attributeType,
         modifiedEntity,
         onChangeAttribute,
-        onDeleteModifiedEntity,
-        onDeactivateError,
+        entityDeleted,
+        errorDeactivated,
         referencedEntityMissedError
     ]);
     var onCreateEntity = (0, react_1.useCallback)(function (entityTypeUri, initValue) {
@@ -122,15 +130,8 @@ var ReferenceAttribute = function (props) {
             mode: mode
         });
         onChangeEntity(newEntity);
-        onUpdateModifiedEntity(newEntity);
-    }, [
-        newEntityAttrTypesSelectionStrategy,
-        mode,
-        referencedEntityType,
-        metadata,
-        onChangeEntity,
-        onUpdateModifiedEntity
-    ]);
+        entityCreated(newEntity);
+    }, [newEntityAttrTypesSelectionStrategy, mode, referencedEntityType, metadata, onChangeEntity, entityCreated]);
     var canChangeReferencedEntity = (0, react_1.useMemo)(function () {
         return (0, mdm_sdk_1.checkCanEditAttribute)({
             attributeType: attributeType,
@@ -148,7 +149,7 @@ var ReferenceAttribute = function (props) {
                         _a[styles.dense] = errorMessage || (selectedEntity && (0, mdm_sdk_1.isTempUri)(selectedEntity.entityUri)),
                         _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
 };
-ReferenceAttribute.propTypes = __assign(__assign({}, mdm_sdk_1.ReferenceAttributeType), { modifiedEntity: mdm_sdk_1.EntityType, metadata: mdm_sdk_1.MetadataType, globalSearchRequestOptions: prop_types_1.default.object, onDeleteModifiedEntity: prop_types_1.default.func, onUpdateModifiedEntity: prop_types_1.default.func, onDeactivateError: prop_types_1.default.func, highlightedError: prop_types_1.default.object });
+ReferenceAttribute.propTypes = __assign(__assign({}, mdm_sdk_1.ReferenceAttributeType), { highlightedError: prop_types_1.default.object });
 exports.default = (0, HOCs_1.withContext)(contexts_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
     var _b = contextValue || {}, element = _b.element, type = _b.type;

package/cjs/components/attributes/editMode/Roles/Roles.js

@@ -29,20 +29,19 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Roles = void 0;
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
-var react_redux_1 = require("react-redux");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var SimpleDropDownSelector_1 = __importDefault(require("../../../SimpleDropDownSelector/SimpleDropDownSelector"));
 var __1 = require("../../..");
 var styles_1 = require("./styles");
 var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
+var contexts_1 = require("../../../../contexts");
 var components = { MultiValue: __1.MultiValueChip };
 var Roles = function (_a) {
     var values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = (0, styles_1.useStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var entity = (0, contexts_1.useMdmEntity)();
     var entityUri = entity.uri;
     var options = (0, mdm_sdk_1.getRolesForEntityType)(metadata, entity.type).map(function (role) { return ({
         value: role.uri,
@@ -69,6 +68,6 @@ var Roles = function (_a) {
     }, [entityUri, onDelete]);
     return (react_1.default.createElement("div", { className: styles.container, "data-reltio-id": "reltio-attribute-value" },
         react_1.default.createElement(SimpleDropDownSelector_1.default, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles, className: styles.roleContainer }),
-        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
+        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { "data-reltio-id": "reltio-roles-delete-button", className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
 };
 exports.Roles = Roles;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -50,7 +50,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var prop_types_1 = __importDefault(require("prop-types"));
-var react_redux_1 = require("react-redux");
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
 var Add_1 = __importDefault(require("@mui/icons-material/Add"));
@@ -64,7 +63,6 @@ var ErrorWrapper_1 = __importDefault(require("../../../ErrorWrapper/ErrorWrapper
 var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
 var utils_1 = require("./utils");
 var withAsyncMount_1 = __importDefault(require("../../../../HOCs/withAsyncMount/withAsyncMount"));
-var getDependentLookupEditorContext_1 = require("./selectors/getDependentLookupEditorContext");
 var HOCs_1 = require("../../../../HOCs");
 var contexts_1 = require("../../../../contexts");
 var hooks_1 = require("../../../../hooks");
@@ -86,11 +84,7 @@ var SimpleAttributeEditor = function (_a) {
     var canDelete = (0, mdm_sdk_1.checkCanDeleteAttribute)({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
     var showToEdit = canEdit && isEditableMode;
     var errorMessage = (0, mdm_sdk_1.getErrorMessage)(ownError);
-    var dependentLookupEditorContext = (0, react_redux_1.useSelector)(function (state) {
-        return (0, mdm_sdk_1.isDependentLookupAttrType)(attributeType)
-            ? (0, getDependentLookupEditorContext_1.getDependentLookupEditorContext)(state, attributeValue, attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri)
-            : null;
-    });
+    var dependentLookupEditorContext = (0, contexts_1.useMdmDependentLookupEditorContext)(attributeValue, attributeType);
     var _e = (0, hooks_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _e.ref, errorClassName = _e.errorClassName;
     (0, react_1.useEffect)(function () {
         // when editor is empty but has default lookup code, onChangeAttribute will be called by useLookupsResolver
@@ -156,9 +150,10 @@ SimpleAttributeEditor.propTypes = {
     highlightedError: prop_types_1.default.object,
     isEmptyEditor: prop_types_1.default.bool
 };
-exports.default = (0, withAsyncMount_1.default)((0, HOCs_1.withContext)(contexts_1.ScrollToElementContext, function (contextValue, _a) {
+var SimpleAttributeEditorWithScrollToElementContext = (0, HOCs_1.withContext)(contexts_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue;
     var _b = contextValue || {}, element = _b.element, type = _b.type;
     var isHighlighted = (0, contexts_1.isHighlightedErrorType)(type) && (element === null || element === void 0 ? void 0 : element.uri) === attributeValue.uri;
     return { highlightedError: isHighlighted ? contextValue : null };
-}, SimpleAttributeEditor), AsyncMountPlaceholder);
+}, SimpleAttributeEditor);
+exports.default = (0, withAsyncMount_1.default)(SimpleAttributeEditorWithScrollToElementContext, AsyncMountPlaceholder);

package/cjs/components/attributes/editMode/SimpleAttributeEditor/useAutopopulationContextValue.js

@@ -1,43 +1,20 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAutopopulationContextValue = void 0;
 var react_1 = require("react");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var contexts_1 = require("../../../../contexts");
 var useAutopopulationContextValue = function (_a) {
     var enabled = _a.enabled, attributeTypeUri = _a.attributeTypeUri, valueUri = _a.valueUri;
-    var dispatch = (0, react_redux_1.useDispatch)();
-    var autocompleteConfig = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getLookupAutocomplete);
+    var dependentLookupsEditorTouched = (0, contexts_1.useMdmAction)('dependentLookupsEditorTouched');
+    var autocompleteConfig = (0, contexts_1.useMdmLookupAutocomplete)();
+    var dependentLookupEditorState = (0, contexts_1.useMdmDependentLookupEditorState)(valueUri);
     var autopopulationEnabled = enabled && (0, mdm_sdk_1.isAutopopulationEnabled)(autocompleteConfig, attributeTypeUri);
     var autopopulationId = autopopulationEnabled ? valueUri : null;
-    var _b = ((0, react_redux_1.useSelector)(function (state) { return autopopulationEnabled && mdm_module_1.default.selectors.getDependentLookupEditorState(state, valueUri); }) || {}).isTouched, isTouched = _b === void 0 ? false : _b;
+    var _b = ((autopopulationEnabled && dependentLookupEditorState) || {}).isTouched, isTouched = _b === void 0 ? false : _b;
     var onTouch = (0, react_1.useCallback)(function (valueUri) {
-        dispatch(mdm_module_1.profile.dependentLookups.actions.dependentLookupsEditorTouched({ uri: valueUri, isTouched: true }));
-    }, [dispatch]);
+        dependentLookupsEditorTouched({ uri: valueUri, isTouched: true });
+    }, [dependentLookupsEditorTouched]);
     var autopopulationContextValue = (0, react_1.useMemo)(function () {
         return autopopulationId
             ? {