@reltio/components 1.4.892 → 1.4.893

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

@@ -64,7 +64,11 @@ 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'], 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, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {

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/LineDecorator/styles.js

@@ -7,7 +7,7 @@ var lineStyle = '2px solid rgba(0,0,0,0.06)';
 var pointSize = 6;
 var blockWidth = 56;
 var linePadding = 10;
-var pointPadding = 10;
+var pointPadding = 15;
 exports.useStyles = styles_1.makeStyles({
     decorator: {
         display: 'flex',

package/esm/components/editors/TimestampEditor/TimestampEditor.js

@@ -40,7 +40,11 @@ var TimestampEditor = function (_a) {
     var _e = useState(false), isCalendarOpen = _e[0], setIsCalendarOpen = _e[1];
     var timestampFormat = format || dateFormat + " " + timeFormat;
     var isAmPmFormat = timestampFormat && timestampFormat.toLowerCase().includes('a');
-    return (React.createElement(KeyboardDateTimePicker, __assign({ format: timestampFormat, rifmFormatter: isAmPmFormat ? makeAmPmFormatter(timestampFormat) : undefined, variant: "inline", invalidDateMessage: i18n.text('Invalid Date Format'), maxDateMessage: i18n.text('Date should not be after maximal date'), minDateMessage: i18n.text('Date should not be before minimal date'), inputVariant: variant, views: ['year', 'date', 'hours', 'minutes'], autoOk: true, InputAdornmentProps: { position: 'end' }, KeyboardButtonProps: {
+    return (React.createElement(KeyboardDateTimePicker, __assign({ format: timestampFormat, rifmFormatter: isAmPmFormat ? makeAmPmFormatter(timestampFormat) : undefined, variant: "inline", invalidDateMessage: i18n.text('Invalid Date Format'), maxDateMessage: i18n.text('Date should not be after maximal date'), minDateMessage: i18n.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: invoker(0, 'stopPropagation')
         }, keyboardIcon: React.createElement(DateRangeIcon, null), onChange: when(utils.dates.isValidMomentDateOrNull, pipe(utils.dates.momentToDate, onChange)), label: label, "aria-label": label, value: value, placeholder: i18n.text((dateFormat + " HH:MM").toUpperCase()), ampm: false, onClose: function () { return setIsCalendarOpen(false); }, onOpen: function () { return setIsCalendarOpen(true); }, InputProps: __assign({ classes: {

package/esm/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/esm/components/workflow/cards/PotentialMatchTaskCard/PotentialMatchTaskCard.js

@@ -0,0 +1,36 @@
+import React from 'react';
+import { useSelector } from 'react-redux';
+import mdmModule from '@reltio/mdm-module';
+import { useStyles } from './styles';
+import GenericWorkflowTaskCard from '../GenericWorkflowTaskCard/GenericWorkflowTaskCard';
+import LineDecorator from '../../components/LineDecorator/LineDecorator';
+import PmTaskIcon from '../../../../icons/PmTaskIcon';
+import { useMatchesLoader } from '../../../../hooks/useMatchesLoader';
+import { ProfileMatchCard } from '../../../ProfileMatchCard/ProfileMatchCard';
+var defaultOptions = {
+    showTransitiveMatches: true,
+    showInactiveEntities: false
+};
+var PotentialMatchTaskCard = function (_a) {
+    var task = _a.task;
+    var styles = useStyles();
+    var objectURIs = task.objectURIs;
+    var entity = useSelector(mdmModule.selectors.getEntity);
+    var metadata = useSelector(mdmModule.selectors.getMetadata);
+    var _b = 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.createElement(GenericWorkflowTaskCard, { task: task, Icon: PmTaskIcon }, match && (React.createElement(LineDecorator, { last: true },
+        React.createElement("div", { className: styles.pmCard },
+            React.createElement(ProfileMatchCard, { metadata: metadata, entity: entity, match: match, entitiesMap: entitiesMap }))))));
+};
+export default PotentialMatchTaskCard;

package/esm/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/esm/components/workflow/cards/PotentialMatchTaskCard/styles.js

@@ -0,0 +1,6 @@
+import { makeStyles } from '@material-ui/core/styles';
+export var useStyles = makeStyles({
+    pmCard: {
+        marginLeft: '-15px'
+    }
+});

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

@@ -2,9 +2,9 @@ import React from 'react';
 import { PredefinedWorkflowProcessType } from '@reltio/mdm-sdk';
 import GenericWorkflowTaskCard from './GenericWorkflowTaskCard/GenericWorkflowTaskCard';
 import DataChangeRequestTaskCard from './DataChangeRequestTaskCard/DataChangeRequestTaskCard';
+import PotentialMatchTaskCard from './PotentialMatchTaskCard/PotentialMatchTaskCard';
 import DefaultTaskIcon from '../../../icons/DefaultTaskIcon';
 import DeleteRequestTaskIcon from '../../../icons/DeleteRequestTaskIcon';
-import PmTaskIcon from '../../../icons/PmTaskIcon';
 var WorkflowTaskCardsFactory = /** @class */ (function () {
     function WorkflowTaskCardsFactory() {
     }
@@ -15,7 +15,7 @@ var WorkflowTaskCardsFactory = /** @class */ (function () {
             case PredefinedWorkflowProcessType.dataChangeRequestReview:
                 return React.createElement(DataChangeRequestTaskCard, { task: task });
             case PredefinedWorkflowProcessType.potentialMatchReview:
-                return React.createElement(GenericWorkflowTaskCard, { task: task, Icon: PmTaskIcon });
+                return React.createElement(PotentialMatchTaskCard, { task: task });
             case PredefinedWorkflowProcessType.recommendForDelete:
                 return React.createElement(GenericWorkflowTaskCard, { task: task, Icon: DeleteRequestTaskIcon });
             default:

package/esm/components/workflow/components/LineDecorator/styles.js

@@ -4,7 +4,7 @@ var lineStyle = '2px solid rgba(0,0,0,0.06)';
 var pointSize = 6;
 var blockWidth = 56;
 var linePadding = 10;
-var pointPadding = 10;
+var pointPadding = 15;
 export var useStyles = makeStyles({
     decorator: {
         display: 'flex',

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.892",
+  "version": "1.4.893",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "^2.7.0",
-    "@reltio/mdm-module": "^1.4.892",
-    "@reltio/mdm-sdk": "^1.4.892",
+    "@reltio/mdm-module": "^1.4.893",
+    "@reltio/mdm-sdk": "^1.4.893",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",