@reltio/components 1.4.1329 → 1.4.1331

package/cjs/components/ActionButton/ActionButton.js

@@ -70,7 +70,7 @@ exports.ActionButton = (0, react_1.forwardRef)(function (_a, ref) {
     var getButtonView = function () {
         switch (mode) {
             case 'iconButton': {
-                return (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, __assign({ disabled: disabled, className: (0, classnames_1.default)(styles.iconButton, className), size: "S", tooltipTitle: label, onClick: onClick, icon: Icon }, otherProps)));
+                return (react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, __assign({ disabled: disabled, className: (0, classnames_1.default)(styles.iconButton, className), size: "S", tooltipTitle: label, onClick: onClick, icon: Icon, showForDisabled: true }, otherProps)));
             }
             case 'button': {
                 return (react_1.default.createElement(Button_1.default, __assign({ className: (0, classnames_1.default)(styles.button, className), disabled: disabled, startIcon: react_1.default.createElement(Icon, null), onClick: onClick, color: "primary", classes: { startIcon: styles.startIcon, label: styles.label } }, otherProps),

package/cjs/components/EntityTypeBadge/styles.js

@@ -12,7 +12,8 @@ var useStyles = (0, styles_1.makeStyles)({
         fontSize: '10px',
         lineHeight: 'normal',
         marginRight: '12px',
-        borderRadius: '2px'
+        borderRadius: '2px',
+        flexShrink: 0
     },
     'entityType-medium': {
         padding: '2px 8px 3px',
@@ -20,7 +21,8 @@ var useStyles = (0, styles_1.makeStyles)({
         fontSize: '13px',
         fontWeight: 500,
         lineHeight: '15px',
-        marginRight: '16px'
+        marginRight: '16px',
+        flexShrink: 0
     }
 });
 exports.default = useStyles;

package/cjs/components/ProfileCard/ProfileCard.js

@@ -63,6 +63,9 @@ var ProfileCard = function (_a) {
     var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label, containerClass = classes.container;
     var label = (0, mdm_sdk_1.getLabel)(entity.label);
     var secondaryLabel = entity.secondaryLabel;
+    var handleCopyEntityIdToClipboard = (0, react_1.useCallback)(function () {
+        navigator.clipboard.writeText((0, mdm_sdk_1.getEntityId)(entity));
+    }, [entity]);
     return (react_1.default.createElement("div", __assign({ className: (0, classnames_1.default)(styles.container, containerClass) }, otherProps),
         react_1.default.createElement(EntityAvatar_1.default, { entity: entity, imageClassName: styles.image }),
         react_1.default.createElement("div", { className: styles.info },
@@ -73,8 +76,9 @@ var ProfileCard = function (_a) {
                 react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.secondaryLabel, secondaryLabelClass) }, secondaryLabel))),
             react_1.default.createElement("div", { className: styles.thirdRow },
                 react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity, size: "medium" }),
-                react_1.default.createElement("div", { className: styles.entityId },
+                react_1.default.createElement("div", { className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
                     react_1.default.createElement("div", { className: styles.entityIdLabel }, ui_i18n_1.default.text('ID:')),
-                    react_1.default.createElement("div", { className: styles.entityIdValue }, (0, mdm_sdk_1.getEntityId)(entity)))))));
+                    react_1.default.createElement(ExpandedValueTooltip_1.default, { value: "Copy to clipboard ".concat((0, mdm_sdk_1.getEntityId)(entity)), placement: "top" },
+                        react_1.default.createElement("div", { className: styles.entityIdValue }, (0, mdm_sdk_1.getEntityId)(entity))))))));
 };
 exports.default = (0, react_1.memo)(ProfileCard);

package/cjs/components/ProfileCard/styles.js

@@ -41,12 +41,14 @@ var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     },
     thirdRow: {
         display: 'flex',
+        overflow: 'hidden',
         alignItems: 'center',
         marginTop: 'auto',
         paddingTop: '4px'
     },
     entityId: {
         display: 'flex',
+        overflow: 'hidden',
         alignItems: 'baseline',
         whiteSpace: 'nowrap',
         fontWeight: 400,
@@ -58,7 +60,15 @@ var useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
     },
     entityIdValue: {
         marginLeft: '8px',
-        color: theme.palette.text.primary
+        color: theme.palette.text.primary,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        '&[aria-describedby]': {
+            cursor: 'pointer',
+            '&:hover': {
+                textDecoration: 'underline'
+            }
+        }
     }
 }); });
 exports.default = useStyles;

package/cjs/components/activityLog/utils/filters.js

@@ -78,9 +78,10 @@ var getFilterClauseBuilder = (0, ramda_1.cond)([
     [(0, ramda_1.equals)('attributes'), function () { return multiValueFilter(buildAttributeFilterClause); }],
     [(0, ramda_1.equals)('entityTypes'), function () { return multiValueFilter(buildEntityTypeFilterClause); }],
     [(0, ramda_1.equals)('dateRange'), function () { return buildDateRangeFilterClause; }],
-    [(0, ramda_1.equals)('entityUri'), function () { return buildEntityUriFilterClause; }]
+    [(0, ramda_1.equals)('entityUri'), function () { return buildEntityUriFilterClause; }],
+    [(0, ramda_1.equals)('rawFilter'), function () { return ramda_1.identity; }]
 ]);
-exports.buildActivitiesFilterString = (0, ramda_1.pipe)((0, ramda_1.defaultTo)({}), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), ramda_1.toPairs, (0, ramda_1.map)(function (_a) {
+exports.buildActivitiesFilterString = (0, ramda_1.pipe)((0, ramda_1.defaultTo)({}), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), ramda_1.toPairs, (0, ramda_1.append)(['rawFilter', "not equals(user, 'collaboration-service')"]), (0, ramda_1.map)(function (_a) {
     var key = _a[0], value = _a[1];
     return getFilterClauseBuilder(key)(value);
 }), (0, ramda_1.reject)(mdm_sdk_1.isEmptyValue), (0, ramda_1.map)(wrapInBrackets), (0, ramda_1.join)(' and '));

package/cjs/hooks/index.d.ts

@@ -22,3 +22,4 @@ export { useEditableConnection } from './useEditableConnection';
 export { useReadableSearchState } from './useReadableSearchState';
 export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
+export { useIsMountedRef } from './useIsMountedRef';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = void 0;
+exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = void 0;
 var useActions_1 = require("./useActions");
 Object.defineProperty(exports, "useActions", { enumerable: true, get: function () { return useActions_1.useActions; } });
 var useAPI_1 = require("./useAPI");
@@ -49,3 +49,5 @@ var useSavedStateForEntityType_1 = require("./useSavedStateForEntityType");
 Object.defineProperty(exports, "useSavedStateForEntityType", { enumerable: true, get: function () { return useSavedStateForEntityType_1.useSavedStateForEntityType; } });
 var useSnackbar_1 = require("./useSnackbar");
 Object.defineProperty(exports, "useSnackbar", { enumerable: true, get: function () { return useSnackbar_1.useSnackbar; } });
+var useIsMountedRef_1 = require("./useIsMountedRef");
+Object.defineProperty(exports, "useIsMountedRef", { enumerable: true, get: function () { return useIsMountedRef_1.useIsMountedRef; } });

package/cjs/hooks/useIsMountedRef.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useIsMountedRef: () => import("react").MutableRefObject<boolean>;

package/cjs/hooks/useIsMountedRef.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIsMountedRef = void 0;
+var react_1 = require("react");
+var useIsMountedRef = function () {
+    var isMountedRef = (0, react_1.useRef)(false);
+    (0, react_1.useEffect)(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+        };
+    });
+    return isMountedRef;
+};
+exports.useIsMountedRef = useIsMountedRef;

package/cjs/hooks/useMarkAsNotMatchRequest.js

