playbook_ui 15.6.0 → 15.7.0.pre.alpha.PLAY2675dropdownquickpickcustomquickpickdates13330

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 (195) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +3 -2
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +4 -0
  5. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +95 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_colors_rails.html.erb +43 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_colors_rails.md +1 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb +11 -5
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.md +7 -1
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.jsx +54 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.md +9 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_multi.jsx +80 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_multi.md +3 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +4 -1
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +3 -1
  16. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +2 -2
  17. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +57 -0
  18. data/app/pb_kits/playbook/pb_bar_graph/_bar_graph.tsx +6 -0
  19. data/app/pb_kits/playbook/pb_card/docs/_card_header.md +1 -1
  20. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.md +1 -1
  21. data/app/pb_kits/playbook/pb_circle_chart/_circle_chart.tsx +6 -0
  22. data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +2 -2
  23. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleIcon.tsx +10 -8
  24. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_icons.jsx +0 -1
  25. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_state.jsx +0 -3
  26. data/app/pb_kits/playbook/pb_contact/_contact.tsx +51 -24
  27. data/app/pb_kits/playbook/pb_contact/contact.html.erb +53 -19
  28. data/app/pb_kits/playbook/pb_contact/contact.rb +11 -1
  29. data/app/pb_kits/playbook/pb_contact/contact.test.js +76 -0
  30. data/app/pb_kits/playbook/pb_contact/docs/_contact_unstyled.html.erb +33 -0
  31. data/app/pb_kits/playbook/pb_contact/docs/_contact_unstyled.jsx +46 -0
  32. data/app/pb_kits/playbook/pb_contact/docs/_contact_unstyled_rails.md +2 -0
  33. data/app/pb_kits/playbook/pb_contact/docs/_contact_unstyled_react.md +2 -0
  34. data/app/pb_kits/playbook/pb_contact/docs/example.yml +2 -0
  35. data/app/pb_kits/playbook/pb_contact/docs/index.js +1 -0
  36. data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +24 -0
  37. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +197 -7
  38. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb +23 -14
  39. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md +1 -1
  40. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +2 -1
  41. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -1
  42. data/app/pb_kits/playbook/pb_dialog/dialog.rb +1 -0
  43. data/app/pb_kits/playbook/pb_dialog/dialog.test.jsx +14 -0
  44. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +5 -4
  45. data/app/pb_kits/playbook/pb_dialog/dialog_header.rb +2 -0
  46. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.html.erb +24 -0
  47. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.jsx +60 -0
  48. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.md +3 -0
  49. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible.html.erb +71 -0
  50. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible.jsx +57 -0
  51. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible_rails.md +1 -0
  52. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible_react.md +1 -0
  53. data/app/pb_kits/playbook/pb_dialog/docs/example.yml +4 -0
  54. data/app/pb_kits/playbook/pb_dialog/docs/index.js +3 -1
  55. data/app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_custom_colors.md +1 -1
  56. data/app/pb_kits/playbook/pb_draggable/context/index.tsx +316 -15
  57. data/app/pb_kits/playbook/pb_draggable/context/types.ts +1 -1
  58. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +13 -1
  59. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb +7 -5
  60. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom.jsx +56 -0
  61. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom.md +10 -0
  62. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.html.erb +64 -0
  63. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.md +10 -0
  64. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.html.erb +19 -0
  65. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_rails.html.erb +12 -0
  66. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_rails.md +26 -0
  67. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end_rails.html.erb +19 -0
  68. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end_rails.md +1 -0
  69. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_default_rails.html.erb +30 -0
  70. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_default_rails.md +3 -0
  71. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_rails.html.erb +29 -0
  72. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_rails.md +13 -0
  73. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +3 -1
  74. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +7 -0
  75. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +2 -1
  76. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +4 -0
  77. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +44 -5
  78. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +121 -0
  79. data/app/pb_kits/playbook/pb_dropdown/index.js +171 -3
  80. data/app/pb_kits/playbook/pb_dropdown/quickpick/index.ts +85 -9
  81. data/app/pb_kits/playbook/pb_dropdown/quickpick_helper.rb +156 -0
  82. data/app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx +3 -3
  83. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -1
  84. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +2 -1
  85. data/app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.html.erb +14 -0
  86. data/app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.md +3 -0
  87. data/app/pb_kits/playbook/pb_form/docs/example.yml +1 -0
  88. data/app/pb_kits/playbook/pb_gauge/_gauge.tsx +6 -0
  89. data/app/pb_kits/playbook/pb_line_graph/_line_graph.tsx +6 -0
  90. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb +2 -2
  91. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.jsx +3 -2
  92. data/app/pb_kits/playbook/pb_radio/docs/_radio_error.md +1 -1
  93. data/app/pb_kits/playbook/pb_select/_select.tsx +8 -3
  94. data/app/pb_kits/playbook/pb_select/docs/_select_error.md +1 -1
  95. data/app/pb_kits/playbook/pb_select/docs/_select_input_options.html.erb +16 -0
  96. data/app/pb_kits/playbook/pb_select/docs/_select_input_options.jsx +30 -0
  97. data/app/pb_kits/playbook/pb_select/docs/_select_input_options.md +1 -0
  98. data/app/pb_kits/playbook/pb_select/docs/example.yml +2 -0
  99. data/app/pb_kits/playbook/pb_select/docs/index.js +1 -0
  100. data/app/pb_kits/playbook/pb_select/select.html.erb +2 -2
  101. data/app/pb_kits/playbook/pb_select/select.rb +3 -1
  102. data/app/pb_kits/playbook/pb_select/select.test.js +23 -0
  103. data/app/pb_kits/playbook/pb_table/_table.tsx +187 -33
  104. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant.jsx +134 -0
  105. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant.md +34 -0
  106. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.html.erb +101 -0
  107. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.md +33 -0
  108. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination.jsx +180 -0
  109. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination.md +3 -0
  110. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination_rails.html.erb +122 -0
  111. data/app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination_rails.md +3 -0
  112. data/app/pb_kits/playbook/pb_table/docs/example.yml +4 -0
  113. data/app/pb_kits/playbook/pb_table/docs/index.js +2 -0
  114. data/app/pb_kits/playbook/pb_table/table.html.erb +68 -12
  115. data/app/pb_kits/playbook/pb_table/table.rb +22 -3
  116. data/app/pb_kits/playbook/pb_table/table.test.js +143 -0
  117. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +15 -3
  118. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md +1 -1
  119. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.html.erb +6 -0
  120. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.jsx +25 -0
  121. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.md +3 -0
  122. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +3 -0
  123. data/app/pb_kits/playbook/pb_text_input/docs/index.js +1 -0
  124. data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +6 -0
  125. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -0
  126. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +16 -0
  127. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.md +1 -1
  128. data/app/pb_kits/playbook/pb_time_picker/_time_picker.scss +296 -0
  129. data/app/pb_kits/playbook/pb_time_picker/_time_picker.tsx +822 -0
  130. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.html.erb +2 -0
  131. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.jsx +16 -0
  132. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.md +1 -0
  133. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.html.erb +1 -0
  134. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.jsx +13 -0
  135. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.md +1 -0
  136. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.html.erb +4 -0
  137. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.jsx +29 -0
  138. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.md +1 -0
  139. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_disabled.html.erb +13 -0
  140. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_disabled.jsx +23 -0
  141. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_error.html.erb +5 -0
  142. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_error.jsx +15 -0
  143. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_input_options.html.erb +14 -0
  144. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_label.html.erb +2 -0
  145. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_label.jsx +15 -0
  146. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.html.erb +42 -0
  147. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.jsx +52 -0
  148. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.md +1 -0
  149. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx +45 -0
  150. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.md +1 -0
  151. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.html.erb +3 -0
  152. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.jsx +21 -0
  153. data/app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.md +1 -0
  154. data/app/pb_kits/playbook/pb_time_picker/docs/example.yml +24 -0
  155. data/app/pb_kits/playbook/pb_time_picker/docs/index.js +9 -0
  156. data/app/pb_kits/playbook/pb_time_picker/index.ts +40 -0
  157. data/app/pb_kits/playbook/pb_time_picker/time_picker.html.erb +1 -0
  158. data/app/pb_kits/playbook/pb_time_picker/time_picker.rb +80 -0
  159. data/app/pb_kits/playbook/pb_time_picker/time_picker.test.jsx +114 -0
  160. data/app/pb_kits/playbook/pb_time_picker/time_picker_helper.ts +662 -0
  161. data/app/pb_kits/playbook/pb_timeline/_item.tsx +3 -0
  162. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.html.erb +60 -0
  163. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.jsx +118 -0
  164. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.md +1 -0
  165. data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md +1 -1
  166. data/app/pb_kits/playbook/pb_timeline/docs/example.yml +2 -0
  167. data/app/pb_kits/playbook/pb_timeline/docs/index.js +1 -0
  168. data/app/pb_kits/playbook/pb_timeline/item.html.erb +1 -1
  169. data/app/pb_kits/playbook/pb_timeline/item.rb +2 -0
  170. data/app/pb_kits/playbook/pb_timeline/label.html.erb +2 -1
  171. data/app/pb_kits/playbook/pb_timeline/label.rb +2 -0
  172. data/app/pb_kits/playbook/pb_timeline/subcomponents/Label.tsx +3 -0
  173. data/app/pb_kits/playbook/pb_timeline/timeline.test.js +51 -0
  174. data/app/pb_kits/playbook/tokens/_colors.scss +2 -1
  175. data/app/pb_kits/playbook/utilities/deprecated.ts +73 -0
  176. data/app/pb_kits/playbook/utilities/globalProps.ts +1 -0
  177. data/dist/chunks/_typeahead-Ckz1ce-2.js +6 -0
  178. data/dist/chunks/lib-DxDBrGZX.js +29 -0
  179. data/dist/chunks/vendor.js +3 -3
  180. data/dist/menu.yml +16 -9
  181. data/dist/playbook-rails-react-bindings.js +1 -1
  182. data/dist/playbook-rails.js +1 -1
  183. data/dist/playbook.css +1 -1
  184. data/lib/playbook/forms/builder/collection_select_field.rb +9 -1
  185. data/lib/playbook/forms/builder/form_field_builder.rb +13 -2
  186. data/lib/playbook/forms/builder/select_field.rb +9 -1
  187. data/lib/playbook/forms/builder/time_picker_field.rb +24 -0
  188. data/lib/playbook/forms/builder/time_zone_select_field.rb +9 -1
  189. data/lib/playbook/forms/builder.rb +1 -0
  190. data/lib/playbook/pb_doc_helper.rb +3 -0
  191. data/lib/playbook/pb_kit_helper.rb +35 -0
  192. data/lib/playbook/version.rb +2 -2
  193. metadata +89 -4
  194. data/dist/chunks/_typeahead-DecTL7bt.js +0 -6
  195. data/dist/chunks/lib-Dk4GKPut.js +0 -29
