@reltio/components 1.4.907 → 1.4.911

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

@@ -0,0 +1,44 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var Check_1 = __importDefault(require("@material-ui/icons/Check"));
+var core_1 = require("../../../core");
+var styles_1 = require("./styles");
+var MenuItemRenderer = react_1.forwardRef(function (_a, ref) {
+    var item = _a.item, _b = _a.onMenuClose, onMenuClose = _b === void 0 ? core_1.noop : _b;
+    var styles = styles_1.useStyles();
+    var text = item.text, selected = item.selected, onClick = item.onClick;
+    var handleClick = function (e) {
+        onMenuClose();
+        onClick(e);
+    };
+    return (react_1.default.createElement(MenuItem_1.default, { classes: { root: styles.menuItem }, onClick: handleClick, ref: ref },
+        selected && react_1.default.createElement(Check_1.default, { className: styles.checkIcon }),
+        react_1.default.createElement(Typography_1.default, { classes: { root: styles.menuText } }, text)));
+});
+MenuItemRenderer.displayName = 'MenuItemRenderer';
+exports.default = MenuItemRenderer;

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

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

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

@@ -5,5 +5,18 @@ var styles_1 = require("@material-ui/core/styles");
 exports.useStyles = styles_1.makeStyles({
     icon: {
         margin: 5
+    },
+    menuItem: {
+        minHeight: '32px'
+    },
+    menuText: {
+        fontSize: '13px',
+        lineHeight: '15px',
+        letterSpacing: 0,
+        marginLeft: '30px'
+    },
+    checkIcon: {
+        position: 'absolute',
+        color: 'rgba(0, 0, 0, 0.54)'
     }
 });

package/cjs/components/index.d.ts

@@ -122,3 +122,6 @@ export { default as OvIcon } from './attributes/OvIcon';
 export { default as RelationEditor } from './RelationEditor';
 export * from './workflow';
 export { ProfileMatchCard } from './ProfileMatchCard/ProfileMatchCard';
+export { MergeButton } from './MergeButton/MergeButton';
+export { NotMatchButton } from './NotMatchButton/NotMatchButton';
+export { ActionButton, ActionButtonMode } from './ActionButton/ActionButton';

package/cjs/components/index.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.AttributesView = exports.AttributeListItem = void 0;
 exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = exports.SearchInput = exports.ScoreLabel = exports.Score = 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.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.ErrorBoundary = exports.EntityUriLink = exports.EntityTypesSelector = void 0;
-exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = void 0;
+exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = 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; } });
@@ -260,3 +260,10 @@ Object.defineProperty(exports, "RelationEditor", { enumerable: true, get: functi
 __exportStar(require("./workflow"), exports);
 var ProfileMatchCard_1 = require("./ProfileMatchCard/ProfileMatchCard");
 Object.defineProperty(exports, "ProfileMatchCard", { enumerable: true, get: function () { return ProfileMatchCard_1.ProfileMatchCard; } });
+var MergeButton_1 = require("./MergeButton/MergeButton");
+Object.defineProperty(exports, "MergeButton", { enumerable: true, get: function () { return MergeButton_1.MergeButton; } });
+var NotMatchButton_1 = require("./NotMatchButton/NotMatchButton");
+Object.defineProperty(exports, "NotMatchButton", { enumerable: true, get: function () { return NotMatchButton_1.NotMatchButton; } });
+var ActionButton_1 = require("./ActionButton/ActionButton");
+Object.defineProperty(exports, "ActionButton", { enumerable: true, get: function () { return ActionButton_1.ActionButton; } });
+Object.defineProperty(exports, "ActionButtonMode", { enumerable: true, get: function () { return ActionButton_1.ActionButtonMode; } });

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

@@ -6,6 +6,7 @@ export declare const CollaborationContext: React.Context<{
     comments: Comment[];
     currentComment: Comment;
     getComments: (uri: string, pageToken?: string) => void;
+    getCommentsCount: (objectIds: string[]) => void;
     getComment: (commentId: Comment['commentId']) => void;
     createComment: (params: Pick<Comment, 'content' | 'namedUsers' | 'objectType' | 'relatedObjectUris'> & {
         uri: string;

package/cjs/contexts/CollaborationContext/index.js

@@ -12,6 +12,7 @@ exports.CollaborationContext = react_1.default.createContext({
     currentComment: null,
     getComment: noop,
     getComments: function () { return new Promise(noop); },
+    getCommentsCount: noop,
     createComment: function () { return new Promise(noop); },
     editComment: function () { return new Promise(noop); },
     createReply: function () { return new Promise(noop); },

package/cjs/hooks/index.d.ts

@@ -13,3 +13,5 @@ export { useWhyDidYouUpdate } from './useWhyDidYouUpdate';
 export { useConfigPermissions } from './useConfigPermissions';
 export { useMatchesLoader } from './useMatchesLoader';
 export { usePagingSimulator } from './usePagingSimulator';
+export { useMergeAllRequest } from './useMergeAllRequest';
+export { useMarkAsNotMatchRequest } from './useMarkAsNotMatchRequest';

package/cjs/hooks/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.useCollaboration = exports.useAsyncMount = exports.useActions = void 0;
+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.useCollaboration = exports.useAsyncMount = exports.useActions = void 0;
 var useActions_1 = require("./useActions");
 Object.defineProperty(exports, "useActions", { enumerable: true, get: function () { return useActions_1.useActions; } });
 var useAsyncMount_1 = require("./useAsyncMount");
@@ -31,3 +31,7 @@ var useMatchesLoader_1 = require("./useMatchesLoader");
 Object.defineProperty(exports, "useMatchesLoader", { enumerable: true, get: function () { return useMatchesLoader_1.useMatchesLoader; } });
 var usePagingSimulator_1 = require("./usePagingSimulator");
 Object.defineProperty(exports, "usePagingSimulator", { enumerable: true, get: function () { return usePagingSimulator_1.usePagingSimulator; } });
+var useMergeAllRequest_1 = require("./useMergeAllRequest");
+Object.defineProperty(exports, "useMergeAllRequest", { enumerable: true, get: function () { return useMergeAllRequest_1.useMergeAllRequest; } });
+var useMarkAsNotMatchRequest_1 = require("./useMarkAsNotMatchRequest");
+Object.defineProperty(exports, "useMarkAsNotMatchRequest", { enumerable: true, get: function () { return useMarkAsNotMatchRequest_1.useMarkAsNotMatchRequest; } });

package/cjs/hooks/useCollaboration.d.ts

@@ -1,19 +1,20 @@
 import { CollaborationObjectTypes, Comment, CommentsMap } from '@reltio/mdm-sdk';
 export declare const useCollaboration: (objectIds?: string[], objectTypes?: CollaborationObjectTypes[]) => {
-    commentsMap: CommentsMap;
-    currentComment: Comment;
+    clearCurrentComment: () => void;
     comments: Comment[];
-    getComment: (commentId: string) => void;
+    commentsMap: CommentsMap;
+    createComment: ({ content, namedUsers, objectType, uri, relatedObjectUris }: any) => Promise<void>;
     createReply: ({ content, namedUsers, commentId, action, uri }: any) => Promise<void>;
-    editComment: ({ content, namedUsers, objectType, uri, relatedObjectUris, commentId, replies }: any) => Promise<void>;
+    currentComment: Comment;
     deleteComment: ({ uri, commentId }: any) => void;
-    createComment: ({ content, namedUsers, objectType, uri, relatedObjectUris }: any) => Promise<void>;
-    clearCurrentComment: () => void;
-    resolveThread: ({ commentId, uri }: any) => void;
-    reOpenThread: ({ commentId, uri }: any) => void;
-    sending: boolean;
+    editComment: ({ content, namedUsers, objectType, uri, relatedObjectUris, commentId, replies }: any) => Promise<void>;
+    getComment: (commentId: string) => void;
+    getComments: (relatedObjectUri: string, pageToken?: string) => void;
+    getCommentsCount: (objectIds: string[], shouldResetCommentsMap?: any) => void;
     loading: boolean;
     objectTypes: CollaborationObjectTypes[];
-    getComments: (relatedObjectUri: string, pageToken?: string) => void;
     pageToken: string;
+    reOpenThread: ({ commentId, uri }: any) => void;
+    resolveThread: ({ commentId, uri }: any) => void;
+    sending: boolean;
 };

package/cjs/hooks/useCollaboration.js

@@ -39,18 +39,26 @@ var useCollaboration = function (objectIds, objectTypes) {
     var _d = react_1.useState(null), currentComment = _d[0], setCurrentComment = _d[1];
     var _e = react_1.useState(false), sending = _e[0], setSending = _e[1];
     var _f = react_1.useState(false), loading = _f[0], setLoading = _f[1];
-    react_1.useEffect(function () {
-        if (isCollaborationEnabled && entity && !mdm_sdk_1.isTempUri(entity.uri)) {
+    var addCommentsToCommentsMap = react_1.useCallback(function (commentsMap) {
+        setCommentsMap(function (currentCommentsMap) { return (__assign(__assign({}, currentCommentsMap), commentsMap)); });
+    }, []);
+    var entityUri = entity === null || entity === void 0 ? void 0 : entity.uri;
+    var getCommentsCount = react_1.useCallback(function (objectIds, shouldResetCommentsMap) {
+        if (shouldResetCommentsMap === void 0) { shouldResetCommentsMap = false; }
+        if (isCollaborationEnabled && entityUri && !mdm_sdk_1.isTempUri(entityUri)) {
             var onError = function (e) {
                 console.warn('Collaboration error', e);
                 setCommentsMap(null);
             };
-            ramda_1.pipe(mdm_sdk_1.getCommentsCount, ramda_1.andThen(ramda_1.map(ramda_1.props(['objectId', 'comments']))), ramda_1.andThen(ramda_1.fromPairs), ramda_1.andThen(setCommentsMap), ramda_1.otherwise(onError))({ uris: objectIds, tenant: tenant, collaborationPath: collaborationPath });
+            ramda_1.pipe(mdm_sdk_1.getCommentsCount, ramda_1.andThen(ramda_1.map(ramda_1.props(['objectId', 'comments']))), ramda_1.andThen(ramda_1.fromPairs), ramda_1.andThen(shouldResetCommentsMap ? setCommentsMap : addCommentsToCommentsMap), ramda_1.otherwise(onError))({ uris: objectIds, tenant: tenant, collaborationPath: collaborationPath });
         }
         else {
             setCommentsMap(null);
         }
-    }, [entity, isCollaborationEnabled, tenant, collaborationPath, objectIds]);
+    }, [addCommentsToCommentsMap, collaborationPath, entityUri, isCollaborationEnabled, tenant]);
+    react_1.useEffect(function () {
+        getCommentsCount(objectIds, true);
+    }, [objectIds, getCommentsCount]);
     var getComments = react_1.useCallback(function (relatedObjectUri, pageToken) {
         mdm_sdk_1.getComments({ collaborationPath: collaborationPath, tenant: tenant, relatedObjectUri: relatedObjectUri, pageToken: pageToken })
             .then(function (_a) {
@@ -204,22 +212,23 @@ var useCollaboration = function (objectIds, objectTypes) {
         setCurrentComment(null);
     }, []);
     return {
-        commentsMap: commentsMap,
-        currentComment: currentComment,
+        clearCurrentComment: clearCurrentComment,
         comments: comments,
-        getComment: getComment,
+        commentsMap: commentsMap,
+        createComment: createComment,
         createReply: createReply,
-        editComment: editComment,
+        currentComment: currentComment,
         deleteComment: deleteComment,
-        createComment: createComment,
-        clearCurrentComment: clearCurrentComment,
-        resolveThread: resolveThread,
-        reOpenThread: reOpenThread,
-        sending: sending,
+        editComment: editComment,
+        getComment: getComment,
+        getComments: getComments,
+        getCommentsCount: getCommentsCount,
         loading: loading,
         objectTypes: objectTypes,
-        getComments: getComments,
-        pageToken: pageToken
+        pageToken: pageToken,
+        reOpenThread: reOpenThread,
+        resolveThread: resolveThread,
+        sending: sending
     };
 };
 exports.useCollaboration = useCollaboration;

package/cjs/hooks/useMarkAsNotMatchRequest.d.ts

@@ -0,0 +1,12 @@
+import { Entity } from '@reltio/mdm-sdk';
+declare type Props = {
+    entities: Entity[];
+    entity: Entity;
+    onFinishRequest?: () => void;
+    onStartRequest?: () => void;
+};
+export declare const useMarkAsNotMatchRequest: ({ entities, entity, onFinishRequest, onStartRequest }: Props) => {
+    isPending: boolean;
+    sendMarkAsNotMatchRequest: () => void;
+};
+export {};

package/cjs/hooks/useMarkAsNotMatchRequest.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMarkAsNotMatchRequest = void 0;
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var react_1 = require("react");
+var useMarkAsNotMatchRequest = function (_a) {
+    var entities = _a.entities, entity = _a.entity, onFinishRequest = _a.onFinishRequest, onStartRequest = _a.onStartRequest;
+    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
+    var dtssPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getDtssPath);
+    var _b = react_1.useState(false), isPending = _b[0], setIsPending = _b[1];
+    var sendMarkAsNotMatchRequest = react_1.useCallback(function () {
+        onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
+        setIsPending(true);
+        var params = { dtssPath: dtssPath, customerTenant: tenant, entity: entity, entities: entities };
+        (mdm_sdk_1.isDataTenantEntity(entity)
+            ? mdm_sdk_1.markDataTenantEntityAsNotMatch(params)
+            : mdm_sdk_1.markMixedEntitiesAsNotMatches(params)).finally(function () {
+            onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
+            setIsPending(false);
+        });
+    }, [dtssPath, entities, entity, onFinishRequest, onStartRequest, tenant]);
+    return { isPending: isPending, sendMarkAsNotMatchRequest: sendMarkAsNotMatchRequest };
+};
+exports.useMarkAsNotMatchRequest = useMarkAsNotMatchRequest;

package/cjs/hooks/useMergeAllRequest.d.ts

@@ -0,0 +1,12 @@
+import { Entity } from '@reltio/mdm-sdk';
+declare type Props = {
+    entities: Entity[];
+    entity: Entity;
+    onFinishRequest?: () => void;
+    onStartRequest?: () => void;
+};
+export declare const useMergeAllRequest: ({ entities, entity, onFinishRequest, onStartRequest }: Props) => {
+    isPending: boolean;
+    sendMergeAllRequest: () => void;
+};
+export {};

package/cjs/hooks/useMergeAllRequest.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useMergeAllRequest = void 0;
+var react_1 = require("react");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var useMergeAllRequest = function (_a) {
+    var entities = _a.entities, entity = _a.entity, onFinishRequest = _a.onFinishRequest, onStartRequest = _a.onStartRequest;
+    var tenant = react_redux_1.useSelector(mdm_module_1.default.selectors.getTenant);
+    var dtssPath = react_redux_1.useSelector(mdm_module_1.default.selectors.getDtssPath);
+    var _b = react_1.useState(false), isPending = _b[0], setIsPending = _b[1];
+    var sendMergeAllRequest = react_1.useCallback(function () {
+        onStartRequest === null || onStartRequest === void 0 ? void 0 : onStartRequest();
+        setIsPending(true);
+        var params = { dtssPath: dtssPath, customerTenant: tenant, entity: entity, entities: entities };
+        (mdm_sdk_1.isDataTenantEntity(entity)
+            ? mdm_sdk_1.mergeDataTenantEntity(params)
+            : mdm_sdk_1.mergeCustomerTenantEntityWithMixedEntities(params)).finally(function () {
+            onFinishRequest === null || onFinishRequest === void 0 ? void 0 : onFinishRequest();
+            setIsPending(false);
+        });
+    }, [dtssPath, entities, entity, onFinishRequest, onStartRequest, tenant]);
+    return { isPending: isPending, sendMergeAllRequest: sendMergeAllRequest };
+};
+exports.useMergeAllRequest = useMergeAllRequest;

package/esm/components/ActionButton/ActionButton.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare enum ActionButtonMode {
+    iconButton = "iconButton",
+    button = "button",
+    menuItem = "menuItem"
+}
+export declare type Props = {
+    className?: string;
+    disabled?: boolean;
+    icon: React.ElementType;
+    label: string;
+    mode: ActionButtonMode;
+    onClick: () => void;
+    onMenuClose?: () => void;
+};
+export declare const ActionButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;

package/esm/components/ActionButton/ActionButton.js

@@ -0,0 +1,65 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import classnames from 'classnames';
+import Button from '@material-ui/core/Button';
+import MenuItem from '@material-ui/core/MenuItem';
+import Typography from '@material-ui/core/Typography';
+import { useStyles } from './styles';
+import { noop } from '../../core';
+import ExpandedValueTooltip from '../ExpandedValueTooltip/ExpandedValueTooltip';
+import { SmallIconButtonWithTooltip } from '../SmallIconButton';
+export var ActionButtonMode;
+(function (ActionButtonMode) {
+    ActionButtonMode["iconButton"] = "iconButton";
+    ActionButtonMode["button"] = "button";
+    ActionButtonMode["menuItem"] = "menuItem";
+})(ActionButtonMode || (ActionButtonMode = {}));
+export var ActionButton = forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? ActionButtonMode.iconButton : _b, label = _a.label, disabled = _a.disabled, Icon = _a.icon, _c = _a.onClick, onClick = _c === void 0 ? noop : _c, _d = _a.onMenuClose, onMenuClose = _d === void 0 ? noop : _d, otherProps = __rest(_a, ["className", "mode", "label", "disabled", "icon", "onClick", "onMenuClose"]);
+    var styles = useStyles();
+    var getButtonView = function () {
+        switch (mode) {
+            case 'iconButton': {
+                return (React.createElement(SmallIconButtonWithTooltip, __assign({ disabled: disabled, className: classnames(styles.iconButton, className), size: "S", tooltipTitle: label, onClick: onClick, icon: Icon }, otherProps)));
+            }
+            case 'button': {
+                return (React.createElement(Button, __assign({ className: classnames(styles.button, className), disabled: disabled, startIcon: React.createElement(Icon, null), onClick: onClick, color: "primary", classes: { startIcon: styles.startIcon, label: styles.label } }, otherProps),
+                    React.createElement(ExpandedValueTooltip, { value: label },
+                        React.createElement("div", { className: styles.overflowStyle }, label))));
+            }
+            case 'menuItem': {
+                var handleClick = function () {
+                    onMenuClose();
+                    onClick();
+                };
+                return (React.createElement(MenuItem, __assign({ classes: { root: styles.menuItem }, onClick: handleClick, disabled: disabled, ref: ref }, otherProps),
+                    React.createElement(React.Fragment, null,
+                        React.createElement(Icon, { className: styles.menuIcon }),
+                        React.createElement(Typography, { classes: { root: styles.menuText } }, label))));
+            }
+        }
+    };
+    return getButtonView();
+});
+ActionButton.displayName = 'ActionButton';

package/esm/components/ActionButton/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "button" | "startIcon" | "menuItem" | "menuText" | "iconButton" | "overflowStyle" | "menuIcon">;

package/esm/components/ActionButton/styles.js

@@ -0,0 +1,47 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles(function (theme) { return ({
+    button: {
+        padding: '9px 16px 9px 12px',
+        '& svg g path': {
+            fill: theme.palette.primary.main,
+            fillOpacity: 1
+        }
+    },
+    iconButton: {
+        '& svg g path': {
+            fill: theme.palette.primary.main,
+            fillOpacity: 1
+        }
+    },
+    startIcon: {
+        marginLeft: 0,
+        marginRight: '8px',
+        width: '18px',
+        height: '18px',
+        alignItems: 'center'
+    },
+    label: {
+        whiteSpace: 'nowrap',
+        fontSize: '14px',
+        lineHeight: '16px',
+        letterSpacing: 0
+    },
+    overflowStyle: {
+        overflow: 'hidden',
+        whiteSpace: 'nowrap',
+        textOverflow: 'ellipsis'
+    },
+    menuIcon: {
+        marginRight: '12px'
+    },
+    menuItem: {
+        minHeight: '28px',
+        padding: '2px 16px 2px 12px'
+    },
+    menuText: {
+        color: theme.palette.text.primary,
+        fontSize: '13px',
+        lineHeight: '15px',
+        letterSpacing: 0
+    }
+}); });

package/esm/components/MergeButton/MergeButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ActionButtonMode } from '../ActionButton/ActionButton';
+import { Entity } from '@reltio/mdm-sdk';
+declare type Props = {
+    className?: string;
+    entities: Entity[];
+    entity: Entity;
+    mode?: ActionButtonMode;
+    onMenuClose?: () => void;
+    disabled?: boolean;
+    onStartRequest?: () => void;
+    onFinishRequest?: () => void;
+};
+export declare const MergeButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export {};

package/esm/components/MergeButton/MergeButton.js

@@ -0,0 +1,39 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import i18n from 'ui-i18n';
+import MergeIcon from './mergeIcon.svg';
+import { noop } from '../../core';
+import { ActionButton, ActionButtonMode } from '../ActionButton/ActionButton';
+import { useMergeAllRequest } from '../../hooks';
+export var MergeButton = forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? ActionButtonMode.iconButton : _b, _c = _a.onMenuClose, onMenuClose = _c === void 0 ? noop : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, entity = _a.entity, entities = _a.entities, onStartRequest = _a.onStartRequest, onFinishRequest = _a.onFinishRequest, otherProps = __rest(_a, ["className", "mode", "onMenuClose", "disabled", "entity", "entities", "onStartRequest", "onFinishRequest"]);
+    var sendMergeAllRequest = useMergeAllRequest({
+        entity: entity,
+        entities: entities,
+        onStartRequest: onStartRequest,
+        onFinishRequest: onFinishRequest
+    }).sendMergeAllRequest;
+    return (React.createElement(ActionButton, __assign({ className: className, disabled: disabled, mode: mode, label: i18n.text('Merge'), icon: MergeIcon, onClick: sendMergeAllRequest, onMenuClose: onMenuClose, ref: ref }, otherProps)));
+});
+MergeButton.displayName = 'mergeButton';

package/esm/components/NotMatchButton/NotMatchButton.d.ts

@@ -0,0 +1,15 @@
+import { Entity } from '@reltio/mdm-sdk';
+import { ActionButtonMode } from '../ActionButton/ActionButton';
+import React from 'react';
+declare type Props = {
+    className?: string;
+    entities: Entity[];
+    entity: Entity;
+    mode?: ActionButtonMode;
+    onMenuClose?: () => void;
+    disabled?: boolean;
+    onStartRequest?: () => void;
+    onFinishRequest?: () => void;
+};
+export declare const NotMatchButton: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLLIElement>>;
+export {};

package/esm/components/NotMatchButton/NotMatchButton.js

@@ -0,0 +1,39 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { ActionButton, ActionButtonMode } from '../ActionButton/ActionButton';
+import React, { forwardRef } from 'react';
+import NotMatchIcon from './notMatch.svg';
+import { noop } from '../../core';
+import i18n from 'ui-i18n';
+import { useMarkAsNotMatchRequest } from '../../hooks/useMarkAsNotMatchRequest';
+export var NotMatchButton = forwardRef(function (_a, ref) {
+    var className = _a.className, _b = _a.mode, mode = _b === void 0 ? ActionButtonMode.iconButton : _b, _c = _a.onMenuClose, onMenuClose = _c === void 0 ? noop : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, entity = _a.entity, entities = _a.entities, onStartRequest = _a.onStartRequest, onFinishRequest = _a.onFinishRequest, otherProps = __rest(_a, ["className", "mode", "onMenuClose", "disabled", "entity", "entities", "onStartRequest", "onFinishRequest"]);
+    var sendMarkAsNotMatchRequest = useMarkAsNotMatchRequest({
+        entity: entity,
+        entities: entities,
+        onStartRequest: onStartRequest,
+        onFinishRequest: onFinishRequest
+    }).sendMarkAsNotMatchRequest;
+    return (React.createElement(ActionButton, __assign({ className: className, disabled: disabled, mode: mode, label: i18n.text('Not a match'), icon: NotMatchIcon, onClick: sendMarkAsNotMatchRequest, onMenuClose: onMenuClose, ref: ref }, otherProps)));
+});
+NotMatchButton.displayName = 'notMatchButton';

package/esm/components/ProfileMatchCard/ProfileMatchCard.d.ts

@@ -8,6 +8,7 @@ declare type Props = {
     match: PotentialMatch;
     metadata: Metadata;
     children?: React.ReactNode;
+    className?: string;
 };
-export declare const ProfileMatchCard: ({ children, entitiesMap, entity, match, metadata }: Props) => JSX.Element;
+export declare const ProfileMatchCard: ({ children, entitiesMap, entity, match, metadata, className }: Props) => JSX.Element;
 export {};

package/esm/components/ProfileMatchCard/ProfileMatchCard.js

@@ -2,10 +2,11 @@ import React from 'react';
 import { useStyles } from './styles';
 import ProfileCard from '../ProfileCard/ProfileCard';
 import MatchRulesBlock from '../MatchRulesBlock/MatchRulesBlock';
+import classnames from 'classnames';
 export var ProfileMatchCard = function (_a) {
-    var children = _a.children, entitiesMap = _a.entitiesMap, entity = _a.entity, match = _a.match, metadata = _a.metadata;
+    var children = _a.children, entitiesMap = _a.entitiesMap, entity = _a.entity, match = _a.match, metadata = _a.metadata, className = _a.className;
     var styles = useStyles();
-    return (React.createElement("div", { className: styles.root },
+    return (React.createElement("div", { className: classnames(styles.root, className) },
         React.createElement("div", { className: styles.profileCardWrapper },
             React.createElement(ProfileCard, { entity: match.object, classes: { container: styles.profileCardContainer }, disableEntityTypeColor: true }),
             children),

package/esm/components/attributes/AttributesView/AttributesView.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AttributesViewOwnProps } from '../types';
-declare const AttributesView: ({ mode, attributesCount, ...restProps }: AttributesViewOwnProps) => JSX.Element;
+declare const AttributesView: ({ mode, attributesCount, pinnedAttributes, ...restProps }: AttributesViewOwnProps) => JSX.Element;
 export default AttributesView;

package/esm/components/attributes/AttributesView/AttributesView.js

@@ -25,7 +25,7 @@ import { isViewMode, Mode } from '@reltio/mdm-sdk';
 import ReadModeAttributesView from '../readMode/AttributesView';
 import EditModeAttributesView from '../editMode/AttributesView';
 var AttributesView = function (_a) {
-    var _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, attributesCount = _a.attributesCount, restProps = __rest(_a, ["mode", "attributesCount"]);
-    return isViewMode(mode) ? (React.createElement(ReadModeAttributesView, __assign({ attributesCount: attributesCount }, restProps))) : (React.createElement(EditModeAttributesView, __assign({ mode: mode }, restProps)));
+    var _b = _a.mode, mode = _b === void 0 ? Mode.Viewing : _b, attributesCount = _a.attributesCount, pinnedAttributes = _a.pinnedAttributes, restProps = __rest(_a, ["mode", "attributesCount", "pinnedAttributes"]);
+    return isViewMode(mode) ? (React.createElement(ReadModeAttributesView, __assign({ attributesCount: attributesCount }, restProps))) : (React.createElement(EditModeAttributesView, __assign({ mode: mode, pinnedAttributes: pinnedAttributes }, restProps)));
 };
 export default AttributesView;