playbook_ui 12.25.0.pre.alpha.railsmultilevelimprovements780 → 12.25.0.pre.alpha.railsmultilevelimprovements785

Sign up to get free protection for your applications and to get access to all the features.
Files changed (29) 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_detail/_detail.scss +44 -0
  5. data/app/pb_kits/playbook/pb_detail/_detail.tsx +55 -0
  6. data/app/pb_kits/playbook/pb_detail/_detail_mixins.scss +29 -0
  7. data/app/pb_kits/playbook/pb_detail/detail.html.erb +7 -0
  8. data/app/pb_kits/playbook/pb_detail/detail.rb +31 -0
  9. data/app/pb_kits/playbook/pb_detail/detail.test.jsx +46 -0
  10. data/app/pb_kits/playbook/pb_detail/docs/_description.md +1 -0
  11. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.html.erb +34 -0
  12. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx +49 -0
  13. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.md +1 -0
  14. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.html.erb +24 -0
  15. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +38 -0
  16. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.md +6 -0
  17. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.html.erb +3 -0
  18. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +13 -0
  19. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.html.erb +22 -0
  20. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +32 -0
  21. data/app/pb_kits/playbook/pb_detail/docs/example.yml +11 -0
  22. data/app/pb_kits/playbook/pb_detail/docs/index.js +4 -0
  23. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +13 -11
  24. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +26 -594
  25. data/app/pb_kits/playbook/playbook-doc.js +2 -0
  26. data/dist/menu.yml +1 -0
  27. data/dist/playbook-rails.js +1 -1
  28. data/lib/playbook/version.rb +1 -1
  29. metadata +20 -1
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb CHANGED
@@ -1,636 +1,68 @@
1
1
  <% treeData = [{
2
- checked: false,
2
+ label: "Power Home Remodeling",
3
+ value: "Power Home Remodeling",
4
+ id: "powerhome1",
5
+ expanded: true,
6
+
3
7
  children: [
4
8
  {
5
- checked: false,
9
+ label: "People",
10
+ value: "People",
11
+ id: "people1",
6
12
  children: [
7
13
  {
8
- checked: false,
9
- children: [
10
- {
11
- checked: false,
12
- children: [],
13
- id: "401",
14
- label: "Corporate Recruiting",
15
- value: "Corporate Recruiting",
16
- },
17
- {
18
- checked: false,
19
- children: [],
20
- id: "406",
21
- label: "Install Partner Recruiting",
22
- value: "Install Partner Recruiting",
23
- },
24
- {
25
- checked: false,
26
- children: [],
27
- id: "411",
28
- label: "Revenue Recruiting",
29
- value: "Revenue Recruiting",
30
- },
31
- ],
32
- id: "61",
33
14
  label: "Talent Acquisition",
34
15
  value: "Talent Acquisition",
16
+ id: "talent1",
35
17
  },
36
18
  {
37
- checked: false,
38
- children: [
39
- {
40
- checked: false,
41
- children: [],
42
- id: "356",
43
- label: "Business Affairs",
44
- value: "Business Affairs",
45
- },
46
- {
47
- checked: false,
48
- children: [],
49
- id: "361",
50
- label: "HR Business Partners",
51
- value: "HR Business Partners",
52
- },
53
- ],
54
- id: "66",
55
19
  label: "Business Affairs",
56
20
  value: "Business Affairs",
57
- },
58
- {
59
- checked: false,
21
+ id: "business1",
60
22
  children: [
61
23
  {
62
- checked: false,
63
- children: [],
64
- id: "366",
65
- label: "Human Resources",
66
- value: "Human Resources",
67
- },
68
- {
69
- checked: false,
70
- children: [],
71
- id: "371",
72
24
  label: "Initiatives",
73
25
  value: "Initiatives",
26
+ id: "initiative1",
74
27
  },
75
28
  {
76
- checked: false,
77
- children: [],
78
- id: "376",
79
- label: "Learning and Development",
80
- value: "Learning and Development",
81
- },
82
- {
83
- checked: false,
84
- children: [],
85
- id: "381",
86
- label: "People Technology",
87
- value: "People Technology",
29
+ label: "Learning & Development",
30
+ value: "Learning & Development",
31
+ id: "development1",
88
32
  },
89
33
  ],
90
- id: "71",
91
- label: "People and Development",
92
- value: "People and Development",
93
34
  },
94
35
  {
95
- checked: false,
96
- children: [
97
- {
98
- checked: false,
99
- children: [],
100
- id: "386",
101
- label: "Engagement",
102
- value: "Engagement",
103
- },
104
- {
105
- checked: false,
106
- children: [],
107
- id: "391",
108
- label: "Meeting Planning",
109
- value: "Meeting Planning",
110
- },
111
- {
112
- checked: false,
113
- children: [],
114
- id: "396",
115
- label: "Special Events",
116
- value: "Special Events",
117
- },
118
- ],
119
- id: "186",
120
36
  label: "People Experience",
121
37
  value: "People Experience",
38
+ id: "experience1",
122
39
  },
123
40
  ],
124
- id: "6",
125
- label: "People",
126
- value: "People",
127
41
  },
128
42
  {
129
- checked: false,
130
- children: [
131
- {
132
- checked: false,
133
- children: [
134
- {
135
- checked: false,
136
- children: [],
137
- id: "301",
138
- label: "Confirmation",
139
- value: "Confirmation",
140
- },
141
- {
142
- checked: false,
143
- children: [],
144
- id: "306",
145
- label: "Inside Sales",
146
- value: "Inside Sales",
147
- },
148
- {
149
- checked: false,
150
- children: [],
151
- id: "311",
152
- label: "Sales Support",
153
- value: "Sales Support",
154
- },
155
- {
156
- checked: false,
157
- children: [],
158
- id: "316",
159
- label: "Scheduling",
160
- value: "Scheduling",
161
- },
162
- ],
163
- id: "81",
164
- label: "Appointment Management",
165
- value: "Appointment Management",
166
- },
167
- {
168
- checked: false,
169
- children: [
170
- {
171
- checked: false,
172
- children: [],
173
- id: "321",
174
- label: "Design",
175
- value: "Design",
176
- },
177
- {
178
- checked: false,
179
- children: [],
180
- id: "326",
181
- label: "Policy",
182
- value: "Policy",
183
- },
184
- ],
185
- id: "191",
186
- label: "Energy",
187
- value: "Energy",
188
- },
189
- ],
190
- id: "11",
191
43
  label: "Contact Center",
192
44
  value: "Contact Center",
193
- },
194
- {
195
- checked: false,
45
+ id: "contact1",
196
46
  children: [
197
47
  {
198
- checked: false,
199
- children: [
200
- {
201
- checked: false,
202
- children: [],
203
- id: "431",
204
- label: "Analysts",
205
- value: "Analysts",
206
- },
207
- {
208
- checked: false,
209
- children: [],
210
- id: "441",
211
- label: "Customer Development",
212
- value: "Customer Development",
213
- },
214
- ],
215
- id: "91",
216
- label: "Customer Development",
217
- value: "Customer Development",
218
- },
219
- {
220
- checked: false,
221
- children: [
222
- {
223
- checked: false,
224
- children: [],
225
- id: "446",
226
- label: "Quality Assurance",
227
- value: "Quality Assurance",
228
- },
229
- {
230
- checked: false,
231
- children: [],
232
- id: "451",
233
- label: "Sales",
234
- value: "Sales",
235
- },
236
- ],
237
- id: "96",
238
- label: "Sales",
239
- value: "Sales",
240
- },
241
- ],
242
- id: "16",
243
- label: "Revenue",
244
- value: "Revenue",
245
- },
246
- {
247
- checked: false,
248
- children: [
249
- {
250
- checked: false,
251
- children: [
252
- {
253
- checked: false,
254
- children: [],
255
- id: "416",
256
- label: "Customer Support",
257
- value: "Customer Support",
258
- },
259
- {
260
- checked: false,
261
- children: [],
262
- id: "421",
263
- label: "Quality Assurance Scheduling",
264
- value: "Quality Assurance Scheduling",
265
- },
266
- ],
267
- id: "106",
268
- label: "Customer Support",
269
- value: "Customer Support",
270
- },
271
- {
272
- checked: false,
273
- children: [
274
- {
275
- checked: false,
276
- children: [],
277
- id: "426",
278
- label: "Production Management",
279
- value: "Production Management",
280
- },
281
- ],
282
- id: "211",
283
- label: "Production Management",
284
- value: "Production Management",
285
- },
286
- ],
287
- id: "21",
288
- label: "Project Services",
289
- value: "Project Services",
290
- },
291
- {
292
- checked: false,
293
- children: [
294
- {
295
- checked: false,
296
- children: [
297
- {
298
- checked: false,
299
- children: [],
300
- id: "456",
301
- label: "Procurement",
302
- value: "Procurement",
303
- },
304
- {
305
- checked: false,
306
- children: [],
307
- id: "461",
308
- label: "Warehousing",
309
- value: "Warehousing",
310
- },
311
- ],
312
- id: "206",
313
- label: "Inventory Management",
314
- value: "Inventory Management",
315
- },
316
- ],
317
- id: "26",
318
- label: "Supply Chain",
319
- value: "Supply Chain",
320
- },
321
- {
322
- checked: false,
323
- children: [
324
- {
325
- checked: false,
326
- children: [
327
- {
328
- checked: false,
329
- children: [],
330
- id: "341",
331
- label: "Craftsman",
332
- value: "Craftsman",
333
- },
334
- {
335
- checked: false,
336
- children: [],
337
- id: "346",
338
- label: "Installation Management",
339
- value: "Installation Management",
340
- },
341
- ],
342
- id: "121",
343
- label: "Installation",
344
- value: "Installation",
345
- },
346
- {
347
- checked: false,
348
- children: [
349
- {
350
- checked: false,
351
- children: [],
352
- id: "351",
353
- label: "Service Management",
354
- value: "Service Management",
355
- },
356
- ],
357
- id: "126",
358
- label: "Warranty",
359
- value: "Warranty",
360
- },
361
- ],
362
- id: "31",
363
- label: "Installation Services",
364
- value: "Installation Services",
365
- },
366
- {
367
- checked: false,
368
- children: [
369
- {
370
- checked: false,
371
- children: [
372
- {
373
- checked: false,
374
- children: [],
375
- id: "331",
376
- label: "Accounting",
377
- value: "Accounting",
378
- },
379
- ],
380
- id: "131",
381
- label: "Accounting",
382
- value: "Accounting",
383
- },
384
- {
385
- checked: false,
386
- children: [
387
- {
388
- checked: false,
389
- children: [],
390
- id: "336",
391
- label: "Payroll",
392
- value: "Payroll",
393
- },
394
- ],
395
- id: "141",
396
- label: "Payroll",
397
- value: "Payroll",
398
- },
399
- ],
400
- id: "36",
401
- label: "Corporate Finance",
402
- value: "Corporate Finance",
403
- },
404
- {
405
- checked: false,
406
- children: [
407
- {
408
- checked: false,
409
- children: [
410
- {
411
- checked: false,
412
- children: [],
413
- id: "236",
414
- label: "Legal",
415
- value: "Legal",
416
- },
417
- ],
418
- id: "146",
419
- label: "Legal",
420
- value: "Legal",
421
- },
422
- {
423
- checked: false,
424
- children: [
425
- {
426
- checked: false,
427
- children: [],
428
- id: "226",
429
- label: "Executive",
430
- value: "Executive",
431
- },
432
- {
433
- checked: false,
434
- children: [],
435
- id: "231",
436
- label: "Administrative",
437
- value: "Administrative",
438
- },
439
- ],
440
- id: "201",
441
- label: "Executive",
442
- value: "Executive",
443
- },
444
- ],
445
- id: "41",
446
- label: "Advisory",
447
- value: "Advisory",
448
- },
449
- {
450
- checked: false,
451
- children: [
452
- {
453
- checked: false,
454
- children: [
455
- {
456
- checked: false,
457
- children: [],
458
- id: "276",
459
- label: "Product Management",
460
- value: "Product Management",
461
- },
462
- {
463
- checked: false,
464
- children: [],
465
- id: "281",
466
- label: "User Experience",
467
- value: "User Experience",
468
- },
469
- ],
470
- id: "151",
471
- label: "Product",
472
- value: "Product",
473
- },
474
- {
475
- checked: false,
476
- children: [
477
- {
478
- checked: false,
479
- children: [],
480
- id: "251",
481
- label: "Agile",
482
- value: "Agile",
483
- },
484
- {
485
- checked: false,
486
- children: [],
487
- id: "256",
488
- label: "Development",
489
- value: "Development",
490
- },
491
- {
492
- checked: false,
493
- children: [],
494
- id: "261",
495
- label: "Site Reliability Engineering",
496
- value: "Site Reliability Engineering",
497
- },
498
- ],
499
- id: "156",
500
- label: "Delivery",
501
- value: "Delivery",
502
- },
503
- {
504
- checked: false,
505
- children: [
506
- {
507
- checked: false,
508
- children: [],
509
- id: "286",
510
- label: "Asset Management",
511
- value: "Asset Management",
512
- },
513
- {
514
- checked: false,
515
- children: [],
516
- id: "291",
517
- label: "Nitro Support",
518
- value: "Nitro Support",
519
- },
520
- {
521
- checked: false,
522
- children: [],
523
- id: "296",
524
- label: "Technical Support",
525
- value: "Technical Support",
526
- },
527
- ],
528
- id: "161",
529
- label: "Support",
530
- value: "Support",
531
- },
532
- {
533
- checked: false,
534
- children: [
535
- {
536
- checked: false,
537
- children: [],
538
- id: "266",
539
- label: "Facility Management",
540
- value: "Facility Management",
541
- },
542
- {
543
- checked: false,
544
- children: [],
545
- id: "271",
546
- label: "Real Estate Development",
547
- value: "Real Estate Development",
548
- },
549
- ],
550
- id: "181",
551
- label: "Facilities",
552
- value: "Facilities",
553
- },
554
- {
555
- checked: false,
556
- children: [
557
- {
558
- checked: false,
559
- children: [],
560
- id: "246",
561
- label: "Business Intelligence",
562
- value: "Business Intelligence",
563
- },
564
- ],
565
- id: "196",
566
- label: "Analytics",
567
- value: "Analytics",
568
- },
569
- ],
570
- id: "46",
571
- label: "Business Technologies",
572
- value: "Business Technologies",
573
- },
574
- {
575
- checked: false,
576
- children: [
577
- {
578
- checked: false,
579
- children: [
580
- {
581
- checked: false,
582
- children: [],
583
- id: "241",
584
- label: "Communications",
585
- value: "Communications",
586
- },
587
- ],
588
- id: "171",
589
- label: "Communications",
590
- value: "Communications",
48
+ label: "Appointment Management",
49
+ value: "Appointment Management",
50
+ id: "appointment1",
591
51
  },
592
52
  {
593
- checked: false,
594
- children: [
595
- {
596
- checked: false,
597
- children: [],
598
- id: "471",
599
- label: "Public Relations",
600
- value: "Public Relations",
601
- },
602
- ],
603
- id: "216",
604
- label: "Public Relations",
605
- value: "Public Relations",
53
+ label: "Customer Service",
54
+ value: "Customer Service",
55
+ id: "customer1",
606
56
  },
607
57
  {
608
- checked: false,
609
- children: [
610
- {
611
- checked: false,
612
- children: [],
613
- id: "466",
614
- label: "Media Arts",
615
- value: "Media Arts",
616
- },
617
- ],
618
- id: "221",
619
- label: "Media Arts",
620
- value: "Media Arts",
58
+ label: "Energy",
59
+ value: "Energy",
60
+ id: "energy1",
621
61
  },
622
62
  ],
623
- id: "51",
624
- label: "Brand and Communications",
625
- value: "Brand and Communications",
626
63
  },
627
64
  ],
628
- id: "1",
629
- label: "Power Home Remodeling",
630
- value: "Power Home Remodeling",
631
- },
632
- ]
633
- %>
65
+ }] %>
634
66
 
