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.
Files changed (112) hide show
  1. package/lib/components/AppHeader/AppHeader.d.ts +1 -0
  2. package/lib/components/AppHeader/types.d.ts +18 -6
  3. package/lib/components/Charts/BarChart/BarChart.d.ts +1 -0
  4. package/lib/components/Charts/DashboardDonutChart/types.d.ts +2 -0
  5. package/lib/components/Excel/ExcelToolBar/ExcelToolBar.d.ts +0 -1
  6. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +0 -2
  7. package/lib/components/MachineInputField/types.d.ts +1 -1
  8. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
  9. package/lib/components/PopUpModal/PopUpModal.d.ts +5 -0
  10. package/lib/components/PopUpModal/types.d.ts +14 -0
  11. package/lib/components/RadioGroup/radioGroupTypes.d.ts +20 -0
  12. package/lib/components/Select/Select.stories.d.ts +0 -1
  13. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +2 -1
  14. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  15. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +3 -2
  16. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  17. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +3 -2
  18. package/lib/components/SequentialConnectingBranch/types.d.ts +11 -3
  19. package/lib/components/TableTree/data.d.ts +36 -2
  20. package/lib/components/TableTree/types.d.ts +3 -4
  21. package/lib/index.d.ts +56 -17
  22. package/lib/index.esm.js +917 -552
  23. package/lib/index.esm.js.map +1 -1
  24. package/lib/index.js +917 -551
  25. package/lib/index.js.map +1 -1
  26. package/lib/tsconfig.tsbuildinfo +1 -1
  27. package/package.json +1 -1
  28. package/src/assets/Themes/BaseTheme.scss +5 -14
  29. package/src/assets/Themes/DarkTheme.scss +5 -2
  30. package/src/assets/icons/approval_pending.svg +8 -8
  31. package/src/assets/icons/arrow_up.svg +1 -1
  32. package/src/assets/icons/configuration.svg +3 -3
  33. package/src/assets/icons/defects.svg +8 -8
  34. package/src/assets/icons/element.svg +4 -4
  35. package/src/assets/icons/project_element.svg +4 -4
  36. package/src/assets/icons/step_group.svg +10 -10
  37. package/src/assets/icons/variable.svg +3 -3
  38. package/src/assets/icons/web_service_icon.svg +3 -3
  39. package/src/assets/styles/_fonts.scss +4 -2
  40. package/src/components/AppHeader/AppHeader.stories.tsx +242 -39
  41. package/src/components/AppHeader/AppHeader.tsx +158 -139
  42. package/src/components/AppHeader/types.ts +19 -6
  43. package/src/components/Charts/BarChart/BarChart.scss +34 -34
  44. package/src/components/Charts/BarChart/BarChart.stories.tsx +3 -2
  45. package/src/components/Charts/BarChart/BarChart.tsx +79 -55
  46. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +25 -18
  47. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +31 -11
  48. package/src/components/Charts/DashboardDonutChart/types.ts +2 -0
  49. package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +3 -0
  50. package/src/components/Charts/LineChart/LineChart.scss +13 -4
  51. package/src/components/Charts/LineChart/LineChart.stories.tsx +100 -102
  52. package/src/components/Charts/LineChart/LineChart.tsx +143 -131
  53. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +23 -2
  54. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +109 -24
  55. package/src/components/Charts/PieChart/PieChart.scss +5 -3
  56. package/src/components/Charts/PieChart/PieChart.tsx +1 -2
  57. package/src/components/DatePicker/DatePicker.scss +15 -1
  58. package/src/components/Excel/ExcelFile/ExcelFile.scss +1 -1
  59. package/src/components/Excel/ExcelFile/ExcelFile.tsx +34 -20
  60. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +0 -1
  61. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +44 -15
  62. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +47 -4
  63. package/src/components/Icon/Icons.scss +1 -1
  64. package/src/components/MachineInputField/MachineInputField.scss +15 -2
  65. package/src/components/MachineInputField/MachineInputField.tsx +17 -3
  66. package/src/components/MachineInputField/types.ts +1 -1
  67. package/src/components/PopUpModal/PopUpModal.scss +36 -0
  68. package/src/components/PopUpModal/PopUpModal.stories.tsx +61 -0
  69. package/src/components/PopUpModal/PopUpModal.tsx +85 -0
  70. package/src/components/PopUpModal/types.ts +14 -0
  71. package/src/components/RadioGroup/RadioGroup.scss +7 -0
  72. package/src/components/RadioGroup/RadioGroup.stories.tsx +26 -0
  73. package/src/components/RadioGroup/RadioGroup.tsx +16 -0
  74. package/src/components/RadioGroup/radioGroupTypes.tsx +24 -0
  75. package/src/components/Select/Select.tsx +2 -3
  76. package/src/components/Select/components/Dropdown.tsx +34 -34
  77. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +9 -0
  78. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +74 -43
  79. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +9 -3
  80. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -14
  81. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +9 -2
  82. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +3 -1
  83. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +9 -2
  84. package/src/components/SequentialConnectingBranch/types.ts +18 -3
  85. package/src/components/TableTree/TableTree.stories.tsx +145 -98
  86. package/src/components/TableTree/TableTree.tsx +49 -14
  87. package/src/components/TableTree/data.ts +32 -391
  88. package/src/components/TableTree/types.ts +3 -4
  89. package/src/index.ts +3 -0
  90. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  91. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  92. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  93. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  94. package/lib/components/AddButton/AddButton.d.ts +0 -5
  95. package/lib/components/AddButton/AddButton.stories.d.ts +0 -6
  96. package/lib/components/AddButton/index.d.ts +0 -1
  97. package/lib/components/AddButton/types.d.ts +0 -4
  98. package/lib/components/AttachImage/AttachImage.stories.d.ts +0 -7
  99. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +0 -6
  100. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +0 -8
  101. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +0 -7
  102. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +0 -8
  103. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +0 -6
  104. package/lib/components/EditTextField/EditTextField.stories.d.ts +0 -10
  105. package/lib/components/Editor/Editor.stories.d.ts +0 -6
  106. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +0 -4
  107. package/lib/components/Excel/ExcelFile.stories.d.ts +0 -6
  108. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +0 -14
  109. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +0 -24
  110. package/lib/components/StatusCard/StatusCard.stories.d.ts +0 -11
  111. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +0 -10
  112. /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
