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

package/CHANGELOG.md

@@ -14,6 +14,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 * `EdgeDefault.data.markerStart` param allows to add a marker to the edge starting point
 * `EdgeDefault.data.inversePath` param allows to inverse the edge direction
 * `EdgeDefault.data.renderLabel` function allows to render fully custom edge label including any ReactNode
+* `StickyNoteNode`, usable by `stickynote` type in react flow editors for workflows and linking rules
+* add option for `footerContent` to react flow node data
 
 ### Fixed
 
@@ -26,8 +28,9 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 * move style imports of CodeMirror layout to `extensions`
 * color configurations for react flow editor are not exported as modules anymore, they need to be fetched by `getColorConfiguration` method in JS directly
-* BlueprintJS was upgraded to v4.0.4 (latest version compatible with node sass)
+* BlueprintJS was upgraded to a recent v4
     * elements were also upgraded to usage of `Popover2`, `Tooltip2`, `Select2` and `MultiSelect2`
+    * this comes also with a necessary switch from `node-sass` to `sass` package, a javascript port from the original dart sass library, see migration notes to update your build process
 
 ### Migration notes
 
@@ -44,6 +47,28 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 * `<Select>`: `popoverProps` was renamed to `contextOverlayProps`
 * `<Tooltip>`: this element now extends directly the Blueprint element, so `tolltipProps` was removed, use properties directly on `Tooltip`
 
+#### Switch from `node-sass` to `sass`
+
+1. Remove `node-sass` and add `sass` package via npm or yarn:
+   ```
+   $ yarn remove node-sass && yarn add --dev sass
+   ```
+2. Include `sass` and our configuration
+   ```
+   const sass = require('sass');
+   const sassRenderSyncOptions = require("@eccenca/gui-elements/config/sassOptions");
+   ```
+3. Configure the webpack `sass-loader`, you can extend this by options regarding the provided loader interface
+   ```
+   {
+       loader: "sass-loader",
+       options: {
+           implementation: sass,
+           sassOptions: sassRenderSyncOptions,
+       },
+   }
+   ```
+
 ## [22.1.0] - 2022-05-16
 
 ### Added

package/dist/cjs/cmem/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReactFlow = exports.Markdown = exports.ElapsedDateTimeDisplay = exports.firstNonEmptyLine = exports.StringPreviewContentBlobToggler = exports.ContentBlobToggler = exports.useSilkActivityControl = exports.SilkActivityControl = exports.ActivityExecutionErrorReportModal = exports.ActivityControlWidget = void 0;
+exports.StickyNoteModal = 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; } });
@@ -17,4 +17,6 @@ var Markdown_1 = require("./markdown/Markdown");
 Object.defineProperty(exports, "Markdown", { enumerable: true, get: function () { return Markdown_1.Markdown; } });
 var ReactFlow_1 = require("./react-flow/ReactFlow/ReactFlow");
 Object.defineProperty(exports, "ReactFlow", { enumerable: true, get: function () { return ReactFlow_1.ReactFlow; } });
+var StickyNoteModal_1 = require("./react-flow/StickyNoteModal/StickyNoteModal");
+Object.defineProperty(exports, "StickyNoteModal", { enumerable: true, get: function () { return StickyNoteModal_1.StickyNoteModal; } });
 //# 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":";;;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"}
+{"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;AAClB,gFAA+E;AAAtE,kHAAA,eAAe,OAAA"}

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

