@reltio/components 1.4.945 → 1.4.948

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.
Files changed (31) hide show
  1. package/cjs/components/ProfileBand/ProfileBand.js +3 -2
  2. package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts +3 -2
  3. package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.js +8 -2
  4. package/cjs/components/attributes/editMode/AttributesPager/AttributesPager.js +3 -2
  5. package/cjs/components/attributes/editMode/AttributesPager/styles.d.ts +1 -1
  6. package/cjs/components/attributes/editMode/AttributesPager/styles.js +9 -1
  7. package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.d.ts +1 -2
  8. package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.js +6 -6
  9. package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts +1 -2
  10. package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.js +4 -4
  11. package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.d.ts +1 -2
  12. package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.js +2 -2
  13. package/cjs/components/attributes/readMode/AttributesPager/SpecialRenderer.d.ts +1 -2
  14. package/cjs/components/attributes/readMode/AttributesPager/SpecialRenderer.js +3 -4
  15. package/cjs/components/attributes/readMode/AttributesPager/index.d.ts +1 -3
  16. package/esm/components/ProfileBand/ProfileBand.js +4 -3
  17. package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts +3 -2
  18. package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.js +8 -2
  19. package/esm/components/attributes/editMode/AttributesPager/AttributesPager.js +3 -2
  20. package/esm/components/attributes/editMode/AttributesPager/styles.d.ts +1 -1
  21. package/esm/components/attributes/editMode/AttributesPager/styles.js +9 -1
  22. package/esm/components/attributes/readMode/AttributesPager/AttributesPager.d.ts +1 -2
  23. package/esm/components/attributes/readMode/AttributesPager/AttributesPager.js +6 -6
  24. package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts +1 -2
  25. package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.js +4 -4
  26. package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.d.ts +1 -2
  27. package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.js +2 -2
  28. package/esm/components/attributes/readMode/AttributesPager/SpecialRenderer.d.ts +1 -2
  29. package/esm/components/attributes/readMode/AttributesPager/SpecialRenderer.js +3 -4
  30. package/esm/components/attributes/readMode/AttributesPager/index.d.ts +1 -3
  31. package/package.json +3 -3
@@ -64,6 +64,7 @@ var ProfileBand = function (_a) {
64
64
  var isActive = mdm_sdk_1.isActiveObject(entity);
65
65
  var scores = mdm_sdk_1.getScores(metadata, entity, scoresToShow);
66
66
  var entityUri = entity.uri;
67
+ var entityId = mdm_sdk_1.getEntityId(entity);
67
68
  return (react_1.default.createElement("div", { className: classnames_1.default(styles.profileBandWrapper, className) },
68
69
  react_1.default.createElement("div", { className: classnames_1.default(styles.profileBand, (_b = {},
69
70
  _b[styles.inactive] = !isActive,
@@ -78,11 +79,11 @@ var ProfileBand = function (_a) {
78
79
  react_1.default.createElement("div", { className: styles.entityType },
79
80
  react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity, size: "medium", className: styles.badge }),
80
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 }))); }))),
81
- react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Copy to clipboard') },
82
+ !mdm_sdk_1.isTempUri(entityUri) && (react_1.default.createElement(Tooltip_1.default, { title: ui_i18n_1.default.text('Copy to clipboard') },
82
83
  react_1.default.createElement(Typography_1.default, { display: "inline", variant: "body2", className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
83
84
  ui_i18n_1.default.text('Entity ID'),
84
85
  ": ",
85
- mdm_sdk_1.getEntityId(entity)))))),
86
+ entityId)))))),
86
87
  children && react_1.default.createElement("div", null, children))));
87
88
  };
88
89
  ProfileBand.propTypes = {
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
- import { NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
2
+ import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
3
3
  import { AttributePagerProps } from './index';
4
4
  declare type Props = Required<Omit<AttributePagerProps, 'values'>> & {
5
5
  values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
6
+ nonVisibleValues: AttributeValue[];
6
7
  };
7
- declare const AttributeRenderer: ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props) => JSX.Element;
8
+ declare const AttributeRenderer: ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props) => JSX.Element;
8
9
  export default AttributeRenderer;
