@reltio/components 1.4.1742 → 1.4.1744

package/cjs/components/ActionsPanel/ActionsPanel.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export type Action = {
+    ActionButton: (props: any) => JSX.Element;
+    show: boolean;
+    props: Record<string, unknown>;
+};
+type Props = {
+    actions: Action[];
+    numberOfButtons?: number;
+    mode?: 'normal' | 'hover';
+    actionButtonSize?: string;
+    classes?: {
+        actionButton: string;
+        moreOptions: string;
+    };
+    onActionsMenuOpen?: () => void;
+    onActionsMenuClose?: () => void;
+    dataReltioId?: string;
+};
+declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => JSX.Element;
+export default ActionsPanel;

package/cjs/components/ActionsPanel/ActionsPanel.js

@@ -0,0 +1,42 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var MoreVert_1 = __importDefault(require("@mui/icons-material/MoreVert"));
+var ActionButton_1 = require("../ActionButton/ActionButton");
+var SmallIconButton_1 = require("../SmallIconButton");
+var DropDownMenuButton_1 = __importDefault(require("../DropDownMenuButton/DropDownMenuButton"));
+var MenuItemRenderer_1 = __importDefault(require("./MenuItemRenderer"));
+var ActionsPanel = function (_a) {
+    var actions = _a.actions, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 2 : _b, _c = _a.mode, mode = _c === void 0 ? 'normal' : _c, actionButtonSize = _a.actionButtonSize, classes = _a.classes, onActionsMenuOpen = _a.onActionsMenuOpen, onActionsMenuClose = _a.onActionsMenuClose, dataReltioId = _a.dataReltioId;
+    var _d = (0, ramda_1.splitAt)(numberOfButtons, actions), buttonActions = _d[0], menuActions = _d[1];
+    var buttonMode = mode === 'normal' ? ActionButton_1.ActionButtonMode.button : ActionButton_1.ActionButtonMode.iconButton;
+    var buttonSize = mode === 'normal' ? 'MPlus' : 'S';
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        buttonActions.map(function (_a, index) {
+            var ActionButton = _a.ActionButton, props = _a.props;
+            return (react_1.default.createElement(ActionButton, __assign({ key: index, mode: buttonMode, className: classes === null || classes === void 0 ? void 0 : classes.actionButton }, (actionButtonSize ? { size: actionButtonSize } : {}), props)));
+        }),
+        menuActions.length > 0 && (react_1.default.createElement(DropDownMenuButton_1.default, { buttonComponent: SmallIconButton_1.SmallIconButtonWithTooltip, buttonProps: {
+                icon: MoreVert_1.default,
+                size: buttonSize,
+                tooltipTitle: ui_i18n_1.default.text('More actions'),
+                'data-reltio-id': dataReltioId
+            }, className: classes === null || classes === void 0 ? void 0 : classes.moreOptions, menuId: 'matches-view-actions', menuItems: menuActions, onMenuOpen: onActionsMenuOpen, onMenuClose: onActionsMenuClose, MenuItemRenderer: MenuItemRenderer_1.default }))));
+};
+exports.default = ActionsPanel;

package/cjs/components/ActionsPanel/MenuItemRenderer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Action } from './ActionsPanel';
+type Props = {
+    item: Action;
+    onMenuClose?: () => void;
+};
+declare const MenuItemRenderer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export default MenuItemRenderer;

package/cjs/components/ActionsPanel/MenuItemRenderer.js

@@ -0,0 +1,45 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var ramda_1 = require("ramda");
+var MenuItemRenderer = (0, react_1.forwardRef)(function (_a, ref) {
+    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? ramda_1.identity : _b;
+    var ActionButton = item.ActionButton, props = item.props;
+    return react_1.default.createElement(ActionButton, __assign({ ref: ref, mode: "menuItem", onMenuClose: onMenuClose }, props));
+});
+MenuItemRenderer.displayName = 'MenuItemRenderer';
+exports.default = MenuItemRenderer;

package/cjs/components/UploadFileButton/UploadFileButton.js

