@eccenca/gui-elements 23.2.0 → 23.3.0-rc.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +38 -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/components/Application/ApplicationHeader.js +2 -3
- package/dist/cjs/components/Application/ApplicationHeader.js.map +1 -1
- package/dist/cjs/components/Dialog/Modal.js +17 -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/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/handles/HandleDefault.js +26 -5
- package/dist/cjs/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleTools.js +27 -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 +25 -5
- 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/components/Application/ApplicationHeader.js +2 -3
- package/dist/esm/components/Application/ApplicationHeader.js.map +1 -1
- package/dist/esm/components/Dialog/Modal.js +18 -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/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/handles/HandleDefault.js +45 -8
- package/dist/esm/extensions/react-flow/handles/HandleDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleTools.js +31 -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 +32 -12
- 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/components/Application/ApplicationHeader.d.ts +1 -2
- package/dist/types/components/Dialog/Modal.d.ts +13 -6
- 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/TextField/TextField.d.ts +4 -2
- package/dist/types/extensions/codemirror/CodeMirror.d.ts +17 -3
- package/dist/types/extensions/react-flow/handles/HandleDefault.d.ts +2 -2
- package/dist/types/extensions/react-flow/handles/HandleTools.d.ts +6 -0
- package/dist/types/extensions/react-flow/index.d.ts +2 -0
- package/dist/types/extensions/react-flow/nodes/NodeContent.d.ts +21 -1
- package/package.json +14 -12
- 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/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/AutoSuggestion/tests/AutoSuggestion.test.tsx +34 -21
- package/src/components/AutoSuggestion/tests/SingleLineCodeEditor.test.tsx +20 -9
- package/src/components/Dialog/Modal.tsx +62 -37
- package/src/components/Dialog/SimpleDialog.tsx +19 -1
- package/src/components/Dialog/dialog.scss +29 -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/Separation/Spacing.tsx +12 -8
- 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/stories/EdgeDefault.stories.tsx +43 -44
- package/src/extensions/react-flow/handles/HandleDefault.tsx +40 -33
- package/src/extensions/react-flow/handles/HandleTools.tsx +22 -0
- package/src/extensions/react-flow/handles/_handles.scss +64 -44
- package/src/extensions/react-flow/handles/stories/HandleDefault.stories.tsx +33 -27
- package/src/extensions/react-flow/index.ts +2 -0
- package/src/extensions/react-flow/nodes/NodeContent.tsx +62 -2
- package/src/extensions/react-flow/nodes/_nodes.scss +170 -110
- package/src/extensions/react-flow/nodes/stories/NodeDefault.stories.tsx +32 -34
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,44 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
6
6
|
|
|
7
7
|
## [Unreleased]
|
|
8
8
|
|
|
9
|
+
### Added
|
|
10
|
+
|
|
11
|
+
- `<PropertyName />`
|
|
12
|
+
- provide `labelProps` to configure the automatically injected `Label` element when `PropertyName` is only a string
|
|
13
|
+
- `<CodeEditor />`
|
|
14
|
+
- support for additional modes: jinja2, yaml and json
|
|
15
|
+
- add read-only mode
|
|
16
|
+
- add `height` parameter to set a fixed height of the editor
|
|
17
|
+
- add `wrapLines` option to control auto-wrapping long lines (the default for wrap long lines is set to false now)
|
|
18
|
+
- `<TextField />`:
|
|
19
|
+
- Parameter `escapeToBlur`: If set to true the input field blurs/de-focuces when the `Escape` key is pressed.
|
|
20
|
+
- `<Modal />`:
|
|
21
|
+
- Parameter `modalFocusable: boolean`: When `true` the outer `div` element of the modal can be focused by clicking on it.
|
|
22
|
+
This is needed e.g. when key (down, up) events should trigger on the modal in order
|
|
23
|
+
to bubble up to its parent elements.
|
|
24
|
+
- `<HandleTools />`: can be used as single handle content to add an context menu to handles
|
|
25
|
+
- `<NodeContent />`
|
|
26
|
+
- `introductionTime` parameter could be used to visualize the node was added or updated
|
|
27
|
+
- `<ReactFlow />`:
|
|
28
|
+
- Support disabling the react-flow hot keys via a React context, e.g. `Delete` etc.
|
|
29
|
+
|
|
30
|
+
### Changed
|
|
31
|
+
|
|
32
|
+
- `<ApplicationHeader />`
|
|
33
|
+
- it is now possible to overwrite the background color by setting `--eccgui-appheader-color-background`
|
|
34
|
+
- `<Modal />`
|
|
35
|
+
- new `xlarge` size option
|
|
36
|
+
- re-configure appearance of the sizes, `small` is displayed a bit smaller, `large` a bit larger than before
|
|
37
|
+
|
|
38
|
+
### Fixed
|
|
39
|
+
|
|
40
|
+
- `<Modal />`:
|
|
41
|
+
- Escape key to close does not work anymore after clicking on the backdrop for `canOutsideClickClose=false` and `canEscapeKeyClose=true`.
|
|
42
|
+
- `<PropertyName />`
|
|
43
|
+
- provide `labelProps` to configure the automatically injected `Label` element when `PropertyName` is only a string
|
|
44
|
+
- `<Spacing />`
|
|
45
|
+
- allow other `div` attributes, e.g. `style`
|
|
46
|
+
|
|
9
47
|
## [23.2.0] - 2023-07-14
|
|
10
48
|
|
|
11
49
|
### Added
|
|
@@ -42,23 +42,27 @@ const graphConfig = __importStar(require("./../configuration/graph"));
|
|
|
42
42
|
const workflowConfig = __importStar(require("./../configuration/workflow"));
|
|
43
43
|
const linkingConfig = __importStar(require("./../configuration/linking"));
|
|
44
44
|
const scrollOnDragHook_1 = require("../extensions/scrollOnDragHook");
|
|
45
|
+
const ReactFlowHotkeyContext_1 = require("../extensions/ReactFlowHotkeyContext");
|
|
45
46
|
/**
|
|
46
47
|
* `ReactFlow` container extension that includes pre-configured nodes and edges for
|
|
47
48
|
* Corporate Memory tools.
|
|
48
49
|
*/
|
|
49
50
|
exports.ReactFlow = react_1.default.forwardRef((_a, ref) => {
|
|
50
51
|
var { configuration = "unspecified", scrollOnDrag, children } = _a, originalProps = __rest(_a, ["configuration", "scrollOnDrag", "children"]);
|
|
52
|
+
/** If the hot keys should be disabled. By default, they are always disabled. */
|
|
53
|
+
const { hotKeysDisabled } = react_1.default.useContext(ReactFlowHotkeyContext_1.ReactFlowHotkeyContext);
|
|
51
54
|
const scrollOnDragFunctions = (0, scrollOnDragHook_1.useReactFlowScrollOnDrag)({
|
|
52
55
|
reactFlowProps: originalProps,
|
|
53
56
|
scrollOnDrag
|
|
54
57
|
});
|
|
58
|
+
const { selectionKeyCode, multiSelectionKeyCode, deleteKeyCode, zoomActivationKeyCode } = originalProps;
|
|
55
59
|
const configReactFlow = {
|
|
56
60
|
unspecified: unspecifiedConfig,
|
|
57
61
|
graph: graphConfig,
|
|
58
62
|
workflow: workflowConfig,
|
|
59
63
|
linking: linkingConfig,
|
|
60
64
|
};
|
|
61
|
-
return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps, scrollOnDragFunctions),
|
|
65
|
+
return (react_1.default.createElement(react_flow_renderer_1.default, Object.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 }),
|
|
62
66
|
children,
|
|
63
67
|
react_1.default.createElement(ReactFlowMarkers_1.ReactFlowMarkers, null)));
|
|
64
68
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2G;AAC3G,8FAAyF;AACzF,kFAAoE;AACpE,sEAAwD;AACxD,4EAA8D;AAC9D,0EAA4D;AAC5D,qEAAwE;
|
|
1
|
+
{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2G;AAC3G,8FAAyF;AACzF,kFAAoE;AACpE,sEAAwD;AACxD,4EAA8D;AAC9D,0EAA4D;AAC5D,qEAAwE;AACxE,iFAA4E;AAwB5E;;;GAGG;AACU,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAiC,CACtE,EAKC,EACD,GAAG,EAAE,EAAE;QANP,EACI,aAAa,GAAG,aAAa,EAC7B,YAAY,EACZ,QAAQ,OAEX,EADM,aAAa,cAJpB,6CAKC,CADmB;IAIpB,gFAAgF;IAChF,MAAM,EAAC,eAAe,EAAC,GAAG,eAAK,CAAC,UAAU,CAAC,+CAAsB,CAAC,CAAA;IAElE,MAAM,qBAAqB,GAAG,IAAA,2CAAwB,EAAC;QACnD,cAAc,EAAE,aAAa;QAC7B,YAAY;KACf,CAAC,CAAA;IAEF,MAAM,EAAC,gBAAgB,EAAE,qBAAqB,EAAE,aAAa,EAAE,qBAAqB,EAAC,GAAG,aAAa,CAAA;IAErG,MAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAA;IAED,OAAO,CACH,8BAAC,6BAAiB,kBACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACpD,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAChD,aAAa,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,8BAAC,mCAAgB,OAAG,CACJ,CACvB,CAAC;AACN,CAAC,CAAC,CAAA"}
|
|
@@ -8,26 +8,24 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const index_1 = require("./../../../index");
|
|
9
9
|
const getColorConfiguration_1 = __importDefault(require("../../../common/utils/getColorConfiguration"));
|
|
10
10
|
const extensions_1 = require("../../../extensions");
|
|
11
|
+
const ReactFlowHotkeyContext_1 = require("../extensions/ReactFlowHotkeyContext");
|
|
11
12
|
exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, translate }) => {
|
|
12
13
|
var _a, _b;
|
|
13
14
|
const refNote = react_1.default.useRef((_a = metaData === null || metaData === void 0 ? void 0 : metaData.note) !== null && _a !== void 0 ? _a : "");
|
|
14
15
|
const [color, setSelectedColor] = react_1.default.useState((_b = metaData === null || metaData === void 0 ? void 0 : metaData.color) !== null && _b !== void 0 ? _b : "");
|
|
15
16
|
const noteColors = Object.entries((0, getColorConfiguration_1.default)("stickynotes")).map(([key, value]) => [key, value]);
|
|
17
|
+
const { disableHotKeys } = react_1.default.useContext(ReactFlowHotkeyContext_1.ReactFlowHotkeyContext);
|
|
18
|
+
react_1.default.useEffect(() => {
|
|
19
|
+
disableHotKeys(true);
|
|
20
|
+
return () => {
|
|
21
|
+
disableHotKeys(false);
|
|
22
|
+
};
|
|
23
|
+
}, []);
|
|
16
24
|
react_1.default.useEffect(() => {
|
|
17
25
|
if (!color && noteColors[0][1]) {
|
|
18
26
|
setSelectedColor(noteColors[0][1]);
|
|
19
27
|
}
|
|
20
28
|
}, [color, noteColors]);
|
|
21
|
-
const wrapperDivProps = {
|
|
22
|
-
// Prevent react-flow from getting these events
|
|
23
|
-
onContextMenu: (event) => event.stopPropagation(),
|
|
24
|
-
onDrag: (event) => event.stopPropagation(),
|
|
25
|
-
onDragStart: (event) => event.stopPropagation(),
|
|
26
|
-
onDragEnd: (event) => event.stopPropagation(),
|
|
27
|
-
onMouseDown: (event) => event.stopPropagation(),
|
|
28
|
-
onMouseUp: (event) => event.stopPropagation(),
|
|
29
|
-
onClick: (event) => event.stopPropagation(),
|
|
30
|
-
};
|
|
31
29
|
const predefinedColorsMenu = (react_1.default.createElement(index_1.TagList, null, noteColors &&
|
|
32
30
|
noteColors.map(([colorName, colorValue]) => {
|
|
33
31
|
const selectedFeedback = color === colorValue
|
|
@@ -38,7 +36,7 @@ exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, t
|
|
|
38
36
|
: {};
|
|
39
37
|
return (react_1.default.createElement(index_1.Tag, Object.assign({ round: true, onClick: () => setSelectedColor(colorValue), backgroundColor: colorValue }, selectedFeedback, { key: colorName })));
|
|
40
38
|
})));
|
|
41
|
-
return (react_1.default.createElement(index_1.SimpleDialog, { "data-test-id": "sticky-note-modal", size: "small", title: translate("modalTitle"), hasBorder: true, isOpen: true, onClose: onClose,
|
|
39
|
+
return (react_1.default.createElement(index_1.SimpleDialog, { "data-test-id": "sticky-note-modal", size: "small", title: translate("modalTitle"), hasBorder: true, isOpen: true, onClose: onClose, actions: [
|
|
42
40
|
react_1.default.createElement(index_1.Button, { key: "submit", "data-test-id": "sticky-submit-btn", affirmative: true, onClick: () => {
|
|
43
41
|
onSubmit({ note: refNote.current, color: color || "#444444" });
|
|
44
42
|
onClose();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,4CAAuF;AACvF,wGAAgF;AAChF,oDAAiD;
|
|
1
|
+
{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.ReactFlowHotkeyContext = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
exports.ReactFlowHotkeyContext = react_1.default.createContext({
|
|
9
|
+
disableHotKeys: () => { },
|
|
10
|
+
hotKeysDisabled: false
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=ReactFlowHotkeyContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ReactFlowHotkeyContext.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/extensions/ReactFlowHotkeyContext.ts"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAUb,QAAA,sBAAsB,GAAG,eAAK,CAAC,aAAa,CAA8B;IACnF,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,eAAe,EAAE,KAAK;CACzB,CAAC,CAAA"}
|
|
@@ -18,10 +18,9 @@ exports.ApplicationHeader = void 0;
|
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const carbon_components_react_1 = require("carbon-components-react");
|
|
20
20
|
const constants_1 = require("../../configuration/constants");
|
|
21
|
-
;
|
|
22
21
|
const ApplicationHeader = (_a) => {
|
|
23
|
-
var { children = "", className } = _a, otherCarbonHeaderProps = __rest(_a, ["children", "className"]);
|
|
24
|
-
return (react_1.default.createElement(carbon_components_react_1.Header, Object.assign({ className: `${constants_1.CLASSPREFIX}-application__header `
|
|
22
|
+
var { children = "", className = "" } = _a, otherCarbonHeaderProps = __rest(_a, ["children", "className"]);
|
|
23
|
+
return (react_1.default.createElement(carbon_components_react_1.Header, Object.assign({ className: `${constants_1.CLASSPREFIX}-application__header ${className}` }, otherCarbonHeaderProps), children));
|
|
25
24
|
};
|
|
26
25
|
exports.ApplicationHeader = ApplicationHeader;
|
|
27
26
|
exports.default = exports.ApplicationHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApplicationHeader.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"ApplicationHeader.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAmG;AAEnG,6DAAsE;AAI/D,MAAM,iBAAiB,GAAG,CAAC,EAIT,EAAE,EAAE;QAJK,EAC9B,QAAQ,GAAG,EAAE,EACb,SAAS,GAAG,EAAE,OAEO,EADlB,sBAAsB,cAHK,yBAIjC,CAD4B;IAEzB,OAAO,CACH,8BAAC,gCAAY,kBAAC,SAAS,EAAE,GAAG,uBAAM,wBAAwB,SAAS,EAAE,IAAM,sBAAsB,GAC5F,QAAQ,CACE,CAClB,CAAC;AACN,CAAC,CAAC;AAVW,QAAA,iBAAiB,qBAU5B;AAEF,kBAAe,yBAAiB,CAAC"}
|
|
@@ -17,31 +17,40 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.Modal = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const core_1 = require("@blueprintjs/core");
|
|
20
|
-
const Card_1 = require("./../Card");
|
|
21
20
|
const constants_1 = require("../../configuration/constants");
|
|
21
|
+
const Card_1 = require("./../Card");
|
|
22
22
|
/**
|
|
23
23
|
* Displays contents on top of other elements, used to create dialogs.
|
|
24
|
-
* For most situations the usage of `SimpleDialog` and `AlertDialog` should be
|
|
24
|
+
* For most situations the usage of `SimpleDialog` and `AlertDialog` should be sufficient.
|
|
25
25
|
* Otherwise this element can be used to create own modal elements and edge cases for modal dialogs.
|
|
26
26
|
* Then it is recommended to use the `Card` element inside.
|
|
27
27
|
*/
|
|
28
28
|
const Modal = (_a) => {
|
|
29
29
|
var _b;
|
|
30
|
-
var { children, className =
|
|
30
|
+
var { children, className = "", overlayClassName = "", size = "regular", canOutsideClickClose = false, canEscapeKeyClose = false, preventBackdrop = false, wrapperDivProps, modalFocusable = true } = _a, otherProps = __rest(_a, ["children", "className", "overlayClassName", "size", "canOutsideClickClose", "canEscapeKeyClose", "preventBackdrop", "wrapperDivProps", "modalFocusable"]);
|
|
31
|
+
const backdropProps = !canOutsideClickClose && canEscapeKeyClose
|
|
32
|
+
? Object.assign(Object.assign({}, otherProps.backdropProps), {
|
|
33
|
+
// Escape key won't work anymore otherwise after clicking on the backdrop
|
|
34
|
+
tabIndex: 0 }) : otherProps.backdropProps;
|
|
35
|
+
const focusableProps = modalFocusable
|
|
36
|
+
? {
|
|
37
|
+
tabIndex: 0,
|
|
38
|
+
}
|
|
39
|
+
: undefined;
|
|
31
40
|
const alteredChildren = react_1.default.Children.map(children, (child) => {
|
|
32
41
|
if (child.type && child.type === Card_1.Card) {
|
|
33
42
|
return react_1.default.cloneElement(child, {
|
|
34
43
|
isOnlyLayout: true,
|
|
35
|
-
elevation: 4
|
|
44
|
+
elevation: 4,
|
|
36
45
|
});
|
|
37
46
|
}
|
|
38
47
|
return child;
|
|
39
48
|
});
|
|
40
|
-
return (react_1.default.createElement(core_1.Overlay, Object.assign({}, otherProps, { className: overlayClassName, backdropClassName: `${constants_1.CLASSPREFIX}-dialog__backdrop`, canOutsideClickClose: canOutsideClickClose, canEscapeKeyClose: canEscapeKeyClose, hasBackdrop: !preventBackdrop }),
|
|
41
|
-
react_1.default.createElement("div", Object.assign({}, wrapperDivProps, { className: core_1.Classes.DIALOG_CONTAINER, "data-test-id": (_b = otherProps["data-test-id"]) !== null && _b !== void 0 ? _b : "simpleDialogWidget" }),
|
|
49
|
+
return (react_1.default.createElement(core_1.Overlay, Object.assign({}, otherProps, { backdropProps: backdropProps, className: overlayClassName, backdropClassName: `${constants_1.CLASSPREFIX}-dialog__backdrop`, canOutsideClickClose: canOutsideClickClose, canEscapeKeyClose: canEscapeKeyClose, hasBackdrop: !preventBackdrop }),
|
|
50
|
+
react_1.default.createElement("div", Object.assign({}, wrapperDivProps, { className: core_1.Classes.DIALOG_CONTAINER, "data-test-id": (_b = otherProps["data-test-id"]) !== null && _b !== void 0 ? _b : "simpleDialogWidget" }, focusableProps, { tabIndex: 0 }),
|
|
42
51
|
react_1.default.createElement("section", { className: `${constants_1.CLASSPREFIX}-dialog__wrapper` +
|
|
43
|
-
(typeof size ===
|
|
44
|
-
(className ?
|
|
52
|
+
(typeof size === "string" ? ` ${constants_1.CLASSPREFIX}-dialog__wrapper--` + size : "") +
|
|
53
|
+
(className ? " " + className : "") }, alteredChildren))));
|
|
45
54
|
};
|
|
46
55
|
exports.Modal = Modal;
|
|
47
56
|
exports.default = exports.Modal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/Dialog/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4CAK2B;AAE3B,6DAAsE;AAEtE,oCAAiC;AA2BjC;;;;;GAKG;AACI,MAAM,KAAK,GAAG,CAAC,EAWT,EAAE,EAAE;;QAXK,EAClB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,gBAAgB,GAAG,EAAE,EACrB,IAAI,GAAG,SAAS,EAChB,oBAAoB,GAAG,KAAK,EAC5B,iBAAiB,GAAG,KAAK,EACzB,eAAe,GAAG,KAAK,EACvB,eAAe,EACf,cAAc,GAAG,IAAI,OAEZ,EADN,UAAU,cAVK,0JAWrB,CADgB;IAEb,MAAM,aAAa,GACf,CAAC,oBAAoB,IAAI,iBAAiB;QACtC,CAAC,iCACQ,UAAU,CAAC,aAAa;YAC3B,yEAAyE;YACzE,QAAQ,EAAE,CAAC,IAEjB,CAAC,CAAC,UAAU,CAAC,aAAa,CAAC;IAEnC,MAAM,cAAc,GAAG,cAAc;QACjC,CAAC,CAAC;YACI,QAAQ,EAAE,CAAC;SACd;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,eAAe,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;QAC3D,IAAK,KAA4B,CAAC,IAAI,IAAK,KAA4B,CAAC,IAAI,KAAK,WAAI,EAAE;YACnF,OAAO,eAAK,CAAC,YAAY,CAAC,KAA2B,EAAE;gBACnD,YAAY,EAAE,IAAI;gBAClB,SAAS,EAAE,CAAC;aACf,CAAC,CAAC;SACN;QAED,OAAO,KAAK,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,8BAAC,cAAgB,oBACT,UAAU,IACd,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,gBAAgB,EAC3B,iBAAiB,EAAE,GAAG,uBAAM,mBAAmB,EAC/C,oBAAoB,EAAE,oBAAoB,EAC1C,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,CAAC,eAAe;QAE7B,uDACQ,eAAe,IACnB,SAAS,EAAE,cAAmB,CAAC,gBAAgB,kBAEjC,MAAC,UAAkB,CAAC,cAAc,CAAC,mCAAI,oBAAoB,IACrE,cAAc,IAClB,QAAQ,EAAE,CAAC;YAEX,2CACI,SAAS,EACL,GAAG,uBAAM,kBAAkB;oBAC3B,CAAC,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,uBAAM,oBAAoB,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;oBACvE,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAGrC,eAAe,CACV,CACR,CACS,CACtB,CAAC;AACN,CAAC,CAAC;AApEW,QAAA,KAAK,SAoEhB;AAEF,kBAAe,aAAK,CAAC"}
|
|
@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
14
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.SimpleDialog = void 0;
|
|
17
|
+
exports.modalPreventEvents = exports.SimpleDialog = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const constants_1 = require("../../configuration/constants");
|
|
20
20
|
const IconButton_1 = __importDefault(require("../Icon/IconButton"));
|
|
@@ -31,7 +31,8 @@ const SimpleDialog = (_a) => {
|
|
|
31
31
|
const [displayFullscreen, setDisplayFullscreen] = react_1.default.useState(startInFullScreenMode);
|
|
32
32
|
const showToggler = startInFullScreenMode || showFullScreenToggler;
|
|
33
33
|
const intentClassName = intent ? `${constants_1.CLASSPREFIX}-intent--${intent}` : "";
|
|
34
|
-
|
|
34
|
+
const wrapperDivProps = Object.assign(Object.assign({}, exports.modalPreventEvents), otherProps.wrapperDivProps);
|
|
35
|
+
return (react_1.default.createElement(Modal_1.default, Object.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 }),
|
|
35
36
|
react_1.default.createElement(Card_1.Card, { className: intentClassName },
|
|
36
37
|
title || headerOptions || showToggler ? (react_1.default.createElement(Card_1.CardHeader, null,
|
|
37
38
|
react_1.default.createElement(Card_1.CardTitle, { className: intentClassName }, title),
|
|
@@ -45,5 +46,17 @@ const SimpleDialog = (_a) => {
|
|
|
45
46
|
actions && (react_1.default.createElement(Card_1.CardActions, { inverseDirection: true, className: intentClassName }, actions)))));
|
|
46
47
|
};
|
|
47
48
|
exports.SimpleDialog = SimpleDialog;
|
|
49
|
+
/** Events that should be prevented to bubble up from a modal that goes beyond the most simple version of a modal, e.g.
|
|
50
|
+
* allows to drag or supports hot keys etc. */
|
|
51
|
+
exports.modalPreventEvents = {
|
|
52
|
+
// Prevent certain events from leaving the modal, so that e.g. react-flow does not receive these events doing unexpected stuff
|
|
53
|
+
onContextMenu: (event) => event.stopPropagation(),
|
|
54
|
+
onDrag: (event) => event.stopPropagation(),
|
|
55
|
+
onDragStart: (event) => event.stopPropagation(),
|
|
56
|
+
onDragEnd: (event) => event.stopPropagation(),
|
|
57
|
+
onMouseDown: (event) => event.stopPropagation(),
|
|
58
|
+
onMouseUp: (event) => event.stopPropagation(),
|
|
59
|
+
onClick: (event) => event.stopPropagation()
|
|
60
|
+
};
|
|
48
61
|
exports.default = exports.SimpleDialog;
|
|
49
62
|
//# sourceMappingURL=SimpleDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/SimpleDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"SimpleDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/SimpleDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ const IconButton = (_a) => {
|
|
|
25
25
|
var { className = "", name = "undefined", text, tooltipProps, description, tooltipAsTitle = false, minimal = true } = _a, restProps = __rest(_a, ["className", "name", "text", "tooltipProps", "description", "tooltipAsTitle", "minimal"]);
|
|
26
26
|
const defaultIconTooltipProps = {
|
|
27
27
|
hoverOpenDelay: 1000,
|
|
28
|
-
openOnTargetFocus: restProps.disabled || ((_b = restProps.tabIndex) !== null && _b !== void 0 ? _b :
|
|
28
|
+
openOnTargetFocus: restProps.disabled || ((_b = restProps.tabIndex) !== null && _b !== void 0 ? _b : 0) < 0 ? false : undefined,
|
|
29
29
|
};
|
|
30
30
|
const iconProps = {
|
|
31
31
|
small: restProps.small,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../src/components/Icon/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AACtE,8DAA4E;AAG5E,kDAA0B;AA+B1B,6CAA6C;AACtC,MAAM,UAAU,GAAG,CAAC,EAST,EAAE,EAAE;;QATK,EACvB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,WAAW,EAClB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,IAAI,OAEA,EADX,SAAS,cARW,yFAS1B,CADe;IAEZ,MAAM,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,kDAA0B;AAE1B,6DAAsE;AACtE,8DAA4E;AAG5E,kDAA0B;AA+B1B,6CAA6C;AACtC,MAAM,UAAU,GAAG,CAAC,EAST,EAAE,EAAE;;QATK,EACvB,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,WAAW,EAClB,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,IAAI,OAEA,EADX,SAAS,cARW,yFAS1B,CADe;IAEZ,MAAM,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,MAAM,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,iCACQ,uBAAuB,GACvB,YAAY,EAErB,CAAC,CAAC,uBAAuB;QAC7B,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;KAChD,CAAC;IAEF,OAAO,CACH,8BAAC,gBAAM,kBACH,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,8BAAC,cAAI,kBAAC,IAAI,EAAE,IAAI,IAAM,SAAS,EAAI,CACtC,CAAC,CAAC,CAAC,CACA,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CACtC,EAEL,SAAS,EAAE,GAAG,uBAAM,gBAAgB,GAAG,SAAS,EAChD,OAAO,EAAE,OAAO,IAClB,CACL,CAAC;AACN,CAAC,CAAC;AA3CW,QAAA,UAAU,cA2CrB;AAEF,kBAAe,kBAAU,CAAC"}
|
|
@@ -31,6 +31,7 @@ const canonicalIconNames = {
|
|
|
31
31
|
"application-useraccount": icons.UserAvatar,
|
|
32
32
|
"application-vocabularies": icons.Catalog,
|
|
33
33
|
"application-warning": icons.WarningAlt,
|
|
34
|
+
"application-hotkeys": icons.Keyboard,
|
|
34
35
|
"artefact-commit": icons.Commit,
|
|
35
36
|
"artefact-customtask": icons.Script,
|
|
36
37
|
"artefact-dataset-csv": icons.Csv,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,2DAA6C;
|
|
1
|
+
{"version":3,"file":"canonicalIconNames.js","sourceRoot":"","sources":["../../../../src/components/Icon/canonicalIconNames.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,19 +21,16 @@ const Icon_1 = __importDefault(require("./../Icon/Icon"));
|
|
|
21
21
|
const TestIcon_1 = __importDefault(require("./../Icon/TestIcon"));
|
|
22
22
|
const constants_1 = require("../../configuration/constants");
|
|
23
23
|
const OverviewItemDepiction = (_a) => {
|
|
24
|
-
var { children, className =
|
|
24
|
+
var { children, className = "", keepColors = false } = _a, restProps = __rest(_a, ["children", "className", "keepColors"]);
|
|
25
25
|
const defaultDepictionDisplay = {
|
|
26
26
|
// mimic OverviewItemDepiction "behaviour"
|
|
27
27
|
border: false,
|
|
28
28
|
backgroundColor: keepColors ? undefined : "dark",
|
|
29
29
|
ratio: "1:1",
|
|
30
|
-
padding: "medium"
|
|
30
|
+
padding: "medium",
|
|
31
31
|
};
|
|
32
32
|
// only return Depiction element if it is wrapped inside OverviewItemDepiction
|
|
33
|
-
if (typeof children === "object" &&
|
|
34
|
-
!!children &&
|
|
35
|
-
"type" in children &&
|
|
36
|
-
children.type === Depiction_1.Depiction) {
|
|
33
|
+
if (typeof children === "object" && !!children && "type" in children && children.type === Depiction_1.Depiction) {
|
|
37
34
|
return react_1.default.cloneElement(children, defaultDepictionDisplay);
|
|
38
35
|
}
|
|
39
36
|
// use Depiction element for basic icons
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverviewItemDepiction.js","sourceRoot":"","sources":["../../../../src/components/OverviewItem/OverviewItemDepiction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,wDAAqD;AACrD,0DAAkC;AAClC,kEAA0C;AAC1C,6DAAsE;AAO/D,MAAM,qBAAqB,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EAClC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,OAEO,EADtB,SAAS,cAJsB,uCAKrC,CADe;IAEZ,MAAM,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,kDAA0B;AAC1B,wDAAqD;AACrD,0DAAkC;AAClC,kEAA0C;AAC1C,6DAAsE;AAO/D,MAAM,qBAAqB,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EAClC,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,GAAG,KAAK,OAEO,EADtB,SAAS,cAJsB,uCAKrC,CADe;IAEZ,MAAM,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,qBAAS,EAAE;QACjG,OAAO,eAAK,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,cAAI,IAAI,QAAQ,CAAC,IAAI,KAAK,kBAAQ,CAAC,EACxD;QACE,OAAO,8BAAC,qBAAS,kBAAC,KAAK,EAAE,QAAuB,IAAM,uBAAuB,EAAI,CAAC;KACrF;IACD,OAAO,CACH,uDACQ,SAAS,IACb,SAAS,EACL,GAAG,uBAAM,2BAA2B;YACpC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,uBAAM,uCAAuC,CAAC,CAAC,CAAC,EAAE,CAAC;YACpE,SAAS,KAGZ,QAAQ,CACP,CACT,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,qBAAqB,yBAsChC;AAEF,kBAAe,6BAAqB,CAAC"}
|
|
@@ -19,11 +19,11 @@ const react_1 = __importDefault(require("react"));
|
|
|
19
19
|
const constants_1 = require("../../configuration/constants");
|
|
20
20
|
const Label_1 = __importDefault(require("../Label/Label"));
|
|
21
21
|
const PropertyName = (_a) => {
|
|
22
|
-
var { className = "", size, children } = _a,
|
|
22
|
+
var { className = "", size, children, labelProps } = _a, otherDtProps = __rest(_a, ["className", "size", "children", "labelProps"]);
|
|
23
23
|
return (react_1.default.createElement("dt", Object.assign({ className: `${constants_1.CLASSPREFIX}-propertyvalue__property` +
|
|
24
24
|
(size ? ` ${constants_1.CLASSPREFIX}-propertyvalue__property--${size}` : "") +
|
|
25
|
-
(className ? " " + className : "") },
|
|
26
|
-
react_1.default.createElement("div", null, typeof children === "string" ? react_1.default.createElement(Label_1.default, { text: children, isLayoutForElement: "span" }) : children)));
|
|
25
|
+
(className ? " " + className : "") }, otherDtProps),
|
|
26
|
+
react_1.default.createElement("div", null, typeof children === "string" ? (react_1.default.createElement(Label_1.default, Object.assign({ text: children, isLayoutForElement: "span" }, labelProps))) : (children))));
|
|
27
27
|
};
|
|
28
28
|
exports.PropertyName = PropertyName;
|
|
29
29
|
exports.default = exports.PropertyName;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PropertyName.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AACtE,
|
|
1
|
+
{"version":3,"file":"PropertyName.js","sourceRoot":"","sources":["../../../../src/components/PropertyValuePair/PropertyName.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AACtE,2DAAmD;AAc5C,MAAM,YAAY,GAAG,CAAC,EAAkF,EAAE,EAAE;QAAtF,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,UAAU,OAAsC,EAAjC,YAAY,cAA7D,+CAA+D,CAAF;IACtF,OAAO,CACH,oDACI,SAAS,EACL,GAAG,uBAAM,0BAA0B;YACnC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,uBAAM,6BAA6B,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3D,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,IAElC,YAAY;QAEhB,2CACK,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC5B,8BAAC,eAAK,kBAAC,IAAI,EAAE,QAAQ,EAAE,kBAAkB,EAAC,MAAM,IAAK,UAAU,EAAI,CACtE,CAAC,CAAC,CAAC,CACA,QAAQ,CACX,CACC,CACL,CACR,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,YAAY,gBAmBvB;AAEF,kBAAe,oBAAY,CAAC"}
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
2
13
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
15
|
};
|
|
@@ -10,11 +21,14 @@ const constants_1 = require("../../configuration/constants");
|
|
|
10
21
|
* Adds horizontal or vertical space between neighbouring elements.
|
|
11
22
|
* It also can add a visual ruler inside.
|
|
12
23
|
*/
|
|
13
|
-
const Spacing = (
|
|
24
|
+
const Spacing = (_a) => {
|
|
25
|
+
var { size = "medium", hasDivider = false, vertical = false } = _a, otherDivProps = __rest(_a, ["size", "hasDivider", "vertical"]);
|
|
14
26
|
const direction = vertical ? "vertical" : "horizontal";
|
|
15
|
-
return (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-separation__spacing-` +
|
|
16
|
-
|
|
17
|
-
|
|
27
|
+
return (react_1.default.createElement("div", Object.assign({ className: `${constants_1.CLASSPREFIX}-separation__spacing-` +
|
|
28
|
+
direction +
|
|
29
|
+
` ${constants_1.CLASSPREFIX}-separation__spacing--` +
|
|
30
|
+
size +
|
|
31
|
+
(hasDivider ? ` ${constants_1.CLASSPREFIX}-separation__spacing--hasdivider` : "") }, otherDivProps)));
|
|
18
32
|
};
|
|
19
33
|
exports.Spacing = Spacing;
|
|
20
34
|
exports.default = exports.Spacing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../../src/components/Separation/Spacing.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spacing.js","sourceRoot":"","sources":["../../../../src/components/Separation/Spacing.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAE1B,6DAAsE;AAmBtE;;;GAGG;AACI,MAAM,OAAO,GAAG,CAAC,EAAyF,EAAE,EAAE;QAA7F,EAAE,IAAI,GAAG,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,OAAkC,EAA7B,aAAa,cAAzE,kCAA2E,CAAF;IAC7F,MAAM,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC;IACvD,OAAO,CACH,qDACI,SAAS,EACL,GAAG,uBAAM,uBAAuB;YAChC,SAAS;YACT,IAAI,uBAAM,wBAAwB;YAClC,IAAI;YACJ,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,uBAAM,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC,IAEhE,aAAa,EACnB,CACL,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,OAAO,WAclB;AAEF,kBAAe,eAAO,CAAC"}
|
|
@@ -25,7 +25,8 @@ const useTextValidation_1 = require("./useTextValidation");
|
|
|
25
25
|
* Text input field.
|
|
26
26
|
*/
|
|
27
27
|
const TextField = (_a) => {
|
|
28
|
-
var { className = "", hasStatePrimary = false, hasStateSuccess = false, hasStateWarning = false, hasStateDanger = false, fullWidth = true, leftIcon, invisibleCharacterWarning } = _a, otherProps = __rest(_a, ["className", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "fullWidth", "leftIcon", "invisibleCharacterWarning"]);
|
|
28
|
+
var { className = "", hasStatePrimary = false, hasStateSuccess = false, hasStateWarning = false, hasStateDanger = false, fullWidth = true, leftIcon, invisibleCharacterWarning, escapeToBlur = false } = _a, otherProps = __rest(_a, ["className", "hasStatePrimary", "hasStateSuccess", "hasStateWarning", "hasStateDanger", "fullWidth", "leftIcon", "invisibleCharacterWarning", "escapeToBlur"]);
|
|
29
|
+
const inputRef = react_1.default.useRef(null);
|
|
29
30
|
let deprecatedIntent;
|
|
30
31
|
switch (true) {
|
|
31
32
|
case hasStatePrimary:
|
|
@@ -43,6 +44,25 @@ const TextField = (_a) => {
|
|
|
43
44
|
default:
|
|
44
45
|
break;
|
|
45
46
|
}
|
|
47
|
+
const handleLabelEscape = react_1.default.useCallback(() => {
|
|
48
|
+
var _a;
|
|
49
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
50
|
+
if (otherProps.inputRef) {
|
|
51
|
+
const otherInputRef = otherProps.inputRef;
|
|
52
|
+
if (otherInputRef.current) {
|
|
53
|
+
otherInputRef.current.blur();
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}, []);
|
|
57
|
+
const onKeyDown = react_1.default.useCallback((event) => {
|
|
58
|
+
var _a;
|
|
59
|
+
if (escapeToBlur && event.key === "Escape") {
|
|
60
|
+
event.preventDefault();
|
|
61
|
+
handleLabelEscape();
|
|
62
|
+
return false;
|
|
63
|
+
}
|
|
64
|
+
return (_a = otherProps.onKeyDown) === null || _a === void 0 ? void 0 : _a.call(otherProps, event);
|
|
65
|
+
}, [otherProps.onKeyDown, escapeToBlur]);
|
|
46
66
|
const { intent = deprecatedIntent } = otherProps, otherBlueprintInputGroupProps = __rest(otherProps, ["intent"]);
|
|
47
67
|
let iconIntent;
|
|
48
68
|
switch (intent) {
|
|
@@ -60,9 +80,9 @@ const TextField = (_a) => {
|
|
|
60
80
|
if ((otherBlueprintInputGroupProps.readOnly || otherBlueprintInputGroupProps.disabled) && !!otherBlueprintInputGroupProps.value && !otherBlueprintInputGroupProps.title) {
|
|
61
81
|
otherBlueprintInputGroupProps["title"] = otherBlueprintInputGroupProps.value;
|
|
62
82
|
}
|
|
63
|
-
return (react_1.default.createElement(core_1.InputGroup, Object.assign({ className: `${constants_1.CLASSPREFIX}-textfield` +
|
|
83
|
+
return (react_1.default.createElement(core_1.InputGroup, Object.assign({ inputRef: inputRef, className: `${constants_1.CLASSPREFIX}-textfield` +
|
|
64
84
|
(intent ? ` ${constants_1.CLASSPREFIX}-intent--${intent}` : "") +
|
|
65
|
-
(!!className ? ` ${className}` : ""), intent: (intent && !(["info", "edited", "removed", "neutral"].includes(intent))) ? intent : undefined, fill: fullWidth }, otherBlueprintInputGroupProps, { leftElement: leftIcon != null && leftIcon !== false ? (typeof leftIcon === "string" ? (react_1.default.createElement(Icon_1.default, { name: leftIcon, className: core_1.Classes.ICON, intent: iconIntent })) : (react_1.default.createElement("span", { className: core_1.Classes.ICON }, leftIcon))) : undefined, dir: "auto", onChange: maybeWrappedOnChange })));
|
|
85
|
+
(!!className ? ` ${className}` : ""), intent: (intent && !(["info", "edited", "removed", "neutral"].includes(intent))) ? intent : undefined, fill: fullWidth }, otherBlueprintInputGroupProps, { leftElement: leftIcon != null && leftIcon !== false ? (typeof leftIcon === "string" ? (react_1.default.createElement(Icon_1.default, { name: leftIcon, className: core_1.Classes.ICON, intent: iconIntent })) : (react_1.default.createElement("span", { className: core_1.Classes.ICON }, leftIcon))) : undefined, dir: "auto", onChange: maybeWrappedOnChange, onKeyDown: otherProps.onKeyDown || escapeToBlur ? onKeyDown : undefined })));
|
|
66
86
|
};
|
|
67
87
|
exports.TextField = TextField;
|
|
68
88
|
exports.default = exports.TextField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -22,38 +22,70 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
22
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.CodeEditor = void 0;
|
|
25
|
+
exports.CodeEditor = exports.supportedCodeEditorModes = void 0;
|
|
26
26
|
const react_1 = __importStar(require("react"));
|
|
27
27
|
const codemirror_1 = __importDefault(require("codemirror"));
|
|
28
|
-
const constants_1 = require("../../configuration/constants");
|
|
29
28
|
require("codemirror/mode/markdown/markdown.js");
|
|
30
29
|
require("codemirror/mode/python/python.js");
|
|
31
30
|
require("codemirror/mode/sparql/sparql.js");
|
|
32
31
|
require("codemirror/mode/sql/sql.js");
|
|
33
32
|
require("codemirror/mode/turtle/turtle.js");
|
|
34
33
|
require("codemirror/mode/xml/xml.js");
|
|
34
|
+
require("codemirror/mode/jinja2/jinja2.js");
|
|
35
|
+
require("codemirror/mode/yaml/yaml.js");
|
|
36
|
+
require("codemirror/mode/javascript/javascript.js");
|
|
37
|
+
const constants_1 = require("../../configuration/constants");
|
|
38
|
+
exports.supportedCodeEditorModes = [
|
|
39
|
+
"markdown",
|
|
40
|
+
"python",
|
|
41
|
+
"sparql",
|
|
42
|
+
"sql",
|
|
43
|
+
"turtle",
|
|
44
|
+
"xml",
|
|
45
|
+
"jinja2",
|
|
46
|
+
"yaml",
|
|
47
|
+
"json",
|
|
48
|
+
"undefined",
|
|
49
|
+
];
|
|
35
50
|
/**
|
|
36
51
|
* Includes a code editor, currently we use CodeMirror library as base.
|
|
37
52
|
*/
|
|
38
|
-
const CodeEditor = ({ onChange, name, id, mode = "undefined", preventLineNumbers = false, defaultValue, }) => {
|
|
53
|
+
const CodeEditor = ({ onChange, name, id, mode = "undefined", preventLineNumbers = false, defaultValue, readOnly = false, height, wrapLines = false, outerDivAttributes, }) => {
|
|
39
54
|
const domRef = (0, react_1.useRef)(null);
|
|
40
55
|
(0, react_1.useEffect)(() => {
|
|
41
56
|
const editorInstance = codemirror_1.default.fromTextArea(domRef.current, {
|
|
42
|
-
mode: mode
|
|
43
|
-
lineWrapping:
|
|
57
|
+
mode: convertMode(mode),
|
|
58
|
+
lineWrapping: wrapLines,
|
|
44
59
|
lineNumbers: !preventLineNumbers,
|
|
45
60
|
tabSize: 2,
|
|
46
61
|
theme: "xq-light",
|
|
62
|
+
readOnly: readOnly,
|
|
47
63
|
});
|
|
48
64
|
editorInstance.on("change", (api) => {
|
|
49
65
|
onChange(api.getValue());
|
|
50
66
|
});
|
|
67
|
+
if (height) {
|
|
68
|
+
editorInstance.setSize(null, height);
|
|
69
|
+
}
|
|
51
70
|
return function cleanup() {
|
|
52
71
|
editorInstance.toTextArea();
|
|
53
72
|
};
|
|
54
73
|
}, [onChange, mode, preventLineNumbers]);
|
|
55
|
-
return (react_1.default.createElement("div", { className: `${constants_1.CLASSPREFIX}-codeeditor` },
|
|
56
|
-
react_1.default.createElement("textarea", { ref: domRef, "data-test-id": "codemirror-wrapper", id:
|
|
74
|
+
return (react_1.default.createElement("div", Object.assign({}, outerDivAttributes, { className: `${constants_1.CLASSPREFIX}-codeeditor` }),
|
|
75
|
+
react_1.default.createElement("textarea", { ref: domRef, "data-test-id": "codemirror-wrapper", id: id ? id : `codemirror-${name}`, name: name, defaultValue: defaultValue })));
|
|
57
76
|
};
|
|
58
77
|
exports.CodeEditor = CodeEditor;
|
|
78
|
+
const convertMode = (mode) => {
|
|
79
|
+
switch (mode) {
|
|
80
|
+
case "undefined":
|
|
81
|
+
return undefined;
|
|
82
|
+
case "json":
|
|
83
|
+
return {
|
|
84
|
+
name: "javascript",
|
|
85
|
+
json: true,
|
|
86
|
+
};
|
|
87
|
+
default:
|
|
88
|
+
return mode;
|
|
89
|
+
}
|
|
90
|
+
};
|
|
59
91
|
//# sourceMappingURL=CodeMirror.js.map
|