@reltio/components 1.4.1466 → 1.4.1467

package/cjs/components/PivotingUriLink/PivotingUriLink.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AttributeType, PivotingValue } from '@reltio/mdm-sdk';
+declare type Props = {
+    className?: string;
+    value: PivotingValue[];
+    children: React.ReactNode;
+    attributeType: AttributeType;
+    onClick: () => void;
+};
+declare const PivotingUriLink: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
+export default PivotingUriLink;

package/cjs/components/PivotingUriLink/PivotingUriLink.js

@@ -0,0 +1,48 @@
+"use strict";
+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;
+};
+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 classnames_1 = __importDefault(require("classnames"));
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var contexts_1 = require("../../contexts");
+var styles_1 = require("./styles");
+var PivotingUriLink = (0, react_1.forwardRef)(function (_a, ref) {
+    var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className, onClick = _a.onClick;
+    var styles = (0, styles_1.useStyles)();
+    var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
+    var generatePivotingUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generatePivotingUrl;
+    var url = generatePivotingUrl({ uiPath: uiPath, uri: attributeType.uri, value: JSON.stringify(value) });
+    return (react_1.default.createElement("a", { ref: ref, href: url, onClick: function (e) {
+            onClick();
+            e.stopPropagation();
+            e.preventDefault();
+        }, className: (0, classnames_1.default)(styles.link, className) }, children));
+});
+PivotingUriLink.displayName = 'PivotingUriLink';
+exports.default = PivotingUriLink;

package/cjs/components/PivotingUriLink/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link">;

package/cjs/components/PivotingUriLink/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
+    link: {
+        color: theme.palette.primary.main,
+        textDecoration: 'none'
+    }
+}); });

package/cjs/components/RelationEditor/RelationEditor.js

@@ -204,10 +204,6 @@ exports.default = (0, HOCs_1.withContext)(contexts_1.ScrollToErrorContext, funct
     var connection = _a.connection;
     var _b = (contextValue || {}).error, error = _b === void 0 ? {} : _b;
     var _c = connection.relation, relationUri = _c.relationUri, relationType = _c.relationType;
-    var isHighlighted = (0, ramda_1.allPass)([
-        (0, ramda_1.pipe)((0, ramda_1.prop)('uri'), mdm_sdk_1.isEmptyValue),
-        (0, ramda_1.propEq)('parentUri', relationUri),
-        (0, ramda_1.propEq)('attributeTypeUri', relationType)
-    ])(error);
+    var isHighlighted = (0, mdm_sdk_1.isAttributeTypeError)(error, relationUri, relationType);
     return { highlightedError: isHighlighted ? contextValue : null };
 }, RelationEditor);

package/cjs/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -37,6 +37,7 @@ var contexts_1 = require("../../../contexts");
 var helpers_1 = require("./helpers");
 var PivotingIcon_1 = __importDefault(require("../../../icons/PivotingIcon"));
 var PivotingTooltipContent_1 = require("./PivotingTooltipContent");
+var PivotingUriLink_1 = __importDefault(require("../../PivotingUriLink/PivotingUriLink"));
 var styles_1 = require("./styles");
 var PivotingTooltip = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className;
@@ -59,15 +60,18 @@ var PivotingTooltip = function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     });
-    var handleSeeAllClick = function () {
-        var generatedValue = Array.isArray(pivotingValue)
+    var convertPivotingValue = function () {
+        return Array.isArray(pivotingValue)
             ? (0, helpers_1.convertNestedAttributePivotingValue)(pivotingValue)
             : (0, helpers_1.convertSimpleAttributePivotingValue)(attributeType, pivotingValue);
+    };
+    var generatedValue = isPivotingAttribute ? convertPivotingValue() : undefined;
+    var handleSeeAllClick = function () {
         dispatch(mdm_module_1.ui.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
     };
-    return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { value: pivotingValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
+    return isPivotingAttribute ? (react_1.default.createElement(Tooltip_1.default, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: react_1.default.createElement(PivotingTooltipContent_1.PivotingTooltipContent, { value: pivotingValue, generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
         react_1.default.createElement("span", { className: className },
             react_1.default.createElement(PivotingIcon_1.default, { className: contentStyles.icon }),
-            react_1.default.createElement("span", { className: contentStyles.content, onClick: handleSeeAllClick }, children)))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
+            react_1.default.createElement(PivotingUriLink_1.default, { onClick: handleSeeAllClick, className: contentStyles.content, value: generatedValue, attributeType: attributeType }, children)))) : (react_1.default.createElement(react_1.default.Fragment, null, children));
 };
 exports.PivotingTooltip = PivotingTooltip;

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.d.ts

@@ -2,6 +2,7 @@
 import { AttributeType, PrimitiveValue, PivotingValue } from '@reltio/mdm-sdk';
 export declare type Props = {
     value: PivotingValue[] | PrimitiveValue;
+    generatedValue: PivotingValue[];
     attributeType: AttributeType;
     config: {
         label?: string;
@@ -9,4 +10,4 @@ export declare type Props = {
     };
     onSeeAllClick: () => void;
 };
-export declare const PivotingTooltipContent: ({ value, attributeType, config, onSeeAllClick }: Props) => JSX.Element;
+export declare const PivotingTooltipContent: ({ value, attributeType, config, generatedValue, onSeeAllClick }: Props) => JSX.Element;

package/cjs/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -45,11 +45,12 @@ var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var EntityAvatar_1 = __importDefault(require("../../EntityAvatar/EntityAvatar"));
 var EntityUriLink_1 = __importDefault(require("../../EntityUriLink/EntityUriLink"));
+var PivotingUriLink_1 = __importDefault(require("../../PivotingUriLink/PivotingUriLink"));
 var hooks_1 = require("../../../hooks");
 var styles_1 = require("./styles");
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 var PivotingTooltipContent = function (_a) {
-    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, onSeeAllClick = _a.onSeeAllClick;
+    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, generatedValue = _a.generatedValue, onSeeAllClick = _a.onSeeAllClick;
     var _c = (0, react_1.useState)([]), entities = _c[0], setEntities = _c[1];
     var _d = (0, react_1.useState)(0), total = _d[0], setTotal = _d[1];
     var entity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity) || {};
@@ -83,6 +84,6 @@ var PivotingTooltipContent = function (_a) {
             react_1.default.createElement(EntityAvatar_1.default, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
             react_1.default.createElement(EntityUriLink_1.default, { className: styles.entityLabel, value: (0, mdm_sdk_1.getEntityUriForLink)(visibleEntity) }, (0, mdm_sdk_1.getLabel)(visibleEntity.label)))); })),
         shouldShowSeeAllButton && (react_1.default.createElement("div", { className: styles.footer },
-            react_1.default.createElement("a", { className: styles.seeAllButton, onClick: onSeeAllClick }, ui_i18n_1.default.text('See all'))))));
+            react_1.default.createElement(PivotingUriLink_1.default, { value: generatedValue, attributeType: attributeType, className: styles.seeAllButton, onClick: onSeeAllClick }, ui_i18n_1.default.text('See all'))))));
 };
 exports.PivotingTooltipContent = PivotingTooltipContent;

package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.js

