@reltio/components 1.4.876 → 1.4.877

package/hooks/index.js

@@ -1,29 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCollaboration = exports.useAsyncMount = exports.useActions = void 0;
-var useActions_1 = require("./useActions");
-Object.defineProperty(exports, "useActions", { enumerable: true, get: function () { return useActions_1.useActions; } });
-var useAsyncMount_1 = require("./useAsyncMount");
-Object.defineProperty(exports, "useAsyncMount", { enumerable: true, get: function () { return useAsyncMount_1.useAsyncMount; } });
-var useCollaboration_1 = require("./useCollaboration");
-Object.defineProperty(exports, "useCollaboration", { enumerable: true, get: function () { return useCollaboration_1.useCollaboration; } });
-var useDidUpdateEffect_1 = require("./useDidUpdateEffect");
-Object.defineProperty(exports, "useDidUpdateEffect", { enumerable: true, get: function () { return useDidUpdateEffect_1.useDidUpdateEffect; } });
-var usePrevious_1 = require("./usePrevious");
-Object.defineProperty(exports, "usePrevious", { enumerable: true, get: function () { return usePrevious_1.usePrevious; } });
-var useRelationTypeSelector_1 = require("./useRelationTypeSelector");
-Object.defineProperty(exports, "useRelationTypeSelector", { enumerable: true, get: function () { return useRelationTypeSelector_1.useRelationTypeSelector; } });
-var useRelationsLoader_1 = require("./useRelationsLoader");
-Object.defineProperty(exports, "useRelationsLoader", { enumerable: true, get: function () { return useRelationsLoader_1.useRelationsLoader; } });
-var useRunOnceAfterValueInitialization_1 = require("./useRunOnceAfterValueInitialization");
-Object.defineProperty(exports, "useRunOnceAfterValueInitialization", { enumerable: true, get: function () { return useRunOnceAfterValueInitialization_1.useRunOnceAfterValueInitialization; } });
-var useSafePromise_1 = require("./useSafePromise");
-Object.defineProperty(exports, "useSafePromise", { enumerable: true, get: function () { return useSafePromise_1.useSafePromise; } });
-var useSavedState_1 = require("./useSavedState");
-Object.defineProperty(exports, "useSavedState", { enumerable: true, get: function () { return useSavedState_1.useSavedState; } });
-var useUsers_1 = require("./useUsers");
-Object.defineProperty(exports, "useUsers", { enumerable: true, get: function () { return useUsers_1.useUsers; } });
-var useWhyDidYouUpdate_1 = require("./useWhyDidYouUpdate");
-Object.defineProperty(exports, "useWhyDidYouUpdate", { enumerable: true, get: function () { return useWhyDidYouUpdate_1.useWhyDidYouUpdate; } });
-var useConfigPermissions_1 = require("./useConfigPermissions");
-Object.defineProperty(exports, "useConfigPermissions", { enumerable: true, get: function () { return useConfigPermissions_1.useConfigPermissions; } });
+export { useActions } from './useActions';
+export { useAsyncMount } from './useAsyncMount';
+export { useCollaboration } from './useCollaboration';
+export { useDidUpdateEffect } from './useDidUpdateEffect';
+export { usePrevious } from './usePrevious';
+export { useRelationTypeSelector } from './useRelationTypeSelector';
+export { useRelationsLoader } from './useRelationsLoader';
+export { useRunOnceAfterValueInitialization } from './useRunOnceAfterValueInitialization';
+export { useSafePromise } from './useSafePromise';
+export { useSavedState } from './useSavedState';
+export { useUsers } from './useUsers';
+export { useWhyDidYouUpdate } from './useWhyDidYouUpdate';
+export { useConfigPermissions } from './useConfigPermissions';

