@eccenca/gui-elements 22.0.1 → 22.1.0-rc.0

package/CHANGELOG.md

@@ -5,6 +5,22 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 ## [Unreleased]
 
+### Added
+
+* `MultiSelect` element that let select multiple options and adding new elements.
+* `ReactFlow` element with `configuration` property to load it with pre-set configurations for node and edge types.
+* `Tab` element got new property for `backgroundColor`
+* Support highlighting of div elements via `eccgui-container--highlighted` class.
+* Allow DefaultNode's execution buttons to read and adjust state of the node content in order for them to have effects on the node content.
+
+### Changed
+
+* Allow `round` attribute in `Tag` component.
+
+### Deprecated
+
+* deprecated `<Tabs/>` interface for tab items was removed, if necessary it can be used now from `legacy-repelacements` imports
+
 ## [22.0.1] - 2022-04-11
 
 ### Fixed
@@ -20,15 +36,15 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 * Styles for footnotes and task lists, rendered by Markdown GFM parser.
 * React-Flow `NodeContent` element can now be extented by `contentExtension` property containing a `NodeContentExtension` element.
 
-### Changed
-* `TextField` elements are using `fullWidth=true` by default
-* `SearchField` uses now by default `"operation-search"` as `leftIcon`
-
 ### Fixed
 * Add missing import to `components/Spinner/Spinner.tsx`.
 * Add bottom white space in tables in content block elements.
 * `fullWidth` on/off display of `TextField` is now working like expected
 
+### Changed
+* `TextField` elements are using `fullWidth=true` by default
+* `SearchField` uses now by default `"operation-search"` as `leftIcon`
+
 ### Deprecated
 
 * `SimpleDialog` element now uses `intent` property instead of `intentClassName`

package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js

@@ -10,24 +10,28 @@ const constants_1 = require("../../configuration/constants");
 /** Shows the status of activities and supports actions on these activities. */
 function ActivityControlWidget(props) {
     var _a;
-    const { "data-test-id": dataTestId, progressBar, progressSpinner, activityActions, activityContextMenu, small, border, canShrink } = props;
+    const { "data-test-id": dataTestId, progressBar, progressSpinner, activityActions, activityContextMenu, small, border, canShrink, tags, progressSpinnerFinishedIcon, } = props;
     const spinnerClassNames = ((_a = progressSpinner === null || progressSpinner === void 0 ? void 0 : progressSpinner.className) !== null && _a !== void 0 ? _a : "") + ` ${constants_1.CLASSPREFIX}-spinner--permanent`;
     const widget = (react_1.default.createElement(index_1.OverviewItem, { "data-test-id": dataTestId, hasSpacing: border, densityHigh: small },
-        progressBar && (react_1.default.createElement(index_1.ProgressBar, Object.assign({}, progressBar))),
-        progressSpinner && (react_1.default.createElement(index_1.OverviewItemDepiction, { keepColors: true },
-            react_1.default.createElement(index_1.Spinner, Object.assign({ position: "inline", size: small ? "tiny" : "small", stroke: small ? "bold" : "medium" }, progressSpinner, { className: spinnerClassNames })))),
+        progressBar && react_1.default.createElement(index_1.ProgressBar, Object.assign({}, progressBar)),
+        (progressSpinner || progressSpinnerFinishedIcon) && (react_1.default.createElement(index_1.OverviewItemDepiction, { keepColors: true }, progressSpinnerFinishedIcon ? (react_1.default.cloneElement(progressSpinnerFinishedIcon, { small, large: !small })) : (react_1.default.createElement(index_1.Spinner, Object.assign({ position: "inline", size: small ? "tiny" : "small", stroke: small ? "bold" : "medium" }, progressSpinner, { className: spinnerClassNames }))))),
         react_1.default.createElement(index_1.OverviewItemDescription, null,
-            props.label && react_1.default.createElement(index_1.OverviewItemLine, { small: small },
-                react_1.default.createElement(index_1.OverflowText, { inline: true }, props.label)),
-            props.statusMessage && (react_1.default.createElement(index_1.OverviewItemLine, { small: true }, props.statusMessage.length > 50 ? (react_1.default.createElement(index_1.Tooltip, { content: props.statusMessage, size: "large", tooltipProps: { placement: "top", boundary: "viewport" } },
-                react_1.default.createElement(index_1.OverflowText, { inline: true }, props.statusMessage))) : (react_1.default.createElement(index_1.OverflowText, { inline: true }, props.statusMessage))))),
+            props.label && (react_1.default.createElement(index_1.OverviewItemLine, { small: small },
+                react_1.default.createElement(index_1.OverflowText, { inline: true }, props.label))),
+            (props.statusMessage || tags) && (react_1.default.createElement(index_1.OverviewItemLine, { small: true },
+                tags && (react_1.default.createElement(react_1.default.Fragment, null,
+                    tags,
+                    react_1.default.createElement(index_1.Spacing, { vertical: true, size: "tiny" }))),
+                props.statusMessage && (react_1.default.createElement(react_1.default.Fragment, null, props.statusMessage.length > 50 ? (react_1.default.createElement(index_1.Tooltip, { content: props.statusMessage, size: "large", tooltipProps: { placement: "top", boundary: "viewport" } },
+                    react_1.default.createElement(index_1.OverflowText, { inline: true }, props.statusMessage))) : (react_1.default.createElement(index_1.OverflowText, { inline: true }, props.statusMessage))))))),
         react_1.default.createElement(index_1.OverviewItemActions, null,
-            activityActions && activityActions.map((action) => {
-                return react_1.default.createElement(index_1.IconButton, { key: action.icon, "data-test-id": action["data-test-id"], name: action.icon, text: action.tooltip, onClick: action.action, tooltipOpenDelay: 200, disabled: action.disabled, hasStateWarning: action.hasStateWarning });
-            }),
-            activityContextMenu && activityContextMenu.menuItems.length > 0 && react_1.default.createElement(index_1.ContextMenu, { "data-test-id": activityContextMenu["data-test-id"], togglerText: activityContextMenu.tooltip }, activityContextMenu.menuItems.map((menuAction) => {
-                return react_1.default.createElement(index_1.MenuItem, { icon: menuAction.icon, key: menuAction.icon, onClick: menuAction.action, text: menuAction.tooltip });
-            })))));
+            activityActions &&
+                activityActions.map((action) => {
+                    return (react_1.default.createElement(index_1.IconButton, { key: action.icon, "data-test-id": action["data-test-id"], name: action.icon, text: action.tooltip, onClick: action.action, tooltipOpenDelay: 200, disabled: action.disabled, hasStateWarning: action.hasStateWarning }));
+                }),
+            activityContextMenu && activityContextMenu.menuItems.length > 0 && (react_1.default.createElement(index_1.ContextMenu, { "data-test-id": activityContextMenu["data-test-id"], togglerText: activityContextMenu.tooltip }, activityContextMenu.menuItems.map((menuAction) => {
+                return (react_1.default.createElement(index_1.MenuItem, { icon: menuAction.icon, key: menuAction.icon, onClick: menuAction.action, text: menuAction.tooltip }));
+            }))))));
     const classname = `${constants_1.CLASSPREFIX}-addon-activitycontrol` + (canShrink ? ` ${constants_1.CLASSPREFIX}-addon-activitycontrol--shrink` : "");
     return border ? (react_1.default.createElement(index_1.Card, { isOnlyLayout: true, elevation: 0, className: classname }, widget)) : (react_1.default.createElement("div", { className: classname }, widget));
 }

