@reltio/components 1.4.2226 → 1.4.2228

package/cjs/features/crosswalks/AttributesTable/AttributesTable.test-data.js

@@ -1,34 +1,48 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.selectedAttributeTypes = exports.createMetadata = exports.createEntity = void 0;
-var createEntity = function () {
+exports.selectedAttributeTypes = exports.createMetadata = exports.createEntityWithoutAppliedRule = exports.createEntity = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var createEntity = function (_a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.withAppliedSurvivorshipRules, withAppliedSurvivorshipRules = _c === void 0 ? false : _c;
     return {
         uri: 'entities/01L2n5z',
         type: 'configuration/entityTypes/HCP',
         label: 'entity label',
         attributes: {
             Boolean: [
-                {
-                    ov: true,
-                    type: 'configuration/entityTypes/HCP/attributes/Boolean',
-                    uri: 'entities/01L2n5z/attributes/Boolean/5nmc3Cp',
-                    value: 'true'
-                }
+                __assign({ ov: true, type: 'configuration/entityTypes/HCP/attributes/Boolean', uri: 'entities/01L2n5z/attributes/Boolean/5nmc3Cp', value: 'true' }, (withAppliedSurvivorshipRules && {
+                    ovDetails: {
+                        participationStatus: mdm_sdk_1.ParticipationStatus.Strategy,
+                        appliedSurvivorshipRules: 'Frequency'
+                    }
+                }))
             ],
             TextField: [
-                {
-                    ov: true,
-                    type: 'configuration/entityTypes/HCP/attributes/TextField',
-                    uri: 'entities/01L2n5z/attributes/TextField/5noU1aB',
-                    value: 'text field value'
-                },
-                {
-                    ov: false,
-                    type: 'configuration/entityTypes/HCP/attributes/TextField',
-                    uri: 'entities/01L2n5z/attributes/TextField/5noU1aB',
-                    value: 'another text value',
-                    ignored: true
-                }
+                __assign({ ov: true, type: 'configuration/entityTypes/HCP/attributes/TextField', uri: 'entities/01L2n5z/attributes/TextField/5noU1aB', value: 'text field value' }, (withAppliedSurvivorshipRules && {
+                    ovDetails: {
+                        participationStatus: mdm_sdk_1.ParticipationStatus.Strategy,
+                        appliedSurvivorshipRules: { SRC_SYS: [{ SRC_SYS: ['SRC_SYS', 'Aggregation'] }, 'Frequency'] }
+                    }
+                })),
+                __assign({ ov: false, type: 'configuration/entityTypes/HCP/attributes/TextField', uri: 'entities/01L2n5z/attributes/TextField/5noU1aB', value: 'another text value', ignored: true }, (withAppliedSurvivorshipRules && {
+                    ovDetails: {
+                        participationStatus: mdm_sdk_1.ParticipationStatus.Strategy,
+                        appliedSurvivorshipRules: {
+                            SRC_SYS: [{ SRC_SYS: ['SRC_SYS', 'SRC_SYS'] }, { SRC_SYS: ['SRC_SYS'] }, 'LUD']
+                        }
+                    }
+                }))
             ],
             DeepNested: [
                 {
@@ -107,6 +121,22 @@ var createEntity = function () {
     };
 };
 exports.createEntity = createEntity;
+var createEntityWithoutAppliedRule = function () {
+    var entity = (0, exports.createEntity)({ withAppliedSurvivorshipRules: true });
+    return __assign(__assign({}, entity), { attributes: __assign(__assign({}, entity.attributes), { Boolean: [
+                {
+                    ov: true,
+                    type: 'configuration/entityTypes/HCP/attributes/Boolean',
+                    uri: 'entities/01L2n5z/attributes/Boolean/5nmc3CpPinned',
+                    value: 'false',
+                    ovDetails: {
+                        participationStatus: mdm_sdk_1.ParticipationStatus.Pinned,
+                        appliedSurvivorshipRules: 'N/A'
+                    }
+                }
+            ] }) });
+};
+exports.createEntityWithoutAppliedRule = createEntityWithoutAppliedRule;
 var createMetadata = function () {
     return {
         entityTypes: [

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

@@ -451,6 +451,62 @@ 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 = (0, test_utils_1.mockBasicTableSizing)();
+                    entity = (0, AttributesTable_test_data_1.createEntity)({ withAppliedSurvivorshipRules: true });
+                    user = setUp(__assign(__assign({}, defaultProps), { visibleColumns: undefined, entity: entity })).user;
+                    expect(react_2.screen.getByText('Rule type')).toBeInTheDocument();
+                    ruleTypeColumns = react_2.screen.getAllByTestId('column-name-ruleType');
+                    expect((0, react_2.within)(ruleTypeColumns[0]).getByText('Frequency')).toBeInTheDocument();
+                    ovValuesColumns = react_2.screen.getAllByTestId('column-name-ovValues');
+                    fallbackIcon = (0, test_utils_1.getMuiIconByName)('Info', ovValuesColumns[0]);
+                    return [4 /*yield*/, user.hover(fallbackIcon)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, react_2.screen.findByRole('tooltip')];
+                case 2:
+                    tooltip = _a.sent();
+                    expect((0, react_2.within)(tooltip).getByText('OV decision path')).toBeInTheDocument();
+                    expect((0, react_2.within)(tooltip).getAllByText('Source system').length).toBe(3);
+                    expect((0, react_2.within)(tooltip).getByText('Aggregation')).toBeInTheDocument();
+                    expect((0, react_2.within)(tooltip).getByText('Frequency')).toBeInTheDocument();
+                    expect((0, test_utils_1.getMuiIconsByName)('CancelOutlined', tooltip).length).toBe(4);
+                    expect((0, test_utils_1.getMuiIconByName)('CheckCircle', tooltip)).toBeInTheDocument();
+                    expect((0, react_2.within)(ruleTypeColumns[1]).getByText('Frequency')).toBeInTheDocument();
+                    expect((0, test_utils_1.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 = (0, test_utils_1.mockBasicTableSizing)();
+                    entity = (0, AttributesTable_test_data_1.createEntityWithoutAppliedRule)();
+                    user = setUp(__assign(__assign({}, defaultProps), { visibleColumns: undefined, entity: entity })).user;
+                    ruleTypeColumns = react_2.screen.getAllByTestId('column-name-ruleType');
+                    expect((0, react_2.within)(ruleTypeColumns[1]).getByText('N/A')).toBeInTheDocument();
+                    infoIcon = (0, test_utils_1.getMuiIconByName)('Info', ruleTypeColumns[1]);
+                    expect(infoIcon).toBeInTheDocument();
+                    return [4 /*yield*/, user.hover(infoIcon)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, react_2.screen.findByRole('tooltip')];
+                case 2:
+                    tooltip = _a.sent();
+                    expect((0, react_2.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;

package/cjs/features/crosswalks/AttributesTable/components/FallbackIndicator/FallbackIndicator.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { OvDetails } from '@reltio/mdm-sdk';
+type Props = {
+    ovDetails: OvDetails;
+};
+export declare const FallbackIndicator: ({ ovDetails }: Props) => React.JSX.Element;
+export {};

package/cjs/features/crosswalks/AttributesTable/components/FallbackIndicator/FallbackIndicator.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FallbackIndicator = void 0;
+var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var CheckCircle_1 = __importDefault(require("@mui/icons-material/CheckCircle"));
+var CancelOutlined_1 = __importDefault(require("@mui/icons-material/CancelOutlined"));
+var Info_1 = __importDefault(require("@mui/icons-material/Info"));
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var helpers_1 = require("../../helpers");
+var withTooltip_1 = require("../../../../../HOCs/withTooltip");
+var FallbackIndicator_module_css_1 = __importDefault(require("./FallbackIndicator.module.css"));
+var InfoIconWithTooltip = (0, withTooltip_1.withTooltip)(Info_1.default);
+var FallbackIndicator = function (_a) {
+    var ovDetails = _a.ovDetails;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var fallbackLabels = (0, helpers_1.getFallbackLabels)(metadata, ovDetails);
+    var renderTooltip = function () {
+        return (react_1.default.createElement("div", { className: FallbackIndicator_module_css_1.default.fallbackList },
+            react_1.default.createElement(Typography_1.default, { variant: "caption", className: FallbackIndicator_module_css_1.default.fallbackTitle }, ui_i18n_1.default.text('OV decision path')),
+            fallbackLabels.map(function (label, index) { return (react_1.default.createElement("div", { key: index, className: FallbackIndicator_module_css_1.default.fallbackItem },
+                index === fallbackLabels.length - 1 ? (react_1.default.createElement(CheckCircle_1.default, { className: FallbackIndicator_module_css_1.default.fallbackItemIcon })) : (react_1.default.createElement(CancelOutlined_1.default, { className: FallbackIndicator_module_css_1.default.fallbackItemIcon })),
+                react_1.default.createElement(Typography_1.default, { variant: "caption" }, label))); })));
+    };
+    return fallbackLabels.length > 0 ? (react_1.default.createElement(InfoIconWithTooltip, { tooltipTitle: renderTooltip(), className: FallbackIndicator_module_css_1.default.fallbackIcon })) : null;
+};
+exports.FallbackIndicator = FallbackIndicator;

package/cjs/features/crosswalks/AttributesTable/components/FallbackIndicator/FallbackIndicator.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"fallbackItem":"FallbackIndicator-fallbackItem--6CBy-","fallbackItemIcon":"FallbackIndicator-fallbackItemIcon--8HsII","fallbackList":"FallbackIndicator-fallbackList--3JCCL","fallbackTitle":"FallbackIndicator-fallbackTitle--abWeO","fallbackIcon":"FallbackIndicator-fallbackIcon--ox4Ec"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.FallbackIndicator-fallbackItem--6CBy-{align-items:center;color:hsla(0,0%,100%,.6);display:flex;font-size:13px;padding-top:8px;position:relative}.FallbackIndicator-fallbackItem--6CBy-:last-child{color:#fff}.FallbackIndicator-fallbackItem--6CBy-:not(:last-child):after{background:hsla(0,0%,100%,.6);content:"";height:8px;left:7px;position:absolute;top:28px;width:2px}.FallbackIndicator-fallbackItemIcon--8HsII{height:16px;margin-right:4px;width:16px}.FallbackIndicator-fallbackList--3JCCL{min-width:150px;padding-bottom:8px;padding-top:8px}.FallbackIndicator-fallbackTitle--abWeO{font-weight:500;padding-bottom:4px}.FallbackIndicator-fallbackIcon--ox4Ec{color:var(--mui-palette-text-secondary);height:16px;margin-left:4px;vertical-align:middle;width:16px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/crosswalks/AttributesTable/components/FallbackIndicator/index.d.ts

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

package/cjs/features/crosswalks/AttributesTable/components/FallbackIndicator/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FallbackIndicator = void 0;
+var FallbackIndicator_1 = require("./FallbackIndicator");
+Object.defineProperty(exports, "FallbackIndicator", { enumerable: true, get: function () { return FallbackIndicator_1.FallbackIndicator; } });

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

@@ -22,7 +22,9 @@ var ReadOnlyAttributeValuesBlock_1 = require("../../../../../ReadOnlyAttributeVa
 var AttributeTitle_1 = require("../../../../../AttributeTitle");
 var EntityContext_1 = require("../../../../../contexts/EntityContext");
 var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var FallbackIndicator_1 = require("../FallbackIndicator");
 var styles_1 = require("../../styles");
+var SyncedValueHeight_1 = require("../SyncedValueHeight");
 var styles_2 = require("./styles");
 var OvValuesRenderer = function (_a) {
     var _b = _a.value, values = _b.values, attributeType = _b.attributeType, someRowIsDragging = _a.someRowIsDragging, draggableProps = _a.draggableProps;
@@ -34,6 +36,6 @@ var OvValuesRenderer = function (_a) {
             react_1.default.createElement(DragIndicator_1.default, { className: styles.dragIndicatorIcon })),
         react_1.default.createElement(AttributeTitle_1.AttributeTitle, { className: styles.attributeTitle, label: attributeType.label }),
         !someRowIsDragging && (react_1.default.createElement(EntityContext_1.EntityContext.Provider, { value: entity },
-            react_1.default.createElement(ReadOnlyAttributeValuesBlock_1.ReadOnlyAttributeValuesBlock, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue })))));
+            react_1.default.createElement(ReadOnlyAttributeValuesBlock_1.ReadOnlyAttributeValuesBlock, { values: values, attributeType: attributeType, valueContainerClassName: styles.ovValue, AttributeValueWrapper: SyncedValueHeight_1.ValueHeightReporter, FallbackSlot: FallbackIndicator_1.FallbackIndicator })))));
 };
 exports.OvValuesRenderer = OvValuesRenderer;

package/cjs/features/crosswalks/AttributesTable/components/RuleTypeInfoButton/RuleTypeInfoButton.js

@@ -93,7 +93,7 @@ var RuleTypeInfoButton = function (_a) {
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
     var closePopup = function () { return setAnchorEl(null); };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Info_1.default, tooltipTitle: ui_i18n_1.default.text('View details'), size: 'XS', onClick: openPopup }),
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: Info_1.default, tooltipTitle: ui_i18n_1.default.text('View details'), size: 'XXS', onClick: openPopup }),
         react_1.default.createElement(Popover_1.default, { classes: { paper: styles.rulePopup }, open: !!anchorEl, anchorEl: anchorEl, onClose: closePopup, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right'

package/cjs/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: { ruleType, sourcesUriOrder, primaryAttributeUri, comparisonAttributeUri } }: Props) => React.JSX.Element;
+export declare const RuleTypeRenderer: ({ value: { ruleTypes } }: Props) => React.JSX.Element;
 export {};

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

@@ -2,24 +2,78 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RuleTypeRenderer = void 0;
 var react_1 = __importDefault(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var classnames_1 = __importDefault(require("classnames"));
+var Info_1 = __importDefault(require("@mui/icons-material/Info"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var withTooltip_1 = require("../../../../../HOCs/withTooltip");
 var RuleTypeInfoButton_1 = require("../RuleTypeInfoButton");
 var styles_1 = require("../../styles");
-var styles_2 = require("./styles");
+var SyncedValueHeight_1 = require("../SyncedValueHeight");
+var RuleTypeRenderer_module_css_1 = __importDefault(require("./RuleTypeRenderer.module.css"));
+var InfoIconWithTooltip = (0, withTooltip_1.withTooltip)(Info_1.default);
+var PARTICIPATION_STATUS_MAP = (_a = {},
+    Object.defineProperty(_a, mdm_sdk_1.ParticipationStatus.Pinned, {
+        get: function () {
+            return ui_i18n_1.default.text("Value survives because 'pin' flag is set. Survivorship not evaluated");
+        },
+        enumerable: false,
+        configurable: true
+    }),
+    Object.defineProperty(_a, mdm_sdk_1.ParticipationStatus.Ignored, {
+        get: function () {
+            return ui_i18n_1.default.text("Value did not participate in survivorship evaluation because 'ignore' flag is set");
+        },
+        enumerable: false,
+        configurable: true
+    }),
+    Object.defineProperty(_a, mdm_sdk_1.ParticipationStatus.EndDatedCrosswalk, {
+        get: function () {
+            return ui_i18n_1.default.text("Value did not participate in survivorship evaluation because it's crosswalk is end-dated");
+        },
+        enumerable: false,
+        configurable: true
+    }),
+    Object.defineProperty(_a, mdm_sdk_1.ParticipationStatus.NotParticipating, {
+        get: function () {
+            return ui_i18n_1.default.text('Value did not participate in survivorship evaluation because another value was pinned or the source was ignored');
+        },
+        enumerable: false,
+        configurable: true
+    }),
+    _a);
 var RuleTypeRenderer = function (_a) {
-    var _b = _a.value, ruleType = _b.ruleType, sourcesUriOrder = _b.sourcesUriOrder, primaryAttributeUri = _b.primaryAttributeUri, comparisonAttributeUri = _b.comparisonAttributeUri;
-    var styles = (0, styles_2.useStyles)();
+    var ruleTypes = _a.value.ruleTypes;
     var commonStyles = (0, styles_1.useCommonStyles)();
-    var showInfoIcon = sourcesUriOrder || primaryAttributeUri || comparisonAttributeUri;
-    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, commonStyles.basicCell) },
-        react_1.default.createElement("div", { className: styles.label }, ruleType.label),
-        showInfoIcon && (react_1.default.createElement(RuleTypeInfoButton_1.RuleTypeInfoButton, { info: {
-                sourcesUriOrder: sourcesUriOrder,
-                primaryAttributeUri: primaryAttributeUri,
-                comparisonAttributeUri: comparisonAttributeUri
-            } }))));
+    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_1.default.createElement("div", { className: RuleTypeRenderer_module_css_1.default.strategyItem },
+            react_1.default.createElement("div", { className: RuleTypeRenderer_module_css_1.default.label }, strategy.label),
+            showInfoIcon && (react_1.default.createElement(RuleTypeInfoButton_1.RuleTypeInfoButton, { info: {
+                    sourcesUriOrder: sourcesUriOrder,
+                    primaryAttributeUri: primaryAttributeUri,
+                    comparisonAttributeUri: comparisonAttributeUri
+                } }))));
+    };
+    var renderStatus = function (participationStatus) {
+        var description = PARTICIPATION_STATUS_MAP[participationStatus];
+        return (react_1.default.createElement("div", { className: RuleTypeRenderer_module_css_1.default.statusItem },
+            ui_i18n_1.default.text('N/A'),
+            description && react_1.default.createElement(InfoIconWithTooltip, { className: RuleTypeRenderer_module_css_1.default.infoIcon, tooltipTitle: description })));
+    };
+    var renderRuleType = function (item) {
+        if (item.type === 'status') {
+            return renderStatus(item.data);
+        }
+        return renderStrategy(item.data);
+    };
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(RuleTypeRenderer_module_css_1.default.list, commonStyles.basicCell) }, ruleTypes.map(function (item) { return (react_1.default.createElement(SyncedValueHeight_1.ValueHeightConsumer, { key: item.valueUri, uri: item.valueUri }, renderRuleType(item))); })));
 };
 exports.RuleTypeRenderer = RuleTypeRenderer;

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