@@ -35,17 +35,13 @@ var Typography_1 = __importDefault(require("@mui/material/Typography"));
 var Button_1 = __importDefault(require("@mui/material/Button"));
 var Cancel_1 = __importDefault(require("@mui/icons-material/Cancel"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ErrorPopup_1 = __importDefault(require("../ErrorPopup/ErrorPopup"));
 var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
+var errors_1 = require("../../core/errors");
 var styles_js_1 = require("./styles.js");
 var MODES = { INIT: 1, UPLOADING: 2, UPLOADED: 3 };
 var PROGRESS_ICON_SIZE = 20;
 var showFileUploadError = function (error) {
-    console.warn(error); // eslint-disable-line
-    ErrorPopup_1.default.addError({
-        title: ui_i18n_1.default.text('File upload error'),
-        message: (0, mdm_sdk_1.getRequestErrorMessage)(error)
-    });
+    (0, errors_1.showErrorMessage)(error, { title: ui_i18n_1.default.text('File upload error') });
 };
 var UploadMode = function (_a) {
     var _b = _a.supportedFileTypes, supportedFileTypes = _b === void 0 ? [] : _b, onUpload = _a.onUpload, onBeforeUpload = _a.onBeforeUpload;

package/cjs/components/activityLog/ActivityExportButton/ActivityExportButton.js

@@ -33,11 +33,11 @@ var Portal_1 = __importDefault(require("@mui/material/Portal"));
 var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
 var GetApp_1 = __importDefault(require("@mui/icons-material/GetApp"));
 var SmallIconButton_1 = require("../../SmallIconButton");
-var ErrorPopup_1 = __importDefault(require("../../ErrorPopup/ErrorPopup"));
 var DropDownMenuButton_1 = __importDefault(require("../../DropDownMenuButton/DropDownMenuButton"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var filters_1 = require("../utils/filters");
 var contexts_1 = require("../../../contexts");
+var errors_1 = require("../../../core/errors");
 var styles_1 = require("./styles");
 var ActivityExportButton = function (_a) {
     var filters = _a.filters, _b = _a.exportTypes, exportTypes = _b === void 0 ? [] : _b;
@@ -56,11 +56,7 @@ var ActivityExportButton = function (_a) {
             .catch(onError);
     }, [filters, tenant, exportPath]);
     var onError = function (error) {
-        console.warn(error);
-        ErrorPopup_1.default.addError({
-            title: ui_i18n_1.default.text('Error'),
-            message: (0, mdm_sdk_1.getRequestErrorMessage)(error, ui_i18n_1.default.text("Can't export activities"))
-        });
+        (0, errors_1.showErrorMessage)(error, { title: ui_i18n_1.default.text('Error'), defaultMessage: ui_i18n_1.default.text("Can't export activities") });
     };
     var handleOpenAppClick = (0, react_1.useCallback)(function () {
         openConsoleApp('Export');

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"historyTree" | "graph" | "history" | "buttonContainer" | "shadow">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"history" | "historyTree" | "graph" | "buttonContainer" | "shadow">;

package/cjs/components/index.d.ts

@@ -158,3 +158,4 @@ export { default as TenantLabel } from './TenantLabel/TenantLabel';
 export { default as StepNavigation } from './StepNavigation/StepNavigation';
 export { TableSkeleton } from './TableSkeleton/TableSkeleton';
 export { default as LogicOperator } from './LogicOperator/LogicOperator';
+export { default as ActionsPanel } from './ActionsPanel/ActionsPanel';

package/cjs/components/index.js

@@ -20,7 +20,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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.ScreenProfileBand = 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.DescriptionIcon = exports.AttributesView = exports.AttributeListItem = void 0;
 exports.SearchInput = exports.ProfileResizablePanes = 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.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = 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.ExternalInvalidRelations = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.AttributesErrorsPanel = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = void 0;
 exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = 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.ColoredSourceIcon = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = void 0;
-exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.MultilineMenuItem = exports.RelevanceScoreBadge = exports.RequiredMark = exports.HierarchyNodeTitle = void 0;
+exports.ActionsPanel = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.MultilineMenuItem = exports.RelevanceScoreBadge = exports.RequiredMark = exports.HierarchyNodeTitle = 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; } });
@@ -339,3 +339,5 @@ var TableSkeleton_1 = require("./TableSkeleton/TableSkeleton");
 Object.defineProperty(exports, "TableSkeleton", { enumerable: true, get: function () { return TableSkeleton_1.TableSkeleton; } });
 var LogicOperator_1 = require("./LogicOperator/LogicOperator");
 Object.defineProperty(exports, "LogicOperator", { enumerable: true, get: function () { return __importDefault(LogicOperator_1).default; } });
+var ActionsPanel_1 = require("./ActionsPanel/ActionsPanel");
+Object.defineProperty(exports, "ActionsPanel", { enumerable: true, get: function () { return __importDefault(ActionsPanel_1).default; } });

package/cjs/components/workflow/helpers/errors.d.ts

@@ -1,3 +1,2 @@
-import { ApiError, WorkflowApiError } from '@reltio/mdm-sdk';
-export declare const showApiError: (error?: ApiError) => void;
+import { WorkflowApiError } from '@reltio/mdm-sdk';
 export declare const showWorkflowError: (apiError?: WorkflowApiError) => void;

package/cjs/components/workflow/helpers/errors.js

@@ -1,27 +1,14 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.showWorkflowError = exports.showApiError = void 0;
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
+exports.showWorkflowError = void 0;
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var ErrorPopup_1 = __importDefault(require("../../ErrorPopup/ErrorPopup"));
-var showApiError = function (error) {
-    if (error === void 0) { error = {}; }
-    console.warn(error); // eslint-disable-line
-    ErrorPopup_1.default.addError({
-        title: ui_i18n_1.default.text('Error'),
-        message: error.errorMessage || ui_i18n_1.default.text('Something went wrong...')
-    });
-};
-exports.showApiError = showApiError;
+var errors_1 = require("../../../core/errors");
 var showWorkflowError = function (apiError) {
     if (apiError === void 0) { apiError = {}; }
     var error = apiError.error;
     if ((error === null || error === void 0 ? void 0 : error.errorCode) === mdm_sdk_1.ApiErrorCode.WORKFLOW_IS_NOT_REGISTERED_ERROR) {
         return;
     }
-    (0, exports.showApiError)(error);
+    (0, errors_1.showDefaultErrorMessage)(error);
 };
 exports.showWorkflowError = showWorkflowError;

package/cjs/components/workflow/hooks/useChangeRequest.js

@@ -17,7 +17,7 @@ var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var hooks_1 = require("../../../hooks");
 var dcrHelpers_1 = require("../helpers/dcrHelpers");
-var errors_1 = require("../helpers/errors");
+var errors_1 = require("../../../core/errors");
 var useChangeRequest = function (dcrUri) {
     var _a = (0, react_1.useState)([]), groupedObjects = _a[0], setGroupedObjects = _a[1];
     var _b = (0, react_1.useState)(null), dcr = _b[0], setDcr = _b[1];
@@ -48,10 +48,10 @@ var useChangeRequest = function (dcrUri) {
                     relationsObjectsWithRequestedEntities
                 ]);
             })
-                .catch(errors_1.showApiError);
+                .catch(errors_1.showErrorMessage);
             setDcr(dcr);
         })
-            .catch(errors_1.showApiError);
+            .catch(errors_1.showErrorMessage);
     }, [dcrUri, requestEntities]);
     return { dcr: dcr, groupedObjects: groupedObjects };
 };

package/cjs/contexts/ReloadDataContext/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+type ReloadDataContextValue = {
+    reloadData: () => void;
+    addReloadHandler: (f: () => void) => void;
+    removeReloadHandler: (f: () => void) => void;
+};
+export declare const ReloadDataProvider: ({ children }: {
+    children: React.ReactElement;
+}) => JSX.Element;
+export declare const useReloadData: () => ReloadDataContextValue;
+export {};

package/cjs/contexts/ReloadDataContext/index.js

@@ -0,0 +1,66 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useReloadData = exports.ReloadDataProvider = void 0;
+var react_1 = __importStar(require("react"));
+var ReloadDataContext = (0, react_1.createContext)({
+    reloadData: function () { },
+    addReloadHandler: function () { },
+    removeReloadHandler: function () { }
+});
+var createContextValue = function () {
+    var reloadDataHandlers = [];
+    var reloadData = function () {
+        reloadDataHandlers.forEach(function (reloadHandler) { return reloadHandler(); });
+    };
+    var addReloadHandler = function (reloadHandler) {
+        reloadDataHandlers.push(reloadHandler);
+    };
+    var removeReloadHandler = function (reloadHandler) {
+        var index = reloadDataHandlers.indexOf(reloadHandler);
+        if (index !== -1) {
+            reloadDataHandlers.splice(index, 1);
+        }
+    };
+    return {
+        reloadData: reloadData,
+        addReloadHandler: addReloadHandler,
+        removeReloadHandler: removeReloadHandler
+    };
+};
+var ReloadDataProvider = function (_a) {
+    var children = _a.children;
+    var contextValue = (0, react_1.useMemo)(function () { return createContextValue(); }, []);
+    return react_1.default.createElement(ReloadDataContext.Provider, { value: contextValue }, children);
+};
+exports.ReloadDataProvider = ReloadDataProvider;
+var useReloadData = function () {
+    var dataContext = (0, react_1.useContext)(ReloadDataContext);
+    if (dataContext === undefined) {
+        throw new Error('useReloadData must be used within a ReloadDataProvider');
+    }
+    return dataContext;
+};
+exports.useReloadData = useReloadData;

package/cjs/contexts/index.d.ts

@@ -33,3 +33,4 @@ export { PageRequestsAbortingContext } from './PageRequestsAbortingContext';
 export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
 export { ConfigPermissionsContext, ConfigPermissionsContextProvider, useAttributeValueConfigPermissions } from './ConfigPermissionsContext';
 export * from './MdmModuleContext';
+export { ReloadDataProvider, useReloadData } from './ReloadDataContext';

package/cjs/contexts/index.js

@@ -15,7 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 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.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.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
-exports.useAttributeValueConfigPermissions = void 0;
+exports.useReloadData = exports.ReloadDataProvider = exports.useAttributeValueConfigPermissions = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -102,3 +102,6 @@ Object.defineProperty(exports, "ConfigPermissionsContext", { enumerable: true, g
 Object.defineProperty(exports, "ConfigPermissionsContextProvider", { enumerable: true, get: function () { return ConfigPermissionsContext_1.ConfigPermissionsContextProvider; } });
 Object.defineProperty(exports, "useAttributeValueConfigPermissions", { enumerable: true, get: function () { return ConfigPermissionsContext_1.useAttributeValueConfigPermissions; } });
 __exportStar(require("./MdmModuleContext"), exports);
+var ReloadDataContext_1 = require("./ReloadDataContext");
+Object.defineProperty(exports, "ReloadDataProvider", { enumerable: true, get: function () { return ReloadDataContext_1.ReloadDataProvider; } });
+Object.defineProperty(exports, "useReloadData", { enumerable: true, get: function () { return ReloadDataContext_1.useReloadData; } });

package/cjs/core/errors.d.ts

@@ -0,0 +1,7 @@
+import { ApiError } from '@reltio/mdm-sdk';
+export declare const showErrorMessage: (error: ApiError | unknown, params?: {
+    title?: string;
+    message?: string;
+    defaultMessage?: string;
+}) => void;
+export declare const showDefaultErrorMessage: (error: ApiError | unknown) => void;

package/cjs/core/errors.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.showDefaultErrorMessage = exports.showErrorMessage = void 0;
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var ErrorPopup_1 = __importDefault(require("../components/ErrorPopup/ErrorPopup"));
+var showErrorMessage = function (error, params) {
+    var _a = params || {}, _b = _a.title, title = _b === void 0 ? ui_i18n_1.default.text('Error') : _b, message = _a.message, defaultMessage = _a.defaultMessage;
+    console.warn(error);
+    ErrorPopup_1.default.addError({
+        title: title,
+        message: message || (0, mdm_sdk_1.getRequestErrorMessage)(error, defaultMessage)
+    });
+};
+exports.showErrorMessage = showErrorMessage;
+var showDefaultErrorMessage = function (error) {
+    (0, exports.showErrorMessage)(error, { defaultMessage: ui_i18n_1.default.text('Something went wrong') });
+};
+exports.showDefaultErrorMessage = showDefaultErrorMessage;

package/cjs/core/index.d.ts

@@ -1 +1,2 @@
 export * from "./utils";
+export { showErrorMessage, showDefaultErrorMessage } from "./errors";

package/cjs/core/index.js

@@ -14,4 +14,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.showDefaultErrorMessage = exports.showErrorMessage = void 0;
 __exportStar(require("./utils"), exports);
+var errors_1 = require("./errors");
+Object.defineProperty(exports, "showErrorMessage", { enumerable: true, get: function () { return errors_1.showErrorMessage; } });
+Object.defineProperty(exports, "showDefaultErrorMessage", { enumerable: true, get: function () { return errors_1.showDefaultErrorMessage; } });

package/cjs/hooks/index.d.ts

@@ -28,3 +28,4 @@ export { useIsMountedRef } from './useIsMountedRef';
 export { useLayoutResetter } from './useLayoutResetter';
 export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';
+export { useRequestDCRReview } from './useRequestDCRReview';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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 = 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 = void 0;
+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 = 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 = void 0;
 var useScrollToAttributeError_1 = require("./useScrollToAttributeError/useScrollToAttributeError");
 Object.defineProperty(exports, "useScrollToAttributeError", { enumerable: true, get: function () { return useScrollToAttributeError_1.useScrollToAttributeError; } });
 var useMatchesColumnsData_1 = require("./useMatchesColumnsData/useMatchesColumnsData");
@@ -61,3 +61,5 @@ var useExpandInvalidRelations_1 = require("./useExpandInvalidRelations");
 Object.defineProperty(exports, "useExpandInvalidRelations", { enumerable: true, get: function () { return useExpandInvalidRelations_1.useExpandInvalidRelations; } });
 var useAutoFocus_1 = require("./useAutoFocus");
 Object.defineProperty(exports, "useAutoFocus", { enumerable: true, get: function () { return useAutoFocus_1.useAutoFocus; } });
+var useRequestDCRReview_1 = require("./useRequestDCRReview");
+Object.defineProperty(exports, "useRequestDCRReview", { enumerable: true, get: function () { return useRequestDCRReview_1.useRequestDCRReview; } });

package/cjs/hooks/useRequestDCRReview.d.ts

@@ -0,0 +1,11 @@
+import { Entity, WorkflowApiError } from '@reltio/mdm-sdk';
+type Props = {
+    entities: Entity[];
+    entity: Entity;
+    onStartRequest?: () => void;
+    onEndRequest?: () => void;
+    onError?: (error: WorkflowApiError) => void;
+    showSnackbarMessage?: (message: string) => void;
+};
+export declare const useRequestDCRReview: ({ entities, entity, onStartRequest, onEndRequest, onError, showSnackbarMessage }: Props) => (() => void);
+export {};

package/cjs/hooks/useRequestDCRReview.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRequestDCRReview = void 0;
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
+var ramda_1 = require("ramda");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var PROCESS_TYPE = 'potentialMatchReview';
+var useRequestDCRReview = function (_a) {
+    var entities = _a.entities, entity = _a.entity, onStartRequest = _a.onStartRequest, onEndRequest = _a.onEndRequest, onError = _a.onError, showSnackbarMessage = _a.showSnackbarMessage;
+    var selectors = mdm_module_1.default.selectors;
+    var workflowPath = (0, react_redux_1.useSelector)(selectors.getWorkflowPath);
+    var environment = (0, react_redux_1.useSelector)(selectors.getWorkflowEnvironmentUrl);
+    var tenant = (0, react_redux_1.useSelector)(selectors.getTenant);
+    var getUri = (0, ramda_1.prop)('uri');
+    var getUrisFromEntities = (0, ramda_1.pipe)(ramda_1.concat, (0, ramda_1.map)(getUri));
+    var uris = getUrisFromEntities([entity], entities);
+    var startPMReview = (0, react_1.useCallback)(function () {
+        onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
+        (0, mdm_sdk_1.startProcessInstanceByPairs)({
+            workflowPath: workflowPath,
+            processType: PROCESS_TYPE,
+            objectURIs: uris,
+            tenant: tenant,
+            environment: environment
+        })
+            .then(function () {
+            showSnackbarMessage === null || showSnackbarMessage === void 0 ? void 0 : showSnackbarMessage(ui_i18n_1.default.text('Potential match request: Done'));
+        })
+            .catch(onError)
+            .finally(function () {
+            onEndRequest === null || onEndRequest === void 0 ? void 0 : onEndRequest();
+        });
+    }, [onStartRequest, onEndRequest, onError, workflowPath, uris, tenant, environment, showSnackbarMessage]);
+    return startPMReview;
+};
+exports.useRequestDCRReview = useRequestDCRReview;

package/esm/components/ActionsPanel/ActionsPanel.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export type Action = {
+    ActionButton: (props: any) => JSX.Element;
+    show: boolean;
+    props: Record<string, unknown>;
+};
+type Props = {
+    actions: Action[];
+    numberOfButtons?: number;
+    mode?: 'normal' | 'hover';
+    actionButtonSize?: string;
+    classes?: {
+        actionButton: string;
+        moreOptions: string;
+    };
+    onActionsMenuOpen?: () => void;
+    onActionsMenuClose?: () => void;
+    dataReltioId?: string;
+};
+declare const ActionsPanel: ({ actions, numberOfButtons, mode, actionButtonSize, classes, onActionsMenuOpen, onActionsMenuClose, dataReltioId }: Props) => JSX.Element;
+export default ActionsPanel;

package/esm/components/ActionsPanel/ActionsPanel.js

@@ -0,0 +1,37 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+import { splitAt } from 'ramda';
+import i18n from 'ui-i18n';
+import MoreVertIcon from '@mui/icons-material/MoreVert';
+import { ActionButtonMode } from '../ActionButton/ActionButton';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
+import DropDownMenuButton from '../DropDownMenuButton/DropDownMenuButton';
+import MenuItemRenderer from './MenuItemRenderer';
+var ActionsPanel = function (_a) {
+    var actions = _a.actions, _b = _a.numberOfButtons, numberOfButtons = _b === void 0 ? 2 : _b, _c = _a.mode, mode = _c === void 0 ? 'normal' : _c, actionButtonSize = _a.actionButtonSize, classes = _a.classes, onActionsMenuOpen = _a.onActionsMenuOpen, onActionsMenuClose = _a.onActionsMenuClose, dataReltioId = _a.dataReltioId;
+    var _d = splitAt(numberOfButtons, actions), buttonActions = _d[0], menuActions = _d[1];
+    var buttonMode = mode === 'normal' ? ActionButtonMode.button : ActionButtonMode.iconButton;
+    var buttonSize = mode === 'normal' ? 'MPlus' : 'S';
+    return (React.createElement(React.Fragment, null,
+        buttonActions.map(function (_a, index) {
+            var ActionButton = _a.ActionButton, props = _a.props;
+            return (React.createElement(ActionButton, __assign({ key: index, mode: buttonMode, className: classes === null || classes === void 0 ? void 0 : classes.actionButton }, (actionButtonSize ? { size: actionButtonSize } : {}), props)));
+        }),
+        menuActions.length > 0 && (React.createElement(DropDownMenuButton, { buttonComponent: SmallIconButtonWithTooltip, buttonProps: {
+                icon: MoreVertIcon,
+                size: buttonSize,
+                tooltipTitle: i18n.text('More actions'),
+                'data-reltio-id': dataReltioId
+            }, className: classes === null || classes === void 0 ? void 0 : classes.moreOptions, menuId: 'matches-view-actions', menuItems: menuActions, onMenuOpen: onActionsMenuOpen, onMenuClose: onActionsMenuClose, MenuItemRenderer: MenuItemRenderer }))));
+};
+export default ActionsPanel;

package/esm/components/ActionsPanel/MenuItemRenderer.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Action } from './ActionsPanel';
+type Props = {
+    item: Action;
+    onMenuClose?: () => void;
+};
+declare const MenuItemRenderer: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export default MenuItemRenderer;

package/esm/components/ActionsPanel/MenuItemRenderer.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { forwardRef } from 'react';
+import { identity } from 'ramda';
+var MenuItemRenderer = forwardRef(function (_a, ref) {
+    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? identity : _b;
+    var ActionButton = item.ActionButton, props = item.props;
+    return React.createElement(ActionButton, __assign({ ref: ref, mode: "menuItem", onMenuClose: onMenuClose }, props));
+});
+MenuItemRenderer.displayName = 'MenuItemRenderer';
+export default MenuItemRenderer;

package/esm/components/UploadFileButton/UploadFileButton.js

@@ -6,18 +6,14 @@ import Link from '@mui/material/Link';
 import Typography from '@mui/material/Typography';
 import Button from '@mui/material/Button';
 import CancelIcon from '@mui/icons-material/Cancel';
-import { getLabel, getRequestErrorMessage } from '@reltio/mdm-sdk';
-import ErrorPopup from '../ErrorPopup/ErrorPopup';
+import { getLabel } from '@reltio/mdm-sdk';
 import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
+import { showErrorMessage } from '../../core/errors';
 import { useStyles } from './styles.js';
 var MODES = { INIT: 1, UPLOADING: 2, UPLOADED: 3 };
 var PROGRESS_ICON_SIZE = 20;
 var showFileUploadError = function (error) {
-    console.warn(error); // eslint-disable-line
-    ErrorPopup.addError({
-        title: i18n.text('File upload error'),
-        message: getRequestErrorMessage(error)
-    });
+    showErrorMessage(error, { title: i18n.text('File upload error') });
 };
 var UploadMode = function (_a) {
     var _b = _a.supportedFileTypes, supportedFileTypes = _b === void 0 ? [] : _b, onUpload = _a.onUpload, onBeforeUpload = _a.onBeforeUpload;

package/esm/components/activityLog/ActivityExportButton/ActivityExportButton.js

@@ -5,11 +5,11 @@ import Portal from '@mui/material/Portal';
 import Snackbar from '@mui/material/Snackbar';
 import GetAppIcon from '@mui/icons-material/GetApp';
 import { SmallIconButtonWithTooltip } from '../../SmallIconButton';
-import ErrorPopup from '../../ErrorPopup/ErrorPopup';
 import DropDownMenuButton from '../../DropDownMenuButton/DropDownMenuButton';
-import { exportActivities, getRequestErrorMessage } from '@reltio/mdm-sdk';
+import { exportActivities } from '@reltio/mdm-sdk';
 import { buildActivitiesFilterString } from '../utils/filters';
 import { useMdmAction, useMdmExportPath, useMdmTenant } from '../../../contexts';
+import { showErrorMessage } from '../../../core/errors';
 import { useStyles } from './styles';
 var ActivityExportButton = function (_a) {
     var filters = _a.filters, _b = _a.exportTypes, exportTypes = _b === void 0 ? [] : _b;
@@ -28,11 +28,7 @@ var ActivityExportButton = function (_a) {
             .catch(onError);
     }, [filters, tenant, exportPath]);
     var onError = function (error) {
-        console.warn(error);
-        ErrorPopup.addError({
-            title: i18n.text('Error'),
-            message: getRequestErrorMessage(error, i18n.text("Can't export activities"))
-        });
+        showErrorMessage(error, { title: i18n.text('Error'), defaultMessage: i18n.text("Can't export activities") });
     };
     var handleOpenAppClick = useCallback(function () {
         openConsoleApp('Export');

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

@@ -1 +1 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"historyTree" | "graph" | "history" | "buttonContainer" | "shadow">;
+export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"history" | "historyTree" | "graph" | "buttonContainer" | "shadow">;

package/esm/components/index.d.ts

@@ -158,3 +158,4 @@ export { default as TenantLabel } from './TenantLabel/TenantLabel';
 export { default as StepNavigation } from './StepNavigation/StepNavigation';
 export { TableSkeleton } from './TableSkeleton/TableSkeleton';
 export { default as LogicOperator } from './LogicOperator/LogicOperator';
+export { default as ActionsPanel } from './ActionsPanel/ActionsPanel';

package/esm/components/index.js

@@ -158,3 +158,4 @@ export { default as TenantLabel } from './TenantLabel/TenantLabel';
 export { default as StepNavigation } from './StepNavigation/StepNavigation';
 export { TableSkeleton } from './TableSkeleton/TableSkeleton';
 export { default as LogicOperator } from './LogicOperator/LogicOperator';
+export { default as ActionsPanel } from './ActionsPanel/ActionsPanel';

package/esm/components/workflow/helpers/errors.d.ts

@@ -1,3 +1,2 @@
-import { ApiError, WorkflowApiError } from '@reltio/mdm-sdk';
-export declare const showApiError: (error?: ApiError) => void;
+import { WorkflowApiError } from '@reltio/mdm-sdk';
 export declare const showWorkflowError: (apiError?: WorkflowApiError) => void;

package/esm/components/workflow/helpers/errors.js

@@ -1,19 +1,10 @@
-import i18n from 'ui-i18n';
 import { ApiErrorCode } from '@reltio/mdm-sdk';
-import ErrorPopup from '../../ErrorPopup/ErrorPopup';
-export var showApiError = function (error) {
-    if (error === void 0) { error = {}; }
-    console.warn(error); // eslint-disable-line
-    ErrorPopup.addError({
-        title: i18n.text('Error'),
-        message: error.errorMessage || i18n.text('Something went wrong...')
-    });
-};
+import { showDefaultErrorMessage } from '../../../core/errors';
 export var showWorkflowError = function (apiError) {
     if (apiError === void 0) { apiError = {}; }
     var error = apiError.error;
     if ((error === null || error === void 0 ? void 0 : error.errorCode) === ApiErrorCode.WORKFLOW_IS_NOT_REGISTERED_ERROR) {
         return;
     }
-    showApiError(error);
+    showDefaultErrorMessage(error);
 };

package/esm/components/workflow/hooks/useChangeRequest.js

@@ -14,7 +14,7 @@ import { flatten, has, isEmpty, map, partition, path, pipe, reduce, values } fro
 import { getDataChangeRequest, getEntitiesByUris } from '@reltio/mdm-sdk';
 import { useSafePromise } from '../../../hooks';
 import { concatEntityRelationsObjects, createEntityRelationsObjectByEntity, createEntityRelationsObjectByRelation, extractObjectsFromChangeRequest, getEntitiesObjects, getRelationsObjects } from '../helpers/dcrHelpers';
-import { showApiError } from '../helpers/errors';
+import { showErrorMessage } from '../../../core/errors';
 export var useChangeRequest = function (dcrUri) {
     var _a = useState([]), groupedObjects = _a[0], setGroupedObjects = _a[1];
     var _b = useState(null), dcr = _b[0], setDcr = _b[1];
@@ -45,10 +45,10 @@ export var useChangeRequest = function (dcrUri) {
                     relationsObjectsWithRequestedEntities
                 ]);
             })
-                .catch(showApiError);
+                .catch(showErrorMessage);
             setDcr(dcr);
         })
