ariadne_view_components 0.0.13-x64-mingw32 → 0.0.14-x64-mingw32
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/assets/javascripts/ariadne_view_components.js +2 -2
- data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
- data/app/assets/javascripts/comment-component.d.ts +1 -2
- data/app/assets/stylesheets/ariadne_view_components.css +1 -0
- data/app/assets/stylesheets/dropdown.css +46 -0
- data/app/assets/stylesheets/tooltip-component.css +8 -8
- data/app/components/ariadne/ariadne.ts +0 -2
- data/app/components/ariadne/avatar_component.rb +81 -0
- data/app/components/ariadne/avatar_stack_component.html.erb +12 -0
- data/app/components/ariadne/avatar_stack_component.rb +75 -0
- data/app/components/ariadne/base_button.rb +13 -4
- data/app/components/ariadne/blankslate_component.rb +4 -4
- data/app/components/ariadne/button_component.html.erb +1 -1
- data/app/components/ariadne/button_component.rb +9 -3
- data/app/components/ariadne/comment-component.ts +32 -50
- data/app/components/ariadne/comment_component.html.erb +32 -10
- data/app/components/ariadne/comment_component.rb +17 -5
- data/app/components/ariadne/details_component.html.erb +4 -0
- data/app/components/ariadne/details_component.rb +80 -0
- data/app/components/ariadne/dropdown/menu_component.html.erb +20 -0
- data/app/components/ariadne/dropdown/menu_component.rb +101 -0
- data/app/components/ariadne/dropdown/menu_component.ts +1 -0
- data/app/components/ariadne/dropdown_component.html.erb +8 -0
- data/app/components/ariadne/dropdown_component.rb +172 -0
- data/app/components/ariadne/flex_component.rb +1 -1
- data/app/components/ariadne/footer_component.html.erb +1 -1
- data/app/components/ariadne/header_component.rb +2 -2
- data/app/components/ariadne/heroicon_component.rb +6 -4
- data/app/components/ariadne/inline_flex_component.html.erb +1 -0
- data/app/components/ariadne/inline_flex_component.rb +8 -1
- data/app/components/ariadne/link_component.rb +2 -2
- data/app/components/ariadne/list_component.html.erb +2 -9
- data/app/components/ariadne/list_component.rb +11 -15
- data/app/components/ariadne/main_component.rb +1 -1
- data/app/components/ariadne/pill_component.rb +19 -5
- data/app/components/ariadne/rich-text-area-component.ts +4 -4
- data/app/components/ariadne/rich_text_area_component.html.erb +1 -1
- data/app/components/ariadne/rich_text_area_component.rb +1 -1
- data/app/components/ariadne/slideover_component.html.erb +1 -1
- data/app/components/ariadne/tab-container-component.ts +21 -21
- data/app/components/ariadne/tab_component.rb +4 -7
- data/app/components/ariadne/tab_container_component.rb +8 -2
- data/app/components/ariadne/tab_nav_component.html.erb +1 -1
- data/app/components/ariadne/tab_nav_component.rb +1 -1
- data/app/components/ariadne/table_nav_component.html.erb +52 -0
- data/app/components/ariadne/table_nav_component.rb +338 -0
- data/app/components/ariadne/tooltip_component.html.erb +1 -1
- data/app/components/ariadne/tooltip_component.rb +4 -4
- data/app/lib/ariadne/action_view_extensions/form_helper.rb +21 -7
- data/app/lib/ariadne/form_builder.rb +2 -2
- data/lib/ariadne/view_components/version.rb +1 -1
- data/lib/tasks/docs.rake +19 -3
- data/static/arguments.yml +103 -11
- data/static/audited_at.json +15 -7
- data/static/classes.yml +49 -45
- data/static/constants.json +179 -51
- data/static/statuses.json +15 -7
- data/tailwind.config.js +25 -1
- metadata +15 -4
- data/app/components/ariadne/table_component.html.erb +0 -17
- data/app/components/ariadne/table_component.rb +0 -281
data/static/constants.json
CHANGED
@@ -1,6 +1,44 @@
|
|
1
1
|
{
|
2
|
+
"Ariadne::AvatarComponent": {
|
3
|
+
"DEFAULT_CLASSES": "ariadne-inline-block ariadne-rounded-full ariadne-ring-2 ariadne-ring-white",
|
4
|
+
"DEFAULT_SHAPE": "circle",
|
5
|
+
"DEFAULT_SIZE": 20,
|
6
|
+
"SHAPE_OPTIONS": [
|
7
|
+
"circle",
|
8
|
+
"square"
|
9
|
+
],
|
10
|
+
"SIZE_OPTIONS": [
|
11
|
+
16,
|
12
|
+
20,
|
13
|
+
24,
|
14
|
+
32,
|
15
|
+
40,
|
16
|
+
48,
|
17
|
+
80
|
18
|
+
],
|
19
|
+
"SMALL_THRESHOLD": 24
|
20
|
+
},
|
21
|
+
"Ariadne::AvatarStackComponent": {
|
22
|
+
"ALIGN_DEFAULT": "left",
|
23
|
+
"ALIGN_OPTIONS": [
|
24
|
+
"left",
|
25
|
+
"right"
|
26
|
+
],
|
27
|
+
"BODY_TAG_OPTIONS": [
|
28
|
+
"div",
|
29
|
+
"span"
|
30
|
+
],
|
31
|
+
"DEFAULT_BODY_TAG": "div",
|
32
|
+
"DEFAULT_CLASSES": "ariadne-flex ariadne--space-x-2 ariadne-overflow-hidden",
|
33
|
+
"DEFAULT_TAG": "div",
|
34
|
+
"TAG_OPTIONS": [
|
35
|
+
"div",
|
36
|
+
"span"
|
37
|
+
]
|
38
|
+
},
|
2
39
|
"Ariadne::BaseButton": {
|
3
40
|
"DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-border ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
|
41
|
+
"DEFAULT_NUDE_CLASSES": "ariadne-inline-flex focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2",
|
4
42
|
"DEFAULT_SIZE": "md",
|
5
43
|
"DEFAULT_TAG": "button",
|
6
44
|
"DEFAULT_TYPE": "button",
|
@@ -16,11 +54,6 @@
|
|
16
54
|
"a",
|
17
55
|
"summary"
|
18
56
|
],
|
19
|
-
"TYPE_OPTIONS": [
|
20
|
-
"button",
|
21
|
-
"reset",
|
22
|
-
"submit"
|
23
|
-
],
|
24
57
|
"TYPE_SUBMIT": "submit",
|
25
58
|
"VALID_SIZES": [
|
26
59
|
"xs",
|
@@ -28,6 +61,11 @@
|
|
28
61
|
"md",
|
29
62
|
"lg",
|
30
63
|
"xl"
|
64
|
+
],
|
65
|
+
"VALID_TYPES": [
|
66
|
+
"button",
|
67
|
+
"reset",
|
68
|
+
"submit"
|
31
69
|
]
|
32
70
|
},
|
33
71
|
"Ariadne::BaseComponent": {
|
@@ -50,7 +88,7 @@
|
|
50
88
|
},
|
51
89
|
"Ariadne::BlankslateComponent": {
|
52
90
|
"DEFAULT_CLASSES": "ariadne-text-center",
|
53
|
-
"DEFAULT_HEADING_CLASSES": "text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl",
|
91
|
+
"DEFAULT_HEADING_CLASSES": "ariadne-text-3xl ariadne-font-extrabold ariadne-tracking-tight ariadne-text-gray-900 sm:ariadne-text-4xl",
|
54
92
|
"DEFAULT_IMAGE_SIZE": 56,
|
55
93
|
"DEFAULT_TAG": "div",
|
56
94
|
"TAG_OPTIONS": [
|
@@ -64,6 +102,7 @@
|
|
64
102
|
"DEFAULT_SCHEME": "default",
|
65
103
|
"LINK_SCHEME": "link",
|
66
104
|
"SCHEME_CLASS_MAPPINGS": {
|
105
|
+
"link": "ariadne-underline ariadne-decoration-double",
|
67
106
|
"none": "",
|
68
107
|
"default": "ariadne-text-purple-800 ariadne-bg-purple-50 hover:ariadne-bg-purple-100 ariadne-border-purple-300 focus:ariadne-ring-offset-purple-50 focus:ariadne-ring-purple-600",
|
69
108
|
"info": "ariadne-text-blue-800 ariadne-bg-blue-50 hover:ariadne-bg-blue-100 ariadne-border-blue-300 focus:ariadne-ring-offset-blue-50 focus:ariadne-ring-blue-600",
|
@@ -72,6 +111,7 @@
|
|
72
111
|
"danger": "ariadne-text-red-800 ariadne-bg-red-50 hover:ariadne-bg-red-100 ariadne-border-red-300 focus:ariadne-ring-offset-red-50 focus:ariadne-ring-red-600"
|
73
112
|
},
|
74
113
|
"VALID_SCHEMES": [
|
114
|
+
"link",
|
75
115
|
"none",
|
76
116
|
"default",
|
77
117
|
"info",
|
@@ -92,7 +132,7 @@
|
|
92
132
|
"data-action": "click->clipboard-copy-component#copy mouseover->tooltip-component#show mouseout->tooltip-component#hide",
|
93
133
|
"data-tooltip-component-target": "trigger"
|
94
134
|
},
|
95
|
-
"DEFAULT_CLASSES": "
|
135
|
+
"DEFAULT_CLASSES": "ariadne-underline ariadne-decoration-double",
|
96
136
|
"DEFAULT_TAG": "clipboard-copy"
|
97
137
|
},
|
98
138
|
"Ariadne::CommentComponent": {
|
@@ -110,6 +150,66 @@
|
|
110
150
|
"Ariadne::CounterComponent": {
|
111
151
|
"DEFAULT_CLASSES": "ariadne-inline-flex ariadne-items-center ariadne-p-1 ariadne-border ariadne-border-transparent ariadne-rounded-full ariadne-shadow-sm focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2"
|
112
152
|
},
|
153
|
+
"Ariadne::DetailsComponent": {
|
154
|
+
"DEFAULT_BODY_CLASSES": "ariadne-absolute ariadne-right-0 ariadne-z-10 ariadne-mt-2 ariadne-w-56 ariadne-origin-top-right ariadne-divide-y ariadne-divide-gray-100 ariadne-rounded-md ariadne-bg-white ariadne-shadow-lg ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 focus:ariadne-outline-none",
|
155
|
+
"DEFAULT_BODY_TAG": "div",
|
156
|
+
"DEFAULT_CLASSES": "",
|
157
|
+
"DEFAULT_TAG": "details",
|
158
|
+
"NO_OVERLAY": "none",
|
159
|
+
"OVERLAY_MAPPINGS": {
|
160
|
+
"none": "",
|
161
|
+
"default": ""
|
162
|
+
},
|
163
|
+
"VALID_BODY_TAGS": [
|
164
|
+
"ul",
|
165
|
+
"details-menu",
|
166
|
+
"details-dialog",
|
167
|
+
"div"
|
168
|
+
]
|
169
|
+
},
|
170
|
+
"Ariadne::Dropdown::MenuComponent": {
|
171
|
+
"DEFAULT_AS_OPTION": "default",
|
172
|
+
"DEFAULT_CLASSES": "",
|
173
|
+
"DEFAULT_DIRECTION": "se",
|
174
|
+
"DEFAULT_HEADER_CLASSES": "ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
|
175
|
+
"DEFAULT_TAG": "details-menu",
|
176
|
+
"Item": "Ariadne::Dropdown::MenuComponent::Item",
|
177
|
+
"TAG_OPTIONS": [
|
178
|
+
"details-menu"
|
179
|
+
],
|
180
|
+
"VALID_AS_OPTIONS": [
|
181
|
+
"default",
|
182
|
+
"list"
|
183
|
+
],
|
184
|
+
"VALID_DIRECTIONS": [
|
185
|
+
"se",
|
186
|
+
"sw",
|
187
|
+
"w",
|
188
|
+
"e",
|
189
|
+
"ne",
|
190
|
+
"s"
|
191
|
+
]
|
192
|
+
},
|
193
|
+
"Ariadne::Dropdown::MenuComponent::Item": {
|
194
|
+
"BUTTON_TAGS": [
|
195
|
+
"button",
|
196
|
+
"summary"
|
197
|
+
],
|
198
|
+
"DEFAULT_ITEM_CLASSES": "ariadne-block ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-text-gray-700",
|
199
|
+
"DEFAULT_TAG": "a",
|
200
|
+
"VALID_TAGS": [
|
201
|
+
"a",
|
202
|
+
"button",
|
203
|
+
"summary"
|
204
|
+
]
|
205
|
+
},
|
206
|
+
"Ariadne::DropdownComponent": {
|
207
|
+
"DEFAULT_CLASSES": "",
|
208
|
+
"DEFAULT_TAG": "div",
|
209
|
+
"TAG_OPTIONS": [
|
210
|
+
"div"
|
211
|
+
]
|
212
|
+
},
|
113
213
|
"Ariadne::FlashComponent": {
|
114
214
|
"BG_SCHEME_CLASS_MAPPINGS": {
|
115
215
|
"default": "ariadne-bg-blue-50",
|
@@ -156,7 +256,7 @@
|
|
156
256
|
]
|
157
257
|
},
|
158
258
|
"Ariadne::FlexComponent": {
|
159
|
-
"DEFAULT_CLASSES": "flex",
|
259
|
+
"DEFAULT_CLASSES": "ariadne-flex",
|
160
260
|
"DEFAULT_TAG": "div",
|
161
261
|
"TAG_OPTIONS": [
|
162
262
|
"div"
|
@@ -186,8 +286,8 @@
|
|
186
286
|
"DEFAULT_CLASSES": "ariadne-sticky ariadne-top-0 ariadne-z-50 ariadne-px-4 ariadne-py-5 ariadne-bg-white ariadne-shadow-sm shadow-slate-900/5 ariadne-transition ariadne-duration-500",
|
187
287
|
"DEFAULT_IMAGE_LOGO_CLASSES": "ariadne-h-10 ariadne-w-auto",
|
188
288
|
"DEFAULT_NAV_LINK_CLASSES": "ariadne-inline-block ariadne-rounded-lg ariadne-py-1 ariadne-px-2 ariadne-text-sm text-slate-700 hover:bg-slate-100 hover:text-slate-900",
|
189
|
-
"DEFAULT_PROFILE_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
|
190
|
-
"DEFAULT_SIGNUP_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:outline-2 focus-visible:outline-offset-2",
|
289
|
+
"DEFAULT_PROFILE_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:ariadne-outline-2 focus-visible:outline-offset-2",
|
290
|
+
"DEFAULT_SIGNUP_LINK_CLASSES": "group ariadne-inline-flex ariadne-items-center ariadne-justify-center ariadne-rounded-full ariadne-py-2 ariadne-px-4 ariadne-text-sm ariadne-font-semibold focus:ariadne-outline-none focus-visible:ariadne-outline-2 focus-visible:outline-offset-2",
|
191
291
|
"DEFAULT_TEXT_LOGO_CLASSES": "ariadne-flex ariadne-items-center ariadne-font-bold ariadne-text-xl",
|
192
292
|
"LINK_CLASSES": "ariadne-rounded-lg ariadne-py-1 ariadne-px-2 text-slate-700 hover:bg-slate-100 hover:text-slate-900"
|
193
293
|
},
|
@@ -282,19 +382,22 @@
|
|
282
382
|
"variant": "outline"
|
283
383
|
}
|
284
384
|
],
|
285
|
-
"SIZE_DEFAULT": "
|
385
|
+
"SIZE_DEFAULT": "md",
|
286
386
|
"SIZE_LARGE": "lg",
|
287
387
|
"SIZE_MAPPINGS": {
|
288
|
-
"
|
388
|
+
"mu": 16,
|
389
|
+
"sm": 20,
|
289
390
|
"md": 24,
|
290
391
|
"lg": 128
|
291
392
|
},
|
292
|
-
"
|
393
|
+
"SIZE_MICRO": "mu",
|
293
394
|
"SIZE_OPTIONS": [
|
395
|
+
"mu",
|
294
396
|
"sm",
|
295
397
|
"md",
|
296
398
|
"lg"
|
297
|
-
]
|
399
|
+
],
|
400
|
+
"SIZE_SMALL": "sm"
|
298
401
|
},
|
299
402
|
"Ariadne::ImageComponent": {
|
300
403
|
"DEFAULT_TAG": "img"
|
@@ -306,7 +409,7 @@
|
|
306
409
|
"DEFAULT_TEXT_CLASSES": "ariadne-pl-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-900",
|
307
410
|
"DEFAULT_TEXT_CLOSED_CLASSES": "ariadne-text-state-closed",
|
308
411
|
"DEFAULT_TEXT_OPEN_CLASSES": "ariadne-text-state-open",
|
309
|
-
"STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-closed fill-state-closed \" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
|
412
|
+
"STATE_CLOSED_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-closed ariadne-fill-state-closed \" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
|
310
413
|
"STATE_OPEN_SVG": "<svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" class=\"ariadne-stroke-state-open\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"></circle>\n</svg>\n",
|
311
414
|
"STATE_OPTIONS": [
|
312
415
|
"closed",
|
@@ -314,8 +417,8 @@
|
|
314
417
|
]
|
315
418
|
},
|
316
419
|
"Ariadne::LinkComponent": {
|
317
|
-
"DEFAULT_ACTIONABLE_CLASSES": "
|
318
|
-
"DEFAULT_CLASSES": "ariadne-cursor-pointer",
|
420
|
+
"DEFAULT_ACTIONABLE_CLASSES": "ariadne-underline ariadne-decoration-double",
|
421
|
+
"DEFAULT_CLASSES": "ariadne-cursor-pointer ariadne-font-semibold hover:ariadne-text-button-text-color focus:ariadne-outline-none focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500",
|
319
422
|
"DEFAULT_TAG": "a",
|
320
423
|
"TAG_OPTIONS": [
|
321
424
|
"a",
|
@@ -328,11 +431,10 @@
|
|
328
431
|
"ListItem": "Ariadne::ListComponent::ListItem"
|
329
432
|
},
|
330
433
|
"Ariadne::ListComponent::ListItem": {
|
331
|
-
"DEFAULT_ENTRY_CLASSES": "hover:ariadne-text-gray-500",
|
332
434
|
"DEFAULT_ITEM_CLASSES": "ariadne-relative ariadne-p-1.5 focus:ariadne-ring-2 focus:ariadne-ring-offset-2 focus:ariadne-ring-purple-500 hover:ariadne-bg-button-hover-color"
|
333
435
|
},
|
334
436
|
"Ariadne::MainComponent": {
|
335
|
-
"DEFAULT_CLASSES": "flex-auto"
|
437
|
+
"DEFAULT_CLASSES": "ariadne-flex-auto"
|
336
438
|
},
|
337
439
|
"Ariadne::NarrowContainerComponent": {
|
338
440
|
"DEFAULT_CLASSES": "ariadne-max-w-7xl ariadne-mx-auto ariadne-py-12 ariadne-px-4 sm:ariadne-px-6 lg:ariadne-py-16 lg:ariadne-px-8",
|
@@ -354,14 +456,14 @@
|
|
354
456
|
"DEFAULT_WRAPPER_CLASSES": "group ariadne-flex ariadne-items-center ariadne-w-full"
|
355
457
|
},
|
356
458
|
"Ariadne::PillComponent": {
|
357
|
-
"DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full",
|
459
|
+
"DEFAULT_CLASSES": "ariadne-flex-shrink-0 ariadne-inline-block ariadne-px-2 ariadne-py-0.5 ariadne-text-xs ariadne-font-medium ariadne-rounded-full ariadne-whitespace-nowrap",
|
358
460
|
"DEFAULT_TAG": "span",
|
359
461
|
"TAG_OPTIONS": [
|
360
462
|
"span"
|
361
463
|
]
|
362
464
|
},
|
363
465
|
"Ariadne::RichTextAreaComponent": {
|
364
|
-
"DEFAULT_CLASSES": "ariadne-block
|
466
|
+
"DEFAULT_CLASSES": "ariadne-block",
|
365
467
|
"DEFAULT_TAG": "div"
|
366
468
|
},
|
367
469
|
"Ariadne::SlideoverComponent": {
|
@@ -388,7 +490,9 @@
|
|
388
490
|
},
|
389
491
|
"Ariadne::TabContainerComponent": {
|
390
492
|
"DEFAULT_CLASSES": "",
|
391
|
-
"
|
493
|
+
"DEFAULT_SELECTED_CLASSES": "ariadne-border-indigo-500 ariadne-text-indigo-600",
|
494
|
+
"DEFAULT_TAG": "tab-container",
|
495
|
+
"DEFAULT_UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
|
392
496
|
},
|
393
497
|
"Ariadne::TabNavComponent": {
|
394
498
|
"BODY_TAG_DEFAULT": "ul",
|
@@ -401,35 +505,59 @@
|
|
401
505
|
],
|
402
506
|
"UNSELECTED_CLASSES": "ariadne-text-gray-500 hover:ariadne-text-gray-700 hover:ariadne-border-gray-300"
|
403
507
|
},
|
404
|
-
"Ariadne::
|
405
|
-
"
|
406
|
-
"
|
407
|
-
"
|
408
|
-
"
|
409
|
-
"
|
410
|
-
|
411
|
-
|
412
|
-
|
413
|
-
"
|
508
|
+
"Ariadne::TableNavComponent": {
|
509
|
+
"BaseCellItem": "Ariadne::TableNavComponent::BaseCellItem",
|
510
|
+
"BaseRowItem": "Ariadne::TableNavComponent::BaseRowItem",
|
511
|
+
"DEFAULT_CLASSES": "ariadne-min-w-full ariadne-divide-y ariadne-divide-gray-300",
|
512
|
+
"DEFAULT_TAG": "table",
|
513
|
+
"FooterItem": "Ariadne::TableNavComponent::FooterItem",
|
514
|
+
"PaginationBarItem": "Ariadne::TableNavComponent::PaginationBarItem"
|
515
|
+
},
|
516
|
+
"Ariadne::TableNavComponent::BaseCellItem": {
|
517
|
+
"CellItem": "Ariadne::TableNavComponent::BaseCellItem::CellItem",
|
518
|
+
"DEFAULT_CELL_CLASSES": "ariadne-py-3.5 ariadne-pl-4 ariadne-pr-3 ariadne-text-left ariadne-text-sm ariadne-text-gray-900",
|
519
|
+
"HeaderCellItem": "Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem"
|
520
|
+
},
|
521
|
+
"Ariadne::TableNavComponent::BaseCellItem::CellItem": {
|
522
|
+
"DEFAULT_CELL_CLASSES": "",
|
523
|
+
"DEFAULT_TAG": "td"
|
524
|
+
},
|
525
|
+
"Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem": {
|
526
|
+
"DEFAULT_HEADER_CELL_CLASSES": "ariadne-py-3.5 ariadne-pl-4 ariadne-pr-3 ariadne-text-left ariadne-text-sm ariadne-font-semibold ariadne-text-gray-900 sm:ariadne-pl-6 md:ariadne-pl-0",
|
527
|
+
"DEFAULT_TAG": "th",
|
528
|
+
"WIDTH_CLASSES": {
|
529
|
+
"none": "ariadne-flex-none ariadne-w-14 ariadne-px-4",
|
530
|
+
"default": "ariadne-flex-initial",
|
531
|
+
"narrow": "ariadne-flex-initial ariadne-w-1/5 ariadne-text-right",
|
532
|
+
"wide": "ariadne-flex-grow ariadne-w-3/5 sm:ariadne-pl-6"
|
533
|
+
}
|
414
534
|
},
|
415
|
-
"Ariadne::
|
416
|
-
"
|
535
|
+
"Ariadne::TableNavComponent::BaseRowItem": {
|
536
|
+
"BASE_MAIN_CLASSES": "ariadne-pr-5",
|
537
|
+
"BASE_ROW_CLASSES": "",
|
538
|
+
"BASE_SELECTION_CLASSES": "",
|
539
|
+
"DEFAULT_TAG": "tr",
|
540
|
+
"HeaderRowItem": "Ariadne::TableNavComponent::BaseRowItem::HeaderRowItem",
|
541
|
+
"RowItem": "Ariadne::TableNavComponent::BaseRowItem::RowItem"
|
417
542
|
},
|
418
|
-
"Ariadne::
|
419
|
-
"
|
420
|
-
"DEFAULT_PAGINATOR_CLASSES": "ariadne-flex ariadne-items-center ariadne-justify-between ariadne-m-10",
|
421
|
-
"DEFAULT_PREV_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-l-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 focus:ariadne-z-20"
|
543
|
+
"Ariadne::TableNavComponent::BaseRowItem::HeaderRowItem": {
|
544
|
+
"DEFAULT_HEADER_ROW_CLASSES": "ariadne-bg-gray-50 ariadne-text-left"
|
422
545
|
},
|
423
|
-
"Ariadne::
|
424
|
-
"
|
425
|
-
"DEFAULT_ROW_CLASSES": "ariadne-
|
426
|
-
"HeaderCellItem": "Ariadne::TableComponent::RowItem::HeaderCellItem"
|
546
|
+
"Ariadne::TableNavComponent::BaseRowItem::RowItem": {
|
547
|
+
"DEFAULT_METADATA_CLASSES": "",
|
548
|
+
"DEFAULT_ROW_CLASSES": "ariadne-bg-white"
|
427
549
|
},
|
428
|
-
"Ariadne::
|
429
|
-
"
|
550
|
+
"Ariadne::TableNavComponent::FooterItem": {
|
551
|
+
"DEFAULT_FOOTER_CLASSES": "ariadne-border-none ariadne-flex ariadne-items-center ariadne-justify-between ariadne-px-4 ariadne-py-3 sm:ariadne-px-6",
|
552
|
+
"DEFAULT_RESULT_CLASSES": "ariadne-text-sm ariadne-text-gray-700"
|
430
553
|
},
|
431
|
-
"Ariadne::
|
432
|
-
"
|
554
|
+
"Ariadne::TableNavComponent::PaginationBarItem": {
|
555
|
+
"DEFAULT_CURRENT_PAGE_CLASSES": "ariadne-relative ariadne-z-10 ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-indigo-500 ariadne-bg-indigo-50 ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-indigo-600 focus:ariadne-z-20",
|
556
|
+
"DEFAULT_GAP_CLASSES": " ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-700",
|
557
|
+
"DEFAULT_NEXT_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-r-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20",
|
558
|
+
"DEFAULT_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-4 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20",
|
559
|
+
"DEFAULT_PAGINATOR_CLASSES": "ariadne-flex ariadne-items-center ariadne-justify-between ariadne-m-10",
|
560
|
+
"DEFAULT_PREV_PAGE_CLASSES": "ariadne-relative ariadne-inline-flex ariadne-items-center ariadne-rounded-l-md ariadne-border ariadne-border-gray-300 ariadne-bg-white ariadne-px-2 ariadne-py-2 ariadne-text-sm ariadne-font-medium ariadne-text-gray-500 hover:ariadne-bg-gray-50 focus:ariadne-z-20"
|
433
561
|
},
|
434
562
|
"Ariadne::Text": {
|
435
563
|
"DEFAULT_TAG": "span"
|
@@ -448,19 +576,19 @@
|
|
448
576
|
"Ariadne::TooltipComponent": {
|
449
577
|
"DATA_ACTION": "mouseover->tooltip-component#show mouseout->tooltip-component#hide",
|
450
578
|
"DATA_CONTROLLER": "tooltip-component",
|
451
|
-
"DEFAULT_CLASSES": "ariadne-invisible ariadne-absolute ariadne-bg-slate-900 ariadne-text-white ariadne-font-semibold ariadne-max-w-xs ariadne-py-1 ariadne-px-2 ariadne-rounded z-max",
|
579
|
+
"DEFAULT_CLASSES": "ariadne-invisible ariadne-absolute ariadne-bg-slate-900 ariadne-text-white ariadne-font-semibold ariadne-max-w-xs ariadne-py-1 ariadne-px-2 ariadne-rounded ariadne-z-max",
|
452
580
|
"DEFAULT_PLACEMENT": "top",
|
453
581
|
"DEFAULT_TAG": "tooltip",
|
454
582
|
"TYPE_DEFAULT": "description",
|
455
|
-
"TYPE_OPTIONS": [
|
456
|
-
"label",
|
457
|
-
"description"
|
458
|
-
],
|
459
583
|
"VALID_PLACEMENTS": [
|
460
584
|
"top",
|
461
585
|
"right",
|
462
586
|
"bottom",
|
463
587
|
"left"
|
588
|
+
],
|
589
|
+
"VALID_TYPES": [
|
590
|
+
"label",
|
591
|
+
"description"
|
464
592
|
]
|
465
593
|
}
|
466
594
|
}
|
data/static/statuses.json
CHANGED
@@ -1,4 +1,6 @@
|
|
1
1
|
{
|
2
|
+
"Ariadne::AvatarComponent": "stable",
|
3
|
+
"Ariadne::AvatarStackComponent": "stable",
|
2
4
|
"Ariadne::BaseButton": "stable",
|
3
5
|
"Ariadne::BaseComponent": "stable",
|
4
6
|
"Ariadne::BlankslateComponent": "stable",
|
@@ -9,6 +11,10 @@
|
|
9
11
|
"Ariadne::ContainerComponent": "stable",
|
10
12
|
"Ariadne::Content": "stable",
|
11
13
|
"Ariadne::CounterComponent": "stable",
|
14
|
+
"Ariadne::DetailsComponent": "stable",
|
15
|
+
"Ariadne::Dropdown::MenuComponent": "stable",
|
16
|
+
"Ariadne::Dropdown::MenuComponent::Item": "stable",
|
17
|
+
"Ariadne::DropdownComponent": "stable",
|
12
18
|
"Ariadne::FlashComponent": "stable",
|
13
19
|
"Ariadne::FlexComponent": "stable",
|
14
20
|
"Ariadne::FooterComponent": "stable",
|
@@ -32,13 +38,15 @@
|
|
32
38
|
"Ariadne::TabComponent": "stable",
|
33
39
|
"Ariadne::TabContainerComponent": "stable",
|
34
40
|
"Ariadne::TabNavComponent": "stable",
|
35
|
-
"Ariadne::
|
36
|
-
"Ariadne::
|
37
|
-
"Ariadne::
|
38
|
-
"Ariadne::
|
39
|
-
"Ariadne::
|
40
|
-
"Ariadne::
|
41
|
-
"Ariadne::
|
41
|
+
"Ariadne::TableNavComponent": "stable",
|
42
|
+
"Ariadne::TableNavComponent::BaseCellItem": "stable",
|
43
|
+
"Ariadne::TableNavComponent::BaseCellItem::CellItem": "stable",
|
44
|
+
"Ariadne::TableNavComponent::BaseCellItem::HeaderCellItem": "stable",
|
45
|
+
"Ariadne::TableNavComponent::BaseRowItem": "stable",
|
46
|
+
"Ariadne::TableNavComponent::BaseRowItem::HeaderRowItem": "stable",
|
47
|
+
"Ariadne::TableNavComponent::BaseRowItem::RowItem": "stable",
|
48
|
+
"Ariadne::TableNavComponent::FooterItem": "stable",
|
49
|
+
"Ariadne::TableNavComponent::PaginationBarItem": "stable",
|
42
50
|
"Ariadne::Text": "stable",
|
43
51
|
"Ariadne::TimeAgoComponent": "stable",
|
44
52
|
"Ariadne::TimelineComponent": "stable",
|
data/tailwind.config.js
CHANGED
@@ -1,4 +1,5 @@
|
|
1
1
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
2
|
+
const colors = require('tailwindcss/colors')
|
2
3
|
|
3
4
|
const CLASS_YML_REGEX = /^- "\.([\S-]+)"$/
|
4
5
|
|
@@ -27,7 +28,16 @@ module.exports = {
|
|
27
28
|
},
|
28
29
|
rb: content => {
|
29
30
|
const matches = content.match(CLASS_RB_REGEX)
|
30
|
-
|
31
|
+
if (matches) {
|
32
|
+
const rez = matches[0]
|
33
|
+
.split(/\s+/)
|
34
|
+
.filter(function (m) {
|
35
|
+
return m.match(/ariadne/)
|
36
|
+
})
|
37
|
+
.map(m => m.replace(/"/, ''))
|
38
|
+
return rez
|
39
|
+
}
|
40
|
+
return []
|
31
41
|
}
|
32
42
|
}
|
33
43
|
},
|
@@ -40,11 +50,25 @@ module.exports = {
|
|
40
50
|
theme: {
|
41
51
|
extend: {
|
42
52
|
colors: {
|
53
|
+
'billy-purple': '#a700a0',
|
54
|
+
|
55
|
+
'button-text-color': colors.indigo['700'],
|
56
|
+
'button-bg-color': colors.indigo['100'],
|
57
|
+
'button-hover-color': colors.indigo['200'],
|
58
|
+
|
59
|
+
'list-hover-color': colors.blue['50'],
|
60
|
+
'filter-panel-color': colors.amber['100'],
|
61
|
+
|
62
|
+
'internal-message': colors.amber['100'],
|
63
|
+
|
43
64
|
'state-closed': '#da1e28',
|
44
65
|
'state-open': '#198038'
|
45
66
|
},
|
46
67
|
fontFamily: {
|
47
68
|
sans: ['Inter var', ...defaultTheme.fontFamily.sans]
|
69
|
+
},
|
70
|
+
flexBasis: {
|
71
|
+
160: '40rem'
|
48
72
|
}
|
49
73
|
}
|
50
74
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: ariadne_view_components
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.0.
|
4
|
+
version: 0.0.14
|
5
5
|
platform: x64-mingw32
|
6
6
|
authors:
|
7
7
|
- Garen J. Torikian
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-
|
11
|
+
date: 2022-10-03 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: tailwind_merge
|
@@ -124,10 +124,14 @@ files:
|
|
124
124
|
- app/assets/javascripts/time_ago_component.d.ts
|
125
125
|
- app/assets/javascripts/tooltip-component.d.ts
|
126
126
|
- app/assets/stylesheets/ariadne_view_components.css
|
127
|
+
- app/assets/stylesheets/dropdown.css
|
127
128
|
- app/assets/stylesheets/prosemirror.css
|
128
129
|
- app/assets/stylesheets/tooltip-component.css
|
129
130
|
- app/components/ariadne/ariadne-form.ts
|
130
131
|
- app/components/ariadne/ariadne.ts
|
132
|
+
- app/components/ariadne/avatar_component.rb
|
133
|
+
- app/components/ariadne/avatar_stack_component.html.erb
|
134
|
+
- app/components/ariadne/avatar_stack_component.rb
|
131
135
|
- app/components/ariadne/base_button.rb
|
132
136
|
- app/components/ariadne/base_component.rb
|
133
137
|
- app/components/ariadne/blankslate_component.html.erb
|
@@ -146,6 +150,13 @@ files:
|
|
146
150
|
- app/components/ariadne/container_component.rb
|
147
151
|
- app/components/ariadne/content.rb
|
148
152
|
- app/components/ariadne/counter_component.rb
|
153
|
+
- app/components/ariadne/details_component.html.erb
|
154
|
+
- app/components/ariadne/details_component.rb
|
155
|
+
- app/components/ariadne/dropdown/menu_component.html.erb
|
156
|
+
- app/components/ariadne/dropdown/menu_component.rb
|
157
|
+
- app/components/ariadne/dropdown/menu_component.ts
|
158
|
+
- app/components/ariadne/dropdown_component.html.erb
|
159
|
+
- app/components/ariadne/dropdown_component.rb
|
149
160
|
- app/components/ariadne/flash_component.html.erb
|
150
161
|
- app/components/ariadne/flash_component.rb
|
151
162
|
- app/components/ariadne/flex_component.rb
|
@@ -185,8 +196,8 @@ files:
|
|
185
196
|
- app/components/ariadne/tab_container_component.rb
|
186
197
|
- app/components/ariadne/tab_nav_component.html.erb
|
187
198
|
- app/components/ariadne/tab_nav_component.rb
|
188
|
-
- app/components/ariadne/
|
189
|
-
- app/components/ariadne/
|
199
|
+
- app/components/ariadne/table_nav_component.html.erb
|
200
|
+
- app/components/ariadne/table_nav_component.rb
|
190
201
|
- app/components/ariadne/text.rb
|
191
202
|
- app/components/ariadne/time-ago-component.ts
|
192
203
|
- app/components/ariadne/time_ago_component.rb
|
@@ -1,17 +0,0 @@
|
|
1
|
-
<div class="ariadne-inline-block ariadne-min-w-full ariadne-py-2 ariadne-align-middle md:ariadne-px-6 lg:ariadne-px-8">
|
2
|
-
<div class="ariadne-overflow-hidden ariadne-shadow ariadne-ring-1 ariadne-ring-black ariadne-ring-opacity-5 md:ariadne-rounded-lg">
|
3
|
-
<%= render Ariadne::BaseComponent.new(tag: @tag, classes: @classes, attributes: @attributes) do |component| %>
|
4
|
-
<% if has_header_row? %>
|
5
|
-
<%= header_row %>
|
6
|
-
<% end %>
|
7
|
-
<ul class="ariadne-divide-y ariadne-divide-gray-200 ariadne-bg-white">
|
8
|
-
<% rows.each do |row| %>
|
9
|
-
<%= row %>
|
10
|
-
<% end %>
|
11
|
-
</ul>
|
12
|
-
<% end %>
|
13
|
-
</div>
|
14
|
-
<% if has_footer? %>
|
15
|
-
<%= footer %>
|
16
|
-
<% end %>
|
17
|
-
</div>
|