@reltio/components 1.4.2231 → 1.4.2233

package/features/crosswalks/AttributesTable/AttributesTable.test.js

@@ -62,7 +62,7 @@ import { mockDndKit } from '../../../test-utils/dndKit';
 import { DndContext } from '@dnd-kit/core';
 import { getMuiIconByName, getMuiIconsByName, mockBasicTableSizing } from '../../../test-utils';
 import { MdmModuleProvider } from '../../../contexts/MdmModuleContext';
-import { createEntity, createEntityWithoutAppliedRule, createMetadata, selectedAttributeTypes } from './AttributesTable.test-data';
+import { createEntity, createEntityWithAllParticipationStatuses, createMetadata, selectedAttributeTypes } from './AttributesTable.test-data';
 import AttributesTable from './AttributesTable';
 jest.mock('@dnd-kit/core', function () { return mockDndKit; });
 jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { debounce: function (x) { return x; } })); });
@@ -446,62 +446,6 @@ describe('attribute table tests', function () {
             }
         });
     }); });
-    it('should render rule type column and fallback icons correctly according to applied survivorship rules', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var unmockTableSizing, entity, user, ruleTypeColumns, ovValuesColumns, fallbackIcon, tooltip;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    unmockTableSizing = mockBasicTableSizing();
-                    entity = createEntity({ withAppliedSurvivorshipRules: true });
-                    user = setUp(__assign(__assign({}, defaultProps), { visibleColumns: undefined, entity: entity })).user;
-                    expect(screen.getByText('Rule type')).toBeInTheDocument();
-                    ruleTypeColumns = screen.getAllByTestId('column-name-ruleType');
-                    expect(within(ruleTypeColumns[0]).getByText('Frequency')).toBeInTheDocument();
-                    ovValuesColumns = screen.getAllByTestId('column-name-ovValues');
-                    fallbackIcon = getMuiIconByName('Info', ovValuesColumns[0]);
-                    return [4 /*yield*/, user.hover(fallbackIcon)];
-                case 1:
-                    _a.sent();
-                    return [4 /*yield*/, screen.findByRole('tooltip')];
-                case 2:
-                    tooltip = _a.sent();
-                    expect(within(tooltip).getByText('OV decision path')).toBeInTheDocument();
-                    expect(within(tooltip).getAllByText('Source system').length).toBe(3);
-                    expect(within(tooltip).getByText('Aggregation')).toBeInTheDocument();
-                    expect(within(tooltip).getByText('Frequency')).toBeInTheDocument();
-                    expect(getMuiIconsByName('CancelOutlined', tooltip).length).toBe(4);
-                    expect(getMuiIconByName('CheckCircle', tooltip)).toBeInTheDocument();
-                    expect(within(ruleTypeColumns[1]).getByText('Frequency')).toBeInTheDocument();
-                    expect(getMuiIconByName('Info', ovValuesColumns[1])).not.toBeInTheDocument();
-                    unmockTableSizing();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
-    it('should render N/A rule type and show tooltip in case of not participating value', function () { return __awaiter(void 0, void 0, void 0, function () {
-        var unmockTableSizing, entity, user, ruleTypeColumns, infoIcon, tooltip;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    unmockTableSizing = mockBasicTableSizing();
-                    entity = createEntityWithoutAppliedRule();
-                    user = setUp(__assign(__assign({}, defaultProps), { visibleColumns: undefined, entity: entity })).user;
-                    ruleTypeColumns = screen.getAllByTestId('column-name-ruleType');
-                    expect(within(ruleTypeColumns[1]).getByText('N/A')).toBeInTheDocument();
-                    infoIcon = getMuiIconByName('Info', ruleTypeColumns[1]);
-                    expect(infoIcon).toBeInTheDocument();
-                    return [4 /*yield*/, user.hover(infoIcon)];
-                case 1:
-                    _a.sent();
-                    return [4 /*yield*/, screen.findByRole('tooltip')];
-                case 2:
-                    tooltip = _a.sent();
-                    expect(within(tooltip).getByText("Value survives because 'pin' flag is set. Survivorship not evaluated")).toBeInTheDocument();
-                    unmockTableSizing();
-                    return [2 /*return*/];
-            }
-        });
-    }); });
     describe('Edit attributes', function () {
         it('should edit attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
             var unmockTableSizing, entity, onEdit, props, user;
@@ -825,4 +769,294 @@ describe('attribute table tests', function () {
             }
         });
     }); });