@@ -4,10 +4,18 @@ module Playbook
4
4
  module Forms
5
5
  class Builder
6
6
  def collection_select(name, collection, value_method, text_method, options = {}, html_options = {}, props: {})
7
- props[:label] = @template.label(@object_name, name) if props[:label] == true
7
+ props[:input_options] ||= {}
8
+ props[:input_options][:id] ||= "#{@object_name}_#{name}"
9
+
10
+ props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
11
+
8
12
  options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
9
13
  options[:prompt] = props[:blank_selection] || ""
10
14
  html_options[:required] = "required" if props[:required]
15
+ html_options[:id] = props[:input_options][:id]
16
+ html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
17
+ html_options[:data] = (html_options[:data] || {}).merge(props[:input_options][:data] || {})
18
+
11
19
  input = super(name, collection, value_method, text_method, options, html_options)
12
20
 
13
21
  @template.pb_rails("select", props: props) do
@@ -51,9 +51,20 @@ module Playbook
51
51
  input_id = input[/\bid="([^"]+)"/, 1] || "#{@object_name}_#{name}"
52
52
 
53
53
  if props[:label] == true
54
- props[:label] = @template.label(@object_name, name)
54
+ # If using required_indicator, extract just the text and let the template handle rendering
55
+ props[:label] = if props[:required_indicator]
56
+ if @object && @object.class.respond_to?(:human_attribute_name)
57
+ @object.class.human_attribute_name(name)
58
+ else
59
+ name.to_s.humanize
60
+ end
61
+ else
62
+ # Legacy behavior (generate full label HTML) left untouched
63
+ @template.label(@object_name, name)
64
+ end
55
65
  elsif props[:label].is_a?(String)
