@reltio/components 1.4.1709 → 1.4.1711

package/cjs/components/attributes/inline/types/EditAttributeEvent.d.ts

@@ -3,4 +3,5 @@ export type EditAttributeEvent = {
     attributeType: AttributeType;
     attributeValue: SimpleAttributeValue;
     crosswalk: Crosswalk | RelationCrosswalk;
+    clearAttributeFlags?: boolean;
 };

package/cjs/components/attributes/readMode/AttributesView/AttributesView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AttributesViewProps } from '../../types';
 type Props = Omit<AttributesViewProps, 'mode' | 'pinnedAttributes'>;
-declare const AttributesView: ({ className, entity, caption, excludeUris, includeUris, attributesCount }: Props) => JSX.Element;
+declare const AttributesView: ({ className, entity, caption, excludeUris, includeUris, attributesCount: attributesCountProp }: Props) => JSX.Element;
 export default AttributesView;

package/cjs/components/attributes/readMode/AttributesView/AttributesView.js

@@ -38,13 +38,15 @@ var FacetViewHeader_1 = __importDefault(require("../../../FacetViewHeader/FacetV
 var AttributesList_1 = __importDefault(require("../AttributesList"));
 var attributesView_1 = require("../../helpers/attributesView");
 var styles_1 = require("./styles");
+var DEFAULT_ATTRIBUTES_COUNT = 16;
 var AttributesView = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, _g = _a.attributesCount, attributesCount = _g === void 0 ? 16 : _g;
+    var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, attributesCountProp = _a.attributesCount;
     var styles = (0, styles_1.useStyles)();
     var metadata = (0, contexts_1.useMdmMetadata)();
     var pivotingAttributes = (0, contexts_1.useMdmPivotingAttributes)();
     var filteredAttrTypes = (0, react_1.useMemo)(function () { return (0, attributesView_1.getFilteredAttrTypes)(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity.type]);
+    var attributesCount = attributesCountProp || DEFAULT_ATTRIBUTES_COUNT;
     var attributesList = (0, mdm_sdk_1.getAttributesListForReadMode)(filteredAttrTypes, entity);
     var isShowAttributeList = attributesList.filter(function (_a) {
         var values = _a.values;

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

@@ -139,8 +139,7 @@ var AttributesTable = function (_a) {
             react_1.default.createElement(BasicTableView_1.BasicTable, { fixFirstColumn: true, headRowHeight: 48, defaultColumnWidth: 250, defaultColumnMinWidth: 200, columnsData: visibleColumnsData, dndRowReorderingEnabled: false, dndRowReorderingHandler: handleReorderAttributeTypes, getIdFromRowValue: getIdFromRowValue, rowsData: rowsData, renderRowCell: renderRowCell, getRowCellHeight: getRowCellHeight, context: tableContext })),
         react_1.default.createElement(ConfirmDeleteDialog_1.default, { open: !!pendingDeletion, onClose: function () { return setPendingDeletion(null); }, onConfirm: handleDelete }),
         react_1.default.createElement(ConfirmEditIgnoredDialog_1.default, { open: !!pendingIgnoredEditing, onClose: function () { return setPendingIgnoredEditing(null); }, onConfirmEditWithIgnore: function () { return onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
-                onIgnore({ attributeValue: pendingIgnoredEditing.attributeValue });
-                onEdit(pendingIgnoredEditing);
+                onEdit(__assign(__assign({}, pendingIgnoredEditing), { clearAttributeFlags: true }));
             } })));
 };
 exports.default = (0, react_1.memo)(AttributesTable);

package/cjs/components/crosswalks/hooks/useAttributeActions.d.ts

@@ -9,7 +9,7 @@ export declare const useAttributeActions: ({ onSuccess, onError, onLoad }: Props
     deleteAttribute: ({ attributeValue, attributeType, crosswalks }: DeleteInlineAttributeEvent) => void;
     pinAttribute: ({ attributeValue }: PinInlineAttributeEvent) => void;
     ignoreAttribute: ({ attributeValue }: IgnoreInlineAttributeEvent) => void;
-    updateAttribute: ({ attributeValue, attributeType, crosswalk }: EditInlineAttributeEvent) => void;
+    updateAttribute: ({ attributeValue, attributeType, crosswalk, clearAttributeFlags }: EditInlineAttributeEvent) => void;
     createAttribute: ({ attributeValue, crosswalk }: CreateAttributeEvent) => void;
 };
 export {};

package/cjs/components/crosswalks/hooks/useAttributeActions.js

@@ -1,4 +1,40 @@
 "use strict";
+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 };
+    }
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useAttributeActions = void 0;
 var react_1 = require("react");
@@ -52,16 +88,46 @@ var useAttributeActions = function (_a) {
         });
     }, [handleAction, handleErrorResponse]);
     var updateAttributeAction = (0, react_1.useCallback)(function (_a) {
-        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalk = _a.crosswalk;
+        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalk = _a.crosswalk, clearAttributeFlags = _a.clearAttributeFlags;
         if ((0, mdm_sdk_1.isComplexAttribute)(attributeType) || (0, mdm_sdk_1.isImage)(attributeType))
             return;
-        (0, ramda_1.pipe)(mdm_sdk_1.updateAttribute, handleErrorResponse, handleAction)({
-            attributeUri: attributeValue.uri,
-            sourceUri: crosswalk.type,
-            crosswalkValue: crosswalk.value,
-            crosswalkSourceTable: crosswalk.sourceTable,
-            value: (0, mdm_sdk_1.isLookupAttrType)(attributeType) ? attributeValue.lookupCode : attributeValue.value
-        });
+        var update = function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, handleErrorResponse((0, mdm_sdk_1.updateAttribute)({
+                            attributeUri: attributeValue.uri,
+                            sourceUri: crosswalk.type,
+                            crosswalkValue: crosswalk.value,
+                            crosswalkSourceTable: crosswalk.sourceTable,
+                            value: (0, mdm_sdk_1.isLookupAttrType)(attributeType)
+                                ? attributeValue.lookupCode
+                                : attributeValue.value
+                        }))];
+                    case 1:
+                        _a.sent();
+                        if (!!clearAttributeFlags) return [3 /*break*/, 5];
+                        if (!attributeValue.ignored) return [3 /*break*/, 3];
+                        return [4 /*yield*/, handleErrorResponse((0, mdm_sdk_1.ignoreAttribute)({
+                                attributeUri: attributeValue.uri,
+                                value: true
+                            }))];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 5];
+                    case 3:
+                        if (!attributeValue.pin) return [3 /*break*/, 5];
+                        return [4 /*yield*/, handleErrorResponse((0, mdm_sdk_1.pinAttribute)({
+                                attributeUri: attributeValue.uri,
+                                value: true
+                            }))];
+                    case 4:
+                        _a.sent();
+                        _a.label = 5;
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        handleAction(update());
     }, [handleAction, handleErrorResponse]);
     var createAttributeAction = (0, react_1.useCallback)(function (_a) {
         var attributeValue = _a.attributeValue, crosswalk = _a.crosswalk;

package/esm/components/attributes/inline/types/EditAttributeEvent.d.ts

@@ -3,4 +3,5 @@ export type EditAttributeEvent = {
     attributeType: AttributeType;
     attributeValue: SimpleAttributeValue;
     crosswalk: Crosswalk | RelationCrosswalk;
+    clearAttributeFlags?: boolean;
 };

package/esm/components/attributes/readMode/AttributesView/AttributesView.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { AttributesViewProps } from '../../types';
 type Props = Omit<AttributesViewProps, 'mode' | 'pinnedAttributes'>;
-declare const AttributesView: ({ className, entity, caption, excludeUris, includeUris, attributesCount }: Props) => JSX.Element;
+declare const AttributesView: ({ className, entity, caption, excludeUris, includeUris, attributesCount: attributesCountProp }: Props) => JSX.Element;
 export default AttributesView;

package/esm/components/attributes/readMode/AttributesView/AttributesView.js

@@ -10,13 +10,15 @@ import FacetViewHeader from '../../../FacetViewHeader/FacetViewHeader';
 import AttributesList from '../AttributesList';
 import { getFilteredAttrTypes } from '../../helpers/attributesView';
 import { useStyles } from './styles';
+var DEFAULT_ATTRIBUTES_COUNT = 16;
 var AttributesView = function (_a) {
     var _b;
-    var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, _g = _a.attributesCount, attributesCount = _g === void 0 ? 16 : _g;
+    var className = _a.className, _c = _a.entity, entity = _c === void 0 ? {} : _c, _d = _a.caption, caption = _d === void 0 ? '' : _d, _e = _a.excludeUris, excludeUris = _e === void 0 ? [] : _e, _f = _a.includeUris, includeUris = _f === void 0 ? [] : _f, attributesCountProp = _a.attributesCount;
     var styles = useStyles();
     var metadata = useMdmMetadata();
     var pivotingAttributes = useMdmPivotingAttributes();
     var filteredAttrTypes = useMemo(function () { return getFilteredAttrTypes(metadata, entity.type, includeUris, excludeUris); }, [excludeUris, includeUris, metadata, entity.type]);
+    var attributesCount = attributesCountProp || DEFAULT_ATTRIBUTES_COUNT;
     var attributesList = getAttributesListForReadMode(filteredAttrTypes, entity);
     var isShowAttributeList = attributesList.filter(function (_a) {
         var values = _a.values;

package/esm/components/crosswalks/AttributesTable/AttributesTable.js

@@ -111,8 +111,7 @@ var AttributesTable = function (_a) {
             React.createElement(BasicTable, { fixFirstColumn: true, headRowHeight: 48, defaultColumnWidth: 250, defaultColumnMinWidth: 200, columnsData: visibleColumnsData, dndRowReorderingEnabled: false, dndRowReorderingHandler: handleReorderAttributeTypes, getIdFromRowValue: getIdFromRowValue, rowsData: rowsData, renderRowCell: renderRowCell, getRowCellHeight: getRowCellHeight, context: tableContext })),
         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 onEdit(pendingIgnoredEditing); }, onConfirmEditWithoutIgnore: function () {
-                onIgnore({ attributeValue: pendingIgnoredEditing.attributeValue });
-                onEdit(pendingIgnoredEditing);
+                onEdit(__assign(__assign({}, pendingIgnoredEditing), { clearAttributeFlags: true }));
             } })));
 };
 export default memo(AttributesTable);

