Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
react-countdown-circle-timer
Advanced tools
react-countdown-circle-timer - npm Package Compare versions
Comparing version 2.5.2 to 2.5.3
@@ -6,2 +6,13 @@ # Change Log | ||
| ## [2.5.3](https://github.com/vydimitrov/react-countdown-circle-timer/compare/v2.5.2...v2.5.3) (2021-05-13) | ||
| ### Bug Fixes | ||
| * **web:** upgrade use-elapsed-time to 2.1.8 ([9eb0166](https://github.com/vydimitrov/react-countdown-circle-timer/commit/9eb01663e824b94779e3fdab60c31134e6448ca9)) | ||
| ## [2.5.2](https://github.com/vydimitrov/react-countdown-circle-timer/compare/v2.5.1...v2.5.2) (2021-04-28) | ||
@@ -8,0 +19,0 @@ |
@@ -1,2 +0,2 @@ | ||
| !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){(()=>{"use strict";var t={d:(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:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r: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:()=>u});const o=r(297);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],n=!0,o=!1,i=void 0;try{for(var a,u=e[Symbol.iterator]();!(n=(a=u.next()).done)&&(r.push(a.value),!t||r.length!==t);n=!0);}catch(e){o=!0,i=e}finally{try{n||null==u.return||u.return()}finally{if(o)throw i}}return r}}(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=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}}(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=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 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}(); | ||
| !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=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}}(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=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 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 |
| { | ||
| "name": "react-countdown-circle-timer", | ||
| "version": "2.5.2", | ||
| "version": "2.5.3", | ||
| "description": "Lightweight React countdown timer component with color and progress animation based on SVG", | ||
@@ -42,3 +42,3 @@ "main": "./lib/index.js", | ||
| "dependencies": { | ||
| "use-elapsed-time": "2.1.7" | ||
| "use-elapsed-time": "2.1.8" | ||
| }, | ||
@@ -55,3 +55,3 @@ "files": [ | ||
| ], | ||
| "gitHead": "b9747ad92b16e6d6710599a3f51a67b6ba129a45" | ||
| "gitHead": "cba3b27cab576dc70f92c980138250f845b9a3e6" | ||
| } |
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by0.63%
72094
Dependency changes
+ Addeduse-elapsed-time@2.1.8(transitive)
- Removeduse-elapsed-time@2.1.7(transitive)
Updateduse-elapsed-time@2.1.8