playbook_ui 14.19.0.pre.alpha.PLAY2033atactionbarrails7730 → 14.19.0.pre.alpha.PLAY2152mlssinglevariantrendersvaluebug7743

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 (50) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +8 -19
  3. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +0 -9
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/index.js +55 -336
  6. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +2 -2
  7. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb +11 -11
  8. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx +11 -11
  9. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +11 -11
  10. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +11 -11
  11. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +11 -11
  12. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx +11 -11
  13. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb +11 -11
  14. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx +11 -11
  15. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb +11 -11
  16. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx +11 -11
  17. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb +11 -11
  18. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx +11 -11
  19. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb +11 -11
  20. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx +11 -11
  21. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb +11 -11
  22. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx +11 -11
  23. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb +11 -11
  24. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx +11 -11
  25. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx +11 -11
  26. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb +11 -11
  27. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +11 -11
  28. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx +11 -11
  29. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +11 -11
  30. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +2 -0
  31. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.jsx +11 -11
  32. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md +3 -1
  33. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +22 -22
  34. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +22 -22
  35. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb +22 -22
  36. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx +22 -22
  37. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.jsx +11 -11
  38. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.jsx +11 -11
  39. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb +11 -11
  40. data/dist/chunks/{_typeahead-BPSIWtFT.js → _typeahead-B9-s4j4U.js} +1 -1
  41. data/dist/chunks/{_weekday_stacked-PfWrqC3z.js → _weekday_stacked-MTfbSUEo.js} +1 -1
  42. data/dist/chunks/vendor.js +1 -1
  43. data/dist/playbook-doc.js +1 -1
  44. data/dist/playbook-rails-react-bindings.js +1 -1
  45. data/dist/playbook-rails.js +1 -1
  46. data/lib/playbook/version.rb +1 -1
  47. metadata +4 -7
  48. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.html.erb +0 -56
  49. data/app/pb_kits/playbook/pb_advanced_table/table_action_bar.html.erb +0 -23
  50. data/app/pb_kits/playbook/pb_advanced_table/table_action_bar.rb +0 -19
@@ -195,8 +195,8 @@ const MultiLevelSelect = forwardRef<HTMLInputElement, MultiLevelSelectProps>((pr
195
195
  if (!selectedItem.length) {
196
196
  setSingleSelectedItem({ id: [], value: "", item: [] });
197
197
  } else {
198
- const { id, value } = selectedItem[0];
199
- setSingleSelectedItem({ id: [id], value, item: selectedItem });
198
+ const { id, label } = selectedItem[0];
199
+ setSingleSelectedItem({ id: [id], value: label, item: selectedItem });
200
200
  }
201
201
  }
202
202
  }
@@ -1,62 +1,62 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "100",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "101",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "102",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "businessAffairs",
21
21
  id: "103",
22
22
  children: [
23
23
  {
24
24
  label: "Initiatives",
25
- value: "Initiatives",
25
+ value: "initiatives",
26
26
  id: "104",
27
27
  },
28
28
  {
29
29
  label: "Learning & Development",
30
- value: "Learning & Development",
30
+ value: "learningAndDevelopment",
31
31
  id: "105",
32
32
  },
33
33
  ],
34
34
  },
35
35
  {
36
36
  label: "People Experience",
37
- value: "People Experience",
37
+ value: "peopleExperience",
38
38
  id: "106",
39
39
  },
40
40
  ],
41
41
  },
42
42
  {
43
43
  label: "Contact Center",
44
- value: "Contact Center",
44
+ value: "contactCenter",
45
45
  id: "107",
46
46
  children: [
47
47
  {
48
48
  label: "Appointment Management",
49
- value: "Appointment Management",
49
+ value: "appointmentManagement",
50
50
  id: "108",
51
51
  },
52
52
  {
53
53
  label: "Customer Service",
54
- value: "Customer Service",
54
+ value: "customerService",
55
55
  id: "109",
56
56
  },
57
57
  {
58
58
  label: "Energy",
59
- value: "Energy",
59
+ value: "energy",
60
60
  id: "110",
61
61
  },
62
62
  ],
@@ -4,63 +4,63 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  },
22
22
  {
23
23
  label: "Business Affairs",
24
- value: "Business Affairs",
24
+ value: "businessAffairs",
25
25
  id: "business1",
26
26
  children: [
27
27
  {
28
28
  label: "Initiatives",
29
- value: "Initiatives",
29
+ value: "initiatives",
30
30
  id: "initiative1",
31
31
  },
32
32
  {
33
33
  label: "Learning & Development",
34
- value: "Learning & Development",
34
+ value: "learningAndDevelopment",
35
35
  id: "development1",
36
36
  },
37
37
  ],
38
38
  },
39
39
  {
40
40
  label: "People Experience",
41
- value: "People Experience",
41
+ value: "peopleExperience",
42
42
  id: "experience1",
43
43
  },
44
44
  ],
45
45
  },
46
46
  {
47
47
  label: "Contact Center",
48
- value: "Contact Center",
48
+ value: "contactCenter",
49
49
  id: "contact1",
50
50
  children: [
51
51
  {
52
52
  label: "Appointment Management",
53
- value: "Appointment Management",
53
+ value: "appointmentManagement",
54
54
  id: "appointment1",
55
55
  },
56
56
  {
57
57
  label: "Customer Service",
58
- value: "Customer Service",
58
+ value: "customerService",
59
59
  id: "customer1",
60
60
  },
61
61
  {
62
62
  label: "Energy",
63
- value: "Energy",
63
+ value: "energy",
64
64
  id: "energy1",
65
65
  },
66
66
  ],
@@ -1,62 +1,62 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "100",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "101",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "102",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "business Affairs",
21
21
  id: "103",
22
22
  children: [
23
23
  {
24
24
  label: "Initiatives",
25
- value: "Initiatives",
25
+ value: "initiatives",
26
26
  id: "104",
27
27
  },
28
28
  {
29
29
  label: "Learning & Development",
30
- value: "Learning & Development",
30
+ value: "learningAndDevelopment",
31
31
  id: "105",
32
32
  },
33
33
  ],
34
34
  },
35
35
  {
36
36
  label: "People Experience",
37
- value: "People Experience",
37
+ value: "peopleExperience",
38
38
  id: "106",
39
39
  },
40
40
  ],
41
41
  },
42
42
  {
43
43
  label: "Contact Center",
44
- value: "Contact Center",
44
+ value: "contactCenter",
45
45
  id: "107",
46
46
  children: [
47
47
  {
48
48
  label: "Appointment Management",
49
- value: "Appointment Management",
49
+ value: "appointmentManagement",
50
50
  id: "108",
51
51
  },
52
52
  {
53
53
  label: "Customer Service",
54
- value: "Customer Service",
54
+ value: "customerService",
55
55
  id: "109",
56
56
  },
57
57
  {
58
58
  label: "Energy",
59
- value: "Energy",
59
+ value: "energy",
60
60
  id: "110",
61
61
  },
62
62
  ],
@@ -4,63 +4,63 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  },
22
22
  {
23
23
  label: "Business Affairs",
24
- value: "Business Affairs",
24
+ value: "businessAffairs",
25
25
  id: "business1",
26
26
  children: [
27
27
  {
28
28
  label: "Initiatives",
29
- value: "Initiatives",
29
+ value: "initiatives",
30
30
  id: "initiative1",
31
31
  },
32
32
  {
33
33
  label: "Learning & Development",
34
- value: "Learning & Development",
34
+ value: "learningAndDevelopment",
35
35
  id: "development1",
36
36
  },
37
37
  ],
38
38
  },
39
39
  {
40
40
  label: "People Experience",
41
- value: "People Experience",
41
+ value: "peopleExperience",
42
42
  id: "experience1",
43
43
  },
44
44
  ],
45
45
  },
46
46
  {
47
47
  label: "Contact Center",
48
- value: "Contact Center",
48
+ value: "contactCenter",
49
49
  id: "contact1",
50
50
  children: [
51
51
  {
52
52
  label: "Appointment Management",
53
- value: "Appointment Management",
53
+ value: "appointmentManagement",
54
54
  id: "appointment1",
55
55
  },
56
56
  {
57
57
  label: "Customer Service",
58
- value: "Customer Service",
58
+ value: "customerService",
59
59
  id: "customer1",
60
60
  },
61
61
  {
62
62
  label: "Energy",
63
- value: "Energy",
63
+ value: "energy",
64
64
  id: "energy1",
65
65
  },
66
66
  ],
@@ -1,62 +1,62 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "100",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "101",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "102",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "businessAffairs",
21
21
  id: "103",
22
22
  children: [
23
23
  {
24
24
  label: "Initiatives",
25
- value: "Initiatives",
25
+ value: "initiatives",
26
26
  id: "104",
27
27
  },
28
28
  {
29
29
  label: "Learning & Development",
30
- value: "Learning & Development",
30
+ value: "learningAndDevelopment",
31
31
  id: "105",
32
32
  },
33
33
  ],
34
34
  },
35
35
  {
36
36
  label: "People Experience",
37
- value: "People Experience",
37
+ value: "peopleExperience",
38
38
  id: "106",
39
39
  },
40
40
  ],
41
41
  },
