keystone_ui 0.39.0 → 0.40.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b11fa4104f5668547e8efeff23c90f69f4c3d1b7374103c33d7dc2c208363acb
-  data.tar.gz: 719716203afcd39869e402674d72a6bf8f1e5f4e7fce163a76c3429ae2bc77e2
+  metadata.gz: 50be7dcd619f5461a74ec4c8b7d2d6e09deb955af9b17817b1ef690f842f5a07
+  data.tar.gz: 1148f6cf6bba00291658cec6c0672eeae3500093ebbffec67bbbc412fabe72eb
 SHA512:
-  metadata.gz: b4849b26d1df9c8a45c7721fa966569e6d0f556780b5139a479a73e08c0602ce1db0eab5d4f8bfedcf5a30301cc4d1bba3cffdb0bf82e91a65a3d87c9fdb575c
-  data.tar.gz: 8fdb709bfbf187d4792a76c5057ebec69651fb5d4ba2e5b7a6b527b5e0ae68f437689896a492ec390f46ddc7d330fd3e00e2946588f41932d85bf82e790104e3
+  metadata.gz: 884b4a4d0b72cf66bc76d5e94af4322a65f1b82aa81a5fba5b6b3f3fbad865524d6dd7fb75dce0a33d1fec8e88e41691a4a57b045e5d920751b3c6fe1453e545
+  data.tar.gz: ca9f20d6ef81510e165a8c6a938e6a2cc0cb37dfc1c426b97f17e1695686521727d5e0336809084761d8c0e59f90aef425fe912878d79661e44fa89e4d12137b

data/app/components/keystone/ui/navigation_component.html.erb

@@ -4,15 +4,15 @@
 <% sidebar = capture do %>
   <nav class="<%= SIDEBAR_CLASSES %>">
     <% if logo? %>
-      <div><%= logo %></div>
+      <div class="<%= SIDEBAR_LOGO_CLASSES %>"><%= logo %></div>
     <% end %>
     <% groups.each do |group| %>
-      <div class="<%= SIDEBAR_GROUP_CLASSES %>">
-        <p class="<%= sidebar_group_label_classes(group) %>"><%= group.label %></p>
+      <details class="<%= SIDEBAR_GROUP_CLASSES %>"<%= " open" if group.active %>>
+        <summary class="<%= sidebar_group_label_classes(group) %>"><%= group.label %></summary>
         <% group.tabs.each do |tab| %>
           <a class="<%= sidebar_tab_classes(tab) %>" href="<%= tab.href %>"><%= tab.label %></a>
         <% end %>
-      </div>
+      </details>
     <% end %>
     <% if menus? %>
       <div class="<%= SIDEBAR_MENUS_CLASSES %>"><%= menus %></div>
@@ -25,6 +25,7 @@
   <%= sidebar unless sidebar_first? %>
 </div>
 <% else %>
+<div>
 <div class="<%= TOP_BAR_CLASSES %>">
 <%= render Keystone::Ui::NavbarComponent.new(sticky: false) do |navbar| %>
   <% if logo? %>
@@ -45,4 +46,5 @@
 <% end %>
 </div>
 <%= content %>
+</div>
 <% end %>

data/app/components/keystone/ui/navigation_component.rb

@@ -8,11 +8,16 @@ module Keystone
       TOP_BAR_CLASSES = "hidden lg:block sticky top-0 z-40"
       SIDEBAR_ROW_CLASSES = "lg:flex"
       SIDEBAR_CLASSES = "ks-sidebar hidden lg:flex lg:sticky lg:top-0 lg:h-screen shrink-0 overflow-y-auto"
+      SIDEBAR_LOGO_CLASSES = "ks-sidebar-logo"
       SIDEBAR_GROUP_CLASSES = "flex flex-col"
       SIDEBAR_GROUP_LABEL_CLASSES = "ks-sidebar-group-label"
       SIDEBAR_TAB_CLASSES = "ks-sidebar-tab"
       ACTIVE_CLASS = "active"
-      SIDEBAR_MENUS_CLASSES = "mt-auto"
+      SIDEBAR_MENUS_CLASSES = [
+        "mt-auto [&_[data-dropdown-target=menu]]:static [&_[data-controller~=dropdown]]:flex-wrap [&_[data-dropdown-target=menu]]:basis-full",
+        "[&_[data-dropdown-target=menu].hidden]:block [&_[data-dropdown-target=menu].hidden]:h-0 [&_[data-dropdown-target=menu].hidden]:overflow-hidden",
+        "[&_[data-dropdown-target=menu].hidden]:my-0 [&_[data-dropdown-target=menu].hidden]:py-0 [&_[data-dropdown-target=menu].hidden]:invisible"
+      ].join(" ")
       SIDEBAR_CONTENT_CLASSES = "min-w-0 flex-1"
       SIDEBAR_PLACEMENTS = %w[left right].freeze
 

data/lib/keystone_ui/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module KeystoneUi
-  VERSION = "0.39.0"
+  VERSION = "0.40.0"
 end

data/the_local/agents/keystone_ui-develop.md

@@ -206,8 +206,15 @@ two exceptions: `ui_page`'s `padding:` treats any value other than `:none` as
    - When the preference supplied for `:navigation` holds
      `{ "placement" => "left" }` or `"right"`, it draws a sidebar on that side
      from `lg:` up instead, with each group's label above its tabs, the logo at
-     its top and the menus at its bottom. Any other placement draws the top
-     bar. An `"order"` list of `{ "group" => label, "tabs" => [tab key strings] }`
+     its top and the menus at its bottom. A menu there opens in place: the
+     `data-dropdown-target="menu"` panel inside a `data-controller="dropdown"`
+     element drops onto its own line below its button inside the sidebar, even
+     when the app's own CSS positions it absolutely, as long as that CSS sits
+     in a layer below Tailwind's utilities such as `components`. A closed
+     panel (the `hidden` class) stays invisible and out of the tab order but
+     still counts toward the sidebar's width, so opening a menu never
+     changes the sidebar's width. Any other
+     placement draws the top bar, whose menus still open as dropdowns. An `"order"` list of `{ "group" => label, "tabs" => [tab key strings] }`
      entries draws the named groups and tabs first, in that order, then the
      rest in declared order, ignoring names no longer declared.
    - When the app sets `config.current_tab_supplier`, the tab whose key it

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: keystone_ui
 version: !ruby/object:Gem::Version
-  version: 0.39.0
+  version: 0.40.0
 platform: ruby
 authors:
 - Tyler Schneider
@@ -15,14 +15,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.14.0
+        version: 0.15.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.14.0
+        version: 0.15.0
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement