@reltio/components 1.4.1247 → 1.4.1250

package/cjs/components/SourceSystemsSelector/SourceSystemsSelector.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
+declare type Props = {
+    values?: string[];
+    onChange: (values: string[]) => void;
+    TextFieldProps?: Partial<TextFieldPropsType>;
+    fullWidth?: boolean;
+};
+declare const SourceSystemsSelector: {
+    ({ values, onChange, TextFieldProps, fullWidth }: Props): JSX.Element;
+    displayName: string;
+};
+export default SourceSystemsSelector;

package/cjs/components/SourceSystemsSelector/SourceSystemsSelector.js

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var react_redux_1 = require("react-redux");
+var ramda_1 = require("ramda");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MultiValueSelector_1 = __importDefault(require("../MultiValueSelector/MultiValueSelector"));
+var SourceSystemsSelector = function (_a) {
+    var values = _a.values, onChange = _a.onChange, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var options = react_1.useMemo(function () {
+        return ramda_1.pipe(ramda_1.sortBy(function (option) { return option.label; }), ramda_1.map(function (_a) {
+            var label = _a.label, uri = _a.uri;
+            return ({ label: label, value: mdm_sdk_1.getLastUriPart(uri) });
+        }))(metadata.sources);
+    }, [metadata.sources]);
+    return (react_1.default.createElement(MultiValueSelector_1.default, { values: values, onChange: onChange, options: options, TextFieldProps: TextFieldProps, fullWidth: fullWidth }));
+};
+SourceSystemsSelector.displayName = 'SourceSystemsSelector';
+exports.default = SourceSystemsSelector;

package/cjs/components/activityLog/ActivityLogFilter/ActivityLogFilter.js

@@ -38,17 +38,19 @@ var react_redux_1 = require("react-redux");
 var ActivityLogFilterHeader_1 = __importDefault(require("./ActivityLogFilterHeader"));
 var ActivityFilterEditor_1 = __importDefault(require("../ActivityFilterEditor/ActivityFilterEditor"));
 var ActivityExportButton_1 = __importDefault(require("../ActivityExportButton/ActivityExportButton"));
+var ramda_1 = require("ramda");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var ActivityLogFilter = function (_a) {
     var value = _a.value, entityType = _a.entityType, entityUri = _a.entityUri, onChange = _a.onChange, exportTypes = _a.exportTypes;
     var initialValue = react_1.useRef(value);
+    var isApplied = !ramda_1.equals(value, initialValue.current);
     var canExport = react_redux_1.useSelector(mdm_module_1.default.selectors.getCanUserMakeActivitiesExport);
     var _b = react_1.useState(false), isEditorOpen = _b[0], setIsEditorOpen = _b[1];
     var handleClear = function () { return onChange(__assign({}, initialValue.current)); };
     var handleCancel = function () { return setIsEditorOpen(false); };
     var handleToggleFilter = function () { return setIsEditorOpen(function (isEditorOpen) { return !isEditorOpen; }); };
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ActivityLogFilterHeader_1.default, { onToggle: handleToggleFilter, filters: value }, canExport && react_1.default.createElement(ActivityExportButton_1.default, { filters: __assign(__assign({}, value), { entityUri: entityUri }), exportTypes: exportTypes })),
+        react_1.default.createElement(ActivityLogFilterHeader_1.default, { onToggle: handleToggleFilter, filters: value, isApplied: isApplied }, canExport && react_1.default.createElement(ActivityExportButton_1.default, { filters: __assign(__assign({}, value), { entityUri: entityUri }), exportTypes: exportTypes })),
         react_1.default.createElement(ActivityFilterEditor_1.default, { value: value, open: isEditorOpen, entityType: entityType, onApply: onChange, onCancel: handleCancel, onClear: handleClear })));
 };
 exports.default = ActivityLogFilter;

package/cjs/components/activityLog/ActivityLogFilter/ActivityLogFilterHeader.d.ts

