playbook_ui 13.21.0.pre.alpha.pbntr220improveexpansionspeed2451 → 13.22.0.pre.alpha.playbookgemspecrailsversion2608

Sign up to get free protection for your applications and to get access to all the features.
Files changed (228) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +23 -17
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx +6 -3
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx +12 -8
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +14 -9
  6. data/app/pb_kits/playbook/pb_advanced_table/Components/ToggleIconButton.tsx +9 -5
  7. data/app/pb_kits/playbook/pb_advanced_table/README.md +2 -2
  8. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +15 -11
  9. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +12 -8
  10. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx +3 -2
  11. data/app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts +0 -2
  12. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +7 -9
  13. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +83 -78
  14. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb +14 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +19 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +54 -54
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx +7 -7
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.jsx +7 -7
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx +12 -7
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md +2 -0
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx +7 -7
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md +1 -1
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.jsx +7 -7
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort.jsx +7 -7
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_sort_control.jsx +7 -7
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_subrow_headers.jsx +7 -7
  27. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_options.jsx +7 -7
  28. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx +7 -7
  29. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js +1 -1
  30. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json +278 -0
  31. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +2 -0
  32. data/app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss +13 -0
  33. data/app/pb_kits/playbook/pb_advanced_table/table_body.html.erb +9 -0
  34. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +30 -0
  35. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +20 -0
  36. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +21 -0
  37. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +37 -0
  38. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +32 -0
  39. data/app/pb_kits/playbook/pb_avatar/avatar.html.erb +2 -1
  40. data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.html.erb +2 -1
  41. data/app/pb_kits/playbook/pb_background/background.html.erb +2 -1
  42. data/app/pb_kits/playbook/pb_badge/badge.html.erb +2 -1
  43. data/app/pb_kits/playbook/pb_body/body.html.erb +2 -1
  44. data/app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss +0 -7
  45. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb +2 -1
  46. data/app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb +2 -1
  47. data/app/pb_kits/playbook/pb_button/button.html.erb +2 -1
  48. data/app/pb_kits/playbook/pb_button/button.rb +2 -3
  49. data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.html.erb +2 -1
  50. data/app/pb_kits/playbook/pb_caption/caption.html.erb +2 -1
  51. data/app/pb_kits/playbook/pb_card/card.html.erb +2 -1
  52. data/app/pb_kits/playbook/pb_card/card_body.html.erb +2 -1
  53. data/app/pb_kits/playbook/pb_card/card_header.html.erb +2 -1
  54. data/app/pb_kits/playbook/pb_checkbox/checkbox.html.erb +3 -1
  55. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +2 -1
  56. data/app/pb_kits/playbook/pb_collapsible/collapsible.html.erb +2 -1
  57. data/app/pb_kits/playbook/pb_collapsible/collapsible_content.html.erb +2 -1
  58. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +2 -1
  59. data/app/pb_kits/playbook/pb_contact/contact.html.erb +2 -1
  60. data/app/pb_kits/playbook/pb_currency/currency.html.erb +2 -1
  61. data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.html.erb +2 -1
  62. data/app/pb_kits/playbook/pb_date/date.html.erb +2 -1
  63. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +1 -2
  64. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +3 -0
  65. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +4 -2
  66. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +2 -1
  67. data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +1 -1
  68. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +9 -7
  69. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +0 -7
  70. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +0 -7
  71. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.html.erb +7 -0
  72. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.jsx +41 -0
  73. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +7 -0
  74. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +7 -0
  75. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +4 -2
  76. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
  77. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss +1 -2
  78. data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.html.erb +2 -1
  79. data/app/pb_kits/playbook/pb_date_range_stacked/date_range_stacked.html.erb +2 -1
  80. data/app/pb_kits/playbook/pb_date_stacked/date_stacked.html.erb +2 -1
  81. data/app/pb_kits/playbook/pb_date_time/date_time.html.erb +2 -1
  82. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb +3 -2
  83. data/app/pb_kits/playbook/pb_date_year_stacked/date_year_stacked.html.erb +2 -1
  84. data/app/pb_kits/playbook/pb_detail/detail.html.erb +2 -1
  85. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +2 -1
  86. data/app/pb_kits/playbook/pb_dialog/dialog_body.html.erb +3 -2
  87. data/app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb +3 -2
  88. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +5 -4
  89. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_compound_components.html.erb +2 -0
  90. data/app/pb_kits/playbook/pb_file_upload/file_upload.html.erb +2 -1
  91. data/app/pb_kits/playbook/pb_filter/filter.html.erb +2 -1
  92. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss +8 -3
  93. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +1 -0
  94. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.html.erb +51 -1
  95. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_multi_line.jsx +62 -11
  96. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_fixed_confirmation_toast_positions.html.erb +7 -2
  97. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +4 -3
  98. data/app/pb_kits/playbook/pb_flex/docs/_flex_spacing.html.erb +0 -4
  99. data/app/pb_kits/playbook/pb_flex/flex.html.erb +2 -1
  100. data/app/pb_kits/playbook/pb_flex/flex_item.html.erb +2 -1
  101. data/app/pb_kits/playbook/pb_form_group/_form_group.scss +34 -0
  102. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb +17 -1
  103. data/app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx +18 -2
  104. data/app/pb_kits/playbook/pb_form_group/form_group.html.erb +2 -1
  105. data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +2 -2
  106. data/app/pb_kits/playbook/pb_hashtag/hashtag.html.erb +2 -1
  107. data/app/pb_kits/playbook/pb_highlight/highlight.html.erb +2 -1
  108. data/app/pb_kits/playbook/pb_home_address_street/home_address_street.html.erb +2 -1
  109. data/app/pb_kits/playbook/pb_icon/_icon.tsx +1 -0
  110. data/app/pb_kits/playbook/pb_icon/icon.html.erb +2 -1
  111. data/app/pb_kits/playbook/pb_icon/icon.rb +3 -3
  112. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.scss +14 -0
  113. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +1 -1
  114. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.html.erb +5 -0
  115. data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx +6 -0
  116. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +2 -1
  117. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.rb +1 -1
  118. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.test.js +1 -0
  119. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +2 -1
  120. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb +0 -2
  121. data/app/pb_kits/playbook/pb_icon_value/icon_value.html.erb +2 -1
  122. data/app/pb_kits/playbook/pb_image/image.html.erb +2 -1
  123. data/app/pb_kits/playbook/pb_label_pill/label_pill.html.erb +2 -1
  124. data/app/pb_kits/playbook/pb_label_value/label_value.html.erb +3 -2
  125. data/app/pb_kits/playbook/pb_layout/body.html.erb +2 -1
  126. data/app/pb_kits/playbook/pb_layout/footer.html.erb +2 -1
  127. data/app/pb_kits/playbook/pb_layout/header.html.erb +2 -1
  128. data/app/pb_kits/playbook/pb_layout/item.html.erb +2 -1
  129. data/app/pb_kits/playbook/pb_layout/layout.html.erb +2 -1
  130. data/app/pb_kits/playbook/pb_layout/sidebar.html.erb +2 -1
  131. data/app/pb_kits/playbook/pb_legend/legend.html.erb +2 -1
  132. data/app/pb_kits/playbook/pb_list/item.html.erb +2 -1
  133. data/app/pb_kits/playbook/pb_list/list.html.erb +2 -1
  134. data/app/pb_kits/playbook/pb_list/list.rb +0 -2
  135. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +2 -1
  136. data/app/pb_kits/playbook/pb_message/message.html.erb +2 -1
  137. data/app/pb_kits/playbook/pb_message/message_mention.html.erb +3 -2
  138. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +2 -2
  139. data/app/pb_kits/playbook/pb_multi_level_select/docs/{_multi_level_select_selected_ids.jsx → _multi_level_select_selected_ids_react.jsx} +2 -2
  140. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md +5 -0
  141. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +1 -1
  142. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -1
  143. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb +2 -1
  144. data/app/pb_kits/playbook/pb_multiple_users/multiple_users.html.erb +2 -1
  145. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +2 -1
  146. data/app/pb_kits/playbook/pb_nav/item.html.erb +4 -2
  147. data/app/pb_kits/playbook/pb_nav/nav.html.erb +2 -1
  148. data/app/pb_kits/playbook/pb_online_status/_online_status.scss +1 -10
  149. data/app/pb_kits/playbook/pb_online_status/_online_status.tsx +1 -1
  150. data/app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss +7 -13
  151. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb +6 -9
  152. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_default.jsx +18 -7
  153. data/app/pb_kits/playbook/pb_online_status/online_status.html.erb +2 -1
  154. data/app/pb_kits/playbook/pb_online_status/online_status.rb +1 -1
  155. data/app/pb_kits/playbook/pb_pagination/docs/_pagination_default.html.erb +2 -1
  156. data/app/pb_kits/playbook/pb_pagination/pagination.html.erb +2 -1
  157. data/app/pb_kits/playbook/pb_passphrase/passphrase.html.erb +1 -1
  158. data/app/pb_kits/playbook/pb_person/person.html.erb +2 -1
  159. data/app/pb_kits/playbook/pb_person_contact/person_contact.html.erb +2 -1
  160. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.html.erb +2 -2
  161. data/app/pb_kits/playbook/pb_pill/pill.html.erb +2 -1
  162. data/app/pb_kits/playbook/pb_popover/popover.html.erb +2 -1
  163. data/app/pb_kits/playbook/pb_progress_pills/progress_pills.html.erb +2 -1
  164. data/app/pb_kits/playbook/pb_progress_simple/progress_simple.html.erb +2 -1
  165. data/app/pb_kits/playbook/pb_progress_step/progress_step.html.erb +2 -1
  166. data/app/pb_kits/playbook/pb_progress_step/progress_step_item.html.erb +2 -1
  167. data/app/pb_kits/playbook/pb_radio/radio.html.erb +2 -1
  168. data/app/pb_kits/playbook/pb_section_separator/section_separator.html.erb +2 -1
  169. data/app/pb_kits/playbook/pb_select/select.html.erb +2 -1
  170. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +2 -1
  171. data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +2 -1
  172. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +2 -1
  173. data/app/pb_kits/playbook/pb_selectable_list/selectable_list.html.erb +2 -1
  174. data/app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb +2 -1
  175. data/app/pb_kits/playbook/pb_source/source.html.erb +2 -1
  176. data/app/pb_kits/playbook/pb_star_rating/star_rating.html.erb +2 -1
  177. data/app/pb_kits/playbook/pb_stat_change/stat_change.html.erb +2 -1
  178. data/app/pb_kits/playbook/pb_stat_value/stat_value.html.erb +2 -1
  179. data/app/pb_kits/playbook/pb_table/table.html.erb +4 -2
  180. data/app/pb_kits/playbook/pb_table/table_body.html.erb +5 -3
  181. data/app/pb_kits/playbook/pb_table/table_cell.html.erb +5 -3
  182. data/app/pb_kits/playbook/pb_table/table_head.html.erb +5 -3
  183. data/app/pb_kits/playbook/pb_table/table_header.html.erb +5 -3
  184. data/app/pb_kits/playbook/pb_table/table_row.html.erb +5 -3
  185. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +0 -1
  186. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +5 -1
  187. data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +2 -1
  188. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -1
  189. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +1 -1
  190. data/app/pb_kits/playbook/pb_textarea/textarea.html.erb +2 -1
  191. data/app/pb_kits/playbook/pb_time/time.html.erb +2 -1
  192. data/app/pb_kits/playbook/pb_time_range_inline/time_range_inline.html.erb +3 -2
  193. data/app/pb_kits/playbook/pb_time_stacked/time_stacked.html.erb +2 -1
  194. data/app/pb_kits/playbook/pb_timeline/item.html.erb +2 -1
  195. data/app/pb_kits/playbook/pb_timeline/timeline.html.erb +2 -1
  196. data/app/pb_kits/playbook/pb_timestamp/timestamp.html.erb +2 -1
  197. data/app/pb_kits/playbook/pb_title/title.html.erb +3 -2
  198. data/app/pb_kits/playbook/pb_title_count/title_count.html.erb +2 -1
  199. data/app/pb_kits/playbook/pb_title_detail/title_detail.html.erb +2 -1
  200. data/app/pb_kits/playbook/pb_toggle/_toggle.scss +39 -6
  201. data/app/pb_kits/playbook/pb_toggle/_toggle.tsx +17 -12
  202. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.html.erb +11 -0
  203. data/app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx +21 -0
  204. data/app/pb_kits/playbook/pb_toggle/docs/example.yml +3 -1
  205. data/app/pb_kits/playbook/pb_toggle/docs/index.js +1 -0
  206. data/app/pb_kits/playbook/pb_toggle/toggle.html.erb +2 -1
  207. data/app/pb_kits/playbook/pb_toggle/toggle.rb +2 -1
  208. data/app/pb_kits/playbook/pb_toggle/toggle.test.js +7 -0
  209. data/app/pb_kits/playbook/pb_tooltip/tooltip.html.erb +2 -1
  210. data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +2 -1
  211. data/app/pb_kits/playbook/pb_user/user.html.erb +2 -1
  212. data/app/pb_kits/playbook/pb_user_badge/user_badge.html.erb +2 -1
  213. data/app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.html.erb +2 -1
  214. data/app/pb_kits/playbook/utilities/_positioning.scss +23 -10
  215. data/app/pb_kits/playbook/utilities/globalProps.ts +26 -8
  216. data/dist/menu.yml +4 -0
  217. data/dist/playbook-rails.js +7 -7
  218. data/lib/playbook/bottom.rb +6 -3
  219. data/lib/playbook/kit_base.rb +18 -0
  220. data/lib/playbook/left.rb +6 -3
  221. data/lib/playbook/pb_doc_helper.rb +1 -1
  222. data/lib/playbook/position_props_css.rb +17 -0
  223. data/lib/playbook/props/percentage.rb +2 -2
  224. data/lib/playbook/right.rb +6 -3
  225. data/lib/playbook/top.rb +6 -3
  226. data/lib/playbook/version.rb +2 -2
  227. metadata +28 -41
  228. data/app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js +0 -278
