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.
Files changed (178) hide show
  1. package/lib/1fb4472b34e4fe07.css +1 -0
  2. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
  3. package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -0
  4. package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
  5. package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
  6. package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
  7. package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
  8. package/lib/components/Accordion/Accordion.stories.d.ts +6 -0
  9. package/lib/components/AddButton/AddButton.d.ts +5 -0
  10. package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
  11. package/lib/components/AddButton/index.d.ts +1 -0
  12. package/lib/components/AddButton/types.d.ts +4 -0
  13. package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
  14. package/lib/components/AddVariables/AddVariables.d.ts +5 -0
  15. package/lib/components/AddVariables/index.d.ts +1 -0
  16. package/lib/components/AddVariables/types.d.ts +35 -0
  17. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
  18. package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
  19. package/lib/components/AppHeader/types.d.ts +1 -0
  20. package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
  21. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
  22. package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
  23. package/lib/components/Button/Button.stories.d.ts +13 -0
  24. package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
  25. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
  26. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
  27. package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
  28. package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
  29. package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
  30. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
  31. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
  32. package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
  33. package/lib/components/Chip/Chip.stories.d.ts +14 -0
  34. package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
  35. package/lib/components/ConnectingBranch/types.d.ts +2 -0
  36. package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
  37. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
  38. package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
  39. package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
  40. package/lib/components/Editor/Editor.stories.d.ts +6 -0
  41. package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
  42. package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
  43. package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
  44. package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts +8 -0
  45. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +4 -0
  46. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
  47. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
  48. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
  49. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
  50. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
  51. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
  52. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
  53. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
  54. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
  55. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
  56. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
  57. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
  58. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
  59. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
  60. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
  61. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
  62. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
  63. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
  64. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
  65. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
  66. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
  67. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
  68. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
  69. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
  70. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
  71. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
  72. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
  73. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
  74. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
  75. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
  76. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
  77. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
  78. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
  79. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
  80. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
  81. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
  82. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
  83. package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
  84. package/lib/components/ExcelFile/Types.d.ts +129 -0
  85. package/lib/components/ExcelFile/index.d.ts +1 -0
  86. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
  87. package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
  88. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
  89. package/lib/components/Form/Form.stories.d.ts +7 -0
  90. package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
  91. package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
  92. package/lib/components/Icon/Icon.stories.d.ts +8 -0
  93. package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
  94. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
  95. package/lib/components/Input/Input.stories.d.ts +9 -0
  96. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
  97. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +13 -0
  98. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
  99. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
  100. package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
  101. package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
  102. package/lib/components/Modal/Modal.stories.d.ts +7 -0
  103. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
  104. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +11 -0
  105. package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
  106. package/lib/components/NLPInput/type.d.ts +70 -0
  107. package/lib/components/Paper/Paper.stories.d.ts +11 -0
  108. package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
  109. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
  110. package/lib/components/Search/Search.stories.d.ts +6 -0
  111. package/lib/components/Select/Select.stories.d.ts +14 -0
  112. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
  113. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
  114. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
  115. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +4 -0
  116. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +3 -0
  117. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +4 -0
  118. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +3 -0
  119. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
  120. package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
  121. package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
  122. package/lib/components/Table/Table.stories.d.ts +13 -0
  123. package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
  124. package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
  125. package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
  126. package/lib/components/Toast/Toast.stories.d.ts +6 -0
  127. package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
  128. package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
  129. package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
  130. package/lib/components/Typography/Typography.stories.d.ts +10 -0
  131. package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
  132. package/lib/index.d.ts +2 -0
  133. package/lib/index.esm.js +799 -575
  134. package/lib/index.esm.js.map +1 -1
  135. package/lib/index.js +799 -575
  136. package/lib/index.js.map +1 -1
  137. package/lib/tsconfig.tsbuildinfo +1 -1
  138. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
  139. package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
  140. package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
  141. package/lib/utils/debounce/debounce.stories.d.ts +6 -0
  142. package/lib/utils/ffID/ffID.stories.d.ts +6 -0
  143. package/lib/utils/find/findAndInsert.d.ts +7 -0
  144. package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
  145. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
  146. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
  147. package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
  148. package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
  149. package/lib/utils/throttle/throttle.stories.d.ts +6 -0
  150. package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
  151. package/package.json +1 -1
  152. package/src/assets/icons/approval_pending.svg +8 -8
  153. package/src/assets/icons/configuration.svg +3 -3
  154. package/src/assets/icons/defects.svg +8 -8
  155. package/src/assets/icons/element.svg +4 -4
  156. package/src/assets/icons/project_element.svg +4 -4
  157. package/src/assets/icons/step_group.svg +10 -10
  158. package/src/assets/icons/variable.svg +3 -3
  159. package/src/assets/icons/web_service_icon.svg +3 -3
  160. package/src/components/AppHeader/AppHeader.scss +7 -1
  161. package/src/components/AppHeader/AppHeader.stories.tsx +1 -0
  162. package/src/components/AppHeader/AppHeader.tsx +8 -1
  163. package/src/components/AppHeader/types.ts +1 -0
  164. package/src/components/Comment/Comments.stories.tsx +77 -3
  165. package/src/components/ConnectingBranch/BranchComponents/MachineInstances.tsx +36 -27
  166. package/src/components/ConnectingBranch/ConnectingBranch.stories.tsx +10 -0
  167. package/src/components/ConnectingBranch/ConnectingBranch.tsx +36 -23
  168. package/src/components/ConnectingBranch/types.ts +2 -0
  169. package/src/components/Select/Select.stories.tsx +34 -10
  170. package/src/components/Select/Select.tsx +1 -0
  171. package/src/components/Select/components/Dropdown.tsx +24 -21
  172. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +19 -14
  173. package/src/components/TableTree/Components/AddModule/AddModule.scss +73 -1
  174. package/src/components/TableTree/Components/AddModule/AddModule.tsx +26 -2
  175. package/src/components/TableTree/Components/TableCell.tsx +122 -74
  176. package/src/components/TableTree/TableTree.scss +13 -2
  177. package/src/components/TableTree/TableTree.stories.tsx +5 -5
  178. 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
