@reltio/components 1.4.888 → 1.4.893

package/cjs/components/EntityTypesSelector/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputRoot" | "inputLabel" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"icon" | "input" | "root" | "inputLabel" | "inputRoot" | "inputText" | "emptyInput" | "disabledInput" | "disabledPointer" | "disabledUnderline" | "popup-opened-icon">;

package/cjs/components/ErrorPopup/ErrorPopup.d.ts

@@ -1,5 +1,9 @@
 export default ErrorPopup;
 declare function ErrorPopup(props: any): JSX.Element;
 declare namespace ErrorPopup {
+    namespace propTypes {
+        const showErrorFromStore: PropTypes.Requireable<boolean>;
+    }
     const addError: any;
 }
+import PropTypes from "prop-types";

package/cjs/components/ErrorPopup/ErrorPopup.js

@@ -10,23 +10,58 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var react_redux_1 = require("react-redux");
+var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Portal_1 = __importDefault(require("@material-ui/core/Portal"));
 var ErrorPopup_1 = __importDefault(require("react-components/dist/ErrorPopup/ErrorPopup"));
-var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
 var styles_1 = require("./styles");
 var ErrorPopup = function (props) {
     var styles = styles_1.useStyles();
     var autoCloseInterval = react_redux_1.useSelector(mdm_module_1.default.selectors.getAutoCloseInterval);
+    var uiError = react_redux_1.useSelector(mdm_module_1.default.selectors.getUiError);
+    var dispatch = react_redux_1.useDispatch();
+    react_1.useEffect(function () {
+        if (uiError && props.showErrorFromStore) {
+            ErrorPopup.addError({
+                title: ui_i18n_1.default.text('Error'),
+                message: uiError
+            });
+            dispatch(mdm_module_1.ui.actions.errorSet(null));
+        }
+    }, [dispatch, uiError, props.showErrorFromStore]);
     return (react_1.default.createElement(Portal_1.default, { container: document.body },
         react_1.default.createElement(ErrorPopup_1.default, __assign({ classes: { errorBlock: classnames_1.default(styles.errorBlock, ramda_1.path(['classes', 'errorBlock'], props)) }, autoCloseInterval: autoCloseInterval }, props))));
 };
+ErrorPopup.propTypes = {
+    showErrorFromStore: prop_types_1.default.bool
+};
 ErrorPopup.addError = ErrorPopup_1.default.addError;
 exports.default = ErrorPopup;

package/cjs/components/ErrorWrapper/styles.d.ts

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

package/cjs/components/MatchRulesBlock/MatchRulesBlock.d.ts

@@ -1,9 +1,12 @@
 /// <reference types="react" />
 import { Entity, Metadata, PotentialMatch } from '@reltio/mdm-sdk';
 declare type Props = {
+    entitiesMap: {
+        [key: string]: Pick<Entity, 'uri' | 'type' | 'label'>;
+    };
     entity: Entity;
+    match: PotentialMatch;
     metadata: Metadata;
-    transitiveMatches: PotentialMatch[];
 };
-declare const MatchRulesBlock: ({ entity, metadata, transitiveMatches }: Props) => JSX.Element;
+declare const MatchRulesBlock: ({ entitiesMap, entity, match, metadata }: Props) => JSX.Element;
 export default MatchRulesBlock;

package/cjs/components/MatchRulesBlock/MatchRulesBlock.js

@@ -4,21 +4,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importDefault(require("react"));
-var ramda_1 = require("ramda");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var SimpleMatchRulesBlock_1 = __importDefault(require("./SimpleMatchRulesBlock/SimpleMatchRulesBlock"));
 var TransitiveMatchBlock_1 = __importDefault(require("./TransitiveMatchBlock/TransitiveMatchBlock"));
 var SimpleMatchRulesBuilder_1 = __importDefault(require("./SimpleMatchRulesBuilder/SimpleMatchRulesBuilder"));
 var MatchRulesBlock = function (_a) {
-    var entity = _a.entity, metadata = _a.metadata, transitiveMatches = _a.transitiveMatches;
-    var transitiveMatchRules = mdm_sdk_1.getTransitiveMatchesForEntity(metadata, transitiveMatches, entity);
-    if (ramda_1.isEmpty(transitiveMatchRules)) {
-        var entityMatchRules = mdm_sdk_1.getEntityMatchRules(entity);
-        var matchRules = mdm_sdk_1.getMatchRules(metadata, entity.type, entityMatchRules);
-        return react_1.default.createElement(SimpleMatchRulesBuilder_1.default, { matchRules: matchRules, Component: SimpleMatchRulesBlock_1.default });
-    }
-    else {
-        return react_1.default.createElement(TransitiveMatchBlock_1.default, { transitiveMatchRules: transitiveMatchRules });
-    }
+    var entitiesMap = _a.entitiesMap, entity = _a.entity, match = _a.match, metadata = _a.metadata;
+    return mdm_sdk_1.isTransitiveMatch(match) ? (react_1.default.createElement(TransitiveMatchBlock_1.default, { transitiveMatchRules: mdm_sdk_1.getTransitiveMatchRules(metadata, match, entitiesMap) })) : (react_1.default.createElement(SimpleMatchRulesBuilder_1.default, { matchRules: mdm_sdk_1.getMatchRules(metadata, entity.type, match.matchRules), Component: SimpleMatchRulesBlock_1.default }));
 };
 exports.default = MatchRulesBlock;

package/cjs/components/ProfileCard/ProfileCard.d.ts

@@ -1,21 +1,13 @@
-declare var _default: React.MemoExoticComponent<{
-    ({ entity, classes, ...otherProps }: {
-        [x: string]: any;
-        entity: any;
-        classes?: {};
-    }): JSX.Element;
-    propTypes: {
-        entity: PropTypes.Requireable<PropTypes.InferProps<{
-            uri: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }>>;
-        classes: PropTypes.Requireable<PropTypes.InferProps<{
-            label: PropTypes.Requireable<string>;
-            secondaryLabel: PropTypes.Requireable<string>;
-            container: PropTypes.Requireable<string>;
-        }>>;
+import React from 'react';
+import { Entity } from '@reltio/mdm-sdk';
+declare type Props = {
+    entity: Entity;
+    disableEntityTypeColor?: boolean;
+    classes?: {
+        label?: string;
+        secondaryLabel?: string;
+        container?: string;
     };
-}>;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare const _default: React.MemoExoticComponent<({ entity, classes, disableEntityTypeColor, ...otherProps }: Props) => JSX.Element>;
 export default _default;
-import PropTypes from "prop-types";
-import React from "react";

package/cjs/components/ProfileCard/ProfileCard.js

@@ -45,7 +45,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
-var prop_types_1 = __importDefault(require("prop-types"));
 var classnames_1 = __importDefault(require("classnames"));
 var react_redux_1 = require("react-redux");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
@@ -56,7 +55,7 @@ var EntityUriLink_1 = __importDefault(require("../EntityUriLink/EntityUriLink"))
 var ExpandedValueTooltip_1 = __importDefault(require("../ExpandedValueTooltip/ExpandedValueTooltip"));
 var EntityTypeBadge_1 = __importDefault(require("../EntityTypeBadge/EntityTypeBadge"));
 var ProfileCard = function (_a) {
-    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, otherProps = __rest(_a, ["entity", "classes"]);
+    var entity = _a.entity, _b = _a.classes, classes = _b === void 0 ? {} : _b, disableEntityTypeColor = _a.disableEntityTypeColor, otherProps = __rest(_a, ["entity", "classes", "disableEntityTypeColor"]);
     var styles = styles_1.default();
     var secondaryLabelClass = classes.secondaryLabel, labelClass = classes.label, containerClass = classes.container;
     var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
@@ -65,7 +64,7 @@ var ProfileCard = function (_a) {
     var entityType = mdm_sdk_1.getEntityType(metadata, type) || {};
     var entityTypeColor = mdm_sdk_1.getPropWithInheritance(metadata, entityType, 'typeColor') || mdm_sdk_1.theme.palette.primary.main;
     return (react_1.default.createElement("div", __assign({ className: classnames_1.default(styles.container, containerClass) }, otherProps),
-        react_1.default.createElement("div", { className: styles.colorBox, style: { backgroundColor: entityTypeColor } }),
+        react_1.default.createElement("div", { className: styles.colorBox, style: disableEntityTypeColor ? undefined : { backgroundColor: entityTypeColor } }),
         react_1.default.createElement(EntityAvatar_1.default, { entity: entity, avatarClassName: styles.avatar, imageClassName: styles.image }),
         react_1.default.createElement("div", { className: styles.info },
             react_1.default.createElement("div", { className: styles.firstRow },
@@ -73,17 +72,9 @@ var ProfileCard = function (_a) {
                     react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label, placement: "top", showOnExceededHeight: true },
                         react_1.default.createElement("span", { className: classnames_1.default(styles.label, labelClass) }, label)))),
             react_1.default.createElement("div", { className: styles.secondRow }, secondaryLabel && (react_1.default.createElement(ExpandedValueTooltip_1.default, { value: secondaryLabel, placement: "top", showOnExceededHeight: true },
-                react_1.default.createElement("span", { className: classnames_1.default(styles.secondaryLabel, secondaryLabelClass) }, secondaryLabel)))),
+                react_1.default.createElement("span", { className: secondaryLabelClass }, secondaryLabel)))),
             react_1.default.createElement("div", { className: styles.thirdRow },
                 react_1.default.createElement(EntityTypeBadge_1.default, { entity: entity }),
                 react_1.default.createElement("div", null, mdm_sdk_1.getEntityId(entity))))));
 };
-ProfileCard.propTypes = {
-    entity: mdm_sdk_1.EntityType,
-    classes: prop_types_1.default.shape({
-        label: prop_types_1.default.string,
-        secondaryLabel: prop_types_1.default.string,
-        container: prop_types_1.default.string
-    })
-};
 exports.default = react_1.memo(ProfileCard);

package/cjs/components/ProfileCard/styles.d.ts

@@ -1,2 +1,2 @@
+declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "link" | "avatar" | "firstRow" | "container" | "colorBox" | "info" | "secondRow" | "thirdRow">;
 export default useStyles;
-declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"label" | "image" | "link" | "avatar" | "firstRow" | "container" | "info" | "colorBox" | "secondRow" | "thirdRow">;

package/cjs/components/ProfileMatchCard/ProfileMatchCard.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Entity, Metadata, PotentialMatch } from '@reltio/mdm-sdk';
+declare type Props = {
+    entitiesMap: {
+        [key: string]: Pick<Entity, 'uri' | 'type' | 'label'>;
+    };
+    entity: Entity;
+    match: PotentialMatch;
+    metadata: Metadata;
+    children?: React.ReactNode;
+};
+export declare const ProfileMatchCard: ({ children, entitiesMap, entity, match, metadata }: Props) => JSX.Element;
+export {};

package/cjs/components/ProfileMatchCard/ProfileMatchCard.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProfileMatchCard = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_1 = require("./styles");
+var ProfileCard_1 = __importDefault(require("../ProfileCard/ProfileCard"));
+var MatchRulesBlock_1 = __importDefault(require("../MatchRulesBlock/MatchRulesBlock"));
+var ProfileMatchCard = function (_a) {
+    var children = _a.children, entitiesMap = _a.entitiesMap, entity = _a.entity, match = _a.match, metadata = _a.metadata;
+    var styles = styles_1.useStyles();
+    return (react_1.default.createElement("div", { className: styles.root },
+        react_1.default.createElement("div", { className: styles.profileCardWrapper },
+            react_1.default.createElement(ProfileCard_1.default, { entity: match.object, classes: { container: styles.profileCardContainer }, disableEntityTypeColor: true }),
+            children),
+        react_1.default.createElement("div", { className: styles.rulesContainer },
+            react_1.default.createElement(MatchRulesBlock_1.default, { match: match, metadata: metadata, entitiesMap: entitiesMap, entity: entity }))));
+};
+exports.ProfileMatchCard = ProfileMatchCard;

package/cjs/components/ProfileMatchCard/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"root" | "rulesContainer" | "profileCardWrapper" | "profileCardContainer">;

package/cjs/components/ProfileMatchCard/styles.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    root: {
+        display: 'flex',
+        flexDirection: 'column',
+        paddingRight: '12px',
+        paddingTop: '8px',
+        paddingBottom: '8px',
+        '& + &': {
+            borderTop: '1px solid rgba(0,0,0, 0.12)'
+        }
+    },
+    profileCardWrapper: {
+        display: 'flex',
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: '4px'
+    },
+    profileCardContainer: {
+        flexGrow: 1
+    },
+    rulesContainer: {
+        paddingLeft: '40px'
+    }
+});

package/cjs/components/crosswalks/CrosswalkDateEditor/CrosswalkDateEditor.js