- }: SequentialConnectingBranchProps) => {
23
- const dataListRef = useRef<HTMLButtonElement>(null);
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={selectedMachine}
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="Browser / Device"
92
+ label="Add Environment"
74
93
  size="small"
75
94
  className="branch-button"
76
95
  ref={selectButtonRef}
77
- onClick={onAddBrowserInstance}
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
- <div className="ff-select-scope-datalist">
86
- <div className="ff-scope-wrapper">
87
- <Icon name="windows" />
88
- <Typography
89
- as="span"
90
- fontSize={12}
91
- color="var(--ff-connecting-branch-scope-color)"
92
- className="ff-scope-text"
93
- >
94
- Private
95
- </Typography>
96
- </div>
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
- <div className="ff-datalist-wrapper">
99
- <Icon
100
- name="datalist_icon"
101
- className="ff-dataset-icon"
102
- ref={dataListRef}
103
- />
104
- <Typography
105
- as="span"
106
- fontSize={12}
107
- color="var(--ff-connecting-branch-color)"
108
- className="ff-datalist-text"
109
- >
110
- Dataset List
111
- </Typography>
112
- <Icon
113
- name="delete"
114
- className="ff-run-delete-icon"
115
- color="var(--ff-connecting-branch-delete-color)"
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
- </div>
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
- $clip: polygon(0 50%, 100% 100%, 100% 0),
158
- $horizontal-pos: left,
159
- $offset: -1px
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
- 'id' in currentBranch &&
37
- 'id' in nextBranch
37
+ 'machineInstanceId' in currentBranch &&
38
+ 'machineInstanceId' in nextBranch
38
39
  ) {
39
- return currentBranch.id === nextBranch.id ? 'dotted' : 'solid';
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
- id = '',
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
- <Icon name="datalist_icon" className="ff-connecting-icon" />
128
- <Typography
129
- className="ff-connecting-text"
130
- color="var(--ff-connecting-branch-color)"
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
- Dataset List
133
- </Typography>
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(id)}
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={() => onDeleteBrowser(id, numberOfRuns)}
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="Browser / Devices"
159
- onClick={onAddBrowser}
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?: (id: string) => void;
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
- id: string;
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
+ }