playbook_ui 12.19.0.pre.alpha.movemarkdown639 → 12.20.0.pre.alpha.movemarkdown668

Sign up to get free protection for your applications and to get access to all the features.
Files changed (58) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx +38 -0
  3. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +94 -0
  4. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss +33 -0
  5. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss +78 -0
  6. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +775 -0
  7. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +116 -0
  8. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss +173 -0
  9. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +68 -0
  10. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss +127 -0
  11. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +47 -0
  12. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss +64 -0
  13. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss +127 -0
  14. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx +25 -0
  15. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx +56 -0
  16. data/app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx +68 -0
  17. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +1 -2
  18. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +22 -7
  19. data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +32 -5
  20. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss +9 -4
  21. data/app/pb_kits/playbook/pb_selectable_card/_selectable_card.tsx +5 -3
  22. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +2 -1
  23. data/app/pb_kits/playbook/pb_table/styles/_alignment.scss +32 -0
  24. data/app/pb_kits/playbook/pb_table/styles/_all.scss +19 -0
  25. data/app/pb_kits/playbook/pb_table/styles/_content.scss +13 -0
  26. data/app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss +125 -0
  27. data/app/pb_kits/playbook/pb_table/styles/_headers.scss +16 -0
  28. data/app/pb_kits/playbook/pb_table/styles/_hover.scss +74 -0
  29. data/app/pb_kits/playbook/pb_table/styles/_mobile.scss +125 -0
  30. data/app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss +125 -0
  31. data/app/pb_kits/playbook/pb_table/styles/_reset.scss +17 -0
  32. data/app/pb_kits/playbook/pb_table/styles/_side_highlight.scss +24 -0
  33. data/app/pb_kits/playbook/pb_table/styles/_single-line.scss +34 -0
  34. data/app/pb_kits/playbook/pb_table/styles/_sticky_header.scss +23 -0
  35. data/app/pb_kits/playbook/pb_table/styles/_structure.scss +50 -0
  36. data/app/pb_kits/playbook/pb_table/styles/_table-card.scss +62 -0
  37. data/app/pb_kits/playbook/pb_table/styles/_table-dark.scss +100 -0
  38. data/app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss +125 -0
  39. data/app/pb_kits/playbook/pb_table/styles/_variables.scss +26 -0
  40. data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +16 -0
  41. data/app/pb_kits/playbook/pb_typeahead/{_typeahead.jsx → _typeahead.tsx} +24 -12
  42. data/app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.tsx +18 -0
  43. data/app/pb_kits/playbook/pb_typeahead/components/Control.tsx +28 -0
  44. data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.tsx +11 -0
  45. data/app/pb_kits/playbook/pb_typeahead/components/MenuList.tsx +10 -0
  46. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +66 -0
  47. data/app/pb_kits/playbook/pb_typeahead/components/Option.tsx +37 -0
  48. data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx +26 -0
  49. data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx +11 -0
  50. data/app/pb_kits/playbook/pb_typeahead/{index.js → index.ts} +37 -29
  51. data/app/pb_kits/playbook/pb_typeahead/types.d.ts +2 -0
  52. data/app/pb_kits/playbook/pb_user/_user.tsx +1 -1
  53. data/app/pb_kits/playbook/utilities/_positioning.scss +14 -0
  54. data/app/pb_kits/playbook/utilities/globalProps.ts +16 -4
  55. data/dist/playbook-rails.js +4 -4
  56. data/lib/playbook/version.rb +2 -2
  57. data/lib/playbook/z_index.rb +20 -7
  58. metadata +46 -4
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "12.19.0"
5
- VERSION = "12.19.0.pre.alpha.movemarkdown639"
4
+ PREVIOUS_VERSION = "12.20.0"
5
+ VERSION = "12.20.0.pre.alpha.movemarkdown668"
6
6
  end
@@ -16,16 +16,29 @@ module Playbook
16
16
  }
17
17
  end
18
18
 
19
- private
19
+ def screen_size_values
20
+ %w[xs sm md lg xl]
21
+ end
20
22
 
21
23
  def z_index_props
22
- selected_index_props = z_index_options.keys.select { |sk| try(sk) }
23
- return nil unless selected_index_props.present?
24
+ selected_props = z_index_options.keys.select { |sk| try(sk) }
25
+ return nil unless selected_props.present?
26
+
27
+ responsive = selected_props.present? && try(:z_index).is_a?(::Hash)
28
+ css = ""
29
+ if responsive
30
+ z_index_value = send(:z_index)
31
+ z_index_value.each do |key, value|
32
+ css += "z_index_#{key}_#{value} " if screen_size_values.include?(key.to_s) && z_index_values.include?(value.to_s)
33
+ end
34
+ else
35
+ selected_props.each do |k|
36
+ z_index_value = send(k)
37
+ css += "z_index_#{z_index_value} " if z_index_values.include? z_index_value
38
+ end
39
+ end
24
40
 
25
- selected_index_props.map do |k|
26
- index_value = send(k)
27
- "z_index_#{index_value}" if z_index_values.include? index_value
28
- end.compact.join(" ")
41
+ css unless css.blank?
29
42
  end
30
43
  end
31
44
  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.19.0.pre.alpha.movemarkdown639
