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,35 +1,86 @@
1
+ # typed: strict
1
2
  # frozen_string_literal: true
2
3
 
3
4
  module HakumiComponents
4
5
  module Tree
5
6
  class Component < HakumiComponents::BaseComponent
6
- DEFAULT_INDENT = 24
7
+ extend T::Sig
7
8
 
9
+ include Concerns::NodeRendering
10
+
11
+ DEFAULT_INDENT = T.let(24, Integer)
12
+ RawNode = T.type_alias { HakumiComponents::Tree::Node::RawInput }
13
+ NodeInput = T.type_alias { T.any(HakumiComponents::Tree::Node, RawNode) }
14
+ NodeKey = T.type_alias { Types::ValidationComparable }
15
+ NodeKeyList = T.type_alias { T::Array[NodeKey] }
16
+ IconInput = T.type_alias { BaseComponent::SymbolInput }
17
+ HeightInput = T.type_alias { T.nilable(BaseComponent::DimensionInput) }
18
+ ControllerLocalValue = T.type_alias { T.nilable(T.any(Types::HtmlPrimitive, T::Array[HakumiComponents::Tree::Node], NodeKeyList)) }
19
+
20
+ class NodeState < T::Struct
21
+ const :expanded, T::Boolean
22
+ const :selected, T::Boolean
23
+ const :checked, T::Boolean
24
+ const :half_checked, T::Boolean
25
+ end
26
+
27
+ sig do
28
+ params(params: BaseComponent::ControllerOptions).returns(T::Hash[Symbol, ControllerLocalValue])
29
+ end
8
30
  def self.extract_controller_locals(params)
31
+ raw_nodes = parse_raw_nodes(html_param(params, :nodes) || html_param(params, :tree_data))
32
+
9
33
  {
10
- nodes: parse_nodes(params[:nodes]),
11
- checkable: boolean_param(params[:checkable]),
12
- selectable: boolean_param(params[:selectable], default: true),
13
- disabled: boolean_param(params[:disabled]),
14
- default_expand_keys: parse_json_array(params[:default_expand_keys]),
15
- default_selected_keys: parse_json_array(params[:default_selected_keys]),
16
- default_checked_keys: parse_json_array(params[:default_checked_keys]),
17
- expanded_keys: parse_json_array(params[:expanded_keys], allow_nil: true),
18
- selected_keys: parse_json_array(params[:selected_keys], allow_nil: true),
19
- checked_keys: parse_json_array(params[:checked_keys], allow_nil: true),
20
- show_line: boolean_param(params[:show_line]),
21
- switcher_icon: params[:switcher_icon],
22
- icon: params[:icon],
23
- directory: boolean_param(params[:directory]),
24
- multiple: boolean_param(params[:multiple]),
25
- draggable: boolean_param(params[:draggable]),
26
- block_node: boolean_param(params[:block_node]),
27
- searchable: boolean_param(params[:searchable]),
28
- height: params[:height],
29
- check_strictly: boolean_param(params[:check_strictly])
34
+ nodes: HakumiComponents::Tree::Node.coerce_all(raw_nodes),
35
+ checkable: boolean_html_param(html_param(params, :checkable)) == true,
36
+ selectable: boolean_html_param(html_param(params, :selectable)) != false,
37
+ disabled: boolean_html_param(html_param(params, :disabled)) == true,
38
+ default_expand_keys: parse_json_array(html_param(params, :default_expand_keys)),
39
+ default_selected_keys: parse_json_array(html_param(params, :default_selected_keys)),
40
+ default_checked_keys: parse_json_array(html_param(params, :default_checked_keys)),
41
+ expanded_keys: parse_json_array(html_param(params, :expanded_keys), allow_nil: true),
42
+ selected_keys: parse_json_array(html_param(params, :selected_keys), allow_nil: true),
43
+ checked_keys: parse_json_array(html_param(params, :checked_keys), allow_nil: true),
44
+ show_line: boolean_html_param(html_param(params, :show_line)) == true,
45
+ switcher_icon: symbol_html_param(html_param(params, :switcher_icon)),
46
+ icon: symbol_html_param(html_param(params, :icon)),
47
+ directory: boolean_html_param(html_param(params, :directory)) == true,
48
+ multiple: boolean_html_param(html_param(params, :multiple)) == true,
49
+ draggable: boolean_html_param(html_param(params, :draggable)) == true,
50
+ block_node: boolean_html_param(html_param(params, :block_node)) == true,
51
+ searchable: boolean_html_param(html_param(params, :searchable)) == true,
52
+ height: html_primitive_param(html_param(params, :height)),
53
+ check_strictly: boolean_html_param(html_param(params, :check_strictly)) == true
30
54
  }
31
55
  end
32
56
 
57
+ sig do
58
+ params(
59
+ nodes: T::Array[NodeInput],
60
+ checkable: T::Boolean,
61
+ selectable: T::Boolean,
62
+ disabled: T::Boolean,
63
+ default_expand_keys: NodeKeyList,
64
+ default_selected_keys: NodeKeyList,
65
+ default_checked_keys: NodeKeyList,
66
+ expanded_keys: T.nilable(NodeKeyList),
67
+ selected_keys: T.nilable(NodeKeyList),
68
+ checked_keys: T.nilable(NodeKeyList),
69
+ show_line: T::Boolean,
70
+ switcher_icon: IconInput,
71
+ icon: IconInput,
72
+ directory: T::Boolean,
73
+ multiple: T::Boolean,
74
+ draggable: T::Boolean,
75
+ block_node: T::Boolean,
76
+ searchable: T::Boolean,
77
+ search_placeholder: T.nilable(String),
78
+ height: HeightInput,
79
+ check_strictly: T::Boolean,
80
+ indent: Integer,
81
+ html_options: Types::HtmlAttributeValue
82
+ ).void
83
+ end
33
84
  def initialize(
34
85
  nodes:,
35
86
  checkable: false,
@@ -49,148 +100,90 @@ module HakumiComponents
49
100
  draggable: false,
50
101
  block_node: false,
51
102
  searchable: false,
52
- search_placeholder: "Search",
103
+ search_placeholder: nil,
53
104
  height: nil,
54
105
  check_strictly: false,
55
106
  indent: DEFAULT_INDENT,
56
107
  **html_options
57
108
  )
58
- @nodes = nodes
59
- @checkable = checkable
60
- @selectable = selectable
61
- @disabled = disabled
62
- @default_expand_keys = Array(default_expand_keys)
63
- @default_selected_keys = Array(default_selected_keys)
64
- @default_checked_keys = Array(default_checked_keys)
65
- @expanded_keys = expanded_keys.nil? ? nil : Array(expanded_keys)
66
- @selected_keys = selected_keys.nil? ? nil : Array(selected_keys)
67
- @checked_keys = checked_keys.nil? ? nil : Array(checked_keys)
68
- @show_line = show_line
69
- @switcher_icon = switcher_icon
70
- @icon = icon
71
- @directory = directory
72
- @multiple = multiple
73
- @draggable = draggable
74
- @block_node = block_node
75
- @searchable = searchable
76
- @search_placeholder = search_placeholder
77
- @height = height
78
- @check_strictly = check_strictly
79
- @indent = indent
80
- @html_options = html_options
109
+ @checkable = T.let(checkable, T::Boolean)
110
+ @selectable = T.let(selectable, T::Boolean)
111
+ @disabled = T.let(disabled, T::Boolean)
112
+ @default_expand_keys = T.let(default_expand_keys.map(&:to_s), T::Array[String])
113
+ @default_selected_keys = T.let(default_selected_keys.map(&:to_s), T::Array[String])
114
+ @default_checked_keys = T.let(default_checked_keys.map(&:to_s), T::Array[String])
115
+ @expanded_keys = T.let(expanded_keys&.map(&:to_s), T.nilable(T::Array[String]))
116
+ @selected_keys = T.let(selected_keys&.map(&:to_s), T.nilable(T::Array[String]))
117
+ @checked_keys = T.let(checked_keys&.map(&:to_s), T.nilable(T::Array[String]))
118
+ @show_line = T.let(show_line, T::Boolean)
119
+ @switcher_icon = T.let(switcher_icon, IconInput)
120
+ @icon = T.let(icon, IconInput)
121
+ @directory = T.let(directory, T::Boolean)
122
+ @multiple = T.let(multiple, T::Boolean)
123
+ @draggable = T.let(draggable, T::Boolean)
124
+ @block_node = T.let(block_node, T::Boolean)
125
+ @searchable = T.let(searchable, T::Boolean)
126
+ @search_placeholder = T.let(search_placeholder || t_default(:search_placeholder, default: "Search"), String)
127
+ @height = T.let(height, HeightInput)
128
+ @check_strictly = T.let(check_strictly, T::Boolean)
129
+ @indent = T.let(indent, Integer)
130
+ @html_options = T.let(html_options, Types::HtmlAttributes)
131
+ @normalized_nodes = T.let(
132
+ HakumiComponents::Tree::Node.coerce_all(
133
+ nodes,
134
+ default_disabled: @disabled,
135
+ default_icon: @icon,
136
+ default_switcher_icon: @switcher_icon
137
+ ),
138
+ T::Array[HakumiComponents::Tree::Node]
139
+ )
81
140
 
