react-alice-carousel - npm Package Compare versions

Comparing version 1.13.11 to 1.13.12

lib/types/react-alice-carousel.d.ts

@@ -1,43 +0,166 @@
-// Type definitions for react-alice-carousel 1.12
+// Type definitions for react-alice-carousel 1.13
 // Project: https://github.com/maxmarinich/react-alice-carousel
 // Definitions by: endigo <https://github.com/endigo>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
-// TypeScript Version: 2.3
+// TypeScript Version: 2.8
 
-import * as React from 'react'
+import * as React from "react";
 
 export interface EventObject {
-  item: number
-  slide: number
-  itemsInSlide: number
+  item: number;
+  slide: number;
+  itemsInSlide: number;
 }
 
 export interface Props {
-  items?: Array<{}>
-  onSlideChange?: (e: EventObject) => void
-  onSlideChanged?: (e: EventObject) => void
-  onInitialized?: (e: EventObject) => void
-  onResized?: (e: EventObject) => void
-  keysControlDisabled?: boolean
-  playButtonEnabled?: boolean
-  buttonsDisabled?: boolean
-  dotsDisabled?: boolean
-  swipeDisabled?: boolean
-  responsive?: {}
-  stagePadding?: {}
-  duration?: number
-  startIndex?: number
-  slideToIndex?: number
-  autoPlay?: boolean
-  infinite?: boolean
-  mouseDragEnabled?: boolean
-  fadeOutAnimation?: boolean
-  autoPlayInterval?: number
-  autoPlayDirection?: string
-  disableAutoPlayOnAction?: boolean
-  stopAutoPlayOnHover?: boolean
-  showSlideInfo?: false
-  preventEventOnTouchMove?: false
+  /**
+   * Gallery items, preferable to use this property instead of children
+   *
+   * Default: [].
+   */
+  items?: Array<{}>;
+  /**
+   * Number of items in the slide.
+   *
+   * Default: {}.
+   */
+  responsive?: {};
+  /**
+   * Padding left and right on the stage
+   *
+   * Default: {}.
+   */
+  stagePadding?: {};
+  /**
+   * Disable keys controls (left, right, space)
+   *
+   * Default: false.
+   */
+  keysControlDisabled?: boolean;
+  /**
+   * Disable play/pause button
+   *
+   * Default: false.
+   */
+  playButtonEnabled?: boolean;
+  /**
+   * Disable buttons control
+   *
+   * Default: false.
+   */
+  buttonsDisabled?: boolean;
+  /**
+   * Disable dots navigation
+   *
+   * Default: false.
+   */
+  dotsDisabled?: boolean;
+  /**
+   * Disable swipe handlers
+   *
+   * Default: false.
+   */
+  swipeDisabled?: boolean;
+  /**
+   * Duration of slides transition (milliseconds)
+   *
+   * Default: 250.
+   */
+  duration?: number;
+  /**
+   * The starting index of the carousel
+   *
+   * Default: 0.
+   */
+  startIndex?: number;
+  /**
+   * Sets the carousel at the specified position
+   *
+   * Default: 0.
+   */
+  slideToIndex?: number;
+  /**
+   *  Set auto play mode
+   *
+   * Default: false.
+   */
+  autoPlay?: boolean;
+  /**
+   * Disable infinite mode
+   *
+   * Default: true.
+   */
+  infinite?: boolean;
+  /**
+   * Enable mouse drag animation
+   *
+   * Default: false.
+   */
+  mouseDragEnabled?: boolean;
+  /**
+   * Enable fadeout animation. Fired when 1 item is in the slide
+   *
+   * Default: false.
+   */
+  fadeOutAnimation?: boolean;
+  /**
+   * Interval of auto play animation (milliseconds). If specified, a larger value will be taken from comparing this property and the duration one
+   *
+   * Default: 250.
+   */
+  autoPlayInterval?: number;
+  /**
+   * To run auto play in the left direction specify rtl value
+   *
+   * Default: 'ltr'.
+   */
+  autoPlayDirection?: string;
+  /**
+   * If this property is identified as true auto play animation will be stopped after clicking user on any gallery button
+   *
+   * Default: false.
+   */
+  disableAutoPlayOnAction?: boolean;
+  /**
+   * If this property is identified as true auto play animation will be stopped after clicking user on any gallery button
+   *
+   * Default: false.
+   */
+  autoPlayActionDisabled?: boolean;
+  /**
+   * If this property is identified as false auto play animation won't stopped on hover
+   *
+   * Default: true.
+   */
+  stopAutoPlayOnHover?: boolean;
+  /**
+   * Show slide info
+   *
+   * Default: false.
+   */
+  showSlideInfo?: false;
+  /**
+   * Prevent the browser's touchmove event when carousel is swiping
+   *
+   * Default: false.
+   */
+  preventEventOnTouchMove?: false;
+  /**
+   * Fired when the event object is changing / returns event object
+   */
+  onSlideChange?: (e: EventObject) => void;
+  /**
+   * Fired when the event object was changed / returns event object
+   */
+  onSlideChanged?: (e: EventObject) => void;
+  /**
+   * Fired when the gallery was initialized / returns event object
+   */
+  onInitialized?: (e: EventObject) => void;
+  /**
+   * Fired when the gallery was resized / returns event object
+   */
+  onResized?: (e: EventObject) => void;
 }
 
-export default class Carousel extends React.PureComponent<Props> {}
+export default class ReactAliceCarousel extends React.PureComponent<Props> {}

lib/utils/classnames.js

@@ -15,9 +15,14 @@ 'use strict';
       items = state.items,
+      infinite = state.infinite,
       _state$stagePadding = state.stagePadding,
       stagePadding = _state$stagePadding === undefined ? {} : _state$stagePadding;
 
-  if (stagePadding.paddingLeft || stagePadding.paddingRight) {
+
+  if (infinite && (stagePadding.paddingLeft || stagePadding.paddingRight)) {
     currentIndex += 1;
   }
-  return currentIndex + items === i;
+
+  var index = currentIndex + items;
+
+  return i >= index && i < index + items;
 };
@@ -24,0 +29,0 @@

package.json

 {
   "name": "react-alice-carousel",
-  "version": "1.13.11",
+  "version": "1.13.12",
   "description": "React image gallery, react slideshow carousel, react content rotator",
@@ -80,2 +80,3 @@ "main": "./lib/react-alice-carousel",
     "prop-types": "^15.5.10",
+    "react-alice-carousel": "^1.13.7",
     "react-swipeable": "4.3.0"
@@ -82,0 +83,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

98060

increased by2.75%

Lines of code

1899

increased by7.05%

Worsened metrics

Dependency count

4

increased by33.33%

Dependency changes

• + Addedreact-alice-carousel@^1.13.7