@@ -1,7 +1,11 @@
1
1
  # frozen_string_literal: true
2
2
 
3
+ require "playbook/position_props_css"
4
+
3
5
  module Playbook
4
6
  module Bottom
7
+ include Playbook::PositionPropsCss
8
+
5
9
  def self.included(base)
6
10
  base.prop :bottom
7
11
  end
@@ -24,9 +28,8 @@ module Playbook
24
28
 
25
29
  selected_props.map do |k|
26
30
  value = send(k)
27
- return nil unless bottom_values.include? value
28
-
29
- "bottom_#{value}"
31
+ css = positioning_css("bottom", value) if bottom.present?
32
+ css
30
33
  end.compact.join(" ")
31
34
  end
32
35
  end
@@ -67,10 +67,28 @@ module Playbook
67
67
  prop :id
68
68
  prop :data, type: Playbook::Props::HashProp, default: {}
69
69
  prop :aria, type: Playbook::Props::HashProp, default: {}
70
+ prop :html_options, type: Playbook::Props::HashProp, default: {}
70
71
  prop :children, type: Playbook::Props::Proc
71
72
 
72
73
  def object
73
74
  self
74
75
  end
76
+
77
+ def combined_html_options
78
+ default_html_options.merge(html_options.deep_merge(data_attributes))
79
+ end
80
+
81
+ private
82
+
83
+ def default_html_options
84
+ {}
85
+ end
86
+
87
+ def data_attributes
88
+ {
89
+ data: data,
90
+ aria: aria,
91
+ }.transform_keys { |key| key.to_s.tr("_", "-") }
92
+ end
75
93
  end
