playbook_ui 7.4.0.pre.test4 → 7.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/github-brands.svg +1 -0
  3. data/app/assets/images/landing-background.svg +36 -0
  4. data/app/assets/images/landing-image.svg +203 -0
  5. data/app/assets/images/{pb.logo.svg → pb-logo.svg} +2 -2
  6. data/app/assets/images/pb-white-logo.svg +15 -0
  7. data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +3 -1
  8. data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +13 -4
  9. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb +1 -1
  10. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx +5 -7
  11. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb +12 -0
  12. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx +48 -0
  13. data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +2 -0
  14. data/app/pb_kits/playbook/pb_progress_step/docs/index.js +1 -0
  15. data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +3 -1
  16. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +6 -0
  17. data/app/pb_kits/playbook/pb_timestamp/_timestamp.html.erb +13 -1
  18. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +96 -20
  19. data/app/pb_kits/playbook/pb_timestamp/_timestamp.scss +12 -1
  20. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb +69 -0
  21. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx +91 -0
  22. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb +21 -1
  23. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +31 -4
  24. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb +14 -0
  25. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx +27 -0
  26. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.html.erb +54 -0
  27. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.jsx +73 -0
  28. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb +59 -0
  29. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx +74 -0
  30. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.html.erb +177 -0
  31. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.jsx +209 -0
  32. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb +35 -0
  33. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx +51 -0
  34. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.html.erb +123 -0
  35. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.jsx +146 -0
  36. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +14 -0
  37. data/app/pb_kits/playbook/pb_timestamp/docs/index.js +7 -0
  38. data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +67 -1
  39. data/lib/playbook/version.rb +1 -1
  40. metadata +28 -11
  41. data/app/assets/images/clark.jpg +0 -0
  42. data/app/assets/images/giant.jpg +0 -0
@@ -2,6 +2,20 @@ examples:
2
2
 
3
3
  rails:
4
4
  - timestamp_default: Default
5
+ - timestamp_align: Alignments
6
+ - timestamp_timezones: Timezones
7
+ - timestamp_timezones_align: Timezones - Alignments
8
+ - timestamp_updated: Last Updated by
9
+ - timestamp_updated_align: Last Updated by - Alignments
10
+ - timestamp_elapsed: Time Ago
11
+ - timestamp_elapsed_align: Time Ago - Alignments
5
12
 
6
13
  react:
7
14
  - timestamp_default: Default
15
+ - timestamp_align: Alignments
16
+ - timestamp_timezones: Timezones
17
+ - timestamp_timezones_align: Timezones - Alignments
18
+ - timestamp_updated: Last Updated by
19
+ - timestamp_updated_align: Last Updated by - Alignments
20
+ - timestamp_elapsed: Time Ago
21
+ - timestamp_elapsed_align: Time Ago - Alignments
@@ -1 +1,8 @@
1
1
  export { default as TimestampDefault } from './_timestamp_default.jsx'
2
+ export { default as TimestampAlign } from './_timestamp_align.jsx'
3
+ export { default as TimestampTimezones } from './_timestamp_timezones.jsx'
4
+ export { default as TimestampTimezonesAlign } from './_timestamp_timezones_align.jsx'
5
+ export { default as TimestampUpdated } from './_timestamp_updated.jsx'
6
+ export { default as TimestampUpdatedAlign } from './_timestamp_updated_align.jsx'
7
+ export { default as TimestampElapsed } from './_timestamp_elapsed.jsx'
8
+ export { default as TimestampElapsedAlign } from './_timestamp_elapsed_align.jsx'
@@ -3,14 +3,80 @@
3
3
  module Playbook
4
4
  module PbTimestamp
5
5
  class Timestamp
6
+ include ActionView::Helpers::DateHelper
6
7
  include Playbook::Props
7
8
 
8
9
  partial "pb_timestamp/timestamp"
9
10
 
10
11
  prop :text
12
+ prop :timestamp, required: true
13
+
14
+ prop :dark, type: Playbook::Props::Boolean,
15
+ default: false
16
+ prop :align, type: Playbook::Props::Enum,
17
+ values: %w[left center right],
18
+ default: "left"
19
+ prop :show_date, type: Playbook::Props::Boolean,
20
+ default: true
21
+ prop :show_timezone, type: Playbook::Props::Boolean,
22
+ default: false
23
+ prop :show_user, type: Playbook::Props::Boolean,
24
+ default: false
25
+ prop :timezone, default: "America/New_York"
26
+ prop :variant, type: Playbook::Props::Enum,
27
+ values: %w[default elapsed updated],
28
+ default: "default"
11
29
 
12
30
  def classname
