@iframe-resizer/react 5.5.9 → 6.0.0-beta.0

package/LICENSE

@@ -1,6 +1,6 @@
-Iframe Resizer Version 5
+Iframe Resizer Version 6
 
-This JavaScript library is Copyright © 2013-2025 David J. Bradshaw and is dual-licensed, either under GPL V3, or a commercial license that is available for purchase upon request.
+This JavaScript library is Copyright © 2013-2026 David J. Bradshaw and is dual-licensed, either under GPL V3 for compliant sites (Fully published front and backend source code). Or alternatively it is available under a commercial license for sites that do not wish to use the GPL.
 
 For more information on commercial licensing see https://iframe-resizer.com/pricing/
 

package/README.md

@@ -25,4 +25,4 @@ yarn add @iframe-resizer/react
 
 ---
 
-_iframe-resizer version 5.5.9 2026-02-06 - 10:22:50.790Z_
+_iframe-resizer version 6.0.0-beta.0 2026-02-23 - 11:30:21.834Z_

package/filter-iframe-attribs.d.ts

@@ -0,0 +1,4 @@
+declare const _default: ({ license, bodyBackground, bodyMargin, bodyPadding, checkOrigin, direction, inPageLinks, log, offset, offsetHeight, offsetWidth, scrolling, tolerance, warningTimeout, waitForLoad, onAfterClose, onReady, onMessage, onResized, ...iframeProps }: Record<string, unknown>) => {
+    [x: string]: unknown;
+};
+export default _default;

package/index.cjs.js

