@reltio/components 1.4.947 → 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.
- package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts +3 -2
- package/cjs/components/attributes/editMode/AttributesPager/AttributeRenderer.js +8 -2
- package/cjs/components/attributes/editMode/AttributesPager/AttributesPager.js +3 -2
- package/cjs/components/attributes/editMode/AttributesPager/styles.d.ts +1 -1
- package/cjs/components/attributes/editMode/AttributesPager/styles.js +9 -1
- package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.d.ts +1 -2
- package/cjs/components/attributes/readMode/AttributesPager/AttributesPager.js +6 -6
- package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts +1 -2
- package/cjs/components/attributes/readMode/AttributesPager/MultiLineRenderer.js +4 -4
- package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.d.ts +1 -2
- package/cjs/components/attributes/readMode/AttributesPager/OneLineRenderer.js +2 -2
- package/cjs/components/attributes/readMode/AttributesPager/SpecialRenderer.d.ts +1 -2
- package/cjs/components/attributes/readMode/AttributesPager/SpecialRenderer.js +3 -4
- package/cjs/components/attributes/readMode/AttributesPager/index.d.ts +1 -3
- package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.d.ts +3 -2
- package/esm/components/attributes/editMode/AttributesPager/AttributeRenderer.js +8 -2
- package/esm/components/attributes/editMode/AttributesPager/AttributesPager.js +3 -2
- package/esm/components/attributes/editMode/AttributesPager/styles.d.ts +1 -1
- package/esm/components/attributes/editMode/AttributesPager/styles.js +9 -1
- package/esm/components/attributes/readMode/AttributesPager/AttributesPager.d.ts +1 -2
- package/esm/components/attributes/readMode/AttributesPager/AttributesPager.js +6 -6
- package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.d.ts +1 -2
- package/esm/components/attributes/readMode/AttributesPager/MultiLineRenderer.js +4 -4
- package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.d.ts +1 -2
- package/esm/components/attributes/readMode/AttributesPager/OneLineRenderer.js +2 -2
- package/esm/components/attributes/readMode/AttributesPager/SpecialRenderer.d.ts +1 -2
- package/esm/components/attributes/readMode/AttributesPager/SpecialRenderer.js +3 -4
- package/esm/components/attributes/readMode/AttributesPager/index.d.ts +1 -3
- package/package.json +3 -3
|
@@ -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(
|
|
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
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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
|
-
|
|
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
|
|
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,
|
|
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,
|
|
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
|
|
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
|
-
|
|
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,
|
|
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,
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
37
|
-
|
|
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,
|
|
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;
|
|
@@ -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(
|
|
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
|
|
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,
|
|
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,
|
|
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
|
|
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,
|
|
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,
|
|
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
|
-
|
|
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
|
|
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,
|
|
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,
|
|
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
|
|
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
|
-
|
|
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,
|
|
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,
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
32
|
-
|
|
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,
|
|
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.
|
|
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.
|
|
11
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
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",
|