Socket
Socket
Sign inDemoInstall

react-chrono

Package Overview
Dependencies
Maintainers
1
Versions
122
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-chrono - npm Package Compare versions

Comparing version 1.0.16 to 1.0.17

2

dist/react-chrono.esm.js
/*
* react-chrono
* a modern timeline component for React
* v1.0.15
* v1.0.16
* MIT License

@@ -6,0 +6,0 @@ */

/*
* react-chrono
* a modern timeline component for React
* v1.0.15
* v1.0.16
* MIT License

@@ -6,0 +6,0 @@ */

/*
* react-chrono
* a modern timeline component for React
* v1.0.15
* v1.0.16
* MIT License

@@ -6,0 +6,0 @@ */

{
"name": "react-chrono",
"version": "1.0.16",
"version": "1.0.17",
"license": "MIT",

@@ -9,3 +9,3 @@ "description": "a modern timeline component for React",

"react": "^16.13.1",
"styled-components": "5.1.1",
"styled-components": "5.2.0",
"use-debounce": "^4.0.0"

@@ -16,3 +16,3 @@ },

"build:demo": "react-scripts build",
"build": "rimraf ./dist && rollup -c",
"rollup": "rimraf ./dist && rollup -c",
"test": "react-scripts test -u",

@@ -44,12 +44,12 @@ "coverage": "react-scripts test a -u --coverage --watchAll=false",

"@hot-loader/react-dom": "^16.13.0",
"@rollup/plugin-babel": "^5.2.0",
"@rollup/plugin-babel": "^5.2.1",
"@rollup/plugin-buble": "^0.21.3",
"@rollup/plugin-commonjs": "^15.0.0",
"@rollup/plugin-typescript": "^5.0.2",
"@rollup/plugin-typescript": "^6.0.0",
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.0.2",
"@testing-library/user-event": "^12.1.3",
"@testing-library/user-event": "^12.1.4",
"@types/jest": "^26.0.13",
"@types/nanoid": "^2.1.0",
"@types/node": "^14.6.4",
"@types/node": "^14.10.0",
"@types/react": "^16.9.49",

@@ -64,3 +64,3 @@ "@types/react-dom": "^16.9.0",

"react-scripts": "3.4.0",
"rollup": "^2.26.10",
"rollup": "^2.26.11",
"rollup-plugin-node-resolve": "^5.2.0",

@@ -67,0 +67,0 @@ "rollup-plugin-typescript2": "^0.27.2",

[![Build Status](https://dev.azure.com/prabhummurthy/react-chrono/_apis/build/status/prabhuignoto.react-chrono?branchName=master)](https://dev.azure.com/prabhummurthy/react-chrono/_build/latest?definitionId=7&branchName=master)
[![DeepScan grade](https://deepscan.io/api/teams/10074/projects/13644/branches/234929/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=10074&pid=13644&bid=234929)
[![Codacy Badge](https://app.codacy.com/project/badge/Grade/f2e24a98defd4e4fa7f6f24d86b8dab5)](https://www.codacy.com/manual/prabhuignoto/react-chrono?utm_source=github.com&utm_medium=referral&utm_content=prabhuignoto/react-chrono&utm_campaign=Badge_Grade)
[![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/prabhuignoto/float-menu.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/prabhuignoto/float-menu/context:javascript)
![Snyk Vulnerabilities for GitHub Repo](https://img.shields.io/snyk/vulnerabilities/github/prabhuignoto/react-chrono?style=flat)

@@ -13,8 +14,12 @@ [![Depfu](https://badges.depfu.com/badges/48a23a6a830309649b7e516467cd9a48/overview.svg)](https://depfu.com/github/prabhuignoto/react-chrono?project_id=15325)

- **Modes** - Layout the timeline either `Vertically` or `Horizontally` using the `mode` prop.
- **Tree** - In `Tree` mode the timeline cards are alternated between left and right.
- **Slideshow** - Play the timeline automatically with the `slideShow` prop.
- **Keyboard Support** - The timeline can be navigated with the <kbd>UP</kbd> , <kbd>DOWN</kbd> keys in `vertical` or `tree` mode. In `horizontal` mode <kbd>LEFT</kbd> , <kbd>RIGHT</kbd> keys can be used for navigation. Quickly jump to the start or end of the timeline by using the <kbd>HOME</kbd> or <kbd>END</kbd> key.
- **Custom theme** - Customize the colors using the `theme` prop
✅ **Modes** - Layout the timeline either `Vertically` or `Horizontally` using the `mode` prop.
✅ **Tree** - In `Tree` mode the timeline cards are alternated between left and right.
✅ **Slideshow** - Play the timeline automatically with the `slideShow` prop.
✅ **Keyboard Support** - The timeline can be navigated with the <kbd>UP</kbd> , <kbd>DOWN</kbd> keys in `vertical` or `tree` mode. In `horizontal` mode <kbd>LEFT</kbd> , <kbd>RIGHT</kbd> keys can be used for navigation. Quickly jump to the start or end of the timeline by using the <kbd>HOME</kbd> or <kbd>END</kbd> key.
✅ **Custom theme** - Customize the colors using the `theme` prop
## Installation

@@ -26,3 +31,3 @@

## Getting Started
## 🚀 Getting Started

@@ -61,3 +66,3 @@ Please make sure you wrap the component in a container that has a width and height. When no `mode` is specified, the component defaults to `HORIZONTAL`.

### Tree
### Tree

@@ -64,0 +69,0 @@ ```sh

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