@@ -32,10 +32,7 @@ var CrosswalkDateEditor = function (_a) {
     var styles = styles_1.useStyles();
     var _d = react_1.useState(false), isOpen = _d[0], setIsOpen = _d[1];
     var handleChange = function (date) { return onChange(date.valueOf()); };
-    return (
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore
-    react_1.default.createElement(TimestampEditor_1.default, { variant: "filled", value: value ? new Date(value) : null, disabled: disabled, onChange: ramda_1.unless(ramda_1.always(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
+    return (react_1.default.createElement(TimestampEditor_1.default, { variant: "filled", value: value ? new Date(value) : null, disabled: disabled, onChange: ramda_1.unless(ramda_1.always(isOpen), handleChange), onAccept: handleChange, onOpen: function () { return setIsOpen(true); }, onClose: function () { return setIsOpen(false); }, InputProps: {
             disableUnderline: true,
             classes: { input: styles.timestampEditorInput, root: classnames_1.default(styles.timestampEditor, classes.root) }
         } }));

package/cjs/components/editors/DateEditor/DateEditor.d.ts

@@ -1,22 +1,15 @@
+/// <reference types="react" />
+import { TextFieldProps } from '@material-ui/core/TextField';
+import { KeyboardDatePickerProps } from '@material-ui/pickers/DatePicker';
+declare type DateEditorProps = {
+    value: number | Date;
+    label: string;
+    variant?: TextFieldProps['variant'];
+    size?: TextFieldProps['size'];
+    hiddenLabel?: TextFieldProps['hiddenLabel'];
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onChange: (value: number | Date) => void;
+} & Omit<KeyboardDatePickerProps, 'value' | 'label' | 'variant' | 'size' | 'hiddenLabel' | 'onBlur' | 'onFocus' | 'onChange'>;
+declare const DateEditor: ({ value, label, variant, onChange, InputProps, InputLabelProps, onBlur, onFocus, ...otherProps }: DateEditorProps) => JSX.Element;
 export default DateEditor;
-declare function DateEditor({ value, label, variant, onChange, InputProps, InputLabelProps, ...otherProps }: {
-    [x: string]: any;
-    value?: any;
-    label: any;
-    variant?: string;
-    onChange: any;
-    InputProps?: {};
-    InputLabelProps?: {};
-}): JSX.Element;
-declare namespace DateEditor {
-    namespace propTypes {
-        export const value: PropTypes.Requireable<number | Date>;
-        export const label: PropTypes.Requireable<string>;
-        export { InputVariant as variant };
-        export const InputProps: PropTypes.Requireable<object>;
-        export const InputLabelProps: PropTypes.Requireable<object>;
-        export const onChange: PropTypes.Validator<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";
-import { InputVariant } from "../../../constants/prop-types";

package/cjs/components/editors/DateEditor/DateEditor.js

@@ -44,28 +44,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var moment_1 = __importDefault(require("moment"));
+var pickers_1 = require("@material-ui/pickers");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var classnames_1 = __importDefault(require("classnames"));
+var moment_1 = __importDefault(require("moment"));
 var ramda_1 = require("ramda");
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var pickers_1 = require("@material-ui/pickers");
-var prop_types_2 = require("../../../constants/prop-types");
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Calendar_1 = __importDefault(require("../../../icons/Calendar"));
+var core_1 = require("../../../core");
 var styles_1 = require("./styles");
 var format = moment_1.default.localeData().longDateFormat('L');
 var DateEditor = function (_a) {
     var _b, _c;
     var _d;
-    var _e = _a.value, value = _e === void 0 ? null : _e, label = _a.label, _f = _a.variant, variant = _f === void 0 ? 'filled' : _f, onChange = _a.onChange, _g = _a.InputProps, InputProps = _g === void 0 ? {} : _g, _h = _a.InputLabelProps, InputLabelProps = _h === void 0 ? {} : _h, otherProps = __rest(_a, ["value", "label", "variant", "onChange", "InputProps", "InputLabelProps"]);
+    var _e = _a.value, value = _e === void 0 ? null : _e, label = _a.label, _f = _a.variant, variant = _f === void 0 ? 'filled' : _f, onChange = _a.onChange, _g = _a.InputProps, InputProps = _g === void 0 ? {} : _g, _h = _a.InputLabelProps, InputLabelProps = _h === void 0 ? {} : _h, _j = _a.onBlur, onBlur = _j === void 0 ? core_1.noop : _j, _k = _a.onFocus, onFocus = _k === void 0 ? core_1.noop : _k, otherProps = __rest(_a, ["value", "label", "variant", "onChange", "InputProps", "InputLabelProps", "onBlur", "onFocus"]);
     var styles = styles_1.useStyles();
-    var _j = react_1.useState(false), isCalendarOpen = _j[0], setIsCalendarOpen = _j[1];
-    return (react_1.default.createElement(pickers_1.KeyboardDatePicker, __assign({ format: format, variant: "inline", invalidDateMessage: ui_i18n_1.default.text('Invalid Date Format'), maxDateMessage: ui_i18n_1.default.text('Date should not be after maximal date'), minDateMessage: ui_i18n_1.default.text('Date should not be before minimal date'), inputVariant: variant, autoOk: true, InputAdornmentProps: { position: 'end', classes: { positionEnd: styles.adornmentPositionEnd } }, KeyboardButtonProps: {
+    var _l = react_1.useState(false), isCalendarOpen = _l[0], setIsCalendarOpen = _l[1];
+    return (react_1.default.createElement(pickers_1.KeyboardDatePicker, __assign({ format: format, variant: "inline", invalidDateMessage: ui_i18n_1.default.text('Invalid Date Format'), maxDateMessage: ui_i18n_1.default.text('Date should not be after maximal date'), minDateMessage: ui_i18n_1.default.text('Date should not be before minimal date'), inputVariant: variant, autoOk: true, onBlur: onBlur, onFocus: onFocus, InputAdornmentProps: { position: 'end', classes: { positionEnd: styles.adornmentPositionEnd } }, KeyboardButtonProps: {
             classes: { root: styles.iconButtonRoot },
             onKeyPress: ramda_1.invoker(0, 'stopPropagation')
-        }, keyboardIcon: react_1.default.createElement(Calendar_1.default, { className: styles.icon }), onChange: mdm_sdk_1.debounce(ramda_1.when(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, ramda_1.pipe(mdm_sdk_1.utils.dates.momentToDate, mdm_sdk_1.utils.dates.clearDateTime, onChange)), 0), label: label, "aria-label": label, value: value, placeholder: ui_i18n_1.default.text(format), disableToolbar: true, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
+        }, keyboardIcon: react_1.default.createElement(Calendar_1.default, { className: styles.icon }), onChange: mdm_sdk_1.debounce(ramda_1.when(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, ramda_1.pipe(mdm_sdk_1.utils.dates.momentToDate, mdm_sdk_1.utils.dates.clearDateTime, onChange)), 0), label: label, "aria-label": label, value: value, placeholder: ui_i18n_1.default.text(format), onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
                 root: styles.inputRoot,
                 underline: classnames_1.default((_b = {}, _b[styles.underline] = isCalendarOpen, _b)),
                 adornedEnd: styles.adornedEnd
@@ -80,12 +79,4 @@ var DateEditor = function (_a) {
             }
         }, InputLabelProps: __assign({ classes: __assign({ root: classnames_1.default((_c = {}, _c[styles.inputLabel] = isCalendarOpen, _c), (_d = InputLabelProps === null || InputLabelProps === void 0 ? void 0 : InputLabelProps.classes) === null || _d === void 0 ? void 0 : _d.root) }, InputLabelProps === null || InputLabelProps === void 0 ? void 0 : InputLabelProps.classes), shrink: !ramda_1.isNil(label) }, InputLabelProps) }, otherProps)));
 };
-DateEditor.propTypes = {
-    value: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.instanceOf(Date)]),
-    label: prop_types_1.default.string,
-    variant: prop_types_2.InputVariant,
-    InputProps: prop_types_1.default.object,
-    InputLabelProps: prop_types_1.default.object,
-    onChange: prop_types_1.default.func.isRequired
-};
 exports.default = DateEditor;

package/cjs/components/editors/DateEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "icon" | "adornedEnd" | "inputRoot" | "inputLabel" | "iconButtonRoot" | "adornmentPositionEnd">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "icon" | "adornedEnd" | "iconButtonRoot" | "inputLabel" | "inputRoot" | "adornmentPositionEnd">;

package/cjs/components/editors/DateRangeEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "dropdownIndicator" | "adornedEnd" | "inputRoot" | "paper" | "menuItem" | "menuText" | "inputLabel">;
+export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "dropdownIndicator" | "adornedEnd" | "inputLabel" | "inputRoot" | "paper" | "menuItem" | "menuText">;

package/cjs/components/editors/TimestampEditor/TimestampEditor.d.ts

@@ -1,22 +1,19 @@
+/// <reference types="react" />
+import { InputLabelProps } from '@material-ui/core/InputLabel';
+import { TextFieldProps } from '@material-ui/core/TextField';
+import { Moment } from 'moment';
+import { KeyboardDateTimePickerProps } from '@material-ui/pickers/DateTimePicker';
+declare type TimestampEditorProps = {
+    value: number | Date;
+    label?: string;
+    variant: TextFieldProps['variant'];
+    InputProps: TextFieldProps['InputProps'];
+    format?: string;
+    InputLabelProps?: Partial<InputLabelProps>;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onChange: (value: number | Date) => void;
+    onAccept: (value: number | Date | Moment) => void;
+} & Omit<KeyboardDateTimePickerProps, 'value' | 'label' | 'variant' | 'size' | 'hiddenLabel' | 'onBlur' | 'onFocus' | 'onChange' | 'onAccept'>;
+declare const TimestampEditor: ({ value, label, variant, onChange, InputProps, format, ...otherProps }: TimestampEditorProps) => JSX.Element;
 export default TimestampEditor;
-declare function TimestampEditor({ value, label, variant, onChange, InputProps, format, ...otherProps }: {
-    [x: string]: any;
-    value?: any;
-    label: any;
-    variant?: string;
-    onChange: any;
-    InputProps: any;
-    format: any;
-}): JSX.Element;
-declare namespace TimestampEditor {
-    namespace propTypes {
-        export const value: PropTypes.Requireable<number | Date>;
-        export const format: PropTypes.Requireable<string>;
-        export const label: PropTypes.Requireable<string>;
-        export { InputVariant as variant };
-        export const InputProps: PropTypes.Requireable<object>;
-        export const onChange: PropTypes.Validator<(...args: any[]) => any>;
-    }
-}
-import PropTypes from "prop-types";
-import { InputVariant } from "../../../constants/prop-types";

package/cjs/components/editors/TimestampEditor/TimestampEditor.js

@@ -44,17 +44,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var prop_types_1 = __importDefault(require("prop-types"));
-var react_1 = __importStar(require("react"));
-var ui_i18n_1 = __importDefault(require("ui-i18n"));
-var moment_1 = __importDefault(require("moment"));
-var classnames_1 = __importDefault(require("classnames"));
-var ramda_1 = require("ramda");
-var text_field_helper_1 = require("@material-ui/pickers/_helpers/text-field-helper");
-var pickers_1 = require("@material-ui/pickers");
 var DateRange_1 = __importDefault(require("@material-ui/icons/DateRange"));
+var pickers_1 = require("@material-ui/pickers");
+var text_field_helper_1 = require("@material-ui/pickers/_helpers/text-field-helper");
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
-var prop_types_2 = require("../../../constants/prop-types");
+var classnames_1 = __importDefault(require("classnames"));
+var moment_1 = __importDefault(require("moment"));
+var ramda_1 = require("ramda");
+var react_1 = __importStar(require("react"));
+var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var styles_1 = require("./styles");
 var dateFormat = moment_1.default.localeData().longDateFormat('L');
 var timeFormat = moment_1.default.localeData().longDateFormat('LTS');
@@ -66,10 +64,14 @@ var TimestampEditor = function (_a) {
     var _e = react_1.useState(false), isCalendarOpen = _e[0], setIsCalendarOpen = _e[1];
     var timestampFormat = format || dateFormat + " " + timeFormat;
     var isAmPmFormat = timestampFormat && timestampFormat.toLowerCase().includes('a');
-    return (react_1.default.createElement(pickers_1.KeyboardDateTimePicker, __assign({ format: timestampFormat, rifmFormatter: isAmPmFormat ? makeAmPmFormatter(timestampFormat) : undefined, variant: "inline", invalidDateMessage: ui_i18n_1.default.text('Invalid Date Format'), maxDateMessage: ui_i18n_1.default.text('Date should not be after maximal date'), minDateMessage: ui_i18n_1.default.text('Date should not be before minimal date'), inputVariant: variant, views: ['year', 'date', 'hours', 'minutes', 'seconds'], autoOk: true, InputAdornmentProps: { position: 'end' }, KeyboardButtonProps: {
+    return (react_1.default.createElement(pickers_1.KeyboardDateTimePicker, __assign({ format: timestampFormat, rifmFormatter: isAmPmFormat ? makeAmPmFormatter(timestampFormat) : undefined, variant: "inline", invalidDateMessage: ui_i18n_1.default.text('Invalid Date Format'), maxDateMessage: ui_i18n_1.default.text('Date should not be after maximal date'), minDateMessage: ui_i18n_1.default.text('Date should not be before minimal date'), inputVariant: variant, 
+        //there is a bug in the picker types that prevents time picker from showing seconds picker (see https://github.com/mui-org/material-ui-pickers/issues/739)
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore: wrong type
+        views: ['year', 'date', 'hours', 'minutes', 'seconds'], autoOk: true, InputAdornmentProps: { position: 'end' }, KeyboardButtonProps: {
             classes: { root: styles.iconButtonRoot },
             onKeyPress: ramda_1.invoker(0, 'stopPropagation')
-        }, keyboardIcon: react_1.default.createElement(DateRange_1.default, null), onChange: ramda_1.when(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, ramda_1.pipe(mdm_sdk_1.utils.dates.momentToDate, onChange)), label: label, "aria-label": label, value: value, placeholder: ui_i18n_1.default.text((dateFormat + " HH:MM").toUpperCase()), ampm: false, disableToolbar: true, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
+        }, keyboardIcon: react_1.default.createElement(DateRange_1.default, null), onChange: ramda_1.when(mdm_sdk_1.utils.dates.isValidMomentDateOrNull, ramda_1.pipe(mdm_sdk_1.utils.dates.momentToDate, onChange)), label: label, "aria-label": label, value: value, placeholder: ui_i18n_1.default.text((dateFormat + " HH:MM").toUpperCase()), ampm: false, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {
                 root: styles.inputRoot,
                 underline: classnames_1.default((_b = {}, _b[styles.underline] = isCalendarOpen, _b)),
                 adornedEnd: styles.adornedEnd
@@ -89,12 +91,4 @@ var TimestampEditor = function (_a) {
             shrink: !ramda_1.isNil(label)
         } }, otherProps)));
 };
-TimestampEditor.propTypes = {
-    value: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.instanceOf(Date)]),
-    format: prop_types_1.default.string,
-    label: prop_types_1.default.string,
-    variant: prop_types_2.InputVariant,
-    InputProps: prop_types_1.default.object,
-    onChange: prop_types_1.default.func.isRequired
-};
 exports.default = TimestampEditor;

package/cjs/components/editors/TimestampEditor/styles.d.ts

@@ -1 +1 @@
-export const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "adornedEnd" | "inputRoot" | "inputLabel" | "iconButtonRoot">;
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"underline" | "adornedEnd" | "iconButtonRoot" | "inputLabel" | "inputRoot">;

package/cjs/components/index.d.ts

@@ -121,3 +121,4 @@ export * from './history';
 export { default as OvIcon } from './attributes/OvIcon';
 export { default as RelationEditor } from './RelationEditor';
 export * from './workflow';
+export { ProfileMatchCard } from './ProfileMatchCard/ProfileMatchCard';

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.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.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; } });
@@ -258,3 +258,5 @@ Object.defineProperty(exports, "OvIcon", { enumerable: true, get: function () {
 var RelationEditor_1 = require("./RelationEditor");
 Object.defineProperty(exports, "RelationEditor", { enumerable: true, get: function () { return __importDefault(RelationEditor_1).default; } });
 __exportStar(require("./workflow"), exports);
+var ProfileMatchCard_1 = require("./ProfileMatchCard/ProfileMatchCard");
+Object.defineProperty(exports, "ProfileMatchCard", { enumerable: true, get: function () { return ProfileMatchCard_1.ProfileMatchCard; } });

package/cjs/components/workflow/cards/PotentialMatchTaskCard/PotentialMatchTaskCard.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { WorkflowTaskData } from '@reltio/mdm-sdk';
+declare type Props = {
+    task: WorkflowTaskData;
+};
+declare const PotentialMatchTaskCard: ({ task }: Props) => JSX.Element;
+export default PotentialMatchTaskCard;

package/cjs/components/workflow/cards/PotentialMatchTaskCard/PotentialMatchTaskCard.js

@@ -0,0 +1,41 @@
+"use strict";
+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 react_redux_1 = require("react-redux");
+var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
+var styles_1 = require("./styles");
+var GenericWorkflowTaskCard_1 = __importDefault(require("../GenericWorkflowTaskCard/GenericWorkflowTaskCard"));
+var LineDecorator_1 = __importDefault(require("../../components/LineDecorator/LineDecorator"));
+var PmTaskIcon_1 = __importDefault(require("../../../../icons/PmTaskIcon"));
+var useMatchesLoader_1 = require("../../../../hooks/useMatchesLoader");
+var ProfileMatchCard_1 = require("../../../ProfileMatchCard/ProfileMatchCard");
+var defaultOptions = {
+    showTransitiveMatches: true,
+    showInactiveEntities: false
+};
+var PotentialMatchTaskCard = function (_a) {
+    var task = _a.task;
+    var styles = styles_1.useStyles();
+    var objectURIs = task.objectURIs;
+    var entity = react_redux_1.useSelector(mdm_module_1.default.selectors.getEntity);
+    var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
+    var _b = useMatchesLoader_1.useMatchesLoader({
+        enabled: !!entity.uri,
+        entity: entity,
+        filter: '',
+        rowsPerPage: Number.MAX_SAFE_INTEGER,
+        page: 0,
+        options: defaultOptions
+    }), matches = _b.matches, entitiesMap = _b.entitiesMap;
+    var match = matches === null || matches === void 0 ? void 0 : matches.find(function (_a) {
+        var object = _a.object;
+        return objectURIs.includes(object.uri);
+    });
+    return (react_1.default.createElement(GenericWorkflowTaskCard_1.default, { task: task, Icon: PmTaskIcon_1.default }, match && (react_1.default.createElement(LineDecorator_1.default, { last: true },
+        react_1.default.createElement("div", { className: styles.pmCard },
+            react_1.default.createElement(ProfileMatchCard_1.ProfileMatchCard, { metadata: metadata, entity: entity, match: match, entitiesMap: entitiesMap }))))));
+};
+exports.default = PotentialMatchTaskCard;

package/cjs/components/workflow/cards/PotentialMatchTaskCard/styles.d.ts

@@ -0,0 +1 @@
+export declare const useStyles: (props?: any) => import("@material-ui/core/styles/withStyles").ClassNameMap<"pmCard">;

package/cjs/components/workflow/cards/PotentialMatchTaskCard/styles.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStyles = void 0;
+var styles_1 = require("@material-ui/core/styles");
+exports.useStyles = styles_1.makeStyles({
+    pmCard: {
+        marginLeft: '-15px'
+    }
+});

package/cjs/components/workflow/cards/WorkflowTaskCardsFactory.js

@@ -7,9 +7,9 @@ var react_1 = __importDefault(require("react"));
 var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var GenericWorkflowTaskCard_1 = __importDefault(require("./GenericWorkflowTaskCard/GenericWorkflowTaskCard"));
 var DataChangeRequestTaskCard_1 = __importDefault(require("./DataChangeRequestTaskCard/DataChangeRequestTaskCard"));
+var PotentialMatchTaskCard_1 = __importDefault(require("./PotentialMatchTaskCard/PotentialMatchTaskCard"));
 var DefaultTaskIcon_1 = __importDefault(require("../../../icons/DefaultTaskIcon"));
 var DeleteRequestTaskIcon_1 = __importDefault(require("../../../icons/DeleteRequestTaskIcon"));
-var PmTaskIcon_1 = __importDefault(require("../../../icons/PmTaskIcon"));
 var WorkflowTaskCardsFactory = /** @class */ (function () {
     function WorkflowTaskCardsFactory() {
     }
@@ -20,7 +20,7 @@ var WorkflowTaskCardsFactory = /** @class */ (function () {
             case mdm_sdk_1.PredefinedWorkflowProcessType.dataChangeRequestReview:
                 return react_1.default.createElement(DataChangeRequestTaskCard_1.default, { task: task });
             case mdm_sdk_1.PredefinedWorkflowProcessType.potentialMatchReview:
-                return react_1.default.createElement(GenericWorkflowTaskCard_1.default, { task: task, Icon: PmTaskIcon_1.default });
+                return react_1.default.createElement(PotentialMatchTaskCard_1.default, { task: task });
             case mdm_sdk_1.PredefinedWorkflowProcessType.recommendForDelete:
                 return react_1.default.createElement(GenericWorkflowTaskCard_1.default, { task: task, Icon: DeleteRequestTaskIcon_1.default });
             default:

package/cjs/components/workflow/components/DueDateField/styles.d.ts

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