ariadne_view_components 0.0.4 → 0.0.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (95) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/app/assets/javascripts/ariadne-form-with.d.ts +20 -0
  4. data/app/assets/javascripts/ariadne-form.d.ts +22 -0
  5. data/app/assets/javascripts/ariadne.d.ts +1 -0
  6. data/app/assets/javascripts/ariadne_view_components.js +7 -1
  7. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  8. data/app/assets/javascripts/clipboard-copy-component.d.ts +4 -0
  9. data/app/assets/javascripts/comment-component.d.ts +13 -0
  10. data/app/assets/javascripts/rich-text-area-component.d.ts +4 -0
  11. data/app/assets/javascripts/slideover-component.d.ts +9 -0
  12. data/app/assets/javascripts/time-ago-component.d.ts +1 -0
  13. data/app/assets/javascripts/time_ago_component.d.ts +1 -0
  14. data/app/assets/javascripts/tooltip-component.d.ts +24 -0
  15. data/app/assets/stylesheets/application.ariadne_view_components.css +6 -3
  16. data/app/assets/stylesheets/prosemirror.css +323 -0
  17. data/app/assets/stylesheets/tooltip-component.css +37 -0
  18. data/app/components/ariadne/ariadne-form.ts +96 -0
  19. data/app/components/ariadne/ariadne.ts +11 -1
  20. data/app/components/ariadne/base_button.rb +12 -12
  21. data/app/components/ariadne/base_component.rb +13 -131
  22. data/app/components/ariadne/blankslate_component.html.erb +5 -5
  23. data/app/components/ariadne/blankslate_component.rb +5 -10
  24. data/app/components/ariadne/body_component.rb +30 -0
  25. data/app/components/ariadne/button_component.rb +12 -16
  26. data/app/components/ariadne/clipboard_copy_component.html.erb +5 -4
  27. data/app/components/ariadne/clipboard_copy_component.rb +41 -3
  28. data/app/components/ariadne/comment-component.ts +55 -0
  29. data/app/components/ariadne/comment_component.html.erb +22 -0
  30. data/app/components/ariadne/comment_component.rb +57 -0
  31. data/app/components/ariadne/component.rb +4 -3
  32. data/app/components/ariadne/container_component.rb +1 -1
  33. data/app/components/ariadne/counter_component.rb +4 -4
  34. data/app/components/ariadne/flash_component.html.erb +12 -12
  35. data/app/components/ariadne/flash_component.rb +17 -17
  36. data/app/components/ariadne/flex_component.rb +49 -0
  37. data/app/components/ariadne/footer_component.html.erb +1 -1
  38. data/app/components/ariadne/footer_component.rb +1 -1
  39. data/app/components/ariadne/grid_component.html.erb +13 -4
  40. data/app/components/ariadne/grid_component.rb +22 -11
  41. data/app/components/ariadne/header_component.html.erb +7 -7
  42. data/app/components/ariadne/header_component.rb +8 -8
  43. data/app/components/ariadne/heading_component.rb +3 -3
  44. data/app/components/ariadne/heroicon_component.html.erb +4 -6
  45. data/app/components/ariadne/heroicon_component.rb +21 -10
  46. data/app/components/ariadne/inline_flex_component.rb +14 -12
  47. data/app/components/ariadne/link_component.rb +13 -8
  48. data/app/components/ariadne/list_component.html.erb +5 -7
  49. data/app/components/ariadne/list_component.rb +9 -38
  50. data/app/components/ariadne/main_component.rb +32 -0
  51. data/app/components/ariadne/narrow_container_component.html.erb +3 -0
  52. data/app/components/ariadne/narrow_container_component.rb +30 -0
  53. data/app/components/ariadne/panel_bar_component.html.erb +20 -0
  54. data/app/components/ariadne/panel_bar_component.rb +79 -0
  55. data/app/components/ariadne/pill_component.rb +2 -2
  56. data/app/components/ariadne/rich-text-area-component.ts +32 -0
  57. data/app/components/ariadne/rich_text_area_component.html.erb +6 -0
  58. data/app/components/ariadne/rich_text_area_component.rb +35 -0
  59. data/app/components/ariadne/slideover-component.ts +3 -3
  60. data/app/components/ariadne/slideover_component.html.erb +3 -6
  61. data/app/components/ariadne/slideover_component.rb +19 -15
  62. data/app/components/ariadne/tab_bar_component.html.erb +3 -0
  63. data/app/components/ariadne/tab_bar_component.rb +45 -0
  64. data/app/components/ariadne/tab_component.html.erb +7 -0
  65. data/app/components/ariadne/tab_component.rb +43 -0
  66. data/app/components/ariadne/{time_ago_component.ts → time-ago-component.ts} +0 -0
  67. data/app/components/ariadne/time_ago_component.rb +2 -2
  68. data/app/components/ariadne/timeline_component.html.erb +6 -6
  69. data/app/components/ariadne/tooltip-component.ts +57 -0
  70. data/app/components/ariadne/tooltip_component.html.erb +4 -0
  71. data/app/components/ariadne/tooltip_component.rb +34 -31
  72. data/app/lib/ariadne/action_view_extensions/form_helper.rb +4 -1
  73. data/app/lib/ariadne/fetch_or_fallback_helper.rb +3 -1
  74. data/app/lib/ariadne/form_builder.rb +22 -22
  75. data/app/lib/ariadne/icon_helper.rb +1 -1
  76. data/lib/ariadne/view_components/engine.rb +171 -3
  77. data/lib/ariadne/view_components/version.rb +1 -1
  78. data/lib/ariadne/view_components.rb +31 -30
  79. data/lib/rubocop/config/default.yml +0 -6
  80. data/lib/rubocop/cop/ariadne/no_tag_memoize.rb +1 -0
  81. data/lib/tasks/docs.rake +9 -0
  82. data/static/arguments.yml +186 -15
  83. data/static/audited_at.json +12 -2
  84. data/static/classes.yml +200 -154
  85. data/static/constants.json +168 -146
  86. data/static/statuses.json +12 -2
  87. metadata +65 -13
  88. data/lib/ariadne/classify/utilities.rb +0 -199
  89. data/lib/ariadne/classify/utilities.yml +0 -1817
  90. data/lib/ariadne/classify/validation.rb +0 -18
  91. data/lib/ariadne/classify.rb +0 -218
  92. data/lib/rubocop/cop/ariadne/ariadne_heroicon.rb +0 -252
  93. data/lib/rubocop/cop/ariadne/component_name_migration.rb +0 -35
  94. data/lib/rubocop/cop/ariadne/system_argument_instead_of_class.rb +0 -57
  95. data/lib/tasks/utilities.rake +0 -121