4
+ version: 12.20.0.pre.alpha.movemarkdown668
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-05-10 00:00:00.000000000 Z
12
+ date: 2023-05-15 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -353,6 +353,8 @@ files:
353
353
  - app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.test.js
354
354
  - app/pb_kits/playbook/pb_collapsible/_collapsible.scss
355
355
  - app/pb_kits/playbook/pb_collapsible/_collapsible.tsx
356
+ - app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleContent.tsx
357
+ - app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx
356
358
  - app/pb_kits/playbook/pb_collapsible/collapsible.html.erb
357
359
  - app/pb_kits/playbook/pb_collapsible/collapsible.rb
358
360
  - app/pb_kits/playbook/pb_collapsible/collapsible.test.js
@@ -395,6 +397,16 @@ files:
395
397
  - app/pb_kits/playbook/pb_date_picker/date_picker.test.js
396
398
  - app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts
397
399
  - app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.ts
400
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
401
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss
402
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss
403
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss
404
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_inline_styles.scss
405
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
406
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss
407
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
408
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
409
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss
398
410
  - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
399
411
  - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx
400
412
  - app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb
@@ -429,6 +441,9 @@ files:
429
441
  - app/pb_kits/playbook/pb_dialog/_dialog.scss
430
442
  - app/pb_kits/playbook/pb_dialog/_dialog.tsx
431
443
  - app/pb_kits/playbook/pb_dialog/_dialog_context.tsx
444
+ - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_body.tsx
445
+ - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_footer.tsx
446
+ - app/pb_kits/playbook/pb_dialog/child_kits/_dialog_header.tsx
432
447
  - app/pb_kits/playbook/pb_dialog/dialog.html.erb
433
448
  - app/pb_kits/playbook/pb_dialog/dialog.rb
434
449
  - app/pb_kits/playbook/pb_dialog/dialog.test.jsx
@@ -771,6 +786,24 @@ files:
771
786
  - app/pb_kits/playbook/pb_table/_table.tsx
772
787
  - app/pb_kits/playbook/pb_table/_table_row.tsx
773
788
  - app/pb_kits/playbook/pb_table/index.ts
789
+ - app/pb_kits/playbook/pb_table/styles/_alignment.scss
790
+ - app/pb_kits/playbook/pb_table/styles/_all.scss
791
+ - app/pb_kits/playbook/pb_table/styles/_content.scss
792
+ - app/pb_kits/playbook/pb_table/styles/_desktop_collapse.scss
793
+ - app/pb_kits/playbook/pb_table/styles/_headers.scss
794
+ - app/pb_kits/playbook/pb_table/styles/_hover.scss
795
+ - app/pb_kits/playbook/pb_table/styles/_mobile.scss
796
+ - app/pb_kits/playbook/pb_table/styles/_mobile_collapse.scss
797
+ - app/pb_kits/playbook/pb_table/styles/_reset.scss
798
+ - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
799
+ - app/pb_kits/playbook/pb_table/styles/_single-line.scss
800
+ - app/pb_kits/playbook/pb_table/styles/_sticky_header.scss
801
+ - app/pb_kits/playbook/pb_table/styles/_structure.scss
802
+ - app/pb_kits/playbook/pb_table/styles/_table-card.scss
803
+ - app/pb_kits/playbook/pb_table/styles/_table-dark.scss
804
+ - app/pb_kits/playbook/pb_table/styles/_tablet_collapse.scss
805
+ - app/pb_kits/playbook/pb_table/styles/_variables.scss
806
+ - app/pb_kits/playbook/pb_table/styles/_vertical_border.scss
774
807
  - app/pb_kits/playbook/pb_table/table.html.erb
775
808
  - app/pb_kits/playbook/pb_table/table.rb
776
809
  - app/pb_kits/playbook/pb_table/table.test.js
@@ -849,12 +882,21 @@ files:
849
882
  - app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.tsx
850
883
  - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb
851
884
  - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb
852
- - app/pb_kits/playbook/pb_typeahead/_typeahead.jsx
853
885
  - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
854
886
  - app/pb_kits/playbook/pb_typeahead/_typeahead.test.jsx
855
- - app/pb_kits/playbook/pb_typeahead/index.js
887
+ - app/pb_kits/playbook/pb_typeahead/_typeahead.tsx
888
+ - app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.tsx
889
+ - app/pb_kits/playbook/pb_typeahead/components/Control.tsx
890
+ - app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.tsx
891
+ - app/pb_kits/playbook/pb_typeahead/components/MenuList.tsx
892
+ - app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx
893
+ - app/pb_kits/playbook/pb_typeahead/components/Option.tsx
894
+ - app/pb_kits/playbook/pb_typeahead/components/Placeholder.tsx
895
+ - app/pb_kits/playbook/pb_typeahead/components/ValueContainer.tsx
896
+ - app/pb_kits/playbook/pb_typeahead/index.ts
856
897
  - app/pb_kits/playbook/pb_typeahead/typeahead.html.erb
857
898
  - app/pb_kits/playbook/pb_typeahead/typeahead.rb
899
+ - app/pb_kits/playbook/pb_typeahead/types.d.ts
858
900
  - app/pb_kits/playbook/pb_user/_user.scss
859
901
  - app/pb_kits/playbook/pb_user/_user.tsx
860
902
  - app/pb_kits/playbook/pb_user/user.html.erb