@@ -0,0 +1,9 @@
+const styles = {"list":"RuleTypeRenderer-list--IejtI","label":"RuleTypeRenderer-label--9oONL","strategyItem":"RuleTypeRenderer-strategyItem--yfhkv","statusItem":"RuleTypeRenderer-statusItem--R23Qz","infoIcon":"RuleTypeRenderer-infoIcon--LVMk6"};
+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}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/features/crosswalks/AttributesTable/components/SyncedValueHeight/ValueHeightConsumer.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+type Props = {
+    uri: string;
+    children: ReactNode;
+};
+export declare const ValueHeightConsumer: ({ uri, children }: Props) => React.JSX.Element;
+export {};

package/cjs/features/crosswalks/AttributesTable/components/SyncedValueHeight/ValueHeightConsumer.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValueHeightConsumer = void 0;
+var react_1 = __importDefault(require("react"));
+var SyncedValueHeightsContext_1 = require("../../../contexts/SyncedValueHeightsContext");
+var ValueHeightConsumer = function (_a) {
+    var uri = _a.uri, children = _a.children;
+    var getHeight = (0, SyncedValueHeightsContext_1.useSyncedValueHeights)().getHeight;
+    var height = getHeight(uri);
+    return react_1.default.createElement("div", { style: height ? { minHeight: height } : undefined }, children);
+};
+exports.ValueHeightConsumer = ValueHeightConsumer;

