[muzi] update react-swift-slider lib ✊

lib/react-swift-slider/Control.js

@@ -24,9 +24,9 @@ var Control = function Control(_ref) {
       direction = _ref.direction;
 
   if (direction === DIRECTION.prev) {
-    return _react2.default.createElement("div", { className: "prev", onClick: onPressPrev });
+    return _react2.default.createElement("div", { className: "swift-slider-prev", onClick: onPressPrev });
   } else {
-    return _react2.default.createElement("div", { className: "next", onClick: onPressNext });
+    return _react2.default.createElement("div", { className: "swift-slider-next", onClick: onPressNext });
   }
 };
 

lib/react-swift-slider/Dot.js

@@ -24,7 +24,7 @@ var Dot = function Dot(_ref) {
       return _onClick(idx);
     },
     style: { background: active ? activeDotColor : dotColor },
-    className: "dot"
+    className: "swift-slider-dot"
   });
 };
 exports.default = Dot;

lib/react-swift-slider/Slide.js

@@ -10,6 +10,10 @@ var _react = require("react");
 
 var _react2 = _interopRequireDefault(_react);
 
+var _propTypes = require("prop-types");
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
 require("./assets/sass/react-swift-slide.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -36,7 +40,7 @@ var Slide = function (_Component) {
           src = _props.src,
           active = _props.active;
 
-      var selectedClass = active ? "slide active" : "slide";
+      var selectedClass = active ? "swift-slider-slide swift-slider-active" : "swift-slider-slide";
       return _react2.default.createElement("li", {
         className: selectedClass,
         style: { backgroundImage: "url(" + src + ")" }
@@ -47,4 +51,9 @@ var Slide = function (_Component) {
   return Slide;
 }(_react.Component);
 
+Slide.propTypes = {
+  src: _propTypes2.default.string.isRequired,
+  active: _propTypes2.default.bool.isRequired
+};
+
 exports.default = Slide;

lib/react-swift-slider/Slider.js

@@ -104,10 +104,10 @@ var Slider = function (_Component) {
 
       return _react2.default.createElement(
         "div",
-        { className: "container" },
+        { className: "swift-slider-container" },
         _react2.default.createElement(
           "ul",
-          { className: "slides", style: { height: height } },
+          { className: "swift-slider-slides", style: { height: height } },
           data.map(function (item, i) {
             return _react2.default.createElement(_Slide2.default, {
               active: i === _this2.state.currentSlide,
@@ -118,7 +118,7 @@ var Slider = function (_Component) {
         ),
         showDots ? _react2.default.createElement(
           "ul",
-          { className: "dots" },
+          { className: "swift-slider-dots" },
           data.map(function (item, i) {
             return _react2.default.createElement(_Dot2.default, {
               activeDotColor: activeDotColor,

lib/react-swift-slider/assets/sass/react-swift-control.css

@@ -1,4 +1,4 @@
-.prev {
+.swift-slider-prev {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -12,7 +12,7 @@
   width: 30%;
   cursor: pointer; }
 
-.next {
+.swift-slider-next {
   position: absolute;
   top: 0;
   bottom: 0;
@@ -25,5 +25,3 @@
   padding: 0 2rem;
   width: 30%;
   cursor: pointer; }
-
-/*# sourceMappingURL=react-swift-control.css.map */

lib/react-swift-slider/assets/sass/react-swift-control.scss

@@ -1,5 +1,5 @@
 
-.prev {
+.swift-slider-prev {
     position: absolute;
     top:0;
     bottom:0;
@@ -14,7 +14,7 @@
     cursor: pointer;
   }
 
-.next {
+.swift-slider-next {
   position: absolute;
   top:0;
   bottom:0;

lib/react-swift-slider/assets/sass/react-swift-dot.css

@@ -1,8 +1,6 @@
-.dot {
+.swift-slider-dot {
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 20px;
   margin: 0 1rem;
   cursor: pointer; }
-
-/*# sourceMappingURL=react-swift-dot.css.map */

lib/react-swift-slider/assets/sass/react-swift-dot.scss

@@ -1,4 +1,4 @@
-.dot {
+.swift-slider-dot {
   width: 0.5rem;
   height: 0.5rem;
   border-radius: 20px;

lib/react-swift-slider/assets/sass/react-swift-slide.css

@@ -1,4 +1,4 @@
-.slide {
+.swift-slider-slide {
   background-position: center;
   background-size: cover;
   position: absolute;
@@ -10,12 +10,10 @@
   zIndex: 1;
   transition: opacity 1s; }
 
-.active {
+.swift-slider-active {
   opacity: 1;
   z-index: 2; }
 
-.image {
+.swift-slider-image {
   max-width: 300px;
   margin-right: 2rem; }
-
-/*# sourceMappingURL=react-swift-slide.css.map */

lib/react-swift-slider/assets/sass/react-swift-slide.scss

@@ -1,4 +1,4 @@
-.slide {
+.swift-slider-slide {
   background-position: center;
   background-size: cover;
   position: absolute;
@@ -11,12 +11,12 @@
   transition: opacity 1s
 };
 
-.active {
+.swift-slider-active {
   opacity: 1;
   z-index: 2;
 };
 
-.image {
+.swift-slider-image {
   max-width: 300px;
   margin-right: 2rem;
 }

lib/react-swift-slider/assets/sass/react-swift-slider.css

@@ -1,32 +1,28 @@
-.container {
+.swift-slider-container {
   position: relative;
   height: 450px; }
   @media (max-width: 600px) {
-    .container {
+    .swift-slider-container {
       height: 250px; } }
+  .swift-slider-container .swift-slider-slides {
+    position: relative;
+    padding: 0;
+    margin: 0;
+    list-style: none; }
+    @media (max-width: 600px) {
+      .swift-slider-container .swift-slider-slides {
+        height: 250px; } }
+  .swift-slider-container .swift-slider-dots {
+    list-style: none;
+    margin: 1.7rem 0;
+    padding: 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: center; }
+    @media (max-width: 600px) {
+      .swift-slider-container .swift-slider-dots {
+        margin: 1rem 0; } }
 
 .row {
   display: flex;
   flex-direction: row; }
-
-.slides {
-  position: relative;
-  padding: 0;
-  margin: 0;
-  list-style: none; }
-  @media (max-width: 600px) {
-    .slides {
-      height: 250px; } }
-
-.dots {
-  list-style: none;
-  margin: 1.7rem 0;
-  padding: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center; }
-  @media (max-width: 600px) {
-    .dots {
-      margin: 1rem 0; } }
-
-/*# sourceMappingURL=react-swift-slider.css.map */

lib/react-swift-slider/assets/sass/react-swift-slider.scss

@@ -1,34 +1,36 @@
-.container {
+.swift-slider-container {
   position: relative;
   height: 450px;
   @media (max-width: 600px) {
     height: 250px;
   }
+
+  .swift-slider-slides {
+    position: relative;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    @media (max-width: 600px) {
+      height: 250px;
+    }
+  }
+
+  .swift-slider-dots {
+    list-style: none;
+    margin: 1.7rem 0;
+    padding: 0;
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    @media (max-width: 600px) {
+      margin: 1rem 0;
+    }
+  }
 }
 
 .row {
   display: flex;
   flex-direction: row
 }
 
-.slides {
-  position: relative;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-  @media (max-width: 600px) {
-    height: 250px;
-  }
-}
 
-.dots {
-  list-style: none;
-  margin: 1.7rem 0;
-  padding: 0;
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  @media (max-width: 600px) {
-    margin: 1rem 0;
-  }
-}