@reltio/components 1.4.1638 → 1.4.1640

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);

package/esm/components/crosswalks/AttributesTable/cell-renderers/RuleTypeInfoButton.js

@@ -1,5 +1,4 @@
 import React, { useState } from 'react';
-import { useSelector } from 'react-redux';
 import { cond, prop } from 'ramda';
 import i18n from 'ui-i18n';
 import IconButton from '@mui/material/IconButton';
@@ -12,21 +11,19 @@ import CloseIcon from '@mui/icons-material/Close';
 import InfoIcon from '@mui/icons-material/Info';
 import { SmallIconButtonWithTooltip } from '../../../SmallIconButton';
 import SourceIcon from '../../../SourceIcon/SourceIcon';
-import mdmModule from '@reltio/mdm-module';
 import { findAttributeTypeByUri, getLabel, getSourceSystemLabel } from '@reltio/mdm-sdk';
+import { useMdmMetadata } from '../../../../contexts';
 import { useStyles } from './styles';
 var SourcesRenderer = function (_a) {
-    var sourcesUriOrder = _a.sourcesUriOrder;
+    var sourcesUriOrder = _a.sourcesUriOrder, metadata = _a.metadata;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     return (React.createElement(React.Fragment, null, sourcesUriOrder.map(function (sourceUri) { return (React.createElement(ListItem, { key: sourceUri, className: styles.popupItem },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: sourceUri }),
         React.createElement(ListItemText, { primary: getSourceSystemLabel(metadata, sourceUri), primaryTypographyProps: { variant: 'body2' } }))); })));
 };
 var AttributeRenderer = function (_a) {
-    var attributeUri = _a.attributeUri;
+    var attributeUri = _a.attributeUri, metadata = _a.metadata;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var attributeType = findAttributeTypeByUri(metadata, attributeUri);
     return (React.createElement(ListItem, { key: attributeType.uri, className: styles.popupItem },
         React.createElement(ListItemText, { primary: getLabel(attributeType.label), primaryTypographyProps: { variant: 'body2' } })));
@@ -37,22 +34,28 @@ var getInfoTitle = cond([
     [prop('comparisonAttributeUri'), function () { return i18n.text('Comparison attribute'); }]
 ]);
 var getInfoContent = cond([
-    // eslint-disable-next-line react/display-name
-    [prop('sourcesUriOrder'), function (_a) {
+    [
+        prop('sourcesUriOrder'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
             var sourcesUriOrder = _a.sourcesUriOrder;
-            return React.createElement(SourcesRenderer, { sourcesUriOrder: sourcesUriOrder });
-        }],
-    // eslint-disable-next-line react/display-name
-    [prop('primaryAttributeUri'), function (_a) {
+            return React.createElement(SourcesRenderer, { metadata: metadata, sourcesUriOrder: sourcesUriOrder });
+        }
+    ],
+    [
+        prop('primaryAttributeUri'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
             var primaryAttributeUri = _a.primaryAttributeUri;
-            return React.createElement(AttributeRenderer, { attributeUri: primaryAttributeUri });
-        }],
+            return (React.createElement(AttributeRenderer, { metadata: metadata, attributeUri: primaryAttributeUri }));
+        }
+    ],
     [
         prop('comparisonAttributeUri'),
         // eslint-disable-next-line react/display-name
-        function (_a) {
+        function (_a, metadata) {
             var comparisonAttributeUri = _a.comparisonAttributeUri;
-            return React.createElement(AttributeRenderer, { attributeUri: comparisonAttributeUri });
+            return (React.createElement(AttributeRenderer, { metadata: metadata, attributeUri: comparisonAttributeUri }));
         }
     ]
 ]);
@@ -60,6 +63,7 @@ var RuleTypeInfoButton = function (_a) {
     var info = _a.info;
     var styles = useStyles();
     var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var metadata = useMdmMetadata();
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closePopup = function () { return setAnchorEl(null); };
     return (React.createElement(React.Fragment, null,
@@ -75,6 +79,6 @@ var RuleTypeInfoButton = function (_a) {
                 React.createElement(IconButton, { className: styles.closeButton, onClick: closePopup, size: "large" },
                     React.createElement(CloseIcon, null)),
                 React.createElement(Typography, { variant: 'subtitle1', className: styles.popupTitle }, getInfoTitle(info))),
-            React.createElement(List, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info)))));
+            React.createElement(List, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info, metadata)))));
 };
 export default RuleTypeInfoButton;

package/esm/components/crosswalks/AttributesTable/cell-renderers/WinnerSourcesRenderer.js

@@ -1,18 +1,16 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import ListItemText from '@mui/material/ListItemText';
 import { getCrosswalkColor, getCrosswalkId, getSourceSystemLabel } from '@reltio/mdm-sdk';
 import SourceIcon from '../../../SourceIcon/SourceIcon';
