@reltio/components 1.4.1414 → 1.4.1416
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/EntityUriLink/EntityUriLink.js +3 -4
- package/cjs/components/attributes/editMode/EntitySelector/components/SingleValue.js +5 -4
- package/cjs/components/attributes/inline/ReferenceAttribute/ReferenceAttribute.js +27 -2
- package/cjs/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.js +3 -2
- package/cjs/components/attributes/readMode/SpecialAttributes/Tags/Tag.js +3 -2
- package/cjs/contexts/UrlGeneratorsContext/index.d.ts +17 -0
- package/cjs/contexts/UrlGeneratorsContext/index.js +13 -0
- package/cjs/contexts/index.d.ts +1 -1
- package/cjs/contexts/index.js +3 -3
- package/esm/components/EntityUriLink/EntityUriLink.js +4 -5
- package/esm/components/attributes/editMode/EntitySelector/components/SingleValue.js +5 -4
- package/esm/components/attributes/inline/ReferenceAttribute/ReferenceAttribute.js +5 -3
- package/esm/components/attributes/readMode/ReferenceAttribute/ReferenceAttribute.js +5 -4
- package/esm/components/attributes/readMode/SpecialAttributes/Tags/Tag.js +5 -4
- package/esm/contexts/UrlGeneratorsContext/index.d.ts +17 -0
- package/esm/contexts/UrlGeneratorsContext/index.js +7 -0
- package/esm/contexts/index.d.ts +1 -1
- package/esm/contexts/index.js +1 -1
- package/package.json +3 -3
- package/cjs/contexts/GenerateEntityUrlContext/index.d.ts +0 -8
- package/cjs/contexts/GenerateEntityUrlContext/index.js +0 -9
- package/esm/contexts/GenerateEntityUrlContext/index.d.ts +0 -8
- package/esm/contexts/GenerateEntityUrlContext/index.js +0 -3
|
@@ -27,18 +27,17 @@ var react_1 = __importStar(require("react"));
|
|
|
27
27
|
var react_redux_1 = require("react-redux");
|
|
28
28
|
var contexts_1 = require("../../contexts");
|
|
29
29
|
var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
|
|
30
|
-
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
31
30
|
var EntityUriLink = (0, react_1.forwardRef)(function (_a, ref) {
|
|
32
31
|
var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className;
|
|
33
32
|
var dispatch = (0, react_redux_1.useDispatch)();
|
|
34
33
|
var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
|
|
35
|
-
var
|
|
34
|
+
var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
|
|
36
35
|
var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
|
|
37
|
-
var
|
|
36
|
+
var generateEntityUrlByUri = function (uri) { return generateEntityUrl({ uiPath: uiPath, uri: uri, screen: screen }); };
|
|
38
37
|
var onClick = (0, react_1.useCallback)(function () {
|
|
39
38
|
dispatch(mdm_module_1.ui.actions.openEntity({ uri: value, viewId: viewId, screen: screen }));
|
|
40
39
|
}, [viewId, value, dispatch, screen]);
|
|
41
|
-
return (react_1.default.createElement("a", { ref: ref, href:
|
|
40
|
+
return (react_1.default.createElement("a", { ref: ref, href: generateEntityUrlByUri(value), onClick: function (e) {
|
|
42
41
|
onClick();
|
|
43
42
|
e.stopPropagation();
|
|
44
43
|
e.preventDefault();
|
|
@@ -43,16 +43,17 @@ var prop_types_1 = __importDefault(require("prop-types"));
|
|
|
43
43
|
var classnames_1 = __importDefault(require("classnames"));
|
|
44
44
|
var react_redux_1 = require("react-redux");
|
|
45
45
|
var ui_i18n_1 = __importDefault(require("ui-i18n"));
|
|
46
|
-
var styles_1 = require("./styles");
|
|
47
46
|
var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
|
|
48
47
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
49
48
|
var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
|
|
50
|
-
var
|
|
49
|
+
var contexts_1 = require("../../../../../contexts");
|
|
50
|
+
var styles_1 = require("./styles");
|
|
51
51
|
var SingleValue = function (props) {
|
|
52
52
|
var _a = props.selectProps, currentEntityType = _a.currentEntityType, menuIsOpen = _a.menuIsOpen, disableLinkClick = _a.disableLinkClick, children = props.children, data = props.data;
|
|
53
53
|
var styles = (0, styles_1.useSingleValueStyles)();
|
|
54
54
|
var dispatch = (0, react_redux_1.useDispatch)();
|
|
55
|
-
var viewId = (0, react_1.useContext)(
|
|
55
|
+
var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
|
|
56
|
+
var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
|
|
56
57
|
var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
|
|
57
58
|
var handleOnMouseDown = function (event) {
|
|
58
59
|
event.stopPropagation();
|
|
@@ -69,7 +70,7 @@ var SingleValue = function (props) {
|
|
|
69
70
|
className: (0, classnames_1.default)(styles.singleValue, styles.linkValue),
|
|
70
71
|
onMouseDown: handleOnMouseDown,
|
|
71
72
|
onClick: function (e) { return e.preventDefault(); },
|
|
72
|
-
href: (
|
|
73
|
+
href: generateEntityUrl({ uiPath: uiPath, uri: data.entityUri }),
|
|
73
74
|
component: 'a'
|
|
74
75
|
};
|
|
75
76
|
return (!menuIsOpen && (react_1.default.createElement(Typography_1.default, __assign({}, valueProps), (0, mdm_sdk_1.isTempUri)(data.entityUri)
|
|
@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
};
|
|
11
11
|
return __assign.apply(this, arguments);
|
|
12
12
|
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
+
}
|
|
19
|
+
Object.defineProperty(o, k2, desc);
|
|
20
|
+
}) : (function(o, m, k, k2) {
|
|
21
|
+
if (k2 === undefined) k2 = k;
|
|
22
|
+
o[k2] = m[k];
|
|
23
|
+
}));
|
|
24
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
+
}) : function(o, v) {
|
|
27
|
+
o["default"] = v;
|
|
28
|
+
});
|
|
29
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
+
if (mod && mod.__esModule) return mod;
|
|
31
|
+
var result = {};
|
|
32
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
+
__setModuleDefault(result, mod);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
13
36
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
37
|
var t = {};
|
|
15
38
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -25,7 +48,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
25
48
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
49
|
};
|
|
27
50
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
|
-
var react_1 =
|
|
51
|
+
var react_1 = __importStar(require("react"));
|
|
29
52
|
var react_redux_1 = require("react-redux");
|
|
30
53
|
var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
|
|
31
54
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
@@ -33,14 +56,16 @@ var ComplexAttribute_1 = __importDefault(require("../ComplexAttribute/ComplexAtt
|
|
|
33
56
|
var ramda_1 = require("ramda");
|
|
34
57
|
var ComplexAttributeLabel_1 = require("../common/ComplexAttributeLabel");
|
|
35
58
|
var InternalLink_1 = __importDefault(require("../../../InternalLink/InternalLink"));
|
|
59
|
+
var contexts_1 = require("../../../../contexts");
|
|
36
60
|
var styles_1 = require("./styles");
|
|
37
61
|
var ReferenceAttribute = function (_a) {
|
|
38
62
|
var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
|
|
39
63
|
var styles = (0, styles_1.useStyles)();
|
|
64
|
+
var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
|
|
40
65
|
var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
|
|
41
66
|
var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
|
|
42
67
|
var entityLabel = (react_1.default.createElement(ComplexAttributeLabel_1.ComplexAttributeLabel, null,
|
|
43
|
-
react_1.default.createElement(InternalLink_1.default, { href: (
|
|
68
|
+
react_1.default.createElement(InternalLink_1.default, { href: generateEntityUrl({ uiPath: uiPath, uri: (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue) }) },
|
|
44
69
|
(0, mdm_sdk_1.getLabel)(attributeValue.label),
|
|
45
70
|
attributeValue.relationshipLabel && (react_1.default.createElement("span", { className: styles.relationshipLabel }, attributeValue.relationshipLabel)))));
|
|
46
71
|
var attributeTypesList = (0, ramda_1.pipe)(mdm_sdk_1.getReferencedRelationAttrTypesUris, (0, ramda_1.map)(function (attrTypeUri) { return (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attrTypeUri); }), (0, ramda_1.reject)(ramda_1.isNil))(attributeType);
|
|
@@ -64,17 +64,18 @@ var ReferenceAttribute = function (_a) {
|
|
|
64
64
|
var refEntityURI = (0, mdm_sdk_1.getReferencedEntityUriFromAttrValue)(attributeValue);
|
|
65
65
|
var attributeTypeList = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttributeTypeSubAttributes)(metadata, attributeType); }, [attributeType, metadata]);
|
|
66
66
|
var appearance = (0, react_1.useContext)(contexts_1.HistoryDiffContext).appearance;
|
|
67
|
+
var generateEntityUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateEntityUrl;
|
|
67
68
|
var entityLabel = (0, react_1.useMemo)(function () {
|
|
68
69
|
var _a;
|
|
69
70
|
var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
|
|
70
71
|
var historyAttributesClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
|
|
71
|
-
return (react_1.default.createElement(InternalLink_1.default, { href: (0, mdm_sdk_1.isEmptyValue)(appearance) ? (
|
|
72
|
+
return (react_1.default.createElement(InternalLink_1.default, { href: (0, mdm_sdk_1.isEmptyValue)(appearance) ? generateEntityUrl({ uiPath: uiPath, uri: refEntityURI }) : undefined, className: (0, classnames_1.default)(styles[historyAttributesClassName], (_a = {},
|
|
72
73
|
_a[ovValueStyles.ovFalse] = !(0, mdm_sdk_1.isOv)(attributeValue),
|
|
73
74
|
_a)) },
|
|
74
75
|
react_1.default.createElement(SearchHighlighter_1.default, { text: (0, mdm_sdk_1.getLabel)(attributeValue.label) }),
|
|
75
76
|
attributeValue.relationshipLabel && (react_1.default.createElement("span", { className: styles.relationshipLabel },
|
|
76
77
|
react_1.default.createElement(SearchHighlighter_1.default, { text: attributeValue.relationshipLabel })))));
|
|
77
|
-
}, [attributeValue, appearance, uiPath, refEntityURI, styles, ovValueStyles.ovFalse]);
|
|
78
|
+
}, [attributeValue, appearance, uiPath, refEntityURI, styles, ovValueStyles.ovFalse, generateEntityUrl]);
|
|
78
79
|
return (react_1.default.createElement(ComplexAttribute_1.default, __assign({ attributeTypesList: attributeTypeList, attributeValue: attributeValue, label: entityLabel, attributeType: attributeType }, otherProps)));
|
|
79
80
|
};
|
|
80
81
|
ReferenceAttribute.propTypes = mdm_sdk_1.ReferenceAttributeType;
|
|
@@ -37,13 +37,14 @@ var Tag = function (_a) {
|
|
|
37
37
|
var value = _a.value;
|
|
38
38
|
var styles = (0, styles_1.useCommonStyles)();
|
|
39
39
|
var uiPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getUIPath);
|
|
40
|
-
var ownEntity = (0, react_1.useContext)(contexts_1.EntityContext);
|
|
41
40
|
var currentEntity = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getEntity);
|
|
41
|
+
var ownEntity = (0, react_1.useContext)(contexts_1.EntityContext);
|
|
42
42
|
var appearance = (0, react_1.useContext)(contexts_1.HistoryDiffContext).appearance;
|
|
43
|
+
var generateTagUrl = (0, react_1.useContext)(contexts_1.UrlGeneratorsContext).generateTagUrl;
|
|
43
44
|
var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceBySpecialAttributeValue)('tags', value, appearance);
|
|
44
45
|
var historyClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
|
|
45
46
|
var entity = ownEntity || currentEntity;
|
|
46
|
-
return (react_1.default.createElement(InternalLink_1.default, { className: styles[historyClassName], href: (
|
|
47
|
+
return (react_1.default.createElement(InternalLink_1.default, { className: styles[historyClassName], href: generateTagUrl({
|
|
47
48
|
uiPath: uiPath,
|
|
48
49
|
tag: value,
|
|
49
50
|
entityUri: entity.dataTenant ? (0, mdm_sdk_1.getDataTenantEntityUri)(entity) : entity.uri
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type GenerateEntityUrl = (params: {
|
|
3
|
+
uiPath: string;
|
|
4
|
+
uri: string;
|
|
5
|
+
screen?: string;
|
|
6
|
+
}) => string;
|
|
7
|
+
declare type GenerateTagUrl = (params: {
|
|
8
|
+
uiPath: string;
|
|
9
|
+
tag: string;
|
|
10
|
+
entityUri: string;
|
|
11
|
+
}) => string;
|
|
12
|
+
declare type UrlGenerators = {
|
|
13
|
+
generateEntityUrl?: GenerateEntityUrl;
|
|
14
|
+
generateTagUrl?: GenerateTagUrl;
|
|
15
|
+
};
|
|
16
|
+
export declare const UrlGeneratorsContext: React.Context<UrlGenerators>;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.UrlGeneratorsContext = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
9
|
+
exports.UrlGeneratorsContext = react_1.default.createContext({
|
|
10
|
+
generateEntityUrl: mdm_sdk_1.generateEntityUrlForOldMode,
|
|
11
|
+
generateTagUrl: mdm_sdk_1.generateTagUrlForOldMode
|
|
12
|
+
});
|
|
13
|
+
exports.UrlGeneratorsContext.displayName = 'UrlGeneratorsContext';
|
package/cjs/contexts/index.d.ts
CHANGED
|
@@ -23,5 +23,5 @@ export { HighlightedValuesContext } from './HighlightedValuesContext';
|
|
|
23
23
|
export { InterceptHandlersContext } from './InterceptHandlersContext';
|
|
24
24
|
export { SearchValueContext } from './SearchValueContext';
|
|
25
25
|
export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
|
|
26
|
-
export {
|
|
26
|
+
export { UrlGeneratorsContext } from './UrlGeneratorsContext';
|
|
27
27
|
export { LabelsContext } from './LabelsContext';
|
package/cjs/contexts/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.LabelsContext = exports.
|
|
3
|
+
exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
|
|
4
4
|
var AsyncMountContext_1 = require("./AsyncMountContext");
|
|
5
5
|
Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
|
|
6
6
|
var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
|
|
@@ -59,7 +59,7 @@ Object.defineProperty(exports, "SearchValueContext", { enumerable: true, get: fu
|
|
|
59
59
|
var ScrollToErrorContext_1 = require("./ScrollToErrorContext");
|
|
60
60
|
Object.defineProperty(exports, "ScrollToErrorContext", { enumerable: true, get: function () { return ScrollToErrorContext_1.ScrollToErrorContext; } });
|
|
61
61
|
Object.defineProperty(exports, "ScrollToErrorProvider", { enumerable: true, get: function () { return ScrollToErrorContext_1.ScrollToErrorProvider; } });
|
|
62
|
-
var
|
|
63
|
-
Object.defineProperty(exports, "
|
|
62
|
+
var UrlGeneratorsContext_1 = require("./UrlGeneratorsContext");
|
|
63
|
+
Object.defineProperty(exports, "UrlGeneratorsContext", { enumerable: true, get: function () { return UrlGeneratorsContext_1.UrlGeneratorsContext; } });
|
|
64
64
|
var LabelsContext_1 = require("./LabelsContext");
|
|
65
65
|
Object.defineProperty(exports, "LabelsContext", { enumerable: true, get: function () { return LabelsContext_1.LabelsContext; } });
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import React, { forwardRef, useCallback, useContext } from 'react';
|
|
2
2
|
import { useSelector, useDispatch } from 'react-redux';
|
|
3
|
-
import {
|
|
3
|
+
import { UrlGeneratorsContext, ViewIdContext } from '../../contexts';
|
|
4
4
|
import mdmModule, { ui } from '@reltio/mdm-module';
|
|
5
|
-
import { getEntityLink } from '@reltio/mdm-sdk';
|
|
6
5
|
var EntityUriLink = forwardRef(function (_a, ref) {
|
|
7
6
|
var value = _a.value, children = _a.children, screen = _a.screen, className = _a.className;
|
|
8
7
|
var dispatch = useDispatch();
|
|
9
8
|
var viewId = useContext(ViewIdContext);
|
|
10
|
-
var
|
|
9
|
+
var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
|
|
11
10
|
var uiPath = useSelector(mdmModule.selectors.getUIPath);
|
|
12
|
-
var
|
|
11
|
+
var generateEntityUrlByUri = function (uri) { return generateEntityUrl({ uiPath: uiPath, uri: uri, screen: screen }); };
|
|
13
12
|
var onClick = useCallback(function () {
|
|
14
13
|
dispatch(ui.actions.openEntity({ uri: value, viewId: viewId, screen: screen }));
|
|
15
14
|
}, [viewId, value, dispatch, screen]);
|
|
16
|
-
return (React.createElement("a", { ref: ref, href:
|
|
15
|
+
return (React.createElement("a", { ref: ref, href: generateEntityUrlByUri(value), onClick: function (e) {
|
|
17
16
|
onClick();
|
|
18
17
|
e.stopPropagation();
|
|
19
18
|
e.preventDefault();
|
|
@@ -15,16 +15,17 @@ import PropTypes from 'prop-types';
|
|
|
15
15
|
import classnames from 'classnames';
|
|
16
16
|
import { useDispatch, useSelector } from 'react-redux';
|
|
17
17
|
import i18n from 'ui-i18n';
|
|
18
|
-
import { useSingleValueStyles } from './styles';
|
|
19
18
|
import mdmModule, { ui } from '@reltio/mdm-module';
|
|
20
|
-
import {
|
|
19
|
+
import { getLabel, isTempUri } from '@reltio/mdm-sdk';
|
|
21
20
|
import Typography from '@material-ui/core/Typography';
|
|
22
|
-
import { ViewIdContext } from '../../../../../contexts
|
|
21
|
+
import { UrlGeneratorsContext, ViewIdContext } from '../../../../../contexts';
|
|
22
|
+
import { useSingleValueStyles } from './styles';
|
|
23
23
|
var SingleValue = function (props) {
|
|
24
24
|
var _a = props.selectProps, currentEntityType = _a.currentEntityType, menuIsOpen = _a.menuIsOpen, disableLinkClick = _a.disableLinkClick, children = props.children, data = props.data;
|
|
25
25
|
var styles = useSingleValueStyles();
|
|
26
26
|
var dispatch = useDispatch();
|
|
27
27
|
var viewId = useContext(ViewIdContext);
|
|
28
|
+
var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
|
|
28
29
|
var uiPath = useSelector(mdmModule.selectors.getUIPath);
|
|
29
30
|
var handleOnMouseDown = function (event) {
|
|
30
31
|
event.stopPropagation();
|
|
@@ -41,7 +42,7 @@ var SingleValue = function (props) {
|
|
|
41
42
|
className: classnames(styles.singleValue, styles.linkValue),
|
|
42
43
|
onMouseDown: handleOnMouseDown,
|
|
43
44
|
onClick: function (e) { return e.preventDefault(); },
|
|
44
|
-
href:
|
|
45
|
+
href: generateEntityUrl({ uiPath: uiPath, uri: data.entityUri }),
|
|
45
46
|
component: 'a'
|
|
46
47
|
};
|
|
47
48
|
return (!menuIsOpen && (React.createElement(Typography, __assign({}, valueProps), isTempUri(data.entityUri)
|
|
@@ -20,22 +20,24 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React from 'react';
|
|
23
|
+
import React, { useContext } from 'react';
|
|
24
24
|
import { useSelector } from 'react-redux';
|
|
25
25
|
import mdmModule from '@reltio/mdm-module';
|
|
26
|
-
import { findAttributeTypeByUri,
|
|
26
|
+
import { findAttributeTypeByUri, getLabel, getReferencedEntityUriFromAttrValue, getReferencedRelationAttrTypesUris } from '@reltio/mdm-sdk';
|
|
27
27
|
import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
|
|
28
28
|
import { isNil, map, pipe, reject } from 'ramda';
|
|
29
29
|
import { ComplexAttributeLabel } from '../common/ComplexAttributeLabel';
|
|
30
30
|
import InternalLink from '../../../InternalLink/InternalLink';
|
|
31
|
+
import { UrlGeneratorsContext } from '../../../../contexts';
|
|
31
32
|
import { useStyles } from './styles';
|
|
32
33
|
var ReferenceAttribute = function (_a) {
|
|
33
34
|
var attributeValue = _a.attributeValue, attributeType = _a.attributeType, other = __rest(_a, ["attributeValue", "attributeType"]);
|
|
34
35
|
var styles = useStyles();
|
|
36
|
+
var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
|
|
35
37
|
var metadata = useSelector(mdmModule.selectors.getMetadata);
|
|
36
38
|
var uiPath = useSelector(mdmModule.selectors.getUIPath);
|
|
37
39
|
var entityLabel = (React.createElement(ComplexAttributeLabel, null,
|
|
38
|
-
React.createElement(InternalLink, { href:
|
|
40
|
+
React.createElement(InternalLink, { href: generateEntityUrl({ uiPath: uiPath, uri: getReferencedEntityUriFromAttrValue(attributeValue) }) },
|
|
39
41
|
getLabel(attributeValue.label),
|
|
40
42
|
attributeValue.relationshipLabel && (React.createElement("span", { className: styles.relationshipLabel }, attributeValue.relationshipLabel)))));
|
|
41
43
|
var attributeTypesList = pipe(getReferencedRelationAttrTypesUris, map(function (attrTypeUri) { return findAttributeTypeByUri(metadata, attrTypeUri); }), reject(isNil))(attributeType);
|
|
@@ -22,8 +22,8 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React, { memo, useContext, useMemo } from 'react';
|
|
24
24
|
import classnames from 'classnames';
|
|
25
|
-
import { getAttributeTypeSubAttributes, getHistoryAppearanceByUri, getHistoryAttributeClassName,
|
|
26
|
-
import { HistoryDiffContext } from '../../../../contexts';
|
|
25
|
+
import { getAttributeTypeSubAttributes, getHistoryAppearanceByUri, getHistoryAttributeClassName, getLabel, getReferencedEntityUriFromAttrValue, isEmptyValue, isOv, ReferenceAttributeType } from '@reltio/mdm-sdk';
|
|
26
|
+
import { HistoryDiffContext, UrlGeneratorsContext } from '../../../../contexts';
|
|
27
27
|
import ComplexAttribute from '../ComplexAttribute/ComplexAttribute';
|
|
28
28
|
import InternalLink from '../../../InternalLink/InternalLink';
|
|
29
29
|
import SearchHighlighter from '../../../SearchHighlighter/SearchHighlighter';
|
|
@@ -36,17 +36,18 @@ var ReferenceAttribute = function (_a) {
|
|
|
36
36
|
var refEntityURI = getReferencedEntityUriFromAttrValue(attributeValue);
|
|
37
37
|
var attributeTypeList = useMemo(function () { return getAttributeTypeSubAttributes(metadata, attributeType); }, [attributeType, metadata]);
|
|
38
38
|
var appearance = useContext(HistoryDiffContext).appearance;
|
|
39
|
+
var generateEntityUrl = useContext(UrlGeneratorsContext).generateEntityUrl;
|
|
39
40
|
var entityLabel = useMemo(function () {
|
|
40
41
|
var _a;
|
|
41
42
|
var attributeAppearance = getHistoryAppearanceByUri(attributeValue.uri, appearance);
|
|
42
43
|
var historyAttributesClassName = getHistoryAttributeClassName(attributeAppearance);
|
|
43
|
-
return (React.createElement(InternalLink, { href: isEmptyValue(appearance) ?
|
|
44
|
+
return (React.createElement(InternalLink, { href: isEmptyValue(appearance) ? generateEntityUrl({ uiPath: uiPath, uri: refEntityURI }) : undefined, className: classnames(styles[historyAttributesClassName], (_a = {},
|
|
44
45
|
_a[ovValueStyles.ovFalse] = !isOv(attributeValue),
|
|
45
46
|
_a)) },
|
|
46
47
|
React.createElement(SearchHighlighter, { text: getLabel(attributeValue.label) }),
|
|
47
48
|
attributeValue.relationshipLabel && (React.createElement("span", { className: styles.relationshipLabel },
|
|
48
49
|
React.createElement(SearchHighlighter, { text: attributeValue.relationshipLabel })))));
|
|
49
|
-
}, [attributeValue, appearance, uiPath, refEntityURI, styles, ovValueStyles.ovFalse]);
|
|
50
|
+
}, [attributeValue, appearance, uiPath, refEntityURI, styles, ovValueStyles.ovFalse, generateEntityUrl]);
|
|
50
51
|
return (React.createElement(ComplexAttribute, __assign({ attributeTypesList: attributeTypeList, attributeValue: attributeValue, label: entityLabel, attributeType: attributeType }, otherProps)));
|
|
51
52
|
};
|
|
52
53
|
ReferenceAttribute.propTypes = ReferenceAttributeType;
|
|
@@ -2,20 +2,21 @@ import React, { useContext } from 'react';
|
|
|
2
2
|
import InternalLink from '../../../../InternalLink/InternalLink';
|
|
3
3
|
import { useSelector } from 'react-redux';
|
|
4
4
|
import mdmModule from '@reltio/mdm-module';
|
|
5
|
-
import { getDataTenantEntityUri, getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName
|
|
6
|
-
import { EntityContext, HistoryDiffContext } from '../../../../../contexts';
|
|
5
|
+
import { getDataTenantEntityUri, getHistoryAppearanceBySpecialAttributeValue, getHistoryAttributeClassName } from '@reltio/mdm-sdk';
|
|
6
|
+
import { EntityContext, HistoryDiffContext, UrlGeneratorsContext } from '../../../../../contexts';
|
|
7
7
|
import { useCommonStyles } from '../styles';
|
|
8
8
|
var Tag = function (_a) {
|
|
9
9
|
var value = _a.value;
|
|
10
10
|
var styles = useCommonStyles();
|
|
11
11
|
var uiPath = useSelector(mdmModule.selectors.getUIPath);
|
|
12
|
-
var ownEntity = useContext(EntityContext);
|
|
13
12
|
var currentEntity = useSelector(mdmModule.selectors.getEntity);
|
|
13
|
+
var ownEntity = useContext(EntityContext);
|
|
14
14
|
var appearance = useContext(HistoryDiffContext).appearance;
|
|
15
|
+
var generateTagUrl = useContext(UrlGeneratorsContext).generateTagUrl;
|
|
15
16
|
var attributeAppearance = getHistoryAppearanceBySpecialAttributeValue('tags', value, appearance);
|
|
16
17
|
var historyClassName = getHistoryAttributeClassName(attributeAppearance);
|
|
17
18
|
var entity = ownEntity || currentEntity;
|
|
18
|
-
return (React.createElement(InternalLink, { className: styles[historyClassName], href:
|
|
19
|
+
return (React.createElement(InternalLink, { className: styles[historyClassName], href: generateTagUrl({
|
|
19
20
|
uiPath: uiPath,
|
|
20
21
|
tag: value,
|
|
21
22
|
entityUri: entity.dataTenant ? getDataTenantEntityUri(entity) : entity.uri
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
declare type GenerateEntityUrl = (params: {
|
|
3
|
+
uiPath: string;
|
|
4
|
+
uri: string;
|
|
5
|
+
screen?: string;
|
|
6
|
+
}) => string;
|
|
7
|
+
declare type GenerateTagUrl = (params: {
|
|
8
|
+
uiPath: string;
|
|
9
|
+
tag: string;
|
|
10
|
+
entityUri: string;
|
|
11
|
+
}) => string;
|
|
12
|
+
declare type UrlGenerators = {
|
|
13
|
+
generateEntityUrl?: GenerateEntityUrl;
|
|
14
|
+
generateTagUrl?: GenerateTagUrl;
|
|
15
|
+
};
|
|
16
|
+
export declare const UrlGeneratorsContext: React.Context<UrlGenerators>;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { generateEntityUrlForOldMode, generateTagUrlForOldMode } from '@reltio/mdm-sdk';
|
|
3
|
+
export var UrlGeneratorsContext = React.createContext({
|
|
4
|
+
generateEntityUrl: generateEntityUrlForOldMode,
|
|
5
|
+
generateTagUrl: generateTagUrlForOldMode
|
|
6
|
+
});
|
|
7
|
+
UrlGeneratorsContext.displayName = 'UrlGeneratorsContext';
|
package/esm/contexts/index.d.ts
CHANGED
|
@@ -23,5 +23,5 @@ export { HighlightedValuesContext } from './HighlightedValuesContext';
|
|
|
23
23
|
export { InterceptHandlersContext } from './InterceptHandlersContext';
|
|
24
24
|
export { SearchValueContext } from './SearchValueContext';
|
|
25
25
|
export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
|
|
26
|
-
export {
|
|
26
|
+
export { UrlGeneratorsContext } from './UrlGeneratorsContext';
|
|
27
27
|
export { LabelsContext } from './LabelsContext';
|
package/esm/contexts/index.js
CHANGED
|
@@ -23,5 +23,5 @@ export { HighlightedValuesContext } from './HighlightedValuesContext';
|
|
|
23
23
|
export { InterceptHandlersContext } from './InterceptHandlersContext';
|
|
24
24
|
export { SearchValueContext } from './SearchValueContext';
|
|
25
25
|
export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorContext';
|
|
26
|
-
export {
|
|
26
|
+
export { UrlGeneratorsContext } from './UrlGeneratorsContext';
|
|
27
27
|
export { LabelsContext } from './LabelsContext';
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1416",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE FILE",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"module": "./esm/index.js",
|
|
7
7
|
"dependencies": {
|
|
8
8
|
"@date-io/moment": "^1.3.5",
|
|
9
9
|
"@react-google-maps/api": "2.7.0",
|
|
10
|
-
"@reltio/mdm-module": "^1.4.
|
|
11
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
10
|
+
"@reltio/mdm-module": "^1.4.1416",
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1416",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.GenerateEntityUrlContext = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
|
-
exports.GenerateEntityUrlContext = react_1.default.createContext(null);
|
|
9
|
-
exports.GenerateEntityUrlContext.displayName = 'GenerateEntityUrlContext';
|