trepur_components 0.2.26 → 0.2.29

package/dist/components/Carousel/index.js

@@ -41,11 +41,26 @@ const Carousel = _ref => {
     id,
     classes,
     slides,
-    dots,
     infinite,
-    arrows,
     speed,
     slidesToShow,
+    dots,
+    arrows,
+    smSlidesToShow,
+    mdSlidesToShow,
+    lgSlidesToShow,
+    xlSlidesToShow,
+    xxlSlidesToShow,
+    smShowArrows,
+    mdShowArrows,
+    lgShowArrows,
+    xlShowArrows,
+    xxlShowArrows,
+    smShowDots,
+    mdShowDots,
+    lgShowDots,
+    xlShowDots,
+    xxlShowDots,
     slidesToScroll,
     autoplay,
     autoplaySpeed,
@@ -101,10 +116,10 @@ const Carousel = _ref => {
   };
 
   const settings = {
-    dots: dots,
     infinite: infinite,
-    arrows: arrows,
     speed: speed,
+    dots: dots,
+    arrows: arrows,
     slidesToShow: slidesToShow,
     slidesToScroll: slidesToScroll,
     autoplay: autoplay,
@@ -114,6 +129,42 @@ const Carousel = _ref => {
     className: sliderSettingsClasses,
     centerMode: centerMode,
     centerPadding: centerPadding,
+    responsive: [{
+      breakpoint: 1536,
+      settings: {
+        slidesToShow: xxlSlidesToShow || 1,
+        arrows: xxlShowArrows || true,
+        dots: xxlShowDots || true
+      }
+    }, {
+      breakpoint: 1280,
+      settings: {
+        slidesToShow: xlSlidesToShow || 1,
+        arrows: xlShowArrows || true,
+        dots: xlShowDots || true
+      }
+    }, {
+      breakpoint: 1024,
+      settings: {
+        slidesToShow: lgSlidesToShow || 1,
+        arrows: lgShowArrows || true,
+        dots: lgShowDots || true
+      }
+    }, {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: mdSlidesToShow || 1,
+        arrows: mdShowArrows || true,
+        dots: mdShowDots || true
+      }
+    }, {
+      breakpoint: 640,
+      settings: {
+        slidesToShow: smSlidesToShow || 1,
+        arrows: smShowArrows || false,
+        dots: smShowDots || false
+      }
+    }],
     appendDots: dots => /*#__PURE__*/_react.default.createElement("div", {
       style: _objectSpread({}, dotStyles)
     }, /*#__PURE__*/_react.default.createElement("ul", null, dots))

package/dist/components/Input/index.js

@@ -19,6 +19,8 @@ const Input = _ref => {
   let {
     id,
     classes,
+    labelClasses,
+    inputClasses,
     autoComplete,
     disabled,
     formId,
@@ -35,13 +37,17 @@ const Input = _ref => {
     bold,
     onChange,
     onBlur,
-    onFocus
+    onFocus,
+    hasValidation,
+    errors
   } = _ref;
   let classList = 'flex flex-col ';
   classList += classes ? classes : '';
   let labelClassList = 'w-auto ';
   labelClassList += bold ? 'font-bold ' : '';
-  let inputClassList = 'border px-2';
+  labelClassList += labelClasses ? labelClasses : '';
+  let inputClassList = 'border px-2 ';
+  inputClassList += inputClasses ? inputClasses : '';
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
@@ -50,7 +56,9 @@ const Input = _ref => {
     id: "label-".concat(id),
     className: labelClassList,
     htmlFor: "input-".concat(id)
-  }, label), /*#__PURE__*/_react.default.createElement("input", {
+  }, /*#__PURE__*/_react.default.createElement("p", null, label, " ", required && /*#__PURE__*/_react.default.createElement("span", {
+    className: "text-red"
+  }, "*"))), /*#__PURE__*/_react.default.createElement("input", {
     id: "input-".concat(id),
     className: inputClassList,
     autoComplete: autoComplete,
@@ -68,7 +76,14 @@ const Input = _ref => {
     onChange: onChange,
     onBlur: onBlur,
     onFocus: onFocus
-  }));
+  }), hasValidation && /*#__PURE__*/_react.default.createElement("div", {
+    id: "".concat(id, "-errors")
+  }, errors && errors.map((error, i) => {
+    return /*#__PURE__*/_react.default.createElement("p", {
+      className: "text-red text-sm",
+      key: i
+    }, error);
+  })));
 };
 
 var _default = Input;

package/dist/components/Nav/index.js

@@ -44,7 +44,8 @@ const Nav = _ref => {
     sideBarWidth,
     dropdownNavHeight,
     mobileLogo,
-    mobileLogoBannerClasses
+    mobileLogoBannerClasses,
+    mobileNavLogoLink
   } = _ref;
   //---------- Styling ---------------
   const [styles, setStyles] = (0, _react.useState)({
@@ -118,6 +119,8 @@ const Nav = _ref => {
   }; //-----------------------------------
 
 
+  let logoImageClassList = "h-16 w-auto ";
+  logoImageClassList += mobileLogoBannerClasses ? mobileLogoBannerClasses : '';
   return /*#__PURE__*/_react.default.createElement("nav", {
     id: id,
     className: classes,
@@ -157,11 +160,12 @@ const Nav = _ref => {
     "aria-hidden": "true"
   }, /*#__PURE__*/_react.default.createElement("path", {
     d: "M6 18L18 6M6 6l12 12"
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    id: "logo",
-    className: "mx-auto"
+  })))), /*#__PURE__*/_react.default.createElement("a", {
+    id: "logo-link",
+    className: "mx-auto",
+    href: mobileNavLogoLink
   }, /*#__PURE__*/_react.default.createElement("img", {
-    className: "h-16 w-auto " + mobileLogoBannerClasses,
+    className: logoImageClassList,
     src: mobileLogo,
     alt: " Logo "
   }))), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/TextArea/index.js

