playbook_ui 15.0.0 → 15.1.0.pre.alpha.PLAY2320advancedtablepaginationPropsbug10943

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 (207) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +3 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +24 -11
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +7 -7
  5. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +0 -2
  6. data/app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts +7 -2
  7. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +67 -13
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx +2 -2
  9. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +0 -1
  10. data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb +31 -0
  11. data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md +7 -0
  12. data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb +21 -0
  13. data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md +7 -0
  14. data/app/pb_kits/playbook/pb_button/docs/example.yml +2 -0
  15. data/app/pb_kits/playbook/pb_button/index.js +99 -0
  16. data/app/pb_kits/playbook/pb_card/_card.scss +12 -4
  17. data/app/pb_kits/playbook/pb_card/_card.tsx +3 -3
  18. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +10 -0
  19. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb +3 -0
  20. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx +8 -0
  21. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +2 -0
  22. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -0
  23. data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +1 -0
  24. data/app/pb_kits/playbook/pb_contact/_contact.tsx +5 -0
  25. data/app/pb_kits/playbook/pb_contact/contact.rb +4 -0
  26. data/app/pb_kits/playbook/pb_contact/contact.test.js +21 -1
  27. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb +16 -1
  28. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx +15 -0
  29. data/app/pb_kits/playbook/pb_contact/docs/_contact_default.md +5 -0
  30. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb +6 -0
  31. data/app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx +6 -0
  32. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +6 -4
  33. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +48 -4
  34. data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +5 -1
  35. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +6 -8
  36. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -1
  37. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +2 -2
  38. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +9 -0
  39. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +3 -3
  40. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
  41. data/app/pb_kits/playbook/pb_icon/_icon.tsx +13 -2
  42. data/app/pb_kits/playbook/pb_icon/icon.rb +9 -1
  43. data/app/pb_kits/playbook/pb_icon_button/_icon_button.tsx +1 -0
  44. data/app/pb_kits/playbook/pb_icon_button/icon_button.html.erb +2 -1
  45. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +1 -1
  46. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +3 -1
  47. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb +5 -0
  48. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +24 -0
  49. data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +2 -0
  50. data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +1 -0
  51. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +1 -1
  52. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.rb +11 -0
  53. data/app/pb_kits/playbook/pb_nav/_item.tsx +19 -5
  54. data/app/pb_kits/playbook/pb_nav/_nav.scss +27 -0
  55. data/app/pb_kits/playbook/pb_nav/_nav.test.js +16 -0
  56. data/app/pb_kits/playbook/pb_nav/_nav.tsx +5 -0
  57. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb +6 -0
  58. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx +39 -0
  59. data/app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md +1 -0
  60. data/app/pb_kits/playbook/pb_nav/docs/example.yml +2 -0
  61. data/app/pb_kits/playbook/pb_nav/docs/index.js +2 -1
  62. data/app/pb_kits/playbook/pb_nav/item.html.erb +6 -2
  63. data/app/pb_kits/playbook/pb_nav/nav.rb +6 -1
  64. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb +3 -3
  65. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.html.erb +3 -3
  66. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.html.erb +3 -3
  67. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb +3 -3
  68. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb +3 -3
  69. data/app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.scss +0 -0
  70. data/app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.tsx +62 -0
  71. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.html.erb +35 -0
  72. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx +49 -0
  73. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_rails.md +1 -0
  74. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md +2 -0
  75. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb +38 -0
  76. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx +51 -0
  77. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb +46 -0
  78. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx +62 -0
  79. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md +3 -0
  80. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.html.erb +47 -0
  81. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx +60 -0
  82. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.html.erb +25 -0
  83. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx +36 -0
  84. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx +44 -0
  85. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb +100 -0
  86. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx +126 -0
  87. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb +32 -0
  88. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx +48 -0
  89. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb +68 -0
  90. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx +81 -0
  91. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.html.erb +31 -0
  92. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx +42 -0
  93. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.md +2 -0
  94. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.html.erb +35 -0
  95. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx +51 -0
  96. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/example.yml +27 -0
  97. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/index.js +11 -0
  98. data/app/pb_kits/playbook/pb_pb_bar_graph/pbBarGraphTheme.ts +106 -0
  99. data/app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.html.erb +1 -0
  100. data/app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.rb +28 -0
  101. data/app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx +31 -0
  102. data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.scss +3 -0
  103. data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx +62 -0
  104. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb +31 -0
  105. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +81 -0
  106. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb +25 -0
  107. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +40 -0
  108. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md +5 -0
  109. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb +27 -0
  110. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +39 -0
  111. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +5 -0
  112. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb +93 -0
  113. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +131 -0
  114. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md +14 -0
  115. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.html.erb +42 -0
  116. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +58 -0
  117. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.html.erb +24 -0
  118. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +38 -0
  119. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb +22 -0
  120. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +33 -0
  121. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb +118 -0
  122. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +144 -0
  123. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +60 -0
  124. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.html.erb +24 -0
  125. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +42 -0
  126. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.html.erb +38 -0
  127. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +52 -0
  128. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/example.yml +29 -0
  129. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/index.js +11 -0
  130. data/app/pb_kits/playbook/pb_pb_circle_chart/pbCircleChartTheme.ts +88 -0
  131. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb +1 -0
  132. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb +28 -0
  133. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx +51 -0
  134. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +2 -2
  135. data/app/pb_kits/playbook/pb_section_separator/_section_separator.scss +13 -5
  136. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.html.erb +23 -0
  137. data/app/pb_kits/playbook/pb_section_separator/docs/_section_separator_children.jsx +45 -7
  138. data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +4 -1
  139. data/app/pb_kits/playbook/pb_section_separator/section_separator.test.js +165 -0
  140. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +3 -0
  141. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb +41 -0
  142. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx +80 -0
  143. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md +1 -0
  144. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +3 -0
  145. data/app/pb_kits/playbook/pb_text_input/docs/index.js +1 -0
  146. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -3
  147. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +38 -0
  148. data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +24 -8
  149. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb +0 -10
  150. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx +0 -9
  151. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.md +1 -0
  152. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb +3 -17
  153. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx +0 -15
  154. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.md +1 -0
  155. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb +0 -2
  156. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx +0 -2
  157. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.md +5 -0
  158. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.html.erb +12 -0
  159. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.jsx +25 -0
  160. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.md +1 -0
  161. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.html.erb +4 -0
  162. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.jsx +17 -0
  163. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.md +1 -0
  164. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.html.erb +18 -0
  165. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.jsx +44 -0
  166. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.md +1 -0
  167. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb +0 -14
  168. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx +0 -14
  169. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.md +1 -0
  170. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.html.erb +0 -4
  171. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx +0 -4
  172. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx +0 -1
  173. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.md +5 -0
  174. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.html.erb +16 -0
  175. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.jsx +30 -0
  176. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.md +1 -0
  177. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.html.erb +16 -0
  178. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.jsx +30 -0
  179. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.md +1 -0
  180. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.html.erb +26 -0
  181. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.jsx +41 -0
  182. data/app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.md +1 -0
  183. data/app/pb_kits/playbook/pb_timestamp/docs/example.yml +18 -6
  184. data/app/pb_kits/playbook/pb_timestamp/docs/index.js +6 -0
  185. data/app/pb_kits/playbook/pb_timestamp/timestamp.rb +29 -7
  186. data/app/pb_kits/playbook/pb_timestamp/timestamp.test.js +69 -4
  187. data/dist/chunks/{_line_graph-CIyKqNGy.js → _line_graph-C9stNsP3.js} +1 -1
  188. data/dist/chunks/_typeahead-D3MtsWXG.js +6 -0
  189. data/dist/chunks/_weekday_stacked-F-TrWrrZ.js +37 -0
  190. data/dist/chunks/componentRegistry-DzmmLR2x.js +1 -0
  191. data/dist/chunks/{lib-DgtxnJqa.js → lib-QZuu1ltS.js} +2 -2
  192. data/dist/chunks/{pb_form_validation-_NsOWfBS.js → pb_form_validation-CleM960_.js} +1 -1
  193. data/dist/chunks/vendor.js +1 -1
  194. data/dist/menu.yml +16 -2
  195. data/dist/playbook-doc.js +2 -2
  196. data/dist/playbook-rails-react-bindings.js +1 -1
  197. data/dist/playbook-rails.js +1 -1
  198. data/dist/playbook.css +1 -1
  199. data/lib/playbook/engine.rb +0 -1
  200. data/lib/playbook/forms/builder/form_field_builder.rb +37 -2
  201. data/lib/playbook/kit_base.rb +23 -2
  202. data/lib/playbook/version.rb +2 -2
  203. metadata +116 -28
  204. data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +0 -65
  205. data/app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md +0 -1
  206. data/dist/chunks/_typeahead-B-mDRLxH.js +0 -6
  207. data/dist/chunks/_weekday_stacked-B_lp1Spt.js +0 -37
