@reltio/components 1.4.930 → 1.4.933
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/AutoSizeList/AutoSizeList.js +1 -1
- package/cjs/components/attributes/editMode/AttributesPager/AttributesPager.js +3 -2
- package/cjs/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts +4 -1
- package/cjs/components/attributes/editMode/AttributesPager/SpecialRenderer.js +10 -2
- package/esm/components/AutoSizeList/AutoSizeList.js +1 -1
- package/esm/components/attributes/editMode/AttributesPager/AttributesPager.js +3 -2
- package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts +4 -1
- package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.js +12 -4
- package/package.json +3 -3
|
@@ -58,7 +58,7 @@ var AutoSizeList = function (_a) {
|
|
|
58
58
|
var data = _a.data, index = _a.index, style = _a.style;
|
|
59
59
|
var key = getItemKey(index);
|
|
60
60
|
return (react_1.default.createElement("div", { style: style, className: styles.item },
|
|
61
|
-
react_1.default.createElement("div", { style: { visibility: key in rowHeights ?
|
|
61
|
+
react_1.default.createElement("div", { style: { visibility: key in rowHeights ? undefined : 'hidden' } },
|
|
62
62
|
react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: function (_, height) {
|
|
63
63
|
if (rowHeightsCache.current[key] !== height) {
|
|
64
64
|
cacheRowHeight(key, height);
|
|
@@ -63,7 +63,8 @@ var AttributesPager = function (_a) {
|
|
|
63
63
|
onDeleteAttribute: onDeleteAttribute,
|
|
64
64
|
onChangeAttribute: onChangeAttribute,
|
|
65
65
|
onDeactivateError: onDeactivateError,
|
|
66
|
-
additionalControlsRenderer: additionalControlsRenderer
|
|
66
|
+
additionalControlsRenderer: additionalControlsRenderer,
|
|
67
|
+
showEmptyEditors: showEmptyEditors
|
|
67
68
|
};
|
|
68
69
|
var renderAttribute = function () {
|
|
69
70
|
var type = ramda_1.cond([
|
|
@@ -82,7 +83,7 @@ var AttributesPager = function (_a) {
|
|
|
82
83
|
react_1.default.createElement(Title_1.default, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
|
|
83
84
|
react_1.default.createElement(ImageAttributesLine_1.default, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
|
|
84
85
|
default:
|
|
85
|
-
return (react_1.default.createElement(AttributeRenderer_1.default, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks,
|
|
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)));
|
|
86
87
|
}
|
|
87
88
|
};
|
|
88
89
|
return renderAttribute();
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { AttributeType, Mode } from '@reltio/mdm-sdk';
|
|
3
|
+
import { AttributeItem } from './index';
|
|
3
4
|
declare type Props = {
|
|
4
5
|
values: string[] | number[];
|
|
5
6
|
attributeType: AttributeType;
|
|
6
7
|
parentUri: string;
|
|
7
8
|
mode: Mode;
|
|
8
9
|
errorMessage?: string;
|
|
10
|
+
onDeleteAttribute: (param: AttributeItem) => void;
|
|
11
|
+
showEmptyEditors?: boolean;
|
|
9
12
|
};
|
|
10
|
-
declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, ...otherProps }: Props) => JSX.Element;
|
|
13
|
+
declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, showEmptyEditors, ...otherProps }: Props) => JSX.Element;
|
|
11
14
|
export default SpecialRenderer;
|
|
@@ -46,6 +46,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
47
|
var react_1 = __importStar(require("react"));
|
|
48
48
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
49
|
+
var ramda_1 = require("ramda");
|
|
49
50
|
var Box_1 = __importDefault(require("@material-ui/core/Box"));
|
|
50
51
|
var Title_1 = __importDefault(require("../../../Title/Title"));
|
|
51
52
|
var CardinalityMessage_1 = __importDefault(require("./CardinalityMessage"));
|
|
@@ -55,10 +56,14 @@ var Roles_1 = require("../Roles/Roles");
|
|
|
55
56
|
var Tags_1 = __importDefault(require("../Tags"));
|
|
56
57
|
var styles_1 = require("./styles");
|
|
57
58
|
var SpecialRenderer = function (_a) {
|
|
58
|
-
var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage"]);
|
|
59
|
+
var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, showEmptyEditors = _a.showEmptyEditors, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "showEmptyEditors"]);
|
|
59
60
|
var styles = styles_1.useStyles();
|
|
60
61
|
var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality;
|
|
61
62
|
var isEditableMode = mdm_sdk_1.isEditableMode(mode);
|
|
63
|
+
var _b = react_1.useState(false), hadDeletions = _b[0], setHadDeletions = _b[1];
|
|
64
|
+
var onDelete = react_1.useCallback(ramda_1.pipe(onDeleteAttribute, ramda_1.T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
|
|
65
|
+
var isEmptyValues = mdm_sdk_1.isEmptyValue(values);
|
|
66
|
+
var showEmpty = !hadDeletions && showEmptyEditors && isEmptyValues;
|
|
62
67
|
var emptyEditorValue = react_1.useRef(mdm_sdk_1.createNewAttribute({
|
|
63
68
|
parentUri: parentUri,
|
|
64
69
|
attributeType: attributeType
|
|
@@ -73,10 +78,13 @@ var SpecialRenderer = function (_a) {
|
|
|
73
78
|
default: {
|
|
74
79
|
//startDate, endDate
|
|
75
80
|
var value = __assign(__assign({}, emptyEditorValue.current), { value: values[0] || '' });
|
|
76
|
-
return react_1.default.createElement(Attribute_1.default, __assign({ attributeValue: value, attributeType: attributeType, mode: mode }, otherProps));
|
|
81
|
+
return (react_1.default.createElement(Attribute_1.default, __assign({ attributeValue: value, attributeType: attributeType, mode: mode, onDeleteAttribute: onDelete }, otherProps)));
|
|
77
82
|
}
|
|
78
83
|
}
|
|
79
84
|
};
|
|
85
|
+
if (mdm_sdk_1.isActivenessAttrType(attributeType) && isEmptyValues && !showEmpty) {
|
|
86
|
+
return null;
|
|
87
|
+
}
|
|
80
88
|
return (react_1.default.createElement(Box_1.default, { className: styles.wrapper },
|
|
81
89
|
react_1.default.createElement(Title_1.default, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
|
|
82
90
|
isEditableMode && react_1.default.createElement(CardinalityMessage_1.default, { cardinality: cardinality }),
|
|
@@ -34,7 +34,7 @@ var AutoSizeList = function (_a) {
|
|
|
34
34
|
var data = _a.data, index = _a.index, style = _a.style;
|
|
35
35
|
var key = getItemKey(index);
|
|
36
36
|
return (React.createElement("div", { style: style, className: styles.item },
|
|
37
|
-
React.createElement("div", { style: { visibility: key in rowHeights ?
|
|
37
|
+
React.createElement("div", { style: { visibility: key in rowHeights ? undefined : 'hidden' } },
|
|
38
38
|
React.createElement(ReactResizeDetector, { handleHeight: true, onResize: function (_, height) {
|
|
39
39
|
if (rowHeightsCache.current[key] !== height) {
|
|
40
40
|
cacheRowHeight(key, height);
|
|
@@ -39,7 +39,8 @@ var AttributesPager = function (_a) {
|
|
|
39
39
|
onDeleteAttribute: onDeleteAttribute,
|
|
40
40
|
onChangeAttribute: onChangeAttribute,
|
|
41
41
|
onDeactivateError: onDeactivateError,
|
|
42
|
-
additionalControlsRenderer: additionalControlsRenderer
|
|
42
|
+
additionalControlsRenderer: additionalControlsRenderer,
|
|
43
|
+
showEmptyEditors: showEmptyEditors
|
|
43
44
|
};
|
|
44
45
|
var renderAttribute = function () {
|
|
45
46
|
var type = cond([
|
|
@@ -58,7 +59,7 @@ var AttributesPager = function (_a) {
|
|
|
58
59
|
React.createElement(Title, { label: attributeType === null || attributeType === void 0 ? void 0 : attributeType.label, attributeType: attributeType }),
|
|
59
60
|
React.createElement(ImageAttributesLine, { attributeValues: visibleValues, attributeType: attributeType, paging: paging, onDeleteAttribute: onDeleteAttribute, parentUri: parentUri, onChangeAttribute: onChangeAttribute, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }))));
|
|
60
61
|
default:
|
|
61
|
-
return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks,
|
|
62
|
+
return (React.createElement(AttributeRenderer, __assign({ values: visibleValues, attributeType: attributeType, max: max, paging: paging, crosswalks: crosswalks, drawLines: drawLines, requestNextPageOfAttributeValues: requestNextPageOfAttributeValues, showNonOv: showNonOv }, commonProps)));
|
|
62
63
|
}
|
|
63
64
|
};
|
|
64
65
|
return renderAttribute();
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { AttributeType, Mode } from '@reltio/mdm-sdk';
|
|
3
|
+
import { AttributeItem } from './index';
|
|
3
4
|
declare type Props = {
|
|
4
5
|
values: string[] | number[];
|
|
5
6
|
attributeType: AttributeType;
|
|
6
7
|
parentUri: string;
|
|
7
8
|
mode: Mode;
|
|
8
9
|
errorMessage?: string;
|
|
10
|
+
onDeleteAttribute: (param: AttributeItem) => void;
|
|
11
|
+
showEmptyEditors?: boolean;
|
|
9
12
|
};
|
|
10
|
-
declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, ...otherProps }: Props) => JSX.Element;
|
|
13
|
+
declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, showEmptyEditors, ...otherProps }: Props) => JSX.Element;
|
|
11
14
|
export default SpecialRenderer;
|
|
@@ -20,8 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React, { useRef } from 'react';
|
|
24
|
-
import { createNewAttribute, EntityAttrTypes, isEditableMode as checkIsEditableMode } from '@reltio/mdm-sdk';
|
|
23
|
+
import React, { useCallback, useRef, useState } from 'react';
|
|
24
|
+
import { createNewAttribute, EntityAttrTypes, isEditableMode as checkIsEditableMode, isEmptyValue, isActivenessAttrType } from '@reltio/mdm-sdk';
|
|
25
|
+
import { pipe, T } from 'ramda';
|
|
25
26
|
import Box from '@material-ui/core/Box';
|
|
26
27
|
import Title from '../../../Title/Title';
|
|
27
28
|
import Cardinality from './CardinalityMessage';
|
|
@@ -31,10 +32,14 @@ import { Roles } from '../Roles/Roles';
|
|
|
31
32
|
import Tags from '../Tags';
|
|
32
33
|
import { useStyles } from './styles';
|
|
33
34
|
var SpecialRenderer = function (_a) {
|
|
34
|
-
var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage"]);
|
|
35
|
+
var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, showEmptyEditors = _a.showEmptyEditors, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "showEmptyEditors"]);
|
|
35
36
|
var styles = useStyles();
|
|
36
37
|
var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality;
|
|
37
38
|
var isEditableMode = checkIsEditableMode(mode);
|
|
39
|
+
var _b = useState(false), hadDeletions = _b[0], setHadDeletions = _b[1];
|
|
40
|
+
var onDelete = useCallback(pipe(onDeleteAttribute, T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
|
|
41
|
+
var isEmptyValues = isEmptyValue(values);
|
|
42
|
+
var showEmpty = !hadDeletions && showEmptyEditors && isEmptyValues;
|
|
38
43
|
var emptyEditorValue = useRef(createNewAttribute({
|
|
39
44
|
parentUri: parentUri,
|
|
40
45
|
attributeType: attributeType
|
|
@@ -49,10 +54,13 @@ var SpecialRenderer = function (_a) {
|
|
|
49
54
|
default: {
|
|
50
55
|
//startDate, endDate
|
|
51
56
|
var value = __assign(__assign({}, emptyEditorValue.current), { value: values[0] || '' });
|
|
52
|
-
return React.createElement(Attribute, __assign({ attributeValue: value, attributeType: attributeType, mode: mode }, otherProps));
|
|
57
|
+
return (React.createElement(Attribute, __assign({ attributeValue: value, attributeType: attributeType, mode: mode, onDeleteAttribute: onDelete }, otherProps)));
|
|
53
58
|
}
|
|
54
59
|
}
|
|
55
60
|
};
|
|
61
|
+
if (isActivenessAttrType(attributeType) && isEmptyValues && !showEmpty) {
|
|
62
|
+
return null;
|
|
63
|
+
}
|
|
56
64
|
return (React.createElement(Box, { className: styles.wrapper },
|
|
57
65
|
React.createElement(Title, { label: label, isRequired: isRequired, className: styles.title, attributeType: attributeType }),
|
|
58
66
|
isEditableMode && React.createElement(Cardinality, { cardinality: cardinality }),
|
package/package.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.933",
|
|
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.933",
|
|
11
|
+
"@reltio/mdm-sdk": "^1.4.933",
|
|
12
12
|
"classnames": "^2.2.5",
|
|
13
13
|
"d3-cloud": "^1.2.5",
|
|
14
14
|
"d3-geo": "^2.0.1",
|