hakumi_components 0.1.17.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 (647) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +33 -3
  3. data/README.md +218 -369
  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 → hakumi_components}/admin_panel/component.html.erb +2 -2
  7. data/app/components/hakumi_components/admin_panel/component.rb +50 -0
  8. data/app/components/hakumi_components/affix/component.rb +112 -0
  9. data/app/components/{hakumi → hakumi_components}/alert/component.html.erb +3 -3
  10. data/app/components/hakumi_components/alert/component.rb +134 -0
  11. data/app/components/hakumi_components/anchor/component.rb +88 -0
  12. data/app/components/{hakumi → hakumi_components}/anchor/link/component.html.erb +1 -1
  13. data/app/components/hakumi_components/anchor/link/component.rb +53 -0
  14. data/app/components/hakumi_components/autocomplete/component.html.erb +94 -0
  15. data/app/components/hakumi_components/autocomplete/component.rb +228 -0
  16. data/app/components/hakumi_components/avatar/component.rb +124 -0
  17. data/app/components/hakumi_components/badge/component.rb +139 -0
  18. data/app/components/hakumi_components/base_component.rb +391 -0
  19. data/app/components/hakumi_components/breadcrumb/component.rb +38 -0
  20. data/app/components/hakumi_components/breadcrumb/item/component.html.erb +17 -0
  21. data/app/components/hakumi_components/breadcrumb/item/component.rb +83 -0
  22. data/app/components/hakumi_components/breadcrumb/item/menu_entry.rb +71 -0
  23. data/app/components/hakumi_components/button/component.rb +163 -0
  24. data/app/components/{hakumi → hakumi_components}/calendar/component.html.erb +24 -24
  25. data/app/components/hakumi_components/calendar/component.rb +471 -0
  26. data/app/components/hakumi_components/calendar/day_cell.rb +62 -0
  27. data/app/components/hakumi_components/calendar/display_model.rb +237 -0
  28. data/app/components/hakumi_components/calendar/event_entry.rb +54 -0
  29. data/app/components/hakumi_components/calendar/locale_pack.rb +28 -0
  30. data/app/components/hakumi_components/calendar/panel_entry.rb +48 -0
  31. data/app/components/hakumi_components/calendar/week_row.rb +28 -0
  32. data/app/components/{hakumi → hakumi_components}/card/component.html.erb +2 -2
  33. data/app/components/hakumi_components/card/component.rb +121 -0
  34. data/app/components/hakumi_components/card/grid/component.html.erb +3 -0
  35. data/app/components/hakumi_components/card/grid/component.rb +43 -0
  36. data/app/components/hakumi_components/card/meta/component.html.erb +23 -0
  37. data/app/components/hakumi_components/card/meta/component.rb +64 -0
  38. data/app/components/hakumi_components/carousel/autoplay_config.rb +27 -0
  39. data/app/components/{hakumi → hakumi_components}/carousel/component.html.erb +2 -2
  40. data/app/components/hakumi_components/carousel/component.rb +165 -0
  41. data/app/components/hakumi_components/carousel/dots_config.rb +36 -0
  42. data/app/components/hakumi_components/cascader/component.html.erb +59 -0
  43. data/app/components/hakumi_components/cascader/component.rb +168 -0
  44. data/app/components/{hakumi → hakumi_components}/checkbox/component.html.erb +5 -5
  45. data/app/components/hakumi_components/checkbox/component.rb +98 -0
  46. data/app/components/hakumi_components/checkbox/group/component.html.erb +12 -0
  47. data/app/components/hakumi_components/checkbox/group/component.rb +91 -0
  48. data/app/components/hakumi_components/checkbox/group/option.rb +34 -0
  49. data/app/components/{hakumi → hakumi_components}/collapse/component.html.erb +1 -1
  50. data/app/components/hakumi_components/collapse/component.rb +133 -0
  51. data/app/components/hakumi_components/collapse/panel/component.rb +108 -0
  52. data/app/components/{hakumi → hakumi_components}/color_picker/component.html.erb +21 -22
  53. data/app/components/hakumi_components/color_picker/component.rb +279 -0
  54. data/app/components/hakumi_components/color_picker/preset_group.rb +27 -0
  55. data/app/components/hakumi_components/concerns/form_field.rb +236 -0
  56. data/app/components/hakumi_components/concerns/form_field_contract.rb +57 -0
  57. data/app/components/hakumi_components/concerns/form_field_interface.rb +16 -0
  58. data/app/components/hakumi_components/concerns/input_control.rb +111 -0
  59. data/app/components/hakumi_components/concerns/input_control_contract.rb +47 -0
  60. data/app/components/hakumi_components/concerns/input_control_interface.rb +34 -0
  61. data/app/components/hakumi_components/concerns/selection_control.rb +122 -0
  62. data/app/components/hakumi_components/concerns/selection_control_contract.rb +47 -0
  63. data/app/components/hakumi_components/concerns/selection_control_interface.rb +34 -0
  64. data/app/components/{hakumi → hakumi_components}/container/component.rb +31 -16
  65. data/app/components/{hakumi → hakumi_components}/date_picker/component.html.erb +4 -6
  66. data/app/components/hakumi_components/date_picker/component.rb +254 -0
  67. data/app/components/{hakumi → hakumi_components}/date_picker/range_picker.html.erb +4 -4
  68. data/app/components/hakumi_components/date_picker/range_picker.rb +267 -0
  69. data/app/components/hakumi_components/date_picker/shared_rendering.rb +289 -0
  70. data/app/components/{hakumi → hakumi_components}/descriptions/component.html.erb +6 -6
  71. data/app/components/hakumi_components/descriptions/component.rb +219 -0
  72. data/app/components/hakumi_components/descriptions/item/component.rb +52 -0
  73. data/app/components/hakumi_components/divider/component.rb +86 -0
  74. data/app/components/{hakumi → hakumi_components}/drawer/component.html.erb +3 -3
  75. data/app/components/hakumi_components/drawer/component.rb +191 -0
  76. data/app/components/hakumi_components/dropdown/component.rb +94 -0
  77. data/app/components/{hakumi → hakumi_components}/dropdown/divider/component.rb +6 -2
  78. data/app/components/hakumi_components/dropdown/item/component.rb +73 -0
  79. data/app/components/{hakumi → hakumi_components}/empty/component.rb +68 -33
  80. data/app/components/hakumi_components/flex/component.rb +96 -0
  81. data/app/components/hakumi_components/float_button/back_top/component.rb +86 -0
  82. data/app/components/hakumi_components/float_button/component.rb +289 -0
  83. data/app/components/hakumi_components/float_button/group/component.rb +214 -0
  84. data/app/components/hakumi_components/float_button/group_cluster/component.rb +133 -0
  85. data/app/components/hakumi_components/float_button/group_spec.rb +259 -0
  86. data/app/components/hakumi_components/float_button/item_spec.rb +115 -0
  87. data/app/components/hakumi_components/float_button/position_config.rb +68 -0
  88. data/app/components/{hakumi → hakumi_components}/form/item/component.rb +36 -29
  89. data/app/components/hakumi_components/grid/col/component.rb +169 -0
  90. data/app/components/hakumi_components/grid/row/component.rb +97 -0
  91. data/app/components/{hakumi → hakumi_components}/icon/component.rb +53 -53
  92. data/app/components/{hakumi → hakumi_components}/image/component.html.erb +17 -17
  93. data/app/components/hakumi_components/image/component.rb +175 -0
  94. data/app/components/{hakumi → hakumi_components}/image/preview_group/component.html.erb +10 -10
  95. data/app/components/hakumi_components/image/preview_group/component.rb +75 -0
  96. data/app/components/hakumi_components/image/preview_group/item.rb +48 -0
  97. data/app/components/{hakumi → hakumi_components}/input/component.html.erb +1 -1
  98. data/app/components/hakumi_components/input/component.rb +261 -0
  99. data/app/components/hakumi_components/input/password/component.rb +84 -0
  100. data/app/components/{hakumi → hakumi_components}/input/text_area/component.html.erb +2 -2
  101. data/app/components/hakumi_components/input/text_area/component.rb +178 -0
  102. data/app/components/{hakumi → hakumi_components}/input_number/component.html.erb +9 -9
  103. data/app/components/hakumi_components/input_number/component.rb +280 -0
  104. data/app/components/hakumi_components/layout/component.html.erb +1 -0
  105. data/app/components/hakumi_components/layout/component.rb +28 -0
  106. data/app/components/hakumi_components/layout/content/component.html.erb +1 -0
  107. data/app/components/hakumi_components/layout/content/component.rb +29 -0
  108. data/app/components/hakumi_components/layout/footer/component.html.erb +1 -0
  109. data/app/components/hakumi_components/layout/footer/component.rb +29 -0
  110. data/app/components/hakumi_components/layout/header/component.html.erb +1 -0
  111. data/app/components/hakumi_components/layout/header/component.rb +29 -0
  112. data/app/components/hakumi_components/layout/sider/component.html.erb +1 -0
  113. data/app/components/hakumi_components/layout/sider/component.rb +90 -0
  114. data/app/components/hakumi_components/mentions/coercion.rb +46 -0
  115. data/app/components/{hakumi → hakumi_components}/mentions/component.html.erb +6 -6
  116. data/app/components/hakumi_components/mentions/component.rb +229 -0
  117. data/app/components/hakumi_components/mentions/option.rb +30 -0
  118. data/app/components/hakumi_components/menu/component.rb +117 -0
  119. data/app/components/{hakumi → hakumi_components}/menu/divider/component.rb +6 -2
  120. data/app/components/hakumi_components/menu/group/component.rb +48 -0
  121. data/app/components/hakumi_components/menu/item/component.rb +70 -0
  122. data/app/components/hakumi_components/menu/sub_menu/component.rb +104 -0
  123. data/app/components/hakumi_components/message/component.rb +141 -0
  124. data/app/components/{hakumi → hakumi_components}/modal/component.html.erb +7 -7
  125. data/app/components/hakumi_components/modal/component.rb +152 -0
  126. data/app/components/hakumi_components/modal/confirm/component.html.erb +23 -0
  127. data/app/components/hakumi_components/modal/confirm/component.rb +87 -0
  128. data/app/components/hakumi_components/modal/error/component.rb +20 -0
  129. data/app/components/hakumi_components/modal/info/component.rb +17 -0
  130. data/app/components/hakumi_components/modal/status_component.rb +150 -0
  131. data/app/components/hakumi_components/modal/success/component.rb +17 -0
  132. data/app/components/hakumi_components/modal/warning/component.rb +26 -0
  133. data/app/components/hakumi_components/notification/component.rb +160 -0
  134. data/app/components/{hakumi → hakumi_components}/pagination/component.html.erb +8 -12
  135. data/app/components/hakumi_components/pagination/component.rb +238 -0
  136. data/app/components/hakumi_components/pagination/page_item.rb +49 -0
  137. data/app/components/{hakumi → hakumi_components}/popconfirm/component.html.erb +2 -2
  138. data/app/components/hakumi_components/popconfirm/component.rb +120 -0
  139. data/app/components/{hakumi → hakumi_components}/popover/component.html.erb +2 -2
  140. data/app/components/hakumi_components/popover/component.rb +196 -0
  141. data/app/components/hakumi_components/progress/attribute_renderer.rb +354 -0
  142. data/app/components/hakumi_components/progress/circle_geometry.rb +76 -0
  143. data/app/components/{hakumi → hakumi_components}/progress/component.html.erb +19 -18
  144. data/app/components/hakumi_components/progress/component.rb +393 -0
  145. data/app/components/hakumi_components/progress/controller_locals_parser.rb +130 -0
  146. data/app/components/hakumi_components/progress/info_tooltip_policy.rb +39 -0
  147. data/app/components/hakumi_components/progress/info_value.rb +75 -0
  148. data/app/components/hakumi_components/progress/status_state.rb +31 -0
  149. data/app/components/hakumi_components/progress/steps_renderer.rb +149 -0
  150. data/app/components/hakumi_components/progress/stroke_gradient_value.rb +90 -0
  151. data/app/components/hakumi_components/qr_code/component.rb +405 -0
  152. data/app/components/{hakumi → hakumi_components}/radio/component.html.erb +3 -3
  153. data/app/components/hakumi_components/radio/component.rb +113 -0
  154. data/app/components/{hakumi → hakumi_components}/radio/group/component.html.erb +10 -10
  155. data/app/components/hakumi_components/radio/group/component.rb +181 -0
  156. data/app/components/hakumi_components/radio/group/option.rb +43 -0
  157. data/app/components/{hakumi → hakumi_components}/rate/component.html.erb +2 -2
  158. data/app/components/{hakumi → hakumi_components}/rate/component.rb +58 -12
  159. data/app/components/hakumi_components/result/component.rb +175 -0
  160. data/app/components/{hakumi → hakumi_components}/segmented/component.html.erb +1 -1
  161. data/app/components/hakumi_components/segmented/component.rb +232 -0
  162. data/app/components/hakumi_components/segmented/option.rb +191 -0
  163. data/app/components/{hakumi → hakumi_components}/select/component.html.erb +22 -22
  164. data/app/components/hakumi_components/select/component.rb +176 -0
  165. data/app/components/hakumi_components/selection_control/coercion.rb +161 -0
  166. data/app/components/hakumi_components/selection_control/entry.rb +22 -0
  167. data/app/components/hakumi_components/selection_control/option.rb +42 -0
  168. data/app/components/hakumi_components/selection_control/option_group.rb +34 -0
  169. data/app/components/hakumi_components/selection_control/tree_node.rb +123 -0
  170. data/app/components/hakumi_components/skeleton/avatar/component.rb +88 -0
  171. data/app/components/hakumi_components/skeleton/avatar_config.rb +79 -0
  172. data/app/components/hakumi_components/skeleton/button/component.rb +77 -0
  173. data/app/components/hakumi_components/skeleton/component.rb +186 -0
  174. data/app/components/{hakumi → hakumi_components}/skeleton/image/component.html.erb +1 -1
  175. data/app/components/hakumi_components/skeleton/image/component.rb +104 -0
  176. data/app/components/hakumi_components/skeleton/input/component.rb +66 -0
  177. data/app/components/hakumi_components/skeleton/node/component.rb +59 -0
  178. data/app/components/hakumi_components/skeleton/paragraph_config.rb +92 -0
  179. data/app/components/hakumi_components/skeleton/title_config.rb +31 -0
  180. data/app/components/{hakumi → hakumi_components}/slider/component.html.erb +11 -11
  181. data/app/components/hakumi_components/slider/component.rb +347 -0
  182. data/app/components/hakumi_components/slider/mark.rb +27 -0
  183. data/app/components/hakumi_components/space/compact/component.html.erb +1 -0
  184. data/app/components/hakumi_components/space/compact/component.rb +52 -0
  185. data/app/components/{hakumi → hakumi_components}/space/component.html.erb +1 -1
  186. data/app/components/hakumi_components/space/component.rb +109 -0
  187. data/app/components/hakumi_components/spin/component.rb +270 -0
  188. data/app/components/hakumi_components/splitter/component.html.erb +9 -0
  189. data/app/components/hakumi_components/splitter/component.rb +71 -0
  190. data/app/components/hakumi_components/splitter/panel/component.html.erb +1 -0
  191. data/app/components/hakumi_components/splitter/panel/component.rb +98 -0
  192. data/app/components/hakumi_components/statistic/component.rb +371 -0
  193. data/app/components/{hakumi → hakumi_components}/steps/component.html.erb +4 -4
  194. data/app/components/hakumi_components/steps/component.rb +177 -0
  195. data/app/components/hakumi_components/steps/item/component.rb +130 -0
  196. data/app/components/{hakumi → hakumi_components}/switch/component.html.erb +2 -3
  197. data/app/components/hakumi_components/switch/component.rb +150 -0
  198. data/app/components/hakumi_components/table/column/component.rb +137 -0
  199. data/app/components/hakumi_components/table/column_definition.rb +181 -0
  200. data/app/components/{hakumi → hakumi_components}/table/column_group/component.rb +35 -24
  201. data/app/components/{hakumi → hakumi_components}/table/component.html.erb +22 -31
  202. data/app/components/hakumi_components/table/component.rb +470 -0
  203. data/app/components/hakumi_components/table/concerns/attribute_helpers.rb +22 -0
  204. data/app/components/hakumi_components/table/concerns/cell_rendering.rb +277 -0
  205. data/app/components/hakumi_components/table/concerns/columns.rb +421 -0
  206. data/app/components/hakumi_components/table/concerns/editable.rb +68 -0
  207. data/app/components/hakumi_components/table/concerns/ellipsis.rb +64 -0
  208. data/app/components/hakumi_components/table/concerns/fixed_columns.rb +94 -0
  209. data/app/components/hakumi_components/table/concerns/surface_rendering.rb +365 -0
  210. data/app/components/hakumi_components/table/configs.rb +518 -0
  211. data/app/components/hakumi_components/table/definition_types.rb +40 -0
  212. data/app/components/hakumi_components/table/display_rows.rb +56 -0
  213. data/app/components/hakumi_components/table/ellipsis_config.rb +143 -0
  214. data/app/components/hakumi_components/table/fixed_offset.rb +36 -0
  215. data/app/components/hakumi_components/table/header_cell.rb +23 -0
  216. data/app/components/hakumi_components/table/row_record.rb +60 -0
  217. data/app/components/hakumi_components/table/row_render_state.rb +85 -0
  218. data/app/components/{hakumi → hakumi_components}/tabs/component.html.erb +11 -11
  219. data/app/components/hakumi_components/tabs/component.rb +246 -0
  220. data/app/components/hakumi_components/tabs/indicator_config.rb +34 -0
  221. data/app/components/hakumi_components/tabs/item/component.rb +147 -0
  222. data/app/components/hakumi_components/tag/component.rb +282 -0
  223. data/app/components/{hakumi → hakumi_components}/tag/group/component.rb +20 -8
  224. data/app/components/{hakumi → hakumi_components}/time_picker/component.html.erb +10 -10
  225. data/app/components/{hakumi → hakumi_components}/time_picker/component.rb +75 -21
  226. data/app/components/hakumi_components/timeline/component.html.erb +8 -0
  227. data/app/components/hakumi_components/timeline/component.rb +301 -0
  228. data/app/components/{hakumi → hakumi_components}/timeline/item/component.html.erb +2 -2
  229. data/app/components/hakumi_components/timeline/item/component.rb +198 -0
  230. data/app/components/{hakumi → hakumi_components}/tooltip/component.html.erb +1 -1
  231. data/app/components/hakumi_components/tooltip/component.rb +146 -0
  232. data/app/components/hakumi_components/tour/component.rb +183 -0
  233. data/app/components/hakumi_components/tour/step.rb +86 -0
  234. data/app/components/hakumi_components/transfer/coercion.rb +66 -0
  235. data/app/components/hakumi_components/transfer/component.html.erb +204 -0
  236. data/app/components/hakumi_components/transfer/component.rb +395 -0
  237. data/app/components/hakumi_components/transfer/item.rb +54 -0
  238. data/app/components/hakumi_components/transfer/operations.rb +31 -0
  239. data/app/components/{hakumi → hakumi_components}/tree/component.html.erb +1 -1
  240. data/app/components/hakumi_components/tree/component.rb +342 -0
  241. data/app/components/hakumi_components/tree/concerns/node_rendering.rb +365 -0
  242. data/app/components/hakumi_components/tree/node.rb +276 -0
  243. data/app/components/{hakumi → hakumi_components}/tree_select/component.html.erb +27 -13
  244. data/app/components/hakumi_components/tree_select/component.rb +270 -0
  245. data/app/components/hakumi_components/typography/base_component.rb +142 -0
  246. data/app/components/hakumi_components/typography/link/component.rb +91 -0
  247. data/app/components/{hakumi → hakumi_components}/typography/paragraph/component.rb +7 -1
  248. data/{sig/hakumi/typography/text/component.rbs → app/components/hakumi_components/typography/text/component.rb} +3 -1
  249. data/app/components/hakumi_components/typography/title/component.rb +84 -0
  250. data/app/components/hakumi_components/upload/component.html.erb +135 -0
  251. data/app/components/hakumi_components/upload/component.rb +367 -0
  252. data/app/components/hakumi_components/upload/file_entry.rb +53 -0
  253. data/app/controllers/{hakumi → hakumi_components}/components_controller.rb +3 -2
  254. data/app/form_builders/hakumi_components/form_builder/contracts.rb +55 -0
  255. data/app/form_builders/hakumi_components/form_builder/field_context.rb +43 -0
  256. data/app/form_builders/hakumi_components/form_builder/model_binding.rb +163 -0
  257. data/app/form_builders/hakumi_components/form_builder.rb +403 -0
  258. data/app/helpers/hakumi_components/form_helper.rb +43 -0
  259. data/app/javascript/hakumi_components/controllers/hakumi/admin_panel_controller.js +5 -7
  260. data/app/javascript/hakumi_components/controllers/hakumi/back_top_controller.js +1 -1
  261. data/app/javascript/hakumi_components/controllers/hakumi/button_controller.js +108 -2
  262. data/app/javascript/hakumi_components/controllers/hakumi/calendar_controller.js +183 -95
  263. data/app/javascript/hakumi_components/controllers/hakumi/color_picker_controller.js +23 -285
  264. data/app/javascript/hakumi_components/controllers/hakumi/date_picker_controller.js +274 -262
  265. data/app/javascript/hakumi_components/controllers/hakumi/float_button_group_controller.js +2 -2
  266. data/app/javascript/hakumi_components/controllers/hakumi/message_controller.js +4 -2
  267. data/app/javascript/hakumi_components/controllers/hakumi/modal_controller.js +119 -125
  268. data/app/javascript/hakumi_components/controllers/hakumi/table/editable.js +291 -0
  269. data/app/javascript/hakumi_components/controllers/hakumi/table_controller.js +166 -366
  270. data/app/javascript/hakumi_components/controllers/hakumi/tabs_controller.js +8 -2
  271. data/app/javascript/hakumi_components/controllers/hakumi/tag_controller.js +27 -25
  272. data/app/javascript/hakumi_components/controllers/hakumi/tag_group_controller.js +19 -18
  273. data/app/javascript/hakumi_components/controllers/hakumi/theme_controller.js +116 -117
  274. data/app/javascript/hakumi_components/controllers/hakumi/transfer_controller.js +17 -1
  275. data/app/javascript/hakumi_components/controllers/hakumi/tree_controller.js +363 -78
  276. data/app/javascript/hakumi_components/controllers/hakumi/typography_controller.js +3 -3
  277. data/app/javascript/hakumi_components/controllers/hakumi/upload_controller.js +320 -204
  278. data/app/javascript/hakumi_components/core/render_component.js +37 -11
  279. data/app/javascript/hakumi_components/utils/color_helper.js +262 -0
  280. data/app/javascript/stylesheets/_base.scss +9 -0
  281. data/app/javascript/stylesheets/_hakumi_components.scss +1 -0
  282. data/app/javascript/stylesheets/components/_breadcrumb.scss +2 -2
  283. data/app/javascript/stylesheets/components/_calendar.scss +13 -13
  284. data/app/javascript/stylesheets/components/_cascader.scss +5 -5
  285. data/app/javascript/stylesheets/components/_checkbox.scss +9 -11
  286. data/app/javascript/stylesheets/components/_color_picker.scss +11 -11
  287. data/app/javascript/stylesheets/components/_date_picker.scss +4 -4
  288. data/app/javascript/stylesheets/components/_descriptions.scss +2 -2
  289. data/app/javascript/stylesheets/components/_drawer.scss +3 -3
  290. data/app/javascript/stylesheets/components/_dropdown.scss +2 -2
  291. data/app/javascript/stylesheets/components/_flex.scss +1 -1
  292. data/app/javascript/stylesheets/components/_float_button.scss +5 -5
  293. data/app/javascript/stylesheets/components/_form_item.scss +92 -0
  294. data/app/javascript/stylesheets/components/_image.scss +15 -15
  295. data/app/javascript/stylesheets/components/_input.scss +23 -113
  296. data/app/javascript/stylesheets/components/_layout.scss +27 -26
  297. data/app/javascript/stylesheets/components/_menu.scss +15 -15
  298. data/app/javascript/stylesheets/components/_modal.scss +13 -13
  299. data/app/javascript/stylesheets/components/_notification.scss +3 -3
  300. data/app/javascript/stylesheets/components/_popover.scss +1 -1
  301. data/app/javascript/stylesheets/components/_segmented.scss +3 -3
  302. data/app/javascript/stylesheets/components/_select.scss +6 -6
  303. data/app/javascript/stylesheets/components/_slider.scss +1 -1
  304. data/app/javascript/stylesheets/components/_spin.scss +2 -2
  305. data/app/javascript/stylesheets/components/_steps.scss +10 -10
  306. data/app/javascript/stylesheets/components/_switch.scss +11 -10
  307. data/app/javascript/stylesheets/components/_table.scss +6 -6
  308. data/app/javascript/stylesheets/components/_tag.scss +2 -2
  309. data/app/javascript/stylesheets/components/_tooltip.scss +4 -4
  310. data/app/javascript/stylesheets/components/_tree_select.scss +3 -3
  311. data/app/javascript/stylesheets/components/_typography.scss +3 -3
  312. data/app/javascript/stylesheets/components/_upload.scss +4 -4
  313. data/app/services/hakumi_components/component_handler.rb +124 -0
  314. data/app/services/hakumi_components/icon/loader.rb +112 -0
  315. data/app/services/hakumi_components/illustrations/loader.rb +51 -0
  316. data/app/views/hakumi/_admin_panel.html.erb +1 -1
  317. data/app/views/hakumi/_affix.html.erb +1 -1
  318. data/app/views/hakumi/_alert.html.erb +4 -1
  319. data/app/views/hakumi/_confirm.html.erb +1 -1
  320. data/app/views/hakumi/_drawer.html.erb +2 -2
  321. data/app/views/hakumi/_message.html.erb +1 -1
  322. data/app/views/hakumi/_modal.html.erb +1 -1
  323. data/app/views/hakumi/_notification.html.erb +1 -1
  324. data/app/views/hakumi/_popconfirm.html.erb +1 -1
  325. data/app/views/hakumi/_popover.html.erb +1 -1
  326. data/app/views/hakumi/_qr_code.html.erb +1 -1
  327. data/app/views/hakumi/_result.html.erb +1 -1
  328. data/app/views/hakumi/_segmented.html.erb +1 -1
  329. data/app/views/hakumi/_skeleton.html.erb +1 -1
  330. data/app/views/hakumi/_spin.html.erb +1 -1
  331. data/app/views/hakumi/_statistic.html.erb +12 -12
  332. data/app/views/hakumi/_table.html.erb +1 -1
  333. data/app/views/hakumi/_tag.html.erb +1 -1
  334. data/app/views/hakumi/_timeline.html.erb +1 -1
  335. data/app/views/hakumi/_tree.html.erb +1 -1
  336. data/lib/generators/{hakumi → hakumi_components}/install_generator.rb +17 -4
  337. data/lib/hakumi_components/documentation/models.rb +290 -0
  338. data/lib/hakumi_components/documentation/node.rb +73 -0
  339. data/lib/hakumi_components/documentation.rb +141 -64
  340. data/lib/hakumi_components/engine.rb +26 -14
  341. data/lib/hakumi_components/file_size_checker.rb +215 -0
  342. data/lib/hakumi_components/locales/en.yml +115 -0
  343. data/lib/hakumi_components/rails/attribute_introspection.rb +40 -108
  344. data/lib/hakumi_components/rails/model_reflection.rb +154 -0
  345. data/lib/hakumi_components/rails/validation_introspection.rb +26 -74
  346. data/lib/hakumi_components/rails/validation_mapper.rb +149 -202
  347. data/lib/hakumi_components/rails.rb +3 -1
  348. data/lib/hakumi_components/stylesheet_ownership_checker.rb +191 -0
  349. data/lib/hakumi_components/types/form_field.rb +24 -0
  350. data/lib/hakumi_components/types/html.rb +28 -0
  351. data/lib/hakumi_components/types/rendering.rb +10 -0
  352. data/lib/hakumi_components/types/stimulus.rb +19 -0
  353. data/lib/hakumi_components/types/validation.rb +22 -0
  354. data/lib/hakumi_components/types.rb +13 -0
  355. data/lib/hakumi_components/version.rb +3 -2
  356. data/lib/hakumi_components.rb +26 -5
  357. data/lib/tasks/coverage.rake +1 -0
  358. metadata +310 -346
  359. data/app/components/hakumi/admin_panel/component.rb +0 -40
  360. data/app/components/hakumi/affix/component.rb +0 -88
  361. data/app/components/hakumi/alert/component.rb +0 -84
  362. data/app/components/hakumi/anchor/component.rb +0 -80
  363. data/app/components/hakumi/anchor/link/component.rb +0 -34
  364. data/app/components/hakumi/autocomplete/component.html.erb +0 -74
  365. data/app/components/hakumi/autocomplete/component.rb +0 -202
  366. data/app/components/hakumi/avatar/component.rb +0 -91
  367. data/app/components/hakumi/badge/component.rb +0 -85
  368. data/app/components/hakumi/base_component.rb +0 -192
  369. data/app/components/hakumi/breadcrumb/component.rb +0 -27
  370. data/app/components/hakumi/breadcrumb/item/component.html.erb +0 -17
  371. data/app/components/hakumi/breadcrumb/item/component.rb +0 -35
  372. data/app/components/hakumi/button/component.rb +0 -121
  373. data/app/components/hakumi/calendar/component.rb +0 -448
  374. data/app/components/hakumi/card/component.rb +0 -94
  375. data/app/components/hakumi/card/grid/component.html.erb +0 -3
  376. data/app/components/hakumi/card/grid/component.rb +0 -37
  377. data/app/components/hakumi/card/meta/component.html.erb +0 -23
  378. data/app/components/hakumi/card/meta/component.rb +0 -46
  379. data/app/components/hakumi/carousel/component.rb +0 -147
  380. data/app/components/hakumi/cascader/component.html.erb +0 -41
  381. data/app/components/hakumi/cascader/component.rb +0 -119
  382. data/app/components/hakumi/checkbox/component.rb +0 -64
  383. data/app/components/hakumi/checkbox/group/component.html.erb +0 -12
  384. data/app/components/hakumi/checkbox/group/component.rb +0 -64
  385. data/app/components/hakumi/collapse/component.rb +0 -117
  386. data/app/components/hakumi/collapse/panel/component.rb +0 -65
  387. data/app/components/hakumi/color_picker/component.rb +0 -169
  388. data/app/components/hakumi/concerns/form_field.rb +0 -135
  389. data/app/components/hakumi/date_picker/component.rb +0 -140
  390. data/app/components/hakumi/date_picker/range_picker.rb +0 -136
  391. data/app/components/hakumi/date_picker/shared_rendering.rb +0 -199
  392. data/app/components/hakumi/descriptions/component.rb +0 -182
  393. data/app/components/hakumi/descriptions/item/component.rb +0 -28
  394. data/app/components/hakumi/divider/component.rb +0 -66
  395. data/app/components/hakumi/drawer/component.rb +0 -108
  396. data/app/components/hakumi/dropdown/component.rb +0 -97
  397. data/app/components/hakumi/dropdown/item/component.rb +0 -47
  398. data/app/components/hakumi/flex/component.rb +0 -78
  399. data/app/components/hakumi/float_button/back_top/component.rb +0 -79
  400. data/app/components/hakumi/float_button/component.rb +0 -203
  401. data/app/components/hakumi/float_button/group/component.rb +0 -227
  402. data/app/components/hakumi/float_button/group_cluster/component.rb +0 -141
  403. data/app/components/hakumi/grid/col/component.rb +0 -98
  404. data/app/components/hakumi/grid/row/component.rb +0 -79
  405. data/app/components/hakumi/image/component.rb +0 -112
  406. data/app/components/hakumi/image/preview_group/component.rb +0 -70
  407. data/app/components/hakumi/input/component.rb +0 -185
  408. data/app/components/hakumi/input/password/component.rb +0 -95
  409. data/app/components/hakumi/input/text_area/component.rb +0 -131
  410. data/app/components/hakumi/input_number/component.rb +0 -198
  411. data/app/components/hakumi/layout/component.html.erb +0 -1
  412. data/app/components/hakumi/layout/component.rb +0 -21
  413. data/app/components/hakumi/layout/content/component.html.erb +0 -1
  414. data/app/components/hakumi/layout/content/component.rb +0 -19
  415. data/app/components/hakumi/layout/footer/component.html.erb +0 -1
  416. data/app/components/hakumi/layout/footer/component.rb +0 -19
  417. data/app/components/hakumi/layout/header/component.html.erb +0 -1
  418. data/app/components/hakumi/layout/header/component.rb +0 -19
  419. data/app/components/hakumi/layout/sider/component.html.erb +0 -1
  420. data/app/components/hakumi/layout/sider/component.rb +0 -56
  421. data/app/components/hakumi/mentions/component.rb +0 -165
  422. data/app/components/hakumi/menu/component.rb +0 -126
  423. data/app/components/hakumi/menu/group/component.rb +0 -47
  424. data/app/components/hakumi/menu/item/component.rb +0 -47
  425. data/app/components/hakumi/menu/sub_menu/component.rb +0 -92
  426. data/app/components/hakumi/message/component.rb +0 -106
  427. data/app/components/hakumi/modal/component.rb +0 -99
  428. data/app/components/hakumi/modal/confirm/component.html.erb +0 -23
  429. data/app/components/hakumi/modal/confirm/component.rb +0 -46
  430. data/app/components/hakumi/modal/error/component.rb +0 -51
  431. data/app/components/hakumi/modal/info/component.rb +0 -51
  432. data/app/components/hakumi/modal/success/component.rb +0 -51
  433. data/app/components/hakumi/modal/warning/component.rb +0 -56
  434. data/app/components/hakumi/notification/component.rb +0 -126
  435. data/app/components/hakumi/pagination/component.rb +0 -205
  436. data/app/components/hakumi/popconfirm/component.rb +0 -72
  437. data/app/components/hakumi/popover/component.rb +0 -132
  438. data/app/components/hakumi/progress/component.rb +0 -565
  439. data/app/components/hakumi/qr_code/component.rb +0 -339
  440. data/app/components/hakumi/radio/component.rb +0 -80
  441. data/app/components/hakumi/radio/group/component.rb +0 -132
  442. data/app/components/hakumi/result/component.rb +0 -125
  443. data/app/components/hakumi/segmented/component.rb +0 -269
  444. data/app/components/hakumi/select/component.rb +0 -125
  445. data/app/components/hakumi/skeleton/avatar/component.rb +0 -66
  446. data/app/components/hakumi/skeleton/button/component.rb +0 -59
  447. data/app/components/hakumi/skeleton/component.rb +0 -200
  448. data/app/components/hakumi/skeleton/image/component.rb +0 -80
  449. data/app/components/hakumi/skeleton/input/component.rb +0 -51
  450. data/app/components/hakumi/skeleton/node/component.rb +0 -43
  451. data/app/components/hakumi/slider/component.rb +0 -228
  452. data/app/components/hakumi/space/compact/component.html.erb +0 -3
  453. data/app/components/hakumi/space/compact/component.rb +0 -36
  454. data/app/components/hakumi/space/component.rb +0 -73
  455. data/app/components/hakumi/spin/component.rb +0 -209
  456. data/app/components/hakumi/splitter/component.html.erb +0 -3
  457. data/app/components/hakumi/splitter/component.rb +0 -38
  458. data/app/components/hakumi/splitter/panel/component.html.erb +0 -3
  459. data/app/components/hakumi/splitter/panel/component.rb +0 -73
  460. data/app/components/hakumi/statistic/component.rb +0 -287
  461. data/app/components/hakumi/steps/component.rb +0 -145
  462. data/app/components/hakumi/steps/item/component.rb +0 -91
  463. data/app/components/hakumi/switch/component.rb +0 -124
  464. data/app/components/hakumi/table/column/component.rb +0 -80
  465. data/app/components/hakumi/table/component.rb +0 -731
  466. data/app/components/hakumi/table/concerns/columns.rb +0 -219
  467. data/app/components/hakumi/table/concerns/editable.rb +0 -121
  468. data/app/components/hakumi/table/concerns/ellipsis.rb +0 -63
  469. data/app/components/hakumi/table/concerns/fixed_columns.rb +0 -87
  470. data/app/components/hakumi/tabs/component.rb +0 -196
  471. data/app/components/hakumi/tabs/item/component.rb +0 -87
  472. data/app/components/hakumi/tag/component.rb +0 -187
  473. data/app/components/hakumi/timeline/component.html.erb +0 -7
  474. data/app/components/hakumi/timeline/component.rb +0 -168
  475. data/app/components/hakumi/timeline/item/component.rb +0 -137
  476. data/app/components/hakumi/tooltip/component.rb +0 -121
  477. data/app/components/hakumi/tour/component.rb +0 -158
  478. data/app/components/hakumi/transfer/component.html.erb +0 -173
  479. data/app/components/hakumi/transfer/component.rb +0 -245
  480. data/app/components/hakumi/tree/component.rb +0 -523
  481. data/app/components/hakumi/tree_select/component.rb +0 -261
  482. data/app/components/hakumi/typography/base_component.rb +0 -109
  483. data/app/components/hakumi/typography/link/component.rb +0 -34
  484. data/app/components/hakumi/typography/text/component.rb +0 -8
  485. data/app/components/hakumi/typography/title/component.rb +0 -29
  486. data/app/components/hakumi/upload/component.html.erb +0 -117
  487. data/app/components/hakumi/upload/component.rb +0 -193
  488. data/app/form_builders/hakumi/form_builder.rb +0 -482
  489. data/app/helpers/hakumi/form_helper.rb +0 -39
  490. data/app/services/hakumi/component_handler.rb +0 -53
  491. data/app/services/hakumi/icon/loader.rb +0 -95
  492. data/app/services/hakumi/illustrations/loader.rb +0 -43
  493. data/sig/action_view/tag_builder.rbs +0 -24
  494. data/sig/active_support/concern_patch.rbs +0 -7
  495. data/sig/generators/hakumi/install_generator.rbs +0 -11
  496. data/sig/hakumi/admin_panel/component.rbs +0 -28
  497. data/sig/hakumi/affix/component.rbs +0 -44
  498. data/sig/hakumi/alert/component.rbs +0 -64
  499. data/sig/hakumi/anchor/component.rbs +0 -45
  500. data/sig/hakumi/anchor/link/component.rbs +0 -31
  501. data/sig/hakumi/autocomplete/component.rbs +0 -68
  502. data/sig/hakumi/avatar/component.rbs +0 -44
  503. data/sig/hakumi/badge/component.rbs +0 -41
  504. data/sig/hakumi/base_component.rbs +0 -82
  505. data/sig/hakumi/breadcrumb/component.rbs +0 -21
  506. data/sig/hakumi/breadcrumb/item/component.rbs +0 -36
  507. data/sig/hakumi/button/component.rbs +0 -56
  508. data/sig/hakumi/calendar/component.rbs +0 -41
  509. data/sig/hakumi/card/component.rbs +0 -50
  510. data/sig/hakumi/card/grid/component.rbs +0 -21
  511. data/sig/hakumi/card/meta/component.rbs +0 -25
  512. data/sig/hakumi/carousel/component.rbs +0 -88
  513. data/sig/hakumi/cascader/component.rbs +0 -52
  514. data/sig/hakumi/checkbox/component.rbs +0 -46
  515. data/sig/hakumi/checkbox/group/component.rbs +0 -34
  516. data/sig/hakumi/collapse/component.rbs +0 -57
  517. data/sig/hakumi/collapse/panel/component.rbs +0 -47
  518. data/sig/hakumi/color_picker/component.rbs +0 -80
  519. data/sig/hakumi/concerns/form_field.rbs +0 -89
  520. data/sig/hakumi/container/component.rbs +0 -37
  521. data/sig/hakumi/date_picker/component.rbs +0 -72
  522. data/sig/hakumi/date_picker/range_picker.rbs +0 -68
  523. data/sig/hakumi/date_picker/shared_rendering.rbs +0 -41
  524. data/sig/hakumi/descriptions/component.rbs +0 -59
  525. data/sig/hakumi/descriptions/item/component.rbs +0 -31
  526. data/sig/hakumi/divider/component.rbs +0 -39
  527. data/sig/hakumi/drawer/component.rbs +0 -66
  528. data/sig/hakumi/dropdown/component.rbs +0 -45
  529. data/sig/hakumi/dropdown/divider/component.rbs +0 -11
  530. data/sig/hakumi/dropdown/item/component.rbs +0 -45
  531. data/sig/hakumi/empty/component.rbs +0 -40
  532. data/sig/hakumi/flex/component.rbs +0 -47
  533. data/sig/hakumi/float_button/back_top/component.rbs +0 -45
  534. data/sig/hakumi/float_button/component.rbs +0 -80
  535. data/sig/hakumi/float_button/group/component.rbs +0 -95
  536. data/sig/hakumi/float_button/group_cluster/component.rbs +0 -60
  537. data/sig/hakumi/form/item/component.rbs +0 -39
  538. data/sig/hakumi/form_builder.rbs +0 -37
  539. data/sig/hakumi/grid/col/component.rbs +0 -50
  540. data/sig/hakumi/grid/row/component.rbs +0 -46
  541. data/sig/hakumi/icon/component.rbs +0 -56
  542. data/sig/hakumi/image/component.rbs +0 -56
  543. data/sig/hakumi/image/preview_group/component.rbs +0 -28
  544. data/sig/hakumi/input/component.rbs +0 -71
  545. data/sig/hakumi/input/password/component.rbs +0 -27
  546. data/sig/hakumi/input/text_area/component.rbs +0 -42
  547. data/sig/hakumi/input_number/component.rbs +0 -85
  548. data/sig/hakumi/layout/component.rbs +0 -21
  549. data/sig/hakumi/layout/content/component.rbs +0 -19
  550. data/sig/hakumi/layout/footer/component.rbs +0 -19
  551. data/sig/hakumi/layout/header/component.rbs +0 -19
  552. data/sig/hakumi/layout/sider/component.rbs +0 -19
  553. data/sig/hakumi/mentions/component.rbs +0 -75
  554. data/sig/hakumi/menu/component.rbs +0 -52
  555. data/sig/hakumi/menu/divider/component.rbs +0 -11
  556. data/sig/hakumi/menu/group/component.rbs +0 -20
  557. data/sig/hakumi/menu/item/component.rbs +0 -42
  558. data/sig/hakumi/menu/sub_menu/component.rbs +0 -37
  559. data/sig/hakumi/message/component.rbs +0 -50
  560. data/sig/hakumi/modal/component.rbs +0 -76
  561. data/sig/hakumi/modal/confirm/component.rbs +0 -32
  562. data/sig/hakumi/modal/error/component.rbs +0 -27
  563. data/sig/hakumi/modal/info/component.rbs +0 -27
  564. data/sig/hakumi/modal/success/component.rbs +0 -27
  565. data/sig/hakumi/modal/warning/component.rbs +0 -27
  566. data/sig/hakumi/notification/component.rbs +0 -64
  567. data/sig/hakumi/pagination/component.rbs +0 -113
  568. data/sig/hakumi/popconfirm/component.rbs +0 -52
  569. data/sig/hakumi/popover/component.rbs +0 -66
  570. data/sig/hakumi/progress/component.rbs +0 -201
  571. data/sig/hakumi/qr_code/component.rbs +0 -111
  572. data/sig/hakumi/radio/component.rbs +0 -55
  573. data/sig/hakumi/radio/group/component.rbs +0 -71
  574. data/sig/hakumi/rails/attribute_introspection.rbs +0 -16
  575. data/sig/hakumi/rails/validation_introspection.rbs +0 -18
  576. data/sig/hakumi/rails/validation_mapper.rbs +0 -53
  577. data/sig/hakumi/rails.rbs +0 -6
  578. data/sig/hakumi/rate/component.rbs +0 -56
  579. data/sig/hakumi/result/component.rbs +0 -65
  580. data/sig/hakumi/segmented/component.rbs +0 -72
  581. data/sig/hakumi/select/component.rbs +0 -73
  582. data/sig/hakumi/skeleton/avatar/component.rbs +0 -23
  583. data/sig/hakumi/skeleton/button/component.rbs +0 -24
  584. data/sig/hakumi/skeleton/component.rbs +0 -76
  585. data/sig/hakumi/skeleton/image/component.rbs +0 -22
  586. data/sig/hakumi/skeleton/input/component.rbs +0 -23
  587. data/sig/hakumi/skeleton/node/component.rbs +0 -21
  588. data/sig/hakumi/slider/component.rbs +0 -85
  589. data/sig/hakumi/space/compact/component.rbs +0 -21
  590. data/sig/hakumi/space/component.rbs +0 -47
  591. data/sig/hakumi/spin/component.rbs +0 -77
  592. data/sig/hakumi/splitter/component.rbs +0 -27
  593. data/sig/hakumi/splitter/panel/component.rbs +0 -36
  594. data/sig/hakumi/statistic/component.rbs +0 -97
  595. data/sig/hakumi/steps/component.rbs +0 -82
  596. data/sig/hakumi/steps/item/component.rbs +0 -29
  597. data/sig/hakumi/switch/component.rbs +0 -52
  598. data/sig/hakumi/table/column/component.rbs +0 -57
  599. data/sig/hakumi/table/column_group/component.rbs +0 -20
  600. data/sig/hakumi/table/component.rbs +0 -279
  601. data/sig/hakumi/table/concerns/columns.rbs +0 -95
  602. data/sig/hakumi/table/concerns/editable.rbs +0 -40
  603. data/sig/hakumi/table/concerns/ellipsis.rbs +0 -27
  604. data/sig/hakumi/table/concerns/fixed_columns.rbs +0 -33
  605. data/sig/hakumi/tabs/component.rbs +0 -66
  606. data/sig/hakumi/tabs/item/component.rbs +0 -29
  607. data/sig/hakumi/tag/component.rbs +0 -86
  608. data/sig/hakumi/tag/group/component.rbs +0 -24
  609. data/sig/hakumi/time_picker/component.rbs +0 -72
  610. data/sig/hakumi/timeline/component.rbs +0 -61
  611. data/sig/hakumi/timeline/item/component.rbs +0 -70
  612. data/sig/hakumi/tooltip/component.rbs +0 -73
  613. data/sig/hakumi/tour/component.rbs +0 -84
  614. data/sig/hakumi/transfer/component.rbs +0 -75
  615. data/sig/hakumi/tree/component.rbs +0 -126
  616. data/sig/hakumi/tree_select/component.rbs +0 -122
  617. data/sig/hakumi/typography/base_component.rbs +0 -57
  618. data/sig/hakumi/typography/link/component.rbs +0 -28
  619. data/sig/hakumi/typography/paragraph/component.rbs +0 -13
  620. data/sig/hakumi/typography/title/component.rbs +0 -28
  621. data/sig/hakumi/upload/component.rbs +0 -78
  622. data/sig/hakumi.rbs +0 -96
  623. data/sig/rails/active_model/validations/comparison_validator.rbs +0 -6
  624. data/sig/rails.rbs +0 -18
  625. data/sig/view_component/base.rbs +0 -28
  626. /data/app/components/{hakumi → hakumi_components}/affix/component.html.erb +0 -0
  627. /data/app/components/{hakumi → hakumi_components}/anchor/component.html.erb +0 -0
  628. /data/app/components/{hakumi → hakumi_components}/breadcrumb/component.html.erb +0 -0
  629. /data/app/components/{hakumi → hakumi_components}/dropdown/component.html.erb +0 -0
  630. /data/app/components/{hakumi → hakumi_components}/dropdown/item/component.html.erb +0 -0
  631. /data/app/components/{hakumi → hakumi_components}/icon/component.html.erb +0 -0
  632. /data/app/components/{hakumi → hakumi_components}/menu/component.html.erb +0 -0
  633. /data/app/components/{hakumi → hakumi_components}/menu/group/component.html.erb +0 -0
  634. /data/app/components/{hakumi → hakumi_components}/menu/item/component.html.erb +0 -0
  635. /data/app/components/{hakumi → hakumi_components}/menu/sub_menu/component.html.erb +0 -0
  636. /data/app/components/{hakumi → hakumi_components}/message/component.html.erb +0 -0
  637. /data/app/components/{hakumi → hakumi_components}/qr_code/component.html.erb +0 -0
  638. /data/app/components/{hakumi → hakumi_components}/result/component.html.erb +0 -0
  639. /data/app/components/{hakumi → hakumi_components}/skeleton/avatar/component.html.erb +0 -0
  640. /data/app/components/{hakumi → hakumi_components}/skeleton/button/component.html.erb +0 -0
  641. /data/app/components/{hakumi → hakumi_components}/skeleton/component.html.erb +0 -0
  642. /data/app/components/{hakumi → hakumi_components}/skeleton/input/component.html.erb +0 -0
  643. /data/app/components/{hakumi → hakumi_components}/skeleton/node/component.html.erb +0 -0
  644. /data/app/components/{hakumi → hakumi_components}/spin/component.html.erb +0 -0
  645. /data/app/components/{hakumi → hakumi_components}/statistic/component.html.erb +0 -0
  646. /data/app/components/{hakumi → hakumi_components}/steps/item/component.html.erb +0 -0
  647. /data/app/components/{hakumi → hakumi_components}/tour/component.html.erb +0 -0
