@onereach/ui-components-common 26.9.1-beta.5983.0 → 26.9.1-beta.5986.0

package/dist/floating-ui/auto-update.d.ts

@@ -0,0 +1,16 @@
+import { autoUpdate as originalAutoUpdate } from '@floating-ui/dom';
+/**
+ * App runs inside a parent page on another origin
+ * (e.g. hitl-embed iframe inside hitl.qa).
+ */
+export declare function isCrossOriginEmbedded(): boolean;
+/** Host page embeds an app in a cross-origin iframe. */
+export declare function hasCrossOriginChildIframe(): boolean;
+export declare function shouldLimitFloatingUiAncestors(): boolean;
+type AutoUpdateFn = typeof originalAutoUpdate;
+/**
+ * `autoUpdate` that skips ancestor scroll/resize when cross-origin frames are involved.
+ * @see https://floating-ui.com/docs/autoUpdate
+ */
+export declare const autoUpdate: AutoUpdateFn;
+export {};

package/dist/floating-ui/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@floating-ui/dom';
+export { autoUpdate } from './auto-update';

package/dist/floating-ui.js

@@ -0,0 +1,31 @@
+import { autoUpdate as o } from "@floating-ui/dom";
+export * from "@floating-ui/dom";
+function i() {
+  if (typeof window > "u" || window.self === window.top || !window.parent)
+    return !1;
+  try {
+    return window.parent.document, !1;
+  } catch {
+    return !0;
+  }
+}
+function u() {
+  return typeof document > "u" ? !1 : Array.from(document.querySelectorAll("iframe")).some((e) => {
+    try {
+      return e.contentDocument, !1;
+    } catch {
+      return !0;
+    }
+  });
+}
+function a() {
+  return i() || u();
+}
+const s = (e, r, t, n = {}) => a() ? o(e, r, t, {
+  ...n,
+  ancestorScroll: !1,
+  ancestorResize: !1
+}) : o(e, r, t, n);
+export {
+  s as autoUpdate
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components-common",
-  "version": "26.9.1-beta.5983.0",
+  "version": "26.9.1-beta.5986.0",
   "license": "Apache-2.0",
   "type": "module",
   "exports": {
@@ -44,6 +44,11 @@
       "types": "./dist/assets/index.d.ts",
       "import": "./dist/assets.js",
       "default": "./dist/assets.js"
+    },
+    "./floating-ui-dom": {
+      "types": "./dist/floating-ui/index.d.ts",
+      "import": "./dist/floating-ui.js",
+      "default": "./dist/floating-ui.js"
     }
   },
   "main": "./dist/index.js",
@@ -59,7 +64,8 @@
     "dev": "vite build --watch"
   },
   "dependencies": {
-    "@onereach/styles": "^26.9.1-beta.5983.0",
+    "@floating-ui/dom": "1.6.13",
+    "@onereach/styles": "^26.9.1-beta.5986.0",
     "@vueuse/core": "11.3.0"
   },
   "devDependencies": {

package/src/floating-ui/auto-update.ts

@@ -0,0 +1,63 @@
+import {
+  autoUpdate as originalAutoUpdate,
+  type AutoUpdateOptions,
+} from '@floating-ui/dom';
+
+/**
+ * App runs inside a parent page on another origin
+ * (e.g. hitl-embed iframe inside hitl.qa).
+ */
+export function isCrossOriginEmbedded(): boolean {
+  if (typeof window === 'undefined' || window.self === window.top) {
+    return false;
+  }
+
+  if (!window.parent) {
+    return false;
+  }
+
+  try {
+    void window.parent.document;
+    return false;
+  } catch {
+    return true;
+  }
+}
+
+/** Host page embeds an app in a cross-origin iframe. */
+export function hasCrossOriginChildIframe(): boolean {
+  if (typeof document === 'undefined') {
+    return false;
+  }
+
+  return Array.from(document.querySelectorAll('iframe')).some((iframe) => {
+    try {
+      void iframe.contentDocument;
+      return false;
+    } catch {
+      return true;
+    }
+  });
+}
+
+export function shouldLimitFloatingUiAncestors(): boolean {
+  return isCrossOriginEmbedded() || hasCrossOriginChildIframe();
+}
+
+type AutoUpdateFn = typeof originalAutoUpdate;
+
+/**
+ * `autoUpdate` that skips ancestor scroll/resize when cross-origin frames are involved.
+ * @see https://floating-ui.com/docs/autoUpdate
+ */
+export const autoUpdate: AutoUpdateFn = (reference, floating, update, options: AutoUpdateOptions = {}) => {
+  if (shouldLimitFloatingUiAncestors()) {
+    return originalAutoUpdate(reference, floating, update, {
+      ...options,
+      ancestorScroll: false,
+      ancestorResize: false,
+    });
+  }
+
+  return originalAutoUpdate(reference, floating, update, options);
+};

package/src/floating-ui/index.ts

@@ -0,0 +1,2 @@
+export * from '@floating-ui/dom';
+export { autoUpdate } from './auto-update';