playbook_ui 14.16.0.pre.rc.5 → 14.16.0.pre.rc.6
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_draggable/docs/_draggable_default.jsx +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +5 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +14 -5
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb +76 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx +94 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.md +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb +75 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx +93 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.md +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb +75 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx +93 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.md +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb +74 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx +92 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.md +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +10 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +4 -0
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select_options.tsx +1 -0
- data/dist/chunks/{_typeahead-D720juMS.js → _typeahead-CRAPc8k-.js} +1 -1
- data/dist/chunks/{_weekday_stacked-D_IMHltv.js → _weekday_stacked-T0kFfioG.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +15 -3
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
<% treeData = [{
|
|
2
|
+
label: "Power Home Remodeling",
|
|
3
|
+
value: "Power Home Remodeling",
|
|
4
|
+
id: "powerhome1",
|
|
5
|
+
expanded: true,
|
|
6
|
+
children: [
|
|
7
|
+
{
|
|
8
|
+
label: "People",
|
|
9
|
+
value: "People",
|
|
10
|
+
id: "people1",
|
|
11
|
+
expanded: true,
|
|
12
|
+
children: [
|
|
13
|
+
{
|
|
14
|
+
label: "Talent Acquisition",
|
|
15
|
+
value: "Talent Acquisition",
|
|
16
|
+
id: "talent1",
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
label: "Business Affairs",
|
|
20
|
+
value: "Business Affairs",
|
|
21
|
+
id: "business1",
|
|
22
|
+
expanded: true,
|
|
23
|
+
disabled: true,
|
|
24
|
+
children: [
|
|
25
|
+
{
|
|
26
|
+
label: "Initiatives",
|
|
27
|
+
value: "Initiatives",
|
|
28
|
+
id: "initiative1",
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
label: "Learning & Development",
|
|
32
|
+
value: "Learning & Development",
|
|
33
|
+
id: "development1",
|
|
34
|
+
},
|
|
35
|
+
],
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
label: "People Experience",
|
|
39
|
+
value: "People Experience",
|
|
40
|
+
id: "experience1",
|
|
41
|
+
},
|
|
42
|
+
],
|
|
43
|
+
},
|
|
44
|
+
{
|
|
45
|
+
label: "Contact Center",
|
|
46
|
+
value: "Contact Center",
|
|
47
|
+
id: "contact1",
|
|
48
|
+
children: [
|
|
49
|
+
{
|
|
50
|
+
label: "Appointment Management",
|
|
51
|
+
value: "Appointment Management",
|
|
52
|
+
id: "appointment1",
|
|
53
|
+
},
|
|
54
|
+
{
|
|
55
|
+
label: "Customer Service",
|
|
56
|
+
value: "Customer Service",
|
|
57
|
+
id: "customer1",
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
label: "Energy",
|
|
61
|
+
value: "Energy",
|
|
62
|
+
id: "energy1",
|
|
63
|
+
},
|
|
64
|
+
],
|
|
65
|
+
},
|
|
66
|
+
],
|
|
67
|
+
}] %>
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
<%= pb_rails("multi_level_select", props: {
|
|
71
|
+
id: "mls-disabled-options-parent-default-rails",
|
|
72
|
+
name: "disabled_options_parent_default",
|
|
73
|
+
tree_data: treeData
|
|
74
|
+
}) %>
|
|
@@ -0,0 +1,92 @@
|
|
|
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
|
+
expanded: true,
|
|
16
|
+
children: [
|
|
17
|
+
{
|
|
18
|
+
label: "Talent Acquisition",
|
|
19
|
+
value: "Talent Acquisition",
|
|
20
|
+
id: "talent1",
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
label: "Business Affairs",
|
|
24
|
+
value: "Business Affairs",
|
|
25
|
+
id: "business1",
|
|
26
|
+
expanded: true,
|
|
27
|
+
disabled: true,
|
|
28
|
+
children: [
|
|
29
|
+
{
|
|
30
|
+
label: "Initiatives",
|
|
31
|
+
value: "Initiatives",
|
|
32
|
+
id: "initiative1",
|
|
33
|
+
},
|
|
34
|
+
{
|
|
35
|
+
label: "Learning & Development",
|
|
36
|
+
value: "Learning & Development",
|
|
37
|
+
id: "development1",
|
|
38
|
+
},
|
|
39
|
+
],
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
label: "People Experience",
|
|
43
|
+
value: "People Experience",
|
|
44
|
+
id: "experience1",
|
|
45
|
+
},
|
|
46
|
+
],
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
label: "Contact Center",
|
|
50
|
+
value: "Contact Center",
|
|
51
|
+
id: "contact1",
|
|
52
|
+
children: [
|
|
53
|
+
{
|
|
54
|
+
label: "Appointment Management",
|
|
55
|
+
value: "Appointment Management",
|
|
56
|
+
id: "appointment1",
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
label: "Customer Service",
|
|
60
|
+
value: "Customer Service",
|
|
61
|
+
id: "customer1",
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
label: "Energy",
|
|
65
|
+
value: "Energy",
|
|
66
|
+
id: "energy1",
|
|
67
|
+
},
|
|
68
|
+
],
|
|
69
|
+
},
|
|
70
|
+
],
|
|
71
|
+
},
|
|
72
|
+
];
|
|
73
|
+
|
|
74
|
+
const MultiLevelSelectDisabledOptionsParentDefault = (props) => {
|
|
75
|
+
return (
|
|
76
|
+
<div>
|
|
77
|
+
<MultiLevelSelect
|
|
78
|
+
id='multiselect-disabled-options-parent-default'
|
|
79
|
+
onSelect={(selectedNodes) =>
|
|
80
|
+
console.log(
|
|
81
|
+
"Selected Items",
|
|
82
|
+
selectedNodes
|
|
83
|
+
)
|
|
84
|
+
}
|
|
85
|
+
treeData={treeData}
|
|
86
|
+
{...props}
|
|
87
|
+
/>
|
|
88
|
+
</div>
|
|
89
|
+
)
|
|
90
|
+
};
|
|
91
|
+
|
|
92
|
+
export default MultiLevelSelectDisabledOptionsParentDefault;
|
|
@@ -8,7 +8,11 @@ examples:
|
|
|
8
8
|
- multi_level_select_with_form: With Form
|
|
9
9
|
- multi_level_select_color: With Pills (Custom Color)
|
|
10
10
|
- multi_level_select_reset: Reset Selection
|
|
11
|
-
- multi_level_select_disabled: Disabled
|
|
11
|
+
- multi_level_select_disabled: Disabled Input
|
|
12
|
+
- multi_level_select_disabled_options_default: Disabled Options (Default)
|
|
13
|
+
- multi_level_select_disabled_options: Disabled Options (Return All Selected)
|
|
14
|
+
- multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
|
|
15
|
+
- multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
|
|
12
16
|
|
|
13
17
|
react:
|
|
14
18
|
- multi_level_select_default: Default
|
|
@@ -20,4 +24,8 @@ examples:
|
|
|
20
24
|
- multi_level_select_color: With Pills (Custom Color)
|
|
21
25
|
- multi_level_select_with_children: Checkboxes With Children
|
|
22
26
|
- multi_level_select_with_children_with_radios: Single Select With Children
|
|
23
|
-
- multi_level_select_disabled: Disabled
|
|
27
|
+
- multi_level_select_disabled: Disabled Input
|
|
28
|
+
- multi_level_select_disabled_options_default: Disabled Options (Default)
|
|
29
|
+
- multi_level_select_disabled_options: Disabled Options (Return All Selected)
|
|
30
|
+
- multi_level_select_disabled_options_parent_default: Disabled Parent Option (Default)
|
|
31
|
+
- multi_level_select_disabled_options_parent: Disabled Parent Option (Return All Selected)
|
|
@@ -8,3 +8,7 @@ export { default as MultiLevelSelectWithChildren } from './_multi_level_select_w
|
|
|
8
8
|
export { default as MultiLevelSelectWithChildrenWithRadios } from './_multi_level_select_with_children_with_radios.jsx'
|
|
9
9
|
export { default as MultiLevelSelectDisabled } from './_multi_level_select_disabled.jsx'
|
|
10
10
|
export { default as MultiLevelSelectReactHook } from './_multi_level_select_react_hook.jsx'
|
|
11
|
+
export { default as MultiLevelSelectDisabledOptions } from './_multi_level_select_disabled_options.jsx'
|
|
12
|
+
export { default as MultiLevelSelectDisabledOptionsParent } from './_multi_level_select_disabled_options_parent.jsx'
|
|
13
|
+
export { default as MultiLevelSelectDisabledOptionsParentDefault } from './_multi_level_select_disabled_options_parent_default.jsx'
|
|
14
|
+
export { default as MultiLevelSelectDisabledOptionsDefault } from './_multi_level_select_disabled_options_default.jsx'
|