-            .catch(showApiError);
+            .catch(showErrorMessage);
     }, [dcrUri, requestEntities]);
     return { dcr: dcr, groupedObjects: groupedObjects };
 };

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

@@ -0,0 +1,11 @@
+import React from 'react';
+type ReloadDataContextValue = {
+    reloadData: () => void;
+    addReloadHandler: (f: () => void) => void;
+    removeReloadHandler: (f: () => void) => void;
+};
+export declare const ReloadDataProvider: ({ children }: {
+    children: React.ReactElement;
+}) => JSX.Element;
+export declare const useReloadData: () => ReloadDataContextValue;
+export {};

package/esm/contexts/ReloadDataContext/index.js

@@ -0,0 +1,38 @@
+import React, { createContext, useContext, useMemo } from 'react';
+var ReloadDataContext = createContext({
+    reloadData: function () { },
+    addReloadHandler: function () { },
+    removeReloadHandler: function () { }
+});
+var createContextValue = function () {
+    var reloadDataHandlers = [];
+    var reloadData = function () {
+        reloadDataHandlers.forEach(function (reloadHandler) { return reloadHandler(); });
+    };
+    var addReloadHandler = function (reloadHandler) {
+        reloadDataHandlers.push(reloadHandler);
+    };
+    var removeReloadHandler = function (reloadHandler) {
+        var index = reloadDataHandlers.indexOf(reloadHandler);
+        if (index !== -1) {
+            reloadDataHandlers.splice(index, 1);
+        }
+    };
+    return {
+        reloadData: reloadData,
+        addReloadHandler: addReloadHandler,
+        removeReloadHandler: removeReloadHandler
+    };
+};
+export var ReloadDataProvider = function (_a) {
+    var children = _a.children;
+    var contextValue = useMemo(function () { return createContextValue(); }, []);
+    return React.createElement(ReloadDataContext.Provider, { value: contextValue }, children);
+};
+export var useReloadData = function () {
+    var dataContext = useContext(ReloadDataContext);
+    if (dataContext === undefined) {
+        throw new Error('useReloadData must be used within a ReloadDataProvider');
+    }
+    return dataContext;
+};

package/esm/contexts/index.d.ts

@@ -33,3 +33,4 @@ export { PageRequestsAbortingContext } from './PageRequestsAbortingContext';
 export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
 export { ConfigPermissionsContext, ConfigPermissionsContextProvider, useAttributeValueConfigPermissions } from './ConfigPermissionsContext';
 export * from './MdmModuleContext';
+export { ReloadDataProvider, useReloadData } from './ReloadDataContext';

package/esm/contexts/index.js

@@ -33,3 +33,4 @@ export { PageRequestsAbortingContext } from './PageRequestsAbortingContext';
 export { ActionsHookProvider, useActionsHook } from './ActionsHookContext';
 export { ConfigPermissionsContext, ConfigPermissionsContextProvider, useAttributeValueConfigPermissions } from './ConfigPermissionsContext';
 export * from './MdmModuleContext';
+export { ReloadDataProvider, useReloadData } from './ReloadDataContext';

package/esm/core/errors.d.ts

@@ -0,0 +1,7 @@
+import { ApiError } from '@reltio/mdm-sdk';
+export declare const showErrorMessage: (error: ApiError | unknown, params?: {
+    title?: string;
+    message?: string;
+    defaultMessage?: string;
+}) => void;
+export declare const showDefaultErrorMessage: (error: ApiError | unknown) => void;

package/esm/core/errors.js

@@ -0,0 +1,14 @@
+import i18n from 'ui-i18n';
+import { getRequestErrorMessage } from '@reltio/mdm-sdk';
+import ErrorPopup from '../components/ErrorPopup/ErrorPopup';
+export var showErrorMessage = function (error, params) {
+    var _a = params || {}, _b = _a.title, title = _b === void 0 ? i18n.text('Error') : _b, message = _a.message, defaultMessage = _a.defaultMessage;
+    console.warn(error);
+    ErrorPopup.addError({
+        title: title,
+        message: message || getRequestErrorMessage(error, defaultMessage)
+    });
+};
+export var showDefaultErrorMessage = function (error) {
+    showErrorMessage(error, { defaultMessage: i18n.text('Something went wrong') });
+};

package/esm/core/index.d.ts

@@ -1 +1,2 @@
 export * from "./utils";
+export { showErrorMessage, showDefaultErrorMessage } from "./errors";

package/esm/core/index.js

@@ -1 +1,2 @@
 export * from './utils';
+export { showErrorMessage, showDefaultErrorMessage } from './errors';

package/esm/hooks/index.d.ts

@@ -28,3 +28,4 @@ export { useIsMountedRef } from './useIsMountedRef';
 export { useLayoutResetter } from './useLayoutResetter';
 export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';
