@reltio/components 1.4.1836-hf → 1.4.1837

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

@@ -0,0 +1,323 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+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 react_2 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var react_dnd_1 = require("react-dnd");
+var react_dnd_html5_backend_1 = __importDefault(require("react-dnd-html5-backend"));
+var test_utils_1 = require("../../../test-utils");
+var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
+var IntegrationAttributesTable_test_data_1 = require("./IntegrationAttributesTable.test-data");
+var AttributesTable_1 = __importDefault(require("./AttributesTable"));
+jest.mock('@reltio/mdm-sdk', function () { return (__assign(__assign({}, jest.requireActual('@reltio/mdm-sdk')), { debounce: function (x) { return x; } })); });
+var visibleColumns = ['ovValues', 'values'];
+var selectedAttributeTypes = [
+    {
+        description: 'String Attribute',
+        label: '<h1>String</h1>',
+        name: 'TextField',
+        type: 'String',
+        uri: 'configuration/entityTypes/HCP/attributes/TextField'
+    },
+    {
+        description: 'Yes or No',
+        label: 'Boolean',
+        name: 'Boolean',
+        type: 'Boolean',
+        uri: 'configuration/entityTypes/HCP/attributes/Boolean'
+    }
+];
+var crosswalksMap = {
+    entity: {
+        'entities/01L2n5z/attributes/Boolean/5nmc3Cp': [
+            {
+                attributes: [
+                    'entities/01L2n5z/attributes/TextField/5noU1aB',
+                    'entities/01L2n5z/attributes/Boolean/5nmc3Cp'
+                ],
+                type: 'configuration/sources/Reltio',
+                uri: 'entities/01L2n5z/crosswalks/7F10sMx',
+                value: '01L2n5z'
+            }
+        ],
+        'entities/01L2n5z/attributes/TextField/5noU1aB': [
+            {
+                attributes: [
+                    'entities/01L2n5z/attributes/TextField/5noU1aB',
+                    'entities/01L2n5z/attributes/Boolean/5nmc3Cp'
+                ],
+                type: 'configuration/sources/Reltio',
+                uri: 'entities/01L2n5z/crosswalks/7F10sMx',
+                value: '01L2n5z'
+            }
+        ]
+    },
+    relation: {}
+};
+var metadata = (0, IntegrationAttributesTable_test_data_1.createMetadata)();
+var defaultProps = {
+    entity: (0, IntegrationAttributesTable_test_data_1.createEntity)(),
+    isLoading: false,
+    crosswalksMap: crosswalksMap,
+    visibleColumns: visibleColumns,
+    onChangeVisibleColumns: function () { },
+    readOnly: false,
+    onDelete: function () { },
+    onPin: function () { },
+    onIgnore: function () { },
+    onEdit: function () { },
+    onAdd: function () { },
+    selectedAttributeTypes: selectedAttributeTypes,
+    onSelectAttributeTypes: function () { },
+    additionalHeaderItems: null,
+    className: 'className',
+    emptyTempAttributeUris: []
+};
+var setUp = function (props) {
+    var user = user_event_1.default.setup({ delay: null, skipHover: true });
+    var Providers = function (_a) {
+        var children = _a.children;
+        return (react_1.default.createElement(react_dnd_1.DndProvider, { backend: react_dnd_html5_backend_1.default },
+            react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata } }, children)));
+    };
+    var renderer = (0, react_2.render)(react_1.default.createElement(AttributesTable_1.default, __assign({}, props)), { wrapper: Providers });
+    return __assign(__assign({}, renderer), { user: user });
+};
+describe('attribute table tests', function () {
+    var getRowByIndex = function (index) {
+        var fixHeadAndFirstColumnContainer = react_2.screen.queryByTestId('fix-head-and-fix-column-container');
+        return (0, react_2.within)(fixHeadAndFirstColumnContainer).queryAllByTestId("base-cell-".concat(index));
+    };
+    var getCellByIndexes = function (rowIndex, columnIndex) {
+        var row = getRowByIndex(rowIndex);
+        return row[columnIndex];
+    };
+    var editTextFieldAttribute = function (user) { return __awaiter(void 0, void 0, void 0, function () {
+        var attribute;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    attribute = (0, react_2.within)(getCellByIndexes(0, 1)).getByTestId('value-index-0');
+                    return [4 /*yield*/, user.hover(attribute)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.click((0, react_2.within)(attribute).queryByRole('button', { name: 'More actions' }))];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.click(react_2.screen.getByText('Edit'))];
+                case 3:
+                    _a.sent();
+                    return [4 /*yield*/, user.type(react_2.screen.getByRole('textbox'), 'newValue')];
+                case 4:
+                    _a.sent();
+                    return [4 /*yield*/, user.keyboard('[Enter]')];
+                case 5:
+                    _a.sent();
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    xit('should drag and drop rows correctly', function () {
+        jest.useFakeTimers();
+        var unmockTableSizing = (0, test_utils_1.mockBasicTableSizing)();
+        var onSelectAttributeTypes = jest.fn();
+        var props = __assign(__assign({}, defaultProps), { onSelectAttributeTypes: onSelectAttributeTypes });
+        setUp(props);
+        expect((0, react_2.within)(getCellByIndexes(1, 0)).queryByText('Yes')).toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(1, 0)).queryByText('Boolean')).toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(1, 1)).queryByText('Yes')).toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(0, 0)).queryByText('text field value')).toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(0, 0)).queryByText('<h1>String</h1>')).toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(0, 1)).queryByText('text field value')).toBeInTheDocument();
+        var dragIndicator = getCellByIndexes(0, 0).querySelector('.dragIndicator');
+        react_2.fireEvent.dragStart(dragIndicator);
+        jest.runAllTimers();
+        expect((0, react_2.within)(getCellByIndexes(1, 0)).queryByText('Yes')).not.toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(1, 0)).queryByText('Boolean')).toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(1, 1)).queryByText('Yes')).not.toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(0, 0)).queryByText('text field value')).not.toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(0, 0)).queryByText('<h1>String</h1>')).toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(0, 1)).queryByText('text field value')).not.toBeInTheDocument();
+        var dropRow = getCellByIndexes(1, 0);
+        react_2.fireEvent.dragEnter(dropRow);
+        expect((0, react_2.within)(getCellByIndexes(0, 0)).queryByText('Boolean')).toBeInTheDocument();
+        expect((0, react_2.within)(getCellByIndexes(1, 0)).queryByText('<h1>String</h1>')).toBeInTheDocument();
+        react_2.fireEvent.dragEnd(dropRow);
+        expect(onSelectAttributeTypes).toHaveBeenCalledWith([selectedAttributeTypes[1], selectedAttributeTypes[0]]);
+        unmockTableSizing();
+    });
+    it('should not call onDelete when user clicks No and then Yes in confirmation dialog on deleting attribute', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var unmockTableSizing, onDelete, props, user, attribute, moreButton, deleteButton, dialog, declineButton, confirmButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    unmockTableSizing = (0, test_utils_1.mockBasicTableSizing)();
+                    onDelete = jest.fn();
+                    props = __assign(__assign({}, defaultProps), { onDelete: onDelete });
+                    user = setUp(props).user;
+                    attribute = (0, react_2.within)(getCellByIndexes(1, 1)).getByTestId('value-index-0');
+                    return [4 /*yield*/, user.hover(attribute)];
+                case 1:
+                    _a.sent();
+                    moreButton = (0, react_2.within)(attribute).getByRole('button', { name: 'More actions' });
+                    return [4 /*yield*/, user.click(moreButton)];
+                case 2:
+                    _a.sent();
+                    deleteButton = react_2.screen.getByText('Delete');
+                    return [4 /*yield*/, user.click(deleteButton)];
+                case 3:
+                    _a.sent();
+                    dialog = react_2.screen.getByRole('dialog');
+                    declineButton = (0, react_2.within)(dialog).getByText('No');
+                    confirmButton = (0, react_2.within)(dialog).getByText('Yes');
+                    react_2.fireEvent.click(declineButton);
+                    react_2.fireEvent.click(confirmButton);
+                    expect(onDelete).not.toBeCalled();
+                    unmockTableSizing();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should pin and ignore auto generated attributes', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var unmockTableSizing, onPin, onIgnore, selectedAttributeTypes, props, user, attribute, pinButton, ignoreButton;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    unmockTableSizing = (0, test_utils_1.mockBasicTableSizing)();
+                    onPin = jest.fn();
+                    onIgnore = jest.fn();
+                    selectedAttributeTypes = [
+                        {
+                            description: 'Yes or No',
+                            label: 'Boolean',
+                            name: 'Boolean',
+                            type: 'Boolean',
+                            uri: 'configuration/entityTypes/HCP/attributes/Boolean',
+                            autoGenerated: true
+                        }
+                    ];
+                    props = __assign(__assign({}, defaultProps), { selectedAttributeTypes: selectedAttributeTypes, onPin: onPin, onIgnore: onIgnore });
+                    user = setUp(props).user;
+                    attribute = (0, react_2.within)(getCellByIndexes(0, 1)).getByTestId('value-index-0');
+                    return [4 /*yield*/, user.hover(attribute)];
+                case 1:
+                    _a.sent();
+                    pinButton = (0, react_2.within)(attribute).getByLabelText('Pin').querySelector('button');
+                    ignoreButton = (0, react_2.within)(attribute).getByLabelText('Ignore').querySelector('button');
+                    expect((0, react_2.within)(attribute).queryByRole('button', { name: 'More actions' })).not.toBeInTheDocument();
+                    return [4 /*yield*/, user.click(pinButton)];
+                case 2:
+                    _a.sent();
+                    expect(onPin).toBeCalled();
+                    return [4 /*yield*/, user.click(ignoreButton)];
+                case 3:
+                    _a.sent();
+                    expect(onIgnore).toBeCalled();
+                    unmockTableSizing();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call on edit only once in case of dblClick on "Safe without ignore"', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onEdit, unmockTableSizing, entity, props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onEdit = jest.fn();
+                    unmockTableSizing = (0, test_utils_1.mockBasicTableSizing)();
+                    entity = (0, IntegrationAttributesTable_test_data_1.createEntity)();
+                    entity.attributes.TextField[0].ignored = true;
+                    props = __assign(__assign({}, defaultProps), { entity: entity, onEdit: onEdit });
+                    user = setUp(props).user;
+                    return [4 /*yield*/, editTextFieldAttribute(user)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.dblClick(react_2.screen.getByText('Ok'))];
+                case 2:
+                    _a.sent();
+                    expect(onEdit).toBeCalledTimes(1);
+                    unmockTableSizing();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+    it('should call on edit only once in case of dblClick on "Save and apply Ignore to new value"', function () { return __awaiter(void 0, void 0, void 0, function () {
+        var onEdit, unmockTableSizing, entity, props, user;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    onEdit = jest.fn();
+                    unmockTableSizing = (0, test_utils_1.mockBasicTableSizing)();
+                    entity = (0, IntegrationAttributesTable_test_data_1.createEntity)();
+                    entity.attributes.TextField[0].ignored = true;
+                    props = __assign(__assign({}, defaultProps), { entity: entity, onEdit: onEdit });
+                    user = setUp(props).user;
+                    return [4 /*yield*/, editTextFieldAttribute(user)];
+                case 1:
+                    _a.sent();
+                    return [4 /*yield*/, user.dblClick(react_2.screen.getByText('Save and apply Ignore to new value'))];
+                case 2:
+                    _a.sent();
+                    return [4 /*yield*/, user.dblClick(react_2.screen.getByText('Ok'))];
+                case 3:
+                    _a.sent();
+                    expect(onEdit).toBeCalledTimes(1);
+                    unmockTableSizing();
+                    return [2 /*return*/];
+            }
+        });
+    }); });
+});

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

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const _default: React.ComponentType<{
+    [x: string]: unknown;
+}>;
+export default _default;

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

