ui_components 0.1.1 → 0.1.2

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 (105) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/ui_components/controllers/countdown_controller.js +55 -0
  3. data/app/components/documentation/body/example_preview_component.rb +1 -1
  4. data/app/components/documentation/body_component.html.erb +1 -1
  5. data/app/components/documentation/body_component.rb +4 -4
  6. data/app/components/ui_components/daisy_ui/action/button_component.rb +13 -13
  7. data/app/components/ui_components/daisy_ui/action/dropdown/anchor_component.rb +1 -11
  8. data/app/components/ui_components/daisy_ui/action/dropdown/card/item_component.rb +20 -0
  9. data/app/components/ui_components/daisy_ui/action/dropdown/card_component.rb +4 -14
  10. data/app/components/ui_components/daisy_ui/action/dropdown/menu/item_component.rb +32 -0
  11. data/app/components/ui_components/daisy_ui/action/dropdown/menu_component.rb +2 -12
  12. data/app/components/ui_components/daisy_ui/action/dropdown_component.rb +12 -12
  13. data/app/components/ui_components/daisy_ui/action/modal/anchor_component.rb +1 -11
  14. data/app/components/ui_components/daisy_ui/action/modal/dialog/box/action/item_component.rb +0 -9
  15. data/app/components/ui_components/daisy_ui/action/modal/dialog/box/action_component.rb +0 -9
  16. data/app/components/ui_components/daisy_ui/action/modal/dialog/box/body_component.rb +0 -9
  17. data/app/components/ui_components/daisy_ui/action/modal/dialog/box/close_component.rb +0 -9
  18. data/app/components/ui_components/daisy_ui/action/modal/dialog/box/title_component.rb +0 -9
  19. data/app/components/ui_components/daisy_ui/action/modal/dialog/box_component.rb +0 -9
  20. data/app/components/ui_components/daisy_ui/action/modal/dialog_component.rb +2 -12
  21. data/app/components/ui_components/daisy_ui/action/swap/off_component.rb +0 -9
  22. data/app/components/ui_components/daisy_ui/action/swap/on_component.rb +0 -9
  23. data/app/components/ui_components/daisy_ui/action/swap_component.rb +6 -6
  24. data/app/components/ui_components/daisy_ui/base_component.rb +24 -3
  25. data/app/components/ui_components/daisy_ui/data_display/accordion/item/anchor_component.rb +20 -0
  26. data/app/components/ui_components/daisy_ui/data_display/accordion/item/body_component.rb +20 -0
  27. data/app/components/ui_components/daisy_ui/data_display/accordion/item_component.rb +15 -15
  28. data/app/components/ui_components/daisy_ui/data_display/avatar/item/box_component.rb +63 -0
  29. data/app/components/ui_components/daisy_ui/data_display/avatar/item_component.rb +8 -8
  30. data/app/components/ui_components/daisy_ui/data_display/badge_component.rb +7 -7
  31. data/app/components/ui_components/daisy_ui/data_display/card/body/action_component.rb +20 -0
  32. data/app/components/ui_components/daisy_ui/data_display/card/body/context_component.rb +17 -0
  33. data/app/components/ui_components/daisy_ui/data_display/card/body/title_component.rb +20 -0
  34. data/app/components/ui_components/daisy_ui/data_display/card/body_component.rb +34 -0
  35. data/app/components/ui_components/daisy_ui/data_display/card/figure_component.rb +15 -0
  36. data/app/components/ui_components/daisy_ui/data_display/card_component.rb +83 -0
  37. data/app/components/ui_components/daisy_ui/data_display/carousel/indicator_component.rb +18 -0
  38. data/app/components/ui_components/daisy_ui/data_display/carousel/item/passer_component.rb +20 -0
  39. data/app/components/ui_components/daisy_ui/data_display/carousel/item_component.rb +26 -0
  40. data/app/components/ui_components/daisy_ui/data_display/carousel_component.rb +63 -0
  41. data/app/components/ui_components/daisy_ui/data_display/chat/bubble_component.rb +42 -0
  42. data/app/components/ui_components/daisy_ui/data_display/chat/footer_component.rb +18 -0
  43. data/app/components/ui_components/daisy_ui/data_display/chat/header_component.rb +18 -0
  44. data/app/components/ui_components/daisy_ui/data_display/chat_component.rb +58 -0
  45. data/app/components/ui_components/daisy_ui/data_display/countdown/item_component.rb +49 -0
  46. data/app/components/ui_components/daisy_ui/data_display/countdown_component.rb +37 -0
  47. data/app/components/ui_components/daisy_ui/data_display/{accordion/anchor_component.rb → diff/item1_component.rb} +5 -8
  48. data/app/components/ui_components/daisy_ui/data_display/{accordion/body_component.rb → diff/item2_component.rb} +6 -8
  49. data/app/components/ui_components/daisy_ui/data_display/diff/resizer_component.rb +25 -0
  50. data/app/components/ui_components/daisy_ui/data_display/diff_component.rb +35 -0
  51. data/app/components/ui_components/daisy_ui/data_display/kbd_component.rb +40 -0
  52. data/app/components/ui_components/daisy_ui/data_display/list/item_component.rb +40 -0
  53. data/app/components/ui_components/daisy_ui/data_display/list_component.rb +22 -0
  54. data/app/components/ui_components/daisy_ui/data_display/stat/item/action_component.rb +20 -0
  55. data/app/components/ui_components/daisy_ui/data_display/stat/item/description_component.rb +20 -0
  56. data/app/components/ui_components/daisy_ui/data_display/stat/item/figure_component.rb +24 -0
  57. data/app/components/ui_components/daisy_ui/data_display/stat/item/title_component.rb +20 -0
  58. data/app/components/ui_components/daisy_ui/data_display/stat/item/value_component.rb +20 -0
  59. data/app/components/ui_components/daisy_ui/data_display/stat/item_component.rb +39 -0
  60. data/app/components/ui_components/daisy_ui/data_display/stat_component.rb +50 -0
  61. data/app/components/ui_components/daisy_ui/data_display/status_component.rb +59 -0
  62. data/app/components/ui_components/daisy_ui/data_display/table/item/body_component.rb +23 -0
  63. data/app/components/ui_components/daisy_ui/data_display/table/item/foot_component.rb +23 -0
  64. data/app/components/ui_components/daisy_ui/data_display/table/item/head_component.rb +23 -0
  65. data/app/components/ui_components/daisy_ui/data_display/table/item/row/data_component.rb +19 -0
  66. data/app/components/ui_components/daisy_ui/data_display/table/item/row/header_component.rb +19 -0
  67. data/app/components/ui_components/daisy_ui/data_display/table/item/row_component.rb +32 -0
  68. data/app/components/ui_components/daisy_ui/data_display/table/item_component.rb +29 -0
  69. data/app/components/ui_components/daisy_ui/data_display/table_component.rb +72 -0
  70. data/app/components/ui_components/daisy_ui/data_display/timeline/item/item_end_component.rb +44 -0
  71. data/app/components/ui_components/daisy_ui/data_display/timeline/item/item_middle_component.rb +20 -0
  72. data/app/components/ui_components/daisy_ui/data_display/timeline/item/item_start_component.rb +44 -0
  73. data/app/components/ui_components/daisy_ui/data_display/timeline/item/line_component.rb +17 -0
  74. data/app/components/ui_components/daisy_ui/data_display/timeline/item_component.rb +40 -0
  75. data/app/components/ui_components/daisy_ui/data_display/timeline_component.rb +50 -0
  76. data/app/controllers/ui_components/daisy_ui/data_display_components_controller.rb +22 -0
  77. data/app/helpers/data_display/carousel_helper.rb +13 -0
  78. data/app/views/ui_components/daisy_ui/action_components/button.html.erb +35 -33
  79. data/app/views/ui_components/daisy_ui/action_components/dropdown.html.erb +38 -25
  80. data/app/views/ui_components/daisy_ui/action_components/modal.html.erb +31 -18
  81. data/app/views/ui_components/daisy_ui/action_components/swap.html.erb +31 -17
  82. data/app/views/ui_components/daisy_ui/data_display_components/accordion.html.erb +59 -105
  83. data/app/views/ui_components/daisy_ui/data_display_components/avatar.html.erb +40 -27
  84. data/app/views/ui_components/daisy_ui/data_display_components/badge.html.erb +45 -42
  85. data/app/views/ui_components/daisy_ui/data_display_components/card.html.erb +302 -0
  86. data/app/views/ui_components/daisy_ui/data_display_components/carousel.html.erb +303 -0
  87. data/app/views/ui_components/daisy_ui/data_display_components/chat.html.erb +190 -0
  88. data/app/views/ui_components/daisy_ui/data_display_components/countdown.html.erb +211 -0
  89. data/app/views/ui_components/daisy_ui/data_display_components/diff.html.erb +69 -0
  90. data/app/views/ui_components/daisy_ui/data_display_components/kbd.html.erb +157 -0
  91. data/app/views/ui_components/daisy_ui/data_display_components/list.html.erb +247 -0
  92. data/app/views/ui_components/daisy_ui/data_display_components/stat.html.erb +208 -0
  93. data/app/views/ui_components/daisy_ui/data_display_components/status.html.erb +93 -0
  94. data/app/views/ui_components/daisy_ui/data_display_components/table.html.erb +358 -0
  95. data/app/views/ui_components/daisy_ui/data_display_components/timeline.html.erb +431 -0
  96. data/app/views/ui_components/daisy_ui/home/index.html.erb +11 -0
  97. data/config/routes.rb +13 -2
  98. data/lib/tasks/ui_components_tasks.rake +0 -3
  99. data/lib/ui_components/config/daisy_ui_class_names.rb +3 -2
  100. data/lib/ui_components/config/tailwind_class_names.rb +27 -4
  101. data/lib/ui_components/version.rb +1 -1
  102. metadata +65 -7
  103. data/app/components/ui_components/daisy_ui/action/dropdown/card_item_component.rb +0 -29
  104. data/app/components/ui_components/daisy_ui/action/dropdown/list_item_component.rb +0 -30
  105. data/app/components/ui_components/daisy_ui/data_display/avatar/box_component.rb +0 -61
