playbook_ui 12.25.0 → 12.26.0.pre.alpha.multiselectfixes795

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/index.js +1 -0
  4. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_swift.md +82 -1
  5. data/app/pb_kits/playbook/pb_detail/_detail.scss +44 -0
  6. data/app/pb_kits/playbook/pb_detail/_detail.tsx +55 -0
  7. data/app/pb_kits/playbook/pb_detail/_detail_mixins.scss +29 -0
  8. data/app/pb_kits/playbook/pb_detail/detail.html.erb +7 -0
  9. data/app/pb_kits/playbook/pb_detail/detail.rb +31 -0
  10. data/app/pb_kits/playbook/pb_detail/detail.test.jsx +46 -0
  11. data/app/pb_kits/playbook/pb_detail/docs/_description.md +1 -0
  12. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.html.erb +34 -0
  13. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx +49 -0
  14. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.md +1 -0
  15. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.html.erb +24 -0
  16. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +38 -0
  17. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.md +6 -0
  18. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.html.erb +3 -0
  19. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +13 -0
  20. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.html.erb +22 -0
  21. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +32 -0
  22. data/app/pb_kits/playbook/pb_detail/docs/example.yml +11 -0
  23. data/app/pb_kits/playbook/pb_detail/docs/index.js +4 -0
  24. data/app/pb_kits/playbook/pb_docs/kit_example.html.erb +14 -13
  25. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +3 -2
  26. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +228 -0
  27. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +58 -98
  28. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +344 -86
  29. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +727 -61
  30. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +1 -1
  31. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +1 -0
  32. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx +1 -1
  33. data/app/pb_kits/playbook/playbook-doc.js +2 -0
  34. data/dist/menu.yml +1 -0
  35. data/dist/playbook-rails.js +7 -7
  36. data/lib/playbook/version.rb +2 -2
  37. metadata +27 -9
  38. data/app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx +0 -31
  39. data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +0 -87
@@ -3,70 +3,736 @@ import MultiLevelSelect from "../_multi_level_select";
3
3
 
4
4
  const treeData = [
5
5
  {
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",
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"
30
586
  },
31
587
  {
32
- label: "Learning & Development",
33
- value: "Learning & Development",
34
- id: "development1",
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"
35
621
  },
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
- ];
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
+
70
736
 
71
737
  const MultiLevelSelectDefault = (props) => {
72
738
  return (