@reltio/components 1.4.1638 → 1.4.1640

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

@@ -10,14 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { isAttributeTypeError, isImage, isOv, isSpecialAttribute, Mode } from '@reltio/mdm-sdk';
+import { getAttributePagerActiveTypeErrorMessage, isAttributeTypeError, isImage, isOv, isSpecialAttribute, Mode } from '@reltio/mdm-sdk';
 import { always, cond, T, partition } from 'ramda';
 import BranchDecorator from '../../BranchDecorator/BranchDecorator';
 import AttributeRenderer from './AttributeRenderer';
 import SpecialRenderer from './SpecialRenderer';
 import { ImageLineRenderer } from './ImageLineRenderer';
 import { withContext } from '../../../../HOCs';
-import { isHighlightedAttributeType, isHighlightedErrorType, ScrollToElementContext } from '../../../../contexts';
+import { isHighlightedAttributeType, isHighlightedErrorType, ScrollToElementContext, useMdmAction, useMdmActiveErrorsForAttributesPager, useMdmDefaultMaxValues, useMdmProfileErrors } from '../../../../contexts';
 var RENDERER_TYPES;
 (function (RENDERER_TYPES) {
     RENDERER_TYPES["imageLine"] = "imageLine";
@@ -25,14 +25,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 ? 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 ? 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 = useMdmAction('errorDeactivated');
+    var requestNextPageOfAttributeValues = useMdmAction('requestNextPageOfAttributeValues');
+    var activeErrors = useMdmActiveErrorsForAttributesPager(parentUri, attributeType);
+    var profileErrors = useMdmProfileErrors();
+    var defaultMaxValues = useMdmDefaultMaxValues();
+    var errorMessage = getAttributePagerActiveTypeErrorMessage(parentUri, attributeType, profileErrors);
+    var max = (_b = maxProp !== null && maxProp !== void 0 ? maxProp : defaultMaxValues) !== null && _b !== void 0 ? _b : Infinity;
     var partitionByOv = partition(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/esm/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/esm/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/esm/components/attributes/editMode/AttributesPager/index.js

@@ -1,19 +1,2 @@
-import { connect } from 'react-redux';
-import mdmModule, { profile } from '@reltio/mdm-module';
-import { getAttributePagerActiveTypeErrorMessage } from '@reltio/mdm-sdk';
-import AttributesPager from './AttributesPager';
-import CardinalityMessage from './CardinalityMessage';
-var mapStateToProps = function (state, _a) {
-    var parentUri = _a.parentUri, attributeType = _a.attributeType, max = _a.max;
-    return ({
-        errors: mdmModule.selectors.getActiveErrorsForAttributesPager(state, parentUri, attributeType),
-        errorMessage: getAttributePagerActiveTypeErrorMessage(parentUri, attributeType, mdmModule.selectors.getProfileErrors(state)),
-        max: max || mdmModule.selectors.getDefaultMaxValues(state)
-    });
-};
-var mapDispatchToProps = {
-    requestNextPageOfAttributeValues: profile.actions.requestNextPageOfAttributeValues,
-    onDeactivateError: profile.errors.actions.errorDeactivated
-};
-export { AttributesPager, CardinalityMessage };
-export default connect(mapStateToProps, mapDispatchToProps)(AttributesPager);
+export { default as CardinalityMessage } from './CardinalityMessage';
+export { default } from './AttributesPager';

package/esm/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/esm/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/esm/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/esm/components/attributes/editMode/AttributesView/AttributesView.js

@@ -10,34 +10,32 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useCallback, useContext, useMemo } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import classnames from 'classnames';
-import { pipe } from 'ramda';
-import mdmModule, { profile } from '@reltio/mdm-module';
 import { isTempUri, getPinnedAttributesForUser } from '@reltio/mdm-sdk';
 import Box from '@mui/material/Box';
 import BasicView from '../../../BasicView/BasicView';
 import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
 import AttributesList from '../AttributesList';
-import { ViewIdContext } from '../../../../contexts';
+import { ViewIdContext, useMdmAction, useMdmMetadata, useMdmModifiedEntity, useMdmUserRoles } from '../../../../contexts';
 import { getFilteredAttrTypes } from '../../helpers/attributesView';
 import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
 import { useStyles } from './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 = useStyles();
-    var dispatch = useDispatch();
     var viewId = useContext(ViewIdContext);
-    var userRoles = useSelector(mdmModule.selectors.getUserRoles);
+    var addAttributes = useMdmAction('addAttributes');
+    var modifyAttribute = useMdmAction('modifyAttribute');
+    var removeAttribute = useMdmAction('removeAttribute');
+    var metadata = useMdmMetadata();
+    var userRoles = useMdmUserRoles();
+    var modifiedEntity = useMdmModifiedEntity(entity.uri) || {};
     var pinnedAttributeUris = useMemo(function () { return getPinnedAttributesForUser(pinnedAttributes, userRoles); }, [pinnedAttributes, userRoles]);
-    var modifiedEntity = useSelector(function (state) { return mdmModule.selectors.getModifiedEntity(state, entity.uri) || {}; });
     var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, modifiedEntity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, modifiedEntity.type]);