@@ -35,8 +35,9 @@ var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
35
35
  var styles_1 = require("./styles");
36
36
  var utils_1 = require("./utils");
37
37
  var PinnedAttributesContext_1 = require("../contexts/PinnedAttributesContext");
38
+ var OvIcon_1 = __importDefault(require("../../OvIcon"));
38
39
  var AttributeRenderer = function (_a) {
39
- var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
40
+ var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
40
41
  var styles = styles_1.useStyles();
41
42
  var _b = react_1.useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
42
43
  var _c = react_1.useState(false), hadDeletions = _c[0], setHadDeletions = _c[1];
@@ -72,6 +73,9 @@ var AttributeRenderer = function (_a) {
72
73
  var newValuesCount = (utils_1.filterNewValues(values) || []).length;
73
74
  var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
74
75
  var totalVisibleValues = ramda_1.ifElse(ramda_1.has(totalProp), ramda_1.pipe(ramda_1.prop(totalProp), ramda_1.add(newValuesCount)), ramda_1.always(values.length))(paging);
76
+ var totalNonVisibleValues = (paging === null || paging === void 0 ? void 0 : paging.totalValues)
77
+ ? paging.totalValues - totalVisibleValues
78
+ : nonVisibleValues === null || nonVisibleValues === void 0 ? void 0 : nonVisibleValues.length;
75
79
  var hasPaging = max < totalVisibleValues;
76
80
  var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
77
81
  var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -95,7 +99,9 @@ var AttributeRenderer = function (_a) {
95
99
  var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
96
100
  return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines },
97
101
  react_1.default.createElement("div", { className: styles.wrapper },
98
- react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
102
+ react_1.default.createElement("div", { className: styles.titleWrapper },
103
+ react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
104
+ react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
99
105
  isEditableMode && react_1.default.createElement(CardinalityMessage_1.default, { cardinality: cardinality }),
100
106
  isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage, className: styles.typeError }),
101
107
  react_1.default.createElement("div", { className: styles.attributesWrapper },
@@ -52,8 +52,9 @@ var AttributesPager = function (_a) {
52
52
  var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? mdm_sdk_1.Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
53
53
  var styles = styles_1.useStyles();
54
54
  var partitionByOv = ramda_1.partition(mdm_sdk_1.isOv);
55
- var ovValues = partitionByOv(values)[0];
55
+ var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
56
56
  var visibleValues = showNonOv ? values : ovValues;
57
+ var nonVisibleValues = showNonOv ? [] : nonOvValues;
57
58
  var commonProps = {
58
59
  errorMessage: errorMessage,
59
60
  errors: errors,
@@ -83,7 +84,7 @@ var AttributesPager = function (_a) {
83
84
  react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
84
85
  react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
85
86
  default:
86
- 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 }, commonProps)));
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)));
87
88
  }
88
89
  };
89
90
  return renderAttribute();
@@ -1 +1 @@
1
- export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "svg-icon__root" | "attributesWrapper" | "typeError">;
1
+ export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
@@ -27,10 +27,18 @@ exports.useStyles = styles_1.makeStyles(function (theme) { return ({
27
27
  fontSize: '12px',
28
28
  lineHeight: '14px',
29
29
  paddingLeft: '12px',
30
- paddingBottom: '4px',
31
30
  color: theme.palette.text.secondary
32
31
  },
33
32
  typeError: {
34
33
  marginLeft: '12px'
34
+ },
35
+ ovIcon: {
36
+ marginLeft: '8px',
37
+ marginTop: '-1px',
38
+ textIndent: 0
39
+ },
40
+ titleWrapper: {
41
+ flex: 1,
42
+ paddingBottom: '3px'
35
43
  }
36
44
  }); });
@@ -11,8 +11,7 @@ declare type Props = {
11
11
  requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
12
12
  titleClassName?: string;
13
13
  contentClassName?: string;
14
- showTitle?: boolean;
15
14
  showNonOv?: boolean;
16
15
  };
17
- declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: Props) => JSX.Element>;
16
+ declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
18
17
  export default _default;
@@ -41,13 +41,13 @@ var RENDERER_TYPES = {
41
41
  };
42
42
  var AttributesPager = function (_a) {
43
43
  var _b, _c;
44
- var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _f = _a.showTitle, showTitle = _f === void 0 ? true : _f, showNonOv = _a.showNonOv;
44
+ var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
45
45
  var styles = styles_1.useStyles();
46
46
  var partitionByOv = ramda_1.partition(mdm_sdk_1.isOv);
47
47
  if (!values || !values.length) {
48
48
  return null;
49
49
  }
50
- var _g = partitionByOv(values), ovValues = _g[0], nonOvValues = _g[1];
50
+ var _f = partitionByOv(values), ovValues = _f[0], nonOvValues = _f[1];
51
51
  var visibleValues = showNonOv ? values : ovValues;
52
52
  var nonVisibleValues = showNonOv ? [] : nonOvValues;
53
53
  var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
@@ -65,15 +65,15 @@ var AttributesPager = function (_a) {
65
65
  ])(attributeType);
66
66
  switch (type) {
67
67
  case RENDERER_TYPES.oneLine:
68
- return (react_1.default.createElement(OneLineRenderer_1.default, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showTitle: showTitle, showNonOv: showNonOv }));
68
+ return (react_1.default.createElement(OneLineRenderer_1.default, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
69
69
  case RENDERER_TYPES.multiLine:
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, showTitle: showTitle, showNonOv: showNonOv }));
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
- showTitle && react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
73
+ react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
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
- return react_1.default.createElement(SpecialRenderer_1.default, { values: visibleValues, attributeType: attributeType, showTitle: showTitle });
76
+ return react_1.default.createElement(SpecialRenderer_1.default, { values: visibleValues, attributeType: attributeType });
77
77
  }
78
78
  };
79
79
  return (react_1.default.createElement(BranchDecorator_1.default, { enabled: drawLines, className: classnames_1.default((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b)) },
@@ -12,8 +12,7 @@ declare type Props = {
12
12
  requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
13
13
  titleClassName?: string;
14
14
  contentClassName?: string;
15
- showTitle?: boolean;
16
15
  showNonOv: boolean;
17
16
  };
18
- declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
17
+ declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
19
18
  export default MultiLineRenderer;
@@ -32,9 +32,9 @@ var ShowMore_1 = __importDefault(require("../../pagersCommon/ShowMore"));
32
32
  var ShowLess_1 = __importDefault(require("../../pagersCommon/ShowLess"));
33
33
  var OvIcon_1 = __importDefault(require("../../OvIcon"));
34
34
  var MultiLineRenderer = function (_a) {
35
- var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
35
+ var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
36
36
  var styles = styles_1.useMultiLineStyles();
37
- var _c = react_1.useState(max), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
37
+ var _b = react_1.useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
38
38
  var hasPaging = max < totalVisibleValues;
39
39
  var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
40
40
  var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -57,9 +57,9 @@ var MultiLineRenderer = function (_a) {
57
57
  var shownValues = values.slice(0, visibleValuesCount);
58
58
  var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
59
59
  return (react_1.default.createElement("div", { className: styles.wrapper },
60
- showTitle && (react_1.default.createElement("div", { className: styles.titleRow },
60
+ react_1.default.createElement("div", { className: styles.titleRow },
61
61
  react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), attributeType: attributeType }),
62
- react_1.default.createElement(OvIcon_1.default, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }))),
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 })),
65
65
  showLess && react_1.default.createElement(ShowLess_1.default, { onClick: onShowLess })));
@@ -6,9 +6,8 @@ declare type Props = {
6
6
  nonVisibleValues: AttributeValue[];
7
7
  titleClassName?: string;
8
8
  contentClassName?: string;
9
- showTitle?: boolean;
10
9
  showNonOv: boolean;
11
10
  totalNonVisibleValues: number;
12
11
  };
13
- declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
12
+ declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
14
13
  export default OneLineRenderer;
@@ -13,12 +13,12 @@ var OvIcon_1 = __importDefault(require("../../OvIcon"));
13
13
  var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
14
14
  var styles_1 = require("./styles");
