playbook_ui 12.26.0.pre.alpha.multiselectfixes797 → 12.26.0.pre.alpha.railsmultilevelimprovements805

Sign up to get free protection for your applications and to get access to all the features.
@@ -3,736 +3,70 @@ import MultiLevelSelect from "../_multi_level_select";
3
3
 
4
4
  const treeData = [
5
5
  {
6
- "checked":false,
7
- "children":[
8
- {
9
- "checked":false,
10
- "children":[
11
- {
12
- "checked":false,
13
- "children":[
14
- {
15
- "checked":false,
16
- "children":[
17
-
18
- ],
19
- "id":"401",
20
- "label":"Corporate Recruiting",
21
- "value":"Corporate Recruiting"
22
- },
23
- {
24
- "checked":false,
25
- "children":[
26
-
27
- ],
28
- "id":"406",
29
- "label":"Install Partner Recruiting",
30
- "value":"Install Partner Recruiting"
31
- },
32
- {
33
- "checked":false,
34
- "children":[
35
-
36
- ],
37
- "id":"411",
38
- "label":"Revenue Recruiting",
39
- "value":"Revenue Recruiting"
40
- }
41
- ],
42
- "id":"61",
43
- "label":"Talent Acquisition",
44
- "value":"Talent Acquisition"
45
- },
46
- {
47
- "checked":false,
48
- "children":[
49
- {
50
- "checked":false,
51
- "children":[
52
-
53
- ],
54
- "id":"356",
55
- "label":"Business Affairs",
56
- "value":"Business Affairs"
57
- },
58
- {
59
- "checked":false,
60
- "children":[
61
-
62
- ],
63
- "id":"361",
64
- "label":"HR Business Partners",
65
- "value":"HR Business Partners"
66
- }
67
- ],
68
- "id":"66",
69
- "label":"Business Affairs",
70
- "value":"Business Affairs"
71
- },
72
- {
73
- "checked":false,
74
- "children":[
75
- {
76
- "checked":false,
77
- "children":[
78
-
79
- ],
80
- "id":"366",
81
- "label":"Human Resources",
82
- "value":"Human Resources"
83
- },
84
- {
85
- "checked":false,
86
- "children":[
87
-
88
- ],
89
- "id":"371",
90
- "label":"Initiatives",
91
- "value":"Initiatives"
92
- },
93
- {
94
- "checked":false,
95
- "children":[
96
-
97
- ],
98
- "id":"376",
99
- "label":"Learning and Development",
100
- "value":"Learning and Development"
101
- },
102
- {
103
- "checked":false,
104
- "children":[
105
-
106
- ],
107
- "id":"381",
108
- "label":"People Technology",
109
- "value":"People Technology"
110
- }
111
- ],
112
- "id":"71",
113
- "label":"People and Development",
114
- "value":"People and Development"
115
- },
116
- {
117
- "checked":false,
118
- "children":[
119
- {
120
- "checked":false,
121
- "children":[
122
-
123
- ],
124
- "id":"386",
125
- "label":"Engagement",
126
- "value":"Engagement"
127
- },
128
- {
129
- "checked":false,
130
- "children":[
131
-
132
- ],
133
- "id":"391",
134
- "label":"Meeting Planning",
135
- "value":"Meeting Planning"
136
- },
137
- {
138
- "checked":false,
139
- "children":[
140
-
141
- ],
142
- "id":"396",
143
- "label":"Special Events",
144
- "value":"Special Events"
145
- }
146
- ],
147
- "id":"186",
148
- "label":"People Experience",
149
- "value":"People Experience"
150
- }
151
- ],
152
- "id":"6",
153
- "label":"People",
154
- "value":"People"
155
- },
156
- {
157
- "checked":false,
158
- "children":[
159
- {
160
- "checked":false,
161
- "children":[
162
- {
163
- "checked":false,
164
- "children":[
165
-
166
- ],
167
- "id":"301",
168
- "label":"Confirmation",
169
- "value":"Confirmation"
170
- },
171
- {
172
- "checked":false,
173
- "children":[
174
-
175
- ],
176
- "id":"306",
177
- "label":"Inside Sales",
178
- "value":"Inside Sales"
179
- },
180
- {
181
- "checked":false,
182
- "children":[
183
-
184
- ],
185
- "id":"311",
186
- "label":"Sales Support",
187
- "value":"Sales Support"
188
- },
189
- {
190
- "checked":false,
191
- "children":[
192
-
193
- ],
194
- "id":"316",
195
- "label":"Scheduling",
196
- "value":"Scheduling"
197
- }
198
- ],
199
- "id":"81",
200
- "label":"Appointment Management",
201
- "value":"Appointment Management"
202
- },
203
- {
204
- "checked":false,
205
- "children":[
206
- {
207
- "checked":false,
208
- "children":[
209
-
210
- ],
211
- "id":"321",
212
- "label":"Design",
213
- "value":"Design"
214
- },
215
- {
216
- "checked":false,
217
- "children":[
218
-
219
- ],
220
- "id":"326",
221
- "label":"Policy",
222
- "value":"Policy"
223
- }
224
- ],
225
- "id":"191",
226
- "label":"Energy",
227
- "value":"Energy"
228
- }
229
- ],
230
- "id":"11",
231
- "label":"Contact Center",
232
- "value":"Contact Center"
233
- },
234
- {
235
- "checked":false,
236
- "children":[
237
- {
238
- "checked":false,
239
- "children":[
240
- {
241
- "checked":false,
242
- "children":[
243
-
244
- ],
245
- "id":"431",
246
- "label":"Analysts",
247
- "value":"Analysts"
248
- },
249
- {
250
- "checked":false,
251
- "children":[
252
-
253
- ],
254
- "id":"441",
255
- "label":"Customer Development",
256
- "value":"Customer Development"
257
- }
258
- ],
259
- "id":"91",
260
- "label":"Customer Development",
261
- "value":"Customer Development"
262
- },
263
- {
264
- "checked":false,
265
- "children":[
266
- {
267
- "checked":false,
268
- "children":[
269
-
270
- ],
271
- "id":"446",
272
- "label":"Quality Assurance",
273
- "value":"Quality Assurance"
274
- },
275
- {
276
- "checked":false,
277
- "children":[
278
-
279
- ],
280
- "id":"451",
281
- "label":"Sales",
282
- "value":"Sales"
283
- }
284
- ],
285
- "id":"96",
286
- "label":"Sales",
287
- "value":"Sales"
288
- }
289
- ],
290
- "id":"16",
291
- "label":"Revenue",
292
- "value":"Revenue"
293
- },
294
- {
295
- "checked":false,
296
- "children":[
297
- {
298
- "checked":false,
299
- "children":[
300
- {
301
- "checked":false,
302
- "children":[
303
-
304
- ],
305
- "id":"416",
306
- "label":"Customer Support",
307
- "value":"Customer Support"
308
- },
309
- {
310
- "checked":false,
311
- "children":[
312
-
313
- ],
314
- "id":"421",
315
- "label":"Quality Assurance Scheduling",
316
- "value":"Quality Assurance Scheduling"
317
- }
318
- ],
319
- "id":"106",
320
- "label":"Customer Support",
321
- "value":"Customer Support"
322
- },
323
- {
324
- "checked":false,
325
- "children":[
326
- {
327
- "checked":false,
328
- "children":[
329
-
330
- ],
331
- "id":"426",
332
- "label":"Production Management",
333
- "value":"Production Management"
334
- }
335
- ],
336
- "id":"211",
337
- "label":"Production Management",
338
- "value":"Production Management"
339
- }
340
- ],
341
- "id":"21",
342
- "label":"Project Services",
343
- "value":"Project Services"
344
- },
345
- {
346
- "checked":false,
347
- "children":[
348
- {
349
- "checked":false,
350
- "children":[
351
- {
352
- "checked":false,
353
- "children":[
354
-
355
- ],
356
- "id":"456",
357
- "label":"Procurement",
358
- "value":"Procurement"
359
- },
360
- {
361
- "checked":false,
362
- "children":[
363
-
364
- ],
365
- "id":"461",
366
- "label":"Warehousing",
367
- "value":"Warehousing"
368
- }
369
- ],
370
- "id":"206",
371
- "label":"Inventory Management",
372
- "value":"Inventory Management"
373
- }
374
- ],
375
- "id":"26",
376
- "label":"Supply Chain",
377
- "value":"Supply Chain"
378
- },
379
- {
380
- "checked":false,
381
- "children":[
382
- {
383
- "checked":false,
384
- "children":[
385
- {
386
- "checked":false,
387
- "children":[
388
-
389
- ],
390
- "id":"341",
391
- "label":"Craftsman",
392
- "value":"Craftsman"
393
- },
394
- {
395
- "checked":false,
396
- "children":[
397
-
398
- ],
399
- "id":"346",
400
- "label":"Installation Management",
401
- "value":"Installation Management"
402
- }
403
- ],
404
- "id":"121",
405
- "label":"Installation",
406
- "value":"Installation"
407
- },
408
- {
409
- "checked":false,
410
- "children":[
411
- {
412
- "checked":false,
413
- "children":[
414
-
415
- ],
416
- "id":"351",
417
- "label":"Service Management",
418
- "value":"Service Management"
419
- }
420
- ],
421
- "id":"126",
422
- "label":"Warranty",
423
- "value":"Warranty"
424
- }
425
- ],
426
- "id":"31",
427
- "label":"Installation Services",
428
- "value":"Installation Services"
429
- },
430
- {
431
- "checked":false,
432
- "children":[
433
- {
434
- "checked":false,
435
- "children":[
436
- {
437
- "checked":false,
438
- "children":[
439
-
440
- ],
441
- "id":"331",
442
- "label":"Accounting",
443
- "value":"Accounting"
444
- }
445
- ],
446
- "id":"131",
447
- "label":"Accounting",
448
- "value":"Accounting"
449
- },
450
- {
451
- "checked":false,
452
- "children":[
453
- {
454
- "checked":false,
455
- "children":[
456
-
457
- ],
458
- "id":"336",
459
- "label":"Payroll",
460
- "value":"Payroll"
461
- }
462
- ],
463
- "id":"141",
464
- "label":"Payroll",
465
- "value":"Payroll"
466
- }
467
- ],
468
- "id":"36",
469
- "label":"Corporate Finance",
470
- "value":"Corporate Finance"
471
- },
472
- {
473
- "checked":false,
474
- "children":[
475
- {
476
- "checked":false,
477
- "children":[
478
- {
479
- "checked":false,
480
- "children":[
481
-
482
- ],
483
- "id":"236",
484
- "label":"Legal",
485
- "value":"Legal"
486
- }
487
- ],
488
- "id":"146",
489
- "label":"Legal",
490
- "value":"Legal"
491
- },
492
- {
493
- "checked":false,
494
- "children":[
495
- {
496
- "checked":false,
497
- "children":[
498
-
499
- ],
500
- "id":"226",
501
- "label":"Executive",
502
- "value":"Executive"
503
- },
504
- {
505
- "checked":false,
506
- "children":[
507
-
508
- ],
509
- "id":"231",
510
- "label":"Administrative",
511
- "value":"Administrative"
512
- }
513
- ],
514
- "id":"201",
515
- "label":"Executive",
516
- "value":"Executive"
517
- }
518
- ],
519
- "id":"41",
520
- "label":"Advisory",
521
- "value":"Advisory"
522
- },
523
- {
524
- "checked":false,
525
- "children":[
526
- {
527
- "checked":false,
528
- "children":[
529
- {
530
- "checked":false,
531
- "children":[
532
-
533
- ],
534
- "id":"276",
535
- "label":"Product Management",
536
- "value":"Product Management"
537
- },
538
- {
539
- "checked":false,
540
- "children":[
541
-
542
- ],
543
- "id":"281",
544
- "label":"User Experience",
545
- "value":"User Experience"
546
- }
547
- ],
548
- "id":"151",
549
- "label":"Product",
550
- "value":"Product"
551
- },
552
- {
553
- "checked":false,
554
- "children":[
555
- {
556
- "checked":false,
557
- "children":[
558
-
559
- ],
560
- "id":"251",
561
- "label":"Agile",
562
- "value":"Agile"
563
- },
564
- {
565
- "checked":false,
566
- "children":[
567
-
568
- ],
569
- "id":"256",
570
- "label":"Development",
571
- "value":"Development"
572
- },
573
- {
574
- "checked":false,
575
- "children":[
576
-
577
- ],
578
- "id":"261",
579
- "label":"Site Reliability Engineering",
580
- "value":"Site Reliability Engineering"
581
- }
582
- ],
583
- "id":"156",
584
- "label":"Delivery",
585
- "value":"Delivery"
6
+ label: "Power Home Remodeling",
7
+ value: "Power Home Remodeling",
8
+ id: "powerhome1",
9
+ expanded: true,
10
+ children: [
11
+ {
12
+ label: "People",
13
+ value: "People",
14
+ id: "people1",
15
+ children: [
16
+ {
17
+ label: "Talent Acquisition",
18
+ value: "Talent Acquisition",
19
+ id: "talent1",
20
+ },
21
+ {
22
+ label: "Business Affairs",
23
+ value: "Business Affairs",
24
+ id: "business1",
25
+ children: [
26
+ {
27
+ label: "Initiatives",
28
+ value: "Initiatives",
29
+ id: "initiative1",
586
30
  },
587
31
  {
588
- "checked":false,
589
- "children":[
590
- {
591
- "checked":false,
592
- "children":[
593
-
594
- ],
595
- "id":"286",
596
- "label":"Asset Management",
597
- "value":"Asset Management"
598
- },
599
- {
600
- "checked":false,
601
- "children":[
602
-
603
- ],
604
- "id":"291",
605
- "label":"Nitro Support",
606
- "value":"Nitro Support"
607
- },
608
- {
609
- "checked":false,
610
- "children":[
611
-
612
- ],
613
- "id":"296",
614
- "label":"Technical Support",
615
- "value":"Technical Support"
616
- }
617
- ],
618
- "id":"161",
619
- "label":"Support",
620
- "value":"Support"
32
+ label: "Learning & Development",
33
+ value: "Learning & Development",
34
+ id: "development1",
621
35
  },
622
- {
623
- "checked":false,
624
- "children":[
625
- {
626
- "checked":false,
627
- "children":[
628
-
629
- ],
630
- "id":"266",
631
- "label":"Facility Management",
632
- "value":"Facility Management"
633
- },
634
- {
635
- "checked":false,
636
- "children":[
637
-
638
- ],
639
- "id":"271",
640
- "label":"Real Estate Development",
641
- "value":"Real Estate Development"
642
- }
643
- ],
644
- "id":"181",
645
- "label":"Facilities",
646
- "value":"Facilities"
647
- },
648
- {
649
- "checked":false,
650
- "children":[
651
- {
652
- "checked":false,
653
- "children":[
654
-
655
- ],
656
- "id":"246",
657
- "label":"Business Intelligence",
658
- "value":"Business Intelligence"
659
- }
660
- ],
661
- "id":"196",
662
- "label":"Analytics",
663
- "value":"Analytics"
664
- }
665
- ],
666
- "id":"46",
667
- "label":"Business Technologies",
668
- "value":"Business Technologies"
669
- },
670
- {
671
- "checked":false,
672
- "children":[
673
- {
674
- "checked":false,
675
- "children":[
676
- {
677
- "checked":false,
678
- "children":[
679
-
680
- ],
681
- "id":"241",
682
- "label":"Communications",
683
- "value":"Communications"
684
- }
685
- ],
686
- "id":"171",
687
- "label":"Communications",
688
- "value":"Communications"
689
- },
690
- {
691
- "checked":false,
692
- "children":[
693
- {
694
- "checked":false,
695
- "children":[
696
-
697
- ],
698
- "id":"471",
699
- "label":"Public Relations",
700
- "value":"Public Relations"
701
- }
702
- ],
703
- "id":"216",
704
- "label":"Public Relations",
705
- "value":"Public Relations"
706
- },
707
- {
708
- "checked":false,
709
- "children":[
710
- {
711
- "checked":false,
712
- "children":[
713
-
714
- ],
715
- "id":"466",
716
- "label":"Media Arts",
717
- "value":"Media Arts"
718
- }
719
- ],
720
- "id":"221",
721
- "label":"Media Arts",
722
- "value":"Media Arts"
723
- }
724
- ],
725
- "id":"51",
726
- "label":"Brand and Communications",
727
- "value":"Brand and Communications"
728
- }
729
- ],
730
- "id":"1",
731
- "label":"Power Home Remodeling",
732
- "value":"Power Home Remodeling"
733
- }
734
- ]
735
-
36
+ ],
37
+ },
38
+ {
39
+ label: "People Experience",
40
+ value: "People Experience",
41
+ id: "experience1",
42
+ },
43
+ ],
44
+ },
45
+ {
46
+ label: "Contact Center",
47
+ value: "Contact Center",
48
+ id: "contact1",
49
+ children: [
50
+ {
51
+ label: "Appointment Management",
52
+ value: "Appointment Management",
53
+ id: "appointment1",
54
+ },
55
+ {
56
+ label: "Customer Service",
57
+ value: "Customer Service",
58
+ id: "customer1",
59
+ },
60
+ {
61
+ label: "Energy",
62
+ value: "Energy",
63
+ id: "energy1",
64
+ },
65
+ ],
66
+ },
67
+ ],
68
+ },
69
+ ];
736
70
 
737
71
  const MultiLevelSelectDefault = (props) => {
738
72
  return (
@@ -740,7 +74,7 @@ const MultiLevelSelectDefault = (props) => {
740
74
  <MultiLevelSelect
741
75
  id="multiselect-default"
742
76
  onSelect={(selectedNodes) =>
743
- console.log("Selected Items", selectedNodes)
77
+ console.log("Selected Items (default... with ids only)", selectedNodes)
744
78
  }
745
79
  treeData={treeData}
746
80
  {...props}