package/esm/components/crosswalks/hooks/useAttributeActions.d.ts

@@ -9,7 +9,7 @@ export declare const useAttributeActions: ({ onSuccess, onError, onLoad }: Props
     deleteAttribute: ({ attributeValue, attributeType, crosswalks }: DeleteInlineAttributeEvent) => void;
     pinAttribute: ({ attributeValue }: PinInlineAttributeEvent) => void;
     ignoreAttribute: ({ attributeValue }: IgnoreInlineAttributeEvent) => void;
-    updateAttribute: ({ attributeValue, attributeType, crosswalk }: EditInlineAttributeEvent) => void;
+    updateAttribute: ({ attributeValue, attributeType, crosswalk, clearAttributeFlags }: EditInlineAttributeEvent) => void;
     createAttribute: ({ attributeValue, crosswalk }: CreateAttributeEvent) => void;
 };
 export {};

package/esm/components/crosswalks/hooks/useAttributeActions.js

@@ -1,3 +1,39 @@
+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 };
+    }
+};
 import { useCallback } from 'react';
 import { createAttribute, deleteAttribute, getReferencedRelationFromAttrValue, ignoreAttribute, isComplexAttribute, isImage, isLookupAttrType, isReference, pinAttribute, removeRelation, updateAttribute } from '@reltio/mdm-sdk';
 import { andThen, pipe, prop } from 'ramda';
@@ -49,16 +85,46 @@ export var useAttributeActions = function (_a) {
         });
     }, [handleAction, handleErrorResponse]);
     var updateAttributeAction = useCallback(function (_a) {
-        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalk = _a.crosswalk;
+        var attributeValue = _a.attributeValue, attributeType = _a.attributeType, crosswalk = _a.crosswalk, clearAttributeFlags = _a.clearAttributeFlags;
         if (isComplexAttribute(attributeType) || isImage(attributeType))
             return;
-        pipe(updateAttribute, handleErrorResponse, handleAction)({
-            attributeUri: attributeValue.uri,
-            sourceUri: crosswalk.type,
-            crosswalkValue: crosswalk.value,
-            crosswalkSourceTable: crosswalk.sourceTable,
-            value: isLookupAttrType(attributeType) ? attributeValue.lookupCode : attributeValue.value
-        });
+        var update = function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0: return [4 /*yield*/, handleErrorResponse(updateAttribute({
+                            attributeUri: attributeValue.uri,
+                            sourceUri: crosswalk.type,
+                            crosswalkValue: crosswalk.value,
+                            crosswalkSourceTable: crosswalk.sourceTable,
+                            value: isLookupAttrType(attributeType)
+                                ? attributeValue.lookupCode
+                                : attributeValue.value
+                        }))];
+                    case 1:
+                        _a.sent();
+                        if (!!clearAttributeFlags) return [3 /*break*/, 5];
+                        if (!attributeValue.ignored) return [3 /*break*/, 3];
+                        return [4 /*yield*/, handleErrorResponse(ignoreAttribute({
+                                attributeUri: attributeValue.uri,
+                                value: true
+                            }))];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 5];
+                    case 3:
+                        if (!attributeValue.pin) return [3 /*break*/, 5];
+                        return [4 /*yield*/, handleErrorResponse(pinAttribute({
+                                attributeUri: attributeValue.uri,
+                                value: true
+                            }))];
+                    case 4:
+                        _a.sent();
+                        _a.label = 5;
+                    case 5: return [2 /*return*/];
+                }
+            });
+        }); };
+        handleAction(update());
     }, [handleAction, handleErrorResponse]);
     var createAttributeAction = useCallback(function (_a) {
         var attributeValue = _a.attributeValue, crosswalk = _a.crosswalk;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1709",
+  "version": "1.4.1711",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",