@reltio/components 1.4.1836-hf → 1.4.1836

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/useDateEditor/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_MIN_DATE: Date;
+export declare const DEFAULT_MAX_DATE: Date;
+export declare const DEFAULT_MAX_DATE_IN_POPUP: Date;

package/cjs/hooks/useDateEditor/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_MAX_DATE_IN_POPUP = exports.DEFAULT_MAX_DATE = exports.DEFAULT_MIN_DATE = void 0;
+exports.DEFAULT_MIN_DATE = new Date('1900-01-01');
+exports.DEFAULT_MAX_DATE = new Date('9999-12-31');
+exports.DEFAULT_MAX_DATE_IN_POPUP = new Date('2099-12-31');

package/cjs/hooks/useDateEditor/helpers.js

@@ -0,0 +1,34 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEditorMinDate = exports.getEditorMaxDate = exports.isDateRangeError = exports.getErrorMessage = void 0;
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var moment_1 = __importDefault(require("moment"));
+var constants_1 = require("./constants");
+var getErrorMessage = function (error) {
+    switch (error) {
+        case 'maxDate':
+            return ui_i18n_1.default.text('Date should not be after maximal date');
+        case 'minDate':
+            return ui_i18n_1.default.text('Date should not be before minimal date');
+        case 'invalidDate':
+            return ui_i18n_1.default.text('Invalid Date Format');
+        default:
+            return '';
+    }
+};
+exports.getErrorMessage = getErrorMessage;
+var isDateRangeError = function (error) { return ['minDate', 'maxDate'].includes(error); };
+exports.isDateRangeError = isDateRangeError;
+var getEditorMaxDate = function (maxDate) {
+    var date = (0, moment_1.default)(maxDate).isAfter(constants_1.DEFAULT_MAX_DATE_IN_POPUP) ? constants_1.DEFAULT_MAX_DATE_IN_POPUP : maxDate;
+    return (0, moment_1.default)(date);
+};
+exports.getEditorMaxDate = getEditorMaxDate;
+var getEditorMinDate = function (minDate) {
+    var date = (0, moment_1.default)(minDate).isBefore(constants_1.DEFAULT_MIN_DATE) ? constants_1.DEFAULT_MIN_DATE : minDate;
+    return (0, moment_1.default)(date);
+};
+exports.getEditorMinDate = getEditorMinDate;

package/cjs/hooks/useDateEditor/index.d.ts

@@ -0,0 +1 @@
+export { useDateEditor } from './useDateEditor';

package/cjs/hooks/useDateEditor/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateEditor = void 0;
+var useDateEditor_1 = require("./useDateEditor");
+Object.defineProperty(exports, "useDateEditor", { enumerable: true, get: function () { return useDateEditor_1.useDateEditor; } });

