ariadne_view_components 0.0.4 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/app/assets/javascripts/ariadne-form-with.d.ts +20 -0
- data/app/assets/javascripts/ariadne-form.d.ts +22 -0
- data/app/assets/javascripts/ariadne.d.ts +1 -0
- data/app/assets/javascripts/ariadne_view_components.js +7 -1
- data/app/assets/javascripts/ariadne_view_components.js.map +1 -1
- data/app/assets/javascripts/clipboard-copy-component.d.ts +4 -0
- data/app/assets/javascripts/comment-component.d.ts +13 -0
- data/app/assets/javascripts/rich-text-area-component.d.ts +4 -0
- data/app/assets/javascripts/slideover-component.d.ts +9 -0
- data/app/assets/javascripts/time-ago-component.d.ts +1 -0
- data/app/assets/javascripts/time_ago_component.d.ts +1 -0
- data/app/assets/javascripts/tooltip-component.d.ts +24 -0
- data/app/assets/stylesheets/application.ariadne_view_components.css +6 -3
- data/app/assets/stylesheets/prosemirror.css +323 -0
- data/app/assets/stylesheets/tooltip-component.css +37 -0
- data/app/components/ariadne/ariadne-form.ts +96 -0
- data/app/components/ariadne/ariadne.ts +11 -1
- data/app/components/ariadne/base_button.rb +12 -12
- data/app/components/ariadne/base_component.rb +13 -131
- data/app/components/ariadne/blankslate_component.html.erb +5 -5
- data/app/components/ariadne/blankslate_component.rb +5 -10
- data/app/components/ariadne/body_component.rb +30 -0
- data/app/components/ariadne/button_component.rb +12 -16
- data/app/components/ariadne/clipboard_copy_component.html.erb +5 -4
- data/app/components/ariadne/clipboard_copy_component.rb +41 -3
- data/app/components/ariadne/comment-component.ts +55 -0
- data/app/components/ariadne/comment_component.html.erb +22 -0
- data/app/components/ariadne/comment_component.rb +57 -0
- data/app/components/ariadne/component.rb +4 -3
- data/app/components/ariadne/container_component.rb +1 -1
- data/app/components/ariadne/counter_component.rb +4 -4
- data/app/components/ariadne/flash_component.html.erb +12 -12
- data/app/components/ariadne/flash_component.rb +17 -17
- data/app/components/ariadne/flex_component.rb +49 -0
- data/app/components/ariadne/footer_component.html.erb +1 -1
- data/app/components/ariadne/footer_component.rb +1 -1
- data/app/components/ariadne/grid_component.html.erb +13 -4
- data/app/components/ariadne/grid_component.rb +22 -11
- data/app/components/ariadne/header_component.html.erb +7 -7
- data/app/components/ariadne/header_component.rb +8 -8
- data/app/components/ariadne/heading_component.rb +3 -3
- data/app/components/ariadne/heroicon_component.html.erb +4 -6
- data/app/components/ariadne/heroicon_component.rb +21 -10
- data/app/components/ariadne/inline_flex_component.rb +14 -12
- data/app/components/ariadne/link_component.rb +13 -8
- data/app/components/ariadne/list_component.html.erb +5 -7
- data/app/components/ariadne/list_component.rb +9 -38
- data/app/components/ariadne/main_component.rb +32 -0
- data/app/components/ariadne/narrow_container_component.html.erb +3 -0
- data/app/components/ariadne/narrow_container_component.rb +30 -0
- data/app/components/ariadne/panel_bar_component.html.erb +20 -0
- data/app/components/ariadne/panel_bar_component.rb +79 -0
- data/app/components/ariadne/pill_component.rb +2 -2
- data/app/components/ariadne/rich-text-area-component.ts +32 -0
- data/app/components/ariadne/rich_text_area_component.html.erb +6 -0
- data/app/components/ariadne/rich_text_area_component.rb +35 -0
- data/app/components/ariadne/slideover-component.ts +3 -3
- data/app/components/ariadne/slideover_component.html.erb +3 -6
- data/app/components/ariadne/slideover_component.rb +19 -15
- data/app/components/ariadne/tab_bar_component.html.erb +3 -0
- data/app/components/ariadne/tab_bar_component.rb +45 -0
- data/app/components/ariadne/tab_component.html.erb +7 -0
- data/app/components/ariadne/tab_component.rb +43 -0
- data/app/components/ariadne/{time_ago_component.ts → time-ago-component.ts} +0 -0
- data/app/components/ariadne/time_ago_component.rb +2 -2
- data/app/components/ariadne/timeline_component.html.erb +6 -6
- data/app/components/ariadne/tooltip-component.ts +57 -0
- data/app/components/ariadne/tooltip_component.html.erb +4 -0
- data/app/components/ariadne/tooltip_component.rb +34 -31
- data/app/lib/ariadne/action_view_extensions/form_helper.rb +4 -1
- data/app/lib/ariadne/fetch_or_fallback_helper.rb +3 -1
- data/app/lib/ariadne/form_builder.rb +22 -22
- data/app/lib/ariadne/icon_helper.rb +1 -1
- data/lib/ariadne/view_components/engine.rb +171 -3
- data/lib/ariadne/view_components/version.rb +1 -1
- data/lib/ariadne/view_components.rb +31 -30
- data/lib/rubocop/config/default.yml +0 -6
- data/lib/rubocop/cop/ariadne/no_tag_memoize.rb +1 -0
- data/lib/tasks/docs.rake +9 -0
- data/static/arguments.yml +186 -15
- data/static/audited_at.json +12 -2
- data/static/classes.yml +200 -154
- data/static/constants.json +168 -146
- data/static/statuses.json +12 -2
- metadata +65 -13
- data/lib/ariadne/classify/utilities.rb +0 -199
- data/lib/ariadne/classify/utilities.yml +0 -1817
- data/lib/ariadne/classify/validation.rb +0 -18
- data/lib/ariadne/classify.rb +0 -218
- data/lib/rubocop/cop/ariadne/ariadne_heroicon.rb +0 -252
- data/lib/rubocop/cop/ariadne/component_name_migration.rb +0 -35
- data/lib/rubocop/cop/ariadne/system_argument_instead_of_class.rb +0 -57
- data/lib/tasks/utilities.rake +0 -121
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 0e9cb896e5587daebfcdbd8394bb9b6489a0a74abc71902f8e0334b303c0d3ac
|
|
4
|
+
data.tar.gz: 06bbfccd721880b09bd319f8cfd8a3da1e7fcc72385710c0c2009efadd839e22
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9e5b67faf5d7c681bd3a7423be65c211bb8fc15182ae5048ac55785e49a1ccb49b71a4e5be712c38a594c04844c13c25808fd928c7374b2ab8e74035edf4d8a9
|
|
7
|
+
data.tar.gz: e9b06854fe9a478b1211f6be9e5e6c55db29fee197e60c48e52314d5da4088d7f286191b278a585ffa6dcbdb709946c4d42ffadce168ff00c0beb5b8cb1d6d65
|
data/README.md
CHANGED
|
@@ -7,7 +7,7 @@ This repository contains the Ruby view components for the Ariadne design system.
|
|
|
7
7
|
* [ViewComponents](https://viewcomponent.org)
|
|
8
8
|
* [StimulusJS](https://stimulus.hotwired.dev)
|
|
9
9
|
|
|
10
|
-
This project is basically a fork and rewrite of [Primer's ViewComponents](https://primer.style/view-components/), except instead of Primer, it uses an open source stack we've found useful. **Our eternal gratitude to
|
|
10
|
+
This project is basically a fork and rewrite of [Primer's ViewComponents](https://primer.style/view-components/), except instead of Primer, it uses an open source stack we've found useful. **Our eternal gratitude to GitHub's design team for open sourcing that repo.**
|
|
11
11
|
|
|
12
12
|
## Using the gem
|
|
13
13
|
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Controller } from '@hotwired/stimulus';
|
|
2
|
+
import { TemplateResult } from 'lit-html';
|
|
3
|
+
declare type HTMLFormField = HTMLInputElement | HTMLButtonElement | HTMLSelectElement | HTMLTextAreaElement;
|
|
4
|
+
export default class AriadneFormWith extends Controller {
|
|
5
|
+
connect(): void;
|
|
6
|
+
disconnect(): void;
|
|
7
|
+
onBlur: (event: Event) => void;
|
|
8
|
+
onSubmit: (event: Event) => void;
|
|
9
|
+
validateForm(): boolean;
|
|
10
|
+
validateField(field: HTMLFormField): boolean;
|
|
11
|
+
shouldValidateField(field: HTMLFormField): boolean;
|
|
12
|
+
refreshErrorForInvalidField(field: HTMLFormField, isValid: boolean): void;
|
|
13
|
+
removeExistingErrorMessage(field: HTMLFormField): void;
|
|
14
|
+
showErrorForInvalidField(field: HTMLFormField): void;
|
|
15
|
+
buildFieldErrorHtml(field: HTMLFormField): string;
|
|
16
|
+
get formFields(): HTMLFormField[];
|
|
17
|
+
get firstInvalidField(): HTMLFormField | undefined;
|
|
18
|
+
getRenderString: (data: TemplateResult) => string;
|
|
19
|
+
}
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Controller } from '@hotwired/stimulus';
|
|
2
|
+
import type { TemplateResult } from 'lit-html';
|
|
3
|
+
declare type HTMLFormField = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
|
|
4
|
+
export default class AriadneFormWith extends Controller {
|
|
5
|
+
static targets: string[];
|
|
6
|
+
readonly formFieldTargets: [HTMLFormField];
|
|
7
|
+
connect(): void;
|
|
8
|
+
disconnect(): void;
|
|
9
|
+
onBlur: (event: Event) => void;
|
|
10
|
+
onSubmit: (event: Event) => void;
|
|
11
|
+
validateForm(): boolean;
|
|
12
|
+
validateField(field: HTMLFormField): boolean;
|
|
13
|
+
shouldValidateField(field: HTMLFormField): boolean;
|
|
14
|
+
refreshErrorForInvalidField(field: HTMLFormField, isValid: boolean): void;
|
|
15
|
+
removeExistingErrorMessage(field: HTMLFormField): void;
|
|
16
|
+
showErrorForInvalidField(field: HTMLFormField): void;
|
|
17
|
+
buildFieldErrorHtml(field: HTMLFormField): string;
|
|
18
|
+
get formFields(): HTMLFormField[];
|
|
19
|
+
get firstInvalidField(): HTMLFormField | undefined;
|
|
20
|
+
getRenderString: (data: TemplateResult) => string;
|
|
21
|
+
}
|
|
22
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import './time-ago-component';
|