react-fast-marquee - npm Package Compare versions

Comparing version 1.0.7 to 1.0.8

dist/components/Marquee.d.ts

 import * as React from "react";
 import "./Marquee.scss";
-interface IMarqueeProps {
+interface MarqueeProps {
     /**
      * Inline style for the container div
-     * Value: object
+     * Type: object
      * Default: {}
@@ -12,3 +12,3 @@ */
      * Class name to style the container div
-     * Value: string
+     * Type: string
      * Default: ""
@@ -19,3 +19,3 @@ */
      * Whether to play or pause the marquee
-     * Value: boolean
+     * Type: boolean
      * Default: true
@@ -26,3 +26,3 @@ */
      * Whether to pause the marquee when hovered
-     * Value: boolean
+     * Type: boolean
      * Default: false
@@ -33,3 +33,3 @@ */
      * Whether to pause the marquee when clicked
-     * Value: boolean
+     * Type: boolean
      * Default: false
@@ -40,9 +40,9 @@ */
      * The direction the marquee is sliding
-     * Value: "left" or "right"
+     * Type: "left" or "right"
      * Default: "left"
      */
-    direction: "left" | "right";
+    direction?: "left" | "right";
     /**
      * Speed calculated as pixels/second
-     * Value: number
+     * Type: number
      * Default: 20
@@ -53,3 +53,3 @@ */
      * Duration to delay the animation after render, in seconds
-     * Value: number
+     * Type: number
      * Default: 0
@@ -60,9 +60,9 @@ */
      * Whether to show the gradient or not
-     * Value: boolean
+     * Type: boolean
      * Default: true
      */
-    gradient?: Array<number>;
+    gradient?: boolean;
     /**
      * The rgb color of the gradient as an array of length 3
-     * Value: Array<number> of length 3
+     * Type: Array<number> of length 3
      * Default: [255, 255, 255]
@@ -73,3 +73,3 @@ */
      * The width of the gradient on either side
-     * Value: number or string
+     * Type: string
      * Default: 200
@@ -80,3 +80,3 @@ */
      * The children rendered inside the marquee
-     * Value: ReactNode
+     * Type: ReactNode
      * Default: null
@@ -86,3 +86,3 @@ */
 }
-declare const Marquee: React.FC<IMarqueeProps>;
+declare const Marquee: React.FC<MarqueeProps>;
 export default Marquee;

dist/index.js

@@ -74,3 +74,5 @@
                 _c["--gradient-color"] = rgbaGradientColor + ", 1), " + rgbaGradientColor + ", 0)",
-                _c["--gradient-width"] = typeof gradientWidth === "number" ? gradientWidth + "px" : gradientWidth,
+                _c["--gradient-width"] = typeof gradientWidth === "number"
+                    ? gradientWidth + "px"
+                    : gradientWidth,
                 _c), className: "overlay" })),
@@ -77,0 +79,0 @@ React.createElement("div", { ref: marqueeRef, style: (_d = {},

package.json

 {
   "name": "react-fast-marquee",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "description": "A lightweight React component that utilizes the power of CSS animations to create silky smooth marquees.",
@@ -9,4 +9,35 @@ "main": "dist/index.js",
     "start": "rollup -c -w",
-    "lint": "eslint \"src/**/*.{js,tsx}\" --fix --quiet"
+    "lint": "eslint \"src/**/*.{js,tsx}\" --fix --quiet",
+    "pretest": "npm run lint",
+    "test": "node ./__tests__/tests.js",
+    "no-watch-test": "node ./__tests__/tests.js --no-watch"
   },
+  "jest": {
+    "globals": {
+      "ts-jest": {}
+    },
+    "transform": {
+      "^.+\\.js$": "<rootDir>/node_modules/babel-jest",
+      "^.+\\.tsx?$": "ts-jest"
+    },
+    "testMatch": [
+      "**/?(*.)+(spec|test).js?(x)"
+    ],
+    "moduleNameMapper": {
+      "\\.(scss)$": "<rootDir>/__tests__/styleMock.js",
+      "^(components/.+)$": "<rootDir>/src/$1/"
+    },
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js",
+      "jsx"
+    ],
+    "automock": false,
+    "setupFiles": [
+      "./__tests__/setupJest.js"
+    ],
+    "coverageDirectory": "./coverage/",
+    "collectCoverage": true
+  },
   "repository": {
@@ -32,2 +63,8 @@ "type": "git",
   "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-react": "^7.12.10",
+    "@babel/preset-typescript": "^7.12.7",
+    "@types/enzyme-adapter-react-16": "^1.0.6",
+    "@types/jest": "^26.0.20",
     "@types/react": "^16.9.52",
@@ -39,2 +76,4 @@ "@types/react-dom": "^16.9.8",
     "babel-runtime": "^6.26.0",
+    "enzyme": "^3.11.0",
+    "enzyme-adapter-react-16": "^1.15.5",
     "eslint": "^7.11.0",
@@ -44,8 +83,12 @@ "eslint-config-prettier": "^6.13.0",
     "eslint-plugin-react": "^7.21.4",
+    "jest": "^26.6.3",
+    "jest-fetch-mock": "^3.0.3",
     "prettier": "^2.1.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
+    "react-test-renderer": "^16.14.0",
     "rollup": "^2.31.0",
     "rollup-plugin-sass": "^1.2.2",
     "rollup-plugin-typescript2": "^0.27.3",
+    "ts-jest": "^26.4.4",
     "typescript": "^4.0.3"
@@ -57,3 +100,2 @@ },
   },
-  "dependencies": {},
   "husky": {
@@ -74,3 +116,6 @@ "hooks": {
     "example": "examples"
+  },
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.11.9"
   }
 }