package/cjs/features/crosswalks/AttributesTable/components/SyncedValueHeight/ValueHeightReporter.d.ts

@@ -0,0 +1,7 @@
+import React, { ReactNode } from 'react';
+type Props = {
+    uri: string;
+    children: ReactNode;
+};
+export declare const ValueHeightReporter: ({ uri, children }: Props) => React.JSX.Element;
+export {};

package/cjs/features/crosswalks/AttributesTable/components/SyncedValueHeight/ValueHeightReporter.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValueHeightReporter = void 0;
+var react_1 = __importStar(require("react"));
+var react_resize_detector_1 = __importDefault(require("react-resize-detector"));
+var SyncedValueHeightsContext_1 = require("../../../contexts/SyncedValueHeightsContext");
+var ValueHeightReporter = function (_a) {
+    var uri = _a.uri, children = _a.children;
+    var reportHeight = (0, SyncedValueHeightsContext_1.useSyncedValueHeights)().reportHeight;
+    var contentRef = (0, react_1.useRef)(null);
+    var lastHeightRef = (0, react_1.useRef)();
+    var report = (0, react_1.useCallback)(function () {
+        var _a;
+        var height = (_a = contentRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
+        if (!height || height === lastHeightRef.current)
+            return;
+        lastHeightRef.current = height;
+        reportHeight(uri, height);
+    }, [reportHeight, uri, lastHeightRef]);
+    (0, react_1.useLayoutEffect)(function () {
+        report();
+    }, [report]);
+    return (react_1.default.createElement("div", { ref: contentRef },
+        react_1.default.createElement(react_resize_detector_1.default, { handleHeight: true, onResize: report }),
+        children));
+};
+exports.ValueHeightReporter = ValueHeightReporter;

package/cjs/features/crosswalks/AttributesTable/components/SyncedValueHeight/index.d.ts

@@ -0,0 +1,2 @@
+export { ValueHeightConsumer } from './ValueHeightConsumer';
+export { ValueHeightReporter } from './ValueHeightReporter';

package/cjs/features/crosswalks/AttributesTable/components/SyncedValueHeight/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ValueHeightReporter = exports.ValueHeightConsumer = void 0;
+var ValueHeightConsumer_1 = require("./ValueHeightConsumer");
+Object.defineProperty(exports, "ValueHeightConsumer", { enumerable: true, get: function () { return ValueHeightConsumer_1.ValueHeightConsumer; } });
+var ValueHeightReporter_1 = require("./ValueHeightReporter");
+Object.defineProperty(exports, "ValueHeightReporter", { enumerable: true, get: function () { return ValueHeightReporter_1.ValueHeightReporter; } });

package/cjs/features/crosswalks/AttributesTable/helpers.d.ts

@@ -1,4 +1,4 @@
-import { AttributeType, AttributeValue, Crosswalk, Metadata, RecordAttributesType } from '@reltio/mdm-sdk';
+import { AppliedSurvivorshipRule, AttributeType, AttributeValue, Crosswalk, Metadata, OvDetails, RecordAttributesType } from '@reltio/mdm-sdk';
 import { CrosswalksMap } from '../../../types';
 import { CrosswalksByOwnerTypeMap } from '../types';
 import { AttributesTableRowValue, RuleTypeValues } from './types';
@@ -29,7 +29,9 @@ export declare const COLUMNS_DATA: ({
 })[];
 export declare const DEFAULT_VISIBLE_COLUMNS: string[];
 export declare const countAttributeValues: (type: string, values: AttributeValue[], crosswalksMap: CrosswalksMap) => number;
-export declare const getRuleTypeValues: (metadata: Metadata, attributeType: AttributeType, parentTypeUri: string, activeSurvivorshipGroupUri?: string) => RuleTypeValues;
+export declare const collectRuleNames: (rule: AppliedSurvivorshipRule | undefined) => string[];
+export declare const getFallbackLabels: (metadata: Metadata, ovDetails: OvDetails) => string[];
+export declare const getRuleTypeValues: (metadata: Metadata, attributeType: AttributeType, parentTypeUri: string, attributeValues: AttributeValue[], activeSurvivorshipGroupUri?: string) => RuleTypeValues;
 export declare const getWinnerCrosswalks: (attributeValues: AttributeValue[], crosswalksMap: CrosswalksMap) => Crosswalk[];
 export declare const getBasicTableColumnsData: any;
 export declare const getBasicTableRowsData: (metadata: Metadata, parentTypeUri: string, attrTypes: AttributeType[], columns: string[], crosswalksMap: CrosswalksByOwnerTypeMap, attributes: RecordAttributesType, activeSurvivorshipGroupUri?: string) => AttributesTableRowValue[];

package/cjs/features/crosswalks/AttributesTable/helpers.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -12,7 +23,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBasicTableRowsData = exports.getBasicTableColumnsData = exports.getWinnerCrosswalks = exports.getRuleTypeValues = exports.countAttributeValues = exports.DEFAULT_VISIBLE_COLUMNS = exports.COLUMNS_DATA = void 0;
+exports.getBasicTableRowsData = exports.getBasicTableColumnsData = exports.getWinnerCrosswalks = exports.getRuleTypeValues = exports.getFallbackLabels = exports.collectRuleNames = exports.countAttributeValues = exports.DEFAULT_VISIBLE_COLUMNS = exports.COLUMNS_DATA = void 0;
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -114,27 +125,95 @@ var fixReferencedAttributeUri = (0, ramda_1.curry)(function (parentType, attrTyp
         return attrTypeUri;
     }
 });