data/static/classes.yml CHANGED
@@ -1,45 +1,172 @@
1
1
  ---
2
2
  - ".-"
3
- - ".-mb-8"
4
- - ".-mx-1.5"
5
- - ".-mx-2"
6
- - ".-my-1.5"
7
3
  - ".a"
8
4
  - ".all"
9
5
  - ".alt:"
10
6
  - ".and"
11
- - ".antialiased"
7
+ - ".ariadne--mb-8"
8
+ - ".ariadne--mb-px"
9
+ - ".ariadne--mr-px"
10
+ - ".ariadne--mx-1.5"
11
+ - ".ariadne--mx-2"
12
+ - ".ariadne--my-1.5"
13
+ - ".ariadne-absolute"
14
+ - ".ariadne-antialiased"
15
+ - ".ariadne-bg-blue-50"
16
+ - ".ariadne-bg-button-bg-color"
17
+ - ".ariadne-bg-green-50"
18
+ - ".ariadne-bg-purple-50"
19
+ - ".ariadne-bg-red-50"
20
+ - ".ariadne-bg-slate-900"
21
+ - ".ariadne-bg-transparent"
22
+ - ".ariadne-bg-white"
23
+ - ".ariadne-bg-yellow-50"
24
+ - ".ariadne-block"
25
+ - ".ariadne-border"
26
+ - ".ariadne-border-0"
27
+ - ".ariadne-border-b"
28
+ - ".ariadne-border-b-2"
29
+ - ".ariadne-border-black"
30
+ - ".ariadne-border-blue-300"
31
+ - ".ariadne-border-gray-200"
32
+ - ".ariadne-border-gray-300"
33
+ - ".ariadne-border-green-300"
34
+ - ".ariadne-border-purple-300"
35
+ - ".ariadne-border-red-300"
36
+ - ".ariadne-border-transparent"
37
+ - ".ariadne-border-x"
38
+ - ".ariadne-border-yellow-300"
39
+ - ".ariadne-cursor-pointer"
40
+ - ".ariadne-decoration-double"
41
+ - ".ariadne-divide-gray-200"
42
+ - ".ariadne-divide-gray-300"
43
+ - ".ariadne-divide-y"
44
+ - ".ariadne-duration-500"
45
+ - ".ariadne-flex"
46
+ - ".ariadne-flex-1"
47
+ - ".ariadne-flex-auto"
48
+ - ".ariadne-flex-col"
49
+ - ".ariadne-flex-shrink-0"
50
+ - ".ariadne-flow-root"
51
+ - ".ariadne-font-bold"
52
+ - ".ariadne-font-extrabold"
53
+ - ".ariadne-font-medium"
54
+ - ".ariadne-font-semibold"
55
+ - ".ariadne-gap-6"
56
+ - ".ariadne-grid"
57
+ - ".ariadne-h-10"
58
+ - ".ariadne-h-full"
59
+ - ".ariadne-h-screen"
60
+ - ".ariadne-hidden"
61
+ - ".ariadne-inline-block"
62
+ - ".ariadne-inline-flex"
63
+ - ".ariadne-invisible"
64
+ - ".ariadne-items-baseline"
65
+ - ".ariadne-items-center"
66
+ - ".ariadne-justify-between"
67
+ - ".ariadne-justify-center"
68
+ - ".ariadne-justify-end"
69
+ - ".ariadne-leading-4"
70
+ - ".ariadne-leading-5"
71
+ - ".ariadne-leading-7"
72
+ - ".ariadne-max-w-7xl"
73
+ - ".ariadne-max-w-xs"
74
+ - ".ariadne-min-h-screen"
75
+ - ".ariadne-ml-3"
76
+ - ".ariadne-mt-2"
77
+ - ".ariadne-mt-4"
78
+ - ".ariadne-mt-6"
79
+ - ".ariadne-mt-8"
80
+ - ".ariadne-mx-auto"
81
+ - ".ariadne-my-4"
82
+ - ".ariadne-overflow-hidden"
83
+ - ".ariadne-p-1"
84
+ - ".ariadne-p-1.5"
85
+ - ".ariadne-p-4"
86
+ - ".ariadne-p-8"
87
+ - ".ariadne-pb-2"
88
+ - ".ariadne-pb-4"
89
+ - ".ariadne-pl-2"
90
+ - ".ariadne-pl-3"
91
+ - ".ariadne-pt-5"
92
+ - ".ariadne-pt-6"
93
+ - ".ariadne-px-1"
94
+ - ".ariadne-px-2"
95
+ - ".ariadne-px-2.5"
96
+ - ".ariadne-px-3"
97
+ - ".ariadne-px-4"
98
+ - ".ariadne-px-5"
99
+ - ".ariadne-px-6"
100
+ - ".ariadne-py-0.5"
101
+ - ".ariadne-py-1"
102
+ - ".ariadne-py-1.5"
103
+ - ".ariadne-py-12"
104
+ - ".ariadne-py-2"
105
+ - ".ariadne-py-3"
106
+ - ".ariadne-py-4"
107
+ - ".ariadne-py-5"
108
+ - ".ariadne-relative"
109
+ - ".ariadne-rounded"
110
+ - ".ariadne-rounded-bl-lg"
111
+ - ".ariadne-rounded-full"
112
+ - ".ariadne-rounded-lg"
113
+ - ".ariadne-rounded-m"
114
+ - ".ariadne-rounded-md"
115
+ - ".ariadne-shadow"
116
+ - ".ariadne-shadow-sm"
117
+ - ".ariadne-space-x-8"
118
+ - ".ariadne-sr-only"
119
+ - ".ariadne-sticky"
120
+ - ".ariadne-stroke-state-open"
121
+ - ".ariadne-text-2xl"
122
+ - ".ariadne-text-3xl"
123
+ - ".ariadne-text-base"
124
+ - ".ariadne-text-blue-500"
125
+ - ".ariadne-text-blue-700"
126
+ - ".ariadne-text-blue-800"
127
+ - ".ariadne-text-button-text-color"
128
+ - ".ariadne-text-center"
129
+ - ".ariadne-text-gray-900"
130
+ - ".ariadne-text-green-500"
131
+ - ".ariadne-text-green-600"
132
+ - ".ariadne-text-green-700"
133
+ - ".ariadne-text-green-800"
134
+ - ".ariadne-text-lg"
135
+ - ".ariadne-text-purple-800"
136
+ - ".ariadne-text-red-500"
137
+ - ".ariadne-text-red-700"
138
+ - ".ariadne-text-red-800"
139
+ - ".ariadne-text-sm"
140
+ - ".ariadne-text-state-closed"
141
+ - ".ariadne-text-state-open"
142
+ - ".ariadne-text-white"
143
+ - ".ariadne-text-xl"
144
+ - ".ariadne-text-xs"
145
+ - ".ariadne-text-yellow-500"
146
+ - ".ariadne-text-yellow-700"
147
+ - ".ariadne-text-yellow-800"
148
+ - ".ariadne-top-0"
149
+ - ".ariadne-transition"
150
+ - ".ariadne-underline"
151
+ - ".ariadne-w-0"
152
+ - ".ariadne-w-auto"
153
+ - ".ariadne-w-full"
154
+ - ".ariadne-whitespace-nowrap"
155
+ - ".ariadne-z-10"
156
+ - ".ariadne-z-50"
12
157
  - ".as"
