npm - @eccenca/gui-elements - Versions diffs - 23.3.0-rc.1 → 23.3.1-rc.0 - Mend

@eccenca/gui-elements 23.3.0-rc.1 → 23.3.1-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (23) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -6,45 +6,55 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 ## [Unreleased]
+### Fixed
+-   `<ContextOverlay />`
+    -   remove always white space at start of `portalClassName` to prevent runtime error in BlueprintJS
+## [23.3.0] - 2023-11-09
 ### Added
 -   `<PropertyName />`
-    -   provide `labelProps` to configure the automatically injected `Label` element when `PropertyName` is only a string
+    -   `labelProps`: configure the automatically injected `Label` element when `PropertyName` is only a string
 -   `<TextField />`
-    -   Parameter `escapeToBlur`: If set to true the input field blurs/de-focuces when the `Escape` key is pressed.
+    -   `escapeToBlur`: if set to true the input field blurs/de-focuces when the `Escape` key is pressed.
 -   `<CodeEditor />`
-    -   support for additional modes: jinja2, yaml and json
+    -   support for additional modes: `jinja2`, `yaml` and `json`
     -   add read-only mode
-    -   add `height` parameter to set a fixed height of the editor
-    -   add `wrapLines` option to control auto-wrapping long lines (the default for wrap long lines is set to false now)
+    -   `height`: set a fixed height of the editor
+    -   `wrapLines`: control auto-wrapping long lines (the default for wrap long lines is set to false now)
 -   `<Modal />`
     -   `modalFocusable`: when `true` the outer `div` element of the modal can be focused by clicking on it.
         This is needed e.g. when key (down, up) events should trigger on the modal in order to bubble up to its parent elements.
     -   `forceTopPosition`: when `true` then the `z-index` of the modal's portal element is recalculated, so that the modal is always displayed on top of all other visible elements. Use with care, see documentation.
+-   `<ContextOverlay />`
+    -   `preventTopPosition`: when true then the `z-index` is decreased to the value for modals. Use it when you need to display modal dialogs out of the context overlay. Type of counter property to `Modal.forceTopPosition`.
 -   `<ReactFlow />`
-    -   Support disabling the react-flow hot keys via a React context, e.g. `Delete` etc.
+    -   support disabling the react-flow hot keys via a React context, e.g. `Delete` etc.
 -   `<HandleDefault />`
     -   new `category` options that lead to different handle layouts: `dependency`, `fixed`, `flexible` and `unknown`
     -   `intent` option with defined colors for: primary, accent, info, success, warning, danger
 -   `<HandleTools />`
     -   can be used as single handle content to add an context menu to handles
 -   `<NodeContent />`
-    -   `introductionTime` parameter could be used to visualize the node was added or updated
+    -   `introductionTime`: can be used to visualize the node was added or updated
 -   `<EdgeLabel />`
-    -   `loose` property can be set to `true` to prevent the box with border on the label component
+    -   `loose`: can be set to `true` to prevent the box with border on the label component
 -   `<TableExpandHeader />`
-    -   `toggleIcon`: Optional icon that should be displayed instead of the default ones.
+    -   `toggleIcon`: optional icon that should be displayed instead of the default ones.
 -   `Utilities`
-    -   methods `getGlobalVar` and `setGlobalVar` can be used to manage global variables indepentently from component states. They are stored to the `window` object under a `eccgui` "namespace". Can be used for example to manage globally increased counters. Do not use them if you need to store user session properties or confidential data!
+    -   `getGlobalVar` and `setGlobalVar`: can be used to manage global variables indepentently from component states. They are stored to the `window` object under a `eccgui` "namespace". Can be used for example to manage globally increased counters. Do not use them if you need to store user session properties or confidential data!
+-   canonical icons for `artefact-chatlog`, `entity-human`, `entity-robot` and `operation-magic`
 ### Changed
--   `<SimpleDialog />`:
-    -   By default, prevent certain (React) events from bubbling up through the dialog (backdrop is not affected):
-        -   Event handler: onContextMenu, onDrag, onDragStart, onDragEnd, onMouseDown, onMouseUp, onClick
-        -   The handlers can be overwritten via `wrapperDivProps`.
+-   `<SimpleDialog />`
+    -   by default, prevent certain (React) events from bubbling up through the dialog (backdrop is not affected):
+        -   event handler: `onContextMenu`, `onDrag`, `onDragStart`, `onDragEnd`, `onMouseDown`, `onMouseUp`, `onClick`
+        -   handlers can be overwritten via `wrapperDivProps`
 -   `<ApplicationHeader />`
-    -   it is now possible to overwrite the background color by setting `--eccgui-appheader-color-background`
+    -   it is now possible to overwrite the background color by setting `--eccgui-appheader-color-background` in its `style` attribute
 -   `<Modal />`
     -   new `xlarge` size option
     -   re-configure appearance of the sizes, `small` is displayed a bit smaller, `large` a bit larger than before
@@ -52,10 +62,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 ### Fixed
 -   `<Modal />`
-    -   Escape key to close does not work anymore after clicking on the backdrop for `canOutsideClickClose=false` and `canEscapeKeyClose=true`.
+    -   `Escape` key to close does not work anymore after clicking on the backdrop for `canOutsideClickClose=false` and `canEscapeKeyClose=true`.
 -   `<Spacing />`
     -   allow other `div` attributes, e.g. `style`
--   Tooltips of Carbon based elements display correctly in position and layout
+-   tooltips of Carbon based elements are displayed correctly in position and layout
 -   `<PropertyValuePair />`
     -   force maximum width for situation when the block could be wider, e.g. inside a flex layout, otherwise name and value could be wrongly aligned in a list with other property value pairs

package/dist/cjs/components/ContextOverlay/ContextOverlay.js CHANGED Viewed

@@ -23,8 +23,11 @@ const constants_1 = require("../../configuration/constants");
  * Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
  */
 const ContextOverlay = (_a) => {
-    var { children, className = '' } = _a, restProps = __rest(_a, ["children", "className"]);
-    return (react_1.default.createElement(popover2_1.Popover2, Object.assign({ placement: "bottom" }, restProps, { className: `${constants_1.CLASSPREFIX}-contextoverlay ` + className }), children));
+    var _b;
+    var { children, portalClassName, preventTopPosition, className = "" } = _a, restProps = __rest(_a, ["children", "portalClassName", "preventTopPosition", "className"]);
+    const portalClassNameFinal = (preventTopPosition ? `${constants_1.CLASSPREFIX}-contextoverlay__portal--lowertop` : "") +
+        (portalClassName ? ` ${portalClassName}` : "");
+    return (react_1.default.createElement(popover2_1.Popover2, Object.assign({ placement: "bottom" }, restProps, { className: `${constants_1.CLASSPREFIX}-contextoverlay` + (className ? ` ${className}` : ""), portalClassName: (_b = portalClassNameFinal.trim()) !== null && _b !== void 0 ? _b : undefined }), children));
 };
 exports.ContextOverlay = ContextOverlay;
 exports.default = exports.ContextOverlay;

