@loafmarkets/ui 0.1.425 → 0.1.427

package/dist/index.d.mts

@@ -1288,8 +1288,10 @@ type AssetSelectorBarProps = {
      *  ("YONG") and hovering it pops an instant tooltip with the full name. Falls back to the
      *  full name when no ticker is known. Ignored when `tickerPrimary` is set. */
     compactName?: boolean;
+    /** Fires on every open/close of the asset list (not on mount) — hosts defer per-row market data until the first open. */
+    onOpenChange?: (open: boolean) => void;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, afterName, imageUrl, badgeLabel, tickerPrimary, compactName, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, afterName, imageUrl, badgeLabel, tickerPrimary, compactName, onOpenChange, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
 type ToastData = {

package/dist/index.d.ts

@@ -1288,8 +1288,10 @@ type AssetSelectorBarProps = {
      *  ("YONG") and hovering it pops an instant tooltip with the full name. Falls back to the
      *  full name when no ticker is known. Ignored when `tickerPrimary` is set. */
     compactName?: boolean;
+    /** Fires on every open/close of the asset list (not on mount) — hosts defer per-row market data until the first open. */
+    onOpenChange?: (open: boolean) => void;
 };
-declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, afterName, imageUrl, badgeLabel, tickerPrimary, compactName, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
+declare function AssetSelectorBar({ propertyName, tokenPrice, offeringValuation, metrics: metricsProp, currentTokenName, selectorItems, onSelect, trailing, afterName, imageUrl, badgeLabel, tickerPrimary, compactName, onOpenChange, }: AssetSelectorBarProps): react_jsx_runtime.JSX.Element;
 
 type ToastVariant = 'success' | 'error' | 'info' | 'pending' | 'sell';
 type ToastData = {

package/dist/index.js

@@ -10822,6 +10822,7 @@ function GalleryMapSection({
   const [showVideo, setShowVideo] = React9.useState(false);
   const [autoPlaying, setAutoPlaying] = React9.useState(autoPlay);
   const [showFullMap, setShowFullMap] = React9.useState(false);
+  const [fullMapMountedFor, setFullMapMountedFor] = React9.useState(null);
   const [showFullVideo, setShowFullVideo] = React9.useState(false);
   const isMobile = useMaxWidth(768);
   const resolvedMapUrl = mapUrl ?? (tokenName ? `/map/${tokenName}?embed=true&zoom=14&hideOthers=true` : "about:blank");
@@ -10939,7 +10940,10 @@ function GalleryMapSection({
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(MapHeaderRight, { children: [
           /* @__PURE__ */ jsxRuntime.jsx("span", { children: propertyLocation }),
-          /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => setShowFullMap(true), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick: () => {
+            setFullMapMountedFor(resolvedMapUrl);
+            setShowFullMap(true);
+          }, children: [
             /* @__PURE__ */ jsxRuntime.jsx("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", style: { width: 14, height: 14 }, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M8 3H5a2 2 0 00-2 2v3m18 0V5a2 2 0 00-2-2h-3m0 18h3a2 2 0 002-2v-3M3 16v3a2 2 0 002 2h3" }) }),
             "Full Screen"
           ] })
@@ -10988,7 +10992,7 @@ function GalleryMapSection({
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(SuburbDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
     ] }),
-    showFullMap && !hideMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl }),
+    fullMapMountedFor === resolvedMapUrl && !hideMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { hidden: !showFullMap, onClose: () => setShowFullMap(false), mapUrl: resolvedMapUrl }),
     showFullVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsxs(FullVideoOverlay, { onClick: () => setShowFullVideo(false), children: [
       /* @__PURE__ */ jsxRuntime.jsx(FullVideoClose, { onClick: () => setShowFullVideo(false), "aria-label": "Close video", children: "\u2715" }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -11118,21 +11122,23 @@ function StackedGallery({ images, onPhotoClick }) {
     }) })
   ] });
 }
-function FullMapPopup({ onClose, mapUrl }) {
+function FullMapPopup({ onClose, mapUrl, hidden = false }) {
   React9.useEffect(() => {
+    if (hidden) return;
     const handleEsc = (e) => {
       if (e.key === "Escape") onClose();
     };
     window.addEventListener("keydown", handleEsc);
     return () => window.removeEventListener("keydown", handleEsc);
-  }, [onClose]);
+  }, [onClose, hidden]);
   React9.useEffect(() => {
+    if (hidden) return;
     const handleMessage = (e) => {
       if (e.data === "loaf:close-embed") onClose();
     };
     window.addEventListener("message", handleMessage);
     return () => window.removeEventListener("message", handleMessage);
-  }, [onClose]);
+  }, [onClose, hidden]);
   const iframeRef = React9.useCallback((node) => {
     if (!node) return;
     const handleLoad = () => {
@@ -11148,7 +11154,7 @@ function FullMapPopup({ onClose, mapUrl }) {
     };
     node.addEventListener("load", handleLoad);
   }, [onClose]);
-  return /* @__PURE__ */ jsxRuntime.jsx(FullMapOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(FullMapPanel, { onClick: (e) => e.stopPropagation(), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(FullMapOverlay, { onClick: onClose, hidden, children: /* @__PURE__ */ jsxRuntime.jsxs(FullMapPanel, { onClick: (e) => e.stopPropagation(), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(FullMapHeader, { children: [
       /* @__PURE__ */ jsxRuntime.jsxs(FullMapTitle, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(bi.BiMap, {}),
@@ -11444,6 +11450,12 @@ var FullMapOverlay = styled10__default.default.div`
   align-items: center;
   justify-content: center;
   backdrop-filter: blur(4px);
+
+  /* Kept mounted between opens (see fullMapMountedFor); \`display: flex\` above would
+     otherwise beat the UA's [hidden] rule. */
+  &[hidden] {
+    display: none;
+  }
 `;
 var FullVideoOverlay = styled10__default.default.div`
   position: fixed;
@@ -13871,9 +13883,20 @@ function AssetSelectorBar({
   imageUrl,
   badgeLabel,
   tickerPrimary,
-  compactName
+  compactName,
+  onOpenChange
 }) {
   const [isDropdownOpen, setIsDropdownOpen] = React9.useState(false);
+  const openChangeRef = React9.useRef(onOpenChange);
+  openChangeRef.current = onOpenChange;
+  const openSeenRef = React9.useRef(false);
+  React9.useEffect(() => {
+    if (!openSeenRef.current) {
+      openSeenRef.current = true;
+      return;
+    }
+    openChangeRef.current?.(isDropdownOpen);
+  }, [isDropdownOpen]);
   const [nameTip, setNameTip] = React9.useState(null);
   const anchorRef = React9.useRef(null);
   const [dropdownPos, setDropdownPos] = React9.useState(null);