@@ -0,0 +1,175 @@
1
+ # typed: strict
2
+ # frozen_string_literal: true
3
+
4
+ module HakumiComponents
5
+ module Result
6
+ class Component < HakumiComponents::BaseComponent
7
+ extend T::Sig
8
+
9
+ Status = T.type_alias { T.any(Symbol, String) }
10
+ IconOverride = T.type_alias { T.any(FalseClass, HakumiComponents::Types::Renderable) }
11
+ STATUSES = T.let(%i[success info warning error].freeze, T::Array[Symbol])
12
+
13
+ DEFAULT_TITLES = T.let({
14
+ success: "Success",
15
+ info: "Information",
16
+ warning: "Warning",
17
+ error: "Error"
18
+ }.freeze, T::Hash[Symbol, String])
19
+
20
+ DEFAULT_ICON_NAME = T.let("result_success", String)
21
+ STATUS_ICON_MAP = T.let({
22
+ success: [ "check-circle", :filled, "var(--color-success)" ],
23
+ info: [ "info-circle", :filled, "var(--color-primary)" ],
24
+ warning: [ "exclamation-circle", :filled, "var(--color-warning)" ],
25
+ error: [ "close-circle", :filled, "var(--color-error)" ]
26
+ }.freeze, T::Hash[Symbol, [ String, Symbol, String ]])
27
+ STATUS_ICON_SIZE = T.let(72, Integer)
28
+
29
+ renders_one :title
30
+ renders_one :sub_title
31
+ renders_one :extra
32
+
33
+ sig do
34
+ params(
35
+ params: T.any(ActionController::Parameters, HakumiComponents::Types::HtmlAttributes)
36
+ ).returns(HakumiComponents::Types::HtmlAttributes)
37
+ end
38
+ def self.extract_controller_locals(params)
39
+ {
40
+ status: symbol_html_param(html_param(params, :status)),
41
+ title: html_primitive_param(html_param(params, :title)),
42
+ sub_title: html_primitive_param(html_param(params, :sub_title)),
43
+ icon: icon_html_param(html_param(params, :icon)),
44
+ extra: html_primitive_param(html_param(params, :extra))
45
+ }
46
+ end
47
+
48
+ sig { params(value: HakumiComponents::Types::HtmlAttributeValue).returns(T.nilable(FalseClass)) }
49
+ def self.icon_html_param(value)
50
+ boolean_html_param(value) == false ? false : nil
51
+ end
52
+
53
+ sig do
54
+ params(
55
+ status: Status,
56
+ title: HakumiComponents::Types::Renderable,
57
+ sub_title: HakumiComponents::Types::Renderable,
58
+ icon: T.nilable(IconOverride),
59
+ extra: HakumiComponents::Types::Renderable,
60
+ html_options: HakumiComponents::Types::HtmlAttributeValue
61
+ ).void
62
+ end
63
+ def initialize(status: :info, title: nil, sub_title: nil, icon: nil, extra: nil, **html_options)
64
+ @status = T.let(status.to_sym, Symbol)
65
+ @title = T.let(title || DEFAULT_TITLES[@status], HakumiComponents::Types::Renderable)
66
+ @sub_title = T.let(sub_title, HakumiComponents::Types::Renderable)
67
+ @icon = T.let(icon, T.nilable(IconOverride))
68
+ @extra = T.let(extra, HakumiComponents::Types::Renderable)
69
+ @html_options = T.let(html_options, HakumiComponents::Types::HtmlAttributes)
70
+
71
+ validate_props!
72
+ end
73
+
74
+ sig { returns(HakumiComponents::Types::HtmlAttributes) }
75
+ def wrapper_attributes
76
+ merge_attributes(
77
+ {
78
+ class: wrapper_classes,
79
+ role: "status",
80
+ "aria-live": "polite"
81
+ },
82
+ @html_options.except(:class)
83
+ )
84
+ end
85
+
86
+ sig { returns(T::Boolean) }
87
+ def icon_present?
88
+ @icon != false
89
+ end
90
+
91
+ sig { returns(HakumiComponents::Types::Renderable) }
92
+ def icon_content
93
+ return nil unless icon_present?
94
+
95
+ render_value(@icon || status_icon_component || default_icon)
96
+ end
97
+
98
+ sig { returns(HakumiComponents::Types::Renderable) }
99
+ def title_content
100
+ return render_value(title) if title?
101
+
102
+ render_value(@title)
103
+ end
104
+
105
+ sig { returns(HakumiComponents::Types::Renderable) }
106
+ def sub_title_content
107
+ return render_value(sub_title) if sub_title?
108
+
109
+ render_value(@sub_title)
110
+ end
111
+
112
+ sig { returns(HakumiComponents::Types::Renderable) }
113
+ def extra_content
114
+ return render_value(extra) if extra?
115
+
116
+ render_value(@extra)
117
+ end
118
+
119
+ sig { returns(T::Boolean) }
120
+ def content_present?
121
+ content.present?
122
+ end
123
+
124
+ sig { returns(T::Boolean) }
125
+ def extra_present?
126
+ extra? || @extra.present?
127
+ end
128
+
129
+ sig { returns(T::Boolean) }
130
+ def title_present?
131
+ title? || @title.present?
132
+ end
133
+
134
+ sig { returns(T::Boolean) }
135
+ def sub_title_present?
136
+ sub_title? || @sub_title.present?
137
+ end
138
+
139
+ private
140
+
141
+ sig { void }
142
+ def validate_props!
143
+ validate_inclusion!(:status, STATUSES)
144
+ end
145
+
146
+ sig { returns(String) }
147
+ def wrapper_classes
148
+ component_classes(
149
+ "result",
150
+ { @status => true },
151
+ @html_options
152
+ )
153
+ end
154
+
155
+ sig { returns(T.nilable(HakumiComponents::Icon::Component)) }
156
+ def status_icon_component
157
+ config = STATUS_ICON_MAP[@status]
158
+ return unless config
159
+
160
+ name, theme, color = config
161
+ HakumiComponents::Icon::Component.new(
162
+ name: name,
163
+ theme: theme,
164
+ size: STATUS_ICON_SIZE,
165
+ color: color
166
+ )
167
+ end
168
+
169
+ sig { returns(HakumiComponents::Types::Renderable) }
170
+ def default_icon
171
+ HakumiComponents::Illustrations::Loader.load(DEFAULT_ICON_NAME)
172
+ end
173
+ end
174
+ end
175
+ end
@@ -4,7 +4,7 @@
4
4
  <%= tag.label(class: option_classes(option), data: option_data_attributes(option)) do %>