@@ -0,0 +1,64 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StickyNoteModal = void 0;
+const react_1 = __importDefault(require("react"));
+const index_1 = require("./../../../index");
+const getColorConfiguration_1 = __importDefault(require("../../../common/utils/getColorConfiguration"));
+const extensions_1 = require("../../../extensions");
+const StickyNoteModal = ({ metaData, onClose, onSubmit, translate }) => {
+    var _a, _b;
+    const refNote = react_1.default.useRef((_a = metaData === null || metaData === void 0 ? void 0 : metaData.note) !== null && _a !== void 0 ? _a : "");
+    const [color, setSelectedColor] = react_1.default.useState((_b = metaData === null || metaData === void 0 ? void 0 : metaData.color) !== null && _b !== void 0 ? _b : "");
+    const noteColors = Object.entries((0, getColorConfiguration_1.default)("stickynotes")).map(([key, value]) => [
+        key,
+        value,
+    ]);
+    react_1.default.useEffect(() => {
+        if (!color && noteColors[0][1]) {
+            setSelectedColor(noteColors[0][1]);
+        }
+    }, [color, noteColors]);
+    const wrapperDivProps = {
+        // Prevent react-flow from getting these events
+        onContextMenu: (event) => event.stopPropagation(),
+        onDrag: (event) => event.stopPropagation(),
+        onDragStart: (event) => event.stopPropagation(),
+        onDragEnd: (event) => event.stopPropagation(),
+        onMouseDown: (event) => event.stopPropagation(),
+        onMouseUp: (event) => event.stopPropagation(),
+        onClick: (event) => event.stopPropagation(),
+    };
+    const predefinedColorsMenu = (react_1.default.createElement(index_1.TagList, null, noteColors &&
+        noteColors.map(([colorName, colorValue]) => {
+            const selectedFeedback = color === colorValue
+                ? {
+                    icon: react_1.default.createElement(index_1.Icon, { name: "state-checkedsimple" }),
+                    large: true,
+                }
+                : {};
+            return (react_1.default.createElement(index_1.Tag, Object.assign({ round: true, onClick: () => setSelectedColor(colorValue), backgroundColor: colorValue }, selectedFeedback, { key: colorName })));
+        })));
+    return (react_1.default.createElement(index_1.SimpleDialog, { "data-test-id": "sticky-note-modal", size: "small", title: translate("modalTitle"), hasBorder: true, isOpen: true, onClose: onClose, wrapperDivProps: wrapperDivProps, actions: [
+            react_1.default.createElement(index_1.Button, { key: "submit", "data-test-id": "sticky-submit-btn", affirmative: true, onClick: () => {
+                    onSubmit({ note: refNote.current, color: color || "#444444" });
+                    onClose();
+                } }, translate("saveButton")),
+            react_1.default.createElement(index_1.Button, { key: "cancel", onClick: onClose }, translate("cancelButton")),
+        ] },
+        react_1.default.createElement(index_1.FieldItem, { key: "note", labelProps: {
+                htmlFor: "noteinput",
+                text: translate("noteLabel"),
+            } },
+            react_1.default.createElement(extensions_1.CodeEditor, { name: translate("noteLabel"), id: "sticky-note-input", mode: "markdown", preventLineNumbers: true, onChange: (value) => {
+                    refNote.current = value;
+                }, defaultValue: refNote.current })),
+        react_1.default.createElement(index_1.FieldItem, { key: "color", labelProps: {
+                htmlFor: "colorinput",
+                text: translate("colorLabel"),
+            } }, predefinedColorsMenu)));
+};
+exports.StickyNoteModal = StickyNoteModal;
+//# sourceMappingURL=StickyNoteModal.js.map