56
- props[:label] = @template.label_tag(input_id, props[:label])
66
+ # If using required_indicator, keep as text; otherwise wrap in label_tag
67
+ props[:label] = @template.label_tag(input_id, props[:label]) unless props[:required_indicator]
57
68
  end
58
69
 
59
70
  @template.pb_rails(kit_name, props: props) do
@@ -4,10 +4,18 @@ module Playbook
4
4
  module Forms
5
5
  class Builder
6
6
  def select(name, choices = nil, options = {}, html_options = {}, props: {}, &block)
7
- props[:label] = @template.label(@object_name, name) if props[:label] == true
7
+ props[:input_options] ||= {}
8
+ props[:input_options][:id] ||= "#{@object_name}_#{name}"
9
+
10
+ props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
11
+
8
12
  options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
9
13
  options[:prompt] = props[:blank_selection] || ""
10
14
  html_options[:required] = "required" if props[:required]
15
+ html_options[:id] = props[:input_options][:id]
16
+ html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
17
+ html_options[:data] = (html_options[:data] || {}).merge(props[:input_options][:data] || {})
18
+
11
19
  input = super(name, choices, options, html_options, &block)
12
20
 
13
21
  @template.pb_rails("select", props: props) do
@@ -0,0 +1,24 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module Forms
5
+ class Builder
6
+ def time_picker(name, props: {})
7
+ prefix = @object_name
8
+ html_attribute_name = "#{prefix}[#{name}]"
9
+ html_id = "#{prefix}_#{name}"
10
+
11
+ if props[:label] == true
12
+ props[:label] = name.to_s.humanize
13
+ elsif props[:label].nil?
14
+ props[:label] = "Time Picker"
15
+ end
16
+
17
+ props[:name] = html_attribute_name
18
+ props[:id] = html_id
19
+
20
+ @template.pb_rails("time_picker", props: props)
21
+ end
22
+ end
23
+ end
24
+ end
@@ -4,10 +4,18 @@ module Playbook
4
4
  module Forms
