playbook_ui_docs 14.15.0.pre.alpha.play1854reacthookmultilvlselect6572 → 14.15.0.pre.alpha.play1910emptystatekitreactbeta6579
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +38 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +19 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +35 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +7 -0
- data/app/pb_kits/playbook/pb_empty_state/docs/index.js +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +0 -1
- data/dist/playbook-doc.js +1 -1
- metadata +6 -3
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx +0 -91
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md +0 -1
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: 14.15.0.pre.alpha.
|
|
4
|
+
version: 14.15.0.pre.alpha.play1910emptystatekitreactbeta6579
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -786,6 +786,11 @@ files:
|
|
|
786
786
|
- app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
|
|
787
787
|
- app/pb_kits/playbook/pb_dropdown/docs/example.yml
|
|
788
788
|
- app/pb_kits/playbook/pb_dropdown/docs/index.js
|
|
789
|
+
- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
|
|
790
|
+
- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
|
|
791
|
+
- app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
|
|
792
|
+
- app/pb_kits/playbook/pb_empty_state/docs/example.yml
|
|
793
|
+
- app/pb_kits/playbook/pb_empty_state/docs/index.js
|
|
789
794
|
- app/pb_kits/playbook/pb_file_upload/docs/_description.md
|
|
790
795
|
- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx
|
|
791
796
|
- app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom.html.erb
|
|
@@ -1263,8 +1268,6 @@ files:
|
|
|
1263
1268
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
|
|
1264
1269
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
|
|
1265
1270
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
|
|
1266
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx
|
|
1267
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md
|
|
1268
1271
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
|
|
1269
1272
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
|
|
1270
1273
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
import React from "react"
|
|
2
|
-
import MultiLevelSelect from "../_multi_level_select"
|
|
3
|
-
import { useForm } from "react-hook-form"
|
|
4
|
-
|
|
5
|
-
const treeData = [
|
|
6
|
-
{
|
|
7
|
-
label: "Power Home Remodeling",
|
|
8
|
-
value: "Power Home Remodeling",
|
|
9
|
-
id: "powerhome1",
|
|
10
|
-
expanded: true,
|
|
11
|
-
children: [
|
|
12
|
-
{
|
|
13
|
-
label: "People",
|
|
14
|
-
value: "People",
|
|
15
|
-
id: "people1",
|
|
16
|
-
expanded: true,
|
|
17
|
-
children: [
|
|
18
|
-
{
|
|
19
|
-
label: "Talent Acquisition",
|
|
20
|
-
value: "Talent Acquisition",
|
|
21
|
-
id: "talent1",
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
label: "Business Affairs",
|
|
25
|
-
value: "Business Affairs",
|
|
26
|
-
id: "business1",
|
|
27
|
-
children: [
|
|
28
|
-
{
|
|
29
|
-
label: "Initiatives",
|
|
30
|
-
value: "Initiatives",
|
|
31
|
-
id: "initiative1",
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
label: "Learning & Development",
|
|
35
|
-
value: "Learning & Development",
|
|
36
|
-
id: "development1",
|
|
37
|
-
},
|
|
38
|
-
],
|
|
39
|
-
},
|
|
40
|
-
{
|
|
41
|
-
label: "People Experience",
|
|
42
|
-
value: "People Experience",
|
|
43
|
-
id: "experience1",
|
|
44
|
-
},
|
|
45
|
-
],
|
|
46
|
-
},
|
|
47
|
-
{
|
|
48
|
-
label: "Contact Center",
|
|
49
|
-
value: "Contact Center",
|
|
50
|
-
id: "contact1",
|
|
51
|
-
children: [
|
|
52
|
-
{
|
|
53
|
-
label: "Appointment Management",
|
|
54
|
-
value: "Appointment Management",
|
|
55
|
-
id: "appointment1",
|
|
56
|
-
},
|
|
57
|
-
{
|
|
58
|
-
label: "Customer Service",
|
|
59
|
-
value: "Customer Service",
|
|
60
|
-
id: "customer1",
|
|
61
|
-
},
|
|
62
|
-
{
|
|
63
|
-
label: "Energy",
|
|
64
|
-
value: "Energy",
|
|
65
|
-
id: "energy1",
|
|
66
|
-
},
|
|
67
|
-
],
|
|
68
|
-
},
|
|
69
|
-
],
|
|
70
|
-
},
|
|
71
|
-
]
|
|
72
|
-
|
|
73
|
-
const MultiLevelSelectReactHook = (props) => {
|
|
74
|
-
const { register, watch } = useForm()
|
|
75
|
-
const selectedItems = watch("departments")
|
|
76
|
-
selectedItems && console.log("Selected Items", selectedItems)
|
|
77
|
-
|
|
78
|
-
return (
|
|
79
|
-
<div>
|
|
80
|
-
<MultiLevelSelect
|
|
81
|
-
id="multiselect-default"
|
|
82
|
-
marginBottom="md"
|
|
83
|
-
treeData={treeData}
|
|
84
|
-
{...register("departments")}
|
|
85
|
-
{...props}
|
|
86
|
-
/>
|
|
87
|
-
</div>
|
|
88
|
-
)
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
export default MultiLevelSelectReactHook
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
You can pass `react-hook-form` props to the Typeahead kit. Check your console to see the full data selected from this example.
|