@reltio/components 1.4.2214 → 1.4.2216

package/CollaborationButton/CollaborationButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CollaborationButton: ({ totalCommentsCount }: {
+    totalCommentsCount: number;
+}) => React.JSX.Element;

package/CollaborationButton/CollaborationButton.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Badge from '@mui/material/Badge';
+import CollaborationIcon from '../icons/CollaborationIcon';
+import styles from './CollaborationButton.module.css';
+export var CollaborationButton = function (_a) {
+    var totalCommentsCount = _a.totalCommentsCount;
+    return (React.createElement(Badge, { badgeContent: totalCommentsCount, classes: {
+            anchorOriginTopRightRectangular: styles.badgePosition,
+            badge: styles.badge
+        } },
+        React.createElement(CollaborationIcon, null)));
+};

package/CollaborationButton/CollaborationButton.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"badge":"CollaborationButton-badge--noyiE","badgePosition":"CollaborationButton-badgePosition--30Efs"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.CollaborationButton-badge--noyiE{background-color:#ff4081;color:#fff;font-size:12px;height:18px;min-width:18px}.CollaborationButton-badgePosition--30Efs{right:5px}`;
+    head.appendChild(style);
+}
+export default styles;

package/CollaborationButton/index.d.ts

@@ -0,0 +1 @@
+export { CollaborationButton } from './CollaborationButton';

package/CollaborationButton/index.js

@@ -0,0 +1 @@
+export { CollaborationButton } from './CollaborationButton';

package/ProfileResizablePanes/ProfileResizablePanes.js

@@ -13,7 +13,8 @@ export var ProfileResizablePanes = function (_a) {
     var _b = usePerspectivesSettings(perspectiveId), perspectiveSettings = _b.perspectiveSettings, updatePerspectiveSettings = _b.updatePerspectiveSettings;
     var _c = (perspectiveSettings || {}).width, width = _c === void 0 ? DEFAULT_R_PANE_SIZE : _c;
     var active = !isNil(defaultTab) ? defaultTab : perspectiveSettings === null || perspectiveSettings === void 0 ? void 0 : perspectiveSettings.active;
-    var isSidePanelOpen = !isNil(active) && !disabled;
+    var activeButton = buttonsProps.find(function (button) { return button.id === active; });
+    var isSidePanelOpen = !isNil(active) && !disabled && Boolean(activeButton);
     var handleUpdateSettings = useCallback(function (newSetting) {
         updatePerspectiveSettings(newSetting);
     }, [updatePerspectiveSettings]);

package/ProfileResizablePanes/ProfileResizablePanes.spec.js

@@ -81,7 +81,7 @@ var setUp = function (props) {
                 width: 480
             },
             graph: {
-                active: 0,
+                active: 1,
                 width: 320
             }
         }
@@ -129,10 +129,10 @@ describe('ProfileResizablePanes tests', function () {
         expect(screen.getByRole('button', { name: 'Button 2' })).toBeInTheDocument();
         expect(screen.getByRole('separator')).toBeInTheDocument();
     });
-    it('should render resizable panes with open second pane with defaultTab:0', function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should render resizable panes with open second pane with defaultTab:1', function () { return __awaiter(void 0, void 0, void 0, function () {
         var container;
         return __generator(this, function (_a) {
-            container = setUp(__assign(__assign({}, defaultProps), { defaultTab: 0 })).container;
+            container = setUp(__assign(__assign({}, defaultProps), { defaultTab: 1 })).container;
             expect(screen.getByTestId('content')).toBeInTheDocument();
             expect(screen.getByTestId('rightPanel')).toBeInTheDocument();
             expect(getSplitPane1(container)).toBeInTheDocument();

package/RelationEditor/RelationEditor.js

@@ -69,6 +69,7 @@ var RelationEditor = function (_a) {
     var allRelationEditorErrors = getAllRelationEditorActiveErrors(connection, profileErrors);
     var modifiedEntity = isTempEntity ? mdmModifiedEntity : null;
     var allModifiedEntities = isTempEntity ? mdmAllModifiedEntities : null;
+    var excludeUris = useMemo(function () { return config.excludeUris || []; }, [config.excludeUris]);
     var _f = useScrollToAttributeError({ highlightedError: highlightedError, isSimple: true }), ref = _f.ref, errorClassName = _f.errorClassName;
     var _g = useMemo(function () {
         return getInOutRelations({
@@ -81,7 +82,10 @@ var RelationEditor = function (_a) {
             metadata: metadata
         });
     }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _h = _g.inRelations, inRelationTypes = _h === void 0 ? [] : _h, _j = _g.outRelations, outRelationTypes = _j === void 0 ? [] : _j;
-    var firstLevelRelationAttrTypes = useMemo(function () { return getRelationAttributesList(metadata, relationType); }, [relationType, metadata]);
+    var firstLevelRelationAttrTypes = useMemo(function () { return getRelationAttributesList(metadata, relationType).filter(function (_a) {
+        var uri = _a.uri;
+        return !excludeUris.includes(uri);
+    }); }, [relationType, metadata, excludeUris]);
     var attributeListEntity = useMemo(function () { return (__assign({ attributes: __assign({}, getRelationAttributesFromConnection(connection)) }, getActivenessAttributes(connection.relation))); }, [connection]);
     var relatedTempEntities = useMemo(function () { return findRelatedTemporaryEntities(allModifiedEntities, modifiedEntity); }, [allModifiedEntities, modifiedEntity]);
     var relatedTempEntitiesUrisHistory = useRef([]);

package/cjs/CollaborationButton/CollaborationButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CollaborationButton: ({ totalCommentsCount }: {
+    totalCommentsCount: number;
+}) => React.JSX.Element;

package/cjs/CollaborationButton/CollaborationButton.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollaborationButton = void 0;
+var react_1 = __importDefault(require("react"));
+var Badge_1 = __importDefault(require("@mui/material/Badge"));
+var CollaborationIcon_1 = __importDefault(require("../icons/CollaborationIcon"));
+var CollaborationButton_module_css_1 = __importDefault(require("./CollaborationButton.module.css"));
+var CollaborationButton = function (_a) {
+    var totalCommentsCount = _a.totalCommentsCount;
+    return (react_1.default.createElement(Badge_1.default, { badgeContent: totalCommentsCount, classes: {
+            anchorOriginTopRightRectangular: CollaborationButton_module_css_1.default.badgePosition,
+            badge: CollaborationButton_module_css_1.default.badge
+        } },
+        react_1.default.createElement(CollaborationIcon_1.default, null)));
+};
+exports.CollaborationButton = CollaborationButton;

package/cjs/CollaborationButton/CollaborationButton.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"badge":"CollaborationButton-badge--noyiE","badgePosition":"CollaborationButton-badgePosition--30Efs"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.CollaborationButton-badge--noyiE{background-color:#ff4081;color:#fff;font-size:12px;height:18px;min-width:18px}.CollaborationButton-badgePosition--30Efs{right:5px}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/CollaborationButton/index.d.ts

@@ -0,0 +1 @@
+export { CollaborationButton } from './CollaborationButton';

package/cjs/CollaborationButton/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollaborationButton = void 0;
+var CollaborationButton_1 = require("./CollaborationButton");
+Object.defineProperty(exports, "CollaborationButton", { enumerable: true, get: function () { return CollaborationButton_1.CollaborationButton; } });

package/cjs/ProfileResizablePanes/ProfileResizablePanes.js

@@ -39,7 +39,8 @@ var ProfileResizablePanes = function (_a) {
     var _b = (0, PerspectivesSettingsContext_1.usePerspectivesSettings)(perspectiveId), perspectiveSettings = _b.perspectiveSettings, updatePerspectiveSettings = _b.updatePerspectiveSettings;
     var _c = (perspectiveSettings || {}).width, width = _c === void 0 ? DEFAULT_R_PANE_SIZE : _c;
     var active = !(0, ramda_1.isNil)(defaultTab) ? defaultTab : perspectiveSettings === null || perspectiveSettings === void 0 ? void 0 : perspectiveSettings.active;
-    var isSidePanelOpen = !(0, ramda_1.isNil)(active) && !disabled;
+    var activeButton = buttonsProps.find(function (button) { return button.id === active; });
+    var isSidePanelOpen = !(0, ramda_1.isNil)(active) && !disabled && Boolean(activeButton);
     var handleUpdateSettings = (0, react_1.useCallback)(function (newSetting) {
         updatePerspectiveSettings(newSetting);
     }, [updatePerspectiveSettings]);

package/cjs/ProfileResizablePanes/ProfileResizablePanes.spec.js

@@ -86,7 +86,7 @@ var setUp = function (props) {
                 width: 480
             },
             graph: {
-                active: 0,
+                active: 1,
                 width: 320
             }
         }
@@ -134,10 +134,10 @@ describe('ProfileResizablePanes tests', function () {
         expect(react_2.screen.getByRole('button', { name: 'Button 2' })).toBeInTheDocument();
         expect(react_2.screen.getByRole('separator')).toBeInTheDocument();
     });
-    it('should render resizable panes with open second pane with defaultTab:0', function () { return __awaiter(void 0, void 0, void 0, function () {
+    it('should render resizable panes with open second pane with defaultTab:1', function () { return __awaiter(void 0, void 0, void 0, function () {
         var container;
         return __generator(this, function (_a) {
-            container = setUp(__assign(__assign({}, defaultProps), { defaultTab: 0 })).container;
+            container = setUp(__assign(__assign({}, defaultProps), { defaultTab: 1 })).container;
             expect(react_2.screen.getByTestId('content')).toBeInTheDocument();
             expect(react_2.screen.getByTestId('rightPanel')).toBeInTheDocument();
             expect(getSplitPane1(container)).toBeInTheDocument();

package/cjs/RelationEditor/RelationEditor.js

@@ -97,6 +97,7 @@ var RelationEditor = function (_a) {
     var allRelationEditorErrors = (0, mdm_sdk_1.getAllRelationEditorActiveErrors)(connection, profileErrors);
     var modifiedEntity = isTempEntity ? mdmModifiedEntity : null;
     var allModifiedEntities = isTempEntity ? mdmAllModifiedEntities : null;
+    var excludeUris = (0, react_1.useMemo)(function () { return config.excludeUris || []; }, [config.excludeUris]);
     var _f = (0, useScrollToAttributeError_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _f.ref, errorClassName = _f.errorClassName;
     var _g = (0, react_1.useMemo)(function () {
         return (0, mdm_sdk_1.getInOutRelations)({
@@ -109,7 +110,10 @@ var RelationEditor = function (_a) {
             metadata: metadata
         });
     }, [config, direction, relationType, mode, metadata, connection.parentEntityUri]), _h = _g.inRelations, inRelationTypes = _h === void 0 ? [] : _h, _j = _g.outRelations, outRelationTypes = _j === void 0 ? [] : _j;
-    var firstLevelRelationAttrTypes = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationType); }, [relationType, metadata]);
+    var firstLevelRelationAttrTypes = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getRelationAttributesList)(metadata, relationType).filter(function (_a) {
+        var uri = _a.uri;
+        return !excludeUris.includes(uri);
+    }); }, [relationType, metadata, excludeUris]);
     var attributeListEntity = (0, react_1.useMemo)(function () { return (__assign({ attributes: __assign({}, (0, mdm_sdk_1.getRelationAttributesFromConnection)(connection)) }, (0, mdm_sdk_1.getActivenessAttributes)(connection.relation))); }, [connection]);
     var relatedTempEntities = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.findRelatedTemporaryEntities)(allModifiedEntities, modifiedEntity); }, [allModifiedEntities, modifiedEntity]);
     var relatedTempEntitiesUrisHistory = (0, react_1.useRef)([]);

package/cjs/features/workflow/WorkflowComments/WorkflowComments.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WorkflowAction, WorkflowComment } from '@reltio/mdm-sdk';
+import { WorkflowAction, WorkflowComment, WorkflowTaskData } from '@reltio/mdm-sdk';
 import { TaskAction } from '../types';
 type Props = {
     actionRequestIsInProgress?: boolean;
@@ -14,6 +14,7 @@ type Props = {
         container?: string;
         commentsContainer?: string;
     };
+    onCommentWrite?: (taskFields: Pick<WorkflowTaskData, 'processInstanceComments'>) => void;
 };
-export declare const WorkflowComments: ({ workflowActions: actions, actionRequestIsInProgress, processInstanceComments, taskId, isTaskOpen, preferredAction, showActionButtons, alwaysExpanded, classes }: Props) => React.JSX.Element;
+export declare const WorkflowComments: ({ workflowActions: actions, actionRequestIsInProgress, processInstanceComments, taskId, isTaskOpen, preferredAction, showActionButtons, alwaysExpanded, classes, onCommentWrite }: Props) => React.JSX.Element;
 export {};

package/cjs/features/workflow/WorkflowComments/WorkflowComments.js

@@ -40,13 +40,14 @@ var SmallIconButton_1 = require("../../../SmallIconButton");
 var WorkflowActionButtons_1 = require("../WorkflowActionButtons");
 var WorkflowComments_module_css_1 = __importDefault(require("./WorkflowComments.module.css"));
 var WorkflowComments = function (_a) {
-    var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen, preferredAction = _a.preferredAction, _b = _a.showActionButtons, showActionButtons = _b === void 0 ? true : _b, _c = _a.alwaysExpanded, alwaysExpanded = _c === void 0 ? false : _c, classes = _a.classes;
+    var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen, preferredAction = _a.preferredAction, _b = _a.showActionButtons, showActionButtons = _b === void 0 ? true : _b, _c = _a.alwaysExpanded, alwaysExpanded = _c === void 0 ? false : _c, classes = _a.classes, onCommentWrite = _a.onCommentWrite;
     var _d = (0, react_1.useState)(false), expanded = _d[0], setExpanded = _d[1];
     var _e = (0, react_1.useState)(''), comment = _e[0], setComment = _e[1];
     var _f = (0, useWorkflowComments_1.useWorkflowComments)({
         processInstanceComments: processInstanceComments,
         taskId: taskId,
-        isOpen: isTaskOpen
+        isOpen: isTaskOpen,
+        onCommentWrite: onCommentWrite
     }), comments = _f.comments, writeComment = _f.writeComment, readOnly = _f.readOnly;
     var sendComment = (0, react_1.useCallback)(function () {
         writeComment(comment);

package/cjs/features/workflow/hooks/useWorkflowComments.d.ts

@@ -1,6 +1,8 @@
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
-type Props = Pick<WorkflowTaskData, 'processInstanceComments' | 'taskId' | 'isOpen'>;
-export declare const useWorkflowComments: ({ processInstanceComments, taskId, isOpen }: Props) => {
+type Props = Pick<WorkflowTaskData, 'processInstanceComments' | 'taskId' | 'isOpen'> & {
+    onCommentWrite?: (taskFields: Pick<WorkflowTaskData, 'processInstanceComments'>) => void;
+};
+export declare const useWorkflowComments: ({ processInstanceComments, taskId, isOpen, onCommentWrite }: Props) => {
     comments: any[];
     requestIsInProgress: boolean;
     writeComment: (comment: any) => void;

package/cjs/features/workflow/hooks/useWorkflowComments.js

@@ -10,7 +10,7 @@ var common_1 = require("../helpers/common");
 var useWorkflowCheckPermission_1 = require("./useWorkflowCheckPermission");
 var MdmModuleContext_1 = require("../../../contexts/MdmModuleContext");
 var useWorkflowComments = function (_a) {
-    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isOpen = _a.isOpen;
+    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isOpen = _a.isOpen, onCommentWrite = _a.onCommentWrite;
     var updateTaskState = ((0, react_1.useContext)(WorkflowTasksContext_1.WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = (0, MdmModuleContext_1.useMdmWorkflowPath)();
     var environment = (0, MdmModuleContext_1.useMdmWorkflowEnvironmentUrl)();
@@ -44,11 +44,12 @@ var useWorkflowComments = function (_a) {
                 var processInstanceComments = _a.processInstanceComments;
                 setComments(processInstanceComments || []);
                 updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { processInstanceComments: processInstanceComments });
+                onCommentWrite === null || onCommentWrite === void 0 ? void 0 : onCommentWrite({ processInstanceComments: processInstanceComments });
             })
                 .catch(errors_1.showWorkflowError)
                 .finally(function () { return setRequestIsInProgress(false); });
         }
-    }, [environment, taskId, tenant, workflowPath, safePromise, updateTaskState, canUpdateTask]);
+    }, [environment, taskId, tenant, workflowPath, safePromise, updateTaskState, canUpdateTask, onCommentWrite]);
     return { comments: comments, requestIsInProgress: requestIsInProgress, writeComment: writeComment, readOnly: !canUpdateTask };
 };
 exports.useWorkflowComments = useWorkflowComments;

package/cjs/index.d.ts

@@ -196,6 +196,7 @@ export { FacetGroupTitle } from './FacetGroupTitle';
 export { FacetsSelector } from './FacetsSelector';
 export { FacetContainer } from './FacetContainer';
 export { RequestedData } from './RequestedData';
+export { CollaborationButton } from './CollaborationButton';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/cjs/index.js

@@ -18,10 +18,10 @@ exports.NestedAttribute = exports.MoreAttributesButton = exports.InlineReference
 exports.ReactSelectMenuList = exports.ReactSelectLoadMoreButton = exports.ReactSelectDropdownIndicatorWithIconButton = exports.ReactSelectDropdownIndicator = exports.Highlighter = exports.HierarchyNodeTitle = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.ExpandableSearchInput = exports.ErrorPopup = exports.ErrorBoundary = exports.SegmentIdLink = exports.EntityUriLink = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.Drawer = exports.DataTypeValue = exports.DataTenantBadge = exports.ConnectionRelationTypeSelector = exports.CollaborationItem = exports.ConfirmationDialog = exports.CommentsContainer = exports.ColoredSourceIcon = exports.CollapseButton = exports.TreeChart = exports.TableWithBars = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleAttributeEditor = exports.SimpleAttribute = exports.RowCellChips = exports.RowCellChipWithTooltip = exports.RowCellAutoSizer = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.ReferenceAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesPager = exports.ReadOnlyAttributesList = exports.ReadOnlyAttribute = exports.ReadOnlyAttributeValuesBlock = exports.PieChart = exports.OvIcon = exports.NestedAttributeEditor = void 0;
 exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportButton = exports.ReadableSearchQueryBuilder = exports.ReadableSearchQuery = exports.LogicOperatorWithPlaceholder = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.RelevanceScoreBadge = exports.RequiredMark = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ProfilesList = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.ImageGalleryDialog = exports.RelationTypesSelector = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.EmptyStub = exports.MaskingSwitcher = exports.FileTypeEditor = exports.EmptySearchResult = exports.DropDownEditor = exports.FilterValueEditor = exports.MultiValueChip = exports.TextEditor = exports.DateRangeEditor = exports.NumberEditor = exports.DataTypeValueEditor = exports.DateEditor = exports.ErrorWrapper = exports.ErrorMessage = exports.HIDE = exports.INSERT_RIGHT = exports.INSERT_LEFT = exports.ConfigColumnPopup = exports.ConfigureColumnsPopup = exports.ConnectionEditor = exports.DropDownSelector = exports.ReactSelectOptionWithCheckIcon = exports.ReactSelectMenuWithPopper = void 0;
 exports.DefaultHeadCellRendererWithTooltip = exports.LazyRenderer = exports.MetadataTypesSelector = exports.DateRangeSelector = exports.UpSetChart = exports.GaugeChart = exports.RelationEditor = exports.ReltioMap = exports.Marginator = exports.LightArrowTooltip = exports.ScrollableTabs = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopup = exports.WhiteSearchInput = exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.RCTreeSwitchRenderer = exports.RCTreeLevelLines = exports.RCTree = exports.reactSortableTreeHelpers = exports.ReactSortableTree = 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.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRulesBlock = void 0;
-exports.RelationContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.RequestedData = exports.FacetContainer = exports.FacetsSelector = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = exports.FacetGroup = exports.QuickFiltersFacetPanel = exports.AdvancedSearchFabButton = exports.QuickFiltersDrawer = void 0;
-exports.useSavedState = exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = void 0;
-exports.getAttrPathFromColumnId = exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useTableColumns = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = void 0;
-exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = void 0;
+exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.useEntityLoadingIndication = exports.EntityLoadingIndicationProvider = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.usePerspectivesSettings = exports.PerspectivesSettingsContext = exports.PivotingAttributeContext = exports.UsersContext = exports.InitialCollaborationContextValue = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockNavigationContext = exports.BlockImageGalleryDialogContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = exports.MdmModuleProvider = exports.withColumnConfigurator = exports.withBlockNavigation = exports.withCollapseButton = exports.withTableContext = exports.withFilterAtBottom = exports.withPercents = exports.withContext = exports.withDateRangeSelector = exports.withDragHandle = exports.withAsyncMount = exports.withTooltip = exports.CollaborationButton = exports.RequestedData = exports.FacetContainer = exports.FacetsSelector = exports.FacetGroupTitle = exports.QuickFiltersEntityTypeFacet = exports.FacetGroup = exports.QuickFiltersFacetPanel = exports.AdvancedSearchFabButton = exports.QuickFiltersDrawer = void 0;
+exports.useSafePromise = exports.useRunOnceAfterValueInitialization = exports.useRelationsLoader = exports.useRelationTypeSelector = exports.usePrevious = exports.useDidUpdateEffect = exports.useCommentsEntitiesMap = exports.useCollaboration = exports.useAsyncMount = exports.useAPI = exports.useActions = exports.useMatchesColumnsData = exports.useScrollToAttributeError = exports.ThemeProvider = exports.ProfileTablesContext = exports.HiddenAttributesContext = exports.BasicTableContext = exports.BasicTableRowCollapseContext = exports.useDeleteUnmaskedAttributeForRelation = exports.useUnmaskedAttributeValue = exports.useUnmaskAttributeValue = exports.useMaskAttributeValue = exports.MaskedAttributesProvider = exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = exports.ConfigPermissionsContextProvider = exports.ConfigPermissionsContext = exports.useActionsHook = exports.ActionsHookProvider = exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.isHighlightedAttributeType = exports.isHighlightedErrorType = exports.ScrollType = exports.ScrollToElementProvider = exports.ScrollToElementContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.RelationContext = void 0;
+exports.getAttributeHeight = exports.getNestedPathByColumnId = exports.applyCompactValuesCountConstraint = exports.getAttributeSelectorItems = exports.mergeClasses = exports.isControlOrCommandPressed = exports.getValue = exports.getChecked = exports.showErrorMessage = exports.showDefaultErrorMessage = exports.enrichDataWithPercents = exports.defaultRenderRowCell = exports.defaultGetRowCellHeight = exports.columnFilterToMdmFilter = exports.buildColumnsSizeById = exports.buildColumnsFilter = exports.useTableColumns = exports.useSegmentsLoader = exports.useDndBasicTableScrollModifier = exports.useDynamicYAxisWidth = exports.useFilterAutoFocus = exports.useSegmentationRequest = exports.resolveMarkers = exports.useMarkers = exports.useMaskedAttribute = exports.useKeyboardNavigation = exports.useDynamicRowCellHeight = exports.useClickableStyle = exports.BasicTableCellRenderer = exports.useBasicTableCellRenderer = exports.useHiddenAttributes = exports.useSavedSearchesRequest = exports.useRequestDCRReview = exports.useAutoFocus = exports.useExpandInvalidRelations = exports.useLayoutResetter = exports.useIsMountedRef = exports.useSnackbar = exports.useSavedStateForEntityType = exports.useReadableSearchState = exports.useEditableConnection = exports.useCustomScripts = exports.useMarkAsNotMatchRequest = exports.useMergeAllRequest = exports.usePagingSimulator = exports.useMatchesLoader = exports.useConfigPermissions = exports.useWhyDidYouUpdate = exports.useUsers = exports.useSavedState = void 0;
+exports.mockComputedStyles = exports.FakeMouseEvent = exports.rerenderWrapper = exports.mockElementSizes = exports.fixClicksOnResizablePanes = exports.mockBasicTableSizing = exports.getMuiIconsByName = exports.getMuiIconByName = exports.deepFreeze = exports.awaitMockPromises = exports.TestStylesProvider = exports.TestPerspectivesSettingsProvider = exports.getAttrPathFromColumnId = void 0;
 // components
 var ActionButton_1 = require("./ActionButton");
 Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
@@ -429,6 +429,8 @@ var FacetContainer_1 = require("./FacetContainer");
 Object.defineProperty(exports, "FacetContainer", { enumerable: true, get: function () { return FacetContainer_1.FacetContainer; } });
 var RequestedData_1 = require("./RequestedData");
 Object.defineProperty(exports, "RequestedData", { enumerable: true, get: function () { return RequestedData_1.RequestedData; } });
+var CollaborationButton_1 = require("./CollaborationButton");
+Object.defineProperty(exports, "CollaborationButton", { enumerable: true, get: function () { return CollaborationButton_1.CollaborationButton; } });
 // HOCs
 var withTooltip_1 = require("./HOCs/withTooltip");
 Object.defineProperty(exports, "withTooltip", { enumerable: true, get: function () { return withTooltip_1.withTooltip; } });

package/features/workflow/WorkflowComments/WorkflowComments.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WorkflowAction, WorkflowComment } from '@reltio/mdm-sdk';
+import { WorkflowAction, WorkflowComment, WorkflowTaskData } from '@reltio/mdm-sdk';
 import { TaskAction } from '../types';
 type Props = {
     actionRequestIsInProgress?: boolean;
@@ -14,6 +14,7 @@ type Props = {
         container?: string;
         commentsContainer?: string;
     };
+    onCommentWrite?: (taskFields: Pick<WorkflowTaskData, 'processInstanceComments'>) => void;
 };
-export declare const WorkflowComments: ({ workflowActions: actions, actionRequestIsInProgress, processInstanceComments, taskId, isTaskOpen, preferredAction, showActionButtons, alwaysExpanded, classes }: Props) => React.JSX.Element;
+export declare const WorkflowComments: ({ workflowActions: actions, actionRequestIsInProgress, processInstanceComments, taskId, isTaskOpen, preferredAction, showActionButtons, alwaysExpanded, classes, onCommentWrite }: Props) => React.JSX.Element;
 export {};

package/features/workflow/WorkflowComments/WorkflowComments.js

@@ -11,13 +11,14 @@ import { SmallIconButton } from '../../../SmallIconButton';
 import { WorkflowActionButtons } from '../WorkflowActionButtons';
 import styles from './WorkflowComments.module.css';
 export var WorkflowComments = function (_a) {
-    var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen, preferredAction = _a.preferredAction, _b = _a.showActionButtons, showActionButtons = _b === void 0 ? true : _b, _c = _a.alwaysExpanded, alwaysExpanded = _c === void 0 ? false : _c, classes = _a.classes;
+    var actions = _a.workflowActions, actionRequestIsInProgress = _a.actionRequestIsInProgress, processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isTaskOpen = _a.isTaskOpen, preferredAction = _a.preferredAction, _b = _a.showActionButtons, showActionButtons = _b === void 0 ? true : _b, _c = _a.alwaysExpanded, alwaysExpanded = _c === void 0 ? false : _c, classes = _a.classes, onCommentWrite = _a.onCommentWrite;
     var _d = useState(false), expanded = _d[0], setExpanded = _d[1];
     var _e = useState(''), comment = _e[0], setComment = _e[1];
     var _f = useWorkflowComments({
         processInstanceComments: processInstanceComments,
         taskId: taskId,
-        isOpen: isTaskOpen
+        isOpen: isTaskOpen,
+        onCommentWrite: onCommentWrite
     }), comments = _f.comments, writeComment = _f.writeComment, readOnly = _f.readOnly;
     var sendComment = useCallback(function () {
         writeComment(comment);

package/features/workflow/hooks/useWorkflowComments.d.ts

@@ -1,6 +1,8 @@
 import { WorkflowTaskData } from '@reltio/mdm-sdk';
-type Props = Pick<WorkflowTaskData, 'processInstanceComments' | 'taskId' | 'isOpen'>;
-export declare const useWorkflowComments: ({ processInstanceComments, taskId, isOpen }: Props) => {
+type Props = Pick<WorkflowTaskData, 'processInstanceComments' | 'taskId' | 'isOpen'> & {
+    onCommentWrite?: (taskFields: Pick<WorkflowTaskData, 'processInstanceComments'>) => void;
+};
+export declare const useWorkflowComments: ({ processInstanceComments, taskId, isOpen, onCommentWrite }: Props) => {
     comments: any[];
     requestIsInProgress: boolean;
     writeComment: (comment: any) => void;

package/features/workflow/hooks/useWorkflowComments.js

@@ -7,7 +7,7 @@ import { isOpenTask } from '../helpers/common';
 import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
 import { useMdmTenant, useMdmWorkflowEnvironmentUrl, useMdmWorkflowPath } from '../../../contexts/MdmModuleContext';
 export var useWorkflowComments = function (_a) {
-    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isOpen = _a.isOpen;
+    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isOpen = _a.isOpen, onCommentWrite = _a.onCommentWrite;
     var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = useMdmWorkflowPath();
     var environment = useMdmWorkflowEnvironmentUrl();
@@ -41,10 +41,11 @@ export var useWorkflowComments = function (_a) {
                 var processInstanceComments = _a.processInstanceComments;
                 setComments(processInstanceComments || []);
                 updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { processInstanceComments: processInstanceComments });
+                onCommentWrite === null || onCommentWrite === void 0 ? void 0 : onCommentWrite({ processInstanceComments: processInstanceComments });
             })
                 .catch(showWorkflowError)
                 .finally(function () { return setRequestIsInProgress(false); });
         }
-    }, [environment, taskId, tenant, workflowPath, safePromise, updateTaskState, canUpdateTask]);
+    }, [environment, taskId, tenant, workflowPath, safePromise, updateTaskState, canUpdateTask, onCommentWrite]);
     return { comments: comments, requestIsInProgress: requestIsInProgress, writeComment: writeComment, readOnly: !canUpdateTask };
 };

package/index.d.ts

@@ -196,6 +196,7 @@ export { FacetGroupTitle } from './FacetGroupTitle';
 export { FacetsSelector } from './FacetsSelector';
 export { FacetContainer } from './FacetContainer';
 export { RequestedData } from './RequestedData';
+export { CollaborationButton } from './CollaborationButton';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/index.js

@@ -196,6 +196,7 @@ export { FacetGroupTitle } from './FacetGroupTitle';
 export { FacetsSelector } from './FacetsSelector';
 export { FacetContainer } from './FacetContainer';
 export { RequestedData } from './RequestedData';
+export { CollaborationButton } from './CollaborationButton';
 // HOCs
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2214",
+  "version": "1.4.2216",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.2014",
+    "@reltio/mdm-sdk": "^1.4.2015",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",