@@ -1,106 +1,2 @@
-/*!
- *  @preserve
- *  
- *  @module      iframe-resizer/react 5.5.9 (cjs) - 2026-02-06
- *
- *  @license     GPL-3.0 for non-commercial use only.
- *               For commercial use, you must purchase a license from
- *               https://iframe-resizer.com/pricing
- * 
- *  @description Keep same and cross domain iFrames sized to their content 
- *
- *  @author      David J. Bradshaw <info@iframe-resizer.com>
- * 
- *  @see         {@link https://iframe-resizer.com}
- * 
- *  @copyright  (c) 2013 - 2026, David J. Bradshaw. All rights reserved.
- */
-
-
-'use strict';
-
-const _extends = require('@babel/runtime/helpers/extends');
-const connectResizer = require('@iframe-resizer/core');
-const acg = require('auto-console-group');
-const React = require('react');
-
-const filterIframeAttribs = ({
-  license,
-  bodyBackground,
-  bodyMargin,
-  bodyPadding,
-  checkOrigin,
-  direction,
-  inPageLinks,
-  log,
-  offset,
-  offsetHeight,
-  offsetWidth,
-  scrolling,
-  tolerance,
-  warningTimeout,
-  waitForLoad,
-  onAfterClose,
-  onReady,
-  onMessage,
-  onResized,
-  ...iframeProps
-}) => iframeProps;
-
-const esModuleInterop = mod =>
-// eslint-disable-next-line no-underscore-dangle
-mod?.__esModule ? mod.default : mod;
-
-// Deal with UMD not converting default exports to named exports
-const createAutoConsoleGroup = esModuleInterop(acg);
-
-// TODO: Add support for React.forwardRef() in next major version (Breaking change)
-function IframeResizer({
-  forwardRef,
-  ...props
-}) {
-  const filteredProps = filterIframeAttribs(props);
-  const iframeRef = React.useRef(null);
-  const consoleGroup = createAutoConsoleGroup();
-  const onBeforeClose = () => {
-    consoleGroup.event('close');
-    consoleGroup.warn(`Close event ignored, to remove the iframe update your React component.`);
-    return false;
-  };
-
-  // This hook is only run once, as once iframe-resizer is bound, it will
-  // deal with changes to the element and does not need recalling
-  React.useEffect(() => {
-    const iframe = iframeRef.current;
-    const resizerOptions = {
-      ...props,
-      onBeforeClose
-    };
-    consoleGroup.label(`react(${iframe.id})`);
-    consoleGroup.event('setup');
-    const resizer = connectResizer(resizerOptions)(iframe);
-    consoleGroup.expand(resizerOptions.logExpand);
-    if (props.log) consoleGroup.log('Created React component');
-    return () => {
-      consoleGroup.endAutoGroup();
-      resizer?.disconnect();
-    };
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  React.useImperativeHandle(forwardRef, () => ({
-    getRef: () => iframeRef,
-    getElement: () => iframeRef.current,
-    resize: () => iframeRef.current.iframeResizer.resize(),
-    moveToAnchor: anchor => iframeRef.current.iframeResizer.moveToAnchor(anchor),
-    sendMessage: (message, targetOrigin) => {
-      iframeRef.current.iframeResizer.sendMessage(message, targetOrigin);
-    }
-  }));
-
-  // eslint-disable-next-line jsx-a11y/iframe-has-title
-  return /*#__PURE__*/React.createElement("iframe", _extends({}, filteredProps, {
-    ref: iframeRef
-  }));
-}
-
-module.exports = IframeResizer;
+"use strict";const l=require("@iframe-resizer/core"),d=require("auto-console-group"),i=require("react"),g=o=>o?.__esModule?o.default:o,m=({license:o,bodyBackground:s,bodyMargin:c,bodyPadding:e,checkOrigin:r,direction:a,inPageLinks:n,log:t,offset:u,offsetHeight:z,offsetWidth:v,scrolling:h,tolerance:A,warningTimeout:M,waitForLoad:b,onAfterClose:y,onReady:C,onMessage:E,onResized:I,...f})=>f,R=g(d);function p({forwardRef:o,...s}){const c=m(s),e=i.useRef(null),r=R(),a=()=>(r.event("close"),r.warn("Close event ignored, to remove the iframe update your React component."),!1);return i.useEffect(()=>{const n=e.current,t={...s,onBeforeClose:a};r.label(`react(${n.id})`),r.event("setup");const u=l(t)(n);return r.expand(t.logExpand),s.log&&r.log("Created React component"),()=>{r.endAutoGroup(),u?.disconnect()}},[]),i.useImperativeHandle(o,()=>({getRef:()=>e,getElement:()=>e.current,resize:()=>e.current.iframeResizer.resize(),moveToAnchor:n=>e.current.iframeResizer.moveToAnchor(n),sendMessage:(n,t)=>{e.current.iframeResizer.sendMessage(n,t)}})),i.createElement("iframe",{...c,ref:e})}module.exports=p;
+//# sourceMappingURL=index.cjs.js.map

package/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../packages/common/utils.ts","../../packages/react/filter-iframe-attribs.ts","../../packages/react/index.tsx"],"sourcesContent":["import { OBJECT, STRING } from './consts'\n\nexport const isElement = (node: Node): boolean => node.nodeType === Node.ELEMENT_NODE\nexport const isNumber = (value: unknown): value is number =>\n  typeof value === 'number' && !Number.isNaN(value)\nexport const isObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === OBJECT && value !== null\nexport const isString = (value: unknown): value is string => typeof value === STRING\n\nexport const isSafari: boolean = /^((?!chrome|android).)*safari/i.test(\n  navigator.userAgent,\n)\n\nexport function isIframe(element: unknown): element is HTMLIFrameElement {\n  if (!isObject(element)) return false\n\n  try {\n    return (element as unknown as HTMLElement).tagName === 'IFRAME' || element instanceof HTMLIFrameElement\n  } catch (error) {\n    return false\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyFunction = (...args: any[]) => any\n\nexport const isolateUserCode = (func: AnyFunction, ...val: unknown[]): ReturnType<typeof setTimeout> =>\n  setTimeout(() => func(...val), 0)\n\nexport const once = <T extends AnyFunction>(fn: T): T => {\n  let done = false\n\n  return function (this: unknown, ...args: unknown[]) {\n    return done\n      ? undefined\n      : ((done = true), fn.apply(this, args))\n  } as unknown as T\n}\n\nconst hasOwnFallback = (o: object, k: PropertyKey): boolean =>\n  Object.prototype.hasOwnProperty.call(o, k)\n\nexport const hasOwn = (o: object, k: PropertyKey): boolean =>\n  Object.hasOwn ? Object.hasOwn(o, k) : hasOwnFallback(o, k)\n\nexport const isDarkModeEnabled = (): boolean =>\n  window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n\nexport const id = <T>(x: T): T => x\n\nconst ROUNDING = 1000\n\nexport const round = (value: number): number => Math.round(value * ROUNDING) / ROUNDING\n\nexport const capitalizeFirstLetter = (string: string): string =>\n  string.charAt(0).toUpperCase() + string.slice(1)\n\nexport const isDef = (value: unknown): boolean => `${value}` !== '' && value !== undefined\n\nexport const invoke = <T>(fn: () => T): T => fn()\n\nexport const lower = (str: string): string => str.toLowerCase()\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function getElementName(el: any): string {\n  switch (true) {\n    case !isDef(el):\n      return ''\n\n    case isDef(el.id):\n      return `${el.nodeName}#${el.id}`\n\n    case isDef(el.name):\n      return `${el.nodeName} (${el.name}`\n\n    case isDef(el.className):\n      return `${el.nodeName}.${el.className}`\n\n    default:\n      return el.nodeName\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const esModuleInterop = <T = any>(mod: any): T =>\n  // eslint-disable-next-line no-underscore-dangle\n  mod?.__esModule ? mod.default : mod\n\nexport const typeAssert = (value: unknown, type: string, error: string): void => {\n  // eslint-disable-next-line valid-typeof\n  if (typeof value !== type) {\n    throw new TypeError(`${error} is not a ${capitalizeFirstLetter(type)}`)\n  }\n}\n","export default ({\n  license,\n  bodyBackground,\n  bodyMargin,\n  bodyPadding,\n  checkOrigin,\n  direction,\n  inPageLinks,\n  log,\n  offset,\n  offsetHeight,\n  offsetWidth,\n  scrolling,\n  tolerance,\n  warningTimeout,\n  waitForLoad,\n  onAfterClose,\n  onReady,\n  onMessage,\n  onResized,\n  ...iframeProps\n}: Record<string, unknown>) => iframeProps\n","import connectResizer from '@iframe-resizer/core'\nimport type {\n  IFrameObject,\n  IFrameComponent,\n  IFrameMessageData,\n  IFrameMouseData,\n  IFrameResizedData,\n  IFrameScrollData,\n} from '@iframe-resizer/core'\nimport acg from 'auto-console-group'\nimport React, { type ReactElement, type RefObject, useEffect, useImperativeHandle, useRef } from 'react'\n\nimport { esModuleInterop } from '../common/utils'\nimport filterIframeAttribs from './filter-iframe-attribs'\n\nexport type { IFrameObject, IFrameComponent }\n\nexport type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {\n  getElement: () => IFrameComponent\n  getRef: () => RefObject<HTMLIFrameElement | null>\n}\n\ntype IframeProps = React.DetailedHTMLProps<\n  React.IframeHTMLAttributes<HTMLIFrameElement>,\n  HTMLIFrameElement\n>\n\nexport type ResizerOptions = {\n  bodyBackground?: string | null\n  bodyMargin?: string | number | null\n  bodyPadding?: string | number | null\n  checkOrigin?: boolean | string[]\n  direction?: 'vertical' | 'horizontal' | 'none' | 'both'\n  forwardRef?: any\n  inPageLinks?: boolean\n  license: string\n  log?: boolean | 'expanded' | 'collapsed'\n  logExpand?: boolean\n  offsetSize?: number\n  scrolling?: boolean | 'omit'\n  tolerance?: number\n  waitForLoad?: boolean\n  warningTimeout?: number\n}\n\nexport type ResizerEvents = {\n  onCLosed?: (iframeId: string) => void // Remove in v6\n  onAfterClose?: (iframeId: string) => void\n  onMessage?: (ev: IFrameMessageData) => void\n  onMouseEnter?: (ev: IFrameMouseData) => void\n  onMouseLeave?: (ev: IFrameMouseData) => void\n  onReady?: (iframe: IFrameComponent) => void\n  onResized?: (ev: IFrameResizedData) => void\n  onScroll?: (ev: IFrameScrollData) => boolean\n}\n\nexport type IframeResizerProps = Omit<IframeProps, 'scrolling'> &\n  ResizerOptions &\n  ResizerEvents\n\n// Deal with UMD not converting default exports to named exports\nconst createAutoConsoleGroup = esModuleInterop(acg)\n\n// TODO: Add support for React.forwardRef() in next major version (Breaking change)\nfunction IframeResizer({ forwardRef, ...props }: IframeResizerProps): ReactElement {\n  const filteredProps = filterIframeAttribs(props)\n  const iframeRef = useRef<IFrameComponent>(null)\n  const consoleGroup = createAutoConsoleGroup()\n\n  const onBeforeClose = () => {\n    consoleGroup.event('close')\n    consoleGroup.warn(\n      `Close event ignored, to remove the iframe update your React component.`,\n    )\n\n    return false\n  }\n\n  // This hook is only run once, as once iframe-resizer is bound, it will\n  // deal with changes to the element and does not need recalling\n  useEffect(() => {\n    const iframe = iframeRef.current\n    const resizerOptions = { ...props, onBeforeClose }\n\n    consoleGroup.label(`react(${iframe.id})`)\n    consoleGroup.event('setup')\n\n    const resizer = connectResizer(resizerOptions)(iframe)\n\n    consoleGroup.expand(resizerOptions.logExpand)\n    if (props.log) consoleGroup.log('Created React component')\n\n    return () => {\n      consoleGroup.endAutoGroup()\n      resizer?.disconnect()\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useImperativeHandle(forwardRef, () => ({\n    getRef: () => iframeRef,\n    getElement: () => iframeRef.current,\n    resize: () => iframeRef.current.iframeResizer.resize(),\n    moveToAnchor: (anchor: string) =>\n      iframeRef.current.iframeResizer.moveToAnchor(anchor),\n    sendMessage: (message: string, targetOrigin?: string) => {\n      iframeRef.current.iframeResizer.sendMessage(message, targetOrigin)\n    },\n  }))\n\n  // eslint-disable-next-line jsx-a11y/iframe-has-title\n  return <iframe {...filteredProps} ref={iframeRef} />\n}\n\nexport default IframeResizer\n"],"names":["esModuleInterop","mod","filterIframeAttribs","license","bodyBackground","bodyMargin","bodyPadding","checkOrigin","direction","inPageLinks","log","offset","offsetHeight","offsetWidth","scrolling","tolerance","warningTimeout","waitForLoad","onAfterClose","onReady","onMessage","onResized","iframeProps","createAutoConsoleGroup","acg","IframeResizer","forwardRef","props","filteredProps","iframeRef","useRef","consoleGroup","onBeforeClose","useEffect","iframe","resizerOptions","resizer","connectResizer","useImperativeHandle","anchor","message","targetOrigin","React"],"mappings":"wGAoFaA,EAA4BC,GAEvCA,GAAK,WAAaA,EAAI,QAAUA,ECtFlCC,EAAe,CAAC,CACd,QAAAC,EACA,eAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,UAAAC,EACA,YAAAC,EACA,IAAAC,EACA,OAAAC,EACA,aAAAC,EACA,YAAAC,EACA,UAAAC,EACA,UAAAC,EACA,eAAAC,EACA,YAAAC,EACA,aAAAC,EACA,QAAAC,EACA,UAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAA+BA,ECwCzBC,EAAyBvB,EAAgBwB,CAAG,EAGlD,SAASC,EAAc,CAAE,WAAAC,EAAY,GAAGC,GAA2C,CACjF,MAAMC,EAAgB1B,EAAoByB,CAAK,EACzCE,EAAYC,EAAAA,OAAwB,IAAI,EACxCC,EAAeR,EAAA,EAEfS,EAAgB,KACpBD,EAAa,MAAM,OAAO,EAC1BA,EAAa,KACX,wEAAA,EAGK,IAKTE,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAASL,EAAU,QACnBM,EAAiB,CAAE,GAAGR,EAAO,cAAAK,CAAA,EAEnCD,EAAa,MAAM,SAASG,EAAO,EAAE,GAAG,EACxCH,EAAa,MAAM,OAAO,EAE1B,MAAMK,EAAUC,EAAeF,CAAc,EAAED,CAAM,EAErD,OAAAH,EAAa,OAAOI,EAAe,SAAS,EACxCR,EAAM,KAAKI,EAAa,IAAI,yBAAyB,EAElD,IAAM,CACXA,EAAa,aAAA,EACbK,GAAS,WAAA,CACX,CACF,EAAG,CAAA,CAAE,EAELE,EAAAA,oBAAoBZ,EAAY,KAAO,CACrC,OAAQ,IAAMG,EACd,WAAY,IAAMA,EAAU,QAC5B,OAAQ,IAAMA,EAAU,QAAQ,cAAc,OAAA,EAC9C,aAAeU,GACbV,EAAU,QAAQ,cAAc,aAAaU,CAAM,EACrD,YAAa,CAACC,EAAiBC,IAA0B,CACvDZ,EAAU,QAAQ,cAAc,YAAYW,EAASC,CAAY,CACnE,CAAA,EACA,EAGKC,EAAA,cAAC,SAAA,CAAQ,GAAGd,EAAe,IAAKC,EAAW,CACpD"}

package/index.d.ts

@@ -0,0 +1,38 @@
+import { IFrameObject, IFrameComponent, IFrameMessageData, IFrameMouseData, IFrameResizedData, IFrameScrollData } from '@iframe-resizer/core';
+import { default as React, ReactElement, RefObject } from 'react';
+export type { IFrameObject, IFrameComponent };
+export type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {
+    getElement: () => IFrameComponent;
+    getRef: () => RefObject<HTMLIFrameElement | null>;
+};
+type IframeProps = React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>;
+export type ResizerOptions = {
+    bodyBackground?: string | null;
+    bodyMargin?: string | number | null;
+    bodyPadding?: string | number | null;
+    checkOrigin?: boolean | string[];
+    direction?: 'vertical' | 'horizontal' | 'none' | 'both';
+    forwardRef?: any;
+    inPageLinks?: boolean;
+    license: string;
+    log?: boolean | 'expanded' | 'collapsed';
+    logExpand?: boolean;
+    offsetSize?: number;
+    scrolling?: boolean | 'omit';
+    tolerance?: number;
+    waitForLoad?: boolean;
+    warningTimeout?: number;
+};
+export type ResizerEvents = {
+    onCLosed?: (iframeId: string) => void;
+    onAfterClose?: (iframeId: string) => void;
+    onMessage?: (ev: IFrameMessageData) => void;
+    onMouseEnter?: (ev: IFrameMouseData) => void;
+    onMouseLeave?: (ev: IFrameMouseData) => void;
+    onReady?: (iframe: IFrameComponent) => void;
+    onResized?: (ev: IFrameResizedData) => void;
+    onScroll?: (ev: IFrameScrollData) => boolean;
+};
+export type IframeResizerProps = Omit<IframeProps, 'scrolling'> & ResizerOptions & ResizerEvents;
+declare function IframeResizer({ forwardRef, ...props }: IframeResizerProps): ReactElement;
+export default IframeResizer;

package/index.esm.js

@@ -1,104 +1,53 @@
-/*!
- *  @preserve
- *  
- *  @module      iframe-resizer/react 5.5.9 (esm) - 2026-02-06
- *
- *  @license     GPL-3.0 for non-commercial use only.
- *               For commercial use, you must purchase a license from
- *               https://iframe-resizer.com/pricing
- * 
- *  @description Keep same and cross domain iFrames sized to their content 
- *
- *  @author      David J. Bradshaw <info@iframe-resizer.com>
- * 
- *  @see         {@link https://iframe-resizer.com}
- * 
- *  @copyright  (c) 2013 - 2026, David J. Bradshaw. All rights reserved.
- */
-
-
-import _extends from '@babel/runtime/helpers/extends';
-import connectResizer from '@iframe-resizer/core';
-import acg from 'auto-console-group';
-import React, { useRef, useEffect, useImperativeHandle } from 'react';
-
-const filterIframeAttribs = ({
-  license,
-  bodyBackground,
-  bodyMargin,
-  bodyPadding,
-  checkOrigin,
-  direction,
-  inPageLinks,
-  log,
-  offset,
-  offsetHeight,
-  offsetWidth,
-  scrolling,
-  tolerance,
-  warningTimeout,
-  waitForLoad,
-  onAfterClose,
-  onReady,
-  onMessage,
-  onResized,
-  ...iframeProps
-}) => iframeProps;
-
-const esModuleInterop = mod =>
-// eslint-disable-next-line no-underscore-dangle
-mod?.__esModule ? mod.default : mod;
-
-// Deal with UMD not converting default exports to named exports
-const createAutoConsoleGroup = esModuleInterop(acg);
-
-// TODO: Add support for React.forwardRef() in next major version (Breaking change)
-function IframeResizer({
-  forwardRef,
-  ...props
-}) {
-  const filteredProps = filterIframeAttribs(props);
-  const iframeRef = useRef(null);
-  const consoleGroup = createAutoConsoleGroup();
-  const onBeforeClose = () => {
-    consoleGroup.event('close');
-    consoleGroup.warn(`Close event ignored, to remove the iframe update your React component.`);
-    return false;
-  };
-
-  // This hook is only run once, as once iframe-resizer is bound, it will
-  // deal with changes to the element and does not need recalling
-  useEffect(() => {
-    const iframe = iframeRef.current;
-    const resizerOptions = {
-      ...props,
-      onBeforeClose
+import l from "@iframe-resizer/core";
+import u from "auto-console-group";
+import d, { useRef as m, useEffect as g, useImperativeHandle as p } from "react";
+const R = (t) => (
+  // eslint-disable-next-line no-underscore-dangle
+  t?.__esModule ? t.default : t
+), z = ({
+  license: t,
+  bodyBackground: s,
+  bodyMargin: i,
+  bodyPadding: e,
+  checkOrigin: o,
+  direction: c,
+  inPageLinks: r,
+  log: n,
+  offset: a,
+  offsetHeight: h,
+  offsetWidth: A,
+  scrolling: M,
+  tolerance: b,
+  warningTimeout: y,
+  waitForLoad: C,
+  onAfterClose: E,
+  onReady: I,
+  onMessage: k,
+  onResized: w,
+  ...f
+}) => f, v = R(u);
+function T({ forwardRef: t, ...s }) {
+  const i = z(s), e = m(null), o = v(), c = () => (o.event("close"), o.warn(
+    "Close event ignored, to remove the iframe update your React component."
+  ), !1);
+  return g(() => {
+    const r = e.current, n = { ...s, onBeforeClose: c };
+    o.label(`react(${r.id})`), o.event("setup");
+    const a = l(n)(r);
+    return o.expand(n.logExpand), s.log && o.log("Created React component"), () => {
+      o.endAutoGroup(), a?.disconnect();
     };
-    consoleGroup.label(`react(${iframe.id})`);
-    consoleGroup.event('setup');
-    const resizer = connectResizer(resizerOptions)(iframe);
-    consoleGroup.expand(resizerOptions.logExpand);
-    if (props.log) consoleGroup.log('Created React component');
-    return () => {
-      consoleGroup.endAutoGroup();
-      resizer?.disconnect();
-    };
-  }, []); // eslint-disable-line react-hooks/exhaustive-deps
-
-  useImperativeHandle(forwardRef, () => ({
-    getRef: () => iframeRef,
-    getElement: () => iframeRef.current,
-    resize: () => iframeRef.current.iframeResizer.resize(),
-    moveToAnchor: anchor => iframeRef.current.iframeResizer.moveToAnchor(anchor),
-    sendMessage: (message, targetOrigin) => {
-      iframeRef.current.iframeResizer.sendMessage(message, targetOrigin);
+  }, []), p(t, () => ({
+    getRef: () => e,
+    getElement: () => e.current,
+    resize: () => e.current.iframeResizer.resize(),
+    moveToAnchor: (r) => e.current.iframeResizer.moveToAnchor(r),
+    sendMessage: (r, n) => {
+      e.current.iframeResizer.sendMessage(r, n);
     }
-  }));
-
-  // eslint-disable-next-line jsx-a11y/iframe-has-title
-  return /*#__PURE__*/React.createElement("iframe", _extends({}, filteredProps, {
-    ref: iframeRef
-  }));
+  })), /* @__PURE__ */ d.createElement("iframe", { ...i, ref: e });
 }
-
-export { IframeResizer as default };
+export {
+  T as default
+};
+//# sourceMappingURL=index.esm.js.map

package/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../packages/common/utils.ts","../../packages/react/filter-iframe-attribs.ts","../../packages/react/index.tsx"],"sourcesContent":["import { OBJECT, STRING } from './consts'\n\nexport const isElement = (node: Node): boolean => node.nodeType === Node.ELEMENT_NODE\nexport const isNumber = (value: unknown): value is number =>\n  typeof value === 'number' && !Number.isNaN(value)\nexport const isObject = (value: unknown): value is Record<string, unknown> =>\n  typeof value === OBJECT && value !== null\nexport const isString = (value: unknown): value is string => typeof value === STRING\n\nexport const isSafari: boolean = /^((?!chrome|android).)*safari/i.test(\n  navigator.userAgent,\n)\n\nexport function isIframe(element: unknown): element is HTMLIFrameElement {\n  if (!isObject(element)) return false\n\n  try {\n    return (element as unknown as HTMLElement).tagName === 'IFRAME' || element instanceof HTMLIFrameElement\n  } catch (error) {\n    return false\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\ntype AnyFunction = (...args: any[]) => any\n\nexport const isolateUserCode = (func: AnyFunction, ...val: unknown[]): ReturnType<typeof setTimeout> =>\n  setTimeout(() => func(...val), 0)\n\nexport const once = <T extends AnyFunction>(fn: T): T => {\n  let done = false\n\n  return function (this: unknown, ...args: unknown[]) {\n    return done\n      ? undefined\n      : ((done = true), fn.apply(this, args))\n  } as unknown as T\n}\n\nconst hasOwnFallback = (o: object, k: PropertyKey): boolean =>\n  Object.prototype.hasOwnProperty.call(o, k)\n\nexport const hasOwn = (o: object, k: PropertyKey): boolean =>\n  Object.hasOwn ? Object.hasOwn(o, k) : hasOwnFallback(o, k)\n\nexport const isDarkModeEnabled = (): boolean =>\n  window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches\n\nexport const id = <T>(x: T): T => x\n\nconst ROUNDING = 1000\n\nexport const round = (value: number): number => Math.round(value * ROUNDING) / ROUNDING\n\nexport const capitalizeFirstLetter = (string: string): string =>\n  string.charAt(0).toUpperCase() + string.slice(1)\n\nexport const isDef = (value: unknown): boolean => `${value}` !== '' && value !== undefined\n\nexport const invoke = <T>(fn: () => T): T => fn()\n\nexport const lower = (str: string): string => str.toLowerCase()\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function getElementName(el: any): string {\n  switch (true) {\n    case !isDef(el):\n      return ''\n\n    case isDef(el.id):\n      return `${el.nodeName}#${el.id}`\n\n    case isDef(el.name):\n      return `${el.nodeName} (${el.name}`\n\n    case isDef(el.className):\n      return `${el.nodeName}.${el.className}`\n\n    default:\n      return el.nodeName\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport const esModuleInterop = <T = any>(mod: any): T =>\n  // eslint-disable-next-line no-underscore-dangle\n  mod?.__esModule ? mod.default : mod\n\nexport const typeAssert = (value: unknown, type: string, error: string): void => {\n  // eslint-disable-next-line valid-typeof\n  if (typeof value !== type) {\n    throw new TypeError(`${error} is not a ${capitalizeFirstLetter(type)}`)\n  }\n}\n","export default ({\n  license,\n  bodyBackground,\n  bodyMargin,\n  bodyPadding,\n  checkOrigin,\n  direction,\n  inPageLinks,\n  log,\n  offset,\n  offsetHeight,\n  offsetWidth,\n  scrolling,\n  tolerance,\n  warningTimeout,\n  waitForLoad,\n  onAfterClose,\n  onReady,\n  onMessage,\n  onResized,\n  ...iframeProps\n}: Record<string, unknown>) => iframeProps\n","import connectResizer from '@iframe-resizer/core'\nimport type {\n  IFrameObject,\n  IFrameComponent,\n  IFrameMessageData,\n  IFrameMouseData,\n  IFrameResizedData,\n  IFrameScrollData,\n} from '@iframe-resizer/core'\nimport acg from 'auto-console-group'\nimport React, { type ReactElement, type RefObject, useEffect, useImperativeHandle, useRef } from 'react'\n\nimport { esModuleInterop } from '../common/utils'\nimport filterIframeAttribs from './filter-iframe-attribs'\n\nexport type { IFrameObject, IFrameComponent }\n\nexport type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {\n  getElement: () => IFrameComponent\n  getRef: () => RefObject<HTMLIFrameElement | null>\n}\n\ntype IframeProps = React.DetailedHTMLProps<\n  React.IframeHTMLAttributes<HTMLIFrameElement>,\n  HTMLIFrameElement\n>\n\nexport type ResizerOptions = {\n  bodyBackground?: string | null\n  bodyMargin?: string | number | null\n  bodyPadding?: string | number | null\n  checkOrigin?: boolean | string[]\n  direction?: 'vertical' | 'horizontal' | 'none' | 'both'\n  forwardRef?: any\n  inPageLinks?: boolean\n  license: string\n  log?: boolean | 'expanded' | 'collapsed'\n  logExpand?: boolean\n  offsetSize?: number\n  scrolling?: boolean | 'omit'\n  tolerance?: number\n  waitForLoad?: boolean\n  warningTimeout?: number\n}\n\nexport type ResizerEvents = {\n  onCLosed?: (iframeId: string) => void // Remove in v6\n  onAfterClose?: (iframeId: string) => void\n  onMessage?: (ev: IFrameMessageData) => void\n  onMouseEnter?: (ev: IFrameMouseData) => void\n  onMouseLeave?: (ev: IFrameMouseData) => void\n  onReady?: (iframe: IFrameComponent) => void\n  onResized?: (ev: IFrameResizedData) => void\n  onScroll?: (ev: IFrameScrollData) => boolean\n}\n\nexport type IframeResizerProps = Omit<IframeProps, 'scrolling'> &\n  ResizerOptions &\n  ResizerEvents\n\n// Deal with UMD not converting default exports to named exports\nconst createAutoConsoleGroup = esModuleInterop(acg)\n\n// TODO: Add support for React.forwardRef() in next major version (Breaking change)\nfunction IframeResizer({ forwardRef, ...props }: IframeResizerProps): ReactElement {\n  const filteredProps = filterIframeAttribs(props)\n  const iframeRef = useRef<IFrameComponent>(null)\n  const consoleGroup = createAutoConsoleGroup()\n\n  const onBeforeClose = () => {\n    consoleGroup.event('close')\n    consoleGroup.warn(\n      `Close event ignored, to remove the iframe update your React component.`,\n    )\n\n    return false\n  }\n\n  // This hook is only run once, as once iframe-resizer is bound, it will\n  // deal with changes to the element and does not need recalling\n  useEffect(() => {\n    const iframe = iframeRef.current\n    const resizerOptions = { ...props, onBeforeClose }\n\n    consoleGroup.label(`react(${iframe.id})`)\n    consoleGroup.event('setup')\n\n    const resizer = connectResizer(resizerOptions)(iframe)\n\n    consoleGroup.expand(resizerOptions.logExpand)\n    if (props.log) consoleGroup.log('Created React component')\n\n    return () => {\n      consoleGroup.endAutoGroup()\n      resizer?.disconnect()\n    }\n  }, []) // eslint-disable-line react-hooks/exhaustive-deps\n\n  useImperativeHandle(forwardRef, () => ({\n    getRef: () => iframeRef,\n    getElement: () => iframeRef.current,\n    resize: () => iframeRef.current.iframeResizer.resize(),\n    moveToAnchor: (anchor: string) =>\n      iframeRef.current.iframeResizer.moveToAnchor(anchor),\n    sendMessage: (message: string, targetOrigin?: string) => {\n      iframeRef.current.iframeResizer.sendMessage(message, targetOrigin)\n    },\n  }))\n\n  // eslint-disable-next-line jsx-a11y/iframe-has-title\n  return <iframe {...filteredProps} ref={iframeRef} />\n}\n\nexport default IframeResizer\n"],"names":["esModuleInterop","mod","filterIframeAttribs","license","bodyBackground","bodyMargin","bodyPadding","checkOrigin","direction","inPageLinks","log","offset","offsetHeight","offsetWidth","scrolling","tolerance","warningTimeout","waitForLoad","onAfterClose","onReady","onMessage","onResized","iframeProps","createAutoConsoleGroup","acg","IframeResizer","forwardRef","props","filteredProps","iframeRef","useRef","consoleGroup","onBeforeClose","useEffect","iframe","resizerOptions","resizer","connectResizer","useImperativeHandle","anchor","message","targetOrigin","React"],"mappings":";;;AAoFO,MAAMA,IAAkB,CAAUC;AAAA;AAAA,EAEvCA,GAAK,aAAaA,EAAI,UAAUA;AAAA,GCtFlCC,IAAe,CAAC;AAAA,EACd,SAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,KAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA+BA,GCwCzBC,IAAyBvB,EAAgBwB,CAAG;AAGlD,SAASC,EAAc,EAAE,YAAAC,GAAY,GAAGC,KAA2C;AACjF,QAAMC,IAAgB1B,EAAoByB,CAAK,GACzCE,IAAYC,EAAwB,IAAI,GACxCC,IAAeR,EAAA,GAEfS,IAAgB,OACpBD,EAAa,MAAM,OAAO,GAC1BA,EAAa;AAAA,IACX;AAAA,EAAA,GAGK;AAKT,SAAAE,EAAU,MAAM;AACd,UAAMC,IAASL,EAAU,SACnBM,IAAiB,EAAE,GAAGR,GAAO,eAAAK,EAAA;AAEnC,IAAAD,EAAa,MAAM,SAASG,EAAO,EAAE,GAAG,GACxCH,EAAa,MAAM,OAAO;AAE1B,UAAMK,IAAUC,EAAeF,CAAc,EAAED,CAAM;AAErD,WAAAH,EAAa,OAAOI,EAAe,SAAS,GACxCR,EAAM,OAAKI,EAAa,IAAI,yBAAyB,GAElD,MAAM;AACX,MAAAA,EAAa,aAAA,GACbK,GAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG,CAAA,CAAE,GAELE,EAAoBZ,GAAY,OAAO;AAAA,IACrC,QAAQ,MAAMG;AAAA,IACd,YAAY,MAAMA,EAAU;AAAA,IAC5B,QAAQ,MAAMA,EAAU,QAAQ,cAAc,OAAA;AAAA,IAC9C,cAAc,CAACU,MACbV,EAAU,QAAQ,cAAc,aAAaU,CAAM;AAAA,IACrD,aAAa,CAACC,GAAiBC,MAA0B;AACvD,MAAAZ,EAAU,QAAQ,cAAc,YAAYW,GAASC,CAAY;AAAA,IACnE;AAAA,EAAA,EACA,GAGK,gBAAAC,EAAA,cAAC,UAAA,EAAQ,GAAGd,GAAe,KAAKC,GAAW;AACpD;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iframe-resizer/react",
-  "version": "5.5.9",
+  "version": "6.0.0-beta.0",
   "license": "GPL-3.0",
   "homepage": "https://iframe-resizer.com",
   "author": {
@@ -19,7 +19,7 @@
   },
   "main": "index.cjs.js",
   "module": "index.esm.js",
-  "types": "iframe-resizer.react.d.ts",
+  "types": "index.d.ts",
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0  || ^19.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0  || ^19.0.0"
@@ -38,8 +38,8 @@
     "react"
   ],
   "dependencies": {
-    "@babel/runtime": "^7.28.6",
-    "@iframe-resizer/core": "5.5.9",
-    "auto-console-group": "1.3.0"
+    "@iframe-resizer/core": "6.0.0-beta.0",
+    "auto-console-group": "1.3.0",
+    "react": "^19.2.4"
   }
-}
+}

package/iframe-resizer.react.d.ts

@@ -1,84 +0,0 @@
-/**
- * @fileoverview Type definitions for @iframe-resizer/react
- *
- * I'm not a TypeScript dev, so please feel free to submit PRs to improve this file.
- */
-
-declare module '@iframe-resizer/react' {
-  import * as React from 'react'
-
-  namespace IframeResizer {
-    type IFrameObject = {
-      moveToAnchor: (anchor: string) => void
-      resize: () => void
-      sendMessage: (message: string, targetOrigin?: string) => void
-    }
-
-    interface IFrameComponent extends HTMLIFrameElement {
-      iFrameResizer: IFrameObject
-    }
-
-    type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {
-      getElement: () => IFrameComponent
-      getRef: () => any
-    }
-
-    type IframeProps = React.DetailedHTMLProps<
-      React.IframeHTMLAttributes<HTMLIFrameElement>,
-      HTMLIFrameElement
-    >
-
-    type ResizerOptions = {
-      bodyBackground?: string | null
-      bodyMargin?: string | number | null
-      bodyPadding?: string | number | null
-      checkOrigin?: boolean | string[]
-      direction?: 'vertical' | 'horizontal' | 'none' | 'both'
-      forwardRef?: any
-      inPageLinks?: boolean
-      license: string
-      log?: boolean | 'expanded' | 'collapsed'
-      offsetSize?: number
-      scrolling?: boolean | 'omit'
-      tolerance?: number
-      waitForLoad?: boolean
-      warningTimeout?: number
-    }
-
-    type ResizerEvents = {
-      onCLosed?: (iframeId: string) => void // Remove in v6
-      onAfterClose?: (iframeId: string) => void
-      onMessage?: (ev: { iframe: IFrameComponent; message: any }) => void
-      onMouseEnter?: (ev: {
-        iframe: IFrameComponent
-        height: number
-        width: number
-        type: string
-      }) => void
-      onMouseLeave?: (ev: {
-        iframe: IFrameComponent
-        height: number
-        width: number
-        type: string
-      }) => void
-      onReady?: (iframe: IFrameComponent) => void
-      onResized?: (ev: {
-        iframe: IFrameComponent
-        height: number
-        width: number
-        type: string
-      }) => void
-      onScroll?: (ev: { x: number; y: number }) => boolean
-    }
-
-    type IframeResizerProps = Omit<IframeProps, 'scrolling'> &
-      ResizerOptions &
-      ResizerEvents
-  }
-
-  function IframeResizer(
-    props: IframeResizer.IframeResizerProps,
-  ): React.ReactElement
-
-  export = IframeResizer
-}