+export { useRequestDCRReview } from './useRequestDCRReview';

package/esm/hooks/index.js

@@ -28,3 +28,4 @@ export { useIsMountedRef } from './useIsMountedRef';
 export { useLayoutResetter } from './useLayoutResetter';
 export { useExpandInvalidRelations } from './useExpandInvalidRelations';
 export { useAutoFocus } from './useAutoFocus';
+export { useRequestDCRReview } from './useRequestDCRReview';

package/esm/hooks/useRequestDCRReview.d.ts

@@ -0,0 +1,11 @@
+import { Entity, WorkflowApiError } from '@reltio/mdm-sdk';
+type Props = {
+    entities: Entity[];
+    entity: Entity;
+    onStartRequest?: () => void;
+    onEndRequest?: () => void;
+    onError?: (error: WorkflowApiError) => void;
+    showSnackbarMessage?: (message: string) => void;
+};
+export declare const useRequestDCRReview: ({ entities, entity, onStartRequest, onEndRequest, onError, showSnackbarMessage }: Props) => (() => void);
+export {};

package/esm/hooks/useRequestDCRReview.js

@@ -0,0 +1,35 @@
+import { useCallback } from 'react';
+import { useSelector } from 'react-redux';
+import i18n from 'ui-i18n';
+import { concat, map, pipe, prop } from 'ramda';
+import mdmModule from '@reltio/mdm-module';
+import { startProcessInstanceByPairs } from '@reltio/mdm-sdk';
+var PROCESS_TYPE = 'potentialMatchReview';
+export var useRequestDCRReview = function (_a) {
+    var entities = _a.entities, entity = _a.entity, onStartRequest = _a.onStartRequest, onEndRequest = _a.onEndRequest, onError = _a.onError, showSnackbarMessage = _a.showSnackbarMessage;
+    var selectors = mdmModule.selectors;
+    var workflowPath = useSelector(selectors.getWorkflowPath);
+    var environment = useSelector(selectors.getWorkflowEnvironmentUrl);
+    var tenant = useSelector(selectors.getTenant);
+    var getUri = prop('uri');
+    var getUrisFromEntities = pipe(concat, map(getUri));
+    var uris = getUrisFromEntities([entity], entities);
+    var startPMReview = useCallback(function () {
+        onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
+        startProcessInstanceByPairs({
+            workflowPath: workflowPath,
+            processType: PROCESS_TYPE,
+            objectURIs: uris,
+            tenant: tenant,
+            environment: environment
+        })
+            .then(function () {
+            showSnackbarMessage === null || showSnackbarMessage === void 0 ? void 0 : showSnackbarMessage(i18n.text('Potential match request: Done'));
+        })
+            .catch(onError)
+            .finally(function () {
+            onEndRequest === null || onEndRequest === void 0 ? void 0 : onEndRequest();
+        });
+    }, [onStartRequest, onEndRequest, onError, workflowPath, uris, tenant, environment, showSnackbarMessage]);
+    return startPMReview;
+};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1742",
+  "version": "1.4.1744",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1725",
+    "@reltio/mdm-sdk": "^1.4.1727",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",