pixel-react 1.10.4 → 1.10.6
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/ComponentProps/TreeNodeProps.d.ts +2 -1
- package/lib/components/AddResourceButton/AddResourceButton.d.ts +4 -0
- package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
- package/lib/components/AddResourceButton/index.d.ts +1 -1
- package/lib/components/AddResourceButton/type.d.ts +2 -0
- package/lib/components/BrowserTabs/BrowserTabs.d.ts +5 -0
- package/lib/components/BrowserTabs/index.d.ts +1 -0
- package/lib/components/BrowserTabs/types.d.ts +64 -0
- package/lib/components/ConnectingBranch/data.d.ts +62 -64
- package/lib/components/ConnectingBranch/types.d.ts +28 -7
- package/lib/components/Excel/ExcelFile/ExcelFile.d.ts +6 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.d.ts +3 -0
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/actions.d.ts +15 -1
- package/lib/components/Excel/ExcelFile/ExcelFileComponents/types.d.ts +5 -0
- package/lib/components/Excel/Types.d.ts +1 -0
- package/lib/components/MenuOption/MenuOption.d.ts +1 -1
- package/lib/components/MenuOption/types.d.ts +1 -0
- package/lib/components/MiniModal/types.d.ts +2 -1
- package/lib/components/Select/components/types.d.ts +6 -1
- package/lib/components/Select/types.d.ts +17 -0
- package/lib/components/Table/Table.d.ts +1 -1
- package/lib/components/Table/Types.d.ts +1 -0
- package/lib/components/TableTree/Components/TableCell.d.ts +1 -1
- package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
- package/lib/components/TableTree/types.d.ts +4 -3
- package/lib/index.d.ts +127 -13
- package/lib/index.esm.js +992 -462
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +993 -462
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/ComponentProps/TreeNodeProps.ts +2 -1
- package/src/assets/Themes/BaseTheme.scss +1 -2
- package/src/assets/Themes/DarkTheme.scss +0 -1
- package/src/assets/styles/_mixins.scss +19 -0
- package/src/components/AddResourceButton/{AddButton.scss → AddResourceButton.scss} +1 -0
- package/src/components/AddResourceButton/{AddButton.stories.tsx → AddResourceButton.stories.tsx} +4 -4
- package/src/components/AddResourceButton/{AddButton.tsx → AddResourceButton.tsx} +25 -10
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.scss +1 -2
- package/src/components/AddResourceButton/ArrowsButton/ArrowsButton.tsx +16 -9
- package/src/components/AddResourceButton/index.ts +1 -1
- package/src/components/AddResourceButton/type.ts +2 -0
- package/src/components/BrowserTabs/BrowserTabs.scss +75 -0
- package/src/components/BrowserTabs/BrowserTabs.stories.tsx +366 -0
- package/src/components/BrowserTabs/BrowserTabs.tsx +128 -0
- package/src/components/BrowserTabs/index.ts +1 -0
- package/src/components/BrowserTabs/types.ts +73 -0
- package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +54 -39
- package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +3 -2
- package/src/components/ConnectingBranch/ConnectingBranch.tsx +28 -24
- package/src/components/ConnectingBranch/data.tsx +207 -213
- package/src/components/ConnectingBranch/types.ts +26 -17
- package/src/components/Excel/ColorBarSelector/ColorBarSelector.tsx +1 -1
- package/src/components/Excel/ExcelFile/ExcelFile.scss +4 -0
- package/src/components/Excel/ExcelFile/ExcelFile.tsx +35 -16
- package/src/components/Excel/ExcelFile/ExcelFileComponents/ColumnIndicator.tsx +14 -3
- package/src/components/Excel/ExcelFile/ExcelFileComponents/DataEditor.tsx +1 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/RowIndicator.tsx +16 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.scss +12 -1
- package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +31 -5
- package/src/components/Excel/ExcelFile/ExcelFileComponents/actions.ts +30 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducer.ts +47 -0
- package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +4 -4
- package/src/components/Excel/ExcelFile/ExcelFileComponents/types.ts +6 -0
- package/src/components/Excel/ExcelFile.stories.tsx +10 -2
- package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +11 -11
- package/src/components/Excel/Types.ts +1 -0
- package/src/components/Excel/dataConversion.ts +17 -19
- package/src/components/MenuOption/MenuOption.tsx +4 -0
- package/src/components/MenuOption/types.ts +1 -0
- package/src/components/MiniModal/MiniModal.scss +8 -0
- package/src/components/MiniModal/MiniModal.stories.tsx +60 -0
- package/src/components/MiniModal/types.ts +2 -1
- package/src/components/Select/Select.stories.tsx +43 -1
- package/src/components/Select/Select.tsx +16 -1
- package/src/components/Select/components/Dropdown.scss +41 -1
- package/src/components/Select/components/Dropdown.tsx +52 -6
- package/src/components/Select/components/types.ts +7 -2
- package/src/components/Select/types.ts +22 -0
- package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.tsx +8 -2
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +1 -1
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.scss +14 -0
- package/src/components/SequentialConnectingBranch/components/DatasetTooltip/DataSetTooltip.tsx +6 -11
- package/src/components/Table/Table.stories.tsx +1 -1
- package/src/components/Table/Table.tsx +55 -4
- package/src/components/Table/Types.ts +4 -1
- package/src/components/TableTree/Components/TableCell.tsx +25 -10
- package/src/components/TableTree/Components/TableHead.tsx +5 -5
- package/src/components/TableTree/Components/TableRow.tsx +27 -24
- package/src/components/TableTree/TableTree.scss +89 -69
- package/src/components/TableTree/TableTree.stories.tsx +66 -2
- package/src/components/TableTree/types.ts +4 -3
- package/src/index.ts +2 -0
- package/src/utils/getTreeDetails/getTreeDetails.ts +8 -7
- package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +0 -6
- package/lib/StyleGuide/Typography/Typography.stories.d.ts +0 -6
- package/lib/components/Accordion/Accordion.stories.d.ts +0 -6
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +0 -8
- package/lib/components/Button/Button.stories.d.ts +0 -12
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +0 -6
- package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +0 -6
- package/lib/components/Checkbox/Checkbox.stories.d.ts +0 -8
- package/lib/components/Chip/Chip.stories.d.ts +0 -14
- package/lib/components/DatePicker/DatePicker.stories.d.ts +0 -9
- package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +0 -6
- package/lib/components/Drawer/Drawer.stories.d.ts +0 -7
- package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +0 -7
- package/lib/components/FileDropzone/FileDropzone.stories.d.ts +0 -8
- package/lib/components/Form/Form.stories.d.ts +0 -6
- package/lib/components/GridLayout/GridLayout.stories.d.ts +0 -8
- package/lib/components/HighlightText/HighlightText.stories.d.ts +0 -6
- package/lib/components/Icon/Icon.stories.d.ts +0 -7
- package/lib/components/IconButton/IconButton.stories.d.ts +0 -6
- package/lib/components/Input/Input.stories.d.ts +0 -9
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +0 -9
- package/lib/components/LazyLoad/LazyLoad.stories.d.ts +0 -6
- package/lib/components/MenuOption/MenuOption.stories.d.ts +0 -15
- package/lib/components/MiniModal/MiniModal.stories.d.ts +0 -9
- package/lib/components/Modal/Modal.stories.d.ts +0 -7
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +0 -9
- package/lib/components/RadioButton/RadioButton.stories.d.ts +0 -10
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +0 -8
- package/lib/components/Search/Search.stories.d.ts +0 -6
- package/lib/components/Select/Select.stories.d.ts +0 -13
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +0 -4
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +0 -15
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +0 -4
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +0 -3
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +0 -4
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +0 -3
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +0 -10
- package/lib/components/StatusButton/StatusButton.stories.d.ts +0 -14
- package/lib/components/Table/Table.stories.d.ts +0 -11
- package/lib/components/TableTree/TableTree.stories.d.ts +0 -7
- package/lib/components/Tabs/Tabs.stories.d.ts +0 -9
- package/lib/components/TextArea/Textarea.stories.d.ts +0 -9
- package/lib/components/ThemeProvider/CustomThemeProvider.d.ts +0 -8
- package/lib/components/Toast/Toast.stories.d.ts +0 -6
- package/lib/components/Toggle/Toggle.stories.d.ts +0 -12
- package/lib/components/Tooltip/Tooltip.stories.d.ts +0 -15
- package/lib/components/Typography/Typography.stories.d.ts +0 -10
- package/lib/hooks/useCustomThemeProvider.d.ts +0 -11
- package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +0 -6
- package/lib/utils/compareArrays/compareArrays.stories.d.ts +0 -6
- package/lib/utils/compareObjects/compareObjects.stories.d.ts +0 -6
- package/lib/utils/debounce/debounce.stories.d.ts +0 -6
- package/lib/utils/ffID/ffID.stories.d.ts +0 -6
- package/lib/utils/find/findAndInsert.d.ts +0 -7
- package/lib/utils/find/findAndInsert.stories.d.ts +0 -7
- package/lib/utils/getExtension/getExtension.stories.d.ts +0 -6
- package/lib/utils/throttle/throttle.stories.d.ts +0 -6
- package/lib/utils/truncateText/truncateText.stories.d.ts +0 -6
@@ -1,10 +1,16 @@
|
|
1
|
+
import { ffid } from '../../../utils/ffID/ffid';
|
1
2
|
import Typography from '../../Typography';
|
2
|
-
import {
|
3
|
+
import {
|
4
|
+
indexType,
|
5
|
+
MachineData,
|
6
|
+
MachineInstancesProps,
|
7
|
+
RunLevelExecutionDataSet,
|
8
|
+
} from '../types';
|
3
9
|
|
4
10
|
const MachineInstances: React.FC<MachineInstancesProps> = ({
|
5
11
|
getChildNodeComponent,
|
6
|
-
|
7
|
-
|
12
|
+
parentNodeIndex,
|
13
|
+
parentNodeData,
|
8
14
|
verticalLineHeight,
|
9
15
|
datasetHeight,
|
10
16
|
curveHeights,
|
@@ -13,7 +19,7 @@ const MachineInstances: React.FC<MachineInstancesProps> = ({
|
|
13
19
|
}) => {
|
14
20
|
return (
|
15
21
|
<>
|
16
|
-
{
|
22
|
+
{parentNodeData?.machineInstances?.length === 0 ? (
|
17
23
|
<>
|
18
24
|
<div className="ff-selectedMachines-connecting-line">
|
19
25
|
<div className="ff-line">
|
@@ -22,18 +28,19 @@ const MachineInstances: React.FC<MachineInstancesProps> = ({
|
|
22
28
|
</div>
|
23
29
|
</div>
|
24
30
|
<div className="ff-machine-instance ff-machine-env-button">
|
25
|
-
{getChildNodeComponent(
|
31
|
+
{getChildNodeComponent({
|
32
|
+
isButton: true,
|
33
|
+
parentNodeData,
|
34
|
+
parentNodeIndex,
|
35
|
+
})}
|
26
36
|
</div>
|
27
37
|
</>
|
28
38
|
) : (
|
29
|
-
|
30
|
-
(
|
31
|
-
const isFirstLine =
|
39
|
+
parentNodeData?.machineInstances?.map(
|
40
|
+
(childNodeData: MachineData, childNodeIndex: indexType) => {
|
41
|
+
const isFirstLine = childNodeIndex === 0;
|
32
42
|
return (
|
33
|
-
<div
|
34
|
-
className="ff-machine-instance-row"
|
35
|
-
key={instance.clientId || machineInstanceIndex}
|
36
|
-
>
|
43
|
+
<div className="ff-machine-instance-row" key={ffid()}>
|
37
44
|
<div
|
38
45
|
className={`ff-selectedMachines-connecting-line ${
|
39
46
|
!isFirstLine ? 'ff-second-line' : ''
|
@@ -53,23 +60,28 @@ const MachineInstances: React.FC<MachineInstancesProps> = ({
|
|
53
60
|
</div>
|
54
61
|
|
55
62
|
<div className="ff-machine-instance">
|
56
|
-
{
|
63
|
+
{childNodeData.runLevelExecutionDataSets.map(
|
57
64
|
(
|
58
|
-
|
59
|
-
|
65
|
+
runLevelExecutionDataSet: RunLevelExecutionDataSet,
|
66
|
+
runLevelExecutionDataSetIndex: indexType
|
60
67
|
) => (
|
61
68
|
<div
|
62
|
-
key={
|
69
|
+
key={
|
70
|
+
runLevelExecutionDataSet?.runLevelExecutionDataSetId +
|
71
|
+
ffid()
|
72
|
+
}
|
63
73
|
className="ff-run-level-execution-dataset"
|
64
74
|
ref={
|
65
|
-
|
75
|
+
runLevelExecutionDataSetIndex === 0
|
76
|
+
? datasetRef
|
77
|
+
: null
|
66
78
|
}
|
67
79
|
>
|
68
80
|
<div
|
69
81
|
className="ff-execution-item"
|
70
|
-
key={
|
82
|
+
key={ffid()}
|
71
83
|
ref={(element) =>
|
72
|
-
(itemRefs.current[
|
84
|
+
(itemRefs.current[runLevelExecutionDataSetIndex] =
|
73
85
|
element)
|
74
86
|
}
|
75
87
|
>
|
@@ -78,18 +90,19 @@ const MachineInstances: React.FC<MachineInstancesProps> = ({
|
|
78
90
|
style={{ top: `${-datasetHeight}px` }}
|
79
91
|
>
|
80
92
|
<div
|
81
|
-
className={`ff-curve ff-connector-${
|
93
|
+
className={`ff-curve ff-connector-${runLevelExecutionDataSetIndex}`}
|
82
94
|
style={{
|
83
|
-
height: `${curveHeights[
|
95
|
+
height: `${curveHeights[runLevelExecutionDataSetIndex]}px`,
|
84
96
|
}}
|
85
97
|
>
|
86
98
|
<div
|
87
|
-
className={`ff-curve-right-icon ff-curve-right-icon-${
|
99
|
+
className={`ff-curve-right-icon ff-curve-right-icon-${runLevelExecutionDataSetIndex}`}
|
88
100
|
></div>
|
89
|
-
{
|
101
|
+
{runLevelExecutionDataSet?.runScriptCount && (
|
90
102
|
<div className="ff-selectedMachines-connecting-line-text">
|
91
103
|
<Typography fontSize={8} fontWeight="regular">
|
92
|
-
{
|
104
|
+
{runLevelExecutionDataSet.runScriptCount}{' '}
|
105
|
+
Script
|
93
106
|
</Typography>
|
94
107
|
</div>
|
95
108
|
)}
|
@@ -97,14 +110,15 @@ const MachineInstances: React.FC<MachineInstancesProps> = ({
|
|
97
110
|
</div>
|
98
111
|
|
99
112
|
<div className="ff-run-data-box">
|
100
|
-
{getChildNodeComponent(
|
101
|
-
false,
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
113
|
+
{getChildNodeComponent({
|
114
|
+
isButton: false,
|
115
|
+
childNodeData,
|
116
|
+
childNodeIndex,
|
117
|
+
runLevelExecutionDataSet,
|
118
|
+
runLevelExecutionDataSetIndex,
|
119
|
+
parentNodeData,
|
120
|
+
parentNodeIndex,
|
121
|
+
})}
|
108
122
|
</div>
|
109
123
|
</div>
|
110
124
|
</div>
|
@@ -112,7 +126,8 @@ const MachineInstances: React.FC<MachineInstancesProps> = ({
|
|
112
126
|
)}
|
113
127
|
</div>
|
114
128
|
|
115
|
-
{
|
129
|
+
{childNodeIndex ===
|
130
|
+
parentNodeData.machineInstances.length - 1 && (
|
116
131
|
<>
|
117
132
|
<div className="ff-selectedMachines-connecting-line ff-second-line">
|
118
133
|
<div className="ff-line">
|
@@ -122,12 +137,12 @@ const MachineInstances: React.FC<MachineInstancesProps> = ({
|
|
122
137
|
</div>
|
123
138
|
|
124
139
|
<div className="ff-machine-instance ff-machine-env-button">
|
125
|
-
{getChildNodeComponent(
|
126
|
-
true,
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
)}
|
140
|
+
{getChildNodeComponent({
|
141
|
+
isButton: true,
|
142
|
+
parentNodeData,
|
143
|
+
parentNodeIndex,
|
144
|
+
childNodeIndex: childNodeIndex + 1,
|
145
|
+
})}
|
131
146
|
</div>
|
132
147
|
</>
|
133
148
|
)}
|
@@ -3,6 +3,7 @@ import type { Meta, StoryObj } from '@storybook/react';
|
|
3
3
|
import ConnectingBranch from './ConnectingBranch';
|
4
4
|
import machineData from './data';
|
5
5
|
import Button from '../Button/Button';
|
6
|
+
import { ConnectingNodeConfig } from './types';
|
6
7
|
|
7
8
|
const meta: Meta<typeof ConnectingBranch> = {
|
8
9
|
title: 'Components/ConnectingBranch',
|
@@ -17,7 +18,7 @@ export default meta;
|
|
17
18
|
|
18
19
|
type Story = StoryObj<typeof ConnectingBranch>;
|
19
20
|
|
20
|
-
const getChildNodeComponent = (isButton:
|
21
|
+
const getChildNodeComponent = ({ isButton }: ConnectingNodeConfig) => {
|
21
22
|
if (isButton) {
|
22
23
|
return (
|
23
24
|
<div>
|
@@ -36,7 +37,7 @@ const getParentNodeComponentActionItems = () => {
|
|
36
37
|
return <div> Machine Action Items</div>;
|
37
38
|
};
|
38
39
|
|
39
|
-
const getParentNodeComponent = (isMultiSelect:
|
40
|
+
const getParentNodeComponent = ({ isMultiSelect }: ConnectingNodeConfig) => (
|
40
41
|
<div className="ff-parent-node-container">
|
41
42
|
{' '}
|
42
43
|
{isMultiSelect ? 'MultiSelect' : 'Select'} DropDown
|
@@ -9,6 +9,7 @@ import {
|
|
9
9
|
import { ArcherContainer, ArcherElement } from 'react-archer';
|
10
10
|
import MachineInstances from './BranchComponents/MachineInstances';
|
11
11
|
import Typography from '../Typography';
|
12
|
+
import { ffid } from '../../utils/ffID/ffid';
|
12
13
|
|
13
14
|
const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
14
15
|
data: machineData,
|
@@ -37,7 +38,7 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
37
38
|
if (datasetRef.current) {
|
38
39
|
setDatasetHeight(datasetRef.current.offsetHeight);
|
39
40
|
}
|
40
|
-
}, []);
|
41
|
+
}, [machineData]);
|
41
42
|
|
42
43
|
const calculateCurveHeight = () => {
|
43
44
|
const heights = itemRefs.current.map((_, index) => {
|
@@ -49,7 +50,7 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
49
50
|
|
50
51
|
useEffect(() => {
|
51
52
|
calculateCurveHeight();
|
52
|
-
}, [datasetHeight]);
|
53
|
+
}, [datasetHeight, machineData]);
|
53
54
|
|
54
55
|
const calculateRowSpan = (machine: MachineData): number => {
|
55
56
|
const baseRows = 1;
|
@@ -57,14 +58,13 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
57
58
|
return Math.max(baseRows + childrenRows, 1);
|
58
59
|
};
|
59
60
|
|
60
|
-
const machineCount =
|
61
|
-
machineData?.executionSettings?.machines?.selectedMachines?.length;
|
61
|
+
const machineCount = machineData?.machines?.selectedMachines?.length;
|
62
62
|
const isOddMachineCount = machineCount % 2 !== 0;
|
63
63
|
|
64
64
|
let currentRow = 1;
|
65
65
|
|
66
66
|
const calculateTotalRows = (): number => {
|
67
|
-
return machineData.
|
67
|
+
return machineData.machines.selectedMachines.reduce(
|
68
68
|
(totalRows: indexType, machine: MachineData) =>
|
69
69
|
totalRows + calculateRowSpan(machine),
|
70
70
|
1
|
@@ -73,7 +73,7 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
73
73
|
|
74
74
|
const oddCountRow = Math.round(calculateTotalRows() / 2);
|
75
75
|
const middleIndex = Math.floor(
|
76
|
-
machineData.
|
76
|
+
machineData.machines.selectedMachines.length / 2
|
77
77
|
);
|
78
78
|
return (
|
79
79
|
<div className="connecting-branch-container">
|
@@ -85,22 +85,22 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
85
85
|
noCurves
|
86
86
|
>
|
87
87
|
<div className="ff-connecting-branch-grid-container">
|
88
|
-
{machineData?.
|
89
|
-
(
|
88
|
+
{machineData?.machines?.selectedMachines.map(
|
89
|
+
(parentNodeData: MachineData, parentNodeIndex: indexType) => {
|
90
90
|
const rowStart = currentRow;
|
91
|
-
const rowSpan = calculateRowSpan(
|
91
|
+
const rowSpan = calculateRowSpan(parentNodeData);
|
92
92
|
currentRow += rowSpan;
|
93
93
|
const gap = 16;
|
94
94
|
const verticalLineHeight = calculateVerticalLineHeight(
|
95
|
-
|
95
|
+
parentNodeData?.machineInstances,
|
96
96
|
datasetHeight,
|
97
97
|
gap
|
98
98
|
);
|
99
99
|
return (
|
100
|
-
<React.Fragment key={
|
100
|
+
<React.Fragment key={ffid()}>
|
101
101
|
{/* Show ff-script-count-box only for the middle index */}
|
102
|
-
{((!isOddMachineCount &&
|
103
|
-
(isOddMachineCount &&
|
102
|
+
{((!isOddMachineCount && parentNodeIndex === middleIndex) ||
|
103
|
+
(isOddMachineCount && parentNodeIndex === 0)) && (
|
104
104
|
<ArcherElement id="rootNode">
|
105
105
|
<div
|
106
106
|
className="ff-grid-item ff-dynamic-item"
|
@@ -113,10 +113,7 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
113
113
|
<div className="ff-script-count-container">
|
114
114
|
<div className="ff-script-count-box">
|
115
115
|
<Typography fontSize={12} fontWeight="regular">
|
116
|
-
{
|
117
|
-
machineData?.executionSettings?.machines
|
118
|
-
?.totalNoScript
|
119
|
-
}
|
116
|
+
{machineData?.machines?.totalNoScript}
|
120
117
|
</Typography>
|
121
118
|
<Typography fontSize={12} fontWeight="regular">
|
122
119
|
Scripts
|
@@ -136,8 +133,8 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
136
133
|
<div className="ff-selectedMachines-input">
|
137
134
|
<div className="ff-input-box-container">
|
138
135
|
<ArcherElement
|
139
|
-
id={`parentnode${
|
140
|
-
key={
|
136
|
+
id={`parentnode${parentNodeIndex}`}
|
137
|
+
key={ffid()}
|
141
138
|
relations={[
|
142
139
|
{
|
143
140
|
targetId: 'rootNode',
|
@@ -147,14 +144,21 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
147
144
|
]}
|
148
145
|
>
|
149
146
|
{/* Todo: here we will add select dropdown */}
|
150
|
-
{getParentNodeComponent(
|
147
|
+
{getParentNodeComponent({
|
148
|
+
isMultiSelect: false,
|
149
|
+
parentNodeData,
|
150
|
+
parentNodeIndex,
|
151
|
+
})}
|
151
152
|
</ArcherElement>
|
152
|
-
{getParentNodeComponentActionItems(
|
153
|
+
{getParentNodeComponentActionItems({
|
154
|
+
parentNodeData,
|
155
|
+
parentNodeIndex,
|
156
|
+
})}
|
153
157
|
</div>
|
154
158
|
</div>
|
155
159
|
<MachineInstances
|
156
|
-
|
157
|
-
|
160
|
+
parentNodeIndex={parentNodeIndex}
|
161
|
+
parentNodeData={parentNodeData}
|
158
162
|
verticalLineHeight={verticalLineHeight}
|
159
163
|
datasetHeight={datasetHeight}
|
160
164
|
curveHeights={curveHeights}
|
@@ -184,7 +188,7 @@ const ConnectingBranch: React.FC<ConnectBranchProps> = ({
|
|
184
188
|
},
|
185
189
|
]}
|
186
190
|
>
|
187
|
-
<div>{getParentNodeComponent(true)}</div>
|
191
|
+
<div>{getParentNodeComponent({ isMultiSelect: true })}</div>
|
188
192
|
</ArcherElement>
|
189
193
|
</div>
|
190
194
|
</div>
|