playbook_ui_docs 14.15.0.pre.alpha.play1907passglobalpropstotooltiprails6706 → 14.15.0.pre.alpha.play1910emptystatekitreactbeta6579

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 (362) 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_column_headers.jsx +1 -1
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_custom_cell.jsx +1 -3
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_multiple.jsx +1 -1
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_custom_cell.jsx +1 -8
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +1 -1
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +1 -1
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +1 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +2 -2
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_no_subrows.jsx +1 -1
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination.jsx +1 -1
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pagination_with_props.jsx +1 -1
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx +1 -1
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows.jsx +1 -1
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx +1 -3
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_header.jsx +1 -1
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows.jsx +1 -1
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +1 -1
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +1 -1
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +1 -1
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +1 -1
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +1 -1
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.jsx +1 -1
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +1 -2
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  27. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_badge_component_overlay.jsx +1 -1
  28. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_circle_icon_component_overlay.jsx +1 -1
  29. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_default.jsx +1 -1
  30. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_monogram.jsx +1 -1
  31. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_no_image.jsx +1 -1
  32. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_status.jsx +1 -1
  33. data/app/pb_kits/playbook/pb_background/docs/_background_category.jsx +2 -2
  34. data/app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx +1 -1
  35. data/app/pb_kits/playbook/pb_background/docs/_background_image.jsx +2 -6
  36. data/app/pb_kits/playbook/pb_background/docs/_background_light.jsx +1 -1
  37. data/app/pb_kits/playbook/pb_background/docs/_background_size.jsx +1 -1
  38. data/app/pb_kits/playbook/pb_background/docs/_background_status.jsx +2 -2
  39. data/app/pb_kits/playbook/pb_background/docs/_background_status_subtle.jsx +2 -2
  40. data/app/pb_kits/playbook/pb_background/docs/_background_white.jsx +1 -1
  41. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx +1 -1
  42. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx +1 -1
  43. data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_position.jsx +1 -3
  44. data/app/pb_kits/playbook/pb_body/docs/_body_articles.jsx +1 -1
  45. data/app/pb_kits/playbook/pb_body/docs/_body_block.jsx +1 -1
  46. data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx +1 -1
  47. data/app/pb_kits/playbook/pb_body/docs/_body_styled.jsx +1 -1
  48. data/app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx +1 -2
  49. data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx +1 -1
  50. data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx +1 -2
  51. data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +1 -1
  52. data/app/pb_kits/playbook/pb_button/docs/_button_form.jsx +1 -1
  53. data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx +1 -1
  54. data/app/pb_kits/playbook/pb_button/docs/_button_hover.jsx +1 -1
  55. data/app/pb_kits/playbook/pb_button/docs/_button_icon_options.jsx +1 -1
  56. data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +1 -1
  57. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +1 -1
  58. data/app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx +1 -1
  59. data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx +1 -1
  60. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx +1 -3
  61. data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx +1 -2
  62. data/app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx +1 -1
  63. data/app/pb_kits/playbook/pb_caption/docs/_caption_colors.jsx +1 -1
  64. data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx +1 -1
  65. data/app/pb_kits/playbook/pb_card/docs/_card_background.jsx +1 -1
  66. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_error.jsx +1 -1
  67. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_indeterminate.jsx +1 -2
  68. data/app/pb_kits/playbook/pb_checkbox/docs/_checkbox_react_hook.jsx +1 -4
  69. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
  70. data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_click.jsx +1 -1
  71. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.jsx +1 -1
  72. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main.jsx +1 -7
  73. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_custom_main_with_icon.jsx +1 -7
  74. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx +1 -1
  75. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx +1 -1
  76. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_no_icon.jsx +1 -1
  77. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx +1 -1
  78. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_state.jsx +1 -4
  79. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +1 -1
  80. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +1 -1
  81. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx +1 -3
  82. data/app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx +1 -5
  83. data/app/pb_kits/playbook/pb_currency/docs/_currency_null_display.jsx +1 -1
  84. data/app/pb_kits/playbook/pb_currency/docs/_currency_unstyled.jsx +1 -3
  85. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +1 -2
  86. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +1 -4
  87. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +1 -4
  88. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +1 -2
  89. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.md +1 -3
  90. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx +1 -3
  91. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx +1 -3
  92. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +0 -2
  93. data/app/pb_kits/playbook/pb_date_range_stacked/docs/_date_range_stacked_default.jsx +1 -1
  94. data/app/pb_kits/playbook/pb_date_year_stacked/docs/_date_year_stacked_default.jsx +1 -1
  95. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx +1 -1
  96. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +1 -1
  97. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +1 -1
  98. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +1 -1
  99. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx +8 -7
  100. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx +1 -3
  101. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx +9 -8
  102. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx +9 -8
  103. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx +1 -2
  104. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx +1 -2
  105. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_separators.jsx +1 -3
  106. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx +1 -2
  107. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx +1 -3
  108. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx +1 -3
  109. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +1 -4
  110. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx +1 -5
  111. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx +12 -11
  112. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx +10 -9
  113. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx +1 -4
  114. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx +1 -3
  115. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_table_react.jsx +1 -6
  116. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_behavior.jsx +1 -4
  117. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +1 -4
  118. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +1 -2
  119. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_default.jsx +1 -4
  120. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +1 -6
  121. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +1 -4
  122. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_sizes.jsx +1 -4
  123. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx +1 -1
  124. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx +1 -3
  125. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +1 -1
  126. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx +1 -1
  127. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +1 -1
  128. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx +1 -1
  129. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx +1 -1
  130. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx +1 -1
  131. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +1 -5
  132. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.jsx +1 -7
  133. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +1 -7
  134. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +1 -7
  135. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx +1 -1
  136. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +1 -7
  137. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx +1 -5
  138. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +1 -8
  139. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx +1 -1
  140. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx +38 -0
  141. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx +19 -0
  142. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx +35 -0
  143. data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +7 -0
  144. data/app/pb_kits/playbook/pb_empty_state/docs/index.js +3 -0
  145. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx +5 -4
  146. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_description.jsx +1 -3
  147. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom_message.jsx +5 -3
  148. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx +5 -3
  149. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_max_size.jsx +6 -5
  150. data/app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx +1 -6
  151. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_height.jsx +1 -5
  152. data/app/pb_kits/playbook/pb_filter/docs/_filter_max_width.jsx +1 -5
  153. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +1 -6
  154. data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +1 -5
  155. data/app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx +1 -5
  156. data/app/pb_kits/playbook/pb_filter/docs/_filter_placement.jsx +1 -6
  157. data/app/pb_kits/playbook/pb_filter/docs/_filter_popover_props.jsx +1 -5
  158. data/app/pb_kits/playbook/pb_flex/docs/_flex_align.jsx +1 -3
  159. data/app/pb_kits/playbook/pb_flex/docs/_flex_default.jsx +1 -3
  160. data/app/pb_kits/playbook/pb_flex/docs/_flex_gap.jsx +1 -2
  161. data/app/pb_kits/playbook/pb_flex/docs/_flex_inline.jsx +1 -3
  162. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_align_self.jsx +1 -3
  163. data/app/pb_kits/playbook/pb_flex/docs/_flex_item_example.jsx +1 -3
  164. data/app/pb_kits/playbook/pb_flex/docs/_flex_justify.jsx +1 -3
  165. data/app/pb_kits/playbook/pb_flex/docs/_flex_reverse.jsx +1 -3
  166. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.jsx +1 -3
  167. data/app/pb_kits/playbook/pb_flex/docs/_flex_wrap.jsx +1 -4
  168. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -1
  169. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
  170. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_colors.jsx +1 -3
  171. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx +1 -5
  172. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +1 -1
  173. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_colors.jsx +1 -1
  174. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_complex.jsx +10 -9
  175. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_default.jsx +1 -1
  176. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_disable_animation.jsx +1 -1
  177. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_full_circle.jsx +1 -1
  178. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_height.jsx +1 -1
  179. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_live_data.jsx +1 -3
  180. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_min_max.jsx +1 -1
  181. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_sizing.jsx +1 -4
  182. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_title.jsx +1 -1
  183. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_units.jsx +1 -1
  184. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_default.jsx +1 -1
  185. data/app/pb_kits/playbook/pb_hashtag/docs/_hashtag_link.jsx +1 -1
  186. data/app/pb_kits/playbook/pb_icon/docs/_icon_custom.jsx +1 -1
  187. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_default.jsx +1 -1
  188. data/app/pb_kits/playbook/pb_icon_button/docs/_icon_button_sizes.jsx +1 -3
  189. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +1 -1
  190. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.jsx +1 -1
  191. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_default.jsx +1 -1
  192. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_sizes.jsx +1 -1
  193. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_vertical.jsx +1 -1
  194. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx +1 -1
  195. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details.jsx +1 -1
  196. data/app/pb_kits/playbook/pb_label_value/docs/_label_value_details_examples.jsx +1 -3
  197. data/app/pb_kits/playbook/pb_legend/docs/_legend_colors.jsx +1 -1
  198. data/app/pb_kits/playbook/pb_legend/docs/_legend_custom_colors.jsx +1 -1
  199. data/app/pb_kits/playbook/pb_legend/docs/_legend_prefix.jsx +1 -1
  200. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_compound_component.jsx +1 -2
  201. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_current_photo.jsx +1 -6
  202. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_custom_header.jsx +1 -4
  203. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_default.jsx +1 -2
  204. data/app/pb_kits/playbook/pb_lightbox/docs/_lightbox_multiple.jsx +1 -2
  205. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend.jsx +1 -1
  206. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_nonclickable.jsx +1 -1
  207. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_legend_position.jsx +1 -2
  208. data/app/pb_kits/playbook/pb_link/docs/_link_color.jsx +1 -1
  209. data/app/pb_kits/playbook/pb_link/docs/_link_disabled.jsx +1 -1
  210. data/app/pb_kits/playbook/pb_link/docs/_link_icon.jsx +1 -1
  211. data/app/pb_kits/playbook/pb_link/docs/_link_tag.jsx +1 -1
  212. data/app/pb_kits/playbook/pb_link/docs/_link_target.jsx +1 -1
  213. data/app/pb_kits/playbook/pb_link/docs/_link_underline.jsx +1 -1
  214. data/app/pb_kits/playbook/pb_map/docs/_map_default.jsx +1 -2
  215. data/app/pb_kits/playbook/pb_map/docs/_map_with_custom_button.jsx +1 -5
  216. data/app/pb_kits/playbook/pb_map/docs/_map_with_plugin.jsx +1 -2
  217. data/app/pb_kits/playbook/pb_message/docs/_message_timestamp.jsx +1 -1
  218. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -1
  219. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +0 -1
  220. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_default.jsx +1 -1
  221. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_reverse.jsx +1 -1
  222. data/app/pb_kits/playbook/pb_multiple_users/docs/_multiple_users_size.jsx +1 -2
  223. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav.jsx +1 -2
  224. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_custom.jsx +1 -4
  225. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_item_spacing.jsx +1 -2
  226. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_no_icon.jsx +1 -2
  227. data/app/pb_kits/playbook/pb_nav/docs/_collapsible_nav_with_all_options.jsx +1 -2
  228. data/app/pb_kits/playbook/pb_nav/docs/_nav_with_font_control.jsx +1 -2
  229. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_default.jsx +4 -4
  230. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_hide_scroll_bar.jsx +6 -5
  231. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_multi_directional.jsx +6 -4
  232. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx +1 -4
  233. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +6 -4
  234. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_page_change.jsx +1 -2
  235. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx +1 -3
  236. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx +1 -4
  237. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.jsx +1 -2
  238. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.jsx +1 -6
  239. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.jsx +1 -5
  240. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_access_input_element.jsx +1 -3
  241. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_clear_field.jsx +1 -3
  242. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb +1 -1
  243. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.jsx +1 -1
  244. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx +1 -3
  245. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx +1 -1
  246. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_only_countries.jsx +1 -1
  247. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_preferred_countries.jsx +1 -1
  248. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +1 -4
  249. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +1 -3
  250. data/app/pb_kits/playbook/pb_popover/docs/_popover_actionable_content.jsx +7 -6
  251. data/app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx +5 -4
  252. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.jsx +6 -5
  253. data/app/pb_kits/playbook/pb_popover/docs/_popover_list.jsx +8 -7
  254. data/app/pb_kits/playbook/pb_popover/docs/_popover_scroll_height.jsx +6 -5
  255. data/app/pb_kits/playbook/pb_popover/docs/_popover_z_index.jsx +5 -4
  256. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.jsx +1 -1
  257. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx +1 -1
  258. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_flex.jsx +1 -3
  259. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx +1 -1
  260. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.jsx +1 -1
  261. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx +1 -1
  262. data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx +1 -1
  263. data/app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx +1 -3
  264. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.jsx +1 -1
  265. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_default.jsx +1 -1
  266. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_advanced_preview.jsx +1 -3
  267. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_attributes.jsx +1 -1
  268. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx +1 -1
  269. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx +1 -1
  270. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx +1 -1
  271. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_more_extensions.jsx +1 -1
  272. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +5 -3
  273. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx +1 -1
  274. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx +1 -1
  275. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx +1 -2
  276. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx +1 -1
  277. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_disabled.jsx +1 -1
  278. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx +1 -3
  279. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_color.jsx +1 -4
  280. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_dashed.jsx +1 -1
  281. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.jsx +1 -1
  282. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.jsx +1 -1
  283. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +1 -2
  284. data/app/pb_kits/playbook/pb_select/docs/_select_inline.jsx +1 -2
  285. data/app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx +1 -2
  286. data/app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx +1 -2
  287. data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_error.jsx +1 -4
  288. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx +1 -1
  289. data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx +1 -1
  290. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.jsx +1 -2
  291. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx +1 -2
  292. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.jsx +2 -1
  293. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_filter.jsx +1 -8
  294. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx +1 -2
  295. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.jsx +2 -1
  296. data/app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_user.jsx +1 -5
  297. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx +1 -1
  298. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx +1 -1
  299. data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx +1 -1
  300. data/app/pb_kits/playbook/pb_table/docs/_table_with_clickable_rows.jsx +1 -2
  301. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible.jsx +1 -4
  302. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +1 -4
  303. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_content.jsx +1 -7
  304. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.jsx +1 -4
  305. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.jsx +1 -5
  306. data/app/pb_kits/playbook/pb_table/docs/_table_with_selectable_rows.jsx +1 -5
  307. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +1 -1
  308. data/app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.jsx +1 -1
  309. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx +1 -3
  310. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom.jsx +1 -1
  311. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_custom_radio.jsx +1 -3
  312. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx +1 -1
  313. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx +1 -1
  314. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx +1 -3
  315. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default_react.jsx +1 -3
  316. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.jsx +1 -4
  317. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb +10 -0
  318. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx +1 -3
  319. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx +1 -4
  320. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_margin.jsx +1 -3
  321. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx +1 -5
  322. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +0 -2
  323. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_async_createable.jsx +1 -1
  324. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx +1 -1
  325. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_custom_menu_list.jsx +3 -1
  326. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx +1 -1
  327. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx +8 -6
  328. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +1 -1
  329. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +5 -3
  330. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx +6 -4
  331. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +6 -4
  332. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_color.jsx +1 -1
  333. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +0 -1
  334. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +0 -1
  335. data/app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.jsx +1 -6
  336. data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx +1 -1
  337. data/app/pb_kits/playbook/pb_user/docs/_user_light_weight.jsx +1 -1
  338. data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx +1 -1
  339. data/app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx +1 -1
  340. data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx +1 -1
  341. data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx +1 -1
  342. data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx +1 -1
  343. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_continuous.jsx +1 -2
  344. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_default.jsx +1 -2
  345. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_multi_beacon.jsx +1 -2
  346. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_beacon.jsx +1 -2
  347. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_no_overlay.jsx +1 -2
  348. data/app/pb_kits/playbook/pb_walkthrough/docs/_walkthrough_styled.jsx +1 -2
  349. data/dist/playbook-doc.js +1 -1
  350. metadata +8 -14
  351. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx +0 -102
  352. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md +0 -4
  353. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb +0 -39
  354. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb +0 -39
  355. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx +0 -91
  356. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md +0 -1
  357. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.html.erb +0 -5
  358. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.md +0 -1
  359. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb +0 -22
  360. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.html.erb +0 -22
  361. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx +0 -66
  362. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md +0 -1
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui_docs
3
3
  version: !ruby/object:Gem::Version
