playbook_ui_docs 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21323 → 13.10.0.pre.alpha.PLAY1046multilevelsingleselectphase21328
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_multi_level_select/docs/_multi_level_select_single.html.erb +0 -3
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +0 -3
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb +74 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx +88 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
- data/dist/playbook-doc.js +7 -7
- metadata +3 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: c253a572c95bf8dfeb4c9f06ae4b71c01e4b810142c52cbe704214347c239eda
|
|
4
|
+
data.tar.gz: ca922e05a6b85be7100384bb7484854dcaec1554a55f4d547b7d777dbf59b8e5
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: '08d2b3627c4145886bafff52c4710172c9e9768625d994454131bcf89ec7cdb0fce27d91afef02c64cec2c04bf205db80e5a120f1819c666bab00a3f0050627e'
|
|
7
|
+
data.tar.gz: 9204b9df7a613f1d11baec37c50ba1648fa97ea57c3aaba78106eb86fef84ef3b324bb04d1842d6f8b3cb1d689f004bc3902e582a65a8f98f8a11b2b34ea529d
|
|
@@ -9,7 +9,6 @@
|
|
|
9
9
|
value: "People",
|
|
10
10
|
id: "201",
|
|
11
11
|
expanded: true,
|
|
12
|
-
hidden: true,
|
|
13
12
|
children: [
|
|
14
13
|
{
|
|
15
14
|
label: "Talent Acquisition",
|
|
@@ -20,7 +19,6 @@
|
|
|
20
19
|
label: "Business Affairs",
|
|
21
20
|
value: "Business Affairs",
|
|
22
21
|
id: "203",
|
|
23
|
-
hidden: true,
|
|
24
22
|
children: [
|
|
25
23
|
{
|
|
26
24
|
label: "Initiatives",
|
|
@@ -45,7 +43,6 @@
|
|
|
45
43
|
label: "Contact Center",
|
|
46
44
|
value: "Contact Center",
|
|
47
45
|
id: "207",
|
|
48
|
-
hidden: true,
|
|
49
46
|
children: [
|
|
50
47
|
{
|
|
51
48
|
label: "Appointment Management",
|
|
@@ -13,7 +13,6 @@ const treeData = [
|
|
|
13
13
|
value: "People",
|
|
14
14
|
id: "people2",
|
|
15
15
|
expanded: true,
|
|
16
|
-
hidden: true,
|
|
17
16
|
children: [
|
|
18
17
|
{
|
|
19
18
|
label: "Talent Acquisition",
|
|
@@ -24,7 +23,6 @@ const treeData = [
|
|
|
24
23
|
label: "Business Affairs",
|
|
25
24
|
value: "Business Affairs",
|
|
26
25
|
id: "business2",
|
|
27
|
-
hidden: true,
|
|
28
26
|
children: [
|
|
29
27
|
{
|
|
30
28
|
label: "Initiatives",
|
|
@@ -49,7 +47,6 @@ const treeData = [
|
|
|
49
47
|
label: "Contact Center",
|
|
50
48
|
value: "Contact Center",
|
|
51
49
|
id: "contact2",
|
|
52
|
-
hidden: true,
|
|
53
50
|
children: [
|
|
54
51
|
{
|
|
55
52
|
label: "Appointment Management",
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
<% treeData = [{
|
|
2
|
+
label: "Power Home Remodeling",
|
|
3
|
+
value: "Power Home Remodeling",
|
|
4
|
+
id: "300",
|
|
5
|
+
expanded: true,
|
|
6
|
+
children: [
|
|
7
|
+
{
|
|
8
|
+
label: "People",
|
|
9
|
+
value: "People",
|
|
10
|
+
id: "301",
|
|
11
|
+
expanded: true,
|
|
12
|
+
children: [
|
|
13
|
+
{
|
|
14
|
+
label: "Talent Acquisition",
|
|
15
|
+
value: "Talent Acquisition",
|
|
16
|
+
id: "302",
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
label: "Business Affairs",
|
|
20
|
+
value: "Business Affairs",
|
|
21
|
+
id: "303",
|
|
22
|
+
children: [
|
|
23
|
+
{
|
|
24
|
+
label: "Initiatives",
|
|
25
|
+
value: "Initiatives",
|
|
26
|
+
id: "304",
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
label: "Learning & Development",
|
|
30
|
+
value: "Learning & Development",
|
|
31
|
+
id: "305",
|
|
32
|
+
},
|
|
33
|
+
],
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
label: "People Experience",
|
|
37
|
+
value: "People Experience",
|
|
38
|
+
id: "306",
|
|
39
|
+
},
|
|
40
|
+
],
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
label: "Contact Center",
|
|
44
|
+
value: "Contact Center",
|
|
45
|
+
id: "307",
|
|
46
|
+
children: [
|
|
47
|
+
{
|
|
48
|
+
label: "Appointment Management",
|
|
49
|
+
value: "Appointment Management",
|
|
50
|
+
id: "308",
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
label: "Customer Service",
|
|
54
|
+
value: "Customer Service",
|
|
55
|
+
id: "309",
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
label: "Energy",
|
|
59
|
+
value: "Energy",
|
|
60
|
+
id: "310",
|
|
61
|
+
},
|
|
62
|
+
],
|
|
63
|
+
},
|
|
64
|
+
],
|
|
65
|
+
}] %>
|
|
66
|
+
|
|
67
|
+
<%= pb_rails("multi_level_select", props: {
|
|
68
|
+
id: "multi-level-select-single-children-only-rails",
|
|
69
|
+
name: "my_single_children_only_select_array",
|
|
70
|
+
tree_data: treeData,
|
|
71
|
+
input_name: "PowerChildren",
|
|
72
|
+
ultimate_children_only: true,
|
|
73
|
+
variant: "single"
|
|
74
|
+
}) %>
|
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx
ADDED
|
@@ -0,0 +1,88 @@
|
|
|
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: "powerhome3",
|
|
9
|
+
expanded: true,
|
|
10
|
+
children: [
|
|
11
|
+
{
|
|
12
|
+
label: "People",
|
|
13
|
+
value: "People",
|
|
14
|
+
id: "people3",
|
|
15
|
+
expanded: true,
|
|
16
|
+
children: [
|
|
17
|
+
{
|
|
18
|
+
label: "Talent Acquisition",
|
|
19
|
+
value: "Talent Acquisition",
|
|
20
|
+
id: "talent3",
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
label: "Business Affairs",
|
|
24
|
+
value: "Business Affairs",
|
|
25
|
+
id: "business3",
|
|
26
|
+
children: [
|
|
27
|
+
{
|
|
28
|
+
label: "Initiatives",
|
|
29
|
+
value: "Initiatives",
|
|
30
|
+
id: "initiative3",
|
|
31
|
+
},
|
|
32
|
+
{
|
|
33
|
+
label: "Learning & Development",
|
|
34
|
+
value: "Learning & Development",
|
|
35
|
+
id: "development3",
|
|
36
|
+
},
|
|
37
|
+
],
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
label: "People Experience",
|
|
41
|
+
value: "People Experience",
|
|
42
|
+
id: "experience3",
|
|
43
|
+
},
|
|
44
|
+
],
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
label: "Contact Center",
|
|
48
|
+
value: "Contact Center",
|
|
49
|
+
id: "contact3",
|
|
50
|
+
children: [
|
|
51
|
+
{
|
|
52
|
+
label: "Appointment Management",
|
|
53
|
+
value: "Appointment Management",
|
|
54
|
+
id: "appointment3",
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
label: "Customer Service",
|
|
58
|
+
value: "Customer Service",
|
|
59
|
+
id: "customer3",
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
label: "Energy",
|
|
63
|
+
value: "Energy",
|
|
64
|
+
id: "energy3",
|
|
65
|
+
},
|
|
66
|
+
],
|
|
67
|
+
},
|
|
68
|
+
],
|
|
69
|
+
},
|
|
70
|
+
];
|
|
71
|
+
|
|
72
|
+
const MultiLevelSelectSingleChildrenOnly = (props) => {
|
|
73
|
+
return (
|
|
74
|
+
<div>
|
|
75
|
+
<MultiLevelSelect
|
|
76
|
+
id="multiselect-single-children-only"
|
|
77
|
+
inputName="PowerChildren"
|
|
78
|
+
onSelect={(selectedNode) => console.log("Selected Node", selectedNode)}
|
|
79
|
+
treeData={treeData}
|
|
80
|
+
ultimateChildrenOnly
|
|
81
|
+
variant="single"
|
|
82
|
+
{...props}
|
|
83
|
+
/>
|
|
84
|
+
</div>
|
|
85
|
+
)
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
export default MultiLevelSelectSingleChildrenOnly;
|
|
@@ -2,6 +2,7 @@ examples:
|
|
|
2
2
|
rails:
|
|
3
3
|
- multi_level_select_default: Default
|
|
4
4
|
- multi_level_select_single: Single Select
|
|
5
|
+
- multi_level_select_single_children_only: Single Select Ultimate Children Only
|
|
5
6
|
- multi_level_select_return_all_selected: Return All Selected
|
|
6
7
|
- multi_level_select_selected_ids: Selected Ids
|
|
7
8
|
- multi_level_select_with_form: With Form
|
|
@@ -9,5 +10,6 @@ examples:
|
|
|
9
10
|
react:
|
|
10
11
|
- multi_level_select_default: Default
|
|
11
12
|
- multi_level_select_single: Single Select
|
|
13
|
+
- multi_level_select_single_children_only: Single Select Ultimate Children Only
|
|
12
14
|
- multi_level_select_return_all_selected: Return All Selected
|
|
13
15
|
- multi_level_select_selected_ids: Selected Ids
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as MultiLevelSelectDefault } from './_multi_level_select_default.jsx'
|
|
2
2
|
export { default as MultiLevelSelectSingle } from './_multi_level_select_single.jsx'
|
|
3
|
+
export { default as MultiLevelSelectSingleChildrenOnly } from './_multi_level_select_single_children_only.jsx'
|
|
3
4
|
export { default as MultiLevelSelectReturnAllSelected } from './_multi_level_select_return_all_selected.jsx'
|
|
4
5
|
export { default as MultiLevelSelectSelectedIds } from "./_multi_level_select_selected_ids.jsx"
|