@reltio/components 1.4.1638 → 1.4.1639

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 }),

package/cjs/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;

package/cjs/components/editors/DataTypeValueEditor/useEditorContext.js

@@ -10,41 +10,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var react_redux_1 = require("react-redux");
 var react_1 = require("react");
 var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var contexts_1 = require("../../../contexts");
 var useEditorContext = function (fieldName, dataTypeDefinition) {
-    var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
-    var lookups = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getLookups);
-    var attributePresentations = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getAttributePresentations);
-    var globalSearchRequestOptions = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getGlobalSearchRequestOptions);
-    var dispatch = (0, react_redux_1.useDispatch)();
+    var lookupsLoaded = (0, contexts_1.useMdmAction)('lookupsLoaded');
+    var lookupsForTypeResolved = (0, contexts_1.useMdmAction)('lookupsForTypeResolved');
+    var tenant = (0, contexts_1.useMdmTenant)();
+    var lookups = (0, contexts_1.useMdmLookups)();
+    var attributePresentations = (0, contexts_1.useMdmAttributePresentations)();
+    var globalSearchRequestOptions = (0, contexts_1.useMdmGlobalSearchRequestOptions)();
     var typeaheadGetSuggestion = (0, react_1.useCallback)(function (searchValue, max, pageNo) {
         return (0, mdm_sdk_1.getFacetedAttributeData)({
             fieldName: fieldName,
@@ -62,7 +39,7 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
                 lookupCode: lookupCode,
                 getLookups: function () {
                     return (0, mdm_sdk_1.getLookups)().then(function (lookups) {
-                        dispatch(mdm_module_1.profile.lookups.actions.lookupsLoaded(lookups));
+                        lookupsLoaded(lookups);
                     });
                 }
             };
@@ -82,10 +59,7 @@ var useEditorContext = function (fieldName, dataTypeDefinition) {
                     return (0, mdm_sdk_1.resolveLookupsList)(lookupsList).then(function (response) {
                         if (Array.isArray(response)) {
                             var lookups_1 = response.reduce(function (acc, lookupData) { return (__assign(__assign({}, acc), lookupData[type])); }, {});
-                            dispatch(mdm_module_1.profile.lookups.actions.lookupsForTypeResolved({
-                                type: type,
-                                values: lookups_1
-                            }));
+                            lookupsForTypeResolved({ type: type, values: lookups_1 });
                         }
                     });
                 }

package/cjs/components/editors/DateRangeEditor/DateRangeEditor.d.ts

@@ -18,11 +18,11 @@ export type DateRangeEditorProps = {
 };
 declare const _default: {
     (props: DateRangeEditorProps & React.RefAttributes<HTMLDivElement> & {
-        values?: string | [Date, Date] | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE">;
+        values?: string | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE"> | [Date, Date];
         options?: import("../../../HOCs/withDateRangeSelector/helpers").Option[];
         dataTypeDefinition?: import("@reltio/mdm-sdk").DataTypeDefinition;
-        getValuesDateRange?: (value: string | [Date, Date] | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE">) => [Date, Date];
-        onChange?: (value: string | [Date, Date] | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE">) => void;
+        getValuesDateRange?: (value: string | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE"> | [Date, Date]) => [Date, Date];
+        onChange?: (value: string | Omit<import("@reltio/mdm-sdk/src/constants/filter-values").default, "PICK_DATE"> | [Date, Date]) => void;
         DateRangePickerProps?: Partial<{
             onApply: ([startDate, endDate]: [Date, Date]) => void;
             values?: [Date, Date];

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -145,7 +145,7 @@ var TypeaheadEditor = function (_a) {
         }
     };
     return (react_1.default.createElement(react_autosuggest_1.default, { suggestions: displayedSuggestions, shouldRenderSuggestions: ramda_1.T, inputProps: __assign(__assign({ value: inputValue, onChange: (0, ramda_1.pipe)((0, ramda_1.nthArg)(1), onInputChange), onKeyDown: function (event) {
-                if (event.keyCode === 13 && multiple && !hasHighlightedItem) {
+                if (event.code === 'Enter' && multiple && !hasHighlightedItem) {
                     onInputChange({ method: 'enter', newValue: currentValue });
                 }
             }, fullWidth: fullWidth }, inputProps), { autoComplete: 'nope' }), getSuggestionValue: ramda_1.identity, onSuggestionsFetchRequested: (0, ramda_1.ifElse)((0, ramda_1.propEq)('reason', 'input-changed'), debouncedFetchSuggestions, fetchSuggestions), onSuggestionsClearRequested: (0, ramda_1.pipe)((0, ramda_1.always)([]), setSuggestions, ramda_1.F, setPlaceholderVisibility, (0, ramda_1.always)(1), setPageNumber), renderInputComponent: function (_a) {