playbook_ui 7.4.1 → 7.6.1.pre.alpha1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/images/clark.jpg +0 -0
- data/app/assets/images/giant.jpg +0 -0
- data/app/assets/images/pb.logo.svg +28 -0
- data/app/assets/images/sample_screenshot.svg +7 -0
- data/app/controllers/playbook/application_controller.rb +0 -2
- data/app/pb_kits/playbook/_playbook.scss +2 -1
- data/app/pb_kits/playbook/data/menu.yml +2 -6
- data/app/pb_kits/playbook/index.js +3 -0
- data/app/pb_kits/playbook/pb_background/_background.html.erb +18 -12
- data/app/pb_kits/playbook/pb_background/_background.jsx +14 -10
- data/app/pb_kits/playbook/pb_background/docs/_background_dark.jsx +4 -6
- data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +4 -6
- data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +20 -22
- data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +4 -6
- data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +1 -1
- data/app/pb_kits/playbook/pb_checkbox/_checkbox.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form_group/_form_group.html.erb +7 -0
- data/app/pb_kits/playbook/pb_form_group/_form_group.jsx +41 -0
- data/app/pb_kits/playbook/pb_form_group/_form_group.scss +115 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb +12 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx +37 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.html.erb +6 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.jsx +19 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_default.html.erb +7 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_default.jsx +23 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb +19 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx +33 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.html.erb +21 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.jsx +40 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card_icon.html.erb +19 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card_icon.jsx +33 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.html.erb +14 -0
- data/app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.jsx +30 -0
- data/app/pb_kits/playbook/pb_form_group/docs/example.yml +20 -0
- data/app/pb_kits/playbook/pb_form_group/docs/index.js +7 -0
- data/app/pb_kits/playbook/pb_form_group/form_group.rb +15 -0
- data/app/pb_kits/playbook/pb_image/_image.html.erb +2 -1
- data/app/pb_kits/playbook/pb_image/_image.jsx +7 -1
- data/app/pb_kits/playbook/pb_image/_image.scss +41 -14
- data/app/pb_kits/playbook/pb_image/docs/_default_image.html.erb +12 -0
- data/app/pb_kits/playbook/pb_image/docs/_default_image.jsx +25 -3
- data/app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb +17 -0
- data/app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx +36 -0
- data/app/pb_kits/playbook/pb_image/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_image/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_image/image.rb +16 -1
- data/app/pb_kits/playbook/pb_list/_list.jsx +9 -2
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb +27 -0
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx +61 -0
- data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md +1 -0
- data/app/pb_kits/playbook/pb_selectable_card/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_selectable_card/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_selectable_list/_item.jsx +90 -0
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.html.erb +11 -0
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx +47 -0
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss +17 -0
- data/app/pb_kits/playbook/pb_selectable_list/_selectable_list_item.html.erb +18 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.html.erb +27 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +29 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.html.erb +27 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +29 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/example.yml +12 -0
- data/app/pb_kits/playbook/pb_selectable_list/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list.rb +24 -0
- data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb +28 -0
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.html.erb +1 -13
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +20 -96
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.scss +1 -12
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb +1 -21
- data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +4 -31
- data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +0 -14
- data/app/pb_kits/playbook/pb_timestamp/docs/index.js +0 -7
- data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +1 -67
- data/lib/playbook/version.rb +1 -1
- metadata +46 -4
@@ -2,20 +2,6 @@ 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
|
12
5
|
|
13
6
|
react:
|
14
7
|
- 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,8 +1 @@
|
|
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,80 +3,14 @@
|
|
3
3
|
module Playbook
|
4
4
|
module PbTimestamp
|
5
5
|
class Timestamp
|
6
|
-
include ActionView::Helpers::DateHelper
|
7
6
|
include Playbook::Props
|
8
7
|
|
9
8
|
partial "pb_timestamp/timestamp"
|
10
9
|
|
11
10
|
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"
|
29
11
|
|
30
12
|
def classname
|
31
|
-
generate_classname("pb_timestamp_kit"
|
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
|
13
|
+
generate_classname("pb_timestamp_kit")
|
80
14
|
end
|
81
15
|
end
|
82
16
|
end
|
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: 7.
|
4
|
+
version: 7.6.1.pre.alpha1
|
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: 2020-
|
12
|
+
date: 2020-11-09 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -395,6 +395,8 @@ 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
400
|
- app/assets/images/github-brands.svg
|
399
401
|
- app/assets/images/landing-background.svg
|
400
402
|
- app/assets/images/landing-image.svg
|
@@ -402,6 +404,8 @@ files:
|
|
402
404
|
- app/assets/images/pb-check.svg
|
403
405
|
- app/assets/images/pb-logo.svg
|
404
406
|
- app/assets/images/pb-white-logo.svg
|
407
|
+
- app/assets/images/pb.logo.svg
|
408
|
+
- app/assets/images/sample_screenshot.svg
|
405
409
|
- app/controllers/playbook/application_controller.rb
|
406
410
|
- app/helpers/playbook/application_helper.rb
|
407
411
|
- app/helpers/playbook/layout_helper.rb
|
@@ -936,6 +940,26 @@ files:
|
|
936
940
|
- app/pb_kits/playbook/pb_form/form_builder/simple_form_builder.rb
|
937
941
|
- app/pb_kits/playbook/pb_form/form_builder/typeahead_field.rb
|
938
942
|
- app/pb_kits/playbook/pb_form/pb_form_validation.js
|
943
|
+
- app/pb_kits/playbook/pb_form_group/_form_group.html.erb
|
944
|
+
- app/pb_kits/playbook/pb_form_group/_form_group.jsx
|
945
|
+
- app/pb_kits/playbook/pb_form_group/_form_group.scss
|
946
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
|
947
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_button.jsx
|
948
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.html.erb
|
949
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.jsx
|
950
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_default.html.erb
|
951
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_default.jsx
|
952
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb
|
953
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
|
954
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.html.erb
|
955
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.jsx
|
956
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card_icon.html.erb
|
957
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card_icon.jsx
|
958
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.html.erb
|
959
|
+
- app/pb_kits/playbook/pb_form_group/docs/_form_group_typeahead.jsx
|
960
|
+
- app/pb_kits/playbook/pb_form_group/docs/example.yml
|
961
|
+
- app/pb_kits/playbook/pb_form_group/docs/index.js
|
962
|
+
- app/pb_kits/playbook/pb_form_group/form_group.rb
|
939
963
|
- app/pb_kits/playbook/pb_form_pill/_form_pill.html.erb
|
940
964
|
- app/pb_kits/playbook/pb_form_pill/_form_pill.jsx
|
941
965
|
- app/pb_kits/playbook/pb_form_pill/_form_pill.scss
|
@@ -1076,6 +1100,8 @@ files:
|
|
1076
1100
|
- app/pb_kits/playbook/pb_image/docs/_default_image.html.erb
|
1077
1101
|
- app/pb_kits/playbook/pb_image/docs/_default_image.jsx
|
1078
1102
|
- app/pb_kits/playbook/pb_image/docs/_description.md
|
1103
|
+
- app/pb_kits/playbook/pb_image/docs/_rounded_image.html.erb
|
1104
|
+
- app/pb_kits/playbook/pb_image/docs/_rounded_image.jsx
|
1079
1105
|
- app/pb_kits/playbook/pb_image/docs/example.yml
|
1080
1106
|
- app/pb_kits/playbook/pb_image/docs/index.js
|
1081
1107
|
- app/pb_kits/playbook/pb_image/image.rb
|
@@ -1469,6 +1495,9 @@ files:
|
|
1469
1495
|
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb
|
1470
1496
|
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.jsx
|
1471
1497
|
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.md
|
1498
|
+
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb
|
1499
|
+
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx
|
1500
|
+
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md
|
1472
1501
|
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_options.html.erb
|
1473
1502
|
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.html.erb
|
1474
1503
|
- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.jsx
|
@@ -1500,6 +1529,19 @@ files:
|
|
1500
1529
|
- app/pb_kits/playbook/pb_selectable_icon/docs/example.yml
|
1501
1530
|
- app/pb_kits/playbook/pb_selectable_icon/docs/index.js
|
1502
1531
|
- app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb
|
1532
|
+
- app/pb_kits/playbook/pb_selectable_list/_item.jsx
|
1533
|
+
- app/pb_kits/playbook/pb_selectable_list/_selectable_list.html.erb
|
1534
|
+
- app/pb_kits/playbook/pb_selectable_list/_selectable_list.jsx
|
1535
|
+
- app/pb_kits/playbook/pb_selectable_list/_selectable_list.scss
|
1536
|
+
- app/pb_kits/playbook/pb_selectable_list/_selectable_list_item.html.erb
|
1537
|
+
- app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.html.erb
|
1538
|
+
- app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx
|
1539
|
+
- app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.html.erb
|
1540
|
+
- app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx
|
1541
|
+
- app/pb_kits/playbook/pb_selectable_list/docs/example.yml
|
1542
|
+
- app/pb_kits/playbook/pb_selectable_list/docs/index.js
|
1543
|
+
- app/pb_kits/playbook/pb_selectable_list/selectable_list.rb
|
1544
|
+
- app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb
|
1503
1545
|
- app/pb_kits/playbook/pb_source/_source.html.erb
|
1504
1546
|
- app/pb_kits/playbook/pb_source/_source.jsx
|
1505
1547
|
- app/pb_kits/playbook/pb_source/_source.scss
|
@@ -1919,9 +1961,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
1919
1961
|
version: '0'
|
1920
1962
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
1921
1963
|
requirements:
|
1922
|
-
- - "
|
1964
|
+
- - ">"
|
1923
1965
|
- !ruby/object:Gem::Version
|
1924
|
-
version:
|
1966
|
+
version: 1.3.1
|
1925
1967
|
requirements: []
|
1926
1968
|
rubygems_version: 3.1.4
|
1927
1969
|
signing_key:
|