@reltio/components 1.4.1026 → 1.4.1029
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/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/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;
|
|
@@ -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;
|
|
@@ -1,19 +1,7 @@
|
|
|
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, { useRef } from 'react';
|
|
13
2
|
import classnames from 'classnames';
|
|
14
3
|
import { prop } from 'ramda';
|
|
15
|
-
import { getBusinessCardAttributesText, getEntityId, getEntityUriForLink, getLabel,
|
|
16
|
-
import Score from '../Score/Score';
|
|
4
|
+
import { getBusinessCardAttributesText, getEntityId, getEntityUriForLink, getLabel, isActiveObject } from '@reltio/mdm-sdk';
|
|
17
5
|
import EntityTypeBadge from '../EntityTypeBadge/EntityTypeBadge';
|
|
18
6
|
import EntityUriLink from '../EntityUriLink/EntityUriLink';
|
|
19
7
|
import EntityAvatar from '../EntityAvatar/EntityAvatar';
|
|
@@ -23,7 +11,7 @@ import { useDidUpdateEffect } from '../../hooks';
|
|
|
23
11
|
import { useStyles } from './styles';
|
|
24
12
|
var SECOND_SCROLL_PAUSE = 1000;
|
|
25
13
|
var ProfilesList = function (_a) {
|
|
26
|
-
var entities = _a.entities, metadata = _a.metadata, entityToHighlight = _a.entityToHighlight, selectedEntityUri = _a.selectedEntityUri,
|
|
14
|
+
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;
|
|
27
15
|
var styles = useStyles();
|
|
28
16
|
var list = useRef(null);
|
|
29
17
|
var scrollTimer = useRef(null);
|
|
@@ -54,7 +42,6 @@ var ProfilesList = function (_a) {
|
|
|
54
42
|
var secondaryLabel = entity.secondaryLabel;
|
|
55
43
|
var businessCardText = getBusinessCardAttributesText(metadata, entity);
|
|
56
44
|
var isActive = isActiveObject(entity);
|
|
57
|
-
var scores = getScores(metadata, entity, scoresToShow);
|
|
58
45
|
var entityUri = entity.uri;
|
|
59
46
|
var entityUriForLink = getEntityUriForLink(entity);
|
|
60
47
|
var importStatus = prop(entityUri, entitiesImportStatus);
|
|
@@ -75,8 +62,7 @@ var ProfilesList = function (_a) {
|
|
|
75
62
|
businessCardText && React.createElement("span", { className: styles.businessCard }, businessCardText)),
|
|
76
63
|
React.createElement("div", { className: styles.secondRow },
|
|
77
64
|
React.createElement(EntityTypeBadge, { entity: entity }),
|
|
78
|
-
React.createElement("div", null, getEntityId(entity)),
|
|
79
|
-
scores.length > 0 && (React.createElement("div", { className: styles.scores }, scores.map(function (score, i) { return (React.createElement(Score, __assign({ key: i }, score, { rangeColorsConfig: rangeColorsConfig }))); }))))),
|
|
65
|
+
React.createElement("div", null, getEntityId(entity)))),
|
|
80
66
|
entityButtonsRenderer && entityButtonsRenderer(entity)));
|
|
81
67
|
})));
|
|
82
68
|
};
|
|
@@ -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">;
|
|
@@ -91,15 +91,6 @@ export var useStyles = makeStyles(function (theme) {
|
|
|
91
91
|
alignItems: 'center',
|
|
92
92
|
color: 'rgba(0, 0, 0, 0.54)',
|
|
93
93
|
fontSize: '12px'
|
|
94
|
-
},
|
|
95
|
-
scores: {
|
|
96
|
-
display: 'flex',
|
|
97
|
-
flexWrap: 'wrap',
|
|
98
|
-
color: 'rgba(0, 0, 0, 0.87)',
|
|
99
|
-
marginLeft: '10px',
|
|
100
|
-
marginRight: '20px',
|
|
101
|
-
fontSize: '13px',
|
|
102
|
-
minWidth: '134px'
|
|
103
94
|
}
|
|
104
95
|
};
|
|
105
96
|
});
|
|
@@ -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";
|
|
@@ -4,19 +4,16 @@ import classnames from 'classnames';
|
|
|
4
4
|
import RequiredMark from '../RequiredMark/RequiredMark';
|
|
5
5
|
import Typography from '@material-ui/core/Typography';
|
|
6
6
|
import { useStyles } from './styles';
|
|
7
|
-
import { AttributeTypeType } from '@reltio/mdm-sdk';
|
|
8
|
-
import ScoreLabel from '../Score/ScoreLabel';
|
|
9
7
|
var Title = function (_a) {
|
|
10
|
-
var label = _a.label, isRequired = _a.isRequired, className = _a.className
|
|
8
|
+
var label = _a.label, isRequired = _a.isRequired, className = _a.className;
|
|
11
9
|
var styles = useStyles();
|
|
12
10
|
return (React.createElement(Typography, { className: classnames(styles.label, className), component: "span" },
|
|
13
|
-
|
|
11
|
+
label,
|
|
14
12
|
isRequired && React.createElement(RequiredMark, null)));
|
|
15
13
|
};
|
|
16
14
|
Title.propTypes = {
|
|
17
15
|
label: PropTypes.string,
|
|
18
16
|
isRequired: PropTypes.bool,
|
|
19
|
-
className: PropTypes.string
|
|
20
|
-
attributeType: AttributeTypeType
|
|
17
|
+
className: PropTypes.string
|
|
21
18
|
};
|
|
22
19
|
export default Title;
|
|
@@ -76,7 +76,7 @@ var AttributeRenderer = function (_a) {
|
|
|
76
76
|
return (React.createElement(BranchDecorator, { enabled: drawLines },
|
|
77
77
|
React.createElement("div", { className: styles.wrapper },
|
|
78
78
|
React.createElement("div", { className: styles.titleWrapper },
|
|
79
|
-
React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title
|
|
79
|
+
React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title }),
|
|
80
80
|
React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
|
|
81
81
|
isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
|
|
82
82
|
isEditableMode && React.createElement(ErrorMessage, { message: errorMessage, className: styles.typeError }),
|
|
@@ -57,7 +57,7 @@ var AttributesPager = function (_a) {
|
|
|
57
57
|
case RENDERER_TYPES.imageLine:
|
|
58
58
|
return (React.createElement(BranchDecorator, { enabled: drawLines },
|
|
59
59
|
React.createElement("div", { className: styles.wrapper },
|
|
60
|
-
React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label
|
|
60
|
+
React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label }),
|
|
61
61
|
React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
|
|
62
62
|
default:
|
|
63
63
|
return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv, nonVisibleValues: nonVisibleValues }, commonProps)));
|
|
@@ -62,7 +62,7 @@ var SpecialRenderer = function (_a) {
|
|
|
62
62
|
return null;
|
|
63
63
|
}
|
|
64
64
|
return (React.createElement(Box, { className: styles.wrapper },
|
|
65
|
-
React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title
|
|
65
|
+
React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title }),
|
|
66
66
|
isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
|
|
67
67
|
isEditableMode && React.createElement(ErrorMessage, { message: errorMessage }),
|
|
68
68
|
React.createElement(Box, { className: styles.attributesWrapper }, renderValue())));
|
|
@@ -31,7 +31,7 @@ var AttributesList = function (_a) {
|
|
|
31
31
|
var attributeTypes = _a.attributeTypes, attributes = _a.attributes, props = __rest(_a, ["attributeTypes", "attributes"]);
|
|
32
32
|
var styles = useStyles();
|
|
33
33
|
return (React.createElement(React.Fragment, null, attributeTypes.filter(isReadableAttribute).map(function (attributeType) { return (React.createElement(BranchDecorator, { key: attributeType.uri, enabled: true },
|
|
34
|
-
React.createElement(Title, { className: styles.title, label: attributeType.label
|
|
34
|
+
React.createElement(Title, { className: styles.title, label: attributeType.label }),
|
|
35
35
|
React.createElement(AttributesPager, __assign({ attributeType: attributeType, attributeValues: attributes[attributeType.name], paging: path(['paging', attributeType.uri], attributes) }, props)))); })));
|
|
36
36
|
};
|
|
37
37
|
export default AttributesList;
|
|
@@ -46,7 +46,7 @@ var AttributesPager = function (_a) {
|
|
|
46
46
|
return (React.createElement(MultiLineRenderer, { values: visibleValues, nonVisibleValues: nonVisibleValues, totalVisibleValues: totalVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, parentUri: parentUri, max: max, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
|
|
47
47
|
case RENDERER_TYPES.imageLine:
|
|
48
48
|
return (React.createElement(React.Fragment, null,
|
|
49
|
-
React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label
|
|
49
|
+
React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label }),
|
|
50
50
|
React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
|
|
51
51
|
case RENDERER_TYPES.special:
|
|
52
52
|
return React.createElement(SpecialRenderer, { values: visibleValues, attributeType: attributeType });
|
|
@@ -34,7 +34,7 @@ var MultiLineRenderer = function (_a) {
|
|
|
34
34
|
var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
|
|
35
35
|
return (React.createElement("div", { className: styles.wrapper },
|
|
36
36
|
React.createElement("div", { className: styles.titleRow },
|
|
37
|
-
React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName)
|
|
37
|
+
React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName) }),
|
|
38
38
|
React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
|
|
39
39
|
React.createElement("div", { className: styles.attributes }, shownValues.map(function (value) { return (React.createElement(Attribute, { key: value.uri, className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv })); })),
|
|
40
40
|
showMore && (React.createElement(ShowMore, { moreNumber: min(max, hiddenValuesCount), valueNumber: hiddenValuesCount, onClick: onShowMore })),
|
|
@@ -13,7 +13,7 @@ var OneLineRenderer = function (_a) {
|
|
|
13
13
|
var label = attributeType.label;
|
|
14
14
|
return (React.createElement("div", { className: classnames(styles.collaborationWrapper, COMMENTS_CONTAINER_VISIBILITY_AREA) },
|
|
15
15
|
React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
|
|
16
|
-
React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName)
|
|
16
|
+
React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName) }),
|
|
17
17
|
React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }),
|
|
18
18
|
React.createElement(Attribute, { className: classnames(styles.attribute, contentClassName), attributeValue: value, attributeType: attributeType, showNonOv: showNonOv, inlined: true })),
|
|
19
19
|
React.createElement(CommentsContainer, { uri: value.uri, relatedObjectUris: createRelatedObjectUris(CollaborationObjectTypes.ENTITY_ATTRIBUTE, {
|
|
@@ -29,7 +29,7 @@ var SpecialRenderer = function (_a) {
|
|
|
29
29
|
};
|
|
30
30
|
return (React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
|
|
31
31
|
renderIcon(styles.titleIcon),
|
|
32
|
-
React.createElement(Title, { label: label, className: styles.title
|
|
32
|
+
React.createElement(Title, { label: label, className: styles.title }),
|
|
33
33
|
renderValue(styles.attribute)));
|
|
34
34
|
};
|
|
35
35
|
export default SpecialRenderer;
|
|
@@ -6,7 +6,7 @@ var OvValuesRenderer = function (_a) {
|
|
|
6
6
|
var _b = _a.value, values = _b.values, attributeType = _b.attributeType;
|
|
7
7
|
var styles = useStyles();
|
|
8
8
|
return (React.createElement("div", { className: styles.cellValueWrapper },
|
|
9
|
-
React.createElement(AttributeTitle, { className: styles.attributeTitle, label: attributeType.label
|
|
9
|
+
React.createElement(AttributeTitle, { className: styles.attributeTitle, label: attributeType.label }),
|
|
10
10
|
React.createElement(ReadOnlyAttributeValuesBlock, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue })));
|
|
11
11
|
};
|
|
12
12
|
export default OvValuesRenderer;
|
|
@@ -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/esm/components/index.js
CHANGED
|
@@ -86,8 +86,6 @@ export { default as ReactSortableTreeHandlers } from './ReactSortableTree/utils/
|
|
|
86
86
|
export { default as ReactSortableTreeUtils } from './ReactSortableTree/utils/tree-data-utils';
|
|
87
87
|
export { default as ReltioGridLayout } from './ReltioGridLayout/ReltioGridLayout';
|
|
88
88
|
export { default as ResizablePanes } from './ResizablePanes/ResizablePanes';
|
|
89
|
-
export { default as Score } from './Score/Score';
|
|
90
|
-
export { default as ScoreLabel } from './Score/ScoreLabel';
|
|
91
89
|
export { default as SearchInput } from './SearchInput/SearchInput';
|
|
92
90
|
export { default as WhiteSearchInput } from './SearchInput/WhiteSearchInput';
|
|
93
91
|
export { useKeyboardNavigation } from './SelectionPopup/helpers';
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1029",
|
|
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.1029",
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1029",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|
|
@@ -1,14 +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
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var styles_1 = require("./styles");
|
|
8
|
-
var DQLabel = function () {
|
|
9
|
-
var styles = styles_1.useDQIQStyles();
|
|
10
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
11
|
-
react_1.default.createElement("span", null, "DQ"),
|
|
12
|
-
react_1.default.createElement("span", { className: styles.dqiq }, "IQ")));
|
|
13
|
-
};
|
|
14
|
-
exports.default = DQLabel;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export default Score;
|
|
2
|
-
declare function Score({ label, value, uri, rangeColorsConfig, className }: {
|
|
3
|
-
label: any;
|
|
4
|
-
value: any;
|
|
5
|
-
uri: any;
|
|
6
|
-
rangeColorsConfig: any;
|
|
7
|
-
className: any;
|
|
8
|
-
}): JSX.Element;
|
|
9
|
-
declare namespace Score {
|
|
10
|
-
namespace propTypes {
|
|
11
|
-
const label: PropTypes.Requireable<string>;
|
|
12
|
-
const value: PropTypes.Requireable<string | number>;
|
|
13
|
-
const uri: PropTypes.Requireable<string>;
|
|
14
|
-
const rangeColorsConfig: PropTypes.Requireable<object>;
|
|
15
|
-
const className: PropTypes.Requireable<string>;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
import PropTypes from "prop-types";
|
|
@@ -1,26 +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
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
8
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
10
|
-
var ScoreLabel_1 = __importDefault(require("./ScoreLabel"));
|
|
11
|
-
var styles_1 = require("./styles");
|
|
12
|
-
var Score = function (_a) {
|
|
13
|
-
var label = _a.label, value = _a.value, uri = _a.uri, rangeColorsConfig = _a.rangeColorsConfig, className = _a.className;
|
|
14
|
-
var styles = styles_1.useStyles();
|
|
15
|
-
return (react_1.default.createElement("div", { className: classnames_1.default(styles.container, className), key: uri },
|
|
16
|
-
react_1.default.createElement(ScoreLabel_1.default, { attrTypeUri: uri, label: label }),
|
|
17
|
-
react_1.default.createElement("span", { className: styles.value, style: { color: mdm_sdk_1.getScoreColor(uri, value, rangeColorsConfig) } }, value)));
|
|
18
|
-
};
|
|
19
|
-
Score.propTypes = {
|
|
20
|
-
label: prop_types_1.default.string,
|
|
21
|
-
value: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]),
|
|
22
|
-
uri: prop_types_1.default.string,
|
|
23
|
-
rangeColorsConfig: prop_types_1.default.object,
|
|
24
|
-
className: prop_types_1.default.string
|
|
25
|
-
};
|
|
26
|
-
exports.default = Score;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export default ScoreLabel;
|
|
2
|
-
declare function ScoreLabel({ label, attrTypeUri }: {
|
|
3
|
-
label?: string;
|
|
4
|
-
attrTypeUri?: string;
|
|
5
|
-
}): any;
|
|
6
|
-
declare namespace ScoreLabel {
|
|
7
|
-
namespace propTypes {
|
|
8
|
-
const label: PropTypes.Requireable<string>;
|
|
9
|
-
const attrTypeUri: PropTypes.Requireable<string>;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
import PropTypes from "prop-types";
|
|
@@ -1,29 +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
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var prop_types_1 = __importDefault(require("prop-types"));
|
|
8
|
-
var ui_i18n_1 = __importDefault(require("ui-i18n"));
|
|
9
|
-
var ramda_1 = require("ramda");
|
|
10
|
-
var DQLabel_1 = __importDefault(require("./DQLabel"));
|
|
11
|
-
var DQ_LABEL_URIS = ['analyticsAttributes/DQ/analyticsAttributes/score', 'analyticsAttributes/DQ'];
|
|
12
|
-
var IQ_LABEL_URIS = ['analyticsAttributes/IQ/analyticsAttributes/score', 'analyticsAttributes/IQ'];
|
|
13
|
-
var ScoreLabel = function (_a) {
|
|
14
|
-
var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.attrTypeUri, attrTypeUri = _c === void 0 ? '' : _c;
|
|
15
|
-
var index = attrTypeUri.indexOf('analyticsAttributes/');
|
|
16
|
-
var relativeUri = attrTypeUri.substr(index);
|
|
17
|
-
var isDQLabel = ramda_1.includes(relativeUri, DQ_LABEL_URIS);
|
|
18
|
-
var isIQLabel = ramda_1.includes(relativeUri, IQ_LABEL_URIS);
|
|
19
|
-
return ramda_1.cond([
|
|
20
|
-
[ramda_1.always(isDQLabel), ramda_1.always(react_1.default.createElement(DQLabel_1.default, null))],
|
|
21
|
-
[ramda_1.always(isIQLabel), ramda_1.always(ui_i18n_1.default.text('Rank'))],
|
|
22
|
-
[ramda_1.T, ramda_1.always(label)]
|
|
23
|
-
])();
|
|
24
|
-
};
|
|
25
|
-
ScoreLabel.propTypes = {
|
|
26
|
-
label: prop_types_1.default.string,
|
|
27
|
-
attrTypeUri: prop_types_1.default.string
|
|
28
|
-
};
|
|
29
|
-
exports.default = ScoreLabel;
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.useDQIQStyles = exports.useStyles = void 0;
|
|
4
|
-
var styles_1 = require("@material-ui/core/styles");
|
|
5
|
-
exports.useStyles = styles_1.makeStyles({
|
|
6
|
-
container: {
|
|
7
|
-
display: 'flex',
|
|
8
|
-
flexShrink: 0,
|
|
9
|
-
marginLeft: '10px',
|
|
10
|
-
alignItems: 'center'
|
|
11
|
-
},
|
|
12
|
-
value: {
|
|
13
|
-
marginLeft: '4px',
|
|
14
|
-
minWidth: '20px',
|
|
15
|
-
textAlign: 'center'
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
exports.useDQIQStyles = styles_1.makeStyles({
|
|
19
|
-
dqiq: {
|
|
20
|
-
width: '14px',
|
|
21
|
-
height: '14px',
|
|
22
|
-
lineHeight: '14px',
|
|
23
|
-
background: '#e6605e',
|
|
24
|
-
color: '#fff',
|
|
25
|
-
fontSize: '10px',
|
|
26
|
-
fontWeight: 100,
|
|
27
|
-
marginLeft: '2px',
|
|
28
|
-
marginRight: '1px',
|
|
29
|
-
borderRadius: '2px',
|
|
30
|
-
display: 'inline-flex',
|
|
31
|
-
justifyContent: 'center',
|
|
32
|
-
alignItems: 'center',
|
|
33
|
-
flexShrink: 0,
|
|
34
|
-
textIndent: 0
|
|
35
|
-
}
|
|
36
|
-
});
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { useDQIQStyles } from './styles';
|
|
3
|
-
var DQLabel = function () {
|
|
4
|
-
var styles = useDQIQStyles();
|
|
5
|
-
return (React.createElement(React.Fragment, null,
|
|
6
|
-
React.createElement("span", null, "DQ"),
|
|
7
|
-
React.createElement("span", { className: styles.dqiq }, "IQ")));
|
|
8
|
-
};
|
|
9
|
-
export default DQLabel;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export default Score;
|
|
2
|
-
declare function Score({ label, value, uri, rangeColorsConfig, className }: {
|
|
3
|
-
label: any;
|
|
4
|
-
value: any;
|
|
5
|
-
uri: any;
|
|
6
|
-
rangeColorsConfig: any;
|
|
7
|
-
className: any;
|
|
8
|
-
}): JSX.Element;
|
|
9
|
-
declare namespace Score {
|
|
10
|
-
namespace propTypes {
|
|
11
|
-
const label: PropTypes.Requireable<string>;
|
|
12
|
-
const value: PropTypes.Requireable<string | number>;
|
|
13
|
-
const uri: PropTypes.Requireable<string>;
|
|
14
|
-
const rangeColorsConfig: PropTypes.Requireable<object>;
|
|
15
|
-
const className: PropTypes.Requireable<string>;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
import PropTypes from "prop-types";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import classnames from 'classnames';
|
|
4
|
-
import { getScoreColor } from '@reltio/mdm-sdk';
|
|
5
|
-
import ScoreLabel from './ScoreLabel';
|
|
6
|
-
import { useStyles } from './styles';
|
|
7
|
-
var Score = function (_a) {
|
|
8
|
-
var label = _a.label, value = _a.value, uri = _a.uri, rangeColorsConfig = _a.rangeColorsConfig, className = _a.className;
|
|
9
|
-
var styles = useStyles();
|
|
10
|
-
return (React.createElement("div", { className: classnames(styles.container, className), key: uri },
|
|
11
|
-
React.createElement(ScoreLabel, { attrTypeUri: uri, label: label }),
|
|
12
|
-
React.createElement("span", { className: styles.value, style: { color: getScoreColor(uri, value, rangeColorsConfig) } }, value)));
|
|
13
|
-
};
|
|
14
|
-
Score.propTypes = {
|
|
15
|
-
label: PropTypes.string,
|
|
16
|
-
value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
|
|
17
|
-
uri: PropTypes.string,
|
|
18
|
-
rangeColorsConfig: PropTypes.object,
|
|
19
|
-
className: PropTypes.string
|
|
20
|
-
};
|
|
21
|
-
export default Score;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
export default ScoreLabel;
|
|
2
|
-
declare function ScoreLabel({ label, attrTypeUri }: {
|
|
3
|
-
label?: string;
|
|
4
|
-
attrTypeUri?: string;
|
|
5
|
-
}): any;
|
|
6
|
-
declare namespace ScoreLabel {
|
|
7
|
-
namespace propTypes {
|
|
8
|
-
const label: PropTypes.Requireable<string>;
|
|
9
|
-
const attrTypeUri: PropTypes.Requireable<string>;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
import PropTypes from "prop-types";
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import i18n from 'ui-i18n';
|
|
4
|
-
import { cond, includes, always, T } from 'ramda';
|
|
5
|
-
import DQLabel from './DQLabel';
|
|
6
|
-
var DQ_LABEL_URIS = ['analyticsAttributes/DQ/analyticsAttributes/score', 'analyticsAttributes/DQ'];
|
|
7
|
-
var IQ_LABEL_URIS = ['analyticsAttributes/IQ/analyticsAttributes/score', 'analyticsAttributes/IQ'];
|
|
8
|
-
var ScoreLabel = function (_a) {
|
|
9
|
-
var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.attrTypeUri, attrTypeUri = _c === void 0 ? '' : _c;
|
|
10
|
-
var index = attrTypeUri.indexOf('analyticsAttributes/');
|
|
11
|
-
var relativeUri = attrTypeUri.substr(index);
|
|
12
|
-
var isDQLabel = includes(relativeUri, DQ_LABEL_URIS);
|
|
13
|
-
var isIQLabel = includes(relativeUri, IQ_LABEL_URIS);
|
|
14
|
-
return cond([
|
|
15
|
-
[always(isDQLabel), always(React.createElement(DQLabel, null))],
|
|
16
|
-
[always(isIQLabel), always(i18n.text('Rank'))],
|
|
17
|
-
[T, always(label)]
|
|
18
|
-
])();
|
|
19
|
-
};
|
|
20
|
-
ScoreLabel.propTypes = {
|
|
21
|
-
label: PropTypes.string,
|
|
22
|
-
attrTypeUri: PropTypes.string
|
|
23
|
-
};
|
|
24
|
-
export default ScoreLabel;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { makeStyles } from '@material-ui/core/styles';
|
|
2
|
-
export var useStyles = makeStyles({
|
|
3
|
-
container: {
|
|
4
|
-
display: 'flex',
|
|
5
|
-
flexShrink: 0,
|
|
6
|
-
marginLeft: '10px',
|
|
7
|
-
alignItems: 'center'
|
|
8
|
-
},
|
|
9
|
-
value: {
|
|
10
|
-
marginLeft: '4px',
|
|
11
|
-
minWidth: '20px',
|
|
12
|
-
textAlign: 'center'
|
|
13
|
-
}
|
|
14
|
-
});
|
|
15
|
-
export var useDQIQStyles = makeStyles({
|
|
16
|
-
dqiq: {
|
|
17
|
-
width: '14px',
|
|
18
|
-
height: '14px',
|
|
19
|
-
lineHeight: '14px',
|
|
20
|
-
background: '#e6605e',
|
|
21
|
-
color: '#fff',
|
|
22
|
-
fontSize: '10px',
|
|
23
|
-
fontWeight: 100,
|
|
24
|
-
marginLeft: '2px',
|
|
25
|
-
marginRight: '1px',
|
|
26
|
-
borderRadius: '2px',
|
|
27
|
-
display: 'inline-flex',
|
|
28
|
-
justifyContent: 'center',
|
|
29
|
-
alignItems: 'center',
|
|
30
|
-
flexShrink: 0,
|
|
31
|
-
textIndent: 0
|
|
32
|
-
}
|
|
33
|
-
});
|