5
5
  class Builder
6
6
  def time_zone_select_field(name, choices = {}, options = {}, html_options = {}, props: {})
7
- props[:label] = @template.label(@object_name, name) if props[:label] == true
7
+ props[:input_options] ||= {}
8
+ props[:input_options][:id] ||= "#{@object_name}_#{name}"
9
+
10
+ props[:label] = @template.label(@object_name, name, for: props[:input_options][:id]) if props[:label] == true
11
+
8
12
  options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
9
13
  options[:prompt] = props[:blank_selection] || ""
10
14
  html_options[:required] = "required" if props[:required]
15
+ html_options[:id] = props[:input_options][:id]
16
+ html_options[:class] = props[:input_options][:class] if props[:input_options][:class]
17
+ html_options[:data] = (html_options[:data] || {}).merge(props[:input_options][:data] || {})
18
+
11
19
  input = @template.time_zone_select(@object_name, name, choices, options, html_options)
12
20
 
13
21
  @template.pb_rails("select", props: props) do
@@ -16,6 +16,7 @@ module Playbook
16
16
  require_relative "builder/dropdown_field"
17
17
  require_relative "builder/star_rating_field"
18
18
  require_relative "builder/time_zone_select_field"
19
+ require_relative "builder/time_picker_field"
19
20
 
20
21
  prepend(FormFieldBuilder.new(:email_field, kit_name: "text_input"))
21
22
  prepend(FormFieldBuilder.new(:number_field, kit_name: "text_input"))
@@ -3,6 +3,9 @@
3
3
  module Playbook
4
4
  module PbDocHelper
5
5
  def pb_kit_title(title)
6
+ highcharts_kits = %w[pb_bar_graph pb_circle_chart pb_line_graph pb_gauge_chart]
7
+ return "PB #{title.sub(/^pb_/, '').tr('_', ' ').titleize}" if highcharts_kits.include?(title)
8
+
6
9
  title.remove("pb_").titleize.tr("_", " ")
7
10
  end
8
11
 
@@ -13,5 +13,40 @@ module Playbook
13
13
  render kit.new(props, &block), &block
14
14
  end
15
15
  end
