react-frame-component 5.2.2-alpha.1 → 5.2.2

package/index.d.ts

@@ -1 +1,31 @@
-declare module 'react-frame-component';
+declare module 'react-frame-component' {
+  import * as React from 'react';
+
+  export interface FrameComponentProps
+    extends React.IframeHTMLAttributes<HTMLIFrameElement> {
+    head?: React.ReactNode | undefined;
+    mountTarget?: string | undefined;
+    initialContent?: string | undefined;
+    contentDidMount?: (() => void) | undefined;
+    contentDidUpdate?: (() => void) | undefined;
+    children: React.ReactNode;
+    ref?: React.Ref<FrameComponent>;
+  }
+
+  export default class FrameComponent extends React.Component<
+    FrameComponentProps
+  > {}
+
+  export interface FrameContextProps {
+    document?: HTMLDocument;
+    window?: Window;
+  }
+
+  export const FrameContext: React.Context<FrameContextProps>;
+
+  export const FrameContextProvider: React.Provider<FrameContextProps>;
+
+  export const FrameContextConsumer: React.Consumer<FrameContextProps>;
+
+  export function useFrame(): FrameContextProps;
+}

package/lib/Frame.js

@@ -60,10 +60,7 @@ var Frame = exports.Frame = function (_Component) {
     };
 
     _this.handleLoad = function () {
-      // Bail update as some browsers will trigger on both DOMContentLoaded & onLoad ala firefox
-      if (!_this.state.iframeLoaded) {
-        _this.setState({ iframeLoaded: true });
-      }
+      _this.setState({ iframeLoaded: true });
     };
 
     _this._isMounted = false;
@@ -78,9 +75,10 @@ var Frame = exports.Frame = function (_Component) {
       this._isMounted = true;
 
       var doc = this.getDoc();
-
-      if (doc) {
-        this.nodeRef.current.contentWindow.addEventListener('DOMContentLoaded', this.handleLoad);
+      if (doc && doc.readyState === 'complete') {
+        this.forceUpdate();
+      } else {
+        this.nodeRef.current.addEventListener('load', this.handleLoad);
       }
     }
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-frame-component",
-  "version": "5.2.2-alpha.1",
+  "version": "5.2.2",
   "description": "React component to wrap your application or component in an iFrame for encapsulation purposes",
   "main": "lib/index.js",
   "files": [