hakumi_components 0.1.18.pre → 0.1.19.pre

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 (467) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +32 -2
  3. data/README.md +208 -381
  4. data/app/assets/javascripts/hakumi_components.js +40 -34
  5. data/app/assets/stylesheets/hakumi_components.css +1 -1
  6. data/app/components/hakumi_components/admin_panel/component.rb +19 -9
  7. data/app/components/hakumi_components/affix/component.rb +54 -30
  8. data/app/components/hakumi_components/alert/component.html.erb +2 -2
  9. data/app/components/hakumi_components/alert/component.rb +68 -18
  10. data/app/components/hakumi_components/anchor/component.rb +35 -27
  11. data/app/components/hakumi_components/anchor/link/component.html.erb +1 -1
  12. data/app/components/hakumi_components/anchor/link/component.rb +28 -9
  13. data/app/components/hakumi_components/autocomplete/component.html.erb +86 -66
  14. data/app/components/hakumi_components/autocomplete/component.rb +115 -89
  15. data/app/components/hakumi_components/avatar/component.rb +45 -12
  16. data/app/components/hakumi_components/badge/component.rb +99 -45
  17. data/app/components/hakumi_components/base_component.rb +290 -91
  18. data/app/components/hakumi_components/breadcrumb/component.rb +16 -5
  19. data/app/components/hakumi_components/breadcrumb/item/component.html.erb +5 -5
  20. data/app/components/hakumi_components/breadcrumb/item/component.rb +56 -8
  21. data/app/components/hakumi_components/breadcrumb/item/menu_entry.rb +71 -0
  22. data/app/components/hakumi_components/button/component.rb +62 -20
  23. data/app/components/hakumi_components/calendar/component.html.erb +19 -19
  24. data/app/components/hakumi_components/calendar/component.rb +225 -202
  25. data/app/components/hakumi_components/calendar/day_cell.rb +62 -0
  26. data/app/components/hakumi_components/calendar/display_model.rb +237 -0
  27. data/app/components/hakumi_components/calendar/event_entry.rb +54 -0
  28. data/app/components/hakumi_components/calendar/locale_pack.rb +28 -0
  29. data/app/components/hakumi_components/calendar/panel_entry.rb +48 -0
  30. data/app/components/hakumi_components/calendar/week_row.rb +28 -0
  31. data/app/components/hakumi_components/card/component.html.erb +2 -2
  32. data/app/components/hakumi_components/card/component.rb +76 -49
  33. data/app/components/hakumi_components/card/grid/component.html.erb +1 -1
  34. data/app/components/hakumi_components/card/grid/component.rb +23 -17
  35. data/app/components/hakumi_components/card/meta/component.html.erb +8 -8
  36. data/app/components/hakumi_components/card/meta/component.rb +42 -24
  37. data/app/components/hakumi_components/carousel/autoplay_config.rb +27 -0
  38. data/app/components/hakumi_components/carousel/component.rb +85 -67
  39. data/app/components/hakumi_components/carousel/dots_config.rb +36 -0
  40. data/app/components/hakumi_components/cascader/component.html.erb +54 -36
  41. data/app/components/hakumi_components/cascader/component.rb +111 -62
  42. data/app/components/hakumi_components/checkbox/component.html.erb +5 -5
  43. data/app/components/hakumi_components/checkbox/component.rb +40 -6
  44. data/app/components/hakumi_components/checkbox/group/component.html.erb +4 -4
  45. data/app/components/hakumi_components/checkbox/group/component.rb +40 -13
  46. data/app/components/hakumi_components/checkbox/group/option.rb +34 -0
  47. data/app/components/hakumi_components/collapse/component.rb +64 -48
  48. data/app/components/hakumi_components/collapse/panel/component.rb +64 -21
  49. data/app/components/hakumi_components/color_picker/component.html.erb +21 -22
  50. data/app/components/hakumi_components/color_picker/component.rb +159 -49
  51. data/app/components/hakumi_components/color_picker/preset_group.rb +27 -0
  52. data/app/components/hakumi_components/concerns/form_field.rb +169 -68
  53. data/app/components/hakumi_components/concerns/form_field_contract.rb +57 -0
  54. data/app/components/hakumi_components/concerns/form_field_interface.rb +16 -0
  55. data/app/components/hakumi_components/concerns/input_control.rb +111 -0
  56. data/app/components/hakumi_components/concerns/input_control_contract.rb +47 -0
  57. data/app/components/hakumi_components/concerns/input_control_interface.rb +34 -0
  58. data/app/components/hakumi_components/concerns/selection_control.rb +122 -0
  59. data/app/components/hakumi_components/concerns/selection_control_contract.rb +47 -0
  60. data/app/components/hakumi_components/concerns/selection_control_interface.rb +34 -0
  61. data/app/components/hakumi_components/container/component.rb +29 -14
  62. data/app/components/hakumi_components/date_picker/component.html.erb +1 -3
  63. data/app/components/hakumi_components/date_picker/component.rb +130 -16
  64. data/app/components/hakumi_components/date_picker/range_picker.rb +159 -28
  65. data/app/components/hakumi_components/date_picker/shared_rendering.rb +151 -61
  66. data/app/components/hakumi_components/descriptions/component.html.erb +6 -6
  67. data/app/components/hakumi_components/descriptions/component.rb +98 -61
  68. data/app/components/hakumi_components/descriptions/item/component.rb +32 -8
  69. data/app/components/hakumi_components/divider/component.rb +36 -16
  70. data/app/components/hakumi_components/drawer/component.html.erb +2 -2
  71. data/app/components/hakumi_components/drawer/component.rb +112 -29
  72. data/app/components/hakumi_components/dropdown/component.rb +32 -35
  73. data/app/components/hakumi_components/dropdown/divider/component.rb +4 -0
  74. data/app/components/hakumi_components/dropdown/item/component.rb +42 -16
  75. data/app/components/hakumi_components/empty/component.rb +66 -31
  76. data/app/components/hakumi_components/flex/component.rb +39 -21
  77. data/app/components/hakumi_components/float_button/back_top/component.rb +35 -28
  78. data/app/components/hakumi_components/float_button/component.rb +161 -75
  79. data/app/components/hakumi_components/float_button/group/component.rb +85 -98
  80. data/app/components/hakumi_components/float_button/group_cluster/component.rb +46 -54
  81. data/app/components/hakumi_components/float_button/group_spec.rb +259 -0
  82. data/app/components/hakumi_components/float_button/item_spec.rb +115 -0
  83. data/app/components/hakumi_components/float_button/position_config.rb +68 -0
  84. data/app/components/hakumi_components/form/item/component.rb +34 -27
  85. data/app/components/hakumi_components/grid/col/component.rb +88 -17
  86. data/app/components/hakumi_components/grid/row/component.rb +35 -17
  87. data/app/components/hakumi_components/icon/component.rb +49 -49
  88. data/app/components/hakumi_components/image/component.html.erb +7 -7
  89. data/app/components/hakumi_components/image/component.rb +103 -40
  90. data/app/components/hakumi_components/image/preview_group/component.html.erb +1 -1
  91. data/app/components/hakumi_components/image/preview_group/component.rb +41 -36
  92. data/app/components/hakumi_components/image/preview_group/item.rb +48 -0
  93. data/app/components/hakumi_components/input/component.html.erb +1 -1
  94. data/app/components/hakumi_components/input/component.rb +142 -66
  95. data/app/components/hakumi_components/input/password/component.rb +30 -41
  96. data/app/components/hakumi_components/input/text_area/component.html.erb +2 -2
  97. data/app/components/hakumi_components/input/text_area/component.rb +89 -42
  98. data/app/components/hakumi_components/input_number/component.html.erb +5 -5
  99. data/app/components/hakumi_components/input_number/component.rb +137 -55
  100. data/app/components/hakumi_components/layout/component.html.erb +1 -1
  101. data/app/components/hakumi_components/layout/component.rb +23 -16
  102. data/app/components/hakumi_components/layout/content/component.html.erb +1 -1
  103. data/app/components/hakumi_components/layout/content/component.rb +24 -14
  104. data/app/components/hakumi_components/layout/footer/component.html.erb +1 -1
  105. data/app/components/hakumi_components/layout/footer/component.rb +24 -14
  106. data/app/components/hakumi_components/layout/header/component.html.erb +1 -1
  107. data/app/components/hakumi_components/layout/header/component.rb +24 -14
  108. data/app/components/hakumi_components/layout/sider/component.html.erb +1 -1
  109. data/app/components/hakumi_components/layout/sider/component.rb +83 -49
  110. data/app/components/hakumi_components/mentions/coercion.rb +46 -0
  111. data/app/components/hakumi_components/mentions/component.html.erb +6 -6
  112. data/app/components/hakumi_components/mentions/component.rb +131 -67
  113. data/app/components/hakumi_components/mentions/option.rb +30 -0
  114. data/app/components/hakumi_components/menu/component.rb +50 -59
  115. data/app/components/hakumi_components/menu/divider/component.rb +4 -0
  116. data/app/components/hakumi_components/menu/group/component.rb +16 -15
  117. data/app/components/hakumi_components/menu/item/component.rb +42 -19
  118. data/app/components/hakumi_components/menu/sub_menu/component.rb +49 -37
  119. data/app/components/hakumi_components/message/component.rb +62 -27
  120. data/app/components/hakumi_components/modal/component.html.erb +6 -6
  121. data/app/components/hakumi_components/modal/component.rb +93 -40
  122. data/app/components/hakumi_components/modal/confirm/component.html.erb +2 -2
  123. data/app/components/hakumi_components/modal/confirm/component.rb +49 -8
  124. data/app/components/hakumi_components/modal/error/component.rb +8 -39
  125. data/app/components/hakumi_components/modal/info/component.rb +6 -40
  126. data/app/components/hakumi_components/modal/status_component.rb +150 -0
  127. data/app/components/hakumi_components/modal/success/component.rb +6 -40
  128. data/app/components/hakumi_components/modal/warning/component.rb +14 -44
  129. data/app/components/hakumi_components/notification/component.rb +72 -38
  130. data/app/components/hakumi_components/pagination/component.html.erb +7 -11
  131. data/app/components/hakumi_components/pagination/component.rb +105 -72
  132. data/app/components/hakumi_components/pagination/page_item.rb +49 -0
  133. data/app/components/hakumi_components/popconfirm/component.rb +67 -19
  134. data/app/components/hakumi_components/popover/component.html.erb +2 -2
  135. data/app/components/hakumi_components/popover/component.rb +102 -38
  136. data/app/components/hakumi_components/progress/attribute_renderer.rb +354 -0
  137. data/app/components/hakumi_components/progress/circle_geometry.rb +76 -0
  138. data/app/components/hakumi_components/progress/component.html.erb +18 -17
  139. data/app/components/hakumi_components/progress/component.rb +230 -402
  140. data/app/components/hakumi_components/progress/controller_locals_parser.rb +130 -0
  141. data/app/components/hakumi_components/progress/info_tooltip_policy.rb +39 -0
  142. data/app/components/hakumi_components/progress/info_value.rb +75 -0
  143. data/app/components/hakumi_components/progress/status_state.rb +31 -0
  144. data/app/components/hakumi_components/progress/steps_renderer.rb +149 -0
  145. data/app/components/hakumi_components/progress/stroke_gradient_value.rb +90 -0
  146. data/app/components/hakumi_components/qr_code/component.rb +138 -72
  147. data/app/components/hakumi_components/radio/component.html.erb +3 -3
  148. data/app/components/hakumi_components/radio/component.rb +42 -9
  149. data/app/components/hakumi_components/radio/group/component.html.erb +9 -9
  150. data/app/components/hakumi_components/radio/group/component.rb +76 -27
  151. data/app/components/hakumi_components/radio/group/option.rb +43 -0
  152. data/app/components/hakumi_components/rate/component.html.erb +1 -1
  153. data/app/components/hakumi_components/rate/component.rb +55 -9
  154. data/app/components/hakumi_components/result/component.rb +87 -37
  155. data/app/components/hakumi_components/segmented/component.html.erb +1 -1
  156. data/app/components/hakumi_components/segmented/component.rb +81 -118
  157. data/app/components/hakumi_components/segmented/option.rb +191 -0
  158. data/app/components/hakumi_components/select/component.html.erb +19 -19
  159. data/app/components/hakumi_components/select/component.rb +88 -37
  160. data/app/components/hakumi_components/selection_control/coercion.rb +161 -0
  161. data/app/components/hakumi_components/selection_control/entry.rb +22 -0
  162. data/app/components/hakumi_components/selection_control/option.rb +42 -0
  163. data/app/components/hakumi_components/selection_control/option_group.rb +34 -0
  164. data/app/components/hakumi_components/selection_control/tree_node.rb +123 -0
  165. data/app/components/hakumi_components/skeleton/avatar/component.rb +36 -14
  166. data/app/components/hakumi_components/skeleton/avatar_config.rb +79 -0
  167. data/app/components/hakumi_components/skeleton/button/component.rb +32 -14
  168. data/app/components/hakumi_components/skeleton/component.rb +79 -93
  169. data/app/components/hakumi_components/skeleton/image/component.rb +46 -22
  170. data/app/components/hakumi_components/skeleton/input/component.rb +25 -10
  171. data/app/components/hakumi_components/skeleton/node/component.rb +23 -7
  172. data/app/components/hakumi_components/skeleton/paragraph_config.rb +92 -0
  173. data/app/components/hakumi_components/skeleton/title_config.rb +31 -0
  174. data/app/components/hakumi_components/slider/component.html.erb +11 -11
  175. data/app/components/hakumi_components/slider/component.rb +172 -53
  176. data/app/components/hakumi_components/slider/mark.rb +27 -0
  177. data/app/components/hakumi_components/space/compact/component.html.erb +1 -3
  178. data/app/components/hakumi_components/space/compact/component.rb +35 -19
  179. data/app/components/hakumi_components/space/component.html.erb +1 -1
  180. data/app/components/hakumi_components/space/component.rb +75 -39
  181. data/app/components/hakumi_components/spin/component.rb +92 -31
  182. data/app/components/hakumi_components/splitter/component.html.erb +9 -3
  183. data/app/components/hakumi_components/splitter/component.rb +55 -22
  184. data/app/components/hakumi_components/splitter/panel/component.html.erb +1 -3
  185. data/app/components/hakumi_components/splitter/panel/component.rb +64 -39
  186. data/app/components/hakumi_components/statistic/component.rb +143 -59
  187. data/app/components/hakumi_components/steps/component.rb +87 -55
  188. data/app/components/hakumi_components/steps/item/component.rb +59 -20
  189. data/app/components/hakumi_components/switch/component.html.erb +2 -3
  190. data/app/components/hakumi_components/switch/component.rb +62 -36
  191. data/app/components/hakumi_components/table/column/component.rb +80 -23
  192. data/app/components/hakumi_components/table/column_definition.rb +181 -0
  193. data/app/components/hakumi_components/table/column_group/component.rb +32 -21
  194. data/app/components/hakumi_components/table/component.html.erb +22 -31
  195. data/app/components/hakumi_components/table/component.rb +248 -509
  196. data/app/components/hakumi_components/table/concerns/attribute_helpers.rb +22 -0
  197. data/app/components/hakumi_components/table/concerns/cell_rendering.rb +277 -0
  198. data/app/components/hakumi_components/table/concerns/columns.rb +293 -91
  199. data/app/components/hakumi_components/table/concerns/editable.rb +36 -89
  200. data/app/components/hakumi_components/table/concerns/ellipsis.rb +31 -30
  201. data/app/components/hakumi_components/table/concerns/fixed_columns.rb +26 -19
  202. data/app/components/hakumi_components/table/concerns/surface_rendering.rb +365 -0
  203. data/app/components/hakumi_components/table/configs.rb +518 -0
  204. data/app/components/hakumi_components/table/definition_types.rb +40 -0
  205. data/app/components/hakumi_components/table/display_rows.rb +56 -0
  206. data/app/components/hakumi_components/table/ellipsis_config.rb +143 -0
  207. data/app/components/hakumi_components/table/fixed_offset.rb +36 -0
  208. data/app/components/hakumi_components/table/header_cell.rb +23 -0
  209. data/app/components/hakumi_components/table/row_record.rb +60 -0
  210. data/app/components/hakumi_components/table/row_render_state.rb +85 -0
  211. data/app/components/hakumi_components/tabs/component.html.erb +8 -8
  212. data/app/components/hakumi_components/tabs/component.rb +114 -64
  213. data/app/components/hakumi_components/tabs/indicator_config.rb +34 -0
  214. data/app/components/hakumi_components/tabs/item/component.rb +73 -13
  215. data/app/components/hakumi_components/tag/component.rb +142 -47
  216. data/app/components/hakumi_components/tag/group/component.rb +18 -6
  217. data/app/components/hakumi_components/time_picker/component.html.erb +8 -8
  218. data/app/components/hakumi_components/time_picker/component.rb +71 -17
  219. data/app/components/hakumi_components/timeline/component.html.erb +3 -2
  220. data/app/components/hakumi_components/timeline/component.rb +188 -55
  221. data/app/components/hakumi_components/timeline/item/component.html.erb +2 -2
  222. data/app/components/hakumi_components/timeline/item/component.rb +121 -60
  223. data/app/components/hakumi_components/tooltip/component.html.erb +1 -1
  224. data/app/components/hakumi_components/tooltip/component.rb +89 -64
  225. data/app/components/hakumi_components/tour/component.rb +74 -49
  226. data/app/components/hakumi_components/tour/step.rb +86 -0
  227. data/app/components/hakumi_components/transfer/coercion.rb +66 -0
  228. data/app/components/hakumi_components/transfer/component.html.erb +171 -140
  229. data/app/components/hakumi_components/transfer/component.rb +232 -82
  230. data/app/components/hakumi_components/transfer/item.rb +54 -0
  231. data/app/components/hakumi_components/transfer/operations.rb +31 -0
  232. data/app/components/hakumi_components/tree/component.rb +219 -400
  233. data/app/components/hakumi_components/tree/concerns/node_rendering.rb +365 -0
  234. data/app/components/hakumi_components/tree/node.rb +276 -0
  235. data/app/components/hakumi_components/tree_select/component.html.erb +23 -9
  236. data/app/components/hakumi_components/tree_select/component.rb +116 -107
  237. data/app/components/hakumi_components/typography/base_component.rb +69 -36
  238. data/app/components/hakumi_components/typography/link/component.rb +63 -6
  239. data/app/components/hakumi_components/typography/paragraph/component.rb +6 -0
  240. data/app/components/hakumi_components/typography/text/component.rb +4 -0
  241. data/app/components/hakumi_components/typography/title/component.rb +61 -6
  242. data/app/components/hakumi_components/upload/component.html.erb +106 -88
  243. data/app/components/hakumi_components/upload/component.rb +222 -48
  244. data/app/components/hakumi_components/upload/file_entry.rb +53 -0
  245. data/app/controllers/hakumi_components/components_controller.rb +2 -1
  246. data/app/form_builders/hakumi_components/form_builder/contracts.rb +55 -0
  247. data/app/form_builders/hakumi_components/form_builder/field_context.rb +43 -0
  248. data/app/form_builders/hakumi_components/form_builder/model_binding.rb +163 -0
  249. data/app/form_builders/hakumi_components/form_builder.rb +238 -317
  250. data/app/helpers/hakumi_components/form_helper.rb +27 -23
  251. data/app/javascript/hakumi_components/controllers/hakumi/admin_panel_controller.js +5 -7
  252. data/app/javascript/hakumi_components/controllers/hakumi/back_top_controller.js +1 -1
  253. data/app/javascript/hakumi_components/controllers/hakumi/button_controller.js +108 -2
  254. data/app/javascript/hakumi_components/controllers/hakumi/calendar_controller.js +183 -95
  255. data/app/javascript/hakumi_components/controllers/hakumi/color_picker_controller.js +23 -285
  256. data/app/javascript/hakumi_components/controllers/hakumi/date_picker_controller.js +274 -262
  257. data/app/javascript/hakumi_components/controllers/hakumi/float_button_group_controller.js +2 -2
  258. data/app/javascript/hakumi_components/controllers/hakumi/message_controller.js +4 -2
  259. data/app/javascript/hakumi_components/controllers/hakumi/modal_controller.js +119 -125
  260. data/app/javascript/hakumi_components/controllers/hakumi/table/editable.js +291 -0
  261. data/app/javascript/hakumi_components/controllers/hakumi/table_controller.js +166 -366
  262. data/app/javascript/hakumi_components/controllers/hakumi/tabs_controller.js +8 -2
  263. data/app/javascript/hakumi_components/controllers/hakumi/tag_controller.js +27 -25
  264. data/app/javascript/hakumi_components/controllers/hakumi/tag_group_controller.js +19 -18
  265. data/app/javascript/hakumi_components/controllers/hakumi/theme_controller.js +116 -117
  266. data/app/javascript/hakumi_components/controllers/hakumi/transfer_controller.js +17 -1
  267. data/app/javascript/hakumi_components/controllers/hakumi/tree_controller.js +363 -78
  268. data/app/javascript/hakumi_components/controllers/hakumi/typography_controller.js +3 -3
  269. data/app/javascript/hakumi_components/controllers/hakumi/upload_controller.js +320 -204
  270. data/app/javascript/hakumi_components/core/render_component.js +37 -11
  271. data/app/javascript/hakumi_components/utils/color_helper.js +262 -0
  272. data/app/javascript/stylesheets/_base.scss +9 -0
  273. data/app/javascript/stylesheets/_hakumi_components.scss +1 -0
  274. data/app/javascript/stylesheets/components/_breadcrumb.scss +2 -2
  275. data/app/javascript/stylesheets/components/_calendar.scss +13 -13
  276. data/app/javascript/stylesheets/components/_cascader.scss +5 -5
  277. data/app/javascript/stylesheets/components/_checkbox.scss +9 -11
  278. data/app/javascript/stylesheets/components/_color_picker.scss +11 -11
  279. data/app/javascript/stylesheets/components/_date_picker.scss +4 -4
  280. data/app/javascript/stylesheets/components/_descriptions.scss +2 -2
  281. data/app/javascript/stylesheets/components/_drawer.scss +3 -3
  282. data/app/javascript/stylesheets/components/_dropdown.scss +2 -2
  283. data/app/javascript/stylesheets/components/_flex.scss +1 -1
  284. data/app/javascript/stylesheets/components/_float_button.scss +5 -5
  285. data/app/javascript/stylesheets/components/_form_item.scss +92 -0
  286. data/app/javascript/stylesheets/components/_image.scss +15 -15
  287. data/app/javascript/stylesheets/components/_input.scss +23 -113
  288. data/app/javascript/stylesheets/components/_layout.scss +27 -26
  289. data/app/javascript/stylesheets/components/_menu.scss +15 -15
  290. data/app/javascript/stylesheets/components/_modal.scss +13 -13
  291. data/app/javascript/stylesheets/components/_notification.scss +3 -3
  292. data/app/javascript/stylesheets/components/_popover.scss +1 -1
  293. data/app/javascript/stylesheets/components/_segmented.scss +3 -3
  294. data/app/javascript/stylesheets/components/_select.scss +6 -6
  295. data/app/javascript/stylesheets/components/_slider.scss +1 -1
  296. data/app/javascript/stylesheets/components/_spin.scss +2 -2
  297. data/app/javascript/stylesheets/components/_steps.scss +10 -10
  298. data/app/javascript/stylesheets/components/_switch.scss +11 -10
  299. data/app/javascript/stylesheets/components/_table.scss +6 -6
  300. data/app/javascript/stylesheets/components/_tag.scss +2 -2
  301. data/app/javascript/stylesheets/components/_tooltip.scss +4 -4
  302. data/app/javascript/stylesheets/components/_tree_select.scss +3 -3
  303. data/app/javascript/stylesheets/components/_typography.scss +3 -3
  304. data/app/javascript/stylesheets/components/_upload.scss +4 -4
  305. data/app/services/hakumi_components/component_handler.rb +95 -24
  306. data/app/services/hakumi_components/icon/loader.rb +84 -67
  307. data/app/services/hakumi_components/illustrations/loader.rb +35 -27
  308. data/app/views/hakumi/_alert.html.erb +4 -1
  309. data/app/views/hakumi/_drawer.html.erb +1 -1
  310. data/app/views/hakumi/_statistic.html.erb +11 -11
  311. data/lib/generators/hakumi_components/install_generator.rb +14 -1
  312. data/lib/hakumi_components/documentation/models.rb +290 -0
  313. data/lib/hakumi_components/documentation/node.rb +73 -0
  314. data/lib/hakumi_components/documentation.rb +139 -62
  315. data/lib/hakumi_components/engine.rb +17 -11
  316. data/lib/hakumi_components/file_size_checker.rb +215 -0
  317. data/lib/hakumi_components/locales/en.yml +115 -0
  318. data/lib/hakumi_components/rails/attribute_introspection.rb +39 -107
  319. data/lib/hakumi_components/rails/model_reflection.rb +154 -0
  320. data/lib/hakumi_components/rails/validation_introspection.rb +25 -73
  321. data/lib/hakumi_components/rails/validation_mapper.rb +148 -201
  322. data/lib/hakumi_components/rails.rb +2 -0
  323. data/lib/hakumi_components/stylesheet_ownership_checker.rb +191 -0
  324. data/lib/hakumi_components/types/form_field.rb +24 -0
  325. data/lib/hakumi_components/types/html.rb +28 -0
  326. data/lib/hakumi_components/types/rendering.rb +10 -0
  327. data/lib/hakumi_components/types/stimulus.rb +19 -0
  328. data/lib/hakumi_components/types/validation.rb +22 -0
  329. data/lib/hakumi_components/types.rb +13 -0
  330. data/lib/hakumi_components/version.rb +2 -1
  331. data/lib/hakumi_components.rb +26 -6
  332. data/lib/tasks/coverage.rake +1 -0
  333. metadata +100 -136
  334. data/sig/action_view/tag_builder.rbs +0 -24
  335. data/sig/active_support/concern_patch.rbs +0 -7
  336. data/sig/generators/hakumi_components/install_generator.rbs +0 -11
  337. data/sig/hakumi_components/admin_panel/component.rbs +0 -28
  338. data/sig/hakumi_components/affix/component.rbs +0 -44
  339. data/sig/hakumi_components/alert/component.rbs +0 -64
  340. data/sig/hakumi_components/anchor/component.rbs +0 -45
  341. data/sig/hakumi_components/anchor/link/component.rbs +0 -31
  342. data/sig/hakumi_components/autocomplete/component.rbs +0 -68
  343. data/sig/hakumi_components/avatar/component.rbs +0 -44
  344. data/sig/hakumi_components/badge/component.rbs +0 -41
  345. data/sig/hakumi_components/base_component.rbs +0 -82
  346. data/sig/hakumi_components/breadcrumb/component.rbs +0 -21
  347. data/sig/hakumi_components/breadcrumb/item/component.rbs +0 -36
  348. data/sig/hakumi_components/button/component.rbs +0 -56
  349. data/sig/hakumi_components/calendar/component.rbs +0 -41
  350. data/sig/hakumi_components/card/component.rbs +0 -50
  351. data/sig/hakumi_components/card/grid/component.rbs +0 -21
  352. data/sig/hakumi_components/card/meta/component.rbs +0 -25
  353. data/sig/hakumi_components/carousel/component.rbs +0 -88
  354. data/sig/hakumi_components/cascader/component.rbs +0 -52
  355. data/sig/hakumi_components/checkbox/component.rbs +0 -46
  356. data/sig/hakumi_components/checkbox/group/component.rbs +0 -34
  357. data/sig/hakumi_components/collapse/component.rbs +0 -57
  358. data/sig/hakumi_components/collapse/panel/component.rbs +0 -47
  359. data/sig/hakumi_components/color_picker/component.rbs +0 -80
  360. data/sig/hakumi_components/concerns/form_field.rbs +0 -89
  361. data/sig/hakumi_components/container/component.rbs +0 -37
  362. data/sig/hakumi_components/date_picker/component.rbs +0 -72
  363. data/sig/hakumi_components/date_picker/range_picker.rbs +0 -68
  364. data/sig/hakumi_components/date_picker/shared_rendering.rbs +0 -41
  365. data/sig/hakumi_components/descriptions/component.rbs +0 -59
  366. data/sig/hakumi_components/descriptions/item/component.rbs +0 -31
  367. data/sig/hakumi_components/divider/component.rbs +0 -39
  368. data/sig/hakumi_components/drawer/component.rbs +0 -66
  369. data/sig/hakumi_components/dropdown/component.rbs +0 -45
  370. data/sig/hakumi_components/dropdown/divider/component.rbs +0 -11
  371. data/sig/hakumi_components/dropdown/item/component.rbs +0 -45
  372. data/sig/hakumi_components/empty/component.rbs +0 -40
  373. data/sig/hakumi_components/flex/component.rbs +0 -47
  374. data/sig/hakumi_components/float_button/back_top/component.rbs +0 -45
  375. data/sig/hakumi_components/float_button/component.rbs +0 -80
  376. data/sig/hakumi_components/float_button/group/component.rbs +0 -95
  377. data/sig/hakumi_components/float_button/group_cluster/component.rbs +0 -60
  378. data/sig/hakumi_components/form/item/component.rbs +0 -39
  379. data/sig/hakumi_components/form_builder.rbs +0 -37
  380. data/sig/hakumi_components/grid/col/component.rbs +0 -50
  381. data/sig/hakumi_components/grid/row/component.rbs +0 -46
  382. data/sig/hakumi_components/icon/component.rbs +0 -56
  383. data/sig/hakumi_components/image/component.rbs +0 -56
  384. data/sig/hakumi_components/image/preview_group/component.rbs +0 -28
  385. data/sig/hakumi_components/input/component.rbs +0 -71
  386. data/sig/hakumi_components/input/password/component.rbs +0 -27
  387. data/sig/hakumi_components/input/text_area/component.rbs +0 -42
  388. data/sig/hakumi_components/input_number/component.rbs +0 -85
  389. data/sig/hakumi_components/layout/component.rbs +0 -21
  390. data/sig/hakumi_components/layout/content/component.rbs +0 -19
  391. data/sig/hakumi_components/layout/footer/component.rbs +0 -19
  392. data/sig/hakumi_components/layout/header/component.rbs +0 -19
  393. data/sig/hakumi_components/layout/sider/component.rbs +0 -19
  394. data/sig/hakumi_components/mentions/component.rbs +0 -75
  395. data/sig/hakumi_components/menu/component.rbs +0 -52
  396. data/sig/hakumi_components/menu/divider/component.rbs +0 -11
  397. data/sig/hakumi_components/menu/group/component.rbs +0 -20
  398. data/sig/hakumi_components/menu/item/component.rbs +0 -42
  399. data/sig/hakumi_components/menu/sub_menu/component.rbs +0 -37
  400. data/sig/hakumi_components/message/component.rbs +0 -50
  401. data/sig/hakumi_components/modal/component.rbs +0 -76
  402. data/sig/hakumi_components/modal/confirm/component.rbs +0 -32
  403. data/sig/hakumi_components/modal/error/component.rbs +0 -27
  404. data/sig/hakumi_components/modal/info/component.rbs +0 -27
  405. data/sig/hakumi_components/modal/success/component.rbs +0 -27
  406. data/sig/hakumi_components/modal/warning/component.rbs +0 -27
  407. data/sig/hakumi_components/notification/component.rbs +0 -64
  408. data/sig/hakumi_components/pagination/component.rbs +0 -113
  409. data/sig/hakumi_components/popconfirm/component.rbs +0 -52
  410. data/sig/hakumi_components/popover/component.rbs +0 -66
  411. data/sig/hakumi_components/progress/component.rbs +0 -201
  412. data/sig/hakumi_components/qr_code/component.rbs +0 -111
  413. data/sig/hakumi_components/radio/component.rbs +0 -55
  414. data/sig/hakumi_components/radio/group/component.rbs +0 -71
  415. data/sig/hakumi_components/rails/attribute_introspection.rbs +0 -16
  416. data/sig/hakumi_components/rails/validation_introspection.rbs +0 -18
  417. data/sig/hakumi_components/rails/validation_mapper.rbs +0 -53
  418. data/sig/hakumi_components/rails.rbs +0 -6
  419. data/sig/hakumi_components/rate/component.rbs +0 -56
  420. data/sig/hakumi_components/result/component.rbs +0 -65
  421. data/sig/hakumi_components/segmented/component.rbs +0 -72
  422. data/sig/hakumi_components/select/component.rbs +0 -73
  423. data/sig/hakumi_components/skeleton/avatar/component.rbs +0 -23
  424. data/sig/hakumi_components/skeleton/button/component.rbs +0 -24
  425. data/sig/hakumi_components/skeleton/component.rbs +0 -76
  426. data/sig/hakumi_components/skeleton/image/component.rbs +0 -22
  427. data/sig/hakumi_components/skeleton/input/component.rbs +0 -23
  428. data/sig/hakumi_components/skeleton/node/component.rbs +0 -21
  429. data/sig/hakumi_components/slider/component.rbs +0 -85
  430. data/sig/hakumi_components/space/compact/component.rbs +0 -21
  431. data/sig/hakumi_components/space/component.rbs +0 -47
  432. data/sig/hakumi_components/spin/component.rbs +0 -77
  433. data/sig/hakumi_components/splitter/component.rbs +0 -27
  434. data/sig/hakumi_components/splitter/panel/component.rbs +0 -36
  435. data/sig/hakumi_components/statistic/component.rbs +0 -97
  436. data/sig/hakumi_components/steps/component.rbs +0 -82
  437. data/sig/hakumi_components/steps/item/component.rbs +0 -29
  438. data/sig/hakumi_components/switch/component.rbs +0 -52
  439. data/sig/hakumi_components/table/column/component.rbs +0 -57
  440. data/sig/hakumi_components/table/column_group/component.rbs +0 -20
  441. data/sig/hakumi_components/table/component.rbs +0 -279
  442. data/sig/hakumi_components/table/concerns/columns.rbs +0 -95
  443. data/sig/hakumi_components/table/concerns/editable.rbs +0 -40
  444. data/sig/hakumi_components/table/concerns/ellipsis.rbs +0 -27
  445. data/sig/hakumi_components/table/concerns/fixed_columns.rbs +0 -33
  446. data/sig/hakumi_components/tabs/component.rbs +0 -66
  447. data/sig/hakumi_components/tabs/item/component.rbs +0 -29
  448. data/sig/hakumi_components/tag/component.rbs +0 -86
  449. data/sig/hakumi_components/tag/group/component.rbs +0 -24
  450. data/sig/hakumi_components/time_picker/component.rbs +0 -72
  451. data/sig/hakumi_components/timeline/component.rbs +0 -61
  452. data/sig/hakumi_components/timeline/item/component.rbs +0 -70
  453. data/sig/hakumi_components/tooltip/component.rbs +0 -73
  454. data/sig/hakumi_components/tour/component.rbs +0 -84
  455. data/sig/hakumi_components/transfer/component.rbs +0 -75
  456. data/sig/hakumi_components/tree/component.rbs +0 -126
  457. data/sig/hakumi_components/tree_select/component.rbs +0 -122
  458. data/sig/hakumi_components/typography/base_component.rbs +0 -57
  459. data/sig/hakumi_components/typography/link/component.rbs +0 -28
  460. data/sig/hakumi_components/typography/paragraph/component.rbs +0 -13
  461. data/sig/hakumi_components/typography/text/component.rbs +0 -10
  462. data/sig/hakumi_components/typography/title/component.rbs +0 -28
  463. data/sig/hakumi_components/upload/component.rbs +0 -78
  464. data/sig/hakumi_components.rbs +0 -96
  465. data/sig/rails/active_model/validations/comparison_validator.rbs +0 -6
  466. data/sig/rails.rbs +0 -18
  467. data/sig/view_component/base.rbs +0 -28