package/cjs/hooks/useDateEditor/useDateEditor.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDateEditor = void 0;
+var react_1 = require("react");
+var moment_1 = __importDefault(require("moment"));
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var helpers_1 = require("./helpers");
+var constants_1 = require("./constants");
+var _a = mdm_sdk_1.utils.dates, isValidMomentDateOrNull = _a.isValidMomentDateOrNull, isDateInRange = _a.isDateInRange, momentToDate = _a.momentToDate;
+var useDateEditor = function (_a) {
+    var minDateProp = _a.minDate, maxDateProp = _a.maxDate, value = _a.value, onChange = _a.onChange;
+    var _b = (0, react_1.useState)(null), error = _b[0], setError = _b[1];
+    var _c = (0, react_1.useState)(null), editorValue = _c[0], setEditorValue = _c[1];
+    var minDate = (0, react_1.useMemo)(function () { return mdm_sdk_1.utils.dates.clearDateTime((0, ramda_1.isNil)(minDateProp) ? constants_1.DEFAULT_MIN_DATE : minDateProp); }, [minDateProp]);
+    var maxDate = (0, react_1.useMemo)(function () { return mdm_sdk_1.utils.dates.clearDateTime((0, ramda_1.isNil)(maxDateProp) ? constants_1.DEFAULT_MAX_DATE : maxDateProp); }, [maxDateProp]);
+    var momentValue = (0, react_1.useMemo)(function () { return ((0, ramda_1.isNil)(value) ? null : (0, moment_1.default)(value)); }, [value]);
+    var editorMinDate = (0, react_1.useMemo)(function () { return (0, helpers_1.getEditorMinDate)(minDate); }, [minDate]);
+    var editorMaxDate = (0, react_1.useMemo)(function () { return (0, helpers_1.getEditorMaxDate)(maxDate); }, [maxDate]);
+    var errorMessage = (0, react_1.useMemo)(function () { return (0, helpers_1.getErrorMessage)(error); }, [error]);
+    var handleError = (0, react_1.useCallback)(function (error) {
+        if (!(0, helpers_1.isDateRangeError)(error))
+            setError(error);
+    }, []);
+    var handleChange = (0, react_1.useCallback)(function (value) {
+        setEditorValue(value);
+        if (isValidMomentDateOrNull(value) && isDateInRange(minDate, maxDate)(value)) {
+            onChange(momentToDate(value));
+        }
+    }, [minDate, maxDate, onChange]);
+    var debouncedHandleChange = (0, react_1.useCallback)((0, mdm_sdk_1.debounce)(handleChange, 0), [handleChange]);
+    (0, react_1.useEffect)(function () {
+        setEditorValue(function (prevEditorValue) {
+            var datesAreTheSame = (0, moment_1.default)(prevEditorValue).isSame(momentValue);
+            var datesAreInvalid = !isValidMomentDateOrNull(momentValue) && !isValidMomentDateOrNull(prevEditorValue);
+            return datesAreTheSame || datesAreInvalid ? prevEditorValue : momentValue;
+        });
+    }, [momentValue]);
+    (0, react_1.useEffect)(function () {
+        if (editorValue === null || editorValue === void 0 ? void 0 : editorValue.isAfter(maxDate)) {
+            setError('maxDate');
+        }
+        else if (editorValue === null || editorValue === void 0 ? void 0 : editorValue.isBefore(minDate)) {
+            setError('minDate');
+        }
+        else {
+            setError(function (prevError) { return ((0, helpers_1.isDateRangeError)(prevError) ? null : prevError); });
+        }
+    }, [editorValue, maxDate, minDate]);
+    return {
+        errorMessage: errorMessage,
+        editorValue: editorValue,
+        editorMinDate: editorMinDate,
+        editorMaxDate: editorMaxDate,
+        onChange: debouncedHandleChange,
+        onError: handleError
+    };
+};
+exports.useDateEditor = useDateEditor;

package/cjs/hooks/useMatchesLoader.d.ts

@@ -1,4 +1,4 @@
-import { Entity, Match, SortingField } from '@reltio/mdm-sdk';
+import { Entity, Match, SortingField, EntitiesMap } from '@reltio/mdm-sdk';
 type Props = {
     enabled: boolean;
     entity: Entity;
@@ -18,9 +18,7 @@ type Props = {
 export declare const useMatchesLoader: ({ enabled, entity, filter, rules, onFinishLoading, onStartLoading, options, page, rowsPerPage, sorting, markMatchedValues }: Props) => {
     total: number;
     matches: Match[];
-    entitiesMap: {
-        [key: string]: Pick<Entity, "label" | "type" | "uri">;
-    };
+    entitiesMap: EntitiesMap<Pick<Entity, "label" | "type" | "uri">>;
     loadMatches: () => void;
 };
 export {};

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/cjs/index.d.ts

@@ -67,6 +67,49 @@ export { SmallIconButton, SmallIconButtonWithTooltip } from './SmallIconButton';
 export { SourceIcon } from './SourceIcon';
 export { TableWithBars } from './TableWithBars';
 export { TreeChart } from './TreeChart';
+export { CollapseButton } from './CollapseButton';
+export { ColoredSourceIcon } from './ColoredSourceIcon';
+export { CommentsContainer } from './CommentsContainer';
+export { ConfirmationDialog } from './ConfirmationDialog';
+export { CollaborationItem } from './CollaborationItem';
+export { ConnectionRelationTypeSelector } from './ConnectionRelationTypeSelector';
+export { DataTenantBadge } from './DataTenantBadge';
+export { DataTypeValue } from './DataTypeValue';
+export { Drawer } from './Drawer';
+export { EmptyState, EMPTY_STATE_ICONS, EMPTY_STATE_VARIANTS } from './EmptyState';
+export { EntityAvatar } from './EntityAvatar';
+export { EntityTypeBadge } from './EntityTypeBadge';
+export { EntityTypeIcon } from './EntityTypeIcon';
+export { EntityTypesSelector } from './EntityTypesSelector';
+export { EntityUriLink } from './EntityUriLink';
+export { ErrorBoundary } from './ErrorBoundary';
+export { ErrorPopup } from './ErrorPopup';
+export { ExpandableSearchInput } from './ExpandableSearchInput';
+export { HideOnShrink } from './HideOnShrink';
+export { HierarchicalAttributeTooltip } from './HierarchicalAttributeTooltip';
+export { HierarchyNodeTitle } from './HierarchyNodeTitle';
+export { Highlighter } from './Highlighter';
+export { ReactSelectDropdownIndicator } from './ReactSelectDropdownIndicator';
+export { ReactSelectDropdownIndicatorWithIconButton } from './ReactSelectDropdownIndicatorWithIconButton';
+export { ReactSelectLoadMoreButton } from './ReactSelectLoadMoreButton';
+export { ReactSelectMenuList } from './ReactSelectMenuList';
+export { ReactSelectMenuWithPopper } from './ReactSelectMenuWithPopper';
+export { ReactSelectOptionWithCheckIcon } from './ReactSelectOptionWithCheckIcon';
+export { DropDownSelector } from './DropDownSelector';
+export { ConnectionEditor } from './ConnectionEditor';
+export { ConfigureColumnsPopup } from './ConfigureColumnsPopup';
+export { ErrorMessage } from './ErrorMessage';
+export { ErrorWrapper } from './ErrorWrapper';
+export { DateEditor } from './DateEditor';
+export { DataTypeValueEditor } from './DataTypeValueEditor';
+export { NumberEditor } from './NumberEditor';
+export { DateRangeEditor } from './DateRangeEditor';
+export { TextEditor } from './TextEditor';
+export { MultiValueChip } from './MultiValueChip';
+export { FilterValueEditor } from './FilterValueEditor';
+export { DropDownEditor } from './DropDownEditor';
+export { EmptySearchResult } from './EmptySearchResult';
+export { FileTypeEditor } from './FileTypeEditor';
 export { withChartDataPercents as withPercents } from './HOCs/withChartDataPercents';
 export { withFilterAtBottom } from './HOCs/withFilterAtBottom';
 export { withTableContext } from './HOCs/withTableContext';
@@ -86,3 +129,5 @@ export { TestStylesProvider } from './test-utils/TestStylesProvider';
 export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, mockBasicTableSizing, mockElementSizes, rerenderWrapper } from './test-utils';
 export { ActivityLog, ActivityLogFilter, useActivitiesLoader, useProfileActivitiesLoader, ActivityTypes } from './features/activity-log';
 export type { ActivitiesFilter, ActivityData } from './features/activity-log';
+export { groupCrosswalksByTypesAndSources, useCrosswalkActions, useModifiedEntity, CrosswalkEditor, SourceCrosswalksRow, CrosswalkDragLayer, AttributesTable, CrosswalkType } from './features/crosswalks';
+export type { CrosswalksByTypes, AddCrosswalkEvent, EditCrosswalkEvent, DeleteCrosswalkEvent } from './features/crosswalks';