pixel-react 1.6.0 → 1.6.2
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/lib/components/AppHeader/AppHeader.d.ts +1 -0
- package/lib/components/AppHeader/types.d.ts +18 -6
- package/lib/components/Charts/BarChart/BarChart.d.ts +1 -0
- package/lib/components/Charts/DashboardDonutChart/types.d.ts +2 -0
- package/lib/components/Excel/ExcelToolBar/ExcelToolBar.d.ts +0 -1
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
- package/lib/components/MachineInputField/types.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
- package/lib/components/PopUpModal/PopUpModal.d.ts +5 -0
- package/lib/components/PopUpModal/types.d.ts +14 -0
- package/lib/components/RadioGroup/radioGroupTypes.d.ts +20 -0
- package/lib/components/Select/Select.stories.d.ts +0 -1
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +2 -1
- package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +3 -2
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +3 -2
- package/lib/components/SequentialConnectingBranch/types.d.ts +11 -3
- package/lib/components/TableTree/data.d.ts +36 -2
- package/lib/components/TableTree/types.d.ts +3 -4
- package/lib/index.d.ts +56 -17
- package/lib/index.esm.js +917 -552
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +917 -551
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +5 -14
- package/src/assets/Themes/DarkTheme.scss +5 -2
- package/src/assets/icons/approval_pending.svg +8 -8
- package/src/assets/icons/arrow_up.svg +1 -1
- package/src/assets/icons/configuration.svg +3 -3
- package/src/assets/icons/defects.svg +8 -8
- package/src/assets/icons/element.svg +4 -4
- package/src/assets/icons/project_element.svg +4 -4
- package/src/assets/icons/step_group.svg +10 -10
- package/src/assets/icons/variable.svg +3 -3
- package/src/assets/icons/web_service_icon.svg +3 -3
- package/src/assets/styles/_fonts.scss +4 -2
- package/src/components/AppHeader/AppHeader.stories.tsx +242 -39
- package/src/components/AppHeader/AppHeader.tsx +158 -139
- package/src/components/AppHeader/types.ts +19 -6
- package/src/components/Charts/BarChart/BarChart.scss +34 -34
- package/src/components/Charts/BarChart/BarChart.stories.tsx +3 -2
- package/src/components/Charts/BarChart/BarChart.tsx +79 -55
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +25 -18
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +31 -11
- package/src/components/Charts/DashboardDonutChart/types.ts +2 -0
- package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +3 -0
- package/src/components/Charts/LineChart/LineChart.scss +13 -4
- package/src/components/Charts/LineChart/LineChart.stories.tsx +100 -102
- package/src/components/Charts/LineChart/LineChart.tsx +143 -131
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +23 -2
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +109 -24
- package/src/components/Charts/PieChart/PieChart.scss +5 -3
- package/src/components/Charts/PieChart/PieChart.tsx +1 -2
- package/src/components/DatePicker/DatePicker.scss +15 -1
- package/src/components/Excel/ExcelFile/ExcelFile.scss +1 -1
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +34 -20
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +0 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +44 -15
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +47 -4
- package/src/components/Icon/Icons.scss +1 -1
- package/src/components/MachineInputField/MachineInputField.scss +15 -2
- package/src/components/MachineInputField/MachineInputField.tsx +17 -3
- package/src/components/MachineInputField/types.ts +1 -1
- package/src/components/PopUpModal/PopUpModal.scss +36 -0
- package/src/components/PopUpModal/PopUpModal.stories.tsx +61 -0
- package/src/components/PopUpModal/PopUpModal.tsx +85 -0
- package/src/components/PopUpModal/types.ts +14 -0
- package/src/components/RadioGroup/RadioGroup.scss +7 -0
- package/src/components/RadioGroup/RadioGroup.stories.tsx +26 -0
- package/src/components/RadioGroup/RadioGroup.tsx +16 -0
- package/src/components/RadioGroup/radioGroupTypes.tsx +24 -0
- package/src/components/Select/Select.tsx +2 -3
- package/src/components/Select/components/Dropdown.tsx +34 -34
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +9 -0
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +74 -43
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +9 -3
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -14
- package/src/components/SequentialConnectingBranch/components/Branches/types.ts +9 -2
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +3 -1
- package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +9 -2
- package/src/components/SequentialConnectingBranch/types.ts +18 -3
- package/src/components/TableTree/TableTree.stories.tsx +145 -98
- package/src/components/TableTree/TableTree.tsx +49 -14
- package/src/components/TableTree/data.ts +32 -391
- package/src/components/TableTree/types.ts +3 -4
- package/src/index.ts +3 -0
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/AddButton/AddButton.d.ts +0 -5
- package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
- package/lib/components/AddButton/index.d.ts +0 -1
- package/lib/components/AddButton/types.d.ts +0 -4
- package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
- package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
- package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
- package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
- package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
- package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
- package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
- package/lib/components/Editor/Editor.stories.d.ts +0 -6
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
- package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
- package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
- package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
- package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
- package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
- /package/lib/components/ExcelFile/{ColorBarSelector → ColorBarselector}/ColorBarSelector.d.ts +0 -0
@@ -5,11 +5,11 @@ import Icon from '../Icon';
|
|
5
5
|
import Select from '../Select';
|
6
6
|
import Typography from '../Typography';
|
7
7
|
import './SequentialConnectingBranch.scss';
|
8
|
-
import { useEffect, useRef, useState } from 'react';
|
8
|
+
import { FC, useEffect, useRef, useState } from 'react';
|
9
9
|
import ConnectingBranches from './components/ConnectingBranches/ConnectingBranches';
|
10
10
|
import { ExecutionContext, SequentialConnectingBranchProps } from './types';
|
11
11
|
|
12
|
-
const SequentialConnectingBranch = ({
|
12
|
+
const SequentialConnectingBranch: FC<SequentialConnectingBranchProps> = ({
|
13
13
|
machineInstances = [],
|
14
14
|
machineColumnWidth = 180,
|
15
15
|
machineColumnCount = 1,
|
@@ -19,8 +19,15 @@ const SequentialConnectingBranch = ({
|
|
19
19
|
onAddBrowserInstance = () => {},
|
20
20
|
onAddRunBrowserInstance = () => {},
|
21
21
|
onDeleteBrowserInstance = () => {},
|
22
|
-
|
23
|
-
|
22
|
+
onUpdateDataSetList = () => {},
|
23
|
+
onDeleteMachineInstance = () => {},
|
24
|
+
dataSetValues = {
|
25
|
+
testDataSetId: '',
|
26
|
+
globalVariableSetId: '',
|
27
|
+
peVariableSetId: '',
|
28
|
+
},
|
29
|
+
}) => {
|
30
|
+
const [selectedMachineInstance, setSelectedMachineInstance] = useState({});
|
24
31
|
const selectButtonRef = useRef<HTMLButtonElement>(null);
|
25
32
|
const defaultMachineColumnCount = Math.max(machineColumnCount, 1);
|
26
33
|
const defaultMachineColumnWidth = Math.max(machineColumnWidth, 180);
|
@@ -30,13 +37,25 @@ const SequentialConnectingBranch = ({
|
|
30
37
|
>([]);
|
31
38
|
|
32
39
|
const isMachineInstances = checkEmpty(machineInstances);
|
33
|
-
const isMachineSelected = checkEmpty(selectedMachine);
|
40
|
+
const isMachineSelected = checkEmpty(selectedMachine.value?.clientId);
|
41
|
+
|
42
|
+
const getMachineStatusColor = (machineStatus: string = '') => {
|
43
|
+
if (machineStatus.toLowerCase().includes('inactive'))
|
44
|
+
return 'var(--ff-machine-inactive-status-color)';
|
45
|
+
if (machineStatus.toLowerCase().includes('running'))
|
46
|
+
return 'var(--ff-machine-running-status-color)';
|
47
|
+
if (machineStatus.toLowerCase().includes('active'))
|
48
|
+
return 'var(--ff-machine-active-status-color)';
|
49
|
+
return 'var(--ff-machine-active-status-color))';
|
50
|
+
};
|
51
|
+
|
52
|
+
useEffect(() => {
|
53
|
+
setSelectedMachineInstance(selectedMachine);
|
54
|
+
}, [selectedMachine]);
|
34
55
|
|
35
56
|
useEffect(() => {
|
36
57
|
setMachineBranchInstances([...machineInstances, {}]);
|
37
58
|
}, [machineInstances]);
|
38
|
-
console.log(machineInstances, 'machineInstances');
|
39
|
-
console.log(machineBranchInstances, 'machineBranchInstances');
|
40
59
|
return (
|
41
60
|
<div className="ff-sequential-connecting-branch-wrapper">
|
42
61
|
<div className="ff-connecting-select-branch-wrapper">
|
@@ -44,12 +63,12 @@ const SequentialConnectingBranch = ({
|
|
44
63
|
<Select
|
45
64
|
onChange={onHandleSelect}
|
46
65
|
optionsList={machineOptionsList}
|
47
|
-
required={true}
|
48
66
|
label="Choose Machine"
|
67
|
+
required={false}
|
49
68
|
showLabel={true}
|
50
69
|
className="ff-sequential-select-branch"
|
51
70
|
width={'240px'}
|
52
|
-
selectedOption={
|
71
|
+
selectedOption={selectedMachineInstance}
|
53
72
|
valueAccessor={'name'}
|
54
73
|
/>
|
55
74
|
{!isMachineSelected && (
|
@@ -70,11 +89,14 @@ const SequentialConnectingBranch = ({
|
|
70
89
|
<>
|
71
90
|
<Button
|
72
91
|
variant="tertiary"
|
73
|
-
label="
|
92
|
+
label="Add Environment"
|
74
93
|
size="small"
|
75
94
|
className="branch-button"
|
76
95
|
ref={selectButtonRef}
|
77
|
-
onClick={
|
96
|
+
onClick={() =>
|
97
|
+
onAddBrowserInstance('ff-sequential-branch-button')
|
98
|
+
}
|
99
|
+
id="ff-sequential-branch-button"
|
78
100
|
/>
|
79
101
|
</>
|
80
102
|
)}
|
@@ -82,40 +104,48 @@ const SequentialConnectingBranch = ({
|
|
82
104
|
</div>
|
83
105
|
)}
|
84
106
|
</div>
|
85
|
-
|
86
|
-
<div className="ff-scope-
|
87
|
-
<
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
107
|
+
{!isMachineSelected && (
|
108
|
+
<div className="ff-select-scope-datalist">
|
109
|
+
<div className="ff-scope-wrapper">
|
110
|
+
<Typography
|
111
|
+
as="span"
|
112
|
+
fontSize={12}
|
113
|
+
color={getMachineStatusColor(selectedMachine.values?.status)}
|
114
|
+
className="ff-scope-text"
|
115
|
+
>
|
116
|
+
{selectedMachine.values?.status}
|
117
|
+
</Typography>
|
118
|
+
</div>
|
97
119
|
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
120
|
+
<div className="ff-datalist-wrapper">
|
121
|
+
<div
|
122
|
+
id="ff-sequential-machine-datalist"
|
123
|
+
onClick={() =>
|
124
|
+
onUpdateDataSetList(
|
125
|
+
'ff-sequential-machine-datalist',
|
126
|
+
dataSetValues
|
127
|
+
)
|
128
|
+
}
|
129
|
+
>
|
130
|
+
<Icon name="datalist_icon" className="ff-dataset-icon" />
|
131
|
+
<Typography
|
132
|
+
as="span"
|
133
|
+
fontSize={12}
|
134
|
+
color="var(--ff-connecting-branch-color)"
|
135
|
+
className="ff-datalist-text"
|
136
|
+
>
|
137
|
+
Dataset List
|
138
|
+
</Typography>
|
139
|
+
</div>
|
140
|
+
<Icon
|
141
|
+
name="delete"
|
142
|
+
className="ff-run-delete-icon"
|
143
|
+
color="var(--ff-connecting-branch-delete-color)"
|
144
|
+
onClick={onDeleteMachineInstance}
|
145
|
+
/>
|
146
|
+
</div>
|
117
147
|
</div>
|
118
|
-
|
148
|
+
)}
|
119
149
|
</div>
|
120
150
|
<div className="ff-sequential-branches-wrapper">
|
121
151
|
{!isMachineInstances && (
|
@@ -126,6 +156,7 @@ const SequentialConnectingBranch = ({
|
|
126
156
|
onAddBrowser={onAddBrowserInstance}
|
127
157
|
onDeleteBrowser={onDeleteBrowserInstance}
|
128
158
|
onAddRunBrowser={onAddRunBrowserInstance}
|
159
|
+
onUpdateDataSetList={onUpdateDataSetList}
|
129
160
|
/>
|
130
161
|
)}
|
131
162
|
</div>
|
@@ -61,6 +61,12 @@
|
|
61
61
|
align-items: center;
|
62
62
|
flex-direction: if($reverse, row-reverse, row);
|
63
63
|
|
64
|
+
.ff-dataset-list-branch {
|
65
|
+
display: flex;
|
66
|
+
align-items: center;
|
67
|
+
flex-direction: if($reverse, row-reverse, row);
|
68
|
+
}
|
69
|
+
|
64
70
|
.ff-connecting-icon {
|
65
71
|
margin-right: 4px;
|
66
72
|
cursor: pointer;
|
@@ -154,9 +160,9 @@
|
|
154
160
|
|
155
161
|
.ff-connecting-branch-arrow-reverse {
|
156
162
|
@include branch-arrow(
|
157
|
-
|
158
|
-
|
159
|
-
|
163
|
+
$clip: polygon(0 50%, 100% 100%, 100% 0),
|
164
|
+
$horizontal-pos: left,
|
165
|
+
$offset: -1px
|
160
166
|
);
|
161
167
|
}
|
162
168
|
}
|
@@ -20,6 +20,7 @@ const Branches = ({
|
|
20
20
|
onAddBrowser,
|
21
21
|
onDeleteBrowser,
|
22
22
|
onAddRunBrowser,
|
23
|
+
onUpdateDataSetList,
|
23
24
|
}: BranchesProps) => {
|
24
25
|
const evenRow = rowIndex % 2 === 0;
|
25
26
|
const lastMachineInstance = checkEmpty(
|
@@ -33,10 +34,12 @@ const Branches = ({
|
|
33
34
|
if (
|
34
35
|
currentBranch &&
|
35
36
|
nextBranch &&
|
36
|
-
'
|
37
|
-
'
|
37
|
+
'machineInstanceId' in currentBranch &&
|
38
|
+
'machineInstanceId' in nextBranch
|
38
39
|
) {
|
39
|
-
return currentBranch.
|
40
|
+
return currentBranch.machineInstanceId === nextBranch.machineInstanceId
|
41
|
+
? 'dashed'
|
42
|
+
: 'solid';
|
40
43
|
}
|
41
44
|
return 'solid';
|
42
45
|
};
|
@@ -94,7 +97,10 @@ const Branches = ({
|
|
94
97
|
numberOfRuns = 'numberOfRuns' in machineInstance
|
95
98
|
? machineInstance.numberOfRuns
|
96
99
|
: 0,
|
97
|
-
|
100
|
+
machineInstanceId = '',
|
101
|
+
peVariableSetId = '',
|
102
|
+
globalVariableSetId = '',
|
103
|
+
testDataSetId = '',
|
98
104
|
} = machineInstance as ExecutionContext;
|
99
105
|
return (
|
100
106
|
<Fragment key={ffid()}>
|
@@ -124,17 +130,35 @@ const Branches = ({
|
|
124
130
|
'ff-connecting-branch-datalist-reverse': !evenRow,
|
125
131
|
})}
|
126
132
|
>
|
127
|
-
<
|
128
|
-
|
129
|
-
className="ff-
|
130
|
-
|
133
|
+
<div
|
134
|
+
id={`ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`}
|
135
|
+
className="ff-dataset-list-branch"
|
136
|
+
onClick={() =>
|
137
|
+
onUpdateDataSetList(
|
138
|
+
`ff-sequential-branch-dataset-${machineInstanceId}-${numberOfRuns}`,
|
139
|
+
{
|
140
|
+
peVariableSetId: peVariableSetId,
|
141
|
+
globalVariableSetId: globalVariableSetId,
|
142
|
+
testDataSetId: testDataSetId,
|
143
|
+
},
|
144
|
+
true,
|
145
|
+
numberOfRuns,
|
146
|
+
machineInstanceId
|
147
|
+
)
|
148
|
+
}
|
131
149
|
>
|
132
|
-
|
133
|
-
|
150
|
+
<Icon name="datalist_icon" className="ff-connecting-icon" />
|
151
|
+
<Typography
|
152
|
+
className="ff-connecting-text"
|
153
|
+
color="var(--ff-connecting-branch-color)"
|
154
|
+
>
|
155
|
+
Dataset List
|
156
|
+
</Typography>
|
157
|
+
</div>
|
134
158
|
<Icon
|
135
159
|
name="plus_icon"
|
136
160
|
className="ff-connecting-icon"
|
137
|
-
onClick={() => onAddRunBrowser(
|
161
|
+
onClick={() => onAddRunBrowser(machineInstanceId)}
|
138
162
|
color="var(--ff-connecting-branch-color)"
|
139
163
|
/>
|
140
164
|
<Typography
|
@@ -146,7 +170,9 @@ const Branches = ({
|
|
146
170
|
<Icon
|
147
171
|
name="delete"
|
148
172
|
className="ff-connecting-delete-icon"
|
149
|
-
onClick={() =>
|
173
|
+
onClick={() =>
|
174
|
+
onDeleteBrowser(machineInstanceId, numberOfRuns)
|
175
|
+
}
|
150
176
|
color="var(--ff-connecting-branch-delete-color)"
|
151
177
|
/>
|
152
178
|
</div>
|
@@ -154,9 +180,14 @@ const Branches = ({
|
|
154
180
|
) : (
|
155
181
|
<div className="ff-connecting-branch-browser-button">
|
156
182
|
<Button
|
183
|
+
id={`ff-sequential-branch-add-${machineInstanceId}`}
|
157
184
|
variant="tertiary"
|
158
|
-
label="
|
159
|
-
onClick={
|
185
|
+
label="Add Environrment"
|
186
|
+
onClick={() =>
|
187
|
+
onAddBrowser(
|
188
|
+
`ff-sequential-branch-add-${machineInstanceId}`
|
189
|
+
)
|
190
|
+
}
|
160
191
|
/>
|
161
192
|
</div>
|
162
193
|
)}
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { ExecutionContext } from '../../types';
|
1
|
+
import { dataSetValues, ExecutionContext } from '../../types';
|
2
2
|
|
3
3
|
export interface BranchesProps {
|
4
4
|
machineInstances: ExecutionContext[] | {}[];
|
@@ -7,9 +7,16 @@ export interface BranchesProps {
|
|
7
7
|
machineColumnWidth: number;
|
8
8
|
nextRowMachineInstance?: ExecutionContext | {} | undefined;
|
9
9
|
previousRowMachineInstance?: ExecutionContext | {} | undefined;
|
10
|
-
onAddBrowser: () => void;
|
10
|
+
onAddBrowser: (modalId: string) => void;
|
11
11
|
onDeleteBrowser: (id: string, runCount: number) => void;
|
12
12
|
onAddRunBrowser: (id: string) => void;
|
13
|
+
onUpdateDataSetList: (
|
14
|
+
id: string,
|
15
|
+
dataSetObject: dataSetValues,
|
16
|
+
isInstance?: boolean,
|
17
|
+
noOfRuns?: number,
|
18
|
+
machineInstanceId?: string
|
19
|
+
) => void;
|
13
20
|
}
|
14
21
|
|
15
22
|
export interface branchTypeProps {
|
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
|
|
2
2
|
import { ExecutionContext } from '../../types';
|
3
3
|
import { ConnectingBranchesProps } from './types';
|
4
4
|
import { Fragment } from 'react/jsx-runtime';
|
5
|
-
import {ffid} from '../../../../utils/ffID/ffid';
|
5
|
+
import { ffid } from '../../../../utils/ffID/ffid';
|
6
6
|
import Branches from '../Branches/Branches';
|
7
7
|
import './ConnectingBranches.scss';
|
8
8
|
|
@@ -13,6 +13,7 @@ const ConnectingBranches = ({
|
|
13
13
|
onAddBrowser,
|
14
14
|
onDeleteBrowser,
|
15
15
|
onAddRunBrowser,
|
16
|
+
onUpdateDataSetList,
|
16
17
|
}: ConnectingBranchesProps) => {
|
17
18
|
const [machineInstance, setMachineInstance] = useState<
|
18
19
|
ExecutionContext[] | {}[]
|
@@ -56,6 +57,7 @@ const ConnectingBranches = ({
|
|
56
57
|
previousRowMachineInstance={
|
57
58
|
machineInstancesRow[index - 1]?.[machineColumnCount - 1]
|
58
59
|
}
|
60
|
+
onUpdateDataSetList={onUpdateDataSetList}
|
59
61
|
/>
|
60
62
|
</Fragment>
|
61
63
|
))}
|
@@ -1,10 +1,17 @@
|
|
1
|
-
import { ExecutionContext } from '../../types';
|
1
|
+
import { dataSetValues, ExecutionContext } from '../../types';
|
2
2
|
|
3
3
|
export interface ConnectingBranchesProps {
|
4
4
|
machineBranchInstances: ExecutionContext[] | {}[];
|
5
5
|
machineColumnCount: number;
|
6
6
|
machineColumnWidth: number;
|
7
|
-
onAddBrowser: () => void;
|
7
|
+
onAddBrowser: (modalId: string) => void;
|
8
8
|
onDeleteBrowser: (id: string, runCount: number) => void;
|
9
9
|
onAddRunBrowser: (id: string) => void;
|
10
|
+
onUpdateDataSetList: (
|
11
|
+
id: string,
|
12
|
+
dataSetObject: dataSetValues,
|
13
|
+
isInstance?: boolean,
|
14
|
+
noOfRuns?: number,
|
15
|
+
machineInstanceId?: string
|
16
|
+
) => void;
|
10
17
|
}
|
@@ -7,10 +7,19 @@ export interface SequentialConnectingBranchProps {
|
|
7
7
|
selectedMachine?: Option;
|
8
8
|
machineOptionsList?: Option[];
|
9
9
|
onHandleSelect?: (option: Option) => void;
|
10
|
-
onAddBrowserInstance?: () => void;
|
10
|
+
onAddBrowserInstance?: (modalId: string) => void;
|
11
11
|
onUpdateAddBrowserInstance?: () => void;
|
12
12
|
onDeleteBrowserInstance?: (id: string, runCount: number) => void;
|
13
|
-
onAddRunBrowserInstance?: (
|
13
|
+
onAddRunBrowserInstance?: (machineInstanceId: string) => void;
|
14
|
+
onDeleteMachineInstance?: () => void;
|
15
|
+
onUpdateDataSetList: (
|
16
|
+
id: string,
|
17
|
+
dataSetObject: dataSetValues,
|
18
|
+
isInstance?: boolean,
|
19
|
+
noOfRuns?: number,
|
20
|
+
machineInstanceId?: string
|
21
|
+
) => void;
|
22
|
+
dataSetValues: dataSetValues;
|
14
23
|
}
|
15
24
|
|
16
25
|
// Type for machine information
|
@@ -29,7 +38,7 @@ export interface DeviceInfo {
|
|
29
38
|
}
|
30
39
|
|
31
40
|
export interface ExecutionContext {
|
32
|
-
|
41
|
+
machineInstanceId: string;
|
33
42
|
clientId: string;
|
34
43
|
numberOfRuns: number;
|
35
44
|
executionEnv?: 'Local'; // Change to specific enum if more environments exist
|
@@ -43,3 +52,9 @@ export interface ExecutionContext {
|
|
43
52
|
globalVariableSetId: string;
|
44
53
|
testDataSetId: string;
|
45
54
|
}
|
55
|
+
|
56
|
+
export interface dataSetValues {
|
57
|
+
peVariableSetId: string;
|
58
|
+
globalVariableSetId: string;
|
59
|
+
testDataSetId: string;
|
60
|
+
}
|