trepur_components 0.2.64 → 0.2.67

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/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/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/TextAndTitle/index.js

@@ -106,10 +106,22 @@ const TextAndTitle = _ref => {
 
   const handleButtonSave = () => {
     const arr = [];
-    arr.push(componentData.title);
-    arr.push(componentData.textLineOne);
-    arr.push(componentData.textLineTwo);
-    arr.push(componentData.textLineThree);
+    arr.push({
+      key: 'title',
+      value: componentData.title.text
+    });
+    arr.push({
+      key: 'textLineOne',
+      value: componentData.textLineOne.text
+    });
+    arr.push({
+      key: 'textLineTwo',
+      value: componentData.textLineTwo.text
+    });
+    arr.push({
+      key: 'textLineThree',
+      value: componentData.textLineThree.text
+    });
     toggleEditState();
     onSave(arr, id);
     setIsHovering(false);

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