react-chrono - npm Package Compare versions

Comparing version 1.10.0 to 1.10.1

dist/models/Theme.d.ts

@@ -7,2 +7,3 @@ export interface Theme {
     cardForeColor?: string;
+    titleColor?: string;
 }

dist/models/TimelineModel.d.ts

@@ -139,4 +139,5 @@ /// <reference types="react" />
     onScrollEnd?: () => void;
+    onItemSelected?: (data: TimelineItemModel) => void;
     useReadMore?: boolean;
 }
 export declare type TimelineMode = 'VERTICAL' | 'HORIZONTAL' | 'VERTICAL_ALTERNATING';

package.json

 {
   "name": "react-chrono",
-  "version": "1.10.0",
+  "version": "1.10.1",
   "license": "MIT",
@@ -44,13 +44,13 @@ "description": "A Modern Timeline component for React",
   "devDependencies": {
-    "@babel/core": "^7.14.3",
-    "@babel/plugin-proposal-optional-chaining": "^7.14.2",
-    "@babel/plugin-transform-runtime": "^7.14.3",
-    "@babel/preset-env": "^7.14.2",
-    "@babel/preset-react": "^7.13.13",
-    "@babel/preset-typescript": "^7.13.0",
+    "@babel/core": "^7.14.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.14.5",
+    "@babel/plugin-transform-runtime": "^7.14.5",
+    "@babel/preset-env": "^7.14.7",
+    "@babel/preset-react": "^7.14.5",
+    "@babel/preset-typescript": "^7.14.5",
     "@emotion/babel-plugin": "^11.3.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-commonjs": "^19.0.0",
-    "@rollup/plugin-node-resolve": "^13.0.0",
+    "@rollup/plugin-commonjs": "^19.0.1",
+    "@rollup/plugin-node-resolve": "^13.0.2",
     "@rollup/plugin-strip": "^2.0.1",
@@ -62,24 +62,24 @@ "@snowpack/app-scripts-react": "^2.0.1",
     "@snowpack/web-test-runner-plugin": "^0.2.2",
-    "@testing-library/jest-dom": "^5.12.0",
-    "@testing-library/react": "^11.2.7",
-    "@testing-library/user-event": "^13.1.9",
+    "@testing-library/jest-dom": "^5.14.1",
+    "@testing-library/react": "^12.0.0",
+    "@testing-library/user-event": "^13.2.0",
     "@types/classnames": "^2.3.1",
-    "@types/jest": "^26.0.23",
-    "@types/node": "^15.6.0",
-    "@types/react": "^17.0.6",
-    "@types/react-dom": "^17.0.5",
-    "@types/react-router-dom": "^5.1.7",
-    "@types/snowpack-env": "^2.3.3",
-    "@typescript-eslint/eslint-plugin": "^4.24.0",
-    "@typescript-eslint/parser": "^4.24.0",
+    "@types/jest": "^26.0.24",
+    "@types/node": "^16.3.3",
+    "@types/react": "^17.0.14",
+    "@types/react-dom": "^17.0.9",
+    "@types/react-router-dom": "^5.1.8",
+    "@types/snowpack-env": "^2.3.4",
+    "@typescript-eslint/eslint-plugin": "^4.28.3",
+    "@typescript-eslint/parser": "^4.28.3",
     "babel-loader": "^8.2.2",
-    "cssnano": "^5.0.4",
-    "cypress": "^7.3.0",
-    "eslint": "^7.27.0",
-    "eslint-plugin-react": "^7.23.2",
-    "husky": "^6.0.0",
-    "jest": "^26.6.3",
-    "lint-staged": "^11.0.0",
-    "postcss": "^8.3.0",
-    "prettier": "^2.3.0",
+    "cssnano": "^5.0.6",
+    "cypress": "^7.7.0",
+    "eslint": "^7.31.0",
+    "eslint-plugin-react": "^7.24.0",
+    "husky": "^7.0.1",
+    "jest": "^27.0.6",
+    "lint-staged": "^11.0.1",
+    "postcss": "^8.3.5",
+    "prettier": "^2.3.2",
     "react": "^17.0.2",
@@ -90,8 +90,8 @@ "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
-    "rollup": "^2.48.0",
+    "rollup": "^2.53.2",
     "rollup-plugin-postcss": "^4.0.0",
     "rollup-plugin-terser": "^7.0.2",
     "rollup-plugin-typescript2": "^0.30.0",
-    "snowpack": "^3.5.1",
-    "start-server-and-test": "^1.12.2",
+    "snowpack": "^3.8.2",
+    "start-server-and-test": "^1.12.6",
     "stylelint": "^13.13.1",
@@ -101,4 +101,4 @@ "stylelint-config-recommended": "^5.0.0",
     "stylelint-processor-styled-components": "^1.10.0",
-    "ts-jest": "^26.5.6",
-    "typescript": "^4.2.4"
+    "ts-jest": "^27.0.3",
+    "typescript": "^4.3.5"
   },
@@ -105,0 +105,0 @@ "peerDependencies": {

README.md

@@ -171,2 +171,3 @@ <div align="center">
 | onScrollEnd             | use the `onScrollEnd` to detect the end of the timeline.                              |              |
+| onItemSelected          | callback invoked on a item selection. passes all of the data pertinent to the item.    |              |
 | useReadMore             | enables or disables the read more button. when disabled the card will auto expand to fit the content|    true          |
@@ -401,3 +402,12 @@
 ```sh
-<Chrono items={items}  theme={{primary: "red", secondary: "blue", cardBgColor: "yellow", cardForeColor: "violet" }} />
+<Chrono
+  items={items}
+  theme={{ 
+    primary: "red",
+    secondary: "blue",
+    cardBgColor: "yellow",
+    cardForeColor: "violet",
+    titleColor: "red"
+  }}
+/>
 ```
@@ -404,0 +414,0 @@

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

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

Total package byte prevSize

290515

increased by0.34%

Lines of code

1795

increased by0.22%

Number of lines in readme file

516

increased by1.98%

No dependency changes