hazo_ui 6.14.0 → 6.15.0

package/CHANGE_LOG.md

@@ -5,6 +5,35 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## v6.15.0 (2026-10-13)
+
+### Added — `useHazoEvent` hook
+
+- `useHazoEvent(pkg, event, handler)` subscribes to the `hazo:<pkg>:<event>`
+  `CustomEvent` dispatched via hazo_core's `dispatchHazoEvent` (requires
+  `hazo_core ^2.5.0`). Stable-ref `useEffect` listener (re-subscribing a new
+  `handler` on every render never adds a duplicate listener), cleans up on
+  unmount. The subscribe-side counterpart of the `hazo:<pkg>:<event>`
+  convention — lets a host app react to a hazo_* package's internal state
+  change with zero coupling. First consumer: Kinstripe's admin feedback
+  badges reacting to hazo_feedback's `status-changed` event.
+
+## v6.14.1 (2026-10-13)
+
+### Fixed — `useFullscreen` silently did nothing when the native API rejected the request
+
+- `enter()` only fell back to CSS-driven pseudo-fullscreen when
+  `requestFullscreen` was entirely absent (iOS Safari). When the API exists
+  but the browser *rejects* the call — most commonly a cross-origin iframe
+  embed missing `allow="fullscreen"` (`SecurityError`) — the rejection was
+  silently swallowed with no fallback, so the fullscreen button appeared to
+  do nothing.
+- `exit()` and `toggle()` had matching bugs once pseudo-fullscreen could be
+  reached this way: both branched on `document.fullscreenElement` (always
+  `null` in pseudo-fullscreen), so `exit()` could never clear the state and
+  `toggle()` would call `enter()` again instead of exiting. Both now branch
+  on the hook's own tracked `isFullscreen` state instead.
+
 ## v6.14.0 (2026-10-04)
 
 ### Added — German (`de`) catalog and LocalePicker demo

package/dist/index.cjs

@@ -9371,32 +9371,27 @@ function useFullscreen(elementRef) {
     try {
       await get_target().requestFullscreen();
     } catch {
+      set_is_fullscreen(true);
     }
   }, [supported, get_target]);
   const exit = React27.useCallback(async () => {
     if (typeof document === "undefined") return;
-    if (!supported) {
-      set_is_fullscreen(false);
+    if (document.fullscreenElement) {
+      try {
+        await document.exitFullscreen();
+      } catch {
+      }
       return;
     }
-    if (!document.fullscreenElement) return;
-    try {
-      await document.exitFullscreen();
-    } catch {
-    }
-  }, [supported]);
+    set_is_fullscreen(false);
+  }, []);
   const toggle = React27.useCallback(async () => {
-    if (!supported) {
-      if (is_fullscreen) await exit();
-      else await enter();
-      return;
-    }
-    if (document.fullscreenElement) {
+    if (is_fullscreen) {
       await exit();
     } else {
       await enter();
     }
-  }, [supported, is_fullscreen, enter, exit]);
+  }, [is_fullscreen, enter, exit]);
   return { isFullscreen: is_fullscreen, enter, exit, toggle };
 }
 function use_wake_lock(active) {
@@ -13189,6 +13184,18 @@ function LocalePicker({
   ] });
 }
 LocalePicker.displayName = "LocalePicker";
+function useHazoEvent(pkg, event, handler) {
+  const handler_ref = React27.useRef(handler);
+  handler_ref.current = handler;
+  React27.useEffect(() => {
+    const event_name = `hazo:${pkg}:${event}`;
+    const listener = (e) => {
+      handler_ref.current(e.detail);
+    };
+    window.addEventListener(event_name, listener);
+    return () => window.removeEventListener(event_name, listener);
+  }, [pkg, event]);
+}
 
 Object.defineProperty(exports, "rawToast", {
   enumerable: true,
@@ -13427,6 +13434,7 @@ exports.useDebounce = useDebounce;
 exports.useErrorDisplay = useErrorDisplay;
 exports.useEtaProgress = useEtaProgress;
 exports.useFullscreen = useFullscreen;
+exports.useHazoEvent = useHazoEvent;
 exports.useHazoUiT = useHazoUiT;
 exports.useIsMobile = useIsMobile;
 exports.useLoadingState = useLoadingState;