@reltio/components 1.4.1637 → 1.4.1639

package/esm/contexts/MdmModuleContext/selectors/dependentLookupEditorContext.js

@@ -0,0 +1,123 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { defaultTo, isNil, map, path, pipe, prepend, reject, uniq, prop, equals } from 'ramda';
+import { areOneHierarchyUris, filterRelatedParentValuesForDependentLookupValueUri, getAttributeValuePath, getBaseUri, getParentUri, isDependentLookupAttrType, getDependentLookupsStructureNode, getDependentLookupEditorState, getAllRelationsToAddAndEdit } from '@reltio/mdm-sdk';
+import i18n from 'ui-i18n';
+var DLEditorContextCache = {};
+export var fromCache = function (valueUri, context) {
+    var cachedContext = DLEditorContextCache[valueUri];
+    if (equals(context, cachedContext)) {
+        return cachedContext;
+    }
+    else {
+        if (equals(cachedContext === null || cachedContext === void 0 ? void 0 : cachedContext.parents, context.parents)) {
+            context.parents = cachedContext.parents;
+        }
+        DLEditorContextCache[valueUri] = context;
+        return context;
+    }
+};
+var joinWords = function (words) {
+    return words.reduce(function (result, word, i) { return [result, word].join(i === words.length - 1 ? " ".concat(i18n.text('and'), " ") : ', '); });
+};
+export var buildMissedParentsMessage = function (missedAttributeTypes) {
+    if (!missedAttributeTypes.length)
+        return '';
+    return i18n.text('Please select value for ${labels} ${attributes}.', {
+        labels: joinWords(missedAttributeTypes.map(pipe(prop('label'), function (label) { return "'".concat(label, "'"); }))),
+        attributes: missedAttributeTypes.length === 1 ? i18n.text('attribute') : i18n.text('attributes')
+    });
+};
+var getTypesMapKey = function (parent) { return "".concat(parent.type, "_").concat(getParentUri(parent.uri)); };
+var getParents = function (_a) {
+    var _b;
+    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, node = _a.node, valueUri = _a.valueUri;
+    var parentNodesValues = node.parents.flatMap(function (type) {
+        var parentNode = getDependentLookupsStructureNode(dependentLookups, type);
+        return parentNode.values.map(function (value) { return (__assign(__assign({}, value), { type: type, dependentLookupCode: parentNode.attrType.dependentLookupCode })); });
+    });
+    var connections = getAllRelationsToAddAndEdit(relations);
+    var ownParentNodesValues = filterRelatedParentValuesForDependentLookupValueUri({
+        parentValues: parentNodesValues,
+        valueUri: valueUri,
+        entityUri: entityUri,
+        modifiedEntities: modifiedEntities,
+        connections: connections
+    });
+    var possibleParentBaseTypeUris = pipe(getAttributeValuePath, defaultTo([]), map(pipe(path(['valueType', 'uri']), getBaseUri)), prepend((_b = modifiedEntities[entityUri]) === null || _b === void 0 ? void 0 : _b.type), reject(isNil), uniq)({ entityUri: entityUri, entitiesMap: modifiedEntities, connections: connections, metadata: metadata }, valueUri);
+    var neededParentsAttributeTypes = node.parents
+        .filter(function (typeUri) { return possibleParentBaseTypeUris.some(areOneHierarchyUris(typeUri)); })
+        .map(function (typeUri) {
+        var parentNode = getDependentLookupsStructureNode(dependentLookups, typeUri);
+        return parentNode.attrType;
+    });
+    var missedParentsAttributeTypes = neededParentsAttributeTypes.filter(function (attrType) { return !ownParentNodesValues.some(function (_a) {
+        var type = _a.type, value = _a.value;
+        return value && type === attrType.uri;
+    }); });
+    var parents = Object.values(ownParentNodesValues.reduce(function (typesMap, parent) {
+        var _a;
+        var _b;
+        var key = getTypesMapKey(parent);
+        return __assign(__assign({}, typesMap), (_a = {}, _a[key] = {
+            type: parent.dependentLookupCode,
+            codeValues: uniq(__spreadArray([parent.value], (((_b = typesMap[key]) === null || _b === void 0 ? void 0 : _b.codeValues) || []), true))
+                .filter(Boolean)
+                .sort()
+        }, _a));
+    }, {})).filter(function (item) { return !!item.codeValues.length; });
+    return { parents: parents, missedParentsAttributeTypes: missedParentsAttributeTypes };
+};
+export var getDependentLookupEditorContext = function (_a) {
+    var dependentLookups = _a.dependentLookups, metadata = _a.metadata, modifiedEntities = _a.modifiedEntities, entityUri = _a.entityUri, relations = _a.relations, attributeValue = _a.attributeValue, attributeType = _a.attributeType;
+    if (!isDependentLookupAttrType(attributeType)) {
+        return null;
+    }
+    var attributeTypeUri = attributeType.uri;
+    var node = getDependentLookupsStructureNode(dependentLookups, attributeTypeUri);
+    if (node) {
+        var valueUri = attributeValue.uri;
+        var _b = getParents({
+            dependentLookups: dependentLookups,
+            metadata: metadata,
+            modifiedEntities: modifiedEntities,
+            entityUri: entityUri,
+            relations: relations,
+            valueUri: valueUri,
+            node: node
+        }), parents = _b.parents, missedParentsAttributeTypes = _b.missedParentsAttributeTypes;
+        var _c = (getDependentLookupEditorState(dependentLookups, valueUri) || {}).isBlocked, isBlocked = _c === void 0 ? false : _c;
+        var missedParentsMessage = buildMissedParentsMessage(missedParentsAttributeTypes);
+        var isEmptyValue = !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.lookupCode) && !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value);
+        var placeholder = (isEmptyValue && isBlocked && i18n.text('Populating values...')) ||
+            (isEmptyValue && missedParentsMessage) ||
+            '';
+        var context = {
+            parents: missedParentsMessage ? null : parents,
+            disabled: (!!missedParentsMessage && isEmptyValue) || isBlocked,
+            placeholder: placeholder
+        };
+        if (placeholder) {
+            context.value = null;
+        }
+        return fromCache(valueUri, context);
+    }
+};

package/esm/contexts/MdmModuleContext/selectors/entity.d.ts

@@ -0,0 +1,3 @@
+import { Entity } from '@reltio/mdm-sdk';
+export declare const getModifiedEntity: (modifiedEntities: Record<string, Entity>, entityUri: string) => Entity;
+export declare const getModifiedEntityDefaultProfilePic: (state: Record<string, Entity>, uri: string) => string;

package/esm/contexts/MdmModuleContext/selectors/entity.js

@@ -0,0 +1,6 @@
+export var getModifiedEntity = function (modifiedEntities, entityUri) {
+    return entityUri && modifiedEntities[entityUri];
+};
+export var getModifiedEntityDefaultProfilePic = function (state, uri) {
+    return uri && state[uri] && state[uri].defaultProfilePic;
+};

package/esm/contexts/MdmModuleContext/selectors.d.ts

@@ -0,0 +1,3 @@
+import { Entity } from '@reltio/mdm-sdk';
+export declare const getModifiedEntity: (modifiedEntities: Record<string, Entity>, entityUri: string) => Entity;
+export declare const getModifiedEntityDefaultProfilePic: (state: Record<string, Entity>, uri: string) => string;

package/esm/contexts/MdmModuleContext/selectors.js

@@ -0,0 +1,6 @@
+export var getModifiedEntity = function (modifiedEntities, entityUri) {
+    return entityUri && modifiedEntities[entityUri];
+};
+export var getModifiedEntityDefaultProfilePic = function (state, uri) {
+    return uri && state[uri] && state[uri].defaultProfilePic;
+};

package/esm/contexts/index.d.ts

@@ -31,3 +31,4 @@ export { FeaturesContext } from './FeaturesContext';
 export { DependentLookupAutopopulationContext } from './DependentLookupAutopopulationContext';
 export { PageRequestsAbortingContext } from './PageRequestsAbortingContext';
 export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
+export * from './MdmModuleContext';

package/esm/contexts/index.js

@@ -31,3 +31,4 @@ export { FeaturesContext } from './FeaturesContext';
 export { DependentLookupAutopopulationContext } from './DependentLookupAutopopulationContext';
 export { PageRequestsAbortingContext } from './PageRequestsAbortingContext';
 export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
+export * from './MdmModuleContext';

package/esm/hooks/useAPI/useAPI.js

@@ -10,13 +10,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import mdmModule, { ui } from '@reltio/mdm-module';
 import { CustomAction, CustomScriptPlatform, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import { omit } from 'ramda';
 import { useWorkflowCheckPermission } from '../../components/workflow';
 import { useHtmlSanitizer } from '../useHtmlSanitizer';
-import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext } from '../../contexts';
+import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext, useMdmAction, useMdmApiPath, useMdmEntity, useMdmEntityUri, useMdmIsEditableMode, useMdmMetadata, useMdmReltioPath, useMdmSearchProviderData, useMdmServicesPath, useMdmTenant, useMdmUiPath, useMdmUser, useMdmWorkflowEnvironmentUrl, useMdmWorkflowPath } from '../../contexts';
 import { processRequest } from './API';
 import { getWorkerURL, isValidCustomScript, resetHtml, getProcessedTask, setUpRequestInterceptor, setUpResponseInterceptor } from './helpers';
 export var useAPI = function (config) {
@@ -32,28 +30,27 @@ export var useAPI = function (config) {
     var workerRef = useRef();
     var requestListeners = useRef({});
     var responseListeners = useRef({});
-    var dispatch = useDispatch();
     var sanitizeHtml = useHtmlSanitizer();
-    var uiPath = useSelector(mdmModule.selectors.getUIPath);
-    var tenant = useSelector(mdmModule.selectors.getTenant);
+    var openSearch = useMdmAction('openSearch');
+    var uiPath = useMdmUiPath();
+    var tenant = useMdmTenant();
     var workerUrl = getWorkerURL(uiPath, tenant);
     var showSnackbarMessage = useContext(SnackbarContext);
     var qxApi = useContext(SandboxAPIContext);
     var interceptHandlers = useContext(InterceptHandlersContext);
     var workflowCheckPermission = useWorkflowCheckPermission();
-    var metadata = useSelector(mdmModule.selectors.getMetadata) || {};
-    var entity = useSelector(mdmModule.selectors.getEntity) || {};
-    var apiPath = useSelector(mdmModule.selectors.getApiPath);
-    var servicesPath = useSelector(mdmModule.selectors.getServicesPath);
-    var reltioPath = useSelector(mdmModule.selectors.getReltioPath);
-    var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
-    var user = useSelector(mdmModule.selectors.getUser);
-    var entityUri = useSelector(mdmModule.selectors.getEntityUri);
-    var isEditableMode = useSelector(mdmModule.selectors.getIsEditableMode);
-    var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
-    var _j = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _j.type, search = _j.data;
+    var metadata = useMdmMetadata() || {};
+    var entity = useMdmEntity() || {};
+    var apiPath = useMdmApiPath();
+    var servicesPath = useMdmServicesPath();
+    var reltioPath = useMdmReltioPath();
+    var workflowPath = useMdmWorkflowPath();
+    var user = useMdmUser();
+    var entityUri = useMdmEntityUri();
+    var isEditableMode = useMdmIsEditableMode();
+    var environment = useMdmWorkflowEnvironmentUrl();
+    var _j = useMdmSearchProviderData() || {}, typeSearch = _j.type, search = _j.data;
     var searchQuery = typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null;
-    var openSearch = function (search) { return dispatch(ui.actions.openSearch(search)); };
     var innerText = '';
     var popupText = '';
     var process = function (_a) {

package/esm/hooks/useCollaboration.js

@@ -19,10 +19,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useCallback, useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
 import { andThen, fromPairs, map, otherwise, pipe, props, uniqBy, prop, propEq, when, always, assocPath, dissocPath, path, pathOr, mergeRight } from 'ramda';
 import { createComment as createCommentRequest, createReply as createReplyRequest, getComment as getCommentRequest, getCommentsCount as getCommentsCountRequest, updateComment as updateCommentRequest, updateReply as updateReplyRequest, deleteComment as deleteCommentRequest, deleteReply as deleteReplyRequest, getComments as getCommentsRequest, isTempUri } from '@reltio/mdm-sdk';
-import mdm from '@reltio/mdm-module';
+import { useMdmCollaborationPath, useMdmEntity, useMdmIsCollaborationEnabled, useMdmTenant } from '../contexts';
 var filterReplies = function (replyId, replies) { return replies.filter(function (reply) { return reply.replyId !== replyId; }); };
 var getUpdatedReplies = function (comment, reply) {
     var changedReplyIndex = comment.replies.findIndex(function (_a) {
@@ -37,10 +36,10 @@ var defaultObjectIds = [];
 var catchErrorInRequest = function (e) { return console.error('Collaboration error', e); };
 export var useCollaboration = function (_a) {
     var _b = _a.objectIds, objectIds = _b === void 0 ? defaultObjectIds : _b, objectTypes = _a.objectTypes, _c = _a.enabled, enabled = _c === void 0 ? true : _c;
-    var entity = useSelector(mdm.selectors.getEntity);
-    var tenant = useSelector(mdm.selectors.getTenant);
-    var collaborationPath = useSelector(mdm.selectors.getCollaborationPath);
-    var isCollaborationEnabled = useSelector(mdm.selectors.isCollaborationEnabled) && enabled;
+    var entity = useMdmEntity();
+    var tenant = useMdmTenant();
+    var collaborationPath = useMdmCollaborationPath();
+    var isCollaborationEnabled = useMdmIsCollaborationEnabled() && enabled;
     var _d = useState(null), pageToken = _d[0], setPageToken = _d[1];
     var _e = useState([]), comments = _e[0], setComments = _e[1];
     var _f = useState(null), commentsMap = _f[0], setCommentsMap = _f[1];

package/esm/hooks/useCommentsEntitiesMap.js

@@ -11,14 +11,13 @@ var __assign = (this && this.__assign) || function () {
 };
 import { useCallback, useEffect, useState } from 'react';
 import { concat, difference, isEmpty, map, pipe, prop, reduce, reject, uniq } from 'ramda';
-import { useSelector } from 'react-redux';
-import mdm from '@reltio/mdm-module';
 import { ActivityFilters, FilterOptions, getFilteredEntities, isEntityUri, getEntity } from '@reltio/mdm-sdk';
 import { useSafePromise } from './useSafePromise';
+import { useMdmEntityUriWithDataTenant } from '../contexts';
 var SELECT_OPTION = 'uri,label,type';
 export var useCommentsEntitiesMap = function (comments) {
     var safePromise = useSafePromise();
-    var currentEntityUri = useSelector(mdm.selectors.getEntityUriWithDataTenant);
+    var currentEntityUri = useMdmEntityUriWithDataTenant();
     var _a = useState({}), entitiesMap = _a[0], setEntitiesMap = _a[1];
     var getEntities = useCallback(function (entitiesUris) {
         var requestFilters = [

package/esm/hooks/useConfigPermissions.js

@@ -1,10 +1,9 @@
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
-import { checkConfigPermission, ConfigPermissions } from '@reltio/mdm-sdk';
 import { useCallback } from 'react';
+import { checkConfigPermission, ConfigPermissions } from '@reltio/mdm-sdk';
+import { useMdmUserRoles } from '../contexts';
 var emptyArray = [];
 export var useConfigPermissions = function () {
-    var userRoles = useSelector(mdmModule.selectors.getUserRoles) || emptyArray;
+    var userRoles = useMdmUserRoles() || emptyArray;
     return {
         canCreate: useCallback(checkConfigPermission(ConfigPermissions.CREATE, userRoles), [userRoles]),
         canRead: useCallback(checkConfigPermission(ConfigPermissions.READ, userRoles), [userRoles]),

package/esm/hooks/useCustomScripts.js

@@ -30,13 +30,11 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { useContext, useEffect, useRef } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import mdmModule, { ui } from '@reltio/mdm-module';
 import { CustomAction, initializeWebWorker, isEmptyValue } from '@reltio/mdm-sdk';
 import { nanoid } from 'nanoid';
 import { omit } from 'ramda';
 import { useWorkflowCheckPermission } from '../components/workflow';
-import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext } from '../contexts';
+import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext, useMdmAction, useMdmApiPath, useMdmEntity, useMdmEntityUri, useMdmMetadata, useMdmReltioPath, useMdmSearchProviderData, useMdmServicesPath, useMdmTenant, useMdmUiPath, useMdmUser, useMdmWorkflowEnvironmentUrl, useMdmWorkflowPath } from '../contexts';
 import { getWorkerURL, processRequest } from './useAPI';
 import { isValidCustomScript, isURLtoProcess, getProcessedTask, getRequestFakeUrl, getResponseFakeUrl } from './useAPI/helpers';
 var getCustomViewConfig = function (config) {
@@ -54,22 +52,21 @@ export var useCustomScripts = function (config) {
     var showSnackbarMessage = useContext(SnackbarContext);
     var _b = useContext(InterceptHandlersContext), addInternalRequestInterceptor = _b.addInternalRequestInterceptor, addInternalResponseInterceptor = _b.addInternalResponseInterceptor, removeInternalRequestInterceptor = _b.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _b.removeInternalResponseInterceptor;
     var qxApi = useContext(SandboxAPIContext);
-    var dispatch = useDispatch();
-    var metadata = (_a = useSelector(mdmModule.selectors.getMetadata)) !== null && _a !== void 0 ? _a : null;
-    var entity = useSelector(mdmModule.selectors.getEntity) || {};
-    var uiPath = useSelector(mdmModule.selectors.getUIPath);
-    var servicesPath = useSelector(mdmModule.selectors.getServicesPath);
-    var reltioPath = useSelector(mdmModule.selectors.getReltioPath);
-    var tenant = useSelector(mdmModule.selectors.getTenant);
+    var openSearch = useMdmAction('openSearch');
+    var metadata = (_a = useMdmMetadata()) !== null && _a !== void 0 ? _a : null;
+    var entity = useMdmEntity() || {};
+    var uiPath = useMdmUiPath();
+    var servicesPath = useMdmServicesPath();
+    var reltioPath = useMdmReltioPath();
+    var tenant = useMdmTenant();
     var workerUrl = getWorkerURL(uiPath, tenant);
-    var apiPath = useSelector(mdmModule.selectors.getApiPath);
-    var workflowPath = useSelector(mdmModule.selectors.getWorkflowPath);
-    var user = useSelector(mdmModule.selectors.getUser);
-    var entityUri = useSelector(mdmModule.selectors.getEntityUri);
-    var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
+    var apiPath = useMdmApiPath();
+    var workflowPath = useMdmWorkflowPath();
+    var user = useMdmUser();
+    var entityUri = useMdmEntityUri();
+    var environment = useMdmWorkflowEnvironmentUrl();
     var workflowCheckPermission = useWorkflowCheckPermission();
-    var _c = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _c.type, search = _c.data;
-    var openSearch = function (search) { return dispatch(ui.actions.openSearch(search)); };
+    var _c = useMdmSearchProviderData() || {}, typeSearch = _c.type, search = _c.data;
     var requestListeners = useRef({});
     var responseListeners = useRef({});
     var workers = useRef({});

package/esm/hooks/useEditableConnection.js

@@ -12,11 +12,10 @@ var __assign = (this && this.__assign) || function () {
 import { useCallback } from 'react';
 import { isAvailableRelationBetweenEntities, Directions, getRelationType, removeEntityAttribute, addEntityAttributes, changeEntityAttribute } from '@reltio/mdm-sdk';
 import { pipe } from 'ramda';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
+import { useMdmMetadata } from '../contexts';
 export var useEditableConnection = function (_a) {
     var connection = _a.connection, onConnectionChange = _a.onConnectionChange, relatedEntity = _a.relatedEntity;
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var metadata = useMdmMetadata();
     var onRelationChange = useCallback(function (relation) { return onConnectionChange(__assign(__assign({}, connection), { relation: relation })); }, [connection, onConnectionChange]);
     var handleAddAttributes = useCallback(pipe(addEntityAttributes(connection.relation), onRelationChange), [
         connection.relation,

package/esm/hooks/useMarkAsNotMatchRequest.js

@@ -1,15 +1,14 @@
-import { isDataTenantEntity, markDataTenantEntityAsNotMatch, markMixedEntitiesAsNotMatches } from '@reltio/mdm-sdk';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
 import { useCallback, useState } from 'react';
+import { isDataTenantEntity, markDataTenantEntityAsNotMatch, markMixedEntitiesAsNotMatches } from '@reltio/mdm-sdk';
 import { noop } from '../core';
 import { useIsMountedRef } from './useIsMountedRef';
+import { useMdmDtssPath, useMdmTenant } from '../contexts';
 export var useMarkAsNotMatchRequest = 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];
+    var tenant = useMdmTenant();
+    var dtssPath = useMdmDtssPath();
     var sendMarkAsNotMatchRequest = useCallback(function () {
         onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
         setIsPending(true);

package/esm/hooks/useMatchesLoader.js

@@ -1,19 +1,18 @@
 import { useCallback, useEffect, useMemo, useState } from 'react';
-import { useSelector } from 'react-redux';
-import mdmModule from '@reltio/mdm-module';
 import { ActivityFilters, collectAllTransitiveEntitiesUris, getEntitiesMapForTransitiveMatches, getMatchesForDataTenantEntity, getMatchesFromDataTenants, getTransitiveMatches, isDataTenantEntity, isTempUri, withDtssPotentialItems, addGlobalFilterToQuery } from '@reltio/mdm-sdk';
 import { usePagingSimulator } from './usePagingSimulator';
 import { useSafePromise } from './useSafePromise';
+import { useMdmDataTenants, useMdmDtssPath, useMdmGlobalSearchRequestOptions, useMdmTenant } from '../contexts';
 export var useMatchesLoader = function (_a) {
     var enabled = _a.enabled, entity = _a.entity, filter = _a.filter, rules = _a.rules, onFinishLoading = _a.onFinishLoading, onStartLoading = _a.onStartLoading, options = _a.options, page = _a.page, rowsPerPage = _a.rowsPerPage, sorting = _a.sorting, markMatchedValues = _a.markMatchedValues;
     var _b = sorting || {}, order = _b.order, field = _b.field;
     var _c = useState(0), total = _c[0], setTotal = _c[1];
     var _d = useState([]), matches = _d[0], setMatches = _d[1];
     var _e = useState({}), entitiesMap = _e[0], setEntitiesMap = _e[1];
-    var tenant = useSelector(mdmModule.selectors.getTenant);
-    var dtssPath = useSelector(mdmModule.selectors.getDtssPath);
-    var dataTenants = useSelector(mdmModule.selectors.getDataTenants);
-    var _f = useSelector(mdmModule.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _f.activityFilter, globalFilter = _f.globalFilter;
+    var tenant = useMdmTenant();
+    var dtssPath = useMdmDtssPath();
+    var dataTenants = useMdmDataTenants();
+    var _f = useMdmGlobalSearchRequestOptions() || {}, activityFilter = _f.activityFilter, globalFilter = _f.globalFilter;
     var activeness = typeof options.showInactiveEntities === 'boolean'
         ? options.showInactiveEntities
             ? ActivityFilters.ALL

package/esm/hooks/useMergeAllRequest.js

@@ -1,17 +1,16 @@
 import { useCallback, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import mdmModule, { search } from '@reltio/mdm-module';
 import { isDataTenantEntity, mergeCustomerTenantEntityWithMixedEntities, mergeDataTenantEntity } from '@reltio/mdm-sdk';
 import { noop } from '../core';
 import { useIsMountedRef } from './useIsMountedRef';
 import { getWinnerLosersUrisFromMergeResponses } from './helpers/merge';
+import { useMdmAction, useMdmDtssPath, useMdmTenant } from '../contexts';
 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];
-    var dispatch = useDispatch();
+    var updateSearchNavigationDataOnMerge = useMdmAction('updateSearchNavigationDataOnMerge');
+    var tenant = useMdmTenant();
+    var dtssPath = useMdmDtssPath();
     var sendMergeAllRequest = useCallback(function () {
         onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
         setIsPending(true);
@@ -24,7 +23,7 @@ export var useMergeAllRequest = function (_a) {
             var uris = getWinnerLosersUrisFromMergeResponses(entity, entities, responses);
             if (uris) {
                 var winnerUri = uris.winnerUri, losersUris = uris.losersUris;
-                dispatch(search.actions.updateSearchNavigationDataOnMerge({ winnerUri: winnerUri, losersUris: losersUris }));
+                updateSearchNavigationDataOnMerge({ winnerUri: winnerUri, losersUris: losersUris });
             }
         })
             .catch(onError)
@@ -32,6 +31,16 @@ export var useMergeAllRequest = function (_a) {
             onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
             isMountedRef.current && setIsPending(false);
         });
-    }, [dtssPath, entities, entity, onError, onFinishRequest, onStartRequest, onSuccess, tenant, dispatch]);
+    }, [
+        dtssPath,
+        entities,
+        entity,
+        onError,
+        onFinishRequest,
+        onStartRequest,
+        onSuccess,
+        tenant,
+        updateSearchNavigationDataOnMerge
+    ]);
     return { isPending: isPending, sendMergeAllRequest: sendMergeAllRequest };
 };

package/esm/hooks/useReadableSearchState.js

@@ -1,24 +1,23 @@
 import { useEffect } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
-import mdmModule, { profile } from '@reltio/mdm-module';
-import { buildReadableQueryToString, getKeywordFromSearchState, getUnresolvedLookupsListFromSearchGroups, resolveLookupsList, getGroupsFromSearchState } from '@reltio/mdm-sdk';
 import { andThen, chain, pipe } from 'ramda';
+import { buildReadableQueryToString, getKeywordFromSearchState, getUnresolvedLookupsListFromSearchGroups, resolveLookupsList, getGroupsFromSearchState } from '@reltio/mdm-sdk';
+import { useMdmAction, useMdmAttributePresentations, useMdmDataTenants, useMdmLookups, useMdmMetadata } from '../contexts';
 export var useReadableSearchState = function (searchState) {
-    var metadata = useSelector(mdmModule.selectors.getMetadata);
-    var dataTenants = useSelector(mdmModule.selectors.getDataTenants);
-    var attributePresentations = useSelector(mdmModule.selectors.getAttributePresentations);
-    var lookups = useSelector(mdmModule.selectors.getLookups);
+    var lookupsListResolved = useMdmAction('lookupsListResolved');
+    var metadata = useMdmMetadata();
+    var dataTenants = useMdmDataTenants();
+    var attributePresentations = useMdmAttributePresentations();
+    var lookups = useMdmLookups();
     var map = searchState.map;
     var keyword = getKeywordFromSearchState(searchState);
     var groups = getGroupsFromSearchState(metadata, dataTenants, true, searchState);
     var unresolvedLookups = getUnresolvedLookupsListFromSearchGroups(groups, lookups);
-    var dispatch = useDispatch();
     useEffect(function () {
         if (unresolvedLookups.length > 0) {
             pipe(chain(function (_a) {
                 var type = _a.type, codeValues = _a.codeValues;
                 return codeValues.map(function (codeValue) { return ({ type: type, codeValue: codeValue }); });
-            }), resolveLookupsList, andThen(pipe(profile.lookups.actions.lookupsListResolved, dispatch)))(unresolvedLookups);
+            }), resolveLookupsList, andThen(lookupsListResolved))(unresolvedLookups);
         }
     }, [searchState]); // eslint-disable-line
     return buildReadableQueryToString(metadata, attributePresentations, lookups, groups, keyword, map);

package/esm/hooks/useRelationsLoader.js

@@ -10,12 +10,11 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import { useDispatch, useSelector } from 'react-redux';
 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, isAvailableEntityTypeUri, isAvailableRelationTypeUri, isDataTenantEntity, isObject, isTempUri, Mode, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
 import { useSafePromise } from './useSafePromise';
 import { usePrevious } from './usePrevious';
+import { useMdmAction, useMdmDtssPath, useMdmGlobalSearchRequestOptions, useMdmMetadata, useMdmProfileLastLoadedTime, useMdmTenant } from '../contexts';
 var buildSuggestedIds = when(identity, pipe(wrapInArrayIfNeeded, length, times(function (n) { return n + 1; })));
 var isValidRequestConfig = function (config) {
     var _a;
@@ -31,12 +30,12 @@ var isValidRequestConfig = function (config) {
 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, _b = _a.searchByOv, searchByOv = _b === void 0 ? false : _b;
     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 lastLoadedTime = useSelector(mdm.selectors.getProfileLastLoadedTime);
+    var relationsLoaded = useMdmAction('relationsLoaded');
+    var tenant = useMdmTenant();
+    var metadata = useMdmMetadata();
+    var dtssPath = useMdmDtssPath();
+    var _d = useMdmGlobalSearchRequestOptions() || {}, activityFilter = _d.activityFilter, globalFilter = _d.globalFilter;
+    var lastLoadedTime = useMdmProfileLastLoadedTime();
     var safePromise = useSafePromise();
     var processContent = function (content) {
         var getUri = when(isObject, prop('uri'));
@@ -94,7 +93,7 @@ export var useRelationsLoader = function (_a) {
                     throw Error(JSON.stringify(result));
                 }
                 var _a = result[0], connections = _a.connections, total = _a.total;
-                dispatch(profile.relations.actions.relationsLoaded({ id: config.id, connections: connections, total: total }));
+                relationsLoaded({ id: config.id, connections: connections, total: total });
             })
                 .catch(function (e) {
                 console.warn('Failed to load relations data', e);
@@ -108,7 +107,7 @@ export var useRelationsLoader = function (_a) {
         activityFilter,
         metadata,
         config,
-        dispatch,
+        relationsLoaded,
         dtssPath,
         entity === null || entity === void 0 ? void 0 : entity.uri,
         entity === null || entity === void 0 ? void 0 : entity.dataTenant,

package/esm/hooks/useScrollToAttributeError/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"@keyframes highlightAnimation" | "highlightError" | "highlightWarning" | "simpleAttribute">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"highlightError" | "@keyframes highlightAnimation" | "highlightWarning" | "simpleAttribute">;

package/esm/hooks/useUsers.js

@@ -1,13 +1,12 @@
 import { useEffect, useState } from 'react';
-import { useSelector } from 'react-redux';
-import { getAllUsersForTenant } from '@reltio/mdm-sdk';
-import mdm from '@reltio/mdm-module';
 import memoizeOne from 'memoize-one';
+import { getAllUsersForTenant } from '@reltio/mdm-sdk';
+import { useMdmServicesPath, useMdmTenant } from '../contexts';
 var getAllUsersForTenantMemoized = memoizeOne(function (tenant, servicesPath) { return getAllUsersForTenant({ tenant: tenant, servicesPath: servicesPath }); });
 export var useUsers = function () {
     var _a = useState([]), users = _a[0], setUsers = _a[1];
-    var tenant = useSelector(mdm.selectors.getTenant);
-    var servicesPath = useSelector(mdm.selectors.getServicesPath);
+    var tenant = useMdmTenant();
+    var servicesPath = useMdmServicesPath();
     var onError = function (e) {
         console.warn('Users error', e);
         setUsers([]);

package/esm/icons/Tenant.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgTenant: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgTenant;

package/esm/icons/Tenant.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgTenant = function (props) {
+    return (React.createElement("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { d: "M2 0h13v2H8v19h12V6h-9V4h11v19H2V0zm9 8h7v2h-7V8zm0 4h7v2h-7v-2zm0 4h7v2h-7v-2zM4 4v2h2V4H4zm0 8v2h2v-2H4zm0-4v2h2V8H4zm0 8v2h2v-2H4z", fill: "#000", stroke: "none", strokeWidth: 1, fillRule: "evenodd" })));
+};
+export default SvgTenant;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1637",
+  "version": "1.4.1639",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
+    "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1637",
-    "@reltio/mdm-sdk": "^1.4.1637",
+    "@reltio/mdm-sdk": "^1.4.1639",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -27,7 +27,6 @@
     "react-lifecycles-compat": "^3.0.4",
     "react-mentions": "4.3.0",
     "react-number-format": "^4.3.0",
-    "react-redux": "^7.2.3",
     "react-resize-detector": "^4.2.0",
     "react-router-dom": "^6.2.1",
     "react-select": "^3.0.4",

package/cjs/components/ProfileBandNavigation/helpers/index.d.ts

@@ -1,7 +0,0 @@
-import { SearchNavigationData } from '../types';
-type Payload = {
-    winnerUri: string;
-    losersUris: string[];
-};
-export declare const applyMergeToSearchNavigationData: (searchNavigationData: SearchNavigationData, payload: Payload) => SearchNavigationData;
-export {};