@reltio/components 1.4.2273 → 1.4.2275

package/ProfileResizablePanes/ProfileResizablePanes.js

@@ -14,7 +14,10 @@ export var ProfileResizablePanes = function (_a) {
     var _c = (perspectiveSettings || {}).width, width = _c === void 0 ? DEFAULT_R_PANE_SIZE : _c;
     var active = !isNil(defaultTab) ? defaultTab : perspectiveSettings === null || perspectiveSettings === void 0 ? void 0 : perspectiveSettings.active;
     var activeButton = buttonsProps.find(function (button) { return button.id === active; });
-    var isSidePanelOpen = !isNil(active) && !disabled && Boolean(activeButton);
+    // When there are no buttons (e.g. the interactions screen drives the panel purely via `active`),
+    // open state must not depend on a matching button. Only require `activeButton` when buttons exist,
+    // so a stale persisted `active` pointing to a removed tab doesn't open an empty pane.
+    var isSidePanelOpen = !isNil(active) && !disabled && (buttonsProps.length === 0 || Boolean(activeButton));
     var handleUpdateSettings = useCallback(function (newSetting) {
         updatePerspectiveSettings(newSetting);
     }, [updatePerspectiveSettings]);

package/ProfileResizablePanes/ProfileResizablePanes.spec.js

@@ -83,6 +83,10 @@ var setUp = function (props) {
             graph: {
                 active: 1,
                 width: 320
+            },
+            interactions: {
+                active: 0,
+                width: 400
             }
         }
     };
@@ -143,6 +147,13 @@ describe('ProfileResizablePanes tests', function () {
             return [2 /*return*/];
         });
     }); });
+    it('should open the second pane when buttonsProps is empty and active is set (interactions screen)', function () {
+        var container = setUp(__assign(__assign({}, defaultProps), { perspectiveId: 'interactions', buttonsProps: [] })).container;
+        expect(screen.getByTestId('rightPanel')).toBeInTheDocument();
+        expect(isResizingDisabled(container)).toBe(false);
+        checkPanelSize(getSplitPane1(container), '60.0');
+        checkPanelSize(getSplitPane2(container), '40.0');
+    });
     it('should render resizable panes with open second pane on button click', function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, container, user, button2;
         return __generator(this, function (_b) {

package/cjs/ProfileResizablePanes/ProfileResizablePanes.js

@@ -40,7 +40,10 @@ var ProfileResizablePanes = function (_a) {
     var _c = (perspectiveSettings || {}).width, width = _c === void 0 ? DEFAULT_R_PANE_SIZE : _c;
     var active = !(0, ramda_1.isNil)(defaultTab) ? defaultTab : perspectiveSettings === null || perspectiveSettings === void 0 ? void 0 : perspectiveSettings.active;
     var activeButton = buttonsProps.find(function (button) { return button.id === active; });
-    var isSidePanelOpen = !(0, ramda_1.isNil)(active) && !disabled && Boolean(activeButton);
+    // When there are no buttons (e.g. the interactions screen drives the panel purely via `active`),
+    // open state must not depend on a matching button. Only require `activeButton` when buttons exist,
+    // so a stale persisted `active` pointing to a removed tab doesn't open an empty pane.
+    var isSidePanelOpen = !(0, ramda_1.isNil)(active) && !disabled && (buttonsProps.length === 0 || Boolean(activeButton));
     var handleUpdateSettings = (0, react_1.useCallback)(function (newSetting) {
         updatePerspectiveSettings(newSetting);
     }, [updatePerspectiveSettings]);

package/cjs/ProfileResizablePanes/ProfileResizablePanes.spec.js

@@ -88,6 +88,10 @@ var setUp = function (props) {
             graph: {
                 active: 1,
                 width: 320
+            },
+            interactions: {
+                active: 0,
+                width: 400
             }
         }
     };
@@ -148,6 +152,13 @@ describe('ProfileResizablePanes tests', function () {
             return [2 /*return*/];
         });
     }); });