13
158
  - ".attributes:"
14
159
  - ".bell"
15
160
  - ".bg-billy-purple"
16
- - ".bg-blue-50"
17
- - ".bg-button-bg-color"
18
161
  - ".bg-filter-panel"
19
- - ".bg-gray-600"
20
- - ".bg-green-50"
21
- - ".bg-purple-50"
22
- - ".bg-red-50"
23
162
  - ".bg-state-closed"
24
163
  - ".bg-state-open"
25
- - ".bg-white"
26
- - ".bg-yellow-50"
27
164
  - ".billion:"
28
165
  - ".bold"
29
166
  - ".bold-button-0"
30
- - ".border"
31
167
  - ".border-billy-purple"
32
- - ".border-blue-300"
33
- - ".border-gray-300"
34
- - ".border-green-300"
35
- - ".border-our-purple-300"
36
- - ".border-purple-300"
37
- - ".border-red-300"
38
168
  - ".border-state-closed"
39
169
  - ".border-state-open"
40
- - ".border-t"
41
- - ".border-transparent"
42
- - ".border-yellow-300"
43
170
  - ".button-with-tooltip"
44
171
  - ".check"
45
172
  - ".chevron-down"
@@ -47,199 +174,118 @@
47
174
  - ".clipboard"
48
175
  - ".clipboard-copy-component"
