hazo_ui 6.13.1 → 6.15.0

package/CHANGE_LOG.md

@@ -5,6 +5,69 @@ 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
+
+- New `src/locales/de.json`: German translation of all 219 keys in `en.json`
+  (flat dotted keys, identical key set, every `{{placeholder}}` preserved
+  verbatim). Consumers register it through hazo_i18n alongside `en`; the package
+  does not bundle non-English catalogs into `dist/`.
+- The German catalog was produced with the hazo_i18n pipeline, not by hand:
+  `translateMessages()` (export, then Gemini via `hazo_llm_api` per chunk, then
+  `importMessages()` with ICU/HTML/expansion validation). 9 chunks, 0 failed,
+  0 rejected. 14 non-blocking length-expansion warnings on very short strings
+  (e.g. `Save` to `Speichern`) were accepted; no translation was changed by hand.
+- Rationale: German is the first non-English catalog for hazo_ui, and it exercises
+  the hazo_i18n export/LLM/import round trip on a real package catalog.
+- Test-app: new `/locale-picker` page demoing `LocalePicker` (dropdown, compact and
+  inline variants; native, native+code and code display; flags) with real locale
+  alternates. Alternates point at a new `/set-locale` route that sets the
+  `NEXT_LOCALE` cookie and redirects back.
+- Test-app `i18n_runtime.ts` now registers the hazo_ui `en` and `de` catalogs under
+  the `hazo_ui` namespace, so hazo_ui components switch language in the test-app
+  through `HazoUiI18nProvider`. Previously they stayed English.
+
+### Fixed — dialog re-render loop on open
+
+- `HazoUiMultiFilterDialog` and `HazoUiMultiSortDialog` defaulted `initialFilters` /
+  `initialSortFields` to a fresh `[]` each render. Their open-time sync effect depends
+  on that prop, so every render reset state to a new array and looped until React
+  threw `RangeError: Invalid array length`. Defaults now reference a module-level
+  empty constant.
+- `filter_dialog_i18n.test.tsx`: the "explicit title wins" assertion queried
+  `getByText("Filter")`, which matched the still-mounted trigger button; it now asserts
+  no heading named "Filter".
+
 ## v6.13.1 (2026-10-03)
 
 ### Fixed — remaining hardcoded English strings now go through i18n

package/dist/index.cjs

@@ -1145,10 +1145,11 @@ function FilterFieldItem({
     ] })
   ] });
 }
+var NO_INITIAL_FILTERS = [];
 function HazoUiMultiFilterDialog({
   availableFields,
   onFilterChange,
-  initialFilters = [],
+  initialFilters = NO_INITIAL_FILTERS,
   title: titleProp,
   description: descriptionProp,
   headerBackgroundColor,
@@ -1513,10 +1514,11 @@ function SortableSortFieldItem({
     }
   );
 }
+var NO_INITIAL_SORT_FIELDS = [];
 function HazoUiMultiSortDialog({
   availableFields,
   onSortChange,
-  initialSortFields = [],
+  initialSortFields = NO_INITIAL_SORT_FIELDS,
   title: titleProp,
   description: descriptionProp,
   headerBackgroundColor,
@@ -9369,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) {
@@ -13187,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,
@@ -13425,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;