nuka-carousel
Advanced tools
Comparing version 5.1.3 to 5.2.0
{ | ||
"name": "nuka-carousel", | ||
"version": "5.1.3", | ||
"version": "5.2.0", | ||
"description": "Pure React Carousel", | ||
"main": "index.js", | ||
"module": "es-v5/index.js", | ||
"jsnext:main": "es-v5/index.js", | ||
"types": "index.d.ts", | ||
"main": "lib/index.js", | ||
"module": "es/index.js", | ||
"jsnext:main": "es/index.js", | ||
"types": "lib/index.d.ts", | ||
"engines": { | ||
"node": ">=12.0.0" | ||
}, | ||
"dependencies": {}, | ||
"devDependencies": { | ||
"@babel/cli": "^7.10.4", | ||
"@babel/core": "^7.10.4", | ||
"@babel/core": "^7.17.2", | ||
"@babel/plugin-proposal-object-rest-spread": "^7.10.4", | ||
@@ -23,9 +22,9 @@ "@babel/plugin-transform-object-assign": "^7.10.4", | ||
"@babel/preset-react": "^7.10.4", | ||
"@storybook/addon-actions": "^6.4.22", | ||
"@storybook/addon-essentials": "^6.4.22", | ||
"@storybook/addon-links": "^6.4.22", | ||
"@storybook/builder-webpack5": "^6.4.22", | ||
"@storybook/manager-webpack5": "^6.4.22", | ||
"@storybook/react": "^6.4.22", | ||
"@types/d3-ease": "^3.0.0", | ||
"@babel/preset-typescript": "^7.16.0", | ||
"@storybook/addon-actions": "^6.5.9", | ||
"@storybook/addon-essentials": "^6.5.9", | ||
"@storybook/addon-links": "^6.5.9", | ||
"@storybook/builder-webpack5": "^6.5.9", | ||
"@storybook/manager-webpack5": "^6.5.9", | ||
"@storybook/react": "^6.5.9", | ||
"@types/exenv": "^1.2.0", | ||
@@ -40,7 +39,5 @@ "@types/react": "^18.0.0", | ||
"cypress": "^9.3.1", | ||
"d3-ease": "^1.0.3", | ||
"enzyme": "^3.3.0", | ||
"enzyme-adapter-react-16": "^1.15.6", | ||
"eslint": "^8.14.0", | ||
"eslint-config-jest-enzyme": "^7.1.2", | ||
"eslint-config-prettier": "^8.5.0", | ||
@@ -52,5 +49,2 @@ "eslint-plugin-cypress": "^2.12.1", | ||
"exenv": "^1.2.0", | ||
"jest": "^24.7.1", | ||
"jest-enzyme": "^7.0.2", | ||
"prettier": "^2.6.2", | ||
"prop-types": "^15.6.0", | ||
@@ -60,2 +54,3 @@ "react": "^18.0.0", | ||
"react-move": "^6.5.0", | ||
"require-from-string": "^2.0.2", | ||
"typescript": "^4.5.2", | ||
@@ -74,31 +69,2 @@ "url-loader": "^4.1.1", | ||
}, | ||
"scripts": { | ||
"build-v5": "builder concurrent --buffer build-v5-lib build-v5-es", | ||
"build-v5-babel": "babel src-v5 --extensions .ts,.tsx", | ||
"build-v5-es": "builder run --env \"{\\\"BABEL_ENV\\\":\\\"esm\\\"}\" build-v5-babel -- -d es-v5", | ||
"build-v5-lib": "builder run build-v5-babel -- -d lib-v5", | ||
"build": "builder concurrent --buffer build-lib build-es", | ||
"build-babel": "babel src", | ||
"build-dist": "webpack --config webpack.dist.config.js --mode production", | ||
"build-es": "builder run --env \"{\\\"BABEL_ENV\\\":\\\"esm\\\"}\" build-babel -- -d es", | ||
"build-lib": "builder run build-babel -- -d lib", | ||
"build-watch": "builder concurrent build-lib build-es -- --watch", | ||
"check": "npm run lint && npm run check-typescript", | ||
"check-typescript": "tsc --noEmit", | ||
"lint": "eslint --ext .js,.ts,.tsx .", | ||
"lint-fix": "eslint --ext .js,.ts,.tsx . --fix", | ||
"prettier": "prettier \"**/*.{js,json,ts,tsx,css,md}\"", | ||
"prettier-fix": "prettier \"**/*.{js,json,ts,tsx,css,md}\" --write", | ||
"preversion": "npm run check", | ||
"start": "webpack-dev-server --mode development", | ||
"start:next": "cd ./examples/nextjs && yarn dev", | ||
"start:next:ci": "cd ./examples/nextjs && yarn install && yarn dev", | ||
"test": "jest test --config jest.unit.config.js", | ||
"test:e2e": "cypress open", | ||
"test:e2e:ci": "cypress run", | ||
"version": "npm run build", | ||
"storybook": "start-storybook -p 6006", | ||
"storybook-build": "build-storybook", | ||
"chromatic": "chromatic --exit-zero-on-changes" | ||
}, | ||
"repository": { | ||
@@ -119,3 +85,25 @@ "type": "git", | ||
"homepage": "https://github.com/FormidableLabs/nuka-carousel", | ||
"sideEffects": false | ||
} | ||
"sideEffects": false, | ||
"dependencies": {}, | ||
"scripts": { | ||
"build": "builder concurrent --buffer build:lib build:es build:ts", | ||
"build:babel": "babel src --extensions .ts,.tsx", | ||
"build:es": "builder run build:babel -- -d es", | ||
"build:lib": "builder run --env \"{\\\"BABEL_ENV\\\":\\\"cjs\\\"}\" build:babel -- -d lib", | ||
"build:ts": "tsc --project tsconfig.json", | ||
"build:watch": "builder concurrent build:lib build:es -- --watch", | ||
"check": "pnpm run lint && pnpm run check:typescript", | ||
"check:typescript": "tsc --noEmit", | ||
"lint": "eslint --ext .js,.ts,.tsx .", | ||
"lint:fix": "eslint --ext .js,.ts,.tsx . --fix", | ||
"prettier": "prettier \"**/*.{js,json,ts,tsx,css,md}\"", | ||
"prettier:fix": "prettier \"**/*.{js,json,ts,tsx,css,md}\" --write", | ||
"preversion": "pnpm run check", | ||
"test:e2e": "cypress open", | ||
"test:e2e:ci": "cypress run", | ||
"package": "pnpm pack", | ||
"storybook": "start-storybook -p 6006", | ||
"storybook:build": "build-storybook", | ||
"chromatic": "chromatic --exit-zero-on-changes" | ||
} | ||
} |
@@ -9,3 +9,3 @@ # nuka-carousel | ||
> If you are looking for v4 documentation, you can find it [here](https://github.com/FormidableLabs/nuka-carousel/blob/main/V4-DOCUMENTATION.md) | ||
> If you are looking for v4 documentation, you can find it [here](https://www.npmjs.com/package/nuka-carousel/v/4.8.4) | ||
### Install | ||
@@ -73,2 +73,3 @@ | ||
| adaptiveHeight | `boolean`| If it's set to true, the carousel will adapt its height to the visible slides. | `false` | | ||
| adaptiveHeightAnimation | `boolean`| Whether to animate height changes when `adaptiveHeight` is enabled | `true` | | ||
| afterSlide | `(index: number) => void`| Hook to be called after a slide is changed. |`() => {}`| | ||
@@ -220,29 +221,3 @@ | animation | `'zoom' \| 'fade'`| Adds a zoom effect on the currently visible slide or change the animation to `fade`. A `transform: scale(0.85)` is set as default when you are using zoom, however, the scale can be customized using `zoomScale` prop. Property is applied on all slides except the current 1. Use `cellAlign` to align the slide with zoom effect where you'd like. || | ||
``` --> | ||
### Depreceted v4 parameters | ||
The following list of parameters are deprecated in v5. The main reason is that there is other approach which you can use to achieve the same thing, without increasing the complexity of the library. For example: `width` the width of the carousel can be easily manipulated by the parent container where developer placed the carousel. We are open for discussions if you really need some of these parameters. Feel free to raise an issue or start discussion in the repository, so we can help. | ||
- autoGenerateStyleTag | ||
- framePadding | ||
- getControlsContainerStyles | ||
- height | ||
- heightMode | ||
- initialSlideHeight | ||
- initialSlideWidth | ||
- slideOffset | ||
- slideWidth | ||
- transitionMode | ||
- width | ||
### New parameters in v5 | ||
- frameAriaLabel - customize the aria-label of the frame container of the carousel. This is useful when you have more than one carousel on the page. (Included in v5.0.3) | ||
- adaptiveHeight - this property is useful if you have slides with different height. The carousel with adapth its height to the slides. Replacement of `heightMode="current"` v4 property. (Included in v5.0.9) | ||
### What about v5.1 | ||
- We created a brand new project for v5.1 where you can see all the new features that will be added and what is their status. [Link](https://github.com/FormidableLabs/nuka-carousel/projects/2) | ||
### Contributing | ||
@@ -249,0 +224,0 @@ |
License Policy Violation
LicenseThis 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 riskPackage 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
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
207124
44
68
3152
231
2