@reltio/components 1.4.1077 → 1.4.1080
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/EmptyState/styles.js +3 -3
- package/cjs/components/ProfileBand/styles.d.ts +1 -1
- package/cjs/components/ProfileCard/ProfileCard.d.ts +1 -2
- package/cjs/components/ProfileCard/ProfileCard.js +13 -17
- package/cjs/components/ProfileCard/styles.d.ts +1 -1
- package/cjs/components/ProfileCard/styles.js +32 -33
- package/cjs/components/ProfileMatchCard/ProfileMatchCard.js +1 -1
- package/cjs/components/ProfileMatchCard/styles.js +4 -2
- package/cjs/components/ProfilesList/styles.d.ts +1 -1
- package/cjs/components/attributes/editMode/EntitySelector/EntitySelector.js +6 -1
- package/cjs/icons/SelectAttributes.js +37 -36
- package/cjs/icons/index.d.ts +3 -3
- package/cjs/icons/index.js +7 -7
- package/esm/components/EmptyState/styles.js +3 -3
- package/esm/components/ProfileBand/styles.d.ts +1 -1
- package/esm/components/ProfileCard/ProfileCard.d.ts +1 -2
- package/esm/components/ProfileCard/ProfileCard.js +14 -18
- package/esm/components/ProfileCard/styles.d.ts +1 -1
- package/esm/components/ProfileCard/styles.js +32 -33
- package/esm/components/ProfileMatchCard/ProfileMatchCard.js +1 -1
- package/esm/components/ProfileMatchCard/styles.js +4 -2
- package/esm/components/ProfilesList/styles.d.ts +1 -1
- package/esm/components/attributes/editMode/EntitySelector/EntitySelector.js +6 -1
- package/esm/icons/SelectAttributes.js +37 -36
- package/esm/icons/index.d.ts +3 -3
- package/esm/icons/index.js +3 -3
- package/package.json +3 -3
|
@@ -17,15 +17,15 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
|
17
17
|
minHeight: '350px',
|
|
18
18
|
boxSizing: 'border-box',
|
|
19
19
|
'& $text': {
|
|
20
|
-
color: theme.palette.text.
|
|
20
|
+
color: theme.palette.text.primary,
|
|
21
21
|
fontSize: '20px',
|
|
22
|
-
fontWeight:
|
|
22
|
+
fontWeight: 500,
|
|
23
23
|
lineHeight: '24px',
|
|
24
24
|
letterSpacing: '0.25px',
|
|
25
25
|
textAlign: 'center'
|
|
26
26
|
},
|
|
27
27
|
'& $secondaryText': {
|
|
28
|
-
color:
|
|
28
|
+
color: theme.palette.text.secondary,
|
|
29
29
|
fontSize: '15px',
|
|
30
30
|
fontWeight: 300,
|
|
31
31
|
lineHeight: '18px',
|
|
@@ -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" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo"
|
|
2
|
+
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "inactive" | "profileIcon" | "badge" | "entityId" | "businessCard" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo">;
|
|
@@ -2,12 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import { Entity } from '@reltio/mdm-sdk';
|
|
3
3
|
declare type Props = {
|
|
4
4
|
entity: Entity;
|
|
5
|
-
disableEntityTypeColor?: boolean;
|
|
6
5
|
classes?: {
|
|
7
6
|
label?: string;
|
|
8
7
|
secondaryLabel?: string;
|
|
9
8
|
container?: string;
|
|
10
9
|
};
|
|
11
10
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
12
|
-
declare const _default: React.MemoExoticComponent<({ entity, classes,
|
|
11
|
+
declare const _default: React.MemoExoticComponent<({ entity, classes, ...otherProps }: Props) => JSX.Element>;
|
|
13
12
|
export default _default;
|
|
@@ -45,36 +45,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
45
45
|
};
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
var react_1 = __importStar(require("react"));
|
|
48
|
+
var ui_i18n_1 = __importDefault(require("ui-i18n"));
|
|
48
49
|
var classnames_1 = __importDefault(require("classnames"));
|
|
49
|
-
var react_redux_1 = require("react-redux");
|
|
50
50
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
51
|
-
var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
|
|
52
51
|
var styles_1 = __importDefault(require("./styles"));
|
|
53
52
|
var EntityAvatar_1 = __importDefault(require("../EntityAvatar/EntityAvatar"));
|
|
54
53
|
var EntityUriLink_1 = __importDefault(require("../EntityUriLink/EntityUriLink"));
|
|
55
54
|
var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
|
|
56
55
|
var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBadge"));
|
|
57
56
|
var ProfileCard = function (_a) {
|
|
58
|
-
var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b,
|
|
57
|
+
var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["entity", "classes"]);
|
|
59
58
|
var styles = styles_1.default();
|
|
60
59
|
var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label, containerClass = classes.container;
|
|
61
|
-
var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
|
|
62
60
|
var label = mdm_sdk_1.getLabel(entity.label);
|
|
63
|
-
var secondaryLabel = entity.secondaryLabel
|
|
64
|
-
var entityType = mdm_sdk_1.getEntityType(metadata, type) || {};
|
|
65
|
-
var entityTypeColor = mdm_sdk_1.getPropWithInheritance(metadata, entityType, 'typeColor') || mdm_sdk_1.theme.palette.primary.main;
|
|
61
|
+
var secondaryLabel = entity.secondaryLabel;
|
|
66
62
|
return (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles.container, containerClass) }, otherProps),
|
|
67
|
-
react_1.default.createElement(
|
|
68
|
-
react_1.default.createElement(EntityAvatar_1.default, { entity: entity, avatarClassName: styles.avatar, imageClassName: styles.image }),
|
|
63
|
+
react_1.default.createElement(EntityAvatar_1.default, { entity: entity, imageClassName: styles.image }),
|
|
69
64
|
react_1.default.createElement("div", { className: styles.info },
|
|
70
|
-
react_1.default.createElement(
|
|
71
|
-
react_1.default.createElement(
|
|
72
|
-
react_1.default.createElement(
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
react_1.default.createElement("span", { className: secondaryLabelClass }, secondaryLabel)))),
|
|
65
|
+
react_1.default.createElement(EntityUriLink_1.default, { value: mdm_sdk_1.getEntityUriForLink(entity), className: styles.link },
|
|
66
|
+
react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label, placement: "top", showOnExceededHeight: true },
|
|
67
|
+
react_1.default.createElement("div", { className: classnames_1.default(styles.label, labelClass) }, label))),
|
|
68
|
+
secondaryLabel && (react_1.default.createElement(ExpandedValueTooltip_1.default, { value: secondaryLabel, placement: "top", showOnExceededHeight: true },
|
|
69
|
+
react_1.default.createElement("div", { className: classnames_1.default(styles.secondaryLabel, secondaryLabelClass) }, secondaryLabel))),
|
|
76
70
|
react_1.default.createElement("div", { className: styles.thirdRow },
|
|
77
|
-
react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity }),
|
|
78
|
-
react_1.default.createElement("div",
|
|
71
|
+
react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity, size: "medium" }),
|
|
72
|
+
react_1.default.createElement("div", { className: styles.entityId },
|
|
73
|
+
react_1.default.createElement("div", { className: styles.entityIdLabel }, ui_i18n_1.default.text('ID:')),
|
|
74
|
+
react_1.default.createElement("div", { className: styles.entityIdValue }, mdm_sdk_1.getEntityId(entity)))))));
|
|
79
75
|
};
|
|
80
76
|
exports.default = react_1.memo(ProfileCard);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "
|
|
1
|
+
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "link" | "container" | "info" | "thirdRow" | "entityId" | "entityIdLabel" | "entityIdValue">;
|
|
2
2
|
export default useStyles;
|
|
@@ -3,62 +3,61 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
var styles_1 = require("@material-ui/core/styles");
|
|
4
4
|
var useStyles = styles_1.makeStyles(function (theme) { return ({
|
|
5
5
|
container: {
|
|
6
|
-
position: 'relative',
|
|
7
6
|
display: 'flex',
|
|
8
|
-
|
|
9
|
-
lineHeight: '14px',
|
|
10
|
-
color: theme.palette.text.primary,
|
|
11
|
-
padding: '8px 8px 8px 0',
|
|
7
|
+
padding: '16px',
|
|
12
8
|
overflow: 'hidden'
|
|
13
9
|
},
|
|
14
|
-
colorBox: {
|
|
15
|
-
position: 'absolute',
|
|
16
|
-
opacity: 0.12,
|
|
17
|
-
top: 0,
|
|
18
|
-
left: 0,
|
|
19
|
-
bottom: 0,
|
|
20
|
-
width: '32px'
|
|
21
|
-
},
|
|
22
10
|
image: {
|
|
23
|
-
width: '
|
|
24
|
-
height: '
|
|
25
|
-
},
|
|
26
|
-
avatar: {
|
|
27
|
-
marginRight: '8px',
|
|
28
|
-
marginLeft: '16px',
|
|
29
|
-
marginTop: '2px'
|
|
11
|
+
width: '40px',
|
|
12
|
+
height: '40px'
|
|
30
13
|
},
|
|
31
14
|
info: {
|
|
15
|
+
marginLeft: '12px',
|
|
32
16
|
overflow: 'hidden',
|
|
33
17
|
display: 'flex',
|
|
34
18
|
flexDirection: 'column'
|
|
35
19
|
},
|
|
36
|
-
firstRow: {
|
|
37
|
-
width: '100%'
|
|
38
|
-
},
|
|
39
20
|
label: {
|
|
40
|
-
display: 'block',
|
|
41
21
|
textOverflow: 'ellipsis',
|
|
42
22
|
overflow: 'hidden',
|
|
43
23
|
whiteSpace: 'nowrap',
|
|
44
|
-
fontWeight:
|
|
24
|
+
fontWeight: 400,
|
|
25
|
+
fontSize: '13px',
|
|
26
|
+
lineHeight: '15px',
|
|
45
27
|
color: theme.palette.primary.main
|
|
46
28
|
},
|
|
29
|
+
secondaryLabel: {
|
|
30
|
+
marginTop: '4px',
|
|
31
|
+
fontWeight: 400,
|
|
32
|
+
fontSize: '10px',
|
|
33
|
+
lineHeight: '12px',
|
|
34
|
+
color: theme.palette.text.secondary,
|
|
35
|
+
whiteSpace: 'nowrap',
|
|
36
|
+
overflow: 'hidden',
|
|
37
|
+
textOverflow: 'ellipsis'
|
|
38
|
+
},
|
|
47
39
|
link: {
|
|
48
40
|
textDecoration: 'none'
|
|
49
41
|
},
|
|
50
|
-
secondRow: {
|
|
51
|
-
wordWrap: 'break-word',
|
|
52
|
-
marginTop: '4px',
|
|
53
|
-
lineHeight: '13px',
|
|
54
|
-
fontSize: '11px'
|
|
55
|
-
},
|
|
56
42
|
thirdRow: {
|
|
57
43
|
display: 'flex',
|
|
58
44
|
alignItems: 'center',
|
|
45
|
+
marginTop: 'auto',
|
|
46
|
+
paddingTop: '4px'
|
|
47
|
+
},
|
|
48
|
+
entityId: {
|
|
49
|
+
display: 'flex',
|
|
50
|
+
alignItems: 'baseline',
|
|
51
|
+
fontWeight: 400,
|
|
59
52
|
fontSize: '12px',
|
|
60
|
-
|
|
61
|
-
|
|
53
|
+
lineHeight: '16px'
|
|
54
|
+
},
|
|
55
|
+
entityIdLabel: {
|
|
56
|
+
color: theme.palette.text.secondary
|
|
57
|
+
},
|
|
58
|
+
entityIdValue: {
|
|
59
|
+
marginLeft: '8px',
|
|
60
|
+
color: theme.palette.text.primary
|
|
62
61
|
}
|
|
63
62
|
}); });
|
|
64
63
|
exports.default = useStyles;
|
|
@@ -14,7 +14,7 @@ var ProfileMatchCard = function (_a) {
|
|
|
14
14
|
var styles = styles_1.useStyles();
|
|
15
15
|
return (react_1.default.createElement("div", { className: classnames_1.default(styles.root, className) },
|
|
16
16
|
react_1.default.createElement("div", { className: styles.profileCardWrapper },
|
|
17
|
-
react_1.default.createElement(ProfileCard_1.default, { entity: match.object, classes: { container: styles.profileCardContainer }
|
|
17
|
+
react_1.default.createElement(ProfileCard_1.default, { entity: match.object, classes: { container: styles.profileCardContainer } }),
|
|
18
18
|
children),
|
|
19
19
|
react_1.default.createElement("div", { className: styles.rulesContainer },
|
|
20
20
|
react_1.default.createElement(MatchRulesBlock_1.default, { match: match, metadata: metadata, entitiesMap: entitiesMap, entity: entity }))));
|
|
@@ -20,9 +20,11 @@ exports.useStyles = styles_1.makeStyles({
|
|
|
20
20
|
gap: '4px'
|
|
21
21
|
},
|
|
22
22
|
profileCardContainer: {
|
|
23
|
-
flexGrow: 1
|
|
23
|
+
flexGrow: 1,
|
|
24
|
+
paddingBottom: '8px',
|
|
25
|
+
paddingTop: '8px'
|
|
24
26
|
},
|
|
25
27
|
rulesContainer: {
|
|
26
|
-
paddingLeft: '
|
|
28
|
+
paddingLeft: '52px'
|
|
27
29
|
}
|
|
28
30
|
});
|
|
@@ -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" | "
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "secondRow">;
|
|
@@ -132,8 +132,13 @@ var EntitySelector = function (_a) {
|
|
|
132
132
|
var isTempEntity = !ramda_1.isEmpty(entity) && mdm_sdk_1.isTempUri(entity.entityUri);
|
|
133
133
|
var groupComponent = groupMode ? { Group: Group_1.default, GroupHeading: core_1.EmptyStub } : {};
|
|
134
134
|
var clearComponent = isTempEntity ? { ClearIndicator: ClearIndicator_1.default } : {};
|
|
135
|
+
var TextFieldProps = otherProps.TextFieldProps, dropDownSelectorProps = __rest(otherProps, ["TextFieldProps"]);
|
|
136
|
+
var textFieldProps = react_1.useMemo(function () {
|
|
137
|
+
var _a;
|
|
138
|
+
return (__assign(__assign({}, (TextFieldProps || {})), (_a = {}, _a['data-reltio-id'] = 'reltio-entity-selector', _a)));
|
|
139
|
+
}, [TextFieldProps]);
|
|
135
140
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
136
|
-
react_1.default.createElement(DropDownSelector_1.default, __assign({ value: !ramda_1.isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: ramda_1.prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption_1.default, SingleValue: SingleValue_1.default }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick },
|
|
141
|
+
react_1.default.createElement(DropDownSelector_1.default, __assign({ value: !ramda_1.isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: ramda_1.prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption_1.default, SingleValue: SingleValue_1.default }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick, TextFieldProps: textFieldProps }, dropDownSelectorProps)),
|
|
137
142
|
isTempEntity && (react_1.default.createElement("div", { className: styles.creatorWrapper },
|
|
138
143
|
react_1.default.createElement(EntityCreator_1.default, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
|
|
139
144
|
};
|
|
@@ -16,42 +16,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
var react_1 = __importDefault(require("react"));
|
|
18
18
|
var SvgSelectAttributes = function (props) {
|
|
19
|
-
return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256",
|
|
19
|
+
return (react_1.default.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
20
|
+
react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
|
|
21
|
+
react_1.default.createElement("mask", { id: "SelectAttributes_svg__a", style: {
|
|
22
|
+
maskType: 'alpha'
|
|
23
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },
|
|
24
|
+
react_1.default.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#fff" })),
|
|
25
|
+
react_1.default.createElement("g", { mask: "url(#SelectAttributes_svg__a)" },
|
|
26
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-16 9h256v247H-16V9z", fill: "url(#SelectAttributes_svg__paint0_linear_0_19219)" }),
|
|
27
|
+
react_1.default.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865h135.761z", fill: "url(#SelectAttributes_svg__paint1_linear_0_19219)" }),
|
|
28
|
+
react_1.default.createElement("path", { opacity: 0.06, fillRule: "evenodd", clipRule: "evenodd", d: "M47 58h202a7 7 0 017 7v157a7 7 0 01-7 7H47a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000" }),
|
|
29
|
+
react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M50 56h201a5 5 0 015 5v157a5 5 0 01-5 5H50a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#fff" }),
|
|
30
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 72.635a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
31
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 84.635a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
|
|
32
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 163a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
33
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 175a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
|
|
34
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 193a3 3 0 013-3H190a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
35
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 205a3 3 0 013-3h74.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
|
|
36
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 103a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
37
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 115a3 3 0 013-3h64.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
|
|
38
|
+
react_1.default.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
|
|
39
|
+
react_1.default.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
|
|
40
|
+
react_1.default.createElement("circle", { cx: 120, cy: 106, r: 6, fill: "#B6C7DB" }),
|
|
41
|
+
react_1.default.createElement("circle", { cx: 120, cy: 136, r: 6, fill: "#B6C7DB" }),
|
|
42
|
+
react_1.default.createElement("circle", { cx: 67, cy: 169, r: 9, fill: "#B6C7DB" }),
|
|
43
|
+
react_1.default.createElement("circle", { cx: 67, cy: 199, r: 9, fill: "#B6C7DB" }),
|
|
44
|
+
react_1.default.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 133a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
45
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 145a3 3 0 013-3h74.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
|
|
46
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M92.514 108v-8h-2V140.365h11.178v-2h-9.178V110h9.178v-2h-9.178z", fill: "#2B98F0" }),
|
|
47
|
+
react_1.default.createElement("path", { opacity: 0.54, fillRule: "evenodd", clipRule: "evenodd", d: "M95.071 77l-3.535 3.535L88 77h7.071z", fill: "#000" }),
|
|
48
|
+
react_1.default.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M50 22h186a6 6 0 016 6v18a6 6 0 01-6 6H50a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#fff" }),
|
|
49
|
+
react_1.default.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M58 37a6 6 0 016-6h70a6 6 0 110 12H64a6 6 0 01-6-6zM148 37a6 6 0 016-6h10a6 6 0 110 12h-10a6 6 0 01-6-6z", fill: "#979797" })),
|
|
20
50
|
react_1.default.createElement("defs", null,
|
|
21
|
-
react_1.default.createElement("linearGradient", {
|
|
22
|
-
react_1.default.createElement("stop", { stopColor: "#
|
|
23
|
-
react_1.default.createElement("stop", {
|
|
24
|
-
react_1.default.createElement("
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
react_1.default.createElement("use", { xlinkHref: "#SelectAttributes_svg__a" })),
|
|
28
|
-
react_1.default.createElement("use", { fillOpacity: 0.2, fill: "#A792CD", xlinkHref: "#SelectAttributes_svg__a" }),
|
|
29
|
-
react_1.default.createElement("path", { fill: "#F4F4F4", mask: "url(#SelectAttributes_svg__b)", d: "M-16 9h256v239H-16z" }),
|
|
30
|
-
react_1.default.createElement("path", { fill: "url(#SelectAttributes_svg__c)", opacity: 0.05, mask: "url(#SelectAttributes_svg__b)", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865z" }),
|
|
31
|
-
react_1.default.createElement("path", { d: "M53 58h202a7 7 0 017 7v157a7 7 0 01-7 7H53a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000", opacity: 0.06, mask: "url(#SelectAttributes_svg__b)" }),
|
|
32
|
-
react_1.default.createElement("g", { mask: "url(#SelectAttributes_svg__b)" },
|
|
33
|
-
react_1.default.createElement("path", { d: "M56 56h201a5 5 0 015 5v157a5 5 0 01-5 5H56a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#FFF", fillRule: "evenodd" }),
|
|
34
|
-
react_1.default.createElement("path", { d: "M114.376 69.635H156a3 3 0 010 6h-41.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
35
|
-
react_1.default.createElement("path", { d: "M114 81.635h64.205a3 3 0 010 6H114a3 3 0 110-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
36
|
-
react_1.default.createElement("path", { d: "M114.376 160H156a3 3 0 010 6h-41.624a3 3 0 010-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
37
|
-
react_1.default.createElement("path", { d: "M114 172h64.205a3 3 0 010 6H114a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
38
|
-
react_1.default.createElement("path", { d: "M114.376 190H196a3 3 0 010 6h-81.624a3 3 0 010-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
39
|
-
react_1.default.createElement("path", { d: "M114 202h74.205a3 3 0 010 6H114a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
40
|
-
react_1.default.createElement("path", { d: "M82 190a2 2 0 012 2v14a2 2 0 01-2 2H68a2 2 0 01-2-2v-14a2 2 0 012-2h14zm0 2H68v14h14v-14z", fillOpacity: 0.18, fill: "#000", fillRule: "nonzero" }),
|
|
41
|
-
react_1.default.createElement("path", { d: "M138.376 100H220a3 3 0 010 6h-81.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
42
|
-
react_1.default.createElement("path", { d: "M138 112h64.205a3 3 0 010 6H138a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
43
|
-
react_1.default.createElement("path", { d: "M82 100a2 2 0 012 2v14a2 2 0 01-2 2H68a2 2 0 01-2-2v-14a2 2 0 012-2h14zm0 2H68v14h14v-14z", fillOpacity: 0.18, fill: "#000", fillRule: "nonzero" }),
|
|
44
|
-
react_1.default.createElement("path", { d: "M138.376 130H220a3 3 0 010 6h-81.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
45
|
-
react_1.default.createElement("path", { d: "M138 142h74.205a3 3 0 010 6H138a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
46
|
-
react_1.default.createElement("path", { d: "M96.514 100h2v8h9.179v2h-9.179v28.365h9.179v2H96.514V100z", fill: "#2B98F0", fillRule: "nonzero", opacity: 0.2 }),
|
|
47
|
-
react_1.default.createElement("path", { d: "M82 70H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V72a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
|
|
48
|
-
react_1.default.createElement("path", { d: "M80.097 73.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 80.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
|
|
49
|
-
react_1.default.createElement("path", { d: "M82 160H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-14a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
|
|
50
|
-
react_1.default.createElement("path", { d: "M80.097 163.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 170.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
|
|
51
|
-
react_1.default.createElement("path", { d: "M82 130H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-14a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
|
|
52
|
-
react_1.default.createElement("path", { d: "M80.097 133.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 140.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
|
|
53
|
-
react_1.default.createElement("path", { fill: "#000", fillRule: "evenodd", opacity: 0.54, d: "M101.071 77l-3.535 3.536L94 77z" })),
|
|
54
|
-
react_1.default.createElement("path", { d: "M56 22h186a6 6 0 016 6v18a6 6 0 01-6 6H56a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#FFF", opacity: 0.6, mask: "url(#SelectAttributes_svg__b)" }),
|
|
55
|
-
react_1.default.createElement("path", { d: "M70 31h70a6 6 0 010 12H70a6 6 0 110-12zM160 31h10a6 6 0 010 12h-10a6 6 0 010-12z", fill: "#979797", opacity: 0.2, mask: "url(#SelectAttributes_svg__b)" }))));
|
|
51
|
+
react_1.default.createElement("linearGradient", { id: "SelectAttributes_svg__paint0_linear_0_19219", x1: -16, y1: 9, x2: -16, y2: 256, gradientUnits: "userSpaceOnUse" },
|
|
52
|
+
react_1.default.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
|
|
53
|
+
react_1.default.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
|
|
54
|
+
react_1.default.createElement("linearGradient", { id: "SelectAttributes_svg__paint1_linear_0_19219", x1: 266.117, y1: 181.111, x2: 154.882, y2: 77.681, gradientUnits: "userSpaceOnUse" },
|
|
55
|
+
react_1.default.createElement("stop", { stopOpacity: 0.01 }),
|
|
56
|
+
react_1.default.createElement("stop", { offset: 1 })))));
|
|
56
57
|
};
|
|
57
58
|
exports.default = SvgSelectAttributes;
|
package/cjs/icons/index.d.ts
CHANGED
|
@@ -22,19 +22,19 @@ export { default as Ignored } from './Ignored';
|
|
|
22
22
|
export { default as IgnoredOutlined } from './IgnoredOutlined';
|
|
23
23
|
export { default as LogIn } from './LogIn';
|
|
24
24
|
export { default as LogOut } from './LogOut';
|
|
25
|
-
export { default as MlMatch } from './MlMatch';
|
|
26
25
|
export { default as Merge } from './Merge';
|
|
27
26
|
export { default as MergeDark } from './MergeDark';
|
|
27
|
+
export { default as MlMatch } from './MlMatch';
|
|
28
28
|
export { default as NestedAttribute } from './NestedAttribute';
|
|
29
29
|
export { default as NoData } from './NoData';
|
|
30
30
|
export { default as NoDataSearch } from './NoDataSearch';
|
|
31
31
|
export { default as NoMatches } from './NoMatches';
|
|
32
32
|
export { default as NotMatchDark } from './NotMatchDark';
|
|
33
|
-
export { default as PmIcon } from './PmIcon';
|
|
34
|
-
export { default as PmTaskIcon } from './PmTaskIcon';
|
|
35
33
|
export { default as Pin } from './Pin';
|
|
36
34
|
export { default as PinOutlined } from './PinOutlined';
|
|
37
35
|
export { default as PivotingIcon } from './PivotingIcon';
|
|
36
|
+
export { default as PmIcon } from './PmIcon';
|
|
37
|
+
export { default as PmTaskIcon } from './PmTaskIcon';
|
|
38
38
|
export { default as Polygon } from './Polygon';
|
|
39
39
|
export { default as PotentialMatch } from './PotentialMatch';
|
|
40
40
|
export { default as Profile } from './Profile';
|
package/cjs/icons/index.js
CHANGED
|
@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.
|
|
6
|
+
exports.UnMerge = exports.Table = exports.SimpleAttribute = exports.SelectAttributes = exports.Search = exports.ResizeIconInline = exports.Remove = exports.ReferenceAttribute = exports.Recommended = exports.Radius = exports.Profile = exports.PotentialMatch = exports.Polygon = exports.PmTaskIcon = exports.PmIcon = exports.PivotingIcon = exports.PinOutlined = exports.Pin = exports.NotMatchDark = exports.NoMatches = exports.NoDataSearch = exports.NoData = exports.NestedAttribute = exports.MlMatch = exports.MergeDark = exports.Merge = exports.LogOut = exports.LogIn = exports.IgnoredOutlined = exports.Ignored = exports.Filter = exports.Error = exports.EmptySearchResults = exports.Duplicate = exports.Draw = exports.Download = exports.Details = exports.DeleteRequestTaskIcon = exports.DefaultTaskIcon = exports.DefaultImage = exports.DcrTaskIcon = exports.Create = exports.Copy = exports.CommentBubble = exports.Comment = exports.CollaborationIcon = exports.Calendar = exports.AttributesList = exports.AddComment = exports.Add = void 0;
|
|
7
7
|
exports.UploadIcon = void 0;
|
|
8
8
|
var Add_1 = require("./Add");
|
|
9
9
|
Object.defineProperty(exports, "Add", { enumerable: true, get: function () { return __importDefault(Add_1).default; } });
|
|
@@ -53,12 +53,12 @@ var LogIn_1 = require("./LogIn");
|
|
|
53
53
|
Object.defineProperty(exports, "LogIn", { enumerable: true, get: function () { return __importDefault(LogIn_1).default; } });
|
|
54
54
|
var LogOut_1 = require("./LogOut");
|
|
55
55
|
Object.defineProperty(exports, "LogOut", { enumerable: true, get: function () { return __importDefault(LogOut_1).default; } });
|
|
56
|
-
var MlMatch_1 = require("./MlMatch");
|
|
57
|
-
Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
|
|
58
56
|
var Merge_1 = require("./Merge");
|
|
59
57
|
Object.defineProperty(exports, "Merge", { enumerable: true, get: function () { return __importDefault(Merge_1).default; } });
|
|
60
58
|
var MergeDark_1 = require("./MergeDark");
|
|
61
59
|
Object.defineProperty(exports, "MergeDark", { enumerable: true, get: function () { return __importDefault(MergeDark_1).default; } });
|
|
60
|
+
var MlMatch_1 = require("./MlMatch");
|
|
61
|
+
Object.defineProperty(exports, "MlMatch", { enumerable: true, get: function () { return __importDefault(MlMatch_1).default; } });
|
|
62
62
|
var NestedAttribute_1 = require("./NestedAttribute");
|
|
63
63
|
Object.defineProperty(exports, "NestedAttribute", { enumerable: true, get: function () { return __importDefault(NestedAttribute_1).default; } });
|
|
64
64
|
var NoData_1 = require("./NoData");
|
|
@@ -69,16 +69,16 @@ var NoMatches_1 = require("./NoMatches");
|
|
|
69
69
|
Object.defineProperty(exports, "NoMatches", { enumerable: true, get: function () { return __importDefault(NoMatches_1).default; } });
|
|
70
70
|
var NotMatchDark_1 = require("./NotMatchDark");
|
|
71
71
|
Object.defineProperty(exports, "NotMatchDark", { enumerable: true, get: function () { return __importDefault(NotMatchDark_1).default; } });
|
|
72
|
-
var PmIcon_1 = require("./PmIcon");
|
|
73
|
-
Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
|
|
74
|
-
var PmTaskIcon_1 = require("./PmTaskIcon");
|
|
75
|
-
Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
|
|
76
72
|
var Pin_1 = require("./Pin");
|
|
77
73
|
Object.defineProperty(exports, "Pin", { enumerable: true, get: function () { return __importDefault(Pin_1).default; } });
|
|
78
74
|
var PinOutlined_1 = require("./PinOutlined");
|
|
79
75
|
Object.defineProperty(exports, "PinOutlined", { enumerable: true, get: function () { return __importDefault(PinOutlined_1).default; } });
|
|
80
76
|
var PivotingIcon_1 = require("./PivotingIcon");
|
|
81
77
|
Object.defineProperty(exports, "PivotingIcon", { enumerable: true, get: function () { return __importDefault(PivotingIcon_1).default; } });
|
|
78
|
+
var PmIcon_1 = require("./PmIcon");
|
|
79
|
+
Object.defineProperty(exports, "PmIcon", { enumerable: true, get: function () { return __importDefault(PmIcon_1).default; } });
|
|
80
|
+
var PmTaskIcon_1 = require("./PmTaskIcon");
|
|
81
|
+
Object.defineProperty(exports, "PmTaskIcon", { enumerable: true, get: function () { return __importDefault(PmTaskIcon_1).default; } });
|
|
82
82
|
var Polygon_1 = require("./Polygon");
|
|
83
83
|
Object.defineProperty(exports, "Polygon", { enumerable: true, get: function () { return __importDefault(Polygon_1).default; } });
|
|
84
84
|
var PotentialMatch_1 = require("./PotentialMatch");
|
|
@@ -14,15 +14,15 @@ export var useStyles = makeStyles(function (theme) { return ({
|
|
|
14
14
|
minHeight: '350px',
|
|
15
15
|
boxSizing: 'border-box',
|
|
16
16
|
'& $text': {
|
|
17
|
-
color: theme.palette.text.
|
|
17
|
+
color: theme.palette.text.primary,
|
|
18
18
|
fontSize: '20px',
|
|
19
|
-
fontWeight:
|
|
19
|
+
fontWeight: 500,
|
|
20
20
|
lineHeight: '24px',
|
|
21
21
|
letterSpacing: '0.25px',
|
|
22
22
|
textAlign: 'center'
|
|
23
23
|
},
|
|
24
24
|
'& $secondaryText': {
|
|
25
|
-
color:
|
|
25
|
+
color: theme.palette.text.secondary,
|
|
26
26
|
fontSize: '15px',
|
|
27
27
|
fontWeight: 300,
|
|
28
28
|
lineHeight: '18px',
|
|
@@ -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" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo"
|
|
2
|
+
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "entityType" | "secondaryLabel" | "inactive" | "profileIcon" | "badge" | "entityId" | "businessCard" | "profileBandWrapper" | "profileBand" | "imageProfileIcon" | "profileInfo" | "specialInfo">;
|
|
@@ -2,12 +2,11 @@ import React from 'react';
|
|
|
2
2
|
import { Entity } from '@reltio/mdm-sdk';
|
|
3
3
|
declare type Props = {
|
|
4
4
|
entity: Entity;
|
|
5
|
-
disableEntityTypeColor?: boolean;
|
|
6
5
|
classes?: {
|
|
7
6
|
label?: string;
|
|
8
7
|
secondaryLabel?: string;
|
|
9
8
|
container?: string;
|
|
10
9
|
};
|
|
11
10
|
} & React.HTMLAttributes<HTMLDivElement>;
|
|
12
|
-
declare const _default: React.MemoExoticComponent<({ entity, classes,
|
|
11
|
+
declare const _default: React.MemoExoticComponent<({ entity, classes, ...otherProps }: Props) => JSX.Element>;
|
|
13
12
|
export default _default;
|
|
@@ -21,36 +21,32 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React, { memo } from 'react';
|
|
24
|
+
import i18n from 'ui-i18n';
|
|
24
25
|
import classnames from 'classnames';
|
|
25
|
-
import {
|
|
26
|
-
import { getEntityId, getEntityType, getEntityUriForLink, getLabel, getPropWithInheritance, theme } from '@reltio/mdm-sdk';
|
|
27
|
-
import mdmModule from '@reltio/mdm-module';
|
|
26
|
+
import { getEntityId, getEntityUriForLink, getLabel } from '@reltio/mdm-sdk';
|
|
28
27
|
import useStyles from './styles';
|
|
29
28
|
import EntityAvatar from '../EntityAvatar/EntityAvatar';
|
|
30
29
|
import EntityUriLink from '../EntityUriLink/EntityUriLink';
|
|
31
30
|
import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
|
|
32
31
|
import EntityTypeBadge from '../EntityTypeBadge/EntityTypeBadge';
|
|
33
32
|
var ProfileCard = function (_a) {
|
|
34
|
-
var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b,
|
|
33
|
+
var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["entity", "classes"]);
|
|
35
34
|
var styles = useStyles();
|
|
36
35
|
var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label, containerClass = classes.container;
|
|
37
|
-
var metadata = useSelector(mdmModule.selectors.getMetadata);
|
|
38
36
|
var label = getLabel(entity.label);
|
|
39
|
-
var secondaryLabel = entity.secondaryLabel
|
|
40
|
-
var entityType = getEntityType(metadata, type) || {};
|
|
41
|
-
var entityTypeColor = getPropWithInheritance(metadata, entityType, 'typeColor') || theme.palette.primary.main;
|
|
37
|
+
var secondaryLabel = entity.secondaryLabel;
|
|
42
38
|
return (React.createElement("div", __assign({ className: classnames(styles.container, containerClass) }, otherProps),
|
|
43
|
-
React.createElement(
|
|
44
|
-
React.createElement(EntityAvatar, { entity: entity, avatarClassName: styles.avatar, imageClassName: styles.image }),
|
|
39
|
+
React.createElement(EntityAvatar, { entity: entity, imageClassName: styles.image }),
|
|
45
40
|
React.createElement("div", { className: styles.info },
|
|
46
|
-
React.createElement(
|
|
47
|
-
React.createElement(
|
|
48
|
-
React.createElement(
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
React.createElement("span", { className: secondaryLabelClass }, secondaryLabel)))),
|
|
41
|
+
React.createElement(EntityUriLink, { value: getEntityUriForLink(entity), className: styles.link },
|
|
42
|
+
React.createElement(ExpandedValueTooltip, { value: label, placement: "top", showOnExceededHeight: true },
|
|
43
|
+
React.createElement("div", { className: classnames(styles.label, labelClass) }, label))),
|
|
44
|
+
secondaryLabel && (React.createElement(ExpandedValueTooltip, { value: secondaryLabel, placement: "top", showOnExceededHeight: true },
|
|
45
|
+
React.createElement("div", { className: classnames(styles.secondaryLabel, secondaryLabelClass) }, secondaryLabel))),
|
|
52
46
|
React.createElement("div", { className: styles.thirdRow },
|
|
53
|
-
React.createElement(EntityTypeBadge, { entity: entity }),
|
|
54
|
-
React.createElement("div",
|
|
47
|
+
React.createElement(EntityTypeBadge, { entity: entity, size: "medium" }),
|
|
48
|
+
React.createElement("div", { className: styles.entityId },
|
|
49
|
+
React.createElement("div", { className: styles.entityIdLabel }, i18n.text('ID:')),
|
|
50
|
+
React.createElement("div", { className: styles.entityIdValue }, getEntityId(entity)))))));
|
|
55
51
|
};
|
|
56
52
|
export default memo(ProfileCard);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "
|
|
1
|
+
declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "link" | "container" | "info" | "thirdRow" | "entityId" | "entityIdLabel" | "entityIdValue">;
|
|
2
2
|
export default useStyles;
|
|
@@ -1,62 +1,61 @@
|
|
|
1
1
|
import { makeStyles } from '@material-ui/core/styles';
|
|
2
2
|
var useStyles = makeStyles(function (theme) { return ({
|
|
3
3
|
container: {
|
|
4
|
-
position: 'relative',
|
|
5
4
|
display: 'flex',
|
|
6
|
-
|
|
7
|
-
lineHeight: '14px',
|
|
8
|
-
color: theme.palette.text.primary,
|
|
9
|
-
padding: '8px 8px 8px 0',
|
|
5
|
+
padding: '16px',
|
|
10
6
|
overflow: 'hidden'
|
|
11
7
|
},
|
|
12
|
-
colorBox: {
|
|
13
|
-
position: 'absolute',
|
|
14
|
-
opacity: 0.12,
|
|
15
|
-
top: 0,
|
|
16
|
-
left: 0,
|
|
17
|
-
bottom: 0,
|
|
18
|
-
width: '32px'
|
|
19
|
-
},
|
|
20
8
|
image: {
|
|
21
|
-
width: '
|
|
22
|
-
height: '
|
|
23
|
-
},
|
|
24
|
-
avatar: {
|
|
25
|
-
marginRight: '8px',
|
|
26
|
-
marginLeft: '16px',
|
|
27
|
-
marginTop: '2px'
|
|
9
|
+
width: '40px',
|
|
10
|
+
height: '40px'
|
|
28
11
|
},
|
|
29
12
|
info: {
|
|
13
|
+
marginLeft: '12px',
|
|
30
14
|
overflow: 'hidden',
|
|
31
15
|
display: 'flex',
|
|
32
16
|
flexDirection: 'column'
|
|
33
17
|
},
|
|
34
|
-
firstRow: {
|
|
35
|
-
width: '100%'
|
|
36
|
-
},
|
|
37
18
|
label: {
|
|
38
|
-
display: 'block',
|
|
39
19
|
textOverflow: 'ellipsis',
|
|
40
20
|
overflow: 'hidden',
|
|
41
21
|
whiteSpace: 'nowrap',
|
|
42
|
-
fontWeight:
|
|
22
|
+
fontWeight: 400,
|
|
23
|
+
fontSize: '13px',
|
|
24
|
+
lineHeight: '15px',
|
|
43
25
|
color: theme.palette.primary.main
|
|
44
26
|
},
|
|
27
|
+
secondaryLabel: {
|
|
28
|
+
marginTop: '4px',
|
|
29
|
+
fontWeight: 400,
|
|
30
|
+
fontSize: '10px',
|
|
31
|
+
lineHeight: '12px',
|
|
32
|
+
color: theme.palette.text.secondary,
|
|
33
|
+
whiteSpace: 'nowrap',
|
|
34
|
+
overflow: 'hidden',
|
|
35
|
+
textOverflow: 'ellipsis'
|
|
36
|
+
},
|
|
45
37
|
link: {
|
|
46
38
|
textDecoration: 'none'
|
|
47
39
|
},
|
|
48
|
-
secondRow: {
|
|
49
|
-
wordWrap: 'break-word',
|
|
50
|
-
marginTop: '4px',
|
|
51
|
-
lineHeight: '13px',
|
|
52
|
-
fontSize: '11px'
|
|
53
|
-
},
|
|
54
40
|
thirdRow: {
|
|
55
41
|
display: 'flex',
|
|
56
42
|
alignItems: 'center',
|
|
43
|
+
marginTop: 'auto',
|
|
44
|
+
paddingTop: '4px'
|
|
45
|
+
},
|
|
46
|
+
entityId: {
|
|
47
|
+
display: 'flex',
|
|
48
|
+
alignItems: 'baseline',
|
|
49
|
+
fontWeight: 400,
|
|
57
50
|
fontSize: '12px',
|
|
58
|
-
|
|
59
|
-
|
|
51
|
+
lineHeight: '16px'
|
|
52
|
+
},
|
|
53
|
+
entityIdLabel: {
|
|
54
|
+
color: theme.palette.text.secondary
|
|
55
|
+
},
|
|
56
|
+
entityIdValue: {
|
|
57
|
+
marginLeft: '8px',
|
|
58
|
+
color: theme.palette.text.primary
|
|
60
59
|
}
|
|
61
60
|
}); });
|
|
62
61
|
export default useStyles;
|
|
@@ -8,7 +8,7 @@ export var ProfileMatchCard = function (_a) {
|
|
|
8
8
|
var styles = useStyles();
|
|
9
9
|
return (React.createElement("div", { className: classnames(styles.root, className) },
|
|
10
10
|
React.createElement("div", { className: styles.profileCardWrapper },
|
|
11
|
-
React.createElement(ProfileCard, { entity: match.object, classes: { container: styles.profileCardContainer }
|
|
11
|
+
React.createElement(ProfileCard, { entity: match.object, classes: { container: styles.profileCardContainer } }),
|
|
12
12
|
children),
|
|
13
13
|
React.createElement("div", { className: styles.rulesContainer },
|
|
14
14
|
React.createElement(MatchRulesBlock, { match: match, metadata: metadata, entitiesMap: entitiesMap, entity: entity }))));
|
|
@@ -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" | "
|
|
1
|
+
export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "secondaryLabel" | "item" | "inactive" | "selected" | "avatar" | "clickable" | "info" | "@keyframes animate" | "highlighted" | "justImported" | "businessCard" | "secondRow">;
|
|
@@ -108,8 +108,13 @@ var EntitySelector = function (_a) {
|
|
|
108
108
|
var isTempEntity = !isEmpty(entity) && isTempUri(entity.entityUri);
|
|
109
109
|
var groupComponent = groupMode ? { Group: Group, GroupHeading: EmptyStub } : {};
|
|
110
110
|
var clearComponent = isTempEntity ? { ClearIndicator: ClearIndicator } : {};
|
|
111
|
+
var TextFieldProps = otherProps.TextFieldProps, dropDownSelectorProps = __rest(otherProps, ["TextFieldProps"]);
|
|
112
|
+
var textFieldProps = useMemo(function () {
|
|
113
|
+
var _a;
|
|
114
|
+
return (__assign(__assign({}, (TextFieldProps || {})), (_a = {}, _a['data-reltio-id'] = 'reltio-entity-selector', _a)));
|
|
115
|
+
}, [TextFieldProps]);
|
|
111
116
|
return (React.createElement(React.Fragment, null,
|
|
112
|
-
React.createElement(DropDownSelector, __assign({ value: !isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption, SingleValue: SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick },
|
|
117
|
+
React.createElement(DropDownSelector, __assign({ value: !isEmpty(entity) ? entity : undefined, inputValue: inputValue, onInputChange: handleInputChange, getOptions: getOptions, getOptionLabel: prop('entityLabel'), onChange: handleChange, onCreate: handleCreate, onClear: handleClear, label: label, createLabel: createLabel, components: __assign(__assign({ Option: EntityOption, SingleValue: SingleValue }, groupComponent), clearComponent), currentEntityType: currentEntityType, isClearable: true, disableLinkClick: disableLinkClick, TextFieldProps: textFieldProps }, dropDownSelectorProps)),
|
|
113
118
|
isTempEntity && (React.createElement("div", { className: styles.creatorWrapper },
|
|
114
119
|
React.createElement(EntityCreator, { mode: mode, attributeTypesSelectionStrategy: attributeTypesSelectionStrategy, entityType: currentEntityType, entityUri: entity.entityUri })))));
|
|
115
120
|
};
|
|
@@ -11,42 +11,43 @@ var __assign = (this && this.__assign) || function () {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
var SvgSelectAttributes = function (props) {
|
|
14
|
-
return (React.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256",
|
|
14
|
+
return (React.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
15
|
+
React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.1 }),
|
|
16
|
+
React.createElement("mask", { id: "SelectAttributes_svg__a", style: {
|
|
17
|
+
maskType: 'alpha'
|
|
18
|
+
}, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },
|
|
19
|
+
React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#fff" })),
|
|
20
|
+
React.createElement("g", { mask: "url(#SelectAttributes_svg__a)" },
|
|
21
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-16 9h256v247H-16V9z", fill: "url(#SelectAttributes_svg__paint0_linear_0_19219)" }),
|
|
22
|
+
React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865h135.761z", fill: "url(#SelectAttributes_svg__paint1_linear_0_19219)" }),
|
|
23
|
+
React.createElement("path", { opacity: 0.06, fillRule: "evenodd", clipRule: "evenodd", d: "M47 58h202a7 7 0 017 7v157a7 7 0 01-7 7H47a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000" }),
|
|
24
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M50 56h201a5 5 0 015 5v157a5 5 0 01-5 5H50a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#fff" }),
|
|
25
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 72.635a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
26
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 84.635a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
|
|
27
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 163a3 3 0 013-3H150a3 3 0 110 6h-41.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
28
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 175a3 3 0 013-3h64.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
|
|
29
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M105.376 193a3 3 0 013-3H190a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
30
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M105 205a3 3 0 013-3h74.205a3 3 0 110 6H108a3 3 0 01-3-3z", fill: "#979797" }),
|
|
31
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 103a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
32
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 115a3 3 0 013-3h64.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
|
|
33
|
+
React.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
|
|
34
|
+
React.createElement("circle", { cx: 67, cy: 79, r: 9, fill: "#B6C7DB" }),
|
|
35
|
+
React.createElement("circle", { cx: 120, cy: 106, r: 6, fill: "#B6C7DB" }),
|
|
36
|
+
React.createElement("circle", { cx: 120, cy: 136, r: 6, fill: "#B6C7DB" }),
|
|
37
|
+
React.createElement("circle", { cx: 67, cy: 169, r: 9, fill: "#B6C7DB" }),
|
|
38
|
+
React.createElement("circle", { cx: 67, cy: 199, r: 9, fill: "#B6C7DB" }),
|
|
39
|
+
React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M138.376 133a3 3 0 013-3H223a3 3 0 110 6h-81.624a3 3 0 01-3-3z", fill: "#B6C7DB" }),
|
|
40
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M138 145a3 3 0 013-3h74.205a3 3 0 110 6H141a3 3 0 01-3-3z", fill: "#979797" }),
|
|
41
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M92.514 108v-8h-2V140.365h11.178v-2h-9.178V110h9.178v-2h-9.178z", fill: "#2B98F0" }),
|
|
42
|
+
React.createElement("path", { opacity: 0.54, fillRule: "evenodd", clipRule: "evenodd", d: "M95.071 77l-3.535 3.535L88 77h7.071z", fill: "#000" }),
|
|
43
|
+
React.createElement("path", { opacity: 0.6, fillRule: "evenodd", clipRule: "evenodd", d: "M50 22h186a6 6 0 016 6v18a6 6 0 01-6 6H50a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#fff" }),
|
|
44
|
+
React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M58 37a6 6 0 016-6h70a6 6 0 110 12H64a6 6 0 01-6-6zM148 37a6 6 0 016-6h10a6 6 0 110 12h-10a6 6 0 01-6-6z", fill: "#979797" })),
|
|
15
45
|
React.createElement("defs", null,
|
|
16
|
-
React.createElement("linearGradient", {
|
|
17
|
-
React.createElement("stop", { stopColor: "#
|
|
18
|
-
React.createElement("stop", {
|
|
19
|
-
React.createElement("
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
React.createElement("use", { xlinkHref: "#SelectAttributes_svg__a" })),
|
|
23
|
-
React.createElement("use", { fillOpacity: 0.2, fill: "#A792CD", xlinkHref: "#SelectAttributes_svg__a" }),
|
|
24
|
-
React.createElement("path", { fill: "#F4F4F4", mask: "url(#SelectAttributes_svg__b)", d: "M-16 9h256v239H-16z" }),
|
|
25
|
-
React.createElement("path", { fill: "url(#SelectAttributes_svg__c)", opacity: 0.05, mask: "url(#SelectAttributes_svg__b)", d: "M187.761 56.865l58.639 58.639v148.871H93.383L52 225.083V56.865z" }),
|
|
26
|
-
React.createElement("path", { d: "M53 58h202a7 7 0 017 7v157a7 7 0 01-7 7H53a7 7 0 01-7-7V65a7 7 0 017-7z", fill: "#000", opacity: 0.06, mask: "url(#SelectAttributes_svg__b)" }),
|
|
27
|
-
React.createElement("g", { mask: "url(#SelectAttributes_svg__b)" },
|
|
28
|
-
React.createElement("path", { d: "M56 56h201a5 5 0 015 5v157a5 5 0 01-5 5H56a5 5 0 01-5-5V61a5 5 0 015-5z", fill: "#FFF", fillRule: "evenodd" }),
|
|
29
|
-
React.createElement("path", { d: "M114.376 69.635H156a3 3 0 010 6h-41.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
30
|
-
React.createElement("path", { d: "M114 81.635h64.205a3 3 0 010 6H114a3 3 0 110-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
31
|
-
React.createElement("path", { d: "M114.376 160H156a3 3 0 010 6h-41.624a3 3 0 010-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
32
|
-
React.createElement("path", { d: "M114 172h64.205a3 3 0 010 6H114a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
33
|
-
React.createElement("path", { d: "M114.376 190H196a3 3 0 010 6h-81.624a3 3 0 010-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
34
|
-
React.createElement("path", { d: "M114 202h74.205a3 3 0 010 6H114a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
35
|
-
React.createElement("path", { d: "M82 190a2 2 0 012 2v14a2 2 0 01-2 2H68a2 2 0 01-2-2v-14a2 2 0 012-2h14zm0 2H68v14h14v-14z", fillOpacity: 0.18, fill: "#000", fillRule: "nonzero" }),
|
|
36
|
-
React.createElement("path", { d: "M138.376 100H220a3 3 0 010 6h-81.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
37
|
-
React.createElement("path", { d: "M138 112h64.205a3 3 0 010 6H138a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
38
|
-
React.createElement("path", { d: "M82 100a2 2 0 012 2v14a2 2 0 01-2 2H68a2 2 0 01-2-2v-14a2 2 0 012-2h14zm0 2H68v14h14v-14z", fillOpacity: 0.18, fill: "#000", fillRule: "nonzero" }),
|
|
39
|
-
React.createElement("path", { d: "M138.376 130H220a3 3 0 010 6h-81.624a3 3 0 110-6z", fill: "#B6C7DB", fillRule: "evenodd", opacity: 0.8 }),
|
|
40
|
-
React.createElement("path", { d: "M138 142h74.205a3 3 0 010 6H138a3 3 0 010-6z", fill: "#979797", fillRule: "evenodd", opacity: 0.2 }),
|
|
41
|
-
React.createElement("path", { d: "M96.514 100h2v8h9.179v2h-9.179v28.365h9.179v2H96.514V100z", fill: "#2B98F0", fillRule: "nonzero", opacity: 0.2 }),
|
|
42
|
-
React.createElement("path", { d: "M82 70H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V72a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
|
|
43
|
-
React.createElement("path", { d: "M80.097 73.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 80.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
|
|
44
|
-
React.createElement("path", { d: "M82 160H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-14a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
|
|
45
|
-
React.createElement("path", { d: "M80.097 163.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 170.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
|
|
46
|
-
React.createElement("path", { d: "M82 130H68a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-14a2 2 0 00-2-2z", fill: "#2B98F0", fillRule: "nonzero" }),
|
|
47
|
-
React.createElement("path", { d: "M80.097 133.255a1.5 1.5 0 012.224 2.007l-.103.114-8.157 8.156a1.5 1.5 0 01-2.007.103l-.114-.103-3.164-3.164a1.5 1.5 0 012.007-2.225l.114.103L73 140.35l7.097-7.095z", fill: "#FFF", fillRule: "nonzero" }),
|
|
48
|
-
React.createElement("path", { fill: "#000", fillRule: "evenodd", opacity: 0.54, d: "M101.071 77l-3.535 3.536L94 77z" })),
|
|
49
|
-
React.createElement("path", { d: "M56 22h186a6 6 0 016 6v18a6 6 0 01-6 6H56a6 6 0 01-6-6V28a6 6 0 016-6z", fill: "#FFF", opacity: 0.6, mask: "url(#SelectAttributes_svg__b)" }),
|
|
50
|
-
React.createElement("path", { d: "M70 31h70a6 6 0 010 12H70a6 6 0 110-12zM160 31h10a6 6 0 010 12h-10a6 6 0 010-12z", fill: "#979797", opacity: 0.2, mask: "url(#SelectAttributes_svg__b)" }))));
|
|
46
|
+
React.createElement("linearGradient", { id: "SelectAttributes_svg__paint0_linear_0_19219", x1: -16, y1: 9, x2: -16, y2: 256, gradientUnits: "userSpaceOnUse" },
|
|
47
|
+
React.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
|
|
48
|
+
React.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
|
|
49
|
+
React.createElement("linearGradient", { id: "SelectAttributes_svg__paint1_linear_0_19219", x1: 266.117, y1: 181.111, x2: 154.882, y2: 77.681, gradientUnits: "userSpaceOnUse" },
|
|
50
|
+
React.createElement("stop", { stopOpacity: 0.01 }),
|
|
51
|
+
React.createElement("stop", { offset: 1 })))));
|
|
51
52
|
};
|
|
52
53
|
export default SvgSelectAttributes;
|
package/esm/icons/index.d.ts
CHANGED
|
@@ -22,19 +22,19 @@ export { default as Ignored } from './Ignored';
|
|
|
22
22
|
export { default as IgnoredOutlined } from './IgnoredOutlined';
|
|
23
23
|
export { default as LogIn } from './LogIn';
|
|
24
24
|
export { default as LogOut } from './LogOut';
|
|
25
|
-
export { default as MlMatch } from './MlMatch';
|
|
26
25
|
export { default as Merge } from './Merge';
|
|
27
26
|
export { default as MergeDark } from './MergeDark';
|
|
27
|
+
export { default as MlMatch } from './MlMatch';
|
|
28
28
|
export { default as NestedAttribute } from './NestedAttribute';
|
|
29
29
|
export { default as NoData } from './NoData';
|
|
30
30
|
export { default as NoDataSearch } from './NoDataSearch';
|
|
31
31
|
export { default as NoMatches } from './NoMatches';
|
|
32
32
|
export { default as NotMatchDark } from './NotMatchDark';
|
|
33
|
-
export { default as PmIcon } from './PmIcon';
|
|
34
|
-
export { default as PmTaskIcon } from './PmTaskIcon';
|
|
35
33
|
export { default as Pin } from './Pin';
|
|
36
34
|
export { default as PinOutlined } from './PinOutlined';
|
|
37
35
|
export { default as PivotingIcon } from './PivotingIcon';
|
|
36
|
+
export { default as PmIcon } from './PmIcon';
|
|
37
|
+
export { default as PmTaskIcon } from './PmTaskIcon';
|
|
38
38
|
export { default as Polygon } from './Polygon';
|
|
39
39
|
export { default as PotentialMatch } from './PotentialMatch';
|
|
40
40
|
export { default as Profile } from './Profile';
|
package/esm/icons/index.js
CHANGED
|
@@ -22,19 +22,19 @@ export { default as Ignored } from './Ignored';
|
|
|
22
22
|
export { default as IgnoredOutlined } from './IgnoredOutlined';
|
|
23
23
|
export { default as LogIn } from './LogIn';
|
|
24
24
|
export { default as LogOut } from './LogOut';
|
|
25
|
-
export { default as MlMatch } from './MlMatch';
|
|
26
25
|
export { default as Merge } from './Merge';
|
|
27
26
|
export { default as MergeDark } from './MergeDark';
|
|
27
|
+
export { default as MlMatch } from './MlMatch';
|
|
28
28
|
export { default as NestedAttribute } from './NestedAttribute';
|
|
29
29
|
export { default as NoData } from './NoData';
|
|
30
30
|
export { default as NoDataSearch } from './NoDataSearch';
|
|
31
31
|
export { default as NoMatches } from './NoMatches';
|
|
32
32
|
export { default as NotMatchDark } from './NotMatchDark';
|
|
33
|
-
export { default as PmIcon } from './PmIcon';
|
|
34
|
-
export { default as PmTaskIcon } from './PmTaskIcon';
|
|
35
33
|
export { default as Pin } from './Pin';
|
|
36
34
|
export { default as PinOutlined } from './PinOutlined';
|
|
37
35
|
export { default as PivotingIcon } from './PivotingIcon';
|
|
36
|
+
export { default as PmIcon } from './PmIcon';
|
|
37
|
+
export { default as PmTaskIcon } from './PmTaskIcon';
|
|
38
38
|
export { default as Polygon } from './Polygon';
|
|
39
39
|
export { default as PotentialMatch } from './PotentialMatch';
|
|
40
40
|
export { default as Profile } from './Profile';
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.1080",
|
|
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.1080",
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.1080",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|