trepur_components 0.2.8 → 0.2.11

package/dist/components/Collapsible/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,8 +21,12 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 Collapsible = _ref => {
   let {
+    id,
+    classes,
     title,
     subtitle,
     isDropdown,
@@ -29,7 +35,6 @@ const Collapsible = _ref => {
     hoverTextColor,
     hoverBgColor,
     icon,
-    content,
     boldTitle,
     borderTop,
     borderBottom,
@@ -74,15 +79,13 @@ const Collapsible = _ref => {
   let borders = '';
   borders += borderBottom ? 'border-b ' : '';
   borders += borderTop ? 'border-t ' : '';
-  const bottomLine = showBottomLine ? 'border-b' : ''; // let alignment = ''
-  // alignment = contentAlignment && contentAlignment === 'left' && 'text-left'
-  // alignment = contentAlignment && contentAlignment === 'right' && 'text-right'
-  // alignment = contentAlignment && contentAlignment === 'center' && 'text-center'
-  // alignment = contentAlignment && contentAlignment === 'justified' && 'text-justify'
-
-  const contentWrapperClasses = 'expandable w-auto ' + bottomLine; //+ ' ' + alignment
-
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+  const bottomLine = showBottomLine ? 'border-b' : '';
+  const contentWrapperClasses = 'expandable w-auto ' + bottomLine;
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classes
+  }), /*#__PURE__*/_react.default.createElement("div", {
     style: styles,
     onMouseOver: () => setHoverState(true),
     onMouseOut: () => setHoverState(false),

package/dist/components/Column/index.js

@@ -5,22 +5,26 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 Column = _ref => {
   let {
-    className,
+    id,
+    classes,
     xs,
     sm,
     md,
     lg,
     xl,
-    children,
-    id
+    children
   } = _ref;
   const widthOptions = {
     1: 'w-1/12',
@@ -49,42 +53,43 @@ const Column = _ref => {
     return width;
   };
 
-  let classes = className ? className + ' ' : '';
+  let classList = classes ? classes : '';
 
   if (xs) {
     let xsClass;
     xsClass = 'xs:' + calculateWidth(xs);
-    classes += xsClass + ' ';
+    classList += ' ' + xsClass + ' ';
   }
 
   if (sm) {
     let smClass;
     smClass = calculateWidth(sm);
-    classes += smClass + ' ';
+    classList += ' ' + smClass + ' ';
   }
 
   if (md) {
     let mdClass;
     mdClass = 'md:' + calculateWidth(md);
-    classes += mdClass + ' ';
+    classList += ' ' + mdClass + ' ';
   }
 
   if (lg) {
     let lgClass;
     lgClass = 'lg:' + calculateWidth(lg);
-    classes += lgClass + ' ';
+    classList += ' ' + lgClass + ' ';
   }
 
   if (xl) {
     let xlClass;
     xlClass = 'xl:' + calculateWidth(xl);
-    classes += xlClass + ' ';
+    classList += ' ' + xlClass + ' ';
   }
 
-  return /*#__PURE__*/_react.default.createElement("div", {
-    id: id,
-    className: classes
-  }, children);
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classList
+  }), children);
 };
 
 var _default = Column;

package/dist/components/Form/index.js

@@ -21,6 +21,8 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const Form = _ref => {
   let {
+    id,
+    classes,
     title,
     components,
     buttonDesign,
@@ -33,14 +35,16 @@ const Form = _ref => {
     buttonType,
     onClick
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "w-auto"
-  }, /*#__PURE__*/_react.default.createElement("h1", {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classes
+  }), /*#__PURE__*/_react.default.createElement("h1", {
     className: "text-center"
   }, /*#__PURE__*/_react.default.createElement("b", null, title)), components && components.map(component => {
     if (component.type === 'Input') {
       return /*#__PURE__*/_react.default.createElement(_Input.default, {
-        classNames: "py-4",
+        classes: "py-4",
         label: component.label,
         placeholder: component.placeholder
       });

package/dist/components/FyreCard/index.js

@@ -20,10 +20,10 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const FyreCard = _ref => {
   let {
     id,
+    classes,
     image,
     ctaText,
     imageClass,
-    classNames,
     altText,
     buttonType,
     bordered,
@@ -36,17 +36,19 @@ const FyreCard = _ref => {
     hoverButtonTextColor,
     hoverButtonBorderColor
   } = _ref;
+  let border = bordered && ' border border-grey border-opacity-100 ';
   let classList = 'flex flex-col ';
-  let border = bordered ? ' border border-grey border-opacity-100 ' : '';
-  let classes = classNames ? classNames : '';
+  classList += classes ? classes : '';
+  classList += ' ' + border;
   let imageClassList = ' w-full ';
-  classList += border + classes;
   imageClassList += imageClass;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    key: id,
-    id: id,
+  return /*#__PURE__*/_react.default.createElement("div", _extends({
+    key: id
+  }, id && {
+    id: id
+  }, {
     className: classList
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "card-content flex flex-1 flex-col"
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("img", {
     className: imageClassList,

package/dist/components/Icon/index.js

@@ -17,16 +17,19 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 
 const Icon = _ref => {
   let {
+    id,
+    classes,
     type,
     size,
-    className,
     onClick
   } = _ref;
   if (!type) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   let classList = "fa fa-".concat(type, " fa-x ");
-  classList += size ? "fa-".concat(size, "x ") : "";
-  classList += className ? " ".concat(className) : "";
-  return /*#__PURE__*/_react.default.createElement("span", _extends({
+  classList += size ? "fa-".concat(size, "x ") : '';
+  classList += classes ? classes : '';
+  return /*#__PURE__*/_react.default.createElement("span", _extends({}, id && {
+    id: id
+  }, {
     className: classList,
     role: "img",
     "aria-hidden": "true",

package/dist/components/Image/index.js

@@ -5,61 +5,33 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 Image = _ref => {
   let {
     id,
+    classes,
     image,
     altText,
     height,
-    width,
-    classNames
+    width
   } = _ref;
-  const widthOptions = {
-    2: 'w-2',
-    4: 'w-4',
-    8: 'w-8',
-    12: 'w-12',
-    16: 'w-16',
-    20: 'w-20',
-    24: 'w-24',
-    28: 'w-28',
-    32: 'w-32'
-  };
-  const heightOptions = {
-    2: 'h-2',
-    4: 'h-4',
-    8: 'h-8',
-    12: 'h-12',
-    16: 'h-16',
-    20: 'h-20',
-    24: 'h-24',
-    28: 'h-28',
-    32: 'h-32'
-  };
-
-  const getWidth = width => {
-    return widthOptions[width];
-  };
-
-  const getHeight = height => {
-    return heightOptions[height];
-  };
-
-  const imgWidth = width && getWidth(width);
-  const imgHeight = height && getHeight(height);
-  const classes = imgWidth + ' ' + imgHeight + ' ' + classNames;
-  return /*#__PURE__*/_react.default.createElement("img", {
-    id: id,
-    className: classes,
+  const classList = classes ? classes : '';
+  return /*#__PURE__*/_react.default.createElement("img", _extends({}, id && {
+    id: id
+  }, {
+    className: classList,
     src: image,
     alt: altText
-  });
+  }));
 };
 
 var _default = Image;

package/dist/components/ImageLink/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.object.assign.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Button = _interopRequireDefault(require("../Button"));
@@ -13,21 +15,26 @@ 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 ImageLink = _ref => {
   let {
+    id,
+    classes,
     image,
     altText,
     title,
     ctaText,
     ctaLink,
-    classes,
     rounded
   } = _ref;
   const classList = 'cursor-pointer lg:mx-3 md:mx-1 mx-1 lg:mb-5 md:mb-2 mb-2 hover:opacity-50 overflow-hidden text-center ' + classes;
   let roundedClass = rounded ? 'rounded-full' : '';
-  return /*#__PURE__*/_react.default.createElement("a", {
+  return /*#__PURE__*/_react.default.createElement("a", _extends({}, id && {
+    id: id
+  }, {
     href: ctaLink
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: roundedClass + ' ' + classList + ' relative overflow-hidden'
   }, /*#__PURE__*/_react.default.createElement("img", {
     src: image,
@@ -36,7 +43,7 @@ const ImageLink = _ref => {
   }), title && /*#__PURE__*/_react.default.createElement("h1", {
     className: "absolute bg-black text-white py-2 mt-4 top-0 inset-x-0 text-center"
   }, title), ctaText && /*#__PURE__*/_react.default.createElement(_Button.default, {
-    className: "absolute mx-8 mb-4 bottom-0 inset-x-0 text-center",
+    classes: "absolute mx-8 mb-4 bottom-0 inset-x-0 text-center",
     ctaText: ctaText
   })));
 };

package/dist/components/ImageLinkList/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.object.assign.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _index = _interopRequireDefault(require("../ImageLink/index"));
@@ -13,13 +15,20 @@ 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 ImageLinkList = _ref => {
   let {
+    id,
+    classes,
     items
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "grid md:grid-cols-4 sm:grid-cols-2"
-  }, items && items.map((item, i) => {
+  const classList = classes + ' grid md:grid-cols-4 sm:grid-cols-2';
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classList
+  }), items && items.map((item, i) => {
     return /*#__PURE__*/_react.default.createElement(_index.default, {
       altText: "image",
       image: item.image,

package/dist/components/InformationIcon/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,14 +17,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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 Icon = _ref => {
   let {
+    id,
+    classes,
+    imageClasses,
     type,
     size,
-    imageClassNames,
-    classNames,
     text,
-    number = null,
+    number,
     bordered,
     rounded,
     bgColor,
@@ -30,15 +35,17 @@ const Icon = _ref => {
     hoverTextColor,
     hoverBgColor
   } = _ref;
-  let classList = "fa fa-".concat(type, " fa-x mx-auto ");
-  classList += size ? "fa-".concat(size, "x ") : "";
-  classList += imageClassNames ? " ".concat(imageClassNames) : "";
-  let borderClass = bordered ? ' border ' : '';
-  let roundedClass = rounded ? ' rounded-2xl ' : '';
-  const classes = classNames + ' hover:scale-125 transform transition duration-500 flex flex-col w-64' + borderClass + roundedClass;
-  const numberClass = number !== null ? ' text-4xl' : '';
-  const numberClasses = 'text-center' + numberClass;
-  const textClass = number === null ? 'text-2xl' : '';
+  let imageClassList = "fa fa-".concat(type, " fa-x mx-auto ");
+  imageClassList += size && "fa-".concat(size, "x ");
+  imageClassList += imageClasses && imageClasses;
+  let borderClass = bordered && 'border ';
+  let roundedClass = rounded && 'rounded-2xl ';
+  let classList = 'hover:scale-110 transform transition duration-500 flex flex-col w-64 ';
+  classList += classes ? classes : '';
+  classList += ' ' + borderClass + ' ' + roundedClass;
+  const numberClass = number !== null && 'text-4xl';
+  const numberClasses = 'text-center ' + numberClass;
+  const textClass = number === null && 'text-2xl';
   const textClasses = 'text-center px-2 ' + textClass; //---------- Styling ---------------
 
   const [styles, setStyles] = (0, _react.useState)({
@@ -61,13 +68,15 @@ const Icon = _ref => {
   }; //-----------------------------------
 
 
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
     style: styles,
-    className: classes,
+    className: classList,
     onMouseOver: () => setHoverState(true),
     onMouseOut: () => setHoverState(false)
-  }, type && /*#__PURE__*/_react.default.createElement("span", {
-    className: classList,
+  }), type && /*#__PURE__*/_react.default.createElement("span", {
+    className: imageClassList,
     role: "img",
     "aria-hidden": "true",
     "aria-label": type

package/dist/components/Input/index.js

@@ -5,33 +5,40 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 Input = _ref => {
   let {
     id,
+    classes,
     label,
     placeholder,
     inputType,
-    bold,
-    classNames
+    bold
   } = _ref;
-  let classes = 'flex flex-col w-96 ' + classNames;
+  let classList = 'flex flex-col w-96 ' + classes;
   let labelClasses = bold ? 'font-bold w-auto' : 'w-auto';
   let inputClasses = 'border h-12 pl-2';
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes
-  }, label && /*#__PURE__*/_react.default.createElement("label", {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classList
+  }), label && /*#__PURE__*/_react.default.createElement("label", {
+    id: "label-".concat(id),
     className: labelClasses,
-    htmlFor: id
+    htmlFor: "input-".concat(id)
   }, /*#__PURE__*/_react.default.createElement("b", null, label)), /*#__PURE__*/_react.default.createElement("input", {
+    id: "input-".concat(id),
     className: inputClasses,
     type: inputType,
-    id: id,
     placeholder: placeholder
   }));
 };

package/dist/components/Jumbotron/index.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.object.assign.js");
+
 var _react = _interopRequireDefault(require("react"));
 
 var _Button = _interopRequireDefault(require("../Button"));
@@ -13,8 +15,12 @@ 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 Jumbotron = _ref => {
   let {
+    id,
+    classes,
     image,
     altText,
     text,
@@ -23,9 +29,11 @@ const Jumbotron = _ref => {
     ctaLink,
     ctaLink2
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "text-center"
-  }, /*#__PURE__*/_react.default.createElement("img", {
+  return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
+    id: id
+  }, {
+    className: classes
+  }), /*#__PURE__*/_react.default.createElement("img", {
     src: image,
     alt: altText
   }), /*#__PURE__*/_react.default.createElement("div", {

package/dist/components/Nav/index.js

@@ -23,6 +23,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 
 const Nav = _ref => {
   let {
+    id,
+    classes,
     firstRow,
     firstRowClasses,
     secondRow,
@@ -117,10 +119,11 @@ const Nav = _ref => {
 
 
   return /*#__PURE__*/_react.default.createElement("nav", {
+    id: id,
+    className: classes,
     style: {
       'background-color': bgColor
-    },
-    id: "nav"
+    }
   }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
     id: "sm-nav",
     className: "relative flex items-center lg:hidden py-2"
@@ -167,19 +170,19 @@ const Nav = _ref => {
     className: 'flex ' + firstRowClasses
   }, firstRow && firstRow.map(rowItem => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
-      className: 'h-16 ' + rowItem.columnClasses,
+      classes: 'h-16 ' + rowItem.columnClasses,
       xs: rowItem.xsColumnWidth,
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth,
       lg: rowItem.lgColumnWidth
     }, /*#__PURE__*/_react.default.createElement("div", {
-      className: rowItem.classNames
+      className: rowItem.classes
     }, rowItem.component));
   })), /*#__PURE__*/_react.default.createElement("div", {
     className: 'flex ' + secondRowClasses
   }, secondRow && secondRow.map(rowItem => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
-      className: "h-16 ",
+      classes: "h-16 ",
       xs: rowItem.xsColumnWidth,
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth
@@ -188,7 +191,7 @@ const Nav = _ref => {
     className: 'flex ' + thirdRowClasses
   }, thirdRow && thirdRow.map(rowItem => {
     return /*#__PURE__*/_react.default.createElement(_Column.default, {
-      className: "h-16",
+      classes: "h-16",
       xs: rowItem.xsColumnWidth,
       sm: rowItem.smColumnWidth,
       md: rowItem.columnWidth
@@ -200,7 +203,7 @@ const Nav = _ref => {
     style: {
       'color': mobileNavCloseColor
     },
-    className: "absolute top-7 left-7",
+    classes: "absolute top-7 left-7",
     onClick: () => closeSideNav(),
     type: "times",
     size: "2"