package/dist/cjs/components/ContextOverlay/ContextOverlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextOverlay.js","sourceRoot":"","sources":["../../../../src/components/ContextOverlay/ContextOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,~~oDAG+B~~;~~AAC/B~~,6DAAsE;~~AAStE~~;;;GAGG;AACI,MAAM,cAAc,GAAG,CAAC,~~EAIT~~,EAAE,EAAE~~;QAJK~~,EAC3B,QAAQ,EACR,SAAS,~~GAAC~~,EAAE,~~OAEM~~,EADf,SAAS,~~cAHe~~,~~yBAI9B~~,CADe;~~IAGZ~~,OAAO,CACH,8BAAC,~~mBAAiB~~,~~kBACd~~,SAAS,EAAC,QAAQ,IACd,SAAS,IACb,SAAS,EAAE,GAAG,uBAAM,~~kBAAkB~~,GAAG,SAAS,~~KAEjD~~,QAAQ,~~CACO~~,~~CACvB~~,~~CAAA~~;~~AACL~~,CAAC,~~CAAA~~;~~AAfY~~,QAAA,cAAc,~~kBAe1B~~;~~AAED~~,kBAAe,sBAAc,CAAC"}
1	+ {"version":3,"file":"ContextOverlay.js","sourceRoot":"","sources":["../../../../src/components/ContextOverlay/ContextOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,oDAA6G;AAE7G,6DAAsE;AActE;;;GAGG;AACI,MAAM,cAAc,GAAG,CAAC,EAMT,EAAE,EAAE;;QANK,EAC3B,QAAQ,EACR,eAAe,EACf,kBAAkB,EAClB,SAAS,GAAG,EAAE,OAEI,EADf,SAAS,cALe,kEAM9B,CADe;IAEZ,MAAM,oBAAoB,GACtB,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,uBAAM,mCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;QACxE,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEnD,OAAO,CACH,8BAAC,mBAAgB,kBACb,SAAS,EAAC,QAAQ,IACd,SAAS,IACb,SAAS,EAAE,GAAG,uBAAM,iBAAiB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1E,eAAe,EAAE,MAAA,oBAAoB,CAAC,IAAI,EAAE,mCAAI,SAAS,KAExD,QAAQ,CACM,CACtB,CAAC;AACN,CAAC,CAAC;AArBW,QAAA,cAAc,kBAqBzB;AAEF,kBAAe,sBAAc,CAAC"}

package/dist/cjs/components/Icon/canonicalIconNames.js CHANGED Viewed

@@ -32,6 +32,7 @@ const canonicalIconNames = {
     "application-vocabularies": icons.Catalog,
     "application-warning": icons.WarningAlt,
     "application-hotkeys": icons.Keyboard,
+    "artefact-chatlog": icons.Chat,
     "artefact-commit": icons.Commit,
     "artefact-customtask": icons.Script,
     "artefact-dataset-csv": icons.Csv,
@@ -62,6 +63,8 @@ const canonicalIconNames = {
     "artefact-workflow": icons.ModelBuilder,
     "data-sourcepath": icons.Data_2,
     "data-targetpath": icons.Data_1,
+    "entity-human": icons.User,
+    "entity-robot": icons.Bot,
     "item-add-artefact": icons.AddAlt,
     "item-clone": icons.Copy,
     "item-comment": icons.AddComment,
@@ -126,6 +129,7 @@ const canonicalIconNames = {
     "operation-fix": icons.Tools,
     "operation-link": icons.Link,
     "operation-logout": icons.Logout,
+    "operation-magic": icons.MagicWand,
     "operation-merge": icons.DirectionMerge,
     "operation-redo": icons.Redo,
     "operation-search": icons.Search,

package/dist/cjs/components/Icon/canonicalIconNames.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2DAA6C;~~AA0J7C~~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"}
1	+ {"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/extensions/react-flow/handles/HandleDefault.js CHANGED Viewed

@@ -52,6 +52,12 @@ exports.HandleDefault = (0, react_1.memo)((_a) => {
             setExtendedTooltipDisplayed(false);
         }
     }, [handleDefaultRef]);
+    react_1.default.useEffect(() => {
+        const toolsTarget = handleDefaultRef.current.getElementsByClassName(`${constants_1.CLASSPREFIX}-graphviz__handletools-target`);
+        if (toolsTarget && toolsTarget[0] && handleToolsDisplayed) {
+            toolsTarget[0].click();
+        }
+    }, [handleToolsDisplayed]);
     react_1.default.useEffect(() => {
         const toolsTarget = handleDefaultRef.current.getElementsByClassName(`${constants_1.CLASSPREFIX}-graphviz__handletools-target`);
         if (toolsTarget && toolsTarget[0]) {
@@ -60,10 +66,7 @@ exports.HandleDefault = (0, react_1.memo)((_a) => {
             // @see https://connect.mozilla.org/t5/ideas/when-is-has-css-selector-going-to-be-fully-implemented-in/idi-p/23794
             handleDefaultRef.current.classList.add(`ffpolyfill-has-${constants_1.CLASSPREFIX}-graphviz__handletools-target`);
         }
-        if (handleToolsDisplayed) {
-            toolsTarget[0].click();
-        }
-    }, [handleToolsDisplayed]);
+    });
     const tooltipTitle = tooltip ? { title: tooltip } : {};
     const handleContentTooltipProps = {
         placement: handleProps.position === "left" || handleProps.position === "right"
@@ -83,15 +86,21 @@ exports.HandleDefault = (0, react_1.memo)((_a) => {
     };
     const handleContentProps = Object.assign(Object.assign({}, data), { tooltipProps: Object.assign(Object.assign({}, handleContentTooltipProps), data === null || data === void 0 ? void 0 : data.tooltipProps) });
     const handleContent = react_1.default.createElement(HandleContent_1.HandleContent, Object.assign({}, handleContentProps), children);
-    const handleConfig = Object.assign(Object.assign(Object.assign({}, handleProps), tooltipTitle), { className: intent ? ` ${(0, Intent_1.intentClassName)(intent)}` : "", onClick: (e) => {
+    let switchTooltipTimerOn;
+    const handleConfig = Object.assign(Object.assign(Object.assign({}, handleProps), tooltipTitle), { className: intent ? `${(0, Intent_1.intentClassName)(intent)} ` : "", onClick: (e) => {
             if (handleProps.onClick) {
                 handleProps.onClick(e);
             }
             routeClickToTools(e);
         }, "data-category": category, onMouseEnter: () => {
-            setExtendedTooltipDisplayed(true);
+            var _a, _b;
+            switchTooltipTimerOn = setTimeout(() => setExtendedTooltipDisplayed(true), (_b = (_a = data === null || data === void 0 ? void 0 : data.tooltipProps) === null || _a === void 0 ? void 0 : _a.hoverOpenDelay) !== null && _b !== void 0 ? _b : 500);
             setHandleToolsDisplayed(false);
-        }, onMouseLeave: () => setExtendedTooltipDisplayed(false) });
+        }, onMouseLeave: () => {
+            if (switchTooltipTimerOn)
+                clearTimeout(switchTooltipTimerOn);
+            setExtendedTooltipDisplayed(false);
+        } });
     switch (flowVersionCheck) {
         case "legacy":
             return (react_1.default.createElement(react_flow_renderer_1.Handle, Object.assign({ ref: handleDefaultRef }, handleConfig), handleContent));

package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoC;AACpC,6DAAwG;AACxG,qEAAwG;AAExG,mDAAsE;AACtE,gEAAyE;AAEzE,sDAAqF;AAErF,mDAAoE;AA+BvD,QAAA,aAAa,GAAG,IAAA,YAAI,EAC7B,CAAC,EAA8F,EAAE,EAAE;QAAlG,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,OAAsC,EAAjC,WAAW,cAAxE,oEAA0E,CAAF;IACrE,MAAM,mBAAmB,GAAG,IAAA,oCAAmB,GAAE,CAAC;IAClD,MAAM,gBAAgB,GAAG,WAAW,IAAI,mBAAmB,CAAC;IAC5D,MAAM,gBAAgB,GAAG,eAAK,CAAC,MAAM,EAAO,CAAC;IAC7C,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC/F,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAEvF,MAAM,iBAAiB,GAAG,eAAK,CAAC,WAAW,CACvC,CAAC,CAAQ,EAAE,EAAE;QACT,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,sBAAsB,CAC/D,GAAG,uBAAM,+BAA+B,CAC3C,CAAC;QACF,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,gBAAgB,CAAC,OAAO,EAAE;YACjE,uBAAuB,CAAC,IAAI,CAAC,CAAC;YAC9B,2BAA2B,CAAC,KAAK,CAAC,CAAC;SACtC;IACL,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,eAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,sBAAsB,CAC/D,GAAG,uBAAM,+BAA+B,CAC3C,CAAC;QACF,IAAI,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE;~~YAC/B~~,~~uGAAuG~~;~~YACvG,+BAA+B~~;~~YAC/B~~,~~kHAAkH;YAClH~~,~~gBAAgB~~,CAAC,~~OAAO~~,CAAC,SAAS,CAAC,GAAG,CAAC,~~kBAAkB~~,uBAAM,+BAA+B,~~CAAC~~,CAAC;~~SACnG;QACD~~,IAAI,~~oBAAoB~~,~~EAAE;YACtB~~,WAAW,CAAC,CAAC,CAAC,CAAC,~~KAAK~~,~~EAAE~~,CAAC~~;SAC1B;IACL~~,CAAC,~~EAAE~~,CAAC,~~oBAAoB~~,CAAC,CAAC,CAAC;~~IAE3B~~,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,MAAM,yBAAyB,GAAG;QAC9B,SAAS,EACL,WAAW,CAAC,QAAQ,KAAK,MAAM,IAAI,WAAW,CAAC,QAAQ,KAAK,OAAO;YAC/D,CAAC,CAAC,GAAG,WAAW,CAAC,QAAQ,MAAM;YAC/B,CAAC,CAAC,SAAS;QACnB,SAAS,EAAE;YACP,MAAM,EAAE;gBACJ,OAAO,EAAE,IAAI;gBACb,OAAO,EAAE;oBACL,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;iBAClB;aACJ;SACJ;QACD,MAAM,EAAE,MAAM;QACd,SAAS,EAAE,GAAG,uBAAM,mCAAmC;QACvD,MAAM,EAAE,wBAAwB,IAAI,CAAC,oBAAoB;KAC5D,CAAC;IAEF,MAAM,kBAAkB,mCACjB,IAAI,KACP,YAAY,EAAE,gCACP,yBAAyB,GACzB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CACR,GACpB,CAAC;IAEF,MAAM,aAAa,GAAG,8BAAC,6BAAa,oBAAK,kBAAkB,GAAG,QAAQ,CAAiB,CAAC;IAExF,MAAM,YAAY,iDACX,WAAW,GACX,YAAY,KACf,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,~~IAAI~~,IAAA,wBAAe,EAAC,MAAM,CAAC,~~EAAE~~,CAAC,CAAC,CAAC,EAAE,EACtD,OAAO,EAAE,CAAC,CAAM,EAAE,EAAE;YAChB,IAAI,WAAW,CAAC,OAAO,EAAE;gBACrB,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aAC1B;YACD,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC,EACD,eAAe,EAAE,QAAQ,EACzB,YAAY,EAAE,GAAG,EAAE;YACf,2BAA2B,CAAC,IAAI,CAAC,CAAC;~~YAClC~~,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,EACD,YAAY,EAAE,GAAG,EAAE,CAAC,2BAA2B,CAAC,KAAK,CAAC,~~GACzD~~,CAAC;IAEF,QAAQ,gBAAgB,EAAE;QACtB,KAAK,QAAQ;YACT,OAAO,CACH,8BAAC,4BAAY,kBAAC,GAAG,EAAE,gBAAgB,IAAM,YAAY,GAChD,aAAa,CACH,CAClB,CAAC;QACN,KAAK,MAAM;YACP,OAAO,CACH,8BAAC,gCAAU,kBAAC,GAAG,EAAE,gBAAgB,IAAM,YAAY,GAC9C,aAAa,CACL,CAChB,CAAC;QACN;YACI,OAAO,6DAAK,CAAC;KACpB;AACL,CAAC,CACJ,CAAC"}
1	+ {"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ContextOverlay/ContextOverlay.js CHANGED Viewed

@@ -20,16 +20,19 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import React from 'react';
-import { Popover2 as BlueprintPropover, } from "@blueprintjs/popover2";
+import React from "react";
+import { Popover2 as BlueprintPopover } from "@blueprintjs/popover2";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
 /**
  * Element displays connected content by interacting with a target element.
  * Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
  */
 export var ContextOverlay = function (_a) {
-    var children = _a.children, _b = _a.className, className = _b === void 0 ? '' : _b, restProps = __rest(_a, ["children", "className"]);
-    return (React.createElement(BlueprintPropover, __assign({ placement: "bottom" }, restProps, { className: eccgui + "-contextoverlay " + className }), children));
+    var _b;
+    var children = _a.children, portalClassName = _a.portalClassName, preventTopPosition = _a.preventTopPosition, _c = _a.className, className = _c === void 0 ? "" : _c, restProps = __rest(_a, ["children", "portalClassName", "preventTopPosition", "className"]);
+    var portalClassNameFinal = (preventTopPosition ? eccgui + "-contextoverlay__portal--lowertop" : "") +
+        (portalClassName ? " " + portalClassName : "");
+    return (React.createElement(BlueprintPopover, __assign({ placement: "bottom" }, restProps, { className: eccgui + "-contextoverlay" + (className ? " " + className : ""), portalClassName: (_b = portalClassNameFinal.trim()) !== null && _b !== void 0 ? _b : undefined }), children));
 };
 export default ContextOverlay;
 //# sourceMappingURL=ContextOverlay.js.map

package/dist/esm/components/ContextOverlay/ContextOverlay.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContextOverlay.js","sourceRoot":"","sources":["../../../../src/components/ContextOverlay/ContextOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,~~EACH~~,QAAQ,IAAI,~~iBAAiB~~,~~GAEhC~~,MAAM,uBAAuB,CAAC;~~AAC/B~~,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;~~AAStE~~;;;GAGG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,~~EAIT;IAHlB~~,IAAA,QAAQ,cAAA,EACR,~~iBAAY~~,~~EAAZ~~,SAAS,~~mBAAC~~,EAAE,KAAA,~~EACT~~,SAAS,~~cAHe~~,~~yBAI9B~~,CADe;~~IAGZ~~,OAAO,CACH,oBAAC,~~iBAAiB~~,~~aACd~~,SAAS,EAAC,QAAQ,IACd,SAAS,IACb,SAAS,EAAK,MAAM,~~qBAAkB~~,GAAG,SAAS,~~KAEjD~~,QAAQ,~~CACO~~,~~CACvB~~,~~CAAA~~;~~AACL~~,CAAC,~~CAAA~~;~~AAED~~,eAAe,cAAc,CAAC"}
1	+ {"version":3,"file":"ContextOverlay.js","sourceRoot":"","sources":["../../../../src/components/ContextOverlay/ContextOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAA0C,MAAM,uBAAuB,CAAC;AAE7G,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AActE;;;GAGG;AACH,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAMT;;IALlB,IAAA,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,SAAS,cALe,kEAM9B,CADe;IAEZ,IAAM,oBAAoB,GACtB,CAAC,kBAAkB,CAAC,CAAC,CAAI,MAAM,sCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;QACxE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,eAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAEnD,OAAO,CACH,oBAAC,gBAAgB,aACb,SAAS,EAAC,QAAQ,IACd,SAAS,IACb,SAAS,EAAK,MAAM,oBAAiB,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1E,eAAe,EAAE,MAAA,oBAAoB,CAAC,IAAI,EAAE,mCAAI,SAAS,KAExD,QAAQ,CACM,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/components/Icon/canonicalIconNames.js CHANGED Viewed

@@ -11,6 +11,7 @@ var canonicalIconNames = {
     "application-vocabularies": icons.Catalog,
     "application-warning": icons.WarningAlt,
     "application-hotkeys": icons.Keyboard,
+    "artefact-chatlog": icons.Chat,
     "artefact-commit": icons.Commit,
     "artefact-customtask": icons.Script,
     "artefact-dataset-csv": icons.Csv,
@@ -41,6 +42,8 @@ var canonicalIconNames = {
     "artefact-workflow": icons.ModelBuilder,
     "data-sourcepath": icons.Data_2,
     "data-targetpath": icons.Data_1,
+    "entity-human": icons.User,
+    "entity-robot": icons.Bot,
     "item-add-artefact": icons.AddAlt,
     "item-clone": icons.Copy,
     "item-comment": icons.AddComment,
@@ -105,6 +108,7 @@ var canonicalIconNames = {
     "operation-fix": icons.Tools,
     "operation-link": icons.Link,
     "operation-logout": icons.Logout,
+    "operation-magic": icons.MagicWand,
     "operation-merge": icons.DirectionMerge,
     "operation-redo": icons.Redo,
     "operation-search": icons.Search,

package/dist/esm/components/Icon/canonicalIconNames.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,qBAAqB,CAAC;~~AA0J7C~~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"}
1	+ {"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":"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"}

package/dist/esm/extensions/react-flow/handles/HandleDefault.js CHANGED Viewed

@@ -57,6 +57,12 @@ export var HandleDefault = memo(function (_a) {
             setExtendedTooltipDisplayed(false);
         }
     }, [handleDefaultRef]);
+    React.useEffect(function () {
+        var toolsTarget = handleDefaultRef.current.getElementsByClassName(eccgui + "-graphviz__handletools-target");
+        if (toolsTarget && toolsTarget[0] && handleToolsDisplayed) {
+            toolsTarget[0].click();
+        }
+    }, [handleToolsDisplayed]);
     React.useEffect(function () {
         var toolsTarget = handleDefaultRef.current.getElementsByClassName(eccgui + "-graphviz__handletools-target");
         if (toolsTarget && toolsTarget[0]) {
@@ -65,10 +71,7 @@ export var HandleDefault = memo(function (_a) {
             // @see https://connect.mozilla.org/t5/ideas/when-is-has-css-selector-going-to-be-fully-implemented-in/idi-p/23794
             handleDefaultRef.current.classList.add("ffpolyfill-has-" + eccgui + "-graphviz__handletools-target");
         }
-        if (handleToolsDisplayed) {
-            toolsTarget[0].click();
-        }
-    }, [handleToolsDisplayed]);
+    });
     var tooltipTitle = tooltip ? { title: tooltip } : {};
     var handleContentTooltipProps = {
         placement: handleProps.position === "left" || handleProps.position === "right"
@@ -88,15 +91,21 @@ export var HandleDefault = memo(function (_a) {
     };
     var handleContentProps = __assign(__assign({}, data), { tooltipProps: __assign(__assign({}, handleContentTooltipProps), data === null || data === void 0 ? void 0 : data.tooltipProps) });
     var handleContent = React.createElement(HandleContent, __assign({}, handleContentProps), children);
-    var handleConfig = __assign(__assign(__assign({}, handleProps), tooltipTitle), { className: intent ? " " + intentClassName(intent) : "", onClick: function (e) {
+    var switchTooltipTimerOn;
+    var handleConfig = __assign(__assign(__assign({}, handleProps), tooltipTitle), { className: intent ? intentClassName(intent) + " " : "", onClick: function (e) {
             if (handleProps.onClick) {
                 handleProps.onClick(e);
             }
             routeClickToTools(e);
         }, "data-category": category, onMouseEnter: function () {
-            setExtendedTooltipDisplayed(true);
+            var _a, _b;
+            switchTooltipTimerOn = setTimeout(function () { return setExtendedTooltipDisplayed(true); }, (_b = (_a = data === null || data === void 0 ? void 0 : data.tooltipProps) === null || _a === void 0 ? void 0 : _a.hoverOpenDelay) !== null && _b !== void 0 ? _b : 500);
             setHandleToolsDisplayed(false);
-        }, onMouseLeave: function () { return setExtendedTooltipDisplayed(false); } });
+        }, onMouseLeave: function () {
+            if (switchTooltipTimerOn)
+                clearTimeout(switchTooltipTimerOn);
+            setExtendedTooltipDisplayed(false);
+        } });
     switch (flowVersionCheck) {
         case "legacy":
             return (React.createElement(HandleLegacy, __assign({ ref: handleDefaultRef }, handleConfig), handleContent));

package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,YAAY,EAA6C,MAAM,qBAAqB,CAAC;AACxG,OAAO,EAAE,MAAM,IAAI,UAAU,EAA2C,MAAM,yBAAyB,CAAC;AAExG,OAAO,EAAE,eAAe,EAAe,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAEzE,OAAO,EAA+B,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAErF,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAC;AA+BpE,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,CAC7B,UAAC,EAA8F;IAA5F,IAAA,WAAW,iBAAA,EAAE,IAAI,UAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAK,WAAW,cAAxE,oEAA0E,CAAF;IACrE,IAAM,mBAAmB,GAAG,mBAAmB,EAAE,CAAC;IAClD,IAAM,gBAAgB,GAAG,WAAW,IAAI,mBAAmB,CAAC;IAC5D,IAAM,gBAAgB,GAAG,KAAK,CAAC,MAAM,EAAO,CAAC;IACvC,IAAA,KAAA,OAA0D,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,IAAA,EAAvF,wBAAwB,QAAA,EAAE,2BAA2B,QAAkC,CAAC;IACzF,IAAA,KAAA,OAAkD,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,IAAA,EAA/E,oBAAoB,QAAA,EAAE,uBAAuB,QAAkC,CAAC;IAEvF,IAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACvC,UAAC,CAAQ;QACL,IAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,sBAAsB,CAC5D,MAAM,kCAA+B,CAC3C,CAAC;QACF,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,gBAAgB,CAAC,OAAO,EAAE;YACjE,uBAAuB,CAAC,IAAI,CAAC,CAAC;YAC9B,2BAA2B,CAAC,KAAK,CAAC,CAAC;SACtC;IACL,CAAC,EACD,CAAC,gBAAgB,CAAC,CACrB,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC;QACZ,IAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,CAAC,sBAAsB,CAC5D,MAAM,kCAA+B,CAC3C,CAAC;QACF,IAAI,WAAW,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE;~~YAC/B~~,~~uGAAuG~~;~~YACvG,+BAA+B~~;~~YAC/B~~,~~kHAAkH;YAClH~~,~~gBAAgB~~,CAAC,~~OAAO~~,CAAC,SAAS,CAAC,GAAG,CAAC,~~oBAAkB~~,MAAM,kCAA+B,~~CAAC~~,CAAC;~~SACnG;QACD~~,IAAI,~~oBAAoB~~,~~EAAE;YACtB~~,WAAW,CAAC,CAAC,CAAC,CAAC,~~KAAK~~,~~EAAE~~,CAAC~~;SAC1B;IACL~~,CAAC,~~EAAE~~,CAAC,~~oBAAoB~~,CAAC,CAAC,CAAC;~~IAE3B~~,IAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvD,IAAM,yBAAyB,GAAG;QAC9B,SAAS,EACL,WAAW,CAAC,QAAQ,KAAK,MAAM,IAAI,WAAW,CAAC,QAAQ,KAAK,OAAO;YAC/D,CAAC,CAAI,WAAW,CAAC,QAAQ,SAAM;YAC/B,CAAC,CAAC,SAAS;QACnB,SAAS,EAAE;YACP,MAAM,EAAE;gBACJ,OAAO,EAAE,IAAI;gBACb,OAAO,EAAE;oBACL,MAAM,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;iBAClB;aACJ;SACJ;QACD,MAAM,EAAE,MAAM;QACd,SAAS,EAAK,MAAM,sCAAmC;QACvD,MAAM,EAAE,wBAAwB,IAAI,CAAC,oBAAoB;KAC5D,CAAC;IAEF,IAAM,kBAAkB,yBACjB,IAAI,KACP,YAAY,EAAE,sBACP,yBAAyB,GACzB,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,CACR,GACpB,CAAC;IAEF,IAAM,aAAa,GAAG,oBAAC,aAAa,eAAK,kBAAkB,GAAG,QAAQ,CAAiB,CAAC;IAExF,IAAM,YAAY,kCACX,WAAW,GACX,YAAY,KACf,SAAS,EAAE,MAAM,CAAC,CAAC,~~CAAC~~,~~MAAI,~~eAAe,CAAC,MAAM,~~CAAG~~,CAAC,CAAC,CAAC,EAAE,EACtD,OAAO,EAAE,UAAC,CAAM;YACZ,IAAI,WAAW,CAAC,OAAO,EAAE;gBACrB,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aAC1B;YACD,iBAAiB,CAAC,CAAC,CAAC,CAAC;QACzB,CAAC,EACD,eAAe,EAAE,QAAQ,EACzB,YAAY,EAAE;YACV,2BAA2B,CAAC,IAAI,CAAC,CAAC;~~YAClC~~,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,EACD,YAAY,EAAE,~~cAAM~~,~~OAAA~~,2BAA2B,CAAC,KAAK,CAAC,~~EAAlC~~,~~CAAkC~~,~~GACzD~~,CAAC;IAEF,QAAQ,gBAAgB,EAAE;QACtB,KAAK,QAAQ;YACT,OAAO,CACH,oBAAC,YAAY,aAAC,GAAG,EAAE,gBAAgB,IAAM,YAAY,GAChD,aAAa,CACH,CAClB,CAAC;QACN,KAAK,MAAM;YACP,OAAO,CACH,oBAAC,UAAU,aAAC,GAAG,EAAE,gBAAgB,IAAM,YAAY,GAC9C,aAAa,CACL,CAChB,CAAC;QACN;YACI,OAAO,yCAAK,CAAC;KACpB;AACL,CAAC,CACJ,CAAC"}
1	+ {"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":"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"}

package/dist/types/components/ContextOverlay/ContextOverlay.d.ts CHANGED Viewed

@@ -1,14 +1,19 @@
-import React from 'react';
+import React from "react";
 import { Popover2Props as BlueprintPopoverProps } from "@blueprintjs/popover2";
 export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
     /**
      * `target` element to use as toggler for the overlay display.
      */
     children?: JSX.Element;
+    /**
+     * Type of counter property to `Modal.forceTopPosition`.
+     * Use it when you need to display modal dialogs out of the context overlay.
+     */
+    preventTopPosition?: boolean;
 }
 /**
  * Element displays connected content by interacting with a target element.
  * Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
  */
-export declare const ContextOverlay: ({ children, className, ...restProps }: ContextOverlayProps) => React.JSX.Element;
+export declare const ContextOverlay: ({ children, portalClassName, preventTopPosition, className, ...restProps }: ContextOverlayProps) => React.JSX.Element;
 export default ContextOverlay;

package/dist/types/components/Icon/canonicalIconNames.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { IconProps as CarbonIconProps } from "carbon-components-react";
 /** Valid icon names. */
-export declare type ValidIconName = "application-activities" | "application-dataintegration" | "application-explore" | "application-homepage" | "application-legacygui" | "application-mapping" | "application-queries" | "application-useraccount" | "application-vocabularies" | "application-warning" | "application-hotkeys" | "artefact-commit" | "artefact-customtask" | "artefact-dataset" | "artefact-dataset-csv" | "artefact-dataset-eccencadataplatform" | "artefact-dataset-excel" | "artefact-dataset-file" | "artefact-dataset-jdbc" | "artefact-dataset-json" | "artefact-dataset-multicsv" | "artefact-dataset-neo4j" | "artefact-dataset-sparkview" | "artefact-dataset-sparqlendpoint" | "artefact-dataset-sqlendpoint" | "artefact-dataset-xml" | "artefact-deprecated" | "artefact-embedded" | "artefact-errorlog" | "artefact-file" | "artefact-linking" | "artefact-project" | "artefact-rawdata" | "artefact-remote" | "artefact-report" | "artefact-task" | "artefact-transform" | "artefact-uncategorized" | "artefact-workflow" | "data-sourcepath" | "data-targetpath" | "item-add-artefact" | "item-clone" | "item-comment" | "item-copy" | "item-download" | "item-draggable" | "item-edit" | "item-evaluation" | "item-execution" | "item-info" | "item-launch" | "item-moremenu" | "item-question" | "item-reload" | "item-remove" | "item-reset" | "item-save" | "item-settings" | "item-shuffle" | "item-skip-forward" | "item-start" | "item-stop" | "item-upload" | "item-vertmenu" | "item-viewdetails" | "item-hidedetails" | "list-sort" | "list-sortasc" | "list-sortdesc" | "module-accesscontrol" | "module-annotation" | "module-dashboard" | "module-gdprsearch" | "module-integrations" | "module-linkedrules" | "module-reports" | "module-search" | "module-thesauri" | "module-timetracker" | "module-visualization" | "navigation-back" | "navigation-close" | "navigation-down" | "navigation-first" | "navigation-forth" | "navigation-jump" | "navigation-last" | "navigation-left" | "navigation-next" | "navigation-previous" | "navigation-right" | "navigation-up" | "operation-aggregation" | "operation-autolayout" | "operation-clear" | "operation-commit" | "operation-comparison" | "operation-erase" | "operation-filter" | "operation-filteredit" | "operation-filterremove" | "operation-fix" | "operation-link" | "operation-logout" | "operation-merge" | "operation-redo" | "operation-search" | "operation-sharelink" | "operation-transform" | "operation-translate" | "operation-undo" | "operation-unlink" | "state-checked" | "state-checkedsimple" | "state-confirmed" | "state-danger" | "state-declined" | "state-info" | "state-partlychecked" | "state-protected" | "state-success" | "state-unchecked" | "state-warning" | "toggler-caret" | "toggler-caretright" | "toggler-caretdown" | "toggler-maximize" | "toggler-minimize" | "toggler-moveleft" | "toggler-moveright" | "toggler-rowexpand" | "toggler-rowcollapse" | "toggler-showless" | "toggler-showmore" | "toggler-star-empty" | "toggler-star-filled" | "toggler-tree" | "form-template" | "undefined";
+export declare type ValidIconName = "application-activities" | "application-dataintegration" | "application-explore" | "application-homepage" | "application-legacygui" | "application-mapping" | "application-queries" | "application-useraccount" | "application-vocabularies" | "application-warning" | "application-hotkeys" | "artefact-chatlog" | "artefact-commit" | "artefact-customtask" | "artefact-dataset" | "artefact-dataset-csv" | "artefact-dataset-eccencadataplatform" | "artefact-dataset-excel" | "artefact-dataset-file" | "artefact-dataset-jdbc" | "artefact-dataset-json" | "artefact-dataset-multicsv" | "artefact-dataset-neo4j" | "artefact-dataset-sparkview" | "artefact-dataset-sparqlendpoint" | "artefact-dataset-sqlendpoint" | "artefact-dataset-xml" | "artefact-deprecated" | "artefact-embedded" | "artefact-errorlog" | "artefact-file" | "artefact-linking" | "artefact-project" | "artefact-rawdata" | "artefact-remote" | "artefact-report" | "artefact-task" | "artefact-transform" | "artefact-uncategorized" | "artefact-workflow" | "data-sourcepath" | "data-targetpath" | "entity-human" | "entity-robot" | "item-add-artefact" | "item-clone" | "item-comment" | "item-copy" | "item-download" | "item-draggable" | "item-edit" | "item-evaluation" | "item-execution" | "item-info" | "item-launch" | "item-moremenu" | "item-question" | "item-reload" | "item-remove" | "item-reset" | "item-save" | "item-settings" | "item-shuffle" | "item-skip-forward" | "item-start" | "item-stop" | "item-upload" | "item-vertmenu" | "item-viewdetails" | "item-hidedetails" | "list-sort" | "list-sortasc" | "list-sortdesc" | "module-accesscontrol" | "module-annotation" | "module-dashboard" | "module-gdprsearch" | "module-integrations" | "module-linkedrules" | "module-reports" | "module-search" | "module-thesauri" | "module-timetracker" | "module-visualization" | "navigation-back" | "navigation-close" | "navigation-down" | "navigation-first" | "navigation-forth" | "navigation-jump" | "navigation-last" | "navigation-left" | "navigation-next" | "navigation-previous" | "navigation-right" | "navigation-up" | "operation-aggregation" | "operation-autolayout" | "operation-clear" | "operation-commit" | "operation-comparison" | "operation-erase" | "operation-filter" | "operation-filteredit" | "operation-filterremove" | "operation-fix" | "operation-link" | "operation-logout" | "operation-magic" | "operation-merge" | "operation-redo" | "operation-search" | "operation-sharelink" | "operation-transform" | "operation-translate" | "operation-undo" | "operation-unlink" | "state-checked" | "state-checkedsimple" | "state-confirmed" | "state-danger" | "state-declined" | "state-info" | "state-partlychecked" | "state-protected" | "state-success" | "state-unchecked" | "state-warning" | "toggler-caret" | "toggler-caretright" | "toggler-caretdown" | "toggler-maximize" | "toggler-minimize" | "toggler-moveleft" | "toggler-moveright" | "toggler-rowexpand" | "toggler-rowcollapse" | "toggler-showless" | "toggler-showmore" | "toggler-star-empty" | "toggler-star-filled" | "toggler-tree" | "form-template" | "undefined";
 export declare type CarbonIconType = React.ComponentType<CarbonIconProps>;
 /**
  * @deprecated

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
     "name": "@eccenca/gui-elements",
     "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-    "version": "23.3.0-rc.1",
+    "version": "23.3.1-rc.0",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",
@@ -152,8 +152,9 @@
         "react-dom": ">=16"
     },
     "resolutions": {
+        "**/@babel/traverse": "^7.23.2",
         "**/@types/react": "^17.0.59",
-        "**/postcss": "^8.4.23",
+        "**/postcss": "^8.4.31",
         "**/parse5": "^6.0.1"
     },
     "husky": {

package/src/components/Application/application.scss CHANGED Viewed

@@ -9,7 +9,3 @@
 // @import '~@carbon/styles/scss/components/ui-shell/navigation-menu';
 @import "content";
-.#{$ns}-portal {
-    z-index: 10001; // higher than carbon ui shell header and delta to dialog portals
-}

package/src/components/ContextOverlay/ContextOverlay.tsx CHANGED Viewed

@@ -1,8 +1,6 @@
-import React from 'react';
-import {
-    Popover2 as BlueprintPropover,
-    Popover2Props as BlueprintPopoverProps,
-} from "@blueprintjs/popover2";
+import React from "react";
+import { Popover2 as BlueprintPopover, Popover2Props as BlueprintPopoverProps } from "@blueprintjs/popover2";
 import { CLASSPREFIX as eccgui } from "../../configuration/constants";
 export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
@@ -10,6 +8,11 @@ export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "positi
      * `target` element to use as toggler for the overlay display.
      */
     children?: JSX.Element;
+    /**
+     * Type of counter property to `Modal.forceTopPosition`.
+     * Use it when you need to display modal dialogs out of the context overlay.
+     */
+    preventTopPosition?: boolean;
 }
 /**
@@ -18,19 +21,25 @@ export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "positi
  */
 export const ContextOverlay = ({
     children,
-    className='',
+    portalClassName,
+    preventTopPosition,
+    className = "",
     ...restProps
 }: ContextOverlayProps) => {
+    const portalClassNameFinal =
+        (preventTopPosition ? `${eccgui}-contextoverlay__portal--lowertop` : "") +
+        (portalClassName ? ` ${portalClassName}` : "");
     return (
-        <BlueprintPropover
+        <BlueprintPopover
             placement="bottom"
             {...restProps}
-            className={`${eccgui}-contextoverlay ` + className}
+            className={`${eccgui}-contextoverlay` + (className ? ` ${className}` : "")}
+            portalClassName={portalClassNameFinal.trim() ?? undefined}
         >
             {children}
-        </BlueprintPropover>
-    )
-}
+        </BlueprintPopover>
+    );
+};
 export default ContextOverlay;

package/src/components/ContextOverlay/contextoverlay.scss CHANGED Viewed

@@ -5,6 +5,14 @@ $pt-dark-popover2-background-color: $dark-gray4 !default;
 @import "~@blueprintjs/popover2/src/popover2";
+.#{$ns}-portal {
+    z-index: $eccgui-zindex-overlays;
+}
+.#{$eccgui}-contextoverlay__portal--lowertop {
+    z-index: $eccgui-zindex-modals;
+}
 .#{$ns}-overlay-content,
 .#{$ns}-popover2,
 .#{$ns}-popover2-content,

package/src/components/Dialog/dialog.scss CHANGED Viewed

@@ -16,7 +16,7 @@ $eccgui-color-modal-backdrop: rgba(invert($eccgui-color-workspace-background), 0
 @import "~@blueprintjs/core/src/components/dialog/dialog";
 .#{$eccgui}-dialog__portal {
-    z-index: 8001; // higher than carbon ui shell header
+    z-index: $eccgui-zindex-modals;
 }
 .#{$eccgui}-dialog__backdrop {

package/src/components/Icon/canonicalIconNames.tsx CHANGED Viewed

@@ -14,6 +14,7 @@ export type ValidIconName =
     | "application-vocabularies"
     | "application-warning"
     | "application-hotkeys"
+    | "artefact-chatlog"
     | "artefact-commit"
     | "artefact-customtask"
     | "artefact-dataset"
@@ -44,6 +45,8 @@ export type ValidIconName =
     | "artefact-workflow"
     | "data-sourcepath"
     | "data-targetpath"
+    | "entity-human"
+    | "entity-robot"
     | "item-add-artefact"
     | "item-clone"
     | "item-comment"
@@ -108,6 +111,7 @@ export type ValidIconName =
     | "operation-fix"
     | "operation-link"
     | "operation-logout"
+    | "operation-magic"
     | "operation-merge"
     | "operation-redo"
     | "operation-search"
@@ -165,6 +169,7 @@ const canonicalIconNames: Record<ValidIconName, CarbonIconType> = {
     "application-warning": icons.WarningAlt,
     "application-hotkeys": icons.Keyboard,
+    "artefact-chatlog": icons.Chat,
     "artefact-commit": icons.Commit,
     "artefact-customtask": icons.Script,
     "artefact-dataset-csv": icons.Csv,
@@ -197,6 +202,9 @@ const canonicalIconNames: Record<ValidIconName, CarbonIconType> = {
     "data-sourcepath": icons.Data_2,
     "data-targetpath": icons.Data_1,
+    "entity-human": icons.User,
+    "entity-robot": icons.Bot,
     "item-add-artefact": icons.AddAlt,
     "item-clone": icons.Copy,
     "item-comment": icons.AddComment,
@@ -265,6 +273,7 @@ const canonicalIconNames: Record<ValidIconName, CarbonIconType> = {
     "operation-fix": icons.Tools,
     "operation-link": icons.Link,
     "operation-logout": icons.Logout,
+    "operation-magic": icons.MagicWand,
     "operation-merge": icons.DirectionMerge,
     "operation-redo": icons.Redo,
     "operation-search": icons.Search,

package/src/configuration/_variables.scss CHANGED Viewed

@@ -17,25 +17,22 @@ $eccgui: "eccgui" !default;
 // -- Configuration stack of colors --------------------------------------------
-$eccgui-color-primary: rgb(254, 143, 1) !default;
-$eccgui-color-primary-contrast: rgb(255, 255, 255) !default;
-$eccgui-color-accent: rgb(10, 103, 163) !default;
-$eccgui-color-accent-contrast: rgb(255, 255, 255) !default;
+$eccgui-color-primary: rgb(254 143 1) !default;
+$eccgui-color-primary-contrast: rgb(255 255 255) !default;
+$eccgui-color-accent: rgb(10 103 163) !default;
+$eccgui-color-accent-contrast: rgb(255 255 255) !default;
 $eccgui-color-success-text: #1b5e20 !default;
-$eccgui-color-success-background: rgb(232, 245, 233) !default;
-$eccgui-color-info-text: rgb(21, 101, 192) !default;
-$eccgui-color-info-background: rgb(227, 242, 253) !default;
+$eccgui-color-success-background: rgb(232 245 233) !default;
+$eccgui-color-info-text: rgb(21 101 192) !default;
+$eccgui-color-info-background: rgb(227 242 253) !default;
 $eccgui-color-warning-text: #e65100 !default;
-$eccgui-color-warning-background: rgb(255, 243, 224) !default;
+$eccgui-color-warning-background: rgb(255 243 224) !default;
 $eccgui-color-danger-text: #b71c1c !default;
-$eccgui-color-danger-background: rgb(255, 235, 238) !default;
+$eccgui-color-danger-background: rgb(255 235 238) !default;
 $eccgui-color-applicationheader-text: #222 !default;
 $eccgui-color-applicationheader-background: #ddd !default;
 $eccgui-color-workspace-text: #444 !default;
 $eccgui-color-workspace-background: #f5f5f5 !default;
 $eccgui-color-application-text: $eccgui-color-workspace-text !default; // deprecated
 $eccgui-color-application-background: $eccgui-color-workspace-background !default; // deprecated
@@ -52,7 +49,10 @@ $eccgui-font-family-fantasy: fantasy !default;
 $eccgui-font-family-default: $eccgui-font-family-sans !default;
 $eccgui-size-typo-base: 14px !default; // size including absolute unit, preferable px
 $eccgui-size-typo-base-lineheight: 1.39 !default; // only ratio to font size, no unit!
-$eccgui-size-type-levelratio: math.div(7, 6) !default; // ratio without unit! used to calculate different text sizes, etc ...
+$eccgui-size-type-levelratio: math.div(
+    7,
+    6
+) !default; // ratio without unit! used to calculate different text sizes, etc ...
 $eccgui-font-weight-light: 300 !default;
 $eccgui-font-weight-regular: 400 !default;
@@ -74,6 +74,11 @@ $eccgui-opacity-muted: 0.61 !default;
 $eccgui-opacity-disabled: 0.39 !default;
 $eccgui-opacity-invisible: 0 !default;
+// -- Configuration stack of z-indexes -----------------------------------------
+$eccgui-zindex-modals: 8001 !default; // higher than carbon ui shell header
+$eccgui-zindex-overlays: 10001 !default; // add delta to dialog portals
 // -- Calculation of more config vars ------------------------------------------
 /*
@@ -81,52 +86,38 @@ $eccgui-opacity-invisible: 0 !default;
     it is not recommended to do so.
 */
-$eccgui-size-typo-caption: math.div(1, $eccgui-size-type-levelratio) *
-    $eccgui-size-typo-base !default;
-$eccgui-size-typo-caption-lineheight: max(
-    $eccgui-size-type-levelratio * $eccgui-size-typo-base-lineheight,
-    1
-) !default;
+$eccgui-size-typo-caption: math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-base !default;
+$eccgui-size-typo-caption-lineheight: max($eccgui-size-type-levelratio * $eccgui-size-typo-base-lineheight, 1) !default;
 $eccgui-size-typo-text: $eccgui-size-typo-base !default; // should be `1rem` but bp3 currently do not support rem units here, leads to errors in their calculations for values of other properties
-$eccgui-size-typo-text-lineheight: max(
-    $eccgui-size-typo-base-lineheight,
-    1
-) !default;
-$eccgui-size-typo-subtitle: $eccgui-size-type-levelratio *
-    $eccgui-size-typo-text !default;
+$eccgui-size-typo-text-lineheight: max($eccgui-size-typo-base-lineheight, 1) !default;
+$eccgui-size-typo-subtitle: $eccgui-size-type-levelratio * $eccgui-size-typo-text !default;
 $eccgui-size-typo-subtitle-lineheight: max(
     math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-text-lineheight,
     1
 ) !default;
-$eccgui-size-typo-title: $eccgui-size-type-levelratio *
-    $eccgui-size-typo-subtitle !default;
+$eccgui-size-typo-title: $eccgui-size-type-levelratio * $eccgui-size-typo-subtitle !default;
 $eccgui-size-typo-title-lineheight: max(
     math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-subtitle-lineheight,
     1
 ) !default;
-$eccgui-size-typo-headline: $eccgui-size-type-levelratio *
-    $eccgui-size-typo-title !default;
+$eccgui-size-typo-headline: $eccgui-size-type-levelratio * $eccgui-size-typo-title !default;
 $eccgui-size-typo-headline-lineheight: max(
     math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-title-lineheight,
     1
 ) !default;
-$eccgui-size-typo-display-1: $eccgui-size-type-levelratio *
-    $eccgui-size-typo-headline !default;
+$eccgui-size-typo-display-1: $eccgui-size-type-levelratio * $eccgui-size-typo-headline !default;
 $eccgui-size-typo-display-1-lineheight: max(
     math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-headline-lineheight,
     1
 ) !default;
-$eccgui-size-typo-display-2: $eccgui-size-type-levelratio *
-    $eccgui-size-typo-display-1 !default;
+$eccgui-size-typo-display-2: $eccgui-size-type-levelratio * $eccgui-size-typo-display-1 !default;
 $eccgui-size-typo-display-2-lineheight: max(
     math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-display-1-lineheight,
     1
 ) !default;
-$eccgui-size-typo-display-3: $eccgui-size-type-levelratio *
-    $eccgui-size-typo-display-2 !default;
+$eccgui-size-typo-display-3: $eccgui-size-type-levelratio * $eccgui-size-typo-display-2 !default;
 $eccgui-size-typo-display-3-lineheight: max(
     math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-display-2-lineheight,
     1
 ) !default;
 $eccgui-size-maxwidth-workview: 100 * $eccgui-size-typo-text;

package/src/extensions/react-flow/handles/HandleDefault.tsx CHANGED Viewed

@@ -59,6 +59,15 @@ export const HandleDefault = memo(
             [handleDefaultRef]
         );
+        React.useEffect(() => {
+            const toolsTarget = handleDefaultRef.current.getElementsByClassName(
+                `${eccgui}-graphviz__handletools-target`
+            );
+            if (toolsTarget && toolsTarget[0] && handleToolsDisplayed) {
+                toolsTarget[0].click();
+            }
+        }, [handleToolsDisplayed]);
         React.useEffect(() => {
             const toolsTarget = handleDefaultRef.current.getElementsByClassName(
                 `${eccgui}-graphviz__handletools-target`
@@ -69,10 +78,7 @@ export const HandleDefault = memo(
                 // @see https://connect.mozilla.org/t5/ideas/when-is-has-css-selector-going-to-be-fully-implemented-in/idi-p/23794
                 handleDefaultRef.current.classList.add(`ffpolyfill-has-${eccgui}-graphviz__handletools-target`);
             }
-            if (handleToolsDisplayed) {
-                toolsTarget[0].click();
-            }
-        }, [handleToolsDisplayed]);
+        });
         const tooltipTitle = tooltip ? { title: tooltip } : {};
@@ -104,10 +110,11 @@ export const HandleDefault = memo(
         const handleContent = <HandleContent {...handleContentProps}>{children}</HandleContent>;
+        let switchTooltipTimerOn: ReturnType<typeof setTimeout>;
         const handleConfig = {
             ...handleProps,
             ...tooltipTitle,
-            className: intent ? ` ${intentClassName(intent)}` : "",
+            className: intent ? `${intentClassName(intent)} ` : "",
             onClick: (e: any) => {
                 if (handleProps.onClick) {
                     handleProps.onClick(e);
@@ -116,10 +123,16 @@ export const HandleDefault = memo(
             },
             "data-category": category,
             onMouseEnter: () => {
-                setExtendedTooltipDisplayed(true);
+                switchTooltipTimerOn = setTimeout(
+                    () => setExtendedTooltipDisplayed(true),
+                    data?.tooltipProps?.hoverOpenDelay ?? 500
+                );
                 setHandleToolsDisplayed(false);
             },
-            onMouseLeave: () => setExtendedTooltipDisplayed(false),
+            onMouseLeave: () => {
+                if (switchTooltipTimerOn) clearTimeout(switchTooltipTimerOn);
+                setExtendedTooltipDisplayed(false);
+            },
         };
         switch (flowVersionCheck) {