@reltio/components 1.4.2189 → 1.4.2191

package/features/workflow/index.js

@@ -6,6 +6,8 @@ export { AssigneeSelector } from './AssigneeSelector';
 export { ReassignButton } from './ReassignButton';
 export { WorkflowComments } from './WorkflowComments';
 export { TaskActionButtons } from './TaskActionButtons';
+export { ReviewDCRButton } from './ReviewDCRButton';
+export { ReviewDCRDialog } from './ReviewDCRDialog';
 // hooks
 export { useWorkflowAssignee } from './hooks/useWorkflowAssignee';
 export { useWorkflowComments } from './hooks/useWorkflowComments';

package/icons/RequestSummary.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgRequestSummary: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgRequestSummary;

package/icons/RequestSummary.js

@@ -0,0 +1,19 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgRequestSummary = function (props) {
+    return (React.createElement("svg", __assign({ width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgRequestSummary" }, props),
+        React.createElement("ellipse", { cx: "15.972", cy: "16", rx: "15.972", ry: "16", fill: "#1D4E99" }),
+        React.createElement("path", { opacity: "0.54", d: "M24.4771 14.7002C23.972 14.3772 23.4183 14.1244 22.8286 13.9561V8.42871H8.50342V19.415H14.8589C14.8411 19.6077 14.8316 19.8027 14.8315 20C14.8315 20.3358 14.8581 20.6657 14.9087 20.9873H6.84521V6.85742H24.4771V14.7002ZM11.8091 17.8428H10.1519V16.2803H11.8091V17.8428ZM16.0483 16.2803C15.7 16.7547 15.4168 17.2799 15.2114 17.8428H13.4575V16.2803H16.0483ZM11.8091 14.708H10.1519V13.1357H11.8091V14.708ZM21.1714 13.7158C21.1496 13.7156 21.1278 13.7148 21.106 13.7148C19.8597 13.7148 18.6995 14.0804 17.7231 14.708H13.4575V13.1357H21.1714V13.7158ZM11.8091 11.5645H10.1519V10.001H11.8091V11.5645ZM21.1714 11.5645H13.4575V10.001H21.1714V11.5645Z", fill: "white" }),
+        React.createElement("path", { opacity: "0.87", d: "M21.106 14.8574C22.2479 14.8575 23.3031 15.2315 24.1558 15.8633L23.2349 16.7861C22.6252 16.3801 21.8929 16.1426 21.106 16.1426C18.9797 16.1428 17.2565 17.87 17.2563 20C17.2563 22.1301 18.9796 23.8572 21.106 23.8574C23.0435 23.8572 24.6461 22.4229 24.9155 20.5566L26.189 19.2822C26.2217 19.5168 26.2407 19.7564 26.2407 20C26.2407 22.8402 23.9412 25.1424 21.106 25.1426C18.2708 25.1423 15.9722 22.8402 15.9722 20C15.9723 17.16 18.2709 14.8577 21.106 14.8574ZM26.7075 17.208L21.2622 22.6631L20.354 21.7539V21.7529L18.5396 19.9355L19.4468 19.0264L21.2612 20.8438L25.7993 16.2988L26.7075 17.208Z", fill: "white" })));
+};
+export default SvgRequestSummary;

package/icons/ReviewDCR.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SvgReviewDCR: React.FC<React.SVGProps<SVGSVGElement>>;
+export default SvgReviewDCR;

package/icons/ReviewDCR.js

@@ -0,0 +1,17 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React from 'react';
+var SvgReviewDCR = function (props) {
+    return (React.createElement("svg", __assign({ width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.5 9H5.51415C5.53356 8.74392 5.57268 8.49341 5.63 8.25H2.5V6.75H6.26449C6.43659 6.48075 6.63444 6.2296 6.85458 6H2.5V4.5H10V4.51415C10.1238 4.50477 10.2488 4.5 10.375 4.5C11.0397 4.5 11.673 4.63248 12.25 4.87252V1.5C12.25 0.675 11.575 0 10.75 0H1.75C0.925 0 0.25 0.675 0.25 1.5V11.25C0.25 12.075 0.925 12.75 1.75 12.75H6.85373C6.26293 12.1331 5.8327 11.3608 5.63001 10.5H2.5V9ZM10 3.75H2.5V2.25H10V3.75ZM13.225 11.1675L15.565 13.5L14.5 14.565L12.16 12.225C11.6425 12.555 11.0275 12.75 10.3675 12.75C8.5075 12.75 7 11.2425 7 9.375C7 7.5075 8.5075 6 10.375 6C12.2425 6 13.75 7.5075 13.75 9.375C13.75 10.035 13.555 10.6425 13.225 11.1675ZM10.375 11.25C11.41 11.25 12.25 10.41 12.25 9.375C12.25 8.34 11.41 7.5 10.375 7.5C9.34 7.5 8.5 8.34 8.5 9.375C8.5 10.41 9.34 11.25 10.375 11.25Z", fill: "#0072CE" })));
+};
+export default SvgReviewDCR;

package/package.json

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

package/ProfileBand/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inactive" | "label" | "secondaryLabel" | "profileBand" | "entityType" | "entityId" | "profileIcon" | "profileBandWrapper" | "imageProfileIcon" | "profileInfo" | "badge" | "businessCard" | "specialInfo">;

package/ProfileBand/styles.js

@@ -1,87 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    profileBandWrapper: {
-        // especially for IE (overflow fix)
-        flexShrink: 0
-    },
-    profileBand: {
-        display: 'flex',
-        padding: '16px 12px 16px 16px',
-        alignItems: 'flex-start',
-        backgroundColor: '#fff',
-        boxShadow: '0px 1px 0px rgba(0, 0, 0, 0.12)',
-        marginBottom: '1px',
-        '&:after': {
-            // IE workaround for minHeight and centering items
-            content: '""',
-            minHeight: 'inherit',
-            fontSize: 0
-        }
-    },
-    inactive: {
-        background: theme.inactiveBackground
-    },
-    profileIcon: {
-        marginRight: '12px'
-    },
-    imageProfileIcon: {
-        width: '48px',
-        height: '48px'
-    },
-    profileInfo: {
-        display: 'flex',
-        flexDirection: 'column',
-        flex: '1 1 50%'
-    },
-    badge: {},
-    label: {
-        lineHeight: '1.2',
-        letterSpacing: '0.25px',
-        color: theme.palette.text.primary,
-        wordBreak: 'break-word',
-        whiteSpace: 'break-spaces',
-        '&+ $specialInfo': {
-            marginTop: '4px'
-        }
-    },
-    secondaryLabel: {
-        display: 'inline-flex',
-        color: theme.palette.text.primary,
-        marginTop: '2px',
-        lineHeight: '16px',
-        fontSize: '14px',
-        fontWeight: 400,
-        whiteSpace: 'break-spaces',
-        '&+ $businessCard': {
-            marginLeft: '12px'
-        }
-    },
-    businessCard: {
-        color: theme.palette.text.secondary,
-        display: 'inline-flex',
-        fontSize: '14px',
-        marginTop: '4px',
-        lineHeight: '1.2',
-        whiteSpace: 'break-spaces'
-    },
-    specialInfo: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        flexWrap: 'wrap',
-        width: '100%',
-        marginTop: '8px'
-    },
-    entityType: {
-        display: 'flex',
-        flexWrap: 'wrap'
-    },
-    entityId: {
-        fontSize: '13px',
-        color: theme.palette.text.secondary,
-        whiteSpace: 'nowrap',
-        cursor: 'pointer',
-        '&:hover': {
-            textDecoration: 'underline'
-        }
-    }
-}); });

package/cjs/ProfileBand/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"inactive" | "label" | "secondaryLabel" | "profileBand" | "entityType" | "entityId" | "profileIcon" | "profileBandWrapper" | "imageProfileIcon" | "profileInfo" | "badge" | "businessCard" | "specialInfo">;

package/cjs/ProfileBand/styles.js

@@ -1,90 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
-    profileBandWrapper: {
-        // especially for IE (overflow fix)
-        flexShrink: 0
-    },
-    profileBand: {
-        display: 'flex',
-        padding: '16px 12px 16px 16px',
-        alignItems: 'flex-start',
-        backgroundColor: '#fff',
-        boxShadow: '0px 1px 0px rgba(0, 0, 0, 0.12)',
-        marginBottom: '1px',
-        '&:after': {
-            // IE workaround for minHeight and centering items
-            content: '""',
-            minHeight: 'inherit',
-            fontSize: 0
-        }
-    },
-    inactive: {
-        background: theme.inactiveBackground
-    },
-    profileIcon: {
-        marginRight: '12px'
-    },
-    imageProfileIcon: {
-        width: '48px',
-        height: '48px'
-    },
-    profileInfo: {
-        display: 'flex',
-        flexDirection: 'column',
-        flex: '1 1 50%'
-    },
-    badge: {},
-    label: {
-        lineHeight: '1.2',
-        letterSpacing: '0.25px',
-        color: theme.palette.text.primary,
-        wordBreak: 'break-word',
-        whiteSpace: 'break-spaces',
-        '&+ $specialInfo': {
-            marginTop: '4px'
-        }
-    },
-    secondaryLabel: {
-        display: 'inline-flex',
-        color: theme.palette.text.primary,
-        marginTop: '2px',
-        lineHeight: '16px',
-        fontSize: '14px',
-        fontWeight: 400,
-        whiteSpace: 'break-spaces',
-        '&+ $businessCard': {
-            marginLeft: '12px'
-        }
-    },
-    businessCard: {
-        color: theme.palette.text.secondary,
-        display: 'inline-flex',
-        fontSize: '14px',
-        marginTop: '4px',
-        lineHeight: '1.2',
-        whiteSpace: 'break-spaces'
-    },
-    specialInfo: {
-        display: 'flex',
-        justifyContent: 'space-between',
-        flexWrap: 'wrap',
-        width: '100%',
-        marginTop: '8px'
-    },
-    entityType: {
-        display: 'flex',
-        flexWrap: 'wrap'
-    },
-    entityId: {
-        fontSize: '13px',
-        color: theme.palette.text.secondary,
-        whiteSpace: 'nowrap',
-        cursor: 'pointer',
-        '&:hover': {
-            textDecoration: 'underline'
-        }
-    }
-}); });

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

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "title" | "filledInputRoot" | "commentsContainer" | "modeSwitcherWrapper" | "sendButton">;

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

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function (_theme) { return ({
-    container: {
-        padding: '5px 0',
-        display: 'flex',
-        flexDirection: 'column'
-    },
-    commentsContainer: {
-        maxHeight: '300px',
-        overflowY: 'auto'
-    },
-    title: {
-        margin: '0 0 8px 5px',
-        fontSize: '14px',
-        color: 'rgba(0, 0, 0, 0.87)'
-    },
-    filledInputRoot: {
-        backgroundColor: 'rgba(0, 0, 0, 0.03)',
-        padding: '10px 6px',
-        minHeight: '40px',
-        margin: '10px 17px 0 6px',
-        fontSize: '14px',
-        '&:hover': {
-            backgroundColor: 'rgba(0, 0, 0, 0.03)'
-        },
-        '&.focused': {
-            backgroundColor: 'rgba(0, 0, 0, 0.03)'
-        }
-    },
-    modeSwitcherWrapper: {
-        marginLeft: 'auto',
-        marginRight: '16px',
-        marginTop: '8px'
-    },
-    sendButton: {
-        alignSelf: 'end',
-        marginBottom: '10px'
-    }
-}); });

