react-countdown-circle-timer - npm Package Compare versions

Comparing version 2.5.4 to 3.0.0

lib/index.js

@@ -1,2 +0,1 @@
-!function(){var e={262:function(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 u=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 u.name="Invariant Violation",u}}function t(){return e}e.isRequired=e;var r={array: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:function(e,t,r){e.exports=r(262)()},586:function(e){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},592:function(e,t,r){!function(){"use strict";var t={d:function(e,r){for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},o:function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r:function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},n={};t.r(n),t.d(n,{useElapsedTime:function(){return u}});var o=r(297);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=e&&("undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"]);if(null!=r){var n,o,i=[],a=!0,u=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(u)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?a(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var u=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=t.duration,n=t.onComplete,a=t.startAt,u=void 0===a?0:a,l=t.autoResetKey,s=(0,o.useState)(u),f=i(s,2),p=f[0],d=f[1],y=(0,o.useRef)(-1e3*u),m=(0,o.useRef)(null),b=(0,o.useRef)(null),v=(0,o.useRef)(null),g=(0,o.useRef)(!1),h=(0,o.useRef)(!1),O=(0,o.useRef)(0),w=(0,o.useCallback)((function(e){O.current+=1,d("number"==typeof e?e:u)}),[]),S=function e(t){var o=t/1e3;if(null===b.current)return b.current=o,void(m.current=requestAnimationFrame(e));var i=o-b.current;if(b.current=o,d((function(e){var t=e+i;return"number"!=typeof r||t<r?t:(h.current=!0,r)})),h.current){if("function"==typeof n){y.current+=1e3*r;var a=y.current/1e3,u=n(a)||{},c=u.shouldRepeat,l=void 0!==c&&c,s=u.delay,f=void 0===s?0:s,p=u.newStartAt;l&&g.current&&(v.current=setTimeout((function(){w(p)}),1e3*f))}}else m.current=requestAnimationFrame(e)},j=function(){cancelAnimationFrame(m.current),clearTimeout(v.current),b.current=null};return c((function(){return e&&(m.current=requestAnimationFrame(S)),j}),[e]),c((function(){e&&g.current&&(j(),m.current=requestAnimationFrame(S))}),[r]),c((function(){g.current&&w()}),[l]),c((function(){e&&h.current&&(j(),m.current=requestAnimationFrame(S)),h.current=!1}),[O.current]),c((function(){return g.current=!0,function(){g.current=!1}}),[]),{elapsedTime:p,reset:w}},c="undefined"==typeof window?o.useEffect:o.useLayoutEffect;e.exports=n}()},297:function(e){"use strict";e.exports=require("react")}},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=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,{a:t}),t},r.d=function(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=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};!function(){"use strict";r.r(n),r.d(n,{CountdownCircleTimer:function(){return R}});var e=r(297),t=r.n(e),o=function(e){return{position:"relative",width:e,height:e}},i={display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",left:0,top:0,width:"100%",height:"100%"},a=function(e){return e.match(/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/)},u=function(e,t){return"Invalid prop '".concat(e,"' supplied to '").concat(t,"'")},c=function(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"array";return new Error("".concat(u(e,t),". Expect ").concat("array"===r?"an array of tuples where the first element is a":""," HEX color code string.\n ."))},l=function(e,t){return 0===t?0:"number"==typeof e?t-e:0},s=r(980),f=r.n(s),p={duration:f().number.isRequired,colors:function(e,t,r){var n=e[t];return"string"==typeof n?function(e,t,r){if(!a(e))return c(t,r,"string")}(n,t,r):function(e,t,r){for(var n=0;n<e.length;n+=1){var o=e[n][0],i=e[n][1];if(!a(o))return c(t,r);if(!(void 0===i||i>=0&&i<=1))return new Error("".concat(u(t,r),".\n        Expect an array of tuples where the second element is a number between 0 and 1 representing color transition duration."))}}(n,t,r)},children:f().oneOfType([f().func,f().node]),size:f().number,strokeWidth:f().number,trailStrokeWidth:f().number,trailColor:f().string,isPlaying:f().bool,strokeLinecap:f().oneOf(["round","square"]),isLinearGradient:f().bool,gradientUniqueKey:f().string,onComplete:f().func,ariaLabel:f().string,renderAriaTime:f().func,initialRemainingTime:f().number,rotation:f().oneOf(["clockwise","counterclockwise"])};function d(){return(d=Object.assign||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}).apply(this,arguments)}function y(e,t){if(e){if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?m(e,t):void 0}}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var b=function(e){var r=e.gradientId,n=e.colors,o=e.defs,i=void 0===o?"defs":o,a=e.linearGradient,u=void 0===a?"linearGradient":a,c=e.stop,l=void 0===c?"stop":c;return t().createElement(i,null,t().createElement(u,{id:r,x1:"1",y1:"0",x2:"0",y2:"0"},function(e){var t="string"==typeof e;if(t||1===e.length)return[{offset:1,stopColor:t?e:e[0][0],key:0}];var r,n=e.length,o=0;return[{offset:0,stopColor:e[0][0],key:0}].concat(function(e){if(Array.isArray(e))return m(e)}(r=e.map((function(e,t){var r,i,a=(i=2,function(e){if(Array.isArray(e))return e}(r=e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i=[],a=!0,u=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(u)throw o}}return i}}(r,i)||y(r,i)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()),u=a[0],c=a[1];return o+=c,{offset:n===t+1?1:o,stopColor:u,key:t+1}})))||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(r)||y(r)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())}(n).map((function(e){return t().createElement(l,d({},e,{key:e.key}))}))))},v=f().oneOfType([f().func,f().string]);b.propTypes={gradientId:f().string.isRequired,colors:p.colors,defs:v,linearGradient:v,stop:v};var g=r(592),h=function(e,t,r,n){return 0===n?r:t+r*(e/n)};function O(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function w(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?O(Object(r),!0).forEach((function(t){S(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):O(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function S(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var j=function(e){var t=e.r,r=e.g,n=e.b,o=e.opacity;return"rgba(".concat(t,", ").concat(r,", ").concat(n,", ").concat(o,")")},T=function(e,t){if(1===e.length)return j(e[0]);var r=e.find((function(e){var r=e.colorEndTime;return t<=r}));if(void 0===r.duration)return j(r);var n=t-r.colorStartTime,o=0|h(n,r.r,r.goalR,r.duration),i=0|h(n,r.g,r.goalG,r.duration),a=0|h(n,r.b,r.goalB,r.duration);return j({r:o,g:i,b:a,opacity:r.opacity})},P={position:"absolute",width:"1px",height:"1px",margin:"-1px",border:0,clip:"rect(0 0 0 0)",padding:0,overflow:"hidden",whiteSpace:"nowrap",wordWrap:"normal"};function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,o,i=[],a=!0,u=!1;try{for(r=r.call(e);!(a=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);a=!0);}catch(e){u=!0,o=e}finally{try{a||null==r.return||r.return()}finally{if(u)throw o}}return i}}(e,t)||function(e,t){if(e){if("string"==typeof e)return A(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?A(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function A(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var E=function(t){var r=t.isPlaying,n=t.size,a=t.strokeWidth,u=t.duration,c=t.initialRemainingTime,s=t.colors,f=t.isLinearGradient,p=t.gradientUniqueKey,d=t.onComplete,y=t.rotation,m=(0,e.useRef)({duration:u,startAt:l(c,u)}).current,b=m.duration,v=m.startAt,O=(0,e.useMemo)((function(){return function(e,t,r){var n=e/2,o=t/2,i=n-o,a=2*i,u="clockwise"===r?"1,0":"0,1",c=2*Math.PI*i;return{path:"m ".concat(n,",").concat(o,"\n          a ").concat(i,",").concat(i," 0 ").concat(u," 0,").concat(a,"\n          a ").concat(i,",").concat(i," 0 ").concat(u," 0,-").concat(a),pathLength:c}}(n,a,y)}),[n,a,y]),S=O.path,A=O.pathLength,E=(0,e.useMemo)((function(){return function(e,t,r){var n=function(e,t){var r=function(e){return e.map((function(e){var t=e[0].replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(function(e,t,r,n){return"#".concat(t).concat(t).concat(r).concat(r).concat(n).concat(n)})).substring(1).match(/.{2}/g).map((function(e){return parseInt(e,16)}));return[{r:t[0],g:t[1],b:t[2],opacity:1},e[1]]}))}(e);if(!t)return r;var n=0;return r.map((function(e,t){var o=r.length===t+1,i="0%";if(t>0){var a=r[t-1][1],u=Math.round(100*a);(n+=u)>100||o?(n=100,i="100%"):i="".concat(n,"%")}var c={offset:i,stopColor:j(e[0]),key:t};return[w(w({},e[0]),{},{gradient:c}),e[1]]}))}("string"==typeof e?[[e,1]]:e,r),o=0;return n.map((function(e,r){var i=n.length===r+1;if(o>=t||i)return o=t,w(w({},e[0]),{},{colorEndTime:o});var a=o,u=void 0!==e[1]?a+e[1]*t:t,c=u>=t?t:u,l=n[r+1][0],s={goalR:l.r-e[0].r,goalG:l.g-e[0].g,goalB:l.b-e[0].b};return o=c,w(w(w({},e[0]),s),{},{colorStartTime:a,colorEndTime:c,duration:c-a})}))}(s,b,f)}),[s,b,f]),C=(0,e.useMemo)((function(){return function(e){return"countdown-circle-timer-gradient-".concat(e||Math.random().toString(36).substring(2))}(p)}),[p]),x=(0,g.useElapsedTime)(r,{duration:b,startAt:v,onComplete:"function"==typeof d?function(){var e=d.apply(void 0,arguments)||[],t=k(e,2),r=t[0],n=void 0!==r&&r,o=t[1],i=void 0===o?0:o;return{shouldRepeat:n,delay:i/1e3,newStartAt:0}}:void 0}).elapsedTime;return{path:S,pathLength:A,gradientId:C,stroke:T(E,x),strokeDashoffset:h(x,0,A,b),timeProps:{remainingTime:Math.ceil(b-x),elapsedTime:x},styles:{wrapperStyle:o(n),timeStyle:i,visuallyHidden:P}}};function C(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function x(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?C(Object(r),!0).forEach((function(t){I(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):C(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function I(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var R=function(e){var r=e.size,n=e.strokeWidth,o=e.trailStrokeWidth,i=e.trailColor,a=e.duration,u=e.isPlaying,c=e.colors,l=e.strokeLinecap,s=e.children,f=e.isLinearGradient,p=e.gradientUniqueKey,d=e.onComplete,y=e.ariaLabel,m=e.renderAriaTime,v=e.initialRemainingTime,g=e.rotation,h=E({isPlaying:u,size:r,strokeWidth:Math.max(n,null!=o?o:0),duration:a,initialRemainingTime:v,colors:c,isLinearGradient:f,gradientUniqueKey:p,onComplete:d,rotation:g}),O=h.path,w=h.pathLength,S=h.stroke,j=h.strokeDashoffset,T=h.gradientId,P=h.styles,k=h.timeProps;return t().createElement("div",{style:P.wrapperStyle,"aria-label":y},t().createElement("svg",{width:r,height:r,xmlns:"http://www.w3.org/2000/svg"},f&&t().createElement(b,{colors:c,gradientId:T}),t().createElement("path",{d:O,fill:"none",stroke:i,strokeWidth:null!=o?o:n}),t().createElement("path",{d:O,fill:"none",stroke:f?"url(#".concat(T,")"):S,strokeLinecap:l,strokeWidth:n,strokeDasharray:w,strokeDashoffset:j})),null!==s&&t().createElement("div",{"aria-hidden":"true",style:x(x({},P.timeStyle),{},{color:S})},t().isValidElement(s)?t().cloneElement(t().Children.only(s),k):s(k)),"function"==typeof m&&t().createElement("div",{role:"timer","aria-live":"assertive",style:P.visuallyHidden},m(k)))};R.propTypes=p,R.defaultProps={size:180,strokeWidth:12,trailColor:"#d9d9d9",isPlaying:!1,strokeLinecap:"round",isLinearGradient:!1,ariaLabel:"Countdown timer",children:null,rotation:"clockwise"},R.displayName="CountdownCircleTimer"}(),module.exports=n}();
-//# sourceMappingURL=index.js.map
+var j=Object.create;var R=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var N=Object.getPrototypeOf,O=Object.prototype.hasOwnProperty;var G=t=>R(t,"__esModule",{value:!0});var H=(t,e)=>{G(t);for(var o in e)R(t,o,{get:e[o],enumerable:!0})},J=(t,e,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of U(e))!O.call(t,r)&&r!=="default"&&R(t,r,{get:()=>e[r],enumerable:!(o=z(e,r))||o.enumerable});return t},S=t=>J(G(R(t!=null?j(N(t)):{},"default",t&&t.__esModule&&"default"in t?{get:()=>t.default,enumerable:!0}:{value:t,enumerable:!0})),t);H(exports,{CountdownCircleTimer:()=>B,useCountdown:()=>x});var C=S(require("react"));var D=S(require("react"));var d=S(require("react")),T=S(require("react")),I=typeof window=="undefined"?T.useEffect:T.useLayoutEffect,A=({isPlaying:t,duration:e,startAt:o=0,updateInterval:r=0,onComplete:s,onUpdate:n})=>{let[i,c]=(0,d.useState)(o),m=(0,d.useRef)(0),f=(0,d.useRef)(o*-1e3),a=(0,d.useRef)(null),u=(0,d.useRef)(null),l=(0,d.useRef)(null),y=p=>{let h=p/1e3;if(u.current===null){u.current=h,a.current=requestAnimationFrame(y);return}let b=h-u.current,g=m.current+b;u.current=h,m.current=g;let M=o+(r===0?g:(g/r|0)*r),L=o+g,v=typeof e=="number"&&L>=e;c(v?e:M),v||(a.current=requestAnimationFrame(y))},w=()=>{a.current&&cancelAnimationFrame(a.current),l.current&&clearTimeout(l.current),u.current=null},k=(0,d.useCallback)(p=>{w(),m.current=0,c(typeof p=="number"?p:o),t&&(a.current=requestAnimationFrame(y))},[t,o]);return I(()=>{if(n==null||n(i),e&&i>=e){f.current+=e*1e3;let{shouldRepeat:p=!1,delay:h=0,newStartAt:b}=(s==null?void 0:s(f.current/1e3))||{};p&&(l.current=setTimeout(()=>k(b),h*1e3))}},[i,e]),I(()=>(t&&(a.current=requestAnimationFrame(y)),w),[t,e,r]),{elapsedTime:i,reset:k}};var F=(t,e,o)=>{let r=t/2,s=e/2,n=r-s,i=2*n,c=o==="clockwise"?"1,0":"0,1",m=2*Math.PI*n;return{path:`m ${r},${s} a ${n},${n} 0 ${c} 0,${i} a ${n},${n} 0 ${c} 0,-${i}`,pathLength:m}},W=(t,e)=>t===0?0:typeof e=="number"?t-e:0,$=t=>({position:"relative",width:t,height:t}),P={display:"flex",justifyContent:"center",alignItems:"center",position:"absolute",left:0,top:0,width:"100%",height:"100%"};var E=(t,e,o,r)=>{if(r===0)return e;let s=t/r;return e+o*s},q=t=>{var e,o;return(o=(e=t.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,(r,s,n,i)=>`#${s}${s}${n}${n}${i}${i}`).substring(1).match(/.{2}/g))==null?void 0:e.map(r=>parseInt(r,16)))!=null?o:[]},K=(t,e)=>{var a;let{colors:o,colorsTime:r,isSmoothColorTransition:s=!0}=t;if(typeof o=="string")return o;let n=(a=r==null?void 0:r.findIndex((u,l)=>u>=e&&e>=r[l+1]))!=null?a:-1;if(!r||n===-1)return o[0];if(!s)return o[n];let i=r[n]-e,c=r[n]-r[n+1],m=q(o[n]),f=q(o[n+1]);return`rgb(${m.map((u,l)=>E(i,u,f[l]-u,c)|0).join(",")})`},x=t=>{let{duration:e,initialRemainingTime:o,updateInterval:r,size:s=180,strokeWidth:n=12,trailStrokeWidth:i,isPlaying:c=!1,rotation:m="clockwise",onComplete:f,onUpdate:a}=t,u=(0,D.useRef)(),l=Math.max(n,i!=null?i:0),{path:y,pathLength:w}=F(s,l,m),k=b=>{let g=Math.ceil(e-b);g!==u.current&&(u.current=g,a==null||a(g))},{elapsedTime:p}=A({isPlaying:c,duration:e,startAt:W(e,o),updateInterval:r,onComplete:f,onUpdate:typeof a=="function"?k:void 0}),h=e-p;return{elapsedTime:p,path:y,pathLength:w,remainingTime:Math.ceil(h),rotation:m,size:s,stroke:K(t,h),strokeDashoffset:E(p,0,w,e),strokeWidth:n}};var B=t=>{let{children:e,strokeLinecap:o,trailColor:r,trailStrokeWidth:s}=t,{path:n,pathLength:i,stroke:c,strokeDashoffset:m,remainingTime:f,elapsedTime:a,size:u,strokeWidth:l}=x(t);return C.default.createElement("div",{style:$(u)},C.default.createElement("svg",{width:u,height:u,xmlns:"http://www.w3.org/2000/svg"},C.default.createElement("path",{d:n,fill:"none",stroke:r!=null?r:"#d9d9d9",strokeWidth:s!=null?s:l}),C.default.createElement("path",{d:n,fill:"none",stroke:c,strokeLinecap:o!=null?o:"round",strokeWidth:l,strokeDasharray:i,strokeDashoffset:m})),typeof e=="function"&&C.default.createElement("div",{style:P},e({remainingTime:f,elapsedTime:a,color:c})))};B.displayName="CountdownCircleTimer";