metadata CHANGED
@@ -1,13 +1,13 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: ui_components
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1
4
+ version: 0.1.2
5
5
  platform: ruby
6
6
  authors:
7
7
  - jannilsonn
8
8
  bindir: exe
9
9
  cert_chain: []
10
- date: 2025-03-29 00:00:00.000000000 Z
10
+ date: 2025-04-06 00:00:00.000000000 Z
11
11
  dependencies:
12
12
  - !ruby/object:Gem::Dependency
13
13
  name: rails
@@ -75,15 +75,16 @@ files:
75
75
  - README.md
76
76
  - Rakefile
77
77
  - app/assets/javascripts/ui_components/controllers/clipboard_controller.js
78
+ - app/assets/javascripts/ui_components/controllers/countdown_controller.js
78
79
  - app/components/documentation/body/example_preview_component.rb
79
80
  - app/components/documentation/body_component.html.erb
80
81
  - app/components/documentation/body_component.rb
81
82
  - app/components/documentation_component.rb
82
83
  - app/components/ui_components/daisy_ui/action/button_component.rb
83
84
  - app/components/ui_components/daisy_ui/action/dropdown/anchor_component.rb
85
+ - app/components/ui_components/daisy_ui/action/dropdown/card/item_component.rb
84
86
  - app/components/ui_components/daisy_ui/action/dropdown/card_component.rb
