@eccenca/gui-elements 23.0.0-rc.0 → 23.0.0-rc.3-unofficial.0

package/dist/esm/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/esm/cmem/index.js

@@ -4,4 +4,5 @@ export { firstNonEmptyLine } from "./ContentBlobToggler/StringPreviewContentBlob
 export { ElapsedDateTimeDisplay } from "./DateTimeDisplay/ElapsedDateTimeDisplay.js";
 export { Markdown } from "./markdown/Markdown.js";
 export { ReactFlow } from "./react-flow/ReactFlow/ReactFlow.js";
+export { StickyNoteModal } from "./react-flow/StickyNoteModal/StickyNoteModal.js";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cmem/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,qBAAqB,EACrB,iCAAiC,EACjC,mBAAmB,EACnB,sBAAsB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cmem/index.ts"],"names":[],"mappings":"AAIA,OAAO,EACH,qBAAqB,EACrB,iCAAiC,EACjC,mBAAmB,EACnB,sBAAsB,GACzB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,kBAAkB,EAAE,+BAA+B,EAAE,MAAM,sBAAsB,CAAC;AAC3F,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,sBAAsB,EAAE,MAAM,0CAA0C,CAAC;AAClF,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC"}

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

@@ -22,22 +22,29 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from "react";
 import { default as ReactFlowOriginal } from "react-flow-renderer";
+import { ReactFlowMarkers } from "../../../extensions/react-flow/markers/ReactFlowMarkers.js";
 import * as unspecifiedConfig from "./../configuration/unspecified.js";
 import * as graphConfig from "./../configuration/graph.js";
 import * as workflowConfig from "./../configuration/workflow.js";
 import * as linkingConfig from "./../configuration/linking.js";
+import * as inverseEdgeConfig from "./../configuration/inverseEdge.js";
+import * as customLabelConfig from "./../configuration/customLabel.js";
 /**
  * `ReactFlow` container extension that includes pre-configured nodes and edges for
  * Corporate Memory tools.
  */
 export var ReactFlow = React.forwardRef(function (_a, ref) {
-    var _b = _a.configuration, configuration = _b === void 0 ? "unspecified" : _b, originalProps = __rest(_a, ["configuration"]);
+    var _b = _a.configuration, configuration = _b === void 0 ? "unspecified" : _b, children = _a.children, originalProps = __rest(_a, ["configuration", "children"]);
     var configReactFlow = {
         unspecified: unspecifiedConfig,
         graph: graphConfig,
         workflow: workflowConfig,
         linking: linkingConfig,
+        inverseEdge: inverseEdgeConfig,
+        customLabel: customLabelConfig,
     };
-    return (React.createElement(ReactFlowOriginal, __assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps)));
+    return (React.createElement(ReactFlowOriginal, __assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps),
+        children,
+        React.createElement(ReactFlowMarkers, null)));
 });
 //# sourceMappingURL=ReactFlow.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAA2C,MAAM,qBAAqB,CAAC;AAC3G,OAAO,KAAK,iBAAiB,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,cAAc,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,aAAa,MAAM,4BAA4B,CAAC;AAS5D;;;GAGG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,UACtE,EAGC,EACD,GAAG;IAHC,IAAA,qBAA6B,EAA7B,aAAa,mBAAG,aAAa,KAAA,EAC1B,aAAa,cAFpB,iBAGC,CADmB;IAGpB,IAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAA;IAED,OAAO,CACH,oBAAC,iBAAiB,aACd,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"}
