@reltio/components 1.4.1147 → 1.4.1148

package/cjs/components/attributes/editMode/AttributesList/AttributesList.js

@@ -45,27 +45,42 @@ var constants_1 = require("../../../../constants");
 var attributesView_1 = require("../../helpers/attributesView");
 var helpers_1 = require("./helpers");
 var PinnedAttributesContext_1 = require("../contexts/PinnedAttributesContext");
+var HasDeletionsContext_1 = require("../contexts/HasDeletionsContext");
 var AttributesList = function (_a) {
     var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? constants_1.ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv;
     var _c = entity.attributes, attributes = _c === void 0 ? {} : _c;
+    var _d = react_1.useState({}), hasDeletionsMap = _d[0], setHasDeletionsMap = _d[1];
+    var setHasDeletions = react_1.useCallback(function (attrTypeUri, value) {
+        setHasDeletionsMap(function (prevMap) {
+            var _a;
+            return (__assign(__assign({}, prevMap), (_a = {}, _a[attrTypeUri] = value, _a)));
+        });
+    }, []);
+    react_1.useEffect(function () {
+        setHasDeletionsMap({});
+    }, [parentUri]);
     var creatableAttrTypes = react_1.useMemo(function () { return mdm_sdk_1.getCreatableAttributeTypes(mode, attrTypes); }, [attrTypes, mode]);
-    var moreAttrTypes = helpers_1.getMoreAttrTypes(creatableAttrTypes, entity);
+    var moreAttrTypes = helpers_1.getMoreAttrTypes(creatableAttrTypes, entity, showEmptyEditors, hasDeletionsMap);
     var pinnedAttributes = react_1.useContext(PinnedAttributesContext_1.PinnedAttributesContext);
     var pagersData = react_1.useMemo(function () { return mdm_sdk_1.getAttributesListForEditMode(attrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes); }, [attrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes]);
-    var _d = react_1.useMemo(function () { return attributesView_1.splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
+    var _e = react_1.useMemo(function () { return attributesView_1.splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _e[0], regularPagersData = _e[1];
     var onAddMoreAttributes = react_1.useCallback(function (attributeTypes) {
         onAddAttributes(attributeTypes.map(function (attributeType) { return ({ attributeType: attributeType, parentUri: parentUri }); }));
     }, [onAddAttributes, parentUri]);
     var decoratorProps = {
         enabled: drawLines
     };
+    var hasDeletionsContextValue = react_1.useMemo(function () { return ({
+        hasDeletionsMap: hasDeletionsMap,
+        setHasDeletions: setHasDeletions
+    }); }, [hasDeletionsMap, setHasDeletions]);
     return (react_1.default.createElement("div", { className: className },
         children && react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps), children),
-        react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps, { plain: true }), creatableAttrTypes.length > 0 && (react_1.default.createElement(MoreAttributesButton_1.default, { label: ui_i18n_1.default.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes }))),
-        regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
+        react_1.default.createElement(BranchDecorator_1.default, __assign({}, decoratorProps, { plain: true }), moreAttrTypes.length > 0 && (react_1.default.createElement(MoreAttributesButton_1.default, { label: ui_i18n_1.default.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes }))),
+        react_1.default.createElement(HasDeletionsContext_1.HasDeletionsContext.Provider, { value: hasDeletionsContextValue }, regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
             return (react_1.default.createElement(AttributesPager_1.default, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: ramda_1.path(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));
-        })));
+        }))));
 };
 AttributesList.propTypes = {
     attrTypes: prop_types_1.default.array,

package/cjs/components/attributes/editMode/AttributesList/helpers.d.ts

@@ -1,2 +1,4 @@
 import { AttributeType, Entity } from '@reltio/mdm-sdk';
-export declare const getMoreAttrTypes: (attrTypes: AttributeType[], entity: Entity) => AttributeType[];
+export declare const getMoreAttrTypes: (attrTypes: AttributeType[], entity: Entity, showEmptyEditors?: boolean, hasDeletionsMap?: {
+    [attrTypeUri: string]: boolean;
+}) => AttributeType[];

package/cjs/components/attributes/editMode/AttributesList/helpers.js

@@ -14,12 +14,12 @@ var getSource = function (attrType, entity) {
 var getNameProp = function (attrType) {
     return mdm_sdk_1.isSpecialAttribute(attrType) ? 'uri' : 'name';
 };
-var getMoreAttrTypes = function (attrTypes, entity) {
+var getMoreAttrTypes = function (attrTypes, entity, showEmptyEditors, hasDeletionsMap) {
     return attrTypes.filter(function (attrType) {
         var source = getSource(attrType, entity);
         var nameProp = getNameProp(attrType);
         return !((attrType.singleValue || mdm_sdk_1.isRoleAttrType(attrType) || mdm_sdk_1.isTagAttrType(attrType)) &&
-            ramda_1.has(attrType[nameProp])(source));
+            (ramda_1.has(attrType[nameProp])(source) || (showEmptyEditors && !(hasDeletionsMap === null || hasDeletionsMap === void 0 ? void 0 : hasDeletionsMap[attrType.uri]))));
     });
 };
 exports.getMoreAttrTypes = getMoreAttrTypes;

package/cjs/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeType, Mode, AttributeItem } from '@reltio/mdm-sdk';
 declare type Props = {
     values: string[] | number[];
@@ -9,6 +9,9 @@ declare type Props = {
     onDeleteAttribute: (param: AttributeItem) => void;
     onChangeAttribute: (param: AttributeItem) => void;
     showEmptyEditors?: boolean;
+    hasDeletions?: boolean;
+    setHasDeletions?: (attrTypeUri: string, value: boolean) => void;
 };
-declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, ...otherProps }: Props) => JSX.Element;
-export default SpecialRenderer;
+export declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, hasDeletions: hasDeletionsProp, setHasDeletions, ...otherProps }: Props) => JSX.Element;
+declare const _default: React.ComponentType<Props> | ((props: any) => JSX.Element);
+export default _default;