@@ -0,0 +1,43 @@
+"use strict";
+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)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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 ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MoreAttributesButton_1 = require("../../../../../MoreAttributesButton");
+var withTableContext_1 = require("../../../../../HOCs/withTableContext");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var styles_1 = require("./styles");
+var AddAttributesButton = function (_a) {
+    var parentTypeUri = _a.parentTypeUri, parentUri = _a.parentUri, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes, onAdd = _a.onAdd;
+    var styles = (0, styles_1.useStyles)();
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find((0, ramda_1.propEq)('uri', parentTypeUri));
+    var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find((0, ramda_1.propEq)('uri', attrType.uri))); };
+    var canCreate = function (attributeType) { return (0, mdm_sdk_1.checkCanCreateAttribute)({ attributeType: attributeType, mode: mdm_sdk_1.Mode.Editing }); };
+    var data = (0, ramda_1.pipe)((0, ramda_1.propOr)([], 'attributes'), (0, ramda_1.reject)((0, ramda_1.either)(mdm_sdk_1.isReference, mdm_sdk_1.isImage)), (0, ramda_1.filter)((0, ramda_1.either)(mdm_sdk_1.isNested, isNotSelected)), (0, ramda_1.filter)((0, ramda_1.both)(mdm_sdk_1.isReadableAttribute, canCreate)))(parentType);
+    var handleAdd = function (addedTypes) {
+        var typesToSelect = addedTypes.filter(isNotSelected);
+        if (typesToSelect.length > 0) {
+            onSelectAttributeTypes(__spreadArray(__spreadArray([], typesToSelect, true), selectedAttributeTypes, true));
+        }
+        addedTypes.filter(mdm_sdk_1.isNested).forEach(function (attributeType) {
+            onAdd({ attributeType: attributeType, parentUri: parentUri });
+        });
+    };
+    return (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement(MoreAttributesButton_1.MoreAttributesButton, { label: ui_i18n_1.default.text('Attribute'), popupTitle: ui_i18n_1.default.text('Add attributes'), data: data, onApply: handleAdd })));
+};
+exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pick)(['parentUri', 'parentTypeUri', 'onAdd', 'selectedAttributeTypes', 'onSelectAttributeTypes']))(AddAttributesButton);

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

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

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