16
+
17
+ def deprecated_kit_warning(kit_name, message = nil)
18
+ # Skip in test and production environments
19
+ return "".html_safe if Rails.env.test? || Rails.env.production?
20
+
21
+ # Build the warning message
22
+ base_message = "PLAYBOOK DEPRECATION WARNING\\n ----------------------------\\n The \\\"#{kit_name}\\\" kit is deprecated and will be removed in a future version."
23
+
24
+ full_message = if message
25
+ "#{base_message} #{message}"
26
+ else
27
+ "#{base_message} Please migrate to the recommended alternative"
28
+ end
29
+
30
+ # Escape the message for JavaScript
31
+ escaped_message = full_message.gsub("'", "\\\\'").gsub("\n", "\\n")
32
+
33
+ # Return a self-executing script that checks if we're already warned
34
+ # Uses client-side tracking to ensure one warning per page load
35
+ # Only shows warnings on localhost (matching React behavior)
36
+ script = "<script type=\"text/javascript\">\n"
37
+ script += "(function() {\n"
38
+ script += " var hostname = window.location.hostname;\n"
39
+ script += " var isLocalDev = hostname === 'localhost' || hostname === '127.0.0.1' || hostname.endsWith('.local') || hostname.includes('local.') || !hostname;\n"
40
+ script += " if (!isLocalDev) return;\n"
41
+ script += " if (!window.__PB_WARNED_KITS__) window.__PB_WARNED_KITS__ = new Set();\n"
42
+ script += " if (!window.__PB_WARNED_KITS__.has('#{kit_name}')) {\n"
43
+ script += " window.__PB_WARNED_KITS__.add('#{kit_name}');\n"
44
+ script += " console.warn('#{escaped_message}');\n"
45
+ script += " }\n"
46
+ script += "})();\n"
47
+ script += "</script>"
48
+
49
+ script.html_safe
50
+ end
16
51
  end
17
52
  end
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "15.5.0"
5
- VERSION = "15.6.0"
4
+ PREVIOUS_VERSION = "15.7.0"
5
+ VERSION = "15.7.0.pre.alpha.PLAY2675dropdownquickpickcustomquickpickdates13330"
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.6.0
4
+ version: 15.7.0.pre.alpha.PLAY2675dropdownquickpickcustomquickpickdates13330
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-12-05 00:00:00.000000000 Z
12
+ date: 2026-01-06 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -273,6 +273,8 @@ files:
273
273
  - app/pb_kits/playbook/pb_advanced_table/advanced_table.rb
274
274
  - app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
275
275
  - app/pb_kits/playbook/pb_advanced_table/advanced_table_action_bar.js
276
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_colors_rails.html.erb
277
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_colors_rails.md
276
278
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.html.erb
277
279
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_background_control_rails.md
278
280
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.html.erb
@@ -300,6 +302,10 @@ files:
300
302
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_headers_vertical_border.jsx
301
303
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx
302
304
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md
305
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.jsx
306
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background.md
307
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_multi.jsx
308
+ - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_background_multi.md
303
309
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx
304
310
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.md
305
311
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.html.erb
@@ -892,6 +898,10 @@ files:
892
898
  - app/pb_kits/playbook/pb_contact/docs/_contact_default.md
893
899
  - app/pb_kits/playbook/pb_contact/docs/_contact_default_swift.md
894
900
  - app/pb_kits/playbook/pb_contact/docs/_contact_props_swift.md
901
+ - app/pb_kits/playbook/pb_contact/docs/_contact_unstyled.html.erb
902
+ - app/pb_kits/playbook/pb_contact/docs/_contact_unstyled.jsx
903
+ - app/pb_kits/playbook/pb_contact/docs/_contact_unstyled_rails.md
904
+ - app/pb_kits/playbook/pb_contact/docs/_contact_unstyled_react.md
895
905
  - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.html.erb
896
906
  - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail.jsx
897
907
  - app/pb_kits/playbook/pb_contact/docs/_contact_with_detail_swift.md
@@ -1251,6 +1261,9 @@ files:
1251
1261
  - app/pb_kits/playbook/pb_dialog/dialog_footer.rb
1252
1262
  - app/pb_kits/playbook/pb_dialog/dialog_header.html.erb
