Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-countdown-circle-timer

Package Overview
Dependencies
Maintainers
1
Versions
48
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-countdown-circle-timer - npm Package Versions

1345

3.0.1

Diff

Changelog

Source

3.0.1

Fix

  • Add README for web package so it shows in NPM
vydimitrov
published 3.0.0 •

Changelog

Source

3.0.0

Improvements

  • The Web and Mobile packages are now written in TypeScript
  • PNPM is now used as package manager as well as to handle the monorepo
  • Webpack is replaced by Esbuild to bundle the code and run dev server
  • PropTypes are no longer required as peerDependencies. The component relays on the TypeScript types
  • New prop updateInterval is added to control how often the timer should be updated
  • New prop colorsTime is added to handle the times when a color should switch to the next color. This was part of the colors prop before
  • New prop isSmoothColorTransition indicates if the colors should smoothly transition to the next color or just change the color when the time comes
  • New event handler onUpdate will fire every time the time changes
  • Reduce overall bundle size and provide module export for the Web package

Breaking changes

  • IE is no longer supported
  • colors prop now is either: Single color in any valid color format or URL to a gradient; Array of colors in HEX format. At least 2 colors should be provided.
  • Gradient is no longer supported out of the box and isLinearGradient and gradientUniqueKey are now deprecated. The gradient can be set from outside of the component. Please refer to the recipes section.
  • ariaLabel and renderAriaTime are also deprecated. Refer to the recipes section to check how this can be implemented.
  • children prop now accepts only a render function and it does not take a React component as a children

React Native (mobile) changes

  • The Mobile package does not rely on AnimatedPath to animate the SVG path but instead it uses the animation event loop from use-elapsed-time. Thus now both packages - web and mobile share the same core logic to animate the path. Performance comparison shows that the later approach is much more performant.
vydimitrov
published 2.5.4 •

Changelog

Source

2.5.4 (2021-08-29)

Note: Version bump only for package countdown-circle-timer-monorepo

vydimitrov
published 2.5.3 •

Changelog

Source

2.5.3 (2021-05-13)

Bug Fixes

  • web: upgrade use-elapsed-time to 2.1.8 (9eb0166)
vydimitrov
published 2.5.2 •

Changelog

Source

2.5.2 (2021-04-28)

Bug Fixes

  • mobile: return elapsedTime in seconds fixes #119 (0a2ac54)
vydimitrov
published 2.5.1 •

Changelog

Source

2.5.1 (2021-03-25)

Bug Fixes

  • mobile: react-native ignore pattern in tests (16cf3cc)
vydimitrov
published 2.5.0 •

Changelog

Source

2.5.0 (2021-02-15)

Bug Fixes

  • change from or to null operator and other fixes suggested in PR. (2e79ed3)
  • the issue of stroke overflowing when trailStrokeWidth is different from strokeWidth (b3d3aab)

Features

  • Add inner and outer stroke width prop to timer. (bdc35a7)
  • add snapshots for trailStrokeWidth for web also (ce12b54)
  • add test for trailStrokeWidth mobile (67542b1)
vydimitrov
published 2.4.0 •

Changelog

Source

2.4.0 (2021-01-15)

Bug Fixes

  • web: put the browser list to the correct file (2e4d510)

Features

  • web: add browser list to package.json (a88c8c8)
vydimitrov
published 2.3.12 •

Changelog

Source

2.3.12 (2021-01-14)

Bug Fixes

vydimitrov
published 2.3.11 •

Changelog

Source

2.3.11 (2021-01-10)

Note: Version bump only for package countdown-circle-timer-monorepo

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc