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

package/README.md

@@ -25,4 +25,4 @@ yarn add @iframe-resizer/react
 
 ---
 
-_iframe-resizer version 6.0.0-beta.0 2026-02-23 - 11:30:21.834Z_
+_iframe-resizer version 6.0.0-beta.1 2026-03-25 - 18:13:42.084Z_

package/filter-iframe-attribs.d.ts

@@ -1,4 +1,2 @@
-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;
-};
+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>) => Record<string, unknown>;
 export default _default;

package/index.cjs.js

@@ -1,2 +1,2 @@
-"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;
+"use strict";const g=require("@iframe-resizer/core"),m=require("auto-console-group"),t=require("react"),R=e=>e?.__esModule?e.default:e,p=({license:e,bodyBackground:c,bodyMargin:i,bodyPadding:a,checkOrigin:f,direction:r,inPageLinks:n,log:u,offset:o,offsetHeight:s,offsetWidth:l,scrolling:A,tolerance:M,warningTimeout:b,waitForLoad:y,onAfterClose:C,onReady:w,onMessage:x,onResized:E,...d})=>d,z=R(m);function v(e,c){const{log:i,logExpand:a}=e,f=p(e),r=t.useRef(null),n=z(),u=()=>(n.event("close"),n.warn("Close event ignored, to remove the iframe update your React component."),!1);return t.useEffect(()=>{const o=r.current,s={...e,onBeforeClose:u};n.label(`react(${o.id})`),n.event("setup");const l=g(s)(o);return n.expand(a),i&&n.log("Created React component"),()=>{n.endAutoGroup(),l?.disconnect()}},[]),t.useImperativeHandle(c,()=>({getRef:()=>r,getElement:()=>r.current,resize:()=>r.current.iframeResizer.resize(),moveToAnchor:o=>r.current.iframeResizer.moveToAnchor(o),sendMessage:(o,s)=>{r.current.iframeResizer.sendMessage(o,s)}})),t.createElement("iframe",{...f,ref:r})}const h=t.forwardRef(v);module.exports=h;
 //# sourceMappingURL=index.cjs.js.map

package/index.cjs.js.map

@@ -1 +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"}
+{"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 =>\n  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 =>\n  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 (\n      (element as unknown as HTMLElement).tagName === 'IFRAME' ||\n      element instanceof HTMLIFrameElement\n    )\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 = (\n  func: AnyFunction,\n  ...val: unknown[]\n): ReturnType<typeof setTimeout> => 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 ? undefined : ((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 =>\n  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 =>\n  `${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 = (\n  value: unknown,\n  type: string,\n  error: string,\n): 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>): Record<string, unknown> => iframeProps\n","// eslint-disable-next-line eslint-comments/disable-enable-pair\n/* eslint-disable react/require-default-props */\nimport type {\n  Direction,\n  IFrameComponent,\n  IFrameMessageData,\n  IFrameMouseData,\n  IFrameObject,\n  IFrameResizedData,\n  IFrameScrollData,\n  LogOption,\n  ScrollOption,\n} from '@iframe-resizer/core'\nimport connectResizer from '@iframe-resizer/core'\nimport acg from 'auto-console-group'\nimport React, {\n  forwardRef,\n  type ReactElement,\n  type RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react'\n\nimport { esModuleInterop } from '../common/utils'\nimport filterIframeAttribs from './filter-iframe-attribs'\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?: Direction\n  inPageLinks?: boolean\n  license: string\n  log?: LogOption\n  logExpand?: boolean\n  offsetSize?: number\n  scrolling?: ScrollOption\n  tolerance?: number\n  waitForLoad?: boolean\n  warningTimeout?: number\n}\n\nexport type ResizerEvents = {\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\nfunction IframeResizer(\n  props: IframeResizerProps,\n  ref: React.ForwardedRef<IFrameForwardRef>,\n): ReactElement {\n  const { log, logExpand } = props\n  const filteredProps = filterIframeAttribs(props)\n  const iframeRef = useRef<IFrameComponent>(null)\n  const consoleGroup = createAutoConsoleGroup()\n\n  const onBeforeClose = (): boolean => {\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(logExpand)\n    if (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(ref, () => ({\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 forwardRef<IFrameForwardRef, IframeResizerProps>(IframeResizer)\n\nexport { type IFrameComponent, type IFrameObject } from '@iframe-resizer/core'\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","props","ref","logExpand","filteredProps","iframeRef","useRef","consoleGroup","onBeforeClose","useEffect","iframe","resizerOptions","resizer","connectResizer","useImperativeHandle","anchor","message","targetOrigin","React","index","forwardRef"],"mappings":"wGA2FaA,EAA4BC,GAEvCA,GAAK,WAAaA,EAAI,QAAUA,EC7FlCC,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,IAAwDA,ECgDlDC,EAAyBvB,EAAgBwB,CAAG,EAElD,SAASC,EACPC,EACAC,EACc,CACd,KAAM,CAAE,IAAAjB,EAAK,UAAAkB,CAAA,EAAcF,EACrBG,EAAgB3B,EAAoBwB,CAAK,EACzCI,EAAYC,EAAAA,OAAwB,IAAI,EACxCC,EAAeT,EAAA,EAEfU,EAAgB,KACpBD,EAAa,MAAM,OAAO,EAC1BA,EAAa,KACX,wEAAA,EAGK,IAKTE,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAASL,EAAU,QACnBM,EAAiB,CAAE,GAAGV,EAAO,cAAAO,CAAA,EAEnCD,EAAa,MAAM,SAASG,EAAO,EAAE,GAAG,EACxCH,EAAa,MAAM,OAAO,EAE1B,MAAMK,EAAUC,EAAeF,CAAc,EAAED,CAAM,EAErD,OAAAH,EAAa,OAAOJ,CAAS,EACzBlB,GAAKsB,EAAa,IAAI,yBAAyB,EAE5C,IAAM,CACXA,EAAa,aAAA,EACbK,GAAS,WAAA,CACX,CACF,EAAG,CAAA,CAAE,EAELE,EAAAA,oBAAoBZ,EAAK,KAAO,CAC9B,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,CAEA,MAAAc,EAAeC,EAAAA,WAAiDpB,CAAa"}