+    it('should open the second pane when buttonsProps is empty and active is set (interactions screen)', function () {
+        var container = setUp(__assign(__assign({}, defaultProps), { perspectiveId: 'interactions', buttonsProps: [] })).container;
+        expect(react_2.screen.getByTestId('rightPanel')).toBeInTheDocument();
+        expect(isResizingDisabled(container)).toBe(false);
+        checkPanelSize(getSplitPane1(container), '60.0');
+        checkPanelSize(getSplitPane2(container), '40.0');
+    });
     it('should render resizable panes with open second pane on button click', function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, container, user, button2;
         return __generator(this, function (_b) {

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

@@ -22,8 +22,8 @@ type Props = {
     className?: string;
     activeSurvivorshipGroupUri?: string;
     tableRef?: React.ElementRef<typeof BasicTable>;
+    personalizationEnabled?: boolean;
     onHideAttributeType?: (attributeType: AttributeType) => void;
-    attributeRowReorderingEnabled?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ entity, isLoading, crosswalksMap, visibleColumns, onChangeVisibleColumns, readOnly, onDelete, onPin, onIgnore, onEdit, onAdd, emptyTempAttributeUris, selectedAttributeTypes, onSelectAttributeTypes, additionalHeaderItems, className, activeSurvivorshipGroupUri, tableRef, onHideAttributeType, attributeRowReorderingEnabled }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ entity, isLoading, crosswalksMap, visibleColumns, onChangeVisibleColumns, readOnly, onDelete, onPin, onIgnore, onEdit, onAdd, emptyTempAttributeUris, selectedAttributeTypes, onSelectAttributeTypes, additionalHeaderItems, className, activeSurvivorshipGroupUri, tableRef, personalizationEnabled, onHideAttributeType }: Props) => React.JSX.Element>;
 export default _default;

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

@@ -65,7 +65,7 @@ var getRowCellKey = function (_a) {
 };
 var debouncedNotifyLazyRenderer = (0, mdm_sdk_1.debounce)(LazyRenderer_1.LazyRenderer.notify, 0);
 var AttributesTable = function (_a) {
-    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? ramda_1.identity : _c, _d = _a.onPin, onPin = _d === void 0 ? ramda_1.identity : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? ramda_1.identity : _e, _f = _a.onEdit, onEdit = _f === void 0 ? ramda_1.identity : _f, _g = _a.onAdd, onAdd = _g === void 0 ? ramda_1.identity : _g, emptyTempAttributeUris = _a.emptyTempAttributeUris, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? ramda_1.identity : _h, additionalHeaderItems = _a.additionalHeaderItems, className = _a.className, activeSurvivorshipGroupUri = _a.activeSurvivorshipGroupUri, tableRef = _a.tableRef, onHideAttributeType = _a.onHideAttributeType, _j = _a.attributeRowReorderingEnabled, attributeRowReorderingEnabled = _j === void 0 ? false : _j;
+    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? helpers_1.DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? ramda_1.identity : _c, _d = _a.onPin, onPin = _d === void 0 ? ramda_1.identity : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? ramda_1.identity : _e, _f = _a.onEdit, onEdit = _f === void 0 ? ramda_1.identity : _f, _g = _a.onAdd, onAdd = _g === void 0 ? ramda_1.identity : _g, emptyTempAttributeUris = _a.emptyTempAttributeUris, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? ramda_1.identity : _h, additionalHeaderItems = _a.additionalHeaderItems, className = _a.className, activeSurvivorshipGroupUri = _a.activeSurvivorshipGroupUri, tableRef = _a.tableRef, personalizationEnabled = _a.personalizationEnabled, onHideAttributeType = _a.onHideAttributeType;
     var styles = (0, styles_1.useStyles)();
     var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
     var visibleColumnsData = (0, react_1.useMemo)(function () {
@@ -74,13 +74,13 @@ var AttributesTable = function (_a) {
             return visibleColumns.includes(id);
         }), helpers_1.getBasicTableColumnsData)(helpers_1.COLUMNS_DATA);
     }, [visibleColumns]);