@@ -0,0 +1,142 @@
+"use strict";
+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)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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 mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../../../../../contexts/MdmModuleContext");
+var BasicTableContext_1 = require("../../../../../contexts/BasicTableContext");
+var AddAttributesButton_1 = __importDefault(require("./AddAttributesButton"));
+var metadata = {
+    entityTypes: [
+        {
+            uri: 'configuration/entityTypes/HCP',
+            label: 'HCP',
+            attributes: [
+                {
+                    label: 'Country Code',
+                    name: 'CountryCode',
+                    type: 'String',
+                    uri: 'configuration/entityTypes/HCP/attributes/CountryCode'
+                },
+                {
+                    label: 'Date',
+                    name: 'Date',
+                    type: 'Date',
+                    uri: 'configuration/entityTypes/HCP/attributes/Date'
+                },
+                {
+                    label: 'Hidden',
+                    name: 'Hidden',
+                    type: 'String',
+                    uri: 'configuration/entityTypes/HCP/attributes/Hidden',
+                    hidden: true
+                },
+                {
+                    label: 'Nested',
+                    name: 'Nested',
+                    type: 'Nested',
+                    uri: 'configuration/entityTypes/HCP/attributes/Nested'
+                },
+                {
+                    label: 'Reference',
+                    name: 'Reference',
+                    type: 'Reference',
+                    uri: 'configuration/entityTypes/HCP/attributes/Reference'
+                },
+                {
+                    label: 'Image',
+                    name: 'Image',
+                    type: 'Image',
+                    uri: 'configuration/entityTypes/HCP/attributes/Image'
+                }
+            ]
+        }
+    ]
+};
+var attributesSortingStrategy = mdm_sdk_1.SortingStrategy.ASC_BY_NAME;
+var defaultProps = {
+    parentUri: 'entities/1',
+    parentTypeUri: 'configuration/entityTypes/HCP',
+    onAdd: jest.fn(),
+    selectedAttributeTypes: [
+        {
+            label: 'Country Code',
+            name: 'CountryCode',
+            type: 'String',
+            uri: 'configuration/entityTypes/HCP/attributes/CountryCode'
+        }
+    ],
+    onSelectAttributeTypes: jest.fn()
+};
+var setUp = function (props) {
+    if (props === void 0) { props = defaultProps; }
+    return (0, enzyme_1.mount)(react_1.default.createElement(BasicTableContext_1.BasicTableContext.Provider, { value: props },
+        react_1.default.createElement(MdmModuleContext_1.MdmModuleProvider, { values: { metadata: metadata, attributesSortingStrategy: attributesSortingStrategy } },
+            react_1.default.createElement(AddAttributesButton_1.default, null))));
+};
+describe('AddAttributesButton tests', function () {
+    it('should render attribute button with nested and non-selected simple attributes', function () {
+        var wrapper = setUp();
+        expect(wrapper.find('MoreAttributesButton').props()).toMatchObject({
+            label: 'Attribute',
+            popupTitle: 'Add attributes',
+            data: [
+                {
+                    label: 'Date',
+                    name: 'Date',
+                    type: 'Date',
+                    uri: 'configuration/entityTypes/HCP/attributes/Date'
+                },
+                {
+                    label: 'Nested',
+                    name: 'Nested',
+                    type: 'Nested',
+                    uri: 'configuration/entityTypes/HCP/attributes/Nested'
+                }
+            ]
+        });
+    });
+    it('should add attribute to beginning on simple attribute select', function () {
+        var onSelectAttributeTypes = defaultProps.onSelectAttributeTypes, selectedAttributeTypes = defaultProps.selectedAttributeTypes, onAdd = defaultProps.onAdd;
+        var wrapper = setUp();
+        var onApply = wrapper.find('MoreAttributesButton').prop('onApply');
+        var selectedSimple = {
+            label: 'Date',
+            name: 'Date',
+            type: 'Date',
+            uri: 'configuration/entityTypes/HCP/attributes/Date'
+        };
+        onApply([selectedSimple]);
+        expect(onSelectAttributeTypes).toBeCalledWith(__spreadArray([selectedSimple], selectedAttributeTypes, true));
+        expect(onAdd).not.toBeCalled();
+    });
+    it('should add attribute to beginning on nested attribute select', function () {
+        var onSelectAttributeTypes = defaultProps.onSelectAttributeTypes, selectedAttributeTypes = defaultProps.selectedAttributeTypes, onAdd = defaultProps.onAdd, parentUri = defaultProps.parentUri;
+        var wrapper = setUp();
+        var onApply = wrapper.find('MoreAttributesButton').prop('onApply');
+        var selectedNested = {
+            label: 'Nested',
+            name: 'Nested',
+            type: 'Nested',
+            uri: 'configuration/entityTypes/HCP/attributes/Nested'
+        };
+        onApply([selectedNested]);
+        expect(onSelectAttributeTypes).toBeCalledWith(__spreadArray([selectedNested], selectedAttributeTypes, true));
+        expect(onAdd).toBeCalledWith({
+            attributeType: selectedNested,
+            parentUri: parentUri
+        });
+    });
+});

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

