@reltio/components 1.4.1918 → 1.4.1920

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 (9) hide show
  1. package/cjs/NumberEditor/NumberEditor.test.js +165 -69
  2. package/cjs/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js +1 -3
  3. package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.js +1 -3
  4. package/cjs/SimpleAttribute/SimpleAttribute.js +1 -3
  5. package/esm/NumberEditor/NumberEditor.test.js +165 -69
  6. package/esm/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js +2 -4
  7. package/esm/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.js +2 -4
  8. package/esm/SimpleAttribute/SimpleAttribute.js +2 -4
  9. package/package.json +3 -3
package/cjs/NumberEditor/NumberEditor.test.js CHANGED
@@ -1,91 +1,187 @@
1
1
  "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
14
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
15
+ return new (P || (P = Promise))(function (resolve, reject) {
16
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
17
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
18
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
19
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
20
+ });
21
+ };
22
+ var __generator = (this && this.__generator) || function (thisArg, body) {
23
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
24
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
25
+ function verb(n) { return function (v) { return step([n, v]); }; }
26
+ function step(op) {
27
+ if (f) throw new TypeError("Generator is already executing.");
28
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
29
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
30
+ if (y = 0, t) op = [op[0] & 2, t.value];
31
+ switch (op[0]) {
32
+ case 0: case 1: t = op; break;
33
+ case 4: _.label++; return { value: op[1], done: false };
34
+ case 5: _.label++; y = op[1]; op = [0]; continue;
35
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
36
+ default:
37
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
38
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
39
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
40
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
41
+ if (t[2]) _.ops.pop();
42
+ _.trys.pop(); continue;
43
+ }
44
+ op = body.call(thisArg, _);
45
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
46
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
47
+ }
48
+ };
2
49
  var __importDefault = (this && this.__importDefault) || function (mod) {
3
50
  return (mod && mod.__esModule) ? mod : { "default": mod };
4
51
  };
5
52
  Object.defineProperty(exports, "__esModule", { value: true });
6
- var enzyme_1 = require("enzyme");
7
- var react_number_format_1 = __importDefault(require("react-number-format"));
8
53
  var react_1 = __importDefault(require("react"));
9
- var TextEditor_1 = require("../TextEditor");
54
+ var react_2 = require("@testing-library/react");
55
+ var user_event_1 = __importDefault(require("@testing-library/user-event"));
10
56
  var NumberEditor_1 = require("./NumberEditor");
11
57
  describe('NumberEditor', function () {
12
- it('should render TextEditor with NumberFormat as input', function () {
13
- var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, null));
14
- expect(wrapper.find(TextEditor_1.TextEditor)).toHaveLength(1);
15
- expect(wrapper.find(react_number_format_1.default)).toHaveLength(1);
58
+ var defaultProps = { value: undefined, onChange: jest.fn() };
59
+ var setUp = function (_a) {
60
+ var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? {} : _c;
61
+ var user = user_event_1.default.setup();
62
+ return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(NumberEditor_1.NumberEditor, __assign({}, defaultProps, props))));
63
+ };
64
+ beforeEach(function () {
65
+ jest.clearAllMocks();
66
+ });
67
+ it('should render input', function () {
68
+ setUp();
69
+ expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
16
70
  });
17
71
  it('should show correct value if it is 0', function () {
18
- var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { value: 0 }));
19
- expect(wrapper.find('input').prop('value')).toBe('0');
72
+ setUp({ props: { value: 0 } });
73
+ expect(react_2.screen.getByRole('textbox')).toHaveValue('0');
20
74
  });
