pixel-react 1.10.10-1 → 1.10.10-3
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/1fb4472b34e4fe07.css +1 -0
- package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
- package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -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/Accordion/Accordion.stories.d.ts +6 -0
- package/lib/components/AddButton/AddButton.d.ts +5 -0
- package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
- package/lib/components/AddButton/index.d.ts +1 -0
- package/lib/components/AddButton/types.d.ts +4 -0
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
- package/lib/components/AddVariables/AddVariables.d.ts +5 -0
- package/lib/components/AddVariables/index.d.ts +1 -0
- package/lib/components/AddVariables/types.d.ts +35 -0
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
- package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
- package/lib/components/AppHeader/types.d.ts +1 -0
- package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
- package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
- package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
- package/lib/components/Button/Button.stories.d.ts +13 -0
- package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
- package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
- package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
- package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
- package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
- package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
- package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
- package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
- package/lib/components/Chip/Chip.stories.d.ts +14 -0
- package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
- package/lib/components/ConnectingBranch/types.d.ts +2 -0
- package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
- package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
- package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
- package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
- package/lib/components/Editor/Editor.stories.d.ts +6 -0
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
- package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
- package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts +8 -0
- package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +4 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
- package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
- package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
- package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
- package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
- package/lib/components/ExcelFile/Types.d.ts +129 -0
- package/lib/components/ExcelFile/index.d.ts +1 -0
- package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
- package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
- package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
- package/lib/components/Form/Form.stories.d.ts +7 -0
- package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
- package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
- package/lib/components/Icon/Icon.stories.d.ts +8 -0
- package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
- package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
- package/lib/components/Input/Input.stories.d.ts +9 -0
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +13 -0
- package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
- package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
- package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
- package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
- package/lib/components/Modal/Modal.stories.d.ts +7 -0
- package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +11 -0
- package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
- package/lib/components/NLPInput/type.d.ts +70 -0
- package/lib/components/Paper/Paper.stories.d.ts +11 -0
- package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
- package/lib/components/Search/Search.stories.d.ts +6 -0
- package/lib/components/Select/Select.stories.d.ts +14 -0
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +3 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +3 -0
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
- package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
- package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
- package/lib/components/Table/Table.stories.d.ts +13 -0
- package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
- package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
- package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
- package/lib/components/Toast/Toast.stories.d.ts +6 -0
- package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
- package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
- package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
- package/lib/components/Typography/Typography.stories.d.ts +10 -0
- package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.esm.js +799 -575
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +799 -575
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
- package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
- package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
- package/lib/utils/debounce/debounce.stories.d.ts +6 -0
- package/lib/utils/ffID/ffID.stories.d.ts +6 -0
- package/lib/utils/find/findAndInsert.d.ts +7 -0
- package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
- package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
- package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
- package/lib/utils/throttle/throttle.stories.d.ts +6 -0
- package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
- package/package.json +1 -1
- package/src/assets/icons/approval_pending.svg +8 -8
- 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/components/AppHeader/AppHeader.scss +7 -1
- package/src/components/AppHeader/AppHeader.stories.tsx +1 -0
- package/src/components/AppHeader/AppHeader.tsx +8 -1
- package/src/components/AppHeader/types.ts +1 -0
- package/src/components/Comment/Comments.stories.tsx +77 -3
- package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +36 -27
- package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +10 -0
- package/src/components/ConnectingBranch/ConnectingBranch.tsx +36 -23
- package/src/components/ConnectingBranch/types.ts +2 -0
- package/src/components/Select/Select.stories.tsx +34 -10
- package/src/components/Select/Select.tsx +1 -0
- package/src/components/Select/components/Dropdown.tsx +24 -21
- package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +19 -14
- package/src/components/TableTree/Components/AddModule/AddModule.scss +73 -1
- package/src/components/TableTree/Components/AddModule/AddModule.tsx +26 -2
- package/src/components/TableTree/Components/TableCell.tsx +122 -74
- package/src/components/TableTree/TableTree.scss +13 -2
- package/src/components/TableTree/TableTree.stories.tsx +5 -5
- package/src/components/TableTree/TableTree.tsx +2 -2
@@ -1,3 +1,4 @@
|
|
1
|
+
import { useEffect } from 'react';
|
1
2
|
import { prepareData } from '../../../utils/TableCell/TableCell';
|
2
3
|
import Checkbox from '../../Checkbox';
|
3
4
|
import RadioButton from '../../RadioButton';
|
@@ -19,7 +20,7 @@ const renderSpaces = (
|
|
19
20
|
isLastNode = false;
|
20
21
|
|
21
22
|
if (!isNaN(level)) {
|
22
|
-
siblingsArray = Array(level).fill(true);
|
23
|
+
siblingsArray = Array(level - 1).fill(true);
|
23
24
|
}
|
24
25
|
}
|
25
26
|
|
@@ -50,83 +51,130 @@ const TableCell = React.memo(
|
|
50
51
|
onToggleExpand,
|
51
52
|
onAddConfirm,
|
52
53
|
onAddCancel,
|
53
|
-
}: TableCellProps) =>
|
54
|
-
|
55
|
-
|
56
|
-
|
57
|
-
|
58
|
-
|
59
|
-
|
60
|
-
|
61
|
-
|
62
|
-
|
63
|
-
|
64
|
-
|
65
|
-
|
66
|
-
|
67
|
-
|
68
|
-
|
69
|
-
|
70
|
-
|
71
|
-
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
89
|
-
|
90
|
-
|
91
|
-
|
92
|
-
|
93
|
-
|
94
|
-
|
95
|
-
|
96
|
-
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
101
|
-
|
102
|
-
|
103
|
-
|
104
|
-
|
105
|
-
|
54
|
+
}: TableCellProps) => {
|
55
|
+
useEffect(() => {
|
56
|
+
const handleHover = (event: MouseEvent, isHovering: boolean) => {
|
57
|
+
const target = event.target as HTMLElement;
|
58
|
+
const levelClass = Array.from(target.classList).find((cls) =>
|
59
|
+
cls.startsWith('tree-table-space-block-')
|
60
|
+
);
|
61
|
+
|
62
|
+
if (levelClass) {
|
63
|
+
const level = levelClass.split('-').pop();
|
64
|
+
|
65
|
+
// Check if level is valid before selecting elements
|
66
|
+
if (level) {
|
67
|
+
const sameLevelBlocks = document.querySelectorAll(
|
68
|
+
`.tree-table-space-block-${level}`
|
69
|
+
) as NodeListOf<HTMLElement>;
|
70
|
+
|
71
|
+
sameLevelBlocks.forEach((block) => {
|
72
|
+
if (isHovering) {
|
73
|
+
block.classList.add('tree-table-hovered');
|
74
|
+
} else {
|
75
|
+
block.classList.remove('tree-table-hovered');
|
76
|
+
}
|
77
|
+
});
|
78
|
+
}
|
79
|
+
}
|
80
|
+
};
|
81
|
+
|
82
|
+
const spaceBlocks = document.querySelectorAll(
|
83
|
+
'.tree-table-space-block'
|
84
|
+
) as NodeListOf<HTMLElement>;
|
85
|
+
|
86
|
+
spaceBlocks.forEach((block) => {
|
87
|
+
block.addEventListener('mouseenter', (e) => handleHover(e, true));
|
88
|
+
block.addEventListener('mouseleave', (e) => handleHover(e, false));
|
89
|
+
});
|
90
|
+
|
91
|
+
return () => {
|
92
|
+
spaceBlocks.forEach((block) => {
|
93
|
+
block.removeEventListener('mouseenter', (e) => handleHover(e, true));
|
94
|
+
block.removeEventListener('mouseleave', (e) => handleHover(e, false));
|
95
|
+
});
|
96
|
+
};
|
97
|
+
}, []);
|
98
|
+
return (
|
99
|
+
<td
|
100
|
+
className={`ff-table-tree-td ${
|
101
|
+
col.isTree && node.container ? 'folder' : ''
|
102
|
+
}`}
|
103
|
+
>
|
104
|
+
{col.isTree &&
|
105
|
+
renderSpaces(
|
106
|
+
node.hierarchy + 1,
|
107
|
+
node.parentSiblings,
|
108
|
+
node.lastResource,
|
109
|
+
node.container
|
106
110
|
)}
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
{
|
111
|
+
<div className="tree-title-container">
|
112
|
+
{col.isTree && (
|
113
|
+
<span
|
114
|
+
className={`tree-table-space-block tree-table-space-block-${
|
115
|
+
node.hierarchy
|
116
|
+
} last-block ${
|
117
|
+
node.expand ? 'tree-row-expanded' : 'tree-row-collapsed'
|
118
|
+
} ${node.container ? '' : 'no-folder'}`}
|
119
|
+
>
|
120
|
+
{node.container &&
|
121
|
+
(node?.resourceCount + node?.subContainerCount > 0 ||
|
122
|
+
node.expandable) && (
|
123
|
+
<span onClick={() => onToggleExpand(node)}>
|
124
|
+
{' '}
|
125
|
+
<Arrow />
|
126
|
+
</span>
|
127
|
+
)}
|
117
128
|
</span>
|
118
129
|
)}
|
119
|
-
|
120
|
-
|
121
|
-
|
122
|
-
|
123
|
-
|
124
|
-
|
125
|
-
|
130
|
+
<span
|
131
|
+
className={`tree-table-td-content ${
|
132
|
+
col.isTree && node.container ? 'folder' : ''
|
133
|
+
}`}
|
134
|
+
>
|
135
|
+
{!node?.isNewNode && (
|
136
|
+
<>
|
137
|
+
{col.isTree && select === 'checkbox' && (
|
138
|
+
<Checkbox
|
139
|
+
checked={node?.checked || false}
|
140
|
+
partial={node?.checked === 'partial'}
|
141
|
+
onChange={(e) => onCheckBoxChange(e, node)}
|
142
|
+
/>
|
143
|
+
)}
|
144
|
+
{col.isTree && select === 'radio' && (
|
145
|
+
<RadioButton
|
146
|
+
name={node.key}
|
147
|
+
checked={selected.includes(node.key)}
|
148
|
+
value={node.key}
|
149
|
+
onChange={(e) => onCheckBoxChange(e, node)}
|
150
|
+
/>
|
151
|
+
)}
|
152
|
+
</>
|
153
|
+
)}
|
154
|
+
{node.isNewNode && col.isTree ? (
|
155
|
+
<AddModule
|
156
|
+
onCancel={onAddCancel}
|
157
|
+
onConfirm={onAddConfirm}
|
158
|
+
error={node?.error || ''}
|
159
|
+
value={node.value}
|
160
|
+
/>
|
161
|
+
) : (
|
162
|
+
<span className="tree-table-td-content-text">
|
163
|
+
{prepareData(node, col)}
|
164
|
+
</span>
|
165
|
+
)}
|
166
|
+
</span>
|
126
167
|
</div>
|
127
|
-
|
128
|
-
|
129
|
-
|
168
|
+
{col.actions && (
|
169
|
+
<div className={`table-tree-row-action`}>
|
170
|
+
{(() => {
|
171
|
+
return col.actions(node, treeRowRef);
|
172
|
+
})()}
|
173
|
+
</div>
|
174
|
+
)}
|
175
|
+
</td>
|
176
|
+
);
|
177
|
+
}
|
130
178
|
);
|
131
179
|
|
132
180
|
export default TableCell;
|
@@ -77,6 +77,12 @@
|
|
77
77
|
height: 13px;
|
78
78
|
}
|
79
79
|
}
|
80
|
+
|
81
|
+
/* Hover background for all elements of the same level */
|
82
|
+
&.tree-table-hovered::before,
|
83
|
+
&.tree-table-hovered::after {
|
84
|
+
background-color: var(--brand-color);
|
85
|
+
}
|
80
86
|
}
|
81
87
|
|
82
88
|
.tree-title-container {
|
@@ -153,6 +159,10 @@
|
|
153
159
|
.table-tree-row-action {
|
154
160
|
display: inline-flex;
|
155
161
|
align-items: center;
|
162
|
+
svg{
|
163
|
+
height: 14px;
|
164
|
+
width: 14px;
|
165
|
+
}
|
156
166
|
}
|
157
167
|
}
|
158
168
|
.ff-table-tree-row {
|
@@ -194,7 +204,7 @@
|
|
194
204
|
box-sizing: border-box;
|
195
205
|
|
196
206
|
&:first-child {
|
197
|
-
width:
|
207
|
+
width: 600px !important;
|
198
208
|
position: sticky;
|
199
209
|
left: 0;
|
200
210
|
padding-left: 8px;
|
@@ -227,6 +237,7 @@
|
|
227
237
|
margin-left: 4px;
|
228
238
|
}
|
229
239
|
}
|
240
|
+
|
230
241
|
.tree-table-default-content {
|
231
242
|
font-weight: 700;
|
232
243
|
}
|
@@ -276,4 +287,4 @@
|
|
276
287
|
.tree-title-container {
|
277
288
|
display: inline-flex;
|
278
289
|
align-items: center;
|
279
|
-
}
|
290
|
+
}
|
@@ -6,6 +6,7 @@ import Icon from '../Icon/Icon';
|
|
6
6
|
import './TableTreeStories.scss';
|
7
7
|
import React, { ReactNode, useState } from 'react';
|
8
8
|
import AddResourceButton from '../AddResourceButton/AddResourceButton';
|
9
|
+
import { TreeNodeProps } from '../../ComponentProps/TreeNodeProps';
|
9
10
|
|
10
11
|
const meta: Meta<typeof TableTree> = {
|
11
12
|
title: 'Components/Table tree',
|
@@ -19,7 +20,7 @@ const colData = [
|
|
19
20
|
{
|
20
21
|
name: 'Script Name',
|
21
22
|
accessor: 'name',
|
22
|
-
width: '
|
23
|
+
width: '600px',
|
23
24
|
isClickable: true,
|
24
25
|
actions: (row, treeRowRef) => {
|
25
26
|
console.log('🚀 ~ row:', row, treeRowRef);
|
@@ -198,14 +199,13 @@ export const Default: Story = {
|
|
198
199
|
onClick: (e, data) => {
|
199
200
|
console.log('🚀 ~ e, data:', e, data); //Todo:need to remove
|
200
201
|
},
|
201
|
-
height: 100,
|
202
|
+
// height: 100,
|
202
203
|
},
|
203
204
|
};
|
204
205
|
|
205
206
|
export const ControlledCheckBox: Story = {
|
206
207
|
render: () => {
|
207
208
|
const [selected, setSelected] = useState<string[]>([]);
|
208
|
-
|
209
209
|
return (
|
210
210
|
<TableTree
|
211
211
|
height={100}
|
@@ -239,8 +239,8 @@ export const ControlledRadio: Story = {
|
|
239
239
|
console.log(node, index);
|
240
240
|
}}
|
241
241
|
select="radio"
|
242
|
-
onChange={(
|
243
|
-
setSelected(
|
242
|
+
onChange={(e, node: TreeNodeProps) => {
|
243
|
+
setSelected([node.key]);
|
244
244
|
}}
|
245
245
|
selected={selected}
|
246
246
|
treeData={treeData}
|
@@ -44,8 +44,8 @@ const TreeTable: React.FC<TreeTableProps> = ({
|
|
44
44
|
if (!scrollContainer || !firstNode || !lastNode || !treeData?.length)
|
45
45
|
return;
|
46
46
|
|
47
|
-
const isLastResourceAbove = treeData[0]?.lastResource;
|
48
|
-
const isLastResourceBelow = treeData[treeData.length - 1]?.lastResource;
|
47
|
+
const isLastResourceAbove = !!treeData[0]?.lastResource;
|
48
|
+
const isLastResourceBelow = !!treeData[treeData.length - 1]?.lastResource;
|
49
49
|
|
50
50
|
// Skip pagination if both last resources are present
|
51
51
|
if (isLastResourceAbove && isLastResourceBelow) return;
|