@pinnacle0/web-ui 0.6.28 → 0.6.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pinnacle0/web-ui",
-  "version": "0.6.28",
+  "version": "0.6.30",
   "author": "Pinnacle",
   "license": "MIT",
   "sideEffects": [
@@ -47,7 +47,7 @@
     "react-dom": "19.2.0",
     "react-router-dom": "5.3.0",
     "@pinnacle0/devtool-util": "1.3.6",
-    "@pinnacle0/webpack-util": "0.8.17"
+    "@pinnacle0/webpack-util": "0.8.18"
   },
   "exports": {
     "./core/*": {

package/util/OrientationUtil/index.d.ts

@@ -1,12 +1,11 @@
 /**
- * 1)
- * This util only works on mobile devices.
- * 2)
- * For Safari Mobile & Iphone Mobile,
- * ScreenOrientation API is not supported, and screen.availHeight & screen.availWidth will not produce a good result.
- * So use old APIs: window.eventListener, 'orientationchange'.
+ * Orientation detection utility for mobile and desktop devices.
  *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/orientationchange_event
+ * Uses the matchMedia API with orientation media queries, which provides
+ * reliable cross-platform support including iOS 26+ where the legacy
+ * window.orientation API has been removed since iOS 26+ PWA is not supported.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries
  */
 export type OrientationType = "portrait" | "landscape";
 export type Subscriber = (orientation: OrientationType) => void;

package/util/OrientationUtil/index.js

@@ -1,35 +1,36 @@
 /**
- * 1)
- * This util only works on mobile devices.
- * 2)
- * For Safari Mobile & Iphone Mobile,
- * ScreenOrientation API is not supported, and screen.availHeight & screen.availWidth will not produce a good result.
- * So use old APIs: window.eventListener, 'orientationchange'.
+ * Orientation detection utility for mobile and desktop devices.
  *
- * @see https://developer.mozilla.org/en-US/docs/Web/API/Window/orientationchange_event
+ * Uses the matchMedia API with orientation media queries, which provides
+ * reliable cross-platform support including iOS 26+ where the legacy
+ * window.orientation API has been removed since iOS 26+ PWA is not supported.
+ *
+ * @see https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_media_queries/Testing_media_queries
  */
-const supportScreenOrientationAPI = typeof window.screen.orientation !== "undefined";
 function subscribe(subscriber) {
     const handler = () => subscriber(current());
-    if (supportScreenOrientationAPI) {
-        window.screen.orientation.addEventListener("change", handler);
-        return () => window.screen.orientation.removeEventListener("change", handler);
+    // Use matchMedia for iOS 26+ and other browsers
+    const portraitQuery = window.matchMedia("(orientation: portrait)");
+    const mediaHandler = () => handler();
+    // Use addEventListener for modern browsers, addListener for older ones
+    if (portraitQuery.addEventListener) {
+        portraitQuery.addEventListener("change", mediaHandler);
+        return () => portraitQuery.removeEventListener("change", mediaHandler);
     }
     else {
-        window.addEventListener("orientationchange", handler);
-        return () => window.removeEventListener("orientationchange", handler, false);
+        // Fallback for very old browsers
+        portraitQuery.addListener(mediaHandler);
+        return () => portraitQuery.removeListener(mediaHandler);
     }
 }
 function current() {
     try {
-        if (supportScreenOrientationAPI) {
-            return window.screen.orientation.angle === 0 ? "portrait" : "landscape";
-        }
-        else {
-            return window.orientation === 0 ? "portrait" : "landscape";
-        }
+        // Use matchMedia API for iOS 26+ and other browsers
+        const isPortrait = window.matchMedia("(orientation: portrait)").matches;
+        return isPortrait ? "portrait" : "landscape";
     }
     catch {
+        // Do not use window.innerHeight/window.innerWidth comparison, because it is incorrect if keyboard is popped up
         return "portrait";
     }
 }

package/util/OrientationUtil/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/OrientationUtil/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAMH,MAAM,2BAA2B,GAAG,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,KAAK,WAAW,CAAC;AAErF,SAAS,SAAS,CAAC,UAAsB;IACrC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;IAC5C,IAAI,2BAA2B,EAAE,CAAC;QAC9B,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QAC9D,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAClF,CAAC;SAAM,CAAC;QACJ,MAAM,CAAC,gBAAgB,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;QACtD,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,mBAAmB,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC;IACjF,CAAC;AACL,CAAC;AAED,SAAS,OAAO;IACZ,IAAI,CAAC;QACD,IAAI,2BAA2B,EAAE,CAAC;YAC9B,OAAO,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;QAC5E,CAAC;aAAM,CAAC;YACJ,OAAO,MAAM,CAAC,WAAW,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;QAC/D,CAAC;IACL,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,UAAU,CAAC;IACtB,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC;IACzC,SAAS;IACT,OAAO;CACV,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/util/OrientationUtil/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAMH,SAAS,SAAS,CAAC,UAAsB;IACrC,MAAM,OAAO,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC;IAC5C,gDAAgD;IAChD,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC;IACnE,MAAM,YAAY,GAAG,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC;IAErC,uEAAuE;IACvE,IAAI,aAAa,CAAC,gBAAgB,EAAE,CAAC;QACjC,aAAa,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACvD,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IAC3E,CAAC;SAAM,CAAC;QACJ,iCAAiC;QACjC,aAAa,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;QACxC,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;IAC5D,CAAC;AACL,CAAC;AAED,SAAS,OAAO;IACZ,IAAI,CAAC;QACD,oDAAoD;QACpD,MAAM,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC,yBAAyB,CAAC,CAAC,OAAO,CAAC;QACxE,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC;IACjD,CAAC;IAAC,MAAM,CAAC;QACL,+GAA+G;QAC/G,OAAO,UAAU,CAAC;IACtB,CAAC;AACL,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC;IACzC,SAAS;IACT,OAAO;CACV,CAAC,CAAC"}