package/hooks/useActions.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,18 +9,15 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActions = void 0;
-var react_1 = require("react");
-var ramda_1 = require("ramda");
-var useActions = function (_a) {
+import { useMemo } from 'react';
+import { pipe } from 'ramda';
+export var useActions = function (_a) {
     var actions = _a.actions, dispatch = _a.dispatch;
-    return react_1.useMemo(function () {
+    return useMemo(function () {
         return Object.entries(actions).reduce(function (acc, _a) {
             var _b;
             var actionName = _a[0], actionCreator = _a[1];
-            return __assign(__assign({}, acc), (_b = {}, _b[actionName] = ramda_1.pipe(actionCreator, dispatch), _b));
+            return __assign(__assign({}, acc), (_b = {}, _b[actionName] = pipe(actionCreator, dispatch), _b));
         }, {});
     }, [dispatch, actions]);
 };
-exports.useActions = useActions;

package/hooks/useAsyncMount.js

@@ -1,18 +1,15 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAsyncMount = void 0;
-var react_1 = require("react");
-var AsyncMountContext_1 = require("../contexts/AsyncMountContext");
+import { useContext, useEffect, useState, useRef } from 'react';
+import { AsyncMountContext } from '../contexts/AsyncMountContext';
 var queueSize = 0;
-var useAsyncMount = function () {
-    var isFirstRunRef = react_1.useRef(true);
-    var _a = react_1.useContext(AsyncMountContext_1.AsyncMountContext), enabled = _a.enabled, _b = _a.queueSizeThreshold, queueSizeThreshold = _b === void 0 ? 0 : _b;
-    var _c = react_1.useState(!enabled || (enabled && queueSize < queueSizeThreshold)), shouldMount = _c[0], setShouldMount = _c[1];
+export var useAsyncMount = function () {
+    var isFirstRunRef = useRef(true);
+    var _a = useContext(AsyncMountContext), enabled = _a.enabled, _b = _a.queueSizeThreshold, queueSizeThreshold = _b === void 0 ? 0 : _b;
+    var _c = useState(!enabled || (enabled && queueSize < queueSizeThreshold)), shouldMount = _c[0], setShouldMount = _c[1];
     if (isFirstRunRef.current) {
         queueSize++;
     }
-    var timerRef = react_1.useRef();
-    react_1.useEffect(function () {
+    var timerRef = useRef();
+    useEffect(function () {
         queueSize--;
         if (!shouldMount) {
             timerRef.current = setTimeout(function () {
@@ -24,4 +21,3 @@ var useAsyncMount = function () {
     isFirstRunRef.current = false;
     return shouldMount;
 };
-exports.useAsyncMount = useAsyncMount;

package/hooks/useCollaboration.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -15,59 +14,54 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from) {
         to[j] = from[i];
     return to;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCollaboration = void 0;
-var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+import { useCallback, useEffect, useState } from 'react';
+import { useSelector } from 'react-redux';
+import { andThen, fromPairs, map, otherwise, pipe, props, uniqBy, prop, propEq, when, always } from 'ramda';
+import { createComment as createCommentRequest, createReply as createReplyRequest, getComment as getCommentRequest, getCommentsCount, updateComment as updateCommentRequest, deleteComment as deleteCommentRequest, getComments as getCommentsRequest, isTempUri } from '@reltio/mdm-sdk';
+import mdm from '@reltio/mdm-module';
 var defaultObjectIds = [];
 var catchErrorInRequest = function (e) { return console.error('Collaboration error', e); };
-var useCollaboration = function (objectIds, objectTypes) {
+export var useCollaboration = function (objectIds, objectTypes) {
     if (objectIds === void 0) { objectIds = defaultObjectIds; }
-    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var collaborationPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getCollaborationPath);
-    var isCollaborationEnabled = react_redux_1.useSelector(mdm_module_1.default.selectors.isCollaborationEnabled);
-    var _a = react_1.useState(null), pageToken = _a[0], setPageToken = _a[1];
-    var _b = react_1.useState([]), comments = _b[0], setComments = _b[1];
-    var _c = react_1.useState(null), commentsMap = _c[0], setCommentsMap = _c[1];
-    var _d = react_1.useState(null), currentComment = _d[0], setCurrentComment = _d[1];
-    var _e = react_1.useState(false), sending = _e[0], setSending = _e[1];
-    var _f = react_1.useState(false), loading = _f[0], setLoading = _f[1];
-    react_1.useEffect(function () {
-        if (isCollaborationEnabled && entity && !mdm_sdk_1.isTempUri(entity.uri)) {
+    var entity = useSelector(mdm.selectors.getEntity);
+    var tenant = useSelector(mdm.selectors.getTenant);
+    var collaborationPath = useSelector(mdm.selectors.getCollaborationPath);
+    var isCollaborationEnabled = useSelector(mdm.selectors.isCollaborationEnabled);
+    var _a = useState(null), pageToken = _a[0], setPageToken = _a[1];
+    var _b = useState([]), comments = _b[0], setComments = _b[1];
+    var _c = useState(null), commentsMap = _c[0], setCommentsMap = _c[1];
+    var _d = useState(null), currentComment = _d[0], setCurrentComment = _d[1];
+    var _e = useState(false), sending = _e[0], setSending = _e[1];
+    var _f = useState(false), loading = _f[0], setLoading = _f[1];
+    useEffect(function () {
+        if (isCollaborationEnabled && entity && !isTempUri(entity.uri)) {
             var onError = function (e) {
                 console.warn('Collaboration error', e);
                 setCommentsMap(null);
             };
-            ramda_1.pipe(mdm_sdk_1.getCommentsCount, ramda_1.andThen(ramda_1.map(ramda_1.props(['objectId', 'comments']))), ramda_1.andThen(ramda_1.fromPairs), ramda_1.andThen(setCommentsMap), ramda_1.otherwise(onError))({ uris: objectIds, tenant: tenant, collaborationPath: collaborationPath });
+            pipe(getCommentsCount, andThen(map(props(['objectId', 'comments']))), andThen(fromPairs), andThen(setCommentsMap), otherwise(onError))({ uris: objectIds, tenant: tenant, collaborationPath: collaborationPath });
         }
         else {
             setCommentsMap(null);
         }
     }, [entity, isCollaborationEnabled, tenant, collaborationPath, objectIds]);
-    var getComments = react_1.useCallback(function (relatedObjectUri, pageToken) {
-        mdm_sdk_1.getComments({ collaborationPath: collaborationPath, tenant: tenant, relatedObjectUri: relatedObjectUri, pageToken: pageToken })
+    var getComments = useCallback(function (relatedObjectUri, pageToken) {
+        getCommentsRequest({ collaborationPath: collaborationPath, tenant: tenant, relatedObjectUri: relatedObjectUri, pageToken: pageToken })
             .then(function (_a) {
             var items = _a.items, nextPageToken = _a.nextPageToken;
             setComments(function (prevComments) {
                 if (!pageToken) {
                     return items;
                 }
-                return ramda_1.uniqBy(ramda_1.prop('commentId'), __spreadArray(__spreadArray([], prevComments), items));
+                return uniqBy(prop('commentId'), __spreadArray(__spreadArray([], prevComments), items));
             });
             setPageToken(nextPageToken);
         })
             .catch(catchErrorInRequest);
     }, [collaborationPath, tenant]);
-    var getComment = react_1.useCallback(function (commentId) {
+    var getComment = useCallback(function (commentId) {
         setLoading(true);
-        mdm_sdk_1.getComment({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId })
+        getCommentRequest({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId })
             .then(setCurrentComment)
             .catch(catchErrorInRequest)
             .finally(function () { return setLoading(false); });
@@ -82,7 +76,7 @@ var useCollaboration = function (objectIds, objectTypes) {
     };
     var updateCommentInState = function (comment) {
         setCurrentComment(comment);
-        setComments(ramda_1.map(ramda_1.when(ramda_1.propEq('commentId', comment.commentId), ramda_1.always(comment))));
+        setComments(map(when(propEq('commentId', comment.commentId), always(comment))));
     };
     var deleteCommentFromState = function (commentId, uri) {
         setCurrentComment(null);
@@ -95,7 +89,7 @@ var useCollaboration = function (objectIds, objectTypes) {
             return prevComments.filter(function (comment) { return comment.commentId !== commentId; });
         });
     };
-    var createComment = react_1.useCallback(function (_a) {
+    var createComment = useCallback(function (_a) {
         var content = _a.content, namedUsers = _a.namedUsers, objectType = _a.objectType, uri = _a.uri, relatedObjectUris = _a.relatedObjectUris;
         setSending(true);
         var data = {
@@ -107,7 +101,7 @@ var useCollaboration = function (objectIds, objectTypes) {
             namedUsers: namedUsers,
             permanentLink: ''
         };
-        return mdm_sdk_1.createComment({ collaborationPath: collaborationPath, tenant: tenant, data: data })
+        return createCommentRequest({ collaborationPath: collaborationPath, tenant: tenant, data: data })
             .then(function (_a) {
             var comment = _a[0];
             return addCommentToState(comment, uri);
@@ -115,7 +109,7 @@ var useCollaboration = function (objectIds, objectTypes) {
             .catch(catchErrorInRequest)
             .finally(function () { return setSending(false); });
     }, [collaborationPath, tenant]);
-    var editComment = react_1.useCallback(function (_a) {
+    var editComment = useCallback(function (_a) {
         var content = _a.content, namedUsers = _a.namedUsers, objectType = _a.objectType, uri = _a.uri, relatedObjectUris = _a.relatedObjectUris, commentId = _a.commentId, replies = _a.replies;
         setSending(true);
         var data = {
@@ -129,20 +123,20 @@ var useCollaboration = function (objectIds, objectTypes) {
             commentId: commentId,
             replies: replies
         };
-        return mdm_sdk_1.updateComment({ collaborationPath: collaborationPath, tenant: tenant, data: data })
+        return updateCommentRequest({ collaborationPath: collaborationPath, tenant: tenant, data: data })
             .then(function (comment) { return updateCommentInState(__assign(__assign({}, comment), { replies: replies })); })
             .catch(catchErrorInRequest)
             .finally(function () { return setSending(false); });
     }, [collaborationPath, tenant]);
-    var deleteComment = react_1.useCallback(function (_a) {
+    var deleteComment = useCallback(function (_a) {
         var uri = _a.uri, commentId = _a.commentId;
         setSending(true);
-        mdm_sdk_1.deleteComment({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId })
+        deleteCommentRequest({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId })
             .then(function () { return deleteCommentFromState(commentId, uri); })
             .catch(catchErrorInRequest)
             .finally(function () { return setSending(false); });
     }, [collaborationPath, tenant]);
-    var updateReplyInState = react_1.useCallback(function (reply, uri, commentId) {
+    var updateReplyInState = useCallback(function (reply, uri, commentId) {
         var newStatus = reply.action === 'resolve' ? 'resolved' : 'open';
         if (newStatus === 'resolved') {
             setCurrentComment(function (prevCurrentComment) {
@@ -176,7 +170,7 @@ var useCollaboration = function (objectIds, objectTypes) {
             });
         });
     }, []);
-    var createReply = react_1.useCallback(function (_a) {
+    var createReply = useCallback(function (_a) {
         var content = _a.content, namedUsers = _a.namedUsers, commentId = _a.commentId, action = _a.action, uri = _a.uri;
         setSending(true);
         var data = {
@@ -184,7 +178,7 @@ var useCollaboration = function (objectIds, objectTypes) {
             action: action,
             namedUsers: namedUsers
         };
-        return mdm_sdk_1.createReply({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId, data: data })
+        return createReplyRequest({ collaborationPath: collaborationPath, tenant: tenant, commentId: commentId, data: data })
             .then(function (_a) {
             var reply = _a[0];
             return updateReplyInState(reply, uri, commentId);
@@ -192,15 +186,15 @@ var useCollaboration = function (objectIds, objectTypes) {
             .catch(catchErrorInRequest)
             .finally(function () { return setSending(false); });
     }, [collaborationPath, tenant, updateReplyInState]);
-    var resolveThread = react_1.useCallback(function (_a) {
+    var resolveThread = useCallback(function (_a) {
         var commentId = _a.commentId, uri = _a.uri;
         createReply({ content: '', namedUsers: [], commentId: commentId, action: 'resolve', uri: uri });
     }, [createReply]);
-    var reOpenThread = react_1.useCallback(function (_a) {
+    var reOpenThread = useCallback(function (_a) {
         var commentId = _a.commentId, uri = _a.uri;
         createReply({ content: '', namedUsers: [], commentId: commentId, action: 'reopen', uri: uri });
     }, [createReply]);
-    var clearCurrentComment = react_1.useCallback(function () {
+    var clearCurrentComment = useCallback(function () {
         setCurrentComment(null);
     }, []);
     return {
@@ -222,4 +216,3 @@ var useCollaboration = function (objectIds, objectTypes) {
         pageToken: pageToken
     };
 };
-exports.useCollaboration = useCollaboration;

package/hooks/useConfigPermissions.js

@@ -1,21 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useConfigPermissions = void 0;
-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 react_1 = require("react");
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import { checkConfigPermission, ConfigPermissions } from '@reltio/mdm-sdk';
+import { useCallback } from 'react';
 var emptyArray = [];
-var useConfigPermissions = function () {
-    var userRoles = react_redux_1.useSelector(mdm_module_1.default.selectors.getUserRoles) || emptyArray;
+export var useConfigPermissions = function () {
+    var userRoles = useSelector(mdmModule.selectors.getUserRoles) || emptyArray;
     return {
-        canCreate: react_1.useCallback(mdm_sdk_1.checkConfigPermission(mdm_sdk_1.ConfigPermissions.CREATE, userRoles), [userRoles]),
-        canRead: react_1.useCallback(mdm_sdk_1.checkConfigPermission(mdm_sdk_1.ConfigPermissions.READ, userRoles), [userRoles]),
-        canUpdate: react_1.useCallback(mdm_sdk_1.checkConfigPermission(mdm_sdk_1.ConfigPermissions.UPDATE, userRoles), [userRoles]),
-        canDelete: react_1.useCallback(mdm_sdk_1.checkConfigPermission(mdm_sdk_1.ConfigPermissions.DELETE, userRoles), [userRoles])
+        canCreate: useCallback(checkConfigPermission(ConfigPermissions.CREATE, userRoles), [userRoles]),
+        canRead: useCallback(checkConfigPermission(ConfigPermissions.READ, userRoles), [userRoles]),
+        canUpdate: useCallback(checkConfigPermission(ConfigPermissions.UPDATE, userRoles), [userRoles]),
+        canDelete: useCallback(checkConfigPermission(ConfigPermissions.DELETE, userRoles), [userRoles])
     };
 };
-exports.useConfigPermissions = useConfigPermissions;

package/hooks/useDidUpdateEffect.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDidUpdateEffect = void 0;
-var react_1 = require("react");
-var useDidUpdateEffect = function (fn, inputs) {
-    var didMountRef = react_1.useRef(false);
-    react_1.useEffect(function () {
+import { useEffect, useRef } from 'react';
+export var useDidUpdateEffect = function (fn, inputs) {
+    var didMountRef = useRef(false);
+    useEffect(function () {
         if (didMountRef.current)
             fn();
         else
             didMountRef.current = true;
     }, inputs); //eslint-disable-line
 };
-exports.useDidUpdateEffect = useDidUpdateEffect;

package/hooks/usePrevious.js

@@ -1,12 +1,8 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePrevious = void 0;
-var react_1 = require("react");
-var usePrevious = function (value) {
-    var valueHolderRef = react_1.useRef();
-    react_1.useEffect(function () {
+import { useEffect, useRef } from 'react';
+export var usePrevious = function (value) {
+    var valueHolderRef = useRef();
+    useEffect(function () {
         valueHolderRef.current = value;
     }, [value]);
     return valueHolderRef.current;
 };
-exports.usePrevious = usePrevious;

package/hooks/useRelationTypeSelector.js

@@ -1,19 +1,16 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRelationTypeSelector = void 0;
-var react_1 = require("react");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ramda_1 = require("ramda");
-var useRelationTypeSelector = function (_a) {
+import { useCallback } from 'react';
+import { Directions, getDirectionalLabelFromObject } from '@reltio/mdm-sdk';
+import { ascend, curry, evolve, pipe, prop, propEq, propOr, tap } from 'ramda';
+export var useRelationTypeSelector = function (_a) {
     var reversedContextLabels = _a.reversedContextLabels;
-    var getRelationTypesOptions = react_1.useCallback(function (inRelations, outRelations) {
+    var getRelationTypesOptions = useCallback(function (inRelations, outRelations) {
         var labelsMap = {};
-        var addLabelInMap = function (label) { return (labelsMap[label] = ramda_1.propOr(0, label, labelsMap) + 1); };
-        var getDirectionalLabel = ramda_1.pipe(mdm_sdk_1.getDirectionalLabelFromObject, ramda_1.tap(addLabelInMap));
-        var byLabel = ramda_1.ascend(ramda_1.prop('label'));
-        var prepareRelation = ramda_1.curry(function (direction, _a) {
+        var addLabelInMap = function (label) { return (labelsMap[label] = propOr(0, label, labelsMap) + 1); };
+        var getDirectionalLabel = pipe(getDirectionalLabelFromObject, tap(addLabelInMap));
+        var byLabel = ascend(prop('label'));
+        var prepareRelation = curry(function (direction, _a) {
             var uri = _a.uri, label = _a.label, startObject = _a.startObject, endObject = _a.endObject;
-            var dirObject = direction === (reversedContextLabels ? mdm_sdk_1.Directions.OUT : mdm_sdk_1.Directions.IN) ? startObject : endObject;
+            var dirObject = direction === (reversedContextLabels ? Directions.OUT : Directions.IN) ? startObject : endObject;
             return {
                 label: { directionalLabel: getDirectionalLabel(dirObject), typeLabel: label },
                 value: uri + "," + direction,
@@ -22,9 +19,9 @@ var useRelationTypeSelector = function (_a) {
             };
         });
         return inRelations
-            .map(prepareRelation(mdm_sdk_1.Directions.IN))
-            .concat(outRelations.map(prepareRelation(mdm_sdk_1.Directions.OUT)))
-            .map(ramda_1.evolve({
+            .map(prepareRelation(Directions.IN))
+            .concat(outRelations.map(prepareRelation(Directions.OUT)))
+            .map(evolve({
             label: function (_a) {
                 var directionalLabel = _a.directionalLabel, typeLabel = _a.typeLabel;
                 return directionalLabel
@@ -36,13 +33,13 @@ var useRelationTypeSelector = function (_a) {
         }))
             .sort(byLabel);
     }, [reversedContextLabels]);
-    var fromEditorValue = react_1.useCallback(function (inRelationTypes, outRelationTypes) { return function (relation) {
+    var fromEditorValue = useCallback(function (inRelationTypes, outRelationTypes) { return function (relation) {
         var _a = relation.value.split(','), uri = _a[0], direction = _a[1];
-        var type = (direction === mdm_sdk_1.Directions.IN ? inRelationTypes : outRelationTypes).find(ramda_1.propEq('uri', uri));
+        var type = (direction === Directions.IN ? inRelationTypes : outRelationTypes).find(propEq('uri', uri));
         return { type: type, direction: direction };
     }; }, []);
-    var toEditorValue = react_1.useCallback(function (relation, relationsTypesOptions) {
-        return relationsTypesOptions.find(ramda_1.propEq('value', relation.relationType + "," + relation.direction));
+    var toEditorValue = useCallback(function (relation, relationsTypesOptions) {
+        return relationsTypesOptions.find(propEq('value', relation.relationType + "," + relation.direction));
     }, []);
     return {
         getRelationTypesOptions: getRelationTypesOptions,
@@ -50,4 +47,3 @@ var useRelationTypeSelector = function (_a) {
         toEditorValue: toEditorValue
     };
 };
-exports.useRelationTypeSelector = useRelationTypeSelector;

package/hooks/useRelationsLoader.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,54 +9,33 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRelationsLoader = void 0;
-var react_1 = require("react");
-var react_redux_1 = require("react-redux");
-var ramda_1 = require("ramda");
-var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var useSafePromise_1 = require("./useSafePromise");
-var usePrevious_1 = require("./usePrevious");
-var useRelationsLoader = function (_a) {
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useDispatch, useSelector } from 'react-redux';
+import { cond, pipe, prop, T } from 'ramda';
+import mdm, { profile } from '@reltio/mdm-module';
+import { ActivityFilter, addGlobalFilterToQuery, getRelationsForDataTenantEntity, getRelationsForEntity, isDataTenantEntity, isTempUri, Mode } from '@reltio/mdm-sdk';
+import { useSafePromise } from './useSafePromise';
+import { usePrevious } from './usePrevious';
+export var useRelationsLoader = function (_a) {
     var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode;
-    var _b = react_1.useState(false), isLoading = _b[0], setIsLoading = _b[1];
-    var dispatch = react_redux_1.useDispatch();
-    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
-    var dtssPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getDtssPath);
-    var _c = react_redux_1.useSelector(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _c.activityFilter, globalFilter = _c.globalFilter;
-    var safePromise = useSafePromise_1.useSafePromise();
-    var loadRelations = react_1.useCallback(function () {
+    var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
+    var dispatch = useDispatch();
+    var tenant = useSelector(mdm.selectors.getTenant);
+    var dtssPath = useSelector(mdm.selectors.getDtssPath);
+    var _c = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _c.activityFilter, globalFilter = _c.globalFilter;
+    var safePromise = useSafePromise();
+    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: {
-                    relation: relationActivityFilter || mdm_sdk_1.ActivityFilter.ALL,
+                    relation: relationActivityFilter || ActivityFilter.ALL,
                     entity: activityFilter
-                }, max: rowsPerPage, offset: page * rowsPerPage, filter: mdm_sdk_1.addGlobalFilterToQuery(globalFilter, filter) || undefined });
-            var request = ramda_1.cond([
-                [ramda_1.pipe(ramda_1.prop('uri'), mdm_sdk_1.isTempUri), function () { return Promise.resolve([{ total: 0 }]); }],
+                }, max: rowsPerPage, offset: page * rowsPerPage, filter: addGlobalFilterToQuery(globalFilter, filter) || undefined });
+            var request = cond([
+                [pipe(prop('uri'), isTempUri), function () { return Promise.resolve([{ total: 0 }]); }],
                 [
-                    mdm_sdk_1.isDataTenantEntity,
+                    isDataTenantEntity,
                     function (entity) {
-                        return mdm_sdk_1.getRelationsForDataTenantEntity({
+                        return getRelationsForDataTenantEntity({
                             entityUri: entity.uri,
                             configs: [requestConfig_1],
                             customerTenant: tenant,
@@ -66,13 +44,13 @@ var useRelationsLoader = function (_a) {
                         });
                     }
                 ],
-                [ramda_1.T, function (entity) { return mdm_sdk_1.getRelationsForEntity(entity.uri, [requestConfig_1]); }]
+                [T, function (entity) { return getRelationsForEntity(entity.uri, [requestConfig_1]); }]
             ]);
             setIsLoading(true);
             safePromise(request(entity))
                 .then(function (_a) {
                 var _b = _a[0], connections = _b.connections, total = _b.total;
-                dispatch(mdm_module_1.profile.relations.actions.relationsLoaded({ id: config.id, connections: connections, total: total }));
+                dispatch(profile.relations.actions.relationsLoaded({ id: config.id, connections: connections, total: total }));
             })
                 .finally(function () {
                 setIsLoading(false);
@@ -95,19 +73,18 @@ var useRelationsLoader = function (_a) {
         sorting,
         tenant
     ]);
-    var isRequestSentRef = react_1.useRef(false);
+    var isRequestSentRef = useRef(false);
     isRequestSentRef.current = false;
-    react_1.useEffect(function () {
+    useEffect(function () {
         isRequestSentRef.current = true;
         loadRelations();
     }, [loadRelations]);
-    var prevMode = usePrevious_1.usePrevious(mode);
-    react_1.useEffect(function () {
-        if (mode === mdm_sdk_1.Mode.Viewing && !isRequestSentRef.current && prevMode !== mode) {
+    var prevMode = usePrevious(mode);
+    useEffect(function () {
+        if (mode === Mode.Viewing && !isRequestSentRef.current && prevMode !== mode) {
             isRequestSentRef.current = true;
             loadRelations();
         }
     }, [loadRelations, mode, prevMode]);
     return { isLoading: isLoading, reload: loadRelations };
 };
-exports.useRelationsLoader = useRelationsLoader;

package/hooks/useRunOnceAfterValueInitialization.js

@@ -1,14 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRunOnceAfterValueInitialization = void 0;
-var react_1 = require("react");
-var useRunOnceAfterValueInitialization = function (cb, value) {
-    var isValueInited = react_1.useRef(false);
-    react_1.useEffect(function () {
+import { useEffect, useRef } from 'react';
+export var useRunOnceAfterValueInitialization = function (cb, value) {
+    var isValueInited = useRef(false);
+    useEffect(function () {
         if (value && !isValueInited.current) {
             isValueInited.current = true;
             cb();
         }
     }, [cb, value]);
 };
-exports.useRunOnceAfterValueInitialization = useRunOnceAfterValueInitialization;

package/hooks/useSafePromise.js

@@ -1,20 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSafePromise = void 0;
-var react_1 = require("react");
-var core_1 = require("../core");
+import { useRef, useCallback, useEffect } from 'react';
+import { noop } from '../core';
 var PromiseStub = new Promise(function () { });
-var useSafePromise = function (_a) {
+export var useSafePromise = function (_a) {
     var _b = _a === void 0 ? {} : _a, _c = _b.cancelPrevious, cancelPrevious = _c === void 0 ? true : _c, _d = _b.cancelOnUnmount, cancelOnUnmount = _d === void 0 ? true : _d;
-    var cancelRef = react_1.useRef(core_1.noop);
+    var cancelRef = useRef(noop);
     var cancelPromise = function () { return cancelRef.current(); };
-    react_1.useEffect(function () { return function () {
+    useEffect(function () { return function () {
         if (cancelOnUnmount) {
             cancelPromise();
         }
     }; }, [] //eslint-disable-line
     );
-    return react_1.useCallback(function (promise) {
+    return useCallback(function (promise) {
         if (cancelPrevious) {
             cancelPromise();
         }
@@ -31,4 +28,3 @@ var useSafePromise = function (_a) {
         });
     }, []); //eslint-disable-line
 };
-exports.useSafePromise = useSafePromise;