@iframe-resizer/react 5.1.3 → 5.2.0-beta.1

package/README.md

@@ -22,4 +22,4 @@ yarn add @iframe-resizer/react
 
 ---
 
-_iframe-resizer version 5.1.3 2024-06-24 - 19:13:10.853Z_
+_iframe-resizer version 5.2.0-beta.1 2024-07-02 - 15:47:44.129Z_

package/iframe-resizer.react.d.ts

@@ -7,62 +7,58 @@
 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
-    }
+  export type IFrameObject = {
+    moveToAnchor: (anchor: string) => void
+    resize: () => void
+    sendMessage: (message: string, targetOrigin?: string) => void
+  }
 
-    type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {
-      getElement: () => IFrameComponent
-      getRef: () => any
-    }
+  export interface IFrameComponent extends HTMLIFrameElement {
+    iFrameResizer: IFrameObject
+  }
 
-    type IframeProps = React.DetailedHTMLProps<
-      React.IframeHTMLAttributes<HTMLIFrameElement>,
-      HTMLIFrameElement
-    >
+  export type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {
+    getElement: () => IFrameComponent
+    getRef: () => any
+  }
 
-    type ResizerOptions = {
-      bodyBackground?: string | null
-      bodyMargin?: string | number | null
-      bodyPadding?: string | number | null
-      checkOrigin?: boolean | string[]
-      direction?: 'vertical' | 'horizontal' | 'none'
-      forwardRef?: any
-      inPageLinks?: boolean
-      license: string
-      offset?: number
-      scrolling?: boolean | 'omit'
-      tolerance?: number
-      warningTimeout?: number
-    }
+  export type IframeProps = React.DetailedHTMLProps<
+    React.IframeHTMLAttributes<HTMLIFrameElement>,
+    HTMLIFrameElement
+  >
 
-    type ResizerEvents = {
-      onInit?: (iframe: IFrameComponent) => void
-      onMessage?: (ev: { iframe: IFrameComponent; message: any }) => void
-      onResized?: (ev: {
-        iframe: IFrameComponent
-        height: number
-        width: number
-        type: string
-      }) => void
-      onScroll?: (ev: { x: number; y: number }) => boolean
-    }
+  export type ResizerOptions = {
+    bodyBackground?: string | null
+    bodyMargin?: string | number | null
+    bodyPadding?: string | number | null
+    checkOrigin?: boolean | string[]
+    direction?: 'vertical' | 'horizontal' | 'none'
+    forwardRef?: any
+    inPageLinks?: boolean
+    license: string
+    offset?: number
+    scrolling?: boolean | 'omit'
+    tolerance?: number
+    warningTimeout?: number
+  }
 
-    type IframeResizerProps = Omit<IframeProps, 'scrolling'> &
-      ResizerOptions &
-      ResizerEvents
+  export type ResizerEvents = {
+    onInit?: (iframe: IFrameComponent) => void
+    onMessage?: (ev: { iframe: IFrameComponent; message: any }) => void
+    onResized?: (ev: {
+      iframe: IFrameComponent
+      height: number
+      width: number
+      type: string
+    }) => void
+    onScroll?: (ev: { x: number; y: number }) => boolean
   }
 
-  function IframeResizer(
-    props: IframeResizer.IframeResizerProps,
-  ): React.ReactElement
+  export type IframeResizerProps = Omit<IframeProps, 'scrolling'> &
+    ResizerOptions &
+    ResizerEvents
+
+  function IframeResizer(props: IframeResizerProps): React.ReactElement
 
-  export = IframeResizer
+  export default IframeResizer
 }

package/index.cjs.js

@@ -1,7 +1,7 @@
 /*!
  *  @preserve
  *  
- *  @module     iframe-resizer/react 5.1.3 (cjs) - 2024-06-24
+ *  @module     iframe-resizer/react 5.2.0-beta.1 (cjs) - 2024-07-02
  *
  *  @license    GPL-3.0 for non-commercial use only.
  *              For commercial use, you must purchase a license from
@@ -17,4 +17,90 @@
  */
 
 
