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

package/dist/cjs/legacy-replacements/TextField/TextField.js

@@ -16,10 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextFieldReplacement = void 0;
 const react_1 = __importDefault(require("react"));
-const FieldItem_1 = __importDefault(require("../../components/Form/FieldItem"));
-const TextField_1 = __importDefault(require("../../components/TextField/TextField"));
-const TextArea_1 = __importDefault(require("../../components/TextField/TextArea"));
-const IconButton_1 = __importDefault(require("../../components/Icon/IconButton"));
+const index_1 = require("./../../index");
 const extendedOnChange = (onChangeFn, event) => {
     if (typeof onChangeFn === "function") {
         onChangeFn({
@@ -45,11 +42,11 @@ function TextFieldReplacement(_a) {
     if (typeof otherProps.reducedSize !== "undefined") {
         delete otherProps.reducedSize;
     }
-    const InputElement = !!multiline ? TextArea_1.default : TextField_1.default;
+    const InputElement = !!multiline ? index_1.TextArea : index_1.TextField;
     const fieldProperties = {
         className: className,
         messageText: error,
-        labelAttributes: !!label ? { text: label } : {},
+        labelProps: !!label ? { text: label } : {},
     };
     const inputProperties = {
         className: inputClassName,
@@ -62,13 +59,13 @@ function TextFieldReplacement(_a) {
         delete inputProperties.fullWidth;
     }
     if (multiline === false && !!onClearValue && !!value) {
-        inputProperties['rightElement'] = (react_1.default.createElement(IconButton_1.default, { "data-test-id": otherProps["data-test-id"] && `${otherProps["data-test-id"]}-clear-btn`, name: "operation-clear", onClick: onClearValue }));
+        inputProperties['rightElement'] = (react_1.default.createElement(index_1.IconButton, { "data-test-id": otherProps["data-test-id"] && `${otherProps["data-test-id"]}-clear-btn`, name: "operation-clear", onClick: onClearValue }));
     }
     const sharedProperties = {
         hasStateDanger: !!error ? true : false,
         disabled: disabled,
     };
-    return !!error || !!label ? (react_1.default.createElement(FieldItem_1.default, Object.assign({}, sharedProperties, fieldProperties),
+    return !!error || !!label ? (react_1.default.createElement(index_1.FieldItem, Object.assign({}, sharedProperties, fieldProperties),
         react_1.default.createElement(InputElement, Object.assign({}, otherProps, sharedProperties, inputProperties)))) : (react_1.default.createElement(InputElement, Object.assign({}, otherProps, inputProperties)));
 }
 exports.TextFieldReplacement = TextFieldReplacement;

package/dist/cjs/legacy-replacements/TextField/TextField.js.map

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