@@ -1,37 +1,47 @@
1
+ # typed: strict
1
2
  # frozen_string_literal: true
2
3
 
3
4
  module HakumiComponents
4
5
  module AdminPanel
5
6
  class Component < HakumiComponents::BaseComponent
7
+ extend T::Sig
8
+
9
+ sig do
10
+ params(params: T.any(ActionController::Parameters, Types::HtmlAttributes)).returns(T::Hash[Symbol, T.any(String, T::Boolean)])
11
+ end
6
12
  def self.extract_controller_locals(params)
7
13
  {
8
- title: params[:title],
9
- enabled: params[:enabled] != "false"
14
+ title: string_html_param(html_param(params, :title)) || "Admin Panel",
15
+ enabled: boolean_html_param(html_param(params, :enabled)) != false
10
16
  }.compact
11
17
  end
12
18
 
19
+ sig { params(title: String, enabled: T::Boolean, html_options: Types::HtmlAttributeValue).void }
13
20
  def initialize(title: "Admin Panel", enabled: true, **html_options)
14
- @title = title
15
- @enabled = enabled
16
- @html_options = html_options
21
+ @title = T.let(title, String)
22
+ @enabled = T.let(enabled, T::Boolean)
23
+ @html_options = T.let(html_options, Types::HtmlAttributes)
17
24
  end
