@reltio/components 1.4.1829 → 1.4.1831

package/cjs/hooks/index.d.ts

@@ -29,3 +29,4 @@ export { useLayoutResetter } from './useLayoutResetter';
 export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';
 export { useRequestDCRReview } from './useRequestDCRReview';
+export { useSavedSearchesRequest } from './useSavedSearchesRequest';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = 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 = exports.useMatchesColumnsData = exports.useScrollToAttributeError = void 0;
+exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = 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 = exports.useMatchesColumnsData = exports.useScrollToAttributeError = void 0;
 var useScrollToAttributeError_1 = require("./useScrollToAttributeError/useScrollToAttributeError");
 Object.defineProperty(exports, "useScrollToAttributeError", { enumerable: true, get: function () { return useScrollToAttributeError_1.useScrollToAttributeError; } });
 var useMatchesColumnsData_1 = require("./useMatchesColumnsData/useMatchesColumnsData");
@@ -63,3 +63,5 @@ var useAutoFocus_1 = require("./useAutoFocus");
 Object.defineProperty(exports, "useAutoFocus", { enumerable: true, get: function () { return useAutoFocus_1.useAutoFocus; } });
 var useRequestDCRReview_1 = require("./useRequestDCRReview");
 Object.defineProperty(exports, "useRequestDCRReview", { enumerable: true, get: function () { return useRequestDCRReview_1.useRequestDCRReview; } });
+var useSavedSearchesRequest_1 = require("./useSavedSearchesRequest");
+Object.defineProperty(exports, "useSavedSearchesRequest", { enumerable: true, get: function () { return useSavedSearchesRequest_1.useSavedSearchesRequest; } });

package/cjs/hooks/useAPI/useAPI.js