21
75
  describe('single mode', function () {
22
76
  it('should format value', function () {
23
- var format = {
24
- prefix: '<',
25
- suffix: '>',
26
- thousandSeparator: ',',
27
- decimalSeparator: '_'
77
+ var props = {
78
+ value: '-1234.5',
79
+ format: {
80
+ prefix: '<',
81
+ suffix: '>',
82
+ thousandSeparator: ',',
83
+ decimalSeparator: '_'
84
+ }
28
85
  };
29
- var value = '-1234.5', formattedValue = '-<1,234_5>';
30
- var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { format: format, value: value }));
31
- expect(wrapper.find('input').prop('value')).toBe(formattedValue);
32
- });
33
- it('should call props.onChange with actual value', function () {
34
- var value = '<-123,456abc_78>', onChange = jest.fn();
35
- var format = {
36
- prefix: '<',
37
- suffix: '>',
38
- thousandSeparator: ',',
39
- decimalSeparator: '_'
40
- };
41
- var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { format: format, onChange: onChange }));
42
- var input = wrapper.find('input');
43
- input.simulate('change', { target: { value: value, focus: function () { } } });
44
- input.simulate('blur');
45
- expect(onChange).toBeCalledWith('-123456.78');
46
- });
47
- it('should discard fraction part if integer', function () {
48
- var value = '123.45', onChange = jest.fn();
49
- var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { integer: true, onChange: onChange }));
50
- var input = wrapper.find('input');
51
- input.simulate('change', { target: { value: value, focus: function () { } } });
52
- input.simulate('blur');
53
- expect(onChange).toBeCalledWith('123');
86
+ setUp({ props: props });
87
+ expect(react_2.screen.getByRole('textbox')).toHaveValue('-<1,234_5>');
54
88
  });
89
+ it('should call props.onChange with actual value', function () { return __awaiter(void 0, void 0, void 0, function () {
90
+ var props, user;
91
+ return __generator(this, function (_a) {
92
+ switch (_a.label) {
93
+ case 0:
94
+ props = {
95
+ format: {
96
+ prefix: '<',
97
+ suffix: '>',
98
+ thousandSeparator: ',',
99
+ decimalSeparator: '_'
100
+ }
101
+ };
102
+ user = setUp({ props: props }).user;
103
+ return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '<-123,456abc_78>{enter}')];
104
+ case 1:
105
+ _a.sent();
106
+ expect(defaultProps.onChange).toBeCalledWith('-123456.78');
107
+ return [2 /*return*/];
108
+ }
109
+ });
110
+ }); });
111
+ it('should discard fraction part if integer', function () { return __awaiter(void 0, void 0, void 0, function () {
112
+ var props, user;
113
+ return __generator(this, function (_a) {
114
+ switch (_a.label) {
115
+ case 0:
116
+ props = {
117
+ value: 123.45,
118
+ integer: true
119
+ };
120
+ user = setUp({ props: props }).user;
121
+ return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '{enter}')];
122
+ case 1:
123
+ _a.sent();
124
+ expect(defaultProps.onChange).toBeCalledWith('123');
125
+ return [2 /*return*/];
126
+ }
127
+ });
128
+ }); });
55
129
  });