15
15
  var OneLineRenderer = function (_a) {
16
- var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
16
+ var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
17
17
  var styles = styles_1.useOneLineStyles();
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
- showTitle && (react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), attributeType: attributeType })),
21
+ react_1.default.createElement(Title_1.default, { label: label, className: classnames_1.default(styles.title, titleClassName), attributeType: attributeType }),
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, {
@@ -3,7 +3,6 @@ import { AttributeType } from '@reltio/mdm-sdk';
3
3
  declare type Props = {
4
4
  values: string[] | number[];
5
5
  attributeType: AttributeType;
6
- showTitle?: boolean;
7
6
  };
8
- declare const SpecialRenderer: ({ values, attributeType, showTitle }: Props) => JSX.Element;
7
+ declare const SpecialRenderer: ({ values, attributeType }: Props) => JSX.Element;
9
8
  export default SpecialRenderer;
@@ -13,7 +13,7 @@ var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
13
13
  var Roles_1 = __importDefault(require("../SpecialAttributes/Roles"));
14
14
  var Tags_1 = __importDefault(require("../SpecialAttributes/Tags"));
15
15
  var SpecialRenderer = function (_a) {
16
- var values = _a.values, attributeType = _a.attributeType, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b;
16
+ var values = _a.values, attributeType = _a.attributeType;
17
17
  var styles = styles_1.useOneLineStyles();
18
18
  var label = attributeType.label;
19
19
  var renderIcon = function (className) {
@@ -33,9 +33,8 @@ var SpecialRenderer = function (_a) {
33
33
  }
34
34
  };
35
35
  return (react_1.default.createElement("div", { className: classnames_1.default(styles.titleRow, styles.wrapper) },
36
- showTitle && (react_1.default.createElement(react_1.default.Fragment, null,
37
- renderIcon(styles.titleIcon),
38
- react_1.default.createElement(Title_1.default, { label: label, className: styles.title, attributeType: attributeType }))),
36
+ renderIcon(styles.titleIcon),
37
+ react_1.default.createElement(Title_1.default, { label: label, className: styles.title, attributeType: attributeType }),
39
38
  renderValue(styles.attribute)));
40
39
  };
41
40
  exports.default = SpecialRenderer;
@@ -1,5 +1,5 @@
1
1
  export { AttributesPager };
2
- declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: {
2
+ declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: {
3
3
  values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
4
4
  attributeType: import("@reltio/mdm-sdk").AttributeType;
5
5
  paging?: import("@reltio/mdm-sdk").Paging;
@@ -9,7 +9,6 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
9
9
  requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
10
10
  titleClassName?: string;
11
11
  contentClassName?: string;
12
- showTitle?: boolean;
13
12
  showNonOv?: boolean;
14
13
  }) => JSX.Element>, import("react-redux").Omit<{
15
14
  values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
@@ -21,7 +20,6 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
21
20
  requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
22
21
  titleClassName?: string;
23
22
  contentClassName?: string;
24
- showTitle?: boolean;
25
23
  showNonOv?: boolean;
26
24
  }, "max" | "requestNextPageOfAttributeValues"> & {
27
25
  max?: any;
@@ -17,7 +17,7 @@ import { isNil } from 'ramda';
17
17
  import Typography from '@material-ui/core/Typography';
18
18
  import Tooltip from '@material-ui/core/Tooltip';
19
19
  import i18n from 'ui-i18n';
20
- import { getLabel, isActiveObject, getScores, getBusinessCardAttributesText, getEntityId } from '@reltio/mdm-sdk';
20
+ import { getLabel, isActiveObject, getScores, getBusinessCardAttributesText, getEntityId, isTempUri } from '@reltio/mdm-sdk';
21
21
  import mdmModule from '@reltio/mdm-module';
22
22
  import EntityAvatar from '../EntityAvatar/EntityAvatar';
23
23
  import Score from '../Score/Score';
@@ -40,6 +40,7 @@ var ProfileBand = function (_a) {
40
40
  var isActive = isActiveObject(entity);
41
41
  var scores = getScores(metadata, entity, scoresToShow);
42
42
  var entityUri = entity.uri;
43
+ var entityId = getEntityId(entity);
43
44
  return (React.createElement("div", { className: classnames(styles.profileBandWrapper, className) },
44
45
  React.createElement("div", { className: classnames(styles.profileBand, (_b = {},
45
46
  _b[styles.inactive] = !isActive,
@@ -54,11 +55,11 @@ var ProfileBand = function (_a) {
54
55
  React.createElement("div", { className: styles.entityType },
55
56
  React.createElement(EntityTypeBadge, { entity: entity, size: "medium", className: styles.badge }),
56
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 }))); }))),
57
- React.createElement(Tooltip, { title: i18n.text('Copy to clipboard') },
58
+ !isTempUri(entityUri) && (React.createElement(Tooltip, { title: i18n.text('Copy to clipboard') },
58
59
  React.createElement(Typography, { display: "inline", variant: "body2", className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
59
60
  i18n.text('Entity ID'),
60
61
  ": ",
61
- getEntityId(entity)))))),
62
+ entityId)))))),
62
63
  children && React.createElement("div", null, children))));