49
176
  - ".clock"
50
- - ".color-fg-success"
51
- - ".cursor-pointer"
177
+ - ".delivery"
52
178
  - ".divide-gray-200"
53
- - ".divide-gray-300"
54
179
  - ".divide-y"
55
180
  - ".dots-horizontal"
56
- - ".duration-500"
57
181
  - ".fill-billy-purple"
58
182
  - ".fill-state-closed"
59
183
  - ".fill-state-open"
60
184
  - ".flex"
61
185
  - ".flex-auto"
62
- - ".flex-col"
63
- - ".flex-row"
64
- - ".flex-shrink-0"
65
- - ".flow-root"
66
186
  - ".focus-visible:outline-2"
67
187
  - ".focus-visible:outline-offset-2"
68
- - ".focus:outline-none"
69
- - ".focus:ring-2"
70
- - ".focus:ring-blue-600"
71
- - ".focus:ring-gray-500"
72
- - ".focus:ring-green-600"
73
- - ".focus:ring-indigo-500"
74
- - ".focus:ring-offset-2"
75
- - ".focus:ring-offset-blue-50"
76
- - ".focus:ring-offset-green-50"
77
- - ".focus:ring-offset-purple-50"
78
- - ".focus:ring-offset-red-50"
79
- - ".focus:ring-offset-yellow-50"
80
- - ".focus:ring-purple-500"
81
- - ".focus:ring-purple-600"
82
- - ".focus:ring-red-600"
83
- - ".focus:ring-yellow-600"
84
- - ".font-bold"
188
+ - ".focus-within:ariadne-border-indigo-500"
189
+ - ".focus-within:ariadne-ring-1"
190
+ - ".focus-within:ariadne-ring-indigo-500"
191
+ - ".focus:ariadne-outline-none"
192
+ - ".focus:ariadne-ring-0"
193
+ - ".focus:ariadne-ring-2"
194
+ - ".focus:ariadne-ring-blue-600"
195
+ - ".focus:ariadne-ring-green-600"
196
+ - ".focus:ariadne-ring-offset-2"
197
+ - ".focus:ariadne-ring-offset-blue-50"
198
+ - ".focus:ariadne-ring-offset-green-50"
199
+ - ".focus:ariadne-ring-offset-purple-50"
200
+ - ".focus:ariadne-ring-offset-red-50"
201
+ - ".focus:ariadne-ring-offset-yellow-50"
202
+ - ".focus:ariadne-ring-purple-500"
203
+ - ".focus:ariadne-ring-purple-600"
204
+ - ".focus:ariadne-ring-red-600"
205
+ - ".focus:ariadne-ring-yellow-600"
85
206
  - ".font-extrabold"
