@iframe-resizer/react 5.0.0-beta.4 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/iframe-resizer.react.d.ts +13 -6
- package/index.cjs.js +2 -2
- package/index.esm.js +2 -2
- package/package.json +6 -6
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
# @iframe-resizer/react
|
|
4
4
|
|
|
5
|
-
This package is part of
|
|
5
|
+
This package is part of __[iframe-resizer](https://iframe-resizer.com)__, a library that enables the automatic resizing of the height and width of both same and cross domain iframes to fit their contained content. It also provides a range of features to address the most common issues with using iframes.
|
|
6
6
|
|
|
7
7
|
__See [iframe-resizer.com](https://iframe-resizer.com) for details.__
|
|
8
8
|
|
|
@@ -22,4 +22,4 @@ yarn add @iframe-resizer/react
|
|
|
22
22
|
|
|
23
23
|
---
|
|
24
24
|
|
|
25
|
-
_iframe-resizer version 5.0.0
|
|
25
|
+
_iframe-resizer version 5.0.0 2024-05-19 - 19:04:30.239Z_
|
|
@@ -1,3 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @fileoverview Type definitions for @iframe-resizer/react
|
|
3
|
+
*
|
|
4
|
+
* I'm not a TypeScript dev, so please feel free to submit PRs to improve this file.
|
|
5
|
+
*/
|
|
6
|
+
|
|
1
7
|
declare module '@iframe-resizer/react' {
|
|
2
8
|
import * as React from 'react'
|
|
3
9
|
|
|
@@ -5,14 +11,16 @@ declare module '@iframe-resizer/react' {
|
|
|
5
11
|
type IFrameObject = {
|
|
6
12
|
moveToAnchor: (anchor: string) => void
|
|
7
13
|
resize: () => void
|
|
8
|
-
sendMessage: (message:
|
|
14
|
+
sendMessage: (message: string, targetOrigin?: string) => void
|
|
9
15
|
}
|
|
16
|
+
|
|
10
17
|
interface IFrameComponent extends HTMLIFrameElement {
|
|
11
18
|
iFrameResizer: IFrameObject
|
|
12
19
|
}
|
|
13
20
|
|
|
14
|
-
type IFrameForwardRef = Omit<IFrameObject, 'close' | '
|
|
15
|
-
|
|
21
|
+
type IFrameForwardRef = Omit<IFrameObject, 'close' | 'disconnect'> & {
|
|
22
|
+
getElement: () => IFrameComponent
|
|
23
|
+
getRef: () => any
|
|
16
24
|
}
|
|
17
25
|
|
|
18
26
|
type IframeProps = React.DetailedHTMLProps<
|
|
@@ -29,9 +37,7 @@ declare module '@iframe-resizer/react' {
|
|
|
29
37
|
forwardRef?: any
|
|
30
38
|
inPageLinks?: boolean
|
|
31
39
|
license: string
|
|
32
|
-
|
|
33
|
-
offsetHeight?: number
|
|
34
|
-
offsetWidth?: number
|
|
40
|
+
offset?: number
|
|
35
41
|
scrolling?: boolean | 'omit'
|
|
36
42
|
tolerance?: number
|
|
37
43
|
warningTimeout?: number
|
|
@@ -57,5 +63,6 @@ declare module '@iframe-resizer/react' {
|
|
|
57
63
|
function IframeResizer(
|
|
58
64
|
props: IframeResizer.IframeResizerProps,
|
|
59
65
|
): React.ReactElement
|
|
66
|
+
|
|
60
67
|
export = IframeResizer
|
|
61
68
|
}
|
package/index.cjs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @preserve
|
|
3
3
|
*
|
|
4
|
-
* @module iframe-resizer/react 5.0.0
|
|
4
|
+
* @module iframe-resizer/react 5.0.0 (cjs) - 2024-05-19
|
|
5
5
|
*
|
|
6
6
|
* @license GPL-3.0 for non-commercial use only.
|
|
7
7
|
* For commercial use, you must purchase a license from
|
|
@@ -17,4 +17,4 @@
|
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
"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","inPageLinks","offset","offsetHeight","offsetWidth","scrolling","warningTimeout","tolerance","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=void 0===s?"iframe":s,l=r.forwardRef,d=n(r,u),g=function(e){return e.license,e.bodyBackground,e.bodyMargin,e.bodyPadding,e.checkOrigin,e.inPageLinks,e.offset,e.offsetHeight,e.offsetWidth,e.scrolling,e.warningTimeout,e.tolerance,e.onClosed,e.onReady,e.onMessage,e.onResized,n(e,c)}(d),b=o.useRef(null),m=function(){var e;return i(!b.current,"[iframeSizerReact][".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 o.useEffect((function(){var e=b.current,r=t(a(a({},d),{},{onClose:m}))(e);return function(){return null==r?void 0:r.disconnect()}}),[]),o.useImperativeHandle(l,(function(){return{
|
|
20
|
+
"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","inPageLinks","offset","offsetHeight","offsetWidth","scrolling","warningTimeout","tolerance","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=void 0===s?"iframe":s,l=r.forwardRef,d=n(r,u),g=function(e){return e.license,e.bodyBackground,e.bodyMargin,e.bodyPadding,e.checkOrigin,e.inPageLinks,e.offset,e.offsetHeight,e.offsetWidth,e.scrolling,e.warningTimeout,e.tolerance,e.onClosed,e.onReady,e.onMessage,e.onResized,n(e,c)}(d),b=o.useRef(null),m=function(){var e;return i(!b.current,"[iframeSizerReact][".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 o.useEffect((function(){var e=b.current,r=t(a(a({},d),{},{onClose:m}))(e);return function(){return null==r?void 0:r.disconnect()}}),[]),o.useImperativeHandle(l,(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:f},g,{ref:b}))};
|
package/index.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* @preserve
|
|
3
3
|
*
|
|
4
|
-
* @module iframe-resizer/react 5.0.0
|
|
4
|
+
* @module iframe-resizer/react 5.0.0 (esm) - 2024-05-19
|
|
5
5
|
*
|
|
6
6
|
* @license GPL-3.0 for non-commercial use only.
|
|
7
7
|
* For commercial use, you must purchase a license from
|
|
@@ -17,4 +17,4 @@
|
|
|
17
17
|
*/
|
|
18
18
|
|
|
19
19
|
|
|
20
|
-
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
|
|
20
|
+
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 a=["license","bodyBackground","bodyMargin","bodyPadding","checkOrigin","inPageLinks","offset","offsetHeight","offsetWidth","scrolling","warningTimeout","tolerance","onClosed","onReady","onMessage","onResized"];var s=["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=void 0===l?"iframe":l,g=r.forwardRef,p=t(r,s),b=function(e){return e.license,e.bodyBackground,e.bodyMargin,e.bodyPadding,e.checkOrigin,e.inPageLinks,e.offset,e.offsetHeight,e.offsetWidth,e.scrolling,e.warningTimeout,e.tolerance,e.onClosed,e.onReady,e.onMessage,e.onResized,t(e,a)}(p),y=i(null),O=function(){var e;return u(!y.current,"[iframeSizerReact][".concat(null==y||null===(e=y.current)||void 0===e?void 0:e.id,"] Close event ignored, to remove the iframe update your React component")),!y.current};return c((function(){var e=y.current,r=n(d(d({},p),{},{onClose:O}))(e);return function(){return null==r?void 0:r.disconnect()}}),[]),f(g,(function(){return{getRef:function(){return y},getElement:function(){return y.current},resize:function(){return y.current.iframeResizer.resize()},moveToAnchor:function(e){return y.current.iframeResizer.moveToAnchor(e)},sendMessage:function(e,r){y.current.iframeResizer.sendMessage(e,r)}}})),o.createElement("iframe",e({title:m},b,{ref:y}))}export{m as default};
|
package/package.json
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@iframe-resizer/react",
|
|
3
|
-
"version": "5.0.0
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"license": "GPL-3.0",
|
|
5
5
|
"homepage": "https://iframe-resizer.com",
|
|
6
6
|
"author": {
|
|
7
7
|
"name": "David J. Bradshaw",
|
|
8
8
|
"email": "dave@bradshaw.net"
|
|
9
9
|
},
|
|
10
|
-
"description": "Keep same and cross domain iFrames sized to their content
|
|
10
|
+
"description": "Keep same and cross domain iFrames sized to their content.",
|
|
11
11
|
"github": "https://github.com/davidjbradshaw/iframe-resizer",
|
|
12
12
|
"repository": {
|
|
13
13
|
"type": "git",
|
|
14
|
-
"url": "https://github.com/davidjbradshaw/iframe-resizer.git"
|
|
14
|
+
"url": "git+https://github.com/davidjbradshaw/iframe-resizer.git"
|
|
15
15
|
},
|
|
16
16
|
"funding": {
|
|
17
17
|
"type": "individual",
|
|
18
|
-
"url": "https://
|
|
18
|
+
"url": "https://iframe-resizer.com/licenses/"
|
|
19
19
|
},
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"module": "index.esm.js",
|
|
26
26
|
"types": "iframe-resizer.react.d.ts",
|
|
27
27
|
"keywords": [
|
|
28
|
-
"
|
|
28
|
+
"iframe",
|
|
29
29
|
"Resizing",
|
|
30
30
|
"Resizer",
|
|
31
31
|
"auto-height",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"react"
|
|
46
46
|
],
|
|
47
47
|
"dependencies": {
|
|
48
|
-
"@iframe-resizer/core": "5.0.0
|
|
48
|
+
"@iframe-resizer/core": "5.0.0",
|
|
49
49
|
"warning": "^4.0.3"
|
|
50
50
|
}
|
|
51
51
|
}
|