-    var onAddAttributes = useCallback(function (params) {
-        return pipe(profile.actions.addAttributes, dispatch)(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); }));
-    }, [viewId, dispatch]);
-    var onChangeAttribute = useCallback(function (params) { return pipe(profile.actions.modifyAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
-    var onDeleteAttribute = useCallback(function (params) { return pipe(profile.actions.removeAttribute, dispatch)(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, dispatch]);
+    var onAddAttributes = useCallback(function (params) { return addAttributes(params.map(function (param) { return (__assign(__assign({}, param), { viewId: viewId })); })); }, [viewId, addAttributes]);
+    var onChangeAttribute = useCallback(function (params) { return modifyAttribute(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, modifyAttribute]);
+    var onDeleteAttribute = useCallback(function (params) { return removeAttribute(__assign(__assign({}, params), { viewId: viewId })); }, [viewId, removeAttribute]);
     return (React.createElement(BasicView, { className: className },
         caption && React.createElement(FacetViewHeader, { className: styles.header, title: caption }),
         React.createElement(Box, { className: classnames(styles.attributesContainer, (_b = {}, _b[styles.noCaption] = !caption, _b)) },

package/esm/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/esm/components/attributes/editMode/EntityCreator/EntityCreator.js

@@ -1,22 +1,14 @@
 import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
 import AttributesList from '../AttributesList';
-import { ModeType } from '@reltio/mdm-sdk';
+import { useMdmAction, useMdmModifiedEntity } from '../../../../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 = useMdmAction('addAttributes');
+    var removeAttribute = useMdmAction('removeAttribute');
+    var modifyAttribute = useMdmAction('modifyAttribute');
+    var entity = useMdmModifiedEntity(entityUri);
     var attributeTypes = useMemo(function () { return attributeTypesSelectionStrategy(entityType); }, [attributeTypesSelectionStrategy, entityType]);
-    return entity ? (React.createElement(AttributesList, { 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: PropTypes.string,
-    parentUri: PropTypes.string,
-    entity: PropTypes.object,
-    entityType: PropTypes.object,
-    attributeTypesSelectionStrategy: PropTypes.func,
-    mode: ModeType,
-    onAddAttributes: PropTypes.func,
-    onDeleteAttribute: PropTypes.func,
-    onChangeAttribute: PropTypes.func
+    return entity ? (React.createElement(AttributesList, { 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;
 };
 export default EntityCreator;

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

@@ -29,7 +29,7 @@ import DropDownSelector from '../../../DropDownSelector/DropDownSelector';
 import EntityOption from './components/EntityOption';
 import SingleValue from './components/SingleValue';
 import ClearIndicator from './components/ClearIndicator';
-import EntityCreator from '../EntityCreator';
+import EntityCreator from '../EntityCreator/EntityCreator';
 import { EmptyStub } from '../../../../core';
 import Group from './components/Group';
 import { useStyles } from './styles';

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

@@ -10,27 +10,24 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { useContext } from 'react';
-import { always, pipe } from 'ramda';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { useDispatch, useSelector } from 'react-redux';
 import i18n from 'ui-i18n';
-import mdmModule, { ui } from '@reltio/mdm-module';
 import { getLabel, isTempUri } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
-import { UrlGeneratorsContext, ViewIdContext } from '../../../../../contexts';
+import { ViewIdContext, UrlGeneratorsContext, useMdmUiPath, useMdmAction } from '../../../../../contexts';
 import { useSingleValueStyles } from './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 = useSingleValueStyles();
-    var dispatch = useDispatch();
+    var openEntity = useMdmAction('openEntity');
+    var uiPath = useMdmUiPath();
     var viewId = useContext(ViewIdContext);
     var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
-    var uiPath = useSelector(mdmModule.selectors.getUIPath);
     var handleOnMouseDown = function (event) {
         event.stopPropagation();
         if (!disableLinkClick) {
-            pipe(always({ uri: data.entityUri, viewId: viewId }), ui.actions.openEntity, dispatch)();
+            openEntity({ uri: data.entityUri, viewId: viewId });
         }
     };
     var valueProps = isTempUri(data.entityUri)

package/esm/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/esm/components/attributes/editMode/ImageAttributesLine/ImageAttributesLine.js

@@ -1,7 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 import CloudUploadIcon from '@mui/icons-material/CloudUpload';
-import mdmModule, { profile } from '@reltio/mdm-module';
 import { generateUri, getImageAttributeOvThumbnailUrl, getImageAttributeOvUrl } from '@reltio/mdm-sdk';
 import Image from '../../../Image/Image';
 import ImageActionsOverlay from '../../../Image/ImageActionsOverlay/ImageActionsOverlay';
@@ -9,16 +7,16 @@ import { SmallIconButton } from '../../../SmallIconButton';
 import { UploadImageDialog } from '../../../UploadImageDialog/UploadImageDialog';
 import ImageAttributesLineCommon from '../../ImageAttributesLine';
 import { DEFAULT_IMAGE_SIZE } from '../../ImageAttributesLine/constants';
+import { useMdmAction, useMdmEntity, useMdmModifiedEntityDefaultProfilePic } from '../../../../contexts';
 import { useStyles } from './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 ? DEFAULT_IMAGE_SIZE : _d;
     var styles = useStyles(imageSize);
-    var entity = useSelector(mdmModule.selectors.getEntity) || {};
-    var defaultProfilePic = useSelector(function (state) {
-        return mdmModule.selectors.getModifiedEntityDefaultProfilePic(state, entity.uri);
-    });
-    var dispatch = useDispatch();
     var _e = useState(false), isVisibleUploadDialog = _e[0], setIsVisibleUploadDialog = _e[1];
+    var setDefaultProfilePic = useMdmAction('setDefaultProfilePicForModifiedEntity');
+    var entity = useMdmEntity() || defaultEntity;
+    var defaultProfilePic = useMdmModifiedEntityDefaultProfilePic(entity.uri);
     var toggleVisibilityUploadDialog = useCallback(function () {
         setIsVisibleUploadDialog(function (visible) { return !visible; });
     }, []);
@@ -51,12 +49,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(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 = getImageAttributeOvUrl(attribute);

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

@@ -3,8 +3,7 @@ import i18n from 'ui-i18n';
 import { SortingStrategy } from '@reltio/mdm-sdk';
 import { flattenGroupedItemsData } from '../../../VirtualGroupedList/helpers';
 import { preparedGroupedItems } from './helpers';
-import mdmModule from '@reltio/mdm-module';
-import { useSelector } from 'react-redux';
+import { useMdmAttributesSortingStrategy } from '../../../../contexts';
 var GROUP_NAMES;
 (function (GROUP_NAMES) {
     GROUP_NAMES["parent"] = "parent";
@@ -12,8 +11,8 @@ var GROUP_NAMES;
 })(GROUP_NAMES || (GROUP_NAMES = {}));
 export var useMoreAttributesItems = function (_a) {
     var data = _a.data, parent = _a.parent, filter = _a.filter;
+    var strategy = useMdmAttributesSortingStrategy();
     var hasGroups = Boolean(parent);
-    var strategy = useSelector(mdmModule.selectors.getAttributesSortingStrategy);
     var sortingFn = useMemo(function () {
         switch (strategy) {
             case SortingStrategy.ASC_BY_NAME:

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

@@ -24,21 +24,29 @@ import React, { useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
 import { identity, pipe, isEmpty } from 'ramda';
-import { evaluateDeepEntityLabel, ReferenceAttributeType, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, EntityType, MetadataType, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel, isAttributeTypeError } from '@reltio/mdm-sdk';
+import { evaluateDeepEntityLabel, ReferenceAttributeType, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel, isAttributeTypeError } from '@reltio/mdm-sdk';
 import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
 import EntitySelector from '../EntitySelector/EntitySelector';
 import { ErrorWrapper } from '../../../index';
 import { withContext } from '../../../../HOCs';
-import { isHighlightedErrorType, ScrollToElementContext } from '../../../../contexts';
+import { isHighlightedErrorType, ScrollToElementContext, useMdmAction, useMdmGlobalSearchRequestOptions, useMdmMetadata, useMdmModifiedEntity } from '../../../../contexts';
 import { useScrollToAttributeError } from '../../../../hooks';
 import { useStyles } from './styles';
 var ReferenceAttribute = function (props) {
     var _a;
     var styles = 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 = useRef(attributeValue);
     var _b = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _b.ref, errorClassName = _b.errorClassName;
+    var entityUri = getReferencedEntityUriFromAttrValue(attributeValue);
+    var entityDeleted = useMdmAction('entityDeleted');
+    var entityCreated = useMdmAction('entityCreated');
+    var errorDeactivated = useMdmAction('errorDeactivated');
+    var mdmModifiedEntity = useMdmModifiedEntity(entityUri);
+    var modifiedEntity = isTempUri(entityUri) ? mdmModifiedEntity : null;
+    var metadata = useMdmMetadata();
+    var globalSearchRequestOptions = useMdmGlobalSearchRequestOptions(['ovOnly']);
     var referencedEntity = getReferencedEntityFromAttrValue(attributeValue);
     var referencedRelation = getReferencedRelationFromAttrValue(attributeValue);
     var referencedEntityTypeUri = getReferencedEntityTypeUriFromAttrType(attributeType);
@@ -64,7 +72,7 @@ var ReferenceAttribute = function (props) {
     var newEntityAttrTypesSelectionStrategy = useCallback(function (entityType) { return referencedEntityAttributeTypesSelectionStrategy(attributeType, entityType); }, [attributeType]);
     var onChangeEntity = useCallback(function (entity) {
         if (modifiedEntity) {
-            onDeleteModifiedEntity(modifiedEntity.uri);
+            entityDeleted(modifiedEntity.uri);
         }
         var initialAttrValue = initialAttributeValue.current;
         var isInitialEntity = !isEmpty(entity) && entity.uri === getReferencedEntityUriFromAttrValue(initialAttrValue);
@@ -73,15 +81,15 @@ var ReferenceAttribute = function (props) {
                 : createReferencedRelationForAttrValue(attributeValue) });
         onChangeAttribute({ value: modifiedValue, attributeType: attributeType, uri: attributeValue.uri });
         if (referencedEntityMissedError) {
-            onDeactivateError(getErrorId(referencedEntityMissedError));
+            errorDeactivated(getErrorId(referencedEntityMissedError));
         }
     }, [
         attributeValue,
         attributeType,
         modifiedEntity,
         onChangeAttribute,
-        onDeleteModifiedEntity,
-        onDeactivateError,
+        entityDeleted,
+        errorDeactivated,
         referencedEntityMissedError
     ]);
     var onCreateEntity = useCallback(function (entityTypeUri, initValue) {
@@ -94,15 +102,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 = useMemo(function () {
         return checkCanEditAttribute({
             attributeType: attributeType,
@@ -120,7 +121,7 @@ var ReferenceAttribute = function (props) {
                         _a[styles.dense] = errorMessage || (selectedEntity && 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({}, ReferenceAttributeType), { modifiedEntity: EntityType, metadata: MetadataType, globalSearchRequestOptions: PropTypes.object, onDeleteModifiedEntity: PropTypes.func, onUpdateModifiedEntity: PropTypes.func, onDeactivateError: PropTypes.func, highlightedError: PropTypes.object });
+ReferenceAttribute.propTypes = __assign(__assign({}, ReferenceAttributeType), { highlightedError: PropTypes.object });
 export default withContext(ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
     var _b = contextValue || {}, element = _b.element, type = _b.type;

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

@@ -1,19 +1,18 @@
 import React, { useCallback } from 'react';
 import { prop, propEq } from 'ramda';
-import { useSelector } from 'react-redux';
 import { EntityAttrTypes, getRolesForEntityType, getLastUriPart } from '@reltio/mdm-sdk';
-import mdmModule from '@reltio/mdm-module';
 import SimpleDropDownSelector from '../../../SimpleDropDownSelector/SimpleDropDownSelector';
 import { MultiValueChip } from '../../..';
 import { useStyles } from './styles';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
 import DeleteIcon from '@mui/icons-material/Delete';
+import { useMdmEntity, useMdmMetadata } from '../../../../contexts';
 var components = { MultiValue: MultiValueChip };
 export var Roles = function (_a) {
     var values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var entity = useSelector(mdmModule.selectors.getEntity);
+    var metadata = useMdmMetadata();
+    var entity = useMdmEntity();
     var entityUri = entity.uri;
     var options = getRolesForEntityType(metadata, entity.type).map(function (role) { return ({
         value: role.uri,
@@ -40,5 +39,5 @@ export var Roles = function (_a) {
     }, [entityUri, onDelete]);
     return (React.createElement("div", { className: styles.container, "data-reltio-id": "reltio-attribute-value" },
         React.createElement(SimpleDropDownSelector, { label: '', height: 40, isMulti: true, options: options, value: formattedValues, onChange: handleChange, components: components, classes: styles, className: styles.roleContainer }),
-        !!onDelete && (React.createElement(SmallIconButton, { className: styles.deleteButton, icon: DeleteIcon, onClick: handleDelete, size: "L" }))));
+        !!onDelete && (React.createElement(SmallIconButton, { "data-reltio-id": "reltio-roles-delete-button", className: styles.deleteButton, icon: DeleteIcon, onClick: handleDelete, size: "L" }))));
 };

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

@@ -22,7 +22,6 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React, { useCallback, useContext, useEffect, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useSelector } from 'react-redux';
 import classnames from 'classnames';
 import { has, pipe } from 'ramda';
 import AddIcon from '@mui/icons-material/Add';
@@ -36,9 +35,8 @@ import ErrorWrapper from '../../../ErrorWrapper/ErrorWrapper';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
 import { attributeValueToEditorValue, prepareChangeData } from './utils';
 import withAsyncMount from '../../../../HOCs/withAsyncMount/withAsyncMount';
-import { getDependentLookupEditorContext } from './selectors/getDependentLookupEditorContext';
 import { withContext } from '../../../../HOCs';
-import { isHighlightedErrorType, ScrollToElementContext, DependentLookupAutopopulationContext, ProfilePerspectiveViewContext } from '../../../../contexts';
+import { isHighlightedErrorType, ScrollToElementContext, DependentLookupAutopopulationContext, ProfilePerspectiveViewContext, useMdmDependentLookupEditorContext } from '../../../../contexts';
 import { useScrollToAttributeError } from '../../../../hooks';
 import { useAutopopulationContextValue } from './useAutopopulationContextValue';
 import { useStyles } from './styles';
@@ -58,11 +56,7 @@ var SimpleAttributeEditor = function (_a) {
     var canDelete = checkCanDeleteAttribute({ attributeType: attributeType, attributeValue: attributeValue, mode: mode, isReltioCrosswalk: isReltioCrosswalk });
     var showToEdit = canEdit && isEditableMode;
     var errorMessage = getErrorMessage(ownError);
-    var dependentLookupEditorContext = useSelector(function (state) {
-        return isDependentLookupAttrType(attributeType)
-            ? getDependentLookupEditorContext(state, attributeValue, attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri)
-            : null;
-    });
+    var dependentLookupEditorContext = useMdmDependentLookupEditorContext(attributeValue, attributeType);
     var _e = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _e.ref, errorClassName = _e.errorClassName;
     useEffect(function () {
         // when editor is empty but has default lookup code, onChangeAttribute will be called by useLookupsResolver
@@ -128,9 +122,10 @@ SimpleAttributeEditor.propTypes = {
     highlightedError: PropTypes.object,
     isEmptyEditor: PropTypes.bool
 };
-export default withAsyncMount(withContext(ScrollToElementContext, function (contextValue, _a) {
+var SimpleAttributeEditorWithScrollToElementContext = withContext(ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue;
     var _b = contextValue || {}, element = _b.element, type = _b.type;
     var isHighlighted = isHighlightedErrorType(type) && (element === null || element === void 0 ? void 0 : element.uri) === attributeValue.uri;
     return { highlightedError: isHighlighted ? contextValue : null };
-}, SimpleAttributeEditor), AsyncMountPlaceholder);
+}, SimpleAttributeEditor);
+export default withAsyncMount(SimpleAttributeEditorWithScrollToElementContext, AsyncMountPlaceholder);

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

@@ -1,17 +1,17 @@
 import { useCallback, useMemo } from 'react';
 import { isAutopopulationEnabled } from '@reltio/mdm-sdk';
-import { useDispatch, useSelector } from 'react-redux';
-import mdmModule, { profile } from '@reltio/mdm-module';
+import { useMdmAction, useMdmDependentLookupEditorState, useMdmLookupAutocomplete } from '../../../../contexts';
 export var useAutopopulationContextValue = function (_a) {
     var enabled = _a.enabled, attributeTypeUri = _a.attributeTypeUri, valueUri = _a.valueUri;
-    var dispatch = useDispatch();
-    var autocompleteConfig = useSelector(mdmModule.selectors.getLookupAutocomplete);
+    var dependentLookupsEditorTouched = useMdmAction('dependentLookupsEditorTouched');
+    var autocompleteConfig = useMdmLookupAutocomplete();
+    var dependentLookupEditorState = useMdmDependentLookupEditorState(valueUri);
     var autopopulationEnabled = enabled && isAutopopulationEnabled(autocompleteConfig, attributeTypeUri);
     var autopopulationId = autopopulationEnabled ? valueUri : null;
-    var _b = (useSelector(function (state) { return autopopulationEnabled && mdmModule.selectors.getDependentLookupEditorState(state, valueUri); }) || {}).isTouched, isTouched = _b === void 0 ? false : _b;
+    var _b = ((autopopulationEnabled && dependentLookupEditorState) || {}).isTouched, isTouched = _b === void 0 ? false : _b;
     var onTouch = useCallback(function (valueUri) {
-        dispatch(profile.dependentLookups.actions.dependentLookupsEditorTouched({ uri: valueUri, isTouched: true }));
-    }, [dispatch]);
+        dependentLookupsEditorTouched({ uri: valueUri, isTouched: true });
+    }, [dependentLookupsEditorTouched]);
     var autopopulationContextValue = useMemo(function () {
         return autopopulationId
             ? {

package/esm/components/attributes/editMode/Tags/Tags.js

@@ -1,10 +1,9 @@
 import React, { useCallback } from 'react';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
 import { getFacets, EntityAttrTypes, buildFilterQueryString } from '@reltio/mdm-sdk';
 import DeleteIcon from '@mui/icons-material/Delete';
 import TypeaheadEditor from '../../../editors/TypeaheadEditor/TypeaheadEditor';
 import SmallIconButton from '../../../SmallIconButton/SmallIconButton';
+import { useMdmEntityUri } from '../../../../contexts';
 import { useStyles } from './styles';
 var filtersWithSearch = function (searchQuery) { return [
     {
@@ -28,7 +27,7 @@ var getSuggestions = function (searchQuery) {
 var Tags = function (_a) {
     var className = _a.className, values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = useStyles();
-    var entityUri = useSelector(mdmModule.selectors.getEntityUri);
+    var entityUri = useMdmEntityUri();
     var handleChange = useCallback(function (tags) {
         onChange({
             value: tags,
@@ -41,6 +40,6 @@ var Tags = function (_a) {
     }, [entityUri, onDelete]);
     return (React.createElement("div", { className: styles.container, "data-reltio-id": "reltio-attribute-value" },
         React.createElement(TypeaheadEditor, { fullWidth: true, multiple: true, variant: "filled", className: className, value: values || [], onChange: handleChange, getSuggestions: getSuggestions }),
-        !!onDelete && (React.createElement(SmallIconButton, { className: styles.deleteButton, icon: DeleteIcon, onClick: handleDelete, size: "L" }))));
+        !!onDelete && (React.createElement(SmallIconButton, { "data-reltio-id": "reltio-tags-delete-button", className: styles.deleteButton, icon: DeleteIcon, onClick: handleDelete, size: "L" }))));
 };
 export default Tags;