@reltio/components 1.4.2215 → 1.4.2217

package/features/workflow/hooks/useWorkflowComments.js

@@ -7,7 +7,7 @@ import { isOpenTask } from '../helpers/common';
 import { useWorkflowCheckPermission } from './useWorkflowCheckPermission';
 import { useMdmTenant, useMdmWorkflowEnvironmentUrl, useMdmWorkflowPath } from '../../../contexts/MdmModuleContext';
 export var useWorkflowComments = function (_a) {
-    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isOpen = _a.isOpen;
+    var processInstanceComments = _a.processInstanceComments, taskId = _a.taskId, isOpen = _a.isOpen, onCommentWrite = _a.onCommentWrite;
     var updateTaskState = (useContext(WorkflowTasksContext) || {}).updateTaskState;
     var workflowPath = useMdmWorkflowPath();
     var environment = useMdmWorkflowEnvironmentUrl();
@@ -41,10 +41,11 @@ export var useWorkflowComments = function (_a) {
                 var processInstanceComments = _a.processInstanceComments;
                 setComments(processInstanceComments || []);
                 updateTaskState === null || updateTaskState === void 0 ? void 0 : updateTaskState(taskId, { processInstanceComments: processInstanceComments });
+                onCommentWrite === null || onCommentWrite === void 0 ? void 0 : onCommentWrite({ processInstanceComments: processInstanceComments });
             })
                 .catch(showWorkflowError)
                 .finally(function () { return setRequestIsInProgress(false); });
         }
-    }, [environment, taskId, tenant, workflowPath, safePromise, updateTaskState, canUpdateTask]);
+    }, [environment, taskId, tenant, workflowPath, safePromise, updateTaskState, canUpdateTask, onCommentWrite]);
     return { comments: comments, requestIsInProgress: requestIsInProgress, writeComment: writeComment, readOnly: !canUpdateTask };
 };

package/icons/VerificationInvalidIcon.d.ts

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

package/icons/VerificationInvalidIcon.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 VerificationInvalidIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgVerificationInvalidIcon" }, props),
+        React.createElement("path", { d: "M6.66667 0C2.98 0 0 2.98 0 6.66667C0 10.3533 2.98 13.3333 6.66667 13.3333C10.3533 13.3333 13.3333 10.3533 13.3333 6.66667C13.3333 2.98 10.3533 0 6.66667 0ZM10 9.06L9.06 10L6.66667 7.60667L4.27333 10L3.33333 9.06L5.72667 6.66667L3.33333 4.27333L4.27333 3.33333L6.66667 5.72667L9.06 3.33333L10 4.27333L7.60667 6.66667L10 9.06Z", fill: "#EB5757" })));
+};
+export default VerificationInvalidIcon;

package/icons/VerificationMaybeIcon.d.ts

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

package/icons/VerificationMaybeIcon.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 VerificationMaybeIcon = function (props) {
+    return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "data-reltio-id": "SvgMaybeIcon" }, props),
+        React.createElement("path", { d: "M6.66667 0C2.98667 0 0 2.98667 0 6.66667C0 10.3467 2.98667 13.3333 6.66667 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66667 0ZM7.33333 11.3333H6V10H7.33333V11.3333ZM8.71333 6.16667L8.11333 6.78C7.63333 7.26667 7.33333 7.66667 7.33333 8.66667H6V8.33333C6 7.6 6.3 6.93333 6.78 6.44667L7.60667 5.60667C7.85333 5.36667 8 5.03333 8 4.66667C8 3.93333 7.4 3.33333 6.66667 3.33333C5.93333 3.33333 5.33333 3.93333 5.33333 4.66667H4C4 3.19333 5.19333 2 6.66667 2C8.14 2 9.33333 3.19333 9.33333 4.66667C9.33333 5.25333 9.09333 5.78667 8.71333 6.16667Z", fill: "#F9A825" })));
+};
+export default VerificationMaybeIcon;

package/icons/VerificationOutdatedIcon.d.ts

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

package/icons/VerificationOutdatedIcon.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 VerificationOutdatedIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgVerificationOutdatedIcon" }, props),
+        React.createElement("path", { d: "M6.66667 0C2.98667 0 0 2.98667 0 6.66667C0 10.3467 2.98667 13.3333 6.66667 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66667 0ZM7.33333 10H6V8.66667H7.33333V10ZM7.33333 7.33333H6V3.33333H7.33333V7.33333Z", fill: "#F2C94C" })));
+};
+export default VerificationOutdatedIcon;

package/icons/VerificationValidIcon.d.ts

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

package/icons/VerificationValidIcon.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 VerificationValidIcon = function (props) {
+    return (React.createElement("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-reltio-id": "SvgVerificationValidIcon" }, props),
+        React.createElement("path", { d: "M6.66667 0C2.98667 0 0 2.98667 0 6.66667C0 10.3467 2.98667 13.3333 6.66667 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66667 0ZM5.33333 10L2 6.66667L2.94 5.72667L5.33333 8.11333L10.3933 3.05333L11.3333 4L5.33333 10Z", fill: "#27AE60" })));
+};
+export default VerificationValidIcon;

