ariadne_view_components 0.0.79.4 → 0.0.80

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 191ebf85e699edb8806ba64a8979be20bfc962db6b2f36fcf37fb244ae7bd753
-  data.tar.gz: 802332bdae038a697836a0f09b8c06cdee7b98fc6bc1947ab35f8918aa3249ef
+  metadata.gz: eb0598082bb646f6d5d060f05948ecd9e1c09d242a2a075a785873428c3b9e69
+  data.tar.gz: 188baa7407dae8cb953d659b317112deba9f50212499fd11ed1896f9e943ebca
 SHA512:
-  metadata.gz: 7bd1b82ed39aef69f710450c25f0c7bc4e96ba9629100f7cbd980d8877ec8e158a87fa9058819efb83c07de57cd89760aa34fefe9c10c02bfb9c53cee453cd51
-  data.tar.gz: 2b6a746a0c4f6711d00fd5209b941eba4a4a002f3cd16ee443d1c699fb257d03995552d6408d5279f5d0979318eb5d230ea2498ef5ef6b42db57efdb4dfed7d6
+  metadata.gz: 1eba52ef4fad4d22da53d095a98cca8e7a10abe8d5710c4440f1ba4d59d38ee00165dba9ea89a0ee6c55fe5a0e1a9bf0b9d0aca6507c8b517a33125d8915131f
+  data.tar.gz: da0845c52a8550a7c276b0f7f192358a70e51bf9525d15d6aedb93634eed8f6ec44e02398d8b5d561af4ec26f72834c532287a9be71cd6f18da689b79fd93688

data/CHANGELOG.md

@@ -1,3 +1,11 @@
+# [v0.0.80] - 08-05-2024\n
+## What's Changed
+* [auto-browserslist] Update Browserslist db by @sisyphusbot in https://github.com/yettoapp/ariadne/pull/481
+* [auto-browserslist] Update Browserslist db by @sisyphusbot in https://github.com/yettoapp/ariadne/pull/482
+* Fix id gen by @gjtorikian in https://github.com/yettoapp/ariadne/pull/483
+
+
+**Full Changelog**: https://github.com/yettoapp/ariadne/compare/v0.0.79.2...v0.0.80
 ## [v0.0.79.2] - 25-04-2024
 **Full Changelog**: https://github.com/yettoapp/ariadne/compare/v0.0.79.1...v0.0.79.2
 ## [v0.0.79.1] - 25-04-2024

data/app/components/ariadne/layout/narrow/component.html.erb

@@ -1,4 +1,4 @@
-<main class="ariadne-bg-background dark:ariadne-bg-background-dark ariadne-text-content dark:ariadne-text-content-dark ariadne-grow ariadne-h-screen ariadne-py-6 ariadne-px-1">
+<main class="<%= html_attrs[:class] %>" <%= html_attributes %>>
     <div class="ariadne-mt-10 sm:ariadne-mx-auto sm:ariadne-w-full sm:ariadne-max-w-[480px]">
         <div class="ariadne-bg-foreground dark:ariadne-bg-foreground-dark ariadne-px-6 ariadne-py-12 ariadne-shadow sm:ariadne-rounded-lg sm:ariadne-px-12">
             <%= content %>

data/app/components/ariadne/layout/narrow/component.rb

@@ -4,15 +4,22 @@
 module Ariadne
   module Layout
     module Narrow
-      class Component < BaseComponent
+      class Component < Ariadne::BaseComponent
         renders_one :footer, Ariadne::BaseComponent::ACCEPT_ANYTHING
 
-        style do
+        accepts_html_attributes do |html_attrs|
+          html_attrs[:class] = Ariadne::ViewComponents.tailwind_merger.merge([style(:container), html_attrs[:class]].join(" "))
+        end
+
+        style(:container) do
           base do
             [
+              "ariadne-bg-background",
+              "dark:ariadne-bg-background-dark",
+              "ariadne-text-content",
+              "dark:ariadne-text-content-dark",
               "ariadne-grow",
-              "ariadne-bg-zinc-50",
-              "dark:ariadne-bg-zinc-900",
+              "ariadne-h-screen",
               "ariadne-py-6",
               "ariadne-px-1",
             ]

data/app/components/ariadne/layout/wide/component.rb

@@ -4,7 +4,7 @@
 module Ariadne
   module Layout
     module Wide
-      class Component < BaseComponent
+      class Component < Ariadne::BaseComponent
         renders_one :footer, Ariadne::BaseComponent::ACCEPT_ANYTHING
 
         style do

data/app/components/ariadne/ui/combobox/component.rb

@@ -4,7 +4,7 @@
 module Ariadne
   module UI
     module Combobox