+{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAA2C,MAAM,qBAAqB,CAAC;AAC3G,OAAO,EAAE,gBAAgB,EAAE,MAAM,yDAAyD,CAAC;AAC3F,OAAO,KAAK,iBAAiB,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,cAAc,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,aAAa,MAAM,4BAA4B,CAAC;AAC5D,OAAO,KAAK,iBAAiB,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,iBAAiB,MAAM,gCAAgC,CAAC;AASpE;;;GAGG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,UACtE,EAIC,EACD,GAAG;IAJC,IAAA,qBAA6B,EAA7B,aAAa,mBAAG,aAAa,KAAA,EAC7B,QAAQ,cAAA,EACL,aAAa,cAHpB,6BAIC,CADmB;IAGpB,IAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;QACtB,WAAW,EAAE,iBAAiB;QAC9B,WAAW,EAAE,iBAAiB;KACjC,CAAA;IAED,OAAO,CACH,oBAAC,iBAAiB,aACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACpD,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAChD,aAAa;QAEf,QAAQ;QACV,oBAAC,gBAAgB,OAAG,CACJ,CACvB,CAAC;AACN,CAAC,CAAC,CAAA"}

package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js

@@ -0,0 +1,89 @@
+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);
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+import React from "react";
+import { Tag, TagList, SimpleDialog, Icon, Button, FieldItem } from "./../../../index.js";
+import getColorConfiguration from "../../../common/utils/getColorConfiguration.js";
+import { CodeEditor } from "../../../extensions/index.js";
+export var StickyNoteModal = function (_a) {
+    var _b, _c;
+    var metaData = _a.metaData, onClose = _a.onClose, onSubmit = _a.onSubmit, translate = _a.translate;
+    var refNote = React.useRef((_b = metaData === null || metaData === void 0 ? void 0 : metaData.note) !== null && _b !== void 0 ? _b : "");
+    var _d = __read(React.useState((_c = metaData === null || metaData === void 0 ? void 0 : metaData.color) !== null && _c !== void 0 ? _c : ""), 2), color = _d[0], setSelectedColor = _d[1];
+    var noteColors = Object.entries(getColorConfiguration("stickynotes")).map(function (_a) {
+        var _b = __read(_a, 2), key = _b[0], value = _b[1];
+        return [
+            key,
+            value,
+        ];
+    });
+    React.useEffect(function () {
+        if (!color && noteColors[0][1]) {
+            setSelectedColor(noteColors[0][1]);
+        }
+    }, [color, noteColors]);
+    var wrapperDivProps = {
+        // Prevent react-flow from getting these events
+        onContextMenu: function (event) { return event.stopPropagation(); },
+        onDrag: function (event) { return event.stopPropagation(); },
+        onDragStart: function (event) { return event.stopPropagation(); },
+        onDragEnd: function (event) { return event.stopPropagation(); },
+        onMouseDown: function (event) { return event.stopPropagation(); },
+        onMouseUp: function (event) { return event.stopPropagation(); },
+        onClick: function (event) { return event.stopPropagation(); },
+    };
+    var predefinedColorsMenu = (React.createElement(TagList, null, noteColors &&
+        noteColors.map(function (_a) {
+            var _b = __read(_a, 2), colorName = _b[0], colorValue = _b[1];
+            var selectedFeedback = color === colorValue
+                ? {
+                    icon: React.createElement(Icon, { name: "state-checkedsimple" }),
+                    large: true,
+                }
+                : {};
+            return (React.createElement(Tag, __assign({ round: true, onClick: function () { return setSelectedColor(colorValue); }, backgroundColor: colorValue }, selectedFeedback, { key: colorName })));
+        })));
+    return (React.createElement(SimpleDialog, { "data-test-id": "sticky-note-modal", size: "small", title: translate("modalTitle"), hasBorder: true, isOpen: true, onClose: onClose, wrapperDivProps: wrapperDivProps, actions: [
+            React.createElement(Button, { key: "submit", "data-test-id": "sticky-submit-btn", affirmative: true, onClick: function () {
+                    onSubmit({ note: refNote.current, color: color || "#444444" });
+                    onClose();
+                } }, translate("saveButton")),
+            React.createElement(Button, { key: "cancel", onClick: onClose }, translate("cancelButton")),
+        ] },
+        React.createElement(FieldItem, { key: "note", labelProps: {
+                htmlFor: "noteinput",
+                text: translate("noteLabel"),
+            } },
+            React.createElement(CodeEditor, { name: translate("noteLabel"), id: "sticky-note-input", mode: "markdown", preventLineNumbers: true, onChange: function (value) {
+                    refNote.current = value;
+                }, defaultValue: refNote.current })),
+        React.createElement(FieldItem, { key: "color", labelProps: {
+                htmlFor: "colorinput",
+                text: translate("colorLabel"),
+            } }, predefinedColorsMenu)));
+};
+//# sourceMappingURL=StickyNoteModal.js.map