package/icons/VerifyAllIcon.d.ts

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

package/icons/VerifyAllIcon.js

@@ -0,0 +1,21 @@
+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 VerifyAllIcon = function (props) {
+    return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "none", "data-reltio-id": "SvgVerifyAllIcon" }, props),
+        React.createElement("g", { clipPath: "url(#clip0_196_3459)" },
+            React.createElement("path", { d: "M1.86621 14.2667H4.59961V15.5997H1.86621C1.13305 15.5996 0.533238 14.9999 0.533203 14.2667V11.5333H1.86621V14.2667ZM15.5996 14.2667C15.5996 15 14.9999 15.5997 14.2666 15.5997H11.5332V14.2667H14.2666V11.5333H15.5996V14.2667ZM11.457 10.422C10.7145 11.7829 9.4738 12.8381 8 13.2003C6.52622 12.838 5.28531 11.783 4.54297 10.422H11.457ZM12.2002 4.74524V7.5636C12.2002 7.93658 12.1627 8.30597 12.0928 8.66711H15.4668V9.53333H0.533203V8.66711H3.9082C3.83828 8.30596 3.80078 7.93659 3.80078 7.5636V4.74524L8 2.86633L12.2002 4.74524ZM4.59961 1.86633H1.86621V4.59973H0.533203V1.86633C0.533381 1.13326 1.13313 0.533503 1.86621 0.533325H4.59961V1.86633ZM14.2666 0.533325C14.9998 0.53336 15.5994 1.13317 15.5996 1.86633V4.59973H14.2666V1.86633H11.5332V0.533325H14.2666Z", fill: "black", fillOpacity: "0.54" })),
+        React.createElement("defs", null,
+            React.createElement("clipPath", { id: "clip0_196_3459" },
+                React.createElement("rect", { width: "16", height: "16", fill: "white" })))));
+};
+export default VerifyAllIcon;

package/index.d.ts

@@ -196,6 +196,7 @@ export { FacetGroupTitle } from './FacetGroupTitle';
 export { FacetsSelector } from './FacetsSelector';
 export { FacetContainer } from './FacetContainer';
 export { RequestedData } from './RequestedData';
+export { CollaborationButton } from './CollaborationButton';
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';
 export { withDragHandle } from './HOCs/withDragHandle';

package/index.js

@@ -196,6 +196,7 @@ export { FacetGroupTitle } from './FacetGroupTitle';
 export { FacetsSelector } from './FacetsSelector';
 export { FacetContainer } from './FacetContainer';
 export { RequestedData } from './RequestedData';
+export { CollaborationButton } from './CollaborationButton';
 // HOCs
 export { withTooltip } from './HOCs/withTooltip';
 export { withAsyncMount } from './HOCs/withAsyncMount';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2215",
+  "version": "1.4.2217",
   "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.2015",
+    "@reltio/mdm-sdk": "^1.4.2016",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/ReadOnlyComplexAttribute/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "spacer" | "ovFalse" | "complexContainer" | "labelContainer">;

package/ReadOnlyComplexAttribute/styles.js

@@ -1,22 +0,0 @@
-import { makeStyles } from '@mui/styles';
-export var useStyles = makeStyles(function (theme) { return ({
-    complexContainer: {
-        marginTop: '1px'
-    },
-    labelContainer: {
-        display: 'flex',
-        minHeight: '18px'
-    },
-    label: {
-        display: 'inline-flex',
-        fontSize: '13px',
-        lineHeight: '16px',
-        letterSpacing: 'normal',
-        marginLeft: '2px',
-        whiteSpace: 'break-spaces'
-    },
-    spacer: {
-        flex: 1
-    },
-    ovFalse: theme.inactive
-}); });

package/cjs/ReadOnlyComplexAttribute/styles.d.ts

@@ -1 +0,0 @@
-export declare const useStyles: (props?: any) => import("@mui/styles").ClassNameMap<"label" | "spacer" | "ovFalse" | "complexContainer" | "labelContainer">;

package/cjs/ReadOnlyComplexAttribute/styles.js

@@ -1,25 +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 ({
-    complexContainer: {
-        marginTop: '1px'
-    },
-    labelContainer: {
-        display: 'flex',
-        minHeight: '18px'
-    },
-    label: {
-        display: 'inline-flex',
-        fontSize: '13px',
-        lineHeight: '16px',
-        letterSpacing: 'normal',
-        marginLeft: '2px',
-        whiteSpace: 'break-spaces'
-    },
-    spacer: {
-        flex: 1
-    },
-    ovFalse: theme.inactive
-}); });