lottie-react - npm Package Compare versions

Comparing version 1.2.1 to 1.2.2

build/index.es.js

@@ -410,3 +410,3 @@ import lottie from 'lottie-web';
   /**
-   * Share methods which control Lottie to the parent component
+   * Share the hook methods with the parent component using 'ref'
    */
@@ -431,3 +431,3 @@
     }
-  }, [parentRef.current]);
+  }, [parentRef === null || parentRef === void 0 ? void 0 : parentRef.current]);
   return View;
@@ -434,0 +434,0 @@ });

build/index.es.min.js

@@ -1,1 +0,1 @@
-import e from"lottie-web";export{default as LottiePlayer}from"lottie-web";import n,{useRef as t,useEffect as r,forwardRef as o}from"react";import{shape as a,oneOfType as u,bool as i,number as l,arrayOf as c,func as d}from"prop-types";function p(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function s(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?f(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function m(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var y=function(o){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,u=o.animationData,i=o.loop,l=o.autoplay,c=o.initialSegment,d=o.onComplete,p=o.onLoopComplete,f=o.onEnterFrame,m=o.onSegmentStart,y=o.onConfigReady,g=o.onDataReady,b=o.onDataFailed,O=o.onLoadedImages,S=o.onDOMLoaded,v=o.onDestroy,D=t(),h=t(null),P=function(){D.current&&D.current.play()},j=function(){D.current&&D.current.stop()},w=function(){D.current&&D.current.pause()},L=function(e){D.current&&D.current.setSpeed(e)},C=function(e,n){D.current&&D.current.goToAndPlay(e,n)},E=function(e,n){D.current&&D.current.goToAndStop(e,n)},A=function(e){D.current&&D.current.setDirection(e)},T=function(e,n){D.current&&D.current.playSegments(e,n)},R=function(e){D.current&&D.current.setSubframe(e)},F=function(){D.current&&D.current.destroy()},x=function(e){if(D.current)return D.current.getDuration(e)},I=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(h.current){D.current&&D.current.destroy();var t=s(s(s({},o),n),{},{container:h.current});D.current=e.loadAnimation(t)}};r((function(){I()}),[u,i,l,c]);var M=function(e,n){return D.current&&e&&n?(D.current.addEventListener(e,n),function(){var t;null===(t=D.current)||void 0===t||t.removeEventListener(e,n)}):function(){}};r((function(){var e=[{name:"complete",handler:d},{name:"loopComplete",handler:p},{name:"enterFrame",handler:f},{name:"segmentStart",handler:m},{name:"config_ready",handler:y},{name:"data_ready",handler:g},{name:"data_failed",handler:b},{name:"loaded_images",handler:O},{name:"DOMLoaded",handler:S},{name:"destroy",handler:v}].map((function(e){return M(e.name,e.handler)}));return function(){e.forEach((function(e){return e()}))}}),[d,p,f,m,y,g,b,O,S,v]);var _=n.createElement("div",{style:a,ref:h});return{View:_,play:P,stop:j,pause:w,setSpeed:L,goToAndStop:E,goToAndPlay:C,setDirection:A,playSegments:T,setSubframe:R,destroy:F,getDuration:x}},g=o((function(e,n){var t=e.style,o=m(e,["style"]),a=n,u=y(o,t),i=u.View,l=u.play,c=u.stop,d=u.pause,p=u.setSpeed,f=u.goToAndStop,s=u.goToAndPlay,g=u.setDirection,b=u.playSegments,O=u.setSubframe,S=u.destroy,v=u.getDuration;return r((function(){a&&(a.current={play:l,stop:c,pause:d,setSpeed:p,goToAndPlay:s,goToAndStop:f,setDirection:g,playSegments:b,setSubframe:O,destroy:S,getDuration:v})}),[a.current]),i}));g.propTypes={animationData:a(void 0).isRequired,loop:u([i,l]),autoplay:i,initialSegment:c(l.isRequired),onComplete:d,onLoopComplete:d,onEnterFrame:d,onSegmentStart:d,onConfigReady:d,onDataReady:d,onDataFailed:d,onLoadedImages:d,onDOMLoaded:d,onDestroy:d,style:a(void 0)},g.defaultProps={loop:!0,autoplay:!0,initialSegment:null,onComplete:null,onLoopComplete:null,onEnterFrame:null,onSegmentStart:null,onConfigReady:null,onDataReady:null,onDataFailed:null,onLoadedImages:null,onDOMLoaded:null,onDestroy:null,style:void 0};var b=g,O=y;export default g;export{b as Animator,O as useAnimator,y as useLottie};
+import e from"lottie-web";export{default as LottiePlayer}from"lottie-web";import n,{useRef as t,useEffect as r,forwardRef as o}from"react";import{shape as a,oneOfType as u,bool as l,number as i,arrayOf as c,func as d}from"prop-types";function p(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function f(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function s(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?f(Object(t),!0).forEach((function(n){p(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):f(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function m(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var y=function(o){var a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,u=o.animationData,l=o.loop,i=o.autoplay,c=o.initialSegment,d=o.onComplete,p=o.onLoopComplete,f=o.onEnterFrame,m=o.onSegmentStart,y=o.onConfigReady,g=o.onDataReady,b=o.onDataFailed,v=o.onLoadedImages,O=o.onDOMLoaded,S=o.onDestroy,D=t(),h=t(null),P=function(){D.current&&D.current.play()},j=function(){D.current&&D.current.stop()},w=function(){D.current&&D.current.pause()},L=function(e){D.current&&D.current.setSpeed(e)},C=function(e,n){D.current&&D.current.goToAndPlay(e,n)},E=function(e,n){D.current&&D.current.goToAndStop(e,n)},A=function(e){D.current&&D.current.setDirection(e)},T=function(e,n){D.current&&D.current.playSegments(e,n)},R=function(e){D.current&&D.current.setSubframe(e)},F=function(){D.current&&D.current.destroy()},x=function(e){if(D.current)return D.current.getDuration(e)},I=function(){var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(h.current){D.current&&D.current.destroy();var t=s(s(s({},o),n),{},{container:h.current});D.current=e.loadAnimation(t)}};r((function(){I()}),[u,l,i,c]);var M=function(e,n){return D.current&&e&&n?(D.current.addEventListener(e,n),function(){var t;null===(t=D.current)||void 0===t||t.removeEventListener(e,n)}):function(){}};r((function(){var e=[{name:"complete",handler:d},{name:"loopComplete",handler:p},{name:"enterFrame",handler:f},{name:"segmentStart",handler:m},{name:"config_ready",handler:y},{name:"data_ready",handler:g},{name:"data_failed",handler:b},{name:"loaded_images",handler:v},{name:"DOMLoaded",handler:O},{name:"destroy",handler:S}].map((function(e){return M(e.name,e.handler)}));return function(){e.forEach((function(e){return e()}))}}),[d,p,f,m,y,g,b,v,O,S]);var _=n.createElement("div",{style:a,ref:h});return{View:_,play:P,stop:j,pause:w,setSpeed:L,goToAndStop:E,goToAndPlay:C,setDirection:A,playSegments:T,setSubframe:R,destroy:F,getDuration:x}},g=o((function(e,n){var t=e.style,o=m(e,["style"]),a=n,u=y(o,t),l=u.View,i=u.play,c=u.stop,d=u.pause,p=u.setSpeed,f=u.goToAndStop,s=u.goToAndPlay,g=u.setDirection,b=u.playSegments,v=u.setSubframe,O=u.destroy,S=u.getDuration;return r((function(){a&&(a.current={play:i,stop:c,pause:d,setSpeed:p,goToAndPlay:s,goToAndStop:f,setDirection:g,playSegments:b,setSubframe:v,destroy:O,getDuration:S})}),[null==a?void 0:a.current]),l}));g.propTypes={animationData:a(void 0).isRequired,loop:u([l,i]),autoplay:l,initialSegment:c(i.isRequired),onComplete:d,onLoopComplete:d,onEnterFrame:d,onSegmentStart:d,onConfigReady:d,onDataReady:d,onDataFailed:d,onLoadedImages:d,onDOMLoaded:d,onDestroy:d,style:a(void 0)},g.defaultProps={loop:!0,autoplay:!0,initialSegment:null,onComplete:null,onLoopComplete:null,onEnterFrame:null,onSegmentStart:null,onConfigReady:null,onDataReady:null,onDataFailed:null,onLoadedImages:null,onDOMLoaded:null,onDestroy:null,style:void 0};var b=g,v=y;export default g;export{b as Animator,v as useAnimator,y as useLottie};

build/index.js

@@ -416,3 +416,3 @@ 'use strict';
   /**
-   * Share methods which control Lottie to the parent component
+   * Share the hook methods with the parent component using 'ref'
    */
@@ -437,3 +437,3 @@
     }
-  }, [parentRef.current]);
+  }, [parentRef === null || parentRef === void 0 ? void 0 : parentRef.current]);
   return View;
@@ -440,0 +440,0 @@ });

build/index.min.js

@@ -1,1 +0,1 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=e(require("lottie-web")),t=require("react"),r=e(t),o=require("prop-types");function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function c(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var l=function(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,a=e.animationData,u=e.loop,c=e.autoplay,l=e.initialSegment,f=e.onComplete,d=e.onLoopComplete,p=e.onEnterFrame,s=e.onSegmentStart,y=e.onConfigReady,m=e.onDataReady,g=e.onDataFailed,b=e.onLoadedImages,O=e.onDOMLoaded,v=e.onDestroy,S=t.useRef(),D=t.useRef(null),h=function(){S.current&&S.current.play()},j=function(){S.current&&S.current.stop()},P=function(){S.current&&S.current.pause()},L=function(e){S.current&&S.current.setSpeed(e)},w=function(e,n){S.current&&S.current.goToAndPlay(e,n)},E=function(e,n){S.current&&S.current.goToAndStop(e,n)},A=function(e){S.current&&S.current.setDirection(e)},R=function(e,n){S.current&&S.current.playSegments(e,n)},C=function(e){S.current&&S.current.setSubframe(e)},T=function(){S.current&&S.current.destroy()},x=function(e){if(S.current)return S.current.getDuration(e)},F=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(D.current){S.current&&S.current.destroy();var r=i(i(i({},e),t),{},{container:D.current});S.current=n.loadAnimation(r)}};t.useEffect((function(){F()}),[a,u,c,l]);var _=function(e,n){return S.current&&e&&n?(S.current.addEventListener(e,n),function(){var t;null===(t=S.current)||void 0===t||t.removeEventListener(e,n)}):function(){}};t.useEffect((function(){var e=[{name:"complete",handler:f},{name:"loopComplete",handler:d},{name:"enterFrame",handler:p},{name:"segmentStart",handler:s},{name:"config_ready",handler:y},{name:"data_ready",handler:m},{name:"data_failed",handler:g},{name:"loaded_images",handler:b},{name:"DOMLoaded",handler:O},{name:"destroy",handler:v}].map((function(e){return _(e.name,e.handler)}));return function(){e.forEach((function(e){return e()}))}}),[f,d,p,s,y,m,g,b,O,v]);var q=r.createElement("div",{style:o,ref:D});return{View:q,play:h,stop:j,pause:P,setSpeed:L,goToAndStop:E,goToAndPlay:w,setDirection:A,playSegments:R,setSubframe:C,destroy:T,getDuration:x}},f=t.forwardRef((function(e,n){var r=e.style,o=c(e,["style"]),a=n,u=l(o,r),i=u.View,f=u.play,d=u.stop,p=u.pause,s=u.setSpeed,y=u.goToAndStop,m=u.goToAndPlay,g=u.setDirection,b=u.playSegments,O=u.setSubframe,v=u.destroy,S=u.getDuration;return t.useEffect((function(){a&&(a.current={play:f,stop:d,pause:p,setSpeed:s,goToAndPlay:m,goToAndStop:y,setDirection:g,playSegments:b,setSubframe:O,destroy:v,getDuration:S})}),[a.current]),i}));f.propTypes={animationData:o.shape(void 0).isRequired,loop:o.oneOfType([o.bool,o.number]),autoplay:o.bool,initialSegment:o.arrayOf(o.number.isRequired),onComplete:o.func,onLoopComplete:o.func,onEnterFrame:o.func,onSegmentStart:o.func,onConfigReady:o.func,onDataReady:o.func,onDataFailed:o.func,onLoadedImages:o.func,onDOMLoaded:o.func,onDestroy:o.func,style:o.shape(void 0)},f.defaultProps={loop:!0,autoplay:!0,initialSegment:null,onComplete:null,onLoopComplete:null,onEnterFrame:null,onSegmentStart:null,onConfigReady:null,onDataReady:null,onDataFailed:null,onLoadedImages:null,onDOMLoaded:null,onDestroy:null,style:void 0};var d=f,p=l;exports.LottiePlayer=n,exports.Animator=d,exports.default=f,exports.useAnimator=p,exports.useLottie=l;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=e(require("lottie-web")),t=require("react"),r=e(t),o=require("prop-types");function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function l(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var c=function(e){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,a=e.animationData,u=e.loop,l=e.autoplay,c=e.initialSegment,f=e.onComplete,d=e.onLoopComplete,p=e.onEnterFrame,s=e.onSegmentStart,y=e.onConfigReady,m=e.onDataReady,g=e.onDataFailed,b=e.onLoadedImages,O=e.onDOMLoaded,v=e.onDestroy,S=t.useRef(),D=t.useRef(null),h=function(){S.current&&S.current.play()},j=function(){S.current&&S.current.stop()},P=function(){S.current&&S.current.pause()},L=function(e){S.current&&S.current.setSpeed(e)},w=function(e,n){S.current&&S.current.goToAndPlay(e,n)},E=function(e,n){S.current&&S.current.goToAndStop(e,n)},A=function(e){S.current&&S.current.setDirection(e)},R=function(e,n){S.current&&S.current.playSegments(e,n)},C=function(e){S.current&&S.current.setSubframe(e)},T=function(){S.current&&S.current.destroy()},x=function(e){if(S.current)return S.current.getDuration(e)},F=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(D.current){S.current&&S.current.destroy();var r=i(i(i({},e),t),{},{container:D.current});S.current=n.loadAnimation(r)}};t.useEffect((function(){F()}),[a,u,l,c]);var _=function(e,n){return S.current&&e&&n?(S.current.addEventListener(e,n),function(){var t;null===(t=S.current)||void 0===t||t.removeEventListener(e,n)}):function(){}};t.useEffect((function(){var e=[{name:"complete",handler:f},{name:"loopComplete",handler:d},{name:"enterFrame",handler:p},{name:"segmentStart",handler:s},{name:"config_ready",handler:y},{name:"data_ready",handler:m},{name:"data_failed",handler:g},{name:"loaded_images",handler:b},{name:"DOMLoaded",handler:O},{name:"destroy",handler:v}].map((function(e){return _(e.name,e.handler)}));return function(){e.forEach((function(e){return e()}))}}),[f,d,p,s,y,m,g,b,O,v]);var q=r.createElement("div",{style:o,ref:D});return{View:q,play:h,stop:j,pause:P,setSpeed:L,goToAndStop:E,goToAndPlay:w,setDirection:A,playSegments:R,setSubframe:C,destroy:T,getDuration:x}},f=t.forwardRef((function(e,n){var r=e.style,o=l(e,["style"]),a=n,u=c(o,r),i=u.View,f=u.play,d=u.stop,p=u.pause,s=u.setSpeed,y=u.goToAndStop,m=u.goToAndPlay,g=u.setDirection,b=u.playSegments,O=u.setSubframe,v=u.destroy,S=u.getDuration;return t.useEffect((function(){a&&(a.current={play:f,stop:d,pause:p,setSpeed:s,goToAndPlay:m,goToAndStop:y,setDirection:g,playSegments:b,setSubframe:O,destroy:v,getDuration:S})}),[null==a?void 0:a.current]),i}));f.propTypes={animationData:o.shape(void 0).isRequired,loop:o.oneOfType([o.bool,o.number]),autoplay:o.bool,initialSegment:o.arrayOf(o.number.isRequired),onComplete:o.func,onLoopComplete:o.func,onEnterFrame:o.func,onSegmentStart:o.func,onConfigReady:o.func,onDataReady:o.func,onDataFailed:o.func,onLoadedImages:o.func,onDOMLoaded:o.func,onDestroy:o.func,style:o.shape(void 0)},f.defaultProps={loop:!0,autoplay:!0,initialSegment:null,onComplete:null,onLoopComplete:null,onEnterFrame:null,onSegmentStart:null,onConfigReady:null,onDataReady:null,onDataFailed:null,onLoadedImages:null,onDOMLoaded:null,onDestroy:null,style:void 0};var d=f,p=c;exports.LottiePlayer=n,exports.Animator=d,exports.default=f,exports.useAnimator=p,exports.useLottie=c;

build/index.umd.js

@@ -414,3 +414,3 @@ (function (global, factory) {
     /**
-     * Share methods which control Lottie to the parent component
+     * Share the hook methods with the parent component using 'ref'
      */
@@ -435,3 +435,3 @@
       }
-    }, [parentRef.current]);
+    }, [parentRef === null || parentRef === void 0 ? void 0 : parentRef.current]);
     return View;
@@ -438,0 +438,0 @@ });

build/index.umd.min.js

@@ -1,1 +0,1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("lottie-web"),require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","lottie-web","react","prop-types"],n):n((e=e||self)["lottie-react"]={},e.Lottie,e.React,e.PropTypes)}(this,(function(e,n,t,r){"use strict";n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;var o="default"in t?t.default:t;function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function l(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var c=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,a=e.animationData,u=e.loop,l=e.autoplay,c=e.initialSegment,f=e.onComplete,d=e.onLoopComplete,p=e.onEnterFrame,s=e.onSegmentStart,y=e.onConfigReady,m=e.onDataReady,g=e.onDataFailed,b=e.onLoadedImages,O=e.onDOMLoaded,v=e.onDestroy,S=t.useRef(),D=t.useRef(null),h=function(){S.current&&S.current.play()},P=function(){S.current&&S.current.stop()},j=function(){S.current&&S.current.pause()},w=function(e){S.current&&S.current.setSpeed(e)},L=function(e,n){S.current&&S.current.goToAndPlay(e,n)},E=function(e,n){S.current&&S.current.goToAndStop(e,n)},R=function(e){S.current&&S.current.setDirection(e)},A=function(e,n){S.current&&S.current.playSegments(e,n)},T=function(e){S.current&&S.current.setSubframe(e)},C=function(){S.current&&S.current.destroy()},F=function(e){if(S.current)return S.current.getDuration(e)},_=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(D.current){S.current&&S.current.destroy();var r=i(i(i({},e),t),{},{container:D.current});S.current=n.loadAnimation(r)}};t.useEffect((function(){_()}),[a,u,l,c]);var q=function(e,n){return S.current&&e&&n?(S.current.addEventListener(e,n),function(){var t;null===(t=S.current)||void 0===t||t.removeEventListener(e,n)}):function(){}};t.useEffect((function(){var e=[{name:"complete",handler:f},{name:"loopComplete",handler:d},{name:"enterFrame",handler:p},{name:"segmentStart",handler:s},{name:"config_ready",handler:y},{name:"data_ready",handler:m},{name:"data_failed",handler:g},{name:"loaded_images",handler:b},{name:"DOMLoaded",handler:O},{name:"destroy",handler:v}].map((function(e){return q(e.name,e.handler)}));return function(){e.forEach((function(e){return e()}))}}),[f,d,p,s,y,m,g,b,O,v]);var x=o.createElement("div",{style:r,ref:D});return{View:x,play:h,stop:P,pause:j,setSpeed:w,goToAndStop:E,goToAndPlay:L,setDirection:R,playSegments:A,setSubframe:T,destroy:C,getDuration:F}},f=t.forwardRef((function(e,n){var r=e.style,o=l(e,["style"]),a=n,u=c(o,r),i=u.View,f=u.play,d=u.stop,p=u.pause,s=u.setSpeed,y=u.goToAndStop,m=u.goToAndPlay,g=u.setDirection,b=u.playSegments,O=u.setSubframe,v=u.destroy,S=u.getDuration;return t.useEffect((function(){a&&(a.current={play:f,stop:d,pause:p,setSpeed:s,goToAndPlay:m,goToAndStop:y,setDirection:g,playSegments:b,setSubframe:O,destroy:v,getDuration:S})}),[a.current]),i}));f.propTypes={animationData:r.shape(void 0).isRequired,loop:r.oneOfType([r.bool,r.number]),autoplay:r.bool,initialSegment:r.arrayOf(r.number.isRequired),onComplete:r.func,onLoopComplete:r.func,onEnterFrame:r.func,onSegmentStart:r.func,onConfigReady:r.func,onDataReady:r.func,onDataFailed:r.func,onLoadedImages:r.func,onDOMLoaded:r.func,onDestroy:r.func,style:r.shape(void 0)},f.defaultProps={loop:!0,autoplay:!0,initialSegment:null,onComplete:null,onLoopComplete:null,onEnterFrame:null,onSegmentStart:null,onConfigReady:null,onDataReady:null,onDataFailed:null,onLoadedImages:null,onDOMLoaded:null,onDestroy:null,style:void 0};var d=f,p=c;e.LottiePlayer=n,e.Animator=d,e.default=f,e.useAnimator=p,e.useLottie=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("lottie-web"),require("react"),require("prop-types")):"function"==typeof define&&define.amd?define(["exports","lottie-web","react","prop-types"],n):n((e=e||self)["lottie-react"]={},e.Lottie,e.React,e.PropTypes)}(this,(function(e,n,t,r){"use strict";n=n&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n;var o="default"in t?t.default:t;function a(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function u(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,r)}return t}function i(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?u(Object(t),!0).forEach((function(n){a(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):u(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}function l(e,n){if(null==e)return{};var t,r,o=function(e,n){if(null==e)return{};var t,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||(o[t]=e[t]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)t=a[r],n.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}var c=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,a=e.animationData,u=e.loop,l=e.autoplay,c=e.initialSegment,f=e.onComplete,d=e.onLoopComplete,p=e.onEnterFrame,s=e.onSegmentStart,y=e.onConfigReady,m=e.onDataReady,g=e.onDataFailed,b=e.onLoadedImages,O=e.onDOMLoaded,v=e.onDestroy,S=t.useRef(),D=t.useRef(null),h=function(){S.current&&S.current.play()},P=function(){S.current&&S.current.stop()},j=function(){S.current&&S.current.pause()},w=function(e){S.current&&S.current.setSpeed(e)},L=function(e,n){S.current&&S.current.goToAndPlay(e,n)},E=function(e,n){S.current&&S.current.goToAndStop(e,n)},R=function(e){S.current&&S.current.setDirection(e)},A=function(e,n){S.current&&S.current.playSegments(e,n)},T=function(e){S.current&&S.current.setSubframe(e)},C=function(){S.current&&S.current.destroy()},F=function(e){if(S.current)return S.current.getDuration(e)},_=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(D.current){S.current&&S.current.destroy();var r=i(i(i({},e),t),{},{container:D.current});S.current=n.loadAnimation(r)}};t.useEffect((function(){_()}),[a,u,l,c]);var q=function(e,n){return S.current&&e&&n?(S.current.addEventListener(e,n),function(){var t;null===(t=S.current)||void 0===t||t.removeEventListener(e,n)}):function(){}};t.useEffect((function(){var e=[{name:"complete",handler:f},{name:"loopComplete",handler:d},{name:"enterFrame",handler:p},{name:"segmentStart",handler:s},{name:"config_ready",handler:y},{name:"data_ready",handler:m},{name:"data_failed",handler:g},{name:"loaded_images",handler:b},{name:"DOMLoaded",handler:O},{name:"destroy",handler:v}].map((function(e){return q(e.name,e.handler)}));return function(){e.forEach((function(e){return e()}))}}),[f,d,p,s,y,m,g,b,O,v]);var x=o.createElement("div",{style:r,ref:D});return{View:x,play:h,stop:P,pause:j,setSpeed:w,goToAndStop:E,goToAndPlay:L,setDirection:R,playSegments:A,setSubframe:T,destroy:C,getDuration:F}},f=t.forwardRef((function(e,n){var r=e.style,o=l(e,["style"]),a=n,u=c(o,r),i=u.View,f=u.play,d=u.stop,p=u.pause,s=u.setSpeed,y=u.goToAndStop,m=u.goToAndPlay,g=u.setDirection,b=u.playSegments,O=u.setSubframe,v=u.destroy,S=u.getDuration;return t.useEffect((function(){a&&(a.current={play:f,stop:d,pause:p,setSpeed:s,goToAndPlay:m,goToAndStop:y,setDirection:g,playSegments:b,setSubframe:O,destroy:v,getDuration:S})}),[null==a?void 0:a.current]),i}));f.propTypes={animationData:r.shape(void 0).isRequired,loop:r.oneOfType([r.bool,r.number]),autoplay:r.bool,initialSegment:r.arrayOf(r.number.isRequired),onComplete:r.func,onLoopComplete:r.func,onEnterFrame:r.func,onSegmentStart:r.func,onConfigReady:r.func,onDataReady:r.func,onDataFailed:r.func,onLoadedImages:r.func,onDOMLoaded:r.func,onDestroy:r.func,style:r.shape(void 0)},f.defaultProps={loop:!0,autoplay:!0,initialSegment:null,onComplete:null,onLoopComplete:null,onEnterFrame:null,onSegmentStart:null,onConfigReady:null,onDataReady:null,onDataFailed:null,onLoadedImages:null,onDOMLoaded:null,onDestroy:null,style:void 0};var d=f,p=c;e.LottiePlayer=n,e.Animator=d,e.default=f,e.useAnimator=p,e.useLottie=c,Object.defineProperty(e,"__esModule",{value:!0})}));

package.json

 {
 	"name": "lottie-react",
-	"version": "1.2.1",
+	"version": "1.2.2",
 	"description": "Lottie for React",
@@ -5,0 +5,0 @@ "author": "David Gamote",

No alert changes

Improved metrics

Total package byte prevSize

111786

increased by0.53%

Lines of code

1274

increased by0.08%

No dependency changes