playbook_ui 13.9.0.pre.alpha.PLAY962SingleSelect1261 → 13.9.0.pre.alpha.play845addswiftkitspage1273
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +22 -27
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +1 -2
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +111 -258
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +7 -6
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +2 -3
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +0 -7
- data/dist/menu.yml +281 -110
- data/dist/playbook-rails.js +5 -5
- data/lib/playbook/pb_doc_helper.rb +12 -1
- data/lib/playbook/version.rb +1 -1
- metadata +2 -4
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +0 -73
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +0 -87
@@ -46,7 +46,18 @@ module Playbook
|
|
46
46
|
# rubocop:disable Naming/AccessorMethodName
|
47
47
|
def get_kits
|
48
48
|
menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
|
49
|
-
|
49
|
+
all_kits = []
|
50
|
+
menu["kits"].each do |kit|
|
51
|
+
kit_name = kit["name"]
|
52
|
+
components = kit["components"].map { |c| c["name"] }
|
53
|
+
|
54
|
+
all_kits << if components.size == 1
|
55
|
+
components.first
|
56
|
+
else
|
57
|
+
{ kit_name => components }
|
58
|
+
end
|
59
|
+
end
|
60
|
+
all_kits
|
50
61
|
end
|
51
62
|
|
52
63
|
def get_kits_pb_website
|
data/lib/playbook/version.rb
CHANGED
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: 13.9.0.pre.alpha.
|
4
|
+
version: 13.9.0.pre.alpha.play845addswiftkitspage1273
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-10-
|
12
|
+
date: 2023-10-06 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -1498,8 +1498,6 @@ files:
|
|
1498
1498
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
|
1499
1499
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx
|
1500
1500
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
|
1501
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb
|
1502
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx
|
1503
1501
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
|
1504
1502
|
- app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
|
1505
1503
|
- app/pb_kits/playbook/pb_multi_level_select/docs/index.js
|
@@ -1,73 +0,0 @@
|
|
1
|
-
<% treeData = [{
|
2
|
-
label: "Power Home Remodeling",
|
3
|
-
value: "Power Home Remodeling",
|
4
|
-
id: "200",
|
5
|
-
expanded: true,
|
6
|
-
children: [
|
7
|
-
{
|
8
|
-
label: "People",
|
9
|
-
value: "People",
|
10
|
-
id: "201",
|
11
|
-
expanded: true,
|
12
|
-
children: [
|
13
|
-
{
|
14
|
-
label: "Talent Acquisition",
|
15
|
-
value: "Talent Acquisition",
|
16
|
-
id: "202",
|
17
|
-
},
|
18
|
-
{
|
19
|
-
label: "Business Affairs",
|
20
|
-
value: "Business Affairs",
|
21
|
-
id: "203",
|
22
|
-
children: [
|
23
|
-
{
|
24
|
-
label: "Initiatives",
|
25
|
-
value: "Initiatives",
|
26
|
-
id: "204",
|
27
|
-
},
|
28
|
-
{
|
29
|
-
label: "Learning & Development",
|
30
|
-
value: "Learning & Development",
|
31
|
-
id: "205",
|
32
|
-
},
|
33
|
-
],
|
34
|
-
},
|
35
|
-
{
|
36
|
-
label: "People Experience",
|
37
|
-
value: "People Experience",
|
38
|
-
id: "206",
|
39
|
-
},
|
40
|
-
],
|
41
|
-
},
|
42
|
-
{
|
43
|
-
label: "Contact Center",
|
44
|
-
value: "Contact Center",
|
45
|
-
id: "207",
|
46
|
-
children: [
|
47
|
-
{
|
48
|
-
label: "Appointment Management",
|
49
|
-
value: "Appointment Management",
|
50
|
-
id: "208",
|
51
|
-
},
|
52
|
-
{
|
53
|
-
label: "Customer Service",
|
54
|
-
value: "Customer Service",
|
55
|
-
id: "209",
|
56
|
-
},
|
57
|
-
{
|
58
|
-
label: "Energy",
|
59
|
-
value: "Energy",
|
60
|
-
id: "210",
|
61
|
-
},
|
62
|
-
],
|
63
|
-
},
|
64
|
-
],
|
65
|
-
}] %>
|
66
|
-
|
67
|
-
<%= pb_rails("multi_level_select", props: {
|
68
|
-
id: "multi-level-select-single-rails",
|
69
|
-
name: "my_single_select_array",
|
70
|
-
tree_data: treeData,
|
71
|
-
input_name: "Power",
|
72
|
-
variant: "single"
|
73
|
-
}) %>
|
@@ -1,87 +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: "powerhome2",
|
9
|
-
expanded: true,
|
10
|
-
children: [
|
11
|
-
{
|
12
|
-
label: "People",
|
13
|
-
value: "People",
|
14
|
-
id: "people2",
|
15
|
-
expanded: true,
|
16
|
-
children: [
|
17
|
-
{
|
18
|
-
label: "Talent Acquisition",
|
19
|
-
value: "Talent Acquisition",
|
20
|
-
id: "talent2",
|
21
|
-
},
|
22
|
-
{
|
23
|
-
label: "Business Affairs",
|
24
|
-
value: "Business Affairs",
|
25
|
-
id: "business2",
|
26
|
-
children: [
|
27
|
-
{
|
28
|
-
label: "Initiatives",
|
29
|
-
value: "Initiatives",
|
30
|
-
id: "initiative2",
|
31
|
-
},
|
32
|
-
{
|
33
|
-
label: "Learning & Development",
|
34
|
-
value: "Learning & Development",
|
35
|
-
id: "development2",
|
36
|
-
},
|
37
|
-
],
|
38
|
-
},
|
39
|
-
{
|
40
|
-
label: "People Experience",
|
41
|
-
value: "People Experience",
|
42
|
-
id: "experience2",
|
43
|
-
},
|
44
|
-
],
|
45
|
-
},
|
46
|
-
{
|
47
|
-
label: "Contact Center",
|
48
|
-
value: "Contact Center",
|
49
|
-
id: "contact2",
|
50
|
-
children: [
|
51
|
-
{
|
52
|
-
label: "Appointment Management",
|
53
|
-
value: "Appointment Management",
|
54
|
-
id: "appointment2",
|
55
|
-
},
|
56
|
-
{
|
57
|
-
label: "Customer Service",
|
58
|
-
value: "Customer Service",
|
59
|
-
id: "customer2",
|
60
|
-
},
|
61
|
-
{
|
62
|
-
label: "Energy",
|
63
|
-
value: "Energy",
|
64
|
-
id: "energy2",
|
65
|
-
},
|
66
|
-
],
|
67
|
-
},
|
68
|
-
],
|
69
|
-
},
|
70
|
-
];
|
71
|
-
|
72
|
-
const MultiLevelSelectSingle = (props) => {
|
73
|
-
return (
|
74
|
-
<div>
|
75
|
-
<MultiLevelSelect
|
76
|
-
id="multiselect-single"
|
77
|
-
inputName="Power"
|
78
|
-
onSelect={(selectedNode) => console.log("Selected Node", selectedNode)}
|
79
|
-
treeData={treeData}
|
80
|
-
variant="single"
|
81
|
-
{...props}
|
82
|
-
/>
|
83
|
-
</div>
|
84
|
-
)
|
85
|
-
};
|
86
|
-
|
87
|
-
export default MultiLevelSelectSingle;
|