@reltio/components 1.4.1519 → 1.4.1521

package/cjs/components/ProfileBandNavigation/hooks/useSearchNavigation.js

@@ -58,6 +58,7 @@ var useSearchNavigation = function () {
     var globalSearchRequestOptions = (0, react_redux_1.useSelector)(function (state) {
         return mdm_module_1.default.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']);
     });
+    var updateEntitiesNavigationLoadingState = (0, contexts_1.useEntityLoadingIndication)().updateEntitiesNavigationLoadingState;
     var viewId = (0, react_1.useContext)(contexts_1.ViewIdContext);
     var dispatch = (0, react_redux_1.useDispatch)();
     var _c = (0, react_1.useState)(false), loading = _c[0], setLoading = _c[1];
@@ -249,6 +250,12 @@ var useSearchNavigation = function () {
             stepForwardWithCheck(cache, cacheIndex, total, index);
         }
     }, [stepForwardWithCheck, cache, uri, total, index]);
+    (0, react_1.useEffect)(function () {
+        updateEntitiesNavigationLoadingState(loading);
+    }, [updateEntitiesNavigationLoadingState, loading]);
+    (0, react_1.useEffect)(function () {
+        return function () { return updateEntitiesNavigationLoadingState(false); };
+    }, []);
     var isPrevDisabled = loading || index <= 0;
     var isNextDisabled = loading || index >= total - 1;
     return { total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled };

package/cjs/contexts/EntityLoadingIndicationContext/index.d.ts

@@ -1,2 +1,13 @@
 import React from 'react';
-export declare const EntityLoadingIndicationContext: React.Context<(value: boolean) => void>;
+declare type ContextValue = {
+    isLoading: boolean;
+    updateEntityLoadingState: (loading: boolean) => void;
+    updateEntitiesNavigationLoadingState: (loading: boolean) => void;
+    resetLoadingState: () => void;
+};
+declare type Props = {
+    children: React.ReactNode;
+};
+export declare const EntityLoadingIndicationProvider: ({ children }: Props) => JSX.Element;
+export declare const useEntityLoadingIndication: () => ContextValue;
+export {};

package/cjs/contexts/EntityLoadingIndicationContext/index.js

@@ -1,10 +1,70 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EntityLoadingIndicationContext = void 0;
-var react_1 = __importDefault(require("react"));
+exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = void 0;
+var react_1 = __importStar(require("react"));
 var utils_1 = require("../../core/utils");
-exports.EntityLoadingIndicationContext = react_1.default.createContext(utils_1.noop);
-exports.EntityLoadingIndicationContext.displayName = 'EntityLoadingIndicationContext';
+var EntityLoadingIndicationContext = react_1.default.createContext({
+    isLoading: false,
+    updateEntityLoadingState: utils_1.noop,
+    updateEntitiesNavigationLoadingState: utils_1.noop,
+    resetLoadingState: utils_1.noop
+});
+var defaultLoadingState = { entitiesNavigation: false, entity: false };
+var useEntityLoadingIndicationHook = function () {
+    var _a = (0, react_1.useState)(defaultLoadingState), loadingState = _a[0], setLoadingState = _a[1];
+    var updateEntityLoadingState = (0, react_1.useCallback)(function (loading) {
+        setLoadingState(function (prevLoadingState) { return (__assign(__assign({}, prevLoadingState), { entity: loading })); });
+    }, []);
+    var updateEntitiesNavigationLoadingState = (0, react_1.useCallback)(function (loading) {
+        setLoadingState(function (prevLoadingState) { return (__assign(__assign({}, prevLoadingState), { entitiesNavigation: loading })); });
+    }, []);
+    var resetLoadingState = (0, react_1.useCallback)(function () {
+        setLoadingState(defaultLoadingState);
+    }, []);
+    var isLoading = Object.values(loadingState).includes(true);
+    return { isLoading: isLoading, updateEntityLoadingState: updateEntityLoadingState, updateEntitiesNavigationLoadingState: updateEntitiesNavigationLoadingState, resetLoadingState: resetLoadingState };
+};
+var EntityLoadingIndicationProvider = function (_a) {
+    var children = _a.children;
+    var value = useEntityLoadingIndicationHook();
+    return react_1.default.createElement(EntityLoadingIndicationContext.Provider, { value: value }, children);
+};
+exports.EntityLoadingIndicationProvider = EntityLoadingIndicationProvider;
+var useEntityLoadingIndication = function () {
+    return (0, react_1.useContext)(EntityLoadingIndicationContext);
+};
+exports.useEntityLoadingIndication = useEntityLoadingIndication;

