@reltio/components 1.4.1819 → 1.4.1820

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

@@ -0,0 +1,193 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var InlineReferenceAttribute_1 = require("../../../../../InlineReferenceAttribute");
+var ReferenceAttributesRenderer_1 = require("./ReferenceAttributesRenderer");
+describe('ReferenceAttributesRenderer tests', function () {
+    it('should render correctly', function () {
+        var crosswalks = [
+            {
+                uri: 'entities/1/crosswalks/uAGtqeB.3VKnDCtBz',
+                type: 'configuration/sources/HMS',
+                value: 'cww2',
+                createDate: '2020-09-02T16:19:12.943Z',
+                updateDate: '2020-09-02T16:19:12.943Z',
+                attributeURIs: ['entities/1/attributes/Address/1/AddressLine/1', 'entities/1/attributes/Address/1']
+            },
+            {
+                uri: 'entities/1/crosswalks/uAGtuuR.3VKnDDiL5',
+                type: 'configuration/sources/HMS',
+                value: 'cwf2',
+                createDate: '2020-09-02T16:19:12.943Z',
+                updateDate: '2020-09-02T16:19:12.943Z',
+                attributeURIs: ['entities/1/attributes/Address/2/AddressLine1/1', 'entities/1/attributes/Address/2']
+            }
+        ];
+        var props = {
+            attributeValues: [
+                {
+                    label: 'Granada Aveue Santa Clara 1',
+                    relationshipLabel: 'Office',
+                    value: {
+                        AddressLine1: [
+                            {
+                                type: 'configuration/entityTypes/Location/attributes/AddressLine1',
+                                ov: true,
+                                value: '3588 Granada Aveue',
+                                uri: 'entities/1/attributes/Address/1/AddressLine1/1'
+                            }
+                        ]
+                    },
+                    ov: true,
+                    uri: 'entities/1/attributes/Address/1',
+                    refEntity: {
+                        type: 'configuration/entityTypes/Location',
+                        crosswalks: [
+                            {
+                                uri: 'entities/1/crosswalks/1YWdmjzf.3VKnDCovj',
+                                type: 'configuration/sources/HMS',
+                                value: 'cww1',
+                                createDate: '2020-09-02T16:19:12.943Z',
+                                updateDate: '2020-09-02T16:19:12.943Z',
+                                attributeURIs: [
+                                    'entities/1/attributes/Address/1/AddressLine1/1',
+                                    'entities/1/attributes/Address/1'
+                                ]
+                            }
+                        ],
+                        objectURI: 'entities/1'
+                    },
+                    refRelation: {
+                        type: 'configuration/relationTypes/HasAddress',
+                        crosswalks: [
+                            {
+                                uri: 'entities/1/crosswalks/uAGtqeB.3VKnDCtBz',
+                                type: 'configuration/sources/HMS',
+                                value: 'cww2',
+                                createDate: '2020-09-02T16:19:12.943Z',
+                                updateDate: '2020-09-02T16:19:12.943Z',
+                                attributeURIs: [
+                                    'entities/1/attributes/Address/1/AddressLine/1',
+                                    'entities/1/attributes/Address/1'
+                                ]
+                            }
+                        ],
+                        startRefPinned: false,
+                        endRefPinned: false,
+                        startRefIgnored: false,
+                        endRefIgnored: false,
+                        objectURI: 'relations/1'
+                    }
+                },
+                {
+                    label: 'Granada Aveue Santa Clara 2',
+                    relationshipLabel: 'Office',
+                    value: {
+                        AddressLine1: [
+                            {
+                                type: 'configuration/entityTypes/Location/attributes/AddressLine1',
+                                ov: true,
+                                value: '3587 Granada Aveue',
+                                uri: 'entities/1/attributes/Address/2/AddressLine1/1'
+                            }
+                        ]
+                    },
+                    ov: true,
+                    uri: 'entities/1/attributes/Address/2',
+                    refEntity: {
+                        type: 'configuration/entityTypes/Location',
+                        crosswalks: [
+                            {
+                                uri: 'entities/1/crosswalks/1YWdmsWB.3VKnDDe4p',
+                                type: 'configuration/sources/HMS',
+                                value: 'cwf1',
+                                createDate: '2020-09-02T16:19:12.943Z',
+                                updateDate: '2020-09-02T16:19:12.943Z',
+                                attributeURIs: [
+                                    'entities/1/attributes/Address/2/AddressLine1/1',
+                                    'entities/1/attributes/Address/2'
+                                ]
+                            }
+                        ],
+                        objectURI: 'entities/1'
+                    },
+                    refRelation: {
+                        type: 'configuration/relationTypes/HasAddress',
+                        crosswalks: [
+                            {
+                                uri: 'entities/1/crosswalks/uAGtuuR.3VKnDDiL5',
+                                type: 'configuration/sources/HMS',
+                                value: 'cwf2',
+                                createDate: '2020-09-02T16:19:12.943Z',
+                                updateDate: '2020-09-02T16:19:12.943Z',
+                                attributeURIs: [
+                                    'entities/1/attributes/Address/2/AddressLine1/1',
+                                    'entities/1/attributes/Address/2'
+                                ]
+                            }
+                        ],
+                        startRefPinned: false,
+                        endRefPinned: false,
+                        startRefIgnored: false,
+                        endRefIgnored: false,
+                        objectURI: 'relations/2'
+                    }
+                }
+            ],
+            attributeType: {
+                label: 'Address',
+                name: 'Address',
+                type: 'Reference',
+                uri: 'configuration/entityTypes/HCP/attributes/Address',
+                referencedAttributeURIs: ['configuration/entityTypes/Location/attributes/AddressLine1'],
+                relationshipTypeURI: 'configuration/relationTypes/HasAddress'
+            },
+            crosswalksMap: {
+                'entities/1/attributes/Address/1': [crosswalks[0]],
+                'entities/1/attributes/Address/1/AddressLine1/1': [crosswalks[0]],
+                'entities/1/attributes/Address/2': [crosswalks[1]],
+                'entities/1/attributes/Address/2/AddressLine1/1': [crosswalks[1]]
+            },
+            onPin: jest.fn(),
+            onIgnore: jest.fn(),
+            onEdit: jest.fn(),
+            onAdd: jest.fn(),
+            onDelete: jest.fn(),
+            parentUri: 'entities/1',
+            emptyTempAttributeUris: []
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(ReferenceAttributesRenderer_1.ReferenceAttributesRenderer, __assign({}, props)));
+        var values = wrapper.find(InlineReferenceAttribute_1.InlineReferenceAttribute);
+        expect(values.length).toBe(2);
+        var attributeValues = props.attributeValues, otherProps = __rest(props, ["attributeValues"]);
+        values.forEach(function (value, index) {
+            expect(value.props()).toEqual(__assign({ attributeValue: attributeValues[index] }, otherProps));
+        });
+    });
+});

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

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

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

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

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