@@ -0,0 +1 @@
+export { default as AddAttributesButton } from './AddAttributesButton';

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

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddAttributesButton = void 0;
+var AddAttributesButton_1 = require("./AddAttributesButton");
+Object.defineProperty(exports, "AddAttributesButton", { enumerable: true, get: function () { return __importDefault(AddAttributesButton_1).default; } });

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { AddInlineAttributeEvent, DeleteInlineAttributeEvent, EditInlineAttributeEvent, IgnoreInlineAttributeEvent, PinInlineAttributeEvent } from '../../../../../types/inlineAttributes';
+import { AttributeValues } from '../../types';
+type Props = {
+    value: AttributeValues;
+    onDelete: (event: DeleteInlineAttributeEvent) => void;
+    onEdit: (event: EditInlineAttributeEvent) => void;
+    onPin: (event: PinInlineAttributeEvent) => void;
+    onIgnore: (event: IgnoreInlineAttributeEvent) => void;
+    onAdd: (event: AddInlineAttributeEvent) => void;
+    emptyTempAttributeUris: string[];
+    parentUri: string;
+    readOnly?: boolean;
+};
+export declare const AttributeValuesRenderer: ({ value, onDelete, onEdit, onPin, onIgnore, onAdd, emptyTempAttributeUris, parentUri, readOnly }: Props) => JSX.Element;
+declare const _default: import("react").ComponentType<{
+    [x: string]: unknown;
+}>;
+export default _default;

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

