playbook_ui 12.26.0.pre.alpha.railsmultilevelimprovements805 → 12.26.1
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/_helper_functions.tsx +47 -125
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +190 -259
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +2 -2
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +2 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx +1 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -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 -6
- data/dist/playbook-rails.js +5 -5
- data/lib/playbook/forms/builder.rb +0 -1
- data/lib/playbook/version.rb +1 -1
- metadata +7 -11
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_complete_data.html.erb +0 -73
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_complete_data.jsx +0 -87
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb +0 -72
- data/lib/playbook/forms/builder/multi_level_select_field.rb +0 -12
@@ -10,7 +10,6 @@ module Playbook
|
|
10
10
|
require_relative "builder/form_field_builder"
|
11
11
|
require_relative "builder/select_field"
|
12
12
|
require_relative "builder/typeahead_field"
|
13
|
-
require_relative "builder/multi_level_select_field"
|
14
13
|
|
15
14
|
prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
|
16
15
|
prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 12.26.
|
4
|
+
version: 12.26.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2023-06-
|
12
|
+
date: 2023-06-22 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -1435,9 +1435,6 @@ files:
|
|
1435
1435
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
|
1436
1436
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
|
1437
1437
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
|
1438
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_complete_data.html.erb
|
1439
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_complete_data.jsx
|
1440
|
-
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
|
1441
1438
|
- app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
|
1442
1439
|
- app/pb_kits/playbook/pb_multi_level_select/docs/index.js
|
1443
1440
|
- app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb
|
@@ -2452,7 +2449,6 @@ files:
|
|
2452
2449
|
- lib/playbook/forms/builder/collection_select_field.rb
|
2453
2450
|
- lib/playbook/forms/builder/date_picker_field.rb
|
2454
2451
|
- lib/playbook/forms/builder/form_field_builder.rb
|
2455
|
-
- lib/playbook/forms/builder/multi_level_select_field.rb
|
2456
2452
|
- lib/playbook/forms/builder/select_field.rb
|
2457
2453
|
- lib/playbook/forms/builder/typeahead_field.rb
|
2458
2454
|
- lib/playbook/justify_content.rb
|
@@ -2491,7 +2487,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
2491
2487
|
licenses:
|
2492
2488
|
- ISC
|
2493
2489
|
metadata: {}
|
2494
|
-
post_install_message:
|
2490
|
+
post_install_message:
|
2495
2491
|
rdoc_options: []
|
2496
2492
|
require_paths:
|
2497
2493
|
- lib
|
@@ -2502,12 +2498,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
2502
2498
|
version: '0'
|
2503
2499
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
2504
2500
|
requirements:
|
2505
|
-
- - "
|
2501
|
+
- - ">="
|
2506
2502
|
- !ruby/object:Gem::Version
|
2507
|
-
version:
|
2503
|
+
version: '0'
|
2508
2504
|
requirements: []
|
2509
2505
|
rubygems_version: 3.3.7
|
2510
|
-
signing_key:
|
2506
|
+
signing_key:
|
2511
2507
|
specification_version: 4
|
2512
2508
|
summary: Playbook Design System
|
2513
2509
|
test_files: []
|
@@ -1,73 +0,0 @@
|
|
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
|
-
children: [
|
12
|
-
{
|
13
|
-
label: "Talent Acquisition",
|
14
|
-
value: "Talent Acquisition",
|
15
|
-
id: "talent1",
|
16
|
-
},
|
17
|
-
{
|
18
|
-
label: "Business Affairs",
|
19
|
-
value: "Business Affairs",
|
20
|
-
id: "business1",
|
21
|
-
children: [
|
22
|
-
{
|
23
|
-
label: "Initiatives",
|
24
|
-
value: "Initiatives",
|
25
|
-
id: "initiative1",
|
26
|
-
},
|
27
|
-
{
|
28
|
-
label: "Learning & Development",
|
29
|
-
value: "Learning & Development",
|
30
|
-
id: "development1",
|
31
|
-
},
|
32
|
-
],
|
33
|
-
},
|
34
|
-
{
|
35
|
-
label: "People Experience",
|
36
|
-
value: "People Experience",
|
37
|
-
id: "experience1",
|
38
|
-
},
|
39
|
-
],
|
40
|
-
},
|
41
|
-
{
|
42
|
-
label: "Contact Center",
|
43
|
-
value: "Contact Center",
|
44
|
-
id: "contact1",
|
45
|
-
children: [
|
46
|
-
{
|
47
|
-
label: "Appointment Management",
|
48
|
-
value: "Appointment Management",
|
49
|
-
id: "appointment1",
|
50
|
-
},
|
51
|
-
{
|
52
|
-
label: "Customer Service",
|
53
|
-
value: "Customer Service",
|
54
|
-
id: "customer1",
|
55
|
-
},
|
56
|
-
{
|
57
|
-
label: "Energy",
|
58
|
-
value: "Energy",
|
59
|
-
id: "energy1",
|
60
|
-
},
|
61
|
-
],
|
62
|
-
},
|
63
|
-
],
|
64
|
-
}] %>
|
65
|
-
|
66
|
-
|
67
|
-
<%= pb_rails("multi_level_select", props: {
|
68
|
-
id: "default-multi-level-select",
|
69
|
-
tree_data: treeData,
|
70
|
-
return_complete_data: true
|
71
|
-
}) %>
|
72
|
-
|
73
|
-
|
data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_complete_data.jsx
DELETED
@@ -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: "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 MultiLevelSelectDefault = (props) => {
|
72
|
-
return (
|
73
|
-
<div>
|
74
|
-
<MultiLevelSelect
|
75
|
-
id='multiselect-default'
|
76
|
-
onSelect={(selectedNodes) =>
|
77
|
-
console.log("Selected Items with Complete Data", selectedNodes)
|
78
|
-
}
|
79
|
-
returnCompleteData
|
80
|
-
treeData={treeData}
|
81
|
-
{...props}
|
82
|
-
/>
|
83
|
-
</div>
|
84
|
-
)
|
85
|
-
}
|
86
|
-
|
87
|
-
export default MultiLevelSelectDefault
|
@@ -1,72 +0,0 @@
|
|
1
|
-
<%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
|
2
|
-
|
3
|
-
<% treeData = [{
|
4
|
-
label: "Power Home Remodeling",
|
5
|
-
value: "Power Home Remodeling",
|
6
|
-
id: "powerhome1",
|
7
|
-
expanded: true,
|
8
|
-
children: [
|
9
|
-
{
|
10
|
-
label: "People",
|
11
|
-
value: "People",
|
12
|
-
id: "people1",
|
13
|
-
children: [
|
14
|
-
{
|
15
|
-
label: "Talent Acquisition",
|
16
|
-
value: "Talent Acquisition",
|
17
|
-
id: "talent1",
|
18
|
-
},
|
19
|
-
{
|
20
|
-
label: "Business Affairs",
|
21
|
-
value: "Business Affairs",
|
22
|
-
id: "business1",
|
23
|
-
children: [
|
24
|
-
{
|
25
|
-
label: "Initiatives",
|
26
|
-
value: "Initiatives",
|
27
|
-
id: "initiative1",
|
28
|
-
},
|
29
|
-
{
|
30
|
-
label: "Learning & Development",
|
31
|
-
value: "Learning & Development",
|
32
|
-
id: "development1",
|
33
|
-
},
|
34
|
-
],
|
35
|
-
},
|
36
|
-
{
|
37
|
-
label: "People Experience",
|
38
|
-
value: "People Experience",
|
39
|
-
id: "experience1",
|
40
|
-
},
|
41
|
-
],
|
42
|
-
},
|
43
|
-
{
|
44
|
-
label: "Contact Center",
|
45
|
-
value: "Contact Center",
|
46
|
-
id: "contact1",
|
47
|
-
children: [
|
48
|
-
{
|
49
|
-
label: "Appointment Management",
|
50
|
-
value: "Appointment Management",
|
51
|
-
id: "appointment1",
|
52
|
-
},
|
53
|
-
{
|
54
|
-
label: "Customer Service",
|
55
|
-
value: "Customer Service",
|
56
|
-
id: "customer1",
|
57
|
-
},
|
58
|
-
{
|
59
|
-
label: "Energy",
|
60
|
-
value: "Energy",
|
61
|
-
id: "energy1",
|
62
|
-
},
|
63
|
-
],
|
64
|
-
},
|
65
|
-
],
|
66
|
-
}] %>
|
67
|
-
|
68
|
-
<%= form.multi_level_select :example, props: {id: "with-form-multi-level-select", tree_data: treeData, return_all_selected: true } %>
|
69
|
-
<%= form.actions do |action| %>
|
70
|
-
<%= action.button props: { type: "submit", text: "Submit", variant: "primary", margin_top: "lg" } %>
|
71
|
-
<% end %>
|
72
|
-
<% end %>
|