@reltio/components 1.4.1669 → 1.4.1670

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

@@ -1,6 +1,7 @@
 import React from 'react';
 type ContextValue = {
     isLoading: boolean;
+    isEmptyState: boolean;
     updateEntityLoadingState: (loading: boolean) => void;
     updateEntitiesNavigationLoadingState: (loading: boolean) => void;
     resetLoadingState: () => void;

package/cjs/contexts/EntityLoadingIndicationContext/index.js

@@ -36,14 +36,17 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = void 0;
 var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
 var utils_1 = require("../../core/utils");
+var contexts_1 = require("../../contexts");
 var EntityLoadingIndicationContext = react_1.default.createContext({
     isLoading: false,
+    isEmptyState: false,
     updateEntityLoadingState: utils_1.noop,
     updateEntitiesNavigationLoadingState: utils_1.noop,
     resetLoadingState: utils_1.noop
 });
-var defaultLoadingState = { entitiesNavigation: false, entity: false };
+var defaultLoadingState = { entitiesNavigation: false, entity: false, entityCleansing: 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) {
@@ -52,11 +55,29 @@ var useEntityLoadingIndicationHook = function () {
     var updateEntitiesNavigationLoadingState = (0, react_1.useCallback)(function (loading) {
         setLoadingState(function (prevLoadingState) { return (__assign(__assign({}, prevLoadingState), { entitiesNavigation: loading })); });
     }, []);
+    var updateEntityCleansingLoadingState = (0, react_1.useCallback)(function (loading) {
+        setLoadingState(function (prevLoadingState) { return (__assign(__assign({}, prevLoadingState), { entityCleansing: loading })); });
+    }, []);
     var resetLoadingState = (0, react_1.useCallback)(function () {
         setLoadingState(defaultLoadingState);
     }, []);
+    var listenToActions = (0, contexts_1.useActionsHook)();
+    var cleanseLoadingListener = (0, contexts_1.useMdmListener)('cleanseLoadingListener');
+    var listenerCallback = (0, react_1.useMemo)(function () { return cleanseLoadingListener(updateEntityCleansingLoadingState); }, [cleanseLoadingListener, updateEntityCleansingLoadingState]);
+    (0, react_1.useEffect)(function () {
+        var stopListeningActions = listenToActions(listenerCallback);
+        return function () { return stopListeningActions(); };
+    }, [listenerCallback, listenToActions]);
     var isLoading = Object.values(loadingState).includes(true);
-    return { isLoading: isLoading, updateEntityLoadingState: updateEntityLoadingState, updateEntitiesNavigationLoadingState: updateEntitiesNavigationLoadingState, resetLoadingState: resetLoadingState };
+    var isEmptyState = (0, ramda_1.pipe)((0, ramda_1.omit)(['entityCleansing']), ramda_1.values, (0, ramda_1.includes)(true))(loadingState);
+    return {
+        isLoading: isLoading,
+        isEmptyState: isEmptyState,
+        updateEntityLoadingState: updateEntityLoadingState,
+        updateEntitiesNavigationLoadingState: updateEntitiesNavigationLoadingState,
+        updateEntityCleansingLoadingState: updateEntityCleansingLoadingState,
+        resetLoadingState: resetLoadingState
+    };
 };
 var EntityLoadingIndicationProvider = function (_a) {
     var children = _a.children;

package/cjs/contexts/MdmModuleContext/context.d.ts

@@ -121,6 +121,7 @@ export type MdmModuleActionsContextProps = Partial<{
 }>;
 export type MdmModuleListenersContextProps = Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
+    cleanseLoadingListener: (callback: (value: boolean) => void) => (action: AnyAction) => void;
     searchNavigationListener: (action: AnyAction, state: any, dispatch: (action: AnyAction) => void) => void;
 }>;
 export declare const MdmModuleActionsContext: import("@fluentui/react-context-selector").Context<Partial<{
@@ -244,5 +245,6 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
+    cleanseLoadingListener: (callback: (value: boolean) => void) => (action: AnyAction) => void;
     searchNavigationListener: (action: AnyAction, state: any, dispatch: (action: AnyAction) => void) => void;
 }>>;

package/cjs/contexts/MdmModuleContext/hooks.d.ts

@@ -136,7 +136,8 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     addRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
     editRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
 }>[T];
-export declare const useMdmListener: <T extends "expandInvalidRelatonsListener" | "searchNavigationListener">(listener: T) => Partial<{
+export declare const useMdmListener: <T extends "expandInvalidRelatonsListener" | "cleanseLoadingListener" | "searchNavigationListener">(listener: T) => Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
+    cleanseLoadingListener: (callback: (value: boolean) => void) => (action: import("../..").AnyAction) => void;
     searchNavigationListener: (action: import("../..").AnyAction, state: any, dispatch: (action: import("../..").AnyAction) => void) => void;
 }>[T];

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

@@ -1,6 +1,7 @@
 import React from 'react';
 type ContextValue = {
     isLoading: boolean;
+    isEmptyState: boolean;
     updateEntityLoadingState: (loading: boolean) => void;
     updateEntitiesNavigationLoadingState: (loading: boolean) => void;
     resetLoadingState: () => void;

package/esm/contexts/EntityLoadingIndicationContext/index.js

@@ -9,15 +9,18 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useState, useCallback, useContext } from 'react';
+import React, { useCallback, useContext, useEffect, useState, useMemo } from 'react';
+import { includes, omit, pipe, values } from 'ramda';
 import { noop } from '../../core/utils';
+import { useActionsHook, useMdmListener } from '../../contexts';
 var EntityLoadingIndicationContext = React.createContext({
     isLoading: false,
+    isEmptyState: false,
     updateEntityLoadingState: noop,
     updateEntitiesNavigationLoadingState: noop,
     resetLoadingState: noop
 });
-var defaultLoadingState = { entitiesNavigation: false, entity: false };
+var defaultLoadingState = { entitiesNavigation: false, entity: false, entityCleansing: false };
 var useEntityLoadingIndicationHook = function () {
     var _a = useState(defaultLoadingState), loadingState = _a[0], setLoadingState = _a[1];
     var updateEntityLoadingState = useCallback(function (loading) {
@@ -26,11 +29,29 @@ var useEntityLoadingIndicationHook = function () {
     var updateEntitiesNavigationLoadingState = useCallback(function (loading) {
         setLoadingState(function (prevLoadingState) { return (__assign(__assign({}, prevLoadingState), { entitiesNavigation: loading })); });
     }, []);
+    var updateEntityCleansingLoadingState = useCallback(function (loading) {
+        setLoadingState(function (prevLoadingState) { return (__assign(__assign({}, prevLoadingState), { entityCleansing: loading })); });
+    }, []);
     var resetLoadingState = useCallback(function () {
         setLoadingState(defaultLoadingState);
     }, []);
+    var listenToActions = useActionsHook();
+    var cleanseLoadingListener = useMdmListener('cleanseLoadingListener');
+    var listenerCallback = useMemo(function () { return cleanseLoadingListener(updateEntityCleansingLoadingState); }, [cleanseLoadingListener, updateEntityCleansingLoadingState]);
+    useEffect(function () {
+        var stopListeningActions = listenToActions(listenerCallback);
+        return function () { return stopListeningActions(); };
+    }, [listenerCallback, listenToActions]);
     var isLoading = Object.values(loadingState).includes(true);
-    return { isLoading: isLoading, updateEntityLoadingState: updateEntityLoadingState, updateEntitiesNavigationLoadingState: updateEntitiesNavigationLoadingState, resetLoadingState: resetLoadingState };
+    var isEmptyState = pipe(omit(['entityCleansing']), values, includes(true))(loadingState);
+    return {
+        isLoading: isLoading,
+        isEmptyState: isEmptyState,
+        updateEntityLoadingState: updateEntityLoadingState,
+        updateEntitiesNavigationLoadingState: updateEntitiesNavigationLoadingState,
+        updateEntityCleansingLoadingState: updateEntityCleansingLoadingState,
+        resetLoadingState: resetLoadingState
+    };
 };
 export var EntityLoadingIndicationProvider = function (_a) {
     var children = _a.children;

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

@@ -121,6 +121,7 @@ export type MdmModuleActionsContextProps = Partial<{
 }>;
 export type MdmModuleListenersContextProps = Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
+    cleanseLoadingListener: (callback: (value: boolean) => void) => (action: AnyAction) => void;
     searchNavigationListener: (action: AnyAction, state: any, dispatch: (action: AnyAction) => void) => void;
 }>;
 export declare const MdmModuleActionsContext: import("@fluentui/react-context-selector").Context<Partial<{
@@ -244,5 +245,6 @@ export declare const MdmModuleValuesContext: import("@fluentui/react-context-sel
 }>>;
 export declare const MdmModuleListenersContext: import("@fluentui/react-context-selector").Context<Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
+    cleanseLoadingListener: (callback: (value: boolean) => void) => (action: AnyAction) => void;
     searchNavigationListener: (action: AnyAction, state: any, dispatch: (action: AnyAction) => void) => void;
 }>>;

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

@@ -136,7 +136,8 @@ export declare const useMdmAction: <T extends "openSearch" | "openHistoryEvent"
     addRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
     editRelation: (id: string, connection: import("@reltio/mdm-sdk").Connection) => void;
 }>[T];
-export declare const useMdmListener: <T extends "expandInvalidRelatonsListener" | "searchNavigationListener">(listener: T) => Partial<{
+export declare const useMdmListener: <T extends "expandInvalidRelatonsListener" | "cleanseLoadingListener" | "searchNavigationListener">(listener: T) => Partial<{
     expandInvalidRelatonsListener: (callback: () => void) => (action: any) => void;
+    cleanseLoadingListener: (callback: (value: boolean) => void) => (action: import("../..").AnyAction) => void;
     searchNavigationListener: (action: import("../..").AnyAction, state: any, dispatch: (action: import("../..").AnyAction) => void) => void;
 }>[T];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1669",
+  "version": "1.4.1670",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@date-io/moment": "^1.3.5",
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1669",
+    "@reltio/mdm-sdk": "^1.4.1670",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",