@reltio/components 1.4.2070 → 1.4.2072

package/cjs/ReadOnlyAttributesPager/ReadOnlyAttributesPager.test.js

@@ -65,12 +65,16 @@ var user_event_1 = __importDefault(require("@testing-library/user-event"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ReadOnlyAttributesPager_1 = __importDefault(require("./ReadOnlyAttributesPager"));
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
+var FeaturesContext_1 = require("../contexts/FeaturesContext");
+var CollaborationContext_1 = require("../contexts/CollaborationContext");
 describe('ReadOnlyAttributesPager tests', function () {
+    var collaboration = { commentsMap: {} };
     var attributeType = {
         uri: 'configuration/entityTypes/HCP/attributes/Simple',
         type: 'String',
         name: 'Simple',
-        label: 'Simple label'
+        label: 'Simple label',
+        description: 'Simple description'
     };
     var values = [
         { type: attributeType.uri, uri: 'entities/sIeHttl/attributes/Simple/u123', value: '123', ov: true },
@@ -88,57 +92,108 @@ describe('ReadOnlyAttributesPager tests', function () {
         jest.clearAllMocks();
     });
     var setUp = function (_a) {
-        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? {} : _d;
+        var _b = _a === void 0 ? {} : _a, _c = _b.props, props = _c === void 0 ? defaultProps : _c, _d = _b.mdmValues, mdmValues = _d === void 0 ? {} : _d, _e = _b.featuresContextValue, featuresContextValue = _e === void 0 ? { showDescription: true } : _e;
         var user = user_event_1.default.setup();
         var Providers = function (_a) {
             var children = _a.children;
-            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: actions }, children));
+            return (react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: mdmValues, actions: actions },
+                react_1.default.createElement(CollaborationContext_1.CollaborationContext.Provider, { value: collaboration },
+                    react_1.default.createElement(FeaturesContext_1.FeaturesContext.Provider, { value: featuresContextValue }, children))));
         };
         return __assign({ user: user }, (0, react_2.render)(react_1.default.createElement(ReadOnlyAttributesPager_1.default, __assign({}, props)), { wrapper: Providers }));
     };
     it('should use OneLineRenderer if there is only one ov value of Simple attribute', function () {
         var props = __assign(__assign({}, defaultProps), { values: [values[0]] });
         setUp({ props: props });
-        expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
         expect(react_2.screen.getByTestId('one-line-renderer')).toBeInTheDocument();
+        expect(react_2.screen.getByLabelText('Simple description')).toBeInTheDocument();
         expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
+        expect(react_2.screen.getByLabelText('Add comment')).toBeInTheDocument();
         expect(react_2.screen.getByText('123')).toBeInTheDocument();
-    });
-    it('should use OneLineRenderer if there is only one ov value (and some non ov) of Simple attribute', function () {
-        var props = __assign(__assign({}, defaultProps), { values: [values[0], __assign(__assign({}, values[1]), { ov: false })] });
-        setUp({ props: props });
         expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
-        expect(react_2.screen.getByTestId('one-line-renderer')).toBeInTheDocument();
-        expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
-        expect(react_2.screen.getByText('123')).toBeInTheDocument();
-        expect(react_2.screen.queryByText('456')).not.toBeInTheDocument();
     });