76
94
  end
data/lib/playbook/left.rb CHANGED
@@ -1,7 +1,11 @@
1
1
  # frozen_string_literal: true
2
2
 
3
+ require "playbook/position_props_css"
4
+
3
5
  module Playbook
4
6
  module Left
7
+ include Playbook::PositionPropsCss
8
+
5
9
  def self.included(base)
6
10
  base.prop :left
7
11
  end
@@ -24,9 +28,8 @@ module Playbook
24
28
 
25
29
  selected_props.map do |k|
26
30
  value = send(k)
27
- return nil unless left_values.include? value
28
-
29
- "left_#{value}"
31
+ css = positioning_css("left", value) if left.present?
32
+ css
30
33
  end.compact.join(" ")
31
34
  end
32
35
  end
@@ -73,7 +73,7 @@ module Playbook
73
73
  #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
74
74
  title + ui
75
75
  end
76
- # rubocop:enable Style/OptionalBooleanParameter
76
+ # rubocop:enable Style/OptionalBooleanParameter
77
77
 
78
78
  private
79
79
 
@@ -0,0 +1,17 @@
1
+ # frozen_string_literal: true
2
+
3
+ module Playbook
4
+ module PositionPropsCss
5
+ POSITION_VALUES = %w[0 xxs xs sm md lg xl auto initial inherit].freeze
6
+
7
+ def positioning_css(property, value)
8
+ if value.is_a?(String)
9
+ "#{property}_#{value}"
10
+ elsif value.is_a?(Hash) && value.key?(:inset)
11
+ "#{property}_#{value[:value]}_inset"
12
+ elsif value.is_a?(Hash)
13
+ "#{property}_#{value[:value]}"
14
+ end
15
+ end
16
+ end
17
+ end
@@ -10,9 +10,9 @@ module Playbook
10
10
  private
11
11
 
12
12
  def numeric_in_range?(value)
13
- (value.is_a?(::Numeric) &&
13
+ value.is_a?(::Numeric) &&
14
14
  value <= 100 &&
15
- value >= 0)
15
+ value >= 0
16
16
  end
17
17
  end
18
18
  end
@@ -1,7 +1,11 @@
1
1
  # frozen_string_literal: true
2
2
 
3
+ require "playbook/position_props_css"
4
+
3
5
  module Playbook
4
6
  module Right
7
+ include Playbook::PositionPropsCss
8
+
5
9
  def self.included(base)
6
10
  base.prop :right
7
11
  end
@@ -24,9 +28,8 @@ module Playbook
24
28
 
25
29
  selected_props.map do |k|
26
30
  value = send(k)
27
- return nil unless right_values.include? value
28
-
29
- "right_#{value}"
31
+ css = positioning_css("right", value) if right.present?
32
+ css
30
33
  end.compact.join(" ")
31
34
  end
32
35
  end
data/lib/playbook/top.rb CHANGED
@@ -1,7 +1,11 @@
1
1
  # frozen_string_literal: true
2
2
 
3
+ require "playbook/position_props_css"
4
+
3
5
  module Playbook
4
6
  module Top
7
+ include Playbook::PositionPropsCss
8
+
5
9
  def self.included(base)
6
10
  base.prop :top
7
11
  end
@@ -24,9 +28,8 @@ module Playbook
24
28
 
25
29
  selected_props.map do |k|
26
30
  value = send(k)
27
- return nil unless top_values.include? value
28
-
29
- "top_#{value}"
31
+ css = positioning_css("top", value) if top.present?
32
+ css
30
33
  end.compact.join(" ")
31
34
  end
32
35
  end
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "13.21.0"
5
- VERSION = "13.21.0.pre.alpha.pbntr220improveexpansionspeed2451"
4
+ PREVIOUS_VERSION = "13.22.0"
5
+ VERSION = "13.22.0.pre.alpha.playbookgemspecrailsversion2608"
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: 13.21.0.pre.alpha.pbntr220improveexpansionspeed2451
4
+ version: 13.22.0.pre.alpha.playbookgemspecrailsversion2608
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: 2024-03-22 00:00:00.000000000 Z
12
+ date: 2024-04-03 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -99,14 +99,14 @@ dependencies:
99
99
  name: byebug
100
100
  requirement: !ruby/object:Gem::Requirement
101
101
  requirements:
102
- - - '='
102
+ - - ">="
103
103
  - !ruby/object:Gem::Version
104
104
  version: 11.0.0
105
105
  type: :development
106
106
  prerelease: false
107
107
  version_requirements: !ruby/object:Gem::Requirement
108
108
  requirements:
109
- - - '='
109
+ - - ">="
110
110
  - !ruby/object:Gem::Version
111
111
  version: 11.0.0
112
112
  - !ruby/object:Gem::Dependency
@@ -175,16 +175,16 @@ dependencies:
175
175
  name: rubocop
176
176
  requirement: !ruby/object:Gem::Requirement
177
177
  requirements:
178
- - - '='
178
+ - - ">="
179
179
  - !ruby/object:Gem::Version
180
- version: 1.23.0
180
+ version: '0'
181
181
  type: :development
182
182
  prerelease: false
183
183
  version_requirements: !ruby/object:Gem::Requirement
184
184
  requirements:
185
- - - '='
185
+ - - ">="
186
186
  - !ruby/object:Gem::Version
187
- version: 1.23.0
187
+ version: '0'
188
188
  - !ruby/object:Gem::Dependency
189
189
  name: rubocop-performance
190
190
  requirement: !ruby/object:Gem::Requirement
@@ -199,34 +199,6 @@ dependencies:
199
199
  - - "~>"