package/cjs/components/attributes/editMode/AttributesPager/SpecialRenderer.js

@@ -44,6 +44,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SpecialRenderer = void 0;
 var react_1 = __importStar(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var ramda_1 = require("ramda");
@@ -55,16 +56,26 @@ var Attribute_1 = __importDefault(require("../AttributesFactory/Attribute"));
 var Roles_1 = require("../Roles/Roles");
 var Tags_1 = __importDefault(require("../Tags"));
 var styles_1 = require("./styles");
+var HasDeletionsContext_1 = require("../contexts/HasDeletionsContext");
+var HOCs_1 = require("../../../../HOCs");
 var SpecialRenderer = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, showEmptyEditors = _a.showEmptyEditors, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "onChangeAttribute", "showEmptyEditors"]);
+    var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, showEmptyEditors = _a.showEmptyEditors, hasDeletionsProp = _a.hasDeletions, setHasDeletions = _a.setHasDeletions, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "onChangeAttribute", "showEmptyEditors", "hasDeletions", "setHasDeletions"]);
     var styles = styles_1.useStyles();
     var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality;
     var isEditableMode = mdm_sdk_1.isEditableMode(mode);
-    var _b = react_1.useState(false), hadDeletions = _b[0], setHadDeletions = _b[1];
+    var _b = react_1.useState(false), hasDeletionsState = _b[0], setHasDeletionsState = _b[1];
+    var updateHasDeletions = react_1.useCallback(function (value) {
+        setHasDeletionsState(value);
+        setHasDeletions === null || setHasDeletions === void 0 ? void 0 : setHasDeletions(attributeType.uri, value);
+    }, [attributeType.uri, setHasDeletions]);
+    var hasDeletions = hasDeletionsProp !== undefined ? hasDeletionsProp : hasDeletionsState;
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var onDelete = react_1.useCallback(ramda_1.pipe(onDeleteAttribute, ramda_1.T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
+    var onDelete = react_1.useCallback(ramda_1.pipe(onDeleteAttribute, ramda_1.T, updateHasDeletions), [
+        onDeleteAttribute,
+        updateHasDeletions
+    ]);
     var isEmptyValues = mdm_sdk_1.isEmptyValue(values);
-    var showEmpty = !hadDeletions && showEmptyEditors && isEmptyValues;
+    var showEmpty = !hasDeletions && showEmptyEditors && isEmptyValues;
     var emptyEditorValue = react_1.useRef(mdm_sdk_1.createNewAttribute({
         parentUri: parentUri,
         attributeType: attributeType
@@ -91,4 +102,12 @@ var SpecialRenderer = function (_a) {
         isEditableMode && react_1.default.createElement(ErrorMessage_1.default, { message: errorMessage }),
         react_1.default.createElement(Box_1.default, { className: styles.attributesWrapper }, renderValue())));
 };
-exports.default = SpecialRenderer;
+exports.SpecialRenderer = SpecialRenderer;
+exports.default = HOCs_1.withContext(HasDeletionsContext_1.HasDeletionsContext, function (contextValue, _a) {
+    var attributeType = _a.attributeType;
+    var _b = contextValue || {}, hasDeletionsMap = _b.hasDeletionsMap, setHasDeletions = _b.setHasDeletions;
+    return {
+        hasDeletions: hasDeletionsMap ? Boolean(hasDeletionsMap[attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri]) : undefined,
+        setHasDeletions: setHasDeletions
+    };
+}, exports.SpecialRenderer);

package/cjs/components/attributes/editMode/contexts/HasDeletionsContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const HasDeletionsContext: React.Context<{
+    hasDeletionsMap: {
+        [attrTypeUri: string]: boolean;
+    };
+    setHasDeletions: (attrTypeUri: string, value: boolean) => void;
+}>;

package/cjs/components/attributes/editMode/contexts/HasDeletionsContext.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.HasDeletionsContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.HasDeletionsContext = react_1.default.createContext(null);

package/esm/components/attributes/editMode/AttributesList/AttributesList.js

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { memo, useCallback, useContext, useMemo } from 'react';
+import React, { memo, useCallback, useContext, useMemo, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import i18n from 'ui-i18n';
 import { getCreatableAttributeTypes, getAttributesListForEditMode, ModeType } from '@reltio/mdm-sdk';
@@ -21,27 +21,42 @@ import { ALWAYS_VISIBLE_TYPE_URIS } from '../../../../constants';
 import { splitPagersData } from '../../helpers/attributesView';
 import { getMoreAttrTypes } from './helpers';
 import { PinnedAttributesContext } from '../contexts/PinnedAttributesContext';
+import { HasDeletionsContext } from '../contexts/HasDeletionsContext';
 var AttributesList = function (_a) {
     var attrTypes = _a.attrTypes, entity = _a.entity, parentUri = _a.parentUri, showEmptyEditors = _a.showEmptyEditors, mode = _a.mode, crosswalks = _a.crosswalks, drawLines = _a.drawLines, children = _a.children, className = _a.className, _b = _a.alwaysVisibleTypeUris, alwaysVisibleTypeUris = _b === void 0 ? ALWAYS_VISIBLE_TYPE_URIS : _b, onAddAttributes = _a.onAddAttributes, onChangeAttribute = _a.onChangeAttribute, onDeleteAttribute = _a.onDeleteAttribute, additionalControlsRenderer = _a.additionalControlsRenderer, showNonOv = _a.showNonOv;
     var _c = entity.attributes, attributes = _c === void 0 ? {} : _c;
+    var _d = useState({}), hasDeletionsMap = _d[0], setHasDeletionsMap = _d[1];
+    var setHasDeletions = useCallback(function (attrTypeUri, value) {
+        setHasDeletionsMap(function (prevMap) {
+            var _a;
+            return (__assign(__assign({}, prevMap), (_a = {}, _a[attrTypeUri] = value, _a)));
+        });
+    }, []);
+    useEffect(function () {
+        setHasDeletionsMap({});
+    }, [parentUri]);
     var creatableAttrTypes = useMemo(function () { return getCreatableAttributeTypes(mode, attrTypes); }, [attrTypes, mode]);
-    var moreAttrTypes = getMoreAttrTypes(creatableAttrTypes, entity);
+    var moreAttrTypes = getMoreAttrTypes(creatableAttrTypes, entity, showEmptyEditors, hasDeletionsMap);
     var pinnedAttributes = useContext(PinnedAttributesContext);
     var pagersData = useMemo(function () { return getAttributesListForEditMode(attrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes); }, [attrTypes, mode, entity, showEmptyEditors, showNonOv, pinnedAttributes]);
-    var _d = useMemo(function () { return splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _d[0], regularPagersData = _d[1];
+    var _e = useMemo(function () { return splitPagersData(alwaysVisibleTypeUris, pagersData); }, [pagersData, alwaysVisibleTypeUris]), alwaysVisiblePagersData = _e[0], regularPagersData = _e[1];
     var onAddMoreAttributes = useCallback(function (attributeTypes) {
         onAddAttributes(attributeTypes.map(function (attributeType) { return ({ attributeType: attributeType, parentUri: parentUri }); }));
     }, [onAddAttributes, parentUri]);
     var decoratorProps = {
         enabled: drawLines
     };
+    var hasDeletionsContextValue = useMemo(function () { return ({
+        hasDeletionsMap: hasDeletionsMap,
+        setHasDeletions: setHasDeletions
+    }); }, [hasDeletionsMap, setHasDeletions]);
     return (React.createElement("div", { className: className },
         children && React.createElement(BranchDecorator, __assign({}, decoratorProps), children),
-        React.createElement(BranchDecorator, __assign({}, decoratorProps, { plain: true }), creatableAttrTypes.length > 0 && (React.createElement(MoreAttributesButton, { label: i18n.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes }))),
-        regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
+        React.createElement(BranchDecorator, __assign({}, decoratorProps, { plain: true }), moreAttrTypes.length > 0 && (React.createElement(MoreAttributesButton, { label: i18n.text('More attributes'), onApply: onAddMoreAttributes, dense: drawLines, data: moreAttrTypes }))),
+        React.createElement(HasDeletionsContext.Provider, { value: hasDeletionsContextValue }, regularPagersData.concat(alwaysVisiblePagersData).map(function (_a) {
             var attrType = _a.attrType, values = _a.values;
             return (React.createElement(AttributesPager, { key: attrType.uri, attributeType: attrType, drawLines: drawLines, values: values, paging: path(['paging', attrType.uri], attributes), parentUri: parentUri, showEmptyEditors: showEmptyEditors, mode: mode, crosswalks: crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute, additionalControlsRenderer: additionalControlsRenderer, showNonOv: showNonOv }));
-        })));
+        }))));
 };
 AttributesList.propTypes = {
     attrTypes: PropTypes.array,

package/esm/components/attributes/editMode/AttributesList/helpers.d.ts

@@ -1,2 +1,4 @@
 import { AttributeType, Entity } from '@reltio/mdm-sdk';
-export declare const getMoreAttrTypes: (attrTypes: AttributeType[], entity: Entity) => AttributeType[];
+export declare const getMoreAttrTypes: (attrTypes: AttributeType[], entity: Entity, showEmptyEditors?: boolean, hasDeletionsMap?: {
+    [attrTypeUri: string]: boolean;
+}) => AttributeType[];

package/esm/components/attributes/editMode/AttributesList/helpers.js

@@ -11,11 +11,11 @@ var getSource = function (attrType, entity) {
 var getNameProp = function (attrType) {
     return isSpecialAttribute(attrType) ? 'uri' : 'name';
 };
-export var getMoreAttrTypes = function (attrTypes, entity) {
+export var getMoreAttrTypes = function (attrTypes, entity, showEmptyEditors, hasDeletionsMap) {
     return attrTypes.filter(function (attrType) {
         var source = getSource(attrType, entity);
         var nameProp = getNameProp(attrType);
         return !((attrType.singleValue || isRoleAttrType(attrType) || isTagAttrType(attrType)) &&
-            has(attrType[nameProp])(source));
+            (has(attrType[nameProp])(source) || (showEmptyEditors && !(hasDeletionsMap === null || hasDeletionsMap === void 0 ? void 0 : hasDeletionsMap[attrType.uri]))));
     });
 };

package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { AttributeType, Mode, AttributeItem } from '@reltio/mdm-sdk';
 declare type Props = {
     values: string[] | number[];
@@ -9,6 +9,9 @@ declare type Props = {
     onDeleteAttribute: (param: AttributeItem) => void;
     onChangeAttribute: (param: AttributeItem) => void;
     showEmptyEditors?: boolean;
+    hasDeletions?: boolean;
+    setHasDeletions?: (attrTypeUri: string, value: boolean) => void;
 };
-declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, ...otherProps }: Props) => JSX.Element;
-export default SpecialRenderer;
+export declare const SpecialRenderer: ({ values, attributeType, parentUri, mode, errorMessage, onDeleteAttribute, onChangeAttribute, showEmptyEditors, hasDeletions: hasDeletionsProp, setHasDeletions, ...otherProps }: Props) => JSX.Element;
+declare const _default: React.ComponentType<Props> | ((props: any) => JSX.Element);
+export default _default;

package/esm/components/attributes/editMode/AttributesPager/SpecialRenderer.js

@@ -31,16 +31,26 @@ import Attribute from '../AttributesFactory/Attribute';
 import { Roles } from '../Roles/Roles';
 import Tags from '../Tags';
 import { useStyles } from './styles';
-var SpecialRenderer = function (_a) {
-    var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, showEmptyEditors = _a.showEmptyEditors, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "onChangeAttribute", "showEmptyEditors"]);
+import { HasDeletionsContext } from '../contexts/HasDeletionsContext';
+import { withContext } from '../../../../HOCs';
+export var SpecialRenderer = function (_a) {
+    var values = _a.values, attributeType = _a.attributeType, parentUri = _a.parentUri, mode = _a.mode, errorMessage = _a.errorMessage, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, showEmptyEditors = _a.showEmptyEditors, hasDeletionsProp = _a.hasDeletions, setHasDeletions = _a.setHasDeletions, otherProps = __rest(_a, ["values", "attributeType", "parentUri", "mode", "errorMessage", "onDeleteAttribute", "onChangeAttribute", "showEmptyEditors", "hasDeletions", "setHasDeletions"]);
     var styles = useStyles();
     var label = attributeType.label, isRequired = attributeType.required, cardinality = attributeType.cardinality;
     var isEditableMode = checkIsEditableMode(mode);
-    var _b = useState(false), hadDeletions = _b[0], setHadDeletions = _b[1];
+    var _b = useState(false), hasDeletionsState = _b[0], setHasDeletionsState = _b[1];
+    var updateHasDeletions = useCallback(function (value) {
+        setHasDeletionsState(value);
+        setHasDeletions === null || setHasDeletions === void 0 ? void 0 : setHasDeletions(attributeType.uri, value);
+    }, [attributeType.uri, setHasDeletions]);
+    var hasDeletions = hasDeletionsProp !== undefined ? hasDeletionsProp : hasDeletionsState;
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    var onDelete = useCallback(pipe(onDeleteAttribute, T, setHadDeletions), [onDeleteAttribute, setHadDeletions]);
+    var onDelete = useCallback(pipe(onDeleteAttribute, T, updateHasDeletions), [
+        onDeleteAttribute,
+        updateHasDeletions
+    ]);
     var isEmptyValues = isEmptyValue(values);
-    var showEmpty = !hadDeletions && showEmptyEditors && isEmptyValues;
+    var showEmpty = !hasDeletions && showEmptyEditors && isEmptyValues;
     var emptyEditorValue = useRef(createNewAttribute({
         parentUri: parentUri,
         attributeType: attributeType
@@ -67,4 +77,11 @@ var SpecialRenderer = function (_a) {
         isEditableMode && React.createElement(ErrorMessage, { message: errorMessage }),
         React.createElement(Box, { className: styles.attributesWrapper }, renderValue())));
 };
-export default SpecialRenderer;
+export default withContext(HasDeletionsContext, function (contextValue, _a) {
+    var attributeType = _a.attributeType;
+    var _b = contextValue || {}, hasDeletionsMap = _b.hasDeletionsMap, setHasDeletions = _b.setHasDeletions;
+    return {
+        hasDeletions: hasDeletionsMap ? Boolean(hasDeletionsMap[attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri]) : undefined,
+        setHasDeletions: setHasDeletions
+    };
+}, SpecialRenderer);

package/esm/components/attributes/editMode/contexts/HasDeletionsContext.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const HasDeletionsContext: React.Context<{
+    hasDeletionsMap: {
+        [attrTypeUri: string]: boolean;
+    };
+    setHasDeletions: (attrTypeUri: string, value: boolean) => void;
+}>;

package/esm/components/attributes/editMode/contexts/HasDeletionsContext.js

@@ -0,0 +1,2 @@
+import React from 'react';
+export var HasDeletionsContext = React.createContext(null);

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1147",
+  "version": "1.4.1148",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1147",
-    "@reltio/mdm-sdk": "^1.4.1147",
+    "@reltio/mdm-module": "^1.4.1148",
+    "@reltio/mdm-sdk": "^1.4.1148",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",