@@ -21,16 +21,18 @@ var contexts_1 = require("../../contexts");
 var API_1 = require("./API");
 var helpers_1 = require("./helpers");
 var useAPI = function (config) {
+    var _a;
     if (config === void 0) { config = {}; }
-    var _a = config.action || {}, processApiRequest = _a.processApiRequest, processApiResponse = _a.processApiResponse, platform = _a.platform;
-    var _b = (0, react_1.useState)(), html = _b[0], setHtml = _b[1];
-    var _c = (0, react_1.useState)([]), listenersToReset = _c[0], setListenersToReset = _c[1];
-    var _d = (0, react_1.useState)([]), popupListenersToReset = _d[0], setPopupListenersToReset = _d[1];
-    var _e = (0, react_1.useState)(true), visible = _e[0], setVisible = _e[1];
-    var _f = (0, react_1.useState)(), popup = _f[0], setPopup = _f[1];
-    var _g = (0, react_1.useState)(null), tooltip = _g[0], setTooltip = _g[1];
-    var _h = (0, react_1.useState)({}), customStyles = _h[0], setCustomStyles = _h[1];
+    var _b = config.action || {}, processApiRequest = _b.processApiRequest, processApiResponse = _b.processApiResponse, platform = _b.platform;
+    var _c = (0, react_1.useState)(), html = _c[0], setHtml = _c[1];
+    var _d = (0, react_1.useState)([]), listenersToReset = _d[0], setListenersToReset = _d[1];
+    var _e = (0, react_1.useState)([]), popupListenersToReset = _e[0], setPopupListenersToReset = _e[1];
+    var _f = (0, react_1.useState)(true), visible = _f[0], setVisible = _f[1];
+    var _g = (0, react_1.useState)(), popup = _g[0], setPopup = _g[1];
+    var _h = (0, react_1.useState)(null), tooltip = _h[0], setTooltip = _h[1];
+    var _j = (0, react_1.useState)({}), customStyles = _j[0], setCustomStyles = _j[1];
     var workerRef = (0, react_1.useRef)();
+    var entityRef = (0, react_1.useRef)();
     var requestListeners = (0, react_1.useRef)({});
     var responseListeners = (0, react_1.useRef)({});
     var sanitizeHtml = (0, useHtmlSanitizer_1.useHtmlSanitizer)();
@@ -42,8 +44,8 @@ var useAPI = function (config) {
     var qxApi = (0, react_1.useContext)(contexts_1.SandboxAPIContext);
     var interceptHandlers = (0, react_1.useContext)(contexts_1.InterceptHandlersContext);
     var workflowCheckPermission = (0, workflow_1.useWorkflowCheckPermission)();
-    var metadata = (0, contexts_1.useMdmMetadata)() || {};
-    var entity = (0, contexts_1.useMdmEntity)() || {};
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var entity = (0, contexts_1.useMdmEntity)();
     var apiPath = (0, contexts_1.useMdmApiPath)();
     var servicesPath = (0, contexts_1.useMdmServicesPath)();
     var reltioPath = (0, contexts_1.useMdmReltioPath)();
@@ -52,8 +54,8 @@ var useAPI = function (config) {
     var entityUri = (0, contexts_1.useMdmEntityUri)();
     var isEditableMode = (0, contexts_1.useMdmIsEditableMode)();
     var environment = (0, contexts_1.useMdmWorkflowEnvironmentUrl)();
-    var _j = (0, contexts_1.useMdmSearchProviderData)() || {}, typeSearch = _j.type, search = _j.data;
-    var searchQuery = typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null;
+    var searchProviderData = (0, contexts_1.useMdmSearchProviderData)();
+    var searchQuery = (searchProviderData === null || searchProviderData === void 0 ? void 0 : searchProviderData.type) === 'search' ? (_a = searchProviderData === null || searchProviderData === void 0 ? void 0 : searchProviderData.data) === null || _a === void 0 ? void 0 : _a.query : null;
     var innerText = '';
     var popupText = '';
     var process = function (_a) {
@@ -142,7 +144,7 @@ var useAPI = function (config) {
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
                     var processedTask = (0, helpers_1.getProcessedTask)(task, apiPath, reltioPath, tenant);
-                    (0, API_1.processRequest)(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    (0, API_1.processRequest)(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -209,9 +211,12 @@ var useAPI = function (config) {
                 interceptHandlers.finishInterceptorInit();
                 pendingInterceptors.current = false;
             }
-            postEventMessage('updateEntity', entity);
         }
-    }, [entity, config]);
+    }, [config]);
+    (0, react_1.useEffect)(function () {
+        postEventMessage('updateEntity', entity);
+        entityRef.current = entity;
+    }, [entity]);
     (0, react_1.useEffect)(function () {
         postEventMessage('editMode', isEditableMode);
     }, [isEditableMode]);

package/cjs/hooks/useCustomScripts.js

@@ -56,8 +56,8 @@ var useCustomScripts = function (config) {
     var _b = (0, react_1.useContext)(contexts_1.InterceptHandlersContext), addInternalRequestInterceptor = _b.addInternalRequestInterceptor, addInternalResponseInterceptor = _b.addInternalResponseInterceptor, removeInternalRequestInterceptor = _b.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _b.removeInternalResponseInterceptor;
     var qxApi = (0, react_1.useContext)(contexts_1.SandboxAPIContext);
     var openSearch = (0, contexts_1.useMdmAction)('openSearch');
-    var metadata = (_a = (0, contexts_1.useMdmMetadata)()) !== null && _a !== void 0 ? _a : null;
-    var entity = (0, contexts_1.useMdmEntity)() || {};
+    var metadata = (0, contexts_1.useMdmMetadata)();
+    var entity = (0, contexts_1.useMdmEntity)();
     var uiPath = (0, contexts_1.useMdmUiPath)();
     var servicesPath = (0, contexts_1.useMdmServicesPath)();
     var reltioPath = (0, contexts_1.useMdmReltioPath)();
@@ -69,7 +69,8 @@ var useCustomScripts = function (config) {
     var entityUri = (0, contexts_1.useMdmEntityUri)();
     var environment = (0, contexts_1.useMdmWorkflowEnvironmentUrl)();
     var workflowCheckPermission = (0, workflow_1.useWorkflowCheckPermission)();
-    var _c = (0, contexts_1.useMdmSearchProviderData)() || {}, typeSearch = _c.type, search = _c.data;
+    var searchProviderData = (0, contexts_1.useMdmSearchProviderData)();
+    var searchQuery = (searchProviderData === null || searchProviderData === void 0 ? void 0 : searchProviderData.type) === 'search' ? (_a = searchProviderData === null || searchProviderData === void 0 ? void 0 : searchProviderData.data) === null || _a === void 0 ? void 0 : _a.query : null;
     var requestListeners = (0, react_1.useRef)({});
     var responseListeners = (0, react_1.useRef)({});
     var workers = (0, react_1.useRef)({});
@@ -87,7 +88,7 @@ var useCustomScripts = function (config) {
                 }
                 case mdm_sdk_1.CustomAction.REQUEST: {
                     var processedTask = (0, helpers_1.getProcessedTask)(task, apiPath, reltioPath, tenant);
-                    (0, useAPI_1.processRequest)(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    (0, useAPI_1.processRequest)(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case mdm_sdk_1.CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -110,19 +111,18 @@ var useCustomScripts = function (config) {
         }
     };
     (0, react_1.useEffect)(function () {
-        if (metadata === null) {
-            return;
+        if (metadata) {
+            workers.current = customScripts.reduce(function (acc, customScript) {
+                var _a;
+                var customViewConfig = getCustomViewConfig(customScript);
+                return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = (0, mdm_sdk_1.initializeWebWorker)(workerUrl, processMessageFromWorker, customViewConfig), _a));
+            }, workers.current);
+            return function () {
+                Object.keys(workers.current).forEach(function (actionId) {
+                    workers.current[actionId].terminate();
+                });
+            };
         }
-        workers.current = customScripts.reduce(function (acc, customScript) {
-            var _a;
-            var customViewConfig = getCustomViewConfig(customScript);
-            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = (0, mdm_sdk_1.initializeWebWorker)(workerUrl, processMessageFromWorker, customViewConfig), _a));
-        }, workers.current);
-        return function () {
-            Object.keys(workers.current).forEach(function (actionId) {
-                workers.current[actionId].terminate();
-            });
-        };
     }, [config, metadata]);
     var customScriptRequestInterceptor = function (_a) {
         var _b;

package/cjs/hooks/useSavedSearchesRequest.d.ts

@@ -0,0 +1,28 @@
+import { SavedSearchData, SavedSearchesOptions, deleteSavedSearch, updateSavedSearch } from '@reltio/mdm-sdk';
+import { RequestStates } from '../types';
+type Props = {
+    options?: SavedSearchesOptions;
+    offset: number;
+    max: number;
+    queryEstimatorEnabled?: boolean;
+};
+export declare const useSavedSearchesRequest: ({ options, offset, max, queryEstimatorEnabled }: Props) => {
+    state: RequestStates;
+    data: SavedSearchData[];
+    reload: () => void;
+    total: number;
+    loadTotalForSearchByUri: (uri: string) => Promise<void>;
+    saveSearch: (savedSearch: Partial<SavedSearchData> & {
+        name: string;
+        query: string;
+        uiState: Record<string, any>;
+    }) => Promise<SavedSearchData>;
+    updateSearch: (savedSearch: Parameters<typeof updateSavedSearch>[0]) => Promise<SavedSearchData>;
+    deleteSearch: (savedSearch: Parameters<typeof deleteSavedSearch>[0]) => Promise<{
+        success: true;
+    } | {
+        success: false;
+        error: unknown;
+    }>;
+};
+export {};

package/cjs/hooks/useSavedSearchesRequest.js

@@ -0,0 +1,182 @@
+"use strict";
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSavedSearchesRequest = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ramda_1 = require("ramda");
+var react_1 = require("react");
+var contexts_1 = require("../contexts");
+var types_1 = require("../types");
+var useSavedSearchesRequest = function (_a) {
+    var options = _a.options, offset = _a.offset, max = _a.max, queryEstimatorEnabled = _a.queryEstimatorEnabled;
+    var _b = (0, react_1.useState)([]), data = _b[0], setData = _b[1];
+    var _c = (0, react_1.useState)(0), total = _c[0], setTotal = _c[1];
+    var _d = (0, react_1.useState)(types_1.RequestStates.INIT), requestState = _d[0], setRequestState = _d[1];
+    var onError = function (error) {
+        console.warn(error); // eslint-disable-line
+        if (!(0, mdm_sdk_1.isAbortError)(error)) {
+            setRequestState(types_1.RequestStates.ERROR);
+            setData([]);
+        }
+    };
+    var signal = (0, react_1.useContext)(contexts_1.PageRequestsAbortingContext);
+    var loadData = (0, react_1.useCallback)(function () {
+        setRequestState(types_1.RequestStates.LOADING);
+        var onRequestFinished = function (data) {
+            setData(data.result || []);
+            setTotal(data.total);
+            setRequestState(types_1.RequestStates.LOADED);
+        };
+        var _a = (options || {}), countResults = _a.countResults, restOptions = __rest(_a, ["countResults"]);
+        var getData = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var _a, _b, savedSearches, total, totalRequests, totalResults, searchesWithCount;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, (0, mdm_sdk_1.getSavedSearches)(__assign({ offset: offset, max: max }, restOptions), signal)];
+                    case 1:
+                        _a = _c.sent(), _b = _a.result, savedSearches = _b === void 0 ? [] : _b, total = _a.total;
+                        if (!countResults) return [3 /*break*/, 3];
+                        totalRequests = savedSearches.map(function (search) {
+                            return (0, mdm_sdk_1.getTotalsForQuery)((0, mdm_sdk_1.replacePlaceholdersInQuery)(search.query), queryEstimatorEnabled, signal);
+                        });
+                        return [4 /*yield*/, (0, mdm_sdk_1.promiseAllSettled)(totalRequests)];
+                    case 2:
+                        totalResults = _c.sent();
+                        searchesWithCount = totalResults.reduce(function (searchesWithTotal, _a, searchIndex) {
+                            var status = _a.status, value = _a.value, reason = _a.reason;
+                            switch (status) {
+                                case 'fulfilled':
+                                    return (0, ramda_1.assocPath)([searchIndex, 'count'], value.total, searchesWithTotal);
+                                case 'rejected':
+                                    console.warn(reason);
+                                    break;
+                            }
+                            return searchesWithTotal;
+                        }, savedSearches);
+                        onRequestFinished({ result: searchesWithCount, total: total });
+                        return [3 /*break*/, 4];
+                    case 3:
+                        onRequestFinished({ result: savedSearches, total: total });
+                        _c.label = 4;
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        getData().catch(onError);
+    }, [options, offset, max, signal, queryEstimatorEnabled]);
+    var refreshAction = function () {
+        try {
+            loadData();
+        }
+        catch (e) {
+            onError(e);
+        }
+    };
+    var loadTotalForUri = (0, react_1.useCallback)(function (uri) { return __awaiter(void 0, void 0, void 0, function () {
+        var searchIndex, search, total_1, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    searchIndex = data.findIndex((0, ramda_1.propEq)('uri', uri));
+                    search = data[searchIndex];
+                    setData((0, ramda_1.assocPath)([searchIndex, 'isLoadingTotal'], true));
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, (0, mdm_sdk_1.getTotalsForQuery)((0, mdm_sdk_1.replacePlaceholdersInQuery)(search.query), false, signal)];
+                case 2:
+                    total_1 = (_a.sent()).total;
+                    setData((0, ramda_1.assocPath)([searchIndex, 'count'], total_1));
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _a.sent();
+                    console.warn(e_1);
+                    return [3 /*break*/, 4];
+                case 4:
+                    setData((0, ramda_1.assocPath)([searchIndex, 'isLoadingTotal'], false));
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [data, signal]);
+    var saveSearch = (0, react_1.useCallback)(function (savedSearch) {
+        var type = (options || {}).type;
+        return (0, mdm_sdk_1.createSavedSearch)([__assign(__assign({}, savedSearch), { type: type })]);
+    }, [options]);
+    var updateSearch = (0, react_1.useCallback)(function (savedSearch) {
+        return (0, mdm_sdk_1.updateSavedSearch)(savedSearch);
+    }, []);
+    var deleteSearch = (0, react_1.useCallback)(function (savedSearch) {
+        return (0, mdm_sdk_1.deleteSavedSearch)(savedSearch);
+    }, []);
+    (0, react_1.useEffect)(function () {
+        refreshAction();
+    }, [loadData]);
+    return {
+        state: requestState,
+        data: data,
+        reload: refreshAction,
+        total: total,
+        loadTotalForSearchByUri: loadTotalForUri,
+        saveSearch: saveSearch,
+        updateSearch: updateSearch,
+        deleteSearch: deleteSearch
+    };
+};
+exports.useSavedSearchesRequest = useSavedSearchesRequest;

package/esm/hooks/index.d.ts

@@ -29,3 +29,4 @@ export { useLayoutResetter } from './useLayoutResetter';
 export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';
 export { useRequestDCRReview } from './useRequestDCRReview';
+export { useSavedSearchesRequest } from './useSavedSearchesRequest';

package/esm/hooks/index.js

@@ -29,3 +29,4 @@ export { useLayoutResetter } from './useLayoutResetter';
 export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';
 export { useRequestDCRReview } from './useRequestDCRReview';
+export { useSavedSearchesRequest } from './useSavedSearchesRequest';

package/esm/hooks/useAPI/useAPI.js

@@ -18,16 +18,18 @@ import { InterceptHandlersContext, SandboxAPIContext, SnackbarContext, useMdmAct
 import { processRequest } from './API';
 import { getWorkerURL, isValidCustomScript, resetHtml, getProcessedTask, setUpRequestInterceptor, setUpResponseInterceptor } from './helpers';
 export var useAPI = function (config) {
+    var _a;
     if (config === void 0) { config = {}; }
-    var _a = config.action || {}, processApiRequest = _a.processApiRequest, processApiResponse = _a.processApiResponse, platform = _a.platform;
-    var _b = useState(), html = _b[0], setHtml = _b[1];
-    var _c = useState([]), listenersToReset = _c[0], setListenersToReset = _c[1];
-    var _d = useState([]), popupListenersToReset = _d[0], setPopupListenersToReset = _d[1];
-    var _e = useState(true), visible = _e[0], setVisible = _e[1];
-    var _f = useState(), popup = _f[0], setPopup = _f[1];
-    var _g = useState(null), tooltip = _g[0], setTooltip = _g[1];
-    var _h = useState({}), customStyles = _h[0], setCustomStyles = _h[1];
+    var _b = config.action || {}, processApiRequest = _b.processApiRequest, processApiResponse = _b.processApiResponse, platform = _b.platform;
+    var _c = useState(), html = _c[0], setHtml = _c[1];
+    var _d = useState([]), listenersToReset = _d[0], setListenersToReset = _d[1];
+    var _e = useState([]), popupListenersToReset = _e[0], setPopupListenersToReset = _e[1];
+    var _f = useState(true), visible = _f[0], setVisible = _f[1];
+    var _g = useState(), popup = _g[0], setPopup = _g[1];
+    var _h = useState(null), tooltip = _h[0], setTooltip = _h[1];
+    var _j = useState({}), customStyles = _j[0], setCustomStyles = _j[1];
     var workerRef = useRef();
+    var entityRef = useRef();
     var requestListeners = useRef({});
     var responseListeners = useRef({});
     var sanitizeHtml = useHtmlSanitizer();
@@ -39,8 +41,8 @@ export var useAPI = function (config) {
     var qxApi = useContext(SandboxAPIContext);
     var interceptHandlers = useContext(InterceptHandlersContext);
     var workflowCheckPermission = useWorkflowCheckPermission();
-    var metadata = useMdmMetadata() || {};
-    var entity = useMdmEntity() || {};
+    var metadata = useMdmMetadata();
+    var entity = useMdmEntity();
     var apiPath = useMdmApiPath();
     var servicesPath = useMdmServicesPath();
     var reltioPath = useMdmReltioPath();
@@ -49,8 +51,8 @@ export var useAPI = function (config) {
     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 searchProviderData = useMdmSearchProviderData();
+    var searchQuery = (searchProviderData === null || searchProviderData === void 0 ? void 0 : searchProviderData.type) === 'search' ? (_a = searchProviderData === null || searchProviderData === void 0 ? void 0 : searchProviderData.data) === null || _a === void 0 ? void 0 : _a.query : null;
     var innerText = '';
     var popupText = '';
     var process = function (_a) {
@@ -139,7 +141,7 @@ export var useAPI = function (config) {
                 }
                 case CustomAction.REQUEST: {
                     var processedTask = getProcessedTask(task, apiPath, reltioPath, tenant);
-                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, servicesPath: servicesPath, apiPath: reltioPath, tenant: tenant, workflowPath: workflowPath, entity: entityRef.current, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -206,9 +208,12 @@ export var useAPI = function (config) {
                 interceptHandlers.finishInterceptorInit();
                 pendingInterceptors.current = false;
             }
-            postEventMessage('updateEntity', entity);
         }
-    }, [entity, config]);
+    }, [config]);
+    useEffect(function () {
+        postEventMessage('updateEntity', entity);
+        entityRef.current = entity;
+    }, [entity]);
     useEffect(function () {
         postEventMessage('editMode', isEditableMode);
     }, [isEditableMode]);

package/esm/hooks/useCustomScripts.js

@@ -53,8 +53,8 @@ export var useCustomScripts = function (config) {
     var _b = useContext(InterceptHandlersContext), addInternalRequestInterceptor = _b.addInternalRequestInterceptor, addInternalResponseInterceptor = _b.addInternalResponseInterceptor, removeInternalRequestInterceptor = _b.removeInternalRequestInterceptor, removeInternalResponseInterceptor = _b.removeInternalResponseInterceptor;
     var qxApi = useContext(SandboxAPIContext);
     var openSearch = useMdmAction('openSearch');
-    var metadata = (_a = useMdmMetadata()) !== null && _a !== void 0 ? _a : null;
-    var entity = useMdmEntity() || {};
+    var metadata = useMdmMetadata();
+    var entity = useMdmEntity();
     var uiPath = useMdmUiPath();
     var servicesPath = useMdmServicesPath();
     var reltioPath = useMdmReltioPath();
@@ -66,7 +66,8 @@ export var useCustomScripts = function (config) {
     var entityUri = useMdmEntityUri();
     var environment = useMdmWorkflowEnvironmentUrl();
     var workflowCheckPermission = useWorkflowCheckPermission();
-    var _c = useMdmSearchProviderData() || {}, typeSearch = _c.type, search = _c.data;
+    var searchProviderData = useMdmSearchProviderData();
+    var searchQuery = (searchProviderData === null || searchProviderData === void 0 ? void 0 : searchProviderData.type) === 'search' ? (_a = searchProviderData === null || searchProviderData === void 0 ? void 0 : searchProviderData.data) === null || _a === void 0 ? void 0 : _a.query : null;
     var requestListeners = useRef({});
     var responseListeners = useRef({});
     var workers = useRef({});
@@ -84,7 +85,7 @@ export var useCustomScripts = function (config) {
                 }
                 case CustomAction.REQUEST: {
                     var processedTask = getProcessedTask(task, apiPath, reltioPath, tenant);
-                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: typeSearch === 'search' ? search === null || search === void 0 ? void 0 : search.query : null, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
+                    processRequest(__assign({ params: processedTask.params, permissions: config.action.permissions, worker: worker, metadata: metadata, config: config, user: user, apiPath: reltioPath, servicesPath: servicesPath, tenant: tenant, workflowPath: workflowPath, entity: entity, entityUri: entityUri, environment: environment, query: searchQuery, openSearch: openSearch, workflowCheckPermission: workflowCheckPermission }, qxApi));
                     break;
                 }
                 case CustomAction.RETURN_PROCESSED_API_RESPONSE: {
@@ -107,19 +108,18 @@ export var useCustomScripts = function (config) {
         }
     };
     useEffect(function () {
-        if (metadata === null) {
-            return;
+        if (metadata) {
+            workers.current = customScripts.reduce(function (acc, customScript) {
+                var _a;
+                var customViewConfig = getCustomViewConfig(customScript);
+                return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = initializeWebWorker(workerUrl, processMessageFromWorker, customViewConfig), _a));
+            }, workers.current);
+            return function () {
+                Object.keys(workers.current).forEach(function (actionId) {
+                    workers.current[actionId].terminate();
+                });
+            };
         }
-        workers.current = customScripts.reduce(function (acc, customScript) {
-            var _a;
-            var customViewConfig = getCustomViewConfig(customScript);
-            return __assign(__assign({}, acc), (_a = {}, _a[customScript.actionId] = initializeWebWorker(workerUrl, processMessageFromWorker, customViewConfig), _a));
-        }, workers.current);
-        return function () {
-            Object.keys(workers.current).forEach(function (actionId) {
-                workers.current[actionId].terminate();
-            });
-        };
     }, [config, metadata]);
     var customScriptRequestInterceptor = function (_a) {
         var _b;

package/esm/hooks/useSavedSearchesRequest.d.ts

@@ -0,0 +1,28 @@
+import { SavedSearchData, SavedSearchesOptions, deleteSavedSearch, updateSavedSearch } from '@reltio/mdm-sdk';
+import { RequestStates } from '../types';
+type Props = {
+    options?: SavedSearchesOptions;
+    offset: number;
+    max: number;
+    queryEstimatorEnabled?: boolean;
+};
+export declare const useSavedSearchesRequest: ({ options, offset, max, queryEstimatorEnabled }: Props) => {
+    state: RequestStates;
+    data: SavedSearchData[];
+    reload: () => void;
+    total: number;
+    loadTotalForSearchByUri: (uri: string) => Promise<void>;
+    saveSearch: (savedSearch: Partial<SavedSearchData> & {
+        name: string;
+        query: string;
+        uiState: Record<string, any>;
+    }) => Promise<SavedSearchData>;
+    updateSearch: (savedSearch: Parameters<typeof updateSavedSearch>[0]) => Promise<SavedSearchData>;
+    deleteSearch: (savedSearch: Parameters<typeof deleteSavedSearch>[0]) => Promise<{
+        success: true;
+    } | {
+        success: false;
+        error: unknown;
+    }>;
+};
+export {};

package/esm/hooks/useSavedSearchesRequest.js

@@ -0,0 +1,178 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { createSavedSearch, deleteSavedSearch, getSavedSearches, getTotalsForQuery, isAbortError, promiseAllSettled, replacePlaceholdersInQuery, updateSavedSearch } from '@reltio/mdm-sdk';
+import { assocPath, propEq } from 'ramda';
+import { useCallback, useContext, useEffect, useState } from 'react';
+import { PageRequestsAbortingContext } from '../contexts';
+import { RequestStates } from '../types';
+export var useSavedSearchesRequest = function (_a) {
+    var options = _a.options, offset = _a.offset, max = _a.max, queryEstimatorEnabled = _a.queryEstimatorEnabled;
+    var _b = useState([]), data = _b[0], setData = _b[1];
+    var _c = useState(0), total = _c[0], setTotal = _c[1];
+    var _d = useState(RequestStates.INIT), requestState = _d[0], setRequestState = _d[1];
+    var onError = function (error) {
+        console.warn(error); // eslint-disable-line
+        if (!isAbortError(error)) {
+            setRequestState(RequestStates.ERROR);
+            setData([]);
+        }
+    };
+    var signal = useContext(PageRequestsAbortingContext);
+    var loadData = useCallback(function () {
+        setRequestState(RequestStates.LOADING);
+        var onRequestFinished = function (data) {
+            setData(data.result || []);
+            setTotal(data.total);
+            setRequestState(RequestStates.LOADED);
+        };
+        var _a = (options || {}), countResults = _a.countResults, restOptions = __rest(_a, ["countResults"]);
+        var getData = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var _a, _b, savedSearches, total, totalRequests, totalResults, searchesWithCount;
+            return __generator(this, function (_c) {
+                switch (_c.label) {
+                    case 0: return [4 /*yield*/, getSavedSearches(__assign({ offset: offset, max: max }, restOptions), signal)];
+                    case 1:
+                        _a = _c.sent(), _b = _a.result, savedSearches = _b === void 0 ? [] : _b, total = _a.total;
+                        if (!countResults) return [3 /*break*/, 3];
+                        totalRequests = savedSearches.map(function (search) {
+                            return getTotalsForQuery(replacePlaceholdersInQuery(search.query), queryEstimatorEnabled, signal);
+                        });
+                        return [4 /*yield*/, promiseAllSettled(totalRequests)];
+                    case 2:
+                        totalResults = _c.sent();
+                        searchesWithCount = totalResults.reduce(function (searchesWithTotal, _a, searchIndex) {
+                            var status = _a.status, value = _a.value, reason = _a.reason;
+                            switch (status) {
+                                case 'fulfilled':
+                                    return assocPath([searchIndex, 'count'], value.total, searchesWithTotal);
+                                case 'rejected':
+                                    console.warn(reason);
+                                    break;
+                            }
+                            return searchesWithTotal;
+                        }, savedSearches);
+                        onRequestFinished({ result: searchesWithCount, total: total });
+                        return [3 /*break*/, 4];
+                    case 3:
+                        onRequestFinished({ result: savedSearches, total: total });
+                        _c.label = 4;
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        getData().catch(onError);
+    }, [options, offset, max, signal, queryEstimatorEnabled]);
+    var refreshAction = function () {
+        try {
+            loadData();
+        }
+        catch (e) {
+            onError(e);
+        }
+    };
+    var loadTotalForUri = useCallback(function (uri) { return __awaiter(void 0, void 0, void 0, function () {
+        var searchIndex, search, total_1, e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    searchIndex = data.findIndex(propEq('uri', uri));
+                    search = data[searchIndex];
+                    setData(assocPath([searchIndex, 'isLoadingTotal'], true));
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, getTotalsForQuery(replacePlaceholdersInQuery(search.query), false, signal)];
+                case 2:
+                    total_1 = (_a.sent()).total;
+                    setData(assocPath([searchIndex, 'count'], total_1));
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _a.sent();
+                    console.warn(e_1);
+                    return [3 /*break*/, 4];
+                case 4:
+                    setData(assocPath([searchIndex, 'isLoadingTotal'], false));
+                    return [2 /*return*/];
+            }
+        });
+    }); }, [data, signal]);
+    var saveSearch = useCallback(function (savedSearch) {
+        var type = (options || {}).type;
+        return createSavedSearch([__assign(__assign({}, savedSearch), { type: type })]);
+    }, [options]);
+    var updateSearch = useCallback(function (savedSearch) {
+        return updateSavedSearch(savedSearch);
+    }, []);
+    var deleteSearch = useCallback(function (savedSearch) {
+        return deleteSavedSearch(savedSearch);
+    }, []);
+    useEffect(function () {
+        refreshAction();
+    }, [loadData]);
+    return {
+        state: requestState,
+        data: data,
+        reload: refreshAction,
+        total: total,
+        loadTotalForSearchByUri: loadTotalForUri,
+        saveSearch: saveSearch,
+        updateSearch: updateSearch,
+        deleteSearch: deleteSearch
+    };
+};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1829",
+  "version": "1.4.1831",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1788",
+    "@reltio/mdm-sdk": "^1.4.1790",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",