trepur_components 0.3.1 → 0.3.4

package/dist/components/CarouselV2/index.js

@@ -25,6 +25,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 //https://keen-slider.io/docs#usage-in-react
 const CarouselV2 = _ref => {
+  var _instanceRef$current3, _instanceRef$current4, _instanceRef$current5, _instanceRef$current6, _instanceRef$current7, _instanceRef$current8, _instanceRef$current9, _instanceRef$current10;
+
   let {
     id,
     classes,
@@ -65,7 +67,7 @@ const CarouselV2 = _ref => {
     dots
   } = _ref;
   const classList = "".concat(classes);
-  const dotClasses = "w-4 h-4 cursor-pointer focus:".concat(dots.activeColours, " rounded-full mx-1 ");
+  const dotClasses = "w-4 h-4 cursor-pointer focus:".concat(dots === null || dots === void 0 ? void 0 : dots.activeColours, " rounded-full mx-1 ");
   const [currentSlide, setCurrentSlide] = (0, _react.useState)(0);
   const [loaded, setLoaded] = (0, _react.useState)(false);
   const [sliderRef, instanceRef] = (0, _react2.useKeenSlider)({
@@ -121,7 +123,7 @@ const CarouselV2 = _ref => {
   }), /*#__PURE__*/_react.default.createElement("div", {
     ref: sliderRef,
     className: "keen-slider"
-  }, slides && slides), arrows.visible && loaded && instanceRef.current && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Arrow, {
+  }, slides && slides), (arrows === null || arrows === void 0 ? void 0 : arrows.visible) && loaded && instanceRef.current && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(Arrow, {
     left: true,
     onClick: e => {
       var _instanceRef$current;
@@ -136,35 +138,37 @@ const CarouselV2 = _ref => {
 
       return e.stopPropagation() || ((_instanceRef$current2 = instanceRef.current) === null || _instanceRef$current2 === void 0 ? void 0 : _instanceRef$current2.next());
     },
-    disabled: currentSlide === instanceRef.current.track.details.slides.length - 1,
+    disabled: currentSlide === (instanceRef === null || instanceRef === void 0 ? void 0 : (_instanceRef$current3 = instanceRef.current) === null || _instanceRef$current3 === void 0 ? void 0 : (_instanceRef$current4 = _instanceRef$current3.track) === null || _instanceRef$current4 === void 0 ? void 0 : (_instanceRef$current5 = _instanceRef$current4.details) === null || _instanceRef$current5 === void 0 ? void 0 : (_instanceRef$current6 = _instanceRef$current5.slides) === null || _instanceRef$current6 === void 0 ? void 0 : _instanceRef$current6.length) - 1,
     arrows: arrows
-  }))), dots.visible && loaded && instanceRef.current && /*#__PURE__*/_react.default.createElement("div", {
+  }))), (dots === null || dots === void 0 ? void 0 : dots.visible) && loaded && instanceRef.current && /*#__PURE__*/_react.default.createElement("div", {
     className: "flex py-4 justify-center"
-  }, [...Array(instanceRef.current.track.details.slides.length).keys()].map(idx => {
+  }, [...Array(instanceRef === null || instanceRef === void 0 ? void 0 : (_instanceRef$current7 = instanceRef.current) === null || _instanceRef$current7 === void 0 ? void 0 : (_instanceRef$current8 = _instanceRef$current7.track) === null || _instanceRef$current8 === void 0 ? void 0 : (_instanceRef$current9 = _instanceRef$current8.details) === null || _instanceRef$current9 === void 0 ? void 0 : (_instanceRef$current10 = _instanceRef$current9.slides) === null || _instanceRef$current10 === void 0 ? void 0 : _instanceRef$current10.length).keys()].map(idx => {
     return /*#__PURE__*/_react.default.createElement("button", {
       key: idx,
       onClick: () => {
-        var _instanceRef$current3;
+        var _instanceRef$current11;
 
-        (_instanceRef$current3 = instanceRef.current) === null || _instanceRef$current3 === void 0 ? void 0 : _instanceRef$current3.moveToIdx(idx);
+        (_instanceRef$current11 = instanceRef.current) === null || _instanceRef$current11 === void 0 ? void 0 : _instanceRef$current11.moveToIdx(idx);
       },
-      className: dotClasses + (currentSlide === idx ? " active ".concat(dots.activeColours) : " ".concat(dots.colours))
+      className: dotClasses + (currentSlide === idx ? " active ".concat(dots === null || dots === void 0 ? void 0 : dots.activeColours) : " ".concat(dots === null || dots === void 0 ? void 0 : dots.colours))
     });
   })));
 };
 
 function Arrow(props) {
-  const disabeld = props.disabled ? " arrow--disabled ".concat(props.arrows.disabledColours) : "";
+  var _props$arrows, _props$arrows2, _props$arrows3;
+
+  const disabeld = props.disabled ? " arrow--disabled ".concat(props === null || props === void 0 ? void 0 : (_props$arrows = props.arrows) === null || _props$arrows === void 0 ? void 0 : _props$arrows.disabledColours) : "";
   return /*#__PURE__*/_react.default.createElement("svg", {
-    onClick: props.onClick,
+    onClick: props === null || props === void 0 ? void 0 : props.onClick,
     className: "arrow w-12 translate-y-2/4 h-12 absolute cursor-pointer  top-1/2 ".concat(props.left ? "arrow--left left-1.5" : "arrow--right left-auto right-1.5", " ").concat(disabeld),
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props.left && /*#__PURE__*/_react.default.createElement("path", {
-    className: "".concat(props.arrows.colours),
+  }, (props === null || props === void 0 ? void 0 : props.left) && /*#__PURE__*/_react.default.createElement("path", {
+    className: "".concat(props === null || props === void 0 ? void 0 : (_props$arrows2 = props.arrows) === null || _props$arrows2 === void 0 ? void 0 : _props$arrows2.colours),
     d: "M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z"
-  }), !props.left && /*#__PURE__*/_react.default.createElement("path", {
-    className: "".concat(props.arrows.colours),
+  }), !(props !== null && props !== void 0 && props.left) && /*#__PURE__*/_react.default.createElement("path", {
+    className: "".concat(props === null || props === void 0 ? void 0 : (_props$arrows3 = props.arrows) === null || _props$arrows3 === void 0 ? void 0 : _props$arrows3.colours),
     d: "M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z"
   }));
 }

package/dist/components/ImageLink/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _Button = _interopRequireDefault(require("../Button"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 require("../index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -24,13 +26,17 @@ const ImageLink = _ref => {
     image,
     altText,
     title,
-    ctaText,
     link,
     rounded,
-    openInNewTab
+    openInNewTab,
+    buttonProps
   } = _ref;
-  const classList = 'cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center ' + classes;
-  let roundedClass = rounded ? 'rounded-full' : '';
+  const classList = (0, _classnames.default)({
+    [classes]: classes
+  }, 'cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center');
+  const roundedClass = (0, _classnames.default)({
+    'rounded-full': rounded
+  });
   return /*#__PURE__*/_react.default.createElement("a", _extends({}, id && {
     id: id
   }, {
@@ -45,10 +51,10 @@ const ImageLink = _ref => {
     className: "object-cover w-full h-full"
   }), title && /*#__PURE__*/_react.default.createElement("h1", {
     className: "absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center"
-  }, title), ctaText && /*#__PURE__*/_react.default.createElement(_Button.default, {
+  }, title), (buttonProps === null || buttonProps === void 0 ? void 0 : buttonProps.text) && /*#__PURE__*/_react.default.createElement(_Button.default, {
     buttonProps: {
       classes: 'absolute mx-8 mb-4 bottom-0 inset-x-0 text-center',
-      text: ctaText
+      text: buttonProps.text
     }
   })));
 };

package/dist/components/ImageLinkList/index.js

@@ -11,6 +11,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _index = _interopRequireDefault(require("../ImageLink/index"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 require("../index.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -23,7 +25,9 @@ const ImageLinkList = _ref => {
     classes,
     items
   } = _ref;
-  const classList = classes + ' grid md:grid-cols-4 sm:grid-cols-2';
+  const classList = (0, _classnames.default)({
+    [classes]: classes
+  }, 'grid md:grid-cols-4 sm:grid-cols-2');
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {

package/dist/components/Testimonial/index.js

@@ -47,7 +47,7 @@ const Testimonial = _ref => {
   const imageClassList = (0, _classnames.default)({
     [imageClasses]: imageClasses
   }, 'mx-auto rounded-full w-32 h-32');
-  imageProps.classes += imageClassList;
+  imageProps.classes = (imageProps === null || imageProps === void 0 ? void 0 : imageProps.classes) + ' ' + imageClassList;
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.3.1",
+  "version": "0.3.4",
   "private": false,
   "keywords": [
     "react",