@@ -1,7 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  require "action_view/railtie"
4
- require "webpacker/react"
5
4
  require "view_component"
6
5
 
7
6
  module Playbook
@@ -4,23 +4,58 @@ module Playbook
4
4
  module Forms
5
5
  class Builder
6
6
  class FormFieldBuilder < Module
7
+ MASK_PATTERNS = {
8
+ "currency" => '^\$\d{1,3}(?:,\d{3})*(?:\.\d{2})?$',
9
+ "zip_code" => '\d{5}',
10
+ "postal_code" => '\d{5}-\d{4}',
11
+ "ssn" => '\d{3}-\d{2}-\d{4}',
12
+ "credit_card" => '\d{4} \d{4} \d{4} \d{4}',
13
+ "cvv" => '\d{3,4}',
14
+ }.freeze
15
+
7
16
  def initialize(method_name, kit_name:)
8
17
  define_method method_name do |name, props: {}, **options, &block|
9
- props[:label] = @template.label(@object_name, name) if props[:label] == true
18
+ props = props.dup
10
19
  options = Hash(options)
11
20
 
12
21
  options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
13
22
  options[:required] = true if props[:required]
14
23
  options[:placeholder] = props[:placeholder] || ""
24
+ options[:type] = props[:type] if props.key?(:type)
25
+ options[:value] = props[:value] if props.key?(:value)
26
+ options[:disabled] = true if props.key?(:disabled) && props[:disabled]
27
+ if props.key?(:disabled)
28
+ cursor_style = props[:disabled] ? "not-allowed" : "pointer"
29
+ existing_style = options[:style] || ""
30
+
31
+ options[:style] =
32
+ existing_style.empty? ? "cursor: #{cursor_style}" : "#{existing_style}; cursor: #{cursor_style}"
33
+ end
34
+ if props.key?(:autocomplete)
35
+ options[:autocomplete] = props[:autocomplete] == true ? nil : (props[:autocomplete].presence || "off")
36
+ end
37
+ if props.key?(:mask) && props[:mask].present?
38
+ options[:mask] = props[:mask]
39
+ options[:data] = (options[:data] || {}).merge(pb_input_mask: true)
40
+ options[:pattern] = MASK_PATTERNS[props[:mask]]
41
+ end
15
42
 