82
141
  validate_props!
83
- @normalized_nodes = normalize_nodes(@nodes)
84
142
  end
85
143
 
144
+ sig { returns(T::Array[HakumiComponents::Tree::Node]) }
86
145
  attr_reader :normalized_nodes
87
146
 
147
+ sig { returns(Types::HtmlAttributes) }
88
148
  def wrapper_attributes
89
- base_attrs = {
90
- class: wrapper_classes,
91
- data: data_attributes
92
- }
93
-
94
- merge_attributes(base_attrs, @html_options)
149
+ merge_attributes(
150
+ {
151
+ class: wrapper_classes,
152
+ data: data_attributes
153
+ },
154
+ @html_options
155
+ )
95
156
  end
96
157
 
158
+ sig { returns(Types::HtmlAttributes) }
97
159
  def list_attributes
98
- attrs = {
99
- class: list_classes,
100
- role: "tree",
101
- data: { hakumi__tree_target: "list" }
102
- }
103
-
104
- if @height.present?
105
- height_value = @height.to_s
106
- attrs[:style] = "max-height: #{height_value}px;"
107
- end
108
-
160
+ attrs = T.let(
161
+ {
162
+ class: list_classes,
163
+ role: "tree",
164
+ data: { hakumi__tree_target: "list" }
165
+ },
166
+ Types::HtmlAttributes
167
+ )
168
+ attrs[:style] = "max-height: #{@height}px;" if @height
109
169
  attrs
110
170
  end
111
171
 
172
+ sig { returns(T::Boolean) }
112
173
  def searchable?
113
174
  @searchable
114
175
  end
115
176
 
177
+ sig { returns(String) }
116
178
  def search_placeholder
117
179
  @search_placeholder
118
180
  end
119
181
 