@@ -0,0 +1,8 @@
+import { RowCellRendererProps } from '../../types';
+type Props = {
+    someRowIsDragging?: boolean;
+    dragRef?: boolean;
+    isDragLayer?: boolean;
+} & RowCellRendererProps;
+export declare const RowCellRenderer: ({ cell, CellValueRenderer, columnIndex, columnData, someRowIsDragging, ...otherProps }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,42 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RowCellRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var styles_1 = require("../../styles");
+var styles_2 = require("./styles");
+var RowCellRenderer = function (_a) {
+    var _b;
+    var cell = _a.cell, CellValueRenderer = _a.CellValueRenderer, columnIndex = _a.columnIndex, columnData = _a.columnData, someRowIsDragging = _a.someRowIsDragging, otherProps = __rest(_a, ["cell", "CellValueRenderer", "columnIndex", "columnData", "someRowIsDragging"]);
+    var styles = (0, styles_2.useStyles)();
+    var commonStyles = (0, styles_1.useCommonStyles)();
+    var isFirstColumn = columnIndex === 0;
+    var shouldRenderCell = !someRowIsDragging || isFirstColumn;
+    return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.root, (_b = {}, _b[commonStyles.coloredCell] = isFirstColumn, _b)), "data-reltio-id": "column-name-".concat(columnData.id) }, shouldRenderCell && (react_1.default.createElement(react_1.default.Fragment, null, cell.values.map(function (value, index) { return (react_1.default.createElement(CellValueRenderer, __assign({ key: index, value: value, someRowIsDragging: someRowIsDragging }, otherProps))); })))));
+};
+exports.RowCellRenderer = RowCellRenderer;

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

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

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

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