635
67
  <%= pb_rails("multi_level_select", props: {
636
68
  id: "parent-persistence-multi-level-select",
data/app/pb_kits/playbook/playbook-doc.js CHANGED
@@ -30,6 +30,7 @@ import * as DateStacked from 'pb_date_stacked/docs'
30
30
  import * as DateTime from 'pb_date_time/docs'
31
31
  import * as DateTimeStacked from 'pb_date_time_stacked/docs'
32
32
  import * as DateYearStacked from 'pb_date_year_stacked/docs'
33
+ import * as Detail from 'pb_detail/docs'
33
34
  import * as Dialog from 'pb_dialog/docs'
34
35
  import * as DistributionBarDocs from 'pb_distribution_bar/docs'
35
36
  import * as FileUpload from 'pb_file_upload/docs'
@@ -130,6 +131,7 @@ WebpackerReact.setup({
130
131
  ...DateTime,
131
132
  ...DateTimeStacked,
132
133
  ...DateYearStacked,
134
+ ...Detail,
133
135
  ...Dialog,
134
136
  ...DistributionBarDocs,
135
137
  ...FileUpload,
data/dist/menu.yml CHANGED
@@ -90,6 +90,7 @@ kits:
90
90
  - typography:
91
91
  - body
92
92
  - caption
93
+ - detail
93
94
  - title
94
95
  - typography_patterns:
95
96
  - contact