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

package/CHANGELOG.md

@@ -9,21 +9,65 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 
 * `<CodeEditor />` element based on `CodeMirror` library, supporting Markdown, Python, Sparql, SQL, Turtle and XML syntax
 * `CssCustomProperties` and `getColorConfiguration` utilities can be used to exchange color configurations between SCSS and JS
+* `<SimpleDialog />`: new properties `showFullScreenToggler` and `startInFullScreenMode`
+* `<ReactFlowMarkers />` custom markers for ReactFlow edges, currently one new marker `arrowClosed-inverse` available
+* `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
 
 * allow children of `<Accordion />` item to get calculated based on their DOM sizes
 * add borders to CodeMirror editor area and include display of focused state
 * GUI elements library can be now used easier in applications because it does not force usage of SCSS modules via JS/Webpack4
+* fixed ReactFlow stories re-rerender on configuration change
 
 ### Changed
 
 * 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 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
 
 * old `{ colors }` imports for `cmem/react-flow/configurations/*` do not keep working anymore, use `getColorConfiguration` method now
+* `<IconButton>`: `tooltipOpenDelay` was removed, use `tooltipProps.hoverOpenDelay` directly
+* `<FieldItem>`: `labelAttributes` was renamed to `labelProps`
+* `<MenuItem>`: this element now extends directly the Blueprint element, so `internalProps` was removed, use properties directly on `MenuItem`
+* `<AutoCompleteField>`: `popoverProps` was renamed to `contextOverlayProps`
+* `<Button>`: `tooltipProperties` was renamed to `tooltipProps`
+* `<ContextMenu>`: use `contextOverlayProps` to route properties to the overlay element
+* `<Icon>`: `tooltipProperties` was renamed to `tooltipProps`, `tooltipOpenDelay` was removed, use `tooltipProps.hoverOpenDelay` directly
+* `<Label>`: `tooltipProperties` was renamed to `tooltipProps`
+* `<MultiSelect>`: `popoverProps` was renamed to `contextOverlayProps`
+* `<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
 

package/README.md

@@ -41,16 +41,6 @@ All [configuration variables](https://github.com/eccenca/gui-elements/blob/devel
 
 ## Development
 
-### Branch names
-
-Aside from the `main` and `develop` branches we have some rules for branch names and they must be prefixed:
-
-* `feature/*`: feature branches introducing new elements and functionality
-* `bugfix/*`: used to fix bugs without extending functionality, leading to patch release of the most recent version
-* `hotfix/*`: used to fix bugs of past versions, they can tagged directly by the developer to publish packages (not implemented yet!)
-* `temp/*`: branches for testing purposes, they wont get merged, only deleted from time to time
-* `release/*`: release branches, they must be created from latest `develop` via the GitHub interface
-
 ### Running tests
 
 Run the Jest tests with `yarn test`, for test coverage information run `yarn test:coverage`.
@@ -60,7 +50,7 @@ If you run Jest tests in your app using our library you need to install `@babel/
 
 ### Running Storybook
 
-All storiy source files are kept in the respective components, extensions and cmem folders, using `*.stories.tsx` file name pattern.
+All story source files are kept in the respective components, extensions and cmem folders, using `*.stories.tsx` file name pattern.
 Run the storybook by
 
 ```

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

@@ -19,19 +19,13 @@ function ActivityControlWidget(props) {
             props.label && (react_1.default.createElement(index_1.OverviewItemLine, { small: small }, react_1.default.cloneElement(labelWrapper, {}, props.label))),
             (props.statusMessage || tags) && (react_1.default.createElement(index_1.OverviewItemLine, { small: true },
                 tags,
-                props.statusMessage && (react_1.default.createElement(index_1.OverflowText, { passDown: true }, props.statusMessage.length > 50 ? (react_1.default.createElement(index_1.Tooltip, { content: props.statusMessage, size: "large", tooltipProps: {
-                        position: "top-right",
-                        boundary: "viewport",
-                        modifiers: {
-                            flip: {
-                                enabled: false
-                            }
-                        }
-                    } }, props.statusMessage)) : (props.statusMessage)))))),
+                props.statusMessage && (react_1.default.createElement(index_1.OverflowText, { passDown: true }, props.statusMessage.length > 50 ? (react_1.default.createElement(index_1.Tooltip, { content: props.statusMessage, size: "large", placement: "top-start", rootBoundary: "viewport" }, props.statusMessage)) : (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 }));
+                    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, disabled: action.disabled, hasStateWarning: action.hasStateWarning, tooltipProps: {
+                            hoverOpenDelay: 200
+                        } }));
                 }),
             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 }));

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/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/ReactFlow/ReactFlow.js

@@ -36,22 +36,29 @@ 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 ReactFlowMarkers_1 = require("../../../extensions/react-flow/markers/ReactFlowMarkers");
 const unspecifiedConfig = __importStar(require("./../configuration/unspecified"));
 const graphConfig = __importStar(require("./../configuration/graph"));
 const workflowConfig = __importStar(require("./../configuration/workflow"));
 const linkingConfig = __importStar(require("./../configuration/linking"));
+const inverseEdgeConfig = __importStar(require("./../configuration/inverseEdge"));
+const customLabelConfig = __importStar(require("./../configuration/customLabel"));
 /**
  * `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"]);
+    var { configuration = "unspecified", children } = _a, originalProps = __rest(_a, ["configuration", "children"]);
     const configReactFlow = {
         unspecified: unspecifiedConfig,
         graph: graphConfig,
         workflow: workflowConfig,
         linking: linkingConfig,
+        inverseEdge: inverseEdgeConfig,
+        customLabel: customLabelConfig,
     };
-    return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps)));
+    return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps),
+        children,
+        react_1.default.createElement(ReactFlowMarkers_1.ReactFlowMarkers, null)));
 });
 //# sourceMappingURL=ReactFlow.js.map

package/dist/cjs/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,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"}
+{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2G;AAC3G,8FAA2F;AAC3F,kFAAoE;AACpE,sEAAwD;AACxD,4EAA8D;AAC9D,0EAA4D;AAC5D,kFAAoE;AACpE,kFAAoE;AASpE;;;GAGG;AACU,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAiC,CACtE,EAIC,EACD,GAAG,EAAE,EAAE;QALP,EACI,aAAa,GAAG,aAAa,EAC7B,QAAQ,OAEX,EADM,aAAa,cAHpB,6BAIC,CADmB;IAGpB,MAAM,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,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;QAEf,QAAQ;QACV,8BAAC,mCAAgB,OAAG,CACJ,CACvB,CAAC;AACN,CAAC,CAAC,CAAA"}

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/customLabel.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nodeTypes = exports.edgeTypes = void 0;
+const EdgeDefault_1 = require("./../../../extensions/react-flow/edges/EdgeDefault");
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+exports.edgeTypes = {
+    default: EdgeDefault_1.EdgeDefault,
+    straight: EdgeDefault_1.EdgeDefault,
+};
+exports.nodeTypes = {
+    default: NodeDefault_1.NodeDefault,
+};
+//# sourceMappingURL=customLabel.js.map

package/dist/cjs/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,oFAAiF;AACjF,oFAAiF;AAEpE,QAAA,SAAS,GAAG;IACrB,OAAO,EAAE,yBAAW;IACpB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,OAAO,EAAE,yBAAW;CACvB,CAAC"}

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/inverseEdge.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nodeTypes = exports.edgeTypes = void 0;
+const EdgeDefault_1 = require("./../../../extensions/react-flow/edges/EdgeDefault");
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+exports.edgeTypes = {
+    default: EdgeDefault_1.EdgeDefault,
+    straight: EdgeDefault_1.EdgeDefault,
+};
+exports.nodeTypes = {
+    default: NodeDefault_1.NodeDefault,
+};
+//# sourceMappingURL=inverseEdge.js.map

package/dist/cjs/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,oFAAiF;AACjF,oFAAiF;AAEpE,QAAA,SAAS,GAAG;IACrB,OAAO,EAAE,yBAAW;IACpB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,OAAO,EAAE,yBAAW;CACvB,CAAC"}

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":"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"}

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"}