13
- generate_classname("pb_timestamp_kit")
31
+ generate_classname("pb_timestamp_kit", variant_class, align)
32
+ end
33
+
34
+ def format_year_string
35
+ pb_date_time.to_year != DateTime.now.year.to_s ? ", #{pb_date_time.to_year}" : ""
36
+ end
37
+
38
+ def format_time_string
39
+ "#{pb_date_time.to_hour}:#{pb_date_time.to_minutes}#{pb_date_time.to_meridian} #{format_timezone_string}".strip
40
+ end
41
+
42
+ def format_timezone_string
43
+ timezone && show_timezone ? pb_date_time.to_timezone.to_s : ""
44
+ end
45
+
46
+ def format_date_string
47
+ "#{pb_date_time.to_month_downcase} #{pb_date_time.to_unpadded_day}#{format_year_string}"
48
+ end
49
+
50
+ def format_datetime_string
51
+ "#{format_date_string} · #{format_time_string}".html_safe
52
+ end
53
+
54
+ def format_updated_string
55
+ user_string = show_user ? " by #{text}" : ""
56
+
57
+ case variant
58
+ when "updated"
59
+ datetime_string = " on #{format_date_string} at #{format_time_string}"
60
+ when "elapsed"
61
+ datetime_string = " #{time_ago_in_words(pb_date_time.convert_to_timestamp)} ago"
62
+ end
63
+
64
+ "Last updated#{user_string}#{datetime_string}"
65
+ end
66
+
67
+ private
68
+
69
+ def pb_date_time
70
+ Playbook::PbKit::PbDateTime.new(timestamp, timezone)
71
+ end
72
+
73
+ def variant_class
74
+ case variant
75
+ when "updated"
76
+ "updated"
77
+ when "elapsed"
78
+ "elapsed"
79
+ end
14
80
  end
15
81
  end
16
82
  end
@@ -1,5 +1,5 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- VERSION = "7.4.0.pre.test4"
4
+ VERSION = "7.4.0"
5
5
  end
metadata CHANGED
@@ -1,12 +1,12 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 7.4.0.pre.test4
4
+ version: 7.4.0
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
12
  date: 2020-10-29 00:00:00.000000000 Z
@@ -395,11 +395,13 @@ extra_rdoc_files: []
395
395
  files:
396
396
  - README.md
397
397
  - Rakefile
398
- - app/assets/images/clark.jpg
399
- - app/assets/images/giant.jpg
398
+ - app/assets/images/github-brands.svg
399
+ - app/assets/images/landing-background.svg
400
+ - app/assets/images/landing-image.svg
400
401
  - app/assets/images/pb-caret.svg
401
402
  - app/assets/images/pb-check.svg
402
- - app/assets/images/pb.logo.svg
403
+ - app/assets/images/pb-logo.svg
404
+ - app/assets/images/pb-white-logo.svg
403
405
  - app/controllers/playbook/application_controller.rb
404
406
  - app/helpers/playbook/application_helper.rb
405
407
  - app/helpers/playbook/layout_helper.rb
@@ -1386,10 +1388,12 @@ files:
1386
1388
  - app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb
1387
1389
  - app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx
1388
1390
  - app/pb_kits/playbook/pb_progress_step/docs/_description.md
1391
+ - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb
1389
1392
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb
1390
1393
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx
1391
1394
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb
1392
1395
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx
1396
+ - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx
1393
1397
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb
1394
1398
  - app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx
1395
1399
  - app/pb_kits/playbook/pb_progress_step/docs/example.yml
@@ -1701,8 +1705,22 @@ files:
1701
1705
  - app/pb_kits/playbook/pb_timestamp/docs/_description.md
1702
1706
  - app/pb_kits/playbook/pb_timestamp/docs/_footer.md
1703
1707
  - app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
1708
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb
1709
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx
1704
1710
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
1705
1711
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
1712
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb
1713
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx
1714
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.html.erb
1715
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.jsx
1716
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
1717
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
1718
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.html.erb
1719
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.jsx
1720
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
1721
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
1722
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.html.erb
1723
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.jsx
1706
1724
  - app/pb_kits/playbook/pb_timestamp/docs/example.yml
1707
1725
  - app/pb_kits/playbook/pb_timestamp/docs/index.js
1708
1726
  - app/pb_kits/playbook/pb_timestamp/timestamp.rb
@@ -1890,7 +1908,7 @@ homepage: http://playbook.powerapp.cloud
1890
1908
  licenses:
1891
1909
  - MIT
1892
1910
  metadata: {}
1893
- post_install_message:
1911
+ post_install_message:
1894
1912
  rdoc_options: []
1895
1913
  require_paths:
1896
1914
  - lib
@@ -1901,13 +1919,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
1901
1919
  version: '0'
1902
1920
  required_rubygems_version: !ruby/object:Gem::Requirement
1903
1921
  requirements:
1904
- - - ">"
1922
+ - - ">="
1905
1923
  - !ruby/object:Gem::Version
1906
- version: 1.3.1
1924
+ version: '0'
1907
1925
  requirements: []
1908
- rubyforge_project:
1909
- rubygems_version: 2.7.3
1910
- signing_key:
1926
+ rubygems_version: 3.1.4
1927
+ signing_key:
1911
1928
  specification_version: 4
1912
1929
  summary: Playbook Design System
1913
1930
  test_files: []
Binary file
Binary file