trepur_components 0.2.25 → 0.2.28

package/dist/components/Button/index.js

@@ -46,7 +46,8 @@ const Button = _ref => {
     buttonType,
     buttonDesign,
     border,
-    rounded
+    rounded,
+    iconBrand
   } = _ref;
   let padding = buttonType === 'social' ? 'px-1 py-1 ' : 'px-8 ';
   let externalPadding = buttonType === 'external' ? 'py-3 ' : 'py-2 ';
@@ -65,7 +66,7 @@ const Button = _ref => {
     classList += slideClasses;
   }
 
-  const iconClassList = buttonType === 'social' ? 'fa-brands' : '';
+  const iconClassList = iconBrand ? 'fa-brands' : '';
 
   let iconLeft = buttonLeftIcon && /*#__PURE__*/_react.default.createElement(_Icon.default, {
     classes: "pr-2",

package/dist/components/Carousel/index.js

@@ -41,19 +41,29 @@ const Carousel = _ref => {
     id,
     classes,
     slides,
-    dots,
     infinite,
-    arrows,
     speed,
-    slidesToShow,
+    smSlidesToShow,
+    mdSlidesToShow,
+    lgSlidesToShow,
+    xlSlidesToShow,
+    xxlSlidesToShow,
+    smShowArrows,
+    mdShowArrows,
+    lgShowArrows,
+    xlShowArrows,
+    xxlShowArrows,
+    smShowDots,
+    mdShowDots,
+    lgShowDots,
+    xlShowDots,
+    xxlShowDots,
     slidesToScroll,
     autoplay,
     autoplaySpeed,
     nextArrowClasses,
-    nextArrowOnClick,
     nextArrowStyles,
     previousArrowClasses,
-    previousArrowOnClick,
     previousArrowStyles,
     nextArrowIcon,
     nextArrowIconSize,
@@ -103,11 +113,8 @@ const Carousel = _ref => {
   };
 
   const settings = {
-    dots: dots,
     infinite: infinite,
-    arrows: arrows,
     speed: speed,
-    slidesToShow: slidesToShow,
     slidesToScroll: slidesToScroll,
     autoplay: autoplay,
     autoplaySpeed: autoplaySpeed,
@@ -116,6 +123,42 @@ const Carousel = _ref => {
     className: sliderSettingsClasses,
     centerMode: centerMode,
     centerPadding: centerPadding,
+    responsive: [{
+      breakpoint: 1536,
+      settings: {
+        slidesToShow: xxlSlidesToShow || xlSlidesToShow || lgSlidesToShow || mdSlidesToShow || smSlidesToShow || xsSlidesToShow,
+        arrows: xxlShowArrows || true,
+        dots: xxlShowDots || true
+      }
+    }, {
+      breakpoint: 1280,
+      settings: {
+        slidesToShow: xlSlidesToShow || lgSlidesToShow || mdSlidesToShow || smSlidesToShow || xsSlidesToShow,
+        arrows: xlShowArrows || true,
+        dots: xlShowDots || true
+      }
+    }, {
+      breakpoint: 1024,
+      settings: {
+        slidesToShow: lgSlidesToShow || mdSlidesToShow || smSlidesToShow || xsSlidesToShow,
+        arrows: lgShowArrows || true,
+        dots: lgShowDots || true
+      }
+    }, {
+      breakpoint: 768,
+      settings: {
+        slidesToShow: mdSlidesToShow || smSlidesToShow || xsSlidesToShow,
+        arrows: mdShowArrows || true,
+        dots: mdShowDots || true
+      }
+    }, {
+      breakpoint: 640,
+      settings: {
+        slidesToShow: smSlidesToShow || xsSlidesToShow,
+        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,32 +19,71 @@ const Input = _ref => {
   let {
     id,
     classes,
+    labelClasses,
+    inputClasses,
+    autoComplete,
+    disabled,
+    formId,
+    height,
+    maxLength,
+    minLength,
+    pattern,
+    required,
+    readOnly,
     label,
+    type,
+    name,
     placeholder,
     bold,
     onChange,
-    name,
-    type
+    onBlur,
+    onFocus,
+    hasValidation,
+    errors
   } = _ref;
-  let classList = 'flex flex-col w-96 ' + classes;
-  let labelClasses = bold ? 'font-bold w-auto' : 'w-auto';
-  let inputClasses = 'border h-12 pl-2';
+  let classList = 'flex flex-col ';
+  classList += classes ? classes : '';
+  let labelClassList = 'w-auto ';
+  labelClassList += bold ? 'font-bold ' : '';
+  labelClassList += labelClasses ? labelClasses : '';
+  let inputClassList = 'border px-2 ';
+  inputClassList += inputClasses ? inputClasses : '';
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
     className: classList
   }), label && /*#__PURE__*/_react.default.createElement("label", {
     id: "label-".concat(id),
-    className: labelClasses,
+    className: labelClassList,
     htmlFor: "input-".concat(id)
-  }, /*#__PURE__*/_react.default.createElement("b", null, 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: inputClasses,
+    className: inputClassList,
+    autoComplete: autoComplete,
+    disabled: disabled,
+    form: formId,
+    height: height,
+    maxLength: maxLength,
+    minLength: minLength,
+    pattern: pattern,
+    required: required,
+    readOnly: readOnly,
     type: type,
     name: name,
     placeholder: placeholder,
-    onChange: onChange
-  }));
+    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/TextAndTitle/index.js

@@ -33,7 +33,7 @@ const TextAndTitle = _ref => {
   titleClassList += titleClasses ? titleClasses : '';
   let textClassList = '';
   textClassList += textClasses ? textClasses : '';
-  let classList = 'text-center';
+  let classList = 'text-center ';
   classList += classes ? classes : ''; //---------- Styling ---------------
 
   const textStyles = {

package/dist/components/TextArea/index.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.assign.js");
+
+var _react = _interopRequireDefault(require("react"));
+
+require("../index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const TextArea = _ref => {
+  let {
+    id,
+    classes,
+    labelClasses,
+    textAreaClasses,
+    label,
+    placeholder,
+    bold,
+    onChange,
+    name,
+    disabled,
+    rows,
+    cols,
+    autoFocus,
+    formId,
+    maxLength,
+    readOnly,
+    required,
+    onBlur,
+    onFocus
+  } = _ref;
+  let classList = 'flex flex-col ';
+  classList += classes ? classes : '';
+  let labelClassList = 'w-auto ';
+  labelClassList += bold ? 'font-bold ' : '';
+  labelClassList += labelClasses ? labelClasses : '';
+  let textAreaClassList = 'border px-2 ';
+  textAreaClassList += textAreaClasses ? textAreaClasses : '';
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classList
+  }), label && /*#__PURE__*/_react.default.createElement("label", {
+    id: "label-".concat(id),
+    className: labelClassList,
+    htmlFor: "text-area-".concat(id)
+  }, label), /*#__PURE__*/_react.default.createElement("textarea", {
+    id: "text-area-".concat(id),
+    className: textAreaClassList,
+    autoFocus: autoFocus,
+    form: formId,
+    maxLength: maxLength,
+    readOnly: readOnly,
+    required: required,
+    disabled: disabled,
+    rows: rows,
+    cols: cols,
+    name: name,
+    placeholder: placeholder,
+    onChange: onChange,
+    onFocus: onFocus,
+    onBlur: onBlur
+  }));
+};
+
+var _default = TextArea;
+exports.default = _default;

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.25",
+  "version": "0.2.28",
   "private": false,
   "keywords": [
     "react",