18
25
 
26
+ sig { returns(T::Boolean) }
19
27
  def render?
20
28
  @enabled
21
29
  end
22
30
 
23
31
  private
24
32
 
33
+ sig { returns(String) }
25
34
  attr_reader :title
26
35
 
36
+ sig { returns(Types::HtmlAttributes) }
27
37
  def wrapper_attributes
28
- attrs = {
29
- class: class_names("admin-panel", {}, [ @html_options[:class] ]),
38
+ attrs = T.let({
39
+ class: component_classes("admin-panel", {}, @html_options),
30
40
  data: {
31
41
  controller: "hakumi--admin-panel",
32
- 'turbo-permanent': true
42
+ "turbo-permanent": true
33
43
  }
34
- }
44
+ }, Types::HtmlAttributes)
35
45
 
36
46
  merge_attributes(attrs, @html_options.except(:class))
37
47
  end
@@ -1,19 +1,37 @@
1
+ # typed: strict
1
2
  # frozen_string_literal: true
2
3
 
3
4
  module HakumiComponents
4
5
  module Affix
5
6
  class Component < HakumiComponents::BaseComponent
7
+ extend T::Sig
8
+
9
+ sig do
10
+ params(params: T.any(ActionController::Parameters, Types::HtmlAttributes))
11
+ .returns(Types::HtmlAttributes)
12
+ end
6
13
  def self.extract_controller_locals(params)