package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map

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

package/dist/esm/cmem/react-flow/configuration/customLabel.js

@@ -0,0 +1,10 @@
+import { EdgeDefault } from "./../../../extensions/react-flow/edges/EdgeDefault.js";
+import { NodeDefault } from "./../../../extensions/react-flow/nodes/NodeDefault.js";
+export var edgeTypes = {
+    default: EdgeDefault,
+    straight: EdgeDefault,
+};
+export var nodeTypes = {
+    default: NodeDefault,
+};
+//# sourceMappingURL=customLabel.js.map

package/dist/esm/cmem/react-flow/configuration/customLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customLabel.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/customLabel.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AAEjF,MAAM,CAAC,IAAM,SAAS,GAAG;IACrB,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,WAAW;CACxB,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG;IACrB,OAAO,EAAE,WAAW;CACvB,CAAC"}

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

@@ -18,5 +18,5 @@ var nodeTypes = {
     instance: NodeDefault,
     property: NodeDefault,
 };
-export { edgeTypes, nodeTypes, };
+export { edgeTypes, nodeTypes };
 //# sourceMappingURL=graph.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"graph.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AAEjF,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,WAAW;IACxB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,WAAW;CACtB,CAAC;AAEF,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,WAAW;CACxB,CAAC;AAED,OAAO,EACH,SAAS,EACT,SAAS,GACZ,CAAA"}
+{"version":3,"file":"graph.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/graph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AAGjF,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,WAAW;IACnB,QAAQ,EAAE,WAAW;IACrB,WAAW,EAAE,WAAW;IACxB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,MAAM,EAAE,WAAW;CACtB,CAAC;AAEF,IAAM,SAAS,GAA8C;IACzD,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,QAAQ,EAAE,WAAW;IACrB,QAAQ,EAAE,WAAW;CACxB,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/cmem/react-flow/configuration/inverseEdge.js

@@ -0,0 +1,10 @@
+import { EdgeDefault } from "./../../../extensions/react-flow/edges/EdgeDefault.js";
+import { NodeDefault } from "./../../../extensions/react-flow/nodes/NodeDefault.js";
+export var edgeTypes = {
+    default: EdgeDefault,
+    straight: EdgeDefault,
+};
+export var nodeTypes = {
+    default: NodeDefault,
+};
+//# sourceMappingURL=inverseEdge.js.map

package/dist/esm/cmem/react-flow/configuration/inverseEdge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inverseEdge.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/inverseEdge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AAEjF,MAAM,CAAC,IAAM,SAAS,GAAG;IACrB,OAAO,EAAE,WAAW;IACpB,QAAQ,EAAE,WAAW;CACxB,CAAC;AAEF,MAAM,CAAC,IAAM,SAAS,GAAG;IACrB,OAAO,EAAE,WAAW;CACvB,CAAC"}

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

@@ -1,5 +1,6 @@
 import { EdgeStep } from "./../../../extensions/react-flow/edges/EdgeStep.js";
 import { NodeDefault } from "./../../../extensions/react-flow/nodes/NodeDefault.js";
+import { StickyNoteNode } from "./../nodes/StickyNoteNode.js";
 var edgeTypes = {
     default: EdgeStep,
     value: EdgeStep,
@@ -15,6 +16,7 @@ var nodeTypes = {
     transformation: NodeDefault,
     comparator: NodeDefault,
     aggregator: NodeDefault,
+    stickynote: StickyNoteNode,
 };
-export { edgeTypes, nodeTypes, };
+export { edgeTypes, nodeTypes };
 //# sourceMappingURL=linking.js.map

package/dist/esm/cmem/react-flow/configuration/linking.js.map

@@ -1 +1 @@
-{"version":3,"file":"linking.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/linking.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AAEjF,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,QAAQ;CACnB,CAAC;AAEF,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,WAAW;IACpB,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,cAAc,EAAE,WAAW;IAC3B,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;CAC1B,CAAC;AAED,OAAO,EACH,SAAS,EACT,SAAS,GACZ,CAAA"}
+{"version":3,"file":"linking.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/linking.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,QAAQ;IACjB,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,QAAQ;IACf,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,QAAQ;CACnB,CAAC;AAEF,IAAM,SAAS,GAAgD;IAC3D,OAAO,EAAE,WAAW;IACpB,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,cAAc,EAAE,WAAW;IAC3B,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,WAAW;IACvB,UAAU,EAAE,cAAc;CAC7B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/cmem/react-flow/configuration/typing.js

@@ -0,0 +1,32 @@
+/** node types for linking editor nodes  */
+export var LINKING_NODE_TYPES;
+(function (LINKING_NODE_TYPES) {
+    LINKING_NODE_TYPES["default"] = "default";
+    LINKING_NODE_TYPES["sourcepath"] = "sourcepath";
+    LINKING_NODE_TYPES["targetpath"] = "targetpath";
+    LINKING_NODE_TYPES["transformation"] = "transformation";
+    LINKING_NODE_TYPES["comparator"] = "comparator";
+    LINKING_NODE_TYPES["aggregator"] = "aggregator";
+    LINKING_NODE_TYPES["stickynote"] = "stickynote";
+})(LINKING_NODE_TYPES || (LINKING_NODE_TYPES = {}));
+/** node types for workflow editor nodes */
+export var WORKFLOW_NODE_TYPES;
+(function (WORKFLOW_NODE_TYPES) {
+    WORKFLOW_NODE_TYPES["default"] = "default";
+    WORKFLOW_NODE_TYPES["dataset"] = "dataset";
+    WORKFLOW_NODE_TYPES["linking"] = "linking";
+    WORKFLOW_NODE_TYPES["transform"] = "transform";
+    WORKFLOW_NODE_TYPES["task"] = "task";
+    WORKFLOW_NODE_TYPES["workflow"] = "workflow";
+    WORKFLOW_NODE_TYPES["stickynote"] = "stickynote";
+})(WORKFLOW_NODE_TYPES || (WORKFLOW_NODE_TYPES = {}));
+/** node types for graph editor */
+export var GRAPH_NODE_TYPES;
+(function (GRAPH_NODE_TYPES) {
+    GRAPH_NODE_TYPES["default"] = "default";
+    GRAPH_NODE_TYPES["graph"] = "graph";
+    GRAPH_NODE_TYPES["class"] = "class";
+    GRAPH_NODE_TYPES["instance"] = "instance";
+    GRAPH_NODE_TYPES["property"] = "property";
+})(GRAPH_NODE_TYPES || (GRAPH_NODE_TYPES = {}));
+//# sourceMappingURL=typing.js.map

package/dist/esm/cmem/react-flow/configuration/typing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typing.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/typing.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,MAAM,CAAN,IAAY,kBAQX;AARD,WAAY,kBAAkB;IAC1B,yCAAmB,CAAA;IACnB,+CAAyB,CAAA;IACzB,+CAAyB,CAAA;IACzB,uDAAiC,CAAA;IACjC,+CAAyB,CAAA;IACzB,+CAAyB,CAAA;IACzB,+CAAyB,CAAA;AAC7B,CAAC,EARW,kBAAkB,KAAlB,kBAAkB,QAQ7B;AAED,2CAA2C;AAC3C,MAAM,CAAN,IAAY,mBAQX;AARD,WAAY,mBAAmB;IAC3B,0CAAmB,CAAA;IACnB,0CAAmB,CAAA;IACnB,0CAAmB,CAAA;IACnB,8CAAuB,CAAA;IACvB,oCAAa,CAAA;IACb,4CAAqB,CAAA;IACrB,gDAAyB,CAAA;AAC7B,CAAC,EARW,mBAAmB,KAAnB,mBAAmB,QAQ9B;AAED,kCAAkC;AAClC,MAAM,CAAN,IAAY,gBAMX;AAND,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,mCAAe,CAAA;IACf,yCAAqB,CAAA;IACrB,yCAAqB,CAAA;AACzB,CAAC,EANW,gBAAgB,KAAhB,gBAAgB,QAM3B"}

package/dist/esm/cmem/react-flow/configuration/workflow.js

@@ -1,5 +1,6 @@
 import { EdgeStep } from "./../../../extensions/react-flow/edges/EdgeStep.js";
 import { NodeDefault } from "./../../../extensions/react-flow/nodes/NodeDefault.js";
+import { StickyNoteNode } from "./../nodes/StickyNoteNode.js";
 var edgeTypes = {
     default: EdgeStep,
     success: EdgeStep,
@@ -13,6 +14,7 @@ var nodeTypes = {
     transform: NodeDefault,
     task: NodeDefault,
     workflow: NodeDefault,
+    stickynote: StickyNoteNode,
 };
-export { edgeTypes, nodeTypes, };
+export { edgeTypes, nodeTypes };
 //# sourceMappingURL=workflow.js.map

package/dist/esm/cmem/react-flow/configuration/workflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"workflow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/workflow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AAEjF,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,QAAQ;CACnB,CAAC;AAEF,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;CACxB,CAAC;AAED,OAAO,EACH,SAAS,EACT,SAAS,GACZ,CAAA"}
+{"version":3,"file":"workflow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/workflow.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iDAAiD,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,oDAAoD,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,IAAM,SAAS,GAAG;IACd,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,MAAM,EAAE,QAAQ;CACnB,CAAC;AAEF,IAAM,SAAS,GAAiD;IAC5D,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,OAAO,EAAE,WAAW;IACpB,SAAS,EAAE,WAAW;IACtB,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,WAAW;IACrB,UAAU,EAAE,cAAc;CAC7B,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC"}

package/dist/esm/cmem/react-flow/nodes/StickyNoteNode.js

@@ -0,0 +1,31 @@
+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);
+};
+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;
+};
+import React, { memo } from "react";
+import { NodeDefault } from "./../../../extensions/react-flow/nodes/NodeDefault.js";
+export var StickyNoteNode = memo(function (node) {
+    var _a;
+    var data = node.data, otherNodeProps = __rest(node, ["data"]);
+    data.minimalShape = (_a = data.minimalShape) !== null && _a !== void 0 ? _a : "none";
+    return React.createElement(NodeDefault, __assign({ data: data }, otherNodeProps));
+});
+//# sourceMappingURL=StickyNoteNode.js.map

package/dist/esm/cmem/react-flow/nodes/StickyNoteNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StickyNoteNode.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/nodes/StickyNoteNode.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,WAAW,EAAa,MAAM,oDAAoD,CAAC;AAE5F,MAAM,CAAC,IAAM,cAAc,GAAG,IAAI,CAAC,UAAC,IAAoB;;IAEhD,IAAA,IAAI,GAEJ,IAAI,KAFA,EACD,cAAc,UACjB,IAAI,EAHF,QAGL,CADoB,CACZ;IAET,IAAI,CAAC,YAAY,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAE,MAAM,CAAC;IAE9C,OAAO,oBAAC,WAAW,aAAC,IAAI,EAAE,IAAI,IAAM,cAAc,EAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}

package/dist/esm/common/utils/CssCustomProperties.js

@@ -0,0 +1,154 @@
+/**
+ * Based on CSS Tricks tutorial.
+ * @see https://css-tricks.com/how-to-get-all-custom-properties-on-a-page-in-javascript/
+ */
+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);
+};
+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 __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var CssCustomProperties = /** @class */ (function () {
+    function CssCustomProperties(props) {
+        var _this = this;
+        if (props === void 0) { props = {}; }
+        this.getterDefaultProps = {};
+        this.customprops = {};
+        // Methods
+        this.customProperties = function (props) {
+            if (props === void 0) { props = {}; }
+            // FIXME:
+            // in case of performance issues results should get saved at least into intern variables
+            // other cache strategies could be also tested
+            if (Object.keys(_this.customprops).length > 1) {
+                return _this.customprops;
+            }
+            var customprops = CssCustomProperties.listCustomProperties(__assign(__assign({}, _this.getterDefaultProps), props));
+            _this.customprops = customprops;
+            return customprops;
+        };
+        this.getterDefaultProps = props;
+    }
+    CssCustomProperties.listLocalStylesheets = function () {
+        if (document && document.styleSheets) {
+            return Array.from(document.styleSheets)
+                .filter(function (stylesheet) {
+                // is inline stylesheet or from same domain
+                if (!stylesheet.href) {
+                    return true;
+                }
+                return stylesheet.href.indexOf(window.location.origin) === 0;
+            });
+        }
+        return [];
+    };
+    CssCustomProperties.listLocalCssRules = function () {
+        return CssCustomProperties.listLocalStylesheets()
+            .map(function (stylesheet) {
+            return Array.from(stylesheet.cssRules);
+        })
+            .flat();
+    };
+    CssCustomProperties.listLocalCssStyleRules = function (filter) {
+        if (filter === void 0) { filter = {}; }
+        var _a = filter.cssRuleType, cssRuleType = _a === void 0 ? "CSSStyleRule" : _a, selectorText = filter.selectorText;
+        var cssStyleRules = CssCustomProperties.listLocalCssRules()
+            .filter(function (rule) {
+            var cssrule = rule;
+            if ((cssrule).style) {
+                if (cssrule.constructor.name !== cssRuleType) {
+                    return false;
+                }
+                if (!!selectorText && cssrule.selectorText !== selectorText) {
+                    return false;
+                }
+                return true;
+            }
+            else {
+                return false;
+            }
+        });
+        return cssStyleRules;
+    };
+    CssCustomProperties.listLocalCssStyleRuleProperties = function (filter) {
+        if (filter === void 0) { filter = {}; }
+        var _a = filter.propertyType, propertyType = _a === void 0 ? "all" : _a, otherFilters = __rest(filter, ["propertyType"]);
+        return CssCustomProperties.listLocalCssStyleRules(otherFilters)
+            .map(function (cssrule) {
+            return __spreadArray([], __read(cssrule.style), false).map(function (propertyname) {
+                return [
+                    propertyname.trim(),
+                    cssrule.style.getPropertyValue(propertyname).trim()
+                ];
+            });
+        })
+            .flat()
+            .filter(function (declaration) {
+            switch (propertyType) {
+                case "normal":
+                    return declaration[0].indexOf("--") !== 0;
+                case "custom":
+                    return declaration[0].indexOf("--") === 0;
+            }
+            return true; // case "all"
+        });
+    };
+    CssCustomProperties.listCustomProperties = function (props) {
+        if (props === void 0) { props = {}; }
+        var _a = props.removeDashPrefix, removeDashPrefix = _a === void 0 ? true : _a, _b = props.returnObject, returnObject = _b === void 0 ? true : _b, filterProps = __rest(props, ["removeDashPrefix", "returnObject"]);
+        var customProperties = CssCustomProperties.listLocalCssStyleRuleProperties(__assign(__assign({}, filterProps), { propertyType: "custom" })).map(function (declaration) {
+            if (removeDashPrefix) {
+                return [
+                    declaration[0].substr(2),
+                    declaration[1]
+                ];
+            }
+            return declaration;
+        });
+        return returnObject ? Object.fromEntries(customProperties) : customProperties;
+    };
+    return CssCustomProperties;
+}());
+export default CssCustomProperties;
+//# sourceMappingURL=CssCustomProperties.js.map

package/dist/esm/common/utils/CssCustomProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CssCustomProperties.js","sourceRoot":"","sources":["../../../../src/common/utils/CssCustomProperties.ts"],"names":[],"mappings":"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"}

package/dist/esm/common/utils/getColorConfiguration.js

@@ -0,0 +1,16 @@
+import CssCustomProperties from "./CssCustomProperties.js";
+import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
+/**
+ * Read and returns color values provided by CSS custom properties.
+ * They are defined for special CSS classes.
+ * Currently color configurations for the react flow editors are supported.
+ **/
+var getColorConfiguration = function (configId) {
+    return new CssCustomProperties({
+        selectorText: "." + eccgui + "-configuration--colors__" + configId,
+        removeDashPrefix: true,
+        returnObject: true,
+    }).customProperties();
+};
+export default getColorConfiguration;
+//# sourceMappingURL=getColorConfiguration.js.map

package/dist/esm/common/utils/getColorConfiguration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getColorConfiguration.js","sourceRoot":"","sources":["../../../../src/common/utils/getColorConfiguration.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAKtE;;;;IAII;AACJ,IAAM,qBAAqB,GAAG,UAAC,QAAsB;IACjD,OAAO,IAAI,mBAAmB,CAAC;QAC3B,YAAY,EAAE,MAAI,MAAM,gCAA2B,QAAU;QAC7D,gBAAgB,EAAE,IAAI;QACtB,YAAY,EAAE,IAAI;KACrB,CAAC,CAAC,gBAAgB,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/esm/components/AutoSuggestion/AutoSuggestion.js

