imageslider-next 1.1.11 → 1.2.0

package/README.md

@@ -34,7 +34,7 @@ const config: Config = {
 ```ts
 
 <div className="relative flex items-center justify-center">
-  <ImageSliderNext data={imageData} sliderClassName={"w-full shadow-md h-48 sm:h-64 xl:h-80 2xl:h-96 rounded-lg"} slideClassName={""} buttonClassName={""} imageHeight={300} imageWidth={500} />
+  <ImageSliderNext data={imageData} sliderClassName={"w-full shadow-md h-48 sm:h-64 xl:h-80 2xl:h-96 rounded-lg"} slideClassName={""} buttonClassName={"w-3 h-3 rounded-full bg-black/50"} buttonLabelClassName={"hidden"} imageHeight={300} imageWidth={500} />
 </div>
 
 ```

package/dist/imageslider-next.js

@@ -15,15 +15,14 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-//import 'tailwindcss/tailwind.css';
-
 var ImageSliderNext = function ImageSliderNext(_ref) {
   var data = _ref.data,
     sliderClassName = _ref.sliderClassName,
     slideClassName = _ref.slideClassName,
     buttonClassName = _ref.buttonClassName,
     imageWidth = _ref.imageWidth,
-    imageHeight = _ref.imageHeight;
+    imageHeight = _ref.imageHeight,
+    buttonLabelClassName = _ref.buttonLabelClassName;
   var _useState = (0, _react.useState)(0),
     _useState2 = _slicedToArray(_useState, 2),
     current = _useState2[0],
@@ -58,6 +57,8 @@ var ImageSliderNext = function ImageSliderNext(_ref) {
   }, [current, slides]);
   var baseSliderCssClass = "overflow-hidden relative flex items-center justify-center";
   var baseSlideCssClass = "slide flex-none w-full h-full items-center justify-center overflow-hidden";
+  var baseButtonCssClass = buttonClassName === "" ? "w-3 h-3 rounded-full bg-black/50" : buttonClassName;
+  var baseButtonLabelCssClass = buttonLabelClassName === null ? "" : buttonLabelClassName;
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "".concat(baseSliderCssClass, " ").concat(sliderClassName),
     id: "slider"
@@ -80,11 +81,13 @@ var ImageSliderNext = function ImageSliderNext(_ref) {
       onClick: function onClick() {
         return goToNext(index);
       },
-      className: "w-3 h-3 rounded-full bg-black/50",
+      className: baseButtonCssClass,
       "aria-current": "false",
       "aria-label": itemData.title,
       key: index
-    });
+    }, /*#__PURE__*/_react["default"].createElement("span", {
+      className: baseButtonLabelCssClass
+    }, itemData.title));
   })), /*#__PURE__*/_react["default"].createElement("button", {
     onClick: handlePrev,
     className: "absolute left-0 p-4 cursor-pointer group focus:outline-none"

package/dist/imageslider-next.stories.js

@@ -35,7 +35,8 @@ Default.args = {
   ],
   sliderClassName: 'm-5 shadow-md h-[60vh] rounded-lg',
   slideClassName: '',
-  buttonClassName: '',
+  buttonClassName: 'w-3 h-3 rounded-full bg-slate-500',
+  buttonLabelClassName: 'hidden',
   imageWidth: 500,
   imageHeight: 300
 };

package/dist/types/src/imageslider-next.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imageslider-next.d.ts","sourceRoot":"","sources":["../../../src/imageslider-next.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAItD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwE/C,CAAA;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"imageslider-next.d.ts","sourceRoot":"","sources":["../../../src/imageslider-next.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGtD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8E/C,CAAA;AAED,eAAe,eAAe,CAAC"}

package/dist/types/src/imagesliderprops.d.ts

@@ -10,5 +10,6 @@ export interface ImageSliderProps {
     buttonClassName: string;
     imageWidth: number;
     imageHeight: number;
+    buttonLabelClassName?: string | null;
 }
 //# sourceMappingURL=imagesliderprops.d.ts.map

package/dist/types/src/imagesliderprops.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"imagesliderprops.d.ts","sourceRoot":"","sources":["../../../src/imagesliderprops.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAEH,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"imagesliderprops.d.ts","sourceRoot":"","sources":["../../../src/imagesliderprops.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,QAAQ;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAEH,MAAM,WAAW,gBAAgB;IAC7B,IAAI,EAAE,QAAQ,EAAE,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,oBAAoB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACxC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imageslider-next",
-  "version": "1.1.11",
+  "version": "1.2.0",
   "main": "dist/imageslider-next.js",
   "types": "dist/types/src/imageslider-next.d.ts",
   "files": [
@@ -15,7 +15,8 @@
   "keywords": [
     "image slider",
     "tailwindcss",
-    "nextjs"
+    "nextjs",
+    "typescript"
   ],
   "author": "Michael Tang",
   "license": "ISC",