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.
- checksums.yaml +4 -4
- data/app/assets/javascripts/ui_components/controllers/countdown_controller.js +55 -0
- data/app/components/documentation/body/example_preview_component.rb +1 -1
- data/app/components/documentation/body_component.html.erb +1 -1
- data/app/components/documentation/body_component.rb +4 -4
- data/app/components/ui_components/daisy_ui/action/button_component.rb +13 -13
- data/app/components/ui_components/daisy_ui/action/dropdown/anchor_component.rb +1 -11
- data/app/components/ui_components/daisy_ui/action/dropdown/card/item_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/action/dropdown/card_component.rb +4 -14
- data/app/components/ui_components/daisy_ui/action/dropdown/menu/item_component.rb +32 -0
- data/app/components/ui_components/daisy_ui/action/dropdown/menu_component.rb +2 -12
- data/app/components/ui_components/daisy_ui/action/dropdown_component.rb +12 -12
- data/app/components/ui_components/daisy_ui/action/modal/anchor_component.rb +1 -11
- data/app/components/ui_components/daisy_ui/action/modal/dialog/box/action/item_component.rb +0 -9
- data/app/components/ui_components/daisy_ui/action/modal/dialog/box/action_component.rb +0 -9
- data/app/components/ui_components/daisy_ui/action/modal/dialog/box/body_component.rb +0 -9
- data/app/components/ui_components/daisy_ui/action/modal/dialog/box/close_component.rb +0 -9
- data/app/components/ui_components/daisy_ui/action/modal/dialog/box/title_component.rb +0 -9
- data/app/components/ui_components/daisy_ui/action/modal/dialog/box_component.rb +0 -9
- data/app/components/ui_components/daisy_ui/action/modal/dialog_component.rb +2 -12
- data/app/components/ui_components/daisy_ui/action/swap/off_component.rb +0 -9
- data/app/components/ui_components/daisy_ui/action/swap/on_component.rb +0 -9
- data/app/components/ui_components/daisy_ui/action/swap_component.rb +6 -6
- data/app/components/ui_components/daisy_ui/base_component.rb +24 -3
- data/app/components/ui_components/daisy_ui/data_display/accordion/item/anchor_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/accordion/item/body_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/accordion/item_component.rb +15 -15
- data/app/components/ui_components/daisy_ui/data_display/avatar/item/box_component.rb +63 -0
- data/app/components/ui_components/daisy_ui/data_display/avatar/item_component.rb +8 -8
- data/app/components/ui_components/daisy_ui/data_display/badge_component.rb +7 -7
- data/app/components/ui_components/daisy_ui/data_display/card/body/action_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/card/body/context_component.rb +17 -0
- data/app/components/ui_components/daisy_ui/data_display/card/body/title_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/card/body_component.rb +34 -0
- data/app/components/ui_components/daisy_ui/data_display/card/figure_component.rb +15 -0
- data/app/components/ui_components/daisy_ui/data_display/card_component.rb +83 -0
- data/app/components/ui_components/daisy_ui/data_display/carousel/indicator_component.rb +18 -0
- data/app/components/ui_components/daisy_ui/data_display/carousel/item/passer_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/carousel/item_component.rb +26 -0
- data/app/components/ui_components/daisy_ui/data_display/carousel_component.rb +63 -0
- data/app/components/ui_components/daisy_ui/data_display/chat/bubble_component.rb +42 -0
- data/app/components/ui_components/daisy_ui/data_display/chat/footer_component.rb +18 -0
- data/app/components/ui_components/daisy_ui/data_display/chat/header_component.rb +18 -0
- data/app/components/ui_components/daisy_ui/data_display/chat_component.rb +58 -0
- data/app/components/ui_components/daisy_ui/data_display/countdown/item_component.rb +49 -0
- data/app/components/ui_components/daisy_ui/data_display/countdown_component.rb +37 -0
- data/app/components/ui_components/daisy_ui/data_display/{accordion/anchor_component.rb → diff/item1_component.rb} +5 -8
- data/app/components/ui_components/daisy_ui/data_display/{accordion/body_component.rb → diff/item2_component.rb} +6 -8
- data/app/components/ui_components/daisy_ui/data_display/diff/resizer_component.rb +25 -0
- data/app/components/ui_components/daisy_ui/data_display/diff_component.rb +35 -0
- data/app/components/ui_components/daisy_ui/data_display/kbd_component.rb +40 -0
- data/app/components/ui_components/daisy_ui/data_display/list/item_component.rb +40 -0
- data/app/components/ui_components/daisy_ui/data_display/list_component.rb +22 -0
- data/app/components/ui_components/daisy_ui/data_display/stat/item/action_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/stat/item/description_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/stat/item/figure_component.rb +24 -0
- data/app/components/ui_components/daisy_ui/data_display/stat/item/title_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/stat/item/value_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/stat/item_component.rb +39 -0
- data/app/components/ui_components/daisy_ui/data_display/stat_component.rb +50 -0
- data/app/components/ui_components/daisy_ui/data_display/status_component.rb +59 -0
- data/app/components/ui_components/daisy_ui/data_display/table/item/body_component.rb +23 -0
- data/app/components/ui_components/daisy_ui/data_display/table/item/foot_component.rb +23 -0
- data/app/components/ui_components/daisy_ui/data_display/table/item/head_component.rb +23 -0
- data/app/components/ui_components/daisy_ui/data_display/table/item/row/data_component.rb +19 -0
- data/app/components/ui_components/daisy_ui/data_display/table/item/row/header_component.rb +19 -0
- data/app/components/ui_components/daisy_ui/data_display/table/item/row_component.rb +32 -0
- data/app/components/ui_components/daisy_ui/data_display/table/item_component.rb +29 -0
- data/app/components/ui_components/daisy_ui/data_display/table_component.rb +72 -0
- data/app/components/ui_components/daisy_ui/data_display/timeline/item/item_end_component.rb +44 -0
- data/app/components/ui_components/daisy_ui/data_display/timeline/item/item_middle_component.rb +20 -0
- data/app/components/ui_components/daisy_ui/data_display/timeline/item/item_start_component.rb +44 -0
- data/app/components/ui_components/daisy_ui/data_display/timeline/item/line_component.rb +17 -0
- data/app/components/ui_components/daisy_ui/data_display/timeline/item_component.rb +40 -0
- data/app/components/ui_components/daisy_ui/data_display/timeline_component.rb +50 -0
- data/app/controllers/ui_components/daisy_ui/data_display_components_controller.rb +22 -0
- data/app/helpers/data_display/carousel_helper.rb +13 -0
- data/app/views/ui_components/daisy_ui/action_components/button.html.erb +35 -33
- data/app/views/ui_components/daisy_ui/action_components/dropdown.html.erb +38 -25
- data/app/views/ui_components/daisy_ui/action_components/modal.html.erb +31 -18
- data/app/views/ui_components/daisy_ui/action_components/swap.html.erb +31 -17
- data/app/views/ui_components/daisy_ui/data_display_components/accordion.html.erb +59 -105
- data/app/views/ui_components/daisy_ui/data_display_components/avatar.html.erb +40 -27
- data/app/views/ui_components/daisy_ui/data_display_components/badge.html.erb +45 -42
- data/app/views/ui_components/daisy_ui/data_display_components/card.html.erb +302 -0
- data/app/views/ui_components/daisy_ui/data_display_components/carousel.html.erb +303 -0
- data/app/views/ui_components/daisy_ui/data_display_components/chat.html.erb +190 -0
- data/app/views/ui_components/daisy_ui/data_display_components/countdown.html.erb +211 -0
- data/app/views/ui_components/daisy_ui/data_display_components/diff.html.erb +69 -0
- data/app/views/ui_components/daisy_ui/data_display_components/kbd.html.erb +157 -0
- data/app/views/ui_components/daisy_ui/data_display_components/list.html.erb +247 -0
- data/app/views/ui_components/daisy_ui/data_display_components/stat.html.erb +208 -0
- data/app/views/ui_components/daisy_ui/data_display_components/status.html.erb +93 -0
- data/app/views/ui_components/daisy_ui/data_display_components/table.html.erb +358 -0
- data/app/views/ui_components/daisy_ui/data_display_components/timeline.html.erb +431 -0
- data/app/views/ui_components/daisy_ui/home/index.html.erb +11 -0
- data/config/routes.rb +13 -2
- data/lib/tasks/ui_components_tasks.rake +0 -3
- data/lib/ui_components/config/daisy_ui_class_names.rb +3 -2
- data/lib/ui_components/config/tailwind_class_names.rb +27 -4
- data/lib/ui_components/version.rb +1 -1
- metadata +65 -7
- data/app/components/ui_components/daisy_ui/action/dropdown/card_item_component.rb +0 -29
- data/app/components/ui_components/daisy_ui/action/dropdown/list_item_component.rb +0 -30
- 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.
|
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-
|
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/
|
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
|