56
130
  describe('multiple mode', function () {
57
131
  it('should format value', function () {
58
- var format = {
59
- prefix: '<',
60
- suffix: '>',
61
- thousandSeparator: ',',
62
- decimalSeparator: '_'
132
+ var props = {
133
+ value: '-1234.5',
134
+ multiple: true,
135
+ format: {
136
+ prefix: '<',
137
+ suffix: '>',
138
+ thousandSeparator: ',',
139
+ decimalSeparator: '_'
140
+ }
63
141
  };
64
- var value = '-1234.5', formattedValue = '<-1,234_5>';
65
- var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { multiple: true, format: format, value: [value] }));
66
- expect(wrapper.text()).toBe(formattedValue);
67
- });
68
- it('should call props.onChange with actual value', function () {
69
- var onChange = jest.fn();
70
- var value = '<-123,456abc_78>';
71
- var format = {
72
- prefix: '<',
73
- suffix: '>',
74
- thousandSeparator: ',',
75
- decimalSeparator: '_'
76
- };
77
- var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { multiple: true, format: format, onChange: onChange }));
78
- wrapper.find('input').simulate('change', { target: { value: value, focus: function () { } } });
79
- wrapper.find('input').simulate('keyPress', { key: 'Enter' });
80
- expect(onChange).toBeCalledWith(['-123456.78']);
81
- });
82
- it('should discard fraction part if integer', function () {
83
- var value = '123.45';
84
- var onChange = jest.fn();
85
- var wrapper = (0, enzyme_1.mount)(react_1.default.createElement(NumberEditor_1.NumberEditor, { multiple: true, integer: true, onChange: onChange }));
86
- wrapper.find('input').simulate('change', { target: { value: value, focus: function () { } } });
87
- wrapper.find('input').simulate('keyPress', { key: 'Enter' });
88
- expect(onChange).toBeCalledWith(['123']);
142
+ setUp({ props: props });
143
+ expect(react_2.screen.getByText('<-1,234_5>')).toBeInTheDocument();
89
144
  });
145
+ it('should call props.onChange with actual value', function () { return __awaiter(void 0, void 0, void 0, function () {
146
+ var props, user;
147
+ return __generator(this, function (_a) {
148
+ switch (_a.label) {
149
+ case 0:
150
+ props = {
151
+ multiple: true,
152
+ format: {
153
+ prefix: '<',
154
+ suffix: '>',
155
+ thousandSeparator: ',',
156
+ decimalSeparator: '_'
157
+ }
158
+ };
159
+ user = setUp({ props: props }).user;
160
+ return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '<-123,456abc_78>{enter}')];
161
+ case 1:
162
+ _a.sent();
163
+ expect(defaultProps.onChange).toBeCalledWith(['-123456.78']);
164
+ return [2 /*return*/];
165
+ }
166
+ });
167
+ }); });
168
+ it('should discard fraction part if integer', function () { return __awaiter(void 0, void 0, void 0, function () {
169
+ var props, user;
170
+ return __generator(this, function (_a) {
171
+ switch (_a.label) {
172
+ case 0:
173
+ props = {
174
+ multiple: true,
175
+ integer: true
176
+ };
177
+ user = setUp({ props: props }).user;
178
+ return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), '123.45{enter}')];
179
+ case 1:
180
+ _a.sent();
181
+ expect(defaultProps.onChange).toBeCalledWith(['12345']);
182
+ return [2 /*return*/];
183
+ }
184
+ });
185
+ }); });
90
186
  });
91
187
  });