@@ -0,0 +1,23 @@
+"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.AttributeValuesRenderer = void 0;
+var ramda_1 = require("ramda");
+var AttributesFactory_1 = require("../AttributesFactory");
+var withTableContext_1 = require("../../../../../HOCs/withTableContext");
+var AttributeValuesRenderer = function (_a) {
+    var value = _a.value, onDelete = _a.onDelete, onEdit = _a.onEdit, onPin = _a.onPin, onIgnore = _a.onIgnore, onAdd = _a.onAdd, emptyTempAttributeUris = _a.emptyTempAttributeUris, parentUri = _a.parentUri, readOnly = _a.readOnly;
+    return AttributesFactory_1.AttributesFactory.build(value.attributeType.type, __assign(__assign({}, value), { parentUri: parentUri, onDelete: onDelete, onEdit: onEdit, onPin: onPin, onIgnore: onIgnore, onAdd: onAdd, emptyTempAttributeUris: emptyTempAttributeUris, disableEdit: readOnly, disableDelete: readOnly }));
+};
+exports.AttributeValuesRenderer = AttributeValuesRenderer;
+exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pick)(['onDelete', 'onPin', 'onIgnore', 'onEdit', 'onAdd', 'parentUri', 'readOnly', 'emptyTempAttributeUris']))(exports.AttributeValuesRenderer);

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

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