package.json

 {
   "name": "react-countdown-circle-timer",
-  "version": "2.5.4",
+  "version": "3.0.0",
   "description": "Lightweight React countdown timer component with color and progress animation based on SVG",
   "main": "./lib/index.js",
+  "module": "./lib/index.module.js",
+  "source": "./src/index.js",
+  "files": [
+    "lib"
+  ],
   "scripts": {
-    "build": "webpack",
-    "dev:push": "yarn run build && yalc push",
-    "test": "jest",
-    "test-watch": "jest --watch",
-    "test-coverage": "jest --collectCoverage --coverageDirectory=\"coverage\""
+    "start": "node scripts/serve.js",
+    "ts-declaration": "tsc --declaration --emitDeclarationOnly --outDir lib",
+    "build": "pnpm ts-declaration && node scripts/build.js",
+    "dev:push": "pnpm run build && yalc push",
+    "test": "jest --collectCoverage",
+    "test:watch": "jest --watch",
+    "prepublish": "pnpm build"
   },
@@ -32,25 +39,7 @@ "repository": {
   "peerDependencies": {
-    "prop-types": ">=15.7.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
+    "react": ">=16.8.0"
   },
   "devDependencies": {
-    "@countdown-circle-timer/shared": "^2.5.0",
-    "@testing-library/jest-dom": "5.14.1",
-    "@testing-library/react": "12.0.0"
-  },
-  "dependencies": {
-    "use-elapsed-time": "2.1.8"
-  },
-  "files": [
-    "lib",
-    "types"
-  ],
-  "types": "types/CountdownCircleTimer.d.ts",
-  "browserslist": [
-    ">0.2%",
-    "not dead",
-    "not op_mini all"
-  ],
-  "gitHead": "e86cd67c6205d366bf05fa67ae5021b3316925b1"
+    "@countdown/shared": "workspace:*"
+  }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No README

Quality

Package does not have a README. This may indicate a failed publish or a low quality package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Dependency count

1

decreased by-75%

Dev dependency count

1

decreased by-66.67%

Worsened metrics

Total package byte prevSize

9151

decreased by-87.41%

Number of package files

5

decreased by-28.57%

Lines of code

40

decreased by-63.96%

Number of medium quality alerts

1

increased byInfinity%

Number of lines in readme file

0

decreased by-100%

Dependency changes

• - Removeduse-elapsed-time@2.1.8

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact-dom@18.3.1(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedscheduler@0.23.2(transitive)

• - Removeduse-elapsed-time@2.1.8(transitive)