activeadmin-command_palette 0.1.6 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 509b73ad390b1fe9b43d2cb712f41afbccdd52af79a47ab7ab65121bd93d82ef
-  data.tar.gz: d897245191a9056ff09d22cba322831a7ec2f8808ad2a44a2dea305dc205ba75
+  metadata.gz: 3801c8198b67b942accb14aa27744358b7991e66bf36de38de9fa94a796c89b4
+  data.tar.gz: 9e103a701673046e5203ef0878484c17047ebcf61fc83cc91e2cff94bef49723
 SHA512:
-  metadata.gz: a74e1279e40fe8a1030fb2473b0d0b9af28f868a36147c946c0fb116cd6599fdaddecd5f3db0e869ff1b167c251c909980ad5f15ddc70b0ea206c28bdbe4ba47
-  data.tar.gz: 0d49f774e833e14eab01da3f44fae9cfc6644149a2179a1e45cbcfafa4e4b49051e5c32baf9c993a4e6d7985f2929a4444ae1b179f0a3b7f77ed25b2840b3406
+  metadata.gz: 12c57eb1fa8b2682c53f4c2616806de2a8bc1449949d3850bff5deef2d10f687c5ebcb7fd861126ed0dafdc64a68b4c15b7186c09438bcb0eab4e5fb9cef670c
+  data.tar.gz: bd79f196c0e4a3330191b4bee534d2fce4010faa3199cbdcd46c19531b25a8dce41e7367476bbc691d6053f3264823df198c3f08c4a7e25cab7f80324d5ba96a

data/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 ## Unreleased
 
+## 0.1.8
+
+- Document `ActiveAdmin::CommandPalette.tailwind_entry_path` in the install README.
+
+## 0.1.7
+
+- Keep the highlighted list row visible when moving with Arrow Up or Arrow Down.
+- Ship `ActiveAdmin::CommandPalette.tailwind_entry_path` so hosts can concatenate palette shell utilities into the ActiveAdmin Tailwind build.
+
 ## 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/README.md

@@ -35,6 +35,16 @@ Register finders and actions in an initializer or with the resource DSL.
 
 Built-in UI locales: English (`en`), Finnish (`fi`), Swedish (`sv`).
 
+### Styles
+
+Concatenate the gem Tailwind entry into the CSS file your ActiveAdmin Tailwind build compiles:
+
+```ruby
+File.read(ActiveAdmin::CommandPalette.tailwind_entry_path)
+```
+
+That entry keeps palette shell utilities available in the admin stylesheet.
+
 ## Configuration
 
 Prefer resource-level registration in `ActiveAdmin.register`:

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.8"
   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.8
 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