1253
1263
  - app/pb_kits/playbook/pb_dialog/dialog_header.rb
1264
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.html.erb
1265
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.jsx
1266
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_closeable.md
1254
1267
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb
1255
1268
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.jsx
1256
1269
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.md
@@ -1267,6 +1280,10 @@ files:
1267
1280
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb
1268
1281
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.jsx
1269
1282
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.md
1283
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible.html.erb
1284
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible.jsx
1285
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible_rails.md
1286
+ - app/pb_kits/playbook/pb_dialog/docs/_dialog_overflow_visible_react.md
1270
1287
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_props_swift.md
1271
1288
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.html.erb
1272
1289
  - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
@@ -1396,12 +1413,25 @@ files:
1396
1413
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx
1397
1414
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick.jsx
1398
1415
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick.md
1416
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom.jsx
1417
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom.md
1418
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.html.erb
1419
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_custom_rails.md
1420
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.html.erb
1399
1421
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.jsx
1400
1422
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_default_dates.md
1423
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_rails.html.erb
1424
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_rails.md
1401
1425
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end.jsx
1402
1426
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end.md
1427
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end_rails.html.erb
1428
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_range_end_rails.md
1403
1429
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers.jsx
1404
1430
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers.md
1431
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_default_rails.html.erb
1432
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_default_rails.md
1433
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_rails.html.erb
1434
+ - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_quickpick_with_date_pickers_rails.md
1405
1435
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb
1406
1436
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx
1407
1437
  - app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx
@@ -1467,6 +1497,7 @@ files:
1467
1497
  - app/pb_kits/playbook/pb_dropdown/index.js
1468
1498
  - app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js
1469
1499
  - app/pb_kits/playbook/pb_dropdown/quickpick/index.ts
1500
+ - app/pb_kits/playbook/pb_dropdown/quickpick_helper.rb
1470
1501
  - app/pb_kits/playbook/pb_dropdown/scss_partials/_dropdown_animation.scss
1471
1502
  - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx
1472
1503
  - app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx
@@ -1650,6 +1681,8 @@ files:
1650
1681
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.md
1651
1682
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
1652
1683
  - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
1684
+ - app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.html.erb
1685
+ - app/pb_kits/playbook/pb_form/docs/_form_with_required_indicator.md
1653
1686
  - app/pb_kits/playbook/pb_form/docs/example.yml
1654
1687
  - app/pb_kits/playbook/pb_form/form.rb
1655
1688
  - app/pb_kits/playbook/pb_form/formHelper.js
@@ -2935,6 +2968,9 @@ files:
2935
2968
  - app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx
2936
2969
  - app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.html.erb
2937
2970
  - app/pb_kits/playbook/pb_select/docs/_select_inline_show_arrow.jsx
2971
+ - app/pb_kits/playbook/pb_select/docs/_select_input_options.html.erb
2972
+ - app/pb_kits/playbook/pb_select/docs/_select_input_options.jsx
2973
+ - app/pb_kits/playbook/pb_select/docs/_select_input_options.md
2938
2974
  - app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb
2939
2975
  - app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
2940
2976
  - app/pb_kits/playbook/pb_select/docs/_select_multiple.md
@@ -3242,6 +3278,14 @@ files:
3242
3278
  - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible.jsx
3243
3279
  - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_rails.md
3244
3280
  - app/pb_kits/playbook/pb_table/docs/_table_with_dynamic_collapsible_react.md
3281
+ - app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant.jsx
3282
+ - app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant.md
3283
+ - app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.html.erb
3284
+ - app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_rails.md
3285
+ - app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination.jsx
3286
+ - app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination.md
3287
+ - app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination_rails.html.erb
3288
+ - app/pb_kits/playbook/pb_table/docs/_table_with_filter_variant_with_pagination_rails.md
3245
3289
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.html.erb
3246
3290
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless.jsx
3247
3291
  - app/pb_kits/playbook/pb_table/docs/_table_with_header_style_borderless_rails.md
@@ -3341,6 +3385,9 @@ files:
3341
3385
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_no_label.jsx
3342
3386
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_options.html.erb
3343
3387
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_props_swift.md
3388
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.html.erb
3389
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.jsx
3390
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_required_indicator.md
3344
3391
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.jsx
3345
3392
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_sanitize.md
3346
3393
  - app/pb_kits/playbook/pb_text_input/docs/example.yml