16
43
  if props.key?(:validation)
17
44
  validation = props[:validation]
18
45
  options[:pattern] = validation[:pattern] if validation[:pattern].present?
19
- options[:data] = { message: validation[:message] } if validation[:message].present?
46
+ options[:data] = (options[:data] || {}).merge(message: validation[:message]) if validation[:message].present?
20
47
  end
21
48
 
22
49
  input = super(name, **options, &block)
23
50
 
51
+ input_id = input[/\bid="([^"]+)"/, 1] || "#{@object_name}_#{name}"
52
+
53
+ if props[:label] == true
54
+ props[:label] = @template.label(@object_name, name)
55
+ elsif props[:label].is_a?(String)
56
+ props[:label] = @template.label_tag(input_id, props[:label])
57
+ end
58
+
24
59
  @template.pb_rails(kit_name, props: props) do
25
60
  input
26
61
  end
@@ -122,7 +122,7 @@ module Playbook
122
122
  html_options.each do |key, value|
123
123
  if key == :style && value.is_a?(Hash)
124
124
  # Convert style hash to CSS string
125
- merged[:style] = value.map { |k, v| "#{k.to_s.gsub('_', '-')}: #{v}" }.join("; ")
125
+ merged[:style] = value.map { |k, v| "#{k.to_s.tr('_', '-')}: #{v}" }.join("; ")
126
126
  else