-var getRuleTypeValues = function (metadata, attributeType, parentTypeUri, activeSurvivorshipGroupUri) {
-    var _a, _b;
+var collectRuleNames = function (rule) {
+    if (!rule) {
+        return [];
+    }
+    if (typeof rule === 'string') {
+        return [rule];
+    }
+    var entries = Object.entries(rule);
+    return entries.flatMap(function (_a) {
+        var key = _a[0], value = _a[1];
+        return __spreadArray([key], value.flatMap(exports.collectRuleNames), true);
+    });
+};
+exports.collectRuleNames = collectRuleNames;
+var getFallbackLabels = function (metadata, ovDetails) {
+    if ((ovDetails === null || ovDetails === void 0 ? void 0 : ovDetails.participationStatus) && ovDetails.participationStatus !== mdm_sdk_1.ParticipationStatus.Strategy) {
+        return [];
+    }
+    var appliedRules = ovDetails === null || ovDetails === void 0 ? void 0 : ovDetails.appliedSurvivorshipRules;
+    var rules = (0, exports.collectRuleNames)(appliedRules);
+    if (rules.length <= 1) {
+        return [];
+    }
+    return rules.map(function (uri) { var _a; return ((_a = (0, mdm_sdk_1.getSurvivorshipStrategy)(metadata, uri)) === null || _a === void 0 ? void 0 : _a.label) || uri; });
+};
+exports.getFallbackLabels = getFallbackLabels;
+var getStrategyAdditionalFields = function (metadata, strategy, mapping, attributeType, currentSurvivorshipGroup) {
+    var fixUri = fixReferencedAttributeUri(attributeType);
+    var primaryAttributeUri = isOtherAttributeWinnerRule(strategy) ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.primaryAttributeUri) : undefined;
+    var comparisonAttributeUri = (0, mdm_sdk_1.isComplexAttribute)(attributeType) && isMinMaxValueRule(strategy)
+        ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.comparisonAttributeUri)
+        : undefined;
+    var sourcesUriOrder = isSourceSystemRule(strategy)
+        ? (0, ramda_1.uniq)(__spreadArray(__spreadArray(__spreadArray([], ((mapping === null || mapping === void 0 ? void 0 : mapping.sourcesUriOrder) || []), true), ((currentSurvivorshipGroup === null || currentSurvivorshipGroup === void 0 ? void 0 : currentSurvivorshipGroup.sourcesUriOrder) || []), true), getSourcesUriOrderFromMetadata(metadata), true))
+        : undefined;
+    return {
+        primaryAttributeUri: primaryAttributeUri,
+        comparisonAttributeUri: comparisonAttributeUri,
+        sourcesUriOrder: sourcesUriOrder
+    };
+};
+var getAppliedSurvivorshipRules = function (metadata, mapping, attributeType, attributeValues, currentSurvivorshipGroup) {
+    if ((0, mdm_sdk_1.isComplexAttribute)(attributeType) || !attributeValues) {
+        return [];
+    }
+    return (0, ramda_1.pipe)((0, ramda_1.filter)(isOvValue), (0, ramda_1.map)(function (value) {
+        var ovDetails = value.ovDetails;
+        if (!ovDetails || !ovDetails.appliedSurvivorshipRules) {
+            return null;
+        }
+        if (ovDetails.participationStatus === mdm_sdk_1.ParticipationStatus.Strategy) {
+            return { type: 'rule', data: ovDetails.appliedSurvivorshipRules, valueUri: value.uri };
+        }
+        return { type: 'status', data: ovDetails.participationStatus, valueUri: value.uri };
+    }), (0, ramda_1.reject)(ramda_1.isNil), (0, ramda_1.map)(function (ruleOrStatus) {
+        if (ruleOrStatus.type === 'status') {
+            return ruleOrStatus;
+        }
+        var appliedRules = (0, exports.collectRuleNames)(ruleOrStatus.data);
+        var lastRule = (0, mdm_sdk_1.getSurvivorshipStrategy)(metadata, (0, ramda_1.last)(appliedRules));
+        return lastRule
+            ? {
+                type: 'rule',
+                valueUri: ruleOrStatus.valueUri,
+                data: __assign({ strategy: lastRule }, getStrategyAdditionalFields(metadata, lastRule, mapping, attributeType, currentSurvivorshipGroup))
+            }
+            : null;
+    }), (0, ramda_1.reject)(ramda_1.isNil))(attributeValues);
+};
+var getRuleTypeValues = function (metadata, attributeType, parentTypeUri, attributeValues, activeSurvivorshipGroupUri) {
+    var _a, _b, _c, _d;
     var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find((0, ramda_1.propEq)('uri', parentTypeUri));
     var survivorshipGroups = (_a = parentType === null || parentType === void 0 ? void 0 : parentType.survivorshipGroups) !== null && _a !== void 0 ? _a : [];
     var currentSurvivorshipGroup = (activeSurvivorshipGroupUri && survivorshipGroups.find((0, ramda_1.propEq)('uri', activeSurvivorshipGroupUri))) ||
         survivorshipGroups.find((0, ramda_1.propEq)('default', true));
     var mapping = (_b = currentSurvivorshipGroup === null || currentSurvivorshipGroup === void 0 ? void 0 : currentSurvivorshipGroup.mapping) === null || _b === void 0 ? void 0 : _b.find((0, ramda_1.propEq)('attribute', attributeType.uri));
-    var ruleType = (0, mdm_sdk_1.getSurvivorshipStrategy)(metadata, mapping === null || mapping === void 0 ? void 0 : mapping.survivorshipStrategy) || (0, mdm_sdk_1.getDefaultSurvivorshipStrategy)(metadata);
-    var sourcesUriOrder = isSourceSystemRule(ruleType)
-        ? (0, ramda_1.uniq)(__spreadArray(__spreadArray(__spreadArray([], ((mapping === null || mapping === void 0 ? void 0 : mapping.sourcesUriOrder) || []), true), ((currentSurvivorshipGroup === null || currentSurvivorshipGroup === void 0 ? void 0 : currentSurvivorshipGroup.sourcesUriOrder) || []), true), getSourcesUriOrderFromMetadata(metadata), true))
-        : undefined;
-    var fixUri = fixReferencedAttributeUri(attributeType);
-    var primaryAttributeUri = isOtherAttributeWinnerRule(ruleType) ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.primaryAttributeUri) : undefined;
-    var comparisonAttributeUri = (0, mdm_sdk_1.isComplexAttribute)(attributeType) && isMinMaxValueRule(ruleType)
-        ? fixUri(mapping === null || mapping === void 0 ? void 0 : mapping.comparisonAttributeUri)
-        : undefined;
+    var defaultRuleType = (0, mdm_sdk_1.getSurvivorshipStrategy)(metadata, mapping === null || mapping === void 0 ? void 0 : mapping.survivorshipStrategy) || (0, mdm_sdk_1.getDefaultSurvivorshipStrategy)(metadata);
+    var appliedSurvivorshipRules = getAppliedSurvivorshipRules(metadata, mapping, attributeType, attributeValues, currentSurvivorshipGroup);
+    if (appliedSurvivorshipRules.length > 0) {
+        return { ruleTypes: appliedSurvivorshipRules };
+    }
     return {
-        ruleType: ruleType,
-        sourcesUriOrder: sourcesUriOrder,
-        primaryAttributeUri: primaryAttributeUri,
-        comparisonAttributeUri: comparisonAttributeUri
+        ruleTypes: [
+            {
+                type: 'rule',
+                valueUri: (_d = (_c = attributeValues === null || attributeValues === void 0 ? void 0 : attributeValues[0]) === null || _c === void 0 ? void 0 : _c.uri) !== null && _d !== void 0 ? _d : '',
+                data: __assign({ strategy: defaultRuleType }, getStrategyAdditionalFields(metadata, defaultRuleType, mapping, attributeType, currentSurvivorshipGroup))
+            }
+        ]
     };
 };
 exports.getRuleTypeValues = getRuleTypeValues;
@@ -181,7 +260,7 @@ var getRowValueForColumn = function (columnId, metadata, parentTypeUri, attribut
         case 'count':
             return (0, exports.countAttributeValues)(attributeType.type, attributeValues, crosswalksMap);
         case 'ruleType':
-            return (0, exports.getRuleTypeValues)(metadata, attributeType, parentTypeUri, activeSurvivorshipGroupUri);
+            return (0, exports.getRuleTypeValues)(metadata, attributeType, parentTypeUri, attributeValues, activeSurvivorshipGroupUri);
         case 'winnerSources':
             return { crosswalks: (0, exports.getWinnerCrosswalks)(attributeValues, crosswalksMap) };
         default: