react-chrono - npm Package Compare versions

Comparing version 1.18.0 to 1.19.0

dist/components/timeline-elements/memoized/index.d.ts

 import React from 'react';
 import { Content, Title } from './memoized-model';
-declare const MemoTitle: React.MemoExoticComponent<({ title, url, theme, color, dir, active, fontSize }: Title) => JSX.Element | null>;
+declare const MemoTitle: {
+    ({ title, url, theme, color, dir, active, fontSize, classString, }: Title): JSX.Element | null;
+    displayName: string;
+};
 declare const MemoSubTitle: React.NamedExoticComponent<Content>;
 export { MemoTitle, MemoSubTitle };

dist/components/timeline-elements/memoized/memoized-model.d.ts

 import { Theme } from '../../../models/Theme';
 export interface Title {
     active?: boolean;
+    classString?: string;
     color?: string;
@@ -12,2 +13,3 @@ dir?: string;
 export interface Content {
+    classString?: string;
     color?: string;
@@ -14,0 +16,0 @@ content?: string;

dist/models/TimelineCardTitleModel.d.ts

@@ -5,4 +5,5 @@ import { Theme } from './Theme';
     align?: 'left' | 'right';
+    classString?: string;
     theme?: Theme;
     title?: string;
 }

dist/models/TimelineModel.d.ts

@@ -46,2 +46,11 @@ import { Theme } from './Theme';
     children?: React.ReactElement | React.ReactElement[];
+    classNames?: {
+        card?: string;
+        cardMedia?: string;
+        cardSubTitle?: string;
+        cardText?: string;
+        cardTitle?: string;
+        controls?: string;
+        title?: string;
+    };
     disableAutoScrollOnClick?: boolean;
@@ -63,2 +72,3 @@ disableClickOnCircle?: boolean;
     lineWidth?: number;
+    mediaHeight?: number;
     mode?: TimelineMode;
@@ -65,0 +75,0 @@ onItemSelected?: (data: TimelineItemModel) => void;

package.json

 {
   "name": "react-chrono",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "license": "MIT",
@@ -48,29 +48,29 @@ "description": "A Modern Timeline component for React",
   "devDependencies": {
-    "@babel/core": "^7.18.9",
+    "@babel/core": "^7.18.10",
     "@babel/plugin-proposal-optional-chaining": "^7.18.9",
-    "@babel/plugin-transform-runtime": "^7.18.9",
-    "@babel/plugin-transform-typescript": "^7.18.8",
-    "@babel/preset-env": "^7.18.9",
+    "@babel/plugin-transform-runtime": "^7.18.10",
+    "@babel/plugin-transform-typescript": "^7.18.12",
+    "@babel/preset-env": "^7.18.10",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
-    "@emotion/babel-plugin": "^11.9.5",
+    "@emotion/babel-plugin": "^11.10.0",
     "@jest/types": "^28.1.3",
     "@rollup/plugin-babel": "^5.3.1",
     "@rollup/plugin-buble": "^0.21.3",
-    "@rollup/plugin-commonjs": "^22.0.1",
+    "@rollup/plugin-commonjs": "^22.0.2",
     "@rollup/plugin-node-resolve": "^13.3.0",
     "@rollup/plugin-strip": "^2.1.0",
     "@stylelint/postcss-css-in-js": "^0.38.0",
-    "@testing-library/dom": "^8.16.0",
-    "@testing-library/jest-dom": "^5.16.4",
+    "@testing-library/dom": "^8.17.1",
+    "@testing-library/jest-dom": "^5.16.5",
     "@testing-library/react": "^13.3.0",
-    "@testing-library/user-event": "^14.3.0",
+    "@testing-library/user-event": "^14.4.3",
     "@types/jest": "^28.1.6",
-    "@types/node": "^18.6.3",
-    "@types/react": "^18.0.15",
+    "@types/node": "^18.6.5",
+    "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.25",
-    "@typescript-eslint/eslint-plugin": "^5.31.0",
-    "@typescript-eslint/parser": "^5.31.0",
+    "@typescript-eslint/eslint-plugin": "^5.33.0",
+    "@typescript-eslint/parser": "^5.33.0",
     "@vitejs/plugin-react": "^2.0.0",
@@ -80,4 +80,4 @@ "babel-loader": "^8.2.5",
     "cssnano": "^5.1.12",
-    "cypress": "10.3.1",
-    "eslint": "^8.20.0",
+    "cypress": "10.4.0",
+    "eslint": "^8.21.0",
     "eslint-config-prettier": "^8.5.0",
@@ -92,3 +92,3 @@ "eslint-plugin-import": "^2.26.0",
     "lint-staged": "^13.0.3",
-    "postcss": "^8.4.14",
+    "postcss": "^8.4.16",
     "postcss-syntax": "^0.36.2",
@@ -109,3 +109,3 @@ "prettier": "^2.7.1",
     "rollup-plugin-typescript2": "^0.32.1",
-    "snyk": "^1.981.0",
+    "snyk": "^1.984.0",
     "start-server-and-test": "^1.14.0",
@@ -119,3 +119,3 @@ "stylelint": "^14.8.5",
     "typescript": "^4.7.4",
-    "vite": "^3.0.4",
+    "vite": "^3.0.5",
     "webpack": "^5.74.0"
@@ -122,0 +122,0 @@ },

README.md

@@ -14,3 +14,3 @@ <div align="center">
 ![npm bundle size](https://img.shields.io/bundlephobia/minzip/react-chrono)
-<a href="https://5f985eb478dcb00022cfd60e-ywtootfinv.chromatic.com/?path=/story/example-vertical--vertical-basic" target="_blank"><img src="https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg"></a>
+<a href="https://5f985eb478dcb00022cfd60e-uiaufmxbhf.chromatic.com/?path=/story/example-vertical--vertical-basic" target="_blank"><img src="https://raw.githubusercontent.com/storybooks/brand/master/badge/badge-storybook.svg"></a>
 
@@ -169,4 +169,4 @@ <div>
 | focusActiveItemOnLoad    | Setting this to `true` automatically scrolls and focuses the `activeItemIndex` on load                                                               | false                  |
-| fontSizes                | property to customize the font sizes                                                                                                                 |                        |
-| hideControls             | Hides the navigation controls.                                                                                                                       | false \*\*\*\*         |
+| fontSizes                | Property to customize the font sizes                                                                                                                 |                        |
+| hideControls             | Hides the navigation controls.                                                                                                                       | false                  |
 | itemWidth                | Width of the timeline section in `HORIZONTAL` mode.                                                                                                  | 300                    |
@@ -185,2 +185,4 @@ | items                    | Collection of [Timeline Item Model](#timeline-item-model).                                                                                           | []                     |
 | useReadMore              | Enables or disables the "read more" button. The "read more" button is only available if the text content on the card is taller than the card itself. | true                   |
+| mediaHeight              | Sets the minimum height of the media element. Applicable only when a image or a video is embedded in the card                                        | 200                    |
+| classNames               | Prop to apply custom class names for the different card elements                                                                                     |                        |
 
@@ -498,4 +500,5 @@ ### Mode
 
-- [Horizontal Collection](https://5f985eb478dcb00022cfd60e-ywtootfinv.chromatic.com/?path=/story/example-horizontal--horizontal-timeline)
-- [Vertical Collection](https://5f985eb478dcb00022cfd60e-ywtootfinv.chromatic.com/?path=/story/example-vertical--vertical-basic)
+- [Horizontal Collection](https://5f985eb478dcb00022cfd60e-uiaufmxbhf.chromatic.com/?path=/story/example-horizontal--horizontal-timeline)
+- [Vertical Collection](https://5f985eb478dcb00022cfd60e-uiaufmxbhf.chromatic.com/?path=/story/example-vertical--vertical-basic)
+-
 
@@ -502,0 +505,0 @@ ## 🔨Build Setup

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

341809

increased by0.87%

Lines of code

1732

increased by1.46%

Number of lines in readme file

587

increased by0.51%

No dependency changes