63
64
  };
64
65
  ProfileBand.propTypes = {
@@ -1,8 +1,9 @@
1
1
  /// <reference types="react" />
2
- import { NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
2
+ import { AttributeValue, NestedAttributeValue, ReferenceAttributeValue, SimpleAttributeValue } from '@reltio/mdm-sdk';
3
3
  import { AttributePagerProps } from './index';
4
4
  declare type Props = Required<Omit<AttributePagerProps, 'values'>> & {
5
5
  values: (SimpleAttributeValue | NestedAttributeValue | ReferenceAttributeValue)[];
6
+ nonVisibleValues: AttributeValue[];
6
7
  };
7
- declare const AttributeRenderer: ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props) => JSX.Element;
8
+ declare const AttributeRenderer: ({ max, values, attributeType, parentUri, mode, drawLines, showEmptyEditors, errorMessage, errors, paging, crosswalks, showNonOv, nonVisibleValues, onAddAttributes, onDeleteAttribute, onChangeAttribute, onDeactivateError, additionalControlsRenderer, requestNextPageOfAttributeValues }: Props) => JSX.Element;
8
9
  export default AttributeRenderer;
@@ -11,8 +11,9 @@ import Cardinality from './CardinalityMessage';
11
11
  import { useStyles } from './styles';
12
12
  import { filterNewValues } from './utils';
13
13
  import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
14
+ import OvIcon from '../../OvIcon';
14
15
  var AttributeRenderer = function (_a) {
15
- var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
16
+ var max = _a.max, values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, drawLines = _a.drawLines, showEmptyEditors = _a.showEmptyEditors, errorMessage = _a.errorMessage, errors = _a.errors, paging = _a.paging, crosswalks = _a.crosswalks, showNonOv = _a.showNonOv, nonVisibleValues = _a.nonVisibleValues, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
16
17
  var styles = useStyles();
17
18
  var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
18
19
  var _c = useState(false), hadDeletions = _c[0], setHadDeletions = _c[1];
@@ -48,6 +49,9 @@ var AttributeRenderer = function (_a) {
48
49
  var newValuesCount = (filterNewValues(values) || []).length;
49
50
  var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
50
51
  var totalVisibleValues = ifElse(has(totalProp), pipe(prop(totalProp), add(newValuesCount)), always(values.length))(paging);
52
+ var totalNonVisibleValues = (paging === null || paging === void 0 ? void 0 : paging.totalValues)
53
+ ? paging.totalValues - totalVisibleValues
54
+ : nonVisibleValues === null || nonVisibleValues === void 0 ? void 0 : nonVisibleValues.length;
51
55
  var hasPaging = max < totalVisibleValues;
52
56
  var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
53
57
  var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -71,7 +75,9 @@ var AttributeRenderer = function (_a) {
71
75
  var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
72
76
  return (React.createElement(BranchDecorator, { enabled: drawLines },
73
77
  React.createElement("div", { className: styles.wrapper },
74
- React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
78
+ React.createElement("div", { className: styles.titleWrapper },
79
+ React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
80
+ React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues })),
75
81
  isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
76
82
  isEditableMode && React.createElement(ErrorMessage, { message: errorMessage, className: styles.typeError }),
77
83
  React.createElement("div", { className: styles.attributesWrapper },
@@ -28,8 +28,9 @@ var AttributesPager = function (_a) {
28
28
  var values = _a.values, attributeType = _a.attributeType, _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, crosswalks = _a.crosswalks, drawLines = _a.drawLines, _c = _a.paging, paging = _c === void 0 ? {} : _c, parentUri = _a.parentUri, errors = _a.errors, errorMessage = _a.errorMessage, _d = _a.max, max = _d === void 0 ? Infinity : _d, showEmptyEditors = _a.showEmptyEditors, showNonOv = _a.showNonOv, onAddAttributes = _a.onAddAttributes, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues;
29
29
  var styles = useStyles();
30
30
  var partitionByOv = partition(isOv);
31
- var ovValues = partitionByOv(values)[0];
31
+ var _e = partitionByOv(values), ovValues = _e[0], nonOvValues = _e[1];
32
32
  var visibleValues = showNonOv ? values : ovValues;
33
+ var nonVisibleValues = showNonOv ? [] : nonOvValues;
33
34
  var commonProps = {
34
35
  errorMessage: errorMessage,
35
36
  errors: errors,
@@ -59,7 +60,7 @@ var AttributesPager = function (_a) {
59
60
  React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
60
61
  React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
61
62
  default:
62
- return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }, commonProps)));
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)));
63
64
  }
64
65
  };
