playbook_ui 12.26.1.pre.alpha.railsmultilevelimprovements842 → 12.26.1

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 (16) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +125 -134
  3. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +17 -17
  4. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +4 -7
  5. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +2 -2
  6. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +16 -19
  7. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx +2 -2
  8. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -1
  9. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +3 -7
  10. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +0 -6
  11. data/dist/playbook-rails.js +1 -1
  12. data/lib/playbook/forms/builder.rb +0 -1
  13. data/lib/playbook/version.rb +2 -2
  14. metadata +7 -9
  15. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb +0 -72
  16. data/lib/playbook/forms/builder/multi_level_select_field.rb +0 -12
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb CHANGED
@@ -1,75 +1,72 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
3
  value: "Power Home Remodeling",
4
- id: "100",
4
+ id: "powerhome1",
5
5
  expanded: true,
6
+
6
7
  children: [
7
8
  {
8
9
  label: "People",
9
10
  value: "People",
10
- id: "101",
11
+ id: "people1",
11
12
  children: [
12
13
  {
13
14
  label: "Talent Acquisition",
14
15
  value: "Talent Acquisition",
15
- id: "102",
16
+ id: "talent1",
16
17
  },
17
18
  {
18
19
  label: "Business Affairs",
19
20
  value: "Business Affairs",
20
- id: "103",
21
+ id: "business1",
21
22
  children: [
22
23
  {
23
24
  label: "Initiatives",
24
25
  value: "Initiatives",
25
- id: "104",
26
+ id: "initiative1",
26
27
  },
27
28
  {
28
29
  label: "Learning & Development",
29
30
  value: "Learning & Development",
30
- id: "105",
31
+ id: "development1",
31
32
  },
32
33
  ],
33
34
  },
34
35
  {
35
36
  label: "People Experience",
36
37
  value: "People Experience",
37
- id: "106",
38
+ id: "experience1",
38
39
  },
39
40
  ],
40
41
  },
41
42
  {
42
43
  label: "Contact Center",
43
44
  value: "Contact Center",
44
- id: "107",
45
+ id: "contact1",
45
46
  children: [
46
47
  {
47
48
  label: "Appointment Management",
48
49
  value: "Appointment Management",
49
- id: "108",
50
+ id: "appointment1",
50
51
  },
51
52
  {
52
53
  label: "Customer Service",
53
54
  value: "Customer Service",
54
- id: "109",
55
+ id: "customer1",
55
56
  },
56
57
  {
57
58
  label: "Energy",
58
59
  value: "Energy",
59
- id: "110",
60
+ id: "energy1",
60
61
  },
61
62
  ],
62
63
  },
63
64
  ],
64
- }] %>
65
-
66
-
65
+ }] %>
67
66
 
68
67
 
69
68
  <%= pb_rails("multi_level_select", props: {
70
- id: "multi-level-select-return-all-selected-rails",
71
- name: "my_data_array",
72
- tree_data: treeData,
69
+ id: "parent-persistence-multi-level-select",
70
+ tree_data:treeData,
73
71
  return_all_selected: true
74
- }) %>
75
-
72
+ }) %>
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx CHANGED
@@ -72,9 +72,9 @@ const MultiLevelSelectReturnAllSelected = (props) => {
72
72
  return (
73
73
  <div>
74
74
  <MultiLevelSelect
75
- id="multi-level-select-return-all-selected"
75
+ id="multiselect-parent-persistence"
76
76
  onSelect={(selectedNodes) =>
77
- console.log("Selected Items with Return All Selected Data", selectedNodes)
77
+ console.log("Selected Items", selectedNodes)
78
78
  }
79
79
  returnAllSelected
80
80
  treeData={treeData}
data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml CHANGED
@@ -2,7 +2,6 @@ examples:
2
2
  rails:
3
3
  - multi_level_select_default: Default
4
4
  - multi_level_select_return_all_selected: Return All Selected
5
- - multi_level_select_with_form: With Form
6
5
 
7
6
  react:
8
7
  - multi_level_select_default: Default
data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb CHANGED
@@ -1,7 +1,3 @@
1
- <%= content_tag(:div,
2
- aria: object.aria,
3
- data: object.data,
4
- id: object.id,
5
- class: object.classname) do %>
6
- <%= react_component("MultiLevelSelect", object.multi_level_select_options) %>
7
- <% end %>
1
+ <div id="pb_data_wrapper_<%= object.id %>" data-tree="">
2
+ <%= react_component("MultiLevelSelect", object.multi_level_select_options ) %>
3
+ </div>
data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb CHANGED
@@ -3,14 +3,10 @@
3
3
  module Playbook
4
4
  module PbMultiLevelSelect
5
5
  class MultiLevelSelect < Playbook::KitBase
6
- prop :id
7
- prop :name
8
6
  prop :tree_data, type: Playbook::Props::Array,
9
7
  default: []
10
8
  prop :return_all_selected, type: Playbook::Props::Boolean,
11
9
  default: false
12
- prop :return_complete_data, type: Playbook::Props::Boolean,
13
- default: false
14
10
 
15
11
  def classname
16
12
  generate_classname("pb_multi_level_select")
@@ -19,10 +15,8 @@ module Playbook
19
15
  def multi_level_select_options
20
16
  {
21
17
  id: id,
22
- name: name,
23
18
  treeData: tree_data,
24
19
  returnAllSelected: return_all_selected,
25
- returnCompleteData: return_complete_data,
26
20
  }
27
21
  end
28
22
  end