Merge pull request #22 from anvilco/pl/21/fix-classname-type-error

Add className prop and type

Author: patapat

packages/anvil-embed-frame/src/index.js

@@ -8,6 +8,7 @@ import PropTypes from 'prop-types'
  * @prop {String} anvilURL
  * @prop {String} scroll
  * @prop {object} style
+ * @prop {string} className
  */
 
 /**
@@ -47,11 +48,12 @@ class AnvilEmbedFrame extends React.Component {
   }
 
   render () {
-    const { iframeURL, onEvent, anvilURL, scroll, style, ...others } = this.props
+    const { iframeURL, onEvent, anvilURL, scroll, style, className, ...others } = this.props
     return (
       <iframe
         id="anvil-embed-frame"
         name="AnvilEmbedFrame"
+        className={className}
         {...others} // props above may be overriden
         src={iframeURL}
         ref={this.iframeRef}
@@ -75,6 +77,7 @@ AnvilEmbedFrame.propTypes = {
   anvilURL: PropTypes.string,
   scroll: PropTypes.oneOf(['auto', 'smooth']),
   style: PropTypes.object,
+  className: PropTypes.string,
 }
 
 export default AnvilEmbedFrame

packages/anvil-embed-frame/types/index.d.ts

@@ -5,6 +5,8 @@ export type Props = {
   anvilURL: string;
   enableDefaultStyles: boolean;
   scroll: string;
+  style: object;
+  className: string;
 };
 /**
  * @typedef Props
@@ -14,6 +16,7 @@ export type Props = {
  * @prop {boolean} enableDefaultStyles
  * @prop {String} scroll
  * @prop {object} style
+ * @prop {string} className
  */
 /**
  * @extends React.Component<Props>
@@ -50,6 +53,7 @@ declare namespace AnvilEmbedFrame {
     export { enableDefaultStyles_1 as enableDefaultStyles };
     export const scroll: PropTypes.Requireable<string>;
     export const style: PropTypes.Requireable<object>;
+    export const className: PropTypes.Requireable<string>;
   }
 }
 import Reacat from "react";