@@ -70,7 +70,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useEffect, useMemo, useState } from "react";
 import { FieldItem, IconButton, Spinner, Toolbar, ToolbarSection } from "./../..//index.js";
 import { Classes as BlueprintClassNames } from "@blueprintjs/core";
 //custom components
@@ -179,7 +179,7 @@ var AutoSuggestion = function (_a) {
         }
         editorState.index = 0;
     }, [suggestionResponse, editorState]);
-    var asyncCheckInput = function (inputString) { return __awaiter(void 0, void 0, void 0, function () {
+    var asyncCheckInput = useMemo(function () { return function (inputString) { return __awaiter(void 0, void 0, void 0, function () {
         var result, e_1;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -206,23 +206,9 @@ var AutoSuggestion = function (_a) {
                 case 5: return [2 /*return*/];
             }
         });
-    }); };
-    var checkValuePathValidity = useCallback(debounce(function (inputString) { return asyncCheckInput(inputString); }, 200), [checkInput]);
-    var handleEditorInputChange = useCallback(debounce(function (inputString, cursorPosition) { return asyncHandleEditorInputChange(inputString, cursorPosition); }, 200), [fetchSuggestions]);
-    React.useEffect(function () {
-        if (isFocused) {
-            setShouldShowDropdown(true);
-            handleEditorInputChange(value, cursorPosition);
-            return handleEditorInputChange.cancel;
-        }
-        return;
-    }, [cursorPosition, value, isFocused, handleEditorInputChange]);
-    // Trigger input validation
-    useEffect(function () {
-        checkValuePathValidity(value);
-        return checkValuePathValidity.cancel;
-    }, [value, checkValuePathValidity]);
-    var asyncHandleEditorInputChange = function (inputString, cursorPosition) { return __awaiter(void 0, void 0, void 0, function () {
+    }); }; }, [checkInput]);
+    var checkValuePathValidity = useMemo(function () { return debounce(function (inputString) { return asyncCheckInput(inputString); }, 1000); }, [asyncCheckInput]);
+    var asyncHandleEditorInputChange = useMemo(function () { return function (inputString, cursorPosition) { return __awaiter(void 0, void 0, void 0, function () {
         var result, e_2;
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -246,7 +232,23 @@ var AutoSuggestion = function (_a) {
                 case 5: return [2 /*return*/];
             }
         });
-    }); };
+    }); }; }, [fetchSuggestions]);
+    var handleEditorInputChange = useMemo(function () {
+        return debounce(function (inputString, cursorPosition) { return asyncHandleEditorInputChange(inputString, cursorPosition); }, 1000);
+    }, [asyncHandleEditorInputChange]);
+    React.useEffect(function () {
+        if (isFocused) {
+            setShouldShowDropdown(true);
+            handleEditorInputChange(value, cursorPosition);
+            return handleEditorInputChange.cancel;
+        }
+        return;
+    }, [cursorPosition, value, isFocused, handleEditorInputChange]);
+    // Trigger input validation
+    useEffect(function () {
+        checkValuePathValidity(value);
+        return checkValuePathValidity.cancel;
+    }, [value, checkValuePathValidity]);
     var handleChange = function (val) {
         setValue(val);
         onChange(val);
@@ -337,7 +339,7 @@ var AutoSuggestion = function (_a) {
         leftElement && React.createElement(ToolbarSection, null, leftElement),
         React.createElement(ToolbarSection, { canGrow: true }, autoSuggestionInput),
         rightElement && React.createElement(ToolbarSection, null, rightElement)) : autoSuggestionInput;
-    return label ? (React.createElement(FieldItem, { labelAttributes: {
+    return label ? (React.createElement(FieldItem, { labelProps: {
             text: (React.createElement(React.Fragment, null,
                 label,
                 "\u00A0",