@reltio/components 1.4.1248 → 1.4.1249

package/cjs/components/workflow/hooks/useWorkflowAssignee.d.ts

@@ -5,7 +5,7 @@ declare type AssigneeOption = {
 };
 export declare const useWorkflowAssignee: ({ assignee, taskId, isOpen }: Partial<Pick<WorkflowTaskData, 'taskId' | 'assignee' | 'isOpen'>>) => {
     assignee: AssigneeOption;
-    getAssignees: (text: any) => Promise<void | unknown[]>;
+    getAssignees: (text: any) => Promise<void | AssigneeOption[]>;
     updateAssignee: (newValue: AssigneeOption) => void;
     updateRequestIsInProgress: boolean;
     readOnly: boolean;

package/cjs/hooks/useAPI/useAPI.d.ts

@@ -10,4 +10,5 @@ export declare const useAPI: (config?: CustomViewConfig) => {
         pointerEvents?: CSSProperties['pointerEvents'];
     };
     onClick: () => void;
+    popup: HTMLElement;
 };

package/cjs/hooks/useAPI/useAPI.js

@@ -45,9 +45,11 @@ var useAPI = function (config) {
     if (config === void 0) { config = {}; }
     var _c = react_1.useState(), html = _c[0], setHtml = _c[1];
     var _d = react_1.useState([]), listenersToReset = _d[0], setListenersToReset = _d[1];
-    var _e = react_1.useState(true), visible = _e[0], setVisible = _e[1];
-    var _f = react_1.useState(null), tooltip = _f[0], setTooltip = _f[1];
-    var _g = react_1.useState({}), customStyles = _g[0], setCustomStyles = _g[1];
+    var _e = react_1.useState([]), popupListenersToReset = _e[0], setPopupListenersToReset = _e[1];
+    var _f = react_1.useState(true), visible = _f[0], setVisible = _f[1];
+    var _g = react_1.useState(), popup = _g[0], setPopup = _g[1];
+    var _h = react_1.useState(null), tooltip = _h[0], setTooltip = _h[1];
+    var _j = react_1.useState({}), customStyles = _j[0], setCustomStyles = _j[1];
     var workerRef = react_1.useRef();
     var requestListeners = react_1.useRef({});
     var responseListeners = react_1.useRef({});
@@ -68,11 +70,12 @@ var useAPI = function (config) {
     var user = react_redux_1.useSelector(mdm_module_1.default.selectors.getUser);
     var entityUri = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntityUri);
     var environment = react_redux_1.useSelector(mdm_module_1.default.selectors.getWorkflowEnvironmentUrl);
-    var _h = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _h.type, search = _h.data;
+    var _k = react_redux_1.useSelector(mdm_module_1.default.selectors.getSearchProviderData) || {}, typeSearch = _k.type, search = _k.data;
     var isOldUI = !helpers_1.isNewUI(servicesPath);
     var supportedInterceptHandlers = isOldUI ? qxApi.interceptors : interceptHandlers;
     var openSearch = function (search) { return dispatch(mdm_module_1.ui.actions.openSearch(search)); };
     var innerText = '';
+    var popupText = '';
     var process = function (_a) {
         var _b, _c;
         var task = _a.task, worker = _a.worker;
@@ -96,10 +99,33 @@ var useAPI = function (config) {
                     }
                     break;
                 }
+                case mdm_sdk_1.CustomAction.SHOW_POPUP: {
+                    popupText = task.params;
+                    helpers_1.resetHtml({
+                        worker: worker,
+                        setTooltip: setTooltip,
+                        html: task.params,
+                        innerText: popupText,
+                        setListenersToReset: setPopupListenersToReset,
+                        setHtml: setPopup
+                    });
+                    break;
+                }
+                case mdm_sdk_1.CustomAction.HIDE_POPUP: {
+                    popupText = '';
+                    setPopup(null);
+                    break;
+                }
                 case mdm_sdk_1.CustomAction.SET_VISIBILITY: {
                     if (task.params === 'visible') {
                         setVisible(true);
-                        helpers_1.resetHtml({ worker: worker, setTooltip: setTooltip, innerText: innerText, setListenersToReset: setListenersToReset, setHtml: setHtml });
+                        helpers_1.resetHtml({
+                            worker: worker,
+                            setTooltip: setTooltip,
+                            innerText: innerText,
+                            setListenersToReset: setListenersToReset,
+                            setHtml: setHtml
+                        });
                     }
                     else {
                         setVisible(false);
@@ -204,6 +230,10 @@ var useAPI = function (config) {
     react_1.useEffect(function () { return function () {
         listenersToReset.forEach(function (listener) { return listener(); });
     }; }, [listenersToReset]);
+    //we need to have separate handlers in opposite case main window listeners will be removed on the popup appear
+    react_1.useEffect(function () { return function () {
+        popupListenersToReset.forEach(function (listener) { return listener(); });
+    }; }, [popupListenersToReset, listenersToReset]);
     var onClick = react_1.useCallback(function () {
         var _a;
         (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({
@@ -235,6 +265,6 @@ var useAPI = function (config) {
             }
         }
     }, [config]);
-    return { html: html, visible: visible, tooltip: tooltip, customStyles: customStyles, onClick: onClick };
+    return { html: html, visible: visible, tooltip: tooltip, customStyles: customStyles, onClick: onClick, popup: popup };
 };
 exports.useAPI = useAPI;

package/cjs/hooks/useCommentsEntitiesMap.js

@@ -43,15 +43,11 @@ var useCommentsEntitiesMap = function (comments) {
     }, [safePromise]);
     var getNotFoundEntity = function (entityUri) {
         return mdm_sdk_1.getEntity(entityUri, { options: SELECT_OPTION })
-            .then(function (entity) { return ({
-            uri: entityUri,
-            label: entity.label,
-            type: entity.type
-        }); })
+            .then(function (entity) { return (__assign(__assign({}, entity), { uri: entityUri })); })
             .catch(function () { return ({}); });
     };
     var addNotFoundEntities = react_1.useCallback(function (entitiesUris, entities) {
-        return safePromise(Promise.all((entitiesUris || []).map(getNotFoundEntity))).then(ramda_1.pipe(ramda_1.reject(ramda_1.isEmpty), ramda_1.concat(entities)));
+        return safePromise(Promise.all((entitiesUris || []).map(getNotFoundEntity))).then(function (notFoundEntities) { return ramda_1.pipe(ramda_1.reject(ramda_1.isEmpty), ramda_1.concat(entities))(notFoundEntities); });
     }, [safePromise]);
     react_1.useEffect(function () {
         var uniqEntitiesUris = ramda_1.pipe(ramda_1.reduce(function (entitiesUris, comment) {

package/cjs/hooks/useCustomScripts.js

@@ -185,7 +185,7 @@ var useCustomScripts = function (config) {
                 url: fakeURL,
                 method: options.method,
                 headers: __assign(__assign({}, options.headers), { origin: 'ui', requestId: requestId, actionId: actionId }),
-                data: options
+                data: options.body
             });
         }
         else {

package/cjs/hooks/useSafePromise.d.ts

@@ -1,4 +1,6 @@
-export function useSafePromise({ cancelPrevious, cancelOnUnmount }?: {
+declare type Options = {
     cancelPrevious?: boolean;
     cancelOnUnmount?: boolean;
-}): (promise: any) => Promise<any>;
+};
+export declare const useSafePromise: ({ cancelPrevious, cancelOnUnmount }?: Options) => <T>(promise: Promise<T>) => Promise<T>;
+export {};

package/esm/components/workflow/hooks/useWorkflowAssignee.d.ts

@@ -5,7 +5,7 @@ declare type AssigneeOption = {
 };
 export declare const useWorkflowAssignee: ({ assignee, taskId, isOpen }: Partial<Pick<WorkflowTaskData, 'taskId' | 'assignee' | 'isOpen'>>) => {
     assignee: AssigneeOption;
-    getAssignees: (text: any) => Promise<void | unknown[]>;
+    getAssignees: (text: any) => Promise<void | AssigneeOption[]>;
     updateAssignee: (newValue: AssigneeOption) => void;
     updateRequestIsInProgress: boolean;
     readOnly: boolean;

package/esm/hooks/useAPI/useAPI.d.ts

@@ -10,4 +10,5 @@ export declare const useAPI: (config?: CustomViewConfig) => {
         pointerEvents?: CSSProperties['pointerEvents'];
     };
     onClick: () => void;
+    popup: HTMLElement;
 };

package/esm/hooks/useAPI/useAPI.js

@@ -23,9 +23,11 @@ export var useAPI = function (config) {
     if (config === void 0) { config = {}; }
     var _c = useState(), html = _c[0], setHtml = _c[1];
     var _d = useState([]), listenersToReset = _d[0], setListenersToReset = _d[1];
-    var _e = useState(true), visible = _e[0], setVisible = _e[1];
-    var _f = useState(null), tooltip = _f[0], setTooltip = _f[1];
-    var _g = useState({}), customStyles = _g[0], setCustomStyles = _g[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 requestListeners = useRef({});
     var responseListeners = useRef({});
@@ -46,11 +48,12 @@ export var useAPI = function (config) {
     var user = useSelector(mdmModule.selectors.getUser);
     var entityUri = useSelector(mdmModule.selectors.getEntityUri);
     var environment = useSelector(mdmModule.selectors.getWorkflowEnvironmentUrl);
-    var _h = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _h.type, search = _h.data;
+    var _k = useSelector(mdmModule.selectors.getSearchProviderData) || {}, typeSearch = _k.type, search = _k.data;
     var isOldUI = !isNewUI(servicesPath);
     var supportedInterceptHandlers = isOldUI ? qxApi.interceptors : interceptHandlers;
     var openSearch = function (search) { return dispatch(ui.actions.openSearch(search)); };
     var innerText = '';
+    var popupText = '';
     var process = function (_a) {
         var _b, _c;
         var task = _a.task, worker = _a.worker;
@@ -74,10 +77,33 @@ export var useAPI = function (config) {
                     }
                     break;
                 }
+                case CustomAction.SHOW_POPUP: {
+                    popupText = task.params;
+                    resetHtml({
+                        worker: worker,
+                        setTooltip: setTooltip,
+                        html: task.params,
+                        innerText: popupText,
+                        setListenersToReset: setPopupListenersToReset,
+                        setHtml: setPopup
+                    });
+                    break;
+                }
+                case CustomAction.HIDE_POPUP: {
+                    popupText = '';
+                    setPopup(null);
+                    break;
+                }
                 case CustomAction.SET_VISIBILITY: {
                     if (task.params === 'visible') {
                         setVisible(true);
-                        resetHtml({ worker: worker, setTooltip: setTooltip, innerText: innerText, setListenersToReset: setListenersToReset, setHtml: setHtml });
+                        resetHtml({
+                            worker: worker,
+                            setTooltip: setTooltip,
+                            innerText: innerText,
+                            setListenersToReset: setListenersToReset,
+                            setHtml: setHtml
+                        });
                     }
                     else {
                         setVisible(false);
@@ -182,6 +208,10 @@ export var useAPI = function (config) {
     useEffect(function () { return function () {
         listenersToReset.forEach(function (listener) { return listener(); });
     }; }, [listenersToReset]);
+    //we need to have separate handlers in opposite case main window listeners will be removed on the popup appear
+    useEffect(function () { return function () {
+        popupListenersToReset.forEach(function (listener) { return listener(); });
+    }; }, [popupListenersToReset, listenersToReset]);
     var onClick = useCallback(function () {
         var _a;
         (_a = workerRef.current) === null || _a === void 0 ? void 0 : _a.postMessage({
@@ -213,5 +243,5 @@ export var useAPI = function (config) {
             }
         }
     }, [config]);
-    return { html: html, visible: visible, tooltip: tooltip, customStyles: customStyles, onClick: onClick };
+    return { html: html, visible: visible, tooltip: tooltip, customStyles: customStyles, onClick: onClick, popup: popup };
 };

package/esm/hooks/useCommentsEntitiesMap.js

@@ -37,15 +37,11 @@ export var useCommentsEntitiesMap = function (comments) {
     }, [safePromise]);
     var getNotFoundEntity = function (entityUri) {
         return getEntity(entityUri, { options: SELECT_OPTION })
-            .then(function (entity) { return ({
-            uri: entityUri,
-            label: entity.label,
-            type: entity.type
-        }); })
+            .then(function (entity) { return (__assign(__assign({}, entity), { uri: entityUri })); })
             .catch(function () { return ({}); });
     };
     var addNotFoundEntities = useCallback(function (entitiesUris, entities) {
-        return safePromise(Promise.all((entitiesUris || []).map(getNotFoundEntity))).then(pipe(reject(isEmpty), concat(entities)));
+        return safePromise(Promise.all((entitiesUris || []).map(getNotFoundEntity))).then(function (notFoundEntities) { return pipe(reject(isEmpty), concat(entities))(notFoundEntities); });
     }, [safePromise]);
     useEffect(function () {
         var uniqEntitiesUris = pipe(reduce(function (entitiesUris, comment) {

package/esm/hooks/useCustomScripts.js

@@ -160,7 +160,7 @@ export var useCustomScripts = function (config) {
                 url: fakeURL,
                 method: options.method,
                 headers: __assign(__assign({}, options.headers), { origin: 'ui', requestId: requestId, actionId: actionId }),
-                data: options
+                data: options.body
             });
         }
         else {

package/esm/hooks/useSafePromise.d.ts

@@ -1,4 +1,6 @@
-export function useSafePromise({ cancelPrevious, cancelOnUnmount }?: {
+declare type Options = {
     cancelPrevious?: boolean;
     cancelOnUnmount?: boolean;
-}): (promise: any) => Promise<any>;
+};
+export declare const useSafePromise: ({ cancelPrevious, cancelOnUnmount }?: Options) => <T>(promise: Promise<T>) => Promise<T>;
+export {};

package/package.json

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