120
- def render_node_template
121
- switcher_conf = if @switcher_icon.present?
122
- { default: @switcher_icon }
123
- elsif @show_line
124
- { collapse: :plus_square, expand: :minus_square }
125
- else
126
- { default: :caret_right }
127
- end
128
-
129
- switcher_content = if switcher_conf[:default]
130
- content_tag(:span, class: "hakumi-tree-switcher-icon") do
131
- render HakumiComponents::Icon::Component.new(name: switcher_conf[:default])
132
- end
133
- else
134
- content_tag(:span, class: "hakumi-tree-switcher-icon hakumi-tree-switcher-dual") do
135
- safe_join([
136
- content_tag(:span, class: "hakumi-tree-icon-collapse") { render HakumiComponents::Icon::Component.new(name: switcher_conf[:collapse]) },
137
- content_tag(:span, class: "hakumi-tree-icon-expand") { render HakumiComponents::Icon::Component.new(name: switcher_conf[:expand]) }
138
- ])
139
- end
140
- end
141
-
142
- switcher = content_tag(:button, type: "button", class: "hakumi-tree-switcher", data: { action: "click->hakumi--tree#toggle" }) do
143
- switcher_content
144
- end
145
-
146
- checkbox = if @checkable
147
- content_tag(:button, type: "button", class: "hakumi-tree-checkbox", data: { action: "click->hakumi--tree#toggleCheck" }) do
148
- content_tag(:span, "", class: "hakumi-tree-checkbox-inner")
149
- end
150
- end
151
-
152
- # Icon handling
153
- icon_content = if @icon.present?
154
- render HakumiComponents::Icon::Component.new(name: @icon)
155
- end
156
-
157
- icon_style = @icon.present? ? nil : "display: none"
158
- icon = content_tag(:span, icon_content, class: "hakumi-tree-icon", style: icon_style)
159
-
160
- title = content_tag(:button, type: "button", class: "hakumi-tree-title", data: { action: "click->hakumi--tree#select" }) do
161
- content_tag(:span, "", class: "hakumi-tree-title-text")
162
- end
163
-
164
- indent = content_tag(:span, "", class: "hakumi-tree-indent", data: { hakumi__tree_target: "indent" })
165
-
166
- content_inner = safe_join([ checkbox, icon, title ].compact)
167
- content_wrapper = content_tag(:div, content_inner, class: "hakumi-tree-node-content-wrapper", data: { hakumi__tree_target: "content", action: "click->hakumi--tree#select" })
168
-
169
- row = content_tag(:div, safe_join([ indent, switcher, content_wrapper ]), class: "hakumi-tree-node-row")
170
- children = content_tag(:div, "", class: "hakumi-tree-children", role: "group", data: { hakumi__tree_target: "children" })
171
-
172
- content_tag(:div, safe_join([ row, children ]), class: "hakumi-tree-node", role: "treeitem", tabindex: "-1", data: { hakumi__tree_target: "node" })
173
- end
174
-
175
- def render_indent(level_mask)
176
- inner_html = level_mask.inject(ActiveSupport::SafeBuffer.new) do |buffer, has_line|
177
- classes = [ "hakumi-tree-indent-unit" ]
178
- classes << "hakumi-tree-indent-unit-active" if has_line
179
- buffer << content_tag(:span, "", class: classes)
180
- end
181
-
182
- content_tag(:span, inner_html, class: "hakumi-tree-indent", aria: { hidden: true })
183
- end
184
-
185
- def render_nodes(nodes, level_mask: [])
186
- safe_join(nodes.map.with_index do |node, index|
187
- has_next = index < nodes.size - 1
188
- render_node(node, index: index, total: nodes.size, level_mask: level_mask, has_next: has_next)
189
- end)
190
- end
182
+ private
191
183
 
184
+ sig { returns(String) }
192
185
  def wrapper_classes