86
- - ".font-medium"
87
- - ".font-semibold"
88
- - ".foo"
89
207
  - ".full"
90
- - ".gap-6"
91
- - ".grid"
92
- - ".grid-cols-1"
93
208
  - ".group"
94
- - ".h-10"
95
- - ".h-full"
96
- - ".hidden"
97
- - ".hover:bg-blue-100"
98
- - ".hover:bg-button-hover-color"
99
- - ".hover:bg-gray-50"
100
- - ".hover:bg-gray-700"
101
- - ".hover:bg-green-100"
102
- - ".hover:bg-purple-100"
103
- - ".hover:bg-red-100"
209
+ - ".hover:ariadne-bg-blue-100"
210
+ - ".hover:ariadne-bg-button-hover-color"
211
+ - ".hover:ariadne-bg-green-100"
212
+ - ".hover:ariadne-bg-purple-100"
213
+ - ".hover:ariadne-bg-red-100"
214
+ - ".hover:ariadne-bg-yellow-100"
215
+ - ".hover:ariadne-text-button-text-color"
216
+ - ".hover:ariadne-text-gray-500"
104
217
  - ".hover:bg-slate-100"
105
- - ".hover:bg-yellow-100"
106
218
  - ".hover:text-slate-900"
107
219
  - ".id:"
108
220
  - ".immediately"
109
221
  - ".impact"
110
222
  - ".information-circle"
111
- - ".inline-block"
112
- - ".inline-flex"
113
- - ".inset-0"
114
223
  - ".is"
115
- - ".items-baseline"
116
- - ".items-center"
117
- - ".justify-between"
118
- - ".justify-center"
119
- - ".leading-4"
120
- - ".leading-5"
121
- - ".leading-7"
122
- - ".lg:grid-cols-4"
123
- - ".lg:px-8"
124
- - ".lg:py-16"
224
+ - ".lg:ariadne-grid-cols-3"
225
+ - ".lg:ariadne-px-8"
226
+ - ".lg:ariadne-py-16"
125
227
  - ".link"
126
228
  - ".list"
127
229
  - ".lock-closed"
128
- - ".m-2"
129
230
  - ".m:"
130
231
  - ".mail"
131
- - ".max-w-7xl"
132
- - ".md:grid-cols-3"
232
+ - ".md:ariadne-divide-y-0"
233
+ - ".md:ariadne-flex"
234
+ - ".md:ariadne-flex-1"
133
235
  - ".members"
134
236
  - ".menu"
237
+ - ".message"
238
+ - ".method:"
135
239
  - ".million:"