package/dist/cjs/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/cjs/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,oFAAiF;AACjF,oFAAiF;AAEjF,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"}
+{"version":3,"file":"graph.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/graph.ts"],"names":[],"mappings":";;;AAAA,oFAAiF;AACjF,oFAAiF;AAGjF,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;AAUO,8BAAS;AARlB,MAAM,SAAS,GAA8C;IACzD,OAAO,EAAE,yBAAW;IACpB,KAAK,EAAE,yBAAW;IAClB,KAAK,EAAE,yBAAW;IAClB,QAAQ,EAAE,yBAAW;IACrB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAEkB,8BAAS"}

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 StickyNoteNode_1 = require("./../nodes/StickyNoteNode");
 const edgeTypes = {
     default: EdgeStep_1.EdgeStep,
     value: EdgeStep_1.EdgeStep,
@@ -19,6 +20,7 @@ const nodeTypes = {
     transformation: NodeDefault_1.NodeDefault,
     comparator: NodeDefault_1.NodeDefault,
     aggregator: NodeDefault_1.NodeDefault,
+    stickynote: StickyNoteNode_1.StickyNoteNode,
 };
 exports.nodeTypes = nodeTypes;
 //# sourceMappingURL=linking.js.map

package/dist/cjs/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,8EAA2E;AAC3E,oFAAiF;AAEjF,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,mBAAQ;IACjB,KAAK,EAAE,mBAAQ;IACf,KAAK,EAAE,mBAAQ;IACf,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,MAAM,EAAE,mBAAQ;CACnB,CAAC;AAYG,8BAAS;AAVd,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,UAAU,EAAE,yBAAW;IACvB,UAAU,EAAE,yBAAW;IACvB,cAAc,EAAE,yBAAW;IAC3B,UAAU,EAAE,yBAAW;IACvB,UAAU,EAAE,yBAAW;CAC1B,CAAC;AAIG,8BAAS"}
+{"version":3,"file":"linking.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/linking.ts"],"names":[],"mappings":";;;AAAA,8EAA2E;AAC3E,oFAAiF;AACjF,8DAA2D;AAG3D,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,mBAAQ;IACjB,KAAK,EAAE,mBAAQ;IACf,KAAK,EAAE,mBAAQ;IACf,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,MAAM,EAAE,mBAAQ;CACnB,CAAC;AAYO,8BAAS;AAVlB,MAAM,SAAS,GAAgD;IAC3D,OAAO,EAAE,yBAAW;IACpB,UAAU,EAAE,yBAAW;IACvB,UAAU,EAAE,yBAAW;IACvB,cAAc,EAAE,yBAAW;IAC3B,UAAU,EAAE,yBAAW;IACvB,UAAU,EAAE,yBAAW;IACvB,UAAU,EAAE,+BAAc;CAC7B,CAAC;AAEkB,8BAAS"}

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GRAPH_NODE_TYPES = exports.WORKFLOW_NODE_TYPES = exports.LINKING_NODE_TYPES = void 0;
+/** node types for linking editor nodes  */
+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 = exports.LINKING_NODE_TYPES || (exports.LINKING_NODE_TYPES = {}));
+/** node types for workflow editor nodes */
+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 = exports.WORKFLOW_NODE_TYPES || (exports.WORKFLOW_NODE_TYPES = {}));
+/** node types for graph editor */
+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 = exports.GRAPH_NODE_TYPES || (exports.GRAPH_NODE_TYPES = {}));
+//# sourceMappingURL=typing.js.map

package/dist/cjs/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,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,GAAlB,0BAAkB,KAAlB,0BAAkB,QAQ7B;AAED,2CAA2C;AAC3C,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,GAAnB,2BAAmB,KAAnB,2BAAmB,QAQ9B;AAED,kCAAkC;AAClC,IAAY,gBAMX;AAND,WAAY,gBAAgB;IACxB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,mCAAe,CAAA;IACf,yCAAqB,CAAA;IACrB,yCAAqB,CAAA;AACzB,CAAC,EANW,gBAAgB,GAAhB,wBAAgB,KAAhB,wBAAgB,QAM3B"}

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 StickyNoteNode_1 = require("./../nodes/StickyNoteNode");
 const edgeTypes = {
     default: EdgeStep_1.EdgeStep,
     success: EdgeStep_1.EdgeStep,
@@ -17,6 +18,7 @@ const nodeTypes = {
     transform: NodeDefault_1.NodeDefault,
     task: NodeDefault_1.NodeDefault,
     workflow: NodeDefault_1.NodeDefault,
+    stickynote: StickyNoteNode_1.StickyNoteNode,
 };
 exports.nodeTypes = nodeTypes;
 //# sourceMappingURL=workflow.js.map

package/dist/cjs/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,8EAA2E;AAC3E,oFAAiF;AAEjF,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,MAAM,EAAE,mBAAQ;CACnB,CAAC;AAYG,8BAAS;AAVd,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,SAAS,EAAE,yBAAW;IACtB,IAAI,EAAE,yBAAW;IACjB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAIG,8BAAS"}
+{"version":3,"file":"workflow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/workflow.ts"],"names":[],"mappings":";;;AAAA,8EAA2E;AAC3E,oFAAiF;AACjF,8DAA2D;AAG3D,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,MAAM,EAAE,mBAAQ;CACnB,CAAC;AAYO,8BAAS;AAVlB,MAAM,SAAS,GAAiD;IAC5D,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,SAAS,EAAE,yBAAW;IACtB,IAAI,EAAE,yBAAW;IACjB,QAAQ,EAAE,yBAAW;IACrB,UAAU,EAAE,+BAAc;CAC7B,CAAC;AAEkB,8BAAS"}

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

