@reltio/components 1.4.1055 → 1.4.1059

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { RequestStates } from '../../types';
+declare type Props = {
+    children: React.ReactNode;
+};
+export declare const ReloadFacetProvider: ({ children }: Props) => JSX.Element;
+export declare const useReloadAllFacets: () => any;
+declare type useReloadFacetProps = {
+    state: RequestStates;
+    reload: () => void;
+};
+export declare const useReloadFacet: ({ state, reload }: useReloadFacetProps) => void;
+export {};

package/esm/contexts/ReloadFacetContext/index.js

@@ -0,0 +1,32 @@
+import React, { createContext, useCallback, useContext, useEffect, useState } from 'react';
+import { RequestStates } from '../../types';
+var ReloadFacetSignalContext = createContext(null);
+var ReloadFacetActionContext = createContext(null);
+export var ReloadFacetProvider = function (_a) {
+    var children = _a.children;
+    var _b = useState(0), refreshSignal = _b[0], setRefreshSignal = _b[1];
+    var refreshAll = useCallback(function () {
+        setRefreshSignal(function (signal) { return signal + 1; });
+    }, [setRefreshSignal]);
+    return (React.createElement(ReloadFacetActionContext.Provider, { value: refreshAll },
+        React.createElement(ReloadFacetSignalContext.Provider, { value: refreshSignal }, children)));
+};
+export var useReloadAllFacets = function () {
+    var refreshAll = useContext(ReloadFacetActionContext);
+    if (refreshAll === undefined) {
+        throw new Error('useReloadAllFacets must be used within a ReloadFacetProvider');
+    }
+    return refreshAll;
+};
+export var useReloadFacet = function (_a) {
+    var state = _a.state, reload = _a.reload;
+    var refreshSignal = useContext(ReloadFacetSignalContext);
+    if (refreshSignal === undefined) {
+        throw new Error('useReloadFacet must be used within a ReloadFacetProvider');
+    }
+    useEffect(function () {
+        if (state === RequestStates.LOADED || state === RequestStates.ERROR) {
+            reload();
+        }
+    }, [refreshSignal]);
+};

package/esm/contexts/index.d.ts

@@ -15,3 +15,4 @@ export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';
+export { useReloadAllFacets, ReloadFacetProvider, useReloadFacet } from './ReloadFacetContext';

package/esm/contexts/index.js

@@ -15,3 +15,4 @@ export { EntityMarkerContext } from './EntityMarkerContext';
 export { WorkflowTasksContext } from './WorkflowTasksContext';
 export { RelatedObjectUrisContext } from './RelatedObjectUrisContext';
 export { EntityContext } from './EntityContext';
+export { useReloadAllFacets, ReloadFacetProvider, useReloadFacet } from './ReloadFacetContext';

package/esm/hooks/index.d.ts

@@ -15,3 +15,4 @@ export { useMatchesLoader } from './useMatchesLoader';
 export { usePagingSimulator } from './usePagingSimulator';
 export { useMergeAllRequest } from './useMergeAllRequest';
 export { useMarkAsNotMatchRequest } from './useMarkAsNotMatchRequest';
+export { useEditableConnection } from './useEditableConnection';

package/esm/hooks/index.js

@@ -15,3 +15,4 @@ export { useMatchesLoader } from './useMatchesLoader';
 export { usePagingSimulator } from './usePagingSimulator';
 export { useMergeAllRequest } from './useMergeAllRequest';
 export { useMarkAsNotMatchRequest } from './useMarkAsNotMatchRequest';
+export { useEditableConnection } from './useEditableConnection';

package/esm/hooks/useEditableConnection.d.ts

@@ -0,0 +1,12 @@
+import { EditingConnection, AttributeItem } from '@reltio/mdm-sdk';
+declare type EditRelationActions = {
+    onChangeAttribute: (attribute: AttributeItem) => void;
+    onAddAttributes: (attributes: AttributeItem[]) => void;
+    onRemoveAttribute: (attrbutes: AttributeItem) => void;
+};
+declare type Props = {
+    connection: EditingConnection;
+    onConnectionChange: (newConnection: EditingConnection) => void;
+};
+export declare const useEditableConnection: ({ connection, onConnectionChange }: Props) => EditRelationActions;
+export {};

package/esm/hooks/useEditableConnection.js

@@ -0,0 +1,38 @@
+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 { useCallback } from 'react';
+import { pipe } from 'ramda';
+import { removeEntityAttribute, addEntityAttributes, changeEntityAttribute } from '@reltio/mdm-sdk';
+export var useEditableConnection = function (_a) {
+    var connection = _a.connection, onConnectionChange = _a.onConnectionChange;
+    var onRelationChange = useCallback(function (relation) { return onConnectionChange(__assign(__assign({}, connection), { relation: relation })); }, [
+        connection,
+        onConnectionChange
+    ]);
+    var handleAddAttributes = useCallback(pipe(addEntityAttributes(connection.relation), onRelationChange), [
+        connection.relation,
+        onRelationChange
+    ]);
+    var handleChangeAttribute = useCallback(pipe(changeEntityAttribute(connection.relation), onRelationChange), [
+        connection.relation,
+        onRelationChange
+    ]);
+    var handleRemoveAttribute = useCallback(pipe(removeEntityAttribute(connection.relation), onRelationChange), [
+        connection.relation,
+        onRelationChange
+    ]);
+    return {
+        onAddAttributes: handleAddAttributes,
+        onChangeAttribute: handleChangeAttribute,
+        onRemoveAttribute: handleRemoveAttribute
+    };
+};

package/esm/types/index.d.ts

@@ -57,3 +57,9 @@ export declare type QueryBuilderAttribute = {
     filter: string;
     operator: string;
 };
+export declare enum RequestStates {
+    INIT = "init",
+    LOADING = "loading",
+    LOADED = "loaded",
+    ERROR = "error"
+}

package/esm/types/index.js

@@ -4,3 +4,10 @@ export var DateRangeTypes;
     DateRangeTypes["AGO"] = "ago";
     DateRangeTypes["BETWEEN"] = "between";
 })(DateRangeTypes || (DateRangeTypes = {}));
+export var RequestStates;
+(function (RequestStates) {
+    RequestStates["INIT"] = "init";
+    RequestStates["LOADING"] = "loading";
+    RequestStates["LOADED"] = "loaded";
+    RequestStates["ERROR"] = "error";
+})(RequestStates || (RequestStates = {}));

package/package.json

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