@eccenca/gui-elements 23.3.0-rc.1 → 23.3.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.
- package/CHANGELOG.md +22 -17
- package/dist/cjs/components/ContextOverlay/ContextOverlay.js +3 -2
- package/dist/cjs/components/ContextOverlay/ContextOverlay.js.map +1 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js +4 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js +16 -7
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/esm/components/ContextOverlay/ContextOverlay.js +5 -4
- package/dist/esm/components/ContextOverlay/ContextOverlay.js.map +1 -1
- package/dist/esm/components/Icon/canonicalIconNames.js +4 -0
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js +16 -7
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/types/components/ContextOverlay/ContextOverlay.d.ts +7 -2
- package/dist/types/components/Icon/canonicalIconNames.d.ts +1 -1
- package/package.json +3 -2
- package/src/components/Application/application.scss +0 -4
- package/src/components/ContextOverlay/ContextOverlay.tsx +20 -12
- package/src/components/ContextOverlay/contextoverlay.scss +8 -0
- package/src/components/Dialog/dialog.scss +1 -1
- package/src/components/Icon/canonicalIconNames.tsx +9 -0
- package/src/configuration/_variables.scss +27 -36
- package/src/extensions/react-flow/handles/HandleDefault.tsx +20 -7
package/CHANGELOG.md
CHANGED
|
@@ -6,45 +6,50 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
6
6
|
|
|
7
7
|
## [Unreleased]
|
|
8
8
|
|
|
9
|
+
## [23.3.0] - 2023-11-09
|
|
10
|
+
|
|
9
11
|
### Added
|
|
10
12
|
|
|
11
13
|
- `<PropertyName />`
|
|
12
|
-
-
|
|
14
|
+
- `labelProps`: configure the automatically injected `Label` element when `PropertyName` is only a string
|
|
13
15
|
- `<TextField />`
|
|
14
|
-
-
|
|
16
|
+
- `escapeToBlur`: if set to true the input field blurs/de-focuces when the `Escape` key is pressed.
|
|
15
17
|
- `<CodeEditor />`
|
|
16
|
-
- support for additional modes: jinja2
|
|
18
|
+
- support for additional modes: `jinja2`, `yaml` and `json`
|
|
17
19
|
- add read-only mode
|
|
18
|
-
-
|
|
19
|
-
-
|
|
20
|
+
- `height`: set a fixed height of the editor
|
|
21
|
+
- `wrapLines`: control auto-wrapping long lines (the default for wrap long lines is set to false now)
|
|
20
22
|
- `<Modal />`
|
|
21
23
|
- `modalFocusable`: when `true` the outer `div` element of the modal can be focused by clicking on it.
|
|
22
24
|
This is needed e.g. when key (down, up) events should trigger on the modal in order to bubble up to its parent elements.
|
|
23
25
|
- `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.
|
|
26
|
+
- `<ContextOverlay />`
|
|
27
|
+
- `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`.
|
|
24
28
|
- `<ReactFlow />`
|
|
25
|
-
-
|
|
29
|
+
- support disabling the react-flow hot keys via a React context, e.g. `Delete` etc.
|
|
26
30
|
- `<HandleDefault />`
|
|
27
31
|
- new `category` options that lead to different handle layouts: `dependency`, `fixed`, `flexible` and `unknown`
|
|
28
32
|
- `intent` option with defined colors for: primary, accent, info, success, warning, danger
|
|
29
33
|
- `<HandleTools />`
|
|
30
34
|
- can be used as single handle content to add an context menu to handles
|
|
31
35
|
- `<NodeContent />`
|
|
32
|
-
- `introductionTime
|
|
36
|
+
- `introductionTime`: can be used to visualize the node was added or updated
|
|
33
37
|
- `<EdgeLabel />`
|
|
34
|
-
- `loose
|
|
38
|
+
- `loose`: can be set to `true` to prevent the box with border on the label component
|
|
35
39
|
- `<TableExpandHeader />`
|
|
36
|
-
- `toggleIcon`:
|
|
40
|
+
- `toggleIcon`: optional icon that should be displayed instead of the default ones.
|
|
37
41
|
- `Utilities`
|
|
38
|
-
-
|
|
42
|
+
- `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!
|
|
43
|
+
- canonical icons for `artefact-chatlog`, `entity-human`, `entity-robot` and `operation-magic`
|
|
39
44
|
|
|
40
45
|
### Changed
|
|
41
46
|
|
|
42
|
-
- `<SimpleDialog
|
|
43
|
-
-
|
|
44
|
-
-
|
|
45
|
-
-
|
|
47
|
+
- `<SimpleDialog />`
|
|
48
|
+
- by default, prevent certain (React) events from bubbling up through the dialog (backdrop is not affected):
|
|
49
|
+
- event handler: `onContextMenu`, `onDrag`, `onDragStart`, `onDragEnd`, `onMouseDown`, `onMouseUp`, `onClick`
|
|
50
|
+
- handlers can be overwritten via `wrapperDivProps`
|
|
46
51
|
- `<ApplicationHeader />`
|
|
47
|
-
- it is now possible to overwrite the background color by setting `--eccgui-appheader-color-background`
|
|
52
|
+
- it is now possible to overwrite the background color by setting `--eccgui-appheader-color-background` in its `style` attribute
|
|
48
53
|
- `<Modal />`
|
|
49
54
|
- new `xlarge` size option
|
|
50
55
|
- re-configure appearance of the sizes, `small` is displayed a bit smaller, `large` a bit larger than before
|
|
@@ -52,10 +57,10 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
52
57
|
### Fixed
|
|
53
58
|
|
|
54
59
|
- `<Modal />`
|
|
55
|
-
- Escape key to close does not work anymore after clicking on the backdrop for `canOutsideClickClose=false` and `canEscapeKeyClose=true`.
|
|
60
|
+
- `Escape` key to close does not work anymore after clicking on the backdrop for `canOutsideClickClose=false` and `canEscapeKeyClose=true`.
|
|
56
61
|
- `<Spacing />`
|
|
57
62
|
- allow other `div` attributes, e.g. `style`
|
|
58
|
-
-
|
|
63
|
+
- tooltips of Carbon based elements are displayed correctly in position and layout
|
|
59
64
|
- `<PropertyValuePair />`
|
|
60
65
|
- 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
|
|
61
66
|
|
|
@@ -23,8 +23,9 @@ const constants_1 = require("../../configuration/constants");
|
|
|
23
23
|
* Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
|
|
24
24
|
*/
|
|
25
25
|
const ContextOverlay = (_a) => {
|
|
26
|
-
var { children, className =
|
|
27
|
-
return (react_1.default.createElement(popover2_1.Popover2, Object.assign({ placement: "bottom" }, restProps, { className: `${constants_1.CLASSPREFIX}-contextoverlay
|
|
26
|
+
var { children, portalClassName, preventTopPosition, className = "" } = _a, restProps = __rest(_a, ["children", "portalClassName", "preventTopPosition", "className"]);
|
|
27
|
+
return (react_1.default.createElement(popover2_1.Popover2, Object.assign({ placement: "bottom" }, restProps, { className: `${constants_1.CLASSPREFIX}-contextoverlay` + (className ? ` ${className}` : ""), portalClassName: (preventTopPosition ? `${constants_1.CLASSPREFIX}-contextoverlay__portal--lowertop` : "") +
|
|
28
|
+
(portalClassName ? ` ${portalClassName}` : "") }), children));
|
|
28
29
|
};
|
|
29
30
|
exports.ContextOverlay = ContextOverlay;
|
|
30
31
|
exports.default = exports.ContextOverlay;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ContextOverlay.js","sourceRoot":"","sources":["../../../../src/components/ContextOverlay/ContextOverlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,
|
|
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,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,EACX,CAAC,kBAAkB,CAAC,CAAC,CAAC,GAAG,uBAAM,mCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;YACxE,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,KAGjD,QAAQ,CACM,CACtB,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,cAAc,kBAoBzB;AAEF,kBAAe,sBAAc,CAAC"}
|
|
@@ -32,6 +32,7 @@ const canonicalIconNames = {
|
|
|
32
32
|
"application-vocabularies": icons.Catalog,
|
|
33
33
|
"application-warning": icons.WarningAlt,
|
|
34
34
|
"application-hotkeys": icons.Keyboard,
|
|
35
|
+
"artefact-chatlog": icons.Chat,
|
|
35
36
|
"artefact-commit": icons.Commit,
|
|
36
37
|
"artefact-customtask": icons.Script,
|
|
37
38
|
"artefact-dataset-csv": icons.Csv,
|
|
@@ -62,6 +63,8 @@ const canonicalIconNames = {
|
|
|
62
63
|
"artefact-workflow": icons.ModelBuilder,
|
|
63
64
|
"data-sourcepath": icons.Data_2,
|
|
64
65
|
"data-targetpath": icons.Data_1,
|
|
66
|
+
"entity-human": icons.User,
|
|
67
|
+
"entity-robot": icons.Bot,
|
|
65
68
|
"item-add-artefact": icons.AddAlt,
|
|
66
69
|
"item-clone": icons.Copy,
|
|
67
70
|
"item-comment": icons.AddComment,
|
|
@@ -126,6 +129,7 @@ const canonicalIconNames = {
|
|
|
126
129
|
"operation-fix": icons.Tools,
|
|
127
130
|
"operation-link": icons.Link,
|
|
128
131
|
"operation-logout": icons.Logout,
|
|
132
|
+
"operation-magic": icons.MagicWand,
|
|
129
133
|
"operation-merge": icons.DirectionMerge,
|
|
130
134
|
"operation-redo": icons.Redo,
|
|
131
135
|
"operation-search": icons.Search,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2DAA6C;
|
|
1
|
+
{"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,6 +52,12 @@ exports.HandleDefault = (0, react_1.memo)((_a) => {
|
|
|
52
52
|
setExtendedTooltipDisplayed(false);
|
|
53
53
|
}
|
|
54
54
|
}, [handleDefaultRef]);
|
|
55
|
+
react_1.default.useEffect(() => {
|
|
56
|
+
const toolsTarget = handleDefaultRef.current.getElementsByClassName(`${constants_1.CLASSPREFIX}-graphviz__handletools-target`);
|
|
57
|
+
if (toolsTarget && toolsTarget[0] && handleToolsDisplayed) {
|
|
58
|
+
toolsTarget[0].click();
|
|
59
|
+
}
|
|
60
|
+
}, [handleToolsDisplayed]);
|
|
55
61
|
react_1.default.useEffect(() => {
|
|
56
62
|
const toolsTarget = handleDefaultRef.current.getElementsByClassName(`${constants_1.CLASSPREFIX}-graphviz__handletools-target`);
|
|
57
63
|
if (toolsTarget && toolsTarget[0]) {
|
|
@@ -60,10 +66,7 @@ exports.HandleDefault = (0, react_1.memo)((_a) => {
|
|
|
60
66
|
// @see https://connect.mozilla.org/t5/ideas/when-is-has-css-selector-going-to-be-fully-implemented-in/idi-p/23794
|
|
61
67
|
handleDefaultRef.current.classList.add(`ffpolyfill-has-${constants_1.CLASSPREFIX}-graphviz__handletools-target`);
|
|
62
68
|
}
|
|
63
|
-
|
|
64
|
-
toolsTarget[0].click();
|
|
65
|
-
}
|
|
66
|
-
}, [handleToolsDisplayed]);
|
|
69
|
+
});
|
|
67
70
|
const tooltipTitle = tooltip ? { title: tooltip } : {};
|
|
68
71
|
const handleContentTooltipProps = {
|
|
69
72
|
placement: handleProps.position === "left" || handleProps.position === "right"
|
|
@@ -83,15 +86,21 @@ exports.HandleDefault = (0, react_1.memo)((_a) => {
|
|
|
83
86
|
};
|
|
84
87
|
const handleContentProps = Object.assign(Object.assign({}, data), { tooltipProps: Object.assign(Object.assign({}, handleContentTooltipProps), data === null || data === void 0 ? void 0 : data.tooltipProps) });
|
|
85
88
|
const handleContent = react_1.default.createElement(HandleContent_1.HandleContent, Object.assign({}, handleContentProps), children);
|
|
86
|
-
|
|
89
|
+
let switchTooltipTimerOn;
|
|
90
|
+
const handleConfig = Object.assign(Object.assign(Object.assign({}, handleProps), tooltipTitle), { className: intent ? `${(0, Intent_1.intentClassName)(intent)} ` : "", onClick: (e) => {
|
|
87
91
|
if (handleProps.onClick) {
|
|
88
92
|
handleProps.onClick(e);
|
|
89
93
|
}
|
|
90
94
|
routeClickToTools(e);
|
|
91
95
|
}, "data-category": category, onMouseEnter: () => {
|
|
92
|
-
|
|
96
|
+
var _a, _b;
|
|
97
|
+
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);
|
|
93
98
|
setHandleToolsDisplayed(false);
|
|
94
|
-
}, onMouseLeave: () =>
|
|
99
|
+
}, onMouseLeave: () => {
|
|
100
|
+
if (switchTooltipTimerOn)
|
|
101
|
+
clearTimeout(switchTooltipTimerOn);
|
|
102
|
+
setExtendedTooltipDisplayed(false);
|
|
103
|
+
} });
|
|
95
104
|
switch (flowVersionCheck) {
|
|
96
105
|
case "legacy":
|
|
97
106
|
return (react_1.default.createElement(react_flow_renderer_1.Handle, Object.assign({ ref: handleDefaultRef }, handleConfig), handleContent));
|
|
@@ -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;
|
|
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,IAAI,oBAAoB,EAAE;YACvD,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SAC1B;IACL,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAC;IAE3B,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;IACL,CAAC,CAAC,CAAC;IAEH,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,IAAI,oBAAmD,CAAC;IACxD,MAAM,YAAY,iDACX,WAAW,GACX,YAAY,KACf,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,IAAA,wBAAe,EAAC,MAAM,CAAC,GAAG,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,oBAAoB,GAAG,UAAU,CAC7B,GAAG,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACvC,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,YAAY,0CAAE,cAAc,mCAAI,GAAG,CAC5C,CAAC;YACF,uBAAuB,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,EACD,YAAY,EAAE,GAAG,EAAE;YACf,IAAI,oBAAoB;gBAAE,YAAY,CAAC,oBAAoB,CAAC,CAAC;YAC7D,2BAA2B,CAAC,KAAK,CAAC,CAAC;QACvC,CAAC,GACJ,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"}
|
|
@@ -20,16 +20,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React from
|
|
24
|
-
import { Popover2 as
|
|
23
|
+
import React from "react";
|
|
24
|
+
import { Popover2 as BlueprintPopover } from "@blueprintjs/popover2";
|
|
25
25
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
26
26
|
/**
|
|
27
27
|
* Element displays connected content by interacting with a target element.
|
|
28
28
|
* Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
|
|
29
29
|
*/
|
|
30
30
|
export var ContextOverlay = function (_a) {
|
|
31
|
-
var children = _a.children, _b = _a.className, className = _b === void 0 ?
|
|
32
|
-
return (React.createElement(
|
|
31
|
+
var children = _a.children, portalClassName = _a.portalClassName, preventTopPosition = _a.preventTopPosition, _b = _a.className, className = _b === void 0 ? "" : _b, restProps = __rest(_a, ["children", "portalClassName", "preventTopPosition", "className"]);
|
|
32
|
+
return (React.createElement(BlueprintPopover, __assign({ placement: "bottom" }, restProps, { className: eccgui + "-contextoverlay" + (className ? " " + className : ""), portalClassName: (preventTopPosition ? eccgui + "-contextoverlay__portal--lowertop" : "") +
|
|
33
|
+
(portalClassName ? " " + portalClassName : "") }), children));
|
|
33
34
|
};
|
|
34
35
|
export default ContextOverlay;
|
|
35
36
|
//# sourceMappingURL=ContextOverlay.js.map
|
|
@@ -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,
|
|
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,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,EACX,CAAC,kBAAkB,CAAC,CAAC,CAAI,MAAM,sCAAmC,CAAC,CAAC,CAAC,EAAE,CAAC;YACxE,CAAC,eAAe,CAAC,CAAC,CAAC,MAAI,eAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,KAGjD,QAAQ,CACM,CACtB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -11,6 +11,7 @@ var canonicalIconNames = {
|
|
|
11
11
|
"application-vocabularies": icons.Catalog,
|
|
12
12
|
"application-warning": icons.WarningAlt,
|
|
13
13
|
"application-hotkeys": icons.Keyboard,
|
|
14
|
+
"artefact-chatlog": icons.Chat,
|
|
14
15
|
"artefact-commit": icons.Commit,
|
|
15
16
|
"artefact-customtask": icons.Script,
|
|
16
17
|
"artefact-dataset-csv": icons.Csv,
|
|
@@ -41,6 +42,8 @@ var canonicalIconNames = {
|
|
|
41
42
|
"artefact-workflow": icons.ModelBuilder,
|
|
42
43
|
"data-sourcepath": icons.Data_2,
|
|
43
44
|
"data-targetpath": icons.Data_1,
|
|
45
|
+
"entity-human": icons.User,
|
|
46
|
+
"entity-robot": icons.Bot,
|
|
44
47
|
"item-add-artefact": icons.AddAlt,
|
|
45
48
|
"item-clone": icons.Copy,
|
|
46
49
|
"item-comment": icons.AddComment,
|
|
@@ -105,6 +108,7 @@ var canonicalIconNames = {
|
|
|
105
108
|
"operation-fix": icons.Tools,
|
|
106
109
|
"operation-link": icons.Link,
|
|
107
110
|
"operation-logout": icons.Logout,
|
|
111
|
+
"operation-magic": icons.MagicWand,
|
|
108
112
|
"operation-merge": icons.DirectionMerge,
|
|
109
113
|
"operation-redo": icons.Redo,
|
|
110
114
|
"operation-search": icons.Search,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":"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"}
|
|
@@ -57,6 +57,12 @@ export var HandleDefault = memo(function (_a) {
|
|
|
57
57
|
setExtendedTooltipDisplayed(false);
|
|
58
58
|
}
|
|
59
59
|
}, [handleDefaultRef]);
|
|
60
|
+
React.useEffect(function () {
|
|
61
|
+
var toolsTarget = handleDefaultRef.current.getElementsByClassName(eccgui + "-graphviz__handletools-target");
|
|
62
|
+
if (toolsTarget && toolsTarget[0] && handleToolsDisplayed) {
|
|
63
|
+
toolsTarget[0].click();
|
|
64
|
+
}
|
|
65
|
+
}, [handleToolsDisplayed]);
|
|
60
66
|
React.useEffect(function () {
|
|
61
67
|
var toolsTarget = handleDefaultRef.current.getElementsByClassName(eccgui + "-graphviz__handletools-target");
|
|
62
68
|
if (toolsTarget && toolsTarget[0]) {
|
|
@@ -65,10 +71,7 @@ export var HandleDefault = memo(function (_a) {
|
|
|
65
71
|
// @see https://connect.mozilla.org/t5/ideas/when-is-has-css-selector-going-to-be-fully-implemented-in/idi-p/23794
|
|
66
72
|
handleDefaultRef.current.classList.add("ffpolyfill-has-" + eccgui + "-graphviz__handletools-target");
|
|
67
73
|
}
|
|
68
|
-
|
|
69
|
-
toolsTarget[0].click();
|
|
70
|
-
}
|
|
71
|
-
}, [handleToolsDisplayed]);
|
|
74
|
+
});
|
|
72
75
|
var tooltipTitle = tooltip ? { title: tooltip } : {};
|
|
73
76
|
var handleContentTooltipProps = {
|
|
74
77
|
placement: handleProps.position === "left" || handleProps.position === "right"
|
|
@@ -88,15 +91,21 @@ export var HandleDefault = memo(function (_a) {
|
|
|
88
91
|
};
|
|
89
92
|
var handleContentProps = __assign(__assign({}, data), { tooltipProps: __assign(__assign({}, handleContentTooltipProps), data === null || data === void 0 ? void 0 : data.tooltipProps) });
|
|
90
93
|
var handleContent = React.createElement(HandleContent, __assign({}, handleContentProps), children);
|
|
91
|
-
var
|
|
94
|
+
var switchTooltipTimerOn;
|
|
95
|
+
var handleConfig = __assign(__assign(__assign({}, handleProps), tooltipTitle), { className: intent ? intentClassName(intent) + " " : "", onClick: function (e) {
|
|
92
96
|
if (handleProps.onClick) {
|
|
93
97
|
handleProps.onClick(e);
|
|
94
98
|
}
|
|
95
99
|
routeClickToTools(e);
|
|
96
100
|
}, "data-category": category, onMouseEnter: function () {
|
|
97
|
-
|
|
101
|
+
var _a, _b;
|
|
102
|
+
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);
|
|
98
103
|
setHandleToolsDisplayed(false);
|
|
99
|
-
}, onMouseLeave: function () {
|
|
104
|
+
}, onMouseLeave: function () {
|
|
105
|
+
if (switchTooltipTimerOn)
|
|
106
|
+
clearTimeout(switchTooltipTimerOn);
|
|
107
|
+
setExtendedTooltipDisplayed(false);
|
|
108
|
+
} });
|
|
100
109
|
switch (flowVersionCheck) {
|
|
101
110
|
case "legacy":
|
|
102
111
|
return (React.createElement(HandleLegacy, __assign({ ref: handleDefaultRef }, handleConfig), handleContent));
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,14 +1,19 @@
|
|
|
1
|
-
import React from
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { Popover2Props as BlueprintPopoverProps } from "@blueprintjs/popover2";
|
|
3
3
|
export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
|
|
4
4
|
/**
|
|
5
5
|
* `target` element to use as toggler for the overlay display.
|
|
6
6
|
*/
|
|
7
7
|
children?: JSX.Element;
|
|
8
|
+
/**
|
|
9
|
+
* Type of counter property to `Modal.forceTopPosition`.
|
|
10
|
+
* Use it when you need to display modal dialogs out of the context overlay.
|
|
11
|
+
*/
|
|
12
|
+
preventTopPosition?: boolean;
|
|
8
13
|
}
|
|
9
14
|
/**
|
|
10
15
|
* Element displays connected content by interacting with a target element.
|
|
11
16
|
* Full list of available option can be seen at https://blueprintjs.com/docs/#popover2-package/popover2
|
|
12
17
|
*/
|
|
13
|
-
export declare const ContextOverlay: ({ children, className, ...restProps }: ContextOverlayProps) => React.JSX.Element;
|
|
18
|
+
export declare const ContextOverlay: ({ children, portalClassName, preventTopPosition, className, ...restProps }: ContextOverlayProps) => React.JSX.Element;
|
|
14
19
|
export default ContextOverlay;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { IconProps as CarbonIconProps } from "carbon-components-react";
|
|
3
3
|
/** Valid icon names. */
|
|
4
|
-
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";
|
|
4
|
+
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";
|
|
5
5
|
export declare type CarbonIconType = React.ComponentType<CarbonIconProps>;
|
|
6
6
|
/**
|
|
7
7
|
* @deprecated
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eccenca/gui-elements",
|
|
3
3
|
"description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
|
|
4
|
-
"version": "23.3.0
|
|
4
|
+
"version": "23.3.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"homepage": "https://github.com/eccenca/gui-elements",
|
|
7
7
|
"bugs": "https://github.com/eccenca/gui-elements/issues",
|
|
@@ -152,8 +152,9 @@
|
|
|
152
152
|
"react-dom": ">=16"
|
|
153
153
|
},
|
|
154
154
|
"resolutions": {
|
|
155
|
+
"**/@babel/traverse": "^7.23.2",
|
|
155
156
|
"**/@types/react": "^17.0.59",
|
|
156
|
-
"**/postcss": "^8.4.
|
|
157
|
+
"**/postcss": "^8.4.31",
|
|
157
158
|
"**/parse5": "^6.0.1"
|
|
158
159
|
},
|
|
159
160
|
"husky": {
|
|
@@ -1,8 +1,6 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
Popover2Props as BlueprintPopoverProps,
|
|
5
|
-
} from "@blueprintjs/popover2";
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { Popover2 as BlueprintPopover, Popover2Props as BlueprintPopoverProps } from "@blueprintjs/popover2";
|
|
3
|
+
|
|
6
4
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants";
|
|
7
5
|
|
|
8
6
|
export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "position"> {
|
|
@@ -10,6 +8,11 @@ export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "positi
|
|
|
10
8
|
* `target` element to use as toggler for the overlay display.
|
|
11
9
|
*/
|
|
12
10
|
children?: JSX.Element;
|
|
11
|
+
/**
|
|
12
|
+
* Type of counter property to `Modal.forceTopPosition`.
|
|
13
|
+
* Use it when you need to display modal dialogs out of the context overlay.
|
|
14
|
+
*/
|
|
15
|
+
preventTopPosition?: boolean;
|
|
13
16
|
}
|
|
14
17
|
|
|
15
18
|
/**
|
|
@@ -18,19 +21,24 @@ export interface ContextOverlayProps extends Omit<BlueprintPopoverProps, "positi
|
|
|
18
21
|
*/
|
|
19
22
|
export const ContextOverlay = ({
|
|
20
23
|
children,
|
|
21
|
-
|
|
24
|
+
portalClassName,
|
|
25
|
+
preventTopPosition,
|
|
26
|
+
className = "",
|
|
22
27
|
...restProps
|
|
23
28
|
}: ContextOverlayProps) => {
|
|
24
|
-
|
|
25
29
|
return (
|
|
26
|
-
<
|
|
30
|
+
<BlueprintPopover
|
|
27
31
|
placement="bottom"
|
|
28
32
|
{...restProps}
|
|
29
|
-
className={`${eccgui}-contextoverlay
|
|
33
|
+
className={`${eccgui}-contextoverlay` + (className ? ` ${className}` : "")}
|
|
34
|
+
portalClassName={
|
|
35
|
+
(preventTopPosition ? `${eccgui}-contextoverlay__portal--lowertop` : "") +
|
|
36
|
+
(portalClassName ? ` ${portalClassName}` : "")
|
|
37
|
+
}
|
|
30
38
|
>
|
|
31
39
|
{children}
|
|
32
|
-
</
|
|
33
|
-
)
|
|
34
|
-
}
|
|
40
|
+
</BlueprintPopover>
|
|
41
|
+
);
|
|
42
|
+
};
|
|
35
43
|
|
|
36
44
|
export default ContextOverlay;
|
|
@@ -5,6 +5,14 @@ $pt-dark-popover2-background-color: $dark-gray4 !default;
|
|
|
5
5
|
|
|
6
6
|
@import "~@blueprintjs/popover2/src/popover2";
|
|
7
7
|
|
|
8
|
+
.#{$ns}-portal {
|
|
9
|
+
z-index: $eccgui-zindex-overlays;
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.#{$eccgui}-contextoverlay__portal--lowertop {
|
|
13
|
+
z-index: $eccgui-zindex-modals;
|
|
14
|
+
}
|
|
15
|
+
|
|
8
16
|
.#{$ns}-overlay-content,
|
|
9
17
|
.#{$ns}-popover2,
|
|
10
18
|
.#{$ns}-popover2-content,
|
|
@@ -16,7 +16,7 @@ $eccgui-color-modal-backdrop: rgba(invert($eccgui-color-workspace-background), 0
|
|
|
16
16
|
@import "~@blueprintjs/core/src/components/dialog/dialog";
|
|
17
17
|
|
|
18
18
|
.#{$eccgui}-dialog__portal {
|
|
19
|
-
z-index:
|
|
19
|
+
z-index: $eccgui-zindex-modals;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.#{$eccgui}-dialog__backdrop {
|
|
@@ -14,6 +14,7 @@ export type ValidIconName =
|
|
|
14
14
|
| "application-vocabularies"
|
|
15
15
|
| "application-warning"
|
|
16
16
|
| "application-hotkeys"
|
|
17
|
+
| "artefact-chatlog"
|
|
17
18
|
| "artefact-commit"
|
|
18
19
|
| "artefact-customtask"
|
|
19
20
|
| "artefact-dataset"
|
|
@@ -44,6 +45,8 @@ export type ValidIconName =
|
|
|
44
45
|
| "artefact-workflow"
|
|
45
46
|
| "data-sourcepath"
|
|
46
47
|
| "data-targetpath"
|
|
48
|
+
| "entity-human"
|
|
49
|
+
| "entity-robot"
|
|
47
50
|
| "item-add-artefact"
|
|
48
51
|
| "item-clone"
|
|
49
52
|
| "item-comment"
|
|
@@ -108,6 +111,7 @@ export type ValidIconName =
|
|
|
108
111
|
| "operation-fix"
|
|
109
112
|
| "operation-link"
|
|
110
113
|
| "operation-logout"
|
|
114
|
+
| "operation-magic"
|
|
111
115
|
| "operation-merge"
|
|
112
116
|
| "operation-redo"
|
|
113
117
|
| "operation-search"
|
|
@@ -165,6 +169,7 @@ const canonicalIconNames: Record<ValidIconName, CarbonIconType> = {
|
|
|
165
169
|
"application-warning": icons.WarningAlt,
|
|
166
170
|
"application-hotkeys": icons.Keyboard,
|
|
167
171
|
|
|
172
|
+
"artefact-chatlog": icons.Chat,
|
|
168
173
|
"artefact-commit": icons.Commit,
|
|
169
174
|
"artefact-customtask": icons.Script,
|
|
170
175
|
"artefact-dataset-csv": icons.Csv,
|
|
@@ -197,6 +202,9 @@ const canonicalIconNames: Record<ValidIconName, CarbonIconType> = {
|
|
|
197
202
|
"data-sourcepath": icons.Data_2,
|
|
198
203
|
"data-targetpath": icons.Data_1,
|
|
199
204
|
|
|
205
|
+
"entity-human": icons.User,
|
|
206
|
+
"entity-robot": icons.Bot,
|
|
207
|
+
|
|
200
208
|
"item-add-artefact": icons.AddAlt,
|
|
201
209
|
"item-clone": icons.Copy,
|
|
202
210
|
"item-comment": icons.AddComment,
|
|
@@ -265,6 +273,7 @@ const canonicalIconNames: Record<ValidIconName, CarbonIconType> = {
|
|
|
265
273
|
"operation-fix": icons.Tools,
|
|
266
274
|
"operation-link": icons.Link,
|
|
267
275
|
"operation-logout": icons.Logout,
|
|
276
|
+
"operation-magic": icons.MagicWand,
|
|
268
277
|
"operation-merge": icons.DirectionMerge,
|
|
269
278
|
"operation-redo": icons.Redo,
|
|
270
279
|
"operation-search": icons.Search,
|
|
@@ -17,25 +17,22 @@ $eccgui: "eccgui" !default;
|
|
|
17
17
|
|
|
18
18
|
// -- Configuration stack of colors --------------------------------------------
|
|
19
19
|
|
|
20
|
-
$eccgui-color-primary: rgb(254
|
|
21
|
-
$eccgui-color-primary-contrast: rgb(255
|
|
22
|
-
$eccgui-color-accent: rgb(10
|
|
23
|
-
$eccgui-color-accent-contrast: rgb(255
|
|
24
|
-
|
|
20
|
+
$eccgui-color-primary: rgb(254 143 1) !default;
|
|
21
|
+
$eccgui-color-primary-contrast: rgb(255 255 255) !default;
|
|
22
|
+
$eccgui-color-accent: rgb(10 103 163) !default;
|
|
23
|
+
$eccgui-color-accent-contrast: rgb(255 255 255) !default;
|
|
25
24
|
$eccgui-color-success-text: #1b5e20 !default;
|
|
26
|
-
$eccgui-color-success-background: rgb(232
|
|
27
|
-
$eccgui-color-info-text: rgb(21
|
|
28
|
-
$eccgui-color-info-background: rgb(227
|
|
25
|
+
$eccgui-color-success-background: rgb(232 245 233) !default;
|
|
26
|
+
$eccgui-color-info-text: rgb(21 101 192) !default;
|
|
27
|
+
$eccgui-color-info-background: rgb(227 242 253) !default;
|
|
29
28
|
$eccgui-color-warning-text: #e65100 !default;
|
|
30
|
-
$eccgui-color-warning-background: rgb(255
|
|
29
|
+
$eccgui-color-warning-background: rgb(255 243 224) !default;
|
|
31
30
|
$eccgui-color-danger-text: #b71c1c !default;
|
|
32
|
-
$eccgui-color-danger-background: rgb(255
|
|
33
|
-
|
|
31
|
+
$eccgui-color-danger-background: rgb(255 235 238) !default;
|
|
34
32
|
$eccgui-color-applicationheader-text: #222 !default;
|
|
35
33
|
$eccgui-color-applicationheader-background: #ddd !default;
|
|
36
34
|
$eccgui-color-workspace-text: #444 !default;
|
|
37
35
|
$eccgui-color-workspace-background: #f5f5f5 !default;
|
|
38
|
-
|
|
39
36
|
$eccgui-color-application-text: $eccgui-color-workspace-text !default; // deprecated
|
|
40
37
|
$eccgui-color-application-background: $eccgui-color-workspace-background !default; // deprecated
|
|
41
38
|
|
|
@@ -52,7 +49,10 @@ $eccgui-font-family-fantasy: fantasy !default;
|
|
|
52
49
|
$eccgui-font-family-default: $eccgui-font-family-sans !default;
|
|
53
50
|
$eccgui-size-typo-base: 14px !default; // size including absolute unit, preferable px
|
|
54
51
|
$eccgui-size-typo-base-lineheight: 1.39 !default; // only ratio to font size, no unit!
|
|
55
|
-
$eccgui-size-type-levelratio: math.div(
|
|
52
|
+
$eccgui-size-type-levelratio: math.div(
|
|
53
|
+
7,
|
|
54
|
+
6
|
|
55
|
+
) !default; // ratio without unit! used to calculate different text sizes, etc ...
|
|
56
56
|
|
|
57
57
|
$eccgui-font-weight-light: 300 !default;
|
|
58
58
|
$eccgui-font-weight-regular: 400 !default;
|
|
@@ -74,6 +74,11 @@ $eccgui-opacity-muted: 0.61 !default;
|
|
|
74
74
|
$eccgui-opacity-disabled: 0.39 !default;
|
|
75
75
|
$eccgui-opacity-invisible: 0 !default;
|
|
76
76
|
|
|
77
|
+
// -- Configuration stack of z-indexes -----------------------------------------
|
|
78
|
+
|
|
79
|
+
$eccgui-zindex-modals: 8001 !default; // higher than carbon ui shell header
|
|
80
|
+
$eccgui-zindex-overlays: 10001 !default; // add delta to dialog portals
|
|
81
|
+
|
|
77
82
|
// -- Calculation of more config vars ------------------------------------------
|
|
78
83
|
|
|
79
84
|
/*
|
|
@@ -81,52 +86,38 @@ $eccgui-opacity-invisible: 0 !default;
|
|
|
81
86
|
it is not recommended to do so.
|
|
82
87
|
*/
|
|
83
88
|
|
|
84
|
-
$eccgui-size-typo-caption: math.div(1, $eccgui-size-type-levelratio) *
|
|
85
|
-
|
|
86
|
-
$eccgui-size-typo-caption-lineheight: max(
|
|
87
|
-
$eccgui-size-type-levelratio * $eccgui-size-typo-base-lineheight,
|
|
88
|
-
1
|
|
89
|
-
) !default;
|
|
89
|
+
$eccgui-size-typo-caption: math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-base !default;
|
|
90
|
+
$eccgui-size-typo-caption-lineheight: max($eccgui-size-type-levelratio * $eccgui-size-typo-base-lineheight, 1) !default;
|
|
90
91
|
$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
|
|
91
|
-
$eccgui-size-typo-text-lineheight: max(
|
|
92
|
-
|
|
93
|
-
1
|
|
94
|
-
) !default;
|
|
95
|
-
$eccgui-size-typo-subtitle: $eccgui-size-type-levelratio *
|
|
96
|
-
$eccgui-size-typo-text !default;
|
|
92
|
+
$eccgui-size-typo-text-lineheight: max($eccgui-size-typo-base-lineheight, 1) !default;
|
|
93
|
+
$eccgui-size-typo-subtitle: $eccgui-size-type-levelratio * $eccgui-size-typo-text !default;
|
|
97
94
|
$eccgui-size-typo-subtitle-lineheight: max(
|
|
98
95
|
math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-text-lineheight,
|
|
99
96
|
1
|
|
100
97
|
) !default;
|
|
101
|
-
$eccgui-size-typo-title: $eccgui-size-type-levelratio *
|
|
102
|
-
$eccgui-size-typo-subtitle !default;
|
|
98
|
+
$eccgui-size-typo-title: $eccgui-size-type-levelratio * $eccgui-size-typo-subtitle !default;
|
|
103
99
|
$eccgui-size-typo-title-lineheight: max(
|
|
104
100
|
math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-subtitle-lineheight,
|
|
105
101
|
1
|
|
106
102
|
) !default;
|
|
107
|
-
$eccgui-size-typo-headline: $eccgui-size-type-levelratio *
|
|
108
|
-
$eccgui-size-typo-title !default;
|
|
103
|
+
$eccgui-size-typo-headline: $eccgui-size-type-levelratio * $eccgui-size-typo-title !default;
|
|
109
104
|
$eccgui-size-typo-headline-lineheight: max(
|
|
110
105
|
math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-title-lineheight,
|
|
111
106
|
1
|
|
112
107
|
) !default;
|
|
113
|
-
$eccgui-size-typo-display-1: $eccgui-size-type-levelratio *
|
|
114
|
-
$eccgui-size-typo-headline !default;
|
|
108
|
+
$eccgui-size-typo-display-1: $eccgui-size-type-levelratio * $eccgui-size-typo-headline !default;
|
|
115
109
|
$eccgui-size-typo-display-1-lineheight: max(
|
|
116
110
|
math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-headline-lineheight,
|
|
117
111
|
1
|
|
118
112
|
) !default;
|
|
119
|
-
$eccgui-size-typo-display-2: $eccgui-size-type-levelratio *
|
|
120
|
-
$eccgui-size-typo-display-1 !default;
|
|
113
|
+
$eccgui-size-typo-display-2: $eccgui-size-type-levelratio * $eccgui-size-typo-display-1 !default;
|
|
121
114
|
$eccgui-size-typo-display-2-lineheight: max(
|
|
122
115
|
math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-display-1-lineheight,
|
|
123
116
|
1
|
|
124
117
|
) !default;
|
|
125
|
-
$eccgui-size-typo-display-3: $eccgui-size-type-levelratio *
|
|
126
|
-
$eccgui-size-typo-display-2 !default;
|
|
118
|
+
$eccgui-size-typo-display-3: $eccgui-size-type-levelratio * $eccgui-size-typo-display-2 !default;
|
|
127
119
|
$eccgui-size-typo-display-3-lineheight: max(
|
|
128
120
|
math.div(1, $eccgui-size-type-levelratio) * $eccgui-size-typo-display-2-lineheight,
|
|
129
121
|
1
|
|
130
122
|
) !default;
|
|
131
|
-
|
|
132
123
|
$eccgui-size-maxwidth-workview: 100 * $eccgui-size-typo-text;
|
|
@@ -59,6 +59,15 @@ export const HandleDefault = memo(
|
|
|
59
59
|
[handleDefaultRef]
|
|
60
60
|
);
|
|
61
61
|
|
|
62
|
+
React.useEffect(() => {
|
|
63
|
+
const toolsTarget = handleDefaultRef.current.getElementsByClassName(
|
|
64
|
+
`${eccgui}-graphviz__handletools-target`
|
|
65
|
+
);
|
|
66
|
+
if (toolsTarget && toolsTarget[0] && handleToolsDisplayed) {
|
|
67
|
+
toolsTarget[0].click();
|
|
68
|
+
}
|
|
69
|
+
}, [handleToolsDisplayed]);
|
|
70
|
+
|
|
62
71
|
React.useEffect(() => {
|
|
63
72
|
const toolsTarget = handleDefaultRef.current.getElementsByClassName(
|
|
64
73
|
`${eccgui}-graphviz__handletools-target`
|
|
@@ -69,10 +78,7 @@ export const HandleDefault = memo(
|
|
|
69
78
|
// @see https://connect.mozilla.org/t5/ideas/when-is-has-css-selector-going-to-be-fully-implemented-in/idi-p/23794
|
|
70
79
|
handleDefaultRef.current.classList.add(`ffpolyfill-has-${eccgui}-graphviz__handletools-target`);
|
|
71
80
|
}
|
|
72
|
-
|
|
73
|
-
toolsTarget[0].click();
|
|
74
|
-
}
|
|
75
|
-
}, [handleToolsDisplayed]);
|
|
81
|
+
});
|
|
76
82
|
|
|
77
83
|
const tooltipTitle = tooltip ? { title: tooltip } : {};
|
|
78
84
|
|
|
@@ -104,10 +110,11 @@ export const HandleDefault = memo(
|
|
|
104
110
|
|
|
105
111
|
const handleContent = <HandleContent {...handleContentProps}>{children}</HandleContent>;
|
|
106
112
|
|
|
113
|
+
let switchTooltipTimerOn: ReturnType<typeof setTimeout>;
|
|
107
114
|
const handleConfig = {
|
|
108
115
|
...handleProps,
|
|
109
116
|
...tooltipTitle,
|
|
110
|
-
className: intent ?
|
|
117
|
+
className: intent ? `${intentClassName(intent)} ` : "",
|
|
111
118
|
onClick: (e: any) => {
|
|
112
119
|
if (handleProps.onClick) {
|
|
113
120
|
handleProps.onClick(e);
|
|
@@ -116,10 +123,16 @@ export const HandleDefault = memo(
|
|
|
116
123
|
},
|
|
117
124
|
"data-category": category,
|
|
118
125
|
onMouseEnter: () => {
|
|
119
|
-
|
|
126
|
+
switchTooltipTimerOn = setTimeout(
|
|
127
|
+
() => setExtendedTooltipDisplayed(true),
|
|
128
|
+
data?.tooltipProps?.hoverOpenDelay ?? 500
|
|
129
|
+
);
|
|
120
130
|
setHandleToolsDisplayed(false);
|
|
121
131
|
},
|
|
122
|
-
onMouseLeave: () =>
|
|
132
|
+
onMouseLeave: () => {
|
|
133
|
+
if (switchTooltipTimerOn) clearTimeout(switchTooltipTimerOn);
|
|
134
|
+
setExtendedTooltipDisplayed(false);
|
|
135
|
+
},
|
|
123
136
|
};
|
|
124
137
|
|
|
125
138
|
switch (flowVersionCheck) {
|