playbook_ui_docs 13.34.1.pre.alpha.PLAY14703378 → 13.34.1.pre.alpha.pbntr258paginationkitforreact3404

Sign up to get free protection for your applications and to get access to all the features.
Files changed (279) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +1 -1
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +1 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +2 -2
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +1 -1
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +1 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +1 -1
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +1 -1
  12. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +1 -1
  13. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +1 -1
  14. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +1 -1
  15. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx +1 -1
  16. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx +1 -1
  17. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +1 -1
  18. data/app/pb_kits/playbook/pb_background/docs/_background_category.jsx +2 -2
  19. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +1 -1
  20. data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +2 -2
  21. data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +1 -1
  22. data/app/pb_kits/playbook/pb_background/docs/_background_size.jsx +1 -1
  23. data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +2 -2
  24. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx +2 -2
  25. data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +1 -1
  26. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +1 -1
  27. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +1 -1
  28. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +1 -1
  29. data/app/pb_kits/playbook/pb_body/docs/_body_articles.jsx +1 -1
  30. data/app/pb_kits/playbook/pb_body/docs/_body_block.jsx +1 -1
  31. data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +1 -1
  32. data/app/pb_kits/playbook/pb_body/docs/_body_styled.jsx +1 -1
  33. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +1 -1
  34. data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx +1 -1
  35. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +1 -1
  36. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +1 -1
  37. data/app/pb_kits/playbook/pb_button/docs/_button_form.jsx +1 -1
  38. data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx +1 -1
  39. data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +1 -1
  40. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx +1 -1
  41. data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +1 -1
  42. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +1 -1
  43. data/app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx +1 -1
  44. data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx +1 -1
  45. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx +1 -1
  46. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx +1 -1
  47. data/app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx +1 -1
  48. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +1 -1
  49. data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx +1 -1
  50. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -1
  51. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx +1 -1
  52. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx +1 -1
  53. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
  54. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx +1 -1
  55. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx +1 -1
  56. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx +1 -1
  57. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx +1 -1
  58. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +1 -1
  59. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx +1 -1
  60. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx +1 -1
  61. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_state.jsx +1 -1
  62. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +1 -1
  63. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +1 -1
  64. data/app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.jsx +1 -1
  65. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +1 -1
  66. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +2 -2
  67. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +1 -1
  68. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +1 -1
  69. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx +1 -1
  70. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx +1 -1
  71. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx +1 -1
  72. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx +1 -1
  73. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx +1 -1
  74. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +1 -1
  75. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +1 -1
  76. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +1 -1
  77. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx +1 -1
  78. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +1 -1
  79. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +1 -1
  80. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +1 -1
  81. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +1 -1
  82. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx +1 -3
  83. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx +1 -1
  84. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx +1 -2
  85. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx +1 -1
  86. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +30 -29
  87. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +1 -1
  88. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +1 -1
  89. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +1 -1
  90. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx +1 -1
  91. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx +1 -1
  92. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx +1 -1
  93. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +1 -1
  94. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx +1 -1
  95. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +1 -1
  96. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx +1 -1
  97. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +1 -1
  98. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx +1 -1
  99. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +1 -1
  100. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +1 -1
  101. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx +1 -1
  102. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +1 -1
  103. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx +1 -1
  104. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +1 -1
  105. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx +1 -1
  106. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +2 -3
  107. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +2 -3
  108. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx +2 -3
  109. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx +2 -3
  110. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +3 -4
  111. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +1 -1
  112. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx +1 -1
  113. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx +1 -1
  114. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +1 -1
  115. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +1 -1
  116. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +1 -1
  117. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +1 -1
  118. data/app/pb_kits/playbook/pb_flex/docs/_flex_align.jsx +1 -1
  119. data/app/pb_kits/playbook/pb_flex/docs/_flex_default.jsx +1 -1
  120. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx +1 -1
  121. data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx +1 -1
  122. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx +1 -1
  123. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +1 -1
  124. data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx +1 -1
  125. data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.jsx +1 -1
  126. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.jsx +1 -1
  127. data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.jsx +1 -1
  128. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +1 -1
  129. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +1 -1
  130. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +1 -1
  131. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +1 -1
  132. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +1 -1
  133. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +1 -1
  134. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +1 -1
  135. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +1 -1
  136. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +1 -1
  137. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +1 -1
  138. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +1 -1
  139. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +1 -1
  140. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx +1 -1
  141. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +1 -1
  142. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +1 -1
  143. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx +1 -1
  144. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.jsx +1 -1
  145. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_sizes.jsx +1 -1
  146. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.jsx +1 -1
  147. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx +1 -1
  148. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx +1 -1
  149. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx +1 -1
  150. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx +1 -1
  151. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx +1 -1
  152. data/app/pb_kits/playbook/pb_legend/docs/_legend_prefix.jsx +1 -1
  153. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx +1 -3
  154. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx +1 -3
  155. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx +1 -3
  156. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx +1 -3
  157. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx +1 -3
  158. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +1 -1
  159. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +1 -1
  160. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +1 -1
  161. data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +1 -1
  162. data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +1 -1
  163. data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +1 -1
  164. data/app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx +1 -1
  165. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx +1 -1
  166. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx +1 -1
  167. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx +1 -1
  168. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx +1 -1
  169. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx +1 -1
  170. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.jsx +1 -1
  171. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_with_all_options.jsx +1 -1
  172. data/app/pb_kits/playbook/pb_nav/docs/_nav_with_font_control.jsx +1 -1
  173. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx +1 -1
  174. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx +1 -1
  175. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.jsx +19 -0
  176. data/app/pb_kits/playbook/pb_pagination/docs/example.yml +2 -1
  177. data/app/pb_kits/playbook/pb_pagination/docs/index.js +1 -0
  178. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx +1 -1
  179. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx +1 -1
  180. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.jsx +1 -1
  181. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +1 -1
  182. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx +1 -1
  183. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.jsx +1 -1
  184. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx +1 -1
  185. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx +1 -1
  186. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx +1 -1
  187. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx +1 -1
  188. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx +1 -1
  189. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +1 -1
  190. data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx +1 -1
  191. data/app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx +1 -1
  192. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +1 -1
  193. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +1 -1
  194. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx +1 -1
  195. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx +1 -1
  196. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.jsx +1 -1
  197. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx +1 -1
  198. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.jsx +1 -1
  199. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx +1 -1
  200. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.jsx +1 -1
  201. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx +1 -1
  202. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx +1 -1
  203. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx +1 -1
  204. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx +1 -1
  205. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx +1 -1
  206. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx +1 -1
  207. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx +1 -1
  208. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx +1 -1
  209. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx +1 -1
  210. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx +1 -1
  211. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +5 -4
  212. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx +1 -1
  213. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx +1 -1
  214. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx +1 -1
  215. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx +1 -1
  216. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx +1 -1
  217. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx +1 -1
  218. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx +1 -1
  219. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx +1 -1
  220. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx +1 -1
  221. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +1 -1
  222. data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx +1 -1
  223. data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx +1 -1
  224. data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +1 -1
  225. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx +1 -1
  226. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +1 -1
  227. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +1 -1
  228. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +1 -1
  229. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx +1 -1
  230. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx +1 -1
  231. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +3 -3
  232. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +1 -1
  233. data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx +1 -1
  234. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx +1 -1
  235. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx +1 -3
  236. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx +1 -3
  237. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx +1 -3
  238. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx +1 -3
  239. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx +1 -3
  240. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx +1 -3
  241. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx +1 -3
  242. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx +1 -3
  243. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx +1 -3
  244. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx +1 -3
  245. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx +1 -3
  246. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx +1 -3
  247. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx +1 -3
  248. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx +1 -1
  249. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx +0 -2
  250. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx +0 -2
  251. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx +0 -2
  252. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx +0 -2
  253. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +4 -5
  254. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +1 -3
  255. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +18 -21
  256. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx +21 -31
  257. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +20 -23
  258. data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.jsx +1 -1
  259. data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx +1 -1
  260. data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx +1 -1
  261. data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx +1 -1
  262. data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx +1 -1
  263. data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx +1 -1
  264. data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx +1 -1
  265. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx +1 -1
  266. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx +1 -1
  267. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx +1 -1
  268. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx +1 -1
  269. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx +1 -1
  270. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx +1 -1
  271. data/dist/playbook-doc.js +1 -106
  272. metadata +4 -9
  273. data/dist/app/components/playbook/pb_docs/advanced_table_mock_data.json +0 -278
  274. data/dist/app/components/playbook/pb_docs/kit_api.html.erb +0 -321
  275. data/dist/app/components/playbook/pb_docs/kit_api.rb +0 -150
  276. data/dist/app/components/playbook/pb_docs/kit_example.html.erb +0 -80
  277. data/dist/app/components/playbook/pb_docs/kit_example.rb +0 -94
  278. data/dist/menu.yml +0 -568
  279. data/dist/pb_doc_helper.rb +0 -103