7
14
  {
8
- body: params[:body],
9
- offset_top: params[:offset_top]&.to_f,
10
- offset_bottom: params[:offset_bottom]&.to_f,
11
- target_selector: params[:target_selector],
12
- z_index: params[:z_index]&.to_i,
13
- on_change: params[:on_change]
14
- }
15
+ body: string_html_param(html_param(params, :body)),
16
+ offset_top: float_html_param(html_param(params, :offset_top)),
17
+ offset_bottom: float_html_param(html_param(params, :offset_bottom)),
18
+ target_selector: string_html_param(html_param(params, :target_selector)),
19
+ z_index: integer_html_param(html_param(params, :z_index)),
20
+ on_change: string_html_param(html_param(params, :on_change))
21
+ }.compact
15
22
  end
16
23
 
24
+ sig do
25
+ params(
26
+ body: T.nilable(String),
27
+ offset_top: T.nilable(T.any(Numeric, String)),
28
+ offset_bottom: T.nilable(T.any(Numeric, String)),
29
+ target_selector: T.nilable(String),
30
+ z_index: T.nilable(Integer),
31
+ on_change: T.nilable(String),
32
+ html_options: Types::HtmlAttributeValue
33
+ ).void
34
+ end
17
35
  def initialize(
18
36
  body: nil,
19
37
  offset_top: nil,
@@ -23,61 +41,67 @@ module HakumiComponents
23
41
  on_change: nil,
24
42
  **html_options
25
43
  )
