@reltio/components 1.4.890 → 1.4.894

package/esm/hooks/useMatchesLoader.js

@@ -0,0 +1,99 @@
+import { useCallback, useEffect, useMemo, useState } from 'react';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import { ActivityFilters, collectAllTransitiveEntitiesUris, getEntitiesMap, getMatchesForDataTenantEntity, getMatchesFromDataTenants, getTransitiveMatches, isDataTenantEntity, withDtssPotentialItems } from '@reltio/mdm-sdk';
+import { usePagingSimulator } from './usePagingSimulator';
+import { useSafePromise } from './useSafePromise';
+import { prop } from 'ramda';
+export var useMatchesLoader = function (_a) {
+    var enabled = _a.enabled, entity = _a.entity, filter = _a.filter, onFinishLoading = _a.onFinishLoading, onStartLoading = _a.onStartLoading, options = _a.options, page = _a.page, rowsPerPage = _a.rowsPerPage, sorting = _a.sorting;
+    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 dtssParams = useMemo(function () { return ({
+        dtssPath: dtssPath,
+        dataTenants: dataTenants,
+        entity: entity,
+        customerTenant: tenant,
+        dtssRequest: getMatchesFromDataTenants
+    }); }, [dtssPath, dataTenants, entity, tenant]);
+    //eslint-disable-next-line react-hooks/exhaustive-deps
+    var getTransitiveMatchesWithDtss = useCallback(withDtssPotentialItems(dtssParams, getTransitiveMatches), [
+        dtssParams
+    ]);
+    var getTransitiveMatchesWithPaging = usePagingSimulator(getTransitiveMatchesWithDtss);
+    var getPagedMatchesForDataTenantEntity = usePagingSimulator(getMatchesForDataTenantEntity);
+    var entityUri = prop('uri', entity);
+    var safePromise = useSafePromise();
+    var getMatches = useCallback(function (force) {
+        if (force === void 0) { force = false; }
+        if (!enabled) {
+            return;
+        }
+        onStartLoading === null || onStartLoading === void 0 ? void 0 : onStartLoading();
+        safePromise(isDataTenantEntity(entity)
+            ? getPagedMatchesForDataTenantEntity({
+                dtssPath: dtssPath,
+                entity: entity,
+                customerTenant: tenant,
+                offset: page * rowsPerPage,
+                max: rowsPerPage,
+                force: force
+            })
+            : getTransitiveMatchesWithPaging({
+                entityUri: entityUri,
+                offset: page * rowsPerPage,
+                max: rowsPerPage,
+                filter: filter,
+                sort: field,
+                order: order,
+                force: force,
+                deep: options.showTransitiveMatches ? undefined : 1,
+                activeness: options.showInactiveEntities ? ActivityFilters.ALL : ActivityFilters.ACTIVE_ONLY
+            }))
+            .then(function (result) {
+            var response = result.response, total = result.total, originalResponse = result.originalResponse;
+            setTotal(total);
+            setMatches(response);
+            var matchUris = collectAllTransitiveEntitiesUris(originalResponse);
+            if (matchUris.length > 0) {
+                setEntitiesMap(getEntitiesMap(originalResponse));
+            }
+        })
+            .finally(function () {
+            onFinishLoading === null || onFinishLoading === void 0 ? void 0 : onFinishLoading();
+        });
+    }, [
+        dtssPath,
+        enabled,
+        entityUri,
+        field,
+        filter,
+        getPagedMatchesForDataTenantEntity,
+        getTransitiveMatchesWithPaging,
+        onFinishLoading,
+        onStartLoading,
+        options,
+        order,
+        page,
+        rowsPerPage,
+        safePromise,
+        tenant
+    ]); // eslint-disable-line
+    useEffect(function () {
+        getMatches();
+    }, [getMatches]);
+    var loadMatches = useCallback(function () {
+        getMatches(true);
+    }, [getMatches]);
+    return {
+        total: total,
+        matches: matches,
+        entitiesMap: entitiesMap,
+        loadMatches: loadMatches
+    };
+};

package/esm/hooks/usePagingSimulator.d.ts

@@ -0,0 +1,10 @@
+export declare const usePagingSimulator: (request: any) => ({ max, offset, force, ...requestParams }: {
+    [key: string]: unknown;
+    max: number;
+    offset: number;
+    force?: boolean;
+}) => Promise<{
+    response: any[];
+    total: number;
+    originalResponse: any[];
+}>;

package/esm/hooks/usePagingSimulator.js

@@ -0,0 +1,6 @@
+import { useCallback } from 'react';
+import { createPagingSimulator } from './helpers/pagingSimulator';
+export var usePagingSimulator = function (request) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return useCallback(createPagingSimulator(request), [request]);
+};

package/package.json

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