4
- version: 14.15.0.pre.alpha.play1907passglobalpropstotooltiprails6706
4
+ version: 14.15.0.pre.alpha.play1910emptystatekitreactbeta6579
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: 2025-03-14 00:00:00.000000000 Z
12
+ date: 2025-03-10 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: playbook_ui
@@ -59,8 +59,6 @@ files:
59
59
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
60
60
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
61
61
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
62
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.jsx
63
- - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_editing.md
64
62
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
65
63
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
66
64
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
@@ -539,10 +537,8 @@ files:
539
537
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
540
538
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.jsx
541
539
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.md
542
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.html.erb
543
540
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.jsx
544
541
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_change.md
545
- - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.html.erb
546
542
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.jsx
547
543
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_on_close.md
548
544
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.html.erb
@@ -790,6 +786,11 @@ files:
790
786
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.md
791
787
  - app/pb_kits/playbook/pb_dropdown/docs/example.yml
792
788
  - app/pb_kits/playbook/pb_dropdown/docs/index.js
789
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.jsx
790
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.jsx
791
+ - app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.jsx
792
+ - app/pb_kits/playbook/pb_empty_state/docs/example.yml
793
+ - app/pb_kits/playbook/pb_empty_state/docs/index.js
793
794
  - app/pb_kits/playbook/pb_file_upload/docs/_description.md