-      class Component < BaseComponent
+      class Component < Ariadne::BaseComponent
         option :placement, default: proc { "bottom" }
         option :show_search, default: proc { :no }
         option :size, default: proc { :md }

data/app/components/ariadne/ui/combobox/item/component.rb

@@ -5,7 +5,7 @@ module Ariadne
   module UI
     module Combobox
       module Item
-        class Component < BaseComponent
+        class Component < Ariadne::BaseComponent
           option :label
           option :as, default: proc { :link } # :button
 

data/app/components/ariadne/ui/combobox/option/component.rb

@@ -5,7 +5,7 @@ module Ariadne
   module UI
     module Combobox
       module Option
-        class Component < BaseComponent
+        class Component < Ariadne::BaseComponent
           option :as, default: proc { :link } # :button
 
           option :type, default: proc { :multiple }

data/lib/ariadne/forms/dsl/button_input.rb

@@ -17,7 +17,7 @@ module Ariadne
         end
 
         def to_component
-          Ariadne::UI::Button::Component.new.with_caption(@caption).with_block(@block)
+          Ariadne::UI::Button::Component.new(**@options).with_content(@label)
         end
 
         # :nocov:

data/lib/ariadne/view_components/version.rb

@@ -3,6 +3,6 @@
 # :nocov:
 module Ariadne
   module ViewComponents
-    VERSION = "0.0.79.4"
+    VERSION = "0.0.80"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ariadne_view_components
 version: !ruby/object:Gem::Version
-  version: 0.0.79.4
+  version: 0.0.80
 platform: ruby
 authors:
 - Garen J. Torikian
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-05-07 00:00:00.000000000 Z
+date: 2024-05-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: tailwind_merge
@@ -111,7 +111,7 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '0.2'
-description:
+description: 
 email:
 - gjtorikian@yetto.app
 executables: []
@@ -128,9 +128,7 @@ files:
 - app/assets/stylesheets/ariadne_view_components.css
 - app/assets/stylesheets/ariadne_view_components.css.br
 - app/assets/stylesheets/ariadne_view_components.css.gz
-- app/components/ariadne/ariadne-form.js
 - app/components/ariadne/ariadne-form.ts
-- app/components/ariadne/ariadne.js
 - app/components/ariadne/base_component.rb
 - app/components/ariadne/behaviors/captionable.rb
 - app/components/ariadne/behaviors/tooltipable.rb
@@ -172,7 +170,6 @@ files:
 - app/components/ariadne/layout/two_panel/component.rb
 - app/components/ariadne/layout/wide/component.html.erb
 - app/components/ariadne/layout/wide/component.rb
-- app/components/ariadne/tmp/components/ariadne/ariadne-form.d.ts
 - app/components/ariadne/turbo/frame/component.html.erb
 - app/components/ariadne/turbo/frame/component.rb
 - app/components/ariadne/turbo/stream_action/component.html.erb
@@ -312,7 +309,7 @@ licenses:
 - AGPL-3.0-or-later
 metadata:
   allowed_push_host: https://rubygems.org
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -327,8 +324,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.21
-signing_key:
+rubygems_version: 3.4.6
+signing_key: 
 specification_version: 4
 summary: ViewComponents + TailwindCSS + Stimulus
 test_files: []

data/app/components/ariadne/ariadne-form.js

