pixel-react 1.5.9 → 1.6.1

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 (110) hide show
  1. package/.yarn/install-state.gz +0 -0
  2. package/lib/components/AppHeader/AppHeader.d.ts +1 -0
  3. package/lib/components/AppHeader/types.d.ts +18 -6
  4. package/lib/components/Charts/BarChart/BarChart.d.ts +1 -0
  5. package/lib/components/Charts/DashboardDonutChart/types.d.ts +2 -0
  6. package/lib/components/Excel/ExcelToolBar/ExcelToolBar.d.ts +0 -1
  7. package/lib/components/FieldSet/FieldSet.d.ts +5 -0
  8. package/lib/components/FieldSet/index.d.ts +1 -0
  9. package/lib/components/FieldSet/types.d.ts +7 -0
  10. package/lib/components/FileDropzone/types.d.ts +8 -0
  11. package/lib/components/MachineInputField/types.d.ts +1 -1
  12. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  13. package/lib/components/MultiSelect/MultiSelectTypes.d.ts +1 -0
  14. package/lib/components/PopUpModal/PopUpModal.d.ts +5 -0
  15. package/lib/components/PopUpModal/types.d.ts +14 -0
  16. package/lib/components/RadioGroup/radioGroupTypes.d.ts +20 -0
  17. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.d.ts +2 -1
  18. package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
  19. package/lib/components/SequentialConnectingBranch/components/Branches/types.d.ts +3 -2
  20. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
  21. package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/types.d.ts +3 -2
  22. package/lib/components/SequentialConnectingBranch/types.d.ts +11 -3
  23. package/lib/components/TableTree/TableTree.d.ts +4 -24
  24. package/lib/components/TableTree/data.d.ts +112 -273
  25. package/lib/components/TableTree/types.d.ts +28 -0
  26. package/lib/index.d.ts +149 -32
  27. package/lib/index.esm.js +1104 -742
  28. package/lib/index.esm.js.map +1 -1
  29. package/lib/index.js +1109 -742
  30. package/lib/index.js.map +1 -1
  31. package/lib/tsconfig.tsbuildinfo +1 -1
  32. package/package.json +2 -2
  33. package/src/assets/Themes/BaseTheme.scss +5 -14
  34. package/src/assets/Themes/DarkTheme.scss +5 -2
  35. package/src/assets/icons/arrow_up.svg +1 -1
  36. package/src/assets/icons/export.svg +5 -0
  37. package/src/assets/icons/import.svg +5 -0
  38. package/src/assets/icons/info_icon.svg +4 -16
  39. package/src/assets/icons/replace_file.svg +14 -0
  40. package/src/assets/icons/web_service_icon.svg +3 -0
  41. package/src/assets/styles/_fonts.scss +4 -2
  42. package/src/components/AppHeader/AppHeader.stories.tsx +242 -39
  43. package/src/components/AppHeader/AppHeader.tsx +158 -139
  44. package/src/components/AppHeader/types.ts +19 -6
  45. package/src/components/Charts/BarChart/BarChart.scss +34 -34
  46. package/src/components/Charts/BarChart/BarChart.stories.tsx +3 -2
  47. package/src/components/Charts/BarChart/BarChart.tsx +79 -55
  48. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.scss +25 -18
  49. package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +31 -11
  50. package/src/components/Charts/DashboardDonutChart/types.ts +2 -0
  51. package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +3 -0
  52. package/src/components/Charts/LineChart/LineChart.scss +13 -4
  53. package/src/components/Charts/LineChart/LineChart.stories.tsx +100 -102
  54. package/src/components/Charts/LineChart/LineChart.tsx +143 -131
  55. package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +23 -2
  56. package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +109 -24
  57. package/src/components/Charts/PieChart/PieChart.scss +5 -3
  58. package/src/components/Charts/PieChart/PieChart.tsx +1 -2
  59. package/src/components/Checkbox/Checkbox.tsx +1 -7
  60. package/src/components/DatePicker/DatePicker.scss +15 -1
  61. package/src/components/DragAndDrop/DragAndDropList.tsx +5 -4
  62. package/src/components/Excel/ExcelFile/ExcelFile.scss +1 -1
  63. package/src/components/Excel/ExcelFile/ExcelFile.tsx +34 -20
  64. package/src/components/Excel/ExcelFile/ExcelFileComponents/Spreadsheet.tsx +0 -1
  65. package/src/components/Excel/ExcelFile/ExcelFileComponents/reducerFunctions.ts +44 -15
  66. package/src/components/Excel/ExcelToolBar/ExcelToolBar.tsx +47 -4
  67. package/src/components/FieldSet/FieldSet.scss +9 -0
  68. package/src/components/FieldSet/FieldSet.stories.tsx +103 -0
  69. package/src/components/FieldSet/FieldSet.tsx +29 -0
  70. package/src/components/FieldSet/index.ts +1 -0
  71. package/src/components/FieldSet/types.ts +8 -0
  72. package/src/components/FileDropzone/FileDropzone.scss +1 -1
  73. package/src/components/FileDropzone/FileDropzone.stories.tsx +15 -3
  74. package/src/components/FileDropzone/FileDropzone.tsx +5 -0
  75. package/src/components/FileDropzone/FilePreview.tsx +1 -1
  76. package/src/components/FileDropzone/types.ts +8 -0
  77. package/src/components/Icon/Icons.scss +1 -1
  78. package/src/components/Icon/iconList.ts +11 -7
  79. package/src/components/MachineInputField/MachineInputField.scss +15 -2
  80. package/src/components/MachineInputField/MachineInputField.tsx +17 -3
  81. package/src/components/MachineInputField/types.ts +1 -1
  82. package/src/components/MultiSelect/Dropdown.tsx +7 -3
  83. package/src/components/MultiSelect/MultiSelect.stories.tsx +6 -1
  84. package/src/components/MultiSelect/MultiSelect.tsx +4 -20
  85. package/src/components/MultiSelect/MultiSelectTypes.ts +2 -0
  86. package/src/components/PopUpModal/PopUpModal.scss +36 -0
  87. package/src/components/PopUpModal/PopUpModal.stories.tsx +61 -0
  88. package/src/components/PopUpModal/PopUpModal.tsx +85 -0
  89. package/src/components/PopUpModal/types.ts +14 -0
  90. package/src/components/RadioGroup/RadioGroup.scss +7 -0
  91. package/src/components/RadioGroup/RadioGroup.stories.tsx +26 -0
  92. package/src/components/RadioGroup/RadioGroup.tsx +16 -0
  93. package/src/components/RadioGroup/radioGroupTypes.tsx +24 -0
  94. package/src/components/Select/Select.tsx +3 -4
  95. package/src/components/Select/components/Dropdown.tsx +34 -34
  96. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.scss +9 -0
  97. package/src/components/SequentialConnectingBranch/SequentialConnectingBranch.tsx +74 -43
  98. package/src/components/SequentialConnectingBranch/components/Branches/Branches.scss +9 -3
  99. package/src/components/SequentialConnectingBranch/components/Branches/Branches.tsx +45 -14
  100. package/src/components/SequentialConnectingBranch/components/Branches/types.ts +9 -2
  101. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.tsx +3 -1
  102. package/src/components/SequentialConnectingBranch/components/ConnectingBranches/types.ts +9 -2
  103. package/src/components/SequentialConnectingBranch/types.ts +18 -3
  104. package/src/components/TableTree/TableTree.scss +154 -123
  105. package/src/components/TableTree/TableTree.stories.tsx +148 -96
  106. package/src/components/TableTree/TableTree.tsx +250 -282
  107. package/src/components/TableTree/data.ts +318 -569
  108. package/src/components/TableTree/types.ts +30 -0
  109. package/src/components/Toast/Toast.tsx +1 -1
  110. package/src/index.ts +11 -0