5
5
  <%= radio_button_tag(
6
6
  @name,
7
- option[:value],
7
+ option.value,
8
8
  option_selected?(option),
9
9
  **option_input_attributes(option, index)
10
10
  ) %>
@@ -0,0 +1,232 @@
1
+ # typed: strict
2
+ # frozen_string_literal: true
3
+
4
+ module HakumiComponents
5
+ module Segmented
6
+ class Component < HakumiComponents::BaseComponent
7
+ extend T::Sig
8
+
9
+ sig do
10
+ params(
11
+ params: T.any(ActionController::Parameters, Types::HtmlAttributes)
12
+ ).returns(Types::HtmlAttributes)
13
+ end
14
+ def self.extract_controller_locals(params)
15
+ options = html_param(params, :options)
16
+ options = html_param(params, :options_json) if options.nil?
17
+
18
+ normalized_options = if options.is_a?(String) || options.is_a?(Array)
19
+ HakumiComponents::Segmented::Option.coerce_all(options)
20
+ else
21
+ nil
22
+ end
23
+
24
+ {
25
+ options: normalized_options,
26
+ value: html_param(params, :value),
27
+ default_value: html_param(params, :default_value),
28
+ disabled: boolean_html_param(html_param(params, :disabled)),
29
+ block: boolean_html_param(html_param(params, :block)),
30
+ vertical: boolean_html_param(html_param(params, :vertical)),
31
+ round: boolean_html_param(html_param(params, :round)),
32
+ name: string_html_param(html_param(params, :name)),
33
+ size: symbol_html_param(html_param(params, :size)),
34
+ aria_label: string_html_param(html_param(params, :aria_label))
35
+ }.compact
36
+ end
37
+
38
+ sig do
39
+ params(
40
+ options: T.any(String, T::Array[T.any(Types::FormFieldScalar, Types::HtmlAttributes)]),
41
+ value: Types::FormFieldScalar,
42
+ default_value: Types::FormFieldScalar,
43
+ disabled: T::Boolean,
44
+ block: T::Boolean,
45
+ vertical: T::Boolean,
46
+ round: T::Boolean,
47
+ name: T.nilable(String),
48
+ size: Symbol,
49
+ aria_label: T.nilable(String),
50
+ html_options: Types::HtmlAttributeValue
51
+ ).void
52
+ end
53
+ def initialize(
54
+ options: [],
55
+ value: nil,
56
+ default_value: nil,
57
+ disabled: false,
58
+ block: false,
59
+ vertical: false,
60
+ round: false,
61
+ name: nil,
62
+ size: :default,
63
+ aria_label: nil,
64
+ **html_options
65
+ )
66
+ @options = T.let(HakumiComponents::Segmented::Option.coerce_all(options), T::Array[HakumiComponents::Segmented::Option])
67
+ @value = T.let(normalize_value(value, default_value), T.nilable(String))
68
+ @value = T.let(@options.first&.string_value, T.nilable(String)) if @value.nil? && @options.any?
69
+ @disabled = T.let(disabled, T::Boolean)
70
+ @block = T.let(block, T::Boolean)
71
+ @vertical = T.let(vertical, T::Boolean)
72
+ @round = T.let(round, T::Boolean)
73
+ @name = T.let(name.presence || generate_id("segmented"), String)
74
+ @size = T.let(size, Symbol)
75
+ @aria_label = T.let(aria_label, T.nilable(String))
76
+ @html_options = T.let(html_options, Types::HtmlAttributes)
77
+
78
+ validate_props!
79
+ end
80
+
81
+ sig { returns(Types::HtmlAttributes) }
82
+ def wrapper_attributes
83
+ attrs = {
84
+ class: wrapper_classes,
85
+ role: "radiogroup",
86
+ "aria-disabled": @disabled ? "true" : nil,
87
+ "aria-orientation": @vertical ? "vertical" : nil,
88
+ "aria-label": @aria_label,
89
+ data: data_attributes
90
+ }
91
+
92
+ merge_attributes(attrs, @html_options.except(:class))
93
+ end
94
+
95
+ sig { returns(T::Array[HakumiComponents::Segmented::Option]) }
96
+ def normalized_options
97
+ @options
98
+ end
99
+
100
+ sig { params(option: HakumiComponents::Segmented::Option).returns(String) }
101
+ def option_classes(option)
102
+ class_names(
103
+ "segmented-item",
104
+ {
105
+ selected: option_selected?(option),
106
+ disabled: option_disabled?(option)
107
+ },
108
+ [
109
+ option.class_name,
110
+ ("hakumi-segmented-item-icon-only" if option.icon_only?)
111
+ ]
112
+ )
113
+ end
114
+
115
+ sig { params(option: HakumiComponents::Segmented::Option).returns(Types::DataAttributes) }
116
+ def option_data_attributes(option)
117
+ {
118
+ "hakumi--segmented-target": "item",
119
+ value: option.string_value,
120
+ label: option.label.is_a?(String) ? option.label : nil,
121
+ disabled: option_disabled?(option) ? "true" : nil
122
+ }.compact
123
+ end
124
+
125
+ sig { params(option: HakumiComponents::Segmented::Option, index: Integer).returns(Types::HtmlAttributes) }
126
+ def option_input_attributes(option, index)
127
+ attrs = {
128
+ id: option_id(index),
129
+ class: "hakumi-segmented-input",
130
+ disabled: option_disabled?(option),
131
+ data: {
132
+ "hakumi--segmented-target": "input",
133
+ action: "change->hakumi--segmented#select"
134
+ }
135
+ }
136
+
137
+ aria_label = option_aria_label(option)
138
+ attrs[:"aria-label"] = aria_label if aria_label
139
+
140
+ attrs
141
+ end
142
+
143
+ sig { params(option: HakumiComponents::Segmented::Option).returns(T::Boolean) }
144
+ def option_selected?(option)
145
+ return false if @value.nil?
146
+
147
+ option.string_value == @value.to_s
148
+ end
149
+
150
+ sig { params(option: HakumiComponents::Segmented::Option).returns(T::Boolean) }
151
+ def option_disabled?(option)
152
+ @disabled || option.disabled
153
+ end
154
+
155
+ sig { params(index: Integer).returns(String) }
156
+ def option_id(index)
157
+ "#{@name}_#{index}"
158
+ end
159
+
160
+ sig { params(option: HakumiComponents::Segmented::Option).returns(T.nilable(String)) }
161
+ def option_label(option)
162
+ label = option.label
163
+ return nil if label.nil?
164
+ return label if label.is_a?(String)
165
+ return render(label) if label.respond_to?(:render_in)
166
+
167
+ label.to_s
168
+ end
169
+
170
+ sig { params(option: HakumiComponents::Segmented::Option).returns(T.nilable(Types::RenderedContent)) }
171
+ def option_icon(option)
172
+ icon = option.icon
173
+ return nil if icon.nil?
174
+
175
+ if icon.is_a?(String) || icon.is_a?(Symbol)
176
+ render HakumiComponents::Icon::Component.new(name: icon, color: "currentColor")
177
+ elsif icon.respond_to?(:render_in)
178
+ render(icon)
179
+ else
180
+ nil
181
+ end
182
+ end
183
+
184
+ private
185
+
186
+ sig { void }
187
+ def validate_props!
188
+ validate_inclusion!(:size, SIZES)
189
+ end
190
+
191
+ sig { returns(String) }
192
+ def wrapper_classes
193
+ modifiers = {
194
+ block: @block,
195
+ vertical: @vertical,
196
+ round: @round,
197
+ disabled: @disabled
198
+ }
199
+
200
+ modifiers[@size] = true if @size != :default
201
+
202
+ class_names("segmented", modifiers, html_classes(@html_options))
203
+ end
204
+
205
+ sig { params(option: HakumiComponents::Segmented::Option).returns(T.nilable(String)) }
206
+ def option_aria_label(option)
207
+ return option.aria_label if option.aria_label.present?
208
+
209
+ label = option.label
210
+ return strip_tags(label.to_s) if label.is_a?(String)
211
+ return option.string_value if option.value.present?
212
+
213
+ nil
214
+ end
215
+
216
+ sig { returns(Types::DataAttributes) }
217
+ def data_attributes
218
+ {
219
+ controller: "hakumi--segmented",
220
+ "hakumi--segmented-disabled-value": @disabled,
221
+ "hakumi--segmented-value-value": @value
222
+ }.compact
223
+ end
224
+
225
+ sig { params(value: Types::FormFieldScalar, default_value: Types::FormFieldScalar).returns(T.nilable(String)) }
226
+ def normalize_value(value, default_value)
227
+ raw = value.nil? ? default_value : value
228
+ raw.nil? ? nil : raw.to_s
229
+ end
230
+ end
231
+ end
232
+ end
@@ -0,0 +1,191 @@
1
+ # typed: strict
2
+ # frozen_string_literal: true
3
+
4
+ module HakumiComponents
5
+ module Segmented
6
+ class Option
7
+ extend T::Sig
8
+
9
+ IconValue = T.type_alias { T.nilable(T.any(String, Symbol, ViewComponent::Base, ViewComponent::Slot)) }
10
+ JsonValue = T.type_alias { T.nilable(T.any(String, Numeric, T::Boolean, T::Array[T.untyped], T::Hash[String, T.untyped])) }
11
+ ParsedEntry = T.type_alias { T.any(HakumiComponents::Segmented::Option, HakumiComponents::Types::FormFieldScalar, Types::HtmlAttributes) }
12
+
13
+ sig do
14
+ params(
15
+ label: T.nilable(Types::Renderable),
16
+ value: Types::FormFieldScalar,
17
+ disabled: T::Boolean,
18
+ icon: IconValue,
19
+ class_name: T.nilable(String),
20
+ aria_label: T.nilable(String)
21
+ ).void
22
+ end
23
+ def initialize(label:, value:, disabled: false, icon: nil, class_name: nil, aria_label: nil)
24
+ @label = T.let(label, T.nilable(Types::Renderable))
25
+ @value = T.let(value, Types::FormFieldScalar)
26
+ @disabled = T.let(disabled, T::Boolean)
27
+ @icon = T.let(icon, IconValue)
28
+ @class_name = T.let(class_name, T.nilable(String))
29
+ @aria_label = T.let(aria_label, T.nilable(String))
30
+ end
31
+
32
+ sig { returns(T.nilable(Types::Renderable)) }
33
+ attr_reader :label
34
+
35
+ sig { returns(Types::FormFieldScalar) }
36
+ attr_reader :value
37
+
38
+ sig { returns(T::Boolean) }
39
+ attr_reader :disabled
40
+
41
+ sig { returns(IconValue) }
42
+ attr_reader :icon
43
+
44
+ sig { returns(T.nilable(String)) }
45
+ attr_reader :class_name, :aria_label
46
+
47
+ sig { returns(String) }
48
+ def string_value
49
+ @value.to_s
50
+ end
51
+
52
+ sig { returns(T::Boolean) }
53
+ def icon_only?
54
+ @icon.present? && (@label.nil? || (@label.is_a?(String) && @label.empty?))
55
+ end
56
+
57
+ sig { params(options: T.any(String, T::Array[ParsedEntry], T.nilable(T::Array[ParsedEntry]))).returns(T::Array[HakumiComponents::Segmented::Option]) }
58
+ def self.coerce_all(options)
59
+ source = parse_options(options)
60
+ coerced = T.let([], T::Array[HakumiComponents::Segmented::Option])
61
+ Array(source).each_with_index do |option, index|
62
+ coerced << coerce(option, index)
63
+ end
64
+ coerced
65
+ end
66
+
67
+ sig { params(option: ParsedEntry, index: Integer).returns(HakumiComponents::Segmented::Option) }
68
+ def self.coerce(option, index)
69
+ return option if option.is_a?(HakumiComponents::Segmented::Option)
70
+
71
+ if option.is_a?(Hash)
72
+ label_value = extract_label(option, index)
73
+ value_value = extract_value(option, label_value)
74
+
75
+ return new(
76
+ label: label_value,
77
+ value: value_value,
78
+ disabled: HakumiComponents::BaseComponent.boolean_html_param(option[:disabled]) == true,
79
+ icon: coerce_icon(option[:icon]),
80
+ class_name: coerce_string(option[:class_name]),
81
+ aria_label: coerce_string(option[:aria_label])
82
+ )
83
+ end
84
+
85
+ new(label: option&.to_s, value: option, disabled: false)
86
+ end
87
+
88
+ class << self
89
+ extend T::Sig
90
+
91
+ private
92
+
93
+ sig { params(options: T.any(String, T::Array[ParsedEntry], T.nilable(T::Array[ParsedEntry]))).returns(T.nilable(T::Array[ParsedEntry])) }
94
+ def parse_options(options)
95
+ return options if options.is_a?(Array)
96
+ return nil if options.nil?
97
+
98
+ if options.is_a?(String)
99
+ begin
100
+ parsed = JSON.parse(options)
101
+ return parse_json_array(parsed) if parsed.is_a?(Array)
102
+ rescue JSON::ParserError
103
+ return options.split(",")
104
+ end
105
+ end
106
+
107
+ nil
108
+ end
109
+
110
+ sig { params(parsed: T::Array[JsonValue]).returns(T::Array[ParsedEntry]) }
111
+ def parse_json_array(parsed)
112
+ entries = T.let([], T::Array[ParsedEntry])
113
+ parsed.each do |entry|
114
+ if entry.is_a?(Hash)
115
+ attrs = T.let({}, Types::HtmlAttributes)
116
+ entry.each do |key, value|
117
+ next unless key.is_a?(String)
118
+
119
+ symbol_key = key.to_sym
120
+ attrs[symbol_key] = coerce_html_value(value)
121
+ end
122
+ entries << attrs
123
+ elsif entry.is_a?(String) || entry.is_a?(Numeric) || entry == true || entry == false
124
+ entries << entry
125
+ end
126
+ end
127
+ entries
128
+ end
129
+
130
+ sig { params(option: Types::HtmlAttributes, index: Integer).returns(T.nilable(Types::Renderable)) }
131
+ def extract_label(option, index)
132
+ if option.key?(:label)
133
+ coerce_label(option[:label])
134
+ else
135
+ coerce_label(option[:value] || "Option #{index + 1}")
136
+ end
137
+ end
138
+
139
+ sig { params(option: Types::HtmlAttributes, label_value: T.nilable(Types::Renderable)).returns(Types::FormFieldScalar) }
140
+ def extract_value(option, label_value)
141
+ if option.key?(:value)
142
+ raw = option[:value]
143
+ return raw if raw.nil? || raw.is_a?(String) || raw.is_a?(Symbol) || raw.is_a?(TrueClass) || raw.is_a?(FalseClass) || raw.is_a?(Numeric) || raw.is_a?(Date) || raw.is_a?(Time) || raw.is_a?(DateTime) || raw.is_a?(ActiveSupport::TimeWithZone)
144
+
145
+ raise ArgumentError, "segmented option value must be scalar"
146
+ end
147
+
148
+ return label_value if label_value.nil? || label_value.is_a?(String)
149
+
150
+ raise ArgumentError, "segmented option value must be scalar"
151
+ end
152
+
153
+ sig { params(value: Types::HtmlAttributeValue).returns(T.nilable(String)) }
154
+ def coerce_label(value)
155
+ return value if value.is_a?(String)
156
+ return nil if value.nil?
157
+ return value.to_s if scalar_value?(value)
158
+
159
+ nil
160
+ end
161
+
162
+ sig { params(value: Types::HtmlAttributeValue).returns(IconValue) }
163
+ def coerce_icon(value)
164
+ return value if value.is_a?(String)
165
+ return value if value.is_a?(Symbol)
166
+
167
+ nil
168
+ end
169
+
170
+ sig { params(value: Types::HtmlAttributeValue).returns(T.nilable(String)) }
171
+ def coerce_string(value)
172
+ return value if value.is_a?(String)
173
+
174
+ nil
175
+ end
176
+
177
+ sig { params(value: JsonValue).returns(Types::HtmlAttributeValue) }
178
+ def coerce_html_value(value)
179
+ return value if value.is_a?(String) || value.is_a?(Symbol) || value.is_a?(Numeric) || value == true || value == false
180
+
181
+ nil
182
+ end
183
+
184
+ sig { params(value: Types::HtmlAttributeValue).returns(T::Boolean) }
185
+ def scalar_value?(value)
186
+ value.nil? || value.is_a?(String) || value.is_a?(Symbol) || value.is_a?(TrueClass) || value.is_a?(FalseClass) || value.is_a?(Numeric)
187
+ end
188
+ end
189
+ end
190
+ end
191
+ end