cmspageblocks 1.0.40 → 1.0.43

package/build/index.js

@@ -3517,22 +3517,21 @@ var NewGallery = styled__default["default"].div(_templateObject3$1 || (_template
 
 function CustomSlider(_ref) {
   var options = _ref.options;
-  var content = options.content;
+  options.content;
   return /*#__PURE__*/React__default["default"].createElement(SliderContainer, null, /*#__PURE__*/React__default["default"].createElement(js.Carousel, {
     showThumbs: false,
     swipeable: true,
-    showStatus: false,
+    showStatus: true,
     dynamicHeight: false,
+    showArrows: true,
     width: "100%",
-    showIndicators: content.length > 1 ? true : false,
-    centerSlidePercentage: 50
+    infiniteLoop: true,
+    emulateTouch: true,
+    interval: 2000 // showIndicators={content.length > 1 ? true : false}
+
   }, options.content.map(function (slide, index) {
-    if (!slide.active) return;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: index,
-      style: {
-        height: options.height ? parseInt(options.height) : 600
-      },
       dangerouslySetInnerHTML: {
         __html: slide.content
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cmspageblocks",
-  "version": "1.0.40",
+  "version": "1.0.43",
   "description": "",
   "main": "build/index.js",
   "repository": {

package/src/components/BlockTypes/CustomSlider.js

@@ -8,21 +8,20 @@ export default function CustomSlider({ options }) {
     <SliderContainer>
       <Carousel
         showThumbs={false}
-        swipeable={true}
-        showStatus={false}
+        swipeable
+        showStatus
         dynamicHeight={false}
+        showArrows
         width="100%"
-        showIndicators={content.length > 1 ? true : false}
-        centerSlidePercentage={50}
+        infiniteLoop
+        emulateTouch
+        interval={2000}
+        // showIndicators={content.length > 1 ? true : false}
       >
         {options.content.map((slide, index) => {
-          if (!slide.active) return;
           return (
             <div
               key={index}
-              style={{
-                height: options.height ? parseInt(options.height) : 600,
-              }}
               dangerouslySetInnerHTML={{ __html: slide.content }}
             ></div>
           );