package/cjs/features/crosswalks/AttributesTable/components/RowCellRenderer/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    root: {
+        fontSize: '13px',
+        overflow: 'hidden'
+    }
+});

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

@@ -0,0 +1,9 @@
+type Props = {
+    info: {
+        sourcesUriOrder?: string[];
+        primaryAttributeUri?: string;
+        comparisonAttributeUri?: string;
+    };
+};
+export declare const RuleTypeInfoButton: ({ info }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,113 @@
+"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.RuleTypeInfoButton = void 0;
+var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var List_1 = __importDefault(require("@mui/material/List"));
+var ListItem_1 = __importDefault(require("@mui/material/ListItem"));
+var ListItemText_1 = __importDefault(require("@mui/material/ListItemText"));
+var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var Info_1 = __importDefault(require("@mui/icons-material/Info"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var SmallIconButton_1 = require("../../../../../SmallIconButton");
+var SourceIcon_1 = require("../../../../../SourceIcon");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var styles_1 = require("./styles");
+var SourcesRenderer = function (_a) {
+    var sourcesUriOrder = _a.sourcesUriOrder, metadata = _a.metadata;
+    var styles = (0, styles_1.useStyles)();
+    return (react_1.default.createElement(react_1.default.Fragment, null, sourcesUriOrder.map(function (sourceUri) { return (react_1.default.createElement(ListItem_1.default, { key: sourceUri, className: styles.popupItem },
+        react_1.default.createElement(SourceIcon_1.SourceIcon, { className: styles.sourceIcon, sourceType: sourceUri }),
+        react_1.default.createElement(ListItemText_1.default, { primary: (0, mdm_sdk_1.getSourceSystemLabel)(metadata, sourceUri), primaryTypographyProps: { variant: 'body2' } }))); })));
+};
+var AttributeRenderer = function (_a) {
+    var attributeUri = _a.attributeUri, metadata = _a.metadata;
+    var styles = (0, styles_1.useStyles)();
+    var attributeType = (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attributeUri);
+    return (react_1.default.createElement(ListItem_1.default, { key: attributeType.uri, className: styles.popupItem },
+        react_1.default.createElement(ListItemText_1.default, { primary: (0, mdm_sdk_1.getLabel)(attributeType.label), primaryTypographyProps: { variant: 'body2' } })));
+};
+var getInfoTitle = (0, ramda_1.cond)([
+    [(0, ramda_1.prop)('sourcesUriOrder'), function () { return ui_i18n_1.default.text('Source sequence'); }],
+    [(0, ramda_1.prop)('primaryAttributeUri'), function () { return ui_i18n_1.default.text('Attribute winner'); }],
+    [(0, ramda_1.prop)('comparisonAttributeUri'), function () { return ui_i18n_1.default.text('Comparison attribute'); }]
+]);
+var getInfoContent = (0, ramda_1.cond)([
+    [
+        (0, ramda_1.prop)('sourcesUriOrder'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
+            var sourcesUriOrder = _a.sourcesUriOrder;
+            return react_1.default.createElement(SourcesRenderer, { metadata: metadata, sourcesUriOrder: sourcesUriOrder });
+        }
+    ],
+    [
+        (0, ramda_1.prop)('primaryAttributeUri'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
+            var primaryAttributeUri = _a.primaryAttributeUri;
+            return (react_1.default.createElement(AttributeRenderer, { metadata: metadata, attributeUri: primaryAttributeUri }));
+        }
+    ],
+    [
+        (0, ramda_1.prop)('comparisonAttributeUri'),
+        // eslint-disable-next-line react/display-name
+        function (_a, metadata) {
+            var comparisonAttributeUri = _a.comparisonAttributeUri;
+            return (react_1.default.createElement(AttributeRenderer, { metadata: metadata, attributeUri: comparisonAttributeUri }));
+        }
+    ]
+]);
+var RuleTypeInfoButton = function (_a) {
+    var info = _a.info;
+    var styles = (0, styles_1.useStyles)();
+    var _b = (0, react_1.useState)(null), anchorEl = _b[0], setAnchorEl = _b[1];
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    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(Popover_1.default, { classes: { paper: styles.rulePopup }, open: !!anchorEl, anchorEl: anchorEl, onClose: closePopup, anchorOrigin: {
+                vertical: 'bottom',
+                horizontal: 'right'
+            }, transformOrigin: {
+                vertical: 'top',
+                horizontal: 'right'
+            } },
+            react_1.default.createElement("div", { className: styles.popupTitleWrapper },
+                react_1.default.createElement(IconButton_1.default, { className: styles.closeButton, onClick: closePopup, size: "large" },
+                    react_1.default.createElement(Close_1.default, null)),
+                react_1.default.createElement(Typography_1.default, { variant: 'subtitle1', className: styles.popupTitle }, getInfoTitle(info))),
+            react_1.default.createElement(List_1.default, { component: "div", className: styles.popupItemsWrapper }, getInfoContent(info, metadata)))));
+};
+exports.RuleTypeInfoButton = RuleTypeInfoButton;

package/cjs/features/crosswalks/AttributesTable/components/RuleTypeInfoButton/RuleTypeInfoButton.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var Info_1 = __importDefault(require("@mui/icons-material/Info"));
+var SmallIconButton_1 = require("../../../../../SmallIconButton");
+var RuleTypeInfoButton_1 = require("./RuleTypeInfoButton");
+describe('RuleTypeInfoButton tests', function () {
+    it('should render correctly', function () {
+        var info = {
+            sourcesUriOrder: ['configuration/sources/CGD', 'configuration/sources/DNO']
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(RuleTypeInfoButton_1.RuleTypeInfoButton, { info: info }));
+        expect(wrapper.find(SmallIconButton_1.SmallIconButtonWithTooltip).props()).toMatchObject({
+            icon: Info_1.default,
+            tooltipTitle: 'View details'
+        });
+    });
+});

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

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

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

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

package/cjs/features/crosswalks/AttributesTable/components/RuleTypeInfoButton/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"closeButton" | "popupTitle" | "sourceIcon" | "rulePopup" | "popupItem" | "popupTitleWrapper" | "popupItemsWrapper">;

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    rulePopup: {
+        width: '270px',
+        overflowY: 'hidden'
+    },
+    popupItem: {
+        paddingBottom: '5px',
+        paddingTop: '5px'
+    },
+    sourceIcon: {
+        height: '16px',
+        width: '16px',
+        marginRight: '9px',
+        fontSize: '14px'
+    },
+    closeButton: {
+        height: 24,
+        width: 24
+    },
+    popupTitle: {
+        fontWeight: 500,
+        marginLeft: '12px'
+    },
+    popupTitleWrapper: {
+        display: 'flex',
+        paddingLeft: 16,
+        paddingTop: 16
+    },
+    popupItemsWrapper: {
+        overflowY: 'auto',
+        maxHeight: '280px'
+    }
+});

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

