efficient-storefront-blocks 0.32.1 → 0.32.3

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # Changelog
 
+## 0.32.3 — 2026-10-15
+
+**Every lightbox opens above the header, and ✕ closes it** (card [ADD] INOVIT
+And Hartes Metal US Websites). On hartesmetal.com's wheel pages the owner
+photos ("Out there.", a Gallery B grid) opened a lightbox whose ✕ sat under the
+fixed site header: pressing it hit the header's logo and opened the homepage,
+at 1440 and on a 390 phone. The dialog said `z-[100]` and the header `z-50`,
+but the dialog was drawn inside its section, which is `relative z-[2]`, and a
+z-index only orders things inside one stacking context.
+
+- **One lightbox frame**, `components/Lightbox` (+ `LightboxClose`). The three
+  lightboxes each had their own copy of the overlay: the wheel page's image
+  viewer (`ProductLightbox`), /gallery's (`GalleryShowcase`) and the
+  owner-photo grid's (`GalleryItem`). Each keeps its own content and look; the
+  frame now owns what they must do alike:
+  - drawn through a portal at the end of the themed `<main>`, out of every
+    section, and carrying its section's theme with it (on `<body>` the
+    site's accent and faces would be lost);
+  - its layer is the named token `--sf-layer-lightbox` (app/globals.css, a
+    step of 100; the value is the 100 they wrote by hand, so nothing
+    re-orders);
+  - ✕, Esc and a click on the backdrop close it; ◁ / ▷ keys flip photos;
+  - focus moves in, Tab cannot leave, and focus goes back to the tile that
+    opened it (none of the three did this before);
+  - the page behind does not scroll.
+- `useLightbox` is state only now; its Esc and scroll lock moved into the frame.
+- `react-dom` is a declared peer of the source (the npm package already had it).
+- Guard: `scripts/test-lightbox-above-the-header.tsx` mounts all three inside a
+  `z-index: 2` section beside a fixed `z-index: 50` header.
+
+## 0.32.2 — 2026-10-15
+
+**A hand-picked Product Grid draws its wheels on the published page** (card
+[FIX] Hand-Picked Grid Draws Its Wheels; plan
+`_desk/plans/2026-10-15-hand-picked-grid.md`, PR 1 of 3). hartesmetal.com's
+homepage grid (slots `754`, `711`, `747`) drew three grey boxes printing the
+codes. The backend had found the wheels and put them on the GRID as
+`props.wheels`; nothing handed them to the slots, and a slot matched its code
+on `slug` alone (`754` is Crossbow's design code, its slug is `crossbow`).
+
+- **One rule for a slot, editor and live alike**: `wheelForCode(pool, code)`
+  (`components/ProductRef`) — the wheel's `designCode` first, then its `slug`.
+  The editor's pool is the site's catalog, as before; the published page's is
+  the section's `props.wheels`, handed to the slots by the new
+  `SectionWheelsProvider`.
+- **`WheelSummary.designCode`** (optional) in the generated API types — the
+  storefront's `openapi.yml` gains the same line in PR 2, which regenerates to
+  this file byte for byte. Until the backend sends it (PR 3), a slot holding a
+  SLUG draws now and one holding a design code draws once the backend ships.
+- **On a published page, a slot whose code found no wheel draws nothing** (GG,
+  2026-10-15) — the backend drops a hidden, deleted or other-site code on
+  purpose, and a shopper must not see a box printing it. The editor keeps its
+  placeholder box.
+- Guard: `scripts/test-hand-picked-grid-live.tsx`, over the grid exactly as
+  production served it (`scripts/fixtures/hartes-us-hand-picked-grid.json`).
+
 ## 0.32.1 — 2026-10-15
 
 **A wheel card is the same card at rest and on hover** (card [FIX] Wheel

package/dist/chunks/{PreviewFooter-3KWULEUT.js → PreviewFooter-75XBI3I3.js}

@@ -1 +1 @@
-"use client";import{ba as p,l as m}from"./chunk-NT4DZ7W3.js";import{Pc as u,Pd as d,jg as c}from"./chunk-QOXKQV6L.js";import"./chunk-GD6ZFQC7.js";import"./chunk-NEQXU52M.js";import{Ga as s,La as a,Ma as f,Qa as g}from"./chunk-IKG5YKP7.js";import"./chunk-VBQY6H55.js";import"./chunk-Y6SLVHK3.js";import{Render as P}from"efficient-easel/render";import{jsx as k}from"react/jsx-runtime";function i({footerBlock:r,rootProps:e,headerSettings:o,siteName:t,legalName:l,foundedYear:n,socialLinks:v}){let I=m({root:{props:{...e??{},kind:d}},content:[r],zones:{}});return k(s.Provider,{value:{logoUrl:o?.logoUrl??null,logoReversed:o?.logoReversed??null,logoInkIsDark:o?.logoInkIsDark??null,siteName:t,legalName:l??null,foundedYear:n??null,socialLinks:v??g},children:k(P,{config:p,data:I})})}import{jsx as h}from"react/jsx-runtime";function F(){let{footerBlock:r,editFooter:e}=c(),{settings:o,websiteName:t}=a();if(!r)return null;let l=o?{logoUrl:o.logoUrl,logoReversed:o.logoReversed??null,logoInkIsDark:o.logoInkIsDark??null}:null;return h("div",{className:"sf-preview-footer-pick",onClick:e?n=>{n.stopPropagation(),e()}:void 0,style:e?{cursor:"pointer"}:void 0,title:e?u("Edit the site footer \u2192"):void 0,children:h(i,{footerBlock:r,headerSettings:l,siteName:t?.trim()||f})})}export{F as default};
+"use client";import{ba as p,l as m}from"./chunk-YHLJWKG3.js";import{Pc as u,Pd as d,jg as c}from"./chunk-QOXKQV6L.js";import"./chunk-GD6ZFQC7.js";import"./chunk-NEQXU52M.js";import{Ga as s,La as a,Ma as f,Qa as g}from"./chunk-IKG5YKP7.js";import"./chunk-VBQY6H55.js";import"./chunk-Y6SLVHK3.js";import{Render as P}from"efficient-easel/render";import{jsx as k}from"react/jsx-runtime";function i({footerBlock:r,rootProps:e,headerSettings:o,siteName:t,legalName:l,foundedYear:n,socialLinks:v}){let I=m({root:{props:{...e??{},kind:d}},content:[r],zones:{}});return k(s.Provider,{value:{logoUrl:o?.logoUrl??null,logoReversed:o?.logoReversed??null,logoInkIsDark:o?.logoInkIsDark??null,siteName:t,legalName:l??null,foundedYear:n??null,socialLinks:v??g},children:k(P,{config:p,data:I})})}import{jsx as h}from"react/jsx-runtime";function F(){let{footerBlock:r,editFooter:e}=c(),{settings:o,websiteName:t}=a();if(!r)return null;let l=o?{logoUrl:o.logoUrl,logoReversed:o.logoReversed??null,logoInkIsDark:o.logoInkIsDark??null}:null;return h("div",{className:"sf-preview-footer-pick",onClick:e?n=>{n.stopPropagation(),e()}:void 0,style:e?{cursor:"pointer"}:void 0,title:e?u("Edit the site footer \u2192"):void 0,children:h(i,{footerBlock:r,headerSettings:l,siteName:t?.trim()||f})})}export{F as default};