@reltio/components 1.4.1024 → 1.4.1028
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/ProfileBand/ProfileBand.d.ts +1 -5
- package/cjs/components/ProfileBand/ProfileBand.js +1 -17
- package/cjs/components/ProfileBand/styles.d.ts +1 -1
- package/cjs/components/ProfileBand/styles.js +0 -6
- package/cjs/components/ProfilesList/ProfilesList.d.ts +2 -4
- package/cjs/components/ProfilesList/ProfilesList.js +2 -16
- package/cjs/components/ProfilesList/index.d.ts +1 -5
- package/cjs/components/ProfilesList/styles.d.ts +1 -1
- package/cjs/components/ProfilesList/styles.js +0 -9
- package/cjs/components/Title/Title.d.ts +4 -7
- package/cjs/components/Title/Title.js +3 -6
- package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.js +1 -1
- package/cjs/components/attributes/editMode/AttributesPager/AttributesPager.js +1 -1
- package/cjs/components/attributes/editMode/AttributesPager/SpecialRenderer.js +1 -1
- package/cjs/components/attributes/inline/AttributesList/AttributesList.js +1 -1
- package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.js +1 -1
- package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.js +1 -1
- package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.js +1 -1
- package/cjs/components/attributes/readMode/AttributesPager/SpecialRenderer.js +1 -1
- package/cjs/components/crosswalks/AttributesTable/cell-renderers/OvValuesRenderer.js +1 -1
- package/cjs/components/history/hooks/useHistoryEnabled.d.ts +10 -0
- package/cjs/components/history/hooks/useHistoryEnabled.js +24 -0
- package/cjs/components/history/index.d.ts +1 -0
- package/cjs/components/history/index.js +3 -1
- package/cjs/components/index.d.ts +0 -2
- package/cjs/components/index.js +2 -6
- package/esm/components/ProfileBand/ProfileBand.d.ts +1 -5
- package/esm/components/ProfileBand/ProfileBand.js +2 -18
- package/esm/components/ProfileBand/styles.d.ts +1 -1
- package/esm/components/ProfileBand/styles.js +0 -6
- package/esm/components/ProfilesList/ProfilesList.d.ts +2 -4
- package/esm/components/ProfilesList/ProfilesList.js +3 -17
- package/esm/components/ProfilesList/index.d.ts +1 -5
- package/esm/components/ProfilesList/styles.d.ts +1 -1
- package/esm/components/ProfilesList/styles.js +0 -9
- package/esm/components/Title/Title.d.ts +4 -7
- package/esm/components/Title/Title.js +3 -6
- package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.js +1 -1
- package/esm/components/attributes/editMode/AttributesPager/AttributesPager.js +1 -1
- package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.js +1 -1
- package/esm/components/attributes/inline/AttributesList/AttributesList.js +1 -1
- package/esm/components/attributes/readMode/AttributesPager/AttributesPager.js +1 -1
- package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.js +1 -1
- package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.js +1 -1
- package/esm/components/attributes/readMode/AttributesPager/SpecialRenderer.js +1 -1
- package/esm/components/crosswalks/AttributesTable/cell-renderers/OvValuesRenderer.js +1 -1
- package/esm/components/history/hooks/useHistoryEnabled.d.ts +10 -0
- package/esm/components/history/hooks/useHistoryEnabled.js +20 -0
- package/esm/components/history/index.d.ts +1 -0
- package/esm/components/history/index.js +1 -0
- package/esm/components/index.d.ts +0 -2
- package/esm/components/index.js +0 -2
- package/package.json +3 -3
- package/cjs/components/Score/DQLabel.d.ts +0 -2
- package/cjs/components/Score/DQLabel.js +0 -14
- package/cjs/components/Score/Score.d.ts +0 -18
- package/cjs/components/Score/Score.js +0 -26
- package/cjs/components/Score/ScoreLabel.d.ts +0 -12
- package/cjs/components/Score/ScoreLabel.js +0 -29
- package/cjs/components/Score/styles.d.ts +0 -2
- package/cjs/components/Score/styles.js +0 -36
- package/esm/components/Score/DQLabel.d.ts +0 -2
- package/esm/components/Score/DQLabel.js +0 -9
- package/esm/components/Score/Score.d.ts +0 -18
- package/esm/components/Score/Score.js +0 -21
- package/esm/components/Score/ScoreLabel.d.ts +0 -12
- package/esm/components/Score/ScoreLabel.js +0 -24
- package/esm/components/Score/styles.d.ts +0 -2
- package/esm/components/Score/styles.js +0 -33
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
export default ProfileBand;
|
|
2
|
-
declare function ProfileBand({ className, entity,
|
|
2
|
+
declare function ProfileBand({ className, entity, children, classes }: {
|
|
3
3
|
className: any;
|
|
4
4
|
entity: any;
|
|
5
|
-
scoresToShow: any;
|
|
6
|
-
rangeColorsConfig: any;
|
|
7
5
|
children: any;
|
|
8
6
|
classes: any;
|
|
9
7
|
}): JSX.Element;
|
|
@@ -11,8 +9,6 @@ declare namespace ProfileBand {
|
|
|
11
9
|
namespace propTypes {
|
|
12
10
|
const className: PropTypes.Requireable<string>;
|
|
13
11
|
const entity: PropTypes.Requireable<object>;
|
|
14
|
-
const scoresToShow: PropTypes.Requireable<string[]>;
|
|
15
|
-
const rangeColorsConfig: PropTypes.Requireable<object>;
|
|
16
12
|
const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
17
13
|
const classes: PropTypes.Requireable<object>;
|
|
18
14
|
}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -44,12 +33,11 @@ var ui_i18n_1 = __importDefault(require("ui-i18n"));
|
|
|
44
33
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
45
34
|
var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
|
|
46
35
|
var EntityAvatar_1 = __importDefault(require("../EntityAvatar/EntityAvatar"));
|
|
47
|
-
var Score_1 = __importDefault(require("../Score/Score"));
|
|
48
36
|
var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBadge"));
|
|
49
37
|
var styles_1 = __importDefault(require("./styles"));
|
|
50
38
|
var ProfileBand = function (_a) {
|
|
51
39
|
var _b;
|
|
52
|
-
var className = _a.className, entity = _a.entity,
|
|
40
|
+
var className = _a.className, entity = _a.entity, children = _a.children, classes = _a.classes;
|
|
53
41
|
var styles = styles_1.default({ classes: classes });
|
|
54
42
|
var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
|
|
55
43
|
var handleCopyEntityIdToClipboard = react_1.useCallback(function () {
|
|
@@ -62,7 +50,6 @@ var ProfileBand = function (_a) {
|
|
|
62
50
|
var secondaryLabel = entity.secondaryLabel;
|
|
63
51
|
var businessCardText = mdm_sdk_1.getBusinessCardAttributesText(metadata, entity);
|
|
64
52
|
var isActive = mdm_sdk_1.isActiveObject(entity);
|
|
65
|
-
var scores = mdm_sdk_1.getScores(metadata, entity, scoresToShow);
|
|
66
53
|
var entityUri = entity.uri;
|
|
67
54
|
var entityId = mdm_sdk_1.getEntityId(entity);
|
|
68
55
|
return (react_1.default.createElement("div", { className: classnames_1.default(styles.profileBandWrapper, className) },
|
|
@@ -78,7 +65,6 @@ var ProfileBand = function (_a) {
|
|
|
78
65
|
react_1.default.createElement("div", { className: styles.specialInfo },
|
|
79
66
|
react_1.default.createElement("div", { className: styles.entityType },
|
|
80
67
|
react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity, size: "medium", className: styles.badge }),
|
|
81
|
-
scores.length > 0 && (react_1.default.createElement("div", { className: styles.scores }, scores.map(function (score) { return (react_1.default.createElement(Score_1.default, __assign({ key: score.uri }, score, { rangeColorsConfig: rangeColorsConfig }))); }))),
|
|
82
68
|
!mdm_sdk_1.isTempUri(entityUri) && (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Copy to clipboard') },
|
|
83
69
|
react_1.default.createElement(Typography_1.default, { display: "inline", variant: "body2", className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
|
|
84
70
|
ui_i18n_1.default.text('Entity ID'),
|
|
@@ -89,8 +75,6 @@ var ProfileBand = function (_a) {
|
|
|
89
75
|
ProfileBand.propTypes = {
|
|
90
76
|
className: prop_types_1.default.string,
|
|
91
77
|
entity: prop_types_1.default.object,
|
|
92
|
-
scoresToShow: prop_types_1.default.arrayOf(prop_types_1.default.string),
|
|
93
|
-
rangeColorsConfig: prop_types_1.default.object,
|
|
94
78
|
children: prop_types_1.default.node,
|
|
95
79
|
classes: prop_types_1.default.object
|
|
96
80
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export default useStyles;
|
|
2
|
-
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "inactive" | "profileIcon" | "badge" | "businessCard" | "
|
|
2
|
+
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "inactive" | "profileIcon" | "badge" | "businessCard" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo" | "entityId">;
|
|
@@ -81,12 +81,6 @@ var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
|
81
81
|
'&:hover': {
|
|
82
82
|
textDecoration: 'underline'
|
|
83
83
|
}
|
|
84
|
-
},
|
|
85
|
-
scores: {
|
|
86
|
-
display: 'flex',
|
|
87
|
-
flexGrow: 1,
|
|
88
|
-
justifyContent: 'flex-end',
|
|
89
|
-
paddingRight: '20px'
|
|
90
84
|
}
|
|
91
85
|
}); });
|
|
92
86
|
exports.default = useStyles;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Entity, Metadata
|
|
2
|
+
import { Entity, Metadata } from '@reltio/mdm-sdk';
|
|
3
3
|
declare type Props = {
|
|
4
4
|
metadata: Metadata;
|
|
5
5
|
entities: Entity[];
|
|
6
6
|
entityToHighlight?: string;
|
|
7
7
|
selectedEntityUri?: string;
|
|
8
|
-
scoresToShow?: string[];
|
|
9
|
-
rangeColorsConfig?: RangeColorsConfig;
|
|
10
8
|
onEntityClick?: (entityUri: string) => void;
|
|
11
9
|
onEntityHover?: (entityUri: string) => void;
|
|
12
10
|
entitiesImportStatus?: {
|
|
@@ -14,5 +12,5 @@ declare type Props = {
|
|
|
14
12
|
};
|
|
15
13
|
entityButtonsRenderer?: (entity: Entity) => void;
|
|
16
14
|
};
|
|
17
|
-
declare const ProfilesList: ({ entities, metadata, entityToHighlight, selectedEntityUri,
|
|
15
|
+
declare const ProfilesList: ({ entities, metadata, entityToHighlight, selectedEntityUri, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => JSX.Element;
|
|
18
16
|
export default ProfilesList;
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -37,7 +26,6 @@ var react_1 = __importStar(require("react"));
|
|
|
37
26
|
var classnames_1 = __importDefault(require("classnames"));
|
|
38
27
|
var ramda_1 = require("ramda");
|
|
39
28
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
40
|
-
var Score_1 = __importDefault(require("../Score/Score"));
|
|
41
29
|
var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBadge"));
|
|
42
30
|
var EntityUriLink_1 = __importDefault(require("../EntityUriLink/EntityUriLink"));
|
|
43
31
|
var EntityAvatar_1 = __importDefault(require("../EntityAvatar/EntityAvatar"));
|
|
@@ -47,7 +35,7 @@ var hooks_1 = require("../../hooks");
|
|
|
47
35
|
var styles_1 = require("./styles");
|
|
48
36
|
var SECOND_SCROLL_PAUSE = 1000;
|
|
49
37
|
var ProfilesList = function (_a) {
|
|
50
|
-
var entities = _a.entities, metadata = _a.metadata, entityToHighlight = _a.entityToHighlight, selectedEntityUri = _a.selectedEntityUri,
|
|
38
|
+
var entities = _a.entities, metadata = _a.metadata, entityToHighlight = _a.entityToHighlight, selectedEntityUri = _a.selectedEntityUri, onEntityClick = _a.onEntityClick, onEntityHover = _a.onEntityHover, entitiesImportStatus = _a.entitiesImportStatus, entityButtonsRenderer = _a.entityButtonsRenderer;
|
|
51
39
|
var styles = styles_1.useStyles();
|
|
52
40
|
var list = react_1.useRef(null);
|
|
53
41
|
var scrollTimer = react_1.useRef(null);
|
|
@@ -78,7 +66,6 @@ var ProfilesList = function (_a) {
|
|
|
78
66
|
var secondaryLabel = entity.secondaryLabel;
|
|
79
67
|
var businessCardText = mdm_sdk_1.getBusinessCardAttributesText(metadata, entity);
|
|
80
68
|
var isActive = mdm_sdk_1.isActiveObject(entity);
|
|
81
|
-
var scores = mdm_sdk_1.getScores(metadata, entity, scoresToShow);
|
|
82
69
|
var entityUri = entity.uri;
|
|
83
70
|
var entityUriForLink = mdm_sdk_1.getEntityUriForLink(entity);
|
|
84
71
|
var importStatus = ramda_1.prop(entityUri, entitiesImportStatus);
|
|
@@ -99,8 +86,7 @@ var ProfilesList = function (_a) {
|
|
|
99
86
|
businessCardText && react_1.default.createElement("span", { className: styles.businessCard }, businessCardText)),
|
|
100
87
|
react_1.default.createElement("div", { className: styles.secondRow },
|
|
101
88
|
react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity }),
|
|
102
|
-
react_1.default.createElement("div", null, mdm_sdk_1.getEntityId(entity)),
|
|
103
|
-
scores.length > 0 && (react_1.default.createElement("div", { className: styles.scores }, scores.map(function (score, i) { return (react_1.default.createElement(Score_1.default, __assign({ key: i }, score, { rangeColorsConfig: rangeColorsConfig }))); }))))),
|
|
89
|
+
react_1.default.createElement("div", null, mdm_sdk_1.getEntityId(entity)))),
|
|
104
90
|
entityButtonsRenderer && entityButtonsRenderer(entity)));
|
|
105
91
|
})));
|
|
106
92
|
};
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import ProfilesList from './ProfilesList';
|
|
3
3
|
export { ProfilesList };
|
|
4
|
-
declare const _default: import("react-redux").ConnectedComponent<({ entities, metadata, entityToHighlight, selectedEntityUri,
|
|
4
|
+
declare const _default: import("react-redux").ConnectedComponent<({ entities, metadata, entityToHighlight, selectedEntityUri, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: {
|
|
5
5
|
metadata: import("@reltio/mdm-sdk").Metadata;
|
|
6
6
|
entities: import("@reltio/mdm-sdk").Entity[];
|
|
7
7
|
entityToHighlight?: string;
|
|
8
8
|
selectedEntityUri?: string;
|
|
9
|
-
scoresToShow?: string[];
|
|
10
|
-
rangeColorsConfig?: import("@reltio/mdm-sdk").RangeColorsConfig;
|
|
11
9
|
onEntityClick?: (entityUri: string) => void;
|
|
12
10
|
onEntityHover?: (entityUri: string) => void;
|
|
13
11
|
entitiesImportStatus?: {
|
|
@@ -19,8 +17,6 @@ declare const _default: import("react-redux").ConnectedComponent<({ entities, me
|
|
|
19
17
|
entities: import("@reltio/mdm-sdk").Entity[];
|
|
20
18
|
entityToHighlight?: string;
|
|
21
19
|
selectedEntityUri?: string;
|
|
22
|
-
scoresToShow?: string[];
|
|
23
|
-
rangeColorsConfig?: import("@reltio/mdm-sdk").RangeColorsConfig;
|
|
24
20
|
onEntityClick?: (entityUri: string) => void;
|
|
25
21
|
onEntityHover?: (entityUri: string) => void;
|
|
26
22
|
entitiesImportStatus?: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "secondRow" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard"
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "secondRow" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard">;
|
|
@@ -94,15 +94,6 @@ exports.useStyles = styles_1.makeStyles(function (theme) {
|
|
|
94
94
|
alignItems: 'center',
|
|
95
95
|
color: 'rgba(0, 0, 0, 0.54)',
|
|
96
96
|
fontSize: '12px'
|
|
97
|
-
},
|
|
98
|
-
scores: {
|
|
99
|
-
display: 'flex',
|
|
100
|
-
flexWrap: 'wrap',
|
|
101
|
-
color: 'rgba(0, 0, 0, 0.87)',
|
|
102
|
-
marginLeft: '10px',
|
|
103
|
-
marginRight: '20px',
|
|
104
|
-
fontSize: '13px',
|
|
105
|
-
minWidth: '134px'
|
|
106
97
|
}
|
|
107
98
|
};
|
|
108
99
|
});
|
|
@@ -1,17 +1,14 @@
|
|
|
1
1
|
export default Title;
|
|
2
|
-
declare function Title({ label, isRequired, className
|
|
2
|
+
declare function Title({ label, isRequired, className }: {
|
|
3
3
|
label: any;
|
|
4
4
|
isRequired: any;
|
|
5
5
|
className: any;
|
|
6
|
-
attributeType?: {};
|
|
7
6
|
}): JSX.Element;
|
|
8
7
|
declare namespace Title {
|
|
9
8
|
namespace propTypes {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
export { AttributeTypeType as attributeType };
|
|
9
|
+
const label: PropTypes.Requireable<string>;
|
|
10
|
+
const isRequired: PropTypes.Requireable<boolean>;
|
|
11
|
+
const className: PropTypes.Requireable<string>;
|
|
14
12
|
}
|
|
15
13
|
}
|
|
16
14
|
import PropTypes from "prop-types";
|
|
17
|
-
import { AttributeTypeType } from "@reltio/mdm-sdk/src/constants";
|
|
@@ -9,19 +9,16 @@ var classnames_1 = __importDefault(require("classnames"));
|
|
|
9
9
|
var RequiredMark_1 = __importDefault(require("../RequiredMark/RequiredMark"));
|
|
10
10
|
var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
|
|
11
11
|
var styles_1 = require("./styles");
|
|
12
|
-
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
13
|
-
var ScoreLabel_1 = __importDefault(require("../Score/ScoreLabel"));
|
|
14
12
|
var Title = function (_a) {
|
|
15
|
-
var label = _a.label, isRequired = _a.isRequired, className = _a.className
|
|
13
|
+
var label = _a.label, isRequired = _a.isRequired, className = _a.className;
|
|
16
14
|
var styles = styles_1.useStyles();
|
|
17
15
|
return (react_1.default.createElement(Typography_1.default, { className: classnames_1.default(styles.label, className), component: "span" },
|
|
18
|
-
|
|
16
|
+
label,
|
|
19
17
|
isRequired && react_1.default.createElement(RequiredMark_1.default, null)));
|
|
20
18
|
};
|
|
21
19
|
Title.propTypes = {
|
|
22
20
|
label: prop_types_1.default.string,
|
|
23
21
|
isRequired: prop_types_1.default.bool,
|
|
24
|
-
className: prop_types_1.default.string
|
|
25
|
-
attributeType: mdm_sdk_1.AttributeTypeType
|
|
22
|
+
className: prop_types_1.default.string
|
|
26
23
|
};
|
|
27
24
|
exports.default = Title;
|
|
@@ -100,7 +100,7 @@ var AttributeRenderer = function (_a) {
|
|
|
100
100
|
return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines },
|
|
101
101
|
react_1.default.createElement("div", { className: styles.wrapper },
|
|
102
102
|
react_1.default.createElement("div", { className: styles.titleWrapper },
|
|
103
|
-
react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title
|
|
103
|
+
react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title }),
|
|
104
104
|
react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
|
|
105
105
|
isEditableMode && react_1.default.createElement(CardinalityMessage_1.default, { cardinality: cardinality }),
|
|
106
106
|
isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage, className: styles.typeError }),
|
|
@@ -81,7 +81,7 @@ var AttributesPager = function (_a) {
|
|
|
81
81
|
case RENDERER_TYPES.imageLine:
|
|
82
82
|
return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines },
|
|
83
83
|
react_1.default.createElement("div", { className: styles.wrapper },
|
|
84
|
-
react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label
|
|
84
|
+
react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label }),
|
|
85
85
|
react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
|
|
86
86
|
default:
|
|
87
87
|
return (react_1.default.createElement(AttributeRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, nonVisibleValues: nonVisibleValues }, commonProps)));
|
|
@@ -86,7 +86,7 @@ var SpecialRenderer = function (_a) {
|
|
|
86
86
|
return null;
|
|
87
87
|
}
|
|
88
88
|
return (react_1.default.createElement(Box_1.default, { className: styles.wrapper },
|
|
89
|
-
react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title
|
|
89
|
+
react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title }),
|
|
90
90
|
isEditableMode && react_1.default.createElement(CardinalityMessage_1.default, { cardinality: cardinality }),
|
|
91
91
|
isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage }),
|
|
92
92
|
react_1.default.createElement(Box_1.default, { className: styles.attributesWrapper }, renderValue())));
|
|
@@ -36,7 +36,7 @@ var AttributesList = function (_a) {
|
|
|
36
36
|
var attributeTypes = _a.attributeTypes, attributes = _a.attributes, props = __rest(_a, ["attributeTypes", "attributes"]);
|
|
37
37
|
var styles = styles_1.useStyles();
|
|
38
38
|
return (react_1.default.createElement(react_1.default.Fragment, null, attributeTypes.filter(mdm_sdk_1.isReadableAttribute).map(function (attributeType) { return (react_1.default.createElement(BranchDecorator_1.default, { key: attributeType.uri, enabled: true },
|
|
39
|
-
react_1.default.createElement(Title_1.default, { className: styles.title, label: attributeType.label
|
|
39
|
+
react_1.default.createElement(Title_1.default, { className: styles.title, label: attributeType.label }),
|
|
40
40
|
react_1.default.createElement(AttributesPager_1.default, __assign({ attributeType: attributeType, attributeValues: attributes[attributeType.name], paging: ramda_1.path(['paging', attributeType.uri], attributes) }, props)))); })));
|
|
41
41
|
};
|
|
42
42
|
exports.default = AttributesList;
|
|
@@ -70,7 +70,7 @@ var AttributesPager = function (_a) {
|
|
|
70
70
|
return (react_1.default.createElement(MultiLineRenderer_1.default, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
|
|
71
71
|
case RENDERER_TYPES.imageLine:
|
|
72
72
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
73
|
-
react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label
|
|
73
|
+
react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label }),
|
|
74
74
|
react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
|
|
75
75
|
case RENDERER_TYPES.special:
|
|
76
76
|
return react_1.default.createElement(SpecialRenderer_1.default, { values: visibleValues, attributeType: attributeType });
|
|
@@ -58,7 +58,7 @@ var MultiLineRenderer = function (_a) {
|
|
|
58
58
|
var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
|
|
59
59
|
return (react_1.default.createElement("div", { className: styles.wrapper },
|
|
60
60
|
react_1.default.createElement("div", { className: styles.titleRow },
|
|
61
|
-
react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName)
|
|
61
|
+
react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName) }),
|
|
62
62
|
react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
|
|
63
63
|
react_1.default.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (react_1.default.createElement(Attribute_1.default, { key: value.uri, className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
|
|
64
64
|
showMore && (react_1.default.createElement(ShowMore_1.default, { moreNumber: ramda_1.min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
|
|
@@ -18,7 +18,7 @@ var OneLineRenderer = function (_a) {
|
|
|
18
18
|
var label = attributeType.label;
|
|
19
19
|
return (react_1.default.createElement("div", { className: classnames_1.default(styles.collaborationWrapper, constants_1.COMMENTS_CONTAINER_VISIBILITY_AREA) },
|
|
20
20
|
react_1.default.createElement("div", { className: classnames_1.default(styles.titleRow, styles.wrapper) },
|
|
21
|
-
react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName)
|
|
21
|
+
react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName) }),
|
|
22
22
|
react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
|
|
23
23
|
react_1.default.createElement(Attribute_1.default, { className: classnames_1.default(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
|
|
24
24
|
react_1.default.createElement(CommentsContainer_1.default, { uri: value.uri, relatedObjectUris: mdm_sdk_1.createRelatedObjectUris(mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
|
|
@@ -34,7 +34,7 @@ var SpecialRenderer = function (_a) {
|
|
|
34
34
|
};
|
|
35
35
|
return (react_1.default.createElement("div", { className: classnames_1.default(styles.titleRow, styles.wrapper) },
|
|
36
36
|
renderIcon(styles.titleIcon),
|
|
37
|
-
react_1.default.createElement(Title_1.default, { label: label, className: styles.title
|
|
37
|
+
react_1.default.createElement(Title_1.default, { label: label, className: styles.title }),
|
|
38
38
|
renderValue(styles.attribute)));
|
|
39
39
|
};
|
|
40
40
|
exports.default = SpecialRenderer;
|
|
@@ -11,7 +11,7 @@ var OvValuesRenderer = function (_a) {
|
|
|
11
11
|
var _b = _a.value, values = _b.values, attributeType = _b.attributeType;
|
|
12
12
|
var styles = styles_1.useStyles();
|
|
13
13
|
return (react_1.default.createElement("div", { className: styles.cellValueWrapper },
|
|
14
|
-
react_1.default.createElement(Title_1.default, { className: styles.attributeTitle, label: attributeType.label
|
|
14
|
+
react_1.default.createElement(Title_1.default, { className: styles.attributeTitle, label: attributeType.label }),
|
|
15
15
|
react_1.default.createElement(AttributeValuesBlock_1.default, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue })));
|
|
16
16
|
};
|
|
17
17
|
exports.default = OvValuesRenderer;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Entity } from '@reltio/mdm-sdk';
|
|
2
|
+
declare type Props = {
|
|
3
|
+
isHistoryTabActive: boolean;
|
|
4
|
+
entity: Entity;
|
|
5
|
+
};
|
|
6
|
+
export declare const useHistoryEnabled: ({ isHistoryTabActive, entity }: Props) => {
|
|
7
|
+
isHistoryEnabled: boolean;
|
|
8
|
+
isProfilePersisted: boolean;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useHistoryEnabled = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
6
|
+
var useHistoryEnabled = function (_a) {
|
|
7
|
+
var isHistoryTabActive = _a.isHistoryTabActive, entity = _a.entity;
|
|
8
|
+
var _b = react_1.useState(false), wasHistoryTabActive = _b[0], setWasHistoryTabActive = _b[1];
|
|
9
|
+
var entityUri = entity === null || entity === void 0 ? void 0 : entity.uri;
|
|
10
|
+
react_1.useEffect(function () {
|
|
11
|
+
if (!isHistoryTabActive) {
|
|
12
|
+
setWasHistoryTabActive(false);
|
|
13
|
+
}
|
|
14
|
+
}, [entityUri]);
|
|
15
|
+
react_1.useEffect(function () {
|
|
16
|
+
if (isHistoryTabActive) {
|
|
17
|
+
setWasHistoryTabActive(true);
|
|
18
|
+
}
|
|
19
|
+
}, [isHistoryTabActive]);
|
|
20
|
+
var isProfilePersisted = entityUri && !mdm_sdk_1.isTempUri(entityUri) && !mdm_sdk_1.isDataTenantEntity(entity);
|
|
21
|
+
var isHistoryEnabled = wasHistoryTabActive && isProfilePersisted;
|
|
22
|
+
return { isHistoryEnabled: isHistoryEnabled, isProfilePersisted: isProfilePersisted };
|
|
23
|
+
};
|
|
24
|
+
exports.useHistoryEnabled = useHistoryEnabled;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { useHistorySlice } from './hooks/useHistorySlice';
|
|
2
2
|
export { useHistory } from './hooks/useHistory';
|
|
3
3
|
export { useHistoryDiff } from './hooks/useHistoryDiff';
|
|
4
|
+
export { useHistoryEnabled } from './hooks/useHistoryEnabled';
|
|
4
5
|
export { default as HistoryView } from './HistoryView/HistoryView';
|
|
5
6
|
export { default as HistoryHeader } from './HistoryHeader/HistoryHeader';
|
|
6
7
|
export { default as ProfileBandHistory } from './ProfileBandHistory/ProfileBandHistory';
|
|
@@ -13,13 +13,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
13
13
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
14
14
|
};
|
|
15
15
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
|
-
exports.HistoryPanelEmptyState = exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistoryDiff = exports.useHistory = exports.useHistorySlice = void 0;
|
|
16
|
+
exports.HistoryPanelEmptyState = exports.ProfileBandHistory = exports.HistoryHeader = exports.HistoryView = exports.useHistoryEnabled = exports.useHistoryDiff = exports.useHistory = exports.useHistorySlice = void 0;
|
|
17
17
|
var useHistorySlice_1 = require("./hooks/useHistorySlice");
|
|
18
18
|
Object.defineProperty(exports, "useHistorySlice", { enumerable: true, get: function () { return useHistorySlice_1.useHistorySlice; } });
|
|
19
19
|
var useHistory_1 = require("./hooks/useHistory");
|
|
20
20
|
Object.defineProperty(exports, "useHistory", { enumerable: true, get: function () { return useHistory_1.useHistory; } });
|
|
21
21
|
var useHistoryDiff_1 = require("./hooks/useHistoryDiff");
|
|
22
22
|
Object.defineProperty(exports, "useHistoryDiff", { enumerable: true, get: function () { return useHistoryDiff_1.useHistoryDiff; } });
|
|
23
|
+
var useHistoryEnabled_1 = require("./hooks/useHistoryEnabled");
|
|
24
|
+
Object.defineProperty(exports, "useHistoryEnabled", { enumerable: true, get: function () { return useHistoryEnabled_1.useHistoryEnabled; } });
|
|
23
25
|
var HistoryView_1 = require("./HistoryView/HistoryView");
|
|
24
26
|
Object.defineProperty(exports, "HistoryView", { enumerable: true, get: function () { return __importDefault(HistoryView_1).default; } });
|
|
25
27
|
var HistoryHeader_1 = require("./HistoryHeader/HistoryHeader");
|
|
@@ -87,8 +87,6 @@ export { default as ReactSortableTreeHandlers } from './ReactSortableTree/utils/
|
|
|
87
87
|
export { default as ReactSortableTreeUtils } from './ReactSortableTree/utils/tree-data-utils';
|
|
88
88
|
export { default as ReltioGridLayout } from './ReltioGridLayout/ReltioGridLayout';
|
|
89
89
|
export { default as ResizablePanes } from './ResizablePanes/ResizablePanes';
|
|
90
|
-
export { default as Score } from './Score/Score';
|
|
91
|
-
export { default as ScoreLabel } from './Score/ScoreLabel';
|
|
92
90
|
export { default as SearchInput } from './SearchInput/SearchInput';
|
|
93
91
|
export { default as WhiteSearchInput } from './SearchInput/WhiteSearchInput';
|
|
94
92
|
export { useKeyboardNavigation } from './SelectionPopup/helpers';
|
package/cjs/components/index.js
CHANGED
|
@@ -14,8 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
};
|
|
15
15
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
16
16
|
exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.AttributesView = exports.AttributeListItem = void 0;
|
|
17
|
-
exports.
|
|
18
|
-
exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton =
|
|
17
|
+
exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = void 0;
|
|
18
|
+
exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = void 0;
|
|
19
19
|
__exportStar(require("./activityLog"), exports);
|
|
20
20
|
var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
|
|
21
21
|
Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
|
|
@@ -193,10 +193,6 @@ var ReltioGridLayout_1 = require("./ReltioGridLayout/ReltioGridLayout");
|
|
|
193
193
|
Object.defineProperty(exports, "ReltioGridLayout", { enumerable: true, get: function () { return __importDefault(ReltioGridLayout_1).default; } });
|
|
194
194
|
var ResizablePanes_1 = require("./ResizablePanes/ResizablePanes");
|
|
195
195
|
Object.defineProperty(exports, "ResizablePanes", { enumerable: true, get: function () { return __importDefault(ResizablePanes_1).default; } });
|
|
196
|
-
var Score_1 = require("./Score/Score");
|
|
197
|
-
Object.defineProperty(exports, "Score", { enumerable: true, get: function () { return __importDefault(Score_1).default; } });
|
|
198
|
-
var ScoreLabel_1 = require("./Score/ScoreLabel");
|
|
199
|
-
Object.defineProperty(exports, "ScoreLabel", { enumerable: true, get: function () { return __importDefault(ScoreLabel_1).default; } });
|
|
200
196
|
var SearchInput_1 = require("./SearchInput/SearchInput");
|
|
201
197
|
Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return __importDefault(SearchInput_1).default; } });
|
|
202
198
|
var WhiteSearchInput_1 = require("./SearchInput/WhiteSearchInput");
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
export default ProfileBand;
|
|
2
|
-
declare function ProfileBand({ className, entity,
|
|
2
|
+
declare function ProfileBand({ className, entity, children, classes }: {
|
|
3
3
|
className: any;
|
|
4
4
|
entity: any;
|
|
5
|
-
scoresToShow: any;
|
|
6
|
-
rangeColorsConfig: any;
|
|
7
5
|
children: any;
|
|
8
6
|
classes: any;
|
|
9
7
|
}): JSX.Element;
|
|
@@ -11,8 +9,6 @@ declare namespace ProfileBand {
|
|
|
11
9
|
namespace propTypes {
|
|
12
10
|
const className: PropTypes.Requireable<string>;
|
|
13
11
|
const entity: PropTypes.Requireable<object>;
|
|
14
|
-
const scoresToShow: PropTypes.Requireable<string[]>;
|
|
15
|
-
const rangeColorsConfig: PropTypes.Requireable<object>;
|
|
16
12
|
const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
17
13
|
const classes: PropTypes.Requireable<object>;
|
|
18
14
|
}
|
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
var __assign = (this && this.__assign) || function () {
|
|
2
|
-
__assign = Object.assign || function(t) {
|
|
3
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
-
s = arguments[i];
|
|
5
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
-
t[p] = s[p];
|
|
7
|
-
}
|
|
8
|
-
return t;
|
|
9
|
-
};
|
|
10
|
-
return __assign.apply(this, arguments);
|
|
11
|
-
};
|
|
12
1
|
import React, { useCallback } from 'react';
|
|
13
2
|
import PropTypes from 'prop-types';
|
|
14
3
|
import classnames from 'classnames';
|
|
@@ -17,15 +6,14 @@ import { isNil } from 'ramda';
|
|
|
17
6
|
import Typography from '@material-ui/core/Typography';
|
|
18
7
|
import Tooltip from '@material-ui/core/Tooltip';
|
|
19
8
|
import i18n from 'ui-i18n';
|
|
20
|
-
import { getLabel, isActiveObject,
|
|
9
|
+
import { getLabel, isActiveObject, getBusinessCardAttributesText, getEntityId, isTempUri } from '@reltio/mdm-sdk';
|
|
21
10
|
import mdmModule from '@reltio/mdm-module';
|
|
22
11
|
import EntityAvatar from '../EntityAvatar/EntityAvatar';
|
|
23
|
-
import Score from '../Score/Score';
|
|
24
12
|
import EntityTypeBadge from '../EntityTypeBadge/EntityTypeBadge';
|
|
25
13
|
import useStyles from './styles';
|
|
26
14
|
var ProfileBand = function (_a) {
|
|
27
15
|
var _b;
|
|
28
|
-
var className = _a.className, entity = _a.entity,
|
|
16
|
+
var className = _a.className, entity = _a.entity, children = _a.children, classes = _a.classes;
|
|
29
17
|
var styles = useStyles({ classes: classes });
|
|
30
18
|
var metadata = useSelector(mdmModule.selectors.getMetadata);
|
|
31
19
|
var handleCopyEntityIdToClipboard = useCallback(function () {
|
|
@@ -38,7 +26,6 @@ var ProfileBand = function (_a) {
|
|
|
38
26
|
var secondaryLabel = entity.secondaryLabel;
|
|
39
27
|
var businessCardText = getBusinessCardAttributesText(metadata, entity);
|
|
40
28
|
var isActive = isActiveObject(entity);
|
|
41
|
-
var scores = getScores(metadata, entity, scoresToShow);
|
|
42
29
|
var entityUri = entity.uri;
|
|
43
30
|
var entityId = getEntityId(entity);
|
|
44
31
|
return (React.createElement("div", { className: classnames(styles.profileBandWrapper, className) },
|
|
@@ -54,7 +41,6 @@ var ProfileBand = function (_a) {
|
|
|
54
41
|
React.createElement("div", { className: styles.specialInfo },
|
|
55
42
|
React.createElement("div", { className: styles.entityType },
|
|
56
43
|
React.createElement(EntityTypeBadge, { entity: entity, size: "medium", className: styles.badge }),
|
|
57
|
-
scores.length > 0 && (React.createElement("div", { className: styles.scores }, scores.map(function (score) { return (React.createElement(Score, __assign({ key: score.uri }, score, { rangeColorsConfig: rangeColorsConfig }))); }))),
|
|
58
44
|
!isTempUri(entityUri) && (React.createElement(Tooltip, { title: i18n.text('Copy to clipboard') },
|
|
59
45
|
React.createElement(Typography, { display: "inline", variant: "body2", className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
|
|
60
46
|
i18n.text('Entity ID'),
|
|
@@ -65,8 +51,6 @@ var ProfileBand = function (_a) {
|
|
|
65
51
|
ProfileBand.propTypes = {
|
|
66
52
|
className: PropTypes.string,
|
|
67
53
|
entity: PropTypes.object,
|
|
68
|
-
scoresToShow: PropTypes.arrayOf(PropTypes.string),
|
|
69
|
-
rangeColorsConfig: PropTypes.object,
|
|
70
54
|
children: PropTypes.node,
|
|
71
55
|
classes: PropTypes.object
|
|
72
56
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export default useStyles;
|
|
2
|
-
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "inactive" | "profileIcon" | "badge" | "businessCard" | "
|
|
2
|
+
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "inactive" | "profileIcon" | "badge" | "businessCard" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo" | "entityId">;
|
|
@@ -79,12 +79,6 @@ var useStyles = makeStyles(function (theme) { return ({
|
|
|
79
79
|
'&:hover': {
|
|
80
80
|
textDecoration: 'underline'
|
|
81
81
|
}
|
|
82
|
-
},
|
|
83
|
-
scores: {
|
|
84
|
-
display: 'flex',
|
|
85
|
-
flexGrow: 1,
|
|
86
|
-
justifyContent: 'flex-end',
|
|
87
|
-
paddingRight: '20px'
|
|
88
82
|
}
|
|
89
83
|
}); });
|
|
90
84
|
export default useStyles;
|
|
@@ -1,12 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Entity, Metadata
|
|
2
|
+
import { Entity, Metadata } from '@reltio/mdm-sdk';
|
|
3
3
|
declare type Props = {
|
|
4
4
|
metadata: Metadata;
|
|
5
5
|
entities: Entity[];
|
|
6
6
|
entityToHighlight?: string;
|
|
7
7
|
selectedEntityUri?: string;
|
|
8
|
-
scoresToShow?: string[];
|
|
9
|
-
rangeColorsConfig?: RangeColorsConfig;
|
|
10
8
|
onEntityClick?: (entityUri: string) => void;
|
|
11
9
|
onEntityHover?: (entityUri: string) => void;
|
|
12
10
|
entitiesImportStatus?: {
|
|
@@ -14,5 +12,5 @@ declare type Props = {
|
|
|
14
12
|
};
|
|
15
13
|
entityButtonsRenderer?: (entity: Entity) => void;
|
|
16
14
|
};
|
|
17
|
-
declare const ProfilesList: ({ entities, metadata, entityToHighlight, selectedEntityUri,
|
|
15
|
+
declare const ProfilesList: ({ entities, metadata, entityToHighlight, selectedEntityUri, onEntityClick, onEntityHover, entitiesImportStatus, entityButtonsRenderer }: Props) => JSX.Element;
|
|
18
16
|
export default ProfilesList;
|