playbook_ui 4.15.1.alpha1 → 4.16.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (186) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +0 -1
  3. data/app/pb_kits/playbook/_playbook.scss +6 -1
  4. data/app/pb_kits/playbook/data/menu.yml +7 -0
  5. data/app/pb_kits/playbook/index.js +6 -1
  6. data/app/pb_kits/playbook/packs/examples.js +6 -0
  7. data/app/pb_kits/playbook/packs/kits/pb_progress_step.js +2 -0
  8. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.jsx +6 -0
  9. data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb +5 -1
  10. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.html.erb +2 -2
  11. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx +2 -2
  12. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.html.erb +26 -0
  13. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx +36 -0
  14. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.html.erb +14 -0
  15. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +23 -0
  16. data/app/pb_kits/playbook/pb_bar_graph/docs/_description.md +3 -1
  17. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +4 -0
  18. data/app/pb_kits/playbook/pb_bar_graph/docs/index.js +2 -0
  19. data/app/pb_kits/playbook/pb_button/_button.jsx +9 -1
  20. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.html.erb +12 -0
  21. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.scss +6 -0
  22. data/app/pb_kits/playbook/pb_circle_chart/circle_chart.rb +81 -0
  23. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb +19 -0
  24. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_inner_sizes.html.erb +136 -0
  25. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_labels.html.erb +37 -0
  26. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_legend_kit.html.erb +22 -0
  27. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_with_title.html.erb +38 -0
  28. data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +9 -0
  29. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.html.erb +1 -1
  30. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.jsx +6 -0
  31. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.rb +3 -1
  32. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +11 -0
  33. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.jsx +25 -0
  34. data/app/pb_kits/playbook/pb_circle_icon_button/docs/example.yml +3 -1
  35. data/app/pb_kits/playbook/pb_circle_icon_button/docs/index.js +1 -0
  36. data/app/pb_kits/playbook/pb_contact/_contact.jsx +1 -0
  37. data/app/pb_kits/playbook/pb_contact/contact.rb +2 -0
  38. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb +5 -0
  39. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +4 -0
  40. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb +6 -0
  41. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +5 -0
  42. data/app/pb_kits/playbook/pb_currency/_currency.html.erb +6 -9
  43. data/app/pb_kits/playbook/pb_currency/currency.rb +22 -29
  44. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js +26 -1
  45. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.jsx +2 -2
  46. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx +56 -0
  47. data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx +26 -0
  48. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx +58 -0
  49. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx +46 -0
  50. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx +37 -0
  51. data/app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx +34 -0
  52. data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx +85 -0
  53. data/app/pb_kits/playbook/pb_filter/Filter/index.jsx +26 -0
  54. data/app/pb_kits/playbook/pb_filter/_filter.jsx +1 -222
  55. data/app/pb_kits/playbook/pb_filter/_filter.scss +16 -13
  56. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb +34 -41
  57. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +13 -9
  58. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb +69 -74
  59. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +12 -9
  60. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +28 -35
  61. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +5 -6
  62. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +35 -41
  63. data/app/pb_kits/playbook/pb_filter/docs/_filter_single.jsx +12 -10
  64. data/app/pb_kits/playbook/pb_filter/docs/_sort_only.html.erb +12 -18
  65. data/app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx +14 -44
  66. data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +1 -1
  67. data/app/pb_kits/playbook/pb_label_pill/_label_pill.html.erb +1 -0
  68. data/app/pb_kits/playbook/pb_label_pill/_label_pill.jsx +59 -14
  69. data/app/pb_kits/playbook/pb_label_pill/docs/_label_pill_default.jsx +50 -0
  70. data/app/pb_kits/playbook/pb_label_pill/docs/example.yml +4 -3
  71. data/app/pb_kits/playbook/pb_label_pill/docs/index.js +1 -0
  72. data/app/pb_kits/playbook/pb_label_pill/label_pill.rb +1 -1
  73. data/app/pb_kits/playbook/pb_layout/_layout.jsx +66 -14
  74. data/app/pb_kits/playbook/pb_layout/docs/_layout_colors.jsx +63 -0
  75. data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes.jsx +87 -0
  76. data/app/pb_kits/playbook/pb_layout/docs/_layout_sizes_dark.jsx +92 -0
  77. data/app/pb_kits/playbook/pb_layout/docs/_layout_transparent.jsx +24 -0
  78. data/app/pb_kits/playbook/pb_layout/docs/example.yml +4 -1
  79. data/app/pb_kits/playbook/pb_layout/docs/index.js +4 -1
  80. data/app/pb_kits/playbook/pb_line_graph/_line_graph.jsx +6 -0
  81. data/app/pb_kits/playbook/pb_line_graph/docs/_description.md +3 -1
  82. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.html.erb +8 -8
  83. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_default.jsx +1 -1
  84. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.html.erb +26 -0
  85. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_height.jsx +35 -0
  86. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.html.erb +15 -0
  87. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +23 -0
  88. data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +5 -1
  89. data/app/pb_kits/playbook/pb_line_graph/docs/index.js +2 -0
  90. data/app/pb_kits/playbook/pb_line_graph/line_graph.rb +6 -0
  91. data/app/pb_kits/playbook/pb_online_status/_online_status.jsx +31 -14
  92. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +19 -0
  93. data/app/pb_kits/playbook/pb_online_status/docs/example.yml +3 -3
  94. data/app/pb_kits/playbook/pb_online_status/docs/index.js +1 -0
  95. data/app/pb_kits/playbook/pb_popover/_popover.jsx +26 -19
  96. data/app/pb_kits/playbook/pb_popover/docs/example.yml +0 -3
  97. data/app/pb_kits/playbook/pb_popover/docs/index.js +0 -2
  98. data/app/pb_kits/playbook/pb_progress_step/_progress_step.html.erb +6 -0
  99. data/app/pb_kits/playbook/pb_progress_step/_progress_step.jsx +35 -0
  100. data/app/pb_kits/playbook/pb_progress_step/_progress_step.scss +388 -0
  101. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.html.erb +23 -0
  102. data/app/pb_kits/playbook/pb_progress_step/_progress_step_item.jsx +44 -0
  103. data/app/pb_kits/playbook/pb_progress_step/docs/_description.md +1 -0
  104. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.html.erb +8 -0
  105. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_dark.jsx +18 -0
  106. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb +33 -0
  107. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx +39 -0
  108. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb +33 -0
  109. data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx +40 -0
  110. data/app/pb_kits/playbook/pb_progress_step/docs/example.yml +12 -0
  111. data/app/pb_kits/playbook/pb_progress_step/docs/index.js +3 -0
  112. data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +33 -0
  113. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +19 -0
  114. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.html.erb +30 -0
  115. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.jsx +97 -0
  116. data/app/pb_kits/playbook/pb_selectable_card_icon/_selectable_card_icon.scss +74 -0
  117. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.html.erb +29 -0
  118. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx +41 -0
  119. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.html.erb +30 -0
  120. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_dark.jsx +40 -0
  121. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.html.erb +26 -0
  122. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx +37 -0
  123. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.html.erb +27 -0
  124. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx +40 -0
  125. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/example.yml +16 -0
  126. data/app/pb_kits/playbook/pb_selectable_card_icon/docs/index.js +4 -0
  127. data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.rb +50 -0
  128. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.html.erb +24 -0
  129. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.jsx +107 -0
  130. data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss +85 -0
  131. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.html.erb +26 -0
  132. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_dark.jsx +43 -0
  133. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb +23 -0
  134. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx +40 -0
  135. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.html.erb +27 -0
  136. data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx +46 -0
  137. data/app/pb_kits/playbook/pb_selectable_icon/docs/example.yml +12 -0
  138. data/app/pb_kits/playbook/pb_selectable_icon/docs/index.js +3 -0
  139. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.rb +55 -0
  140. data/app/pb_kits/playbook/pb_source/_source.jsx +113 -13
  141. data/app/pb_kits/playbook/pb_source/docs/_source_default.html.erb +3 -1
  142. data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx +37 -0
  143. data/app/pb_kits/playbook/pb_source/docs/_source_noicon.jsx +40 -0
  144. data/app/pb_kits/playbook/pb_source/docs/_source_types.jsx +85 -0
  145. data/app/pb_kits/playbook/pb_source/docs/example.yml +3 -0
  146. data/app/pb_kits/playbook/pb_source/docs/index.js +5 -0
  147. data/app/pb_kits/playbook/pb_star_rating/_star_rating.html.erb +6 -2
  148. data/app/pb_kits/playbook/pb_star_rating/_star_rating.jsx +98 -13
  149. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx +28 -0
  150. data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx +13 -0
  151. data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +2 -1
  152. data/app/pb_kits/playbook/pb_star_rating/docs/index.js +3 -0
  153. data/app/pb_kits/playbook/pb_star_rating/star_rating.rb +2 -1
  154. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb +1 -1
  155. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +1 -1
  156. data/app/pb_kits/playbook/pb_stat_change/stat_change.rb +1 -1
  157. data/app/pb_kits/playbook/pb_text_input/_text_input.html.erb +5 -3
  158. data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +19 -1
  159. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb +31 -5
  160. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +3 -0
  161. data/app/pb_kits/playbook/pb_text_input/text_input.rb +1 -1
  162. data/app/pb_kits/playbook/pb_timestamp/_timestamp.jsx +39 -14
  163. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +8 -0
  164. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +3 -3
  165. data/app/pb_kits/playbook/pb_timestamp/docs/index.js +1 -0
  166. data/app/pb_kits/playbook/pb_title_detail/_title_detail.jsx +47 -14
  167. data/app/pb_kits/playbook/pb_title_detail/docs/_title_detail_default.jsx +26 -0
  168. data/app/pb_kits/playbook/pb_title_detail/docs/example.yml +3 -3
  169. data/app/pb_kits/playbook/pb_title_detail/docs/index.js +1 -0
  170. data/app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb +10 -0
  171. data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +105 -0
  172. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +10 -0
  173. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb +9 -0
  174. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +5 -0
  175. data/app/pb_kits/playbook/pb_tooltip/index.js +80 -0
  176. data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +34 -0
  177. data/app/pb_kits/playbook/plugins/pb_chart.js +53 -1
  178. data/app/pb_kits/playbook/tokens/_colors.scss +7 -3
  179. data/app/pb_kits/playbook/vendor.js +3 -0
  180. data/lib/playbook/version.rb +1 -1
  181. metadata +96 -11
  182. data/app/pb_kits/playbook/pb_layout/_body.jsx +0 -26
  183. data/app/pb_kits/playbook/pb_layout/_sidebar.jsx +0 -26
  184. data/app/pb_kits/playbook/pb_layout/docs/_layout_default.jsx +0 -14
  185. data/app/pb_kits/playbook/pb_popover/docs/_popover_portal.jsx +0 -34
  186. data/app/pb_kits/playbook/pb_popover/docs/_popover_with_button.html.erb +0 -4