65
66
  return renderAttribute();
@@ -1 +1 @@
1
- export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "svg-icon__root" | "attributesWrapper" | "typeError">;
1
+ export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"caption" | "title" | "link" | "wrapper" | "ovIcon" | "svg-icon__root" | "attributesWrapper" | "typeError" | "titleWrapper">;
@@ -24,10 +24,18 @@ export var useStyles = makeStyles(function (theme) { return ({
24
24
  fontSize: '12px',
25
25
  lineHeight: '14px',
26
26
  paddingLeft: '12px',
27
- paddingBottom: '4px',
28
27
  color: theme.palette.text.secondary
29
28
  },
30
29
  typeError: {
31
30
  marginLeft: '12px'
31
+ },
32
+ ovIcon: {
33
+ marginLeft: '8px',
34
+ marginTop: '-1px',
35
+ textIndent: 0
36
+ },
37
+ titleWrapper: {
38
+ flex: 1,
39
+ paddingBottom: '3px'
32
40
  }
33
41
  }); });
@@ -11,8 +11,7 @@ declare type Props = {
11
11
  requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
12
12
  titleClassName?: string;
13
13
  contentClassName?: string;
14
- showTitle?: boolean;
15
14
  showNonOv?: boolean;
16
15
  };
17
- declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: Props) => JSX.Element>;
16
+ declare const _default: React.MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: Props) => JSX.Element>;
18
17
  export default _default;
@@ -17,13 +17,13 @@ var RENDERER_TYPES = {
17
17
  };
18
18
  var AttributesPager = function (_a) {
19
19
  var _b, _c;
20
- var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _f = _a.showTitle, showTitle = _f === void 0 ? true : _f, showNonOv = _a.showNonOv;
20
+ var values = _a.values, attributeType = _a.attributeType, drawLines = _a.drawLines, _d = _a.paging, paging = _d === void 0 ? {} : _d, parentUri = _a.parentUri, _e = _a.max, max = _e === void 0 ? Infinity : _e, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv;
21
21
  var styles = useStyles();
22
22
  var partitionByOv = partition(isOv);
23
23
  if (!values || !values.length) {
24
24
  return null;
25
25
  }
26
- var _g = partitionByOv(values), ovValues = _g[0], nonOvValues = _g[1];
26
+ var _f = partitionByOv(values), ovValues = _f[0], nonOvValues = _f[1];
27
27
  var visibleValues = showNonOv ? values : ovValues;
28
28
  var nonVisibleValues = showNonOv ? [] : nonOvValues;
29
29
  var totalProp = showNonOv ? 'totalValues' : 'totalOvValues';
@@ -41,15 +41,15 @@ var AttributesPager = function (_a) {
41
41
  ])(attributeType);
