Merge pull request #60 from sag1v/fix-eslint-path

fix eslint path and run it

Author: sag1v

package.json

@@ -14,8 +14,8 @@
   },
   "scripts": {
     "start": "concurrently -r -k -s all \"yarn run test:watch\" \"docz dev\" \"yarn run lint:watch\"",
-    "lint:fix": "eslint src/**/*.js --fix",
-    "lint:watch": "esw --watch --fix src/**/*.js",
+    "lint:fix": "eslint src/**/*/*.js --fix",
+    "lint:watch": "esw --watch --fix src/**/*/*.js",
     "test": "cross-env CI=1 react-scripts test --env=jsdom",
     "test:watch": "react-scripts test --env=jsdom",
     "prebuild": "yarn run lint:fix",

src/docs/components/Button.js

@@ -1,14 +1,14 @@
 import styled from "styled-components";
 export default styled.button`
   background: none;
-  border:none;
+  border: none;
   font-size: 2.5em;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   user-select: none;
-  &:disabled{
+  &:disabled {
     cursor: not-allowed;
   }
 `;

src/react-elastic-carousel/components/Carousel.js

@@ -58,7 +58,7 @@ class Carousel extends React.Component {
       const isOutOfRange = firstItem + itemsToShow > lastIndex;
       if (isOutOfRange) {
         // we are out of boundaries, go "back" to last item of the list (respect itemsToShow)
-        this.goTo(children.length - itemsToShow)
+        this.goTo(children.length - itemsToShow);
       }
     }
   }
@@ -265,8 +265,6 @@ class Carousel extends React.Component {
     return asObj;
   };
 
-
-
   onNextStart = () => {
     const { onNextStart } = this.props;
     const { firstItem } = this.state;
@@ -477,17 +475,24 @@ class Carousel extends React.Component {
         className={`${cssPrefix("carousel-wrapper")} ${className}`}
         style={style}
       >
-        <StyledCarousel className={cssPrefix("carousel")} size={{ height: rootHeight }}>
+        <StyledCarousel
+          className={cssPrefix("carousel")}
+          size={{ height: rootHeight }}
+        >
           <Only when={showArrows}>
             {renderArrow ? (
-              renderArrow({ type: consts.PREV, onClick: this.onPrevStart, isEdge: !canSlidePrev })
+              renderArrow({
+                type: consts.PREV,
+                onClick: this.onPrevStart,
+                isEdge: !canSlidePrev
+              })
             ) : (
-                <Arrow
-                  onClick={this.onPrevStart}
-                  direction={verticalMode ? Arrow.up : Arrow.left}
-                  disabled={disabledPrevArrow}
-                />
-              )}
+              <Arrow
+                onClick={this.onPrevStart}
+                direction={verticalMode ? Arrow.up : Arrow.left}
+                disabled={disabledPrevArrow}
+              />
+            )}
           </Only>
           <SliderContainer
             className={cssPrefix("slider-container")}
@@ -524,14 +529,18 @@ class Carousel extends React.Component {
           </SliderContainer>
           <Only when={showArrows}>
             {renderArrow ? (
-              renderArrow({ type: consts.NEXT, onClick: this.onNextStart, isEdge: !canSlideNext })
+              renderArrow({
+                type: consts.NEXT,
+                onClick: this.onNextStart,
+                isEdge: !canSlideNext
+              })
             ) : (
-                <Arrow
-                  onClick={this.onNextStart}
-                  direction={verticalMode ? Arrow.down : Arrow.right}
-                  disabled={disabledNextArrow}
-                />
-              )}
+              <Arrow
+                onClick={this.onNextStart}
+                direction={verticalMode ? Arrow.down : Arrow.right}
+                disabled={disabledNextArrow}
+              />
+            )}
           </Only>
         </StyledCarousel>
         <Only when={pagination}>
@@ -542,12 +551,12 @@ class Carousel extends React.Component {
               onClick: this.onIndicatorClick
             })
           ) : (
-              <Pagination
-                numOfPages={numOfPages}
-                activePage={activePage}
-                onClick={this.onIndicatorClick}
-              />
-            )}
+            <Pagination
+              numOfPages={numOfPages}
+              activePage={activePage}
+              onClick={this.onIndicatorClick}
+            />
+          )}
         </Only>
       </CarouselWrapper>
     );
@@ -667,10 +676,10 @@ Carousel.propTypes = {
   /** Enable or disable mouse swipe */
   enableMouseSwipe: PropTypes.bool,
 
-  /** Prevent page scroll on touchmove. 
+  /** Prevent page scroll on touchmove.
    * Use this to stop the browser from scrolling while a user swipes.
    * More details: https://github.com/FormidableLabs/react-swipeable#preventdefaulttouchmoveevent-details
-  */
+   */
   preventDefaultTouchmoveEvent: PropTypes.bool,
 
   // auto play
@@ -681,7 +690,7 @@ Carousel.propTypes = {
   autoPlaySpeed: PropTypes.number,
 
   // callbacks
-  /** A callback for the change of an item 
+  /** A callback for the change of an item
    * - onChange(currentItemObject, currentPageIndex) => {} */
   onChange: PropTypes.func,
 

src/react-elastic-carousel/components/Track.js

@@ -36,23 +36,24 @@ const Track = ({
         onClick={onItemClick}
       />
     );
-    const toRender =
-      enableSwipe ? (
-        <Swipeable
-          stopPropagation
-          preventDefaultTouchmoveEvent={preventDefaultTouchmoveEvent}
-          trackMouse={enableMouseSwipe}
-          onSwipedLeft={onSwipedLeft}
-          onSwipedRight={onSwipedRight}
-          onSwipedUp={onSwipedUp}
-          onSwipedDown={onSwipedDown}
-          className={cssPrefix(`swipable-${idx}`)}
-        >
-          {item}
-        </Swipeable>)
-        : item
-    return <div tabIndex={isVisible ? 0 : -1}>{toRender}</div>
-  })
+    const toRender = enableSwipe ? (
+      <Swipeable
+        stopPropagation
+        preventDefaultTouchmoveEvent={preventDefaultTouchmoveEvent}
+        trackMouse={enableMouseSwipe}
+        onSwipedLeft={onSwipedLeft}
+        onSwipedRight={onSwipedRight}
+        onSwipedUp={onSwipedUp}
+        onSwipedDown={onSwipedDown}
+        className={cssPrefix(`swipable-${idx}`)}
+      >
+        {item}
+      </Swipeable>
+    ) : (
+      item
+    );
+    return <div tabIndex={isVisible ? 0 : -1}>{toRender}</div>;
+  });
   return <React.Fragment>{originalChildren}</React.Fragment>;
 };