@reltio/components 1.4.966 → 1.4.970

package/cjs/components/SidePanel/SidePanelContentHeader/SidePanelContentHeader.js

@@ -15,11 +15,12 @@ var SidePanelContentHeader = function (_a) {
     var onClose = _a.onClose, mainTitle = _a.mainTitle, secondTitle = _a.secondTitle, content = _a.content, rightContent = _a.rightContent;
     var styles = styles_1.useStyles();
     return (react_1.default.createElement("div", { className: styles.container },
-        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "S", icon: Close_1.default, onClick: onClose, className: styles.icon, tooltipTitle: ui_i18n_1.default.text('Close') }),
+        react_1.default.createElement(SmallIconButton_1.SmallIconButtonWithTooltip, { size: "L", icon: Close_1.default, onClick: onClose, className: styles.icon, tooltipTitle: ui_i18n_1.default.text('Close') }),
         content || (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(Typography_1.default, { variant: "h6" }, mainTitle),
-            react_1.default.createElement(Divider_1.default, { orientation: "vertical", flexItem: true, className: styles.divider }),
-            react_1.default.createElement(Typography_1.default, { variant: "body1", color: "textSecondary", className: styles.secondTitle }, secondTitle),
+            secondTitle && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(Divider_1.default, { orientation: "vertical", flexItem: true, className: styles.divider }),
+                react_1.default.createElement(Typography_1.default, { variant: "body1", color: "textSecondary", className: styles.secondTitle }, secondTitle))),
             rightContent))));
 };
 exports.SidePanelContentHeader = SidePanelContentHeader;

package/cjs/components/SidePanel/SidePanelContentHeader/styles.js

@@ -11,7 +11,7 @@ exports.useStyles = styles_1.makeStyles({
         borderBottom: '1px solid rgba(0,0,0,0.12)'
     },
     icon: {
-        margin: '0 20px'
+        margin: '0 12px'
     },
     divider: {
         backgroundColor: 'rgba(0,0,0,0.12)',

package/cjs/components/attributes/readMode/SimpleAttribute/styles.js

@@ -28,9 +28,15 @@ exports.useStyles = styles_1.makeStyles({
         flex: 1,
         wordBreak: 'break-all'
     },
-    updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]),
-    insertAttribute: __assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]),
-    deleteAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute]),
+    updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute]), { '& > a': {
+            color: historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.updateAttribute].color
+        } }),
+    insertAttribute: __assign(__assign({ width: 'fit-content' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute]), { '& > a': {
+            color: historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.insertAttribute].color
+        } }),
+    deleteAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute]), { '& > a': {
+            color: historyAppearance_1.historyPalettes[historyAppearance_1.HistoryOperations.deleteAttribute].color
+        } }),
     multilineAttribute: {
         width: 'fit-content'
     }

package/cjs/components/history/HistoryFilterButton/HistoryFilterButton.d.ts

@@ -2,10 +2,11 @@
 import { TEntityType } from '@reltio/mdm-sdk';
 import { HistoryFilter } from '../types';
 declare type Props = {
+    className?: string;
     filter: HistoryFilter;
     onApplyFilter: (filter: HistoryFilter) => void;
     onClearFilter: () => void;
     entityType: TEntityType;
 };
-declare const HistoryFilterButton: ({ filter, onApplyFilter, onClearFilter, entityType }: Props) => JSX.Element;
+declare const HistoryFilterButton: ({ className, filter, onApplyFilter, onClearFilter, entityType }: Props) => JSX.Element;
 export default HistoryFilterButton;

package/cjs/components/history/HistoryFilterButton/HistoryFilterButton.js

@@ -48,7 +48,7 @@ var DateRangeSelector_1 = __importDefault(require("../DateRangeSelector/DateRang
 var HistoryActivitySelector_1 = __importDefault(require("../HistoryActivitySelector/HistoryActivitySelector"));
 var styles_1 = require("./styles");
 var HistoryFilterButton = function (_a) {
-    var filter = _a.filter, onApplyFilter = _a.onApplyFilter, onClearFilter = _a.onClearFilter, entityType = _a.entityType;
+    var className = _a.className, filter = _a.filter, onApplyFilter = _a.onApplyFilter, onClearFilter = _a.onClearFilter, entityType = _a.entityType;
     var styles = styles_1.useStyles();
     var _b = react_1.useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
@@ -65,7 +65,7 @@ var HistoryFilterButton = function (_a) {
     });
     var _d = currentValue || {}, _e = _d.activities, activities = _e === void 0 ? [] : _e, _f = _d.attributes, attributes = _f === void 0 ? [] : _f, _g = _d.dateRange, dateRange = _g === void 0 ? null : _g, _h = _d.users, users = _h === void 0 ? [] : _h;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: FilterList_1.default, size: "XS", onClick: openPopup, className: styles.icon }),
+        react_1.default.createElement(SmallIconButton_1.SmallIconButton, { icon: FilterList_1.default, size: "L", onClick: openPopup, className: className }),
         react_1.default.createElement(Popover_1.default, { classes: { paper: styles.popup }, open: !!anchorEl, anchorEl: anchorEl, onClose: closePopup, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right'

package/cjs/components/history/HistoryFilterButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterContainerScrollable" | "filterItem">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterContainerScrollable" | "filterItem">;

package/cjs/components/history/HistoryFilterButton/styles.js

@@ -3,9 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.makeStyles({
-    icon: {
-        margin: 5
-    },
     popup: {
         width: 500,
         height: 500,

package/cjs/components/history/HistoryHeader/HistoryHeader.d.ts

@@ -2,7 +2,7 @@
 import { TEntityType } from '@reltio/mdm-sdk';
 import { HistoryFilter } from '../types';
 declare type Props = {
-    total: number;
+    total?: number;
     entityType: TEntityType;
     filter: HistoryFilter;
     onApplyFilter: (value: HistoryFilter) => void;

package/cjs/components/history/HistoryHeader/HistoryHeader.js

@@ -17,12 +17,13 @@ var HistoryHeader = function (_a) {
     var styles = styles_1.useStyles();
     return (react_1.default.createElement("div", { className: styles.root },
         react_1.default.createElement(Typography_1.default, { variant: "h6" }, ui_i18n_1.default.text('History')),
-        react_1.default.createElement(Divider_1.default, { orientation: "vertical", flexItem: true, className: styles.divider }),
-        !ramda_1.isNil(total) && (react_1.default.createElement(Typography_1.default, { variant: "body1", color: "textSecondary", className: styles.count }, total === 1
-            ? ui_i18n_1.default.text('${count} contributing profile', { count: total })
-            : ui_i18n_1.default.text('${count} contributing profiles', { count: total }))),
+        !ramda_1.isNil(total) && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(Divider_1.default, { orientation: "vertical", flexItem: true, className: styles.divider }),
+            react_1.default.createElement(Typography_1.default, { variant: "body1", color: "textSecondary", className: styles.count }, total === 1
+                ? ui_i18n_1.default.text('${count} contributing profile', { count: total })
+                : ui_i18n_1.default.text('${count} contributing profiles', { count: total })))),
         react_1.default.createElement(Spacer_1.default, null),
-        react_1.default.createElement(HistoryFilterButton_1.default, { entityType: entityType, filter: filter, onApplyFilter: onApplyFilter, onClearFilter: onClearFilter }),
+        react_1.default.createElement(HistoryFilterButton_1.default, { className: styles.filterButton, entityType: entityType, filter: filter, onApplyFilter: onApplyFilter, onClearFilter: onClearFilter }),
         react_1.default.createElement(HistoryMenuButton_1.default, null)));
 };
 exports.default = HistoryHeader;

package/cjs/components/history/HistoryHeader/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "icon" | "root" | "divider">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "icon" | "root" | "divider" | "filterButton">;

package/cjs/components/history/HistoryHeader/styles.js

@@ -17,5 +17,8 @@ exports.useStyles = styles_1.makeStyles({
     },
     count: {
         fontSize: 14
+    },
+    filterButton: {
+        marginRight: '-4px'
     }
 });

package/cjs/components/history/HistoryMenuButton/HistoryMenuButton.js

@@ -30,9 +30,7 @@ var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var SmallIconButton_1 = require("../../SmallIconButton");
 var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
 var MenuItemRenderer_1 = __importDefault(require("./MenuItemRenderer"));
-var styles_1 = require("./styles");
 var HistoryMenuButton = function () {
-    var styles = styles_1.useStyles();
     var mode = react_redux_1.useSelector(mdm_module_1.default.selectors.getHistoryMode);
     var dispatch = react_redux_1.useDispatch();
     var handleModeChange = function (selectedMode) {
@@ -52,8 +50,7 @@ var HistoryMenuButton = function () {
     ];
     return (react_1.default.createElement(DropDownMenuButton_1.default, { MenuItemRenderer: MenuItemRenderer_1.default, buttonComponent: SmallIconButton_1.SmallIconButton, buttonProps: {
             icon: MoreVert_1.default,
-            size: 'L',
-            className: styles.icon
+            size: 'L'
         }, menuId: 'history-menu', menuItems: menuItems }));
 };
 exports.default = HistoryMenuButton;

package/cjs/components/history/HistoryMenuButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "menuItem" | "menuText" | "checkIcon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"menuItem" | "menuText" | "checkIcon">;

package/cjs/components/history/HistoryMenuButton/styles.js

@@ -3,9 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useStyles = void 0;
 var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.makeStyles({
-    icon: {
-        margin: 5
-    },
     menuItem: {
         minHeight: '32px'
     },

package/cjs/components/workflow/components/AddWorkflowDialog/AddWorkflowDialog.js

@@ -55,6 +55,7 @@ var AddWorkflowDialog = function (_a) {
             setIsOpenSnackbar(true);
             setComment('');
             setTaskType(null);
+            onClose();
         })
             .catch(function () { });
     };

package/cjs/hooks/useCollaboration.js

@@ -168,7 +168,7 @@ var useCollaboration = function (_a) {
         }
         setCommentsMap(function (prevCommentsMap) {
             var _a;
-            return (__assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = prevCommentsMap[uri].map(function (comment) {
+            return (__assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = (prevCommentsMap[uri] || []).map(function (comment) {
                 if (comment.commentId === commentId) {
                     return __assign(__assign({}, comment), { status: newStatus, replies: comment.replies + 1 });
                 }

package/cjs/hooks/useRelationsLoader.d.ts

@@ -10,6 +10,7 @@ declare type Props = {
     config: {
         id: string;
         content: Record<string, unknown>;
+        suggested?: Record<string, unknown>[] | Record<string, unknown>;
     };
     entity: Entity;
     relationActivityFilter?: ActivityFilter;

package/cjs/hooks/useRelationsLoader.js

@@ -38,6 +38,7 @@ var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var useSafePromise_1 = require("./useSafePromise");
 var usePrevious_1 = require("./usePrevious");
+var buildSuggestedIds = ramda_1.when(ramda_1.identity, ramda_1.pipe(mdm_sdk_1.wrapInArrayIfNeeded, ramda_1.length, ramda_1.times(function (n) { return n + 1; })));
 var useRelationsLoader = function (_a) {
     var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode;
     var _b = react_1.useState(false), isLoading = _b[0], setIsLoading = _b[1];
@@ -46,12 +47,16 @@ var useRelationsLoader = function (_a) {
     var dtssPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getDtssPath);
     var _c = react_redux_1.useSelector(mdm_module_1.default.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _c.activityFilter, globalFilter = _c.globalFilter;
     var safePromise = useSafePromise_1.useSafePromise();
+    var suggested = config.suggested;
     var loadRelations = react_1.useCallback(function () {
         if (entity === null || entity === void 0 ? void 0 : entity.uri) {
             var requestConfig_1 = __assign(__assign({}, config.content), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
                     relation: relationActivityFilter || mdm_sdk_1.ActivityFilter.ALL,
                     entity: activityFilter
-                }, max: rowsPerPage, offset: page * rowsPerPage, filter: mdm_sdk_1.addGlobalFilterToQuery(globalFilter, filter) || undefined });
+                }, max: rowsPerPage, offset: page * rowsPerPage, filter: mdm_sdk_1.addGlobalFilterToQuery(globalFilter, filter) || undefined, suggested: buildSuggestedIds(suggested) });
+            var configs_1 = [requestConfig_1].concat(ramda_1.ifElse(ramda_1.identity, ramda_1.pipe(mdm_sdk_1.wrapInArrayIfNeeded, function (suggested) {
+                return suggested.map(function (config, i) { return (__assign(__assign({}, config), { id: requestConfig_1.suggested[i] })); });
+            }), ramda_1.always([]))(suggested));
             var request = ramda_1.cond([
                 [ramda_1.pipe(ramda_1.prop('uri'), mdm_sdk_1.isTempUri), function () { return Promise.resolve([{ total: 0 }]); }],
                 [
@@ -59,14 +64,14 @@ var useRelationsLoader = function (_a) {
                     function (entity) {
                         return mdm_sdk_1.getRelationsForDataTenantEntity({
                             entityUri: entity.uri,
-                            configs: [requestConfig_1],
+                            configs: configs_1,
                             customerTenant: tenant,
                             dataTenant: entity.dataTenant,
                             dtssPath: dtssPath
                         });
                     }
                 ],
-                [ramda_1.T, function (entity) { return mdm_sdk_1.getRelationsForEntity(entity.uri, [requestConfig_1]); }]
+                [ramda_1.T, function (entity) { return mdm_sdk_1.getRelationsForEntity(entity.uri, configs_1); }]
             ]);
             setIsLoading(true);
             safePromise(request(entity))

package/esm/components/SidePanel/SidePanelContentHeader/SidePanelContentHeader.js

@@ -9,10 +9,11 @@ export var SidePanelContentHeader = function (_a) {
     var onClose = _a.onClose, mainTitle = _a.mainTitle, secondTitle = _a.secondTitle, content = _a.content, rightContent = _a.rightContent;
     var styles = useStyles();
     return (React.createElement("div", { className: styles.container },
-        React.createElement(SmallIconButtonWithTooltip, { size: "S", icon: CloseIcon, onClick: onClose, className: styles.icon, tooltipTitle: i18n.text('Close') }),
+        React.createElement(SmallIconButtonWithTooltip, { size: "L", icon: CloseIcon, onClick: onClose, className: styles.icon, tooltipTitle: i18n.text('Close') }),
         content || (React.createElement(React.Fragment, null,
             React.createElement(Typography, { variant: "h6" }, mainTitle),
-            React.createElement(Divider, { orientation: "vertical", flexItem: true, className: styles.divider }),
-            React.createElement(Typography, { variant: "body1", color: "textSecondary", className: styles.secondTitle }, secondTitle),
+            secondTitle && (React.createElement(React.Fragment, null,
+                React.createElement(Divider, { orientation: "vertical", flexItem: true, className: styles.divider }),
+                React.createElement(Typography, { variant: "body1", color: "textSecondary", className: styles.secondTitle }, secondTitle))),
             rightContent))));
 };

package/esm/components/SidePanel/SidePanelContentHeader/styles.js

@@ -8,7 +8,7 @@ export var useStyles = makeStyles({
         borderBottom: '1px solid rgba(0,0,0,0.12)'
     },
     icon: {
-        margin: '0 20px'
+        margin: '0 12px'
     },
     divider: {
         backgroundColor: 'rgba(0,0,0,0.12)',

package/esm/components/attributes/readMode/SimpleAttribute/styles.js

@@ -25,9 +25,15 @@ export var useStyles = makeStyles({
         flex: 1,
         wordBreak: 'break-all'
     },
-    updateAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]),
-    insertAttribute: __assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]),
-    deleteAttribute: __assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyPalettes[HistoryOperations.deleteAttribute]),
+    updateAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px' }, historyPalettes[HistoryOperations.updateAttribute]), { '& > a': {
+            color: historyPalettes[HistoryOperations.updateAttribute].color
+        } }),
+    insertAttribute: __assign(__assign({ width: 'fit-content' }, historyPalettes[HistoryOperations.insertAttribute]), { '& > a': {
+            color: historyPalettes[HistoryOperations.insertAttribute].color
+        } }),
+    deleteAttribute: __assign(__assign({ width: 'fit-content', padding: '0 4px', marginLeft: '-4px', textDecoration: 'line-through' }, historyPalettes[HistoryOperations.deleteAttribute]), { '& > a': {
+            color: historyPalettes[HistoryOperations.deleteAttribute].color
+        } }),
     multilineAttribute: {
         width: 'fit-content'
     }

package/esm/components/history/HistoryFilterButton/HistoryFilterButton.d.ts

@@ -2,10 +2,11 @@
 import { TEntityType } from '@reltio/mdm-sdk';
 import { HistoryFilter } from '../types';
 declare type Props = {
+    className?: string;
     filter: HistoryFilter;
     onApplyFilter: (filter: HistoryFilter) => void;
     onClearFilter: () => void;
     entityType: TEntityType;
 };
-declare const HistoryFilterButton: ({ filter, onApplyFilter, onClearFilter, entityType }: Props) => JSX.Element;
+declare const HistoryFilterButton: ({ className, filter, onApplyFilter, onClearFilter, entityType }: Props) => JSX.Element;
 export default HistoryFilterButton;

package/esm/components/history/HistoryFilterButton/HistoryFilterButton.js

@@ -24,7 +24,7 @@ import DateRangeSelector from '../DateRangeSelector/DateRangeSelector';
 import HistoryActivitySelector from '../HistoryActivitySelector/HistoryActivitySelector';
 import { useStyles } from './styles';
 var HistoryFilterButton = function (_a) {
-    var filter = _a.filter, onApplyFilter = _a.onApplyFilter, onClearFilter = _a.onClearFilter, entityType = _a.entityType;
+    var className = _a.className, filter = _a.filter, onApplyFilter = _a.onApplyFilter, onClearFilter = _a.onClearFilter, entityType = _a.entityType;
     var styles = useStyles();
     var _b = useState(null), anchorEl = _b[0], setAnchorEl = _b[1];
     var openPopup = function (event) { return setAnchorEl(event.currentTarget); };
@@ -41,7 +41,7 @@ var HistoryFilterButton = function (_a) {
     });
     var _d = currentValue || {}, _e = _d.activities, activities = _e === void 0 ? [] : _e, _f = _d.attributes, attributes = _f === void 0 ? [] : _f, _g = _d.dateRange, dateRange = _g === void 0 ? null : _g, _h = _d.users, users = _h === void 0 ? [] : _h;
     return (React.createElement(React.Fragment, null,
-        React.createElement(SmallIconButton, { icon: FilterListIcon, size: "XS", onClick: openPopup, className: styles.icon }),
+        React.createElement(SmallIconButton, { icon: FilterListIcon, size: "L", onClick: openPopup, className: className }),
         React.createElement(Popover, { classes: { paper: styles.popup }, open: !!anchorEl, anchorEl: anchorEl, onClose: closePopup, anchorOrigin: {
                 vertical: 'bottom',
                 horizontal: 'right'

package/esm/components/history/HistoryFilterButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterContainerScrollable" | "filterItem">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"input" | "popup" | "filterControls" | "clearButton" | "filterContainer" | "filterContainerScrollable" | "filterItem">;

package/esm/components/history/HistoryFilterButton/styles.js

@@ -1,8 +1,5 @@
 import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
-    icon: {
-        margin: 5
-    },
     popup: {
         width: 500,
         height: 500,

package/esm/components/history/HistoryHeader/HistoryHeader.d.ts

@@ -2,7 +2,7 @@
 import { TEntityType } from '@reltio/mdm-sdk';
 import { HistoryFilter } from '../types';
 declare type Props = {
-    total: number;
+    total?: number;
     entityType: TEntityType;
     filter: HistoryFilter;
     onApplyFilter: (value: HistoryFilter) => void;

package/esm/components/history/HistoryHeader/HistoryHeader.js

@@ -12,12 +12,13 @@ var HistoryHeader = function (_a) {
     var styles = useStyles();
     return (React.createElement("div", { className: styles.root },
         React.createElement(Typography, { variant: "h6" }, i18n.text('History')),
-        React.createElement(Divider, { orientation: "vertical", flexItem: true, className: styles.divider }),
-        !isNil(total) && (React.createElement(Typography, { variant: "body1", color: "textSecondary", className: styles.count }, total === 1
-            ? i18n.text('${count} contributing profile', { count: total })
-            : i18n.text('${count} contributing profiles', { count: total }))),
+        !isNil(total) && (React.createElement(React.Fragment, null,
+            React.createElement(Divider, { orientation: "vertical", flexItem: true, className: styles.divider }),
+            React.createElement(Typography, { variant: "body1", color: "textSecondary", className: styles.count }, total === 1
+                ? i18n.text('${count} contributing profile', { count: total })
+                : i18n.text('${count} contributing profiles', { count: total })))),
         React.createElement(Spacer, null),
-        React.createElement(HistoryFilterButton, { entityType: entityType, filter: filter, onApplyFilter: onApplyFilter, onClearFilter: onClearFilter }),
+        React.createElement(HistoryFilterButton, { className: styles.filterButton, entityType: entityType, filter: filter, onApplyFilter: onApplyFilter, onClearFilter: onClearFilter }),
         React.createElement(HistoryMenuButton, null)));
 };
 export default HistoryHeader;

package/esm/components/history/HistoryHeader/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "icon" | "root" | "divider">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"count" | "icon" | "root" | "divider" | "filterButton">;

package/esm/components/history/HistoryHeader/styles.js

@@ -14,5 +14,8 @@ export var useStyles = makeStyles({
     },
     count: {
         fontSize: 14
+    },
+    filterButton: {
+        marginRight: '-4px'
     }
 });

package/esm/components/history/HistoryMenuButton/HistoryMenuButton.js

@@ -6,9 +6,7 @@ import mdmModule, { HistoryMode, profile } from '@reltio/mdm-module';
 import { SmallIconButton } from '../../SmallIconButton';
 import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
 import MenuItemRenderer from './MenuItemRenderer';
-import { useStyles } from './styles';
 var HistoryMenuButton = function () {
-    var styles = useStyles();
     var mode = useSelector(mdmModule.selectors.getHistoryMode);
     var dispatch = useDispatch();
     var handleModeChange = function (selectedMode) {
@@ -28,8 +26,7 @@ var HistoryMenuButton = function () {
     ];
     return (React.createElement(DropDownMenuButton, { MenuItemRenderer: MenuItemRenderer, buttonComponent: SmallIconButton, buttonProps: {
             icon: MoreVertIcon,
-            size: 'L',
-            className: styles.icon
+            size: 'L'
         }, menuId: 'history-menu', menuItems: menuItems }));
 };
 export default HistoryMenuButton;

package/esm/components/history/HistoryMenuButton/styles.d.ts

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "menuItem" | "menuText" | "checkIcon">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"menuItem" | "menuText" | "checkIcon">;

package/esm/components/history/HistoryMenuButton/styles.js

@@ -1,8 +1,5 @@
 import { makeStyles } from '@material-ui/core/styles';
 export var useStyles = makeStyles({
-    icon: {
-        margin: 5
-    },
     menuItem: {
         minHeight: '32px'
     },

package/esm/components/workflow/components/AddWorkflowDialog/AddWorkflowDialog.js

@@ -30,6 +30,7 @@ export var AddWorkflowDialog = function (_a) {
             setIsOpenSnackbar(true);
             setComment('');
             setTaskType(null);
+            onClose();
         })
             .catch(function () { });
     };

package/esm/hooks/useCollaboration.js

@@ -162,7 +162,7 @@ export var useCollaboration = function (_a) {
         }
         setCommentsMap(function (prevCommentsMap) {
             var _a;
-            return (__assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = prevCommentsMap[uri].map(function (comment) {
+            return (__assign(__assign({}, prevCommentsMap), (_a = {}, _a[uri] = (prevCommentsMap[uri] || []).map(function (comment) {
                 if (comment.commentId === commentId) {
                     return __assign(__assign({}, comment), { status: newStatus, replies: comment.replies + 1 });
                 }

package/esm/hooks/useRelationsLoader.d.ts

@@ -10,6 +10,7 @@ declare type Props = {
     config: {
         id: string;
         content: Record<string, unknown>;
+        suggested?: Record<string, unknown>[] | Record<string, unknown>;
     };
     entity: Entity;
     relationActivityFilter?: ActivityFilter;

package/esm/hooks/useRelationsLoader.js

@@ -11,11 +11,12 @@ var __assign = (this && this.__assign) || function () {
 };
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { cond, pipe, prop, T } from 'ramda';
+import { cond, pipe, prop, T, when, identity, times, length, ifElse, always } from 'ramda';
 import mdm, { profile } from '@reltio/mdm-module';
-import { ActivityFilter, addGlobalFilterToQuery, getRelationsForDataTenantEntity, getRelationsForEntity, isDataTenantEntity, isTempUri, Mode } from '@reltio/mdm-sdk';
+import { ActivityFilter, addGlobalFilterToQuery, getRelationsForDataTenantEntity, getRelationsForEntity, isDataTenantEntity, isTempUri, Mode, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
 import { useSafePromise } from './useSafePromise';
 import { usePrevious } from './usePrevious';
+var buildSuggestedIds = when(identity, pipe(wrapInArrayIfNeeded, length, times(function (n) { return n + 1; })));
 export var useRelationsLoader = function (_a) {
     var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode;
     var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
@@ -24,12 +25,16 @@ export var useRelationsLoader = function (_a) {
     var dtssPath = useSelector(mdm.selectors.getDtssPath);
     var _c = useSelector(mdm.selectors.getGlobalSearchRequestOptions) || {}, activityFilter = _c.activityFilter, globalFilter = _c.globalFilter;
     var safePromise = useSafePromise();
+    var suggested = config.suggested;
     var loadRelations = useCallback(function () {
         if (entity === null || entity === void 0 ? void 0 : entity.uri) {
             var requestConfig_1 = __assign(__assign({}, config.content), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
                     relation: relationActivityFilter || ActivityFilter.ALL,
                     entity: activityFilter
-                }, max: rowsPerPage, offset: page * rowsPerPage, filter: addGlobalFilterToQuery(globalFilter, filter) || undefined });
+                }, max: rowsPerPage, offset: page * rowsPerPage, filter: addGlobalFilterToQuery(globalFilter, filter) || undefined, suggested: buildSuggestedIds(suggested) });
+            var configs_1 = [requestConfig_1].concat(ifElse(identity, pipe(wrapInArrayIfNeeded, function (suggested) {
+                return suggested.map(function (config, i) { return (__assign(__assign({}, config), { id: requestConfig_1.suggested[i] })); });
+            }), always([]))(suggested));
             var request = cond([
                 [pipe(prop('uri'), isTempUri), function () { return Promise.resolve([{ total: 0 }]); }],
                 [
@@ -37,14 +42,14 @@ export var useRelationsLoader = function (_a) {
                     function (entity) {
                         return getRelationsForDataTenantEntity({
                             entityUri: entity.uri,
-                            configs: [requestConfig_1],
+                            configs: configs_1,
                             customerTenant: tenant,
                             dataTenant: entity.dataTenant,
                             dtssPath: dtssPath
                         });
                     }
                 ],
-                [T, function (entity) { return getRelationsForEntity(entity.uri, [requestConfig_1]); }]
+                [T, function (entity) { return getRelationsForEntity(entity.uri, configs_1); }]
             ]);
             setIsLoading(true);
             safePromise(request(entity))

package/package.json

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