ariadne_view_components 0.0.13-arm64-darwin → 0.0.14-arm64-darwin

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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: arm64-darwin
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>