+    describe('rule type column behaviour', function () {
+        it('should render rule type column and fallback icons correctly according to applied survivorship rules for simple attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var unmockTableSizing, entity, user, ruleTypeColumns, ovValuesColumns, fallbackIcon, tooltip;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        unmockTableSizing = mockBasicTableSizing();
+                        entity = createEntity({ withAppliedSurvivorshipRules: true });
+                        user = setUp(__assign(__assign({}, defaultProps), { visibleColumns: undefined, entity: entity })).user;
+                        expect(screen.getByText('Rule type')).toBeInTheDocument();
+                        ruleTypeColumns = screen.getAllByTestId('column-name-ruleType');
+                        expect(within(ruleTypeColumns[0]).getByText('Frequency')).toBeInTheDocument();
+                        ovValuesColumns = screen.getAllByTestId('column-name-ovValues');
+                        fallbackIcon = getMuiIconByName('Info', ovValuesColumns[0]);
+                        return [4 /*yield*/, user.hover(fallbackIcon)];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 2:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText('OV decision path')).toBeInTheDocument();
+                        expect(within(tooltip).getAllByText('Source system').length).toBe(3);
+                        expect(within(tooltip).getByText('Aggregation')).toBeInTheDocument();
+                        expect(within(tooltip).getByText('Frequency')).toBeInTheDocument();
+                        expect(getMuiIconsByName('CancelOutlined', tooltip).length).toBe(4);
+                        expect(getMuiIconByName('CheckCircle', tooltip)).toBeInTheDocument();
+                        expect(within(ruleTypeColumns[1]).getByText('Frequency')).toBeInTheDocument();
+                        expect(getMuiIconByName('Info', ovValuesColumns[1])).not.toBeInTheDocument();
+                        unmockTableSizing();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render N/A rule type and show tooltips for all participation statuses', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var unmockTableSizing, entity, user, ruleTypeColumns, infoIcons, tooltip;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        unmockTableSizing = mockBasicTableSizing();
+                        entity = createEntityWithAllParticipationStatuses();
+                        user = setUp(__assign(__assign({}, defaultProps), { visibleColumns: undefined, entity: entity })).user;
+                        ruleTypeColumns = screen.getAllByTestId('column-name-ruleType');
+                        expect(within(ruleTypeColumns[1]).getAllByText('N/A')).toHaveLength(4);
+                        infoIcons = getMuiIconsByName('Info', ruleTypeColumns[1]);
+                        expect(infoIcons).toHaveLength(4);
+                        return [4 /*yield*/, user.hover(infoIcons[0])];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 2:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText("Value survives because 'pin' flag is set. Survivorship not evaluated")).toBeInTheDocument();
+                        return [4 /*yield*/, user.hover(infoIcons[1])];
+                    case 3:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 4:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText("Value did not participate in survivorship evaluation because 'ignore' flag is set")).toBeInTheDocument();
+                        return [4 /*yield*/, user.hover(infoIcons[2])];
+                    case 5:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 6:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText('Value did not participate in survivorship evaluation because its crosswalk is end-dated')).toBeInTheDocument();
+                        return [4 /*yield*/, user.hover(infoIcons[3])];
+                    case 7:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 8:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText('Value did not participate in survivorship evaluation because another value was pinned or the source was ignored')).toBeInTheDocument();
+                        unmockTableSizing();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render correct rule type column for nested attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var unmockTableSizing, entity, user, nestedRuleTypeCell, expandButton;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        unmockTableSizing = mockBasicTableSizing();
+                        entity = createEntity({ withAppliedSurvivorshipRules: true });
+                        user = setUp(__assign(__assign({}, defaultProps), { entity: entity, visibleColumns: undefined })).user;
+                        nestedRuleTypeCell = getCellByIndexes(2, 1);
+                        expect(within(nestedRuleTypeCell).getByText('Source system')).toBeInTheDocument();
+                        expandButton = within(nestedRuleTypeCell).getByTestId('arrow-expand-button');
+                        expect(expandButton).toBeInTheDocument();
+                        expect(within(nestedRuleTypeCell).queryByText('Int_HCP')).not.toBeInTheDocument();
+                        expect(within(nestedRuleTypeCell).queryByText('Recency')).not.toBeInTheDocument();
+                        return [4 /*yield*/, user.click(expandButton)];
+                    case 1:
+                        _a.sent();
+                        expect(within(nestedRuleTypeCell).getByText('Int_HCP')).toBeInTheDocument();
+                        expect(within(nestedRuleTypeCell).getByText('Recency')).toBeInTheDocument();
+                        return [4 /*yield*/, user.click(expandButton)];
+                    case 2:
+                        _a.sent();
+                        expect(within(nestedRuleTypeCell).queryByText('Int_HCP')).not.toBeInTheDocument();
+                        expect(within(nestedRuleTypeCell).queryByText('Recency')).not.toBeInTheDocument();
+                        unmockTableSizing();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render correct rule type column for reference attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var unmockTableSizing, entity, user, referenceRuleTypeCell, expandButton;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        unmockTableSizing = mockBasicTableSizing();
+                        entity = createEntity({ withAppliedSurvivorshipRules: true });
+                        user = setUp(__assign(__assign({}, defaultProps), { entity: entity, visibleColumns: undefined })).user;
+                        referenceRuleTypeCell = getCellByIndexes(3, 1);
+                        expect(within(referenceRuleTypeCell).getByText('Minimum value')).toBeInTheDocument();
+                        expandButton = within(referenceRuleTypeCell).getByTestId('arrow-expand-button');
+                        expect(expandButton).toBeInTheDocument();
+                        expect(within(referenceRuleTypeCell).queryByText('Address Line 1')).not.toBeInTheDocument();
+                        expect(within(referenceRuleTypeCell).queryByText('Frequency')).not.toBeInTheDocument();
+                        return [4 /*yield*/, user.click(expandButton)];
+                    case 1:
+                        _a.sent();
+                        expect(within(referenceRuleTypeCell).getByText('Address Line 1')).toBeInTheDocument();
+                        expect(within(referenceRuleTypeCell).getByText('Frequency')).toBeInTheDocument();
+                        return [4 /*yield*/, user.click(expandButton)];
+                    case 2:
+                        _a.sent();
+                        expect(within(referenceRuleTypeCell).queryByText('Address Line 1')).not.toBeInTheDocument();
+                        expect(within(referenceRuleTypeCell).queryByText('Frequency')).not.toBeInTheDocument();
+                        unmockTableSizing();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should synchronize expansion between nested OV values and rule type columns', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var unmockTableSizing, entity, user, nestedOvValuesCell, nestedRuleTypeCell, ovExpandButton, ruleTypeExpandButton;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        unmockTableSizing = mockBasicTableSizing();
+                        entity = createEntity({ withAppliedSurvivorshipRules: true });
+                        user = setUp(__assign(__assign({}, defaultProps), { entity: entity, visibleColumns: undefined })).user;
+                        nestedOvValuesCell = getCellByIndexes(2, 0);
+                        nestedRuleTypeCell = getCellByIndexes(2, 1);
+                        ovExpandButton = within(nestedOvValuesCell).getByTestId('arrow-expand-button');
+                        ruleTypeExpandButton = within(nestedRuleTypeCell).getByTestId('arrow-expand-button');
+                        expect(within(nestedOvValuesCell).queryByText('Int_HCP')).not.toBeInTheDocument();
+                        expect(within(nestedRuleTypeCell).queryByText('Int_HCP')).not.toBeInTheDocument();
+                        return [4 /*yield*/, user.click(ovExpandButton)];
+                    case 1:
+                        _a.sent();
+                        expect(within(nestedOvValuesCell).getByText('Int_HCP')).toBeInTheDocument();
+                        expect(within(nestedRuleTypeCell).getByText('Int_HCP')).toBeInTheDocument();
+                        return [4 /*yield*/, user.click(ovExpandButton)];
+                    case 2:
+                        _a.sent();
+                        expect(within(nestedOvValuesCell).queryByText('Int_HCP')).not.toBeInTheDocument();
+                        expect(within(nestedRuleTypeCell).queryByText('Int_HCP')).not.toBeInTheDocument();
+                        return [4 /*yield*/, user.click(ruleTypeExpandButton)];
+                    case 3:
+                        _a.sent();
+                        expect(within(nestedOvValuesCell).getByText('Int_HCP')).toBeInTheDocument();
+                        expect(within(nestedRuleTypeCell).getByText('Int_HCP')).toBeInTheDocument();
+                        unmockTableSizing();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should synchronize expansion between reference OV values and rule type columns', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var unmockTableSizing, entity, user, referenceOvValuesCell, referenceRuleTypeCell, ovExpandButton, ruleTypeExpandButton;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        unmockTableSizing = mockBasicTableSizing();
+                        entity = createEntity({ withAppliedSurvivorshipRules: true });
+                        user = setUp(__assign(__assign({}, defaultProps), { entity: entity, visibleColumns: undefined })).user;
+                        referenceOvValuesCell = getCellByIndexes(3, 0);
+                        referenceRuleTypeCell = getCellByIndexes(3, 1);
+                        ovExpandButton = within(referenceOvValuesCell).getByTestId('arrow-expand-button');
+                        ruleTypeExpandButton = within(referenceRuleTypeCell).getByTestId('arrow-expand-button');
+                        expect(within(referenceOvValuesCell).queryByText('Address Line 1')).not.toBeInTheDocument();
+                        expect(within(referenceRuleTypeCell).queryByText('Address Line 1')).not.toBeInTheDocument();
+                        return [4 /*yield*/, user.click(ovExpandButton)];
+                    case 1:
+                        _a.sent();
+                        expect(within(referenceOvValuesCell).getByText('Address Line 1')).toBeInTheDocument();
+                        expect(within(referenceRuleTypeCell).getByText('Address Line 1')).toBeInTheDocument();
+                        return [4 /*yield*/, user.click(ovExpandButton)];
+                    case 2:
+                        _a.sent();
+                        expect(within(referenceOvValuesCell).queryByText('Address Line 1')).not.toBeInTheDocument();
+                        expect(within(referenceRuleTypeCell).queryByText('Address Line 1')).not.toBeInTheDocument();
+                        return [4 /*yield*/, user.click(ruleTypeExpandButton)];
+                    case 3:
+                        _a.sent();
+                        expect(within(referenceOvValuesCell).getByText('Address Line 1')).toBeInTheDocument();
+                        expect(within(referenceRuleTypeCell).getByText('Address Line 1')).toBeInTheDocument();
+                        unmockTableSizing();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render fallback icons correctly for nested attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var unmockTableSizing, entity, user, ovValueCell, fallbackIcon, tooltip, fallbackIcons;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        unmockTableSizing = mockBasicTableSizing();
+                        entity = createEntity({ withAppliedSurvivorshipRules: true });
+                        user = setUp(__assign(__assign({}, defaultProps), { visibleColumns: undefined, entity: entity })).user;
+                        ovValueCell = screen.getAllByTestId('column-name-ovValues')[2];
+                        fallbackIcon = getMuiIconByName('Info', ovValueCell);
+                        return [4 /*yield*/, user.hover(fallbackIcon)];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 2:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText('OV decision path')).toBeInTheDocument();
+                        expect(within(tooltip).getAllByText('Source system').length).toBe(3);
+                        expect(within(tooltip).getByText('Aggregation')).toBeInTheDocument();
+                        expect(within(tooltip).getByText('Recency')).toBeInTheDocument();
+                        return [4 /*yield*/, user.unhover(fallbackIcon)];
+                    case 3:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(within(ovValueCell).getByTestId('arrow-expand-button'))];
+                    case 4:
+                        _a.sent();
+                        fallbackIcons = getMuiIconsByName('Info', ovValueCell);
+                        expect(fallbackIcons.length).toBe(2);
+                        return [4 /*yield*/, user.hover(fallbackIcons[1])];
+                    case 5:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 6:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText('OV decision path')).toBeInTheDocument();
+                        expect(within(tooltip).getAllByText('Recency').length).toBe(4);
+                        expect(within(tooltip).getByText('Frequency')).toBeInTheDocument();
+                        unmockTableSizing();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should render fallback icons correctly for reference attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var unmockTableSizing, entity, user, ovValueCell, fallbackIcon, tooltip, fallbackIcons;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        unmockTableSizing = mockBasicTableSizing();
+                        entity = createEntity({ withAppliedSurvivorshipRules: true });
+                        user = setUp(__assign(__assign({}, defaultProps), { visibleColumns: undefined, entity: entity })).user;
+                        ovValueCell = screen.getAllByTestId('column-name-ovValues')[3];
+                        fallbackIcon = getMuiIconByName('Info', ovValueCell);
+                        return [4 /*yield*/, user.hover(fallbackIcon)];
+                    case 1:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 2:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText('OV decision path')).toBeInTheDocument();
+                        expect(within(tooltip).getAllByText('Minimum value').length).toBe(2);
+                        expect(within(tooltip).getByText('Frequency')).toBeInTheDocument();
+                        expect(within(tooltip).getByText('Recency')).toBeInTheDocument();
+                        return [4 /*yield*/, user.unhover(fallbackIcon)];
+                    case 3:
+                        _a.sent();
+                        return [4 /*yield*/, user.click(within(ovValueCell).getByTestId('arrow-expand-button'))];
+                    case 4:
+                        _a.sent();
+                        fallbackIcons = getMuiIconsByName('Info', ovValueCell);
+                        expect(fallbackIcons.length).toBe(2);
+                        return [4 /*yield*/, user.hover(fallbackIcons[1])];
+                    case 5:
+                        _a.sent();
+                        return [4 /*yield*/, screen.findByRole('tooltip')];
+                    case 6:
+                        tooltip = _a.sent();
+                        expect(within(tooltip).getByText('OV decision path')).toBeInTheDocument();
+                        expect(within(tooltip).getAllByText('Frequency').length).toBe(3);
+                        expect(within(tooltip).getByText('Recency')).toBeInTheDocument();
+                        expect(within(tooltip).getByText('Minimum value')).toBeInTheDocument();
+                        unmockTableSizing();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
 });