+    it('should use OneLineRenderer if there is only one ov value (and some non ov) of Simple attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    props = __assign(__assign({}, defaultProps), { values: [values[0], __assign(__assign({}, values[1]), { ov: false })] });
+                    user = setUp({ props: props }).user;
+                    expect(react_2.screen.getByTestId('one-line-renderer')).toBeInTheDocument();
+                    expect(react_2.screen.getByLabelText('Simple description')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
+                    expect(react_2.screen.getByLabelText('Add comment')).toBeInTheDocument();
+                    expect(react_2.screen.getByText('123')).toBeInTheDocument();
+                    return [4 /*yield*/, user.hover(react_2.screen.getByText('+ 1'))];
+                case 1:
+                    _a.sent();
+                    expect(react_2.screen.getByText('456')).toBeInTheDocument();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
     it('should use MultiLineRenderer for Complex attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var ovValues, props, user;
+        var ovValues, props, user, labels;
         return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     ovValues = [
-                        __assign(__assign({}, values[0]), { value: { Name: [{ value: '123', uri: '123' }] } }),
-                        __assign(__assign({}, values[1]), { value: { Name: [{ value: '456', uri: '456' }] } }),
-                        __assign(__assign({}, values[2]), { value: { Name: [{ value: '444', uri: '444' }] } })
+                        __assign(__assign({}, values[0]), { label: 'First value', value: { Name: [{ value: '123', uri: '123' }] } }),
+                        __assign(__assign({}, values[1]), { label: 'Second value', value: { Name: [{ value: '456', uri: '456' }] } }),
+                        __assign(__assign({}, values[2]), { label: 'Third value', value: { Name: [{ value: '444', uri: '444' }] } })
                     ];
                     props = __assign(__assign({}, defaultProps), { attributeType: __assign(__assign({}, defaultProps.attributeType), { type: 'Nested' }), max: 1, paging: { totalOvValues: 5 }, values: __spreadArray(__spreadArray([], ovValues, true), [__assign(__assign({}, values[1]), { ov: false })], false) });
                     user = setUp({ props: props }).user;
                     expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
                     expect(react_2.screen.getByTestId('multi-line-renderer')).toBeInTheDocument();
+                    expect(react_2.screen.getByLabelText('Add comment')).toBeInTheDocument();
+                    expect(react_2.screen.getByLabelText('Simple description')).toBeInTheDocument();
                     expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
                     expect(react_2.screen.getByText('+ 1')).toBeInTheDocument();
-                    return [4 /*yield*/, user.click(react_2.screen.getByTestId('show-more'))];
+                    labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
+                    expect(labels).toHaveLength(1);
+                    expect(labels[0]).toHaveTextContent('First value');
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show 1 more of remaining 4 value'))];
                 case 1:
                     _a.sent();
-                    expect(actions.requestNextPageOfAttributeValues).toHaveBeenCalledWith({
+                    expect(actions.requestNextPageOfAttributeValues).toHaveBeenLastCalledWith({
                         attributeTypeName: 'Simple',
                         attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
                         defaultMaxValues: 1,
                         parentUri: 'entities/sIeHttl',
                         values: ovValues
                     });
+                    labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
+                    expect(labels).toHaveLength(2);
+                    expect(labels[0]).toHaveTextContent('First value');
+                    expect(labels[1]).toHaveTextContent('Second value');
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show 1 more of remaining 3 value'))];
+                case 2:
+                    _a.sent();
+                    expect(actions.requestNextPageOfAttributeValues).toHaveBeenLastCalledWith({
+                        attributeTypeName: 'Simple',
+                        attributeTypeUri: 'configuration/entityTypes/HCP/attributes/Simple',
+                        defaultMaxValues: 1,
+                        parentUri: 'entities/sIeHttl',
+                        values: ovValues
+                    });
+                    labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
+                    expect(labels).toHaveLength(3);
+                    expect(labels[0]).toHaveTextContent('First value');
+                    expect(labels[1]).toHaveTextContent('Second value');
+                    expect(labels[2]).toHaveTextContent('Third value');
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show 1 more of remaining 2 value'))];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show 1 more of remaining 1 value'))];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Show less'))];
+                case 5:
+                    _a.sent();
+                    labels = react_2.screen.getAllByTestId('reltio-attribute-complex-label');
+                    expect(labels).toHaveLength(1);
+                    expect(labels[0]).toHaveTextContent('First value');
                     return [2 /*return*/];
             }
         });
@@ -148,6 +203,8 @@ describe('ReadOnlyAttributesPager tests', function () {
         setUp({ props: props });
         expect(react_2.screen.queryByTestId('branch-decorator')).not.toBeInTheDocument();
         expect(react_2.screen.getByTestId('multi-line-renderer')).toBeInTheDocument();
+        expect(react_2.screen.getByLabelText('Add comment')).toBeInTheDocument();
+        expect(react_2.screen.getByLabelText('Simple description')).toBeInTheDocument();
         expect(react_2.screen.getByText('Simple label')).toBeInTheDocument();
         expect(react_2.screen.getByText('123')).toBeInTheDocument();
         expect(react_2.screen.queryByText('+ 1')).not.toBeInTheDocument();

package/cjs/ReadOnlyAttributesView/ReadOnlyAttributesView.js

@@ -35,7 +35,7 @@ var Box_1 = __importDefault(require("@mui/material/Box"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var PivotingAttributeContext_1 = require("../contexts/PivotingAttributeContext");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
-var AllwaysVisibleAttributesContext_1 = require("../contexts/AllwaysVisibleAttributesContext");
+var AlwaysVisibleAttributesContext_1 = require("../contexts/AlwaysVisibleAttributesContext");
 var BasicView_1 = require("../BasicView");
 var FacetViewHeader_1 = require("../FacetViewHeader");
 var ReadOnlyAttributesList_1 = require("../ReadOnlyAttributesList");
@@ -51,7 +51,7 @@ var ReadOnlyAttributesView = function (_a) {
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity]);
     var attributesCount = attributesCountProp || DEFAULT_ATTRIBUTES_COUNT;
     var attributesList = (0, mdm_sdk_1.getAttributesListForReadMode)(filteredAttrTypes, entity);
-    var alwaysVisible = (0, react_1.useContext)(AllwaysVisibleAttributesContext_1.AlwaysVisibleAttributesContext);
+    var alwaysVisible = (0, react_1.useContext)(AlwaysVisibleAttributesContext_1.AlwaysVisibleAttributesContext);
     var isShowAttributeList = attributesList.filter(function (_a) {
         var values = _a.values;
         return !(0, mdm_sdk_1.isEmptyValue)(values);