playbook_ui 12.26.0.pre.alpha.railsmultilevelimprovements805 → 12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831

Sign up to get free protection for your applications and to get access to all the features.
Files changed (39) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +26 -0
  3. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +102 -95
  4. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +18 -2
  5. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +15 -4
  6. data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +84 -1
  7. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +38 -4
  8. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.html.erb +12 -0
  9. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md +3 -0
  10. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.html.erb +12 -0
  11. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.jsx +18 -0
  12. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.md +1 -0
  13. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.jsx +17 -0
  14. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md +1 -0
  15. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -0
  16. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +3 -1
  17. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +168 -0
  18. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss +3 -2
  19. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_quick_pick_styles.scss +75 -0
  20. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +47 -125
  21. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +190 -259
  22. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +2 -2
  23. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +1 -1
  24. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +1 -1
  25. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +2 -1
  26. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx +1 -1
  27. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -3
  28. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -2
  29. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +0 -6
  30. data/app/pb_kits/playbook/pb_nav/_item.tsx +1 -1
  31. data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +1 -1
  32. data/dist/playbook-rails.js +279 -7
  33. data/lib/playbook/forms/builder.rb +0 -1
  34. data/lib/playbook/version.rb +2 -2
  35. metadata +11 -6
  36. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_complete_data.html.erb +0 -73
  37. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_complete_data.jsx +0 -87
  38. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb +0 -72
  39. 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"))
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "12.26.0"
5
- VERSION = "12.26.0.pre.alpha.railsmultilevelimprovements805"
4
+ PREVIOUS_VERSION = "12.26.1"
5
+ VERSION = "12.26.1.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown831"
6
6
  end
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.0.pre.alpha.railsmultilevelimprovements805
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-20 00:00:00.000000000 Z
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
-
@@ -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 %>
@@ -1,12 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module Playbook
4
- module Forms
5
- class Builder
6
- def multi_level_select(name, props: {})
7
- props[:name] = name
8
- @template.pb_rails("multi_level_select", props: props)
9
- end
10
- end
11
- end
12
- end