package/features/crosswalks/AttributesTable/components/AttributeRule/AttributeRule.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { AttributeType, AttributeValue } from '@reltio/mdm-sdk';
+import { RuleTypeValues } from '../../types';
+type Props = {
+    attributeType: AttributeType;
+    values: AttributeValue[];
+    getRuleTypeData: RuleTypeValues['getRuleTypeData'];
+    parentUri?: string;
+};
+export declare const AttributeRule: ({ attributeType, values, getRuleTypeData, parentUri }: Props) => React.JSX.Element;
+export {};

package/features/crosswalks/AttributesTable/components/AttributeRule/AttributeRule.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import classnames from 'classnames';
+import { filter } from 'ramda';
+import { isComplexAttribute, isOv } from '@reltio/mdm-sdk';
+import { ComplexRule } from '../ComplexRule';
+import { SimpleRule } from '../SimpleRule';
+import { AttributeTitle } from '../../../../../AttributeTitle';
+import { ValueHeightConsumer } from '../../../../../SyncedValueHeight';
+import styles from './AttributeRule.module.css';
+export var AttributeRule = function (_a) {
+    var attributeType = _a.attributeType, values = _a.values, getRuleTypeData = _a.getRuleTypeData, parentUri = _a.parentUri;
+    var ovValues = filter(isOv, values);
+    var blockUri = parentUri ? "".concat(parentUri, "/").concat(attributeType.uri) : attributeType.uri;
+    var renderValue = function (value) {
+        var content = isComplexAttribute(attributeType) ? (React.createElement(ComplexRule, { attributeType: attributeType, attributeValue: value, getRuleTypeData: getRuleTypeData })) : (React.createElement(SimpleRule, { attributeValue: value, attributeType: attributeType, getRuleTypeData: getRuleTypeData }));
+        return (React.createElement(ValueHeightConsumer, { key: value.uri, uri: value.uri }, content));
+    };
+    return ovValues.length === 1 && !isComplexAttribute(attributeType) ? (React.createElement(ValueHeightConsumer, { uri: ovValues[0].uri },
+        React.createElement("div", { className: styles.oneLineRule },
+            React.createElement(AttributeTitle, { label: attributeType.label, className: classnames(styles.label, styles.labelMargin) }),
+            React.createElement(SimpleRule, { attributeValue: ovValues[0], attributeType: attributeType, getRuleTypeData: getRuleTypeData })))) : (React.createElement(ValueHeightConsumer, { uri: blockUri },
+        React.createElement(React.Fragment, null,
+            React.createElement(AttributeTitle, { label: attributeType.label, className: styles.label }),
+            React.createElement("div", { className: styles.valuesList }, values.map(renderValue)))));
+};