-import { useCrosswalkHighlight } from '../../../../contexts';
-import mdmModule from '@reltio/mdm-module';
+import { useCrosswalkHighlight, useMdmMetadata } from '../../../../contexts';
 import ColoredBlock from '../../ColoredBlock/ColoredBlock';
 import { useStyles } from './styles';
 var WinnerSource = function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = useStyles();
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var _b = useCrosswalkHighlight(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
     return (React.createElement(ColoredBlock, { className: styles.winnerSourceItem, color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : getCrosswalkColor(getCrosswalkId(crosswalk)), opacity: isDimmed ? 0.38 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),

package/esm/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -1,28 +1,27 @@
 import React, { useMemo, useState } from 'react';
-import { useSelector } from 'react-redux';
+import { ascend, filter, has, isNil, map, pipe, prop, propEq, without } from 'ramda';
+import i18n from 'ui-i18n';
+import moment from 'moment';
+import { CrosswalksAttrTypes, formatDateTime, getCrosswalksTypes, getSourceSystemLabel, parseTimestamp } from '@reltio/mdm-sdk';
+import Typography from '@mui/material/Typography';
+import DeleteIcon from '@mui/icons-material/Delete';
 import ConfirmDeleteDialog from '../../ConfirmDeleteDialog/ConfirmDeleteDialog';
 import MoreAttributesButton from '../../attributes/editMode/MoreAttributesButton';
 import SimpleDropDownSelector from '../../SimpleDropDownSelector/SimpleDropDownSelector';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import SourceIcon from '../../SourceIcon/SourceIcon';
 import { TextEditor } from '../../editors';
-import Typography from '@mui/material/Typography';
-import DeleteIcon from '@mui/icons-material/Delete';
-import { CrosswalksAttrTypes, formatDateTime, getCrosswalksTypes, getSourceSystemLabel, parseTimestamp } from '@reltio/mdm-sdk';
-import { ascend, filter, has, isNil, map, pipe, prop, propEq, without } from 'ramda';
-import i18n from 'ui-i18n';
-import mdmModule from '@reltio/mdm-module';
 import CopyableValueField from '../CopyableValueField/CopyableValueField';
 import CrosswalkDateEditor from '../CrosswalkDateEditor/CrosswalkDateEditor';
-import moment from 'moment';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var CrosswalkAttributes = function (_a) {
     var crosswalk = _a.crosswalk, _b = _a.canEditAttribute, canEditAttribute = _b === void 0 ? true : _b, onEditAttribute = _a.onEditAttribute, onDeleteAttribute = _a.onDeleteAttribute;
     var styles = useStyles();
-    var isTempCrosswalk = !('uri' in crosswalk);
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var _c = useState([]), addedAttributes = _c[0], setAddedAttributes = _c[1];
     var _d = useState(null), pendingDeletionAttrUri = _d[0], setPendingDeletionAttrUri = _d[1];
+    var metadata = useMdmMetadata();
+    var isTempCrosswalk = !('uri' in crosswalk);
     var addSelectedAttributes = function (selectedAttributes) {
         if (selectedAttributes.length > 0) {
             setAddedAttributes(function (addedAttributes) { return addedAttributes.concat(map(prop('uri'), selectedAttributes)); });

package/esm/components/crosswalks/CrosswalkDragLayer/CrosswalkDragPreview.js

@@ -1,17 +1,16 @@
 import React from 'react';
-import { useSelector } from 'react-redux';
 import { getSourceSystemLabel } from '@reltio/mdm-sdk';
+import Typography from '@mui/material/Typography';
 import ColoredBlock from '../ColoredBlock/ColoredBlock';
 import { useCrosswalkColor } from '../../../contexts/CrosswalksDisplayContext';
 import SourceIcon from '../../SourceIcon/SourceIcon';
-import Typography from '@mui/material/Typography';
-import mdmModule from '@reltio/mdm-module';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var CrosswalkDragPreview = function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = useStyles();
+    var metadata = useMdmMetadata();
     var color = useCrosswalkColor(crosswalk);
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalk.type);
     return (React.createElement(ColoredBlock, { color: color, className: styles.crosswalkPreview },
         React.createElement(SourceIcon, { className: styles.sourceIcon, sourceType: crosswalk.type }),

package/esm/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -1,10 +1,11 @@
-import React, { memo, useEffect, useRef, useState } from 'react';
-import { useSelector } from 'react-redux';
+import React, { useEffect, useRef, useState, memo } from 'react';
 import i18n from 'ui-i18n';
+import { useDrag } from 'react-dnd';
+import { getEmptyImage } from 'react-dnd-html5-backend';
+import { eqCrosswalks, getLastUriPart, getSourceSystemLabel, isCrosswalkDisabled } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import DeleteIcon from '@mui/icons-material/Delete';
 import VisibilityIcon from '@mui/icons-material/Visibility';
-import { eqCrosswalks, getLastUriPart, getSourceSystemLabel, isCrosswalkDisabled } from '@reltio/mdm-sdk';
 import ArrowExpandButton from '../../ArrowExpandButton/ArrowExpandButton';
 import ExpandedValueTooltip from '../../ExpandedValueTooltip/ExpandedValueTooltip';
 import ColoredBlock from '../ColoredBlock/ColoredBlock';
@@ -13,28 +14,26 @@ import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
 import SourceIcon from '../../SourceIcon/SourceIcon';
 import Spacer from '../../Spacer/Spacer';
 import { useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from '../../../contexts/CrosswalksDisplayContext';
-import mdmModule from '@reltio/mdm-module';
 import DependentIcon from '../../../icons/NestedAttribute';
-import { useDrag } from 'react-dnd';
-import { getEmptyImage } from 'react-dnd-html5-backend';
 import CrosswalkAttributes from '../CrosswalkAttributes/CrosswalkAttributes';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var CrosswalkRow = function (_a) {
     var crosswalk = _a.crosswalk, isDependent = _a.isDependent, _b = _a.isEmpty, isEmpty = _b === void 0 ? false : _b, _c = _a.isColored, isColored = _c === void 0 ? true : _c, _d = _a.focusable, focusable = _d === void 0 ? true : _d, disableEdit = _a.disableEdit, disableDelete = _a.disableDelete, onDelete = _a.onDelete, onEdit = _a.onEdit;
     var ref = useRef(null);
+    var _e = useState(false), expanded = _e[0], setExpanded = _e[1];
+    var _f = useState(false), isDeleteDialogOpen = _f[0], setDeleteDialogOpen = _f[1];
+    var metadata = useMdmMetadata();
     var crosswalkColor = useCrosswalkColor(crosswalk);
-    var _e = useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _e.toggleCrosswalkFocus, isFocused = _e.isFocused;
-    var _f = useCrosswalkHighlight(crosswalk), isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
+    var _g = useCrosswalkFocus(crosswalk), toggleCrosswalkFocus = _g.toggleCrosswalkFocus, isFocused = _g.isFocused;
+    var _h = useCrosswalkHighlight(crosswalk), isDimmed = _h.isDimmed, highlightCrosswalk = _h.highlightCrosswalk, removeHighlight = _h.removeHighlight;
+    var scrollToCrosswalk = useHighlightedCrosswalks()[0];
     var coloredCrosswalk = isDimmed ? 'rgba(0, 0, 0, 0.12)' : crosswalkColor;
     var color = isEmpty ? '#FFF' : isColored ? coloredCrosswalk : '#CACCD1';
-    var scrollToCrosswalk = useHighlightedCrosswalks()[0];
-    var styles = useStyles({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
-    var _g = useState(false), expanded = _g[0], setExpanded = _g[1];
-    var _h = useState(false), isDeleteDialogOpen = _h[0], setDeleteDialogOpen = _h[1];
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
     var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalk.type);
     var crosswalkId = getLastUriPart(crosswalk.uri);
     var crosswalkDisabled = isCrosswalkDisabled(crosswalk);
+    var styles = useStyles({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
     var _j = useDrag({
         item: {
             type: 'Crosswalk',

package/esm/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.js

@@ -1,18 +1,17 @@
 import React, { memo } from 'react';
-import { useSelector } from 'react-redux';
+import { getSourceSystemLabel } from '@reltio/mdm-sdk';
 import Typography from '@mui/material/Typography';
 import VisibilityIcon from '@mui/icons-material/Visibility';
 import SourceIcon from '../../SourceIcon/SourceIcon';
 import SmallIconButton from '../../SmallIconButton/SmallIconButton';
 import { useCrosswalkHighlight } from '../../../contexts/CrosswalksDisplayContext';
-import mdmModule from '@reltio/mdm-module';
-import { getSourceSystemLabel } from '@reltio/mdm-sdk';
+import { useMdmMetadata } from '../../../contexts';
 import { useStyles } from './styles';
 var DummyCrosswalkRow = function (_a) {
     var crosswalkType = _a.crosswalkType, _b = _a.focusable, focusable = _b === void 0 ? true : _b;
     var isDimmed = useCrosswalkHighlight().isDimmed;
     var styles = useStyles({ isOpaque: !isDimmed });
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var sourceSystemLabel = getSourceSystemLabel(metadata, crosswalkType);
     return (React.createElement("div", { className: styles.root },
         React.createElement(SmallIconButton, { size: "XXS", className: styles.focusedIcon, icon: focusable && VisibilityIcon, disabled: true }),

package/esm/components/editors/DataTypeValueEditor/useEditorContext.d.ts

@@ -9,7 +9,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
     format?: undefined;
     tenant?: undefined;
 } | {
-    lookups: any;
+    lookups: import("@reltio/mdm-sdk").Lookups;
     lookupCode: any;
     getLookups: () => any;
     entries?: undefined;
@@ -18,7 +18,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
     format?: undefined;
     tenant?: undefined;
 } | {
-    lookups: any;
+    lookups: import("@reltio/mdm-sdk").Lookups;
     lookupCode: any;
     getLookups: ({ type, parents, displayNamePrefix, max, offset }: {
         type: any;
@@ -51,7 +51,7 @@ declare function useEditorContext(fieldName: any, dataTypeDefinition: any): {
     getSuggestions?: undefined;
     tenant?: undefined;
 } | {
-    tenant: any;
+    tenant: string;
     entries?: undefined;
     lookups?: undefined;
     lookupCode?: undefined;