@@ -4,6 +4,7 @@ declare type Props = {
     onToggle: () => void;
     filters: ActivitiesFilter;
     children?: React.ReactNode;
+    isApplied?: boolean;
 };
-declare const ActivityLogFilterHeader: ({ children, onToggle, filters }: Props) => JSX.Element;
+declare const ActivityLogFilterHeader: ({ children, onToggle, filters, isApplied }: Props) => JSX.Element;
 export default ActivityLogFilterHeader;

package/cjs/components/activityLog/ActivityLogFilter/ActivityLogFilterHeader.js

@@ -10,9 +10,10 @@ var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
 var FilterList_1 = __importDefault(require("@material-ui/icons/FilterList"));
 var helpers_1 = require("./helpers");
 var SmallIconButton_1 = require("../../SmallIconButton");
+var classnames_1 = __importDefault(require("classnames"));
 var styles_1 = require("./styles");
 var ActivityLogFilterHeader = function (_a) {
-    var children = _a.children, onToggle = _a.onToggle, filters = _a.filters;
+    var children = _a.children, onToggle = _a.onToggle, filters = _a.filters, _b = _a.isApplied, isApplied = _b === void 0 ? false : _b;
     var styles = styles_1.useStyles();
     var filterLabel = helpers_1.getFilterLabel(filters);
     return (react_1.default.createElement("div", { className: styles.header },
@@ -21,6 +22,6 @@ var ActivityLogFilterHeader = function (_a) {
             react_1.default.createElement(Typography_1.default, { variant: "body2", className: styles.label, color: "textSecondary", display: "block", noWrap: true }, filterLabel)),
         react_1.default.createElement("div", { className: styles.buttonsWrapper },
             children,
-            react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: FilterList_1.default, size: "L", onClick: onToggle, tooltipTitle: ui_i18n_1.default.text('Filter'), className: styles.icon }))));
+            react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { icon: FilterList_1.default, size: "L", onClick: onToggle, tooltipTitle: ui_i18n_1.default.text('Filter'), className: classnames_1.default(styles.icon, { activeIcon: isApplied }) }))));
 };
 exports.default = ActivityLogFilterHeader;