@@ -19,6 +19,8 @@ const TextArea = _ref => {
   let {
     id,
     classes,
+    labelClasses,
+    textAreaClasses,
     label,
     placeholder,
     bold,
@@ -39,7 +41,9 @@ const TextArea = _ref => {
   classList += classes ? classes : '';
   let labelClassList = 'w-auto ';
   labelClassList += bold ? 'font-bold ' : '';
-  let textAreaClassList = 'border px-2';
+  labelClassList += labelClasses ? labelClasses : '';
+  let textAreaClassList = 'border px-2 ';
+  textAreaClassList += textAreaClasses ? textAreaClasses : '';
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {

package/dist/index.js

@@ -183,6 +183,12 @@ Object.defineProperty(exports, "TextAndTitle", {
     return _TextAndTitle.default;
   }
 });
+Object.defineProperty(exports, "TextArea", {
+  enumerable: true,
+  get: function get() {
+    return _TextArea.default;
+  }
+});
 Object.defineProperty(exports, "Timeline", {
   enumerable: true,
   get: function get() {
@@ -208,72 +214,74 @@ Object.defineProperty(exports, "Video", {
   }
 });
 
+var _Accordion = _interopRequireDefault(require("./components/Accordion"));
+
 var _AlertBar = _interopRequireDefault(require("./components/AlertBar"));
 
 var _Breadcrumbs = _interopRequireDefault(require("./components/Breadcrumbs"));
 
 var _BreadcrumbsItem = _interopRequireDefault(require("./components/BreadcrumbsItem"));
 
+var _BreadcrumbsBordered = _interopRequireDefault(require("./components/BreadcrumbsBordered"));
+
 var _Button = _interopRequireDefault(require("./components/Button"));
 
-var _CardWithTopImage = _interopRequireDefault(require("./components/CardWithTopImage"));
+var _Card = _interopRequireDefault(require("./components/Card"));
 
-var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
+var _CardWithTopImage = _interopRequireDefault(require("./components/CardWithTopImage"));
 
-var _Column = _interopRequireDefault(require("./components/Column"));
+var _Carousel = _interopRequireDefault(require("./components/Carousel"));
 
 var _ChevronCard = _interopRequireDefault(require("./components/ChevronCard"));
 
-var _Icon = _interopRequireDefault(require("./components/Icon"));
-
-var _Image = _interopRequireDefault(require("./components/Image"));
-
-var _InformationIcon = _interopRequireDefault(require("./components/InformationIcon"));
-
-var _Input = _interopRequireDefault(require("./components/Input"));
-
-var _NavItem = _interopRequireDefault(require("./components/NavItem"));
-
-var _Row = _interopRequireDefault(require("./components/Row"));
-
-var _StarRating = _interopRequireDefault(require("./components/StarRating"));
-
-var _TextAndTitle = _interopRequireDefault(require("./components/TextAndTitle"));
-
-var _Tubestops = _interopRequireDefault(require("./components/Tubestops"));
-
-var _Video = _interopRequireDefault(require("./components/Video"));
-
-var _Accordion = _interopRequireDefault(require("./components/Accordion"));
-
-var _BreadcrumbsBordered = _interopRequireDefault(require("./components/BreadcrumbsBordered"));
-
-var _Card = _interopRequireDefault(require("./components/Card"));
+var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
 
-var _Carousel = _interopRequireDefault(require("./components/Carousel"));
+var _Column = _interopRequireDefault(require("./components/Column"));
 
 var _Form = _interopRequireDefault(require("./components/Form"));
 
 var _FyreCard = _interopRequireDefault(require("./components/FyreCard"));
 
+var _Icon = _interopRequireDefault(require("./components/Icon"));
+
+var _Image = _interopRequireDefault(require("./components/Image"));
+
 var _ImageLink = _interopRequireDefault(require("./components/ImageLink"));
 
 var _ImageLinkList = _interopRequireDefault(require("./components/ImageLinkList"));
 
+var _InformationIcon = _interopRequireDefault(require("./components/InformationIcon"));
+
+var _Input = _interopRequireDefault(require("./components/Input"));
+
 var _Jumbotron = _interopRequireDefault(require("./components/Jumbotron"));
 
 var _Nav = _interopRequireDefault(require("./components/Nav"));
 
+var _NavItem = _interopRequireDefault(require("./components/NavItem"));
+
 var _NewsCard = _interopRequireDefault(require("./components/NewsCard"));
 
 var _Profile = _interopRequireDefault(require("./components/Profile"));
 
+var _Row = _interopRequireDefault(require("./components/Row"));
+
 var _Search = _interopRequireDefault(require("./components/Search"));
 
+var _StarRating = _interopRequireDefault(require("./components/StarRating"));
+
 var _Testimonial = _interopRequireDefault(require("./components/Testimonial"));
 
+var _TextAndTitle = _interopRequireDefault(require("./components/TextAndTitle"));
+
+var _TextArea = _interopRequireDefault(require("./components/TextArea"));
+
 var _Timeline = _interopRequireDefault(require("./components/Timeline"));
 
+var _Tubestops = _interopRequireDefault(require("./components/Tubestops"));
+
 var _UserIcon = _interopRequireDefault(require("./components/UserIcon"));
 
+var _Video = _interopRequireDefault(require("./components/Video"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/package.json

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