85
- - app/components/ui_components/daisy_ui/action/dropdown/card_item_component.rb
86
- - app/components/ui_components/daisy_ui/action/dropdown/list_item_component.rb
87
+ - app/components/ui_components/daisy_ui/action/dropdown/menu/item_component.rb
87
88
  - app/components/ui_components/daisy_ui/action/dropdown/menu_component.rb
88
89
  - app/components/ui_components/daisy_ui/action/dropdown_component.rb
89
90
  - app/components/ui_components/daisy_ui/action/modal/anchor_component.rb
@@ -99,14 +100,59 @@ files:
99
100
  - app/components/ui_components/daisy_ui/action/swap/on_component.rb
100
101
  - app/components/ui_components/daisy_ui/action/swap_component.rb
101
102
  - app/components/ui_components/daisy_ui/base_component.rb
102
- - app/components/ui_components/daisy_ui/data_display/accordion/anchor_component.rb
103
- - app/components/ui_components/daisy_ui/data_display/accordion/body_component.rb
103
+ - app/components/ui_components/daisy_ui/data_display/accordion/item/anchor_component.rb
104
+ - app/components/ui_components/daisy_ui/data_display/accordion/item/body_component.rb
104
105
  - app/components/ui_components/daisy_ui/data_display/accordion/item_component.rb
105
106
  - app/components/ui_components/daisy_ui/data_display/accordion_component.rb
106
- - app/components/ui_components/daisy_ui/data_display/avatar/box_component.rb
107
+ - app/components/ui_components/daisy_ui/data_display/avatar/item/box_component.rb
107
108
  - app/components/ui_components/daisy_ui/data_display/avatar/item_component.rb
108
109
  - app/components/ui_components/daisy_ui/data_display/avatar_component.rb
109
110
  - app/components/ui_components/daisy_ui/data_display/badge_component.rb
111
+ - app/components/ui_components/daisy_ui/data_display/card/body/action_component.rb
112
+ - app/components/ui_components/daisy_ui/data_display/card/body/context_component.rb
113
+ - app/components/ui_components/daisy_ui/data_display/card/body/title_component.rb
114
+ - app/components/ui_components/daisy_ui/data_display/card/body_component.rb
115
+ - app/components/ui_components/daisy_ui/data_display/card/figure_component.rb
116
+ - app/components/ui_components/daisy_ui/data_display/card_component.rb
117
+ - app/components/ui_components/daisy_ui/data_display/carousel/indicator_component.rb
118
+ - app/components/ui_components/daisy_ui/data_display/carousel/item/passer_component.rb
119
+ - app/components/ui_components/daisy_ui/data_display/carousel/item_component.rb
120
+ - app/components/ui_components/daisy_ui/data_display/carousel_component.rb
121
+ - app/components/ui_components/daisy_ui/data_display/chat/bubble_component.rb
122
+ - app/components/ui_components/daisy_ui/data_display/chat/footer_component.rb
123
+ - app/components/ui_components/daisy_ui/data_display/chat/header_component.rb
124
+ - app/components/ui_components/daisy_ui/data_display/chat_component.rb
125
+ - app/components/ui_components/daisy_ui/data_display/countdown/item_component.rb
126
+ - app/components/ui_components/daisy_ui/data_display/countdown_component.rb
127
+ - app/components/ui_components/daisy_ui/data_display/diff/item1_component.rb
128
+ - app/components/ui_components/daisy_ui/data_display/diff/item2_component.rb
129
+ - app/components/ui_components/daisy_ui/data_display/diff/resizer_component.rb
130
+ - app/components/ui_components/daisy_ui/data_display/diff_component.rb
131
+ - app/components/ui_components/daisy_ui/data_display/kbd_component.rb
132
+ - app/components/ui_components/daisy_ui/data_display/list/item_component.rb
133
+ - app/components/ui_components/daisy_ui/data_display/list_component.rb
134
+ - app/components/ui_components/daisy_ui/data_display/stat/item/action_component.rb
135
+ - app/components/ui_components/daisy_ui/data_display/stat/item/description_component.rb
136
+ - app/components/ui_components/daisy_ui/data_display/stat/item/figure_component.rb
137
+ - app/components/ui_components/daisy_ui/data_display/stat/item/title_component.rb
138
+ - app/components/ui_components/daisy_ui/data_display/stat/item/value_component.rb
139
+ - app/components/ui_components/daisy_ui/data_display/stat/item_component.rb
140
+ - app/components/ui_components/daisy_ui/data_display/stat_component.rb
141
+ - app/components/ui_components/daisy_ui/data_display/status_component.rb
142
+ - app/components/ui_components/daisy_ui/data_display/table/item/body_component.rb
143
+ - app/components/ui_components/daisy_ui/data_display/table/item/foot_component.rb
144
+ - app/components/ui_components/daisy_ui/data_display/table/item/head_component.rb
145
+ - app/components/ui_components/daisy_ui/data_display/table/item/row/data_component.rb
146
+ - app/components/ui_components/daisy_ui/data_display/table/item/row/header_component.rb
147
+ - app/components/ui_components/daisy_ui/data_display/table/item/row_component.rb
148
+ - app/components/ui_components/daisy_ui/data_display/table/item_component.rb
149
+ - app/components/ui_components/daisy_ui/data_display/table_component.rb
150
+ - app/components/ui_components/daisy_ui/data_display/timeline/item/item_end_component.rb
151
+ - app/components/ui_components/daisy_ui/data_display/timeline/item/item_middle_component.rb
152
+ - app/components/ui_components/daisy_ui/data_display/timeline/item/item_start_component.rb
153
+ - app/components/ui_components/daisy_ui/data_display/timeline/item/line_component.rb
154
+ - app/components/ui_components/daisy_ui/data_display/timeline/item_component.rb
155
+ - app/components/ui_components/daisy_ui/data_display/timeline_component.rb
110
156
  - app/controllers/ui_components/daisy_ui/action_components_controller.rb
111
157
  - app/controllers/ui_components/daisy_ui/application_controller.rb
112
158
  - app/controllers/ui_components/daisy_ui/data_display_components_controller.rb
@@ -114,6 +160,7 @@ files:
114
160
  - app/helpers/action/button_helper.rb
115
161
  - app/helpers/action/dropdown_helper.rb
116
162
  - app/helpers/data_display/badge_helper.rb
163
+ - app/helpers/data_display/carousel_helper.rb
117
164
  - app/views/ui_components/daisy_ui/action_components/button.html.erb
118
165
  - app/views/ui_components/daisy_ui/action_components/dropdown.html.erb
119
166
  - app/views/ui_components/daisy_ui/action_components/modal.html.erb
@@ -121,6 +168,17 @@ files:
121
168
  - app/views/ui_components/daisy_ui/data_display_components/accordion.html.erb
