playbook_ui 7.4.1 → 7.4.2

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 (25) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_timestamp/_timestamp.html.erb +1 -13
  3. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +20 -96
  4. data/app/pb_kits/playbook/pb_timestamp/_timestamp.scss +1 -12
  5. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb +1 -21
  6. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +4 -31
  7. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +0 -14
  8. data/app/pb_kits/playbook/pb_timestamp/docs/index.js +0 -7
  9. data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +1 -67
  10. data/lib/playbook/version.rb +1 -1
  11. metadata +2 -16
  12. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb +0 -69
  13. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx +0 -91
  14. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb +0 -14
  15. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx +0 -27
  16. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.html.erb +0 -54
  17. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_align.jsx +0 -73
  18. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb +0 -59
  19. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx +0 -74
  20. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.html.erb +0 -177
  21. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_align.jsx +0 -209
  22. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb +0 -35
  23. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx +0 -51
  24. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.html.erb +0 -123
  25. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_align.jsx +0 -146
@@ -1,91 +0,0 @@
1
- import React from 'react'
2
- import Timestamp from '../_timestamp.jsx'
3
-
4
- const TimestampAlign = (props) => {
5
- return (
6
- <div>
7
- <Timestamp
8
- align="left"
9
- showDate="false"
10
- timestamp={new Date().getTime()}
11
- {...props}
12
- />
13
-
14
- <br />
15
-
16
- <Timestamp
17
- align="left"
18
- showDate="true"
19
- timestamp={new Date().getTime()}
20
- {...props}
21
- />
22
-
23
- <br />
24
-
25
- <Timestamp
26
- align="left"
27
- showDate="true"
28
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
29
- {...props}
30
- />
31
-
32
- <br />
33
- <br />
34
-
35
- <Timestamp
36
- align="center"
37
- showDate="false"
38
- timestamp={new Date().getTime()}
39
- {...props}
40
- />
41
-
42
- <br />
43
-
44
- <Timestamp
45
- align="center"
46
- showDate="true"
47
- timestamp={new Date().getTime()}
48
- {...props}
49
- />
50
-
51
- <br />
52
-
53
- <Timestamp
54
- align="center"
55
- showDate="true"
56
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
57
- {...props}
58
- />
59
-
60
- <br />
61
- <br />
62
-
63
- <Timestamp
64
- align="right"
65
- showDate="false"
66
- timestamp={new Date().getTime()}
67
- {...props}
68
- />
69
-
70
- <br />
71
-
72
- <Timestamp
73
- align="right"
74
- showDate="true"
75
- timestamp={new Date().getTime()}
76
- {...props}
77
- />
78
-
79
- <br />
80
-
81
- <Timestamp
82
- align="right"
83
- showDate="true"
84
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
85
- {...props}
86
- />
87
- </div>
88
- )
89
- }
90
-
91
- export default TimestampAlign
@@ -1,14 +0,0 @@
1
- <%= pb_rails("timestamp", props: {
2
- timestamp: DateTime.now,
3
- variant: "elapsed",
4
- show_user: true,
5
- text: "Maricris Nonato"
6
- }) %>
7
-
8
- <br>
9
-
10
- <%= pb_rails("timestamp", props: {
11
- timestamp: DateTime.now,
12
- variant: "elapsed",
13
- show_user: false
14
- }) %>
@@ -1,27 +0,0 @@
1
- import React from 'react'
2
- import Timestamp from '../_timestamp.jsx'
3
-
4
- const TimestampElapsed = (props) => {
5
- return (
6
- <div>
7
- <Timestamp
8
- showUser="true"
9
- text="Maricris Nonato"
10
- timestamp={new Date().getTime()}
11
- variant="elapsed"
12
- {...props}
13
- />
14
-
15
- <br />
16
-
17
- <Timestamp
18
- showUser="false"
19
- timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
20
- variant="elapsed"
21
- {...props}
22
- />
23
- </div>
24
- )
25
- }
26
-
27
- export default TimestampElapsed
@@ -1,54 +0,0 @@
1
- <%= pb_rails("timestamp", props: {
2
- timestamp: DateTime.now,
3
- variant: "elapsed",
4
- show_user: true,
5
- text: "Maricris Nonato",
6
- align: "left"
7
- }) %>
8
-
9
- <br>
10
-
11
- <%= pb_rails("timestamp", props: {
12
- timestamp: DateTime.now,
13
- variant: "elapsed",
14
- show_user: false,
15
- align: "left"
16
- }) %>
17
-
18
- <br><br>
19
-
20
- <%= pb_rails("timestamp", props: {
21
- timestamp: DateTime.now,
22
- variant: "elapsed",
23
- show_user: true,
24
- text: "Maricris Nonato",
25
- align: "center"
26
- }) %>
27
-
28
- <br>
29
-
30
- <%= pb_rails("timestamp", props: {
31
- timestamp: DateTime.now,
32
- variant: "elapsed",
33
- show_user: false,
34
- align: "center"
35
- }) %>
36
-
37
- <br><br>
38
-
39
- <%= pb_rails("timestamp", props: {
40
- timestamp: DateTime.now,
41
- variant: "elapsed",
42
- show_user: true,
43
- text: "Maricris Nonato",
44
- align: "right"
45
- }) %>
46
-
47
- <br>
48
-
49
- <%= pb_rails("timestamp", props: {
50
- timestamp: DateTime.now,
51
- variant: "elapsed",
52
- show_user: false,
53
- align: "right"
54
- }) %>
@@ -1,73 +0,0 @@
1
- import React from 'react'
2
- import Timestamp from '../_timestamp.jsx'
3
-
4
- const TimestampUpdatedAlign = (props) => {
5
- return (
6
- <div>
7
- <Timestamp
8
- align="left"
9
- showUser="true"
10
- text="Maricris Nonato"
11
- timestamp={new Date().getTime()}
12
- variant="elapsed"
13
- {...props}
14
- />
15
-
16
- <br />
17
-
18
- <Timestamp
19
- align="left"
20
- showUser="false"
21
- timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
22
- variant="elapsed"
23
- {...props}
24
- />
25
-
26
- <br />
27
- <br />
28
-
29
- <Timestamp
30
- align="center"
31
- showUser="true"
32
- text="Maricris Nonato"
33
- timestamp={new Date().getTime()}
34
- variant="elapsed"
35
- {...props}
36
- />
37
-
38
- <br />
39
-
40
- <Timestamp
41
- align="center"
42
- showUser="false"
43
- timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
44
- variant="elapsed"
45
- {...props}
46
- />
47
-
48
- <br />
49
- <br />
50
-
51
- <Timestamp
52
- align="right"
53
- showUser="true"
54
- text="Maricris Nonato"
55
- timestamp={new Date().getTime()}
56
- variant="elapsed"
57
- {...props}
58
- />
59
-
60
- <br />
61
-
62
- <Timestamp
63
- align="right"
64
- showUser="false"
65
- timestamp={new Date((new Date()).getFullYear(), new Date().getMonth(), new Date().getDate()).getTime()}
66
- variant="elapsed"
67
- {...props}
68
- />
69
- </div>
70
- )
71
- }
72
-
73
- export default TimestampUpdatedAlign
@@ -1,59 +0,0 @@
1
- <%= pb_rails("timestamp", props: {
2
- timestamp: DateTime.now,
3
- show_date: false,
4
- show_timezone: true,
5
- timezone: "America/New_York",
6
- align: "left"
7
- }) %>
8
-
9
- <br>
10
-
11
- <%= pb_rails("timestamp", props: {
12
- timestamp: DateTime.now,
13
- show_date: true,
14
- show_timezone: true,
15
- timezone: "America/New_York",
16
- align: "left"
17
- }) %>
18
-
19
- <br>
20
-
21
- <%= pb_rails("timestamp", props: {
22
- timestamp: DateTime.now + 4.years,
23
- show_date: true,
24
- show_timezone: true,
25
- timezone: "America/New_York",
26
- align: "left"
27
- }) %>
28
-
29
- <br>
30
-
31
- <%= pb_rails("timestamp", props: {
32
- timestamp: DateTime.now,
33
- show_date: false,
34
- show_timezone: true,
35
- timezone: "Asia/Hong_Kong",
36
- align: "left"
37
- }) %>
38
-
39
- <br>
40
-
41
- <%= pb_rails("timestamp", props: {
42
- timestamp: DateTime.now,
43
- show_date: true,
44
- show_timezone: true,
45
- timezone: "Asia/Hong_Kong",
46
- align: "left"
47
- }) %>
48
-
49
- <br>
50
-
51
- <%= pb_rails("timestamp", props: {
52
- timestamp: DateTime.now + 4.years,
53
- show_date: true,
54
- show_timezone: true,
55
- timezone: "Asia/Hong_Kong",
56
- align: "left"
57
- }) %>
58
-
59
- <br>
@@ -1,74 +0,0 @@
1
- import React from 'react'
2
- import Timestamp from '../_timestamp.jsx'
3
-
4
- const TimestampTimezones = (props) => {
5
- return (
6
- <div>
7
- <Timestamp
8
- align="left"
9
- showDate="false"
10
- showTimezone="true"
11
- timestamp={new Date().getTime()}
12
- timezone="America/New_York"
13
- {...props}
14
- />
15
-
16
- <br />
17
-
18
- <Timestamp
19
- align="left"
20
- showDate="true"
21
- showTimezone="true"
22
- timestamp={new Date().getTime()}
23
- timezone="America/New_York"
24
- {...props}
25
- />
26
-
27
- <br />
28
-
29
- <Timestamp
30
- align="left"
31
- showDate="true"
32
- showTimezone="true"
33
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
34
- timezone="America/New_York"
35
- {...props}
36
- />
37
-
38
- <br />
39
-
40
- <Timestamp
41
- align="left"
42
- showDate="false"
43
- showTimezone="true"
44
- timestamp={new Date().getTime()}
45
- timezone="Asia/Hong_Kong"
46
- {...props}
47
- />
48
-
49
- <br />
50
-
51
- <Timestamp
52
- align="left"
53
- showDate="true"
54
- showTimezone="true"
55
- timestamp={new Date().getTime()}
56
- timezone="Asia/Hong_Kong"
57
- {...props}
58
- />
59
-
60
- <br />
61
-
62
- <Timestamp
63
- align="left"
64
- showDate="true"
65
- showTimezone="true"
66
- timestamp={new Date((new Date()).getFullYear() + 4, (new Date().getMonth()), (new Date().getDate() + 1)).getTime()}
67
- timezone="Asia/Hong_Kong"
68
- {...props}
69
- />
70
- </div>
71
- )
72
- }
73
-
74
- export default TimestampTimezones
@@ -1,177 +0,0 @@
1
- <%= pb_rails("timestamp", props: {
2
- timestamp: DateTime.now,
3
- show_date: false,
4
- show_timezone: true,
5
- timezone: "America/New_York",
6
- align: "left"
7
- }) %>
8
-
9
- <br>
10
-
11
- <%= pb_rails("timestamp", props: {
12
- timestamp: DateTime.now,
13
- show_date: true,
14
- show_timezone: true,
15
- timezone: "America/New_York",
16
- align: "left"
17
- }) %>
18
-
19
- <br>
20
-
21
- <%= pb_rails("timestamp", props: {
22
- timestamp: DateTime.now + 4.years,
23
- show_date: true,
24
- show_timezone: true,
25
- timezone: "America/New_York",
26
- align: "left"
27
- }) %>
28
-
29
- <br>
30
-
31
- <%= pb_rails("timestamp", props: {
32
- timestamp: DateTime.now,
33
- show_date: false,
34
- show_timezone: true,
35
- timezone: "Asia/Hong_Kong",
36
- align: "left"
37
- }) %>
38
-
39
- <br>
40
-
41
- <%= pb_rails("timestamp", props: {
42
- timestamp: DateTime.now,
43
- show_date: true,
44
- show_timezone: true,
45
- timezone: "Asia/Hong_Kong",
46
- align: "left"
47
- }) %>
48
-
49
- <br>
50
-
51
- <%= pb_rails("timestamp", props: {
52
- timestamp: DateTime.now + 4.years,
53
- show_date: true,
54
- show_timezone: true,
55
- timezone: "Asia/Hong_Kong",
56
- align: "left"
57
- }) %>
58
-
59
- <br><br>
60
-
61
- <%= pb_rails("timestamp", props: {
62
- timestamp: DateTime.now,
63
- show_date: false,
64
- show_timezone: true,
65
- timezone: "America/New_York",
66
- align: "center"
67
- }) %>
68
-
69
- <br>
70
-
71
- <%= pb_rails("timestamp", props: {
72
- timestamp: DateTime.now,
73
- show_date: true,
74
- show_timezone: true,
75
- timezone: "America/New_York",
76
- align: "center"
77
- }) %>
78
-
79
- <br>
80
-
81
- <%= pb_rails("timestamp", props: {
82
- timestamp: DateTime.now + 4.years,
83
- show_date: true,
84
- show_timezone: true,
85
- timezone: "America/New_York",
86
- align: "center"
87
- }) %>
88
-
89
- <br>
90
-
91
- <%= pb_rails("timestamp", props: {
92
- timestamp: DateTime.now,
93
- show_date: false,
94
- show_timezone: true,
95
- timezone: "Asia/Hong_Kong",
96
- align: "center"
97
- }) %>
98
-
99
- <br>
100
-
101
- <%= pb_rails("timestamp", props: {
102
- timestamp: DateTime.now,
103
- show_date: true,
104
- show_timezone: true,
105
- timezone: "Asia/Hong_Kong",
106
- align: "center"
107
- }) %>
108
-
109
- <br>
110
-
111
- <%= pb_rails("timestamp", props: {
112
- timestamp: DateTime.now + 4.years,
113
- show_date: true,
114
- show_timezone: true,
115
- timezone: "Asia/Hong_Kong",
116
- align: "center"
117
- }) %>
118
-
119
- <br><br>
120
-
121
- <%= pb_rails("timestamp", props: {
122
- timestamp: DateTime.now,
123
- show_date: false,
124
- show_timezone: true,
125
- timezone: "America/New_York",
126
- align: "right"
127
- }) %>
128
-
129
- <br>
130
-
131
- <%= pb_rails("timestamp", props: {
132
- timestamp: DateTime.now,
133
- show_date: true,
134
- show_timezone: true,
135
- timezone: "America/New_York",
136
- align: "right"
137
- }) %>
138
-
139
- <br>
140
-
141
- <%= pb_rails("timestamp", props: {
142
- timestamp: DateTime.now + 4.years,
143
- show_date: true,
144
- show_timezone: true,
145
- timezone: "America/New_York",
146
- align: "right"
147
- }) %>
148
-
149
- <br>
150
-
151
- <%= pb_rails("timestamp", props: {
152
- timestamp: DateTime.now,
153
- show_date: false,
154
- show_timezone: true,
155
- timezone: "Asia/Hong_Kong",
156
- align: "right"
157
- }) %>
158
-
159
- <br>
160
-
161
- <%= pb_rails("timestamp", props: {
162
- timestamp: DateTime.now,
163
- show_date: true,
164
- show_timezone: true,
165
- timezone: "Asia/Hong_Kong",
166
- align: "right"
167
- }) %>
168
-
169
- <br>
170
-
171
- <%= pb_rails("timestamp", props: {
172
- timestamp: DateTime.now + 4.years,
173
- show_date: true,
174
- show_timezone: true,
175
- timezone: "Asia/Hong_Kong",
176
- align: "right"
177
- }) %>