rails-active-ui 0.3.8 → 0.4.0

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 (81) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +195 -6
  3. data/Rakefile +1 -1
  4. data/app/components/accordion_component.rb +41 -24
  5. data/app/components/accordion_item_component.rb +40 -0
  6. data/app/components/ad_component.rb +1 -1
  7. data/app/components/api_component.rb +1 -1
  8. data/app/components/breadcrumb_component.rb +1 -1
  9. data/app/components/button_group_component.rb +36 -0
  10. data/app/components/button_to_component.rb +1 -1
  11. data/app/components/calendar_component.rb +24 -20
  12. data/app/components/card_component.rb +5 -3
  13. data/app/components/comment_component.rb +5 -3
  14. data/app/components/comment_group_component.rb +27 -0
  15. data/app/components/comment_reply_component.rb +47 -0
  16. data/app/components/comment_reply_group_component.rb +25 -0
  17. data/app/components/dimmer_component.rb +1 -1
  18. data/app/components/divider_component.rb +1 -1
  19. data/app/components/dropdown_component.rb +6 -2
  20. data/app/components/embed_component.rb +1 -1
  21. data/app/components/emoji_component.rb +1 -1
  22. data/app/components/feed_component.rb +16 -4
  23. data/app/components/feed_item_component.rb +85 -0
  24. data/app/components/field_component.rb +42 -0
  25. data/app/components/flag_component.rb +1 -1
  26. data/app/components/flyout_component.rb +3 -2
  27. data/app/components/h_stack_component.rb +1 -1
  28. data/app/components/header_component.rb +2 -2
  29. data/app/components/image_component.rb +1 -1
  30. data/app/components/input_component.rb +22 -41
  31. data/app/components/item_component.rb +3 -2
  32. data/app/components/item_group_component.rb +1 -1
  33. data/app/components/list_component.rb +2 -2
  34. data/app/components/list_content_component.rb +27 -0
  35. data/app/components/list_description_component.rb +17 -0
  36. data/app/components/list_header_component.rb +28 -0
  37. data/app/components/list_item_component.rb +37 -0
  38. data/app/components/loader_component.rb +1 -1
  39. data/app/components/menu_component.rb +1 -1
  40. data/app/components/modal_component.rb +2 -1
  41. data/app/components/nag_component.rb +1 -1
  42. data/app/components/overlay_component.rb +1 -1
  43. data/app/components/placeholder_component.rb +37 -13
  44. data/app/components/popup_component.rb +1 -1
  45. data/app/components/progress_component.rb +1 -1
  46. data/app/components/pusher_component.rb +1 -1
  47. data/app/components/rail_component.rb +1 -1
  48. data/app/components/rating_component.rb +1 -1
  49. data/app/components/reveal_component.rb +3 -2
  50. data/app/components/row_component.rb +4 -0
  51. data/app/components/search_component.rb +1 -1
  52. data/app/components/segment_group_component.rb +1 -1
  53. data/app/components/shape_component.rb +1 -1
  54. data/app/components/sidebar_component.rb +1 -1
  55. data/app/components/site_component.rb +1 -1
  56. data/app/components/slider_component.rb +1 -1
  57. data/app/components/state_component.rb +1 -1
  58. data/app/components/statistic_component.rb +3 -2
  59. data/app/components/step_component.rb +2 -2
  60. data/app/components/step_group_component.rb +1 -1
  61. data/app/components/sticky_component.rb +1 -1
  62. data/app/components/style_component.rb +1 -1
  63. data/app/components/sub_accordion_component.rb +25 -0
  64. data/app/components/sub_header_component.rb +1 -1
  65. data/app/components/sub_menu_component.rb +1 -1
  66. data/app/components/table_cell_component.rb +2 -2
  67. data/app/components/table_component.rb +2 -2
  68. data/app/components/tag_component.rb +57 -0
  69. data/app/components/tag_group_component.rb +33 -0
  70. data/app/components/text_component.rb +1 -1
  71. data/app/components/toast_component.rb +1 -1
  72. data/app/components/transition_component.rb +2 -2
  73. data/app/components/v_stack_component.rb +1 -1
  74. data/app/components/visibility_component.rb +1 -1
  75. data/app/helpers/component_helper.rb +23 -6
  76. data/app/helpers/ui/fomantic_form_builder.rb +155 -201
  77. data/app/javascript/ui/controllers/fui_calendar_controller.js +18 -8
  78. data/lib/ui/version.rb +1 -1
  79. metadata +15 -3
  80. data/app/components/checkbox_component.rb +0 -41
  81. data/app/components/label_component.rb +0 -49
@@ -1,49 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- # Label — labels and tags.
4
- #
5
- # Usage:
6
- # Label(color: :blue) { text "New" }
7
- # Label(tag_style: true, color: :teal) { text "Featured" }
8
- # Label(ribbon: true, color: :red) { text "Sale" }
9
- # Label(icon: "mail", detail: "23") { text "Mail" }
10
-
11
- class LabelComponent < Component
12
- include Attachable
13
-
14
- attribute :color, :string, default: nil
15
- attribute :size, :string, default: nil
16
- attribute :pointing, :string, default: nil
17
- attribute :corner, :string, default: nil
18
- attribute :ribbon, :boolean, default: false
19
- attribute :circular, :boolean, default: false
20
- attribute :floating, :boolean, default: false
21
- attribute :tag_style, :boolean, default: false
22
- attribute :detail, :string, default: nil
23
- attribute :icon, :string, default: nil
24
- attribute :image, :boolean, default: false
25
- attribute :basic, :boolean, default: false
26
- attribute :horizontal, :boolean, default: false
27
-
28
- def to_s
29
- classes = class_names(
30
- "ui",
31
- color,
32
- size,
33
- pointing && "#{pointing} pointing",
34
- corner && "#{corner} corner",
35
- { "attached" => attached,
36
- "ribbon" => ribbon, "circular" => circular, "floating" => floating,
37
- "tag" => tag_style, "image" => image, "basic" => basic,
38
- "horizontal" => horizontal },
39
- "label"
40
- )
41
-
42
- icon_el = icon ? tag.i(class: "#{icon} icon") : nil
43
- detail_el = detail ? tag.div(class: "detail") { detail } : nil
44
-
45
- tag.div(class: classes) {
46
- safe_join([ icon_el, @content, detail_el ])
47
- }
48
- end
49
- end