122
169
  - app/views/ui_components/daisy_ui/data_display_components/avatar.html.erb
123
170
  - app/views/ui_components/daisy_ui/data_display_components/badge.html.erb
171
+ - app/views/ui_components/daisy_ui/data_display_components/card.html.erb
172
+ - app/views/ui_components/daisy_ui/data_display_components/carousel.html.erb
173
+ - app/views/ui_components/daisy_ui/data_display_components/chat.html.erb
174
+ - app/views/ui_components/daisy_ui/data_display_components/countdown.html.erb
175
+ - app/views/ui_components/daisy_ui/data_display_components/diff.html.erb
176
+ - app/views/ui_components/daisy_ui/data_display_components/kbd.html.erb
177
+ - app/views/ui_components/daisy_ui/data_display_components/list.html.erb
178
+ - app/views/ui_components/daisy_ui/data_display_components/stat.html.erb
179
+ - app/views/ui_components/daisy_ui/data_display_components/status.html.erb
180
+ - app/views/ui_components/daisy_ui/data_display_components/table.html.erb
181
+ - app/views/ui_components/daisy_ui/data_display_components/timeline.html.erb
124
182
  - app/views/ui_components/daisy_ui/home/index.html.erb
125
183
  - config/routes.rb
126
184
  - lib/tasks/ui_components_tasks.rake
@@ -1,29 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module UiComponents
4
- module DaisyUi
5
- module Action
6
- module Dropdown
7
- class CardItemComponent < BaseComponent
8
- CSS_CLASSES_DEFAULT = %w[card-body].freeze
9
- CSS_CLASSES = CSS_CLASSES_DEFAULT
10
-
11
- erb_template <<-ERB
12
- <%= tag.div(**set_options) do %>
13
- <%= content %>
14
- <% end %>
15
- ERB
16
-
17
- private
18
-
19
- def class_string
20
- TailwindMerge::Merger.new.merge([
21
- *CSS_CLASSES_DEFAULT,
22
- @css_class
23
- ])
24
- end
25
- end
26
- end
27
- end
28
- end
29
- end
@@ -1,30 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module UiComponents
4
- module DaisyUi
5
- module Action
6
- module Dropdown
7
- class ListItemComponent < BaseComponent
8
- erb_template <<-ERB
9
- <%= tag.li(**set_options) do %>
10
- <% if @with_tag_a %>
11
- <a><%= content %></a>
12
- <% else %>
13
- <%= content %>
14
- <% end %>
15
- <% end %>
16
- ERB
17
-
18
- def initialize(
19
- with_tag_a: true,
20
- **args
21
- )
22
- @with_tag_a = with_tag_a
23
-
24
- super(**args)
25
- end
26
- end
27
- end
28
- end
29
- end
30
- end
@@ -1,61 +0,0 @@
1
- # frozen_string_literal: true
2
-
3
- module UiComponents
4
- module DaisyUi
5
- module DataDisplay
6
- module Avatar
7
- class BoxComponent < BaseComponent
8
- MASKS = %w[squircle hexagon triangle]
9
-
10
- CSS_CLASSES_DEFAULT = %w[avatar w-24].freeze
11
- CSS_CLASSES_VARIANTS = (
12
- %w[mask bg-neutral text-neutral-content ring-primary ring-offset-base-100 ring ring-offset-2] +
13
- MASKS.map { |key| "mask-#{key}" }
14
- ).freeze
15
- CSS_CLASSES = (CSS_CLASSES_DEFAULT + CSS_CLASSES_VARIANTS).freeze
16
-
17
- erb_template <<-ERB
18
- <%= tag.div(**set_options) { content } %>
19
- ERB
20
-
21
- def initialize(
22
- placeholder: false,
23
- with_ring: false,
24
- mask: nil,
25
- **args
26
- )
27
- @placeholder = placeholder
28
- @with_ring = with_ring
29
- @mask = mask
30
-
31
- super(**args)
32
- end
33
-
34
- private
35
-
36
- def class_string
37
- TailwindMerge::Merger.new.merge([
38
- *CSS_CLASSES_DEFAULT,
39
- placeholder_class,
40
- ring_class,
41
- mask_class,
42
- @css_class
43
- ])
44
- end
45
-
46
- def placeholder_class
47
- "bg-neutral text-neutral-content" if @placeholder
48
- end
49
-
50
- def ring_class
51
- "ring-primary ring-offset-base-100 ring ring-offset-2" if @with_ring
52
- end
53
-
54
- def mask_class
55
- "mask mask-#{@mask}" if MASKS.include?(@mask)
56
- end
57
- end
58
- end
59
- end
60
- end
61
- end