@@ -1,221 +1,81 @@
1
- declare const extendedData: {
2
- subModuleCount: number;
3
- title: string;
4
- scriptCount: number;
5
- path: string;
6
- expanded: boolean;
7
- modifiedOn: string;
8
- children: ({
1
+ declare const data: ({
2
+ node: {
9
3
  subModuleCount: number;
10
4
  title: string;
11
5
  scriptCount: number;
12
6
  path: string;
13
7
  expanded: boolean;
14
8
  modifiedOn: string;
9
+ children: boolean;
10
+ lastExecutionOrder: number;
11
+ imported: boolean;
12
+ modifiedBy: string;
13
+ moduleCountWithScript: number;
14
+ state: string;
15
+ key: string;
16
+ ver: number;
17
+ hierarchy: number;
18
+ assigneeCount: number;
19
+ searchKey: string;
20
+ modifiedByUname: string;
21
+ executionOrder: number;
22
+ createdByUname: string;
15
23
  folder: boolean;
16
- children: ({
17
- ver: number;
18
- hierarchy: number;
19
- subModuleCount: number;
20
- assigneeCount: number;
21
- searchKey: string;
22
- modifiedByUname: string;
23
- title: string;
24
- scriptCount: number;
25
- executionOrder: number;
26
- createdByUname: string;
27
- parentId: string;
28
- path: string;
29
- expanded: boolean;
30
- modifiedOn: string;
31
- parentName: string;
32
- moduleLevelScriptCount: number;
33
- lastExecutionOrder: number;
34
- imported: boolean;
35
- name: string;
36
- modifiedBy: string;
37
- moduleCountWithScript: number;
38
- state: string;
39
- key: string;
40
- folder: boolean;
41
- children: {
42
- ver: number;
43
- hierarchy: number;
44
- subModuleCount: number;
45
- assigneeCount: number;
46
- searchKey: string;
47
- modifiedByUname: string;
48
- title: string;
49
- scriptCount: number;
50
- executionOrder: number;
51
- createdByUname: string;
52
- parentId: string;
53
- path: string;
54
- expanded: boolean;
55
- modifiedOn: string;
56
- parentName: string;
57
- moduleLevelScriptCount: number;
58
- lastExecutionOrder: number;
59
- imported: boolean;
60
- name: string;
61
- modifiedBy: string;
62
- moduleCountWithScript: number;
63
- state: string;
64
- key: string;
65
- }[];
66
- } | {
67
- subModuleCount: number;
68
- title: string;
69
- scriptCount: number;
70
- path: string;
71
- expanded: boolean;
72
- modifiedOn: string;
73
- folder: boolean;
74
- children: {
75
- ver: number;
76
- hierarchy: number;
77
- subModuleCount: number;
78
- assigneeCount: number;
79
- searchKey: string;
80
- modifiedByUname: string;
81
- title: string;
82
- scriptCount: number;
83
- executionOrder: number;
84
- createdByUname: string;
85
- parentId: string;
86
- path: string;
87
- expanded: boolean;
88
- modifiedOn: string;
89
- parentName: string;
90
- moduleLevelScriptCount: number;
91
- lastExecutionOrder: number;
92
- imported: boolean;
93
- name: string;
94
- modifiedBy: string;
95
- moduleCountWithScript: number;
96
- state: string;
97
- key: string;
98
- folder: boolean;
99
- children: {
100
- ver: number;
101
- hierarchy: number;
102
- subModuleCount: number;
103
- assigneeCount: number;
104
- searchKey: string;
105
- modifiedByUname: string;
106
- title: string;
107
- scriptCount: number;
108
- executionOrder: number;
109
- createdByUname: string;
110
- parentId: string;
111
- path: string;
112
- expanded: boolean;
113
- modifiedOn: string;
114
- parentName: string;
115
- moduleLevelScriptCount: number;
116
- lastExecutionOrder: number;
117
- imported: boolean;
118
- name: string;
119
- modifiedBy: string;
120
- moduleCountWithScript: number;
121
- state: string;
122
- key: string;
123
- }[];
124
- }[];
125
- ver?: undefined;
126
- hierarchy?: undefined;
127
- assigneeCount?: undefined;
128
- searchKey?: undefined;
129
- modifiedByUname?: undefined;
130
- executionOrder?: undefined;
131
- createdByUname?: undefined;
132
- parentId?: undefined;
133
- parentName?: undefined;
134
- moduleLevelScriptCount?: undefined;
135
- lastExecutionOrder?: undefined;
136
- imported?: undefined;
137
- name?: undefined;
138
- modifiedBy?: undefined;
139
- moduleCountWithScript?: undefined;
140
- state?: undefined;
141
- key?: undefined;
142
- } | {
143
- ver: number;
144
- hierarchy: number;
145
- subModuleCount: number;
146
- assigneeCount: number;
147
- searchKey: string;
148
- modifiedByUname: string;
149
- title: string;
150
- scriptCount: number;
151
- executionOrder: number;
152
- createdByUname: string;
153
- parentId: string;
154
- path: string;
155
- expanded: boolean;
156
- modifiedOn: string;
157
- parentName: string;
158
- moduleLevelScriptCount: number;
159
- lastExecutionOrder: number;
160
- imported: boolean;
161
- name: string;
162
- modifiedBy: string;
163
- moduleCountWithScript: number;
164
- state: string;
165
- key: string;
166
- folder?: undefined;
167
- children?: undefined;
168
- } | {
169
- subModuleCount: number;
170
- title: string;
171
- scriptCount: number;
172
- path: string;
173
- expanded: boolean;
174
- modifiedOn: string;
175
- folder: boolean;
176
- children: {
177
- ver: number;
178
- hierarchy: number;
179
- subModuleCount: number;
180
- assigneeCount: number;
181
- searchKey: string;
182
- modifiedByUname: string;
183
- title: string;
184
- scriptCount: number;
185
- executionOrder: number;
186
- createdByUname: string;
187
- parentId: string;
188
- path: string;
189
- expanded: boolean;
190
- modifiedOn: string;
191
- parentName: string;
192
- moduleLevelScriptCount: number;
193
- lastExecutionOrder: number;
194
- imported: boolean;
195
- name: string;
196
- modifiedBy: string;
197
- moduleCountWithScript: number;
198
- state: string;
199
- key: string;
200
- }[];
201
- ver?: undefined;
202
- hierarchy?: undefined;
203
- assigneeCount?: undefined;
204
- searchKey?: undefined;
205
- modifiedByUname?: undefined;
206
- executionOrder?: undefined;
207
- createdByUname?: undefined;
208
- parentId?: undefined;
209
- parentName?: undefined;
210
- moduleLevelScriptCount?: undefined;
211
- lastExecutionOrder?: undefined;
212
- imported?: undefined;
213
- name?: undefined;
214
- modifiedBy?: undefined;
215
- moduleCountWithScript?: undefined;
216
- state?: undefined;
217
- key?: undefined;
218
- })[];
24
+ moduleLevelScriptCount: number;
25
+ name: string;
26
+ parentId: null;
27
+ id: string;
28
+ parentName?: undefined;
29
+ };
30
+ level: number;
31
+ } | {
32
+ node: {
33
+ subModuleCount: number;
34
+ title: string;
35
+ scriptCount: number;
36
+ path: string;
37
+ expanded: boolean;
38
+ modifiedOn: string;
39
+ children: boolean;
40
+ lastExecutionOrder: number;
41
+ imported: boolean;
42
+ modifiedBy: string;
43
+ moduleCountWithScript: number;
44
+ state: string;
45
+ key: string;
46
+ ver: number;
47
+ hierarchy: number;
48
+ assigneeCount: number;
49
+ searchKey: string;
50
+ modifiedByUname: string;
51
+ executionOrder: number;
52
+ createdByUname: string;
53
+ folder: boolean;
54
+ moduleLevelScriptCount: number;
55
+ name: string;
56
+ parentId: string;
57
+ id: string;
58
+ parentName?: undefined;
59
+ };
60
+ level: number;
61
+ } | {
62
+ node: {
63
+ subModuleCount: number;
64
+ title: string;
65
+ scriptCount: number;
66
+ path: string;
67
+ expanded: boolean;
68
+ modifiedOn: string;
69
+ folder: boolean;
70
+ children: boolean;
71
+ parentId: string;
72
+ id: string;
73
+ lastExecutionOrder?: undefined;
74
+ imported?: undefined;
75
+ modifiedBy?: undefined;
76
+ moduleCountWithScript?: undefined;
77
+ state?: undefined;
78
+ key?: undefined;
219
79
  ver?: undefined;
220
80
  hierarchy?: undefined;
221
81
  assigneeCount?: undefined;
@@ -223,17 +83,13 @@ declare const extendedData: {
223
83
  modifiedByUname?: undefined;
224
84
  executionOrder?: undefined;
225
85
  createdByUname?: undefined;
226
- parentId?: undefined;
227
- parentName?: undefined;
228
86
  moduleLevelScriptCount?: undefined;
229
- lastExecutionOrder?: undefined;
230
- imported?: undefined;
231
87
  name?: undefined;
232
- modifiedBy?: undefined;
233
- moduleCountWithScript?: undefined;
234
- state?: undefined;
235
- key?: undefined;
236
- } | {
88
+ parentName?: undefined;
89
+ };
90
+ level: number;
91
+ } | {
92
+ node: {
237
93
  ver: number;
238
94
  hierarchy: number;
239
95
  subModuleCount: number;
@@ -249,7 +105,36 @@ declare const extendedData: {
249
105
  expanded: boolean;
250
106
  modifiedOn: string;
251
107
  parentName: string;
108
+ moduleLevelScriptCount: number;
109
+ lastExecutionOrder: number;
110
+ imported: boolean;
111
+ name: string;
112
+ modifiedBy: string;
113
+ moduleCountWithScript: number;
114
+ state: string;
115
+ key: string;
252
116
  folder: boolean;
117
+ children: boolean;
118
+ id: string;
119
+ };
120
+ level: number;
121
+ } | {
122
+ node: {
123
+ ver: number;
124
+ hierarchy: number;
125
+ subModuleCount: number;
126
+ assigneeCount: number;
127
+ searchKey: string;
128
+ modifiedByUname: string;
129
+ title: string;
130
+ scriptCount: number;
131
+ executionOrder: number;
132
+ createdByUname: string;
133
+ parentId: string;
134
+ path: string;
135
+ expanded: boolean;
136
+ modifiedOn: string;
137
+ parentName: string;
253
138
  moduleLevelScriptCount: number;
254
139
  lastExecutionOrder: number;
255
140
  imported: boolean;
@@ -258,56 +143,10 @@ declare const extendedData: {
258
143
  moduleCountWithScript: number;
259
144
  state: string;
260
145
  key: string;
261
- children: {
262
- subModuleCount: number;
263
- title: string;
264
- scriptCount: number;
265
- path: string;
266
- expanded: boolean;
267
- modifiedOn: string;
268
- folder: boolean;
269
- children: {
270
- ver: number;
271
- hierarchy: number;
272
- subModuleCount: number;
273
- assigneeCount: number;
274
- searchKey: string;
275
- modifiedByUname: string;
276
- title: string;
277
- scriptCount: number;
278
- executionOrder: number;
279
- createdByUname: string;
280
- parentId: string;
281
- path: string;
282
- expanded: boolean;
283
- modifiedOn: string;
284
- parentName: string;
285
- moduleLevelScriptCount: number;
286
- lastExecutionOrder: number;
287
- imported: boolean;
288
- name: string;
289
- modifiedBy: string;
290
- moduleCountWithScript: number;
291
- state: string;
292
- key: string;
293
- }[];
294
- }[];
295
- })[];
296
- lastExecutionOrder: number;
297
- imported: boolean;
298
- modifiedBy: string;
299
- moduleCountWithScript: number;
300
- state: string;
301
- key: string;
302
- ver: number;
303
- hierarchy: number;
304
- assigneeCount: number;
305
- searchKey: string;
306
- modifiedByUname: string;
307
- executionOrder: number;
308
- createdByUname: string;
309
- folder: boolean;
310
- moduleLevelScriptCount: number;
311
- name: string;
312
- }[];
313
- export default extendedData;
146
+ children: boolean;
147
+ id: string;
148
+ folder?: undefined;
149
+ };
150
+ level: number;
151
+ })[];
152
+ export default data;
@@ -0,0 +1,28 @@
1
+ export interface TreeNode {
2
+ key: string;
3
+ [key: string]: any;
4
+ children?: TreeNode[];
5
+ expanded?: boolean;
6
+ }
7
+ export interface Column {
8
+ name: string;
9
+ accessor: string;
10
+ width: string;
11
+ isClickable?: boolean;
12
+ cell?: (row: any) => JSX.Element | string | null;
13
+ actions?: (row: any) => JSX.Element[];
14
+ isTree?: boolean;
15
+ defaultValue?: string;
16
+ defaultActions?: () => JSX.Element[];
17
+ }
18
+ export interface TreeTableProps {
19
+ treeData: any;
20
+ columnsData: Column[];
21
+ selected?: string[];
22
+ select?: 'radio' | 'checkbox' | null;
23
+ onChange?: (nodes: string[]) => void;
24
+ onClick?: (e: React.MouseEvent<HTMLDivElement>, row: TreeNode) => void;
25
+ expandedNodes: string[];
26
+ onExpand?: (_isExpanded: boolean, node: string) => void;
27
+ onPagination?: (_direction: string) => void;
28
+ }