-"use strict";const e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/objectWithoutProperties"),t=require("@iframe-resizer/core"),o=require("react"),i=require("warning");var c=["license","bodyBackground","bodyMargin","bodyPadding","checkOrigin","direction","inPageLinks","offset","offsetHeight","offsetWidth","scrolling","tolerance","warningTimeout","onClosed","onReady","onMessage","onResized"];var u=["title","forwardRef"];function s(e,r){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r&&(t=t.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),n.push.apply(n,t)}return n}function a(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?s(Object(t),!0).forEach((function(n){r(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):s(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))}))}return e}module.exports=function(r){var s=r.title,f=r.forwardRef,l=n(r,u),d=function(e){return e.license,e.bodyBackground,e.bodyMargin,e.bodyPadding,e.checkOrigin,e.direction,e.inPageLinks,e.offset,e.offsetHeight,e.offsetWidth,e.scrolling,e.tolerance,e.warningTimeout,e.onClosed,e.onReady,e.onMessage,e.onResized,n(e,c)}(l),g=o.useRef(null),b=function(){var e;return i(!g.current,"[iframe-resizer/react][".concat(null==g||null===(e=g.current)||void 0===e?void 0:e.id,"] Close event ignored, to remove the iframe update your React component.")),!g.current};return o.useEffect((function(){var e=g.current,r=t(a(a({},l),{},{onClose:b}))(e);return function(){return null==r?void 0:r.disconnect()}}),[]),o.useImperativeHandle(f,(function(){return{getRef:function(){return g},getElement:function(){return g.current},resize:function(){return g.current.iframeResizer.resize()},moveToAnchor:function(e){return g.current.iframeResizer.moveToAnchor(e)},sendMessage:function(e,r){g.current.iframeResizer.sendMessage(e,r)}}})),o.createElement("iframe",e({title:s},d,{ref:g}))};
+'use strict';
+
+const _extends = require('@babel/runtime/helpers/extends');
+const _defineProperty = require('@babel/runtime/helpers/defineProperty');
+const _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+const connectResizer = require('@iframe-resizer/core');
+const React = require('react');
+const warning = require('warning');
+
+var _excluded$1 = ["license", "bodyBackground", "bodyMargin", "bodyPadding", "checkOrigin", "direction", "inPageLinks", "offset", "offsetHeight", "offsetWidth", "scrolling", "tolerance", "warningTimeout", "onClosed", "onReady", "onMessage", "onResized"];
+const filterIframeAttribs = (function (props) {
+  props.license;
+    props.bodyBackground;
+    props.bodyMargin;
+    props.bodyPadding;
+    props.checkOrigin;
+    props.direction;
+    props.inPageLinks;
+    props.offset;
+    props.offsetHeight;
+    props.offsetWidth;
+    props.scrolling;
+    props.tolerance;
+    props.warningTimeout;
+    props.onClosed;
+    props.onReady;
+    props.onMessage;
+    props.onResized;
+    var iframeProps = _objectWithoutProperties(props, _excluded$1);
+  return iframeProps;
+});
+
+var _excluded = ["title", "forwardRef"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function IframeResizer(props) {
+  // eslint-disable-next-line react/prop-types
+  var title = props.title,
+    forwardRef = props.forwardRef,
+    rest = _objectWithoutProperties(props, _excluded);
+  var filteredProps = filterIframeAttribs(rest);
+  var iframeRef = React.useRef(null);
+  var onClose = function onClose() {
+    var _iframeRef$current;
+    warning(!iframeRef.current, "[iframe-resizer/react][".concat(iframeRef === null || iframeRef === void 0 || (_iframeRef$current = iframeRef.current) === null || _iframeRef$current === void 0 ? void 0 : _iframeRef$current.id, "] Close event ignored, to remove the iframe update your React component."));
+    return !iframeRef.current; // Allow React to close this
+  };
+
+  // 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(function () {
+    var iframe = iframeRef.current;
+    var resizer = connectResizer(_objectSpread(_objectSpread({}, rest), {}, {
+      onClose: onClose
+    }))(iframe);
+    return function () {
+      return resizer === null || resizer === void 0 ? void 0 : resizer.disconnect();
+    };
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  React.useImperativeHandle(forwardRef, function () {
+    return {
+      getRef: function getRef() {
+        return iframeRef;
+      },
+      getElement: function getElement() {
+        return iframeRef.current;
+      },
+      resize: function resize() {
+        return iframeRef.current.iframeResizer.resize();
+      },
+      moveToAnchor: function moveToAnchor(anchor) {
+        return iframeRef.current.iframeResizer.moveToAnchor(anchor);
+      },
+      sendMessage: function sendMessage(message, targetOrigin) {
+        iframeRef.current.iframeResizer.sendMessage(message, targetOrigin);
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement("iframe", _extends({
+    title: title
+  }, filteredProps, {
+    ref: iframeRef
+  }));
+}
+
+module.exports = IframeResizer;

package/index.esm.js

@@ -1,7 +1,7 @@
 /*!
  *  @preserve
  *  
- *  @module     iframe-resizer/react 5.1.3 (esm) - 2024-06-24
+ *  @module     iframe-resizer/react 5.2.0-beta.1 (esm) - 2024-07-02
  *
  *  @license    GPL-3.0 for non-commercial use only.
  *              For commercial use, you must purchase a license from
@@ -17,4 +17,88 @@
  */
 
 
-import e from"@babel/runtime/helpers/extends";import r from"@babel/runtime/helpers/defineProperty";import t from"@babel/runtime/helpers/objectWithoutProperties";import n from"@iframe-resizer/core";import o,{useRef as i,useEffect as c,useImperativeHandle as f}from"react";import u from"warning";var s=["license","bodyBackground","bodyMargin","bodyPadding","checkOrigin","direction","inPageLinks","offset","offsetHeight","offsetWidth","scrolling","tolerance","warningTimeout","onClosed","onReady","onMessage","onResized"];var a=["title","forwardRef"];function l(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?l(Object(n),!0).forEach((function(t){r(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(n,r))}))}return e}function m(r){var l=r.title,m=r.forwardRef,g=t(r,a),p=function(e){return e.license,e.bodyBackground,e.bodyMargin,e.bodyPadding,e.checkOrigin,e.direction,e.inPageLinks,e.offset,e.offsetHeight,e.offsetWidth,e.scrolling,e.tolerance,e.warningTimeout,e.onClosed,e.onReady,e.onMessage,e.onResized,t(e,s)}(g),b=i(null),y=function(){var e;return u(!b.current,"[iframe-resizer/react][".concat(null==b||null===(e=b.current)||void 0===e?void 0:e.id,"] Close event ignored, to remove the iframe update your React component.")),!b.current};return c((function(){var e=b.current,r=n(d(d({},g),{},{onClose:y}))(e);return function(){return null==r?void 0:r.disconnect()}}),[]),f(m,(function(){return{getRef:function(){return b},getElement:function(){return b.current},resize:function(){return b.current.iframeResizer.resize()},moveToAnchor:function(e){return b.current.iframeResizer.moveToAnchor(e)},sendMessage:function(e,r){b.current.iframeResizer.sendMessage(e,r)}}})),o.createElement("iframe",e({title:l},p,{ref:b}))}export{m as default};
+import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import connectResizer from '@iframe-resizer/core';
+import React, { useRef, useEffect, useImperativeHandle } from 'react';
+import warning from 'warning';
+
+var _excluded$1 = ["license", "bodyBackground", "bodyMargin", "bodyPadding", "checkOrigin", "direction", "inPageLinks", "offset", "offsetHeight", "offsetWidth", "scrolling", "tolerance", "warningTimeout", "onClosed", "onReady", "onMessage", "onResized"];
+const filterIframeAttribs = (function (props) {
+  props.license;
+    props.bodyBackground;
+    props.bodyMargin;
+    props.bodyPadding;
+    props.checkOrigin;
+    props.direction;
+    props.inPageLinks;
+    props.offset;
+    props.offsetHeight;
+    props.offsetWidth;
+    props.scrolling;
+    props.tolerance;
+    props.warningTimeout;
+    props.onClosed;
+    props.onReady;
+    props.onMessage;
+    props.onResized;
+    var iframeProps = _objectWithoutProperties(props, _excluded$1);
+  return iframeProps;
+});
+
+var _excluded = ["title", "forwardRef"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function IframeResizer(props) {
+  // eslint-disable-next-line react/prop-types
+  var title = props.title,
+    forwardRef = props.forwardRef,
+    rest = _objectWithoutProperties(props, _excluded);
+  var filteredProps = filterIframeAttribs(rest);
+  var iframeRef = useRef(null);
+  var onClose = function onClose() {
+    var _iframeRef$current;
+    warning(!iframeRef.current, "[iframe-resizer/react][".concat(iframeRef === null || iframeRef === void 0 || (_iframeRef$current = iframeRef.current) === null || _iframeRef$current === void 0 ? void 0 : _iframeRef$current.id, "] Close event ignored, to remove the iframe update your React component."));
+    return !iframeRef.current; // Allow React to close this
+  };
+
+  // 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(function () {
+    var iframe = iframeRef.current;
+    var resizer = connectResizer(_objectSpread(_objectSpread({}, rest), {}, {
+      onClose: onClose
+    }))(iframe);
+    return function () {
+      return resizer === null || resizer === void 0 ? void 0 : resizer.disconnect();
+    };
+  }, []); // eslint-disable-line react-hooks/exhaustive-deps
+
+  useImperativeHandle(forwardRef, function () {
+    return {
+      getRef: function getRef() {
+        return iframeRef;
+      },
+      getElement: function getElement() {
+        return iframeRef.current;
+      },
+      resize: function resize() {
+        return iframeRef.current.iframeResizer.resize();
+      },
+      moveToAnchor: function moveToAnchor(anchor) {
+        return iframeRef.current.iframeResizer.moveToAnchor(anchor);
+      },
+      sendMessage: function sendMessage(message, targetOrigin) {
+        iframeRef.current.iframeResizer.sendMessage(message, targetOrigin);
+      }
+    };
+  });
+  return /*#__PURE__*/React.createElement("iframe", _extends({
+    title: title
+  }, filteredProps, {
+    ref: iframeRef
+  }));
+}
+
+export { IframeResizer as default };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iframe-resizer/react",
-  "version": "5.1.3",
+  "version": "5.2.0-beta.1",
   "license": "GPL-3.0",
   "homepage": "https://iframe-resizer.com",
   "author": {
@@ -43,7 +43,7 @@
     "react"
   ],
   "dependencies": {
-    "@iframe-resizer/core": "5.1.3",
+    "@iframe-resizer/core": "5.2.0-beta.1",
     "warning": "^4.0.3"
   }
 }