@@ -8,8 +8,10 @@ var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var react_1 = require("react");
+var useIsMountedRef_1 = require("./useIsMountedRef");
 var useMarkAsNotMatchRequest = function (_a) {
     var entities = _a.entities, entity = _a.entity, onFinishRequest = _a.onFinishRequest, onStartRequest = _a.onStartRequest, onSuccess = _a.onSuccess;
+    var isMountedRef = (0, useIsMountedRef_1.useIsMountedRef)();
     var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
     var dtssPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDtssPath);
     var _b = (0, react_1.useState)(false), isPending = _b[0], setIsPending = _b[1];
@@ -23,9 +25,9 @@ var useMarkAsNotMatchRequest = function (_a) {
         })
             .finally(function () {
             onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
-            setIsPending(false);
+            isMountedRef.current && setIsPending(false);
         });
-    }, [dtssPath, entities, entity, onFinishRequest, onStartRequest, onSuccess, tenant]);
+    }, [dtssPath, entities, entity, isMountedRef, onFinishRequest, onStartRequest, onSuccess, tenant]);
     return { isPending: isPending, sendMarkAsNotMatchRequest: sendMarkAsNotMatchRequest };
 };
 exports.useMarkAsNotMatchRequest = useMarkAsNotMatchRequest;

package/cjs/hooks/useMergeAllRequest.js

@@ -9,8 +9,10 @@ var react_redux_1 = require("react-redux");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var core_1 = require("../core");
+var useIsMountedRef_1 = require("./useIsMountedRef");
 var useMergeAllRequest = function (_a) {
     var entities = _a.entities, entity = _a.entity, onFinishRequest = _a.onFinishRequest, onStartRequest = _a.onStartRequest, onSuccess = _a.onSuccess, _b = _a.onError, onError = _b === void 0 ? core_1.noop : _b;
+    var isMountedRef = (0, useIsMountedRef_1.useIsMountedRef)();
     var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
     var dtssPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDtssPath);
     var _c = (0, react_1.useState)(false), isPending = _c[0], setIsPending = _c[1];
@@ -27,7 +29,7 @@ var useMergeAllRequest = function (_a) {
             .catch(onError)
             .finally(function () {
             onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
-            setIsPending(false);
+            isMountedRef.current && setIsPending(false);
         });
     }, [dtssPath, entities, entity, onError, onFinishRequest, onStartRequest, onSuccess, tenant]);
     return { isPending: isPending, sendMergeAllRequest: sendMergeAllRequest };

package/cjs/hooks/useRelationsLoader.d.ts

@@ -1,4 +1,4 @@
-import { ActivityFilter, Entity, Mode } from '@reltio/mdm-sdk';
+import { ActivityFilter, Entity, Mode, RelationsViewConfig } from '@reltio/mdm-sdk';
 declare type Props = {
     sorting?: {
         field: string;
@@ -7,11 +7,7 @@ declare type Props = {
     filter?: string;
     page: number;
     rowsPerPage: number;
-    config: {
-        id: string;
-        content: Record<string, unknown>;
-        suggested?: Record<string, unknown>[] | Record<string, unknown>;
-    };
+    config: Pick<RelationsViewConfig, 'suggested' | 'content' | 'id'>;
     entity: Entity;
     relationActivityFilter?: ActivityFilter;
     mode: Mode;

package/cjs/hooks/useRelationsLoader.js

@@ -48,16 +48,28 @@ var useRelationsLoader = function (_a) {
     var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
     var dispatch = (0, react_redux_1.useDispatch)();
     var tenant = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getTenant);
+    var metadata = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getMetadata);
     var dtssPath = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getDtssPath);
     var _d = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _d.activityFilter, globalFilter = _d.globalFilter;
     var safePromise = (0, useSafePromise_1.useSafePromise)();
+    var processContent = function (content) {
+        var getUri = (0, ramda_1.when)(mdm_sdk_1.isObject, (0, ramda_1.prop)('uri'));
+        var filterRelation = (0, ramda_1.pipe)(getUri, (0, mdm_sdk_1.isAvailableRelationTypeUri)(metadata));
+        return (0, ramda_1.evolve)({
+            entityTypes: (0, ramda_1.filter)((0, mdm_sdk_1.isAvailableEntityTypeUri)(metadata)),
+            inRelations: (0, ramda_1.filter)(filterRelation),
+            outRelations: (0, ramda_1.filter)(filterRelation),
+            nextEntry: processContent
+        })(content);
+    };
     var suggested = config.suggested;
     var options = (0, react_1.useMemo)(function () { return ({
         searchByOv: searchByOv
     }); }, [searchByOv]);
     var loadRelations = (0, react_1.useCallback)(function () {
         if (entity === null || entity === void 0 ? void 0 : entity.uri) {
-            var requestConfig_1 = __assign(__assign({}, config.content), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
+            var processedConfig = processContent(config.content);
+            var requestConfig_1 = __assign(__assign({}, processedConfig), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
                     relation: relationActivityFilter || mdm_sdk_1.ActivityFilter.ALL,
                     entity: activityFilter
                 }, max: rowsPerPage, offset: page * rowsPerPage, filter: (0, mdm_sdk_1.addGlobalFilterToQuery)(globalFilter, filter) || undefined, suggested: buildSuggestedIds(suggested) });
@@ -94,6 +106,7 @@ var useRelationsLoader = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         activityFilter,
+        metadata,
         config,
         dispatch,
         dtssPath,

package/esm/components/ActionButton/ActionButton.js

@@ -41,7 +41,7 @@ export var ActionButton = forwardRef(function (_a, ref) {
     var getButtonView = function () {
         switch (mode) {
             case 'iconButton': {
-                return (React.createElement(SmallIconButtonWithTooltip, __assign({ disabled: disabled, className: classnames(styles.iconButton, className), size: "S", tooltipTitle: label, onClick: onClick, icon: Icon }, otherProps)));
+                return (React.createElement(SmallIconButtonWithTooltip, __assign({ disabled: disabled, className: classnames(styles.iconButton, className), size: "S", tooltipTitle: label, onClick: onClick, icon: Icon, showForDisabled: true }, otherProps)));
             }
             case 'button': {
                 return (React.createElement(Button, __assign({ className: classnames(styles.button, className), disabled: disabled, startIcon: React.createElement(Icon, null), onClick: onClick, color: "primary", classes: { startIcon: styles.startIcon, label: styles.label } }, otherProps),

package/esm/components/EntityTypeBadge/styles.js

@@ -10,7 +10,8 @@ var useStyles = makeStyles({
         fontSize: '10px',
         lineHeight: 'normal',
         marginRight: '12px',
-        borderRadius: '2px'
+        borderRadius: '2px',
+        flexShrink: 0
     },
     'entityType-medium': {
         padding: '2px 8px 3px',
@@ -18,7 +19,8 @@ var useStyles = makeStyles({
         fontSize: '13px',
         fontWeight: 500,
         lineHeight: '15px',
-        marginRight: '16px'
+        marginRight: '16px',
+        flexShrink: 0
     }
 });
 export default useStyles;

package/esm/components/ProfileCard/ProfileCard.js

@@ -20,7 +20,7 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React, { memo } from 'react';
+import React, { memo, useCallback } from 'react';
 import i18n from 'ui-i18n';
 import classnames from 'classnames';
 import { getEntityId, getEntityUriForLink, getLabel } from '@reltio/mdm-sdk';
@@ -35,6 +35,9 @@ var ProfileCard = function (_a) {
     var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label, containerClass = classes.container;
     var label = getLabel(entity.label);
     var secondaryLabel = entity.secondaryLabel;
+    var handleCopyEntityIdToClipboard = useCallback(function () {
+        navigator.clipboard.writeText(getEntityId(entity));
+    }, [entity]);
     return (React.createElement("div", __assign({ className: classnames(styles.container, containerClass) }, otherProps),
         React.createElement(EntityAvatar, { entity: entity, imageClassName: styles.image }),
         React.createElement("div", { className: styles.info },
@@ -45,8 +48,9 @@ var ProfileCard = function (_a) {
                 React.createElement("div", { className: classnames(styles.secondaryLabel, secondaryLabelClass) }, secondaryLabel))),
             React.createElement("div", { className: styles.thirdRow },
                 React.createElement(EntityTypeBadge, { entity: entity, size: "medium" }),
-                React.createElement("div", { className: styles.entityId },
+                React.createElement("div", { className: styles.entityId, onClick: handleCopyEntityIdToClipboard },
                     React.createElement("div", { className: styles.entityIdLabel }, i18n.text('ID:')),
-                    React.createElement("div", { className: styles.entityIdValue }, getEntityId(entity)))))));
+                    React.createElement(ExpandedValueTooltip, { value: "Copy to clipboard ".concat(getEntityId(entity)), placement: "top" },
+                        React.createElement("div", { className: styles.entityIdValue }, getEntityId(entity))))))));
 };
 export default memo(ProfileCard);

package/esm/components/ProfileCard/styles.js

@@ -39,12 +39,14 @@ var useStyles = makeStyles(function (theme) { return ({
     },
     thirdRow: {
         display: 'flex',
+        overflow: 'hidden',
         alignItems: 'center',
         marginTop: 'auto',
         paddingTop: '4px'
     },
     entityId: {
         display: 'flex',
+        overflow: 'hidden',
         alignItems: 'baseline',
         whiteSpace: 'nowrap',
         fontWeight: 400,
@@ -56,7 +58,15 @@ var useStyles = makeStyles(function (theme) { return ({
     },
     entityIdValue: {
         marginLeft: '8px',
-        color: theme.palette.text.primary
+        color: theme.palette.text.primary,
+        overflow: 'hidden',
+        textOverflow: 'ellipsis',
+        '&[aria-describedby]': {
+            cursor: 'pointer',
+            '&:hover': {
+                textDecoration: 'underline'
+            }
+        }
     }
 }); });
 export default useStyles;

package/esm/components/activityLog/utils/filters.js

@@ -1,4 +1,4 @@
-import { cond, defaultTo, equals, join, map, pipe, reject, toPairs, type } from 'ramda';
+import { append, cond, defaultTo, equals, identity, join, map, pipe, reject, toPairs, type } from 'ramda';
 import moment from 'moment';
 import { DateRangeTypes } from '../../../types';
 import { escapeQueryValue, isEmptyValue } from '@reltio/mdm-sdk';
@@ -71,9 +71,10 @@ var getFilterClauseBuilder = cond([
     [equals('attributes'), function () { return multiValueFilter(buildAttributeFilterClause); }],
     [equals('entityTypes'), function () { return multiValueFilter(buildEntityTypeFilterClause); }],
     [equals('dateRange'), function () { return buildDateRangeFilterClause; }],
-    [equals('entityUri'), function () { return buildEntityUriFilterClause; }]
+    [equals('entityUri'), function () { return buildEntityUriFilterClause; }],
+    [equals('rawFilter'), function () { return identity; }]
 ]);
-export var buildActivitiesFilterString = pipe(defaultTo({}), reject(isEmptyValue), toPairs, map(function (_a) {
+export var buildActivitiesFilterString = pipe(defaultTo({}), reject(isEmptyValue), toPairs, append(['rawFilter', "not equals(user, 'collaboration-service')"]), map(function (_a) {
     var key = _a[0], value = _a[1];
     return getFilterClauseBuilder(key)(value);
 }), reject(isEmptyValue), map(wrapInBrackets), join(' and '));

package/esm/hooks/index.d.ts

@@ -22,3 +22,4 @@ export { useEditableConnection } from './useEditableConnection';
 export { useReadableSearchState } from './useReadableSearchState';
 export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
+export { useIsMountedRef } from './useIsMountedRef';

package/esm/hooks/index.js

@@ -22,3 +22,4 @@ export { useEditableConnection } from './useEditableConnection';
 export { useReadableSearchState } from './useReadableSearchState';
 export { useSavedStateForEntityType } from './useSavedStateForEntityType';
 export { useSnackbar } from './useSnackbar';
+export { useIsMountedRef } from './useIsMountedRef';

package/esm/hooks/useIsMountedRef.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const useIsMountedRef: () => import("react").MutableRefObject<boolean>;

package/esm/hooks/useIsMountedRef.js

@@ -0,0 +1,11 @@
+import { useEffect, useRef } from 'react';
+export var useIsMountedRef = function () {
+    var isMountedRef = useRef(false);
+    useEffect(function () {
+        isMountedRef.current = true;
+        return function () {
+            isMountedRef.current = false;
+        };
+    });
+    return isMountedRef;
+};

package/esm/hooks/useMarkAsNotMatchRequest.js

@@ -2,8 +2,10 @@ import { isDataTenantEntity, markDataTenantEntityAsNotMatch, markMixedEntitiesAs
 import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
 import { useCallback, useState } from 'react';
+import { useIsMountedRef } from './useIsMountedRef';
 export var useMarkAsNotMatchRequest = function (_a) {
     var entities = _a.entities, entity = _a.entity, onFinishRequest = _a.onFinishRequest, onStartRequest = _a.onStartRequest, onSuccess = _a.onSuccess;
+    var isMountedRef = useIsMountedRef();
     var tenant = useSelector(mdmModule.selectors.getTenant);
     var dtssPath = useSelector(mdmModule.selectors.getDtssPath);
     var _b = useState(false), isPending = _b[0], setIsPending = _b[1];
@@ -17,8 +19,8 @@ export var useMarkAsNotMatchRequest = function (_a) {
         })
             .finally(function () {
             onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
-            setIsPending(false);
+            isMountedRef.current && setIsPending(false);
         });
-    }, [dtssPath, entities, entity, onFinishRequest, onStartRequest, onSuccess, tenant]);
+    }, [dtssPath, entities, entity, isMountedRef, onFinishRequest, onStartRequest, onSuccess, tenant]);
     return { isPending: isPending, sendMarkAsNotMatchRequest: sendMarkAsNotMatchRequest };
 };

package/esm/hooks/useMergeAllRequest.js

@@ -3,8 +3,10 @@ import { useSelector } from 'react-redux';
 import mdmModule from '@reltio/mdm-module';
 import { isDataTenantEntity, mergeCustomerTenantEntityWithMixedEntities, mergeDataTenantEntity } from '@reltio/mdm-sdk';
 import { noop } from '../core';
+import { useIsMountedRef } from './useIsMountedRef';
 export var useMergeAllRequest = function (_a) {
     var entities = _a.entities, entity = _a.entity, onFinishRequest = _a.onFinishRequest, onStartRequest = _a.onStartRequest, onSuccess = _a.onSuccess, _b = _a.onError, onError = _b === void 0 ? noop : _b;
+    var isMountedRef = useIsMountedRef();
     var tenant = useSelector(mdmModule.selectors.getTenant);
     var dtssPath = useSelector(mdmModule.selectors.getDtssPath);
     var _c = useState(false), isPending = _c[0], setIsPending = _c[1];
@@ -21,7 +23,7 @@ export var useMergeAllRequest = function (_a) {
             .catch(onError)
             .finally(function () {
             onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
-            setIsPending(false);
+            isMountedRef.current && setIsPending(false);
         });
     }, [dtssPath, entities, entity, onError, onFinishRequest, onStartRequest, onSuccess, tenant]);
     return { isPending: isPending, sendMergeAllRequest: sendMergeAllRequest };

package/esm/hooks/useRelationsLoader.d.ts

@@ -1,4 +1,4 @@
-import { ActivityFilter, Entity, Mode } from '@reltio/mdm-sdk';
+import { ActivityFilter, Entity, Mode, RelationsViewConfig } from '@reltio/mdm-sdk';
 declare type Props = {
     sorting?: {
         field: string;
@@ -7,11 +7,7 @@ declare type Props = {
     filter?: string;
     page: number;
     rowsPerPage: number;
-    config: {
-        id: string;
-        content: Record<string, unknown>;
-        suggested?: Record<string, unknown>[] | Record<string, unknown>;
-    };
+    config: Pick<RelationsViewConfig, 'suggested' | 'content' | 'id'>;
     entity: Entity;
     relationActivityFilter?: ActivityFilter;
     mode: Mode;

package/esm/hooks/useRelationsLoader.js

@@ -11,9 +11,9 @@ var __assign = (this && this.__assign) || function () {
 };
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { cond, pipe, prop, T, when, identity, times, length, ifElse, always } from 'ramda';
+import { cond, pipe, prop, T, evolve, filter as filterFn, when, identity, times, length, ifElse, always } from 'ramda';
 import mdm, { profile } from '@reltio/mdm-module';
-import { ActivityFilter, addGlobalFilterToQuery, getRelationsForDataTenantEntity, getRelationsForEntity, isDataTenantEntity, isTempUri, Mode, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
+import { ActivityFilter, addGlobalFilterToQuery, getRelationsForDataTenantEntity, getRelationsForEntity, isAvailableEntityTypeUri, isAvailableRelationTypeUri, isDataTenantEntity, isObject, isTempUri, Mode, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
 import { useSafePromise } from './useSafePromise';
 import { usePrevious } from './usePrevious';
 var buildSuggestedIds = when(identity, pipe(wrapInArrayIfNeeded, length, times(function (n) { return n + 1; })));
@@ -22,16 +22,28 @@ export var useRelationsLoader = function (_a) {
     var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
     var dispatch = useDispatch();
     var tenant = useSelector(mdm.selectors.getTenant);
+    var metadata = useSelector(mdm.selectors.getMetadata);
     var dtssPath = useSelector(mdm.selectors.getDtssPath);
     var _d = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _d.activityFilter, globalFilter = _d.globalFilter;
     var safePromise = useSafePromise();
+    var processContent = function (content) {
+        var getUri = when(isObject, prop('uri'));
+        var filterRelation = pipe(getUri, isAvailableRelationTypeUri(metadata));
+        return evolve({
+            entityTypes: filterFn(isAvailableEntityTypeUri(metadata)),
+            inRelations: filterFn(filterRelation),
+            outRelations: filterFn(filterRelation),
+            nextEntry: processContent
+        })(content);
+    };
     var suggested = config.suggested;
     var options = useMemo(function () { return ({
         searchByOv: searchByOv
     }); }, [searchByOv]);
     var loadRelations = useCallback(function () {
         if (entity === null || entity === void 0 ? void 0 : entity.uri) {
-            var requestConfig_1 = __assign(__assign({}, config.content), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
+            var processedConfig = processContent(config.content);
+            var requestConfig_1 = __assign(__assign({}, processedConfig), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
                     relation: relationActivityFilter || ActivityFilter.ALL,
                     entity: activityFilter
                 }, max: rowsPerPage, offset: page * rowsPerPage, filter: addGlobalFilterToQuery(globalFilter, filter) || undefined, suggested: buildSuggestedIds(suggested) });
@@ -68,6 +80,7 @@ export var useRelationsLoader = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [
         activityFilter,
+        metadata,
         config,
         dispatch,
         dtssPath,

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1329",
+  "version": "1.4.1331",
   "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.1329",
-    "@reltio/mdm-sdk": "^1.4.1329",
+    "@reltio/mdm-module": "^1.4.1331",
+    "@reltio/mdm-sdk": "^1.4.1331",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",