@@ -123,10 +123,6 @@ var AttributeRenderer = function (_a) {
 exports.default = (0, HOCs_1.withContext)(contexts_1.ScrollToErrorContext, function (contextValue, _a) {
     var parentUri = _a.parentUri, attributeType = _a.attributeType;
     var error = (contextValue || {}).error;
-    var isHighlighted = (0, ramda_1.allPass)([
-        (0, ramda_1.pipe)((0, ramda_1.prop)('uri'), mdm_sdk_1.isEmptyValue),
-        (0, ramda_1.propEq)('parentUri', parentUri),
-        (0, ramda_1.propEq)('attributeTypeUri', attributeType.uri)
-    ])(error);
+    var isHighlighted = (0, mdm_sdk_1.isAttributeTypeError)(error, parentUri, attributeType.uri);
     return { highlightedError: isHighlighted ? contextValue : null };
 }, AttributeRenderer);

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

@@ -152,10 +152,6 @@ ReferenceAttribute.propTypes = __assign(__assign({}, mdm_sdk_1.ReferenceAttribut
 exports.default = (0, HOCs_1.withContext)(contexts_1.ScrollToErrorContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
     var error = (contextValue || {}).error;
-    var isHighlighted = (0, ramda_1.allPass)([
-        (0, ramda_1.pipe)((0, ramda_1.prop)('uri'), mdm_sdk_1.isEmptyValue),
-        (0, ramda_1.propEq)('parentUri', attributeValue.uri),
-        (0, ramda_1.propEq)('attributeTypeUri', attributeType.uri)
-    ])(error);
+    var isHighlighted = (0, mdm_sdk_1.isAttributeTypeError)(error, attributeValue.uri, attributeType.uri);
     return { highlightedError: isHighlighted ? contextValue : null };
 }, ReferenceAttribute);

package/cjs/contexts/UrlGeneratorsContext/index.d.ts

@@ -4,6 +4,11 @@ declare type GenerateEntityUrl = (params: {
     uri: string;
     screen?: string;
 }) => string;
+declare type GeneratePivotingUrl = (params: {
+    uiPath: string;
+    uri: string;
+    value: string;
+}) => string;
 declare type GenerateTagUrl = (params: {
     uiPath: string;
     tag: string;
@@ -11,6 +16,7 @@ declare type GenerateTagUrl = (params: {
 }) => string;
 declare type UrlGenerators = {
     generateEntityUrl?: GenerateEntityUrl;
+    generatePivotingUrl?: GeneratePivotingUrl;
     generateTagUrl?: GenerateTagUrl;
 };
 export declare const UrlGeneratorsContext: React.Context<UrlGenerators>;

package/cjs/contexts/UrlGeneratorsContext/index.js

@@ -8,6 +8,7 @@ var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 exports.UrlGeneratorsContext = react_1.default.createContext({
     generateEntityUrl: mdm_sdk_1.generateEntityUrlForOldMode,
+    generatePivotingUrl: mdm_sdk_1.generatePivotingUrlForOldMode,
     generateTagUrl: mdm_sdk_1.generateTagUrlForOldMode
 });
 exports.UrlGeneratorsContext.displayName = 'UrlGeneratorsContext';

package/esm/components/PivotingUriLink/PivotingUriLink.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AttributeType, PivotingValue } from '@reltio/mdm-sdk';
+declare type Props = {
+    className?: string;
+    value: PivotingValue[];
+    children: React.ReactNode;
+    attributeType: AttributeType;
+    onClick: () => void;
+};
+declare const PivotingUriLink: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLAnchorElement>>;
+export default PivotingUriLink;

package/esm/components/PivotingUriLink/PivotingUriLink.js

@@ -0,0 +1,20 @@
+import React, { forwardRef, useContext } from 'react';
+import { useSelector } from 'react-redux';
+import classnames from 'classnames';
+import mdmModule from '@reltio/mdm-module';
+import { UrlGeneratorsContext } from '../../contexts';
+import { useStyles } from './styles';
+var PivotingUriLink = forwardRef(function (_a, ref) {
+    var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className, onClick = _a.onClick;
+    var styles = useStyles();
+    var uiPath = useSelector(mdmModule.selectors.getUIPath);
+    var generatePivotingUrl = useContext(UrlGeneratorsContext).generatePivotingUrl;
+    var url = generatePivotingUrl({ uiPath: uiPath, uri: attributeType.uri, value: JSON.stringify(value) });
+    return (React.createElement("a", { ref: ref, href: url, onClick: function (e) {
+            onClick();
+            e.stopPropagation();
+            e.preventDefault();
+        }, className: classnames(styles.link, className) }, children));
+});
+PivotingUriLink.displayName = 'PivotingUriLink';
+export default PivotingUriLink;

package/esm/components/PivotingUriLink/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"link">;

package/esm/components/PivotingUriLink/styles.js

@@ -0,0 +1,7 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
+    link: {
+        color: theme.palette.primary.main,
+        textDecoration: 'none'
+    }
+}); });

package/esm/components/RelationEditor/RelationEditor.js

@@ -13,11 +13,11 @@ import React, { useCallback, useEffect, useMemo, useRef } from 'react';
 import i18n from 'ui-i18n';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { allPass, always, concat, differenceWith, equals, forEach, omit, path, pick, pipe, prop, when, uniq, propEq } from 'ramda';
+import { always, concat, differenceWith, equals, forEach, omit, path, pick, pipe, prop, when, uniq } from 'ramda';
 import Button from '@material-ui/core/Button';
 import Divider from '@material-ui/core/Divider';
 import Typography from '@material-ui/core/Typography';
-import { AttributeErrorType, ConnectionType, createTemporaryEntity, EntityType, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, MetadataType, omitMarks, relationEditorAttributeTypesSelectionStrategy, RelationsConfigType, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode } from '@reltio/mdm-sdk';
+import { AttributeErrorType, ConnectionType, createTemporaryEntity, EntityType, findRelatedTemporaryEntities, getActivenessAttributes, getCreatableAttributeTypes, getEntityType, getErrorMessage, getErrorId, MetadataType, omitMarks, relationEditorAttributeTypesSelectionStrategy, RelationsConfigType, validateConnection, updateConnectionEntityLabel, isTempUri, isEmptyValue, getRelationAttributesList, getDefaultRelationTypeObject, getInOutRelations, isSuggestMode, isAttributeTypeError } from '@reltio/mdm-sdk';
 import { profile } from '@reltio/mdm-module';
 import ConnectionRelationTypeSelector from '../ConnectionRelationTypeSelector/ConnectionRelationTypeSelector';
 import ErrorWrapper from '../ErrorWrapper/ErrorWrapper';
@@ -176,10 +176,6 @@ export default withContext(ScrollToErrorContext, function (contextValue, _a) {
     var connection = _a.connection;
     var _b = (contextValue || {}).error, error = _b === void 0 ? {} : _b;
     var _c = connection.relation, relationUri = _c.relationUri, relationType = _c.relationType;
-    var isHighlighted = allPass([
-        pipe(prop('uri'), isEmptyValue),
-        propEq('parentUri', relationUri),
-        propEq('attributeTypeUri', relationType)
-    ])(error);
+    var isHighlighted = isAttributeTypeError(error, relationUri, relationType);
     return { highlightedError: isHighlighted ? contextValue : null };
 }, RelationEditor);

package/esm/components/attributes/PivotingAttributes/PivotingTooltip.js

@@ -8,6 +8,7 @@ import { PivotingAttributeContext } from '../../../contexts';
 import { convertNestedAttributePivotingValue, convertSimpleAttributePivotingValue, generatePivotingValue, preparePivotingAttributeValue } from './helpers';
 import PivotingIcon from '../../../icons/PivotingIcon';
 import { PivotingTooltipContent } from './PivotingTooltipContent';
+import PivotingUriLink from '../../PivotingUriLink/PivotingUriLink';
 import { usePivotingTooltipStyles, useStyles } from './styles';
 export var PivotingTooltip = function (_a) {
     var value = _a.value, attributeType = _a.attributeType, children = _a.children, className = _a.className;
@@ -30,14 +31,17 @@ export var PivotingTooltip = function (_a) {
         var uri = _a.uri;
         return uri === attributeType.uri;
     });
