@reltio/components 1.4.1843 → 1.4.1845

package/esm/features/graph/types/graphDataTypes.js

@@ -0,0 +1,5 @@
+export var DataModelGraphNodeType;
+(function (DataModelGraphNodeType) {
+    DataModelGraphNodeType["entityType"] = "entityType";
+    DataModelGraphNodeType["interactionType"] = "interactionType";
+})(DataModelGraphNodeType || (DataModelGraphNodeType = {}));

package/esm/features/graph/types/sigmaCustomRenderersTypes.d.ts

@@ -0,0 +1,11 @@
+type Renderer = {
+    renderer: (context: CanvasRenderingContext2D) => void;
+    insertBefore: string;
+};
+export type Renderers = Record<string, Renderer>;
+export type Canvas = {
+    canvasElement: HTMLCanvasElement;
+    context: CanvasRenderingContext2D;
+};
+export type Canvases = Record<string, Canvas>;
+export {};

package/esm/features/graph/types/sigmaCustomRenderersTypes.js

@@ -0,0 +1 @@
+export {};

package/esm/icons/EmptyLoading.d.ts

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

package/esm/icons/EmptyLoading.js

@@ -0,0 +1,145 @@
+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 SvgEmptyLoading = function (props) {
+    return (React.createElement("svg", __assign({ width: 256, height: 256, viewBox: "0 0 256 256", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+        React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#0072CE", fillOpacity: 0.03 }),
+        React.createElement("mask", { id: "EmptyLoading_svg__a", style: {
+                maskType: 'alpha'
+            }, maskUnits: "userSpaceOnUse", x: 0, y: 0, width: 256, height: 256 },
+            React.createElement("circle", { cx: 128, cy: 128, r: 128, fill: "#fff" })),
+        React.createElement("g", { mask: "url(#EmptyLoading_svg__a)" },
+            React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M-16 9h256v247H-16V9z", fill: "url(#EmptyLoading_svg__paint0_linear_2978_41880)" }),
+            React.createElement("g", { fillRule: "evenodd", clipRule: "evenodd" },
+                React.createElement("path", { d: "M40.755 44.17C40.755 38.002 45.76 33 51.92 33h251.675c6.167 0 11.166 5.001 11.166 11.17v160.596H40.755V44.171z", fill: "#5E7282" }),
+                React.createElement("path", { d: "M50.371 43.106h255.685V195.71H50.371V43.106z", fill: "url(#EmptyLoading_svg__paint1_linear_2978_41880)" }),
+                React.createElement("path", { d: "M15.545 208.914c2.321.469 4.723.716 7.183.716H338.75c.22 0 .439-.002.658-.006-7.061 8.445-17.67 13.816-29.524 13.816H45.655c-12.111 0-22.916-5.597-29.968-14.349l-.142-.177z", fill: "#BDCBD8" }),
+                React.createElement("path", { d: "M339.015 204.883v4.966H15v-4.966h324.015z", fill: "#D4DCDF" }),
+                React.createElement("path", { d: "M201.107 213.991h-45.221a11.176 11.176 0 01-11.046-9.449h67.314a11.172 11.172 0 01-11.047 9.449z", fill: "url(#EmptyLoading_svg__paint2_linear_2978_41880)" })),
+            React.createElement("g", { filter: "url(#EmptyLoading_svg__filter0_d_2978_41880)" },
+                React.createElement("rect", { x: 81.703, y: 99, width: 170, height: 26, rx: 8, fill: "#D1E6FF" }),
+                React.createElement("rect", { x: 84.703, y: 102, width: 164, height: 20, rx: 5, stroke: "#fff", strokeWidth: 6 })),
+            React.createElement("g", { filter: "url(#EmptyLoading_svg__filter1_d_2978_41880)" },
+                React.createElement("mask", { id: "EmptyLoading_svg__b", fill: "#fff" },
+                    React.createElement("rect", { x: 81, y: 105, width: 108, height: 14, rx: 2 })),
+                React.createElement("rect", { x: 81, y: 105, width: 108, height: 14, rx: 2, fill: "#61A3F1" }),
+                React.createElement("rect", { x: 81, y: 105, width: 108, height: 14, rx: 2, stroke: "#4A90E2", strokeWidth: 8, mask: "url(#EmptyLoading_svg__b)" })),
+            React.createElement("path", { opacity: 0.8, fillRule: "evenodd", clipRule: "evenodd", d: "M122.703 74a3 3 0 013-3h81.625a3 3 0 010 6h-81.625a3 3 0 01-3-3z", fill: "#B6C7DB" }),
+            React.createElement("path", { opacity: 0.2, fillRule: "evenodd", clipRule: "evenodd", d: "M146.703 86a3 3 0 013-3h34a3 3 0 110 6h-34a3 3 0 01-3-3zM136.703 139a3 3 0 013-3h54a3 3 0 110 6h-54a3 3 0 01-3-3z", fill: "#979797" }),
+            React.createElement("path", { opacity: 0.1, fillRule: "evenodd", clipRule: "evenodd", d: "M112.703 151a3 3 0 013-3h103a3 3 0 110 6h-103a3 3 0 01-3-3zM124.703 163a3 3 0 013-3h79a3 3 0 110 6h-79a3 3 0 01-3-3z", fill: "#979797" }),
+            React.createElement("g", { filter: "url(#EmptyLoading_svg__filter2_ddd_2978_41880)" },
+                React.createElement("path", { fill: "#A0C1D7", d: "M70.703 64h11v8h-11z" }),
+                React.createElement("rect", { x: 62, y: 59, width: 28, height: 8, rx: 1, fill: "#BDD4E3" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M38.23 160.5c20.704 20.703 54.27 20.703 74.973 0 20.703-20.703 20.703-54.27 0-74.973-20.703-20.703-54.27-20.703-74.973 0-20.703 20.703-20.703 54.27 0 74.973z", fill: "#BDD4E3" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M113.427 85.988c20.463 20.652 20.404 53.981-.175 74.561-20.432 20.431-53.432 20.635-74.115.613l-.446-.439 74.736-74.735z", fill: "#A0C1D7" }),
+                React.createElement("path", { opacity: 0.144, fillRule: "evenodd", clipRule: "evenodd", d: "M75.037 175.385c29.402 0 53.236-23.834 53.236-53.236a54.67 54.67 0 00-.106-3.399L100.45 91.037l-55.142 58.396 25.814 25.811c1.293.094 2.598.141 3.915.141z", fill: "url(#EmptyLoading_svg__paint3_linear_2978_41880)" }),
+                React.createElement("circle", { cx: 75.94, cy: 123.237, r: 44.723, fill: "#91B0C2" }),
+                React.createElement("g", { filter: "url(#EmptyLoading_svg__filter3_d_2978_41880)" },
+                    React.createElement("circle", { r: 42.793, transform: "matrix(-1 0 0 1 75.94 123.237)", fill: "#F7F4FF" })),
+                React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M105.043 175.309l-10.298.861-20.313-20.152.863-2.292-9.973-9.982 18.679-6.882h-4.308l-8.943-8.951 4.545-10.532L94.35 90.74l37.888 37.162c-.343 20.088-11.146 37.627-27.195 47.407z", fill: "url(#EmptyLoading_svg__paint4_linear_2978_41880)" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M67.703 123a8 8 0 0112.362-6.707l14.477-25.145A36.828 36.828 0 0075.703 86c-20.434 0-37 16.565-37 37h29z", fill: "url(#EmptyLoading_svg__paint5_angular_2978_41880)" }),
+                React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M94.297 90.6l.24.138s-12.45 35.125-12.811 35.752a6.92 6.92 0 01-11.985-6.92c.361-.626 24.556-28.97 24.556-28.97z", fill: "#323232" }),
+                React.createElement("circle", { cx: 75.94, cy: 123.237, r: 2.896, fill: "#EEEBF6" }),
+                React.createElement("circle", { cx: 96.211, cy: 148.655, r: 2.574, fill: "#A0C3D7" }),
+                React.createElement("circle", { cx: 107.15, cy: 131.924, r: 2.574, fill: "#A0C3D7" }),
+                React.createElement("rect", { x: 62.427, y: 135.592, width: 27.027, height: 10.039, rx: 3, fill: "#A0C3D7" }),
+                React.createElement("path", { opacity: 0.05, fillRule: "evenodd", clipRule: "evenodd", d: "M85.914 170.534H75.112l-21.605-21.472 2.126-2.775v-1.01L42.8 132.523l2.853-2.529 40.261 40.54z", fill: "url(#EmptyLoading_svg__paint6_linear_2978_41880)" }),
+                React.createElement("path", { opacity: 0.02, fillRule: "evenodd", clipRule: "evenodd", d: "M96.362 136.555h-4.988l-38.126-38.01 2.853-2.53 40.261 40.54z", fill: "url(#EmptyLoading_svg__paint7_linear_2978_41880)" }),
+                React.createElement("path", { opacity: 0.02, fillRule: "evenodd", clipRule: "evenodd", d: "M116.746 129.006h-4.988L73.632 90.995l2.853-2.53 40.261 40.541z", fill: "url(#EmptyLoading_svg__paint8_linear_2978_41880)" }),
+                React.createElement("path", { opacity: 0.02, fillRule: "evenodd", clipRule: "evenodd", d: "M85.793 152.41h-4.988l-38.126-38.011 2.852-2.53 40.262 40.541z", fill: "url(#EmptyLoading_svg__paint9_linear_2978_41880)" }),
+                React.createElement("circle", { cx: 75.618, cy: 155.734, r: 2.574, fill: "#A0C3D7" }),
+                React.createElement("circle", { cx: 55.026, cy: 148.655, r: 2.574, fill: "#A0C3D7" }),
+                React.createElement("circle", { cx: 44.73, cy: 131.924, r: 2.574, fill: "#A0C3D7" }),
+                React.createElement("g", { fill: "#A0C3D7" },
+                    React.createElement("circle", { r: 2.574, transform: "matrix(1 0 0 -1 96.21 97.363)" }),
+                    React.createElement("circle", { r: 2.574, transform: "matrix(1 0 0 -1 107.149 114.094)" }),
+                    React.createElement("circle", { r: 2.574, transform: "matrix(1 0 0 -1 75.618 90.284)" }),
+                    React.createElement("circle", { r: 2.574, transform: "matrix(1 0 0 -1 55.026 97.363)" }),
+                    React.createElement("circle", { r: 2.574, transform: "matrix(1 0 0 -1 44.73 114.094)" })))),
+        React.createElement("defs", null,
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint0_linear_2978_41880", x1: -16, y1: 9, x2: -16, y2: 256, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#FAFAFA", stopOpacity: 0.01 }),
+                React.createElement("stop", { offset: 1, stopColor: "#F4F4F4" })),
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint1_linear_2978_41880", x1: 178.214, y1: 43.106, x2: 178.214, y2: 195.709, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#F2F9FB" }),
+                React.createElement("stop", { offset: 1, stopColor: "#fff" })),
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint2_linear_2978_41880", x1: 178.497, y1: 204.542, x2: 178.497, y2: 213.991, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopColor: "#90AABF" }),
+                React.createElement("stop", { offset: 1, stopColor: "#869DAE" })),
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint3_linear_2978_41880", x1: 154.275, y1: 146.574, x2: 96.683, y2: 91.352, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopOpacity: 0.01 }),
+                React.createElement("stop", { offset: 1 })),
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint4_linear_2978_41880", x1: 60.762, y1: 143.327, x2: 114.747, y2: 176.019, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopOpacity: 0.87 }),
+                React.createElement("stop", { offset: 1, stopOpacity: 0.01 })),
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint6_linear_2978_41880", x1: 90.287, y1: 154.267, x2: 68.53, y2: 131.301, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopOpacity: 0.01 }),
+                React.createElement("stop", { offset: 1 })),
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint7_linear_2978_41880", x1: 100.735, y1: 120.288, x2: 78.978, y2: 97.322, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopOpacity: 0.01 }),
+                React.createElement("stop", { offset: 1 })),
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint8_linear_2978_41880", x1: 121.119, y1: 112.739, x2: 99.362, y2: 89.773, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopOpacity: 0.01 }),
+                React.createElement("stop", { offset: 1 })),
+            React.createElement("linearGradient", { id: "EmptyLoading_svg__paint9_linear_2978_41880", x1: 90.166, y1: 136.143, x2: 68.409, y2: 113.177, gradientUnits: "userSpaceOnUse" },
+                React.createElement("stop", { stopOpacity: 0.01 }),
+                React.createElement("stop", { offset: 1 })),
+            React.createElement("filter", { id: "EmptyLoading_svg__filter0_d_2978_41880", x: 77.703, y: 96, width: 178, height: 34, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+                React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                React.createElement("feOffset", { dy: 1 }),
+                React.createElement("feGaussianBlur", { stdDeviation: 2 }),
+                React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }),
+                React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2978_41880" }),
+                React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2978_41880", result: "shape" })),
+            React.createElement("filter", { id: "EmptyLoading_svg__filter1_d_2978_41880", x: 77, y: 102, width: 116, height: 22, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+                React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                React.createElement("feOffset", { dy: 1 }),
+                React.createElement("feGaussianBlur", { stdDeviation: 2 }),
+                React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }),
+                React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2978_41880" }),
+                React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2978_41880", result: "shape" })),
+            React.createElement("filter", { id: "EmptyLoading_svg__filter2_ddd_2978_41880", x: -13.297, y: 28, width: 181.534, height: 189.17, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+                React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                React.createElement("feMorphology", { radius: 4, operator: "erode", in: "SourceAlpha", result: "effect1_dropShadow_2978_41880" }),
+                React.createElement("feOffset", { dy: 7 }),
+                React.createElement("feGaussianBlur", { stdDeviation: 4 }),
+                React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0.600156 0 0 0 0 0.745337 0 0 0 0 0.8625 0 0 0 0.1 0" }),
+                React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2978_41880" }),
+                React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                React.createElement("feMorphology", { radius: 4, operator: "dilate", in: "SourceAlpha", result: "effect2_dropShadow_2978_41880" }),
+                React.createElement("feOffset", { dy: 5 }),
+                React.createElement("feGaussianBlur", { stdDeviation: 16 }),
+                React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0.447059 0 0 0 0 0.807843 0 0 0 0.06 0" }),
+                React.createElement("feBlend", { mode: "normal", in2: "effect1_dropShadow_2978_41880", result: "effect2_dropShadow_2978_41880" }),
+                React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                React.createElement("feMorphology", { radius: 2, operator: "dilate", in: "SourceAlpha", result: "effect3_dropShadow_2978_41880" }),
+                React.createElement("feOffset", { dy: 12 }),
+                React.createElement("feGaussianBlur", { stdDeviation: 8.5 }),
+                React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0.447059 0 0 0 0 0.807843 0 0 0 0.06 0" }),
+                React.createElement("feBlend", { mode: "normal", in2: "effect2_dropShadow_2978_41880", result: "effect3_dropShadow_2978_41880" }),
+                React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect3_dropShadow_2978_41880", result: "shape" })),
+            React.createElement("filter", { id: "EmptyLoading_svg__filter3_d_2978_41880", x: 29.148, y: 78.444, width: 93.585, height: 93.585, filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB" },
+                React.createElement("feFlood", { floodOpacity: 0, result: "BackgroundImageFix" }),
+                React.createElement("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+                React.createElement("feOffset", { dy: 2 }),
+                React.createElement("feGaussianBlur", { stdDeviation: 2 }),
+                React.createElement("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+                React.createElement("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow_2978_41880" }),
+                React.createElement("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_dropShadow_2978_41880", result: "shape" })),
+            React.createElement("radialGradient", { id: "EmptyLoading_svg__paint5_angular_2978_41880", cx: 0, cy: 0, r: 1, gradientUnits: "userSpaceOnUse", gradientTransform: "rotate(-56.035 152.55 -12.515) scale(43.4058 65.5062)" },
+                React.createElement("stop", { stopColor: "#CFE8FF" }),
+                React.createElement("stop", { offset: 0.599, stopColor: "#D1F2F9", stopOpacity: 0 })))));
+};
+export default SvgEmptyLoading;

package/esm/icons/index.d.ts

@@ -16,6 +16,7 @@ export { default as Details } from './Details';
 export { default as Download } from './Download';
 export { default as Draw } from './Draw';
 export { default as Duplicate } from './Duplicate';
+export { default as EmptyLoading } from './EmptyLoading';
 export { default as EmptySearchResults } from './EmptySearchResults';
 export { default as Error } from './Error';
 export { default as Filter } from './Filter';

package/esm/icons/index.js

@@ -16,6 +16,7 @@ export { default as Details } from './Details';
 export { default as Download } from './Download';
 export { default as Draw } from './Draw';
 export { default as Duplicate } from './Duplicate';
+export { default as EmptyLoading } from './EmptyLoading';
 export { default as EmptySearchResults } from './EmptySearchResults';
 export { default as Error } from './Error';
 export { default as Filter } from './Filter';

package/esm/index.d.ts

@@ -131,3 +131,4 @@ export { ActivityLog, ActivityLogFilter, useActivitiesLoader, useProfileActiviti
 export type { ActivitiesFilter, ActivityData } from './features/activity-log';
 export { groupCrosswalksByTypesAndSources, useCrosswalkActions, useModifiedEntity, CrosswalkEditor, SourceCrosswalksRow, CrosswalkDragLayer, AttributesTable, CrosswalkType } from './features/crosswalks';
 export type { CrosswalksByTypes, AddCrosswalkEvent, EditCrosswalkEvent, DeleteCrosswalkEvent } from './features/crosswalks';
+export * from './features/graph';

package/esm/index.js

@@ -133,3 +133,5 @@ export { awaitMockPromises, deepFreeze, delayPromise, getMuiIconByName, mockBasi
 export { ActivityLog, ActivityLogFilter, useActivitiesLoader, useProfileActivitiesLoader, ActivityTypes } from './features/activity-log';
 // features / crosswalks
 export { groupCrosswalksByTypesAndSources, useCrosswalkActions, useModifiedEntity, CrosswalkEditor, SourceCrosswalksRow, CrosswalkDragLayer, AttributesTable, CrosswalkType } from './features/crosswalks';
+// features / graph
+export * from './features/graph';

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1843",
+  "version": "1.4.1845",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-sdk": "^1.4.1795",
+    "@reltio/mdm-sdk": "^1.4.1797",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",