package/cjs/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js CHANGED
@@ -45,9 +45,7 @@ var OneLineRenderer = function (_a) {
45
45
  var label = attributeType.label, description = attributeType.description;
46
46
  var controlAttributes = (0, MdmModuleContext_1.useMdmControlAttributes)();
47
47
  var isControlAttribute = (0, react_1.useMemo)(function () { return controlAttributes.includes(attributeType.uri); }, [controlAttributes, attributeType.uri]);
48
- var objectType = (0, mdm_sdk_1.isRelationUri)(value.uri)
49
- ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
50
- : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
48
+ var objectType = (0, mdm_sdk_1.getObjectTypeByAttributeUri)(value.uri);
51
49
  return (react_1.default.createElement("div", { "data-reltio-id": "one-line-renderer", className: (0, classnames_1.default)(styles.collaborationWrapper, constants_1.COMMENTS_CONTAINER_VISIBILITY_AREA) },
52
50
  react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.titleRow, styles.wrapper) },
53
51
  react_1.default.createElement(AttributeTitle_1.AttributeTitle, { label: label, className: (0, classnames_1.default)(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
package/cjs/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.js CHANGED
@@ -60,9 +60,7 @@ var ReadOnlyComplexAttribute = function (_a) {
60
60
  }, [expandedProp]);
61
61
  var hasAnalyticValue = (attributeTypesList || []).some(function (attributeType) { return (0, mdm_sdk_1.isAnalyticAttribute)(attributeType); });
62
62
  var attributeListEntity = (0, react_1.useMemo)(function () { return (__assign({ attributes: hasAnalyticValue ? null : attributeValue.value, analyticsAttributes: hasAnalyticValue ? attributeValue.value : null }, ((0, mdm_sdk_1.isSpecialAttribute)(attributeType) ? attributeValue.value : {}))); }, [attributeValue, hasAnalyticValue, attributeType]);
63
- var objectType = (0, mdm_sdk_1.isRelationUri)(attributeValue.uri)
64
- ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
65
- : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
63
+ var objectType = (0, mdm_sdk_1.getObjectTypeByAttributeUri)(attributeValue.uri);
66
64
  return (react_1.default.createElement("div", { className: styles.complexContainer },
67
65
  react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.labelContainer, classnames_2.COMMENTS_CONTAINER_VISIBILITY_AREA) },
68
66
  react_1.default.createElement(ArrowExpandButton_1.ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
package/cjs/SimpleAttribute/SimpleAttribute.js CHANGED
@@ -52,9 +52,7 @@ var SimpleAttribute = function (_a) {
52
52
  var attributeAppearance = (0, mdm_sdk_1.getHistoryAppearanceByUri)(attributeValue.uri, appearance);
53
53
  var historyClassName = (0, mdm_sdk_1.getHistoryAttributeClassName)(attributeAppearance);
54
54
  var dataTypeValue = (0, react_1.useMemo)(function () { return (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType) })); }, [attributeValue, attributeType]);
55
- var objectType = (0, mdm_sdk_1.isRelationUri)(attributeValue.uri)
56
- ? mdm_sdk_1.CollaborationObjectTypes.RELATION_ATTRIBUTE
57
- : mdm_sdk_1.CollaborationObjectTypes.ENTITY_ATTRIBUTE;
55
+ var objectType = (0, mdm_sdk_1.getObjectTypeByAttributeUri)(attributeValue.uri);
58
56
  var unmaskingControl = isUnmaskingNeeded && (react_1.default.createElement(MaskingSwitcher_1.MaskingSwitcher, { isMasked: isMasked, onToggleMasking: toggleMasking, isUnmasking: isUnmasking }));
59
57
  return inlined || historyClassName ? (react_1.default.createElement("div", { className: (0, classnames_1.default)(className, (_b = {},
60
58
  _b[highlightedClassName] = highlightedValuesUris.includes(attributeValue.uri),
package/esm/NumberEditor/NumberEditor.test.js CHANGED
@@ -1,86 +1,182 @@
1
- import { mount } from 'enzyme';
2
- import NumberFormat from 'react-number-format';
1
+ var __assign = (this && this.__assign) || function () {
2
+ __assign = Object.assign || function(t) {
3
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
4
+ s = arguments[i];
5
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
+ t[p] = s[p];
7
+ }
8
+ return t;
9
+ };
10
+ return __assign.apply(this, arguments);
11
+ };
12
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
13
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
14
+ return new (P || (P = Promise))(function (resolve, reject) {
15
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
16
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
17
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
18
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
19
+ });
20
+ };
21
+ var __generator = (this && this.__generator) || function (thisArg, body) {
22
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
23
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
24
+ function verb(n) { return function (v) { return step([n, v]); }; }
25
+ function step(op) {
26
+ if (f) throw new TypeError("Generator is already executing.");
27
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
28
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
29
+ if (y = 0, t) op = [op[0] & 2, t.value];
30
+ switch (op[0]) {
31
+ case 0: case 1: t = op; break;
32
+ case 4: _.label++; return { value: op[1], done: false };
33
+ case 5: _.label++; y = op[1]; op = [0]; continue;
34
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
35
+ default:
36
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
37
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
38
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
39
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
40
+ if (t[2]) _.ops.pop();
41
+ _.trys.pop(); continue;
42
+ }
43
+ op = body.call(thisArg, _);
44
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
45
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
46
+ }
47
+ };
3
48
  import React from 'react';
4
- import { TextEditor } from '../TextEditor';
49
+ import { render, screen } from '@testing-library/react';
50
+ import userEvent from '@testing-library/user-event';
5
51
  import { NumberEditor } from './NumberEditor';
6
52
  describe('NumberEditor', function () {
7
- it('should render TextEditor with NumberFormat as input', function () {
8
- var wrapper = mount(React.createElement(NumberEditor, null));
9
- expect(wrapper.find(TextEditor)).toHaveLength(1);
10
- expect(wrapper.find(NumberFormat)).toHaveLength(1);
53
+ var defaultProps = { value: undefined, onChange: jest.fn() };
54
+ var setUp = function (_a) {
55
+ var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? {} : _c;
56
+ var user = userEvent.setup();
57
+ return __assign({ user: user }, render(React.createElement(NumberEditor, __assign({}, defaultProps, props))));
58
+ };
59
+ beforeEach(function () {
60
+ jest.clearAllMocks();
61
+ });
62
+ it('should render input', function () {
63
+ setUp();
64
+ expect(screen.getByRole('textbox')).toBeInTheDocument();
11
65
  });
12
66
  it('should show correct value if it is 0', function () {
13
- var wrapper = mount(React.createElement(NumberEditor, { value: 0 }));
14
- expect(wrapper.find('input').prop('value')).toBe('0');
67
+ setUp({ props: { value: 0 } });
68
+ expect(screen.getByRole('textbox')).toHaveValue('0');
15
69
  });
16
70
  describe('single mode', function () {
17
71
  it('should format value', function () {
18
- var format = {
19
- prefix: '<',
20
- suffix: '>',
21
- thousandSeparator: ',',
22
- decimalSeparator: '_'
23
- };
24
- var value = '-1234.5', formattedValue = '-<1,234_5>';
25
- var wrapper = mount(React.createElement(NumberEditor, { format: format, value: value }));
26
- expect(wrapper.find('input').prop('value')).toBe(formattedValue);
27
- });
28
- it('should call props.onChange with actual value', function () {
29
- var value = '<-123,456abc_78>', onChange = jest.fn();
30
- var format = {
31
- prefix: '<',
32
- suffix: '>',
33
- thousandSeparator: ',',
34
- decimalSeparator: '_'
72
+ var props = {
73
+ value: '-1234.5',
74
+ format: {
75
+ prefix: '<',
76
+ suffix: '>',
77
+ thousandSeparator: ',',
78
+ decimalSeparator: '_'
79
+ }
35
80
  };
36
- var wrapper = mount(React.createElement(NumberEditor, { format: format, onChange: onChange }));
37
- var input = wrapper.find('input');
38
- input.simulate('change', { target: { value: value, focus: function () { } } });
39
- input.simulate('blur');
40
- expect(onChange).toBeCalledWith('-123456.78');
41
- });
42
- it('should discard fraction part if integer', function () {
43
- var value = '123.45', onChange = jest.fn();
44
- var wrapper = mount(React.createElement(NumberEditor, { integer: true, onChange: onChange }));
45
- var input = wrapper.find('input');
46
- input.simulate('change', { target: { value: value, focus: function () { } } });
47
- input.simulate('blur');
48
- expect(onChange).toBeCalledWith('123');
81
+ setUp({ props: props });
82
+ expect(screen.getByRole('textbox')).toHaveValue('-<1,234_5>');
49
83
  });
84
+ it('should call props.onChange with actual value', function () { return __awaiter(void 0, void 0, void 0, function () {
85
+ var props, user;
86
+ return __generator(this, function (_a) {
87
+ switch (_a.label) {
88
+ case 0:
89
+ props = {
90
+ format: {
91
+ prefix: '<',
92
+ suffix: '>',
93
+ thousandSeparator: ',',
94
+ decimalSeparator: '_'
95
+ }
96
+ };
97
+ user = setUp({ props: props }).user;
98
+ return [4 /*yield*/, user.type(screen.getByRole('textbox'), '<-123,456abc_78>{enter}')];
99
+ case 1:
100
+ _a.sent();
101
+ expect(defaultProps.onChange).toBeCalledWith('-123456.78');
102
+ return [2 /*return*/];
103
+ }
104
+ });
105
+ }); });
106
+ it('should discard fraction part if integer', function () { return __awaiter(void 0, void 0, void 0, function () {
107
+ var props, user;
108
+ return __generator(this, function (_a) {
109
+ switch (_a.label) {
110
+ case 0:
111
+ props = {
112
+ value: 123.45,
113
+ integer: true
114
+ };
115
+ user = setUp({ props: props }).user;
116
+ return [4 /*yield*/, user.type(screen.getByRole('textbox'), '{enter}')];
117
+ case 1:
118
+ _a.sent();
119
+ expect(defaultProps.onChange).toBeCalledWith('123');
120
+ return [2 /*return*/];
121
+ }
122
+ });
123
+ }); });
50
124
  });
51
125
  describe('multiple mode', function () {
52
126
  it('should format value', function () {
53
- var format = {
54
- prefix: '<',
55
- suffix: '>',
56
- thousandSeparator: ',',
57
- decimalSeparator: '_'
58
- };
59
- var value = '-1234.5', formattedValue = '<-1,234_5>';
60
- var wrapper = mount(React.createElement(NumberEditor, { multiple: true, format: format, value: [value] }));
61
- expect(wrapper.text()).toBe(formattedValue);
62
- });
63
- it('should call props.onChange with actual value', function () {
64
- var onChange = jest.fn();
65
- var value = '<-123,456abc_78>';
66
- var format = {
67
- prefix: '<',
68
- suffix: '>',
69
- thousandSeparator: ',',
70
- decimalSeparator: '_'
127
+ var props = {
128
+ value: '-1234.5',
129
+ multiple: true,
130
+ format: {
131
+ prefix: '<',
132
+ suffix: '>',
133
+ thousandSeparator: ',',
134
+ decimalSeparator: '_'
135
+ }
71
136
  };
72
- var wrapper = mount(React.createElement(NumberEditor, { multiple: true, format: format, onChange: onChange }));
73
- wrapper.find('input').simulate('change', { target: { value: value, focus: function () { } } });
74
- wrapper.find('input').simulate('keyPress', { key: 'Enter' });
75
- expect(onChange).toBeCalledWith(['-123456.78']);
76
- });
77
- it('should discard fraction part if integer', function () {
78
- var value = '123.45';
79
- var onChange = jest.fn();
80
- var wrapper = mount(React.createElement(NumberEditor, { multiple: true, integer: true, onChange: onChange }));
81
- wrapper.find('input').simulate('change', { target: { value: value, focus: function () { } } });
82
- wrapper.find('input').simulate('keyPress', { key: 'Enter' });
83
- expect(onChange).toBeCalledWith(['123']);
137
+ setUp({ props: props });
138
+ expect(screen.getByText('<-1,234_5>')).toBeInTheDocument();
84
139
  });
140
+ it('should call props.onChange with actual value', function () { return __awaiter(void 0, void 0, void 0, function () {
141
+ var props, user;
142
+ return __generator(this, function (_a) {
143
+ switch (_a.label) {
144
+ case 0:
145
+ props = {
146
+ multiple: true,
147
+ format: {
148
+ prefix: '<',
149
+ suffix: '>',
150
+ thousandSeparator: ',',
151
+ decimalSeparator: '_'
152
+ }
153
+ };
154
+ user = setUp({ props: props }).user;
155
+ return [4 /*yield*/, user.type(screen.getByRole('textbox'), '<-123,456abc_78>{enter}')];
156
+ case 1:
157
+ _a.sent();
158
+ expect(defaultProps.onChange).toBeCalledWith(['-123456.78']);
159
+ return [2 /*return*/];
160
+ }
161
+ });
162
+ }); });
163
+ it('should discard fraction part if integer', function () { return __awaiter(void 0, void 0, void 0, function () {
164
+ var props, user;
165
+ return __generator(this, function (_a) {
166
+ switch (_a.label) {
167
+ case 0:
168
+ props = {
169
+ multiple: true,
170
+ integer: true
171
+ };
172
+ user = setUp({ props: props }).user;
173
+ return [4 /*yield*/, user.type(screen.getByRole('textbox'), '123.45{enter}')];
174
+ case 1:
175
+ _a.sent();
176
+ expect(defaultProps.onChange).toBeCalledWith(['12345']);
177
+ return [2 /*return*/];
178
+ }
179
+ });
180
+ }); });
85
181
  });
86
182
  });
package/esm/ReadOnlyAttributesPager/components/OneLineRenderer/OneLineRenderer.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { useMemo } from 'react';
2
- import { CollaborationObjectTypes, createRelatedObjectUris, isRelationUri } from '@reltio/mdm-sdk';
2
+ import { createRelatedObjectUris, getObjectTypeByAttributeUri } from '@reltio/mdm-sdk';
3
3
  import classnames from 'classnames';
4
4
  import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../../../constants';
5
5
  import { CommentsContainer } from '../../../CommentsContainer';
@@ -16,9 +16,7 @@ export var OneLineRenderer = function (_a) {
16
16
  var label = attributeType.label, description = attributeType.description;
17
17
  var controlAttributes = useMdmControlAttributes();
18
18
  var isControlAttribute = useMemo(function () { return controlAttributes.includes(attributeType.uri); }, [controlAttributes, attributeType.uri]);
19
- var objectType = isRelationUri(value.uri)
20
- ? CollaborationObjectTypes.RELATION_ATTRIBUTE
21
- : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
19
+ var objectType = getObjectTypeByAttributeUri(value.uri);
22
20
  return (React.createElement("div", { "data-reltio-id": "one-line-renderer", className: classnames(styles.collaborationWrapper, COMMENTS_CONTAINER_VISIBILITY_AREA) },
23
21
  React.createElement("div", { className: classnames(styles.titleRow, styles.wrapper) },
24
22
  React.createElement(AttributeTitle, { label: label, className: classnames(styles.title, classes === null || classes === void 0 ? void 0 : classes.title), "data-reltio-id": "reltio-attribute-label" }),
package/esm/ReadOnlyComplexAttribute/ReadOnlyComplexAttribute.js CHANGED
@@ -11,7 +11,7 @@ var __assign = (this && this.__assign) || function () {
11
11
  };
12
12
  import React, { useContext, useEffect, useMemo, useState } from 'react';
13
13
  import classnames from 'classnames';
14
- import { isAnalyticAttribute, CollaborationObjectTypes, createRelatedObjectUris, isOv, isSpecialAttribute, isRelationUri } from '@reltio/mdm-sdk';
14
+ import { isAnalyticAttribute, createRelatedObjectUris, isOv, isSpecialAttribute, getObjectTypeByAttributeUri } from '@reltio/mdm-sdk';
15
15
  import Typography from '@mui/material/Typography';
16
16
  import { ReadOnlyAttributesList } from '../ReadOnlyAttributesList';
17
17
  import { ArrowExpandButton } from '../ArrowExpandButton';
@@ -31,9 +31,7 @@ export var ReadOnlyComplexAttribute = function (_a) {
31
31
  }, [expandedProp]);
32
32
  var hasAnalyticValue = (attributeTypesList || []).some(function (attributeType) { return isAnalyticAttribute(attributeType); });
33
33
  var attributeListEntity = useMemo(function () { return (__assign({ attributes: hasAnalyticValue ? null : attributeValue.value, analyticsAttributes: hasAnalyticValue ? attributeValue.value : null }, (isSpecialAttribute(attributeType) ? attributeValue.value : {}))); }, [attributeValue, hasAnalyticValue, attributeType]);
34
- var objectType = isRelationUri(attributeValue.uri)
35
- ? CollaborationObjectTypes.RELATION_ATTRIBUTE
36
- : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
34
+ var objectType = getObjectTypeByAttributeUri(attributeValue.uri);
37
35
  return (React.createElement("div", { className: styles.complexContainer },
38
36
  React.createElement("div", { className: classnames(styles.labelContainer, COMMENTS_CONTAINER_VISIBILITY_AREA) },
39
37
  React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded }),
package/esm/SimpleAttribute/SimpleAttribute.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import React, { useContext, useMemo } from 'react';
2
- import { getAttrDataTypeDefinition, getHistoryAppearanceByUri, getAttributeValue, CollaborationObjectTypes, createRelatedObjectUris, isOv, getHistoryAttributeClassName, isRelationUri } from '@reltio/mdm-sdk';
2
+ import { getAttrDataTypeDefinition, getHistoryAppearanceByUri, getAttributeValue, createRelatedObjectUris, isOv, getHistoryAttributeClassName, getObjectTypeByAttributeUri } from '@reltio/mdm-sdk';
3
3
  import classnames from 'classnames';
4
4
  import { useMaskedAttribute } from '../hooks/useMaskedAttribute';
5
5
  import { COMMENTS_CONTAINER_VISIBILITY_AREA } from '../constants/classnames';
@@ -23,9 +23,7 @@ export var SimpleAttribute = function (_a) {
23
23
  var attributeAppearance = getHistoryAppearanceByUri(attributeValue.uri, appearance);
24
24
  var historyClassName = getHistoryAttributeClassName(attributeAppearance);
25
25
  var dataTypeValue = useMemo(function () { return (React.createElement(DataTypeValue, { value: getAttributeValue(attributeValue), dataTypeDefinition: getAttrDataTypeDefinition(attributeType) })); }, [attributeValue, attributeType]);
26
- var objectType = isRelationUri(attributeValue.uri)
27
- ? CollaborationObjectTypes.RELATION_ATTRIBUTE
28
- : CollaborationObjectTypes.ENTITY_ATTRIBUTE;
26
+ var objectType = getObjectTypeByAttributeUri(attributeValue.uri);
29
27
  var unmaskingControl = isUnmaskingNeeded && (React.createElement(MaskingSwitcher, { isMasked: isMasked, onToggleMasking: toggleMasking, isUnmasking: isUnmasking }));
30
28
  return inlined || historyClassName ? (React.createElement("div", { className: classnames(className, (_b = {},
31
29
  _b[highlightedClassName] = highlightedValuesUris.includes(attributeValue.uri),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1918",
3
+ "version": "1.4.1920",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
@@ -8,7 +8,7 @@
8
8
  "@fluentui/react-context-selector": "^9.1.26",
9
9
  "@react-google-maps/api": "2.7.0",
10
10
  "@react-sigma/core": "3.4.0",
11
- "@reltio/mdm-sdk": "^1.4.1841",
11
+ "@reltio/mdm-sdk": "^1.4.1842",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",
@@ -30,7 +30,7 @@
30
30
  "react-input-autosize": "^2.2.2",
31
31
  "react-lifecycles-compat": "^3.0.4",
32
32
  "react-mentions": "4.3.0",
33
- "react-number-format": "^4.3.0",
33
+ "react-number-format": "^4.9.2",
34
34
  "react-resizable-panels": "^2.0.20",
35
35
  "react-resize-detector": "^4.2.0",
36
36
  "react-router-dom": "^6.2.1",