42
42
  switch (type) {
43
43
  case RENDERER_TYPES.oneLine:
44
- return (React.createElement(OneLineRenderer, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showTitle: showTitle, showNonOv: showNonOv }));
44
+ return (React.createElement(OneLineRenderer, { value: visibleValues[0], nonVisibleValues: nonVisibleValues, totalNonVisibleValues: totalNonVisibleValues, attributeType: attributeType, titleClassName: titleClassName, contentClassName: contentClassName, showNonOv: showNonOv }));
45
45
  case RENDERER_TYPES.multiLine:
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, showTitle: showTitle, showNonOv: showNonOv }));
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
- showTitle && React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
49
+ React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
50
50
  React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, parentUri: parentUri, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv })));
51
51
  case RENDERER_TYPES.special:
52
- return React.createElement(SpecialRenderer, { values: visibleValues, attributeType: attributeType, showTitle: showTitle });
52
+ return React.createElement(SpecialRenderer, { values: visibleValues, attributeType: attributeType });
53
53
  }
54
54
  };
55
55
  return (React.createElement(BranchDecorator, { enabled: drawLines, className: classnames((_b = {}, _b[styles.paddingWrapperWithLines] = drawLines, _b)) },
@@ -12,8 +12,7 @@ declare type Props = {
12
12
  requestNextPageOfAttributeValues: (payload: RequestNextPageOfAttributeValuesPayload) => void;
13
13
  titleClassName?: string;
14
14
  contentClassName?: string;
15
- showTitle?: boolean;
16
15
  showNonOv: boolean;
17
16
  };
18
- declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
17
+ declare const MultiLineRenderer: ({ max, values, nonVisibleValues, totalVisibleValues, attributeType, parentUri, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
19
18
  export default MultiLineRenderer;
@@ -8,9 +8,9 @@ import ShowMore from '../../pagersCommon/ShowMore';
8
8
  import ShowLess from '../../pagersCommon/ShowLess';
9
9
  import OvIcon from '../../OvIcon';
10
10
  var MultiLineRenderer = function (_a) {
11
- var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
11
+ var max = _a.max, values = _a.values, nonVisibleValues = _a.nonVisibleValues, totalVisibleValues = _a.totalVisibleValues, attributeType = _a.attributeType, parentUri = _a.parentUri, requestNextPageOfAttributeValues = _a.requestNextPageOfAttributeValues, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
12
12
  var styles = useMultiLineStyles();
13
- var _c = useState(max), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
13
+ var _b = useState(max), visibleValuesCount = _b[0], setVisibleValuesCount = _b[1];
14
14
  var hasPaging = max < totalVisibleValues;
15
15
  var showMore = hasPaging && visibleValuesCount < totalVisibleValues;
16
16
  var showLess = hasPaging && visibleValuesCount >= totalVisibleValues;
@@ -33,9 +33,9 @@ var MultiLineRenderer = function (_a) {
33
33
  var shownValues = values.slice(0, visibleValuesCount);
34
34
  var hiddenValuesCount = totalVisibleValues - visibleValuesCount;
35
35
  return (React.createElement("div", { className: styles.wrapper },
36
- showTitle && (React.createElement("div", { className: styles.titleRow },
36
+ React.createElement("div", { className: styles.titleRow },
37
37
  React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), attributeType: attributeType }),
38
- React.createElement(OvIcon, { nonOvValues: nonVisibleValues, attributeType: attributeType, className: styles.ovIcon, nonOvTotal: totalNonVisibleValues }))),
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 })),
41
41
  showLess && React.createElement(ShowLess, { onClick: onShowLess })));
@@ -6,9 +6,8 @@ declare type Props = {
6
6
  nonVisibleValues: AttributeValue[];
7
7
  titleClassName?: string;
8
8
  contentClassName?: string;
9
- showTitle?: boolean;
10
9
  showNonOv: boolean;
11
10
  totalNonVisibleValues: number;
12
11
  };
13
- declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showTitle, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
12
+ declare const OneLineRenderer: ({ value, nonVisibleValues, attributeType, titleClassName, contentClassName, showNonOv, totalNonVisibleValues }: Props) => JSX.Element;
14
13
  export default OneLineRenderer;
@@ -8,12 +8,12 @@ import OvIcon from '../../OvIcon';
8
8
  import Attribute from '../AttributesFactory/Attribute';
9
9
  import { useOneLineStyles } from './styles';
10
10
  var OneLineRenderer = function (_a) {
11
- var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
11
+ var value = _a.value, nonVisibleValues = _a.nonVisibleValues, attributeType = _a.attributeType, titleClassName = _a.titleClassName, contentClassName = _a.contentClassName, showNonOv = _a.showNonOv, totalNonVisibleValues = _a.totalNonVisibleValues;
12
12
  var styles = useOneLineStyles();
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
- showTitle && (React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), attributeType: attributeType })),
16
+ React.createElement(Title, { label: label, className: classnames(styles.title, titleClassName), attributeType: attributeType }),
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, {
@@ -3,7 +3,6 @@ import { AttributeType } from '@reltio/mdm-sdk';
3
3
  declare type Props = {
4
4
  values: string[] | number[];
5
5
  attributeType: AttributeType;
6
- showTitle?: boolean;
7
6
  };
8
- declare const SpecialRenderer: ({ values, attributeType, showTitle }: Props) => JSX.Element;
7
+ declare const SpecialRenderer: ({ values, attributeType }: Props) => JSX.Element;
9
8
  export default SpecialRenderer;
@@ -8,7 +8,7 @@ import Attribute from '../AttributesFactory/Attribute';
8
8
  import Roles from '../SpecialAttributes/Roles';
9
9
  import Tags from '../SpecialAttributes/Tags';
10
10
  var SpecialRenderer = function (_a) {
11
- var values = _a.values, attributeType = _a.attributeType, _b = _a.showTitle, showTitle = _b === void 0 ? true : _b;
11
+ var values = _a.values, attributeType = _a.attributeType;
12
12
  var styles = useOneLineStyles();
13
13
  var label = attributeType.label;
14
14
  var renderIcon = function (className) {
@@ -28,9 +28,8 @@ var SpecialRenderer = function (_a) {
28
28
  }
29
29
  };
30
30
  return (React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
31
- showTitle && (React.createElement(React.Fragment, null,
32
- renderIcon(styles.titleIcon),
33
- React.createElement(Title, { label: label, className: styles.title, attributeType: attributeType }))),
31
+ renderIcon(styles.titleIcon),
32
+ React.createElement(Title, { label: label, className: styles.title, attributeType: attributeType }),
34
33
  renderValue(styles.attribute)));
35
34
  };