-    var _k = entity || {}, parentTypeUri = _k.type, parentUri = _k.uri, _l = _k.attributes, attributes = _l === void 0 ? {} : _l;
+    var _j = entity || {}, parentTypeUri = _j.type, parentUri = _j.uri, _k = _j.attributes, attributes = _k === void 0 ? {} : _k;
     (0, react_1.useEffect)(function () {
         if (entity && (0, ramda_1.isNil)(selectedAttributeTypes)) {
-            var initialAttrTypes = (0, ramda_1.pipe)(ramda_1.keys, (0, ramda_1.without)(['paging']), (0, ramda_1.map)((0, mdm_sdk_1.makeAttrTypeUri)(parentTypeUri)), (0, ramda_1.map)(function (attrTypeUri) { return (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attrTypeUri, parentTypeUri); }), (0, ramda_1.filter)((0, ramda_1.both)(ramda_1.identity, mdm_sdk_1.isReadableAttribute)))(attributes);
-            onSelectAttributeTypes(initialAttrTypes);
+            onSelectAttributeTypes((0, mdm_sdk_1.getReadableAttributeTypesFromEntityAttributes)(metadata, parentTypeUri, attributes));
         }
-    }, [entity, selectedAttributeTypes]);
+        // Fallback init for consumers that omit selectedAttributeTypes; entity covers parentTypeUri/attributes.
+    }, [entity, selectedAttributeTypes]); // eslint-disable-line react-hooks/exhaustive-deps
     var rowsData = (0, react_1.useMemo)(function () {
         return parentTypeUri
             ? (0, helpers_1.getBasicTableRowsData)(metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, crosswalksMap, attributes, activeSurvivorshipGroupUri)
@@ -94,7 +94,7 @@ var AttributesTable = function (_a) {
         crosswalksMap,
         activeSurvivorshipGroupUri
     ]);
-    var _m = (0, useDynamicRowCellHeight_1.useDynamicRowCellHeight)(getRowCellKey), getDynamicRowCellHeight = _m.getDynamicRowCellHeight, changeRowCellHeight = _m.changeRowCellHeight;
+    var _l = (0, useDynamicRowCellHeight_1.useDynamicRowCellHeight)(getRowCellKey), getDynamicRowCellHeight = _l.getDynamicRowCellHeight, changeRowCellHeight = _l.changeRowCellHeight;
     var renderRowCell = (0, react_1.useCallback)(function (props) { return react_1.default.createElement(CommonRowCellRenderer_1.CommonRowCellRenderer, __assign({ changeRowCellHeight: changeRowCellHeight }, props)); }, [changeRowCellHeight]);
     var getRowCellHeight = (0, react_1.useCallback)((0, ramda_1.either)(getDynamicRowCellHeight, (0, ramda_1.always)(DEFAULT_ROW_HEIGHT)), [
         getDynamicRowCellHeight
@@ -102,8 +102,8 @@ var AttributesTable = function (_a) {
     (0, react_1.useEffect)(function () {
         debouncedNotifyLazyRenderer();
     }, [getRowCellHeight]);
-    var _o = (0, react_1.useState)(null), pendingDeletion = _o[0], setPendingDeletion = _o[1];
-    var _p = (0, react_1.useState)(null), pendingIgnoredEditing = _p[0], setPendingIgnoredEditing = _p[1];
+    var _m = (0, react_1.useState)(null), pendingDeletion = _m[0], setPendingDeletion = _m[1];
+    var _o = (0, react_1.useState)(null), pendingIgnoredEditing = _o[0], setPendingIgnoredEditing = _o[1];
     var handleEdit = (0, react_1.useCallback)(function (event) {
         if (event.attributeValue.ignored) {
             setPendingIgnoredEditing(event);
@@ -127,12 +127,13 @@ var AttributesTable = function (_a) {
         onAdd: onAdd,
         parentUri: parentUri,
         parentTypeUri: parentTypeUri,
+        entity: entity,
         selectedAttributeTypes: selectedAttributeTypes,
         onSelectAttributeTypes: onSelectAttributeTypes,
         emptyTempAttributeUris: emptyTempAttributeUris,
         readOnly: readOnly,
-        onHideAttributeType: onHideAttributeType,
-        attributeRowReorderingEnabled: attributeRowReorderingEnabled
+        personalizationEnabled: personalizationEnabled,
+        onHideAttributeType: onHideAttributeType
     }); }, [
         setPendingDeletion,
         onPin,
@@ -141,12 +142,13 @@ var AttributesTable = function (_a) {
         onAdd,
         parentUri,
         parentTypeUri,
+        entity,
         selectedAttributeTypes,
         onSelectAttributeTypes,
         emptyTempAttributeUris,
         readOnly,
-        onHideAttributeType,
-        attributeRowReorderingEnabled
+        personalizationEnabled,
+        onHideAttributeType
     ]);
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.tableContainer, className) },
         react_1.default.createElement(BasicViewHeader_1.BasicViewHeader, { classes: { root: styles.tableHeader, title: styles.tableTitle }, title: ui_i18n_1.default.text('Sources') },
@@ -157,7 +159,7 @@ var AttributesTable = function (_a) {
             react_1.default.createElement(AttributeValuesSortContext_1.AttributeValuesSortContext.Provider, { value: helpers_1.sortByPinIgnorePriority },
                 react_1.default.createElement(SyncedExpandedAttributesContext_1.SyncedExpandedAttributesProvider, null,
                     react_1.default.createElement(SyncedValueHeightsContext_1.SyncedValueHeightsProvider, null,
-                        react_1.default.createElement(BasicTable_1.BasicTable, { columnsData: visibleColumnsData, context: tableContext, defaultColumnMinWidth: 200, defaultColumnWidth: 250, dndRowReorderingEnabled: attributeRowReorderingEnabled, dndRowReorderingHandler: handleReorderAttributeTypes, externalDndContext: true, fixFirstColumn: true, getIdFromRowValue: getIdFromRowValue, getRowCellHeight: getRowCellHeight, headRowHeight: 48, hoverStateEnabled: Boolean(onHideAttributeType), onScroll: debouncedNotifyLazyRenderer, ref: tableRef, renderRowCell: renderRowCell, rowsData: rowsData }))))),
+                        react_1.default.createElement(BasicTable_1.BasicTable, { columnsData: visibleColumnsData, context: tableContext, defaultColumnMinWidth: 200, defaultColumnWidth: 250, dndRowReorderingEnabled: personalizationEnabled, dndRowReorderingHandler: handleReorderAttributeTypes, externalDndContext: true, fixFirstColumn: true, getIdFromRowValue: getIdFromRowValue, getRowCellHeight: getRowCellHeight, headRowHeight: 48, hoverStateEnabled: personalizationEnabled, onScroll: debouncedNotifyLazyRenderer, ref: tableRef, renderRowCell: renderRowCell, rowsData: rowsData }))))),
         react_1.default.createElement(ConfirmDeleteDialog_1.ConfirmDeleteDialog, { open: !!pendingDeletion, onClose: function () { return setPendingDeletion(null); }, onConfirm: handleDelete }),
         react_1.default.createElement(ConfirmEditIgnoredDialog_1.ConfirmEditIgnoredDialog, { open: !!pendingIgnoredEditing, onClose: function () { return setPendingIgnoredEditing(null); }, onConfirmEditWithIgnore: function () { return pendingIgnoredEditing && onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
                 if (pendingIgnoredEditing)

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

@@ -19,15 +19,20 @@ 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 getAddableAttributeTypes_1 = require("./getAddableAttributeTypes");
 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 parentTypeUri = _a.parentTypeUri, parentUri = _a.parentUri, entity = _a.entity, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes, onAdd = _a.onAdd, _b = _a.personalizationEnabled, personalizationEnabled = _b === void 0 ? false : _b;
     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 data = (0, getAddableAttributeTypes_1.getAddableAttributeTypes)(parentType, {
+        personalizationEnabled: personalizationEnabled,
+        selectedAttributeTypes: selectedAttributeTypes,
+        entity: entity,
+        metadata: metadata
+    });
     var handleAdd = function (addedTypes) {
         var typesToSelect = addedTypes.filter(isNotSelected);
         if (typesToSelect.length > 0) {
@@ -40,4 +45,12 @@ var AddAttributesButton = function (_a) {
     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);
+exports.default = (0, withTableContext_1.withTableContext)((0, ramda_1.pick)([
+    'parentUri',
+    'parentTypeUri',
+    'entity',
+    'onAdd',
+    'selectedAttributeTypes',
+    'onSelectAttributeTypes',
+    'personalizationEnabled'
+]))(AddAttributesButton);

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

@@ -0,0 +1,12 @@
+import { AttributeType, Entity, Metadata, Relation } from '@reltio/mdm-sdk';
+type ParentTypeWithAttributes = {
+    attributes?: AttributeType[];
+};
+type GetAddableAttributeTypesParams = {
+    personalizationEnabled?: boolean;
+    selectedAttributeTypes?: AttributeType[];
+    entity?: Entity | Relation | null;
+    metadata?: Metadata;
+};
+export declare const getAddableAttributeTypes: (parentType: ParentTypeWithAttributes | undefined, { personalizationEnabled, selectedAttributeTypes, entity, metadata }?: GetAddableAttributeTypesParams) => AttributeType[];
+export {};

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAddableAttributeTypes = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+var getAddableAttributeTypes = function (parentType, _a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.personalizationEnabled, personalizationEnabled = _c === void 0 ? false : _c, selectedAttributeTypes = _b.selectedAttributeTypes, entity = _b.entity, metadata = _b.metadata;
+    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 isVisibleInPicker = (0, ramda_1.either)(mdm_sdk_1.isNested, isNotSelected);
+    var hasAttributeOnEntity = function (attributeType) {
+        if (!entity || !metadata) {
+            return false;
+        }
+        var values = (0, mdm_sdk_1.findAttributeValuesByTypeUri)(metadata, entity, attributeType.uri);
+        return !(0, ramda_1.isNil)(values) && !(0, ramda_1.isEmpty)(values);
+    };
+    return (0, ramda_1.pipe)((0, ramda_1.propOr)([], 'attributes'), (0, ramda_1.ifElse)(function () { return personalizationEnabled; }, (0, ramda_1.pipe)((0, ramda_1.filter)(mdm_sdk_1.isReadableAttribute), (0, ramda_1.filter)((0, ramda_1.either)(canCreate, hasAttributeOnEntity)), (0, ramda_1.filter)(isVisibleInPicker)), (0, ramda_1.pipe)((0, ramda_1.reject)((0, ramda_1.either)(mdm_sdk_1.isReference, mdm_sdk_1.isImage)), (0, ramda_1.filter)(isVisibleInPicker), (0, ramda_1.filter)((0, ramda_1.both)(mdm_sdk_1.isReadableAttribute, canCreate)))))(parentType);
+};
+exports.getAddableAttributeTypes = getAddableAttributeTypes;

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

@@ -22,8 +22,8 @@ type Props = {
     className?: string;
     activeSurvivorshipGroupUri?: string;
     tableRef?: React.ElementRef<typeof BasicTable>;
+    personalizationEnabled?: boolean;
     onHideAttributeType?: (attributeType: AttributeType) => void;
-    attributeRowReorderingEnabled?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ entity, isLoading, crosswalksMap, visibleColumns, onChangeVisibleColumns, readOnly, onDelete, onPin, onIgnore, onEdit, onAdd, emptyTempAttributeUris, selectedAttributeTypes, onSelectAttributeTypes, additionalHeaderItems, className, activeSurvivorshipGroupUri, tableRef, onHideAttributeType, attributeRowReorderingEnabled }: Props) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ entity, isLoading, crosswalksMap, visibleColumns, onChangeVisibleColumns, readOnly, onDelete, onPin, onIgnore, onEdit, onAdd, emptyTempAttributeUris, selectedAttributeTypes, onSelectAttributeTypes, additionalHeaderItems, className, activeSurvivorshipGroupUri, tableRef, personalizationEnabled, onHideAttributeType }: Props) => React.JSX.Element>;
 export default _default;

package/features/crosswalks/AttributesTable/AttributesTable.js

@@ -12,8 +12,8 @@ var __assign = (this && this.__assign) || function () {
 import React, { memo, useCallback, useEffect, useMemo, useState } from 'react';
 import classnames from 'classnames';
 import i18n from 'ui-i18n';
-import { always, either, filter, isNil, keys, map, pipe, without, identity, both, move } from 'ramda';
-import { debounce, findAttributeTypeByUri, isReadableAttribute, makeAttrTypeUri } from '@reltio/mdm-sdk';
+import { always, either, filter, isNil, pipe, identity, move } from 'ramda';
+import { debounce, getReadableAttributeTypesFromEntityAttributes } from '@reltio/mdm-sdk';
 import { BasicTable } from '../../../BasicTable';
 import { ColumnsSettings } from '../../../ColumnsSettings';
 import { useDynamicRowCellHeight } from '../../../hooks/useDynamicRowCellHeight';
@@ -37,7 +37,7 @@ var getRowCellKey = function (_a) {
 };
 var debouncedNotifyLazyRenderer = debounce(LazyRenderer.notify, 0);
 var AttributesTable = function (_a) {
-    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? identity : _c, _d = _a.onPin, onPin = _d === void 0 ? identity : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? identity : _e, _f = _a.onEdit, onEdit = _f === void 0 ? identity : _f, _g = _a.onAdd, onAdd = _g === void 0 ? identity : _g, emptyTempAttributeUris = _a.emptyTempAttributeUris, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? identity : _h, additionalHeaderItems = _a.additionalHeaderItems, className = _a.className, activeSurvivorshipGroupUri = _a.activeSurvivorshipGroupUri, tableRef = _a.tableRef, onHideAttributeType = _a.onHideAttributeType, _j = _a.attributeRowReorderingEnabled, attributeRowReorderingEnabled = _j === void 0 ? false : _j;
+    var entity = _a.entity, isLoading = _a.isLoading, crosswalksMap = _a.crosswalksMap, _b = _a.visibleColumns, visibleColumns = _b === void 0 ? DEFAULT_VISIBLE_COLUMNS : _b, onChangeVisibleColumns = _a.onChangeVisibleColumns, readOnly = _a.readOnly, _c = _a.onDelete, onDelete = _c === void 0 ? identity : _c, _d = _a.onPin, onPin = _d === void 0 ? identity : _d, _e = _a.onIgnore, onIgnore = _e === void 0 ? identity : _e, _f = _a.onEdit, onEdit = _f === void 0 ? identity : _f, _g = _a.onAdd, onAdd = _g === void 0 ? identity : _g, emptyTempAttributeUris = _a.emptyTempAttributeUris, selectedAttributeTypes = _a.selectedAttributeTypes, _h = _a.onSelectAttributeTypes, onSelectAttributeTypes = _h === void 0 ? identity : _h, additionalHeaderItems = _a.additionalHeaderItems, className = _a.className, activeSurvivorshipGroupUri = _a.activeSurvivorshipGroupUri, tableRef = _a.tableRef, personalizationEnabled = _a.personalizationEnabled, onHideAttributeType = _a.onHideAttributeType;
     var styles = useStyles();
     var metadata = useMdmMetadata();
     var visibleColumnsData = useMemo(function () {
@@ -46,13 +46,13 @@ var AttributesTable = function (_a) {
             return visibleColumns.includes(id);
         }), getBasicTableColumnsData)(COLUMNS_DATA);
     }, [visibleColumns]);
-    var _k = entity || {}, parentTypeUri = _k.type, parentUri = _k.uri, _l = _k.attributes, attributes = _l === void 0 ? {} : _l;
+    var _j = entity || {}, parentTypeUri = _j.type, parentUri = _j.uri, _k = _j.attributes, attributes = _k === void 0 ? {} : _k;
     useEffect(function () {
         if (entity && isNil(selectedAttributeTypes)) {
-            var initialAttrTypes = pipe(keys, without(['paging']), map(makeAttrTypeUri(parentTypeUri)), map(function (attrTypeUri) { return findAttributeTypeByUri(metadata, attrTypeUri, parentTypeUri); }), filter(both(identity, isReadableAttribute)))(attributes);
-            onSelectAttributeTypes(initialAttrTypes);
+            onSelectAttributeTypes(getReadableAttributeTypesFromEntityAttributes(metadata, parentTypeUri, attributes));
         }
-    }, [entity, selectedAttributeTypes]);
+        // Fallback init for consumers that omit selectedAttributeTypes; entity covers parentTypeUri/attributes.
+    }, [entity, selectedAttributeTypes]); // eslint-disable-line react-hooks/exhaustive-deps
     var rowsData = useMemo(function () {
         return parentTypeUri
             ? getBasicTableRowsData(metadata, parentTypeUri, selectedAttributeTypes, visibleColumns, crosswalksMap, attributes, activeSurvivorshipGroupUri)
@@ -66,7 +66,7 @@ var AttributesTable = function (_a) {
         crosswalksMap,
         activeSurvivorshipGroupUri
     ]);
-    var _m = useDynamicRowCellHeight(getRowCellKey), getDynamicRowCellHeight = _m.getDynamicRowCellHeight, changeRowCellHeight = _m.changeRowCellHeight;
+    var _l = useDynamicRowCellHeight(getRowCellKey), getDynamicRowCellHeight = _l.getDynamicRowCellHeight, changeRowCellHeight = _l.changeRowCellHeight;
     var renderRowCell = useCallback(function (props) { return React.createElement(CommonRowCellRenderer, __assign({ changeRowCellHeight: changeRowCellHeight }, props)); }, [changeRowCellHeight]);
     var getRowCellHeight = useCallback(either(getDynamicRowCellHeight, always(DEFAULT_ROW_HEIGHT)), [
         getDynamicRowCellHeight
@@ -74,8 +74,8 @@ var AttributesTable = function (_a) {
     useEffect(function () {
         debouncedNotifyLazyRenderer();
     }, [getRowCellHeight]);
-    var _o = useState(null), pendingDeletion = _o[0], setPendingDeletion = _o[1];
-    var _p = useState(null), pendingIgnoredEditing = _p[0], setPendingIgnoredEditing = _p[1];
+    var _m = useState(null), pendingDeletion = _m[0], setPendingDeletion = _m[1];
+    var _o = useState(null), pendingIgnoredEditing = _o[0], setPendingIgnoredEditing = _o[1];
     var handleEdit = useCallback(function (event) {
         if (event.attributeValue.ignored) {
             setPendingIgnoredEditing(event);
@@ -99,12 +99,13 @@ var AttributesTable = function (_a) {
         onAdd: onAdd,
         parentUri: parentUri,
         parentTypeUri: parentTypeUri,
+        entity: entity,
         selectedAttributeTypes: selectedAttributeTypes,
         onSelectAttributeTypes: onSelectAttributeTypes,
         emptyTempAttributeUris: emptyTempAttributeUris,
         readOnly: readOnly,
-        onHideAttributeType: onHideAttributeType,
-        attributeRowReorderingEnabled: attributeRowReorderingEnabled
+        personalizationEnabled: personalizationEnabled,
+        onHideAttributeType: onHideAttributeType
     }); }, [
         setPendingDeletion,
         onPin,
@@ -113,12 +114,13 @@ var AttributesTable = function (_a) {
         onAdd,
         parentUri,
         parentTypeUri,
+        entity,
         selectedAttributeTypes,
         onSelectAttributeTypes,
         emptyTempAttributeUris,
         readOnly,
-        onHideAttributeType,
-        attributeRowReorderingEnabled
+        personalizationEnabled,
+        onHideAttributeType
     ]);
     return (React.createElement("div", { className: classnames(styles.tableContainer, className) },
         React.createElement(BasicViewHeader, { classes: { root: styles.tableHeader, title: styles.tableTitle }, title: i18n.text('Sources') },
@@ -129,7 +131,7 @@ var AttributesTable = function (_a) {
             React.createElement(AttributeValuesSortContext.Provider, { value: sortByPinIgnorePriority },
                 React.createElement(SyncedExpandedAttributesProvider, null,
                     React.createElement(SyncedValueHeightsProvider, null,
-                        React.createElement(BasicTable, { columnsData: visibleColumnsData, context: tableContext, defaultColumnMinWidth: 200, defaultColumnWidth: 250, dndRowReorderingEnabled: attributeRowReorderingEnabled, dndRowReorderingHandler: handleReorderAttributeTypes, externalDndContext: true, fixFirstColumn: true, getIdFromRowValue: getIdFromRowValue, getRowCellHeight: getRowCellHeight, headRowHeight: 48, hoverStateEnabled: Boolean(onHideAttributeType), onScroll: debouncedNotifyLazyRenderer, ref: tableRef, renderRowCell: renderRowCell, rowsData: rowsData }))))),
+                        React.createElement(BasicTable, { columnsData: visibleColumnsData, context: tableContext, defaultColumnMinWidth: 200, defaultColumnWidth: 250, dndRowReorderingEnabled: personalizationEnabled, dndRowReorderingHandler: handleReorderAttributeTypes, externalDndContext: true, fixFirstColumn: true, getIdFromRowValue: getIdFromRowValue, getRowCellHeight: getRowCellHeight, headRowHeight: 48, hoverStateEnabled: personalizationEnabled, onScroll: debouncedNotifyLazyRenderer, ref: tableRef, renderRowCell: renderRowCell, rowsData: rowsData }))))),
         React.createElement(ConfirmDeleteDialog, { open: !!pendingDeletion, onClose: function () { return setPendingDeletion(null); }, onConfirm: handleDelete }),
         React.createElement(ConfirmEditIgnoredDialog, { open: !!pendingIgnoredEditing, onClose: function () { return setPendingIgnoredEditing(null); }, onConfirmEditWithIgnore: function () { return pendingIgnoredEditing && onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
                 if (pendingIgnoredEditing)

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

@@ -9,20 +9,25 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import React from 'react';
 import i18n from 'ui-i18n';
-import { both, either, filter, pick, pipe, propEq, propOr, reject } from 'ramda';
-import { checkCanCreateAttribute, isImage, isNested, isReadableAttribute, isReference, Mode } from '@reltio/mdm-sdk';
+import { pick, propEq } from 'ramda';
+import { isNested } from '@reltio/mdm-sdk';
 import { MoreAttributesButton } from '../../../../../MoreAttributesButton';
 import { withTableContext } from '../../../../../HOCs/withTableContext';
 import { useMdmMetadata } from '../../../../../contexts/MdmModuleContext';
+import { getAddableAttributeTypes } from './getAddableAttributeTypes';
 import { useStyles } from './styles';
 var AddAttributesButton = function (_a) {
-    var parentTypeUri = _a.parentTypeUri, parentUri = _a.parentUri, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes, onAdd = _a.onAdd;
+    var parentTypeUri = _a.parentTypeUri, parentUri = _a.parentUri, entity = _a.entity, selectedAttributeTypes = _a.selectedAttributeTypes, onSelectAttributeTypes = _a.onSelectAttributeTypes, onAdd = _a.onAdd, _b = _a.personalizationEnabled, personalizationEnabled = _b === void 0 ? false : _b;
     var styles = useStyles();
     var metadata = useMdmMetadata();
     var parentType = __spreadArray(__spreadArray([], metadata.entityTypes, true), (metadata.relationTypes || []), true).find(propEq('uri', parentTypeUri));
     var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find(propEq('uri', attrType.uri))); };
-    var canCreate = function (attributeType) { return checkCanCreateAttribute({ attributeType: attributeType, mode: Mode.Editing }); };
-    var data = pipe(propOr([], 'attributes'), reject(either(isReference, isImage)), filter(either(isNested, isNotSelected)), filter(both(isReadableAttribute, canCreate)))(parentType);
+    var data = getAddableAttributeTypes(parentType, {
+        personalizationEnabled: personalizationEnabled,
+        selectedAttributeTypes: selectedAttributeTypes,
+        entity: entity,
+        metadata: metadata
+    });
     var handleAdd = function (addedTypes) {
         var typesToSelect = addedTypes.filter(isNotSelected);
         if (typesToSelect.length > 0) {
@@ -35,4 +40,12 @@ var AddAttributesButton = function (_a) {
     return (React.createElement("div", { className: styles.root },
         React.createElement(MoreAttributesButton, { label: i18n.text('Attribute'), popupTitle: i18n.text('Add attributes'), data: data, onApply: handleAdd })));
 };
-export default withTableContext(pick(['parentUri', 'parentTypeUri', 'onAdd', 'selectedAttributeTypes', 'onSelectAttributeTypes']))(AddAttributesButton);
+export default withTableContext(pick([
+    'parentUri',
+    'parentTypeUri',
+    'entity',
+    'onAdd',
+    'selectedAttributeTypes',
+    'onSelectAttributeTypes',
+    'personalizationEnabled'
+]))(AddAttributesButton);

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

@@ -0,0 +1,12 @@
+import { AttributeType, Entity, Metadata, Relation } from '@reltio/mdm-sdk';
+type ParentTypeWithAttributes = {
+    attributes?: AttributeType[];
+};
+type GetAddableAttributeTypesParams = {
+    personalizationEnabled?: boolean;
+    selectedAttributeTypes?: AttributeType[];
+    entity?: Entity | Relation | null;
+    metadata?: Metadata;
+};
+export declare const getAddableAttributeTypes: (parentType: ParentTypeWithAttributes | undefined, { personalizationEnabled, selectedAttributeTypes, entity, metadata }?: GetAddableAttributeTypesParams) => AttributeType[];
+export {};

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

@@ -0,0 +1,16 @@
+import { checkCanCreateAttribute, findAttributeValuesByTypeUri, isImage, isNested, isReadableAttribute, isReference, Mode } from '@reltio/mdm-sdk';
+import { both, either, filter, ifElse, isEmpty, isNil, pipe, propEq, propOr, reject } from 'ramda';
+export var getAddableAttributeTypes = function (parentType, _a) {
+    var _b = _a === void 0 ? {} : _a, _c = _b.personalizationEnabled, personalizationEnabled = _c === void 0 ? false : _c, selectedAttributeTypes = _b.selectedAttributeTypes, entity = _b.entity, metadata = _b.metadata;
+    var isNotSelected = function (attrType) { return !(selectedAttributeTypes === null || selectedAttributeTypes === void 0 ? void 0 : selectedAttributeTypes.find(propEq('uri', attrType.uri))); };
+    var canCreate = function (attributeType) { return checkCanCreateAttribute({ attributeType: attributeType, mode: Mode.Editing }); };
+    var isVisibleInPicker = either(isNested, isNotSelected);
+    var hasAttributeOnEntity = function (attributeType) {
+        if (!entity || !metadata) {
+            return false;
+        }
+        var values = findAttributeValuesByTypeUri(metadata, entity, attributeType.uri);
+        return !isNil(values) && !isEmpty(values);
+    };
+    return pipe(propOr([], 'attributes'), ifElse(function () { return personalizationEnabled; }, pipe(filter(isReadableAttribute), filter(either(canCreate, hasAttributeOnEntity)), filter(isVisibleInPicker)), pipe(reject(either(isReference, isImage)), filter(isVisibleInPicker), filter(both(isReadableAttribute, canCreate)))))(parentType);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2273",
+  "version": "1.4.2275",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2051",
+    "@reltio/mdm-sdk": "^1.4.2052",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",