activeadmin-command_palette 0.1.6 → 0.1.7

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 509b73ad390b1fe9b43d2cb712f41afbccdd52af79a47ab7ab65121bd93d82ef
-  data.tar.gz: d897245191a9056ff09d22cba322831a7ec2f8808ad2a44a2dea305dc205ba75
+  metadata.gz: 83f3175afa5b7ba41dc6c30e5135a98b3a9758fde370e3be75486c1047057b71
+  data.tar.gz: 516943cd830a801b1d17416d991534f9d6705d2616bc96ac47a82ead10702870
 SHA512:
-  metadata.gz: a74e1279e40fe8a1030fb2473b0d0b9af28f868a36147c946c0fb116cd6599fdaddecd5f3db0e869ff1b167c251c909980ad5f15ddc70b0ea206c28bdbe4ba47
-  data.tar.gz: 0d49f774e833e14eab01da3f44fae9cfc6644149a2179a1e45cbcfafa4e4b49051e5c32baf9c993a4e6d7985f2929a4444ae1b179f0a3b7f77ed25b2840b3406
+  metadata.gz: b5fa9c7c761c47f10709b593885178c96742f678450a7264b10c8c90009c21a9d48a6bf62d04efa8379f586938a63ff374f41bde80cd2bae0c5537867b2ff482
+  data.tar.gz: fca891d5bf231d999726e63e9eb432f0ecf7da3829dd6f87d68147668380dc57b3ce8687b596b4b966689268f5b2006fdf7c9091ed5eaddc482495ee18ddc702

data/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 0.1.7
+
+- Keep the highlighted list row visible when moving with Arrow Up or Arrow Down.
+
 ## 0.1.6
 
 - Publish as `activeadmin-command_palette` so Bundler requires `activeadmin/command_palette` by default; yank mistaken `activeadmin-command-palette` 0.1.6.

data/app/assets/controllers/activeadmin_command_palette/command_palette_controller.js

@@ -555,15 +555,20 @@ export default class extends Controller {
     }
 
     if (this.highlightedIndex >= 0 && this.visibleItems.length > 0) {
-      this.queryTarget.setAttribute(
-        "aria-activedescendant",
-        `activeadmin-command-palette-option-${this.highlightedIndex}`
-      );
+      const optionId = `activeadmin-command-palette-option-${this.highlightedIndex}`;
+      this.queryTarget.setAttribute("aria-activedescendant", optionId);
+      this.scrollHighlightedIntoView(optionId);
     } else {
       this.queryTarget.removeAttribute("aria-activedescendant");
     }
   }
 
+  scrollHighlightedIntoView(optionId) {
+    if (!this.hasListTarget) return;
+    const option = this.listTarget.querySelector(`#${optionId}`);
+    option?.scrollIntoView({ block: "nearest" });
+  }
+
   appendSectionHeader(kind) {
     const header = document.createElement("li");
     header.className =

data/app/assets/stylesheets/activeadmin_command_palette.css

@@ -0,0 +1,2 @@
+/* Tailwind entry for ActiveAdmin hosts. Keep class tokens in sync with the palette shell. */
+@source inline("absolute bg-black/40 bg-gray-100 bg-transparent bg-white border border-0 border-b border-gray-200 border-t cursor-pointer dark:bg-gray-800 dark:bg-gray-900 dark:border-gray-700 dark:hover:bg-gray-800 dark:text-gray-100 dark:text-gray-400 dark:text-gray-500 fixed flex flex-col focus:outline-none focus:ring-0 font-semibold hidden hover:bg-gray-100 inset-0 items-center items-start justify-center max-h-80 max-w-xl me-2 min-w-0 overflow-auto pb-1 pt-2 pt-[12vh] px-3 px-4 py-1 py-2 py-3 relative rounded-lg shadow-2xl shrink-0 sr-only text-[10px] text-base text-gray-400 text-gray-500 text-gray-900 text-gray-950 text-sm text-xs tracking-wide underline uppercase w-full z-50");

data/lib/activeadmin/command_palette/version.rb

@@ -2,6 +2,6 @@
 
 module ActiveAdmin
   module CommandPalette
-    VERSION = "0.1.6"
+    VERSION = "0.1.7"
   end
 end

data/lib/activeadmin/command_palette.rb

@@ -31,6 +31,11 @@ module ActiveAdmin
       def reload!
         configuration.reload!
       end
+
+      # Path to the Tailwind CSS entry hosts concatenate into the ActiveAdmin stylesheet build.
+      def tailwind_entry_path
+        Engine.root.join("app/assets/stylesheets/activeadmin_command_palette.css")
+      end
     end
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: activeadmin-command_palette
 version: !ruby/object:Gem::Version
-  version: 0.1.6
+  version: 0.1.7
 platform: ruby
 authors:
 - Andrei Makarov
@@ -340,6 +340,7 @@ files:
 - SECURITY.md
 - activeadmin-command_palette.gemspec
 - app/assets/controllers/activeadmin_command_palette/command_palette_controller.js
+- app/assets/stylesheets/activeadmin_command_palette.css
 - app/controllers/active_admin/command_palette/options_controller.rb
 - app/views/active_admin/command_palette/_palette.html.erb
 - config/locales/activeadmin_command_palette.en.yml