36
35
  export default SpecialRenderer;
@@ -1,5 +1,5 @@
1
1
  export { AttributesPager };
2
- declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showTitle, showNonOv }: {
2
+ declare var _default: import("react-redux").ConnectedComponent<import("react").MemoExoticComponent<({ values, attributeType, drawLines, paging, parentUri, max, requestNextPageOfAttributeValues, titleClassName, contentClassName, showNonOv }: {
3
3
  values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
4
4
  attributeType: import("@reltio/mdm-sdk").AttributeType;
5
5
  paging?: import("@reltio/mdm-sdk").Paging;
@@ -9,7 +9,6 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
9
9
  requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
10
10
  titleClassName?: string;
11
11
  contentClassName?: string;
12
- showTitle?: boolean;
13
12
  showNonOv?: boolean;
14
13
  }) => JSX.Element>, import("react-redux").Omit<{
15
14
  values: (string | number | import("@reltio/mdm-sdk").AttributeValue)[];
@@ -21,7 +20,6 @@ declare var _default: import("react-redux").ConnectedComponent<import("react").M
21
20
  requestNextPageOfAttributeValues: (payload: import("@reltio/mdm-module").RequestNextPageOfAttributeValuesPayload) => void;
22
21
  titleClassName?: string;
23
22
  contentClassName?: string;
24
- showTitle?: boolean;
25
23
  showNonOv?: boolean;
26
24
  }, "max" | "requestNextPageOfAttributeValues"> & {
27
25
  max?: any;
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.945",
3
+ "version": "1.4.948",
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.945",
11
- "@reltio/mdm-sdk": "^1.4.945",
10
+ "@reltio/mdm-module": "^1.4.948",
11
+ "@reltio/mdm-sdk": "^1.4.948",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",