127
127
  merged[key] = value
128
128
  end
@@ -136,6 +136,27 @@ module Playbook
136
136
  merged.deep_merge(data_attributes)
137
137
  end
138
138
 
139
+ # Custom react_component helper to replace Webpacker React
140
+ # This will render a div with data attributes for the component name and props
141
+ # The mounting script will look for these divs and mount the appropriate React components
142
+ # Sister def in app/helpers/react_helper in playbook-website. Any changes here should be reflected there.
143
+ def react_component(component_name, props = {}, html_options = {})
144
+ # Convert props to JSON for the data attribute
145
+ props_json = props.to_json
146
+
147
+ # Build the HTML attributes
148
+ html_attrs = {
149
+ "data-pb-react-component" => component_name,
150
+ "data-pb-react-props" => props_json,
151
+ }
152
+
153
+ # Merge with any additional HTML options
154
+ html_attrs.merge!(html_options)
155
+
156
+ # Return the div element
157
+ content_tag(:div, "", html_attrs)
158
+ end
159
+
139
160
  def global_inline_props
140
161
  {
141
162
  height: height,
@@ -172,7 +193,7 @@ module Playbook
172
193
  end
173
194
 
174
195
  def dynamic_inline_props
175
- styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if inline_validator(key, value) }.compact
196
+ styles = global_inline_props.map { |key, value| "#{key.to_s.tr('_', '-')}: #{value}" if inline_validator(key, value) }.compact
176
197
  styles.join("; ").presence
177
198
  end
178
199
 
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "14.25.0"
5
- VERSION = "15.0.0"
4
+ PREVIOUS_VERSION = "15.1.0"
5
+ VERSION = "15.1.0.pre.alpha.PLAY2320advancedtablepaginationPropsbug10943"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 15.0.0
4
+ version: 15.1.0.pre.alpha.PLAY2320advancedtablepaginationPropsbug10943
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-09-08 00:00:00.000000000 Z
12
+ date: 2025-10-01 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -53,20 +53,6 @@ dependencies:
53
53
  - - ">="
54
54
  - !ruby/object:Gem::Version
55
55
  version: 5.2.4.5
56
- - !ruby/object:Gem::Dependency
57
- name: react-rails
58
- requirement: !ruby/object:Gem::Requirement
59
- requirements:
60
- - - '='
61
- - !ruby/object:Gem::Version
62
- version: 2.6.1
63
- type: :runtime
64
- prerelease: false
65
- version_requirements: !ruby/object:Gem::Requirement
66
- requirements:
67
- - - '='
68
- - !ruby/object:Gem::Version
69
- version: 2.6.1
70
56
  - !ruby/object:Gem::Dependency
71
57
  name: view_component
72
58
  requirement: !ruby/object:Gem::Requirement
@@ -82,19 +68,19 @@ dependencies:
82
68
  - !ruby/object:Gem::Version
83
69
  version: 2.83.0
84
70
  - !ruby/object:Gem::Dependency
85
- name: webpacker-react
71
+ name: vite_rails
86
72
  requirement: !ruby/object:Gem::Requirement
87
73
  requirements:
88
- - - "~>"
74
+ - - ">="
89
75
  - !ruby/object:Gem::Version
90
- version: 0.3.2
76
+ version: '0'
91
77
  type: :runtime
92
78
  prerelease: false
93
79
  version_requirements: !ruby/object:Gem::Requirement