136
- - ".min-h-screen"
137
- - ".ml-2"
138
- - ".ml-3"
139
- - ".mt-1"
140
- - ".mt-2"
141
- - ".mt-4"
142
- - ".mt-6"
143
- - ".mt-8"
144
- - ".mx-auto"
145
240
  - ".organization"
146
- - ".p-1"
147
- - ".p-1.5"
148
- - ".p-4"
149
- - ".pb-4"
150
241
  - ".pencil"
151
- - ".pl-2"
152
- - ".pl-3"
153
242
  - ".plus-sm"
154
- - ".pt-5"
155
- - ".pt-6"
156
243
  - ".pt:"
157
- - ".px-2"
158
- - ".px-2.5"
159
- - ".px-3"
160
- - ".px-4"
161
- - ".px-6"
162
- - ".py-0.5"
163
- - ".py-1"
164
- - ".py-1.5"
165
- - ".py-12"
166
- - ".py-2"
167
- - ".py-3"
168
- - ".py-5"
169
244
  - ".question-mark-circle"
170
- - ".relative"
171
- - ".rounded"
172
- - ".rounded-full"
173
- - ".rounded-lg"
174
- - ".rounded-m"
175
- - ".rounded-md"
176
245
  - ".scheme:"
177
246
  - ".scroll-smooth"
178
247
  - ".search"
179
248
  - ".secure"
180
- - ".shadow-sm"
181
249
  - ".should"
182
- - ".sm:grid-cols-2"
183
- - ".sm:mt-0"
184
- - ".sm:px-6"
185
- - ".sm:text-3xl"
250
+ - ".sm:ariadne-block"
251
+ - ".sm:ariadne-grid-cols-2"
252
+ - ".sm:ariadne-mt-0"
253
+ - ".sm:ariadne-px-6"
254
+ - ".sm:ariadne-text-3xl"
255
+ - ".sm:ariadne-text-sm"
256
+ - ".sm:space-y-5"
186
257
  - ".sm:text-4xl"
187
- - ".sr-only"
188
- - ".sticky"
258
+ - ".space-y-8"
189
259
  - ".stroke-billy-purple"
190
260
  - ".stroke-state-closed"
191
261
  - ".stroke-state-open"
192
262
  - ".system"
193
263
  - ".take"
194
264
  - ".text"
195
- - ".text-2xl"
196
265
  - ".text-3xl"
197
- - ".text-base"
198
266
  - ".text-billy-purple"
199
- - ".text-blue-500"
200
- - ".text-blue-700"
201
- - ".text-blue-800"
267
+ - ".text-black-700"
202
268
  - ".text-button-text-color"
203
- - ".text-center"
204
- - ".text-gray-700"
205
269
  - ".text-gray-900"
206
- - ".text-green-500"
207
- - ".text-green-700"
208
- - ".text-green-800"
209
- - ".text-lg"
210
- - ".text-purple-800"
211
- - ".text-red-500"
212
- - ".text-red-700"
213
- - ".text-red-800"
214
270
  - ".text-slate-500"
215
271
  - ".text-slate-700"
216
- - ".text-sm"
217
272
  - ".text-state-closed"
218
273
  - ".text-state-open"
219
- - ".text-white"
220
- - ".text-xl"
221
- - ".text-xs"
222
- - ".text-yellow-500"
223
274
  - ".text-yellow-600"
224
- - ".text-yellow-700"
225
- - ".text-yellow-800"
226
275
  - ".text:"
227
276
  - ".the"
277
+ - ".tiptap-editor"
228
278
  - ".to"
229
279
  - ".tooltip"
230
- - ".top-0"
231
- - ".top-4"
280
+ - ".tooltip-arrow"
281
+ - ".tooltip-component"
232
282
  - ".tracking-tight"
233
- - ".transition"
234
283
  - ".trash"
284
+ - ".trigger"
235
285
  - ".type:"
236
286
  - ".up"
237
287
  - ".vault"
238
- - ".w-auto"
239
- - ".w-full"
240
- - ".whitespace-nowrap"
241
288
  - ".width"
242
289
  - ".will"
243
- - ".x"
244
- - ".z-10"
245
- - ".z-50"
290
+ - ".x-mark"
291
+ - ".z-max"