ariadne_view_components 0.0.13-x86_64-linux → 0.0.14-x86_64-linux

Sign up to get free protection for your applications and to get access to all the features.
Files changed (62) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/ariadne_view_components.js +2 -2
  3. data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
  4. data/app/assets/javascripts/comment-component.d.ts +1 -2
  5. data/app/assets/stylesheets/ariadne_view_components.css +1 -0
  6. data/app/assets/stylesheets/dropdown.css +46 -0
  7. data/app/assets/stylesheets/tooltip-component.css +8 -8
  8. data/app/components/ariadne/ariadne.ts +0 -2
  9. data/app/components/ariadne/avatar_component.rb +81 -0
  10. data/app/components/ariadne/avatar_stack_component.html.erb +12 -0
  11. data/app/components/ariadne/avatar_stack_component.rb +75 -0
  12. data/app/components/ariadne/base_button.rb +13 -4
  13. data/app/components/ariadne/blankslate_component.rb +4 -4
  14. data/app/components/ariadne/button_component.html.erb +1 -1
  15. data/app/components/ariadne/button_component.rb +9 -3
  16. data/app/components/ariadne/comment-component.ts +32 -50
  17. data/app/components/ariadne/comment_component.html.erb +32 -10
  18. data/app/components/ariadne/comment_component.rb +17 -5
  19. data/app/components/ariadne/details_component.html.erb +4 -0
  20. data/app/components/ariadne/details_component.rb +80 -0
  21. data/app/components/ariadne/dropdown/menu_component.html.erb +20 -0
  22. data/app/components/ariadne/dropdown/menu_component.rb +101 -0
  23. data/app/components/ariadne/dropdown/menu_component.ts +1 -0
  24. data/app/components/ariadne/dropdown_component.html.erb +8 -0
  25. data/app/components/ariadne/dropdown_component.rb +172 -0
  26. data/app/components/ariadne/flex_component.rb +1 -1
  27. data/app/components/ariadne/footer_component.html.erb +1 -1
  28. data/app/components/ariadne/header_component.rb +2 -2
  29. data/app/components/ariadne/heroicon_component.rb +6 -4
  30. data/app/components/ariadne/inline_flex_component.html.erb +1 -0
  31. data/app/components/ariadne/inline_flex_component.rb +8 -1
  32. data/app/components/ariadne/link_component.rb +2 -2
  33. data/app/components/ariadne/list_component.html.erb +2 -9
  34. data/app/components/ariadne/list_component.rb +11 -15
  35. data/app/components/ariadne/main_component.rb +1 -1
  36. data/app/components/ariadne/pill_component.rb +19 -5
  37. data/app/components/ariadne/rich-text-area-component.ts +4 -4
  38. data/app/components/ariadne/rich_text_area_component.html.erb +1 -1
  39. data/app/components/ariadne/rich_text_area_component.rb +1 -1
  40. data/app/components/ariadne/slideover_component.html.erb +1 -1
  41. data/app/components/ariadne/tab-container-component.ts +21 -21
  42. data/app/components/ariadne/tab_component.rb +4 -7
  43. data/app/components/ariadne/tab_container_component.rb +8 -2
  44. data/app/components/ariadne/tab_nav_component.html.erb +1 -1
  45. data/app/components/ariadne/tab_nav_component.rb +1 -1
  46. data/app/components/ariadne/table_nav_component.html.erb +52 -0
  47. data/app/components/ariadne/table_nav_component.rb +338 -0
  48. data/app/components/ariadne/tooltip_component.html.erb +1 -1
  49. data/app/components/ariadne/tooltip_component.rb +4 -4
  50. data/app/lib/ariadne/action_view_extensions/form_helper.rb +21 -7
  51. data/app/lib/ariadne/form_builder.rb +2 -2
  52. data/lib/ariadne/view_components/version.rb +1 -1
  53. data/lib/tasks/docs.rake +19 -3
  54. data/static/arguments.yml +103 -11
  55. data/static/audited_at.json +15 -7
  56. data/static/classes.yml +49 -45
  57. data/static/constants.json +179 -51
  58. data/static/statuses.json +15 -7
  59. data/tailwind.config.js +25 -1
  60. metadata +15 -4
  61. data/app/components/ariadne/table_component.html.erb +0 -17
  62. data/app/components/ariadne/table_component.rb +0 -281
@@ -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": " ariadne-cursor-pointer ariadne-underline ariadne-decoration-double 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",
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": "sm",
385
+ "SIZE_DEFAULT": "md",
286
386
  "SIZE_LARGE": "lg",
287
387
  "SIZE_MAPPINGS": {
288
- "sm": 16,
388
+ "mu": 16,
389
+ "sm": 20,
289
390
  "md": 24,
290
391
  "lg": 128
291
392
  },
292
- "SIZE_MEDIUM": "md",
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": " ariadne-cursor-pointer ariadne-underline ariadne-decoration-double 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",
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 ariadne-w-full ariadne-border-0 ariadne-py-3 focus:ariadne-ring-0 sm:ariadne-text-sm",
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
- "DEFAULT_TAG": "tab-container"
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::TableComponent": {
405
- "DEFAULT_CLASSES": "ariadne-min-w-full ariadne-divide-y ariadne-divide-gray-300 flex flex-col",
406
- "FooterItem": "Ariadne::TableComponent::FooterItem",
407
- "HeaderRowItem": "Ariadne::TableComponent::HeaderRowItem",
408
- "PaginationBarItem": "Ariadne::TableComponent::PaginationBarItem",
409
- "RowItem": "Ariadne::TableComponent::RowItem"
410
- },
411
- "Ariadne::TableComponent::FooterItem": {
412
- "DEFAULT_CLASSES": "ariadne-border-none ariadne-flex ariadne-items-center ariadne-justify-between ariadne-px-4 ariadne-py-3 sm:ariadne-px-6",
413
- "DEFAULT_RESULT_CLASSES": "ariadne-text-sm ariadne-text-gray-700"
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::TableComponent::HeaderRowItem": {
416
- "DEFAULT_HEADER_CLASSES": "ariadne-bg-gray-50 flex flex-row"
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::TableComponent::PaginationBarItem": {
419
- "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 focus:ariadne-z-20",
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::TableComponent::RowItem": {
424
- "CellItem": "Ariadne::TableComponent::RowItem::CellItem",
425
- "DEFAULT_ROW_CLASSES": "ariadne-whitespace-nowrap ariadne-py-4 ariadne-pl-4 ariadne-pr-3 ariadne-text-sm sm:ariadne-pl-6 flex flex-row",
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::TableComponent::RowItem::CellItem": {
429
- "DEFAULT_CELL_CLASSES": ""
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::TableComponent::RowItem::HeaderCellItem": {
432
- "DEFAULT_HEADER_CELL_CLASSES": "ariadne-py-3.5 ariadne-pl-4 pr-3 ariadne-text-left ariadne-text-sm ariadne-font-semibold ariadne-text-gray-900 ariadne-sm:pl-6"
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::TableComponent": "stable",
36
- "Ariadne::TableComponent::FooterItem": "stable",
37
- "Ariadne::TableComponent::HeaderRowItem": "stable",
38
- "Ariadne::TableComponent::PaginationBarItem": "stable",
39
- "Ariadne::TableComponent::RowItem": "stable",
40
- "Ariadne::TableComponent::RowItem::CellItem": "stable",
41
- "Ariadne::TableComponent::RowItem::HeaderCellItem": "stable",
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
- return matches ? matches[0].split(/\s+/) : []
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.13
4
+ version: 0.0.14
5
5
  platform: x86_64-linux
6
6
  authors:
7
7
  - Garen J. Torikian
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2022-09-23 00:00:00.000000000 Z
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/table_component.html.erb
189
- - app/components/ariadne/table_component.rb
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>