@eccenca/gui-elements 26.0.0-rc.1 → 26.0.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 +19 -3
- package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js +1 -1
- package/dist/cjs/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/linking.js +1 -0
- package/dist/cjs/cmem/react-flow/configuration/linking.js.map +1 -1
- package/dist/cjs/cmem/react-flow/configuration/typing.js +1 -0
- package/dist/cjs/cmem/react-flow/configuration/typing.js.map +1 -1
- package/dist/cjs/common/Intent/index.js +4 -2
- package/dist/cjs/common/Intent/index.js.map +1 -1
- package/dist/cjs/common/index.js +3 -1
- package/dist/cjs/common/index.js.map +1 -1
- package/dist/cjs/components/Button/Button.js +2 -1
- package/dist/cjs/components/Button/Button.js.map +1 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js +2 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/Menu/MenuItem.js +6 -2
- package/dist/cjs/components/Menu/MenuItem.js.map +1 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js +7 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.js +25 -2
- package/dist/cjs/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/cjs/components/TextField/TextArea.js +1 -1
- package/dist/cjs/components/TextField/TextArea.js.map +1 -1
- package/dist/cjs/components/TextField/TextField.js +1 -1
- package/dist/cjs/components/TextField/TextField.js.map +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.js +7 -5
- package/dist/cjs/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleContent.js +2 -2
- package/dist/cjs/extensions/react-flow/handles/HandleContent.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js +16 -6
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js +1 -1
- package/dist/esm/cmem/ActivityControl/ActivityControlWidget.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/linking.js +1 -0
- package/dist/esm/cmem/react-flow/configuration/linking.js.map +1 -1
- package/dist/esm/cmem/react-flow/configuration/typing.js +1 -0
- package/dist/esm/cmem/react-flow/configuration/typing.js.map +1 -1
- package/dist/esm/common/Intent/index.js +3 -1
- package/dist/esm/common/Intent/index.js.map +1 -1
- package/dist/esm/common/index.js +1 -0
- package/dist/esm/common/index.js.map +1 -1
- package/dist/esm/components/Button/Button.js +3 -2
- package/dist/esm/components/Button/Button.js.map +1 -1
- package/dist/esm/components/Icon/canonicalIconNames.js +2 -0
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/Menu/MenuItem.js +8 -3
- package/dist/esm/components/Menu/MenuItem.js.map +1 -1
- package/dist/esm/components/MultiSelect/MultiSelect.js +12 -8
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js +33 -2
- package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/TextField/TextArea.js +1 -1
- package/dist/esm/components/TextField/TextArea.js.map +1 -1
- package/dist/esm/components/TextField/TextField.js +1 -1
- package/dist/esm/components/TextField/TextField.js.map +1 -1
- package/dist/esm/components/Tooltip/Tooltip.js +10 -7
- package/dist/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleContent.js +2 -2
- package/dist/esm/extensions/react-flow/handles/HandleContent.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js +17 -7
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/types/cmem/ActivityControl/ActivityControlWidget.d.ts +1 -0
- package/dist/types/cmem/react-flow/configuration/typing.d.ts +1 -0
- package/dist/types/common/Intent/index.d.ts +9 -1
- package/dist/types/common/index.d.ts +1 -0
- package/dist/types/components/Button/Button.d.ts +3 -2
- package/dist/types/components/Icon/canonicalIconNames.d.ts +2 -0
- package/dist/types/components/Menu/MenuItem.d.ts +9 -2
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +3 -2
- package/dist/types/components/ProgressBar/ProgressBar.d.ts +9 -2
- package/dist/types/components/Tooltip/Tooltip.d.ts +7 -2
- package/package.json +3 -2
- package/src/cmem/ActivityControl/ActivityControlWidget.tsx +11 -0
- package/src/cmem/ActivityControl/tests/ActivityControlWidget.test.tsx +21 -0
- package/src/cmem/react-flow/ReactFlow/ReactFlow.stories.tsx +11 -1
- package/src/cmem/react-flow/_handles.scss +1 -0
- package/src/cmem/react-flow/_minimap.scss +1 -0
- package/src/cmem/react-flow/configuration/_colors-linking.scss +2 -0
- package/src/cmem/react-flow/configuration/linking.ts +1 -0
- package/src/cmem/react-flow/configuration/typing.ts +1 -0
- package/src/cmem/react-flow/nodes/_colors.scss +1 -0
- package/src/common/Intent/index.ts +4 -2
- package/src/common/index.ts +1 -0
- package/src/components/Button/Button.tsx +4 -4
- package/src/components/Form/form.scss +14 -2
- package/src/components/Icon/canonicalIconNames.tsx +2 -0
- package/src/components/Menu/MenuItem.test.tsx +25 -0
- package/src/components/Menu/MenuItem.tsx +18 -5
- package/src/components/Menu/Stories/MenuItem.stories.tsx +5 -0
- package/src/components/Menu/menu.scss +48 -0
- package/src/components/MultiSelect/MultiSelect.tsx +8 -4
- package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx +1 -1
- package/src/components/MultiSuggestField/_multisuggestfield.scss +8 -0
- package/src/components/ProgressBar/ProgressBar.test.tsx +28 -0
- package/src/components/ProgressBar/ProgressBar.tsx +23 -3
- package/src/components/ProgressBar/Stories/ProgressBar.stories.tsx +1 -1
- package/src/components/ProgressBar/progressbar.scss +20 -0
- package/src/components/TextField/TextArea.tsx +3 -4
- package/src/components/TextField/TextField.tsx +3 -4
- package/src/components/TextField/textfield.scss +46 -14
- package/src/components/Tooltip/Tooltip.stories.tsx +7 -1
- package/src/components/Tooltip/Tooltip.test.tsx +16 -0
- package/src/components/Tooltip/Tooltip.tsx +19 -4
- package/src/components/Tooltip/tooltip.scss +21 -0
- package/src/components/index.scss +1 -0
- package/src/extensions/react-flow/handles/HandleContent.tsx +2 -1
- package/src/extensions/react-flow/handles/HandleDefault.tsx +23 -21
- package/src/extensions/react-flow/handles/_handles.scss +8 -1
- package/src/extensions/react-flow/handles/tests/HandleDefault.test.tsx +60 -0
- package/src/includes/blueprintjs/_components.scss +0 -1
|
@@ -38,22 +38,24 @@ var __read = (this && this.__read) || function (o, n) {
|
|
|
38
38
|
};
|
|
39
39
|
import React from "react";
|
|
40
40
|
import { Classes as BlueprintClasses, Tooltip as BlueprintTooltip, Utils as BlueprintUtils, } from "@blueprintjs/core";
|
|
41
|
+
import classNames from "classnames";
|
|
41
42
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
42
43
|
import { Markdown } from "./../../cmem/markdown/Markdown.js";
|
|
43
44
|
export var Tooltip = function (_a) {
|
|
44
|
-
var
|
|
45
|
+
var _b;
|
|
46
|
+
var children = _a.children, content = _a.content, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.size, size = _d === void 0 ? "medium" : _d, _e = _a.addIndicator, addIndicator = _e === void 0 ? false : _e, _f = _a.markdownEnabler, markdownEnabler = _f === void 0 ? "\n\n" : _f, markdownProps = _a.markdownProps, usePlaceholder = _a.usePlaceholder, _g = _a.swapPlaceholderDelay, swapPlaceholderDelay = _g === void 0 ? 100 : _g, _h = _a.hoverOpenDelay, hoverOpenDelay = _h === void 0 ? 450 : _h, popoverClassName = _a.popoverClassName, intent = _a.intent, otherTooltipProps = __rest(_a, ["children", "content", "className", "size", "addIndicator", "markdownEnabler", "markdownProps", "usePlaceholder", "swapPlaceholderDelay", "hoverOpenDelay", "popoverClassName", "intent"]);
|
|
45
47
|
var placeholderRef = React.useRef(null);
|
|
46
48
|
var eventMemory = React.useRef(null);
|
|
47
49
|
var searchId = React.useRef(null);
|
|
48
50
|
var swapDelay = React.useRef(null);
|
|
49
51
|
var swapDelayTime = swapPlaceholderDelay;
|
|
50
|
-
var
|
|
52
|
+
var _j = __read(React.useState(!otherTooltipProps.disabled &&
|
|
51
53
|
!otherTooltipProps.defaultIsOpen &&
|
|
52
54
|
!otherTooltipProps.isOpen &&
|
|
53
55
|
otherTooltipProps.renderTarget === undefined &&
|
|
54
56
|
swapDelayTime > 0 &&
|
|
55
57
|
hoverOpenDelay > swapDelayTime &&
|
|
56
|
-
(usePlaceholder === true || (typeof content === "string" && usePlaceholder !== false))), 2), placeholder =
|
|
58
|
+
(usePlaceholder === true || (typeof content === "string" && usePlaceholder !== false))), 2), placeholder = _j[0], setPlaceholder = _j[1];
|
|
57
59
|
var targetClassName = "".concat(eccgui, "-tooltip__wrapper") +
|
|
58
60
|
(className ? " " + className : "") +
|
|
59
61
|
(addIndicator === true ? " " + BlueprintClasses.TOOLTIP_INDICATOR : "");
|
|
@@ -133,11 +135,12 @@ export var Tooltip = function (_a) {
|
|
|
133
135
|
new RegExp(markdownEnabler).test(content)) {
|
|
134
136
|
tooltipContent = React.createElement(Markdown, __assign({}, markdownProps), content);
|
|
135
137
|
}
|
|
136
|
-
return placeholder ? (displayPlaceholder()) : (React.createElement(BlueprintTooltip, __assign({ lazy: true, hoverOpenDelay: hoverOpenDelay }, otherTooltipProps, { content: tooltipContent, className: targetClassName, popoverClassName: "".concat(eccgui, "-tooltip__content")
|
|
137
|
-
"
|
|
138
|
-
|
|
138
|
+
return placeholder ? (displayPlaceholder()) : (React.createElement(BlueprintTooltip, __assign({ lazy: true, hoverOpenDelay: hoverOpenDelay }, otherTooltipProps, { content: tooltipContent, className: targetClassName, popoverClassName: classNames("".concat(eccgui, "-tooltip__content"), "".concat(eccgui, "-tooltip--").concat(size), popoverClassName, (_b = {},
|
|
139
|
+
_b["".concat(className, "__content")] = className,
|
|
140
|
+
_b["".concat(eccgui, "-intent--").concat(intent)] = intent === "accent",
|
|
141
|
+
_b)), ref: refocus, targetProps: __assign(__assign({}, otherTooltipProps.targetProps), { "data-postplaceholder": eventMemory.current && searchId.current
|
|
139
142
|
? "id".concat(eventMemory.current).concat(searchId.current)
|
|
140
|
-
: undefined }) }), children));
|
|
143
|
+
: undefined }), intent: intent && intent !== "accent" ? intent : undefined }), children));
|
|
141
144
|
};
|
|
142
145
|
export default Tooltip;
|
|
143
146
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,OAAO,IAAI,gBAAgB,EAC3B,OAAO,IAAI,gBAAgB,EAE3B,KAAK,IAAI,cAAc,GAC1B,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,9 +25,9 @@ import Tooltip from "../../../components/Tooltip/Tooltip.js";
|
|
|
25
25
|
import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
|
|
26
26
|
export var HandleContent = memo(function (_a) {
|
|
27
27
|
var children = _a.children, extendedTooltip = _a.extendedTooltip, tooltipProps = _a.tooltipProps, otherDivProps = __rest(_a, ["children", "extendedTooltip", "tooltipProps"]);
|
|
28
|
-
var handleContent = children ? (React.createElement("div", __assign({ className: "".concat(eccgui, "-graphviz__handle__content") }, otherDivProps), children)) : extendedTooltip ? (React.createElement("div", __assign({ className: "".concat(eccgui, "-graphviz__handle__content") }, otherDivProps))) : (React.createElement(React.Fragment, null));
|
|
28
|
+
var handleContent = children ? (React.createElement("div", __assign({ className: "".concat(eccgui, "-graphviz__handle__content") }, otherDivProps), children)) : extendedTooltip ? (React.createElement("div", __assign({ className: "".concat(eccgui, "-graphviz__handle__content ").concat(eccgui, "-graphviz__handle__content--extendedTooltip") }, otherDivProps))) : (React.createElement(React.Fragment, null));
|
|
29
29
|
if (extendedTooltip) {
|
|
30
|
-
return (React.createElement(Tooltip, __assign({ content: extendedTooltip, autoFocus: false, enforceFocus: false, openOnTargetFocus: false }, tooltipProps), handleContent));
|
|
30
|
+
return (React.createElement(Tooltip, __assign({ content: extendedTooltip, autoFocus: false, enforceFocus: false, openOnTargetFocus: false, usePlaceholder: false }, tooltipProps), handleContent));
|
|
31
31
|
}
|
|
32
32
|
return handleContent;
|
|
33
33
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HandleContent.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,OAAyB,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAazE,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,CAC7B,UAAC,EAAiF;IAA/E,IAAA,QAAQ,cAAA,EAAE,eAAe,qBAAA,EAAE,YAAY,kBAAA,EAAK,aAAa,cAA3D,+CAA6D,CAAF;IACxD,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC7B,sCAAK,SAAS,EAAE,UAAG,MAAM,+BAA4B,IAAM,aAAa,GACnE,QAAQ,CACP,CACT,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAClB,sCAAK,SAAS,EAAE,UAAG,MAAM
|
|
1
|
+
{"version":3,"file":"HandleContent.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,OAAyB,MAAM,qCAAqC,CAAC;AAC5E,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,kCAAkC,CAAC;AAazE,MAAM,CAAC,IAAM,aAAa,GAAG,IAAI,CAC7B,UAAC,EAAiF;IAA/E,IAAA,QAAQ,cAAA,EAAE,eAAe,qBAAA,EAAE,YAAY,kBAAA,EAAK,aAAa,cAA3D,+CAA6D,CAAF;IACxD,IAAM,aAAa,GAAG,QAAQ,CAAC,CAAC,CAAC,CAC7B,sCAAK,SAAS,EAAE,UAAG,MAAM,+BAA4B,IAAM,aAAa,GACnE,QAAQ,CACP,CACT,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAClB,sCAAK,SAAS,EAAE,UAAG,MAAM,wCAA8B,MAAM,gDAA6C,IAAM,aAAa,EAAI,CACpI,CAAC,CAAC,CAAC,CACA,yCAAK,CACR,CAAC;IAEF,IAAI,eAAe,EAAE,CAAC;QAClB,OAAO,CACH,oBAAC,OAAO,aACJ,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,KAAK,EAChB,YAAY,EAAE,KAAK,EACnB,iBAAiB,EAAE,KAAK,EACxB,cAAc,EAAE,KAAK,IACjB,YAAY,GAEf,aAAa,CACR,CACb,CAAC;IACN,CAAC;IAED,OAAO,aAAa,CAAC;AACzB,CAAC,CACJ,CAAC"}
|
|
@@ -45,11 +45,12 @@ import { CLASSPREFIX as eccgui } from "../../../configuration/constants.js";
|
|
|
45
45
|
import { useReactFlowVersion } from "../versionsupport.js";
|
|
46
46
|
import { HandleContent } from "./HandleContent.js";
|
|
47
47
|
export var HandleDefault = memo(function (_a) {
|
|
48
|
+
var _b;
|
|
48
49
|
var flowVersion = _a.flowVersion, data = _a.data, tooltip = _a.tooltip, children = _a.children, category = _a.category, intent = _a.intent, handleProps = __rest(_a, ["flowVersion", "data", "tooltip", "children", "category", "intent"]);
|
|
49
50
|
var evaluateFlowVersion = useReactFlowVersion();
|
|
50
51
|
var flowVersionCheck = flowVersion || evaluateFlowVersion;
|
|
51
52
|
var handleDefaultRef = React.useRef(null);
|
|
52
|
-
var
|
|
53
|
+
var _c = __read(React.useState(false), 2), extendedTooltipDisplayed = _c[0], setExtendedTooltipDisplayed = _c[1];
|
|
53
54
|
var toolsTarget;
|
|
54
55
|
React.useEffect(function () {
|
|
55
56
|
if (handleDefaultRef.current) {
|
|
@@ -71,7 +72,7 @@ export var HandleDefault = memo(function (_a) {
|
|
|
71
72
|
offset: {
|
|
72
73
|
enabled: true,
|
|
73
74
|
options: {
|
|
74
|
-
offset: [
|
|
75
|
+
offset: [0, 20],
|
|
75
76
|
},
|
|
76
77
|
},
|
|
77
78
|
},
|
|
@@ -79,8 +80,8 @@ export var HandleDefault = memo(function (_a) {
|
|
|
79
80
|
className: "".concat(eccgui, "-graphviz__handle__tooltip-target"),
|
|
80
81
|
isOpen: extendedTooltipDisplayed,
|
|
81
82
|
};
|
|
82
|
-
var handleContentProps =
|
|
83
|
-
var handleContent = React.
|
|
83
|
+
var handleContentProps = __assign(__assign({}, data), { tooltipProps: __assign(__assign({}, handleContentTooltipProps), data === null || data === void 0 ? void 0 : data.tooltipProps) });
|
|
84
|
+
var handleContent = React.createElement(HandleContent, __assign({}, handleContentProps), children);
|
|
84
85
|
var switchTooltipTimerOn;
|
|
85
86
|
var switchToolsTimerOff;
|
|
86
87
|
var handleConfig = React.useMemo(function () { return (__assign(__assign(__assign({}, handleProps), tooltipTitle), { className: intent
|
|
@@ -89,7 +90,7 @@ export var HandleDefault = memo(function (_a) {
|
|
|
89
90
|
if (handleProps.onClick) {
|
|
90
91
|
handleProps.onClick(e);
|
|
91
92
|
}
|
|
92
|
-
if (toolsTarget.length > 0 && e.
|
|
93
|
+
if (toolsTarget.length > 0 && e.currentTarget === handleDefaultRef.current) {
|
|
93
94
|
setExtendedTooltipDisplayed(false);
|
|
94
95
|
toolsTarget[0].click();
|
|
95
96
|
}
|
|
@@ -97,7 +98,7 @@ export var HandleDefault = memo(function (_a) {
|
|
|
97
98
|
var _a, _b;
|
|
98
99
|
if (switchToolsTimerOff)
|
|
99
100
|
clearTimeout(switchToolsTimerOff);
|
|
100
|
-
if (e.
|
|
101
|
+
if (e.currentTarget === handleDefaultRef.current) {
|
|
101
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);
|
|
102
103
|
}
|
|
103
104
|
}, onMouseLeave: function () {
|
|
@@ -107,7 +108,16 @@ export var HandleDefault = memo(function (_a) {
|
|
|
107
108
|
switchToolsTimerOff = setTimeout(function () { return toolsTarget[0].click(); }, 500);
|
|
108
109
|
}
|
|
109
110
|
setExtendedTooltipDisplayed(false);
|
|
110
|
-
} })); }, [
|
|
111
|
+
} })); }, [
|
|
112
|
+
intent,
|
|
113
|
+
category,
|
|
114
|
+
tooltip,
|
|
115
|
+
flowVersionCheck,
|
|
116
|
+
handleProps.isConnectable,
|
|
117
|
+
handleProps.style,
|
|
118
|
+
handleProps.onClick,
|
|
119
|
+
(_b = data === null || data === void 0 ? void 0 : data.tooltipProps) === null || _b === void 0 ? void 0 : _b.hoverOpenDelay,
|
|
120
|
+
]);
|
|
111
121
|
switch (flowVersionCheck) {
|
|
112
122
|
case "v9":
|
|
113
123
|
return (React.createElement(HandleV9, __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,QAAQ,EAAyC,MAAM,qBAAqB,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"HandleDefault.js","sourceRoot":"","sources":["../../../../../src/extensions/react-flow/handles/HandleDefault.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,6 +71,7 @@ export interface ActivityControlWidgetProps extends TestableComponent {
|
|
|
71
71
|
}
|
|
72
72
|
interface IActivityContextMenu extends TestableComponent {
|
|
73
73
|
tooltip?: string;
|
|
74
|
+
badge?: string | number;
|
|
74
75
|
menuItems: IActivityMenuAction[];
|
|
75
76
|
}
|
|
76
77
|
export interface ActivityControlWidgetAction extends TestableComponent {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Intent as BlueprintIntent } from "@blueprintjs/core";
|
|
2
|
-
|
|
2
|
+
/** @deprecated (v27) use `IntentBlueprint` instead */
|
|
3
3
|
export declare const DefinitionsBlueprint: {
|
|
4
4
|
NONE: "none";
|
|
5
5
|
PRIMARY: "primary";
|
|
@@ -7,6 +7,14 @@ export declare const DefinitionsBlueprint: {
|
|
|
7
7
|
WARNING: "warning";
|
|
8
8
|
DANGER: "danger";
|
|
9
9
|
};
|
|
10
|
+
export declare const IntentBlueprint: {
|
|
11
|
+
NONE: "none";
|
|
12
|
+
PRIMARY: "primary";
|
|
13
|
+
SUCCESS: "success";
|
|
14
|
+
WARNING: "warning";
|
|
15
|
+
DANGER: "danger";
|
|
16
|
+
};
|
|
17
|
+
export type IntentBlueprint = BlueprintIntent;
|
|
10
18
|
export type IntentTypes = IntentBlueprint | "neutral" | "accent" | "info";
|
|
11
19
|
export declare const Definitions: {
|
|
12
20
|
[key: string]: IntentTypes;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { getEnabledColorPropertiesFromPalette, getEnabledColorsFromPalette, textToColorHash } from "./utils/colorHash";
|
|
2
2
|
export type { DecodeOptions as DecodeHtmlEntitiesOptions } from "he";
|
|
3
3
|
export type { IntentTypes as IntentBaseTypes } from "./Intent";
|
|
4
|
+
export { IntentBlueprint } from "./Intent";
|
|
4
5
|
export declare const utils: {
|
|
5
6
|
openInNewTab: (event: React.MouseEvent<HTMLAnchorElement>, handler?: (e: React.MouseEvent<HTMLAnchorElement>) => void, url?: string) => void;
|
|
6
7
|
decideContrastColorValue: ({ testColor, lightColor, darkColor, }: import("./utils/colorDecideContrastvalue").decideContrastColorValueProps) => string;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { AnchorButtonProps as BlueprintAnchorButtonProps, ButtonProps as BlueprintButtonProps
|
|
2
|
+
import { AnchorButtonProps as BlueprintAnchorButtonProps, ButtonProps as BlueprintButtonProps } from "@blueprintjs/core";
|
|
3
|
+
import { IntentBlueprint } from "../../common/Intent";
|
|
3
4
|
import { ValidIconName } from "../Icon/canonicalIconNames";
|
|
4
5
|
import { BadgeProps } from "./../Badge/Badge";
|
|
5
6
|
import { TooltipProps } from "./../Tooltip/Tooltip";
|
|
@@ -22,7 +23,7 @@ interface AdditionalButtonProps {
|
|
|
22
23
|
/**
|
|
23
24
|
* Intent state visualized by color.
|
|
24
25
|
*/
|
|
25
|
-
intent?:
|
|
26
|
+
intent?: IntentBlueprint | "accent";
|
|
26
27
|
/**
|
|
27
28
|
* Content displayed in a badge that is attached to the button.
|
|
28
29
|
* By default it is displayed `{ size: "small", position: "top-right", maxLength: 2 }` and with the same intent state of the button.
|
|
@@ -59,6 +59,7 @@ declare const canonicalIcons: {
|
|
|
59
59
|
"artefact-report": icons.CarbonIconType;
|
|
60
60
|
"artefact-task": icons.CarbonIconType;
|
|
61
61
|
"artefact-transform": icons.CarbonIconType;
|
|
62
|
+
"artefact-ruleblock": icons.CarbonIconType;
|
|
62
63
|
"artefact-uncategorized": icons.CarbonIconType;
|
|
63
64
|
"artefact-workflow": icons.CarbonIconType;
|
|
64
65
|
"data-boolean": icons.CarbonIconType;
|
|
@@ -111,6 +112,7 @@ declare const canonicalIcons: {
|
|
|
111
112
|
"module-dashboard": icons.CarbonIconType;
|
|
112
113
|
"module-gdprsearch": icons.CarbonIconType;
|
|
113
114
|
"module-integrations": icons.CarbonIconType;
|
|
115
|
+
"module-marketplace": icons.CarbonIconType;
|
|
114
116
|
"module-linkedrules": icons.CarbonIconType;
|
|
115
117
|
"module-reports": icons.CarbonIconType;
|
|
116
118
|
"module-search": icons.CarbonIconType;
|
|
@@ -2,7 +2,10 @@ import React from "react";
|
|
|
2
2
|
import { MenuItemProps as BlueprintMenuItemProps } from "@blueprintjs/core";
|
|
3
3
|
import { ValidIconName } from "../Icon/canonicalIconNames";
|
|
4
4
|
import { TestIconProps } from "./../Icon/TestIcon";
|
|
5
|
-
export interface MenuItemProps extends Omit<BlueprintMenuItemProps, "icon" | "children">, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "onFocus" | "target" | "children"> {
|
|
5
|
+
export interface MenuItemProps extends Omit<BlueprintMenuItemProps, "icon" | "children" | "intent">, Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "onClick" | "onFocus" | "target" | "children"> {
|
|
6
|
+
/**
|
|
7
|
+
* If set the icon is displayed on the left side of the menu item.
|
|
8
|
+
*/
|
|
6
9
|
icon?: ValidIconName | string[] | React.ReactElement<TestIconProps>;
|
|
7
10
|
/**
|
|
8
11
|
* Submenu.
|
|
@@ -12,9 +15,13 @@ export interface MenuItemProps extends Omit<BlueprintMenuItemProps, "icon" | "ch
|
|
|
12
15
|
* Tooltip, but only added to the label, not to the full menu item.
|
|
13
16
|
*/
|
|
14
17
|
tooltip?: string | React.JSX.Element;
|
|
18
|
+
/**
|
|
19
|
+
* Visual intent color to apply to element.
|
|
20
|
+
*/
|
|
21
|
+
intent?: BlueprintMenuItemProps["intent"] | "accent";
|
|
15
22
|
}
|
|
16
23
|
/**
|
|
17
24
|
* Single item, used as child inside `Menu`.
|
|
18
25
|
*/
|
|
19
|
-
export declare const MenuItem: ({ children, className, icon, onClick, href, text, tooltip, ...restProps }: MenuItemProps) => React.JSX.Element;
|
|
26
|
+
export declare const MenuItem: ({ children, className, icon, onClick, href, text, tooltip, intent, ...restProps }: MenuItemProps) => React.JSX.Element;
|
|
20
27
|
export default MenuItem;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { HTMLInputProps as BlueprintHTMLInputProps
|
|
2
|
+
import { HTMLInputProps as BlueprintHTMLInputProps } from "@blueprintjs/core";
|
|
3
3
|
import { MultiSelectProps as BlueprintMultiSelectProps } from "@blueprintjs/select";
|
|
4
|
+
import { IntentBlueprint } from "../../common/Intent";
|
|
4
5
|
import { TestableComponent } from "../interfaces";
|
|
5
6
|
import { ContextOverlayProps } from "./../../index";
|
|
6
7
|
export interface MultiSuggestFieldSelectionProps<T> {
|
|
@@ -69,7 +70,7 @@ export interface MultiSuggestFieldCommonProps<T> extends TestableComponent, Pick
|
|
|
69
70
|
/**
|
|
70
71
|
* Intent state of the multi select.
|
|
71
72
|
*/
|
|
72
|
-
intent?:
|
|
73
|
+
intent?: IntentBlueprint | "accent";
|
|
73
74
|
/**
|
|
74
75
|
* Disables the input element
|
|
75
76
|
*/
|
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ProgressBarProps as BlueprintProgressBarProps } from "@blueprintjs/core";
|
|
2
|
-
export
|
|
3
|
-
|
|
3
|
+
export interface ProgressBarProps extends Omit<BlueprintProgressBarProps, "intent"> {
|
|
4
|
+
/**
|
|
5
|
+
* Visual intent color to apply to element.
|
|
6
|
+
*/
|
|
7
|
+
intent?: BlueprintProgressBarProps["intent"] | "accent";
|
|
8
|
+
}
|
|
9
|
+
export declare const ProgressBar: ({ className, intent, ...otherProps }: ProgressBarProps) => React.JSX.Element;
|
|
10
|
+
export default ProgressBar;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TooltipProps as BlueprintTooltipProps } from "@blueprintjs/core";
|
|
3
|
+
import { IntentBlueprint } from "../../common/Intent";
|
|
3
4
|
import { MarkdownProps } from "./../../cmem/markdown/Markdown";
|
|
4
|
-
export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
|
|
5
|
+
export interface TooltipProps extends Omit<BlueprintTooltipProps, "position" | "intent"> {
|
|
5
6
|
/**
|
|
6
7
|
* Add dotted underline as visual indication to the target that a tooltip is attached.
|
|
7
8
|
* Should be used together with text-only elements.
|
|
@@ -39,7 +40,11 @@ export interface TooltipProps extends Omit<BlueprintTooltipProps, "position"> {
|
|
|
39
40
|
* For the first display of the tooltip this time adds up to `hoverOpenDelay`.
|
|
40
41
|
*/
|
|
41
42
|
swapPlaceholderDelay?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Intent state of the tooltip.
|
|
45
|
+
*/
|
|
46
|
+
intent?: IntentBlueprint | "accent";
|
|
42
47
|
}
|
|
43
48
|
export type TooltipSize = "small" | "medium" | "large";
|
|
44
|
-
export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, usePlaceholder, swapPlaceholderDelay, hoverOpenDelay, ...otherTooltipProps }: TooltipProps) => React.JSX.Element | null;
|
|
49
|
+
export declare const Tooltip: ({ children, content, className, size, addIndicator, markdownEnabler, markdownProps, usePlaceholder, swapPlaceholderDelay, hoverOpenDelay, popoverClassName, intent, ...otherTooltipProps }: TooltipProps) => React.JSX.Element | null;
|
|
45
50
|
export default Tooltip;
|
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": "26.0.0
|
|
4
|
+
"version": "26.0.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",
|
|
@@ -184,7 +184,8 @@
|
|
|
184
184
|
"hast-util-from-parse5": "8.0.0",
|
|
185
185
|
"**/lodash": "^4.18.1",
|
|
186
186
|
"**/minimatch": "^3.1.4",
|
|
187
|
-
"**/serialize-javascript": "^7.0.5"
|
|
187
|
+
"**/serialize-javascript": "^7.0.5",
|
|
188
|
+
"**/ws": "^8.21.0"
|
|
188
189
|
},
|
|
189
190
|
"husky": {
|
|
190
191
|
"hooks": {
|
|
@@ -93,6 +93,8 @@ export interface ActivityControlWidgetProps extends TestableComponent {
|
|
|
93
93
|
interface IActivityContextMenu extends TestableComponent {
|
|
94
94
|
// Tooltip for the context menu
|
|
95
95
|
tooltip?: string;
|
|
96
|
+
// Optional badge shown on the context menu button.
|
|
97
|
+
badge?: string | number;
|
|
96
98
|
// The entries of the context menu
|
|
97
99
|
menuItems: IActivityMenuAction[];
|
|
98
100
|
}
|
|
@@ -228,6 +230,15 @@ export function ActivityControlWidget(props: ActivityControlWidgetProps) {
|
|
|
228
230
|
<ContextMenu
|
|
229
231
|
data-test-id={activityContextMenu["data-test-id"]}
|
|
230
232
|
togglerText={activityContextMenu.tooltip}
|
|
233
|
+
togglerElement={
|
|
234
|
+
<IconButton
|
|
235
|
+
name={["item-moremenu"]}
|
|
236
|
+
text={activityContextMenu.tooltip}
|
|
237
|
+
badge={activityContextMenu.badge}
|
|
238
|
+
tooltipAsTitle
|
|
239
|
+
data-test-id={activityContextMenu["data-test-id"]}
|
|
240
|
+
/>
|
|
241
|
+
}
|
|
231
242
|
>
|
|
232
243
|
{activityContextMenu.menuItems.map((menuAction, idx) => {
|
|
233
244
|
return (
|
|
@@ -96,4 +96,25 @@ describe("ActivityControlWidget", () => {
|
|
|
96
96
|
fireEvent.click(customButton);
|
|
97
97
|
expect(mockAction).toHaveBeenCalledTimes(1);
|
|
98
98
|
});
|
|
99
|
+
|
|
100
|
+
it("renders a badge on the context menu trigger", () => {
|
|
101
|
+
const { container } = render(
|
|
102
|
+
<ActivityControlWidget
|
|
103
|
+
activityContextMenu={{
|
|
104
|
+
tooltip: "More options",
|
|
105
|
+
badge: 3,
|
|
106
|
+
menuItems: [
|
|
107
|
+
{
|
|
108
|
+
icon: "item-settings",
|
|
109
|
+
action: jest.fn(),
|
|
110
|
+
tooltip: "Configure",
|
|
111
|
+
},
|
|
112
|
+
],
|
|
113
|
+
"data-testid": "activity-menu",
|
|
114
|
+
}}
|
|
115
|
+
/>,
|
|
116
|
+
);
|
|
117
|
+
|
|
118
|
+
expect(container.querySelector("button[title='More options']")).toHaveTextContent("3");
|
|
119
|
+
});
|
|
99
120
|
});
|
|
@@ -97,7 +97,7 @@ const nodeExamples = {
|
|
|
97
97
|
content: "Example content.",
|
|
98
98
|
minimalShape: "none",
|
|
99
99
|
},
|
|
100
|
-
position: { x: 400, y:
|
|
100
|
+
position: { x: 400, y: 100 },
|
|
101
101
|
},
|
|
102
102
|
{
|
|
103
103
|
id: "linking-3",
|
|
@@ -141,6 +141,16 @@ const nodeExamples = {
|
|
|
141
141
|
},
|
|
142
142
|
position: { x: 50, y: 300 },
|
|
143
143
|
},
|
|
144
|
+
{
|
|
145
|
+
id: "linking-6",
|
|
146
|
+
type: "ruleblock",
|
|
147
|
+
data: {
|
|
148
|
+
label: "Rule block",
|
|
149
|
+
content: "Example content.",
|
|
150
|
+
minimalShape: "none",
|
|
151
|
+
},
|
|
152
|
+
position: { x: 400, y: 200 },
|
|
153
|
+
},
|
|
144
154
|
],
|
|
145
155
|
edges: [
|
|
146
156
|
{
|
|
@@ -30,5 +30,6 @@
|
|
|
30
30
|
@include handletypestyles("sourcepath");
|
|
31
31
|
@include handletypestyles("targetpath");
|
|
32
32
|
@include handletypestyles("transformation");
|
|
33
|
+
@include handletypestyles("ruleblock");
|
|
33
34
|
@include handletypestyles("comparator");
|
|
34
35
|
@include handletypestyles("aggregator");
|
|
@@ -5,6 +5,8 @@
|
|
|
5
5
|
--#{$eccgui}-targetpath-node-bright: #{eccgui-color-var("layout", "petrol", 300)};
|
|
6
6
|
--#{$eccgui}-transformation-node: #{eccgui-color-var("layout", "pink", 700)};
|
|
7
7
|
--#{$eccgui}-transformation-node-bright: #{eccgui-color-var("layout", "pink", 300)};
|
|
8
|
+
--#{$eccgui}-ruleblock-node: #{eccgui-color-var("layout", "vermilion", 700)};
|
|
9
|
+
--#{$eccgui}-ruleblock-node-bright: #{eccgui-color-var("layout", "vermilion", 300)};
|
|
8
10
|
--#{$eccgui}-comparator-node: #{eccgui-color-var("layout", "teal", 700)};
|
|
9
11
|
--#{$eccgui}-comparator-node-bright: #{eccgui-color-var("layout", "teal", 300)};
|
|
10
12
|
--#{$eccgui}-aggregator-node: #{eccgui-color-var("layout", "cyan", 700)};
|
|
@@ -19,6 +19,7 @@ const nodeTypes: Record<LINKING_NODE_TYPES, React.ComponentType<NodeProps>> = {
|
|
|
19
19
|
sourcepath: NodeDefault,
|
|
20
20
|
targetpath: NodeDefault,
|
|
21
21
|
transformation: NodeDefault,
|
|
22
|
+
ruleblock: NodeDefault,
|
|
22
23
|
comparator: NodeDefault,
|
|
23
24
|
aggregator: NodeDefault,
|
|
24
25
|
stickynote: StickyNoteNode,
|
|
@@ -2,13 +2,15 @@ import { Intent as BlueprintIntent } from "@blueprintjs/core";
|
|
|
2
2
|
|
|
3
3
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants";
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
/** @deprecated (v27) use `IntentBlueprint` instead */
|
|
6
6
|
export const DefinitionsBlueprint = BlueprintIntent;
|
|
7
|
+
export const IntentBlueprint = BlueprintIntent;
|
|
8
|
+
export type IntentBlueprint = BlueprintIntent;
|
|
7
9
|
|
|
8
10
|
export type IntentTypes = IntentBlueprint | "neutral" | "accent" | "info";
|
|
9
11
|
|
|
10
12
|
export const Definitions: { [key: string]: IntentTypes } = {
|
|
11
|
-
...
|
|
13
|
+
...IntentBlueprint,
|
|
12
14
|
ACCENT: "accent",
|
|
13
15
|
NEUTRAL: "neutral",
|
|
14
16
|
INFO: "info",
|
package/src/common/index.ts
CHANGED
|
@@ -11,6 +11,7 @@ import { openInNewTab } from "./utils/openInNewTab";
|
|
|
11
11
|
import { reduceToText } from "./utils/reduceToText";
|
|
12
12
|
export type { DecodeOptions as DecodeHtmlEntitiesOptions } from "he";
|
|
13
13
|
export type { IntentTypes as IntentBaseTypes } from "./Intent";
|
|
14
|
+
export { IntentBlueprint } from "./Intent";
|
|
14
15
|
|
|
15
16
|
export const utils = {
|
|
16
17
|
openInNewTab,
|
|
@@ -4,9 +4,9 @@ import {
|
|
|
4
4
|
AnchorButtonProps as BlueprintAnchorButtonProps,
|
|
5
5
|
Button as BlueprintButton,
|
|
6
6
|
ButtonProps as BlueprintButtonProps,
|
|
7
|
-
Intent as BlueprintIntent,
|
|
8
7
|
} from "@blueprintjs/core";
|
|
9
8
|
|
|
9
|
+
import { IntentBlueprint } from "../../common/Intent";
|
|
10
10
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants";
|
|
11
11
|
import { ValidIconName } from "../Icon/canonicalIconNames";
|
|
12
12
|
import Icon from "../Icon/Icon";
|
|
@@ -33,7 +33,7 @@ interface AdditionalButtonProps {
|
|
|
33
33
|
/**
|
|
34
34
|
* Intent state visualized by color.
|
|
35
35
|
*/
|
|
36
|
-
intent?:
|
|
36
|
+
intent?: IntentBlueprint | "accent";
|
|
37
37
|
/**
|
|
38
38
|
* Content displayed in a badge that is attached to the button.
|
|
39
39
|
* By default it is displayed `{ size: "small", position: "top-right", maxLength: 2 }` and with the same intent state of the button.
|
|
@@ -94,7 +94,7 @@ export const Button = ({
|
|
|
94
94
|
intentByFunction = "accent";
|
|
95
95
|
break;
|
|
96
96
|
case disruptive:
|
|
97
|
-
intentByFunction =
|
|
97
|
+
intentByFunction = IntentBlueprint.DANGER;
|
|
98
98
|
break;
|
|
99
99
|
default:
|
|
100
100
|
break;
|
|
@@ -111,7 +111,7 @@ export const Button = ({
|
|
|
111
111
|
<ButtonType
|
|
112
112
|
{...restProps}
|
|
113
113
|
className={`${eccgui}-button ` + className}
|
|
114
|
-
intent={(intent || intentByFunction) as
|
|
114
|
+
intent={(intent || intentByFunction) as IntentBlueprint}
|
|
115
115
|
icon={typeof icon === "string" ? <Icon name={icon} {...iconSize} /> : icon}
|
|
116
116
|
rightIcon={typeof rightIcon === "string" ? <Icon name={rightIcon} {...iconSize} /> : rightIcon}
|
|
117
117
|
>
|
|
@@ -56,6 +56,9 @@ form {
|
|
|
56
56
|
|
|
57
57
|
.#{$eccgui}-fielditem__message {
|
|
58
58
|
&.#{$eccgui}-intent--primary {
|
|
59
|
+
color: $eccgui-color-primary;
|
|
60
|
+
}
|
|
61
|
+
&.#{$eccgui}-intent--accent {
|
|
59
62
|
color: $eccgui-color-accent;
|
|
60
63
|
}
|
|
61
64
|
&.#{$eccgui}-intent--success {
|
|
@@ -89,11 +92,20 @@ form {
|
|
|
89
92
|
|
|
90
93
|
&.#{$eccgui}-intent--primary {
|
|
91
94
|
&.#{$eccgui}-fieldset--boxed {
|
|
92
|
-
background-color: $eccgui-color-
|
|
95
|
+
background-color: $eccgui-color-primary-contrast;
|
|
96
|
+
}
|
|
97
|
+
.#{$eccgui}-fieldset__message,
|
|
98
|
+
legend {
|
|
99
|
+
color: $eccgui-color-primary;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
&.#{$eccgui}-intent--accent {
|
|
103
|
+
&.#{$eccgui}-fieldset--boxed {
|
|
104
|
+
background-color: $eccgui-color-accent-contrast;
|
|
93
105
|
}
|
|
94
106
|
.#{$eccgui}-fieldset__message,
|
|
95
107
|
legend {
|
|
96
|
-
color: $eccgui-color-
|
|
108
|
+
color: $eccgui-color-accent;
|
|
97
109
|
}
|
|
98
110
|
}
|
|
99
111
|
&.#{$eccgui}-intent--success {
|