@reltio/components 1.4.1849 → 1.4.1851

package/cjs/index.d.ts

@@ -110,6 +110,7 @@ export { FilterValueEditor } from './FilterValueEditor';
 export { DropDownEditor } from './DropDownEditor';
 export { EmptySearchResult } from './EmptySearchResult';
 export { FileTypeEditor } from './FileTypeEditor';
+export { SaveSegmentDialog } from './SaveSegmentDialog';
 export { withChartDataPercents as withPercents } from './HOCs/withChartDataPercents';
 export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
 export { withTableContext } from './HOCs/withTableContext';

package/cjs/index.js

@@ -16,7 +16,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReferenceAttribute = exports.InlineNestedAttribute = exports.InlineImageAttribute = exports.InlineAttributesPager = exports.EditableImageAttributesLine = exports.FilterButton = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.EntitySelector = exports.EntityCreator = exports.AttributesPager = exports.AttributesList = exports.EditableAttribute = exports.DropDownMenuButton = exports.DescriptionIcon = exports.DefaultCellValueRenderer = exports.ColumnsSettingsPopup = exports.ColumnsSettings = exports.ColorBar = exports.CollapseRowButton = exports.ChartsFactory = exports.CardinalityMessage = exports.BranchDecorator = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.BasicTablePagination = exports.basicTableViewState = exports.BasicTable = exports.BasicAttributeSelector = exports.BarChart = exports.AvatarWithFallback = exports.AutoSizeList = exports.AttributesView = exports.AttributesValuesEditor = exports.AttributesFiltersButton = exports.AttributesFiltersBuilder = exports.AttributesFilterSelector = exports.AttributesErrorsPanel = exports.AttributeListItem = exports.AttributeGroupIcon = exports.ArrowExpandButton = exports.ActionsPanel = exports.ActionButton = void 0;
 exports.ErrorWrapper = exports.ErrorMessage = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = void 0;
-exports.CrosswalkType = exports.AttributesTable = exports.CrosswalkDragLayer = exports.SourceCrosswalksRow = exports.CrosswalkEditor = exports.useModifiedEntity = exports.useCrosswalkActions = exports.groupCrosswalksByTypesAndSources = exports.ActivityTypes = exports.useProfileActivitiesLoader = exports.useActivitiesLoader = exports.ActivityLogFilter = exports.ActivityLog = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = void 0;
+exports.CrosswalkType = exports.AttributesTable = exports.CrosswalkDragLayer = exports.SourceCrosswalksRow = exports.CrosswalkEditor = exports.useModifiedEntity = exports.useCrosswalkActions = exports.groupCrosswalksByTypesAndSources = exports.ActivityTypes = exports.useProfileActivitiesLoader = exports.useActivitiesLoader = exports.ActivityLogFilter = exports.ActivityLog = exports.rerenderWrapper = exports.mockElementSizes = exports.mockBasicTableSizing = exports.getMuiIconByName = exports.delayPromise = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsFilter = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.SaveSegmentDialog = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = void 0;
 __exportStar(require("./HOCs"), exports);
 __exportStar(require("./components"), exports);
 __exportStar(require("./constants"), exports);
@@ -240,6 +240,8 @@ var EmptySearchResult_1 = require("./EmptySearchResult");
 Object.defineProperty(exports, "EmptySearchResult", { enumerable: true, get: function () { return EmptySearchResult_1.EmptySearchResult; } });
 var FileTypeEditor_1 = require("./FileTypeEditor");
 Object.defineProperty(exports, "FileTypeEditor", { enumerable: true, get: function () { return FileTypeEditor_1.FileTypeEditor; } });
+var SaveSegmentDialog_1 = require("./SaveSegmentDialog");
+Object.defineProperty(exports, "SaveSegmentDialog", { enumerable: true, get: function () { return SaveSegmentDialog_1.SaveSegmentDialog; } });
 // HOCs
 var withChartDataPercents_1 = require("./HOCs/withChartDataPercents");
 Object.defineProperty(exports, "withPercents", { enumerable: true, get: function () { return withChartDataPercents_1.withChartDataPercents; } });