@@ -1,83 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-import { html } from 'lit-html';
-class AriadneFormWith extends Controller {
-    constructor() {
-        super(...arguments);
-        this.onBlur = (event) => {
-            this.validateField(event.target);
-        };
-        this.onSubmit = (event) => {
-            if (!this.validateForm()) {
-                event.preventDefault();
-                this.firstInvalidField?.focus();
-            }
-        };
-        this.getRenderString = (data) => {
-            const { strings, values } = data;
-            const v = [...values, ''].map(e => (typeof e === 'object' ? this.getRenderString(e) : e));
-            return strings.reduce((acc, s, i) => acc + s + v[i], '');
-        };
-    }
-    connect() {
-        this.element.setAttribute('novalidate', 'true');
-        this.element.addEventListener('blur', this.onBlur, true);
-        this.element.addEventListener('submit', this.onSubmit);
-        this.element.addEventListener('ajax:beforeSend', this.onSubmit);
-    }
-    disconnect() {
-        this.element.removeEventListener('blur', this.onBlur);
-        this.element.removeEventListener('submit', this.onSubmit);
-        this.element.removeEventListener('ajax:beforeSend', this.onSubmit);
-    }
-    validateForm() {
-        let isValid = true;
-        // Not using `find` because we want to validate all the fields
-        for (const field of this.formFields) {
-            if (this.shouldValidateField(field) && !this.validateField(field))
-                isValid = false;
-        }
-        return isValid;
-    }
-    validateField(field) {
-        if (!this.shouldValidateField(field))
-            return true;
-        const isValid = field.checkValidity();
-        field.classList.toggle('invalid', !isValid);
-        this.refreshErrorForInvalidField(field, isValid);
-        return isValid;
-    }
-    shouldValidateField(field) {
-        return (!field.disabled &&
-            !field.classList.contains('ProseMirror') &&
-            !['file', 'reset', 'submit', 'button'].includes(field.type));
-    }
-    refreshErrorForInvalidField(field, isValid) {
-        this.removeExistingErrorMessage(field);
-        if (!isValid)
-            this.showErrorForInvalidField(field);
-    }
-    removeExistingErrorMessage(field) {
-        const fieldContainer = field.closest('.field');
-        if (!fieldContainer)
-            return;
-        const existingErrorMessageElement = fieldContainer.querySelector('.error');
-        if (existingErrorMessageElement) {
-            existingErrorMessageElement?.parentNode?.removeChild(existingErrorMessageElement);
-        }
-    }
-    showErrorForInvalidField(field) {
-        field.insertAdjacentHTML('afterend', this.buildFieldErrorHtml(field));
-    }
-    buildFieldErrorHtml(field) {
-        const data = html `<p class="error">${field.validationMessage}</p>`;
-        return this.getRenderString(data);
-    }
-    get formFields() {
-        return Array.from(this.formFieldTargets);
-    }
-    get firstInvalidField() {
-        return this.formFields.find(field => !field.checkValidity());
-    }
-}
-AriadneFormWith.targets = ['formField'];
-export default AriadneFormWith;

data/app/components/ariadne/ariadne.js

@@ -1,40 +0,0 @@
-import { Application } from '@hotwired/stimulus';
-const application = Application.start();
-application.debug = import.meta.env.DEV;
-window.Stimulus = application;
-const componentModules = import.meta.glob(['../../components/**/component.ts'], { eager: true });
-for (const [path, module] of Object.entries(componentModules)) {
-    const dirs = path.split('/');
-    // Dropping ../../components and component.ts parts
-    const name = dirs
-        .slice(3, dirs.length - 1)
-        .join('-')
-        .replaceAll('_', '-')
-        .toLocaleLowerCase();
-    application.register(
-    // @tag stimulus-id
-    `ui-cmp-${name}`, module.default);
-}
-// import AriadneForm from './ariadne-form'
-// import StringMatchController from './string_match_controller/string_match_controller'
-// import EventsController from './events_controller/events_controller'
-// import OptionsController from './options_controller/options_controller'
-// import AccumulatorController from './accumulator_controller/accumulator_controller'
-// import ToggleableController from './toggleable_controller/toggleable_controller'
-// import ClipboardCopyComponent from './clipboard_copy_component/clipboard-copy-component'
-// import SlideoverComponent from './slideover_component/slideover-component'
-// import TabNavComponent from './tab_nav_component/tab-nav-component'
-// import TooltipComponent from './tooltip_component/tooltip-component'
-// import './tab_container_component/tab-container-component'
-// import './time_ago_component/time-ago-component'
-// const application = Application.start()
-// application.register('clipboard-copy-component', ClipboardCopyComponent)
-// application.register('ariadne-form', AriadneForm)
-// application.register('slideover-component', SlideoverComponent)
-// application.register('tab-nav-component', TabNavComponent)
-// application.register('tooltip-component', TooltipComponent)
-// application.register('toggleable', ToggleableController)
-// application.register('accumulator', AccumulatorController)
-// application.register('options', OptionsController)
-// application.register('string-match', StringMatchController)
-// application.register('events', EventsController)

data/app/components/ariadne/tmp/components/ariadne/ariadne-form.d.ts

@@ -1,22 +0,0 @@
-import { Controller } from '@hotwired/stimulus';
-import type { TemplateResult } from 'lit-html';
-type HTMLFormField = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
-export default class AriadneFormWith extends Controller {
-    static targets: string[];
-    readonly formFieldTargets: [HTMLFormField];
-    connect(): void;
-    disconnect(): void;
-    onBlur: (event: Event) => void;
-    onSubmit: (event: Event) => void;
-    validateForm(): boolean;
-    validateField(field: HTMLFormField): boolean;
-    shouldValidateField(field: HTMLFormField): boolean;
-    refreshErrorForInvalidField(field: HTMLFormField, isValid: boolean): void;
-    removeExistingErrorMessage(field: HTMLFormField): void;
-    showErrorForInvalidField(field: HTMLFormField): void;
-    buildFieldErrorHtml(field: HTMLFormField): string;
-    get formFields(): HTMLFormField[];
-    get firstInvalidField(): HTMLFormField | undefined;
-    getRenderString: (data: TemplateResult) => string;
-}
-export {};