@reltio/components 1.4.1637 → 1.4.1639

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;

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

@@ -21,21 +21,19 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useContext } from 'react';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
+import { isNil, map, pipe, reject } from 'ramda';
 import { findAttributeTypeByUri, getLabel, getReferencedEntityUriFromAttrValue, getReferencedRelationAttrTypesUris } from '@reltio/mdm-sdk';
 import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
-import { isNil, map, pipe, reject } from 'ramda';
 import { ComplexAttributeLabel } from '../common/ComplexAttributeLabel';
 import InternalLink from '../../../InternalLink/InternalLink';
-import { UrlGeneratorsContext } from '../../../../contexts';
+import { UrlGeneratorsContext, useMdmMetadata, useMdmUiPath } from '../../../../contexts';
 import { useStyles } from './styles';
 var ReferenceAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
     var styles = useStyles();
     var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var uiPath = useSelector(mdmModule.selectors.getUIPath);
+    var metadata = useMdmMetadata();
+    var uiPath = useMdmUiPath();
     var entityLabel = (React.createElement(ComplexAttributeLabel, null,
         React.createElement(InternalLink, { href: generateEntityUrl({ uiPath: uiPath, uri: getReferencedEntityUriFromAttrValue(attributeValue) }) },
             getLabel(attributeValue.label),

package/esm/components/attributes/inline/common/SourceItem.js

@@ -1,19 +1,17 @@
 import React from 'react';
 import i18n from 'ui-i18n';
-import mdmModule from '@reltio/mdm-module';
+import classnames from 'classnames';
 import { findSourceSystemByUri } from '@reltio/mdm-sdk';
-import { useSelector } from 'react-redux';
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import SourceIcon from '../../../SourceIcon/SourceIcon';
-import classnames from 'classnames';
-import { useCrosswalkFocus } from '../../../../contexts';
+import { useCrosswalkFocus, useMdmMetadata } from '../../../../contexts';
 import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
 import { useStyles } from './styles';
 var SourceItem = function (_a) {
     var crosswalk = _a.crosswalk, color = _a.color, className = _a.className, _b = _a.focusable, focusable = _b === void 0 ? false : _b;
     var _c = useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _c.toggleCrosswalkFocus, isFocused = _c.isFocused;
     var styles = useStyles({ color: color, isFocused: isFocused });
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var label = findSourceSystemByUri(metadata, crosswalk.type).label;
     return (React.createElement("div", { className: classnames(styles.sourceItem, className) },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),

package/esm/components/attributes/readMode/AttributesList/AttributesList.js

@@ -13,7 +13,7 @@ import React, { memo, useMemo, useState } from 'react';
 import { path } from 'ramda';
 import { getAttributesListForReadMode } from '@reltio/mdm-sdk';
 import BranchDecorator from '../../BranchDecorator/BranchDecorator';
-import AttributesPager from '../AttributesPager';
+import AttributesPager from '../AttributesPager/AttributesPager';
 import ShowMore from '../../pagersCommon/ShowMore';
 import ShowLess from '../../pagersCommon/ShowLess';
 import { ALWAYS_VISIBLE_TYPE_URIS } from '../../../../constants';

package/esm/components/attributes/readMode/AttributesPager/AttributesPager.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { AttributeType, NestedAttributeValue, Paging, ReferenceAttributeValue, SimpleAttributeValue, ImageAttributeValue, AttributeValue } from '@reltio/mdm-sdk';
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
 type Props = {
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue | string | number | ImageAttributeValue | AttributeValue)[];
     attributeType: AttributeType;
@@ -8,10 +7,9 @@ type Props = {
     parentUri?: string;
     drawLines: boolean;
     max?: number;
-    requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
     titleClassName?: string;
     contentClassName?: string;
     showNonOv?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max: maxProp, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
 export default _default;

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

@@ -2,12 +2,13 @@ import classnames from 'classnames';
 import React, { memo } from 'react';
 import { always, cond, has, ifElse, partition, prop, T } from 'ramda';
 import { isComplexAttribute, isImage, isSpecialAttribute, isOv } from '@reltio/mdm-sdk';
-import { useStyles } from './styles';
 import BranchDecorator from '../../BranchDecorator/BranchDecorator';
 import OneLineRenderer from './OneLineRenderer';
 import MultiLineRenderer from './MultiLineRenderer';
 import SpecialRenderer from './SpecialRenderer';
 import { ImageLineRenderer } from './ImageLineRenderer';
+import { useMdmAction, useMdmDefaultMaxValues } from '../../../../contexts';
+import { useStyles } from './styles';
 var RENDERER_TYPES = {
     oneLine: 'oneLine',
     multiLine: 'multiLine',
@@ -16,8 +17,12 @@ var RENDERER_TYPES = {
 };
 var AttributesPager = function (_a) {
     var _b, _c;
-    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
+    var _d;
+    var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _e = _a.paging, paging = _e === void 0 ? {} : _e, parentUri = _a.parentUri, maxProp = _a.max, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
     var styles = useStyles();
+    var requestNextPageOfAttributeValues = useMdmAction('requestNextPageOfAttributeValues');
+    var defaultMaxValues = useMdmDefaultMaxValues();
+    var max = (_d = maxProp !== null && maxProp !== void 0 ? maxProp : defaultMaxValues) !== null && _d !== void 0 ? _d : Infinity;
     var partitionByOv = partition(isOv);
     if (!values || !values.length) {
         return null;

package/esm/components/attributes/readMode/AttributesPager/ImageLineRenderer.d.ts

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

package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-import { RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-module';
-import { AttributeType, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
+import { AttributeType, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue, RequestNextPageOfAttributeValuesPayload } from '@reltio/mdm-sdk';
 type Props = {
     max: number;
     values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];

package/esm/components/attributes/readMode/AttributesPager/styles.d.ts

@@ -1,3 +1,3 @@
 export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"paddingWrapper" | "paddingWrapperWithLines">;
 export declare const useOneLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "attribute" | "wrapper" | "collaborationWrapper" | "titleIcon" | "titleRow" | "ovIcon" | "descriptionIcon">;
-export declare const useMultiLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"title" | "attributes" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;
+export declare const useMultiLineStyles: (props?: any) => import("@mui/styles").ClassNameMap<"attributes" | "title" | "attribute" | "wrapper" | "titleRow" | "ovIcon" | "descriptionIcon">;

package/esm/components/attributes/readMode/AttributesView/AttributesView.d.ts

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

package/esm/components/attributes/readMode/AttributesView/AttributesView.js

@@ -1,12 +1,10 @@
 import React, { useMemo } from 'react';
-import { useSelector } from 'react-redux';
-import mdm from '@reltio/mdm-module';
 import { getAttributesListForReadMode, isEmptyValue } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
 import Box from '@mui/material/Box';
 import Typography from '@mui/material/Typography';
-import { PivotingAttributeContext } from '../../../../contexts';
+import { PivotingAttributeContext, useMdmMetadata, useMdmPivotingAttributes } from '../../../../contexts';
 import BasicView from '../../../BasicView/BasicView';
 import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
 import AttributesList from '../AttributesList';
@@ -14,9 +12,10 @@ import { getFilteredAttrTypes } from '../../helpers/attributesView';
 import { useStyles } from './styles';
 var AttributesView = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, 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, _g = _a.attributesCount, attributesCount = _g === void 0 ? 16 : _g;
+    var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, _g = _a.attributesCount, attributesCount = _g === void 0 ? 16 : _g;
     var styles = useStyles();
-    var pivotingAttributes = useSelector(mdm.selectors.getPivotingAttributes);
+    var metadata = useMdmMetadata();
+    var pivotingAttributes = useMdmPivotingAttributes();
     var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity.type]);
     var attributesList = getAttributesListForReadMode(filteredAttrTypes, entity);
     var isShowAttributeList = attributesList.filter(function (_a) {

package/esm/components/attributes/readMode/ImageAttributesLine/ImageAttributesLine.d.ts

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

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

@@ -20,12 +20,10 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo, useContext, useMemo } from 'react';
+import React, { useContext, useMemo, memo } from 'react';
 import classnames from 'classnames';
 import { getAttributeTypeSubAttributes, getHistoryAppearanceByUri, getHistoryAttributeClassName, getLabel, getReferencedEntityUriFromAttrValue, isEmptyValue, isOv } from '@reltio/mdm-sdk';
-import mdmModule from '@reltio/mdm-module';
-import { useSelector } from 'react-redux';
-import { HistoryDiffContext, UrlGeneratorsContext } from '../../../../contexts';
+import { HistoryDiffContext, UrlGeneratorsContext, useMdmMetadata, useMdmUiPath } from '../../../../contexts';
 import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
 import InternalLink from '../../../InternalLink/InternalLink';
 import SearchHighlighter from '../../../SearchHighlighter/SearchHighlighter';
@@ -33,10 +31,10 @@ import { useOvValueStyles } from '../helpers/commonStyles';
 import useStyles from './styles';
 var ReferenceAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, otherProps = __rest(_a, ["attributeValue", "attributeType"]);
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var uiPath = useSelector(mdmModule.selectors.getUIPath);
     var styles = useStyles();
     var ovValueStyles = useOvValueStyles();
+    var metadata = useMdmMetadata();
+    var uiPath = useMdmUiPath();
     var refEntityURI = getReferencedEntityUriFromAttrValue(attributeValue);
     var attributeTypeList = useMemo(function () { return getAttributeTypeSubAttributes(metadata, attributeType); }, [attributeType, metadata]);
     var appearance = useContext(HistoryDiffContext).appearance;

package/esm/components/attributes/readMode/SpecialAttributes/Roles/Role.js

@@ -1,14 +1,13 @@
 import React, { useContext } from 'react';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
 import { getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName, getRoleLabel } from '@reltio/mdm-sdk';
 import { HistoryDiffContext } from '../../../../../contexts/HistoryAppearanceContext';
+import { useMdmMetadata } from '../../../../../contexts';
 import { useCommonStyles } from '../styles';
 var Role = function (_a) {
     var value = _a.value;
     var styles = useCommonStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var appearance = useContext(HistoryDiffContext).appearance;
+    var metadata = useMdmMetadata();
     var attributeAppearance = getHistoryAppearanceBySpecialAttributeValue('roles', value, appearance);
     var historyClassName = getHistoryAttributeClassName(attributeAppearance);
     return React.createElement("span", { className: styles[historyClassName] }, getRoleLabel(metadata, value));

package/esm/components/attributes/readMode/SpecialAttributes/Tags/Tag.js

@@ -1,18 +1,16 @@
 import React, { useContext } from 'react';
 import InternalLink from '../../../../InternalLink/InternalLink';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
 import { getDataTenantEntityUri, getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName } from '@reltio/mdm-sdk';
-import { EntityContext, HistoryDiffContext, UrlGeneratorsContext } from '../../../../../contexts';
+import { EntityContext, HistoryDiffContext, UrlGeneratorsContext, useMdmEntity, useMdmUiPath } from '../../../../../contexts';
 import { useCommonStyles } from '../styles';
 var Tag = function (_a) {
     var value = _a.value;
     var styles = useCommonStyles();
-    var uiPath = useSelector(mdmModule.selectors.getUIPath);
-    var currentEntity = useSelector(mdmModule.selectors.getEntity);
     var ownEntity = useContext(EntityContext);
     var appearance = useContext(HistoryDiffContext).appearance;
     var generateTagUrl = useContext(UrlGeneratorsContext).generateTagUrl;
+    var currentEntity = useMdmEntity();
+    var uiPath = useMdmUiPath();
     var attributeAppearance = getHistoryAppearanceBySpecialAttributeValue('tags', value, appearance);
     var historyClassName = getHistoryAttributeClassName(attributeAppearance);
     var entity = ownEntity || currentEntity;

package/esm/components/attributes/types/attributesView.d.ts

@@ -1,5 +1,5 @@
-import { Entity, Metadata, Mode, PinnedAttribute } from '@reltio/mdm-sdk';
-type OwnProps = {
+import { Entity, Mode, PinnedAttribute } from '@reltio/mdm-sdk';
+export type AttributesViewProps = {
     attributesCount?: number;
     caption?: string;
     className?: string;
@@ -9,8 +9,3 @@ type OwnProps = {
     pinnedAttributes?: PinnedAttribute[];
     mode?: Mode;
 };
-type StateProps = {
-    metadata: Metadata;
-};
-type AttributesViewProps = OwnProps & StateProps;
-export type { OwnProps as AttributesViewOwnProps, StateProps as AttributesViewStateProps, AttributesViewProps };

package/esm/components/crosswalks/AttributesTable/AddAttributesButton/AddAttributesButton.js

@@ -8,18 +8,17 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import React from 'react';
-import { useSelector } from 'react-redux';
 import MoreAttributesButton from '../../../attributes/editMode/MoreAttributesButton/MoreAttributesButton';
 import { withTableContext } from '../../../BasicTableView';
 import i18n from 'ui-i18n';
 import { both, either, filter, pick, pipe, propEq, propOr, reject } from 'ramda';
 import { checkCanCreateAttribute, isImage, isNested, isReadableAttribute, isReference, ModeTypes } from '@reltio/mdm-sdk';
-import mdmModule from '@reltio/mdm-module';
+import { useMdmMetadata } from '../../../../contexts';
 import { useStyles } from './styles';
 export var AddAttributesButton = function (_a) {
     var parentTypeUri = _a.parentTypeUri, parentUri = _a.parentUri, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes, onAdd = _a.onAdd;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find(propEq('uri', parentTypeUri));
     var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find(propEq('uri', attrType.uri))); };
     var canCreate = function (attributeType) { return checkCanCreateAttribute({ attributeType: attributeType, mode: ModeTypes.EDITING }); };

package/esm/components/crosswalks/AttributesTable/AttributesTable.js

@@ -10,10 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
-import { useSelector } from 'react-redux';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
-import mdmModule from '@reltio/mdm-module';
 import { findAttributeTypeByUri, isReadableAttribute, makeAttrTypeUri } from '@reltio/mdm-sdk';
 import { BasicTable, ColumnsSettings, useDynamicRowCellHeight } from '../../BasicTableView';
 import BasicViewHeader from '../../BasicViewHeader/BasicViewHeader';
@@ -24,6 +22,7 @@ import LinearLoadIndicator from '../../LinearLoadIndicator/LinearLoadIndicator';
 import ConfirmDeleteDialog from '../../ConfirmDeleteDialog/ConfirmDeleteDialog';
 import ConfirmEditIgnoredDialog from './ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog';
 import { noop } from '../../../core';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var DEFAULT_ROW_HEIGHT = 68;
 var getIdFromRowValue = function (rowValue) { return rowValue.ovValues.attributeType.uri; };
@@ -34,6 +33,7 @@ var getRowCellKey = function (_a) {
 var AttributesTable = function (_a) {
     var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? noop : _c, _d = _a.onPin, onPin = _d === void 0 ? noop : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? noop : _e, _f = _a.onEdit, onEdit = _f === void 0 ? noop : _f, _g = _a.onAdd, onAdd = _g === void 0 ? noop : _g, emptyTempAttributeUris = _a.emptyTempAttributeUris, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? noop : _h, additionalHeaderItems = _a.additionalHeaderItems, className = _a.className, activeSurvivorshipGroupUri = _a.activeSurvivorshipGroupUri;
     var styles = useStyles();
+    var metadata = useMdmMetadata();
     var visibleColumnsData = useMemo(function () {
         return pipe(filter(function (_a) {
             var id = _a.id;
@@ -41,7 +41,6 @@ var AttributesTable = function (_a) {
         }), getBasicTableColumnsData)(COLUMNS_DATA);
     }, [visibleColumns]);
     var _j = entity || {}, parentTypeUri = _j.type, parentUri = _j.uri, _k = _j.attributes, attributes = _k === void 0 ? {} : _k;
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     useEffect(function () {
         if (entity && isNil(selectedAttributeTypes)) {
             var initialAttrTypes = pipe(keys, without(['paging']), map(makeAttrTypeUri(parentTypeUri)), map(function (attrTypeUri) { return findAttributeTypeByUri(metadata, attrTypeUri, parentTypeUri); }), filter(both(identity, isReadableAttribute)))(attributes);