@camunda/task-testing 0.2.4 → 0.2.5
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/dist/index.js +96 -46
- package/dist/index.js.map +1 -1
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -391,8 +391,10 @@ class TaskExecution extends (events__WEBPACK_IMPORTED_MODULE_0___default()) {
|
|
|
391
391
|
this._status = 'idle';
|
|
392
392
|
const eventBus = injector.get('eventBus');
|
|
393
393
|
eventBus.on(['selection.changed', 'commandStack.changed'], () => {
|
|
394
|
+
if (this._status !== 'idle') {
|
|
395
|
+
this.emit('taskExecution.interrupted');
|
|
396
|
+
}
|
|
394
397
|
this.cancelTaskExecution();
|
|
395
|
-
this.emit('taskExecution.interrupted');
|
|
396
398
|
});
|
|
397
399
|
}
|
|
398
400
|
|
|
@@ -988,6 +990,7 @@ function Output({
|
|
|
988
990
|
});
|
|
989
991
|
}, [output, isTaskExecuting, isConnectionConfigured]);
|
|
990
992
|
const showResetButton = isConnectionConfigured && ((output === null || output === void 0 ? void 0 : output.success) || (output === null || output === void 0 ? void 0 : output.error) || (output === null || output === void 0 ? void 0 : output.incident));
|
|
993
|
+
const showOperateUrl = isConnectionConfigured && (output === null || output === void 0 ? void 0 : output.operateUrl);
|
|
991
994
|
const headerText = isTaskExecuting ? TASK_EXECUTION_STATUS_LABEL[taskExecutionStatus] : 'Results';
|
|
992
995
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
|
|
993
996
|
className: "output",
|
|
@@ -1007,7 +1010,7 @@ function Output({
|
|
|
1007
1010
|
tooltipPosition: "right",
|
|
1008
1011
|
iconDescription: "Reset output",
|
|
1009
1012
|
children: "Reset"
|
|
1010
|
-
}),
|
|
1013
|
+
}), showOperateUrl && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Link, {
|
|
1011
1014
|
href: output.operateUrl,
|
|
1012
1015
|
target: "_blank",
|
|
1013
1016
|
className: "output__header--button-operate",
|
|
@@ -1058,7 +1061,7 @@ function OutputBanner({
|
|
|
1058
1061
|
} : {};
|
|
1059
1062
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(ErrorBanner, {
|
|
1060
1063
|
title: "Task execution failed",
|
|
1061
|
-
description: `Incident: ${output.incident.
|
|
1064
|
+
description: `Incident: ${output.incident.errorType}`,
|
|
1062
1065
|
...action
|
|
1063
1066
|
});
|
|
1064
1067
|
}
|
|
@@ -1152,25 +1155,23 @@ function ErrorBanner({
|
|
|
1152
1155
|
}) {
|
|
1153
1156
|
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
|
|
1154
1157
|
className: "output__error",
|
|
1155
|
-
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.
|
|
1156
|
-
className: "output__error--
|
|
1157
|
-
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(
|
|
1158
|
-
|
|
1159
|
-
|
|
1160
|
-
|
|
1161
|
-
|
|
1162
|
-
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
|
|
1163
|
-
children: title
|
|
1164
|
-
}), actionLabel && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Link, {
|
|
1158
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsxs)("div", {
|
|
1159
|
+
className: "output__error--title",
|
|
1160
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
|
|
1161
|
+
children: title
|
|
1162
|
+
}), actionLabel && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
|
|
1163
|
+
className: "output__error--action",
|
|
1164
|
+
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Link, {
|
|
1165
1165
|
href: actionUrl,
|
|
1166
1166
|
onClick: () => onActionClick(),
|
|
1167
1167
|
children: actionLabel
|
|
1168
|
-
})]
|
|
1169
|
-
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
|
|
1170
|
-
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
|
|
1171
|
-
children: description
|
|
1172
1168
|
})
|
|
1173
1169
|
})]
|
|
1170
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("div", {
|
|
1171
|
+
className: "output__error--content",
|
|
1172
|
+
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_4__.jsx)("span", {
|
|
1173
|
+
children: description
|
|
1174
|
+
})
|
|
1174
1175
|
})]
|
|
1175
1176
|
});
|
|
1176
1177
|
}
|
|
@@ -1334,7 +1335,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
1334
1335
|
|
|
1335
1336
|
|
|
1336
1337
|
|
|
1337
|
-
const NO_ELEMENT_TEXT = 'Select a task to start testing';
|
|
1338
|
+
const NO_ELEMENT_TEXT = 'Select a task to start testing.';
|
|
1338
1339
|
|
|
1339
1340
|
/**
|
|
1340
1341
|
* @param {Object} props
|
|
@@ -1348,7 +1349,9 @@ const NO_ELEMENT_TEXT = 'Select a task to start testing';
|
|
|
1348
1349
|
* @param {import('../../types').Config|undefined} [props.config]
|
|
1349
1350
|
* @param {Function} [props.onConfigChanged=() => {}]
|
|
1350
1351
|
* @param {string} [props.operateBaseUrl]
|
|
1351
|
-
* @param {
|
|
1352
|
+
* @param {string} [props.documentationUrl]
|
|
1353
|
+
* @param {Function} [props.onTaskExecutionStarted=() => {}]
|
|
1354
|
+
* @param {Function} [props.onTaskExecutionFinished=() => {}]
|
|
1352
1355
|
* @param {Function} [props.onTaskExecutionInterrupted=() => {}]
|
|
1353
1356
|
*/
|
|
1354
1357
|
function TaskTesting({
|
|
@@ -1362,7 +1365,9 @@ function TaskTesting({
|
|
|
1362
1365
|
config,
|
|
1363
1366
|
onConfigChanged = () => {},
|
|
1364
1367
|
operateBaseUrl,
|
|
1365
|
-
|
|
1368
|
+
documentationUrl,
|
|
1369
|
+
onTaskExecutionStarted = () => {},
|
|
1370
|
+
onTaskExecutionFinished = () => {},
|
|
1366
1371
|
onTaskExecutionInterrupted = () => {}
|
|
1367
1372
|
}) {
|
|
1368
1373
|
/**
|
|
@@ -1499,17 +1504,21 @@ function TaskTesting({
|
|
|
1499
1504
|
...output,
|
|
1500
1505
|
operateUrl
|
|
1501
1506
|
});
|
|
1507
|
+
onTaskExecutionFinished(element, output);
|
|
1508
|
+
};
|
|
1509
|
+
const handleInterrupted = () => {
|
|
1510
|
+
onTaskExecutionInterrupted();
|
|
1502
1511
|
};
|
|
1503
1512
|
taskExecutionRef === null || taskExecutionRef === void 0 || (_taskExecutionRef$cur = taskExecutionRef.current) === null || _taskExecutionRef$cur === void 0 || _taskExecutionRef$cur.on('taskExecution.finished', handleFinished);
|
|
1504
1513
|
taskExecutionRef === null || taskExecutionRef === void 0 || (_taskExecutionRef$cur2 = taskExecutionRef.current) === null || _taskExecutionRef$cur2 === void 0 || _taskExecutionRef$cur2.on('taskExecution.status.changed', handleStatusChange);
|
|
1505
1514
|
taskExecutionRef === null || taskExecutionRef === void 0 || (_taskExecutionRef$cur3 = taskExecutionRef.current) === null || _taskExecutionRef$cur3 === void 0 || _taskExecutionRef$cur3.on('taskExecution.error', handleError);
|
|
1506
|
-
taskExecutionRef === null || taskExecutionRef === void 0 || (_taskExecutionRef$cur4 = taskExecutionRef.current) === null || _taskExecutionRef$cur4 === void 0 || _taskExecutionRef$cur4.on('taskExecution.interrupted',
|
|
1515
|
+
taskExecutionRef === null || taskExecutionRef === void 0 || (_taskExecutionRef$cur4 = taskExecutionRef.current) === null || _taskExecutionRef$cur4 === void 0 || _taskExecutionRef$cur4.on('taskExecution.interrupted', handleInterrupted);
|
|
1507
1516
|
return () => {
|
|
1508
1517
|
if (taskExecutionRef.current) {
|
|
1509
1518
|
taskExecutionRef.current.off('taskExecution.finished', handleFinished);
|
|
1510
1519
|
taskExecutionRef.current.off('taskExecution.status.changed', handleStatusChange);
|
|
1511
1520
|
taskExecutionRef.current.off('taskExecution.error', handleError);
|
|
1512
|
-
taskExecutionRef.current.off('taskExecution.interrupted',
|
|
1521
|
+
taskExecutionRef.current.off('taskExecution.interrupted', handleInterrupted);
|
|
1513
1522
|
}
|
|
1514
1523
|
};
|
|
1515
1524
|
}, [element]);
|
|
@@ -1543,14 +1552,17 @@ function TaskTesting({
|
|
|
1543
1552
|
if (!isConnectionConfigured || inputError || !element || !taskExecutionRef.current || !elementConfigRef.current) {
|
|
1544
1553
|
return;
|
|
1545
1554
|
}
|
|
1555
|
+
onTaskExecutionStarted(element);
|
|
1546
1556
|
const inputConfig = await elementConfigRef.current.getInputConfigForElement(element);
|
|
1547
1557
|
elementConfigRef.current.setOutputConfigForElement(element, null);
|
|
1548
1558
|
taskExecutionRef.current.executeTask(element.id, JSON.parse(inputConfig));
|
|
1549
|
-
onTaskExecution();
|
|
1550
1559
|
};
|
|
1551
1560
|
const handleCancelTaskExecution = () => {
|
|
1552
|
-
|
|
1553
|
-
|
|
1561
|
+
var _taskExecutionRef$cur5;
|
|
1562
|
+
taskExecutionRef === null || taskExecutionRef === void 0 || (_taskExecutionRef$cur5 = taskExecutionRef.current) === null || _taskExecutionRef$cur5 === void 0 || _taskExecutionRef$cur5.cancelTaskExecution();
|
|
1563
|
+
if (output !== null && output !== void 0 && output.operateUrl && Object.keys(output).length === 1) {
|
|
1564
|
+
var _elementConfigRef$cur7;
|
|
1565
|
+
elementConfigRef === null || elementConfigRef === void 0 || (_elementConfigRef$cur7 = elementConfigRef.current) === null || _elementConfigRef$cur7 === void 0 || _elementConfigRef$cur7.setOutputConfigForElement(element, null);
|
|
1554
1566
|
}
|
|
1555
1567
|
};
|
|
1556
1568
|
const handleResetOutput = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
|
|
@@ -1574,8 +1586,12 @@ function TaskTesting({
|
|
|
1574
1586
|
className: "task-testing__container task-testing__container--empty",
|
|
1575
1587
|
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("div", {
|
|
1576
1588
|
className: "task-testing__container-no-element",
|
|
1577
|
-
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_carbon_icons_react__WEBPACK_IMPORTED_MODULE_2__.Cursor_1, {}),
|
|
1589
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_carbon_icons_react__WEBPACK_IMPORTED_MODULE_2__.Cursor_1, {}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("span", {
|
|
1578
1590
|
children: NO_ELEMENT_TEXT
|
|
1591
|
+
}), documentationUrl && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Link, {
|
|
1592
|
+
href: documentationUrl,
|
|
1593
|
+
target: "_blank",
|
|
1594
|
+
children: "Learn more."
|
|
1579
1595
|
})]
|
|
1580
1596
|
})
|
|
1581
1597
|
});
|
|
@@ -1590,8 +1606,11 @@ function TaskTesting({
|
|
|
1590
1606
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("div", {
|
|
1591
1607
|
className: "task-testing__container--header",
|
|
1592
1608
|
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsxs)("div", {
|
|
1593
|
-
className: "task-
|
|
1594
|
-
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(
|
|
1609
|
+
className: "task-header",
|
|
1610
|
+
children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("span", {
|
|
1611
|
+
className: "task-type",
|
|
1612
|
+
children: (0,_utils_element__WEBPACK_IMPORTED_MODULE_10__.getType)(element)
|
|
1613
|
+
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)("span", {
|
|
1595
1614
|
children: (0,_utils_element__WEBPACK_IMPORTED_MODULE_10__.getName)(element)
|
|
1596
1615
|
})]
|
|
1597
1616
|
}), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_12__.jsx)(_carbon_react__WEBPACK_IMPORTED_MODULE_1__.Tooltip, {
|
|
@@ -2035,7 +2054,8 @@ function hasPropertyAfter(state, pos) {
|
|
|
2035
2054
|
|
|
2036
2055
|
__webpack_require__.r(__webpack_exports__);
|
|
2037
2056
|
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2038
|
-
/* harmony export */ getName: () => (/* binding */ getName)
|
|
2057
|
+
/* harmony export */ getName: () => (/* binding */ getName),
|
|
2058
|
+
/* harmony export */ getType: () => (/* binding */ getType)
|
|
2039
2059
|
/* harmony export */ });
|
|
2040
2060
|
/* harmony import */ var bpmn_js_lib_util_ModelUtil__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! bpmn-js/lib/util/ModelUtil */ "./node_modules/bpmn-js/lib/util/ModelUtil.js");
|
|
2041
2061
|
|
|
@@ -2056,6 +2076,40 @@ function getName(element) {
|
|
|
2056
2076
|
return name;
|
|
2057
2077
|
}
|
|
2058
2078
|
|
|
2079
|
+
/**
|
|
2080
|
+
* Get the name of a BPMN element.
|
|
2081
|
+
*
|
|
2082
|
+
* @param {import('../types').Element} element
|
|
2083
|
+
*
|
|
2084
|
+
* @returns {string}
|
|
2085
|
+
*/
|
|
2086
|
+
function getType(element) {
|
|
2087
|
+
const businessObject = (0,bpmn_js_lib_util_ModelUtil__WEBPACK_IMPORTED_MODULE_0__.getBusinessObject)(element);
|
|
2088
|
+
const {
|
|
2089
|
+
$type: type
|
|
2090
|
+
} = businessObject;
|
|
2091
|
+
switch (type) {
|
|
2092
|
+
case 'bpmn:Task':
|
|
2093
|
+
return 'Task';
|
|
2094
|
+
case 'bpmn:UserTask':
|
|
2095
|
+
return 'User Task';
|
|
2096
|
+
case 'bpmn:ScriptTask':
|
|
2097
|
+
return 'Script Task';
|
|
2098
|
+
case 'bpmn:ServiceTask':
|
|
2099
|
+
return 'Service Task';
|
|
2100
|
+
case 'bpmn:BusinessRuleTask':
|
|
2101
|
+
return 'Business Rule Task';
|
|
2102
|
+
case 'bpmn:SendTask':
|
|
2103
|
+
return 'Send Task';
|
|
2104
|
+
case 'bpmn:ManualTask':
|
|
2105
|
+
return 'Manual Task';
|
|
2106
|
+
case 'bpmn:ReceiveTask':
|
|
2107
|
+
return 'Receive Task';
|
|
2108
|
+
default:
|
|
2109
|
+
return 'Task';
|
|
2110
|
+
}
|
|
2111
|
+
}
|
|
2112
|
+
|
|
2059
2113
|
/***/ }),
|
|
2060
2114
|
|
|
2061
2115
|
/***/ "./node_modules/@bpmn-io/extract-process-variables/zeebe/index.mjs":
|
|
@@ -32573,11 +32627,13 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.task-testing__container {
|
|
|
32573
32627
|
gap: 12px;
|
|
32574
32628
|
width: 100%;
|
|
32575
32629
|
}
|
|
32576
|
-
.task-testing__container .task-testing__container--header .task-
|
|
32630
|
+
.task-testing__container .task-testing__container--header .task-header {
|
|
32577
32631
|
display: flex;
|
|
32578
|
-
font-weight: bold;
|
|
32579
32632
|
gap: 6px;
|
|
32580
32633
|
}
|
|
32634
|
+
.task-testing__container .task-testing__container--header .task-header .task-type {
|
|
32635
|
+
font-weight: bold;
|
|
32636
|
+
}
|
|
32581
32637
|
.task-testing__container .task-testing__container--header .btn-execute {
|
|
32582
32638
|
width: 138px;
|
|
32583
32639
|
}
|
|
@@ -32660,7 +32716,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.task-testing__container {
|
|
|
32660
32716
|
}
|
|
32661
32717
|
.task-testing__container .output .output__error {
|
|
32662
32718
|
display: flex;
|
|
32663
|
-
flex-direction:
|
|
32719
|
+
flex-direction: column;
|
|
32664
32720
|
gap: 12px;
|
|
32665
32721
|
padding: 12px;
|
|
32666
32722
|
margin-bottom: 12px;
|
|
@@ -32668,24 +32724,18 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.task-testing__container {
|
|
|
32668
32724
|
border-left-width: 3px;
|
|
32669
32725
|
background-color: #fff1f1;
|
|
32670
32726
|
}
|
|
32671
|
-
.task-testing__container .output .output__error .output__error--
|
|
32672
|
-
display: flex;
|
|
32673
|
-
flex-direction: column;
|
|
32674
|
-
gap: 6px;
|
|
32675
|
-
flex-grow: 1;
|
|
32676
|
-
margin-top: 1px;
|
|
32677
|
-
}
|
|
32678
|
-
.task-testing__container .output .output__error .output__error--content .output__error--title {
|
|
32727
|
+
.task-testing__container .output .output__error .output__error--title {
|
|
32679
32728
|
display: flex;
|
|
32680
|
-
|
|
32729
|
+
flex-direction: row;
|
|
32730
|
+
align-items: center;
|
|
32681
32731
|
font-weight: bold;
|
|
32682
32732
|
}
|
|
32683
|
-
.task-testing__container .output .output__error .output__error--
|
|
32684
|
-
cursor: pointer;
|
|
32685
|
-
}
|
|
32686
|
-
.task-testing__container .output .output__error .output__error--icon svg {
|
|
32733
|
+
.task-testing__container .output .output__error .output__error--title svg {
|
|
32687
32734
|
fill: #da1e28;
|
|
32688
32735
|
}
|
|
32736
|
+
.task-testing__container .output .output__error .output__error--title .output__error--action {
|
|
32737
|
+
margin-left: auto;
|
|
32738
|
+
}
|
|
32689
32739
|
.task-testing__container .output .output__variables--empty {
|
|
32690
32740
|
height: 32px;
|
|
32691
32741
|
display: flex;
|
|
@@ -32769,7 +32819,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `.task-testing__container {
|
|
|
32769
32819
|
}
|
|
32770
32820
|
.code__editor .code__editor-copy-button svg {
|
|
32771
32821
|
fill: #525252;
|
|
32772
|
-
}`, "",{"version":3,"sources":["webpack://./lib/style/style.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,eAAA;AACF;AAEI;;EAEE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,YAAA;AAAN;AAEM;;EACE,oBAAA;EACA,uBAAA;AACR;AAIE;EACE,UAAA;EACA,aAAA;EACA,sBAAA;EACA,+BAAA;EACA,kBAAA;AAFJ;AAKE;EACE,UAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;AAHJ;AAME;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,WAAA;AAJJ;AAMI;EACE,aAAA;EACA,
|
|
32822
|
+
}`, "",{"version":3,"sources":["webpack://./lib/style/style.scss"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;EACA,aAAA;EACA,eAAA;AACF;AAEI;;EAEE,aAAA;EACA,mBAAA;EACA,QAAA;EACA,YAAA;AAAN;AAEM;;EACE,oBAAA;EACA,uBAAA;AACR;AAIE;EACE,UAAA;EACA,aAAA;EACA,sBAAA;EACA,+BAAA;EACA,kBAAA;AAFJ;AAKE;EACE,UAAA;EACA,aAAA;EACA,sBAAA;EACA,iBAAA;AAHJ;AAME;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,8BAAA;EACA,SAAA;EACA,WAAA;AAJJ;AAMI;EACE,aAAA;EACA,QAAA;AAJN;AAMM;EACE,iBAAA;AAJR;AAQI;EACE,YAAA;AANN;AASI;EACE,aAAA;AAPN;AAUI;EACE,aAAA;AARN;AAWI;EACE,oBAAA;EACA,uBAAA;AATN;AAaE;EACE,YAAA;EACA,aAAA;EACA,sBAAA;EACA,QAAA;AAXJ;AAaI;EACE,aAAA;EACA,mBAAA;EACA,QAAA;AAXN;AAcI;EACE,cAAA;AAZN;AAgBE;EACE,YAAA;EACA,aAAA;EACA,sBAAA;EACA,QAAA;AAdJ;AAgBI;EACE,aAAA;EACA,mBAAA;EACA,YAAA;EACA,WAAA;AAdN;AAiBI;EACE,cAAA;EACA,aAAA;EACA,mBAAA;EACA,QAAA;AAfN;AAiBM;EACE,aAAA;AAfR;AAkBM;EACE,aAAA;AAhBR;AAmBM;EACE,aAAA;AAjBR;AAoBM;EACE,iBAAA;EACA,uBAAA;AAlBR;AAsBI;EACE,iBAAA;AApBN;AAuBI;EACE,aAAA;EACA,sBAAA;EACA,YAAA;EACA,kBAAA;AArBN;AAuBM;EACE,oCAAA;AArBR;AAwBM;EACE,UAAA;EACA,yBAAA;AAtBR;AAyBM;EACE,aAAA;AAvBR;AA2BM;EACE,aAAA;AAzBR;AA6BI;EACE,aAAA;EACA,sBAAA;EACA,SAAA;EACA,aAAA;EACA,mBAAA;EACA,yBAAA;EACA,sBAAA;EACA,yBAAA;AA3BN;AA6BM;EACE,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,iBAAA;AA3BR;AA6BQ;EACE,aAAA;AA3BV;AA8BQ;EACE,iBAAA;AA5BV;AAiCI;EACE,YAAA;EACA,aAAA;EACA,mBAAA;EACA,cAAA;AA/BN;AAkCI;EACE,iBAAA;AAhCN;AAmCI;EACE,WAAA;AAjCN;AAoCI;EACE,qBAAA;EACA,YAAA;AAlCN;AAqCI;EACE,eAAA;AAnCN;;AAwCA;EACE,kBAAA;EACA,YAAA;EACA,aAAA;EACA,sBAAA;AArCF;AAuCE;EACE,0BAAA;EACA,oBAAA;AArCJ;AAwCE;EACE,kBAAA;EACA,YAAA;AAtCJ;AAwCI;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,QAAA;EACA,SAAA;AAtCN;AAwCM;EACE,YAAA;EACA,2CAAA;AAtCR;AAyCM;EACE,2BAAA;AAvCR;AA0CM;EACE,aAAA;AAxCR;AA2CM;EACE,aAAA;AAzCR;AA4CM;EACE,eAAA;AA1CR;AA6CM;EACE,YAAA;EACA,sBAAA;EACA,eAAA;EACA,gBAAA;EACA,qBAAA;AA3CR;AA6CQ;EACE,kBAAA;AA3CV;AA8CQ;EACE,eAAA;AA5CV;AAkDE;EACE,cAAA;EACA,eAAA;EACA,eAAA;AAhDJ;AAmDE;EACE,kBAAA;EACA,SAAA;EACA,WAAA;EACA,WAAA;AAjDJ;AAmDI;EACE,aAAA;AAjDN","sourcesContent":[".task-testing__container {\r\n display: flex;\r\n flex-direction: row;\r\n height: 100%;\r\n width: 100%;\r\n padding: 10px;\r\n font-size: 14px;\r\n\r\n &.task-testing__container--empty {\r\n .task-testing__container-no-config,\r\n .task-testing__container-no-element {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n height: 32px;\r\n\r\n .cds--inline-loading {\r\n inline-size: initial;\r\n min-block-size: initial;\r\n }\r\n }\r\n }\r\n\r\n .task-testing__container--left {\r\n width: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n border-right: 1px solid #E0E0E0;\r\n padding-right: 6px;\r\n }\r\n\r\n .task-testing__container--right {\r\n width: 50%;\r\n display: flex;\r\n flex-direction: column;\r\n padding-left: 6px;\r\n }\r\n\r\n .task-testing__container--header {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 12px;\r\n width: 100%;\r\n\r\n .task-header {\r\n display: flex;\r\n gap: 6px;\r\n \r\n .task-type {\r\n font-weight: bold;\r\n }\r\n }\r\n\r\n .btn-execute {\r\n width: 138px;\r\n }\r\n\r\n .cds--popover-container:not(.has-error) .cds--popover {\r\n display: none;\r\n }\r\n\r\n .cds--tooltip-content {\r\n padding: 12px;\r\n }\r\n\r\n .cds--btn .cds--inline-loading {\r\n inline-size: initial;\r\n min-block-size: initial;\r\n }\r\n }\r\n\r\n .input {\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n\r\n .input__header {\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n }\r\n\r\n .input__header--title {\r\n color: #525252;\r\n }\r\n }\r\n\r\n .output {\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n\r\n .output__header {\r\n display: flex;\r\n align-items: center;\r\n height: 32px;\r\n width: 100%;\r\n }\r\n\r\n .output__header--title {\r\n color: #525252;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n\r\n svg.output__status-icon--ready {\r\n fill: #0043ce;\r\n }\r\n\r\n svg.output__status-icon--success {\r\n fill: #24a148;\r\n }\r\n\r\n svg.output__status-icon--error {\r\n fill: #da1e28;\r\n }\r\n\r\n .cds--inline-loading {\r\n inline-size: 16px;\r\n min-block-size: initial;\r\n }\r\n }\r\n\r\n .output__header--button-operate {\r\n margin-left: auto;\r\n }\r\n\r\n .output__body {\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n position: relative;\r\n\r\n .cds--tabs {\r\n --cds-layout-size-height-local: 32px;\r\n }\r\n \r\n .cds--tab-content {\r\n padding: 0;\r\n height: calc(100% - 20px);\r\n }\r\n\r\n .cds--tab-content:not([hidden]) {\r\n display: flex;\r\n }\r\n\r\n // Tooltip on Carbon Button with absolute position is broken.\r\n .cds--popover {\r\n display: none;\r\n }\r\n }\r\n\r\n .output__error {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 12px;\r\n padding: 12px;\r\n margin-bottom: 12px;\r\n border: 1px solid #da1e28;\r\n border-left-width: 3px;\r\n background-color: #fff1f1;\r\n\r\n .output__error--title {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n font-weight: bold;\r\n\r\n svg {\r\n fill: #da1e28;\r\n }\r\n\r\n .output__error--action {\r\n margin-left: auto;\r\n }\r\n }\r\n }\r\n\r\n .output__variables--empty {\r\n height: 32px;\r\n display: flex;\r\n align-items: center;\r\n color: #525252;\r\n }\r\n\r\n .output__variables--empty-action {\r\n font-weight: bold;\r\n }\r\n\r\n .cds--snippet-container {\r\n width: 100%;\r\n }\r\n\r\n .cds--snippet {\r\n max-inline-size: 100%;\r\n height: 100%;\r\n }\r\n\r\n code {\r\n font-size: 14px;\r\n }\r\n }\r\n}\r\n\r\n.code__editor {\r\n position: relative;\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n\r\n &.code__editor--error .code__editor-codemirror .code__editor-codemirror-inner .cm-editor {\r\n outline: 1px solid #da1e28;\r\n outline-offset: -1px;\r\n }\r\n\r\n .code__editor-codemirror {\r\n position: relative;\r\n flex-grow: 1;\r\n\r\n .code__editor-codemirror-inner {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n\r\n .cm-editor {\r\n height: 100%;\r\n background-color: var(--cds-layer, #f4f4f4);\r\n }\r\n\r\n .cm-scroller {\r\n overflow-y: auto !important;\r\n }\r\n\r\n .cm-content {\r\n padding: 15px;\r\n }\r\n\r\n .cm-focused {\r\n outline: none;\r\n }\r\n\r\n .cm-tooltip {\r\n font-size: 14px;\r\n }\r\n\r\n .info {\r\n padding: 5px;\r\n font-family: monospace;\r\n font-size: 12px;\r\n max-width: 300px;\r\n word-wrap: break-word;\r\n\r\n span {\r\n font-style: italic;\r\n }\r\n\r\n pre {\r\n margin-top: 5px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .code__editor-error {\r\n color: #da1e28;\r\n font-size: 13px;\r\n margin-top: 5px;\r\n }\r\n\r\n .code__editor-copy-button {\r\n position: absolute;\r\n top: 10px;\r\n right: 10px;\r\n z-index: 10;\r\n\r\n svg {\r\n fill: #525252;\r\n }\r\n }\r\n}"],"sourceRoot":""}]);
|
|
32773
32823
|
// Exports
|
|
32774
32824
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
32775
32825
|
|