Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

nuka-carousel

Package Overview
Dependencies
Maintainers
27
Versions
145
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

nuka-carousel - npm Package Compare versions

Comparing version 5.1.3 to 5.2.0

es/announce-slide.js

88

package.json
{
"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 @@

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc