trepur_components 0.2.66 → 0.2.69

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

@@ -0,0 +1,115 @@
+"use strict";
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.object.assign.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _Button = _interopRequireDefault(require("../Button"));
+
+require("../index.css");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 SocialBlock = _ref => {
+  let {
+    id,
+    classNames,
+    title,
+    text
+  } = _ref;
+  const socialButtons = [{
+    classes: 'mx-2 w-16 py-4 border border-1',
+    buttonBgColor: "#3b5999",
+    buttonCenterIcon: "facebook-f",
+    buttonTextColor: "white",
+    buttonBorderColor: "#3b5999",
+    buttonType: "social",
+    hoverButtonBgColor: "white",
+    hoverButtonBorderColor: "#3b5999",
+    hoverButtonTextColor: "#3b5999",
+    iconBrand: true,
+    url: "https://www.facebook.com/rupert.bennett"
+  }, {
+    classes: 'mx-2 w-16 py-4 border border-1',
+    buttonBgColor: "#0e76a8",
+    buttonCenterIcon: "linkedin-in",
+    buttonTextColor: "white",
+    buttonBorderColor: "#0e76a8",
+    buttonType: "social",
+    hoverButtonBgColor: "white",
+    hoverButtonBorderColor: "#0e76a8",
+    hoverButtonTextColor: "#0e76a8",
+    iconBrand: true,
+    url: "https://www.linkedin.com/in/rupert-bennett"
+  }, {
+    classes: 'mx-2 w-16 py-4 border border-1',
+    buttonBgColor: "#000000",
+    buttonCenterIcon: "github",
+    buttonTextColor: "white",
+    buttonBorderColor: "#000000",
+    buttonType: "social",
+    hoverButtonBgColor: "white",
+    hoverButtonBorderColor: "black",
+    hoverButtonTextColor: "#000000",
+    iconBrand: true,
+    url: "https://github.com/irupertbennett"
+  }, {
+    classes: 'mx-2 w-16 py-4 border border-1',
+    buttonBgColor: "#dc143c",
+    buttonCenterIcon: "envelope",
+    buttonTextColor: "white",
+    buttonBorderColor: "#dc143c",
+    buttonType: "social",
+    hoverButtonBgColor: "white",
+    hoverButtonBorderColor: "#dc143c",
+    hoverButtonTextColor: "#dc143c",
+    url: "mailto:irupertbennett@gmail.com?subject=rupertbennett.com-&body=Referred from rupertbennett.com"
+  }];
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classNames
+  }), /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("h2", {
+    className: "text-md sm:text-lg"
+  }, title), /*#__PURE__*/_react.default.createElement("p", {
+    className: "pt-4"
+  }, text)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "pt-4 text-center"
+  }, socialButtons && socialButtons.map((button, i) => {
+    return /*#__PURE__*/_react.default.createElement(_Button.default, {
+      key: "".concat(i, "_button"),
+      buttonClasses: button.classes,
+      buttonBgColor: button.buttonBgColor,
+      buttonCenterIcon: button.buttonCenterIcon,
+      buttonTextColor: button.buttonTextColor,
+      buttonBorderColor: button.buttonBorderColor,
+      buttonType: button.buttonType,
+      buttonHoverBgColor: button.hoverButtonBgColor,
+      buttonHoverBorderColor: button.hoverButtonBorderColor,
+      buttonHoverTextColor: button.hoverButtonTextColor,
+      buttonOnClick: button.onClick,
+      buttonUrl: button.url,
+      buttonBorder: true,
+      buttonIconBrand: button.iconBrand,
+      iconSize: 2
+    });
+  })));
+};
+
+var _default = SocialBlock;
+exports.default = _default;

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