playbook_ui 12.26.0.pre.alpha.railsmultilevelimprovements805 → 12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831
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_date_picker/_date_picker.scss +26 -0
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +102 -95
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +18 -2
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +15 -4
- data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +84 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +38 -4
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.html.erb +12 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md +3 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.html.erb +12 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.jsx +18 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.jsx +17 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +3 -1
- data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +168 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss +3 -2
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_quick_pick_styles.scss +75 -0
- 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/app/pb_kits/playbook/pb_nav/_item.tsx +1 -1
- data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +1 -1
- data/dist/playbook-rails.js +279 -7
- data/lib/playbook/forms/builder.rb +0 -1
- data/lib/playbook/version.rb +2 -2
- metadata +11 -6
- 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,7 +1,7 @@
|
|
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.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831
|
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-06-
|
12
|
+
date: 2023-06-23 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -723,6 +723,13 @@ files:
|
|
723
723
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md
|
724
724
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
|
725
725
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx
|
726
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.html.erb
|
727
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md
|
728
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.html.erb
|
729
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.jsx
|
730
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.md
|
731
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.jsx
|
732
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md
|
726
733
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
|
727
734
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
|
728
735
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
|
@@ -737,6 +744,7 @@ files:
|
|
737
744
|
- app/pb_kits/playbook/pb_date_picker/docs/_description.md
|
738
745
|
- app/pb_kits/playbook/pb_date_picker/docs/example.yml
|
739
746
|
- app/pb_kits/playbook/pb_date_picker/docs/index.js
|
747
|
+
- app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx
|
740
748
|
- app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.ts
|
741
749
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
|
742
750
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss
|
@@ -746,6 +754,7 @@ files:
|
|
746
754
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
|
747
755
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss
|
748
756
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
|
757
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_quick_pick_styles.scss
|
749
758
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
|
750
759
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss
|
751
760
|
- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
|
@@ -1435,9 +1444,6 @@ files:
|
|
1435
1444
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
|
1436
1445
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
|
1437
1446
|
- 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
1447
|
- app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
|
1442
1448
|
- app/pb_kits/playbook/pb_multi_level_select/docs/index.js
|
1443
1449
|
- app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb
|
@@ -2452,7 +2458,6 @@ files:
|
|
2452
2458
|
- lib/playbook/forms/builder/collection_select_field.rb
|
2453
2459
|
- lib/playbook/forms/builder/date_picker_field.rb
|
2454
2460
|
- lib/playbook/forms/builder/form_field_builder.rb
|
2455
|
-
- lib/playbook/forms/builder/multi_level_select_field.rb
|
2456
2461
|
- lib/playbook/forms/builder/select_field.rb
|
2457
2462
|
- lib/playbook/forms/builder/typeahead_field.rb
|
2458
2463
|
- lib/playbook/justify_content.rb
|
@@ -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 %>
|