playbook_ui 12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917 → 12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924

Sign up to get free protection for your applications and to get access to all the features.
Files changed (26) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_card/_card.scss +3 -0
  3. data/app/pb_kits/playbook/pb_card/_card.tsx +5 -6
  4. data/app/pb_kits/playbook/pb_card/card.html.erb +1 -3
  5. data/app/pb_kits/playbook/pb_card/card.rb +0 -96
  6. data/app/pb_kits/playbook/pb_card/card_body.rb +93 -1
  7. data/app/pb_kits/playbook/pb_collapsible/_collapsible.scss +11 -0
  8. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +1 -3
  9. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +1 -3
  10. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +1 -3
  11. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +1 -1
  12. data/app/pb_kits/playbook/pb_dialog/_dialog.scss +12 -0
  13. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx +2 -2
  14. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx +1 -4
  15. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx +1 -2
  16. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +1 -4
  17. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +3 -8
  18. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -2
  19. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -2
  20. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +0 -3
  21. data/dist/playbook-rails.js +5 -5
  22. data/lib/playbook/version.rb +1 -1
  23. metadata +1 -4
  24. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +0 -76
  25. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx +0 -88
  26. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +0 -3
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "12.30.1"
5
- VERSION = "12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917"
5
+ VERSION = "12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917
4
+ version: 12.30.1.pre.alpha.play846responsivespacingglobalpropsneedsdefault924
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -1452,9 +1452,6 @@ files:
1452
1452
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
1453
1453
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
1454
1454
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
1455
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
1456
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx
1457
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
1458
1455
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
1459
1456
  - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
1460
1457
  - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
@@ -1,76 +0,0 @@
1
- <% treeData = [{
2
- label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
4
- id: "100",
5
- expanded: true,
6
- children: [
7
- {
8
- label: "People",
9
- value: "People",
10
- id: "101",
11
- children: [
12
- {
13
- label: "Talent Acquisition",
14
- value: "Talent Acquisition",
15
- id: "102",
16
- },
17
- {
18
- label: "Business Affairs",
19
- value: "Business Affairs",
20
- id: "103",
21
- children: [
22
- {
23
- label: "Initiatives",
24
- value: "Initiatives",
25
- id: "104",
26
- },
27
- {
28
- label: "Learning & Development",
29
- value: "Learning & Development",
30
- id: "105",
31
- },
32
- ],
33
- },
34
- {
35
- label: "People Experience",
36
- value: "People Experience",
37
- id: "106",
38
- },
39
- ],
40
- },
41
- {
42
- label: "Contact Center",
43
- value: "Contact Center",
44
- id: "107",
45
- children: [
46
- {
47
- label: "Appointment Management",
48
- value: "Appointment Management",
49
- id: "108",
50
- },
51
- {
52
- label: "Customer Service",
53
- value: "Customer Service",
54
- id: "109",
55
- },
56
- {
57
- label: "Energy",
58
- value: "Energy",
59
- id: "110",
60
- },
61
- ],
62
- },
63
- ],
64
- }] %>
65
-
66
-
67
-
68
-
69
- <%= pb_rails("multi_level_select", props: {
70
- id: "multi-level-select-seelcted_ids",
71
- name: "my_data_array_selected",
72
- return_all_selected: true,
73
- selected_ids:["110","102"],
74
- tree_data: treeData,
75
- }) %>
76
-
@@ -1,88 +0,0 @@
1
- import React from "react";
2
- import MultiLevelSelect from "../_multi_level_select";
3
-
4
- const treeData = [
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",
30
- },
31
- {
32
- label: "Learning & Development",
33
- value: "Learning & Development",
34
- id: "development1",
35
- },
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
- ];
70
-
71
- const MultiLevelSelectSelectedIds = (props) => {
72
- return (
73
- <div>
74
- <MultiLevelSelect
75
- id="multi-level-select-selected_ids"
76
- onSelect={(selectedNodes) =>
77
- console.log("Selected Items with Return All Selected Data", selectedNodes)
78
- }
79
- returnAllSelected
80
- selectedIds={["energy1","talent1"]}
81
- treeData={treeData}
82
- {...props}
83
- />
84
- </div>
85
- );
86
- };
87
-
88
- export default MultiLevelSelectSelectedIds;
@@ -1,3 +0,0 @@
1
- The `selectedIds` prop (`selected_ids` for Rails) allows you to pass in an array of ids that, if present, will mark the corresponding nodes on the treeData as checked on page load. The prop however is optional, and items that include checked:true on the treeData itself will also load checked data.
2
-
3
- When an item is marked as checked on page load, the dropdown will expand to show the checked items for easier accessibility.