playbook_ui 6.4.0 → 6.5.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (93) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/data/menu.yml +1 -0
  4. data/app/pb_kits/playbook/index.js +2 -0
  5. data/app/pb_kits/playbook/packs/examples.js +2 -1
  6. data/app/pb_kits/playbook/pb_button/_button.jsx +1 -0
  7. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +1 -1
  8. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +3 -7
  9. data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.jsx +3 -0
  10. data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +2 -0
  11. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +2 -0
  12. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +2 -1
  13. data/app/pb_kits/playbook/pb_date/_date.html.erb +8 -32
  14. data/app/pb_kits/playbook/pb_date/_date.jsx +67 -76
  15. data/app/pb_kits/playbook/pb_date/_date.scss +0 -25
  16. data/app/pb_kits/playbook/pb_date/date.rb +11 -20
  17. data/app/pb_kits/playbook/pb_date/docs/_date_default.html.erb +9 -1
  18. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +28 -0
  19. data/app/pb_kits/playbook/pb_date/docs/_description.md +0 -2
  20. data/app/pb_kits/playbook/pb_date/docs/example.yml +2 -6
  21. data/app/pb_kits/playbook/pb_date/docs/index.js +1 -3
  22. data/app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb +39 -0
  23. data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +149 -0
  24. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +33 -0
  25. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +85 -0
  26. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +165 -0
  27. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb +4 -0
  28. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx +13 -0
  29. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md +1 -0
  30. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.html.erb +4 -0
  31. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.jsx +13 -0
  32. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb +1 -0
  33. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx +12 -0
  34. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +24 -0
  35. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +30 -0
  36. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb +43 -0
  37. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx +48 -0
  38. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +4 -0
  39. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +13 -0
  40. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb +19 -0
  41. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx +25 -0
  42. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md +1 -0
  43. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.html.erb +4 -0
  44. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.jsx +13 -0
  45. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.html.erb +37 -0
  46. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.jsx +37 -0
  47. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.md +1 -0
  48. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.html.erb +26 -0
  49. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.jsx +32 -0
  50. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.md +3 -0
  51. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb +9 -0
  52. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx +17 -0
  53. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md +1 -0
  54. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb +14 -0
  55. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx +22 -0
  56. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +4 -0
  57. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +13 -0
  58. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.html.erb +7 -0
  59. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.jsx +16 -0
  60. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.md +1 -0
  61. data/app/pb_kits/playbook/pb_date_picker/docs/_description.md +7 -0
  62. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +35 -0
  63. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +14 -0
  64. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss +33 -0
  65. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss +53 -0
  66. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +785 -0
  67. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +108 -0
  68. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +44 -0
  69. data/app/pb_kits/playbook/pb_filter/_filter.scss +1 -1
  70. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  71. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
  72. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb +2 -0
  73. data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb +2 -0
  74. data/app/pb_kits/playbook/pb_form/form_builder.rb +1 -0
  75. data/app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb +20 -0
  76. data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.html.erb +1 -1
  77. data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +2 -2
  78. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +0 -1
  79. data/app/pb_kits/playbook/pb_table/table.rb +3 -3
  80. data/app/pb_kits/playbook/pb_text_input/_text_input.html.erb +1 -0
  81. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +21 -17
  82. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -0
  83. data/app/pb_kits/playbook/vendor.js +6 -0
  84. data/lib/playbook/version.rb +1 -1
  85. metadata +52 -12
  86. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.html.erb +0 -24
  87. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +0 -32
  88. data/app/pb_kits/playbook/pb_date/docs/_date_default_react.jsx +0 -20
  89. data/app/pb_kits/playbook/pb_date/docs/_date_default_react.md +0 -3
  90. data/app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb +0 -51
  91. data/app/pb_kits/playbook/pb_date/docs/_date_timezone.md +0 -6
  92. data/app/pb_kits/playbook/pb_date/docs/_date_variants.html.erb +0 -27
  93. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +0 -39