@@ -0,0 +1,42 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StickyNoteNode = void 0;
+const react_1 = __importStar(require("react"));
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+exports.StickyNoteNode = (0, react_1.memo)((node) => {
+    var _a;
+    const { data } = node, otherNodeProps = __rest(node, ["data"]);
+    data.minimalShape = (_a = data.minimalShape) !== null && _a !== void 0 ? _a : "none";
+    return react_1.default.createElement(NodeDefault_1.NodeDefault, Object.assign({ data: data }, otherNodeProps));
+});
+//# sourceMappingURL=StickyNoteNode.js.map

package/dist/cjs/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,+CAAoC;AACpC,oFAA4F;AAE/E,QAAA,cAAc,GAAG,IAAA,YAAI,EAAC,CAAC,IAAoB,EAAE,EAAE;;IACxD,MAAM,EACF,IAAI,KAEJ,IAAI,EADD,cAAc,UACjB,IAAI,EAHF,QAGL,CAAO,CAAC;IAET,IAAI,CAAC,YAAY,GAAG,MAAA,IAAI,CAAC,YAAY,mCAAE,MAAM,CAAC;IAE9C,OAAO,8BAAC,yBAAW,kBAAC,IAAI,EAAE,IAAI,IAAM,cAAc,EAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,114 @@
+"use strict";
+/**
+ * Based on CSS Tricks tutorial.
+ * @see https://css-tricks.com/how-to-get-all-custom-properties-on-a-page-in-javascript/
+ */
+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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+class CssCustomProperties {
+    constructor(props = {}) {
+        this.getterDefaultProps = {};
+        this.customprops = {};
+        // Methods
+        this.customProperties = (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;
+            }
+            const customprops = CssCustomProperties.listCustomProperties(Object.assign(Object.assign({}, this.getterDefaultProps), props));
+            this.customprops = customprops;
+            return customprops;
+        };
+        this.getterDefaultProps = props;
+    }
+}
+exports.default = CssCustomProperties;
+CssCustomProperties.listLocalStylesheets = () => {
+    if (document && document.styleSheets) {
+        return Array.from(document.styleSheets)
+            .filter((stylesheet) => {
+            // is inline stylesheet or from same domain
+            if (!stylesheet.href) {
+                return true;
+            }
+            return stylesheet.href.indexOf(window.location.origin) === 0;
+        });
+    }
+    return [];
+};
+CssCustomProperties.listLocalCssRules = () => {
+    return CssCustomProperties.listLocalStylesheets()
+        .map((stylesheet) => {
+        return Array.from(stylesheet.cssRules);
+    })
+        .flat();
+};
+CssCustomProperties.listLocalCssStyleRules = (filter = {}) => {
+    const { cssRuleType = "CSSStyleRule", selectorText } = filter;
+    const cssStyleRules = CssCustomProperties.listLocalCssRules()
+        .filter((rule) => {
+        const 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 = (filter = {}) => {
+    const { propertyType = "all" } = filter, otherFilters = __rest(filter, ["propertyType"]);
+    return CssCustomProperties.listLocalCssStyleRules(otherFilters)
+        .map((cssrule) => {
+        return [...cssrule.style]
+            .map((propertyname) => {
+            return [
+                propertyname.trim(),
+                cssrule.style.getPropertyValue(propertyname).trim()
+            ];
+        });
+    })
+        .flat()
+        .filter((declaration) => {
+        switch (propertyType) {
+            case "normal":
+                return declaration[0].indexOf("--") !== 0;
+            case "custom":
+                return declaration[0].indexOf("--") === 0;
+        }
+        return true; // case "all"
+    });
+};
+CssCustomProperties.listCustomProperties = (props = {}) => {
+    const { removeDashPrefix = true, returnObject = true } = props, filterProps = __rest(props, ["removeDashPrefix", "returnObject"]);
+    const customProperties = CssCustomProperties.listLocalCssStyleRuleProperties(Object.assign(Object.assign({}, filterProps), { propertyType: "custom" })).map((declaration) => {
+        if (removeDashPrefix) {
+            return [
+                declaration[0].substr(2),
+                declaration[1]
+            ];
+        }
+        return declaration;
+    });
+    return returnObject ? Object.fromEntries(customProperties) : customProperties;
+};
+//# sourceMappingURL=CssCustomProperties.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CssCustomProperties.js","sourceRoot":"","sources":["../../../../src/common/utils/CssCustomProperties.ts"],"names":[],"mappings":";AAAA;;;GAGG;;;;;;;;;;;;;AAgBH,MAAqB,mBAAmB;IAKpC,YAAY,QAAkC,EAAE;QAHhD,uBAAkB,GAAG,EAA8B,CAAC;QACpD,gBAAW,GAAG,EAAE,CAAC;QAMjB,UAAU;QAEV,qBAAgB,GAAG,CAAC,QAAkC,EAAE,EAAE,EAAE;YACxD,SAAS;YACT,wFAAwF;YACxF,8CAA8C;YAC9C,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC1C,OAAO,IAAI,CAAC,WAAW,CAAC;aAC3B;YACD,MAAM,WAAW,GAAG,mBAAmB,CAAC,oBAAoB,iCACrD,IAAI,CAAC,kBAAkB,GACvB,KAAK,EACV,CAAC;YACH,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;YAC/B,OAAO,WAAW,CAAC;QACvB,CAAC,CAAA;QAlBG,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;IACpC,CAAC;;AAPL,sCAmHC;AAzFU,wCAAoB,GAAG,GAAoB,EAAE;IAChD,IAAI,QAAQ,IAAI,QAAQ,CAAC,WAAW,EAAE;QAClC,OAAQ,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAqB;aACvD,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE;YACnB,2CAA2C;YAC3C,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE;gBAClB,OAAO,IAAI,CAAC;aACf;YACD,OAAO,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACjE,CAAC,CAAC,CAAC;KACV;IAED,OAAO,EAAqB,CAAC;AACjC,CAAC,CAAA;AAEM,qCAAiB,GAAG,GAAc,EAAE;IACvC,OAAO,mBAAmB,CAAC,oBAAoB,EAAE;SAC5C,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;QAChB,OAAO,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC3C,CAAC,CAAC;SACD,IAAI,EAAE,CAAC;AAChB,CAAC,CAAA;AAEM,0CAAsB,GAAG,CAAC,SAAqC,EAAE,EAAoB,EAAE;IAC1F,MAAM,EAAC,WAAW,GAAG,cAAc,EAAE,YAAY,EAAC,GAAG,MAAM,CAAC;IAC5D,MAAM,aAAa,GAAG,mBAAmB,CAAC,iBAAiB,EAAE;SACxD,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,OAAO,GAAG,IAAsB,CAAC;QACvC,IAAG,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE;YAChB,IAAI,OAAO,CAAC,WAAW,CAAC,IAAI,KAAK,WAAW,EAAE;gBAC1C,OAAO,KAAK,CAAC;aAChB;YACD,IAAI,CAAC,CAAC,YAAY,IAAI,OAAO,CAAC,YAAY,KAAK,YAAY,EAAE;gBACzD,OAAO,KAAK,CAAC;aAChB;YACD,OAAO,IAAI,CAAC;SACf;aAAM;YACH,OAAO,KAAK,CAAC;SAChB;IACL,CAAC,CAAC,CAAA;IACN,OAAO,aAAiC,CAAA;AAC5C,CAAC,CAAA;AAEM,mDAA+B,GAAG,CAAC,SAA8C,EAAE,EAAE,EAAE;IAC1F,MAAM,EAAE,YAAY,GAAG,KAAK,KAAsB,MAAM,EAAvB,YAAY,UAAK,MAAM,EAAlD,gBAAyC,CAAS,CAAC;IACzD,OAAO,mBAAmB,CAAC,sBAAsB,CAAC,YAAY,CAAC;SAC1D,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE;QACb,OAAO,CAAC,GAAI,OAAwB,CAAC,KAAK,CAAC;aACtC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE;YAClB,OAAO;gBACH,YAAY,CAAC,IAAI,EAAE;gBAClB,OAAwB,CAAC,KAAK,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,IAAI,EAAE;aACxE,CAAC;QACN,CAAC,CAAC,CAAC;IACX,CAAC,CAAC;SACD,IAAI,EAAE;SACN,MAAM,CAAC,CAAC,WAAW,EAAE,EAAE;QACpB,QAAO,YAAY,EAAE;YACjB,KAAK,QAAQ;gBACT,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC9C,KAAK,QAAQ;gBACT,OAAO,WAAW,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;SACjD;QACD,OAAO,IAAI,CAAC,CAAC,aAAa;IAC9B,CAAC,CAAC,CAAC;AACX,CAAC,CAAA;AAEM,wCAAoB,GAAG,CAAC,QAAkC,EAAE,EAAE,EAAE;IACnE,MAAM,EACF,gBAAgB,GAAG,IAAI,EACvB,YAAY,GAAG,IAAI,KAEnB,KAAK,EADF,WAAW,UACd,KAAK,EAJH,oCAIL,CAAQ,CAAC;IAEV,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,+BAA+B,iCACrE,WAAW,KACd,YAAY,EAAE,QAAQ,IACxB,CAAC,GAAG,CAAC,CAAC,WAAW,EAAE,EAAE;QACnB,IAAI,gBAAgB,EAAE;YAClB,OAAO;gBACH,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;gBACxB,WAAW,CAAC,CAAC,CAAC;aACjB,CAAC;SACL;QACD,OAAO,WAAW,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC;AAClF,CAAC,CAAA"}

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

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const CssCustomProperties_1 = __importDefault(require("./CssCustomProperties"));
+const constants_1 = require("../../configuration/constants");
+/**
+ * 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.
+ **/
+const getColorConfiguration = (configId) => {
+    return new CssCustomProperties_1.default({
+        selectorText: `.${constants_1.CLASSPREFIX}-configuration--colors__${configId}`,
+        removeDashPrefix: true,
+        returnObject: true,
+    }).customProperties();
+};
+exports.default = getColorConfiguration;
+//# sourceMappingURL=getColorConfiguration.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"getColorConfiguration.js","sourceRoot":"","sources":["../../../../src/common/utils/getColorConfiguration.ts"],"names":[],"mappings":";;;;;AAAA,gFAAwD;AACxD,6DAAsE;AAKtE;;;;IAII;AACJ,MAAM,qBAAqB,GAAG,CAAC,QAAsB,EAAE,EAAE;IACrD,OAAO,IAAI,6BAAmB,CAAC;QAC3B,YAAY,EAAE,IAAI,uBAAM,2BAA2B,QAAQ,EAAE;QAC7D,gBAAgB,EAAE,IAAI;QACtB,YAAY,EAAE,IAAI;KACrB,CAAC,CAAC,gBAAgB,EAAE,CAAC;AAC1B,CAAC,CAAC;AAEF,kBAAe,qBAAqB,CAAC"}