794
795
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_accept.jsx
795
796
  - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_custom.html.erb
@@ -1267,8 +1268,6 @@ files:
1267
1268
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
1268
1269
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
1269
1270
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
1270
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx
1271
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.md
1272
1271
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
1273
1272
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
1274
1273
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
@@ -1475,8 +1474,6 @@ files:
1475
1474
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.html.erb
1476
1475
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.jsx
1477
1476
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_format.md
1478
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.html.erb
1479
- - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_hidden_inputs.md
1480
1477
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.html.erb
1481
1478
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.jsx
1482
1479
  - app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_initial_country.md
@@ -2099,9 +2096,9 @@ files:
2099
2096
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay.md
2100
2097
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.html.erb
2101
2098
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_delay_rails.md
2099
+ - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.erb
2102
2100
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.jsx
2103
2101
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon.md
2104
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_icon_rails.html.erb
2105
2102
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.html.erb
2106
2103
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.jsx
2107
2104
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_interaction.md
@@ -2113,7 +2110,6 @@ files:
2113
2110
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md
2114
2111
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx
2115
2112
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md
2116
- - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.html.erb
2117
2113
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx
2118
2114
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md
2119
2115
  - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
@@ -2157,8 +2153,6 @@ files:
2157
2153
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_margin_bottom.jsx
2158
2154
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
2159
2155
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
2160
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.jsx
2161
- - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_react_hook.md
2162
2156
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.html.erb
2163
2157
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.jsx
2164
2158
  - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_truncated_text.md