42
42
  {
43
43
  label: "Contact Center",
44
- value: "Contact Center",
44
+ value: "contactCenter",
45
45
  id: "107",
46
46
  children: [
47
47
  {
48
48
  label: "Appointment Management",
49
- value: "Appointment Management",
49
+ value: "appointmentManagement",
50
50
  id: "108",
51
51
  },
52
52
  {
53
53
  label: "Customer Service",
54
- value: "Customer Service",
54
+ value: "customerService",
55
55
  id: "109",
56
56
  },
57
57
  {
58
58
  label: "Energy",
59
- value: "Energy",
59
+ value: "energy",
60
60
  id: "110",
61
61
  },
62
62
  ],
@@ -4,63 +4,63 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  },
22
22
  {
23
23
  label: "Business Affairs",
24
- value: "Business Affairs",
24
+ value: "businessAffairs",
25
25
  id: "business1",
26
26
  children: [
27
27
  {
28
28
  label: "Initiatives",
29
- value: "Initiatives",
29
+ value: "initiatives",
30
30
  id: "initiative1",
31
31
  },
32
32
  {
33
33
  label: "Learning & Development",
34
- value: "Learning & Development",
34
+ value: "learningAndDevelopment",
35
35
  id: "development1",
36
36
  },
37
37
  ],
38
38
  },
39
39
  {
40
40
  label: "People Experience",
41
- value: "People Experience",
41
+ value: "peopleExperience",
42
42
  id: "experience1",
43
43
  },
44
44
  ],
45
45
  },
46
46
  {
47
47
  label: "Contact Center",
48
- value: "Contact Center",
48
+ value: "contactCenter",
49
49
  id: "contact1",
50
50
  children: [
51
51
  {
52
52
  label: "Appointment Management",
53
- value: "Appointment Management",
53
+ value: "appointmentManagement",
54
54
  id: "appointment1",
55
55
  },
56
56
  {
57
57
  label: "Customer Service",
58
- value: "Customer Service",
58
+ value: "customerService",
59
59
  id: "customer1",
60
60
  },
61
61
  {
62
62
  label: "Energy",
63
- value: "Energy",
63
+ value: "energy",
64
64
  id: "energy1",
65
65
  },
66
66
  ],
@@ -1,65 +1,65 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "powerhome1",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "people1",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "talent1",
17
17
  disabled: true,
18
18
  },
19
19
  {
20
20
  label: "Business Affairs",
21
- value: "Business Affairs",
21
+ value: "businessAffairs",
22
22
  id: "business1",
23
23
  children: [
24
24
  {
25
25
  label: "Initiatives",
26
- value: "Initiatives",
26
+ value: "initiatives",
27
27
  id: "initiative1",
28
28
  disabled: true,
29
29
  },
30
30
  {
31
31
  label: "Learning & Development",
32
- value: "Learning & Development",
32
+ value: "learningAndDevelopment",
33
33
  id: "development1",
34
34
  },
35
35
  ],
36
36
  },
37
37
  {
38
38
  label: "People Experience",
39
- value: "People Experience",
39
+ value: "peopleExperience",
40
40
  id: "experience1",
41
41
  },
42
42
  ],
43
43
  },
44
44
  {
45
45
  label: "Contact Center",
46
- value: "Contact Center",
46
+ value: "contactCenter",
47
47
  id: "contact1",
48
48
  children: [
49
49
  {
50
50
  label: "Appointment Management",
51
- value: "Appointment Management",
51
+ value: "appointmentManagement",
52
52
  id: "appointment1",
53
53
  },
54
54
  {
55
55
  label: "Customer Service",
56
- value: "Customer Service",
56
+ value: "customerService",
57
57
  id: "customer1",
58
58
  disabled: true,
59
59
  },
60
60
  {
61
61
  label: "Energy",
62
- value: "Energy",
62
+ value: "energy",
63
63
  id: "energy1",
64
64
  },
65
65
  ],
@@ -4,66 +4,66 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  disabled: true,
22
22
  },
23
23
  {
24
24
  label: "Business Affairs",
25
- value: "Business Affairs",
25
+ value: "businessAffairs",
26
26
  id: "business1",
27
27
  children: [
28
28
  {
29
29
  label: "Initiatives",
30
- value: "Initiatives",
30
+ value: "initiatives",
31
31
  id: "initiative1",
32
32
  disabled: true,
33
33
  },
34
34
  {
35
35
  label: "Learning & Development",
36
- value: "Learning & Development",
36
+ value: "learningAndDevelopment",
37
37
  id: "development1",
38
38
  },
39
39
  ],
40
40
  },
41
41
  {
42
42
  label: "People Experience",
43
- value: "People Experience",
43
+ value: "peopleExperience",
44
44
  id: "experience1",
45
45
  },
46
46
  ],
47
47
  },
48
48
  {
49
49
  label: "Contact Center",
50
- value: "Contact Center",
50
+ value: "contactCenter",
51
51
  id: "contact1",
52
52
  children: [
53
53
  {
54
54
  label: "Appointment Management",
55
- value: "Appointment Management",
55
+ value: "appointmentManagement",
56
56
  id: "appointment1",
57
57
  },
58
58
  {
59
59
  label: "Customer Service",
60
- value: "Customer Service",
60
+ value: "customerService",
61
61
  id: "customer1",
62
62
  disabled: true,
63
63
  },
64
64
  {
65
65
  label: "Energy",
66
- value: "Energy",
66
+ value: "energy",
67
67
  id: "energy1",
68
68
  },
69
69
  ],