@@ -1,26 +0,0 @@
1
- import React, { Component } from 'react'
2
- import PropTypes from 'prop-types'
3
-
4
- const propTypes = {
5
- children: PropTypes.oneOfType([
6
- PropTypes.arrayOf(PropTypes.node),
7
- PropTypes.node,
8
- ]),
9
- }
10
-
11
- class Body extends Component {
12
- render() {
13
- const {
14
- children,
15
- } = this.props
16
- return (
17
- <div className="layout_body">
18
- {children}
19
- </div>
20
- )
21
- }
22
- }
23
-
24
- Body.propTypes = propTypes
25
-
26
- export default Body
@@ -1,26 +0,0 @@
1
- import React, { Component } from 'react'
2
- import PropTypes from 'prop-types'
3
-
4
- const propTypes = {
5
- children: PropTypes.oneOfType([
6
- PropTypes.arrayOf(PropTypes.node),
7
- PropTypes.node,
8
- ]),
9
- }
10
-
11
- class Sidebar extends Component {
12
- render() {
13
- const {
14
- children,
15
- } = this.props
16
- return (
17
- <div className="layout_sidebar">
18
- {children}
19
- </div>
20
- )
21
- }
22
- }
23
-
24
- Sidebar.propTypes = propTypes
25
-
26
- export default Sidebar
@@ -1,14 +0,0 @@
1
- import React from 'react'
2
- import { Layout } from '../../'
3
-
4
- const LayoutDefault = () => {
5
- return (
6
- <div>
7
- <Layout>
8
- {'This is great!'}
9
- </Layout>
10
- </div>
11
- )
12
- }
13
-
14
- export default LayoutDefault
@@ -1,34 +0,0 @@
1
- import React, { useState } from 'react'
2
- import {
3
- Button,
4
- PbReactPopover,
5
- } from '../..'
6
-
7
- const PopoverPortal = () => {
8
- const [showPopover, setShowPopover] = useState(false)
9
-
10
- const handleTogglePopover = () => {
11
- setShowPopover(!showPopover)
12
- }
13
-
14
- const popoverReference = (
15
- <Button
16
- onClick={handleTogglePopover}
17
- text="Button Secondary"
18
- variant="secondary"
19
- />
20
- )
21
-
22
- return (
23
- <PbReactPopover
24
- placement="bottom"
25
- reference={popoverReference}
26
- show={showPopover}
27
- usePortal
28
- >
29
- {'Whoa. I\'m a portal popover.'}
30
- </PbReactPopover>
31
- )
32
- }
33
-
34
- export default PopoverPortal
@@ -1,4 +0,0 @@
1
- <%= pb_rails("button", props: { text: "Button Secondary", variant: "secondary", id: 'regular-popover-3' }) %>
2
- <%= pb_rails("popover", props: {trigger_element_id: "regular-popover-3", tooltip_id: "tooltip-3", position: 'bottom', offset: true }) do %>
3
- Whoa. I'm a popover.
4
- <% end %>