playbook_ui_docs 12.30.1.pre.alpha.PLAY906multilevelselectedidsprop917 → 12.30.1.pre.alpha.hovertesting914
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_button/docs/_button_hover.jsx +130 -0
- data/app/pb_kits/playbook/pb_button/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_button/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_message/docs/_message_default.jsx +33 -45
- data/app/pb_kits/playbook/pb_message/docs/_message_hover.jsx +41 -0
- data/app/pb_kits/playbook/pb_message/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_message/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -2
- data/dist/playbook-doc.js +61 -61
- metadata +4 -5
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +0 -76
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx +0 -88
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +0 -3
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui_docs
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 12.30.1.pre.alpha.
|
4
|
+
version: 12.30.1.pre.alpha.hovertesting914
|
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-07-
|
12
|
+
date: 2023-07-12 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: playbook_ui
|
@@ -146,6 +146,7 @@ files:
|
|
146
146
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
|
147
147
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
|
148
148
|
- app/pb_kits/playbook/pb_button/docs/_button_full_width.md
|
149
|
+
- app/pb_kits/playbook/pb_button/docs/_button_hover.jsx
|
149
150
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.html.erb
|
150
151
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx
|
151
152
|
- app/pb_kits/playbook/pb_button/docs/_button_icon_options.md
|
@@ -837,6 +838,7 @@ files:
|
|
837
838
|
- app/pb_kits/playbook/pb_message/docs/_message_default.html.erb
|
838
839
|
- app/pb_kits/playbook/pb_message/docs/_message_default.jsx
|
839
840
|
- app/pb_kits/playbook/pb_message/docs/_message_default.md
|
841
|
+
- app/pb_kits/playbook/pb_message/docs/_message_hover.jsx
|
840
842
|
- app/pb_kits/playbook/pb_message/docs/_message_timestamp.html.erb
|
841
843
|
- app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx
|
842
844
|
- app/pb_kits/playbook/pb_message/docs/example.yml
|
@@ -847,9 +849,6 @@ files:
|
|
847
849
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
|
848
850
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
|
849
851
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
|
850
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
|
851
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx
|
852
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
|
853
852
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
|
854
853
|
- app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
|
855
854
|
- app/pb_kits/playbook/pb_multi_level_select/docs/index.js
|
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
DELETED
@@ -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.
|