26
- @body = body
27
- @offset_top = normalize_numeric(offset_top)
28
- @offset_bottom = normalize_numeric(offset_bottom)
29
- @target_selector = target_selector
30
- @z_index = normalize_numeric(z_index)&.to_i
31
- @on_change = on_change
32
- @html_options = html_options
44
+ @body = T.let(body, T.nilable(String))
45
+ @offset_top = T.let(normalize_offset(offset_top), T.nilable(Float))
46
+ @offset_bottom = T.let(normalize_offset(offset_bottom), T.nilable(Float))
47
+ @target_selector = T.let(target_selector, T.nilable(String))
48
+ @z_index = T.let(z_index, T.nilable(Integer))
49
+ @on_change = T.let(on_change, T.nilable(String))
50
+ @html_options = T.let(html_options, Types::HtmlAttributes)
33
51
 
34
52
  normalize_offsets!
35
53
  validate_props!
36
54
  end
37
55
 
56
+ sig { returns(Types::HtmlAttributes) }
38
57
  def root_attributes
39
- base_attrs = {
40
- class: class_names("affix"),
41
- data: data_attributes
42
- }
43
-
44
- merge_attributes(base_attrs, @html_options)
58
+ merge_attributes({ class: class_names("affix"), data: data_attributes }, @html_options)
45
59
  end