94
80
  requirements:
95
- - - "~>"
81
+ - - ">="
96
82
  - !ruby/object:Gem::Version
97
- version: 0.3.2
83
+ version: '0'
98
84
  - !ruby/object:Gem::Dependency
99
85
  name: brakeman
100
86
  requirement: !ruby/object:Gem::Requirement
@@ -642,6 +628,10 @@ files:
642
628
  - app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
643
629
  - app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
644
630
  - app/pb_kits/playbook/pb_button/docs/_button_loading.md
631
+ - app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb
632
+ - app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md
633
+ - app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb
634
+ - app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md
645
635
  - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
646
636
  - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
647
637
  - app/pb_kits/playbook/pb_button/docs/_button_props_swift.md
@@ -656,6 +646,7 @@ files:
656
646
  - app/pb_kits/playbook/pb_button/docs/_footer.md
657
647
  - app/pb_kits/playbook/pb_button/docs/example.yml
658
648
  - app/pb_kits/playbook/pb_button/docs/index.js
649
+ - app/pb_kits/playbook/pb_button/index.js
659
650
  - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss
660
651
  - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.tsx
661
652
  - app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
@@ -889,6 +880,7 @@ files:
889
880
  - app/pb_kits/playbook/pb_contact/contact.test.js
890
881
  - app/pb_kits/playbook/pb_contact/docs/_contact_default.html.erb
891
882
  - app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx
883
+ - app/pb_kits/playbook/pb_contact/docs/_contact_default.md
892
884
  - app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md
893
885
  - app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md
894
886
  - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb
@@ -1220,7 +1212,6 @@ files:
1220
1212
  - app/pb_kits/playbook/pb_dialog/dialog.html.erb
1221
1213
  - app/pb_kits/playbook/pb_dialog/dialog.rb
1222
1214
  - app/pb_kits/playbook/pb_dialog/dialog.test.jsx
1223
- - app/pb_kits/playbook/pb_dialog/dialogHelper.js
1224
1215
  - app/pb_kits/playbook/pb_dialog/dialog_body.html.erb
1225
1216
  - app/pb_kits/playbook/pb_dialog/dialog_body.rb
1226
1217
  - app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb
@@ -2091,6 +2082,8 @@ files:
2091
2082
  - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_custom.jsx
2092
2083
  - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_default.html.erb
2093
2084
  - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_default.jsx
2085
+ - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb
2086
+ - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx
2094
2087
  - app/pb_kits/playbook/pb_loading_inline/docs/example.yml
2095
2088
  - app/pb_kits/playbook/pb_loading_inline/docs/index.js
2096
2089
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
@@ -2276,6 +2269,9 @@ files:
2276
2269
  - app/pb_kits/playbook/pb_nav/docs/_description.md
2277
2270
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
2278
2271
  - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
2272
+ - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.html.erb
2273
+ - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.jsx
2274
+ - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav_extendedunderline.md
2279
2275
  - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_bold_swift.md
2280
2276
  - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_default_swift.md
2281
2277
  - app/pb_kits/playbook/pb_nav/docs/_nav_horizontal_subtle_no_highlight_swift.md
@@ -2414,6 +2410,71 @@ files:
2414
2410
  - app/pb_kits/playbook/pb_passphrase/passphrase.html.erb
2415
2411
  - app/pb_kits/playbook/pb_passphrase/passphrase.rb
2416
2412
  - app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx
2413
+ - app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.scss
2414
+ - app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.tsx
2415
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.html.erb
2416
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx
2417
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_rails.md
2418
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md
2419
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb
2420
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx
2421
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb
2422
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx
2423
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md
2424
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.html.erb
2425
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx
2426
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.html.erb
2427
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx
2428
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx
2429
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb
2430
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx
2431
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb
2432
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx
2433
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb
2434
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx
2435
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.html.erb
2436
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx
2437
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.md
2438
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.html.erb
2439
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx
2440
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/example.yml
2441
+ - app/pb_kits/playbook/pb_pb_bar_graph/docs/index.js
2442
+ - app/pb_kits/playbook/pb_pb_bar_graph/pbBarGraphTheme.ts
2443
+ - app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.html.erb
2444
+ - app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.rb
2445
+ - app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx
2446
+ - app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.scss
2447
+ - app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx
2448
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb
2449
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx
2450
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb
2451
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx
2452
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md
2453
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb
2454
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx
2455
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md
2456
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb
2457
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx
2458
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md
2459
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.html.erb
2460
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx
2461
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.html.erb
2462
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
2463
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
2464
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
2465
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
2466
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
2467
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
2468
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.html.erb
2469
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx
2470
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.html.erb
2471
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx
2472
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/example.yml
2473
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/index.js
2474
+ - app/pb_kits/playbook/pb_pb_circle_chart/pbCircleChartTheme.ts
2475
+ - app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb
2476
+ - app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb
2477
+ - app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx
2417
2478
  - app/pb_kits/playbook/pb_person/_person.scss
2418
2479
  - app/pb_kits/playbook/pb_person/_person.tsx
2419
2480
  - app/pb_kits/playbook/pb_person/docs/_description.md
@@ -2704,6 +2765,7 @@ files:
2704
2765
  - app/pb_kits/playbook/pb_section_separator/docs/index.js
2705
2766
  - app/pb_kits/playbook/pb_section_separator/section_separator.html.erb
2706
2767
  - app/pb_kits/playbook/pb_section_separator/section_separator.rb
2768
+ - app/pb_kits/playbook/pb_section_separator/section_separator.test.js
2707
2769
  - app/pb_kits/playbook/pb_select/_select.scss
2708
2770
  - app/pb_kits/playbook/pb_select/_select.tsx
2709
2771
  - app/pb_kits/playbook/pb_select/docs/_description.md
@@ -3111,6 +3173,9 @@ files:
3111
3173
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.html.erb
3112
3174
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx
3113
3175
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md
3176
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb
3177
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx
3178
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md
3114
3179
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb
3115
3180
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
3116
3181
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
@@ -3248,25 +3313,47 @@ files:
3248
3313
  - app/pb_kits/playbook/pb_timestamp/_timestamp.tsx
3249
3314
  - app/pb_kits/playbook/pb_timestamp/docs/_description.md
3250
3315
  - app/pb_kits/playbook/pb_timestamp/docs/_footer.md
3251
- - app/pb_kits/playbook/pb_timestamp/docs/_time_stamp_default.md
3252
3316
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.html.erb
3253
3317
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.jsx
3318
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align.md
3254
3319
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_align_swift.md
3255
3320
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.html.erb
3256
3321
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.jsx
3322
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default.md
3257
3323
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_default_swift.md
3258
3324
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.html.erb
3259
3325
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.jsx
3326
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed.md
3260
3327
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_elapsed_swift.md
3261
3328
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_props_swift.md
3329
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.html.erb
3330
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.jsx
3331
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_current_year.md
3332
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.html.erb
3333
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.jsx
3334
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_date.md
3335
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.html.erb
3336
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.jsx
3337
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_show_time.md
3262
3338
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.html.erb
3263
3339
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.jsx
3340
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones.md
3264
3341
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_timezones_swift.md
3265
3342
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.html.erb
3266
3343
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.jsx
3267
3344
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_unstyled.md
3268
3345
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.html.erb
3269
3346
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.jsx
3347
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated.md
3348
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.html.erb
3349
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.jsx
3350
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_current_year.md
3351
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.html.erb
3352
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.jsx
3353
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_date.md
3354
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.html.erb
3355
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.jsx
3356
+ - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_show_time.md
3270
3357
  - app/pb_kits/playbook/pb_timestamp/docs/_timestamp_updated_swift.md
3271
3358
  - app/pb_kits/playbook/pb_timestamp/docs/example.yml
3272
3359
  - app/pb_kits/playbook/pb_timestamp/docs/index.js
@@ -3620,12 +3707,13 @@ files:
3620
3707
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3621
3708
  - app/pb_kits/playbook/utilities/text.ts