200
200
  - !ruby/object:Gem::Version
201
201
  version: 1.11.5
202
- - !ruby/object:Gem::Dependency
203
- name: spring
204
- requirement: !ruby/object:Gem::Requirement
205
- requirements:
206
- - - '='
207
- - !ruby/object:Gem::Version
208
- version: 2.0.2
209
- type: :development
210
- prerelease: false
211
- version_requirements: !ruby/object:Gem::Requirement
212
- requirements:
213
- - - '='
214
- - !ruby/object:Gem::Version
215
- version: 2.0.2
216
- - !ruby/object:Gem::Dependency
217
- name: spring-watcher-listen
218
- requirement: !ruby/object:Gem::Requirement
219
- requirements:
220
- - - '='
221
- - !ruby/object:Gem::Version
222
- version: 2.0.1
223
- type: :development
224
- prerelease: false
225
- version_requirements: !ruby/object:Gem::Requirement
226
- requirements:
227
- - - '='
228
- - !ruby/object:Gem::Version
229
- version: 2.0.1
230
202
  - !ruby/object:Gem::Dependency
231
203
  name: tzinfo-data
232
204
  requirement: !ruby/object:Gem::Requirement
@@ -286,6 +258,8 @@ files:
286
258
  - app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
287
259
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
288
260
  - app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
261
+ - app/pb_kits/playbook/pb_advanced_table/advanced_table.html.erb
262
+ - app/pb_kits/playbook/pb_advanced_table/advanced_table.rb
289
263
  - app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx
290
264
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.jsx
291
265
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_collapsible_trail.md
@@ -308,12 +282,19 @@ files:
308
282
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.jsx
309
283
  - app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props.md
310
284
  - app/pb_kits/playbook/pb_advanced_table/docs/_description.md
311
- - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data.js
312
285
  - app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
286
+ - app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
313
287
  - app/pb_kits/playbook/pb_advanced_table/docs/example.yml
314
288
  - app/pb_kits/playbook/pb_advanced_table/docs/index.js
289
+ - app/pb_kits/playbook/pb_advanced_table/scss_partials/_chrome_styles.scss
315
290
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_loading.scss
316
291
  - app/pb_kits/playbook/pb_advanced_table/scss_partials/_pseudo_states.scss
292
+ - app/pb_kits/playbook/pb_advanced_table/table_body.html.erb
293
+ - app/pb_kits/playbook/pb_advanced_table/table_body.rb
294
+ - app/pb_kits/playbook/pb_advanced_table/table_header.html.erb
295
+ - app/pb_kits/playbook/pb_advanced_table/table_header.rb
296
+ - app/pb_kits/playbook/pb_advanced_table/table_row.html.erb
297
+ - app/pb_kits/playbook/pb_advanced_table/table_row.rb
317
298
  - app/pb_kits/playbook/pb_avatar/_avatar.scss
318
299
  - app/pb_kits/playbook/pb_avatar/_avatar.tsx
319
300
  - app/pb_kits/playbook/pb_avatar/avatar.html.erb
@@ -823,6 +804,8 @@ files:
823
804
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb
824
805
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx
825
806
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md
807
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.html.erb
808
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_margin_bottom.jsx
826
809
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
827
810
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
828
811
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_month_and_year.html.erb
@@ -1624,8 +1607,9 @@ files:
1624
1607
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
1625
1608
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
1626
1609
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb
1627
- - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.jsx
1628
1610
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md
1611
+ - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.jsx
1612
+ - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md
1629
1613
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb
1630
1614
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx
1631
1615
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.md
@@ -2546,6 +2530,8 @@ files:
2546
2530
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.html.erb
2547
2531
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_default.jsx
2548
2532
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_default_swift.md
2533
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.html.erb
2534
+ - app/pb_kits/playbook/pb_toggle/docs/_toggle_disabled.jsx
2549
2535
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.html.erb
2550
2536
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_name.jsx
2551
2537
  - app/pb_kits/playbook/pb_toggle/docs/_toggle_name_swift.md
@@ -2846,6 +2832,7 @@ files:
2846
2832
  - lib/playbook/pb_forms_helper.rb
2847
2833
  - lib/playbook/pb_kit_helper.rb
2848
2834
  - lib/playbook/position.rb