package/esm/EditModeAttributesList/EditModeAttributesList.js

@@ -25,8 +25,11 @@ import { HasDeletionsContext } from '../contexts/HasDeletionsContext';
 import { withContext } from '../HOCs/withContext';
 import { ConfigPermissionsContext } from '../contexts/ConfigPermissionsContext';
 import { ScrollType, ScrollToElementContext } from '../contexts/ScrollToElementContext';
+import { useMdmHiddenAttributes } from '../contexts';
 var EditModeAttributesList = function (_a) {
     var parentAttributeType = _a.parentAttributeType, attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv, highlightAttribute = _a.highlightAttribute;
+    var hiddenAttributes = useMdmHiddenAttributes();
+    var filteredAttrTypes = useMemo(function () { return attrTypes.filter(function (attrType) { return !hiddenAttributes.includes(attrType.uri); }); }, [attrTypes, hiddenAttributes]);
     var _c = entity.attributes, attributes = _c === void 0 ? {} : _c;
     var _d = useState({}), hasDeletionsMap = _d[0], setHasDeletionsMap = _d[1];
     var setHasDeletions = useCallback(function (attrTypeUri, value) {
@@ -40,12 +43,12 @@ var EditModeAttributesList = function (_a) {
     }, [parentUri]);
     var canCreate = useContext(ConfigPermissionsContext).canCreate;
     var canCreateParentAttrType = useMemo(function () { return canCreate && parentAttributeType && checkCanCreateAttribute({ attributeType: parentAttributeType, mode: mode }); }, [parentAttributeType, mode, canCreate]);
-    var creatableAttrTypes = useMemo(function () { return (canCreate ? getCreatableAttributeTypes(mode, attrTypes) : []); }, [attrTypes, mode, canCreate]);
+    var creatableAttrTypes = useMemo(function () { return (canCreate ? getCreatableAttributeTypes(mode, filteredAttrTypes) : []); }, [filteredAttrTypes, mode, canCreate]);
     var moreAttrTypes = getMoreAttrTypes(creatableAttrTypes, entity, showEmptyEditors, hasDeletionsMap);
     var pinnedAttributes = useContext(PinnedAttributesContext);
     var pagersData = useMemo(function () {
-        return getAttributesListForEditMode(attrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate);
-    }, [attrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate]);
+        return getAttributesListForEditMode(filteredAttrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate);
+    }, [filteredAttrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes, canCreate]);
     var _e = useMemo(function () { return splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _e[0], regularPagersData = _e[1];
     var onAddMoreAttributes = useCallback(function (attributeTypes) {
         onAddAttributes(attributeTypes.map(function (attributeType) { return ({

package/esm/EditModeAttributesView/EditModeAttributesView.test.js

@@ -9,12 +9,50 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            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;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import React from 'react';
 import { shallow } from 'enzyme';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
 import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
-import { useMdmAction, useMdmMetadata, useMdmModifiedEntity, useMdmUserRoles } from '../contexts/MdmModuleContext';
+import { useMdmAction, useMdmHiddenAttributes, useMdmMetadata, useMdmModifiedEntity, useMdmUserRoles } from '../contexts/MdmModuleContext';
 import { EditModeAttributesView } from './EditModeAttributesView';
-jest.mock('../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../contexts/MdmModuleContext')), { useMdmAction: jest.fn(), useMdmMetadata: jest.fn(), useMdmUserRoles: jest.fn(), useMdmModifiedEntity: jest.fn() })); });
+jest.mock('../contexts/MdmModuleContext', function () { return (__assign(__assign({}, jest.requireActual('../contexts/MdmModuleContext')), { useMdmAction: jest.fn(), useMdmMetadata: jest.fn(), useMdmUserRoles: jest.fn(), useMdmModifiedEntity: jest.fn(), useMdmDependentLookupEditorState: jest.fn(), useMdmHiddenAttributes: jest.fn() })); });
 var metadata = {
     entityTypes: []
 };
@@ -30,29 +68,185 @@ var pinnedAttributes = [
 var entity = { uri: 'entities/123' };
 var setUp = function (props) { return shallow(React.createElement(EditModeAttributesView, __assign({ entity: entity }, props))); };
 describe('EditModeAttributesView', function () {
-    beforeEach(function () {
-        useMdmMetadata.mockReturnValue(metadata);
-        useMdmUserRoles.mockReturnValue([]);
-        useMdmModifiedEntity.mockReturnValue(null);
-        useMdmAction.mockReturnValue(jest.fn());
-    });
-    afterEach(function () {
-        jest.clearAllMocks();
-    });
-    it('should render PinnedAttributesContext.Provider with passing pinnedAttributes for this user', function () {
-        useMdmUserRoles.mockReturnValue(['ROLE_ADMIN']);
-        var component = setUp({ pinnedAttributes: pinnedAttributes });
-        expect(component.find(PinnedAttributesContext.Provider)).toHaveLength(1);
-        expect(component.find(PinnedAttributesContext.Provider).prop('value')).toEqual(pinnedAttributes[0].attributes);
-    });
-    it('should render PinnedAttributesContext.Provider with passing pinnedAttributes as empty array for user without roles', function () {
-        var component = setUp({ pinnedAttributes: pinnedAttributes });
-        expect(component.find(PinnedAttributesContext.Provider)).toHaveLength(1);
-        expect(component.find(PinnedAttributesContext.Provider).prop('value')).toEqual([]);
+    describe('PinnedAttributesContext', function () {
+        beforeEach(function () {
+            useMdmMetadata.mockReturnValue(metadata);
+            useMdmUserRoles.mockReturnValue([]);
+            useMdmModifiedEntity.mockReturnValue(null);
+            useMdmAction.mockReturnValue(jest.fn());
+        });
+        afterEach(function () {
+            jest.clearAllMocks();
+        });
+        it('should render PinnedAttributesContext.Provider with passing pinnedAttributes for this user', function () {
+            useMdmUserRoles.mockReturnValue(['ROLE_ADMIN']);
+            var component = setUp({ pinnedAttributes: pinnedAttributes });
+            expect(component.find(PinnedAttributesContext.Provider)).toHaveLength(1);
+            expect(component.find(PinnedAttributesContext.Provider).prop('value')).toEqual(pinnedAttributes[0].attributes);
+        });
+        it('should render PinnedAttributesContext.Provider with passing pinnedAttributes as empty array for user without roles', function () {
+            var component = setUp({ pinnedAttributes: pinnedAttributes });
+            expect(component.find(PinnedAttributesContext.Provider)).toHaveLength(1);
+            expect(component.find(PinnedAttributesContext.Provider).prop('value')).toEqual([]);
+        });
+        it('should render PinnedAttributesContext.Provider with passing pinnedAttributes as empty array if no pinnedAttributes', function () {
+            var component = setUp({});
+            expect(component.find(PinnedAttributesContext.Provider)).toHaveLength(1);
+            expect(component.find(PinnedAttributesContext.Provider).prop('value')).toEqual([]);
+        });
     });
-    it('should render PinnedAttributesContext.Provider with passing pinnedAttributes as empty array if no pinnedAttributes', function () {
-        var component = setUp({});
-        expect(component.find(PinnedAttributesContext.Provider)).toHaveLength(1);
-        expect(component.find(PinnedAttributesContext.Provider).prop('value')).toEqual([]);
+    describe('rule based attributes', function () {
+        var metadata = {
+            entityTypes: [
+                {
+                    uri: 'configuration/entityTypes/HCP',
+                    attributes: [
+                        {
+                            name: 'Category1',
+                            type: 'String',
+                            uri: 'configuration/entityTypes/HCP/attributes/Category1'
+                        },
+                        {
+                            name: 'Category2',
+                            type: 'String',
+                            uri: 'configuration/entityTypes/HCP/attributes/Category2'
+                        },
+                        {
+                            name: 'Category3',
+                            type: 'String',
+                            uri: 'configuration/entityTypes/HCP/attributes/Category3'
+                        },
+                        {
+                            name: 'Category4',
+                            type: 'String',
+                            uri: 'configuration/entityTypes/HCP/attributes/Category4'
+                        },
+                        {
+                            name: 'Nested1',
+                            label: 'Nested1',
+                            type: 'Nested',
+                            uri: 'configuration/entityTypes/HCP/attributes/Nested1',
+                            attributes: [
+                                {
+                                    name: 'NestedCategory1',
+                                    type: 'String',
+                                    uri: 'configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory1'
+                                },
+                                {
+                                    name: 'NestedCategory2',
+                                    type: 'String',
+                                    uri: 'configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory2'
+                                }
+                            ]
+                        }
+                    ]
+                }
+            ]
+        };
+        var setUp = function (props) {
+            var user = userEvent.setup();
+            return __assign({ user: user }, render(React.createElement(EditModeAttributesView, __assign({}, props))));
+        };
+        beforeAll(function () {
+            useMdmUserRoles.mockReturnValue([]);
+            useMdmAction.mockReturnValue(jest.fn());
+            useMdmMetadata.mockReturnValue(metadata);
+            useMdmHiddenAttributes.mockReturnValue([]);
+        });
+        it('should hide attributes if there are no rules allow to show the attribute', function () {
+            var entity = {
+                type: 'configuration/entityTypes/HCP',
+                uri: 'entities/uri_e'
+            };
+            useMdmModifiedEntity.mockReturnValue({
+                type: 'configuration/entityTypes/HCP',
+                uri: 'entities/uri_e',
+                attributes: {
+                    Category1: [
+                        {
+                            uri: 'entities/uri_e/attributes/uri1',
+                            value: 'category1_value1'
+                        }
+                    ],
+                    Category2: [
+                        {
+                            uri: 'entities/uri_e/attributes/uri2',
+                            value: 'category2_value1'
+                        }
+                    ],
+                    Category3: [
+                        {
+                            uri: 'entities/uri_e/attributes/uri3',
+                            value: 'category3_value1'
+                        }
+                    ],
+                    Category4: [
+                        {
+                            uri: 'entities/uri_e/attributes/uri4',
+                            value: 'category4_value1'
+                        }
+                    ]
+                }
+            });
+            useMdmHiddenAttributes.mockReturnValue([
+                'configuration/entityTypes/HCP/attributes/Category2',
+                'configuration/entityTypes/HCP/attributes/Category3',
+                'configuration/entityTypes/HCP/attributes/Category4'
+            ]);
+            setUp({ entity: entity });
+            expect(screen.getByText('category1_value1')).toBeInTheDocument();
+            expect(screen.queryByText('category2_value1')).not.toBeInTheDocument();
+            expect(screen.queryByText('category3_value1')).not.toBeInTheDocument();
+            expect(screen.queryByText('category4_value1')).not.toBeInTheDocument();
+        });
+        it('should hide nested attributes if there are no rules allow to show the attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var entity, user;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        entity = {
+                            type: 'configuration/entityTypes/HCP',
+                            uri: 'entities/uri_e'
+                        };
+                        useMdmModifiedEntity.mockReturnValue({
+                            type: 'configuration/entityTypes/HCP',
+                            uri: 'entities/uri_e',
+                            attributes: {
+                                Nested1: [
+                                    {
+                                        uri: 'entities/uri_e/attributes/nesteduri1',
+                                        value: {
+                                            NestedCategory1: [
+                                                {
+                                                    ov: true,
+                                                    uri: 'entities/uri_e/attributes/nesteduri1/attributes/nestedcaturi1',
+                                                    value: 'nested_category1_value1'
+                                                }
+                                            ],
+                                            NestedCategory2: [
+                                                {
+                                                    ov: true,
+                                                    uri: 'entities/uri_e/attributes/nesteduri1/attributes/nestedcaturi2',
+                                                    value: 'nested_category2_value1'
+                                                }
+                                            ]
+                                        }
+                                    }
+                                ]
+                            }
+                        });
+                        useMdmHiddenAttributes.mockReturnValue([
+                            'configuration/entityTypes/HCP/attributes/Nested1/attributes/NestedCategory2'
+                        ]);
+                        user = setUp({ entity: entity }).user;
+                        return [4 /*yield*/, user.click(screen.getByTestId('arrow-expand-button'))];
+                    case 1:
+                        _a.sent();
+                        expect(screen.getByText('nested_category1_value1')).toBeInTheDocument();
+                        expect(screen.queryByText('nested_category2_value1')).not.toBeInTheDocument();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
     });
 });

package/esm/ReadOnlyAttributesList/ReadOnlyAttributesList.js

@@ -18,10 +18,13 @@ import { ShowMore } from '../ShowMore';
 import { ShowLess } from '../ShowLess';
 import { ALWAYS_VISIBLE_TYPE_URIS } from '../constants';
 import { splitPagersData } from '../helpers/attributesView';
+import { useMdmHiddenAttributes } from '../contexts';
 var ReadOnlyAttributesList = function (_a) {
     var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, drawLines = _a.drawLines, children = _a.children, className = _a.className, max = _a.max, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? ALWAYS_VISIBLE_TYPE_URIS : _b, showNonOv = _a.showNonOv;
+    var hiddenAttributes = useMdmHiddenAttributes();
+    var filteredAttrTypes = useMemo(function () { return attrTypes.filter(function (attrType) { return !hiddenAttributes.includes(attrType.uri); }); }, [attrTypes, hiddenAttributes]);
     var _c = useState(max || Infinity), visibleValuesCount = _c[0], setVisibleValuesCount = _c[1];
-    var pagersData = useMemo(function () { return getAttributesListForReadMode(attrTypes, entity, showNonOv); }, [attrTypes, entity, showNonOv]);
+    var pagersData = useMemo(function () { return getAttributesListForReadMode(filteredAttrTypes, entity, showNonOv); }, [filteredAttrTypes, entity, showNonOv]);
     var _d = useMemo(function () { return splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
     var visibleAttributePagersData = regularPagersData.slice(0, visibleValuesCount);
     var showMore = max && visibleAttributePagersData.length < regularPagersData.length;

package/esm/ReadOnlyAttributesView/ReadOnlyAttributesView.js

@@ -1,6 +1,5 @@
 import React, { useMemo } from 'react';
-import { pipe, reject } from 'ramda';
-import { getAttributesListForReadMode, getRuleBasedAttributes, isEmptyValue, getHiddenDynamicAttributes } from '@reltio/mdm-sdk';
+import { getAttributesListForReadMode, isEmptyValue } from '@reltio/mdm-sdk';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
 import Box from '@mui/material/Box';
@@ -19,14 +18,7 @@ export var ReadOnlyAttributesView = function (_a) {
     var styles = useStyles();
     var metadata = useMdmMetadata();
     var pivotingAttributes = useMdmPivotingAttributes();
-    var filteredAttrTypes = useMemo(function () {
-        var dynamicRules = getRuleBasedAttributes(metadata, entity.type);
-        var hiddenAttributes = getHiddenDynamicAttributes(dynamicRules, entity);
-        return pipe(getFilteredAttrTypes, reject(function (_a) {
-            var uri = _a.uri;
-            return hiddenAttributes.includes(uri);
-        }))(metadata, entity.type, includeUris, excludeUris, hiddenAttributes);
-    }, [excludeUris, includeUris, metadata, entity]);
+    var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity]);
     var attributesCount = attributesCountProp || DEFAULT_ATTRIBUTES_COUNT;
     var attributesList = getAttributesListForReadMode(filteredAttrTypes, entity);
     var isShowAttributeList = attributesList.filter(function (_a) {