@reltio/components 1.4.1637 → 1.4.1639

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

@@ -27,12 +27,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var TypeaheadEditor_1 = __importDefault(require("../../../editors/TypeaheadEditor/TypeaheadEditor"));
 var SmallIconButton_1 = __importDefault(require("../../../SmallIconButton/SmallIconButton"));
+var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var filtersWithSearch = function (searchQuery) { return [
     {
@@ -56,7 +55,7 @@ var getSuggestions = function (searchQuery) {
 var Tags = function (_a) {
     var className = _a.className, values = _a.values, onChange = _a.onChange, onDelete = _a.onDelete;
     var styles = (0, styles_1.useStyles)();
-    var entityUri = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntityUri);
+    var entityUri = (0, contexts_1.useMdmEntityUri)();
     var handleChange = (0, react_1.useCallback)(function (tags) {
         onChange({
             value: tags,
@@ -69,6 +68,6 @@ var Tags = function (_a) {
     }, [entityUri, onDelete]);
     return (react_1.default.createElement("div", { className: styles.container, "data-reltio-id": "reltio-attribute-value" },
         react_1.default.createElement(TypeaheadEditor_1.default, { fullWidth: true, multiple: true, variant: "filled", className: className, value: values || [], onChange: handleChange, getSuggestions: getSuggestions }),
-        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
+        !!onDelete && (react_1.default.createElement(SmallIconButton_1.default, { "data-reltio-id": "reltio-tags-delete-button", className: styles.deleteButton, icon: Delete_1.default, onClick: handleDelete, size: "L" }))));
 };
 exports.default = Tags;

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

@@ -49,11 +49,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
-var ramda_1 = require("ramda");
 var ComplexAttributeLabel_1 = require("../common/ComplexAttributeLabel");
 var InternalLink_1 = __importDefault(require("../../../InternalLink/InternalLink"));
 var contexts_1 = require("../../../../contexts");
@@ -62,8 +60,8 @@ var ReferenceAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
     var styles = (0, styles_1.useStyles)();
     var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var uiPath = (0, contexts_1.useMdmUiPath)();
     var entityLabel = (react_1.default.createElement(ComplexAttributeLabel_1.ComplexAttributeLabel, null,
         react_1.default.createElement(InternalLink_1.default, { href: generateEntityUrl({ uiPath: uiPath, uri: (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue) }) },
             (0, mdm_sdk_1.getLabel)(attributeValue.label),

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

@@ -5,12 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
 var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
 var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
-var classnames_1 = __importDefault(require("classnames"));
 var contexts_1 = require("../../../../contexts");
 var SmallIconButton_1 = require("../../../SmallIconButton");
 var styles_1 = require("./styles");
@@ -18,7 +16,7 @@ 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 = (0, contexts_1.useCrosswalkFocus)(crosswalk), toggleCrosswalkFocus = _c.toggleCrosswalkFocus, isFocused = _c.isFocused;
     var styles = (0, styles_1.useStyles)({ color: color, isFocused: isFocused });
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var label = (0, mdm_sdk_1.findSourceSystemByUri)(metadata, crosswalk.type).label;
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.sourceItem, className) },
         react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),

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

@@ -41,7 +41,7 @@ var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
-var AttributesPager_1 = __importDefault(require("../AttributesPager"));
+var AttributesPager_1 = __importDefault(require("../AttributesPager/AttributesPager"));
 var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
 var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
 var constants_1 = require("../../../../constants");

package/cjs/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/cjs/components/attributes/readMode/AttributesPager/AttributesPager.js

@@ -30,12 +30,13 @@ var classnames_1 = __importDefault(require("classnames"));
 var react_1 = __importStar(require("react"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var styles_1 = require("./styles");
 var BranchDecorator_1 = __importDefault(require("../../BranchDecorator/BranchDecorator"));
 var OneLineRenderer_1 = __importDefault(require("./OneLineRenderer"));
 var MultiLineRenderer_1 = __importDefault(require("./MultiLineRenderer"));
 var SpecialRenderer_1 = __importDefault(require("./SpecialRenderer"));
 var ImageLineRenderer_1 = require("./ImageLineRenderer");
+var contexts_1 = require("../../../../contexts");
+var styles_1 = require("./styles");
 var RENDERER_TYPES = {
     oneLine: 'oneLine',
     multiLine: 'multiLine',
@@ -44,8 +45,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 = (0, styles_1.useStyles)();
+    var requestNextPageOfAttributeValues = (0, contexts_1.useMdmAction)('requestNextPageOfAttributeValues');
+    var defaultMaxValues = (0, contexts_1.useMdmDefaultMaxValues)();
+    var max = (_d = maxProp !== null && maxProp !== void 0 ? maxProp : defaultMaxValues) !== null && _d !== void 0 ? _d : Infinity;
     var partitionByOv = (0, ramda_1.partition)(mdm_sdk_1.isOv);
     if (!values || !values.length) {
         return null;

package/cjs/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/cjs/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/cjs/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/cjs/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/cjs/components/attributes/readMode/AttributesView/AttributesView.js

@@ -27,8 +27,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
@@ -42,9 +40,10 @@ var attributesView_1 = require("../../helpers/attributesView");
 var styles_1 = require("./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 = (0, styles_1.useStyles)();
-    var pivotingAttributes = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getPivotingAttributes);
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var pivotingAttributes = (0, contexts_1.useMdmPivotingAttributes)();
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity.type]);
     var attributesList = (0, mdm_sdk_1.getAttributesListForReadMode)(filteredAttrTypes, entity);
     var isShowAttributeList = attributesList.filter(function (_a) {

package/cjs/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/cjs/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.js

@@ -51,8 +51,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var react_redux_1 = require("react-redux");
 var contexts_1 = require("../../../../contexts");
 var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAttribute"));
 var InternalLink_1 = __importDefault(require("../../../InternalLink/InternalLink"));
@@ -61,10 +59,10 @@ var commonStyles_1 = require("../helpers/commonStyles");
 var styles_1 = __importDefault(require("./styles"));
 var ReferenceAttribute = function (_a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType, otherProps = __rest(_a, ["attributeValue", "attributeType"]);
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
-    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
     var styles = (0, styles_1.default)();
     var ovValueStyles = (0, commonStyles_1.useOvValueStyles)();
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var uiPath = (0, contexts_1.useMdmUiPath)();
     var refEntityURI = (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue);
     var attributeTypeList = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributeTypeSubAttributes)(metadata, attributeType); }, [attributeType, metadata]);
     var appearance = (0, react_1.useContext)(contexts_1.HistoryDiffContext).appearance;

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

@@ -22,21 +22,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var HistoryAppearanceContext_1 = require("../../../../../contexts/HistoryAppearanceContext");
+var contexts_1 = require("../../../../../contexts");
 var styles_1 = require("../styles");
 var Role = function (_a) {
     var value = _a.value;
     var styles = (0, styles_1.useCommonStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var appearance = (0, react_1.useContext)(HistoryAppearanceContext_1.HistoryDiffContext).appearance;
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceBySpecialAttributeValue)('roles', value, appearance);
     var historyClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
     return react_1.default.createElement("span", { className: styles[historyClassName] }, (0, mdm_sdk_1.getRoleLabel)(metadata, value));

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

@@ -28,19 +28,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var InternalLink_1 = __importDefault(require("../../../../InternalLink/InternalLink"));
-var react_redux_1 = require("react-redux");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var contexts_1 = require("../../../../../contexts");
 var styles_1 = require("../styles");
 var Tag = function (_a) {
     var value = _a.value;
     var styles = (0, styles_1.useCommonStyles)();
-    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
-    var currentEntity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
     var ownEntity = (0, react_1.useContext)(contexts_1.EntityContext);
     var appearance = (0, react_1.useContext)(contexts_1.HistoryDiffContext).appearance;
     var generateTagUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateTagUrl;
+    var currentEntity = (0, contexts_1.useMdmEntity)();
+    var uiPath = (0, contexts_1.useMdmUiPath)();
     var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceBySpecialAttributeValue)('tags', value, appearance);
     var historyClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
     var entity = ownEntity || currentEntity;

package/cjs/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/cjs/components/crosswalks/AttributesTable/AddAttributesButton/AddAttributesButton.js

@@ -14,18 +14,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AddAttributesButton = void 0;
 var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
 var MoreAttributesButton_1 = __importDefault(require("../../../attributes/editMode/MoreAttributesButton/MoreAttributesButton"));
 var BasicTableView_1 = require("../../../BasicTableView");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var AddAttributesButton = function (_a) {
     var parentTypeUri = _a.parentTypeUri, parentUri = _a.parentUri, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes, onAdd = _a.onAdd;
     var styles = (0, styles_1.useStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find((0, ramda_1.propEq)('uri', parentTypeUri));
     var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find((0, ramda_1.propEq)('uri', attrType.uri))); };
     var canCreate = function (attributeType) { return (0, mdm_sdk_1.checkCanCreateAttribute)({ attributeType: attributeType, mode: mdm_sdk_1.ModeTypes.EDITING }); };

package/cjs/components/crosswalks/AttributesTable/AttributesTable.js

@@ -38,10 +38,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var BasicTableView_1 = require("../../BasicTableView");
 var BasicViewHeader_1 = __importDefault(require("../../BasicViewHeader/BasicViewHeader"));
@@ -52,6 +50,7 @@ var LinearLoadIndicator_1 = __importDefault(require("../../LinearLoadIndicator/L
 var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
 var ConfirmEditIgnoredDialog_1 = __importDefault(require("./ConfirmEditIgnoredDialog/ConfirmEditIgnoredDialog"));
 var core_1 = require("../../../core");
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var DEFAULT_ROW_HEIGHT = 68;
 var getIdFromRowValue = function (rowValue) { return rowValue.ovValues.attributeType.uri; };
@@ -62,6 +61,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 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? core_1.noop : _c, _d = _a.onPin, onPin = _d === void 0 ? core_1.noop : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? core_1.noop : _e, _f = _a.onEdit, onEdit = _f === void 0 ? core_1.noop : _f, _g = _a.onAdd, onAdd = _g === void 0 ? core_1.noop : _g, emptyTempAttributeUris = _a.emptyTempAttributeUris, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? core_1.noop : _h, additionalHeaderItems = _a.additionalHeaderItems, className = _a.className, activeSurvivorshipGroupUri = _a.activeSurvivorshipGroupUri;
     var styles = (0, styles_1.useStyles)();
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var visibleColumnsData = (0, react_1.useMemo)(function () {
         return (0, ramda_1.pipe)((0, ramda_1.filter)(function (_a) {
             var id = _a.id;
@@ -69,7 +69,6 @@ var AttributesTable = function (_a) {
         }), helpers_1.getBasicTableColumnsData)(helpers_1.COLUMNS_DATA);
     }, [visibleColumns]);
     var _j = entity || {}, parentTypeUri = _j.type, parentUri = _j.uri, _k = _j.attributes, attributes = _k === void 0 ? {} : _k;
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     (0, react_1.useEffect)(function () {
         if (entity && (0, ramda_1.isNil)(selectedAttributeTypes)) {
             var initialAttrTypes = (0, ramda_1.pipe)(ramda_1.keys, (0, ramda_1.without)(['paging']), (0, ramda_1.map)((0, mdm_sdk_1.makeAttrTypeUri)(parentTypeUri)), (0, ramda_1.map)(function (attrTypeUri) { return (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attrTypeUri, parentTypeUri); }), (0, ramda_1.filter)((0, ramda_1.both)(ramda_1.identity, mdm_sdk_1.isReadableAttribute)))(attributes);

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

@@ -27,7 +27,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var ramda_1 = require("ramda");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
@@ -40,21 +39,19 @@ var Close_1 = __importDefault(require("@mui/icons-material/Close"));
 var Info_1 = __importDefault(require("@mui/icons-material/Info"));
 var SmallIconButton_1 = require("../../../SmallIconButton");
 var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../../../../contexts");
 var styles_1 = require("./styles");
 var SourcesRenderer = function (_a) {
-    var sourcesUriOrder = _a.sourcesUriOrder;
+    var sourcesUriOrder = _a.sourcesUriOrder, metadata = _a.metadata;
     var styles = (0, styles_1.useStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     return (react_1.default.createElement(react_1.default.Fragment, null, sourcesUriOrder.map(function (sourceUri) { return (react_1.default.createElement(ListItem_1.default, { key: sourceUri, className: styles.popupItem },
         react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: sourceUri }),
         react_1.default.createElement(ListItemText_1.default, { primary: (0, mdm_sdk_1.getSourceSystemLabel)(metadata, sourceUri), primaryTypographyProps: { variant: 'body2' } }))); })));
 };
 var AttributeRenderer = function (_a) {
-    var attributeUri = _a.attributeUri;
+    var attributeUri = _a.attributeUri, metadata = _a.metadata;
     var styles = (0, styles_1.useStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var attributeType = (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attributeUri);
     return (react_1.default.createElement(ListItem_1.default, { key: attributeType.uri, className: styles.popupItem },
         react_1.default.createElement(ListItemText_1.default, { primary: (0, mdm_sdk_1.getLabel)(attributeType.label), primaryTypographyProps: { variant: 'body2' } })));
@@ -65,22 +62,28 @@ var getInfoTitle = (0, ramda_1.cond)([
     [(0, ramda_1.prop)('comparisonAttributeUri'), function () { return ui_i18n_1.default.text('Comparison attribute'); }]
 ]);
 var getInfoContent = (0, ramda_1.cond)([
-    // eslint-disable-next-line react/display-name
-    [(0, ramda_1.prop)('sourcesUriOrder'), function (_a) {
+    [
+        (0, ramda_1.prop)('sourcesUriOrder'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
             var sourcesUriOrder = _a.sourcesUriOrder;
-            return react_1.default.createElement(SourcesRenderer, { sourcesUriOrder: sourcesUriOrder });
-        }],
-    // eslint-disable-next-line react/display-name
-    [(0, ramda_1.prop)('primaryAttributeUri'), function (_a) {
+            return react_1.default.createElement(SourcesRenderer, { metadata: metadata, sourcesUriOrder: sourcesUriOrder });
+        }
+    ],
+    [
+        (0, ramda_1.prop)('primaryAttributeUri'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
             var primaryAttributeUri = _a.primaryAttributeUri;
-            return react_1.default.createElement(AttributeRenderer, { attributeUri: primaryAttributeUri });
-        }],
+            return (react_1.default.createElement(AttributeRenderer, { metadata: metadata, attributeUri: primaryAttributeUri }));
+        }
+    ],
     [
         (0, ramda_1.prop)('comparisonAttributeUri'),
         // eslint-disable-next-line react/display-name
-        function (_a) {
+        function (_a, metadata) {
             var comparisonAttributeUri = _a.comparisonAttributeUri;
-            return react_1.default.createElement(AttributeRenderer, { attributeUri: comparisonAttributeUri });
+            return (react_1.default.createElement(AttributeRenderer, { metadata: metadata, attributeUri: comparisonAttributeUri }));
         }
     ]
 ]);
@@ -88,6 +91,7 @@ var RuleTypeInfoButton = function (_a) {
     var info = _a.info;
     var styles = (0, styles_1.useStyles)();
     var _b = (0, react_1.useState)(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closePopup = function () { return setAnchorEl(null); };
     return (react_1.default.createElement(react_1.default.Fragment, null,
@@ -103,6 +107,6 @@ var RuleTypeInfoButton = function (_a) {
                 react_1.default.createElement(IconButton_1.default, { className: styles.closeButton, onClick: closePopup, size: "large" },
                     react_1.default.createElement(Close_1.default, null)),
                 react_1.default.createElement(Typography_1.default, { variant: 'subtitle1', className: styles.popupTitle }, getInfoTitle(info))),
-            react_1.default.createElement(List_1.default, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info)))));
+            react_1.default.createElement(List_1.default, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info, metadata)))));
 };
 exports.default = RuleTypeInfoButton;

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

@@ -4,20 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
 var List_1 = __importDefault(require("@mui/material/List"));
 var ListItem_1 = __importDefault(require("@mui/material/ListItem"));
 var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var SourceIcon_1 = __importDefault(require("../../../SourceIcon/SourceIcon"));
 var contexts_1 = require("../../../../contexts");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var ColoredBlock_1 = __importDefault(require("../../ColoredBlock/ColoredBlock"));
 var styles_1 = require("./styles");
 var WinnerSource = function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = (0, styles_1.useStyles)();
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var _b = (0, contexts_1.useCrosswalkHighlight)(crosswalk), isDimmed = _b.isDimmed, highlightCrosswalk = _b.highlightCrosswalk, removeHighlight = _b.removeHighlight;
     return (react_1.default.createElement(ColoredBlock_1.default, { className: styles.winnerSourceItem, color: isDimmed ? 'rgba(0, 0, 0, 0.12)' : (0, mdm_sdk_1.getCrosswalkColor)((0, mdm_sdk_1.getCrosswalkId)(crosswalk)), opacity: isDimmed ? 0.38 : 1, onMouseEnter: function () { return highlightCrosswalk(); }, onMouseLeave: function () { return removeHighlight(); } },
         react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),

package/cjs/components/crosswalks/CrosswalkAttributes/CrosswalkAttributes.js

@@ -27,30 +27,29 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var moment_1 = __importDefault(require("moment"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var ConfirmDeleteDialog_1 = __importDefault(require("../../ConfirmDeleteDialog/ConfirmDeleteDialog"));
 var MoreAttributesButton_1 = __importDefault(require("../../attributes/editMode/MoreAttributesButton"));
 var SimpleDropDownSelector_1 = __importDefault(require("../../SimpleDropDownSelector/SimpleDropDownSelector"));
 var SmallIconButton_1 = require("../../SmallIconButton");
 var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
 var editors_1 = require("../../editors");
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var CopyableValueField_1 = __importDefault(require("../CopyableValueField/CopyableValueField"));
 var CrosswalkDateEditor_1 = __importDefault(require("../CrosswalkDateEditor/CrosswalkDateEditor"));
-var moment_1 = __importDefault(require("moment"));
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("./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 = (0, styles_1.useStyles)();
-    var isTempCrosswalk = !('uri' in crosswalk);
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var _c = (0, react_1.useState)([]), addedAttributes = _c[0], setAddedAttributes = _c[1];
     var _d = (0, react_1.useState)(null), pendingDeletionAttrUri = _d[0], setPendingDeletionAttrUri = _d[1];
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var isTempCrosswalk = !('uri' in crosswalk);
     var addSelectedAttributes = function (selectedAttributes) {
         if (selectedAttributes.length > 0) {
             setAddedAttributes(function (addedAttributes) { return addedAttributes.concat((0, ramda_1.map)((0, ramda_1.prop)('uri'), selectedAttributes)); });

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

@@ -4,19 +4,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var react_redux_1 = require("react-redux");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var ColoredBlock_1 = __importDefault(require("../ColoredBlock/ColoredBlock"));
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
 var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
-var Typography_1 = __importDefault(require("@mui/material/Typography"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var CrosswalkDragPreview = function (_a) {
     var crosswalk = _a.crosswalk;
     var styles = (0, styles_1.useStyles)();
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var color = (0, CrosswalksDisplayContext_1.useCrosswalkColor)(crosswalk);
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalk.type);
     return (react_1.default.createElement(ColoredBlock_1.default, { color: color, className: styles.crosswalkPreview },
         react_1.default.createElement(SourceIcon_1.default, { className: styles.sourceIcon, sourceType: crosswalk.type }),

package/cjs/components/crosswalks/CrosswalkRow/CrosswalkRow.js

@@ -27,12 +27,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var react_dnd_1 = require("react-dnd");
+var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ArrowExpandButton_1 = __importDefault(require("../../ArrowExpandButton/ArrowExpandButton"));
 var ExpandedValueTooltip_1 = __importDefault(require("../../ExpandedValueTooltip/ExpandedValueTooltip"));
 var ColoredBlock_1 = __importDefault(require("../ColoredBlock/ColoredBlock"));
@@ -41,28 +42,26 @@ var SmallIconButton_1 = require("../../SmallIconButton");
 var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
 var Spacer_1 = __importDefault(require("../../Spacer/Spacer"));
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var NestedAttribute_1 = __importDefault(require("../../../icons/NestedAttribute"));
-var react_dnd_1 = require("react-dnd");
-var react_dnd_html5_backend_1 = require("react-dnd-html5-backend");
 var CrosswalkAttributes_1 = __importDefault(require("../CrosswalkAttributes/CrosswalkAttributes"));
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("./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 = (0, react_1.useRef)(null);
+    var _e = (0, react_1.useState)(false), expanded = _e[0], setExpanded = _e[1];
+    var _f = (0, react_1.useState)(false), isDeleteDialogOpen = _f[0], setDeleteDialogOpen = _f[1];
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var crosswalkColor = (0, CrosswalksDisplayContext_1.useCrosswalkColor)(crosswalk);
-    var _e = (0, CrosswalksDisplayContext_1.useCrosswalkFocus)(crosswalk), toggleCrosswalkFocus = _e.toggleCrosswalkFocus, isFocused = _e.isFocused;
-    var _f = (0, CrosswalksDisplayContext_1.useCrosswalkHighlight)(crosswalk), isDimmed = _f.isDimmed, highlightCrosswalk = _f.highlightCrosswalk, removeHighlight = _f.removeHighlight;
+    var _g = (0, CrosswalksDisplayContext_1.useCrosswalkFocus)(crosswalk), toggleCrosswalkFocus = _g.toggleCrosswalkFocus, isFocused = _g.isFocused;
+    var _h = (0, CrosswalksDisplayContext_1.useCrosswalkHighlight)(crosswalk), isDimmed = _h.isDimmed, highlightCrosswalk = _h.highlightCrosswalk, removeHighlight = _h.removeHighlight;
+    var scrollToCrosswalk = (0, CrosswalksDisplayContext_1.useHighlightedCrosswalks)()[0];
     var coloredCrosswalk = isDimmed ? 'rgba(0, 0, 0, 0.12)' : crosswalkColor;
     var color = isEmpty ? '#FFF' : isColored ? coloredCrosswalk : '#CACCD1';
-    var scrollToCrosswalk = (0, CrosswalksDisplayContext_1.useHighlightedCrosswalks)()[0];
-    var styles = (0, styles_1.useStyles)({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
-    var _g = (0, react_1.useState)(false), expanded = _g[0], setExpanded = _g[1];
-    var _h = (0, react_1.useState)(false), isDeleteDialogOpen = _h[0], setDeleteDialogOpen = _h[1];
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalk.type);
     var crosswalkId = (0, mdm_sdk_1.getLastUriPart)(crosswalk.uri);
     var crosswalkDisabled = (0, mdm_sdk_1.isCrosswalkDisabled)(crosswalk);
+    var styles = (0, styles_1.useStyles)({ color: color, isOpaque: !isDimmed, isFocused: isFocused });
     var _j = (0, react_dnd_1.useDrag)({
         item: {
             type: 'Crosswalk',

package/cjs/components/crosswalks/DummyCrosswalkRow/DummyCrosswalkRow.js

@@ -27,20 +27,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var react_redux_1 = require("react-redux");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
 var SourceIcon_1 = __importDefault(require("../../SourceIcon/SourceIcon"));
 var SmallIconButton_1 = __importDefault(require("../../SmallIconButton/SmallIconButton"));
 var CrosswalksDisplayContext_1 = require("../../../contexts/CrosswalksDisplayContext");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../../../contexts");
 var styles_1 = require("./styles");
 var DummyCrosswalkRow = function (_a) {
     var crosswalkType = _a.crosswalkType, _b = _a.focusable, focusable = _b === void 0 ? true : _b;
     var isDimmed = (0, CrosswalksDisplayContext_1.useCrosswalkHighlight)().isDimmed;
     var styles = (0, styles_1.useStyles)({ isOpaque: !isDimmed });
-    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
+    var metadata = (0, contexts_1.useMdmMetadata)();
     var sourceSystemLabel = (0, mdm_sdk_1.getSourceSystemLabel)(metadata, crosswalkType);
     return (react_1.default.createElement("div", { className: styles.root },
         react_1.default.createElement(SmallIconButton_1.default, { size: "XXS", className: styles.focusedIcon, icon: focusable && Visibility_1.default, disabled: true }),