package/cjs/components/activityLog/ActivityLogFilter/styles.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
-exports.useStyles = styles_1.makeStyles(function () { return ({
+exports.useStyles = styles_1.makeStyles(function (theme) { return ({
     header: {
         width: 'auto',
         display: 'flex',
@@ -13,7 +13,11 @@ exports.useStyles = styles_1.makeStyles(function () { return ({
         fontSize: '14px'
     },
     icon: {
-        margin: '4px'
+        margin: '4px',
+        '&.activeIcon': {
+            backgroundColor: styles_1.fade(theme.palette.primary.main, 0.12),
+            color: '#0072CE'
+        }
     },
     buttonsWrapper: {
         marginLeft: 'auto',

package/cjs/components/index.d.ts

@@ -137,3 +137,4 @@ export { DragAndDrop } from './DragAndDrop/DragAndDrop';
 export * from './AttributesFiltersBuilder';
 export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
 export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
+export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';

package/cjs/components/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.AttributesView = exports.AttributeListItem = void 0;
 exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBlock = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = void 0;
-exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = void 0;
+exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = void 0;
 __exportStar(require("./activityLog"), exports);
 var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
 Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -292,3 +292,5 @@ var MultiValueSelector_1 = require("./MultiValueSelector/MultiValueSelector");
 Object.defineProperty(exports, "MultiValueSelector", { enumerable: true, get: function () { return __importDefault(MultiValueSelector_1).default; } });
 var MatchRulesSelector_1 = require("./MatchRulesSelector/MatchRulesSelector");
 Object.defineProperty(exports, "MatchRulesSelector", { enumerable: true, get: function () { return __importDefault(MatchRulesSelector_1).default; } });
+var SourceSystemsSelector_1 = require("./SourceSystemsSelector/SourceSystemsSelector");
+Object.defineProperty(exports, "SourceSystemsSelector", { enumerable: true, get: function () { return __importDefault(SourceSystemsSelector_1).default; } });

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

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { TextFieldProps as TextFieldPropsType } from '@material-ui/core/TextField';
+declare type Props = {
+    values?: string[];
+    onChange: (values: string[]) => void;
+    TextFieldProps?: Partial<TextFieldPropsType>;
+    fullWidth?: boolean;
+};
+declare const SourceSystemsSelector: {
+    ({ values, onChange, TextFieldProps, fullWidth }: Props): JSX.Element;
+    displayName: string;
+};
+export default SourceSystemsSelector;

package/esm/components/SourceSystemsSelector/SourceSystemsSelector.js

@@ -0,0 +1,19 @@
+import React, { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { map, pipe, sortBy } from 'ramda';
+import mdmModule from '@reltio/mdm-module';
+import { getLastUriPart } from '@reltio/mdm-sdk';
+import MultiValueSelector from '../MultiValueSelector/MultiValueSelector';
+var SourceSystemsSelector = function (_a) {
+    var values = _a.values, onChange = _a.onChange, TextFieldProps = _a.TextFieldProps, fullWidth = _a.fullWidth;
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var options = useMemo(function () {
+        return pipe(sortBy(function (option) { return option.label; }), map(function (_a) {
+            var label = _a.label, uri = _a.uri;
+            return ({ label: label, value: getLastUriPart(uri) });
+        }))(metadata.sources);
+    }, [metadata.sources]);
+    return (React.createElement(MultiValueSelector, { values: values, onChange: onChange, options: options, TextFieldProps: TextFieldProps, fullWidth: fullWidth }));
+};
+SourceSystemsSelector.displayName = 'SourceSystemsSelector';
+export default SourceSystemsSelector;

package/esm/components/activityLog/ActivityLogFilter/ActivityLogFilter.js

@@ -14,17 +14,19 @@ import { useSelector } from 'react-redux';
 import ActivityLogFilterHeader from './ActivityLogFilterHeader';
 import ActivityFilterEditor from '../ActivityFilterEditor/ActivityFilterEditor';
 import ActivityExportButton from '../ActivityExportButton/ActivityExportButton';
+import { equals } from 'ramda';
 import mdmModule from '@reltio/mdm-module';
 var ActivityLogFilter = function (_a) {
     var value = _a.value, entityType = _a.entityType, entityUri = _a.entityUri, onChange = _a.onChange, exportTypes = _a.exportTypes;
     var initialValue = useRef(value);
+    var isApplied = !equals(value, initialValue.current);
     var canExport = useSelector(mdmModule.selectors.getCanUserMakeActivitiesExport);
     var _b = useState(false), isEditorOpen = _b[0], setIsEditorOpen = _b[1];
     var handleClear = function () { return onChange(__assign({}, initialValue.current)); };
     var handleCancel = function () { return setIsEditorOpen(false); };
     var handleToggleFilter = function () { return setIsEditorOpen(function (isEditorOpen) { return !isEditorOpen; }); };
     return (React.createElement(React.Fragment, null,
-        React.createElement(ActivityLogFilterHeader, { onToggle: handleToggleFilter, filters: value }, canExport && React.createElement(ActivityExportButton, { filters: __assign(__assign({}, value), { entityUri: entityUri }), exportTypes: exportTypes })),
+        React.createElement(ActivityLogFilterHeader, { onToggle: handleToggleFilter, filters: value, isApplied: isApplied }, canExport && React.createElement(ActivityExportButton, { filters: __assign(__assign({}, value), { entityUri: entityUri }), exportTypes: exportTypes })),
         React.createElement(ActivityFilterEditor, { value: value, open: isEditorOpen, entityType: entityType, onApply: onChange, onCancel: handleCancel, onClear: handleClear })));
 };
 export default ActivityLogFilter;

package/esm/components/activityLog/ActivityLogFilter/ActivityLogFilterHeader.d.ts

@@ -4,6 +4,7 @@ declare type Props = {
     onToggle: () => void;
     filters: ActivitiesFilter;
     children?: React.ReactNode;
+    isApplied?: boolean;
 };
-declare const ActivityLogFilterHeader: ({ children, onToggle, filters }: Props) => JSX.Element;
+declare const ActivityLogFilterHeader: ({ children, onToggle, filters, isApplied }: Props) => JSX.Element;
 export default ActivityLogFilterHeader;

package/esm/components/activityLog/ActivityLogFilter/ActivityLogFilterHeader.js

@@ -5,9 +5,10 @@ import Typography from '@material-ui/core/Typography';
 import FilterListIcon from '@material-ui/icons/FilterList';
 import { getFilterLabel } from './helpers';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
+import classnames from 'classnames';
 import { useStyles } from './styles';
 var ActivityLogFilterHeader = function (_a) {
-    var children = _a.children, onToggle = _a.onToggle, filters = _a.filters;
+    var children = _a.children, onToggle = _a.onToggle, filters = _a.filters, _b = _a.isApplied, isApplied = _b === void 0 ? false : _b;
     var styles = useStyles();
     var filterLabel = getFilterLabel(filters);
     return (React.createElement("div", { className: styles.header },
@@ -16,6 +17,6 @@ var ActivityLogFilterHeader = function (_a) {
             React.createElement(Typography, { variant: "body2", className: styles.label, color: "textSecondary", display: "block", noWrap: true }, filterLabel)),
         React.createElement("div", { className: styles.buttonsWrapper },
             children,
-            React.createElement(SmallIconButtonWithTooltip, { icon: FilterListIcon, size: "L", onClick: onToggle, tooltipTitle: i18n.text('Filter'), className: styles.icon }))));
+            React.createElement(SmallIconButtonWithTooltip, { icon: FilterListIcon, size: "L", onClick: onToggle, tooltipTitle: i18n.text('Filter'), className: classnames(styles.icon, { activeIcon: isApplied }) }))));
 };
 export default ActivityLogFilterHeader;

package/esm/components/activityLog/ActivityLogFilter/styles.js

@@ -1,5 +1,5 @@
-import { makeStyles } from '@material-ui/core/styles';
-export var useStyles = makeStyles(function () { return ({
+import { fade, makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
     header: {
         width: 'auto',
         display: 'flex',
@@ -10,7 +10,11 @@ export var useStyles = makeStyles(function () { return ({
         fontSize: '14px'
     },
     icon: {
-        margin: '4px'
+        margin: '4px',
+        '&.activeIcon': {
+            backgroundColor: fade(theme.palette.primary.main, 0.12),
+            color: '#0072CE'
+        }
     },
     buttonsWrapper: {
         marginLeft: 'auto',

package/esm/components/index.d.ts

@@ -137,3 +137,4 @@ export { DragAndDrop } from './DragAndDrop/DragAndDrop';
 export * from './AttributesFiltersBuilder';
 export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
 export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
+export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';

package/esm/components/index.js

@@ -137,3 +137,4 @@ export { DragAndDrop } from './DragAndDrop/DragAndDrop';
 export * from './AttributesFiltersBuilder';
 export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
 export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
+export { default as SourceSystemsSelector } from './SourceSystemsSelector/SourceSystemsSelector';

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.1247",
+  "version": "1.4.1250",
   "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.1247",
-    "@reltio/mdm-sdk": "^1.4.1247",
+    "@reltio/mdm-module": "^1.4.1250",
+    "@reltio/mdm-sdk": "^1.4.1250",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",
@@ -19,7 +19,7 @@
     "prop-types": "^15.6.2",
     "ramda": "^0.28.0",
     "react-autosuggest": "^9.4.3",
-    "react-components": "bitbucket:reltio-ondemand/react-components#v3.13.0",
+    "react-components": "bitbucket:reltio-ondemand/react-components#v3.14.0",
     "react-dnd": "^9.4.0",
     "react-dnd-html5-backend": "^10.0.2",
     "react-grid-layout": "^1.1.1",