package/cjs/features/workflow/WorkflowTaskCard/components/GenericWorkflowTaskCard/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const useStyles: (props: {
-    color: string;
-}) => import("@mui/styles").ClassNameMap<"flex" | "caption" | "icon" | "title" | "header" | "line" | "date" | "info" | "priority" | "comments" | "infoBlock" | "flag" | "mainInfo" | "card" | "withBackground" | "lineWrapper" | "commentsInfo" | "commentsIcon" | "infoValue" | "controlsBox" | "controlsInRow">;

package/cjs/features/workflow/WorkflowTaskCard/components/GenericWorkflowTaskCard/styles.js

@@ -1,113 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-exports.useStyles = (0, styles_1.makeStyles)(function (theme) { return ({
-    card: {
-        borderBottom: '1px solid rgba(0,0,0,0.06)'
-    },
-    withBackground: {
-        backgroundColor: 'rgba(0, 0, 0, 0.03)'
-    },
-    lineWrapper: {
-        position: 'relative'
-    },
-    icon: {
-        position: 'absolute',
-        top: '8px',
-        left: '16px',
-        width: '32px',
-        height: '32px',
-        zIndex: 1
-    },
-    line: function (_a) {
-        var color = _a.color;
-        return ({
-            borderLeft: "3px solid ".concat(color),
-            position: 'absolute',
-            left: 0,
-            top: 0,
-            bottom: 0
-        });
-    },
-    info: {
-        fontSize: '13px',
-        color: theme.palette.text.secondary,
-        wordWrap: 'break-word',
-        lineHeight: '15px'
-    },
-    commentsInfo: {
-        display: 'flex',
-        alignItems: 'center',
-        marginBottom: '-4px',
-        marginTop: '7px'
-    },
-    commentsIcon: {
-        width: '11px',
-        height: '11px',
-        marginLeft: '2px',
-        marginRight: '6px',
-        marginTop: '-2px'
-    },
-    infoValue: {
-        color: theme.palette.text.primary
-    },
-    infoBlock: {
-        display: 'flex',
-        flexDirection: 'row',
-        marginBottom: '5px'
-    },
-    header: {
-        display: 'flex',
-        flexDirection: 'row',
-        paddingBottom: '12px'
-    },
-    flex: {
-        flex: 1
-    },
-    caption: {
-        fontSize: '16px',
-        color: theme.palette.text.primary
-    },
-    title: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        marginBottom: '-4px'
-    },
-    flag: {
-        height: '13px',
-        width: '13px',
-        marginTop: '-2px',
-        stroke: '#000000',
-        fill: 'none',
-        margin: '2px 5px 0 5px'
-    },
-    date: {
-        fontSize: '13px',
-        color: theme.palette.text.primary
-    },
-    mainInfo: {
-        display: 'flex',
-        flexDirection: 'column',
-        flex: 1
-    },
-    controlsBox: {
-        marginRight: '16px',
-        marginBottom: '12px',
-        marginTop: '13px'
-    },
-    controlsInRow: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginBottom: '20px'
-    },
-    priority: {
-        width: '162px'
-    },
-    comments: {
-        marginLeft: '11px'
-    }
-}); });

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

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"container" | "title" | "filledInputRoot" | "commentsContainer" | "modeSwitcherWrapper" | "sendButton">;