2835
+ - lib/playbook/position_props_css.rb
2849
2836
  - lib/playbook/props.rb
2850
2837
  - lib/playbook/props/array.rb
2851
2838
  - lib/playbook/props/base.rb
@@ -2885,11 +2872,11 @@ required_ruby_version: !ruby/object:Gem::Requirement
2885
2872
  version: '0'
2886
2873
  required_rubygems_version: !ruby/object:Gem::Requirement
2887
2874
  requirements:
2888
- - - ">"
2875
+ - - ">="
2889
2876
  - !ruby/object:Gem::Version
2890
- version: 1.3.1
2877
+ version: '0'
2891
2878
  requirements: []
2892
- rubygems_version: 3.3.7
2879
+ rubygems_version: 3.5.3
2893
2880
  signing_key:
2894
2881
  specification_version: 4
2895
2882
  summary: Playbook Design System
@@ -1,278 +0,0 @@
1
- export const MOCK_DATA = [
2
- {
3
- year: "2021",
4
- quarter: null,
5
- month: null,
6
- day: null,
7
- newEnrollments: "20",
8
- scheduledMeetings: "10",
9
- attendanceRate: "51%",
10
- completedClasses: "3",
11
- classCompletionRate: "33%",
12
- graduatedStudents: "19",
13
- children: [
14
- {
15
- year: "2021",
16
- quarter: "Q1",
17
- month: null,
18
- day: null,
19
- newEnrollments: "2",
20
- scheduledMeetings: "35",
21
- attendanceRate: "32%",
22
- completedClasses: "15",
23
- classCompletionRate: "52%",
24
- graduatedStudents: "36",
25
- children: [
26
- {
27
- year: "2021",
28
- quarter: "Q1",
29
- month: "January",
30
- day: null,
31
- newEnrollments: "16",
32
- scheduledMeetings: "20",
33
- attendanceRate: "11%",
34
- completedClasses: "13",
35
- classCompletionRate: "47%",
36
- graduatedStudents: "28",
37
- children: [
38
- {
39
- year: "2021",
40
- quarter: "Q1",
41
- month: "January",
42
- day: "10",
43
- newEnrollments: "34",
44
- scheduledMeetings: "28",
45
- attendanceRate: "97%",
46
- completedClasses: "20",
47
- classCompletionRate: "15%",
48
- graduatedStudents: "17",
49
- },
50
- {
51
- year: "2021",
52
- quarter: "Q1",
53
- month: "January",
54
- day: "20",
55
- newEnrollments: "43",
56
- scheduledMeetings: "23",
57
- attendanceRate: "66%",
58
- completedClasses: "26",
59
- classCompletionRate: "47%",
60
- graduatedStudents: "9",
61
- },
62
- ],
63
- },
64
- {
65
- year: "2021",
66
- quarter: "Q1",
67
- month: "February",
68
- day: null,
69
- newEnrollments: "20",
70
- scheduledMeetings: "41",
71
- attendanceRate: "95%",
72
- completedClasses: "26",
73
- classCompletionRate: "83%",
74
- graduatedStudents: "43",
75
- children: [
76
- {
77
- year: "2011",
78
- quarter: "Q1",
79
- month: "February",
80
- day: "15",
81
- newEnrollments: "19",
82
- scheduledMeetings: "35",
83
- attendanceRate: "69%",
84
- completedClasses: "8",
85
- classCompletionRate: "75%",
86
- graduatedStudents: "23",
87
- },
88
- ],
89
- },
90
- ],
91
- },
92
- ],
93
- },
94
- {
95
- year: "2022",
96
- quarter: null,
97
- month: null,
98
- day: null,
99
- newEnrollments: "25",
100
- scheduledMeetings: "17",
101
- attendanceRate: "75%",
102
- completedClasses: "5",
103
- classCompletionRate: "45%",
104
- graduatedStudents: "32",
105
- children: [
106
- {
107
- year: "2022",
108
- quarter: "Q1",
109
- month: null,
110
- day: null,
111
- newEnrollments: "2",
112
- scheduledMeetings: "35",
113
- attendanceRate: "32%",
114
- completedClasses: "15",
115
- classCompletionRate: "52%",
116
- graduatedStudents: "36",
117
- children: [
118
- {
119
- year: "2022",
120
- quarter: "Q1",
121
- month: "January",
122
- day: null,
123
- newEnrollments: "16",
124
- scheduledMeetings: "20",
125
- attendanceRate: "11%",
126
- completedClasses: "13",
127
- classCompletionRate: "47%",
128
- graduatedStudents: "28",
129
- children: [
130
- {
131
- year: "2022",
132
- quarter: "Q1",
133
- month: "January",
134
- day: "15",
135
- newEnrollments: "34",
136
- scheduledMeetings: "28",
137
- attendanceRate: "97%",
138
- completedClasses: "20",
139
- classCompletionRate: "15%",
140
- graduatedStudents: "17",
141
- },
142
- {
143
- year: "2022",
144
- quarter: "Q1",
145
- month: "January",
146
- day: "25",
147
- newEnrollments: "43",
148
- scheduledMeetings: "23",
149
- attendanceRate: "66%",
150
- completedClasses: "26",
151
- classCompletionRate: "47%",
152
- graduatedStudents: "9",
153
- },
154
- ],
155
- },
156
- {
157
- year: "2022",
158
- quarter: "Q1",
159
- month: "May",
160
- day: null,
161
- newEnrollments: "20",
162
- scheduledMeetings: "41",
163
- attendanceRate: "95%",
164
- completedClasses: "26",
165
- classCompletionRate: "83%",
166
- graduatedStudents: "43",
167
- children: [
168
- {
169
- year: "2011",
170
- quarter: "Q1",
171
- month: "May",
172
- day: "2",
173
- newEnrollments: "19",
174
- scheduledMeetings: "35",
175
- attendanceRate: "69%",
176
- completedClasses: "8",
177
- classCompletionRate: "75%",
178
- graduatedStudents: "23",
179
- },
180
- ],
181
- },
182
- ],
183
- },
184
- ],
185
- },
186
- {
187
- year: "2023",
188
- quarter: null,
189
- month: null,
190
- day: null,
191
- newEnrollments: "10",
192
- scheduledMeetings: "15",
193
- attendanceRate: "65%",
194
- completedClasses: "4",
195
- classCompletionRate: "49%",
196
- graduatedStudents: "29",
197
- children: [
198
- {
199
- year: "2023",
200
- quarter: "Q1",
201
- month: null,
202
- day: null,
203
- newEnrollments: "2",
204
- scheduledMeetings: "35",
205
- attendanceRate: "32%",
206
- completedClasses: "15",
207
- classCompletionRate: "52%",
208
- graduatedStudents: "36",
209
- children: [
210
- {
211
- year: "2023",
212
- quarter: "Q1",
213
- month: "March",
214
- day: null,
215
- newEnrollments: "16",
216
- scheduledMeetings: "20",
217
- attendanceRate: "11%",
218
- completedClasses: "13",
219
- classCompletionRate: "47%",
220
- graduatedStudents: "28",
221
- children: [
222
- {
223
- year: "2023",
224
- quarter: "Q1",
225
- month: "March",
226
- day: "10",
227
- newEnrollments: "34",
228
- scheduledMeetings: "28",
229
- attendanceRate: "97%",
230
- completedClasses: "20",
231
- classCompletionRate: "15%",
232
- graduatedStudents: "17",
233
- },
234
- {
235
- year: "2023",
236
- quarter: "Q1",
237
- month: "March",
238
- day: "11",
239
- newEnrollments: "43",
240
- scheduledMeetings: "23",
241
- attendanceRate: "66%",
242
- completedClasses: "26",
243
- classCompletionRate: "47%",
244
- graduatedStudents: "9",
245
- },
246
- ],
247
- },
248
- {
249
- year: "2023",
250
- quarter: "Q1",
251
- month: "April",
252
- day: null,
253
- newEnrollments: "20",
254
- scheduledMeetings: "41",
255
- attendanceRate: "95%",
256
- completedClasses: "26",
257
- classCompletionRate: "83%",
258
- graduatedStudents: "43",
259
- children: [
260
- {
261
- year: "2023",
262
- quarter: "Q1",
263
- month: "April",
264
- day: "15",
265
- newEnrollments: "19",
266
- scheduledMeetings: "35",
267
- attendanceRate: "69%",
268
- completedClasses: "8",
269
- classCompletionRate: "75%",
270
- graduatedStudents: "23",
271
- },
272
- ],
273
- },
274
- ],
275
- },
276
- ],
277
- },
278
- ];