data/dist/menu.yml DELETED
@@ -1,568 +0,0 @@
1
- ---
2
- web: &1
3
- - rails
4
- - react
5
- all: &3
6
- - rails
7
- - react
8
- - swift
9
- rails_swift:
10
- - rails
11
- - swift
12
- react_swift:
13
- - swift
14
- - react
15
- rails_only: &4
16
- - rails
17
- react_only: &2
18
- - react
19
- swift_only:
20
- - swift
21
- kits:
22
- - category: alerts_and_dialogs
23
- description:
24
- components:
25
- - name: dialog
26
- platforms: *1
27
- description:
28
- status: stable
29
- - name: fixed_confirmation_toast
30
- platforms: *1
31
- description: Fixed Confirmation Toast is used as an alert. Success is used when
32
- a user successfully completes an action. Error is used when there is an error
33
- and the user cannot proceed. Neutral is used to display information to a user
34
- to complete a task.
35
- status: stable
36
- - name: popover
37
- platforms: *1
38
- description: A popover is a way to toggle content on top of other content. It
39
- can be used for small texts, small forms, or even dropdowns. By default, popover
40
- will toggle open/closed by simply clicking the trigger element.
41
- status: stable
42
- - name: tooltip
43
- platforms: *1
44
- description:
45
- status: stable
46
- - category: buttons
47
- description: Buttons are used primarily for actions, such as “Save” and “Cancel”.
48
- Link Buttons are used for less important or less commonly used actions, such as
49
- “view shipping settings”.
50
- components:
51
- - name: button
52
- platforms: *1
53
- description:
54
- status: stable
55
- - name: button_toolbar
56
- platforms: *1
57
- description: This kit should primarily hold the most commonly used buttons.
58
- status: stable
59
- - name: circle_icon_button
60
- platforms: *1
61
- description: When using Icon Circle Button, the icon must be clear a clear indication
62
- of what the button does because there is no text.
63
- status: stable
64
- - category: data_visualization
65
- description:
66
- components:
67
- - name: map
68
- platforms: *2
69
- description: This kit provides a wrapping class to place around the MapLibre library.
70
- status: stable
71
- - name: table
72
- platforms: *1
73
- description: Tables display a collection of structured data and typically have
74
- the ability to sort, filter, and paginate data.
75
- status: stable
76
- - name: advanced_table
77
- platforms: *1
78
- description: The Advanced Table can be used to display complex, nested data in
79
- a way that allows for expansion and/or sorting.
80
- status: stable
81
- - name: list
82
- platforms: *1
83
- description: Lists display a vertical set of related content.
84
- status: stable
85
- - name: filter
86
- platforms: *1
87
- description: This kit can be implemented in a variety of ways. To see examples
88
- of how to implement this kit in production visit the /dev_docs/search page in
89
- production.
90
- status: stable
91
- - name: distribution_bar
92
- platforms: *1
93
- description: Can be used in the same way a pie chart can be used. By default,
94
- Distribution Bar comparatively represents data without numbers.
95
- status: stable
96
- - name: legend
97
- platforms: *1
98
- description: A key used to compare the variables and their value in any given
99
- graph.
100
- status: stable
101
- - name: gauge
102
- platforms: *1
103
- description:
104
- status: stable
105
- - name: bar_graph
106
- platforms: *1
107
- description: Bar graphs are used to compare data. Bar graphs are not typically
108
- used to show percentages.
109
- status: stable
110
- - name: circle_chart
111
- platforms: *1
112
- description:
113
- status: stable
114
- - name: line_graph
115
- platforms: *1
116
- description: Line graphs are used to show changes in data over time.
117
- status: stable
118
- - name: treemap_chart
119
- platforms: *1
120
- description: Treemap charts are used to compare the relative size of groups of
121
- data. They can also use a nested data structure, allowing a user to drill down
122
- into a group to see its constituent data points.
123
- status: stable
124
- - category: date_and_time_text_patterns
125
- description: ''
126
- components:
127
- - name: date
128
- platforms: *1
129
- description: Use to display the date. Year will not display if it is the current
130
- year.
131
- status: stable
132
- - name: date_range_inline
133
- platforms: *1
134
- description: Use to display a date range. Year will not show if it is the current
135
- year.
136
- status: stable
137
- - name: date_range_stacked
138
- platforms: *1
139
- description:
140
- status: stable
141
- - name: date_stacked
142
- platforms: *1
143
- description: Use to display the date, stacking month and day. Year will not show
144
- if it is the current year.
145
- status: stable
146
- - name: date_time
147
- platforms: *1
148
- description: Date Time is a composite kit that leverages the Date and Time kits.
149
- The Date Time kit is affected by time zones and defaults to "America/New_York".
150
- - name: date_time_stacked
151
- platforms: *1
152
- description:
153
- status: stable
154
- - name: date_year_stacked
155
- platforms: *1
156
- description: This kit is a simple option for displaying dates in a month, day
157
- and the year format.
158
- status: stable
159
- - name: time
160
- platforms: *1
161
- description: This kit consist of large display and table display format. It includes
162
- and icon, and a time zone.
163
- status: stable
164
- - name: time_range_inline
165
- platforms: *1
166
- description:
167
- status: stable
168
- - name: time_stacked
169
- platforms: *1
170
- description:
171
- status: stable
172
- - name: timestamp
173
- platforms: *3
174
- description: This low profile kit displays time. Elapsed, current, future, or
175
- otherwise.
176
- status: stable
177
- - name: weekday_stacked
178
- platforms: *1
179
- description:
180
- status: stable
181
- - category: form_and_dashboard_text_patterns
182
- description: ''
183
- components:
184
- - name: contact
185
- platforms: *1
186
- description: Use to display customer's or user's contact information.
187
- status: stable
188
- - name: currency
189
- platforms: *1
190
- description: Use to display monetary amounts, typically on dashboards or other
191
- layouts to show an overview or summary. User understanding increase when paired
192
- with labels.
193
- status: stable
194
- - name: home_address_street
195
- platforms: *1
196
- description: This kit can be used to display the address for a homeowner/project.
197
- It contains street address, APT format, City, state and zip. A Project hashtag
198
- can be used as a prop to link back to a project.
199
- status: stable
200
- - name: label_pill
201
- platforms: *1
202
- description: This kit combines the caption and pill kit with all its variants.
203
- status: stable
204
- - name: label_value
205
- platforms: *1
206
- description: This kit can be very versatile when used to display text data.
207
- status: stable
208
- - name: person
209
- platforms: *1
210
- description: This kit is broken down into a first name last name format with normal
211
- and bold weighted text.
212
- status: stable
213
- - name: person_contact
214
- platforms: *1
215
- description: This kit can be used to display a person contact information.
216
- status: stable
217
- - name: source
218
- platforms: *1
219
- description: General use is to describe the discovery of businesses, customers,
220
- etc. This kit can also be used for other purposes as well.
221
- status: stable
222
- - name: dashboard_value
223
- platforms: *1
224
- description: Use in dashboards to give the viewer a quick overview of important
225
- metrics. If want to show currency, use Currency Kit.
226
- status: stable
227
- - name: stat_change
228
- platforms: *1
229
- description: Displays the increase, decrease, or neutral change in data.
230
- status: stable
231
- - name: stat_value
232
- platforms: *1
233
- description: This kit was cerated for the main use as a dashboard display for
234
- numbers. A large label is an optional part if it needs more clarity.
235
- status: stable
236
- - name: title_count
237
- platforms: *1
238
- description: This kits consists of title kit and body text. It is used to display
239
- a title and a count (numbers). It has a base size and a large formation for
240
- dashboard use.
241
- status: stable
242
- - name: title_detail
243
- platforms: *1
244
- description: This kit can be used in many versatile ways. It consist of a title
245
- 4 and light body text kit.
246
- status: stable
247
- - category: form_elements
248
- description:
249
- components:
250
- - name: file_upload
251
- platforms: *1
252
- description:
253
- status: stable
254
- - name: toggle
255
- platforms: *1
256
- description: Physical switch that allows users to turn things on or off. Used
257
- for applying system states, presenting binary options and activating a state.
258
- status: stable
259
- - name: form_pill
260
- platforms: *1
261
- description:
262
- status: stable
263
- - name: form
264
- platforms: *4
265
- description: The form kit provides consumers with a convenient, consistently styled
266
- <form> wrapper.
267
- status: stable
268
- - name: form_group
269
- platforms: *1
270
- description:
271
- status: stable
272
- - category: form_input
273
- description: ''
274
- components:
275
- - name: passphrase
276
- platforms: *1
277
- description:
278
- status: stable
279
- - name: phone_number_input
280
- platforms: *1
281
- description:
282
- status: stable
283
- - name: text_input
284
- platforms: *1
285
- description: Area where user can enter small amount of text. Commonly used in
286
- forms.
287
- status: stable
288
- - name: rich_text_editor
289
- platforms: *1
290
- description:
291
- status: stable
292
- - name: textarea
293
- platforms: *1
294
- description: Area where user can enter larger amounts of text. Commonly used in
295
- forms.
296
- status: stable
297
- - name: typeahead
298
- platforms: *1
299
- description: Typeahead is auto suggestion or completion based on what the user
300
- is starting to type, gets refined as the user types more.
301
- status: stable
302
- - category: form_selection
303
- description:
304
- components:
305
- - name: date_picker
306
- platforms: *1
307
- description: Playbook's date picker is built using flatpickr, a vanilla js library.
308
- Common date picker use cases and features have been adapted into simple prop
309
- based configuration detailed in the docs below.
310
- status: stable
311
- - name: dropdown
312
- platforms: *1
313
- description: ''
314
- status: stable
315
- - name: multi_level_select
316
- platforms: *1
317
- description: The MultiLevelSelect kit renders a multi leveled select dropdown
318
- based on data from the user.
319
- status: stable
320
- - name: select
321
- platforms: *1
322
- description: Select displays multiple options for a user to pick from in a dropdown
323
- menu. User selects one option.
324
- status: stable
325
- - name: selectable_card
326
- platforms: *1
327
- description: Cards for information/content that can be selected. There is design
328
- for unselected and selected states. Typically used as a form element.
329
- status: stable
330
- - name: selectable_card_icon
331
- platforms: *1
332
- description:
333
- status: stable
334
- - name: selectable_icon
335
- platforms: *1
336
- description:
337
- status: stable
338
- - name: radio
339
- platforms: *3
340
- description: Radio is a control that allows the user to only choose one predefined
341
- option.
342
- status: stable
343
- - name: checkbox
344
- platforms: *1
345
- description: Checkbox is used for a list of selections that are meant to have
346
- one or more options checked.
347
- status: stable
348
- - name: selectable_list
349
- platforms: *1
350
- description:
351
- status: stable
352
- - category: icons_and_images
353
- description: ''
354
- components:
355
- - name: icon
356
- platforms: *1
357
- description: An icon is a graphic symbol that represents an object (ie a file)
358
- or a function. They can be used to give the user feedback.
359
- status: stable
360
- - name: icon_circle
361
- platforms: *1
362
- description: Similar to Icon, Icon Circle is a graphical symbol within a circle
363
- used to visually indicate an object or function.
364
- status: stable
365
- - name: icon_stat_value
366
- platforms: *1
367
- description:
368
- status: stable
369
- - name: icon_value
370
- platforms: *1
371
- description: Icon Value leverages our icon kit, to display a value of some sort
372
- in the interface. Typically, this includes a numerical value.
373
- status: stable
374
- - name: user_badge
375
- platforms: *1
376
- description: This kit was created to display employee icons related to a Nitro
377
- user. Currently there is the PVI logo and the Million Dollar Rep Icon.
378
- status: stable
379
- - name: image
380
- platforms: *1
381
- description: A responsive image component.
382
- status: stable
383
- - name: lightbox
384
- platforms: *2
385
- description: The Lightbox kit is a popup window overlay that will appear on top
386
- of your webpage and cover the entirety of the screen.
387
- status: stable
388
- - name: star_rating
389
- platforms: *1
390
- description: A component to view other people’s opinions and experiences. Use
391
- when you want to show evaluation or a quick quantitative rating. Most effective
392
- when paired with reviews.
393
- status: stable
394
- - category: layout_and_structure
395
- description:
396
- components:
397
- - name: flex
398
- platforms: *1
399
- description: This kit is used to build most of the complex interfaces. The Flex
400
- Kit is used the same way flex box is used.
401
- status: stable
402
- - name: layout
403
- platforms: *1
404
- description: Layouts used for positioning content inside of pages, cards, or containers.
405
- status: stable
406
- - name: card
407
- platforms: *3
408
- description:
409
- status: stable
410
- - name: section_separator
411
- platforms: *1
412
- description: Section separator is a divider line that compartmentalizes content,
413
- typically used on cards or white backgrounds.
414
- status: stable
415
- - name: background
416
- platforms: *1
417
- description: The background kit is used for adding a background to a page or to
418
- any container.
419
- status: stable
420
- - name: collapsible
421
- platforms: *1
422
- description:
423
- status: stable
424
- - name: overlay
425
- platforms: *1
426
- status: stable
427
- - name: draggable
428
- platforms: *2
429
- description:
430
- status: stable
431
- - category: message_text_patterns
432
- description:
433
- components:
434
- - name: highlight
435
- platforms: *1
436
- description: Highlight is used to pick out or emphasize content.
437
- status: stable
438
- - name: message
439
- platforms: *1
440
- description: This multi kit consist of a an avatar, a status, a caption, a body
441
- text, and a time stamp. All which can be optional.
442
- status: stable
443
- - category: navigation
444
- description:
445
- components:
446
- - name: bread_crumbs
447
- platforms: *1
448
- description: BreadCrumbs can be used for keeping a user aware of their route location.
449
- status: stable
450
- - name: nav
451
- platforms: *1
452
- description: The nav is a grouped set of links that take the user to another page,
453
- or tab through parts of a page. It comes in horizontal or vertical with several
454
- different variants.
455
- status: stable
456
- - name: pagination
457
- platforms: *4
458
- description:
459
- status: stable
460
- - category: state_and_progress_indicators
461
- description:
462
- components:
463
- - name: loading_inline
464
- platforms: *1
465
- description: The loading kit is used to indicate to users that a page is still
466
- loading, or an action is still being processed.
467
- status: stable
468
- - name: progress_pills
469
- platforms: *1
470
- description: Progress pills indicate a specific point in time of a series of sequential
471
- steps. They are used to track progress of something over time.
472
- status: stable
473
- - name: progress_simple
474
- platforms: *1
475
- description: Displays the current progress of an operation flow. User understanding
476
- increases when paired with labels or numbers.
477
- - name: progress_step
478
- platforms: *1
479
- description: 'Progress step kit is used to show the progress of a process. There
480
- are three types of steps in this kit: completed, active, and inactive.'
481
- status: stable
482
- - name: walkthrough
483
- platforms: *1
484
- description:
485
- status: stable
486
- - name: timeline
487
- platforms: *1
488
- description: The timeline kit can use two different line styles in the same timeline
489
- - solid and dotted line styles.
490
- status: stable
491
- - category: tags
492
- description:
493
- components:
494
- - name: badge
495
- platforms: *1
496
- description: Badges can be used for notification, tags, and status. They are used
497
- for count and numbers.
498
- status: stable
499
- - name: online_status
500
- platforms: *1
501
- description: Online Status is a small indicator that lets the user know the status
502
- of a person or item.
503
- status: stable
504
- - name: pill
505
- platforms: *3
506
- description: A pill uses both a keyword and a specific color to categorize an
507
- item.
508
- status: stable
509
- - name: hashtag
510
- platforms: *1
511
- description: Hashtag is used to display home, project and other forms of IDs.
512
- They can be used as a link.
513
- status: stable
514
- - category: typography
515
- description: ''
516
- components:
517
- - name: body
518
- platforms: *1
519
- description: Default text style for paragraphs. Follow hiearchy when using "light"
520
- or "lighter" variants to deemphasize text — default style should be followed
521
- by "light" followed by "lighter".
522
- status: stable
523
- - name: caption
524
- platforms: *1
525
- description: Use to provide supplementary context. Default size is best when providing
526
- supplementary context to a small section (i.e. label for a text input, label
527
- for a paragraph). Use large caption when supplementary text covers more content.
528
- status: stable
529
- - name: detail
530
- platforms: *1
531
- description: Used for tables or designs with large amounts of data or text.
532
- status: stable
533
- - name: title
534
- platforms: *1
535
- description: Typically used as headers. Follow semantic hierarchy — Title 1s should
536
- be followed by Title 2s followed by Title 3s and so on, without skipping any
537
- levels.
538
- status: stable
539
- - category: user
540
- description:
541
- components:
542
- - name: avatar
543
- platforms: *3
544
- description: Avatar displays a user's picture. This helps aid easy recognition
545
- of the user. This kit is normally not used by itself, but rather used within
546
- other kits. The only time Avatar should be used instead of the User kit is when
547
- you are not going to display the user's name.
548
- status: stable
549
- - name: avatar_action_button
550
- platforms: *1
551
- description:
552
- status: stable
553
- - name: multiple_users
554
- platforms: *1
555
- description: The multiple users kit is used to show that more than one user is
556
- associated to an action or item.
557
- status: stable
558
- - name: multiple_users_stacked
559
- platforms: *1
560
- description: Multiple users stacked is used in tight spaces, where we need to
561
- indicate that multiple users are associated to a specific action or item.
562
- status: stable
563
- - name: user
564
- platforms: *1
565
- description: This kit was created for having a systematic way of displaying users
566
- with avatar, titles, name and territory. This is a versatile kit with features
567
- than can be added to display more info.
568
- status: stable
@@ -1,103 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module PlaybookWebsite
4
- module PbDocHelper
5
- def pb_kit_title(title)
6
- title.remove("pb_").titleize.tr("_", " ")
7
- end
8
-
9
- def pb_kit(kit: "", type: "rails", show_code: true, limit_examples: false, dark_mode: false, variants: [])
10
- examples = pb_doc_kit_examples(kit, type)
11
- examples.select! { |elem| variants.any? { |variant| elem.key?(variant) } } unless variants.empty?
12
- examples = examples.first(1) if limit_examples
13
- examples.map do |example|
14
- pb_rails "docs/kit_example", props: {
15
- kit: kit,
16
- example_title: example.values.first,
17
- example_key: example.keys.first,
18
- show_code: show_code,
19
- type: type,
20
- dark: dark_mode,
21
- }
22
- end.join.yield_self(&method(:raw))
23
- end
24
-
25
- def nav_hash_array(link)
26
- link.first.last
27
- end
28
-
29
- # Deal with lists of kits, used in Playbook doc and Externally
30
- # rubocop:disable Style/StringConcatenation
31
- def pb_kits(type: "rails", limit_examples: false, dark_mode: false, method: get_kits)
32
- display_kits = []
33
- kits = method
34
- kits.each do |kit|
35
- if kit.is_a?(Hash)
36
- nav_hash_array(kit).each do |sub_kit|
37
- display_kits << render_pb_doc_kit(sub_kit[:name], type, limit_examples, false, dark_mode) if sub_kit[:status] != "beta" && pb_doc_has_kit_type?(sub_kit[:name], type)
38
- end
39
- elsif pb_doc_has_kit_type?(kit, type)
40
- display_kits << render_pb_doc_kit(kit, type, limit_examples, false, dark_mode)
41
- end
42
- end
43
- raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
44
- end
45
- # rubocop:enable Style/StringConcatenation
46
-
47
- # rubocop:disable Naming/AccessorMethodName
48
- def get_kits(_type = "rails")
49
- aggregate_kits_with_status || []
50
- end
51
-
52
- def get_kits_pb_website
53
- menu = YAML.load_file(Rails.root.join("config/menu.yml"))
54
- menu["kits"]
55
- end
56
- # rubocop:enable Naming/AccessorMethodName
57
-
58
- # rubocop:disable Style/OptionalBooleanParameter
59
- def render_pb_doc_kit(kit, type, limit_examples, code = true, dark_mode = false)
60
- title = pb_doc_render_clickable_title(kit, type)
61
- ui = raw("<div class='pb--docItem-ui'>
62
- #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
63
- title + ui
64
- end
65
- # rubocop:enable Style/OptionalBooleanParameter
66
-
67
- private
68
-
69
- def pb_doc_kit_path(kit, *args)
70
- Playbook.kit_path(kit, "docs", *args)
71
- end
72
-
73
- def pb_doc_kit_examples(kit, type)
74
- example_file = pb_doc_kit_path(kit, "example.yml")
75
- if File.exist?(example_file)
76
- examples_list = YAML.load_file(example_file)
77
- .inject({}) { |item, (k, v)| item[k.to_sym] = v; item }
78
- examples_list.dig(:examples, type) || []
79
- else
80
- []
81
- end
82
- end
83
-
84
- def pb_doc_render_clickable_title(kit, type)
85
- url = "#"
86
- begin
87
- url = case type
88
- when "react"
89
- kit_show_reacts_path(kit)
90
- when "swift"
91
- kit_show_swift_path(kit)
92
- else
93
- kit_show_path(kit)
94
- end
95
- # FIXME: this is here because this helper generates a link for playbook website,
96
- # but shouldn't do anything when used elsewhere
97
- rescue
98
- puts "Kit Path Not Avaliable"
99
- end
100
- render inline: "<a href='#{url}'>#{pb_rails(:title, props: { text: pb_kit_title(kit), tag: 'h3', size: 2 })}</a>"
101
- end
102
- end
103
- end