@@ -0,0 +1,6 @@
+import { RuleTypeValues } from '../../types';
+type Props = {
+    value: RuleTypeValues;
+};
+export declare const RuleTypeRenderer: ({ value: { ruleType, sourcesUriOrder, primaryAttributeUri, comparisonAttributeUri } }: Props) => JSX.Element;
+export {};

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RuleTypeRenderer = void 0;
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var RuleTypeInfoButton_1 = require("../RuleTypeInfoButton");
+var styles_1 = require("../../styles");
+var styles_2 = require("./styles");
+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 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
+            } }))));
+};
+exports.RuleTypeRenderer = RuleTypeRenderer;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var enzyme_1 = require("enzyme");
+var RuleTypeRenderer_1 = require("./RuleTypeRenderer");
+var RuleTypeInfoButton_1 = require("../RuleTypeInfoButton");
+describe('RuleTypeRenderer tests', function () {
+    it('should render simple rule correctly', function () {
+        var value = {
+            ruleType: {
+                uri: 'configuration/survivorshipStrategies/LUD',
+                label: 'Recency'
+            }
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(RuleTypeRenderer_1.RuleTypeRenderer, { value: value }));
+        expect(wrapper.find('.label').text()).toBe('Recency');
+        expect(wrapper.find(RuleTypeInfoButton_1.RuleTypeInfoButton).length).toBe(0);
+    });
+    it('should render correctly if it has sourcesUriOrder prop', function () {
+        var value = {
+            ruleType: {
+                uri: 'configuration/survivorshipStrategies/SRC_SYS',
+                label: 'Source system'
+            },
+            sourcesUriOrder: ['configuration/sources/CGD', 'configuration/sources/DNO']
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(RuleTypeRenderer_1.RuleTypeRenderer, { value: value }));
+        expect(wrapper.find('.label').text()).toBe('Source system');
+        expect(wrapper.find(RuleTypeInfoButton_1.RuleTypeInfoButton).length).toBe(1);
+    });
+    it('should render correctly if it has primaryAttributeUri prop', function () {
+        var value = {
+            ruleType: {
+                uri: 'configuration/survivorshipStrategies/OtherAttributeWinnerCrosswalk',
+                label: 'Other Attribute Winner Crosswalk'
+            },
+            primaryAttributeUri: 'configuration/entityTypes/HCP/attributes/CountryCode'
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(RuleTypeRenderer_1.RuleTypeRenderer, { value: value }));
+        expect(wrapper.find('.label').text()).toBe('Other Attribute Winner Crosswalk');
+        expect(wrapper.find(RuleTypeInfoButton_1.RuleTypeInfoButton).length).toBe(1);
+    });
+    it('should render correctly if it has comparisonAttributeUri prop', function () {
+        var value = {
+            ruleType: {
+                uri: 'configuration/survivorshipStrategies/MinValue',
+                label: 'Minimum value'
+            },
+            comparisonAttributeUri: 'configuration/relationTypes/HasAddress/attributes/Status'
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(RuleTypeRenderer_1.RuleTypeRenderer, { value: value }));
+        expect(wrapper.find('.label').text()).toBe('Minimum value');
+        expect(wrapper.find(RuleTypeInfoButton_1.RuleTypeInfoButton).length).toBe(1);
+    });
+});

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

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

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

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

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

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "root">;

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@mui/styles");
+exports.useStyles = (0, styles_1.makeStyles)({
+    root: {
+        display: 'flex',
+        alignItems: 'center'
+    },
+    label: {
+        marginRight: '5px'
+    }
+});

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

@@ -0,0 +1,2 @@
+import { AttributesRendererProps } from '../../types';
+export declare const SimpleAttributesRenderer: ({ attributeValues, ...props }: AttributesRendererProps) => JSX.Element;