@anvilco/anvil-embed-frame - npm Package Compare versions

Comparing version 2.1.1 to 2.2.0

CHANGELOG.md

@@ -25,6 +25,13 @@ # Changelog
 
-## @anvilco/anvil-embed-frame@1.1.0 - 2022-10-05
+## [@anvilco/anvil-embed-frame@1.1.0](https://github.com/anvilco/react-ui/compare/v0.0.0...@anvilco/anvil-embed-frame@1.1.0) - 2022-10-05
 
+## v0.0.0 - 2024-05-02
+
 ### Merged
 
+- Add className prop and type [`#22`](https://github.com/anvilco/react-ui/pull/22)
+- publish better [`#20`](https://github.com/anvilco/react-ui/pull/20)
+- Add style prop and add postMessage helper [`#19`](https://github.com/anvilco/react-ui/pull/19)
+- [Breaking] Update dependencies [`#16`](https://github.com/anvilco/react-ui/pull/16)
+- Update readme to fix import error [`#15`](https://github.com/anvilco/react-ui/pull/15)
 - Add Typescript support to `AnvilEmbedFrame` [`#13`](https://github.com/anvilco/react-ui/pull/13)
@@ -31,0 +38,0 @@ - New `@anvilco/anvil-embed-frame` package [`#12`](https://github.com/anvilco/react-ui/pull/12)

dist/index.d.ts

@@ -8,2 +8,3 @@ export default AnvilEmbedFrame;
     style: object;
+    className: string;
 };
@@ -17,2 +18,3 @@ /**
  * @prop {object} style
+ * @prop {string} className
  */
@@ -53,2 +55,3 @@ /**
         export let style: PropTypes.Requireable<object>;
+        export let className: PropTypes.Requireable<string>;
     }
@@ -55,0 +58,0 @@ }

dist/index.js

@@ -1,1 +0,1 @@
-(()=>{var e={262:(e,t,r)=>{"use strict";var n=r(586);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,i,a){if(a!==n){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},980:(e,t,r)=>{e.exports=r(262)()},586:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};(()=>{"use strict";r.r(n),r.d(n,{default:()=>m});const e=require("react");var t=r.n(e),o=r(980),i=r.n(o),a=["iframeURL","onEvent","anvilURL","scroll","style"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function f(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,b(n.key),n)}}function l(e,t){return l=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},l(e,t)}function s(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function y(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){var t=function(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===u(t)?t:String(t)}var v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&l(e,t)}(v,e);var r,n,o,i,b=(o=v,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=p(o);if(i){var r=p(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return s(e)}(this,e)});function v(e){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,v),y(s(r=b.call(this,e)),"postMessage",(function(e){r.iframeRef.current.contentWindow.postMessage(e,"*")})),y(s(r),"handleEvent",(function(e){var t=e.origin,n=e.data,o=r.props,i=o.anvilURL,a=o.onEvent;i===t&&"object"===u(n)&&a(n)})),r.iframeRef=t().createRef(),r}return r=v,(n=[{key:"componentDidMount",value:function(){var e=this.props.scroll;e&&this.iframeRef.current.scrollIntoView({behavior:e}),window.addEventListener("message",this.handleEvent)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("message",this.handleEvent)}},{key:"render",value:function(){var e=this.props,r=e.iframeURL,n=(e.onEvent,e.anvilURL,e.scroll,e.style),o=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,a);return t().createElement("iframe",c({id:"anvil-embed-frame",name:"AnvilEmbedFrame"},o,{src:r,ref:this.iframeRef,style:n}),t().createElement("p",{id:"anvil-iframe-warning"},"Your browser does not support iframes."))}}])&&f(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),v}(t().Component);v.defaultProps={onEvent:function(){},anvilURL:"https://app.useanvil.com"},v.propTypes={iframeURL:i().string.isRequired,onLoad:i().func,onEvent:i().func,anvilURL:i().string,scroll:i().oneOf(["auto","smooth"]),style:i().object};const m=v})(),module.exports=n})();
+(()=>{var e={262:(e,t,r)=>{"use strict";var n=r(586);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,r,o,i,a){if(a!==n){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var r={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return r.PropTypes=r,r}},980:(e,t,r)=>{e.exports=r(262)()},586:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};(()=>{"use strict";r.r(n),r.d(n,{default:()=>m});const e=require("react");var t=r.n(e),o=r(980),i=r.n(o),a=["iframeURL","onEvent","anvilURL","scroll","style","className"];function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},c.apply(this,arguments)}function u(e){return u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},u(e)}function s(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,b(n.key),n)}}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function y(e,t,r){return(t=b(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){var t=function(e,t){if("object"!==u(e)||null===e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,"string");if("object"!==u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===u(t)?t:String(t)}var v=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(v,e);var r,n,o,i,b=(o=v,i=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}(),function(){var e,t=p(o);if(i){var r=p(this).constructor;e=Reflect.construct(t,arguments,r)}else e=t.apply(this,arguments);return function(e,t){if(t&&("object"===u(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return l(e)}(this,e)});function v(e){var r;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,v),y(l(r=b.call(this,e)),"postMessage",(function(e){r.iframeRef.current.contentWindow.postMessage(e,"*")})),y(l(r),"handleEvent",(function(e){var t=e.origin,n=e.data,o=r.props,i=o.anvilURL,a=o.onEvent;i===t&&"object"===u(n)&&a(n)})),r.iframeRef=t().createRef(),r}return r=v,(n=[{key:"componentDidMount",value:function(){var e=this.props.scroll;e&&this.iframeRef.current.scrollIntoView({behavior:e}),window.addEventListener("message",this.handleEvent)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("message",this.handleEvent)}},{key:"render",value:function(){var e=this.props,r=e.iframeURL,n=(e.onEvent,e.anvilURL,e.scroll,e.style),o=e.className,i=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(e,a);return t().createElement("iframe",c({id:"anvil-embed-frame",name:"AnvilEmbedFrame",className:o},i,{src:r,ref:this.iframeRef,style:n}),t().createElement("p",{id:"anvil-iframe-warning"},"Your browser does not support iframes."))}}])&&s(r.prototype,n),Object.defineProperty(r,"prototype",{writable:!1}),v}(t().Component);v.defaultProps={onEvent:function(){},anvilURL:"https://app.useanvil.com"},v.propTypes={iframeURL:i().string.isRequired,onLoad:i().func,onEvent:i().func,anvilURL:i().string,scroll:i().oneOf(["auto","smooth"]),style:i().object,className:i().string};const m=v})(),module.exports=n})();

package.json

 {
   "name": "@anvilco/anvil-embed-frame",
-  "version": "2.1.1",
+  "version": "2.2.0",
   "description": "The AnvilEmbedFrame React component for embedded Etch signatures and Workflows.",
@@ -59,3 +59,4 @@ "author": "Anvil Foundry Inc.",
     "breakingPattern": "BREAKING CHANGE:"
-  }
+  },
+  "gitHead": "30f00b6d8c5a5a82b5b51526e03fed5124e43267"
 }

types/index.d.ts

@@ -8,2 +8,4 @@ export default AnvilEmbedFrame;
   scroll: string;
+  style: object;
+  className: string;
 };
@@ -18,2 +20,3 @@ /**
  * @prop {object} style
+ * @prop {string} className
  */
@@ -55,2 +58,3 @@ /**
     export const style: PropTypes.Requireable<object>;
+    export const className: PropTypes.Requireable<string>;
   }
@@ -57,0 +61,0 @@ }

No alert changes

Improved metrics

Total package byte prevSize

21364

increased by10.17%

Number of package files

12

increased by9.09%

Lines of code

192

increased by3.78%

No dependency changes