playbook_ui_docs 12.26.0.pre.alpha.multiselectfixes798 → 12.26.0.pre.alpha.multiselectfixes821

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.
@@ -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 (