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.
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