- <td
55
- className={`ff-table-tree-td ${
56
- col.isTree && node.container ? 'folder' : ''
57
- }`}
58
- >
59
- {col.isTree &&
60
- renderSpaces(
61
- node.hierarchy + 1,
62
- node.parentSiblings,
63
- node.lastResource,
64
- node.container
65
- )}
66
- <div className="tree-title-container">
67
- {col.isTree && (
68
- <span
69
- className={`tree-table-space-block last-block ${
70
- node.expand ? 'tree-row-expanded' : 'tree-row-collapsed'
71
- } ${node.container ? '' : 'no-folder'}`}
72
- onClick={() => onToggleExpand(node)}
73
- >
74
- {node.container &&
75
- node?.resourceCount + node?.subContainerCount > 0 && (
76
- <span onClick={() => onToggleExpand(node)}>
77
- {' '}
78
- <Arrow />
79
- </span>
80
- )}
81
- </span>
82
- )}
83
- <span
84
- className={`tree-table-td-content ${
85
- col.isTree && node.container ? 'folder' : ''
86
- }`}
87
- >
88
- {!node?.isNewNode && (
89
- <>
90
- {col.isTree && select === 'checkbox' && (
91
- <Checkbox
92
- checked={node?.checked || false}
93
- partial={node?.checked === 'partial'}
94
- onChange={(e) => onCheckBoxChange(e, node)}
95
- />
96
- )}
97
- {col.isTree && select === 'radio' && (
98
- <RadioButton
99
- name={node.title}
100
- checked={selected.includes(node.id)}
101
- value={node.id}
102
- onChange={(e) => onCheckBoxChange(e, node)}
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
- {node.isNewNode && col.isTree ? (
108
- <AddModule
109
- onCancel={onAddCancel}
110
- onConfirm={onAddConfirm}
111
- error={node?.error || ''}
112
- value={node.value}
113
- />
114
- ) : (
115
- <span className="tree-table-td-content-text">
116
- {prepareData(node, col)}
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
- </span>
120
- </div>
121
- {col.actions && (
122
- <div className={`table-tree-row-action`}>
123
- {(() => {
124
- return col.actions(node, treeRowRef);
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
- </td>
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: 400px !important;
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: '400px',
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={(nodes: string[]) => {
243
- setSelected(nodes);
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;