README.md

@@ -6,3 +6,5 @@ # React Fast Marquee
 [![npm](https://img.shields.io/npm/v/react-fast-marquee.svg)](https://www.npmjs.com/package/react-fast-marquee)
-[![npm downloads](https://img.shields.io/npm/dw/react-fast-marquee.svg)](https://www.npmjs.com/package/react-fast-marquee)
+[![npm downloads](https://img.shields.io/npm/dt/react-fast-marquee.svg)](https://www.npmjs.com/package/react-fast-marquee)
+[![justin-chu](https://circleci.com/gh/justin-chu/react-fast-marquee.svg?style=svg)](https://circleci.com/gh/justin-chu/react-fast-marquee)
+[![codecov](https://codecov.io/gh/justin-chu/react-fast-marquee/branch/master/graph/badge.svg?token=52Q4YZYFME)](https://codecov.io/gh/justin-chu/react-fast-marquee)
 [![npm license](https://img.shields.io/npm/l/react-fast-marquee.svg)](https://www.npmjs.com/package/react-fast-marquee)
@@ -9,0 +11,0 @@ [![npm bundle size](https://img.shields.io/bundlephobia/min/react-fast-marquee.svg)](https://bundlephobia.com/result?p=react-fast-marquee)

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

23256

Number of lines in readme file

86

increased by2.38%

Worsened metrics

Dependency count

3

increased by50%

Dev dependency count

29

increased by70.59%

Number of package files

7

decreased by-30%

Lines of code

168

decreased by-20.75%

Dependency changes

• + Added@testing-library/jest-dom@^5.11.9

• + Added@adobe/css-tools@4.4.0(transitive)

• + Added@babel/code-frame@7.24.7(transitive)

• + Added@babel/helper-validator-identifier@7.24.7(transitive)

• + Added@babel/highlight@7.24.7(transitive)

• + Added@babel/runtime@7.25.6(transitive)

• + Added@jest/expect-utils@29.7.0(transitive)

• + Added@jest/schemas@29.6.3(transitive)

• + Added@jest/types@29.6.3(transitive)

• + Added@sinclair/typebox@0.27.8(transitive)

• + Added@testing-library/jest-dom@5.17.0(transitive)

• + Added@types/istanbul-lib-coverage@2.0.6(transitive)

• + Added@types/istanbul-lib-report@3.0.3(transitive)

• + Added@types/istanbul-reports@3.0.4(transitive)

• + Added@types/jest@29.5.13(transitive)

• + Added@types/node@22.5.5(transitive)

• + Added@types/stack-utils@2.0.3(transitive)

• + Added@types/testing-library__jest-dom@5.14.9(transitive)

• + Added@types/yargs@17.0.33(transitive)

• + Added@types/yargs-parser@21.0.3(transitive)

• + Addedansi-styles@3.2.14.3.05.2.0(transitive)

• + Addedaria-query@5.3.2(transitive)

• + Addedbraces@3.0.3(transitive)

• + Addedchalk@2.4.23.0.04.1.2(transitive)

• + Addedci-info@3.9.0(transitive)

• + Addedcolor-convert@1.9.32.0.1(transitive)

• + Addedcolor-name@1.1.31.1.4(transitive)

• + Addedcss.escape@1.5.1(transitive)

• + Addeddiff-sequences@29.6.3(transitive)

• + Addeddom-accessibility-api@0.5.16(transitive)

• + Addedescape-string-regexp@1.0.52.0.0(transitive)

• + Addedexpect@29.7.0(transitive)

• + Addedfill-range@7.1.1(transitive)

• + Addedgraceful-fs@4.2.11(transitive)

• + Addedhas-flag@3.0.04.0.0(transitive)

• + Addedindent-string@4.0.0(transitive)

• + Addedis-number@7.0.0(transitive)

• + Addedjest-diff@29.7.0(transitive)

• + Addedjest-get-type@29.6.3(transitive)

• + Addedjest-matcher-utils@29.7.0(transitive)

• + Addedjest-message-util@29.7.0(transitive)

• + Addedjest-util@29.7.0(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addedmicromatch@4.0.8(transitive)

• + Addedmin-indent@1.0.1(transitive)

• + Addedpicocolors@1.1.0(transitive)

• + Addedpicomatch@2.3.1(transitive)

• + Addedpretty-format@29.7.0(transitive)

• + Addedreact-is@18.3.1(transitive)

• + Addedredent@3.0.0(transitive)

• + Addedregenerator-runtime@0.14.1(transitive)

• + Addedslash@3.0.0(transitive)

• + Addedstack-utils@2.0.6(transitive)

• + Addedstrip-indent@3.0.0(transitive)

• + Addedsupports-color@5.5.07.2.0(transitive)

• + Addedto-regex-range@5.0.1(transitive)

• + Addedundici-types@6.19.8(transitive)