react-chrono - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

dist/components/timeline-elements/timeline-card-content/details-text.d.ts

@@ -0,3 +1,3 @@
+import { TimelineContentModel } from '@models/TimelineContentModel';
 import { ReactNode } from 'react';
-import { TimelineContentModel } from '@models/TimelineContentModel';
 declare const DetailsText: import("react").ForwardRefExoticComponent<Pick<TimelineContentModel, "detailedText" | "timelineContent"> & {
@@ -4,0 +4,0 @@ cardActualHeight?: number;

dist/components/timeline-elements/timeline-card-content/header-footer.model.d.ts

@@ -11,3 +11,3 @@ import { Theme } from '@models/Theme';
     paused: boolean;
-    progressRef: RefObject<HTMLDivElement>;
+    progressRef: RefObject<HTMLProgressElement>;
     remainInterval: number;
@@ -14,0 +14,0 @@ showMore: boolean;

dist/components/timeline-elements/timeline-card-content/timeline-card-content.styles.d.ts

 /// <reference types="react" />
+import { Theme } from '@models/Theme';
 import { TimelineProps } from '@models/TimelineModel';
-import { Theme } from '@models/Theme';
 type ContentT = Pick<TimelineProps, 'theme' | 'slideShow' | 'mode' | 'borderLessCards'>;
@@ -18,2 +18,3 @@ export declare const TimelineItemContentWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {
     $textOverlay?: boolean;
+    $customContent?: boolean;
 } & ContentT>>;
@@ -58,3 +59,3 @@ export declare const TimelineCardHeader: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
 }>>;
-export declare const SlideShowProgressBar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const SlideShowProgressBar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, {
     $color?: string;
@@ -61,0 +62,0 @@ $duration?: number;

dist/components/timeline-vertical/timeline-vertical-shape.styles.d.ts

@@ -7,4 +7,4 @@ /// <reference types="react" />
 }>>;
-export declare const TimelinePointContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const TimelinePointContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     $hide?: boolean;
 }>>;

dist/components/timeline-vertical/timeline-vertical.styles.d.ts

@@ -5,3 +5,3 @@ /// <reference types="react" />
 export declare const TimelineVerticalWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const VerticalItemWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const VerticalItemWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
     $alternateCards?: boolean;
@@ -8,0 +8,0 @@ $cardHeight?: number;

dist/models/TimelineMediaModel.d.ts

@@ -44,3 +44,3 @@ import { ForwardRefExoticComponent, ReactNode } from 'react';
     paused?: boolean;
-    progressRef?: React.RefObject<HTMLDivElement>;
+    progressRef?: React.RefObject<HTMLProgressElement>;
     remainInterval?: number;
@@ -47,0 +47,0 @@ resuming?: boolean;

dist/README.md

@@ -622,4 +622,4 @@ <div align="center">
 
-- [Horizontal Collection](https://5f985eb478dcb00022cfd60e-hqwgomhkqw.chromatic.com/?path=/story/example-horizontal--horizontal-timeline)
-- [Vertical Collection](https://5f985eb478dcb00022cfd60e-hqwgomhkqw.chromatic.com/?path=/story/example-vertical--vertical-basic)
+- [Horizontal Collection](https://5f985eb478dcb00022cfd60e-oihbvdsnij.chromatic.com/?path=/story/example-horizontal--horizontal-timeline)
+- [Vertical Collection](https://5f985eb478dcb00022cfd60e-oihbvdsnij.chromatic.com/?path=/story/example-vertical--vertical-basic)
 
@@ -626,0 +626,0 @@ ## 🔨Build Setup

dist/utils/index.d.ts

 import { SlideShowType, TimelineMode } from '@models/TimelineModel';
-export declare const uniqueID: () => string;
 export declare const hexToRGBA: (hex: string, alpha: number) => string;
@@ -27,1 +26,2 @@ export declare const getDefaultThemeOrDark: (isDark?: boolean) => import("../models/Theme").Theme;
 export declare const sanitizeHtmlText: (text: string | string[]) => string | string[];
+export declare const getUniqueID: () => string;

package.json

 {
   "name": "react-chrono",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "license": "MIT",
@@ -33,6 +33,7 @@ "description": "A Modern Timeline component for React",
     "prepare": "husky install",
-    "dev": "vite --config vite.config.ts --host",
+    "dev": "vite --config vite.config.mts --host",
     "clean": "npx concurrently \"pnpm format\" \"pnpm lint:all\"",
-    "test": "vitest --config vitest.config.ts",
-    "vite:build": "vite build --config vite.config.ts",
+    "test": "vitest --config vitest.config.mts",
+    "test-ui": "vitest --config vitest.config.mts --ui",
+    "vite:build": "vite build --config vite.config.mts",
     "coveralls": "pnpx coveralls < coverage/lcov.info",
@@ -46,3 +47,3 @@ "size-limit": "pnpm rollup && pnpm size-limit",
     "focus-visible": "^5.2.0",
-    "styled-components": "^6.1.6",
+    "styled-components": "^6.1.8",
     "xss": "^1.0.14"
@@ -63,3 +64,3 @@ },
     "@babel/plugin-transform-typescript": "^7.23.6",
-    "@babel/preset-env": "^7.23.7",
+    "@babel/preset-env": "^7.23.8",
     "@babel/preset-react": "^7.23.3",
@@ -75,5 +76,5 @@ "@babel/preset-typescript": "^7.23.3",
     "@rollup/plugin-terser": "^0.4.4",
-    "@size-limit/preset-big-lib": "^11.0.1",
+    "@size-limit/preset-big-lib": "^11.0.2",
     "@stylelint/postcss-css-in-js": "^0.38.0",
-    "@testing-library/dom": "^9.3.3",
+    "@testing-library/dom": "^9.3.4",
     "@testing-library/jest-dom": "^6.2.0",
@@ -84,4 +85,4 @@ "@testing-library/react": "^14.1.2",
     "@types/jest": "^29.5.11",
-    "@types/node": "^20.10.6",
-    "@types/react": "^18.2.47",
+    "@types/node": "^20.11.4",
+    "@types/react": "^18.2.48",
     "@types/react-dom": "^18.2.18",
@@ -92,12 +93,13 @@ "@types/react-router-dom": "^5.3.3",
     "@types/testing-library__jest-dom": "^6.0.0",
-    "@typescript-eslint/eslint-plugin": "^6.18.0",
-    "@typescript-eslint/parser": "^6.18.0",
+    "@typescript-eslint/eslint-plugin": "^6.19.0",
+    "@typescript-eslint/parser": "^6.19.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "@vitest/coverage-v8": "^1.1.3",
+    "@vitest/coverage-v8": "^1.2.0",
+    "@vitest/ui": "^1.2.0",
     "autoprefixer": "^10.4.16",
     "babel-loader": "^9.1.3",
     "babel-plugin-styled-components": "^2.1.4",
-    "c8": "^9.0.0",
+    "c8": "^9.1.0",
     "cssnano": "^6.0.3",
-    "cypress": "13.6.2",
+    "cypress": "13.6.3",
     "eslint": "^8.56.0",
@@ -112,3 +114,3 @@ "eslint-config-prettier": "^9.1.0",
     "intersection-observer": "^0.12.2",
-    "jsdom": "^23.1.0",
+    "jsdom": "^23.2.0",
     "lint-staged": "^15.2.0",
@@ -118,10 +120,10 @@ "postcss": "^8.4.33",
     "postcss-syntax": "^0.36.2",
-    "prettier": "^3.1.1",
-    "pretty-quick": "^3.1.3",
+    "prettier": "^3.2.3",
+    "pretty-quick": "^3.2.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-is": "^18.2.0",
-    "react-router-dom": "^6.21.1",
+    "react-router-dom": "^6.21.2",
     "rimraf": "^5.0.5",
-    "rollup": "^4.9.4",
+    "rollup": "^4.9.5",
     "rollup-plugin-analyzer": "^4.0.0",
@@ -135,4 +137,4 @@ "rollup-plugin-copy": "^3.5.0",
     "semver": "^7.5.4",
-    "size-limit": "^11.0.1",
-    "snyk": "^1.1267.0",
+    "size-limit": "^11.0.2",
+    "snyk": "^1.1269.0",
     "start-server-and-test": "^2.0.3",
@@ -147,4 +149,4 @@ "stylelint": "^16.1.0",
     "vite": "^5.0.11",
-    "vite-tsconfig-paths": "^4.2.3",
-    "vitest": "^1.1.3"
+    "vite-tsconfig-paths": "^4.3.1",
+    "vitest": "^1.2.0"
   },
@@ -151,0 +153,0 @@ "resolutions": {

README.md

@@ -622,4 +622,4 @@ <div align="center">
 
-- [Horizontal Collection](https://5f985eb478dcb00022cfd60e-hqwgomhkqw.chromatic.com/?path=/story/example-horizontal--horizontal-timeline)
-- [Vertical Collection](https://5f985eb478dcb00022cfd60e-hqwgomhkqw.chromatic.com/?path=/story/example-vertical--vertical-basic)
+- [Horizontal Collection](https://5f985eb478dcb00022cfd60e-oihbvdsnij.chromatic.com/?path=/story/example-horizontal--horizontal-timeline)
+- [Vertical Collection](https://5f985eb478dcb00022cfd60e-oihbvdsnij.chromatic.com/?path=/story/example-vertical--vertical-basic)
 
@@ -626,0 +626,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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

525197

increased by0.11%

Lines of code

2669

increased by0.07%

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Dev dependency count

84

increased by1.2%

Dependency changes

• Updatedstyled-components@^6.1.8