-    var handleSeeAllClick = function () {
-        var generatedValue = Array.isArray(pivotingValue)
+    var convertPivotingValue = function () {
+        return Array.isArray(pivotingValue)
             ? convertNestedAttributePivotingValue(pivotingValue)
             : convertSimpleAttributePivotingValue(attributeType, pivotingValue);
+    };
+    var generatedValue = isPivotingAttribute ? convertPivotingValue() : undefined;
+    var handleSeeAllClick = function () {
         dispatch(mdmModuleUi.actions.openPivotingPerspective({ value: generatedValue, attributeType: attributeType }));
     };
-    return isPivotingAttribute ? (React.createElement(Tooltip, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: React.createElement(PivotingTooltipContent, { value: pivotingValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
+    return isPivotingAttribute ? (React.createElement(Tooltip, { interactive: true, arrow: true, placement: "right-start", classes: styles, title: React.createElement(PivotingTooltipContent, { value: pivotingValue, generatedValue: generatedValue, attributeType: attributeType, config: pivotingAttribute.popup, onSeeAllClick: handleSeeAllClick }) },
         React.createElement("span", { className: className },
             React.createElement(PivotingIcon, { className: contentStyles.icon }),
-            React.createElement("span", { className: contentStyles.content, onClick: handleSeeAllClick }, children)))) : (React.createElement(React.Fragment, null, children));
+            React.createElement(PivotingUriLink, { onClick: handleSeeAllClick, className: contentStyles.content, value: generatedValue, attributeType: attributeType }, children)))) : (React.createElement(React.Fragment, null, children));
 };

package/esm/components/attributes/PivotingAttributes/PivotingTooltipContent.d.ts

@@ -2,6 +2,7 @@
 import { AttributeType, PrimitiveValue, PivotingValue } from '@reltio/mdm-sdk';
 export declare type Props = {
     value: PivotingValue[] | PrimitiveValue;
+    generatedValue: PivotingValue[];
     attributeType: AttributeType;
     config: {
         label?: string;
@@ -9,4 +10,4 @@ export declare type Props = {
     };
     onSeeAllClick: () => void;
 };
-export declare const PivotingTooltipContent: ({ value, attributeType, config, onSeeAllClick }: Props) => JSX.Element;
+export declare const PivotingTooltipContent: ({ value, attributeType, config, generatedValue, onSeeAllClick }: Props) => JSX.Element;

package/esm/components/attributes/PivotingAttributes/PivotingTooltipContent.js

@@ -16,11 +16,12 @@ import mdm from '@reltio/mdm-module';
 import { getEntityUriForLink, getFilteredEntities, getLabel, getTotals, convertPivotingValueToSearchFilters } from '@reltio/mdm-sdk';
 import EntityAvatar from '../../EntityAvatar/EntityAvatar';
 import EntityUriLink from '../../EntityUriLink/EntityUriLink';
+import PivotingUriLink from '../../PivotingUriLink/PivotingUriLink';
 import { useSafePromise } from '../../../hooks';
 import { useStyles } from './styles';
 var MAX_ENTITIES_PIVOTING_TOOLTIP = 6;
 export var PivotingTooltipContent = function (_a) {
-    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, onSeeAllClick = _a.onSeeAllClick;
+    var value = _a.value, attributeType = _a.attributeType, _b = _a.config, config = _b === void 0 ? {} : _b, generatedValue = _a.generatedValue, onSeeAllClick = _a.onSeeAllClick;
     var _c = useState([]), entities = _c[0], setEntities = _c[1];
     var _d = useState(0), total = _d[0], setTotal = _d[1];
     var entity = useSelector(mdm.selectors.getEntity) || {};
@@ -54,5 +55,5 @@ export var PivotingTooltipContent = function (_a) {
             React.createElement(EntityAvatar, { entity: visibleEntity, avatarClassName: styles.profileIcon }),
             React.createElement(EntityUriLink, { className: styles.entityLabel, value: getEntityUriForLink(visibleEntity) }, getLabel(visibleEntity.label)))); })),
         shouldShowSeeAllButton && (React.createElement("div", { className: styles.footer },
-            React.createElement("a", { className: styles.seeAllButton, onClick: onSeeAllClick }, i18n.text('See all'))))));
+            React.createElement(PivotingUriLink, { value: generatedValue, attributeType: attributeType, className: styles.seeAllButton, onClick: onSeeAllClick }, i18n.text('See all'))))));
 };

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

@@ -1,7 +1,7 @@
 import React, { useCallback, useRef, useState, useContext, useMemo } from 'react';
 import classNames from 'classnames';
-import { createNewAttribute, getAttributeOwnError, isComplexAttribute, isEditableMode as checkIsEditableMode, isEmptyValue } from '@reltio/mdm-sdk';
-import { add, always, has, ifElse, min, pipe, prop, T, allPass, propEq } from 'ramda';
+import { createNewAttribute, getAttributeOwnError, isComplexAttribute, isEditableMode as checkIsEditableMode, isEmptyValue, isAttributeTypeError } from '@reltio/mdm-sdk';
+import { add, always, has, ifElse, min, pipe, prop, T } from 'ramda';
 import BranchDecorator from '../../BranchDecorator/BranchDecorator';
 import ErrorMessage from '../../../ErrorWrapper/ErrorMessage';
 import Title from '../../../Title/Title';
@@ -95,10 +95,6 @@ var AttributeRenderer = function (_a) {
 export default withContext(ScrollToErrorContext, function (contextValue, _a) {
     var parentUri = _a.parentUri, attributeType = _a.attributeType;
     var error = (contextValue || {}).error;
-    var isHighlighted = allPass([
-        pipe(prop('uri'), isEmptyValue),
-        propEq('parentUri', parentUri),
-        propEq('attributeTypeUri', attributeType.uri)
-    ])(error);
+    var isHighlighted = isAttributeTypeError(error, parentUri, attributeType.uri);
     return { highlightedError: isHighlighted ? contextValue : null };
 }, AttributeRenderer);

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

@@ -23,8 +23,8 @@ var __rest = (this && this.__rest) || function (s, e) {
 import React, { useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { identity, pipe, isEmpty, allPass, prop, propEq } from 'ramda';
-import { evaluateDeepEntityLabel, ReferenceAttributeType, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, EntityType, MetadataType, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel, isEmptyValue } from '@reltio/mdm-sdk';
+import { identity, pipe, isEmpty } from 'ramda';
+import { evaluateDeepEntityLabel, ReferenceAttributeType, referencedEntityAttributeTypesSelectionStrategy, getEntityType, getReferencedEntityFromAttrValue, getReferencedRelationFromAttrValue, getReferencedEntityUri, getReferencedEntityTypeUri, getReferencedEntityTypeUriFromAttrType, getReferencedRelationAttrTypesUris, findAttributeTypeByUri, getCreatableAttributeTypes, createTemporaryEntity, convertReferencedEntityForAttrValue, createReferencedRelationForAttrValue, addReferencedRelationCrosswalks, getReferencedEntityUriFromAttrValue, checkCanEditAttribute, checkMetadataForCreate, isReltioCrosswalk, getErrorMessage, EntityType, MetadataType, getErrorId, getReferencedEntityActiveError, isTempUri, getLabel, isAttributeTypeError } from '@reltio/mdm-sdk';
 import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
 import EntitySelector from '../EntitySelector/EntitySelector';
 import { ErrorWrapper } from '../../../index';
@@ -124,10 +124,6 @@ ReferenceAttribute.propTypes = __assign(__assign({}, ReferenceAttributeType), {
 export default withContext(ScrollToErrorContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;
     var error = (contextValue || {}).error;
-    var isHighlighted = allPass([
-        pipe(prop('uri'), isEmptyValue),
-        propEq('parentUri', attributeValue.uri),
-        propEq('attributeTypeUri', attributeType.uri)
-    ])(error);
+    var isHighlighted = isAttributeTypeError(error, attributeValue.uri, attributeType.uri);
     return { highlightedError: isHighlighted ? contextValue : null };
 }, ReferenceAttribute);

package/esm/contexts/UrlGeneratorsContext/index.d.ts

@@ -4,6 +4,11 @@ declare type GenerateEntityUrl = (params: {
     uri: string;
     screen?: string;
 }) => string;
+declare type GeneratePivotingUrl = (params: {
+    uiPath: string;
+    uri: string;
+    value: string;
+}) => string;
 declare type GenerateTagUrl = (params: {
     uiPath: string;
     tag: string;
@@ -11,6 +16,7 @@ declare type GenerateTagUrl = (params: {
 }) => string;
 declare type UrlGenerators = {
     generateEntityUrl?: GenerateEntityUrl;
+    generatePivotingUrl?: GeneratePivotingUrl;
     generateTagUrl?: GenerateTagUrl;
 };
 export declare const UrlGeneratorsContext: React.Context<UrlGenerators>;

package/esm/contexts/UrlGeneratorsContext/index.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import { generateEntityUrlForOldMode, generateTagUrlForOldMode } from '@reltio/mdm-sdk';
+import { generateEntityUrlForOldMode, generatePivotingUrlForOldMode, generateTagUrlForOldMode } from '@reltio/mdm-sdk';
 export var UrlGeneratorsContext = React.createContext({
     generateEntityUrl: generateEntityUrlForOldMode,
+    generatePivotingUrl: generatePivotingUrlForOldMode,
     generateTagUrl: generateTagUrlForOldMode
 });
 UrlGeneratorsContext.displayName = 'UrlGeneratorsContext';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1466",
+  "version": "1.4.1467",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1466",
-    "@reltio/mdm-sdk": "^1.4.1466",
+    "@reltio/mdm-module": "^1.4.1467",
+    "@reltio/mdm-sdk": "^1.4.1467",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",