package/features/crosswalks/AttributesTable/components/AttributeRule/AttributeRule.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"label":"AttributeRule-label--61r2v","labelMargin":"AttributeRule-labelMargin--xs5k8","oneLineRule":"AttributeRule-oneLineRule--wyGzN","valuesList":"AttributeRule-valuesList--0M64-"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.AttributeRule-label--61r2v{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.AttributeRule-labelMargin--xs5k8{margin-right:12px}.AttributeRule-oneLineRule--wyGzN{align-items:center;display:flex}.AttributeRule-valuesList--0M64-{margin-left:9px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/crosswalks/AttributesTable/components/AttributeRule/index.d.ts

@@ -0,0 +1 @@
+export { AttributeRule } from './AttributeRule';

package/features/crosswalks/AttributesTable/components/AttributeRule/index.js

@@ -0,0 +1 @@
+export { AttributeRule } from './AttributeRule';

package/features/crosswalks/AttributesTable/components/ComplexRule/ComplexRule.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AttributeType } from '@reltio/mdm-sdk';
+import { AttributeValueLite, RuleTypeValues } from '../../types';
+type Props = {
+    attributeType: AttributeType;
+    attributeValue: AttributeValueLite;
+    getRuleTypeData: RuleTypeValues['getRuleTypeData'];
+};
+export declare const ComplexRule: ({ attributeType, attributeValue, getRuleTypeData }: Props) => React.JSX.Element;
+export {};

package/features/crosswalks/AttributesTable/components/ComplexRule/ComplexRule.js

@@ -0,0 +1,30 @@
+import React, { useCallback } from 'react';
+import { getAttributesListForReadMode, getAttributeTypeSubAttributes } from '@reltio/mdm-sdk';
+import { ArrowExpandButton } from '../../../../../ArrowExpandButton';
+import { BranchDecorator } from '../../../../../BranchDecorator';
+import { useSyncedExpandedAttributes } from '../../../../../contexts/SyncedExpandedAttributesContext';
+import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
+import { SimpleRule } from '../SimpleRule';
+import { AttributeRule } from '../AttributeRule';
+import styles from './ComplexRule.module.css';
+export var ComplexRule = function (_a) {
+    var attributeType = _a.attributeType, attributeValue = _a.attributeValue, getRuleTypeData = _a.getRuleTypeData;
+    var metadata = useMdmMetadata();
+    var expandedContext = useSyncedExpandedAttributes();
+    var attributeUri = attributeValue.uri;
+    var expanded = expandedContext ? expandedContext.isExpanded(attributeUri) : false;
+    var toggle = useCallback(function () {
+        if (expandedContext && attributeUri) {
+            expandedContext.toggle(attributeUri);
+        }
+    }, [expandedContext, attributeUri]);
+    var subAttributes = getAttributeTypeSubAttributes(metadata, attributeType);
+    var entity = { attributes: attributeValue.value };
+    var attributesList = getAttributesListForReadMode(subAttributes, entity, false, []);
+    return (React.createElement("div", null,
+        React.createElement("div", { className: styles.expandableRule },
+            React.createElement(ArrowExpandButton, { expanded: expanded, onClick: toggle }),
+            React.createElement(SimpleRule, { attributeValue: attributeValue, attributeType: attributeType, getRuleTypeData: getRuleTypeData })),
+        expanded && (React.createElement("div", null, attributesList.map(function (item) { return (React.createElement(BranchDecorator, { key: item.attrType.uri, enabled: true, className: styles.rulePaddingWrapper },
+            React.createElement(AttributeRule, { attributeType: item.attrType, values: item.values, getRuleTypeData: getRuleTypeData, parentUri: attributeUri }))); })))));
+};

package/features/crosswalks/AttributesTable/components/ComplexRule/ComplexRule.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"expandableRule":"ComplexRule-expandableRule--p9mC6","rulePaddingWrapper":"ComplexRule-rulePaddingWrapper--fBmSa"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.ComplexRule-expandableRule--p9mC6{align-items:center;display:flex;min-height:18px}.ComplexRule-rulePaddingWrapper--fBmSa{padding-bottom:1px}.ComplexRule-rulePaddingWrapper--fBmSa:last-child{padding-bottom:2px}`;
+    head.appendChild(style);
+}
+export default styles;

package/features/crosswalks/AttributesTable/components/ComplexRule/index.d.ts

@@ -0,0 +1 @@
+export { ComplexRule } from './ComplexRule';

package/features/crosswalks/AttributesTable/components/ComplexRule/index.js

@@ -0,0 +1 @@
+export { ComplexRule } from './ComplexRule';

package/features/crosswalks/AttributesTable/components/OvValuesRenderer/OvValuesRenderer.js

@@ -18,7 +18,7 @@ import { EntityContext } from '../../../../../contexts/EntityContext';
 import { useMdmEntity } from '../../../../../contexts/MdmModuleContext';
 import { FallbackIndicator } from '../FallbackIndicator';
 import { useCommonStyles } from '../../styles';
-import { ValueHeightReporter } from '../SyncedValueHeight';
+import { ValueHeightReporter } from '../../../../../SyncedValueHeight';
 import { useStyles } from './styles';
 export var OvValuesRenderer = function (_a) {
     var _b = _a.value, values = _b.values, attributeType = _b.attributeType, someRowIsDragging = _a.someRowIsDragging, draggableProps = _a.draggableProps;

package/features/crosswalks/AttributesTable/components/RuleTypeRenderer/RuleTypeRenderer.d.ts

@@ -3,5 +3,5 @@ import { RuleTypeValues } from '../../types';
 type Props = {
     value: RuleTypeValues;
 };
-export declare const RuleTypeRenderer: ({ value: { ruleTypes } }: Props) => React.JSX.Element;
+export declare const RuleTypeRenderer: ({ value: { attributeType, attributeValues, getRuleTypeData } }: Props) => React.JSX.Element;
 export {};

package/features/crosswalks/AttributesTable/components/RuleTypeRenderer/RuleTypeRenderer.js

@@ -1,72 +1,13 @@
-var _a;
 import React from 'react';
-import i18n from 'ui-i18n';
 import classnames from 'classnames';
-import InfoIcon from '@mui/icons-material/Info';
-import { ParticipationStatus } from '@reltio/mdm-sdk';
-import { withTooltip } from '../../../../../HOCs/withTooltip';
-import { RuleTypeInfoButton } from '../RuleTypeInfoButton';
+import { isComplexAttribute } from '@reltio/mdm-sdk';
 import { useCommonStyles } from '../../styles';
-import { ValueHeightConsumer } from '../SyncedValueHeight';
+import { ValueHeightConsumer } from '../../../../../SyncedValueHeight';
+import { SimpleRule } from '../SimpleRule';
+import { ComplexRule } from '../ComplexRule';
 import styles from './RuleTypeRenderer.module.css';
-var InfoIconWithTooltip = withTooltip(InfoIcon);
-var PARTICIPATION_STATUS_MAP = (_a = {},
-    Object.defineProperty(_a, ParticipationStatus.Pinned, {
-        get: function () {
-            return i18n.text("Value survives because 'pin' flag is set. Survivorship not evaluated");
-        },
-        enumerable: false,
-        configurable: true
-    }),
-    Object.defineProperty(_a, ParticipationStatus.Ignored, {
-        get: function () {
-            return i18n.text("Value did not participate in survivorship evaluation because 'ignore' flag is set");
-        },
-        enumerable: false,
-        configurable: true
-    }),
-    Object.defineProperty(_a, ParticipationStatus.EndDatedCrosswalk, {
-        get: function () {
-            return i18n.text("Value did not participate in survivorship evaluation because it's crosswalk is end-dated");
-        },
-        enumerable: false,
-        configurable: true
-    }),
-    Object.defineProperty(_a, ParticipationStatus.NotParticipating, {
-        get: function () {
-            return i18n.text('Value did not participate in survivorship evaluation because another value was pinned or the source was ignored');
-        },
-        enumerable: false,
-        configurable: true
-    }),
-    _a);
 export var RuleTypeRenderer = function (_a) {
-    var ruleTypes = _a.value.ruleTypes;
+    var _b = _a.value, attributeType = _b.attributeType, attributeValues = _b.attributeValues, getRuleTypeData = _b.getRuleTypeData;
     var commonStyles = useCommonStyles();
-    var renderStrategy = function (data) {
-        var strategy = data.strategy, primaryAttributeUri = data.primaryAttributeUri, comparisonAttributeUri = data.comparisonAttributeUri, sourcesUriOrder = data.sourcesUriOrder;
-        if (!strategy)
-            return null;
-        var showInfoIcon = sourcesUriOrder || primaryAttributeUri || comparisonAttributeUri;
-        return (React.createElement("div", { className: styles.strategyItem },
-            React.createElement("div", { className: styles.label }, strategy.label),
-            showInfoIcon && (React.createElement(RuleTypeInfoButton, { info: {
-                    sourcesUriOrder: sourcesUriOrder,
-                    primaryAttributeUri: primaryAttributeUri,
-                    comparisonAttributeUri: comparisonAttributeUri
-                } }))));
-    };
-    var renderStatus = function (participationStatus) {
-        var description = PARTICIPATION_STATUS_MAP[participationStatus];
-        return (React.createElement("div", { className: styles.statusItem },
-            i18n.text('N/A'),
-            description && React.createElement(InfoIconWithTooltip, { className: styles.infoIcon, tooltipTitle: description })));
-    };
-    var renderRuleType = function (item) {
-        if (item.type === 'status') {
-            return renderStatus(item.data);
-        }
-        return renderStrategy(item.data);
-    };
-    return (React.createElement("div", { className: classnames(styles.list, commonStyles.basicCell) }, ruleTypes.map(function (item) { return (React.createElement(ValueHeightConsumer, { key: item.valueUri, uri: item.valueUri }, renderRuleType(item))); })));
+    return (React.createElement("div", { className: classnames(styles.list, commonStyles.basicCell) }, attributeValues.length === 0 ? (React.createElement(SimpleRule, { attributeType: attributeType, getRuleTypeData: getRuleTypeData })) : (attributeValues.map(function (attributeValue) { return (React.createElement(ValueHeightConsumer, { key: attributeValue.uri, uri: attributeValue.uri }, isComplexAttribute(attributeType) ? (React.createElement(ComplexRule, { attributeType: attributeType, attributeValue: attributeValue, getRuleTypeData: getRuleTypeData })) : (React.createElement(SimpleRule, { attributeType: attributeType, attributeValue: attributeValue, getRuleTypeData: getRuleTypeData })))); }))));
 };

package/features/crosswalks/AttributesTable/components/RuleTypeRenderer/RuleTypeRenderer.module.css.js

@@ -1,9 +1,9 @@
-const styles = {"list":"RuleTypeRenderer-list--IejtI","label":"RuleTypeRenderer-label--9oONL","strategyItem":"RuleTypeRenderer-strategyItem--yfhkv","statusItem":"RuleTypeRenderer-statusItem--R23Qz","infoIcon":"RuleTypeRenderer-infoIcon--LVMk6"};
+const styles = {"list":"RuleTypeRenderer-list--IejtI"};
 if (typeof document !== 'undefined') {
     const head = document.head || document.getElementsByTagName('head')[0]
     const style = document.createElement('style');
     style.type = 'text/css'
-    style.innerHTML = `.RuleTypeRenderer-list--IejtI:before{content:"";display:block;height:20px}.RuleTypeRenderer-list--IejtI>div+div{margin-top:4px}.RuleTypeRenderer-label--9oONL{margin-right:5px}.RuleTypeRenderer-statusItem--R23Qz,.RuleTypeRenderer-strategyItem--yfhkv{align-items:center;display:flex}.RuleTypeRenderer-infoIcon--LVMk6{color:var(--mui-palette-text-secondary);height:16px;margin-left:4px;width:16px}`;
+    style.innerHTML = `.RuleTypeRenderer-list--IejtI{font-size:13px;line-height:16px}.RuleTypeRenderer-list--IejtI:before{content:"";display:block;height:20px}.RuleTypeRenderer-list--IejtI>div+div{margin-top:4px}`;
     head.appendChild(style);
 }
 export default styles;

package/features/crosswalks/AttributesTable/components/SimpleRule/SimpleRule.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { AttributeType } from '@reltio/mdm-sdk';
+import { AttributeValueLite, RuleTypeValues } from '../../types';
+type Props = {
+    attributeType: AttributeType;
+    attributeValue?: AttributeValueLite;
+    getRuleTypeData: RuleTypeValues['getRuleTypeData'];
+};
+export declare const SimpleRule: ({ attributeType, attributeValue, getRuleTypeData }: Props) => React.JSX.Element;
+export {};