package/features/workflow/WorkflowComments/styles.js

@@ -1,39 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (_theme) { return ({
-    container: {
-        padding: '5px 0',
-        display: 'flex',
-        flexDirection: 'column'
-    },
-    commentsContainer: {
-        maxHeight: '300px',
-        overflowY: 'auto'
-    },
-    title: {
-        margin: '0 0 8px 5px',
-        fontSize: '14px',
-        color: 'rgba(0, 0, 0, 0.87)'
-    },
-    filledInputRoot: {
-        backgroundColor: 'rgba(0, 0, 0, 0.03)',
-        padding: '10px 6px',
-        minHeight: '40px',
-        margin: '10px 17px 0 6px',
-        fontSize: '14px',
-        '&:hover': {
-            backgroundColor: 'rgba(0, 0, 0, 0.03)'
-        },
-        '&.focused': {
-            backgroundColor: 'rgba(0, 0, 0, 0.03)'
-        }
-    },
-    modeSwitcherWrapper: {
-        marginLeft: 'auto',
-        marginRight: '16px',
-        marginTop: '8px'
-    },
-    sendButton: {
-        alignSelf: 'end',
-        marginBottom: '10px'
-    }
-}); });

package/features/workflow/WorkflowTaskCard/components/GenericWorkflowTaskCard/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const useStyles: (props: {
-    color: string;
-}) => import("@mui/styles").ClassNameMap<"flex" | "caption" | "icon" | "title" | "header" | "line" | "date" | "info" | "priority" | "comments" | "infoBlock" | "flag" | "mainInfo" | "card" | "withBackground" | "lineWrapper" | "commentsInfo" | "commentsIcon" | "infoValue" | "controlsBox" | "controlsInRow">;

package/features/workflow/WorkflowTaskCard/components/GenericWorkflowTaskCard/styles.js

@@ -1,110 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    card: {
-        borderBottom: '1px solid rgba(0,0,0,0.06)'
-    },
-    withBackground: {
-        backgroundColor: 'rgba(0, 0, 0, 0.03)'
-    },
-    lineWrapper: {
-        position: 'relative'
-    },
-    icon: {
-        position: 'absolute',
-        top: '8px',
-        left: '16px',
-        width: '32px',
-        height: '32px',
-        zIndex: 1
-    },
-    line: function (_a) {
-        var color = _a.color;
-        return ({
-            borderLeft: "3px solid ".concat(color),
-            position: 'absolute',
-            left: 0,
-            top: 0,
-            bottom: 0
-        });
-    },
-    info: {
-        fontSize: '13px',
-        color: theme.palette.text.secondary,
-        wordWrap: 'break-word',
-        lineHeight: '15px'
-    },
-    commentsInfo: {
-        display: 'flex',
-        alignItems: 'center',
-        marginBottom: '-4px',
-        marginTop: '7px'
-    },
-    commentsIcon: {
-        width: '11px',
-        height: '11px',
-        marginLeft: '2px',
-        marginRight: '6px',
-        marginTop: '-2px'
-    },
-    infoValue: {
-        color: theme.palette.text.primary
-    },
-    infoBlock: {
-        display: 'flex',
-        flexDirection: 'row',
-        marginBottom: '5px'
-    },
-    header: {
-        display: 'flex',
-        flexDirection: 'row',
-        paddingBottom: '12px'
-    },
-    flex: {
-        flex: 1
-    },
-    caption: {
-        fontSize: '16px',
-        color: theme.palette.text.primary
-    },
-    title: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        marginBottom: '-4px'
-    },
-    flag: {
-        height: '13px',
-        width: '13px',
-        marginTop: '-2px',
-        stroke: '#000000',
-        fill: 'none',
-        margin: '2px 5px 0 5px'
-    },
-    date: {
-        fontSize: '13px',
-        color: theme.palette.text.primary
-    },
-    mainInfo: {
-        display: 'flex',
-        flexDirection: 'column',
-        flex: 1
-    },
-    controlsBox: {
-        marginRight: '16px',
-        marginBottom: '12px',
-        marginTop: '13px'
-    },
-    controlsInRow: {
-        display: 'flex',
-        flexDirection: 'row',
-        alignItems: 'center',
-        justifyContent: 'space-between',
-        marginBottom: '20px'
-    },
-    priority: {
-        width: '162px'
-    },
-    comments: {
-        marginLeft: '11px'
-    }
-}); });