@eccenca/gui-elements 23.2.0 → 23.3.0-rc.1
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 +53 -0
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js +5 -1
- package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +9 -11
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/cjs/cmem/react-flow/extensions/ReactFlowHotkeyContext.js +12 -0
- package/dist/cjs/cmem/react-flow/extensions/ReactFlowHotkeyContext.js.map +1 -0
- package/dist/cjs/common/index.js +5 -2
- package/dist/cjs/common/index.js.map +1 -1
- package/dist/cjs/common/utils/globalVars.js +21 -0
- package/dist/cjs/common/utils/globalVars.js.map +1 -0
- package/dist/cjs/components/Application/ApplicationHeader.js +2 -3
- package/dist/cjs/components/Application/ApplicationHeader.js.map +1 -1
- package/dist/cjs/components/Dialog/Modal.js +35 -8
- package/dist/cjs/components/Dialog/Modal.js.map +1 -1
- package/dist/cjs/components/Dialog/SimpleDialog.js +15 -2
- package/dist/cjs/components/Dialog/SimpleDialog.js.map +1 -1
- package/dist/cjs/components/Icon/IconButton.js +1 -1
- package/dist/cjs/components/Icon/IconButton.js.map +1 -1
- package/dist/cjs/components/Icon/canonicalIconNames.js +1 -0
- package/dist/cjs/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/cjs/components/OverviewItem/OverviewItemDepiction.js +3 -6
- package/dist/cjs/components/OverviewItem/OverviewItemDepiction.js.map +1 -1
- package/dist/cjs/components/PropertyValuePair/PropertyName.js +3 -3
- package/dist/cjs/components/PropertyValuePair/PropertyName.js.map +1 -1
- package/dist/cjs/components/Separation/Spacing.js +18 -4
- package/dist/cjs/components/Separation/Spacing.js.map +1 -1
- package/dist/cjs/components/Table/TableExpandHeader.js +7 -8
- package/dist/cjs/components/Table/TableExpandHeader.js.map +1 -1
- package/dist/cjs/components/TextField/TextField.js +23 -3
- package/dist/cjs/components/TextField/TextField.js.map +1 -1
- package/dist/cjs/extensions/codemirror/CodeMirror.js +39 -7
- package/dist/cjs/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js +10 -9
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleContent.js +4 -4
- package/dist/cjs/extensions/react-flow/handles/HandleContent.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js +56 -6
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleTools.js +41 -0
- package/dist/cjs/extensions/react-flow/handles/HandleTools.js.map +1 -0
- package/dist/cjs/extensions/react-flow/index.js +2 -0
- package/dist/cjs/extensions/react-flow/index.js.map +1 -1
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js +42 -13
- package/dist/cjs/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/esm/cmem/markdown/Markdown.js +1 -1
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js +5 -1
- package/dist/esm/cmem/react-flow/ReactFlow/ReactFlow.js.map +1 -1
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +9 -11
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/esm/cmem/react-flow/extensions/ReactFlowHotkeyContext.js +6 -0
- package/dist/esm/cmem/react-flow/extensions/ReactFlowHotkeyContext.js.map +1 -0
- package/dist/esm/common/index.js +5 -2
- package/dist/esm/common/index.js.map +1 -1
- package/dist/esm/common/utils/globalVars.js +16 -0
- package/dist/esm/common/utils/globalVars.js.map +1 -0
- package/dist/esm/components/Application/ApplicationHeader.js +2 -3
- package/dist/esm/components/Application/ApplicationHeader.js.map +1 -1
- package/dist/esm/components/Dialog/Modal.js +36 -9
- package/dist/esm/components/Dialog/Modal.js.map +1 -1
- package/dist/esm/components/Dialog/SimpleDialog.js +14 -1
- package/dist/esm/components/Dialog/SimpleDialog.js.map +1 -1
- package/dist/esm/components/Icon/IconButton.js +1 -1
- package/dist/esm/components/Icon/IconButton.js.map +1 -1
- package/dist/esm/components/Icon/canonicalIconNames.js +1 -0
- package/dist/esm/components/Icon/canonicalIconNames.js.map +1 -1
- package/dist/esm/components/OverviewItem/OverviewItemDepiction.js +3 -6
- package/dist/esm/components/OverviewItem/OverviewItemDepiction.js.map +1 -1
- package/dist/esm/components/PropertyValuePair/PropertyName.js +3 -3
- package/dist/esm/components/PropertyValuePair/PropertyName.js.map +1 -1
- package/dist/esm/components/Separation/Spacing.js +28 -4
- package/dist/esm/components/Separation/Spacing.js.map +1 -1
- package/dist/esm/components/Table/TableExpandHeader.js +7 -8
- package/dist/esm/components/Table/TableExpandHeader.js.map +1 -1
- package/dist/esm/components/TextField/TextField.js +25 -5
- package/dist/esm/components/TextField/TextField.js.map +1 -1
- package/dist/esm/extensions/codemirror/CodeMirror.js +49 -6
- package/dist/esm/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js +10 -9
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleContent.js +16 -5
- package/dist/esm/extensions/react-flow/handles/HandleContent.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js +75 -9
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleTools.js +61 -0
- package/dist/esm/extensions/react-flow/handles/HandleTools.js.map +1 -0
- package/dist/esm/extensions/react-flow/index.js +2 -0
- package/dist/esm/extensions/react-flow/index.js.map +1 -1
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js +49 -20
- package/dist/esm/extensions/react-flow/nodes/NodeContent.js.map +1 -1
- package/dist/types/cmem/react-flow/extensions/ReactFlowHotkeyContext.d.ts +8 -0
- package/dist/types/common/index.d.ts +4 -0
- package/dist/types/common/utils/globalVars.d.ts +2 -0
- package/dist/types/components/Application/ApplicationHeader.d.ts +1 -2
- package/dist/types/components/Dialog/Modal.d.ts +22 -7
- package/dist/types/components/Dialog/SimpleDialog.d.ts +12 -1
- package/dist/types/components/Icon/canonicalIconNames.d.ts +1 -1
- package/dist/types/components/PropertyValuePair/PropertyName.d.ts +7 -1
- package/dist/types/components/Separation/Spacing.d.ts +2 -2
- package/dist/types/components/Table/TableExpandHeader.d.ts +5 -1
- package/dist/types/components/TextField/TextField.d.ts +4 -2
- package/dist/types/extensions/codemirror/CodeMirror.d.ts +17 -3
- package/dist/types/extensions/react-flow/edges/EdgeLabel.d.ts +7 -3
- package/dist/types/extensions/react-flow/handles/HandleContent.d.ts +7 -2
- package/dist/types/extensions/react-flow/handles/HandleDefault.d.ts +15 -6
- package/dist/types/extensions/react-flow/handles/HandleTools.d.ts +7 -0
- package/dist/types/extensions/react-flow/index.d.ts +2 -0
- package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +24 -8
- package/package.json +19 -17
- package/scripts/compile-sass.ts +1 -1
- package/src/cmem/react-flow/ReactFlow/ReactFlow.tsx +10 -0
- package/src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx +10 -12
- package/src/cmem/react-flow/extensions/ReactFlowHotkeyContext.ts +14 -0
- package/src/common/index.ts +6 -3
- package/src/common/utils/globalVars.ts +18 -0
- package/src/components/Application/ApplicationHeader.tsx +8 -13
- package/src/components/Application/_header.scss +17 -17
- package/src/components/Application/_toolbar.scss +22 -33
- package/src/components/Application/application.scss +8 -6
- package/src/components/AutoSuggestion/tests/AutoSuggestion.test.tsx +34 -21
- package/src/components/AutoSuggestion/tests/SingleLineCodeEditor.test.tsx +20 -9
- package/src/components/Dialog/Modal.tsx +96 -39
- package/src/components/Dialog/SimpleDialog.tsx +19 -1
- package/src/components/Dialog/dialog.scss +33 -17
- package/src/components/Icon/IconButton.tsx +1 -1
- package/src/components/Icon/canonicalIconNames.tsx +2 -0
- package/src/components/OverviewItem/OverviewItemDepiction.tsx +8 -16
- package/src/components/PropertyValuePair/PropertyName.tsx +15 -4
- package/src/components/PropertyValuePair/propertyvalue.scss +1 -0
- package/src/components/Separation/Spacing.tsx +12 -8
- package/src/components/Table/TableExpandHeader.tsx +21 -18
- package/src/components/TextField/TextField.tsx +32 -6
- package/src/components/Tooltip/tooltip.scss +15 -1
- package/src/extensions/codemirror/CodeMirror.tsx +62 -8
- package/src/extensions/codemirror/_codemirror.scss +53 -8
- package/src/extensions/react-flow/edges/EdgeLabel.tsx +78 -81
- package/src/extensions/react-flow/edges/_edges.scss +62 -67
- package/src/extensions/react-flow/edges/stories/EdgeDefault.stories.tsx +43 -44
- package/src/extensions/react-flow/handles/HandleContent.tsx +14 -13
- package/src/extensions/react-flow/handles/HandleDefault.tsx +121 -44
- package/src/extensions/react-flow/handles/HandleTools.tsx +46 -0
- package/src/extensions/react-flow/handles/_handles.scss +135 -50
- package/src/extensions/react-flow/handles/stories/HandleDefault.stories.tsx +69 -25
- package/src/extensions/react-flow/index.ts +2 -0
- package/src/extensions/react-flow/nodes/NodeContent.tsx +97 -32
- package/src/extensions/react-flow/nodes/_nodes.scss +170 -110
- package/src/extensions/react-flow/nodes/stories/NodeContent.stories.tsx +75 -52
- package/src/extensions/react-flow/nodes/stories/NodeDefault.stories.tsx +34 -36
- package/src/extensions/react-flow/nodes/stories/nodeTypes.ts +11 -0
|
@@ -28,23 +28,27 @@ import * as graphConfig from "./../configuration/graph.js";
|
|
|
28
28
|
import * as workflowConfig from "./../configuration/workflow.js";
|
|
29
29
|
import * as linkingConfig from "./../configuration/linking.js";
|
|
30
30
|
import { useReactFlowScrollOnDrag } from "../extensions/scrollOnDragHook.js";
|
|
31
|
+
import { ReactFlowHotkeyContext } from "../extensions/ReactFlowHotkeyContext.js";
|
|
31
32
|
/**
|
|
32
33
|
* `ReactFlow` container extension that includes pre-configured nodes and edges for
|
|
33
34
|
* Corporate Memory tools.
|
|
34
35
|
*/
|
|
35
36
|
export var ReactFlow = React.forwardRef(function (_a, ref) {
|
|
36
37
|
var _b = _a.configuration, configuration = _b === void 0 ? "unspecified" : _b, scrollOnDrag = _a.scrollOnDrag, children = _a.children, originalProps = __rest(_a, ["configuration", "scrollOnDrag", "children"]);
|
|
38
|
+
/** If the hot keys should be disabled. By default, they are always disabled. */
|
|
39
|
+
var hotKeysDisabled = React.useContext(ReactFlowHotkeyContext).hotKeysDisabled;
|
|
37
40
|
var scrollOnDragFunctions = useReactFlowScrollOnDrag({
|
|
38
41
|
reactFlowProps: originalProps,
|
|
39
42
|
scrollOnDrag: scrollOnDrag
|
|
40
43
|
});
|
|
44
|
+
var selectionKeyCode = originalProps.selectionKeyCode, multiSelectionKeyCode = originalProps.multiSelectionKeyCode, deleteKeyCode = originalProps.deleteKeyCode, zoomActivationKeyCode = originalProps.zoomActivationKeyCode;
|
|
41
45
|
var configReactFlow = {
|
|
42
46
|
unspecified: unspecifiedConfig,
|
|
43
47
|
graph: graphConfig,
|
|
44
48
|
workflow: workflowConfig,
|
|
45
49
|
linking: linkingConfig,
|
|
46
50
|
};
|
|
47
|
-
return (React.createElement(ReactFlowOriginal, __assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions),
|
|
51
|
+
return (React.createElement(ReactFlowOriginal, __assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions, { selectionKeyCode: hotKeysDisabled ? null : selectionKeyCode, deleteKeyCode: hotKeysDisabled ? null : deleteKeyCode, multiSelectionKeyCode: hotKeysDisabled ? null : multiSelectionKeyCode, zoomActivationKeyCode: hotKeysDisabled ? null : zoomActivationKeyCode }),
|
|
48
52
|
children,
|
|
49
53
|
React.createElement(ReactFlowMarkers, null)));
|
|
50
54
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAA2C,MAAM,qBAAqB,CAAC;AAC3G,OAAO,EAAC,gBAAgB,EAAC,MAAM,yDAAyD,CAAC;AACzF,OAAO,KAAK,iBAAiB,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,cAAc,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,aAAa,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAC,wBAAwB,EAAC,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAA2C,MAAM,qBAAqB,CAAC;AAC3G,OAAO,EAAC,gBAAgB,EAAC,MAAM,yDAAyD,CAAC;AACzF,OAAO,KAAK,iBAAiB,MAAM,gCAAgC,CAAC;AACpE,OAAO,KAAK,WAAW,MAAM,0BAA0B,CAAC;AACxD,OAAO,KAAK,cAAc,MAAM,6BAA6B,CAAC;AAC9D,OAAO,KAAK,aAAa,MAAM,4BAA4B,CAAC;AAC5D,OAAO,EAAC,wBAAwB,EAAC,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAC,sBAAsB,EAAC,MAAM,sCAAsC,CAAC;AAwB5E;;;GAGG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,UACtE,EAKC,EACD,GAAG;IALC,IAAA,qBAA6B,EAA7B,aAAa,mBAAG,aAAa,KAAA,EAC7B,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACL,aAAa,cAJpB,6CAKC,CADmB;IAIpB,gFAAgF;IACzE,IAAA,eAAe,GAAI,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAAC,gBAA5C,CAA4C;IAElE,IAAM,qBAAqB,GAAG,wBAAwB,CAAC;QACnD,cAAc,EAAE,aAAa;QAC7B,YAAY,cAAA;KACf,CAAC,CAAA;IAEK,IAAA,gBAAgB,GAAiE,aAAa,iBAA9E,EAAE,qBAAqB,GAA0C,aAAa,sBAAvD,EAAE,aAAa,GAA2B,aAAa,cAAxC,EAAE,qBAAqB,GAAI,aAAa,sBAAjB,CAAiB;IAErG,IAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAA;IAED,OAAO,CACH,oBAAC,iBAAiB,aACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACpD,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAChD,aAAa,EACb,qBAAqB,IACzB,gBAAgB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,gBAAuB,EAClE,aAAa,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAoB,EAC5D,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAA4B,EAC5E,qBAAqB,EAAE,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAA4B;QAE1E,QAAQ;QACV,oBAAC,gBAAgB,OAAG,CACJ,CACvB,CAAC;AACN,CAAC,CAAC,CAAA"}
|
|
@@ -29,6 +29,7 @@ import React from "react";
|
|
|
29
29
|
import { Tag, TagList, SimpleDialog, Icon, Button, FieldItem } from "./../../../index.js";
|
|
30
30
|
import getColorConfiguration from "../../../common/utils/getColorConfiguration.js";
|
|
31
31
|
import { CodeEditor } from "../../../extensions/index.js";
|
|
32
|
+
import { ReactFlowHotkeyContext } from "../extensions/ReactFlowHotkeyContext.js";
|
|
32
33
|
export var StickyNoteModal = React.memo(function (_a) {
|
|
33
34
|
var _b, _c;
|
|
34
35
|
var metaData = _a.metaData, onClose = _a.onClose, onSubmit = _a.onSubmit, translate = _a.translate;
|
|
@@ -38,21 +39,18 @@ export var StickyNoteModal = React.memo(function (_a) {
|
|
|
38
39
|
var _b = __read(_a, 2), key = _b[0], value = _b[1];
|
|
39
40
|
return [key, value];
|
|
40
41
|
});
|
|
42
|
+
var disableHotKeys = React.useContext(ReactFlowHotkeyContext).disableHotKeys;
|
|
43
|
+
React.useEffect(function () {
|
|
44
|
+
disableHotKeys(true);
|
|
45
|
+
return function () {
|
|
46
|
+
disableHotKeys(false);
|
|
47
|
+
};
|
|
48
|
+
}, []);
|
|
41
49
|
React.useEffect(function () {
|
|
42
50
|
if (!color && noteColors[0][1]) {
|
|
43
51
|
setSelectedColor(noteColors[0][1]);
|
|
44
52
|
}
|
|
45
53
|
}, [color, noteColors]);
|
|
46
|
-
var wrapperDivProps = {
|
|
47
|
-
// Prevent react-flow from getting these events
|
|
48
|
-
onContextMenu: function (event) { return event.stopPropagation(); },
|
|
49
|
-
onDrag: function (event) { return event.stopPropagation(); },
|
|
50
|
-
onDragStart: function (event) { return event.stopPropagation(); },
|
|
51
|
-
onDragEnd: function (event) { return event.stopPropagation(); },
|
|
52
|
-
onMouseDown: function (event) { return event.stopPropagation(); },
|
|
53
|
-
onMouseUp: function (event) { return event.stopPropagation(); },
|
|
54
|
-
onClick: function (event) { return event.stopPropagation(); },
|
|
55
|
-
};
|
|
56
54
|
var predefinedColorsMenu = (React.createElement(TagList, null, noteColors &&
|
|
57
55
|
noteColors.map(function (_a) {
|
|
58
56
|
var _b = __read(_a, 2), colorName = _b[0], colorValue = _b[1];
|
|
@@ -64,7 +62,7 @@ export var StickyNoteModal = React.memo(function (_a) {
|
|
|
64
62
|
: {};
|
|
65
63
|
return (React.createElement(Tag, __assign({ round: true, onClick: function () { return setSelectedColor(colorValue); }, backgroundColor: colorValue }, selectedFeedback, { key: colorName })));
|
|
66
64
|
})));
|
|
67
|
-
return (React.createElement(SimpleDialog, { "data-test-id": "sticky-note-modal", size: "small", title: translate("modalTitle"), hasBorder: true, isOpen: true, onClose: onClose,
|
|
65
|
+
return (React.createElement(SimpleDialog, { "data-test-id": "sticky-note-modal", size: "small", title: translate("modalTitle"), hasBorder: true, isOpen: true, onClose: onClose, actions: [
|
|
68
66
|
React.createElement(Button, { key: "submit", "data-test-id": "sticky-submit-btn", affirmative: true, onClick: function () {
|
|
69
67
|
onSubmit({ note: refNote.current, color: color || "#444444" });
|
|
70
68
|
onClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACvF,OAAO,qBAAqB,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReactFlowHotkeyContext.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/extensions/ReactFlowHotkeyContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,IAAM,sBAAsB,GAAG,KAAK,CAAC,aAAa,CAA8B;IACnF,cAAc,EAAE,cAAO,CAAC;IACxB,eAAe,EAAE,KAAK;CACzB,CAAC,CAAA"}
|
package/dist/esm/common/index.js
CHANGED
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { invisibleZeroWidthCharacters } from "./utils/characters.js";
|
|
2
2
|
import decideContrastColorValue from "./utils/colorDecideContrastvalue.js";
|
|
3
3
|
import getColorConfiguration from "./utils/getColorConfiguration.js";
|
|
4
|
-
import {
|
|
4
|
+
import { getGlobalVar, setGlobalVar } from "./utils/globalVars.js";
|
|
5
|
+
import { openInNewTab } from "./utils/openInNewTab.js";
|
|
5
6
|
export var utils = {
|
|
6
7
|
openInNewTab: openInNewTab,
|
|
7
8
|
decideContrastColorValue: decideContrastColorValue,
|
|
8
9
|
getColorConfiguration: getColorConfiguration,
|
|
9
10
|
invisibleZeroWidthCharacters: invisibleZeroWidthCharacters,
|
|
11
|
+
getGlobalVar: getGlobalVar,
|
|
12
|
+
setGlobalVar: setGlobalVar,
|
|
10
13
|
};
|
|
11
14
|
// @deprecated use `utils`
|
|
12
15
|
export var Utilities = utils;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,4BAA4B,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,wBAAwB,MAAM,kCAAkC,CAAC;AACxE,OAAO,qBAAqB,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,MAAM,CAAC,IAAM,KAAK,GAAG;IACjB,YAAY,cAAA;IACZ,wBAAwB,0BAAA;IACxB,qBAAqB,uBAAA;IACrB,4BAA4B,8BAAA;IAC5B,YAAY,cAAA;IACZ,YAAY,cAAA;CACf,CAAC;AACF,0BAA0B;AAC1B,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
2
|
+
var getGlobalConfig = function () {
|
|
3
|
+
return typeof window[eccgui] === "undefined"
|
|
4
|
+
? Object.defineProperty(window, "" + eccgui, {
|
|
5
|
+
value: {},
|
|
6
|
+
writable: true,
|
|
7
|
+
})[eccgui]
|
|
8
|
+
: window[eccgui];
|
|
9
|
+
};
|
|
10
|
+
export var getGlobalVar = function (varname) {
|
|
11
|
+
return getGlobalConfig()[varname];
|
|
12
|
+
};
|
|
13
|
+
export var setGlobalVar = function (varname, value) {
|
|
14
|
+
return (getGlobalConfig()[varname] = value);
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=globalVars.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"globalVars.js","sourceRoot":"","sources":["../../../../src/common/utils/globalVars.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAEtE,IAAM,eAAe,GAAG;IACpB,OAAO,OAAO,MAAM,CAAC,MAAa,CAAC,KAAK,WAAW;QAC/C,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,MAAM,EAAE,KAAG,MAAQ,EAAE;YACvC,KAAK,EAAE,EAAE;YACT,QAAQ,EAAE,IAAI;SACjB,CAAC,CAAC,MAAa,CAAC;QACnB,CAAC,CAAC,MAAM,CAAC,MAAa,CAAC,CAAC;AAChC,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,OAAe;IACxC,OAAO,eAAe,EAAE,CAAC,OAAc,CAAC,CAAC;AAC7C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,OAAe,EAAE,KAAU;IACpD,OAAO,CAAC,eAAe,EAAE,CAAC,OAAc,CAAC,GAAG,KAAK,CAAC,CAAC;AACvD,CAAC,CAAC"}
|
|
@@ -21,11 +21,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from "react";
|
|
24
|
-
import { Header as CarbonHeader
|
|
24
|
+
import { Header as CarbonHeader } from "carbon-components-react";
|
|
25
25
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
26
|
-
;
|
|
27
26
|
export var ApplicationHeader = function (_a) {
|
|
28
|
-
var _b = _a.children, children = _b === void 0 ? "" : _b,
|
|
27
|
+
var _b = _a.children, children = _b === void 0 ? "" : _b, _c = _a.className, className = _c === void 0 ? "" : _c, otherCarbonHeaderProps = __rest(_a, ["children", "className"]);
|
|
29
28
|
return (React.createElement(CarbonHeader, __assign({ className: eccgui + "-application__header " + className }, otherCarbonHeaderProps), children));
|
|
30
29
|
};
|
|
31
30
|
export default ApplicationHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplicationHeader.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"ApplicationHeader.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,IAAI,YAAY,EAAoC,MAAM,yBAAyB,CAAC;AAEnG,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAItE,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAIT;IAHrB,IAAA,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACX,sBAAsB,cAHK,yBAIjC,CAD4B;IAEzB,OAAO,CACH,oBAAC,YAAY,aAAC,SAAS,EAAK,MAAM,6BAAwB,SAAW,IAAM,sBAAsB,GAC5F,QAAQ,CACE,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -20,33 +20,60 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
20
20
|
}
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
|
-
import React from
|
|
23
|
+
import React from "react";
|
|
24
24
|
import { Classes as BlueprintClassNames, Overlay as BlueprintOverlay, } from "@blueprintjs/core";
|
|
25
|
-
import {
|
|
25
|
+
import { Utilities } from "../../common/index.js";
|
|
26
26
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
27
|
+
import { Card } from "./../Card/index.js";
|
|
27
28
|
/**
|
|
28
29
|
* Displays contents on top of other elements, used to create dialogs.
|
|
29
|
-
* For most situations the usage of `SimpleDialog` and `AlertDialog` should be
|
|
30
|
+
* For most situations the usage of `SimpleDialog` and `AlertDialog` should be sufficient.
|
|
30
31
|
* Otherwise this element can be used to create own modal elements and edge cases for modal dialogs.
|
|
31
32
|
* Then it is recommended to use the `Card` element inside.
|
|
32
33
|
*/
|
|
33
34
|
export var Modal = function (_a) {
|
|
34
35
|
var _b;
|
|
35
|
-
var children = _a.children, _c = _a.className, className = _c === void 0 ?
|
|
36
|
+
var children = _a.children, _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.overlayClassName, overlayClassName = _d === void 0 ? "" : _d, _e = _a.size, size = _e === void 0 ? "regular" : _e, _f = _a.canOutsideClickClose, canOutsideClickClose = _f === void 0 ? false : _f, _g = _a.canEscapeKeyClose, canEscapeKeyClose = _g === void 0 ? false : _g, _h = _a.preventBackdrop, preventBackdrop = _h === void 0 ? false : _h, wrapperDivProps = _a.wrapperDivProps, _j = _a.modalFocusable, modalFocusable = _j === void 0 ? true : _j, _k = _a.usePortal, usePortal = _k === void 0 ? true : _k, _l = _a.forceTopPosition, forceTopPosition = _l === void 0 ? false : _l, onOpening = _a.onOpening, otherProps = __rest(_a, ["children", "className", "overlayClassName", "size", "canOutsideClickClose", "canEscapeKeyClose", "preventBackdrop", "wrapperDivProps", "modalFocusable", "usePortal", "forceTopPosition", "onOpening"]);
|
|
37
|
+
var backdropProps = !canOutsideClickClose && canEscapeKeyClose
|
|
38
|
+
? __assign(__assign({}, otherProps.backdropProps), {
|
|
39
|
+
// Escape key won't work anymore otherwise after clicking on the backdrop
|
|
40
|
+
tabIndex: 0 }) : otherProps.backdropProps;
|
|
41
|
+
var focusableProps = modalFocusable
|
|
42
|
+
? {
|
|
43
|
+
tabIndex: 0,
|
|
44
|
+
}
|
|
45
|
+
: undefined;
|
|
36
46
|
var alteredChildren = React.Children.map(children, function (child) {
|
|
37
47
|
if (child.type && child.type === Card) {
|
|
38
48
|
return React.cloneElement(child, {
|
|
39
49
|
isOnlyLayout: true,
|
|
40
|
-
elevation: 4
|
|
50
|
+
elevation: 4,
|
|
41
51
|
});
|
|
42
52
|
}
|
|
43
53
|
return child;
|
|
44
54
|
});
|
|
45
|
-
|
|
46
|
-
|
|
55
|
+
var handlerOnOpening = function (modalElement) {
|
|
56
|
+
var _a, _b;
|
|
57
|
+
if (onOpening) {
|
|
58
|
+
// call the original event handler
|
|
59
|
+
onOpening(modalElement);
|
|
60
|
+
}
|
|
61
|
+
if (usePortal && forceTopPosition) {
|
|
62
|
+
var parentalPortal = modalElement.closest("." + BlueprintClassNames.PORTAL);
|
|
63
|
+
var highestTopIndex = (_a = Utilities.getGlobalVar("highestModalTopIndex")) !== null && _a !== void 0 ? _a : 0;
|
|
64
|
+
if (parentalPortal) {
|
|
65
|
+
var portalTopIndex = parseInt((_b = getComputedStyle(parentalPortal).zIndex) !== null && _b !== void 0 ? _b : 0, 10);
|
|
66
|
+
var newTopIndex = Math.max(portalTopIndex, highestTopIndex) + 1;
|
|
67
|
+
parentalPortal.style.zIndex = "" + newTopIndex;
|
|
68
|
+
Utilities.setGlobalVar("highestModalTopIndex", newTopIndex);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
};
|
|
72
|
+
return (React.createElement(BlueprintOverlay, __assign({}, otherProps, { backdropProps: backdropProps, className: overlayClassName, backdropClassName: eccgui + "-dialog__backdrop", canOutsideClickClose: canOutsideClickClose, canEscapeKeyClose: canEscapeKeyClose, hasBackdrop: !preventBackdrop, usePortal: usePortal, onOpening: handlerOnOpening, portalClassName: eccgui + "-dialog__portal" }),
|
|
73
|
+
React.createElement("div", __assign({}, wrapperDivProps, { className: BlueprintClassNames.DIALOG_CONTAINER, "data-test-id": (_b = otherProps["data-test-id"]) !== null && _b !== void 0 ? _b : "simpleDialogWidget" }, focusableProps, { tabIndex: 0 }),
|
|
47
74
|
React.createElement("section", { className: eccgui + "-dialog__wrapper" +
|
|
48
|
-
(typeof size ===
|
|
49
|
-
(className ?
|
|
75
|
+
(typeof size === "string" ? " " + eccgui + "-dialog__wrapper--" + size : "") +
|
|
76
|
+
(className ? " " + className : "") }, alteredChildren))));
|
|
50
77
|
};
|
|
51
78
|
export default Modal;
|
|
52
79
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,OAAO,IAAI,mBAAmB,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Modal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -52,7 +52,8 @@ export var SimpleDialog = function (_a) {
|
|
|
52
52
|
var _o = __read(React.useState(startInFullScreenMode), 2), displayFullscreen = _o[0], setDisplayFullscreen = _o[1];
|
|
53
53
|
var showToggler = startInFullScreenMode || showFullScreenToggler;
|
|
54
54
|
var intentClassName = intent ? eccgui + "-intent--" + intent : "";
|
|
55
|
-
|
|
55
|
+
var wrapperDivProps = __assign(__assign({}, modalPreventEvents), otherProps.wrapperDivProps);
|
|
56
|
+
return (React.createElement(Modal, __assign({ enforceFocus: enforceFocus }, otherProps, { wrapperDivProps: wrapperDivProps, "data-test-id": (_b = otherProps["data-test-id"]) !== null && _b !== void 0 ? _b : "simpleDialogWidget", canOutsideClickClose: canOutsideClickClose || !preventSimpleClosing, canEscapeKeyClose: canEscapeKeyClose || !preventSimpleClosing, size: displayFullscreen ? "fullscreen" : size }),
|
|
56
57
|
React.createElement(Card, { className: intentClassName },
|
|
57
58
|
title || headerOptions || showToggler ? (React.createElement(CardHeader, null,
|
|
58
59
|
React.createElement(CardTitle, { className: intentClassName }, title),
|
|
@@ -65,5 +66,17 @@ export var SimpleDialog = function (_a) {
|
|
|
65
66
|
!!notifications && (React.createElement(CardContent, { className: eccgui + "-dialog__notifications" }, notifications)),
|
|
66
67
|
actions && (React.createElement(CardActions, { inverseDirection: true, className: intentClassName }, actions)))));
|
|
67
68
|
};
|
|
69
|
+
/** Events that should be prevented to bubble up from a modal that goes beyond the most simple version of a modal, e.g.
|
|
70
|
+
* allows to drag or supports hot keys etc. */
|
|
71
|
+
export var modalPreventEvents = {
|
|
72
|
+
// Prevent certain events from leaving the modal, so that e.g. react-flow does not receive these events doing unexpected stuff
|
|
73
|
+
onContextMenu: function (event) { return event.stopPropagation(); },
|
|
74
|
+
onDrag: function (event) { return event.stopPropagation(); },
|
|
75
|
+
onDragStart: function (event) { return event.stopPropagation(); },
|
|
76
|
+
onDragEnd: function (event) { return event.stopPropagation(); },
|
|
77
|
+
onMouseDown: function (event) { return event.stopPropagation(); },
|
|
78
|
+
onMouseUp: function (event) { return event.stopPropagation(); },
|
|
79
|
+
onClick: function (event) { return event.stopPropagation(); }
|
|
80
|
+
};
|
|
68
81
|
export default SimpleDialog;
|
|
69
82
|
//# sourceMappingURL=SimpleDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/SimpleDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"SimpleDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/SimpleDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAGhD,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,UAAU,MAAM,oBAAoB,CAAC;AAG5C,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,WAAW,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC/F,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,KAAqB,MAAM,SAAS,CAAC;AAwC5C;;;GAGG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAgBT;;IAfhB,IAAA,QAAQ,cAAA,EACR,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,yBAAyB,EAAzB,iBAAiB,mBAAG,KAAK,KAAA,EACzB,aAAU,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,IAAI,UAAA,EACD,UAAU,cAfY,wOAgB5B,CADgB;IAEP,IAAA,KAAA,OAA4C,KAAK,CAAC,QAAQ,CAAU,qBAAqB,CAAC,IAAA,EAAzF,iBAAiB,QAAA,EAAE,oBAAoB,QAAkD,CAAC;IACjG,IAAM,WAAW,GAAG,qBAAqB,IAAI,qBAAqB,CAAC;IACnE,IAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAI,MAAM,iBAAY,MAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IACpE,IAAM,eAAe,yBACd,kBAAkB,GAClB,UAAU,CAAC,eAAe,CAChC,CAAC;IACF,OAAO,CACH,oBAAC,KAAK,aACF,YAAY,EAAE,YAAY,IACtB,UAAU,IACd,eAAe,EAAE,eAAe,kBAElB,MAAA,UAAU,CAAC,cAAc,CAAC,mCAAI,oBAAoB,EAChE,oBAAoB,EAAE,oBAAoB,IAAI,CAAC,oBAAoB,EACnE,iBAAiB,EAAE,iBAAiB,IAAI,CAAC,oBAAoB,EAC7D,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI;QAE7C,oBAAC,IAAI,IAAC,SAAS,EAAE,eAAe;YAC3B,KAAK,IAAI,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CACrC,oBAAC,UAAU;gBACP,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,IAAG,KAAK,CAAa;gBACzD,aAAa,IAAI,WAAW,CAAC,CAAC,CAAC,CAC5B,oBAAC,WAAW;oBACP,aAAa;oBACb,WAAW,IAAI,CACZ,oBAAC,UAAU,IACP,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,EACjE,OAAO,EAAE,cAAM,OAAA,oBAAoB,CAAC,CAAC,iBAAiB,CAAC,EAAxC,CAAwC,GACzD,CACL,CACS,CACjB,CAAC,CAAC,CAAC,CACA,yCAAK,CACR,CACQ,CAChB,CAAC,CAAC,CAAC,IAAI;YACP,SAAS,IAAI,oBAAC,OAAO,OAAG;YACzB,oBAAC,WAAW,QAAE,QAAQ,CAAe;YACpC,SAAS,IAAI,oBAAC,OAAO,OAAG;YACxB,CAAC,CAAC,aAAa,IAAI,CAChB,oBAAC,WAAW,IAAC,SAAS,EAAK,MAAM,2BAAwB,IAAG,aAAa,CAAe,CAC3F;YACA,OAAO,IAAI,CACR,oBAAC,WAAW,IAAC,gBAAgB,QAAC,SAAS,EAAE,eAAe,IACnD,OAAO,CACE,CACjB,CACE,CACH,CACX,CAAC;AACN,CAAC,CAAC;AAEF;8CAC8C;AAC9C,MAAM,CAAC,IAAM,kBAAkB,GAAG;IAC9B,8HAA8H;IAC9H,aAAa,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;IACrE,MAAM,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;IAC9D,WAAW,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;IACnE,SAAS,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;IACjE,WAAW,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;IACnE,SAAS,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;IACjE,OAAO,EAAE,UAAC,KAAyB,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB;CAClE,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -30,7 +30,7 @@ export var IconButton = function (_a) {
|
|
|
30
30
|
var _c = _a.className, className = _c === void 0 ? "" : _c, _d = _a.name, name = _d === void 0 ? "undefined" : _d, text = _a.text, tooltipProps = _a.tooltipProps, description = _a.description, _e = _a.tooltipAsTitle, tooltipAsTitle = _e === void 0 ? false : _e, _f = _a.minimal, minimal = _f === void 0 ? true : _f, restProps = __rest(_a, ["className", "name", "text", "tooltipProps", "description", "tooltipAsTitle", "minimal"]);
|
|
31
31
|
var defaultIconTooltipProps = {
|
|
32
32
|
hoverOpenDelay: 1000,
|
|
33
|
-
openOnTargetFocus: restProps.disabled || ((_b = restProps.tabIndex) !== null && _b !== void 0 ? _b :
|
|
33
|
+
openOnTargetFocus: restProps.disabled || ((_b = restProps.tabIndex) !== null && _b !== void 0 ? _b : 0) < 0 ? false : undefined,
|
|
34
34
|
};
|
|
35
35
|
var iconProps = {
|
|
36
36
|
small: restProps.small,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,MAA4C,MAAM,kBAAkB,CAAC;AAG5E,OAAO,IAAI,MAAM,QAAQ,CAAC;AA+B1B,6CAA6C;AAC7C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAST;;IARd,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,SAAS,cARW,yFAS1B,CADe;IAEZ,IAAM,uBAAuB,GAAG;QAC5B,cAAc,EAAE,IAAI;QACpB,iBAAiB,EAAE,SAAS,CAAC,QAAQ,IAAI,CAAC,MAAA,SAAS,CAAC,QAAQ,mCAAI,
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,MAA4C,MAAM,kBAAkB,CAAC;AAG5E,OAAO,IAAI,MAAM,QAAQ,CAAC;AA+B1B,6CAA6C;AAC7C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAST;;IARd,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,IAAI,UAAA,EACJ,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACX,SAAS,cARW,yFAS1B,CADe;IAEZ,IAAM,uBAAuB,GAAG;QAC5B,cAAc,EAAE,IAAI;QACpB,iBAAiB,EAAE,SAAS,CAAC,QAAQ,IAAI,CAAC,MAAA,SAAS,CAAC,QAAQ,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;KAC7F,CAAC;IACF,IAAM,SAAS,GAAG;QACd,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,WAAW,EAAE,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI;QAC9C,YAAY,EAAE,YAAY;YACtB,CAAC,uBACQ,uBAAuB,GACvB,YAAY,EAErB,CAAC,CAAC,uBAAuB;QAC7B,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;KAChD,CAAC;IAEF,OAAO,CACH,oBAAC,MAAM,aACH,QAAQ,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAClD,KAAK,EAAE,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,IAC5C,SAAS,IACb,IAAI,EACA,OAAO,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAC9C,oBAAC,IAAI,aAAC,IAAI,EAAE,IAAI,IAAM,SAAS,EAAI,CACtC,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACtC,EAEL,SAAS,EAAK,MAAM,mBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -10,6 +10,7 @@ var canonicalIconNames = {
|
|
|
10
10
|
"application-useraccount": icons.UserAvatar,
|
|
11
11
|
"application-vocabularies": icons.Catalog,
|
|
12
12
|
"application-warning": icons.WarningAlt,
|
|
13
|
+
"application-hotkeys": icons.Keyboard,
|
|
13
14
|
"artefact-commit": icons.Commit,
|
|
14
15
|
"artefact-customtask": icons.Script,
|
|
15
16
|
"artefact-dataset-csv": icons.Csv,
|
|
@@ -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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"}
|
|
@@ -26,19 +26,16 @@ import Icon from "./../Icon/Icon.js";
|
|
|
26
26
|
import TestIcon from "./../Icon/TestIcon.js";
|
|
27
27
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
28
28
|
export var OverviewItemDepiction = function (_a) {
|
|
29
|
-
var children = _a.children, _b = _a.className, className = _b === void 0 ?
|
|
29
|
+
var children = _a.children, _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.keepColors, keepColors = _c === void 0 ? false : _c, restProps = __rest(_a, ["children", "className", "keepColors"]);
|
|
30
30
|
var defaultDepictionDisplay = {
|
|
31
31
|
// mimic OverviewItemDepiction "behaviour"
|
|
32
32
|
border: false,
|
|
33
33
|
backgroundColor: keepColors ? undefined : "dark",
|
|
34
34
|
ratio: "1:1",
|
|
35
|
-
padding: "medium"
|
|
35
|
+
padding: "medium",
|
|
36
36
|
};
|
|
37
37
|
// only return Depiction element if it is wrapped inside OverviewItemDepiction
|
|
38
|
-
if (typeof children === "object" &&
|
|
39
|
-
!!children &&
|
|
40
|
-
"type" in children &&
|
|
41
|
-
children.type === Depiction) {
|
|
38
|
+
if (typeof children === "object" && !!children && "type" in children && children.type === Depiction) {
|
|
42
39
|
return React.cloneElement(children, defaultDepictionDisplay);
|
|
43
40
|
}
|
|
44
41
|
// use Depiction element for basic icons
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverviewItemDepiction.js","sourceRoot":"","sources":["../../../../src/components/OverviewItem/OverviewItemDepiction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAOtE,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAKT;IAJzB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EACf,SAAS,cAJsB,uCAKrC,CADe;IAEZ,IAAM,uBAAuB,GAAG;QAC5B,0CAA0C;QAC1C,MAAM,EAAE,KAAK;QACb,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QAChD,KAAK,EAAE,KAAc;QACrB,OAAO,EAAE,QAAoB;KAChC,
|
|
1
|
+
{"version":3,"file":"OverviewItemDepiction.js","sourceRoot":"","sources":["../../../../src/components/OverviewItem/OverviewItemDepiction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAClC,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAC1C,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAOtE,MAAM,CAAC,IAAM,qBAAqB,GAAG,UAAC,EAKT;IAJzB,IAAA,QAAQ,cAAA,EACR,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EACf,SAAS,cAJsB,uCAKrC,CADe;IAEZ,IAAM,uBAAuB,GAAG;QAC5B,0CAA0C;QAC1C,MAAM,EAAE,KAAK;QACb,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM;QAChD,KAAK,EAAE,KAAc;QACrB,OAAO,EAAE,QAAoB;KAChC,CAAC;IACF,8EAA8E;IAC9E,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,CAAC,QAAQ,IAAI,MAAM,IAAI,QAAQ,IAAI,QAAQ,CAAC,IAAI,KAAK,SAAS,EAAE;QACjG,OAAO,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;KAChE;IACD,wCAAwC;IACxC,IACI,OAAO,QAAQ,KAAK,QAAQ;QAC5B,CAAC,CAAC,QAAQ;QACV,MAAM,IAAI,QAAQ;QAClB,CAAC,QAAQ,CAAC,IAAI,KAAK,IAAI,IAAI,QAAQ,CAAC,IAAI,KAAK,QAAQ,CAAC,EACxD;QACE,OAAO,oBAAC,SAAS,aAAC,KAAK,EAAE,QAAuB,IAAM,uBAAuB,EAAI,CAAC;KACrF;IACD,OAAO,CACH,wCACQ,SAAS,IACb,SAAS,EACF,MAAM,8BAA2B;YACpC,CAAC,UAAU,CAAC,CAAC,CAAI,MAAM,0CAAuC,CAAC,CAAC,CAAC,EAAE,CAAC;YACpE,SAAS,KAGZ,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -24,11 +24,11 @@ import React from "react";
|
|
|
24
24
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
25
25
|
import Label from "../Label/Label.js";
|
|
26
26
|
export var PropertyName = function (_a) {
|
|
27
|
-
var _b = _a.className, className = _b === void 0 ? "" : _b, size = _a.size, children = _a.children,
|
|
27
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, size = _a.size, children = _a.children, labelProps = _a.labelProps, otherDtProps = __rest(_a, ["className", "size", "children", "labelProps"]);
|
|
28
28
|
return (React.createElement("dt", __assign({ className: eccgui + "-propertyvalue__property" +
|
|
29
29
|
(size ? " " + eccgui + "-propertyvalue__property--" + size : "") +
|
|
30
|
-
(className ? " " + className : "") },
|
|
31
|
-
React.createElement("div", null, typeof children === "string" ? React.createElement(Label, { text: children, isLayoutForElement: "span" }) : children)));
|
|
30
|
+
(className ? " " + className : "") }, otherDtProps),
|
|
31
|
+
React.createElement("div", null, typeof children === "string" ? (React.createElement(Label, __assign({ text: children, isLayoutForElement: "span" }, labelProps))) : (children))));
|
|
32
32
|
};
|
|
33
33
|
export default PropertyName;
|
|
34
34
|
//# sourceMappingURL=PropertyName.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyName.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,
|
|
1
|
+
{"version":3,"file":"PropertyName.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,KAAqB,MAAM,gBAAgB,CAAC;AAcnD,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAkF;IAAhF,IAAA,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAK,YAAY,cAA7D,+CAA+D,CAAF;IACtF,OAAO,CACH,qCACI,SAAS,EACF,MAAM,6BAA0B;YACnC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAI,MAAM,kCAA6B,IAAM,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,YAAY;QAEhB,iCACK,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,oBAAC,KAAK,aAAC,IAAI,EAAE,QAAQ,EAAE,kBAAkB,EAAC,MAAM,IAAK,UAAU,EAAI,CACtE,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CACC,CACL,CACR,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,3 +1,25 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
1
23
|
import React from "react";
|
|
2
24
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
3
25
|
/**
|
|
@@ -5,11 +27,13 @@ import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
|
5
27
|
* It also can add a visual ruler inside.
|
|
6
28
|
*/
|
|
7
29
|
export var Spacing = function (_a) {
|
|
8
|
-
var _b = _a.size, size = _b === void 0 ? "medium" : _b, _c = _a.hasDivider, hasDivider = _c === void 0 ? false : _c, _d = _a.vertical, vertical = _d === void 0 ? false : _d;
|
|
30
|
+
var _b = _a.size, size = _b === void 0 ? "medium" : _b, _c = _a.hasDivider, hasDivider = _c === void 0 ? false : _c, _d = _a.vertical, vertical = _d === void 0 ? false : _d, otherDivProps = __rest(_a, ["size", "hasDivider", "vertical"]);
|
|
9
31
|
var direction = vertical ? "vertical" : "horizontal";
|
|
10
|
-
return (React.createElement("div", { className: eccgui + "-separation__spacing-" +
|
|
11
|
-
|
|
12
|
-
(
|
|
32
|
+
return (React.createElement("div", __assign({ className: eccgui + "-separation__spacing-" +
|
|
33
|
+
direction +
|
|
34
|
+
(" " + eccgui + "-separation__spacing--") +
|
|
35
|
+
size +
|
|
36
|
+
(hasDivider ? " " + eccgui + "-separation__spacing--hasdivider" : "") }, otherDivProps)));
|
|
13
37
|
};
|
|
14
38
|
export default Spacing;
|
|
15
39
|
//# sourceMappingURL=Spacing.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../../src/components/Separation/Spacing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../../src/components/Separation/Spacing.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAmBtE;;;GAGG;AACH,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,EAAyF;IAAvF,IAAA,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAAE,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAAK,aAAa,cAAzE,kCAA2E,CAAF;IAC7F,IAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IACvD,OAAO,CACH,sCACI,SAAS,EACF,MAAM,0BAAuB;YAChC,SAAS;aACT,MAAI,MAAM,2BAAwB,CAAA;YAClC,IAAI;YACJ,CAAC,UAAU,CAAC,CAAC,CAAC,MAAI,MAAM,qCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC,IAEhE,aAAa,EACnB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -22,19 +22,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from "react";
|
|
24
24
|
import { TableExpandHeader as CarbonTableExpandHeader, } from "carbon-components-react";
|
|
25
|
-
import IconButton from "./../Icon/IconButton.js";
|
|
26
25
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
27
|
-
;
|
|
26
|
+
import IconButton from "./../Icon/IconButton.js";
|
|
28
27
|
/**
|
|
29
28
|
* Adds a button to the table header that can trigger a function to expand/collapse all rows of the table.
|
|
30
29
|
*/
|
|
31
30
|
export function TableExpandHeader(_a) {
|
|
32
|
-
var togglerText = _a.togglerText, isExpanded = _a.isExpanded, onExpand = _a.onExpand, className = _a.className, enableToggle = _a.enableToggle, otherCarbonTableExpandHeaderProps = __rest(_a, ["togglerText", "isExpanded", "onExpand", "className", "enableToggle"]);
|
|
33
|
-
var
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
31
|
+
var togglerText = _a.togglerText, isExpanded = _a.isExpanded, onExpand = _a.onExpand, className = _a.className, enableToggle = _a.enableToggle, toggleIcon = _a.toggleIcon, otherCarbonTableExpandHeaderProps = __rest(_a, ["togglerText", "isExpanded", "onExpand", "className", "enableToggle", "toggleIcon"]);
|
|
32
|
+
var defaultToggleIcon = isExpanded ? "toggler-rowcollapse" : "toggler-rowexpand";
|
|
33
|
+
var toggleButton = React.cloneElement(React.createElement(IconButton, { name: toggleIcon !== null && toggleIcon !== void 0 ? toggleIcon : defaultToggleIcon, text: togglerText }), {
|
|
34
|
+
onClick: onExpand,
|
|
35
|
+
});
|
|
36
|
+
return (React.createElement(CarbonTableExpandHeader, __assign({ className: eccgui + "-simpletable__headexpander" + (className ? " " + className : ""), isExpanded: isExpanded, onExpand: onExpand, enableToggle: false }, otherCarbonTableExpandHeaderProps), enableToggle && toggleButton));
|
|
38
37
|
}
|
|
39
38
|
export default TableExpandHeader;
|
|
40
39
|
//# sourceMappingURL=TableExpandHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableExpandHeader.js","sourceRoot":"","sources":["../../../../src/components/Table/TableExpandHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,iBAAiB,IAAI,uBAAuB,GAE/C,MAAM,yBAAyB,CAAC;
|
|
1
|
+
{"version":3,"file":"TableExpandHeader.js","sourceRoot":"","sources":["../../../../src/components/Table/TableExpandHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACH,iBAAiB,IAAI,uBAAuB,GAE/C,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAItE,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAc9C;;GAEG;AACH,MAAM,UAAU,iBAAiB,CAAC,EAQT;IAPrB,IAAA,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACP,iCAAiC,cAPN,oFAQjC,CADuC;IAEpC,IAAM,iBAAiB,GAAG,UAAU,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,mBAAmB,CAAC;IACnF,IAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAC,UAAU,IAAC,IAAI,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,iBAAiB,EAAE,IAAI,EAAE,WAAW,GAAI,EAAE;QAC9G,OAAO,EAAE,QAAQ;KACpB,CAAC,CAAC;IACH,OAAO,CACH,oBAAC,uBAAuB,aACpB,SAAS,EAAK,MAAM,+BAA4B,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,MAAI,SAAW,CAAC,CAAC,CAAC,EAAE,CAAC,EACrF,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,KAAK,IACf,iCAAiC,GAEpC,YAAY,IAAI,YAAY,CACP,CAC7B,CAAC;AACN,CAAC;AAED,eAAe,iBAAiB,CAAC"}
|
|
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
21
|
return t;
|
|
22
22
|
};
|
|
23
23
|
import React from "react";
|
|
24
|
-
import {
|
|
24
|
+
import { Classes as BlueprintClassNames, InputGroup as BlueprintInputGroup, } from "@blueprintjs/core";
|
|
25
25
|
import { Definitions as IntentDefinitions } from "../../common/Intent/index.js";
|
|
26
26
|
import Icon from "../Icon/Icon.js";
|
|
27
27
|
import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
|
|
@@ -30,7 +30,8 @@ import { useTextValidation } from "./useTextValidation.js";
|
|
|
30
30
|
* Text input field.
|
|
31
31
|
*/
|
|
32
32
|
export var TextField = function (_a) {
|
|
33
|
-
var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.hasStatePrimary, hasStatePrimary = _c === void 0 ? false : _c, _d = _a.hasStateSuccess, hasStateSuccess = _d === void 0 ? false : _d, _e = _a.hasStateWarning, hasStateWarning = _e === void 0 ? false : _e, _f = _a.hasStateDanger, hasStateDanger = _f === void 0 ? false : _f, _g = _a.fullWidth, fullWidth = _g === void 0 ? true : _g, leftIcon = _a.leftIcon, invisibleCharacterWarning = _a.invisibleCharacterWarning, otherProps = __rest(_a, ["className", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "fullWidth", "leftIcon", "invisibleCharacterWarning"]);
|
|
33
|
+
var _b = _a.className, className = _b === void 0 ? "" : _b, _c = _a.hasStatePrimary, hasStatePrimary = _c === void 0 ? false : _c, _d = _a.hasStateSuccess, hasStateSuccess = _d === void 0 ? false : _d, _e = _a.hasStateWarning, hasStateWarning = _e === void 0 ? false : _e, _f = _a.hasStateDanger, hasStateDanger = _f === void 0 ? false : _f, _g = _a.fullWidth, fullWidth = _g === void 0 ? true : _g, leftIcon = _a.leftIcon, invisibleCharacterWarning = _a.invisibleCharacterWarning, _h = _a.escapeToBlur, escapeToBlur = _h === void 0 ? false : _h, otherProps = __rest(_a, ["className", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "fullWidth", "leftIcon", "invisibleCharacterWarning", "escapeToBlur"]);
|
|
34
|
+
var inputRef = React.useRef(null);
|
|
34
35
|
var deprecatedIntent;
|
|
35
36
|
switch (true) {
|
|
36
37
|
case hasStatePrimary:
|
|
@@ -48,7 +49,26 @@ export var TextField = function (_a) {
|
|
|
48
49
|
default:
|
|
49
50
|
break;
|
|
50
51
|
}
|
|
51
|
-
var
|
|
52
|
+
var handleLabelEscape = React.useCallback(function () {
|
|
53
|
+
var _a;
|
|
54
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
55
|
+
if (otherProps.inputRef) {
|
|
56
|
+
var otherInputRef = otherProps.inputRef;
|
|
57
|
+
if (otherInputRef.current) {
|
|
58
|
+
otherInputRef.current.blur();
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}, []);
|
|
62
|
+
var onKeyDown = React.useCallback(function (event) {
|
|
63
|
+
var _a;
|
|
64
|
+
if (escapeToBlur && event.key === "Escape") {
|
|
65
|
+
event.preventDefault();
|
|
66
|
+
handleLabelEscape();
|
|
67
|
+
return false;
|
|
68
|
+
}
|
|
69
|
+
return (_a = otherProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(otherProps, event);
|
|
70
|
+
}, [otherProps.onKeyDown, escapeToBlur]);
|
|
71
|
+
var _j = otherProps.intent, intent = _j === void 0 ? deprecatedIntent : _j, otherBlueprintInputGroupProps = __rest(otherProps, ["intent"]);
|
|
52
72
|
var iconIntent;
|
|
53
73
|
switch (intent) {
|
|
54
74
|
case "edited":
|
|
@@ -65,9 +85,9 @@ export var TextField = function (_a) {
|
|
|
65
85
|
if ((otherBlueprintInputGroupProps.readOnly || otherBlueprintInputGroupProps.disabled) && !!otherBlueprintInputGroupProps.value && !otherBlueprintInputGroupProps.title) {
|
|
66
86
|
otherBlueprintInputGroupProps["title"] = otherBlueprintInputGroupProps.value;
|
|
67
87
|
}
|
|
68
|
-
return (React.createElement(BlueprintInputGroup, __assign({ className: eccgui + "-textfield" +
|
|
88
|
+
return (React.createElement(BlueprintInputGroup, __assign({ inputRef: inputRef, className: eccgui + "-textfield" +
|
|
69
89
|
(intent ? " " + eccgui + "-intent--" + intent : "") +
|
|
70
|
-
(!!className ? " " + className : ""), intent: (intent && !(["info", "edited", "removed", "neutral"].includes(intent))) ? intent : undefined, fill: fullWidth }, otherBlueprintInputGroupProps, { leftElement: leftIcon != null && leftIcon !== false ? (typeof leftIcon === "string" ? (React.createElement(Icon, { name: leftIcon, className: BlueprintClassNames.ICON, intent: iconIntent })) : (React.createElement("span", { className: BlueprintClassNames.ICON }, leftIcon))) : undefined, dir: "auto", onChange: maybeWrappedOnChange })));
|
|
90
|
+
(!!className ? " " + className : ""), intent: (intent && !(["info", "edited", "removed", "neutral"].includes(intent))) ? intent : undefined, fill: fullWidth }, otherBlueprintInputGroupProps, { leftElement: leftIcon != null && leftIcon !== false ? (typeof leftIcon === "string" ? (React.createElement(Icon, { name: leftIcon, className: BlueprintClassNames.ICON, intent: iconIntent })) : (React.createElement("span", { className: BlueprintClassNames.ICON }, leftIcon))) : undefined, dir: "auto", onChange: maybeWrappedOnChange, onKeyDown: otherProps.onKeyDown || escapeToBlur ? onKeyDown : undefined })));
|
|
71
91
|
};
|
|
72
92
|
export default TextField;
|
|
73
93
|
//# sourceMappingURL=TextField.js.map
|