46
60
 
61
+ sig { returns(T.nilable(Types::Renderable)) }
47
62
  def content_value
48
63
  content.presence || @body
49
64
  end
50
65
 
51
66
  private
52
67
 
68
+ sig { returns(Types::DataAttributes) }
53
69
  def data_attributes
54
- data = { controller: "hakumi--affix" }
70
+ data = T.let({ controller: "hakumi--affix" }, Types::DataAttributes)
55
71
  data[:"hakumi--affix-offset-top-value"] = @offset_top unless @offset_top.nil?
56
72
  data[:"hakumi--affix-offset-bottom-value"] = @offset_bottom unless @offset_bottom.nil?
57
73
  data[:"hakumi--affix-target-selector-value"] = @target_selector if @target_selector.present?
58
74
  data[:"hakumi--affix-z-index-value"] = @z_index unless @z_index.nil?
59
- data[:action] = append_action(data[:action], "hakumi--affix:change->#{@on_change}") if @on_change.present?
60
- data
61
- end
62
75
 
63
- def normalize_numeric(value)
64
- return value unless value.is_a?(String)
76
+ if @on_change.present?
77
+ existing_action = T.let(nil, T.nilable(String))
78
+ data[:action] = append_action(existing_action, "hakumi--affix:change->#{@on_change}")
79
+ end
65
80
 