@@ -1,24 +0,0 @@
1
-
2
- <%= pb_rails("date", props: {
3
- date: DateTime.now,
4
- show_icon: true,
5
- show_day_of_week: true
6
- }) %>
7
-
8
- <br><br>
9
-
10
- <%= pb_rails("date", props: {
11
- date: DateTime.now,
12
- show_icon: true,
13
- show_day_of_week: true,
14
- alignment: "center"
15
- }) %>
16
-
17
- <br><br>
18
-
19
- <%= pb_rails("date", props: {
20
- date: DateTime.now,
21
- show_icon: true,
22
- show_day_of_week: true,
23
- alignment: "right"
24
- }) %>
@@ -1,32 +0,0 @@
1
- import React from 'react'
2
- import { Date as FormattedDate } from '../..'
3
-
4
- const DateAlignment = () => {
5
- return (
6
- <div>
7
- <FormattedDate
8
- date="1995-12-25"
9
- dayOfWeek
10
- icon
11
- />
12
-
13
- <br />
14
-
15
- <FormattedDate
16
- alignment="center"
17
- date="2020-12-25"
18
- dayOfWeek
19
- icon
20
- />
21
-
22
- <br />
23
-
24
- <FormattedDate
25
- alignment="right"
26
- date={new Date()}
27
- />
28
- </div>
29
- )
30
- }
31
-
32
- export default DateAlignment
@@ -1,20 +0,0 @@
1
- import React from 'react'
2
- import { Date as FormattedDate } from '../..'
3
-
4
- const DateDefaultReact = () => {
5
- return (
6
- <div>
7
- <FormattedDate
8
- date="2012-12-25"
9
- />
10
-
11
- <br />
12
-
13
- <FormattedDate
14
- date={new Date()}
15
- />
16
- </div>
17
- )
18
- }
19
-
20
- export default DateDefaultReact
@@ -1,3 +0,0 @@
1
- *Development Note* - We are reviewing this kit for a potential name change due to naming collisions when `new Date()` is used.
2
-
3
- To avoid this bug, please use name spacing as shown in the code examples. ie `import { Date as AliasedComponentName } from '../../'`
@@ -1,51 +0,0 @@
1
- <%= pb_rails("caption", props: { text: "East Coast (Default)"}) %>
2
- <%= pb_rails("date", props: {
3
- date: DateTime.now,
4
- timezone: "America/New_York"
5
- }) %>
6
-
7
- <br>
8
-
9
- <%= pb_rails("caption", props: { text: "West Coast"}) %>
10
- <%= pb_rails("date", props: {
11
- date: DateTime.now,
12
- timezone: "America/Los_Angeles"
13
- }) %>
14
-
15
- <br>
16
-
17
- <%= pb_rails("caption", props: { text: "Toyko, Japan"}) %>
18
- <%= pb_rails("date", props: {
19
- date: DateTime.now,
20
- timezone: "Asia/Tokyo"
21
- }) %>
22
-
23
- <br>
24
-
25
- <%= pb_rails("caption", props: { text: "Anti-pattern example"}) %>
26
-
27
- <%= pb_rails("date", props: {
28
- date: Date.today,
29
- timezone: "Australia/Sydney"
30
- }) %>
31
- <%= pb_rails("body", props: { text: "Date.today ignores Timezone"}) %>
32
-
33
- <br>
34
-
35
- <%= pb_rails("caption", props: { text: "DateTime respects Timezone"}) %>
36
-
37
- <%= pb_rails("date", props: {
38
- date: DateTime.now,
39
- timezone: "Australia/Sydney"
40
- }) %>
41
-
42
- <%= pb_rails("body", props: { text: "'.now' in Australia is tomorrow (if you're EST after 10am)"}) %>
43
-
44
- <br>
45
-
46
- <%= pb_rails("caption", props: { text: "String Dates"}) %>
47
- <%= pb_rails("date", props: {
48
- date: "2012-08-02T00:49:29Z",
49
- }) %>
50
-
51
- <%= pb_rails("body", props: { text: "Defaults to UTC, then changes due to EST Timezone."}) %>
@@ -1,6 +0,0 @@
1
- Depending on the data you send to the `date` prop you might have unexpected results due to ruby `Date` and `DateTime` classes.
2
-
3
- Don't care about timezones? Use `Date`.
4
-
5
- If you need a date that recognizes a timezone, especially when paired with the [Time kit](/kits/time), leverage `DateTime`.
6
-
@@ -1,27 +0,0 @@
1
- <div>
2
- <%= pb_rails("date", props: {
3
- date: DateTime.now,
4
- }) %>
5
-
6
- <br><br>
7
-
8
- <%= pb_rails("date", props: {
9
- date: DateTime.now,
10
- show_icon: true
11
- }) %>
12
-
13
- <br><br>
14
-
15
- <%= pb_rails("date", props: {
16
- date: DateTime.now,
17
- show_day_of_week: true
18
- }) %>
19
-
20
- <br><br>
21
-
22
- <%= pb_rails("date", props: {
23
- date: DateTime.now,
24
- show_icon: true,
25
- show_day_of_week: true
26
- }) %>
27
- </div>
@@ -1,39 +0,0 @@
1
- import React from 'react'
2
- import { Date as FormattedDate } from '../..'
3
-
4
- const DateVariants = () => {
5
- return (
6
- <div>
7
- <FormattedDate
8
- date="1995-12-25"
9
- />
10
-
11
- <br />
12
- <br />
13
-
14
- <FormattedDate
15
- date="1995-12-25"
16
- showIcon
17
- />
18
-
19
- <br />
20
- <br />
21
-
22
- <FormattedDate
23
- date="1995-12-25"
24
- showDayOfWeek
25
- />
26
-
27
- <br />
28
- <br />
29
-
30
- <FormattedDate
31
- date="1995-12-25"
32
- showDayOfWeek
33
- showIcon
34
- />
35
- </div>
36
- )
37
- }
38
-
39
- export default DateVariants