3622
3709
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3623
- - dist/chunks/_line_graph-CIyKqNGy.js
3624
- - dist/chunks/_typeahead-B-mDRLxH.js
3625
- - dist/chunks/_weekday_stacked-B_lp1Spt.js
3710
+ - dist/chunks/_line_graph-C9stNsP3.js
3711
+ - dist/chunks/_typeahead-D3MtsWXG.js
3712
+ - dist/chunks/_weekday_stacked-F-TrWrrZ.js
3713
+ - dist/chunks/componentRegistry-DzmmLR2x.js
3626
3714
  - dist/chunks/lazysizes-B7xYodB-.js
3627
- - dist/chunks/lib-DgtxnJqa.js
3628
- - dist/chunks/pb_form_validation-_NsOWfBS.js
3715
+ - dist/chunks/lib-QZuu1ltS.js
3716
+ - dist/chunks/pb_form_validation-CleM960_.js
3629
3717
  - dist/chunks/vendor.js
3630
3718
  - dist/menu.yml
3631
3719
  - dist/playbook-doc.js
@@ -1,65 +0,0 @@
1
- // Three places in Nitro depend on this function inside the window scope.
2
- // We will keep this file until we remove this dependency from Nitro.
3
- const dialogHelper = () => {
4
- const openTrigger = document.querySelectorAll("[data-open-dialog]");
5
- const closeTrigger = document.querySelectorAll("[data-close-dialog]");
6
- const dialogs = document.querySelectorAll(".pb_dialog_rails")
7
-
8
- const loadingButton = document.querySelector('[data-disable-with="Loading"]');
9
- if (loadingButton) {
10
- loadingButton.addEventListener("click", function() {
11
- const okayLoadingButton = document.querySelector('[data-disable-with="Loading"]');
12
- const cancelButton = document.querySelector('[data-disable-cancel-with="Loading"]');
13
- let currentClass = okayLoadingButton.className;
14
- let cancelClass = cancelButton ? cancelButton.className : "";
15
-
16
- let newClass = currentClass.replace("_enabled", "_disabled_loading");
17
- let newCancelClass = cancelClass.replace("_enabled", "_disabled");
18
-
19
- // Disable the buttons
20
- okayLoadingButton.disabled = true;
21
- if (cancelButton) cancelButton.disabled = true;
22
-
23
- okayLoadingButton.className = newClass;
24
- if (cancelButton) cancelButton.className = newCancelClass;
25
- });
26
- }
27
-
28
-
29
- openTrigger.forEach((open) => {
30
- open.addEventListener("click", () => {
31
- var openTriggerData = open.dataset.openDialog;
32
- var targetDialog = document.getElementById(openTriggerData)
33
- if (targetDialog.open) return;
34
- targetDialog.showModal();
35
- });
36
- });
37
-
38
- closeTrigger.forEach((close) => {
39
- close.addEventListener("click", () => {
40
- var closeTriggerData = close.dataset.closeDialog;
41
- document.getElementById(closeTriggerData).close();
42
- });
43
- });
44
-
45
- // Close dialog box on outside click
46
- dialogs.forEach((dialogElement) => {
47
- dialogElement.addEventListener("mousedown", (event) => {
48
- const dialogParentDataset = dialogElement.parentElement.dataset
49
- if (dialogParentDataset.overlayClick === "overlay_close") return
50
-
51
- const dialogModal = event.target.getBoundingClientRect()
52
- const clickedOutsideDialogModal = event.clientX < dialogModal.left ||
53
- event.clientX > dialogModal.right ||
54
- event.clientY < dialogModal.top ||
55
- event.clientY > dialogModal.bottom
56
-
57
- if (clickedOutsideDialogModal) {
58
- dialogElement.close()
59
- event.stopPropagation()
60
- }
61
- })
62
- })
63
- };
64
-
65
- export default dialogHelper;
@@ -1 +0,0 @@
1
- Use these only to display status updates in areas that has a lot of data.