anchor_view_components 0.2.0 → 0.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 4c83197ff06cb27fcfdcd466034127bf93227a4d1a31eb336943f92e32613a57
-  data.tar.gz: 637ab8853d5f94950aa0c5248596e1d9f207f29910a19a43e4cff00b3b370c0a
+  metadata.gz: 3a15adaad5fae1588fafe2b1e7faa5e932a94fc038bff53f209af5f750510d69
+  data.tar.gz: e21f6066edb78a763e046dafb87a4e480001f2cc8a8ed0a59b65577675946515
 SHA512:
-  metadata.gz: 12b154d177c5c3fb8078cd7a9e5426e76c546be22c0f886f431f4b3bc16b6f743c31538c9cc809394d314969b89ba3c583ff932546a12b4cf17c892812aaf52d
-  data.tar.gz: f08c87c1119a03b8a468772f474c74a9fe9870a19683fe56624ada13b4dd1471b5deb60c6f495e8dfcd34e6f1e8d63b7902cbc8c4999c130855e5c5bfd968724
+  metadata.gz: 060b6d4e6660786980c29a22a09c18aa5330b3bebde67551b308a22d6cd21b553df308c48dac077da62e40501629b60fa64a240016a890b8d01f3c3a9f50ed69
+  data.tar.gz: 61ec4de1ebcc9e11f8776a9f5d229e8ceb0d0988ce814e6653753f49255edead005672440dc9e728d4fedcc8b295d53009aa970bc50097b408e8f045f031e88f

data/CHANGELOG.md

@@ -1,5 +1,18 @@
 # Changelog
 
+## 0.4.0 - 2023-08-01
+
+### Added
+
+- Autocomplete and Loading Indicator now allow more data attributes to be
+  passed in
+
+## 0.3.0 - 2023-07-31
+
+### Added
+
+- TypeScript configuration and fixes
+
 ## 0.2.0 - 2023-07-31
 
 ### Added

data/app/components/anchor/anchor_view_components.ts

@@ -4,8 +4,9 @@ import ActionMenuController from "./action_menu_controller";
 import AutocompleteController from "./autocomplete_controller";
 import DialogController from "./dialog_controller";
 import ToastController from "./toast_controller";
+import { Application } from "@hotwired/stimulus";
 
-export function registerAnchorControllers(application) {
+export function registerAnchorControllers(application: Application) {
   application.register("action-menu", ActionMenuController);
   application.register("autocomplete", AutocompleteController);
   application.register("dialog", DialogController);

data/app/components/anchor/autocomplete_component.html.erb

@@ -1,6 +1,6 @@
-<div 
-  data-controller="autocomplete" 
-  data-autocomplete-url-value="<%= src %>" 
+<div
+  data-controller="autocomplete"
+  data-autocomplete-url-value="<%= src %>"
   role="combobox"
   class="group relative"
 >
@@ -22,11 +22,15 @@
         data: { autocomplete_target: "hidden" }
       }) %>
   </div>
-  <ul
-    data-autocomplete-target="results"
-    class="<%= list_box_classes %> group-data-[empty='true']:hidden group-data-[loading='true']:hidden [&>li]:py-2 [&>li]:px-3 [&>li]:cursor-pointer [&>[aria-selected='true']]:bg-blue-20"
-  >
-  </ul>
+  <%= tag.ul(
+    class: class_names(
+      list_box_classes,
+      "group-data-[empty='true']:hidden group-data-[loading='true']:hidden [&>li]:py-2 [&>li]:px-3 [&>li]:cursor-pointer [&>[aria-selected='true']]:bg-blue-20",
+    ),
+    data: {
+      autocomplete_target: "results",
+    }.merge(list_data),
+  ) %>
   <div class="<%= list_box_classes %> text-center text-gray-500 hidden group-aria-[expanded][data-empty='true'][data-loading='false']:block">
     <%= t(".no_options") %>
   </div>

data/app/components/anchor/autocomplete_component.rb

@@ -20,12 +20,14 @@ module Anchor
       name:,
       src:,
       readonly: false,
-      input_data: {}
+      input_data: {},
+      list_data: {},
     )
       @form_builder = form_builder
       @name = name
       @readonly = readonly
       @input_data = input_data
+      @list_data = list_data
       @src = src
 
       super
@@ -37,6 +39,6 @@ module Anchor
 
     private
 
-    attr_reader :form_builder, :name, :readonly, :input_data, :src
+    attr_reader :form_builder, :name, :readonly, :input_data, :list_data, :src
   end
 end

data/app/components/anchor/autocomplete_controller.ts

@@ -2,6 +2,10 @@ import type { ControllerConstructor } from "@hotwired/stimulus"
 import BaseAutocompleteController from "stimulus-autocomplete"
 
 class AutocompleteController extends BaseAutocompleteController {
+  declare readonly element: HTMLDivElement;
+  declare readonly inputTarget: HTMLInputElement;
+  declare readonly resultsTarget: HTMLUListElement;
+
   connect(): void {
     super.connect()
     this.element.addEventListener("loadstart", this.onLoadStart)
@@ -25,12 +29,12 @@ class AutocompleteController extends BaseAutocompleteController {
   }
 
   onLoadStart = (): void => {
-    this.element.dataset.loading = true
+    this.element.dataset.loading = "true"
   }
 
   onLoadEnd = (): void => {
-    this.element.dataset.loading = false
-    this.element.dataset.empty = this.resultsTarget.childElementCount === 0
+    this.element.dataset.loading = "false"
+    this.element.dataset.empty = String(this.resultsTarget.childElementCount === 0)
   }
 }
 

data/app/components/anchor/component.rb

@@ -16,6 +16,6 @@ module Anchor
 
     private
 
-    attr_reader :classes
+    attr_reader :classes, :data
   end
 end

data/app/components/anchor/loading_indicator_component.html.erb

@@ -2,5 +2,6 @@
   class: class_names(
     "inline-block animate-spin border-grey-100 border-b-transparent rounded-full",
     variant
-  )
+  ),
+  data: data,
 ) %>

data/lib/anchor/view_components/version.rb

@@ -1,5 +1,5 @@
 module Anchor
   module ViewComponents
-    VERSION = "0.2.0"
+    VERSION = "0.4.0"
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: anchor_view_components
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.4.0
 platform: ruby
 authors:
 - Buoy Software
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-07-31 00:00:00.000000000 Z
+date: 2023-08-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: inline_svg