package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActivityControlWidget.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/ActivityControlWidget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ActivityControlWidget.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/ActivityControlWidget.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cmem/ActivityControl/SilkActivityControl.js

@@ -39,18 +39,28 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SilkActivityControl = void 0;
+exports.calcIntent = exports.useSilkActivityControl = exports.SilkActivityControl = void 0;
 const ActivityControlWidget_1 = require("./ActivityControlWidget");
 const react_1 = __importStar(require("react"));
 const ActivityExecutionErrorReportModal_1 = require("./ActivityExecutionErrorReportModal");
-const index_1 = require("../../index");
+const __1 = require("../../");
 const ElapsedDateTimeDisplay_1 = require("../DateTimeDisplay/ElapsedDateTimeDisplay");
 const progressBreakpointIndetermination = 10;
 const progressBreakpointAnimation = 99;
-const defaultLayout = { small: false, border: false, canShrink: false, visualization: "spinner" };
+const defaultLayout = {
+    small: false,
+    border: false,
+    canShrink: false,
+    visualization: "spinner",
+};
 /** Silk activity control. */
-function SilkActivityControl(_a) {
-    var { label, initialStatus, registerForUpdates, executeActivityAction, showReloadAction, showStartAction, viewValueAction, showStopAction, failureReportAction, unregisterFromUpdates, translate, elapsedTimeOfLastStart, layoutConfig = defaultLayout } = _a, props = __rest(_a, ["label", "initialStatus", "registerForUpdates", "executeActivityAction", "showReloadAction", "showStartAction", "viewValueAction", "showStopAction", "failureReportAction", "unregisterFromUpdates", "translate", "elapsedTimeOfLastStart", "layoutConfig"]);
+function SilkActivityControl(props) {
+    const { widget } = useSilkActivityControl(props);
+    return widget;
+}
+exports.SilkActivityControl = SilkActivityControl;
+function useSilkActivityControl(_a) {
+    var { label, initialStatus, registerForUpdates, executeActivityAction, showReloadAction, showStartAction, viewValueAction, showStopAction, failureReportAction, unregisterFromUpdates, translate, elapsedTimeOfLastStart, tags, layoutConfig = defaultLayout, hideMessageOnStatus = () => false } = _a, props = __rest(_a, ["label", "initialStatus", "registerForUpdates", "executeActivityAction", "showReloadAction", "showStartAction", "viewValueAction", "showStopAction", "failureReportAction", "unregisterFromUpdates", "translate", "elapsedTimeOfLastStart", "tags", "layoutConfig", "hideMessageOnStatus"]);
     const [activityStatus, setActivityStatus] = (0, react_1.useState)(initialStatus);
     const [errorReport, setErrorReport] = (0, react_1.useState)(undefined);
     // Register update function
@@ -71,7 +81,7 @@ function SilkActivityControl(_a) {
             icon: "artefact-report",
             action: () => showErrorReport(failureReportAction),
             tooltip: translate("showErrorReport"),
-            hasStateWarning: true
+            hasStateWarning: true,
         });
     }
     if (showStartAction) {
@@ -80,7 +90,7 @@ function SilkActivityControl(_a) {
             icon: "item-start",
             action: () => executeActivityAction("start"),
             tooltip: translate("startActivity"),
-            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === true
+            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === true,
         });
     }
     if (showReloadAction) {
@@ -89,7 +99,7 @@ function SilkActivityControl(_a) {
             icon: "item-reload",
             action: () => executeActivityAction("restart"),
             tooltip: translate("reloadActivity"),
-            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === true
+            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === true,
         });
     }
     if (showStopAction) {
@@ -98,18 +108,20 @@ function SilkActivityControl(_a) {
             icon: "item-stop",
             action: () => executeActivityAction("cancel"),
             tooltip: translate("stopActivity"),
-            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === false
+            disabled: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.isRunning) === false,
         });
     }
     if (viewValueAction && (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.concreteStatus) !== "Not executed") {
-        const action = typeof viewValueAction.action === "string" ? () => {
-            window.open(viewValueAction.action, "_blank");
-        } : viewValueAction.action;
+        const action = typeof viewValueAction.action === "string"
+            ? () => {
+                window.open(viewValueAction.action, "_blank");
+            }
+            : viewValueAction.action;
         actions.push({
             "data-test-id": "activity-view-data",
             icon: "artefact-rawdata",
             action,
-            tooltip: viewValueAction.tooltip
+            tooltip: viewValueAction.tooltip,
         });
     }
     const showErrorReport = (action) => __awaiter(this, void 0, void 0, function* () {
@@ -119,43 +131,58 @@ function SilkActivityControl(_a) {
     const closeErrorReport = () => {
         setErrorReport(undefined);
     };
-    const activityControlLabel = (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.startTime) && elapsedTimeOfLastStart ? react_1.default.createElement(react_1.default.Fragment, null,
+    const activityControlLabel = (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.startTime) && elapsedTimeOfLastStart ? (react_1.default.createElement(react_1.default.Fragment, null,
         label,
-        react_1.default.createElement(index_1.Spacing, { vertical: true, size: "tiny" }),
-        react_1.default.createElement(ElapsedDateTimeDisplay_1.ElapsedDateTimeDisplay, { dateTime: activityStatus.startTime, prefix: elapsedTimeOfLastStart.prefix, suffix: elapsedTimeOfLastStart.suffix, translateUnits: elapsedTimeOfLastStart.translate })) : label;
+        react_1.default.createElement(__1.Spacing, { vertical: true, size: "tiny" }),
+        react_1.default.createElement(ElapsedDateTimeDisplay_1.ElapsedDateTimeDisplay, { dateTime: activityStatus.startTime, prefix: elapsedTimeOfLastStart.prefix, suffix: elapsedTimeOfLastStart.suffix, translateUnits: elapsedTimeOfLastStart.translate }))) : (react_1.default.createElement(react_1.default.Fragment, null, label));
     const { visualization } = layoutConfig, otherLayoutConfig = __rest(layoutConfig, ["visualization"]);
     let visualizationProps = {}; // visualization==="none" or undefined
     const runningProgress = activityStatus && activityStatus.isRunning;
     const waitingProgress = activityStatus && activityStatus.concreteStatus === "Waiting";
     const animateProgress = activityStatus && activityStatus.progress > 0 && activityStatus.progress < progressBreakpointAnimation;
     const indeterminateProgress = activityStatus && activityStatus.progress < progressBreakpointIndetermination;
+    const intent = activityStatus ? (0, exports.calcIntent)(activityStatus) : "none";
     if (visualization === "progressbar") {
         visualizationProps = {
             progressBar: {
                 animate: waitingProgress || (runningProgress && animateProgress),
                 stripes: waitingProgress || (runningProgress && animateProgress),
-                value: (waitingProgress || (runningProgress && indeterminateProgress)) ? undefined : ((activityStatus && activityStatus.progress > 0) ? (activityStatus.progress / 100) : 0),
-                intent: activityStatus ? calcIntent(activityStatus) : "none",
-            }
+                value: waitingProgress || (runningProgress && indeterminateProgress)
+                    ? undefined
+                    : activityStatus && activityStatus.progress > 0
+                        ? activityStatus.progress / 100
+                        : 0,
+                intent,
+            },
         };
     }
-    ;
     if (visualization === "spinner") {
         visualizationProps = {
             progressSpinner: {
-                value: (waitingProgress || (runningProgress && indeterminateProgress)) ? undefined : ((activityStatus && activityStatus.progress > 0) ? (activityStatus.progress / 100) : 0),
-                intent: activityStatus ? calcIntent(activityStatus) : "none",
-            }
+                value: waitingProgress || (runningProgress && indeterminateProgress)
+                    ? undefined
+                    : activityStatus && activityStatus.progress > 0
+                        ? activityStatus.progress / 100
+                        : 0,
+                intent,
+            },
         };
     }
-    ;
-    return react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(ActivityControlWidget_1.ActivityControlWidget, Object.assign({ key: "activity-control", "data-test-id": props["data-test-id"], label: activityControlLabel, activityActions: actions, statusMessage: activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.message }, visualizationProps, otherLayoutConfig)),
-        errorReport && failureReportAction && react_1.default.createElement(ActivityExecutionErrorReportModal_1.ActivityExecutionErrorReportModal, { title: failureReportAction.title, key: "error-report-modal", closeButtonValue: failureReportAction.closeButtonValue, downloadButtonValue: failureReportAction.downloadButtonValue, fetchErrorReport: () => __awaiter(this, void 0, void 0, function* () {
-                return yield failureReportAction.fetchErrorReport(true);
-            }), report: failureReportAction.renderReport(errorReport), onDiscard: closeErrorReport }));
+    if ((activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.statusName) === "Finished" && intent !== "none" && intent !== "primary") {
+        visualizationProps = Object.assign(Object.assign({}, visualizationProps), { progressSpinnerFinishedIcon: react_1.default.createElement(__1.Icon, { name: [`state-${intent}`], intent: intent }) });
+    }
+    const widget = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(ActivityControlWidget_1.ActivityControlWidget, Object.assign({ key: "activity-control", tags: tags, "data-test-id": props["data-test-id"], label: activityControlLabel, activityActions: actions, statusMessage: hideMessageOnStatus(activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.concreteStatus) ? undefined : activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.message }, visualizationProps, otherLayoutConfig)),
+        errorReport && failureReportAction && (react_1.default.createElement(ActivityExecutionErrorReportModal_1.ActivityExecutionErrorReportModal, { title: failureReportAction.title, key: "error-report-modal", closeButtonValue: failureReportAction.closeButtonValue, downloadButtonValue: failureReportAction.downloadButtonValue, fetchErrorReport: () => __awaiter(this, void 0, void 0, function* () {
+                return (yield failureReportAction.fetchErrorReport(true));
+            }), report: failureReportAction.renderReport(errorReport), onDiscard: closeErrorReport }))));
+    return {
+        elapsedDateTime: (activityStatus === null || activityStatus === void 0 ? void 0 : activityStatus.startTime) && elapsedTimeOfLastStart ? (react_1.default.createElement(ElapsedDateTimeDisplay_1.ElapsedDateTimeDisplay, { dateTime: activityStatus.startTime, translateUnits: elapsedTimeOfLastStart.translate })) : (react_1.default.createElement(react_1.default.Fragment, null)),
+        intent,
+        widget
+    };
 }
-exports.SilkActivityControl = SilkActivityControl;
+exports.useSilkActivityControl = useSilkActivityControl;
 const calcIntent = (activityStatus) => {
     const concreteStatus = activityStatus.concreteStatus;
     let intent;
@@ -179,4 +206,5 @@ const calcIntent = (activityStatus) => {
     }
     return intent;
 };
+exports.calcIntent = calcIntent;
 //# sourceMappingURL=SilkActivityControl.js.map

package/dist/cjs/cmem/ActivityControl/SilkActivityControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"SilkActivityControl.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/SilkActivityControl.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SilkActivityControl.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/SilkActivityControl.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/cmem/ActivityControl/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSilkActivityControl = exports.SilkActivityControl = exports.ActivityExecutionErrorReportModal = exports.ActivityControlWidget = void 0;
+var ActivityControlWidget_1 = require("./ActivityControlWidget");
+Object.defineProperty(exports, "ActivityControlWidget", { enumerable: true, get: function () { return ActivityControlWidget_1.ActivityControlWidget; } });
+var ActivityExecutionErrorReportModal_1 = require("./ActivityExecutionErrorReportModal");
+Object.defineProperty(exports, "ActivityExecutionErrorReportModal", { enumerable: true, get: function () { return ActivityExecutionErrorReportModal_1.ActivityExecutionErrorReportModal; } });
+var SilkActivityControl_1 = require("./SilkActivityControl");
+Object.defineProperty(exports, "SilkActivityControl", { enumerable: true, get: function () { return SilkActivityControl_1.SilkActivityControl; } });
+Object.defineProperty(exports, "useSilkActivityControl", { enumerable: true, get: function () { return SilkActivityControl_1.useSilkActivityControl; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/cmem/ActivityControl/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/cmem/ActivityControl/index.ts"],"names":[],"mappings":";;;AAAA,iEAAgE;AAAvD,8HAAA,qBAAqB,OAAA;AAC9B,yFAAwF;AAA/E,sJAAA,iCAAiC,OAAA;AAC1C,6DAAoF;AAA3E,0HAAA,mBAAmB,OAAA;AAAE,6HAAA,sBAAsB,OAAA"}

package/dist/cjs/cmem/ContentBlobToggler/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringPreviewContentBlobToggler = exports.ContentBlobToggler = void 0;
+var ContentBlobToggler_1 = require("./ContentBlobToggler");
+Object.defineProperty(exports, "ContentBlobToggler", { enumerable: true, get: function () { return ContentBlobToggler_1.ContentBlobToggler; } });
+var StringPreviewContentBlobToggler_1 = require("./StringPreviewContentBlobToggler");
+Object.defineProperty(exports, "StringPreviewContentBlobToggler", { enumerable: true, get: function () { return StringPreviewContentBlobToggler_1.StringPreviewContentBlobToggler; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/cmem/ContentBlobToggler/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/cmem/ContentBlobToggler/index.ts"],"names":[],"mappings":";;;AAAA,2DAA0D;AAAjD,wHAAA,kBAAkB,OAAA;AAC3B,qFAAoF;AAA3E,kJAAA,+BAA+B,OAAA"}

package/dist/cjs/cmem/index.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.firstNonEmptyLine = exports.ElapsedDateTimeDisplay = exports.SilkActivityControl = exports.StringPreviewContentBlobToggler = exports.Markdown = exports.ContentBlobToggler = exports.ActivityExecutionErrorReportModal = exports.ActivityControlWidget = void 0;
-const ActivityControlWidget_1 = require("./ActivityControl/ActivityControlWidget");
-Object.defineProperty(exports, "ActivityControlWidget", { enumerable: true, get: function () { return ActivityControlWidget_1.ActivityControlWidget; } });
-const ActivityExecutionErrorReportModal_1 = require("./ActivityControl/ActivityExecutionErrorReportModal");
-Object.defineProperty(exports, "ActivityExecutionErrorReportModal", { enumerable: true, get: function () { return ActivityExecutionErrorReportModal_1.ActivityExecutionErrorReportModal; } });
-const SilkActivityControl_1 = require("./ActivityControl/SilkActivityControl");
-Object.defineProperty(exports, "SilkActivityControl", { enumerable: true, get: function () { return SilkActivityControl_1.SilkActivityControl; } });
-const ContentBlobToggler_1 = require("./ContentBlobToggler/ContentBlobToggler");
+exports.ReactFlow = exports.Markdown = exports.ElapsedDateTimeDisplay = exports.firstNonEmptyLine = exports.StringPreviewContentBlobToggler = exports.ContentBlobToggler = exports.useSilkActivityControl = exports.SilkActivityControl = exports.ActivityExecutionErrorReportModal = exports.ActivityControlWidget = void 0;
+var ActivityControl_1 = require("./ActivityControl");
+Object.defineProperty(exports, "ActivityControlWidget", { enumerable: true, get: function () { return ActivityControl_1.ActivityControlWidget; } });
+Object.defineProperty(exports, "ActivityExecutionErrorReportModal", { enumerable: true, get: function () { return ActivityControl_1.ActivityExecutionErrorReportModal; } });
+Object.defineProperty(exports, "SilkActivityControl", { enumerable: true, get: function () { return ActivityControl_1.SilkActivityControl; } });
+Object.defineProperty(exports, "useSilkActivityControl", { enumerable: true, get: function () { return ActivityControl_1.useSilkActivityControl; } });
+var ContentBlobToggler_1 = require("./ContentBlobToggler");
 Object.defineProperty(exports, "ContentBlobToggler", { enumerable: true, get: function () { return ContentBlobToggler_1.ContentBlobToggler; } });
-const ElapsedDateTimeDisplay_1 = require("./DateTimeDisplay/ElapsedDateTimeDisplay");
+Object.defineProperty(exports, "StringPreviewContentBlobToggler", { enumerable: true, get: function () { return ContentBlobToggler_1.StringPreviewContentBlobToggler; } });
+var StringPreviewContentBlobToggler_1 = require("./ContentBlobToggler/StringPreviewContentBlobToggler");
+Object.defineProperty(exports, "firstNonEmptyLine", { enumerable: true, get: function () { return StringPreviewContentBlobToggler_1.firstNonEmptyLine; } });
+var ElapsedDateTimeDisplay_1 = require("./DateTimeDisplay/ElapsedDateTimeDisplay");
 Object.defineProperty(exports, "ElapsedDateTimeDisplay", { enumerable: true, get: function () { return ElapsedDateTimeDisplay_1.ElapsedDateTimeDisplay; } });
-const Markdown_1 = require("./markdown/Markdown");
+var Markdown_1 = require("./markdown/Markdown");
 Object.defineProperty(exports, "Markdown", { enumerable: true, get: function () { return Markdown_1.Markdown; } });
-const StringPreviewContentBlobToggler_1 = require("./ContentBlobToggler/StringPreviewContentBlobToggler");
-Object.defineProperty(exports, "StringPreviewContentBlobToggler", { enumerable: true, get: function () { return StringPreviewContentBlobToggler_1.StringPreviewContentBlobToggler; } });
-Object.defineProperty(exports, "firstNonEmptyLine", { enumerable: true, get: function () { return StringPreviewContentBlobToggler_1.firstNonEmptyLine; } });
+var ReactFlow_1 = require("./react-flow/ReactFlow/ReactFlow");
+Object.defineProperty(exports, "ReactFlow", { enumerable: true, get: function () { return ReactFlow_1.ReactFlow; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/cmem/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cmem/index.ts"],"names":[],"mappings":";;;AAAA,mFAAgF;AAoB5E,sGApBK,6CAAqB,OAoBL;AAnBzB,2GAAwG;AAoBpG,kHApBK,qEAAiC,OAoBL;AAnBrC,+EAI+C;AAmB3C,oGArBA,yCAAmB,OAqBA;AAjBvB,gFAA6E;AAczE,mGAdK,uCAAkB,OAcL;AAbtB,qFAGkD;AAc9C,uGAhBA,+CAAsB,OAgBA;AAb1B,kDAA+C;AAU3C,yFAVK,mBAAQ,OAUL;AATZ,0GAG8D;AAO1D,gHATA,iEAA+B,OASA;AAG/B,kGAXA,mDAAiB,OAWA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cmem/index.ts"],"names":[],"mappings":";;;AAIA,qDAK2B;AAJvB,wHAAA,qBAAqB,OAAA;AACrB,oIAAA,iCAAiC,OAAA;AACjC,sHAAA,mBAAmB,OAAA;AACnB,yHAAA,sBAAsB,OAAA;AAE1B,2DAA2F;AAAlF,wHAAA,kBAAkB,OAAA;AAAE,qIAAA,+BAA+B,OAAA;AAC5D,wGAAyF;AAAhF,oIAAA,iBAAiB,OAAA;AAC1B,mFAAkF;AAAzE,gIAAA,sBAAsB,OAAA;AAC/B,gDAA+C;AAAtC,oGAAA,QAAQ,OAAA;AACjB,8DAA6D;AAApD,sGAAA,SAAS,OAAA"}

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js

@@ -0,0 +1,57 @@
+"use strict";
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactFlow = void 0;
+const react_1 = __importDefault(require("react"));
+const react_flow_renderer_1 = __importDefault(require("react-flow-renderer"));
+const unspecifiedConfig = __importStar(require("./../configuration/unspecified"));
+const graphConfig = __importStar(require("./../configuration/graph"));
+const workflowConfig = __importStar(require("./../configuration/workflow"));
+const linkingConfig = __importStar(require("./../configuration/linking"));
+/**
+ * `ReactFlow` container extension that includes pre-configured nodes and edges for
+ * Corporate Memory tools.
+ */
+exports.ReactFlow = react_1.default.forwardRef((_a, ref) => {
+    var { configuration = "unspecified" } = _a, originalProps = __rest(_a, ["configuration"]);
+    const configReactFlow = {
+        unspecified: unspecifiedConfig,
+        graph: graphConfig,
+        workflow: workflowConfig,
+        linking: linkingConfig,
+    };
+    return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps)));
+});
+//# sourceMappingURL=ReactFlow.js.map

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2G;AAC3G,kFAAoE;AACpE,sEAAwD;AACxD,4EAA8D;AAC9D,0EAA4D;AAS5D;;;GAGG;AACU,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAiC,CACtE,EAGC,EACD,GAAG,EAAE,EAAE;QAJP,EACI,aAAa,GAAG,aAAa,OAEhC,EADM,aAAa,cAFpB,iBAGC,CADmB;IAGpB,MAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAA;IAED,OAAO,CACH,8BAAC,6BAAiB,kBACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACpD,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAChD,aAAa,EACnB,CACL,CAAC;AACN,CAAC,CAAC,CAAA"}

package/dist/cjs/cmem/react-flow/configuration/_colors-graph.module.scss

@@ -0,0 +1,35 @@
+$reactflow-color-graph-node: #745a85 !default;
+$reactflow-color-class-node: #3a7896 !default;
+$reactflow-color-instance-node: #0097a7 !default;
+$reactflow-color-property-node: #ffd54f !default;
+
+$reactflow-color-implicit-edge: #ae3c74 !default;
+$reactflow-color-import-edge: $reactflow-color-graph-node !default;
+$reactflow-color-subclass-edge: $reactflow-color-class-node !default;
+$reactflow-color-subproperty-edge: $reactflow-color-property-node !default;
+$reactflow-color-rdftype-edge: $reactflow-color-instance-node !default;
+
+@function bright($color) {
+    @return mix($color, #fff, 24%);
+}
+
+:export {
+    graphNode: $reactflow-color-graph-node;
+    classNode: $reactflow-color-class-node;
+    instanceNode: $reactflow-color-instance-node;
+    propertyNode: $reactflow-color-property-node;
+    implicitEdge: $reactflow-color-implicit-edge;
+    importEdge: $reactflow-color-import-edge;
+    subclassEdge: $reactflow-color-subclass-edge;
+    subpropertyEdge: $reactflow-color-subproperty-edge;
+    rdftypeEdge: $reactflow-color-rdftype-edge;
+    graphNodeBright: bright($reactflow-color-graph-node);
+    classNodeBright: bright($reactflow-color-class-node);
+    instanceNodeBright: bright($reactflow-color-instance-node);
+    propertyNodeBright: bright($reactflow-color-property-node);
+    implicitEdgeBright: bright($reactflow-color-implicit-edge);
+    importEdgeBright: bright($reactflow-color-import-edge);
+    subclassEdgeBright: bright($reactflow-color-subclass-edge);
+    subpropertyEdgeBright: bright($reactflow-color-subproperty-edge);
+    rdftypeEdgeBright: bright($reactflow-color-rdftype-edge);
+}

package/dist/cjs/cmem/react-flow/configuration/_colors-linking.module.scss

@@ -0,0 +1,29 @@
+$reactflow-color-sourcepath-node: #745a85 !default;
+$reactflow-color-targetpath-node: #3a7896 !default;
+$reactflow-color-transformation-node: #c1c1c1 !default;
+$reactflow-color-comparator-node: #40a691 !default;
+$reactflow-color-aggregator-node: #0097a7 !default;
+
+$reactflow-color-value-edge: #222 !default;
+$reactflow-color-score-edge: $reactflow-color-aggregator-node !default;
+
+@function bright($color) {
+    @return mix($color, #fff, 24%);
+}
+
+:export {
+    sourcepathNode: $reactflow-color-sourcepath-node;
+    targetpathNode: $reactflow-color-targetpath-node;
+    transformationNode: $reactflow-color-transformation-node;
+    comparatorNode: $reactflow-color-comparator-node;
+    aggregatorNode: $reactflow-color-aggregator-node;
+    valueEdge: $reactflow-color-value-edge;
+    scoreEdge: $reactflow-color-score-edge;
+    sourcepathNodeBright: bright($reactflow-color-sourcepath-node);
+    targetpathNodeBright: bright($reactflow-color-targetpath-node);
+    transformationNodeBright: bright($reactflow-color-transformation-node);
+    comparatorNodeBright: bright($reactflow-color-comparator-node);
+    aggregatorNodeBright: bright($reactflow-color-aggregator-node);
+    valueEdgeBright: bright($reactflow-color-value-edge);
+    scoreEdgeBright: bright($reactflow-color-score-edge);
+}

package/dist/cjs/cmem/react-flow/configuration/_colors-workflow.module.scss

@@ -0,0 +1,22 @@
+$reactflow-color-dataset-node: #3a7896 !default;
+$reactflow-color-linking-node: #0097a7 !default;
+$reactflow-color-transform-node: #40a691 !default;
+$reactflow-color-task-node: #80b67b !default;
+$reactflow-color-workflow-node: #745a85 !default;
+
+@function bright($color) {
+    @return mix($color, #fff, 24%);
+}
+
+:export {
+    datasetNode: $reactflow-color-dataset-node;
+    linkingNode: $reactflow-color-linking-node;
+    transformNode: $reactflow-color-transform-node;
+    taskNode: $reactflow-color-task-node;
+    workflowNode: $reactflow-color-workflow-node;
+    datasetNodeBright: bright($reactflow-color-dataset-node);
+    linkingNodeBright: bright($reactflow-color-linking-node);
+    transformNodeBright: bright($reactflow-color-transform-node);
+    taskNodeBright: bright($reactflow-color-task-node);
+    workflowNodeBright: bright($reactflow-color-workflow-node);
+}

package/dist/cjs/cmem/react-flow/configuration/graph.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = exports.nodeTypes = exports.edgeTypes = void 0;
+const EdgeDefault_1 = require("./../../../extensions/react-flow/edges/EdgeDefault");
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+const _colors_graph_module_scss_1 = __importDefault(require("./_colors-graph.module.scss"));
+exports.colors = _colors_graph_module_scss_1.default;
+const edgeTypes = {
+    default: EdgeDefault_1.EdgeDefault,
+    implicit: EdgeDefault_1.EdgeDefault,
+    import: EdgeDefault_1.EdgeDefault,
+    subclass: EdgeDefault_1.EdgeDefault,
+    subproperty: EdgeDefault_1.EdgeDefault,
+    rdftype: EdgeDefault_1.EdgeDefault,
+    success: EdgeDefault_1.EdgeDefault,
+    warning: EdgeDefault_1.EdgeDefault,
+    danger: EdgeDefault_1.EdgeDefault,
+};
+exports.edgeTypes = edgeTypes;
+const nodeTypes = {
+    default: NodeDefault_1.NodeDefault,
+    graph: NodeDefault_1.NodeDefault,
+    class: NodeDefault_1.NodeDefault,
+    instance: NodeDefault_1.NodeDefault,
+    property: NodeDefault_1.NodeDefault,
+};
+exports.nodeTypes = nodeTypes;
+//# sourceMappingURL=graph.js.map

package/dist/cjs/cmem/react-flow/configuration/graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/graph.ts"],"names":[],"mappings":";;;;;;AAAA,oFAAiF;AACjF,oFAAiF;AACjF,4FAAiD;AAyB5C,iBAzBE,mCAAM,CAyBF;AAvBX,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,QAAQ,EAAE,yBAAW;IACrB,MAAM,EAAE,yBAAW;IACnB,QAAQ,EAAE,yBAAW;IACrB,WAAW,EAAE,yBAAW;IACxB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,MAAM,EAAE,yBAAW;CACtB,CAAC;AAWG,8BAAS;AATd,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,KAAK,EAAE,yBAAW;IAClB,KAAK,EAAE,yBAAW;IAClB,QAAQ,EAAE,yBAAW;IACrB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAIG,8BAAS"}

package/dist/cjs/cmem/react-flow/configuration/linking.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = exports.nodeTypes = exports.edgeTypes = void 0;
+const EdgeStep_1 = require("./../../../extensions/react-flow/edges/EdgeStep");
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+const _colors_linking_module_scss_1 = __importDefault(require("./_colors-linking.module.scss"));
+exports.colors = _colors_linking_module_scss_1.default;
+const edgeTypes = {
+    default: EdgeStep_1.EdgeStep,
+    value: EdgeStep_1.EdgeStep,
+    score: EdgeStep_1.EdgeStep,
+    success: EdgeStep_1.EdgeStep,
+    warning: EdgeStep_1.EdgeStep,
+    danger: EdgeStep_1.EdgeStep,
+};
+exports.edgeTypes = edgeTypes;
+const nodeTypes = {
+    default: NodeDefault_1.NodeDefault,
+    sourcepath: NodeDefault_1.NodeDefault,
+    targetpath: NodeDefault_1.NodeDefault,
+    transformation: NodeDefault_1.NodeDefault,
+    comparator: NodeDefault_1.NodeDefault,
+    aggregator: NodeDefault_1.NodeDefault,
+};
+exports.nodeTypes = nodeTypes;
+//# sourceMappingURL=linking.js.map