package/cjs/contexts/ViewIdContext/index.d.ts

@@ -1,2 +1,2 @@
-export const ViewIdContext: React.Context<any>;
-import React from "react";
+import React from 'react';
+export declare const ViewIdContext: React.Context<string>;

package/cjs/contexts/index.d.ts

@@ -12,7 +12,7 @@ export { EntitiesMapContext } from './EntitiesMapContext';
 export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from './CrosswalksDisplayContext';
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
-export { EntityLoadingIndicationContext } from './EntityLoadingIndicationContext';
+export { EntityLoadingIndicationProvider, useEntityLoadingIndication } from './EntityLoadingIndicationContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityLoadingIndicationContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -36,7 +36,8 @@ Object.defineProperty(exports, "useAttributeExpanded", { enumerable: true, get:
 var EntityMarkerContext_1 = require("./EntityMarkerContext");
 Object.defineProperty(exports, "EntityMarkerContext", { enumerable: true, get: function () { return EntityMarkerContext_1.EntityMarkerContext; } });
 var EntityLoadingIndicationContext_1 = require("./EntityLoadingIndicationContext");
-Object.defineProperty(exports, "EntityLoadingIndicationContext", { enumerable: true, get: function () { return EntityLoadingIndicationContext_1.EntityLoadingIndicationContext; } });
+Object.defineProperty(exports, "EntityLoadingIndicationProvider", { enumerable: true, get: function () { return EntityLoadingIndicationContext_1.EntityLoadingIndicationProvider; } });
+Object.defineProperty(exports, "useEntityLoadingIndication", { enumerable: true, get: function () { return EntityLoadingIndicationContext_1.useEntityLoadingIndication; } });
 var WorkflowTasksContext_1 = require("./WorkflowTasksContext");
 Object.defineProperty(exports, "WorkflowTasksContext", { enumerable: true, get: function () { return WorkflowTasksContext_1.WorkflowTasksContext; } });
 var RelatedObjectUrisContext_1 = require("./RelatedObjectUrisContext");

package/esm/components/ProfileBandNavigation/hooks/useSearchNavigation.js

@@ -12,7 +12,7 @@ import { useDispatch, useSelector } from 'react-redux';
 import mdmModule, { search as mdmModuleSearch, ui as mdmModuleUi } from '@reltio/mdm-module';
 import { getEntityUriForLink } from '@reltio/mdm-sdk';
 import { map, pipe, prop, reject } from 'ramda';
-import { useActionsHook, ViewIdContext } from '../../../contexts';
+import { useEntityLoadingIndication, useActionsHook, ViewIdContext } from '../../../contexts';
 import { useSafePromise } from '../../../hooks';
 import { getSearchProvider } from '../searchProviders/SearchProviderFactory';
 import { applyMergeToSearchNavigationData } from '../helpers';
@@ -32,6 +32,7 @@ var useSearchNavigation = function () {
     var globalSearchRequestOptions = useSelector(function (state) {
         return mdmModule.selectors.getGlobalSearchRequestOptions(state, ['ovOnly']);
     });
+    var updateEntitiesNavigationLoadingState = useEntityLoadingIndication().updateEntitiesNavigationLoadingState;
     var viewId = useContext(ViewIdContext);
     var dispatch = useDispatch();
     var _c = useState(false), loading = _c[0], setLoading = _c[1];
@@ -223,6 +224,12 @@ var useSearchNavigation = function () {
             stepForwardWithCheck(cache, cacheIndex, total, index);
         }
     }, [stepForwardWithCheck, cache, uri, total, index]);
+    useEffect(function () {
+        updateEntitiesNavigationLoadingState(loading);
+    }, [updateEntitiesNavigationLoadingState, loading]);
+    useEffect(function () {
+        return function () { return updateEntitiesNavigationLoadingState(false); };
+    }, []);
     var isPrevDisabled = loading || index <= 0;
     var isNextDisabled = loading || index >= total - 1;
     return { total: total, onPrev: onPrev, onNext: onNext, onSearchResultsClick: onSearchResultsClick, isPrevDisabled: isPrevDisabled, isNextDisabled: isNextDisabled };

package/esm/contexts/EntityLoadingIndicationContext/index.d.ts

@@ -1,2 +1,13 @@
 import React from 'react';
-export declare const EntityLoadingIndicationContext: React.Context<(value: boolean) => void>;
+declare type ContextValue = {
+    isLoading: boolean;
+    updateEntityLoadingState: (loading: boolean) => void;
+    updateEntitiesNavigationLoadingState: (loading: boolean) => void;
+    resetLoadingState: () => void;
+};
+declare type Props = {
+    children: React.ReactNode;
+};
+export declare const EntityLoadingIndicationProvider: ({ children }: Props) => JSX.Element;
+export declare const useEntityLoadingIndication: () => ContextValue;
+export {};

package/esm/contexts/EntityLoadingIndicationContext/index.js

@@ -1,4 +1,42 @@
-import React from 'react';
+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, { useState, useCallback, useContext } from 'react';
 import { noop } from '../../core/utils';
-export var EntityLoadingIndicationContext = React.createContext(noop);
-EntityLoadingIndicationContext.displayName = 'EntityLoadingIndicationContext';
+var EntityLoadingIndicationContext = React.createContext({
+    isLoading: false,
+    updateEntityLoadingState: noop,
+    updateEntitiesNavigationLoadingState: noop,
+    resetLoadingState: noop
+});
+var defaultLoadingState = { entitiesNavigation: false, entity: false };
+var useEntityLoadingIndicationHook = function () {
+    var _a = useState(defaultLoadingState), loadingState = _a[0], setLoadingState = _a[1];
+    var updateEntityLoadingState = useCallback(function (loading) {
+        setLoadingState(function (prevLoadingState) { return (__assign(__assign({}, prevLoadingState), { entity: loading })); });
+    }, []);
+    var updateEntitiesNavigationLoadingState = useCallback(function (loading) {
+        setLoadingState(function (prevLoadingState) { return (__assign(__assign({}, prevLoadingState), { entitiesNavigation: loading })); });
+    }, []);
+    var resetLoadingState = useCallback(function () {
+        setLoadingState(defaultLoadingState);
+    }, []);
+    var isLoading = Object.values(loadingState).includes(true);
+    return { isLoading: isLoading, updateEntityLoadingState: updateEntityLoadingState, updateEntitiesNavigationLoadingState: updateEntitiesNavigationLoadingState, resetLoadingState: resetLoadingState };
+};
+export var EntityLoadingIndicationProvider = function (_a) {
+    var children = _a.children;
+    var value = useEntityLoadingIndicationHook();
+    return React.createElement(EntityLoadingIndicationContext.Provider, { value: value }, children);
+};
+export var useEntityLoadingIndication = function () {
+    return useContext(EntityLoadingIndicationContext);
+};

package/esm/contexts/ViewIdContext/index.d.ts

@@ -1,2 +1,2 @@
-export const ViewIdContext: React.Context<any>;
-import React from "react";
+import React from 'react';
+export declare const ViewIdContext: React.Context<string>;

package/esm/contexts/index.d.ts

@@ -12,7 +12,7 @@ export { EntitiesMapContext } from './EntitiesMapContext';
 export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from './CrosswalksDisplayContext';
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
-export { EntityLoadingIndicationContext } from './EntityLoadingIndicationContext';
+export { EntityLoadingIndicationProvider, useEntityLoadingIndication } from './EntityLoadingIndicationContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';

package/esm/contexts/index.js

@@ -12,7 +12,7 @@ export { EntitiesMapContext } from './EntitiesMapContext';
 export { CrosswalksDisplayProvider, useCrosswalkColor, useCrosswalkFocus, useCrosswalkHighlight, useHighlightedCrosswalks } from './CrosswalksDisplayContext';
 export { ExpandedAttributesProvider, useAttributeExpanded } from './ExpandedAttributesContext';
 export { EntityMarkerContext } from './EntityMarkerContext';
-export { EntityLoadingIndicationContext } from './EntityLoadingIndicationContext';
+export { EntityLoadingIndicationProvider, useEntityLoadingIndication } from './EntityLoadingIndicationContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';

package/package.json

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