66
- return nil if value.strip.empty?
67
-
68
- value.to_f
81
+ data
69
82
  end
70
83
 
84
+ sig { void }
71
85
  def normalize_offsets!
72
- @offset_top = 0 if @offset_top.nil? && @offset_bottom.nil?
86
+ @offset_top = 0.0 if @offset_top.nil? && @offset_bottom.nil?
87
+ end
88
+
89
+ sig { params(value: T.nilable(T.any(Numeric, String))).returns(T.nilable(Float)) }
90
+ def normalize_offset(value)
91
+ return nil if value.nil?
92
+ return value.to_f if value.is_a?(Numeric)
93
+
94
+ self.class.float_html_param(value)
73
95
  end
74
96
 
97
+ sig { void }
75
98
  def validate_props!
76
99
  return if @offset_top.nil? || @offset_bottom.nil?
77
100
 
78
101
  raise ArgumentError, "offset_top and offset_bottom cannot be used together"
79
102
  end
80
103
 
104
+ sig { params(existing: T.nilable(String), action: String).returns(String) }
81
105
  def append_action(existing, action)
82
106
  return action if existing.blank?
83
107
 
@@ -13,8 +13,8 @@
13
13
  <% if message_content.present? %>
14
14
  <div class="hakumi-alert-message" data-hakumi--alert-target="message"><%= message_content %></div>
15
15
  <% end %>
16
- <% if description? %>
17
- <div class="hakumi-alert-description" data-hakumi--alert-target="description"><%= description %></div>
16
+ <% if description_content.present? %>
17
+ <div class="hakumi-alert-description" data-hakumi--alert-target="description"><%= description_content %></div>
18
18
  <% end %>
19
19
  </div>
20
20
 
@@ -1,51 +1,88 @@
1
+ # typed: strict
1
2
  # frozen_string_literal: true
2
3
 
3
4
  module HakumiComponents
4
5
  module Alert
5
6
  class Component < HakumiComponents::BaseComponent
6
- TYPES = [ :success, :info, :warning, :error ].freeze
7
+ extend T::Sig
8
+
9
+ Type = T.type_alias { T.any(Symbol, String) }
10
+ TYPES = T.let([ :success, :info, :warning, :error ].freeze, T::Array[Symbol])
7
11
 
8
- # Slots for content
9
12
  renders_one :icon
10
13
  renders_one :message
11
14
  renders_one :description
12
15
  renders_one :action
13
16
  renders_one :close_icon
14
17
 
18
+ sig do
19
+ params(
20
+ params: T.any(ActionController::Parameters, HakumiComponents::Types::HtmlAttributes)
21
+ ).returns(HakumiComponents::Types::HtmlAttributes)
22
+ end
23
+ def self.extract_controller_locals(params)
24
+ {
25
+ type: symbol_html_param(html_param(params, :type)),
26
+ show_icon: boolean_html_param(html_param(params, :show_icon)),
27
+ closable: boolean_html_param(html_param(params, :closable)),
28
+ banner: boolean_html_param(html_param(params, :banner)),
29
+ message_text: string_html_param(html_param(params, :message)),
30
+ description_text: string_html_param(html_param(params, :description))
31
+ }.compact
32
+ end
33
+
34
+ sig do
35
+ params(
36
+ type: T.nilable(Type),
37
+ show_icon: T.nilable(T::Boolean),
38
+ closable: T::Boolean,
39
+ banner: T::Boolean,
40
+ message_text: T.nilable(String),
41
+ description_text: T.nilable(String),
42
+ html_options: HakumiComponents::Types::HtmlAttributeValue
43
+ ).void
44
+ end
15
45
  def initialize(
16
46
  type: nil,
17
47
  show_icon: nil,
18
48
  closable: false,
19
49
  banner: false,
50
+ message_text: nil,
51
+ description_text: nil,
20
52
  **html_options
21
53
  )
22
- @type = type || :info
23
- @show_icon = show_icon.nil? ? banner : show_icon
24
- @closable = closable
25
- @banner = banner
26
- @html_options = html_options
54
+ @type = T.let((type || :info).to_sym, Symbol)
55
+ @show_icon = T.let(show_icon.nil? ? banner : show_icon, T::Boolean)
56
+ @closable = T.let(closable, T::Boolean)
57
+ @banner = T.let(banner, T::Boolean)
58
+ @message_text = T.let(message_text, T.nilable(String))
59
+ @description_text = T.let(description_text, T.nilable(String))
60
+ @html_options = T.let(html_options, HakumiComponents::Types::HtmlAttributes)
27
61
 
28
62
  validate_props!
29
63
  end
30
64
 
31
65
  private
32
66
 
67
+ sig { void }
33
68
  def validate_props!
34
69
  validate_inclusion!(:type, TYPES)
35
70
  end
36
71
 
72
+ sig { returns(String) }
37
73
  def wrapper_classes
38
- classes = [ "hakumi-alert" ]
39
- classes << "hakumi-alert-#{@type}" if @type
40
- classes << "hakumi-alert-with-description" if description?
41
- classes << "hakumi-alert-with-icon" if show_icon?
42
- classes << "hakumi-alert-no-icon" unless show_icon?
43
- classes << "hakumi-alert-closable" if @closable
44
- classes << "hakumi-alert-banner" if @banner
45
- classes << @html_options[:class] if @html_options[:class]
46
- classes.join(" ")
74
+ modifiers = {
75
+ @type => true,
76
+ "with-description": description? || @description_text.present?,
77
+ "with-icon": show_icon?,
78
+ "no-icon": !show_icon?,
79
+ closable: @closable,
80
+ banner: @banner
81
+ }
82
+ component_classes("alert", modifiers, @html_options)
47
83
  end
48
84
 
85
+ sig { returns(HakumiComponents::Types::HtmlAttributes) }
49
86
  def wrapper_attributes
50
87
  data_attrs = { controller: "hakumi--alert" }
51
88
 
@@ -55,15 +92,27 @@ module HakumiComponents
55
92
  )
56
93
  end
57
94
 
58
- # Content resolution: message slot > block content
95
+ sig { returns(HakumiComponents::Types::Renderable) }
59
96
  def message_content
60
- message? ? message : content
97
+ return render_value(message) if message?
98
+ return render_value(content) if content.present?
99
+
100
+ render_value(@message_text)
101
+ end
102
+
103
+ sig { returns(HakumiComponents::Types::Renderable) }
104
+ def description_content
105
+ return render_value(description) if description?
106
+
107
+ render_value(@description_text)
61
108
  end
62
109
 
110
+ sig { returns(T::Boolean) }
63
111
  def show_icon?
64
112
  @show_icon
65
113
  end
66
114
 
115
+ sig { returns(T.nilable(ActiveSupport::SafeBuffer)) }
67
116
  def default_icon_element
68
117
  return nil unless show_icon?
69
118
 
@@ -71,6 +120,7 @@ module HakumiComponents
71
120
  render HakumiComponents::Icon::Component.new(name: icon_name)
72
121
  end
73
122
 
123
+ sig { returns(Symbol) }
74
124
  def default_icon_name
75
125
  case @type
76
126
  when :success then :check_circle
@@ -1,14 +1,26 @@
1
+ # typed: strict
1
2
  # frozen_string_literal: true
2
3
 
3
4
  module HakumiComponents
4
5
  module Anchor
5
6
  class Component < HakumiComponents::BaseComponent
6
- DIRECTIONS = %i[vertical horizontal].freeze
7
+ extend T::Sig
7
8
 
8
- renders_many :links, ->(href:, title:, **options) do
9
- HakumiComponents::Anchor::Link::Component.new(href: href, title: title, **options)
10
- end
9
+ DIRECTIONS = T.let(%i[vertical horizontal].freeze, T::Array[Symbol])
10
+
11
+ renders_many :links, HakumiComponents::Anchor::Link::Component
11
12
 
13
+ sig do
14
+ params(
15
+ affix: T::Boolean,
16
+ bounds: Numeric,
17
+ offset_top: Numeric,
18
+ target_offset: T.nilable(Numeric),
19
+ direction: Symbol,
20
+ replace: T::Boolean,
21
+ html_options: Types::HtmlAttributeValue
22
+ ).void
23
+ end
12
24
  def initialize(
13
25
  affix: true,
14
26
  bounds: 5,
@@ -18,60 +30,56 @@ module HakumiComponents
18
30
  replace: false,
19
31
  **html_options
20
32
  )
21
- @affix = affix
22
- @bounds = bounds
23
- @offset_top = offset_top
24
- @target_offset = target_offset
25
- @direction = direction
26
- @replace = replace
27
- @html_options = html_options
33
+ @affix = T.let(affix, T::Boolean)
34
+ @bounds = T.let(bounds, Numeric)
35
+ @offset_top = T.let(offset_top, Numeric)
36
+ @target_offset = T.let(target_offset, T.nilable(Numeric))
37
+ @direction = T.let(direction, Symbol)
38
+ @replace = T.let(replace, T::Boolean)
39
+ @html_options = T.let(html_options, Types::HtmlAttributes)
28
40
 
29
41
  validate_props!
30
42
  end
31
43
 
44
+ sig { returns(String) }
32
45
  def wrapper_classes
33
- classes = [ "hakumi-anchor-wrapper" ]
34
- classes << "hakumi-anchor-wrapper-fixed" if @affix
35
- classes << "hakumi-anchor-wrapper-horizontal" if horizontal?
36
- classes.join(" ")
46
+ class_names("anchor-wrapper", { fixed: @affix, horizontal: horizontal? })
37
47
  end
38
48
 
49
+ sig { returns(String) }
39
50
  def anchor_classes
40
- classes = [ "hakumi-anchor" ]
41
- classes << "hakumi-anchor-fixed" if @affix
42
- classes.join(" ")
51
+ class_names("anchor", { fixed: @affix })
43
52
  end
44
53
 
54
+ sig { returns(String) }
45
55
  def stimulus_controller
46
56
  "hakumi--anchor"
47
57
  end
48
58
 
49
- def stimulus_values
50
- {
59
+ sig { returns(Types::HtmlAttributes) }
60
+ def wrapper_attributes
61
+ values = T.let({
51
62
  offset_top: @offset_top,
52
63
  target_offset: @target_offset || @offset_top,
53
64
  bounds: @bounds,
54
65
  replace: @replace,
55
66
  direction: @direction.to_s
56
- }.compact
57
- end
58
-
59
- def wrapper_attributes
60
- base_data = stimulus_values.transform_keys { |k| "#{stimulus_controller}-#{k.to_s.dasherize}-value" }
61
- base_data[:controller] = stimulus_controller
67
+ }, Types::StimulusValues)
62
68
 
63
69
  merge_attributes(
64
- { class: wrapper_classes, data: base_data },
70
+ { class: wrapper_classes, data: stimulus_attrs(stimulus_controller, values) },
65
71
  @html_options
66
72
  )
67
73
  end
68
74
 
75
+ sig { returns(T::Boolean) }
69
76
  def horizontal?
70
77
  @direction == :horizontal
71
78
  end
72
79
 
73
80
  private
74
81
 
82
+ sig { void }
75
83
  def validate_props!
76
84
  validate_inclusion!(:direction, DIRECTIONS)
77
85
  end
@@ -4,7 +4,7 @@
4
4
  href="<%= href %>"
5
5
  title="<%= title %>"
6
6
  <% if target.present? %> target="<%= target %>"<% end %>><%= title %></a>
7
- <% if has_children? %>
7
+ <% if children? %>
8
8
  <% links.each do |child_link| %>
9
9
  <%= child_link %>
10
10
  <% end %>
@@ -1,31 +1,50 @@
1
+ # typed: strict
1
2
  # frozen_string_literal: true
2
3
 
3
4
  module HakumiComponents
4
5
  module Anchor
5
6
  module Link
6
7
  class Component < HakumiComponents::BaseComponent
7
- renders_many :links, ->(href:, title:, **options) do
8
- HakumiComponents::Anchor::Link::Component.new(href: href, title: title, **options)
9
- end
8
+ extend T::Sig
9
+
10
+ renders_many :links, HakumiComponents::Anchor::Link::Component
10
11
 
12
+ sig do
13
+ params(
14
+ href: String,
15
+ title: String,
16
+ target: T.nilable(String),
17
+ html_options: Types::HtmlAttributeValue
18
+ ).void
19
+ end
11
20
  def initialize(href:, title:, target: nil, **html_options)
12
- @href = href
13
- @title = title
14
- @target = target
15
- @html_options = html_options
21
+ @href = T.let(href, String)
22
+ @title = T.let(title, String)
23
+ @target = T.let(target, T.nilable(String))
24
+ @html_options = T.let(html_options, Types::HtmlAttributes)
16
25
  end
17
26
 
18
- attr_reader :href, :title, :target
27
+ sig { returns(String) }
28
+ attr_reader :href
29
+
30
+ sig { returns(String) }
31
+ attr_reader :title
32
+
33
+ sig { returns(T.nilable(String)) }
34
+ attr_reader :target
19
35
 
36
+ sig { returns(String) }
20
37
  def link_classes
21
38
  "hakumi-anchor-link"
22
39
  end
23
40
 
41
+ sig { returns(String) }
24
42
  def title_classes
25
43
  "hakumi-anchor-link-title"
26
44
  end
27
45
 
28
- def has_children?
46
+ sig { returns(T::Boolean) }
47
+ def children?
29
48
  links.any?
30
49
  end
31
50
  end