@@ -3400,6 +3447,39 @@ files:
3400
3447
  - app/pb_kits/playbook/pb_time/docs/index.js
3401
3448
  - app/pb_kits/playbook/pb_time/time.html.erb
3402
3449
  - app/pb_kits/playbook/pb_time/time.rb
3450
+ - app/pb_kits/playbook/pb_time_picker/_time_picker.scss
3451
+ - app/pb_kits/playbook/pb_time_picker/_time_picker.tsx
3452
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.html.erb
3453
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.jsx
3454
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_24_hour.md
3455
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.html.erb
3456
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.jsx
3457
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default.md
3458
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.html.erb
3459
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.jsx
3460
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_default_time.md
3461
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_disabled.html.erb
3462
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_disabled.jsx
3463
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_error.html.erb
3464
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_error.jsx
3465
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_input_options.html.erb
3466
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_label.html.erb
3467
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_label.jsx
3468
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.html.erb
3469
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.jsx
3470
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_min_max_time.md
3471
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.jsx
3472
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_on_handler.md
3473
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.html.erb
3474
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.jsx
3475
+ - app/pb_kits/playbook/pb_time_picker/docs/_time_picker_timezone.md
3476
+ - app/pb_kits/playbook/pb_time_picker/docs/example.yml
3477
+ - app/pb_kits/playbook/pb_time_picker/docs/index.js
3478
+ - app/pb_kits/playbook/pb_time_picker/index.ts
3479
+ - app/pb_kits/playbook/pb_time_picker/time_picker.html.erb
3480
+ - app/pb_kits/playbook/pb_time_picker/time_picker.rb
3481
+ - app/pb_kits/playbook/pb_time_picker/time_picker.test.jsx
3482
+ - app/pb_kits/playbook/pb_time_picker/time_picker_helper.ts
3403
3483
  - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.scss
3404
3484
  - app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx
3405
3485
  - app/pb_kits/playbook/pb_time_range_inline/docs/_time_range_inline_default.html.erb
@@ -3426,6 +3506,9 @@ files:
3426
3506
  - app/pb_kits/playbook/pb_timeline/docs/_description.md
3427
3507
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.html.erb
3428
3508
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
3509
+ - app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.html.erb
3510
+ - app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.jsx
3511
+ - app/pb_kits/playbook/pb_timeline/docs/_timeline_show_current_year.md
3429
3512
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb
3430
3513
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx
3431
3514
  - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb
@@ -3822,6 +3905,7 @@ files:
3822
3905
  - app/pb_kits/playbook/utilities/_truncate.scss
3823
3906
  - app/pb_kits/playbook/utilities/_vertical_align.scss
3824
3907
  - app/pb_kits/playbook/utilities/_width.scss
3908
+ - app/pb_kits/playbook/utilities/deprecated.ts
3825
3909
  - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
3826
3910
  - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
3827
3911
  - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
@@ -3861,9 +3945,9 @@ files:
3861
3945
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3862
3946
  - app/pb_kits/playbook/utilities/text.ts
3863
3947
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3864
- - dist/chunks/_typeahead-DecTL7bt.js
3948
+ - dist/chunks/_typeahead-Ckz1ce-2.js
3865
3949
  - dist/chunks/lazysizes-B7xYodB-.js
3866
- - dist/chunks/lib-Dk4GKPut.js
3950
+ - dist/chunks/lib-DxDBrGZX.js
3867
3951
  - dist/chunks/vendor.js
3868
3952
  - dist/menu.yml
3869
3953
  - dist/playbook-rails-react-bindings.js
@@ -3898,6 +3982,7 @@ files:
3898
3982
  - lib/playbook/forms/builder/phone_number_field.rb
3899
3983
  - lib/playbook/forms/builder/select_field.rb
3900
3984
  - lib/playbook/forms/builder/star_rating_field.rb
3985
+ - lib/playbook/forms/builder/time_picker_field.rb
3901
3986
  - lib/playbook/forms/builder/time_zone_select_field.rb
3902
3987
  - lib/playbook/forms/builder/typeahead_field.rb
3903
3988
  - lib/playbook/height.rb