package/index.d.ts

@@ -1,6 +1,5 @@
-import { IFrameObject, IFrameComponent, IFrameMessageData, IFrameMouseData, IFrameResizedData, IFrameScrollData } from '@iframe-resizer/core';
-import { default as React, ReactElement, RefObject } from 'react';
-export type { IFrameObject, IFrameComponent };
+import { Direction, IFrameComponent, IFrameMessageData, IFrameMouseData, IFrameObject, IFrameResizedData, IFrameScrollData, LogOption, ScrollOption } from '@iframe-resizer/core';
+import { default as React, RefObject } from 'react';
 export type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {
     getElement: () => IFrameComponent;
     getRef: () => RefObject<HTMLIFrameElement | null>;
@@ -11,20 +10,18 @@ export type ResizerOptions = {
     bodyMargin?: string | number | null;
     bodyPadding?: string | number | null;
     checkOrigin?: boolean | string[];
-    direction?: 'vertical' | 'horizontal' | 'none' | 'both';
-    forwardRef?: any;
+    direction?: Direction;
     inPageLinks?: boolean;
     license: string;
-    log?: boolean | 'expanded' | 'collapsed';
+    log?: LogOption;
     logExpand?: boolean;
     offsetSize?: number;
-    scrolling?: boolean | 'omit';
+    scrolling?: ScrollOption;
     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;
@@ -34,5 +31,6 @@ export type ResizerEvents = {
     onScroll?: (ev: IFrameScrollData) => boolean;
 };
 export type IframeResizerProps = Omit<IframeProps, 'scrolling'> & ResizerOptions & ResizerEvents;
-declare function IframeResizer({ forwardRef, ...props }: IframeResizerProps): ReactElement;
-export default IframeResizer;
+declare const _default: any;
+export default _default;
+export { type IFrameComponent, type IFrameObject } from '@iframe-resizer/core';

package/index.esm.js

@@ -1,53 +1,54 @@
-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) => (
+import u from "@iframe-resizer/core";
+import m from "auto-console-group";
+import g, { forwardRef as R, useRef as p, useEffect as z, useImperativeHandle as v } from "react";
+const h = (e) => (
   // eslint-disable-next-line no-underscore-dangle
-  t?.__esModule ? t.default : t
-), z = ({
-  license: t,
+  e?.__esModule ? e.default : e
+), A = ({
+  license: e,
   bodyBackground: s,
   bodyMargin: i,
-  bodyPadding: e,
-  checkOrigin: o,
-  direction: c,
+  bodyPadding: c,
+  checkOrigin: a,
+  direction: o,
   inPageLinks: r,
-  log: n,
-  offset: a,
-  offsetHeight: h,
-  offsetWidth: A,
-  scrolling: M,
-  tolerance: b,
-  warningTimeout: y,
-  waitForLoad: C,
+  log: f,
+  offset: t,
+  offsetHeight: n,
+  offsetWidth: l,
+  scrolling: y,
+  tolerance: C,
+  warningTimeout: w,
+  waitForLoad: x,
   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(
+  onResized: G,
+  ...d
+}) => d, M = h(m);
+function b(e, s) {
+  const { log: i, logExpand: c } = e, a = A(e), o = p(null), r = M(), f = () => (r.event("close"), r.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();
+  return z(() => {
+    const t = o.current, n = { ...e, onBeforeClose: f };
+    r.label(`react(${t.id})`), r.event("setup");
+    const l = u(n)(t);
+    return r.expand(c), i && r.log("Created React component"), () => {
+      r.endAutoGroup(), l?.disconnect();
     };
-  }, []), 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);
+  }, []), v(s, () => ({
+    getRef: () => o,
+    getElement: () => o.current,
+    resize: () => o.current.iframeResizer.resize(),
+    moveToAnchor: (t) => o.current.iframeResizer.moveToAnchor(t),
+    sendMessage: (t, n) => {
+      o.current.iframeResizer.sendMessage(t, n);
     }
-  })), /* @__PURE__ */ d.createElement("iframe", { ...i, ref: e });
+  })), /* @__PURE__ */ g.createElement("iframe", { ...a, ref: o });
 }
+const H = R(b);
 export {
-  T as default
+  H as default
 };
 //# sourceMappingURL=index.esm.js.map

package/index.esm.js.map

@@ -1 +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;"}
+{"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 =>\n  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 =>\n  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 (\n      (element as unknown as HTMLElement).tagName === 'IFRAME' ||\n      element instanceof HTMLIFrameElement\n    )\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 = (\n  func: AnyFunction,\n  ...val: unknown[]\n): ReturnType<typeof setTimeout> => 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 ? undefined : ((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 =>\n  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 =>\n  `${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 = (\n  value: unknown,\n  type: string,\n  error: string,\n): 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>): Record<string, unknown> => iframeProps\n","// eslint-disable-next-line eslint-comments/disable-enable-pair\n/* eslint-disable react/require-default-props */\nimport type {\n  Direction,\n  IFrameComponent,\n  IFrameMessageData,\n  IFrameMouseData,\n  IFrameObject,\n  IFrameResizedData,\n  IFrameScrollData,\n  LogOption,\n  ScrollOption,\n} from '@iframe-resizer/core'\nimport connectResizer from '@iframe-resizer/core'\nimport acg from 'auto-console-group'\nimport React, {\n  forwardRef,\n  type ReactElement,\n  type RefObject,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n} from 'react'\n\nimport { esModuleInterop } from '../common/utils'\nimport filterIframeAttribs from './filter-iframe-attribs'\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?: Direction\n  inPageLinks?: boolean\n  license: string\n  log?: LogOption\n  logExpand?: boolean\n  offsetSize?: number\n  scrolling?: ScrollOption\n  tolerance?: number\n  waitForLoad?: boolean\n  warningTimeout?: number\n}\n\nexport type ResizerEvents = {\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\nfunction IframeResizer(\n  props: IframeResizerProps,\n  ref: React.ForwardedRef<IFrameForwardRef>,\n): ReactElement {\n  const { log, logExpand } = props\n  const filteredProps = filterIframeAttribs(props)\n  const iframeRef = useRef<IFrameComponent>(null)\n  const consoleGroup = createAutoConsoleGroup()\n\n  const onBeforeClose = (): boolean => {\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(logExpand)\n    if (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(ref, () => ({\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 forwardRef<IFrameForwardRef, IframeResizerProps>(IframeResizer)\n\nexport { type IFrameComponent, type IFrameObject } from '@iframe-resizer/core'\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","props","ref","logExpand","filteredProps","iframeRef","useRef","consoleGroup","onBeforeClose","useEffect","iframe","resizerOptions","resizer","connectResizer","useImperativeHandle","anchor","message","targetOrigin","React","index","forwardRef"],"mappings":";;;AA2FO,MAAMA,IAAkB,CAAUC;AAAA;AAAA,EAEvCA,GAAK,aAAaA,EAAI,UAAUA;AAAA,GC7FlCC,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,MAAwDA,GCgDlDC,IAAyBvB,EAAgBwB,CAAG;AAElD,SAASC,EACPC,GACAC,GACc;AACd,QAAM,EAAE,KAAAjB,GAAK,WAAAkB,EAAA,IAAcF,GACrBG,IAAgB3B,EAAoBwB,CAAK,GACzCI,IAAYC,EAAwB,IAAI,GACxCC,IAAeT,EAAA,GAEfU,IAAgB,OACpBD,EAAa,MAAM,OAAO,GAC1BA,EAAa;AAAA,IACX;AAAA,EAAA,GAGK;AAKT,SAAAE,EAAU,MAAM;AACd,UAAMC,IAASL,EAAU,SACnBM,IAAiB,EAAE,GAAGV,GAAO,eAAAO,EAAA;AAEnC,IAAAD,EAAa,MAAM,SAASG,EAAO,EAAE,GAAG,GACxCH,EAAa,MAAM,OAAO;AAE1B,UAAMK,IAAUC,EAAeF,CAAc,EAAED,CAAM;AAErD,WAAAH,EAAa,OAAOJ,CAAS,GACzBlB,KAAKsB,EAAa,IAAI,yBAAyB,GAE5C,MAAM;AACX,MAAAA,EAAa,aAAA,GACbK,GAAS,WAAA;AAAA,IACX;AAAA,EACF,GAAG,CAAA,CAAE,GAELE,EAAoBZ,GAAK,OAAO;AAAA,IAC9B,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;AAEA,MAAAc,IAAeC,EAAiDpB,CAAa;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iframe-resizer/react",
-  "version": "6.0.0-beta.0",
+  "version": "6.0.0-beta.1",
   "license": "GPL-3.0",
   "homepage": "https://iframe-resizer.com",
   "author": {
@@ -38,7 +38,7 @@
     "react"
   ],
   "dependencies": {
-    "@iframe-resizer/core": "6.0.0-beta.0",
+    "@iframe-resizer/core": "6.0.0-beta.1",
     "auto-console-group": "1.3.0",
     "react": "^19.2.4"
   }