@@ -1,102 +0,0 @@
1
- import React, { useState } from "react";
2
- import { AdvancedTable, TextInput, Body } from "playbook-ui";
3
- import MOCK_DATA from "./advanced_table_mock_data.json";
4
-
5
- const AdvancedTableInlineEditing = (props) => {
6
- const [editedValues, setEditedValues] = useState({});
7
-
8
- const EditableCell = ({ rowId, originalValue, onSave }) => {
9
- const [localValue, setLocalValue] = useState(originalValue);
10
-
11
- const handleChange = (e) => setLocalValue(e.target.value);
12
-
13
- const handleBlur = () => {
14
- originalValue !== localValue && onSave(rowId, localValue);
15
- };
16
-
17
- return (
18
- <TextInput inline
19
- marginBottom="none"
20
- {...props}
21
- >
22
- <input
23
- onBlur={handleBlur}
24
- onChange={handleChange}
25
- onKeyDown={(e) => e.key === 'Enter' && handleBlur()}
26
- value={localValue}
27
- />
28
- </TextInput>
29
- );
30
- };
31
-
32
- const columnDefinitions = [
33
- {
34
- accessor: "year",
35
- label: "Year",
36
- cellAccessors: ["quarter", "month", "day"],
37
- },
38
- {
39
- accessor: "newEnrollments",
40
- label: "New Enrollments",
41
- },
42
- {
43
- accessor: "scheduledMeetings",
44
- label: "Scheduled Meetings",
45
- editable: true,
46
- customRenderer: (row) => {
47
- return (
48
- <EditableCell
49
- onSave={(id, val) => {
50
- setEditedValues((prev) => ({ ...prev, [id]: val }));
51
- }}
52
- originalValue={
53
- editedValues[row.id] ?? row.original.scheduledMeetings
54
- }
55
- rowId={row.id}
56
- />
57
- );
58
- },
59
- },
60
- {
61
- accessor: "attendanceRate",
62
- label: "Attendance Rate",
63
- },
64
- {
65
- accessor: "completedClasses",
66
- label: "Completed Classes",
67
- },
68
- {
69
- accessor: "classCompletionRate",
70
- label: "Class Completion Rate",
71
- },
72
- {
73
- accessor: "graduatedStudents",
74
- label: "Graduated Students",
75
- },
76
- ];
77
-
78
- return (
79
- <div className="App">
80
- <AdvancedTable
81
- columnDefinitions={columnDefinitions}
82
- tableData={MOCK_DATA}
83
- {...props}
84
- />
85
- {
86
- editedValues && Object.keys(editedValues).length > 0 && (
87
- <>
88
- <Body
89
- marginTop="md"
90
- {...props}
91
- >
92
- Edited Values by Row Id:
93
- </Body>
94
- <pre style={{color: 'white'}}>{JSON.stringify(editedValues, null, 2)}</pre>
95
- </>
96
- )
97
- }
98
- </div>
99
- );
100
- };
101
-
102
- export default AdvancedTableInlineEditing;
@@ -1,4 +0,0 @@
1
- Inline Cell Editing can be achieved with a combination of our `TextInput` kit and the `customRenderer` method available through columnDefinitions.
2
-
3
- Hover over any cell within the 'Scheduled Meetings' column to see the TextInput and type in to change values. Values can be saved by clicking away from the TextInput or by hitting 'Enter'.
4
- See the code snippet below to see how this was achieved. Devs must manage state themselves as shown.
@@ -1,39 +0,0 @@
1
- <%= pb_rails("date_picker", props: {
2
- label: "Date Picker",
3
- picker_id: "date-picker-onchange",
4
- margin_bottom: "lg"
5
- }) %>
6
- <%= pb_rails("caption", props: { text: "Date Object" }) %>
7
- <%= pb_rails("body", props: {
8
- label: "Date Object",
9
- text: "Select Date",
10
- margin_bottom: "lg",
11
- id: "date-picker-onchange-object",
12
- }) %>
13
- <%= pb_rails("caption", props: { text: "Date String" }) %>
14
- <%= pb_rails("body", props: {
15
- label: "Date String",
16
- text: "Select Date",
17
- margin_bottom: "lg",
18
- id: "date-picker-onchange-string",
19
- }) %>
20
-
21
-
22
- <%= javascript_tag do %>
23
- window.addEventListener("DOMContentLoaded", () => {
24
- <%# Access flatpickr instance with picker id and assign it a variable %>
25
- const fp = document.querySelector("#date-picker-onchange")._flatpickr
26
-
27
- <%# Define Hook %>
28
- const changeHook = (selectedDates, dateStr) => {
29
- const object = document.querySelector('#date-picker-onchange-object')
30
- object.textContent = selectedDates[0] ? selectedDates[0].toString() : ''
31
-
32
- const string = document.querySelector('#date-picker-onchange-string')
33
- string.textContent = dateStr
34
- }
35
-
36
- <%# Push one or more hooks to onChange config array %>
37
- fp.config.onChange.push(changeHook)
38
- })
39
- <% end %>
@@ -1,39 +0,0 @@
1
- <%= pb_rails("date_picker", props: {
2
- label: "Date Picker",
3
- picker_id: "date-picker-onclose",
4
- margin_bottom: "lg"
5
- }) %>
6
- <%= pb_rails("caption", props: { text: "Date Object" }) %>
7
- <%= pb_rails("body", props: {
8
- label: "Date Object",
9
- text: "Select Date",
10
- margin_bottom: "lg",
11
- id: "date-picker-onclose-object",
12
- }) %>
13
- <%= pb_rails("caption", props: { text: "Date String" }) %>
14
- <%= pb_rails("body", props: {
15
- label: "Date String",
16
- text: "Select Date",
17
- margin_bottom: "lg",
18
- id: "date-picker-onclose-string",
19
- }) %>
20
-
21
-
22
- <%= javascript_tag do %>
23
- window.addEventListener("DOMContentLoaded", () => {
24
- <%# Access flatpickr instance with picker id and assign it a variable %>
25
- const fp = document.querySelector("#date-picker-onclose")._flatpickr
26
-
27
- <%# Define Hook %>
28
- const closeHook = (selectedDates, dateStr) => {
29
- const object = document.querySelector('#date-picker-onclose-object')
30
- object.textContent = selectedDates[0] ? selectedDates[0].toString() : ''
31
-
32
- const string = document.querySelector('#date-picker-onclose-string')
33
- string.textContent = dateStr
34
- }
35
-
36
- <%# Push one or more hooks to onClose config array %>
37
- fp.config.onClose.push(closeHook)
38
- })
39
- <% end %>
@@ -1,91 +0,0 @@
1
- import React from "react"
2
- import MultiLevelSelect from "../_multi_level_select"
3
- import { useForm } from "react-hook-form"
4
-
5
- const treeData = [
6
- {
7
- label: "Power Home Remodeling",
8
- value: "Power Home Remodeling",
9
- id: "powerhome1",
10
- expanded: true,
11
- children: [
12
- {
13
- label: "People",
14
- value: "People",
15
- id: "people1",
16
- expanded: true,
17
- children: [
18
- {
19
- label: "Talent Acquisition",
20
- value: "Talent Acquisition",
21
- id: "talent1",
22
- },
23
- {
24
- label: "Business Affairs",
25
- value: "Business Affairs",
26
- id: "business1",
27
- children: [
28
- {
29
- label: "Initiatives",
30
- value: "Initiatives",
31
- id: "initiative1",
32
- },
33
- {
34
- label: "Learning & Development",
35
- value: "Learning & Development",
36
- id: "development1",
37
- },
38
- ],
39
- },
40
- {
41
- label: "People Experience",
42
- value: "People Experience",
43
- id: "experience1",
44
- },
45
- ],
46
- },
47
- {
48
- label: "Contact Center",
49
- value: "Contact Center",
50
- id: "contact1",
51
- children: [
52
- {
53
- label: "Appointment Management",
54
- value: "Appointment Management",
55
- id: "appointment1",
56
- },
57
- {
58
- label: "Customer Service",
59
- value: "Customer Service",
60
- id: "customer1",
61
- },
62
- {
63
- label: "Energy",
64
- value: "Energy",
65
- id: "energy1",
66
- },
67
- ],
68
- },
69
- ],
70
- },
71
- ]
72
-
73
- const MultiLevelSelectReactHook = (props) => {
74
- const { register, watch } = useForm()
75
- const selectedItems = watch("departments")
76
- selectedItems && console.log("Selected Items", selectedItems)
77
-
78
- return (
79
- <div>
80
- <MultiLevelSelect
81
- id="multiselect-default"
82
- marginBottom="md"
83
- treeData={treeData}
84
- {...register("departments")}
85
- {...props}
86
- />
87
- </div>
88
- )
89
- }
90
-
91
- export default MultiLevelSelectReactHook
@@ -1 +0,0 @@
1
- You can pass `react-hook-form` props to the MultiLevelSelect kit. Check your console to see the full data selected from this example.
@@ -1,5 +0,0 @@
1
- <%= pb_rails("phone_number_input", props: {
2
- hidden_inputs: true,
3
- id: "hidden_inputs",
4
- name: "hidden_inputs",
5
- }) %>
@@ -1 +0,0 @@
1
- The `hidden_inputs` boolean prop generates two hidden input fields, {field_name}_full and {field_name}_country_code. The value passed when the form is submitted contains the full phone number including the country code. Because it requires the submission of a form to function, only use this prop on Rails phone number elements within html form tags `<form>/<form>` or [pb_forms](https://playbook.powerapp.cloud/kits/form). Read the [intl-tel-input](https://intl-tel-input.com/examples/hidden-input.html) docs for more information.
@@ -1,22 +0,0 @@
1
- <%= pb_rails "flex", props: { flex_direction: "row", gap: "md", wrap: true } do %>
2
- <%= pb_rails "button", props: { id: "tool-tip-with-icon-1", text: "Tooltip With Icon" } %>
3
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-with-icon-1", tooltip_id: "tool-tip-with-icon-1", position: "top" } do %>
4
- <%= pb_rails("icon", props: { icon: "paper-plane", fixed_width: true, color: "white", size: "1x", padding_right: "xxs" }) %>
5
- Send Email
6
- <% end %>
7
- <%= pb_rails "button", props: { id: "tool-tip-with-icon-2", text: "Tooltip With Icon" } %>
8
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-with-icon-2", tooltip_id: "tool-tip-with-icon-2", position: "bottom" } do %>
9
- <%= pb_rails("icon", props: { icon: "paper-plane", fixed_width: true, color: "white", size: "1x", padding_right: "xxs" }) %>
10
- Send Email
11
- <% end %>
12
- <%= pb_rails "button", props: { id: "tool-tip-with-icon-3", text: "Tooltip With Icon" } %>
13
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-with-icon-3", tooltip_id: "tool-tip-with-icon-3", position: "left" } do %>
14
- <%= pb_rails("icon", props: { icon: "paper-plane", fixed_width: true, color: "white", size: "1x", padding_right: "xxs" }) %>
15
- Send Email
16
- <% end %>
17
- <%= pb_rails "button", props: { id: "tool-tip-with-icon-4", text: "Tooltip With Icon" } %>
18
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-with-icon-4", tooltip_id: "tool-tip-with-icon-4", position: "right" } do %>
19
- <%= pb_rails("icon", props: { icon: "paper-plane", fixed_width: true, color: "white", size: "1x", padding_right: "xxs" }) %>
20
- Send Email
21
- <% end %>
22
- <% end %>
@@ -1,22 +0,0 @@
1
- <%= pb_rails "flex", props: { flex_direction: "row", gap: "md", wrap: true } do %>
2
- <%= pb_rails "button", props: { id: "tool-tip-sizing-1", text: "Height and Width" } %>
3
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-sizing-1", tooltip_id: "tool-tip-sizing-1", position: "top", height: "150px", width: "100px" } do %>
4
- I'm 150px high and 100px wide!
5
- <% end %>
6
- <%= pb_rails "button", props: { id: "tool-tip-sizing-2", text: "max_height" } %>
7
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-sizing-2", tooltip_id: "tool-tip-sizing-2", position: "top", width: "250px", max_height: "100px" } do %>
8
- I have a max_height of 100px! Lorem ipsum dolor sit amet consectetur adipisicing elit.
9
- <% end %>
10
- <%= pb_rails "button", props: { id: "tool-tip-sizing-3", text: "max_width" } %>
11
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-sizing-3", tooltip_id: "tool-tip-sizing-3", position: "top", max_width: "150px" } do %>
12
- I have a max_width of 150px! Lorem ipsum dolor sit amet consectetur adipisicing elit.
13
- <% end %>
14
- <%= pb_rails "button", props: { id: "tool-tip-sizing-4", text: "min_width" } %>
15
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-sizing-4", tooltip_id: "tool-tip-sizing-4", position: "top", min_width: "300px" } do %>
16
- I have a min_width of 300px!
17
- <% end %>
18
- <%= pb_rails "button", props: { id: "tool-tip-sizing-5", text: "min_height" } %>
19
- <%= pb_rails "tooltip", props: { trigger_element_selector: "#tool-tip-sizing-5", tooltip_id: "tool-tip-sizing-5", position: "top", min_height: "300px", height: "200px", html_options: { tab_index: 5, style: { color: "blue" }}, } do %>
20
- I have a min_height of 300px!
21
- <% end %>
22
- <% end %>
@@ -1,66 +0,0 @@
1
- import React from 'react'
2
-
3
- import { Typeahead, Title } from 'playbook-ui'
4
- import { useForm } from 'react-hook-form'
5
-
6
- const languages = [
7
- { label: 'JavaScript', value: '1995', category: 'Web Development' },
8
- { label: 'Python', value: '1991', category: 'General Purpose' },
9
- { label: 'Java', value: '1995', category: 'Enterprise' },
10
- { label: 'C++', value: '1985', category: 'Systems Programming' },
11
- { label: 'Go', value: '2009', category: 'Systems Programming' },
12
- { label: 'Rust', value: '2010', category: 'Systems Programming' },
13
- { label: 'Swift', value: '2014', category: 'Mobile Development' },
14
- { label: 'Kotlin', value: '2011', category: 'Mobile Development' },
15
- { label: 'Ruby', value: '1995', category: 'General Purpose' },
16
- { label: 'PHP', value: '1995', category: 'Web Development' },
17
- ]
18
-
19
- const colors = [
20
- { label: 'Orange', value: '#FFA500' },
21
- { label: 'Red', value: '#FF0000' },
22
- { label: 'Green', value: '#00FF00' },
23
- { label: 'Blue', value: '#0000FF' },
24
- ]
25
-
26
- const TypeaheadReactHook = (props) => {
27
- const { register, watch } = useForm()
28
-
29
- const selectedLanguages = watch('languages')
30
- const selectedColor = watch('color')
31
-
32
- return (
33
- <>
34
- <Typeahead
35
- isMulti
36
- label="Multi Select Languages"
37
- multiKit="language"
38
- options={languages}
39
- {...props}
40
- {...register('languages')}
41
- />
42
- <Title
43
- size={4}
44
- text='Selected Languages'
45
- />
46
- {selectedLanguages && selectedLanguages.map(language => (
47
- <p key={language.label}>{`${language.label} - ${language.value} - ${language.category}`}</p>
48
- ))}
49
-
50
- <Typeahead
51
- label="Colors"
52
- marginTop="lg"
53
- options={colors}
54
- {...props}
55
- {...register('color')}
56
- />
57
- <Title
58
- size={4}
59
- text='Selected Color'
60
- />
61
- <p>{ selectedColor && `${selectedColor.label} - ${selectedColor.value}`}</p>
62
- </>
63
- )
64
- }
65
-
66
- export default TypeaheadReactHook
@@ -1 +0,0 @@
1
- You can pass `react-hook-form` props to the Typeahead kit.