193
- class_names(
186
+ component_classes(
194
187
  "tree",
195
188
  {
196
189
  checkable: @checkable,
@@ -200,324 +193,150 @@ module HakumiComponents
200
193
  "block-node": @block_node,
201
194
  disabled: @disabled,
202
195
  searchable: @searchable,
203
- virtual: @height.present?
196
+ virtual: !@height.nil?
204
197
  },
205
- [ @html_options[:class] ]
198
+ @html_options
206
199
  )
207
200
  end
208
201
 
202
+ sig { returns(String) }
209
203
  def list_classes
210
- class_names("tree-list", { virtual: @height.present? })
204
+ class_names("tree-list", { virtual: !@height.nil? })
211
205
  end
212
206
 
207
+ sig { returns(Types::DataAttributes) }
213
208
  def data_attributes
214
- data = {
215
- controller: "hakumi--tree",
216
- hakumi__tree_checkable_value: @checkable,
217
- hakumi__tree_selectable_value: @selectable,
218
- hakumi__tree_disabled_value: @disabled,
219
- hakumi__tree_default_expand_keys_value: @default_expand_keys.to_json,
220
- hakumi__tree_default_selected_keys_value: @default_selected_keys.to_json,
221
- hakumi__tree_default_checked_keys_value: @default_checked_keys.to_json,
222
- hakumi__tree_show_line_value: @show_line,
223
- hakumi__tree_switcher_icon_value: @switcher_icon.to_s.presence,
224
- hakumi__tree_icon_value: @icon.to_s.presence,
225
- hakumi__tree_directory_value: @directory,
226
- hakumi__tree_multiple_value: @multiple,
227
- hakumi__tree_draggable_value: @draggable,
228
- hakumi__tree_block_node_value: @block_node,
229
- hakumi__tree_searchable_value: @searchable,
230
- hakumi__tree_height_value: @height,
231
- hakumi__tree_check_strictly_value: @check_strictly
232
- }
233
-
209
+ data = T.let(
210
+ {
211
+ controller: "hakumi--tree",
212
+ hakumi__tree_checkable_value: @checkable,
213
+ hakumi__tree_selectable_value: @selectable,
214
+ hakumi__tree_disabled_value: @disabled,
215
+ hakumi__tree_default_expand_keys_value: @default_expand_keys.to_json,
216
+ hakumi__tree_default_selected_keys_value: @default_selected_keys.to_json,
217
+ hakumi__tree_default_checked_keys_value: @default_checked_keys.to_json,
218
+ hakumi__tree_show_line_value: @show_line,
219
+ hakumi__tree_switcher_icon_value: @switcher_icon&.to_s,
220
+ hakumi__tree_icon_value: @icon&.to_s,
221
+ hakumi__tree_directory_value: @directory,
222
+ hakumi__tree_multiple_value: @multiple,
223
+ hakumi__tree_draggable_value: @draggable,
224
+ hakumi__tree_block_node_value: @block_node,
225
+ hakumi__tree_searchable_value: @searchable,
226
+ hakumi__tree_height_value: @height,
227
+ hakumi__tree_check_strictly_value: @check_strictly
228
+ },
229
+ Types::DataAttributes
230
+ )
234
231
  data[:hakumi__tree_expanded_keys_value] = @expanded_keys.to_json if @expanded_keys
235
232
  data[:hakumi__tree_selected_keys_value] = @selected_keys.to_json if @selected_keys
236
233
  data[:hakumi__tree_checked_keys_value] = @checked_keys.to_json if @checked_keys
237
-
238
- data.compact
234
+ data
239
235
  end
240
236
 
237
+ sig { void }
241
238
  def validate_props!
242
- raise ArgumentError, "nodes is required" if @nodes.nil?
243
- raise ArgumentError, "nodes must be an Array" unless @nodes.is_a?(Array)
239
+ raise ArgumentError, "indent must be positive" unless @indent.positive?
244
240
  end
245
241
 
246
- def normalize_nodes(nodes, parent_key: nil, level: 0)
247
- Array(nodes).map.with_index do |node, index|
248
- raise ArgumentError, "node must be a Hash" unless node.is_a?(Hash)
249
-
250
- key = node[:key] || node["key"] || "#{parent_key || 'node'}-#{index}"
251
- title = node[:title] || node["title"] || key
252
- children = node[:children] || node["children"] || []
253
- normalized_children = normalize_nodes(children, parent_key: key, level: level + 1)
254
-
255
- is_leaf = if node.key?(:is_leaf) || node.key?("is_leaf")
256
- node[:is_leaf] || node["is_leaf"]
257
- else
258
- normalized_children.empty? && !(node[:async] || node["async"])
259
- end
260
-
261
- {
262
- key: key.to_s,
263
- title: title,
264
- children: normalized_children,
265
- disabled: @disabled || node[:disabled] || node["disabled"],
266
- selectable: node.key?(:selectable) ? node[:selectable] : node.fetch("selectable", true),
267
- checkable: node.key?(:checkable) ? node[:checkable] : node.fetch("checkable", true),
268
- disable_checkbox: node[:disable_checkbox] || node["disable_checkbox"],
269
- icon: node[:icon] || node["icon"] || @icon,
270
- switcher_icon: node[:switcher_icon] || node["switcher_icon"] || @switcher_icon,
271
- async: node[:async] || node["async"],
272
- loading: node[:loading] || node["loading"],
273
- level: level,
274
- parent_key: parent_key,
275
- leaf: is_leaf
276
- }
277
- end
242
+ sig { override.returns(T::Boolean) }
243
+ def tree_checkable?
244
+ @checkable
278
245
  end
279
246
 
280
- def render_node(node, index:, total:, level_mask:, has_next:)
281
- node_attrs = {
282
- class: node_classes(node),
283
- role: "treeitem",
284
- tabindex: -1,
285
- data: node_data(node, index: index, total: total, has_next: has_next),
286
- aria: node_aria(node)
287
- }
288
-
289
- content_tag(:div, node_attrs) do
290
- row = content_tag(:div, class: "hakumi-tree-node-row") do
291
- safe_join([
292
- render_indent(level_mask),
293
- render_switcher(node),
294
- render_node_content_wrapper(node)
295
- ].compact)
296
- end
297
-
298
- safe_join([
299
- row,
300
- render_node_children(node, level_mask + [ has_next ])
301
- ].compact)
302
- end
247
+ sig { override.returns(T::Boolean) }
248
+ def tree_show_line?
249
+ @show_line
303
250
  end
304
251
 
305
- def node_classes(node)
306
- class_names(
307
- "tree-node",
308
- {
309
- disabled: node[:disabled],
310
- selected: selected?(node[:key]),
311
- checked: checked?(node[:key]),
312
- "half-checked": half_checked?(node[:key]),
313
- expanded: expanded?(node[:key]),
314
- leaf: node[:leaf],
315
- "async": node[:async],
316
- loading: node[:loading]
317
- }
318
- )
252
+ sig { override.returns(IconInput) }
253
+ def tree_switcher_icon
254
+ @switcher_icon
319
255
  end
320
256
 
321
- def node_data(node, index:, total:, has_next:)
322
- {
323
- hakumi__tree_target: "node",
324
- key: node[:key],
325
- parent_key: node[:parent_key],
326
- level: node[:level],
327
- title: node[:title],
328
- selectable: node[:selectable],
329
- checkable: node[:checkable],
330
- disabled: node[:disabled],
331
- leaf: node[:leaf],
332
- async: node[:async],
333
- loading: node[:loading],
334
- index: index,
335
- total: total,
336
- has_next: has_next
337
- }
257
+ sig { override.returns(IconInput) }
258
+ def tree_icon
259
+ @icon
338
260
  end
339
261
 
340
- def node_aria(node)
341
- aria = {
342
- expanded: node[:leaf] ? nil : expanded?(node[:key]),
343
- selected: selected?(node[:key])
344
- }
345
-
346
- aria.compact
262
+ sig { override.returns(T::Boolean) }
263
+ def tree_directory?
264
+ @directory
347
265
  end
348
266
 
267
+ sig { params(value: Types::HtmlAttributeValue).returns(T::Array[RawNode]) }
268
+ def self.parse_raw_nodes(value)
269
+ return [] if value.nil?
349
270
 
350
-
351
- def render_node_content_wrapper(node)
352
- content_tag(:div,
353
- class: "hakumi-tree-node-content-wrapper",
354
- data: {
355
- hakumi__tree_target: "content",
356
- action: "click->hakumi--tree#select"
357
- }
358
- ) do
359
- safe_join([
360
- render_checkbox(node),
361
- render_icon(node),
362
- render_title(node)
363
- ].compact)
364
- end
365
- end
366
-
367
- def render_switcher(node)
368
- icon_name = node[:switcher_icon]
369
- is_leaf = node[:leaf]
370
-
371
- switcher_conf = if icon_name.present?
372
- normalize_switcher_conf(icon_name)
373
- elsif @switcher_icon.present?
374
- normalize_switcher_conf(@switcher_icon)
375
- elsif @show_line
376
- { collapse: :plus_square, expand: :minus_square }
271
+ array = if value.is_a?(Array)
272
+ value
273
+ elsif value.is_a?(String)
274
+ parsed = JSON.parse(value)
275
+ parsed.is_a?(Array) ? parsed : []
377
276
  else
378
- { default: :caret_right }
277
+ []
379
278
  end
380
279
 
381
- content_tag(:button,
382
- type: "button",
383
- class: switcher_classes(is_leaf),
384
- aria: { label: is_leaf ? "Leaf" : "Toggle" },
385
- data: {
386
- action: (is_leaf ? nil : "click->hakumi--tree#toggle"),
387
- hakumi__tree_target: "switcher",
388
- key: node[:key]
389
- }.compact
390
- ) do
391
- if is_leaf
392
- content_tag(:span, "", class: "hakumi-tree-switcher-noop")
393
- elsif switcher_conf[:default]
394
- content_tag(:span, class: "hakumi-tree-switcher-icon") do
395
- render HakumiComponents::Icon::Component.new(name: switcher_conf[:default])
396
- end
397
- else
398
- content_tag(:span, class: "hakumi-tree-switcher-icon hakumi-tree-switcher-dual") do
399
- safe_join([
400
- content_tag(:span, class: "hakumi-tree-icon-collapse") { render HakumiComponents::Icon::Component.new(name: switcher_conf[:collapse]) },
401
- content_tag(:span, class: "hakumi-tree-icon-expand") { render HakumiComponents::Icon::Component.new(name: switcher_conf[:expand]) }
402
- ])
403
- end
280
+ array.filter_map do |entry|
281
+ next unless entry.is_a?(Hash)
282
+ typed_entry = T.let({}, RawNode)
283
+ entry.each do |key, item|
284
+ next unless key.is_a?(String) || key.is_a?(Symbol)
285
+ next unless item.nil? || item.is_a?(String) || item.is_a?(Symbol) || item.is_a?(Numeric) || item == true || item == false || item.is_a?(Array) || item.is_a?(Hash)
286
+
287
+ typed_entry[key] = item
404
288
  end
289
+ typed_entry
405
290
  end
291
+ rescue JSON::ParserError
292
+ []
406
293
  end
407
294
 
408
- def normalize_switcher_conf(icon_or_conf)
409
- return icon_or_conf if icon_or_conf.is_a?(Hash)
295
+ sig { params(value: Types::HtmlAttributeValue, allow_nil: T::Boolean).returns(T.nilable(NodeKeyList)) }
296
+ def self.parse_json_array(value, allow_nil: false)
297
+ return nil if allow_nil && value.nil?
298
+ return [] if value.nil?
410
299
 
411
- case icon_or_conf.to_sym
412
- when :plus, :plus_square, :plus_circle
413
- suffix = icon_or_conf.to_s.gsub("plus", "")
414
- { collapse: icon_or_conf, expand: :"minus#{suffix}" }
415
- when :folder, :folder_open
416
- { collapse: :folder, expand: :folder_open }
300
+ array = if value.is_a?(Array)
301
+ value
302
+ elsif value.is_a?(String)
303
+ parsed = JSON.parse(value)
304
+ parsed.is_a?(Array) ? parsed : []
417
305
  else
418
- { default: icon_or_conf }
419
- end
420
- end
421
- def render_checkbox(node)
422
- return unless @checkable && node[:checkable]
423
-
424
- content_tag(:button,
425
- type: "button",
426
- class: "hakumi-tree-checkbox",
427
- aria: { checked: checked?(node[:key]) },
428
- data: {
429
- action: "click->hakumi--tree#toggleCheck",
430
- hakumi__tree_target: "checkbox",
431
- key: node[:key],
432
- disabled: node[:disable_checkbox]
433
- }
434
- ) do
435
- content_tag(:span, "", class: "hakumi-tree-checkbox-inner")
436
- end
437
- end
438
-
439
- def render_icon(node)
440
- icon_name = node[:icon]
441
- if icon_name.blank? && @directory
442
- icon_name = node[:leaf] ? :file : :folder
306
+ []
443
307
  end
444
308
 
445
- return if icon_name.blank?
446
-
447
- content_tag(:span, class: "hakumi-tree-icon") do
448
- render HakumiComponents::Icon::Component.new(name: icon_name)
449
- end
450
- end
451
-
452
- def render_title(node)
453
- content_tag(:button,
454
- type: "button",
455
- class: "hakumi-tree-title",
456
- data: {
457
- action: "click->hakumi--tree#select",
458
- hakumi__tree_target: "title",
459
- key: node[:key]
460
- }
461
- ) do
462
- content_tag(:span, node[:title], class: "hakumi-tree-title-text", data: { title: node[:title] })
463
- end
464
- end
465
-
466
- def render_node_children(node, level_mask = [])
467
- return if node[:children].empty?
468
-
469
- content_tag(:div, class: "hakumi-tree-children", role: "group", data: { hakumi__tree_target: "children" }) do
470
- render_nodes(node[:children], level_mask: level_mask)
309
+ array.filter_map do |entry|
310
+ case entry
311
+ when String, Symbol, Numeric
312
+ entry
313
+ else
314
+ nil
315
+ end
471
316
  end
317
+ rescue JSON::ParserError
318
+ []
472
319
  end
473
320
 
474
- def switcher_classes(is_leaf)
475
- class_names("tree-switcher", { leaf: is_leaf })
476
- end
477
-
321
+ sig { override.params(key: String).returns(T::Boolean) }
478
322
  def expanded?(key)
479
- expanded_keys = @expanded_keys || @default_expand_keys
480
- expanded_keys.map(&:to_s).include?(key.to_s)
323
+ (@expanded_keys || @default_expand_keys).include?(key)
481
324
  end
482
325
 
326
+ sig { override.params(key: String).returns(T::Boolean) }
483
327
  def selected?(key)
484
- selected_keys = @selected_keys || @default_selected_keys
485
- selected_keys.map(&:to_s).include?(key.to_s)
328
+ (@selected_keys || @default_selected_keys).include?(key)
486
329
  end
487
330
 
331
+ sig { override.params(key: String).returns(T::Boolean) }
488
332
  def checked?(key)
489
- checked_keys = @checked_keys || @default_checked_keys
490
- checked_keys.map(&:to_s).include?(key.to_s)
333
+ (@checked_keys || @default_checked_keys).include?(key)
491
334
  end
492
335
 
336
+ sig { override.params(_key: String).returns(T::Boolean) }
493
337
  def half_checked?(_key)
494
338
  false
495
339
  end
496
-
497
- def self.parse_nodes(value)
498
- return [] if value.blank?
499
- return value if value.is_a?(Array)
500
-
501
- JSON.parse(value)
502
- rescue JSON::ParserError
503
- []
504
- end
505
-
506
- def self.parse_json_array(value, allow_nil: false)
507
- return nil if allow_nil && value.nil?
508
- return [] if value.blank?
509
- return value if value.is_a?(Array)
510
-
511
- JSON.parse(value)
512
- rescue JSON::ParserError
513
- []
514
- end
515
-
516
- def self.boolean_param(value, default: false)
517
- return default if value.nil?
518
-
519
- ActiveModel::Type::Boolean.new.cast(value)
520
- end
521
340
  end
522
341
  end
523
342
  end