trepur_components 0.2.65 → 0.2.68

package/dist/components/Accordion/index.js

@@ -27,8 +27,9 @@ const Accordion = _ref => {
     id: id
   }, {
     className: classes
-  }), items && items.map(item => {
+  }), items && items.map((item, i) => {
     return /*#__PURE__*/_react.default.createElement(_Collapsible.default, {
+      key: "collapsible_item_".concat(i),
       id: item.id,
       title: item.title,
       subtitle: item.subtitle,

package/dist/components/Breadcrumbs/index.js

@@ -25,6 +25,7 @@ const Breadcrumbs = _ref => {
     className: classList
   }, links && links.map((link, i) => {
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+      key: "breadcrumb_".concat(i + 0),
       className: "flex"
     }, /*#__PURE__*/_react.default.createElement("li", {
       className: "h-8"

package/dist/components/BreadcrumbsBordered/index.js

@@ -46,6 +46,7 @@ const Breadcrumbs = _ref => {
     }
 
     return /*#__PURE__*/_react.default.createElement(_BreadcrumbsItem.default, {
+      key: "breadcrumb_item_".concat(i + 0),
       classes: margin,
       name: link.name,
       link: link.link,

package/dist/components/Card/index.js

@@ -170,11 +170,11 @@ const Card = _ref => {
     className: cardImageBelowTitle ? 'order-1' : 'order-3'
   }, cardTitle && /*#__PURE__*/_react.default.createElement("div", {
     className: titleWrapperClass
-  }, /*#__PURE__*/_react.default.createElement("h1", {
+  }, /*#__PURE__*/_react.default.createElement("h3", {
     className: cardTitleClasses
   }, cardTitle))), /*#__PURE__*/_react.default.createElement("div", {
     className: contentWrapperClass
-  }, cardSubTitle && /*#__PURE__*/_react.default.createElement("h2", {
+  }, cardSubTitle && /*#__PURE__*/_react.default.createElement("h4", {
     className: cardSubTitleClassList
   }, cardSubTitle), cardDescription && /*#__PURE__*/_react.default.createElement("p", {
     className: cardDescriptionClassList

package/dist/components/Collapsible/index.js

@@ -26,7 +26,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const Collapsible = _ref => {
   let {
     id,
-    key,
     classes,
     title,
     subtitle,
@@ -84,8 +83,7 @@ const Collapsible = _ref => {
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
-    className: classes,
-    key: key
+    className: classes
   }), /*#__PURE__*/_react.default.createElement("div", {
     style: styles,
     onMouseOver: () => setHoverState(true),

package/dist/components/Form/index.js

@@ -46,9 +46,10 @@ const Form = _ref => {
     ref: ref,
     className: classes,
     onSubmit: onSubmit
-  }), components && components.map(component => {
+  }), components && components.map((component, i) => {
     if (component.type === 'Input') {
       return /*#__PURE__*/_react.default.createElement(_Input.default, {
+        key: "input_".concat(i + 0),
         classes: component.classes,
         label: component.label,
         placeholder: component.placeholder,
@@ -57,6 +58,7 @@ const Form = _ref => {
       });
     } else if (component.type === 'Button') {
       return /*#__PURE__*/_react.default.createElement(_Button.default, {
+        key: "button_".concat(i + 0),
         type: component.htmlType,
         onClick: onClick,
         classes: component.classes,

package/dist/components/ImageLinkList/index.js

@@ -30,6 +30,7 @@ const ImageLinkList = _ref => {
     className: classList
   }), items && items.map((item, i) => {
     return /*#__PURE__*/_react.default.createElement(_index.default, {
+      key: "image_link_".concat(i + 0),
       altText: "image",
       image: item.image,
       title: item.title,

package/dist/components/Input/index.js

@@ -82,6 +82,7 @@ const Input = _ref => {
     id: "".concat(id, "-errors")
   }, errors && errors.map((error, i) => {
     return /*#__PURE__*/_react.default.createElement("p", {
+      key: "error_msg_".concat(i + 0),
       className: "text-red text-sm",
       key: i
     }, error);

package/dist/components/Jumbotron/index.js

@@ -9,7 +9,7 @@ require("core-js/modules/es.object.assign.js");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _Button = _interopRequireDefault(require("../Button"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 require("../index.css");
 
@@ -22,35 +22,19 @@ const Jumbotron = _ref => {
     id,
     classes,
     image,
-    altText,
-    text,
-    ctaText,
-    ctaText2,
-    ctaLink,
-    ctaLink2
+    altText
   } = _ref;
+  const classList = (0, _classnames.default)({
+    [classes]: classes
+  }, 'w-full');
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
-    className: classes
+    className: classList
   }), /*#__PURE__*/_react.default.createElement("img", {
     src: image,
     alt: altText
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-auto absolute top-10"
-  }, /*#__PURE__*/_react.default.createElement("h1", {
-    className: "text-4xl"
-  }, text), /*#__PURE__*/_react.default.createElement("div", {
-    className: "pt-2 lg:pt-8"
-  }, ctaText && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "mx-2",
-    ctaText: ctaText,
-    onClick: ctaLink
-  }), ctaText2 && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "mx-2",
-    ctaText: ctaText2,
-    onClick: ctaLink2
-  }))));
+  }));
 };
 
 var _default = Jumbotron;

package/dist/components/Nav/index.js

@@ -79,7 +79,7 @@ const Nav = _ref => {
     setSideNavWidth({
       'width': "".concat(sideBarWidth),
       'backgroundColor': mobileBgColor ? mobileBgColor : bgColor,
-      'padding-right': '10px'
+      'paddingRight': '10px'
     });
   };
 
@@ -187,8 +187,9 @@ const Nav = _ref => {
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: 'flex ' + firstRowClasses
-  }, firstRow && firstRow.map(rowItem => {
+  }, firstRow && firstRow.map((rowItem, i) => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
+      key: "row_item_1.".concat(i),
       classes: rowItem.columnClasses ? "".concat(rowItem.columnClasses, " h-16") : 'h-16',
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth,
@@ -199,8 +200,9 @@ const Nav = _ref => {
     }, rowItem.component));
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'flex ' + secondRowClasses
-  }, secondRow && secondRow.map(rowItem => {
+  }, secondRow && secondRow.map((rowItem, i) => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
+      key: "row_item_2.".concat(i),
       classes: "h-16",
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth,
@@ -209,8 +211,9 @@ const Nav = _ref => {
     }, rowItem.component);
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'flex ' + thirdRowClasses
-  }, thirdRow && thirdRow.map(rowItem => {
+  }, thirdRow && thirdRow.map((rowItem, i) => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
+      key: "row_item_3.".concat(i),
       classes: "h-16",
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth,
@@ -228,8 +231,9 @@ const Nav = _ref => {
     onClick: () => closeSideNav(),
     type: "times",
     size: "2"
-  }), mobileItems && mobileItems.map(item => {
+  }), mobileItems && mobileItems.map((item, i) => {
     return /*#__PURE__*/_react.default.createElement("div", {
+      key: "mobile_item_".concat(i),
       className: "pb-5"
     }, item.component);
   })) :
@@ -242,8 +246,10 @@ const Nav = _ref => {
     id: "mobile-menu"
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "px-2 pt-2 pb-3 space-y-1"
-  }, mobileItems && mobileItems.map(item => {
-    return /*#__PURE__*/_react.default.createElement("div", null, item.component);
+  }, mobileItems && mobileItems.map((item, i) => {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: "dropdown_item_1.".concat(i)
+    }, item.component);
   }))));
 };
 

package/dist/components/Profile/index.js

@@ -62,6 +62,7 @@ const Profile = _ref => {
     className: "w-48 sm:inline-block shadow-lg bg-brand-highlight text-white z-10 hover:bg-brand-border-light hover:text-black " + profileAlignment + dropdownAlignement
   }, profileLinks && profileLinks.map((link, i) => {
     return /*#__PURE__*/_react.default.createElement("a", {
+      key: "profile_link_".concat(i + 0),
       href: link.link,
       className: "hover:bg-brand-secondary border-b font-bold hover:text-white block px-4 py-2 text-sm text-gray-700",
       role: "menuitem",

package/dist/components/StarRating/index.js

@@ -38,6 +38,7 @@ const StarRating = _ref => {
 
     for (var i = 0; i < stars; i++) {
       starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, _extends({
+        key: "unchecked_star_".concat(i + 0),
         id: "checked-".concat(i),
         classes: "".concat(iconClassList, " checked"),
         type: "star"
@@ -54,6 +55,7 @@ const StarRating = _ref => {
 
     for (var i = 0; i < 5 - stars; i++) {
       starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, _extends({
+        key: "checked_star_".concat(i + 0),
         classes: "".concat(iconClassList, " unchecked"),
         type: "star"
       }, size && {

package/dist/components/Testimonial/index.js

@@ -50,7 +50,7 @@ const Testimonial = _ref => {
     className: imageClassList,
     src: image,
     alt: altText
-  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("p", {
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", {
     className: "text-md md:text-lg"
   }, companyName, " "), /*#__PURE__*/_react.default.createElement("p", {
     className: "text-md md:text-lg"

package/dist/components/TextAndTitle/index.js

@@ -56,7 +56,7 @@ const TextAndTitle = _ref => {
     titleColor,
     textCenter,
     titleCenter,
-    withLiveUpdates = false,
+    withLiveUpdates,
     onSave,
     saveButtonProps,
     cancelButtonProps
@@ -205,7 +205,7 @@ const TextAndTitle = _ref => {
     buttonHoverBgColor: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.hoverBgColor
   })) : /*#__PURE__*/_react.default.createElement("div", {
     onClick: toggleEditState
-  }, /*#__PURE__*/_react.default.createElement("p", {
+  }, /*#__PURE__*/_react.default.createElement("h1", {
     style: titleStyles,
     className: titleClassList
   }, componentData.title.text), /*#__PURE__*/_react.default.createElement("p", {

package/dist/components/Timeline/index.js

@@ -71,6 +71,7 @@ const Timeline = _ref => {
 
     if (isHorizontal) {
       return /*#__PURE__*/_react.default.createElement(_Column.default, {
+        key: "horizontal_col_".concat(i + 0),
         id: "timeline-item",
         classes: liClasses + ' py-4 mb-8 ' + a
       }, /*#__PURE__*/_react.default.createElement(_Row.default, {
@@ -89,6 +90,7 @@ const Timeline = _ref => {
       }, !before && item.component));
     } else {
       return /*#__PURE__*/_react.default.createElement(_Row.default, {
+        key: "vertical_row_".concat(i + 0),
         id: "timeline-item",
         classes: liClasses + ' py-4 ' + a
       }, !isSm && /*#__PURE__*/_react.default.createElement(_Column.default, {

package/dist/components/Tubestops/index.js

@@ -51,6 +51,7 @@ const Tubestops = _ref => {
   }, items && items.map((item, i) => {
     let a = isHorizontal ? i === 0 ? '' : '' : i === 0 ? '' : 'my-12';
     return /*#__PURE__*/_react.default.createElement("li", {
+      key: "tubestop_".concat(i + 0),
       className: liClasses + ' ' + a
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: circle

package/package.json

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