trepur_components 0.2.7 → 0.2.10

package/dist/components/ChevronCard/index.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("../index.css");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const ChevronCard = _ref => {
+  let {
+    id,
+    imageClass,
+    classNames,
+    bordered
+  } = _ref;
+  let classList = 'border-l border-t border-b h-20 w-32 z-10 bg-white';
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: 'border-l border-t border-b h-20 w-32 z-10 bg-white'
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    id: "chevronLeft",
+    className: 'border h-14 w-14 -ml-7 mt-3 rotate-45'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex-col my-8"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: 'border-l border-t border-r h-32 w-20 z-20 bg-white'
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    id: "chevronLeft",
+    className: 'border h-14 w-14 -mt-7 ml-3 rotate-45 z-0'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex-col my-16"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "chevronLeft",
+    className: 'border h-14 w-14 -mb-7 ml-3 rotate-45 z-0'
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: 'border-l border-b border-r h-32 w-20 z-20 bg-white'
+  })), /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex"
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    id: "chevronLeft",
+    className: 'border h-14 w-14 -mr-7 mt-3 rotate-45'
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: 'border-r border-t border-b h-20 w-32 z-10 bg-white'
+  })));
+};
+
+var _default = ChevronCard;
+exports.default = _default;

package/dist/components/Image/index.js

@@ -56,7 +56,7 @@ const Image = _ref => {
   const classes = imgWidth + ' ' + imgHeight + ' ' + classNames;
   return /*#__PURE__*/_react.default.createElement("img", {
     id: id,
-    className: classes,
+    className: classes + ' rupert ' + width + ' ' + imgWidth,
     src: image,
     alt: altText
   });

package/dist/components/InformationIcon/index.js

@@ -35,7 +35,7 @@ const Icon = _ref => {
   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 classes = classNames + ' hover:scale-110 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' : '';

package/dist/components/StarRating/index.js

@@ -25,7 +25,8 @@ const StarRating = _ref => {
   let {
     stars = 5,
     size,
-    className
+    className,
+    iconClasses
   } = _ref;
   let classList = 'flex ' + className;
 
@@ -34,7 +35,7 @@ const StarRating = _ref => {
 
     for (var i = 0; i < stars; i++) {
       starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, _extends({
-        className: "checked",
+        className: "".concat(iconClasses, " checked"),
         type: "star"
       }, size && {
         size: size
@@ -49,7 +50,7 @@ const StarRating = _ref => {
 
     for (var i = 0; i < 5 - stars; i++) {
       starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, _extends({
-        className: "unchecked",
+        className: "".concat(iconClasses, " unchecked"),
         type: "star"
       }, size && {
         size: size

package/dist/components/Timeline/index.js

@@ -9,8 +9,6 @@ require("core-js/modules/es.array.reverse.js");
 
 var _react = _interopRequireDefault(require("react"));
 
-var _logoBlue = _interopRequireDefault(require("../../assets/Images/logoBlue.png"));
-
 var _CardWithTopImage = _interopRequireDefault(require("../CardWithTopImage"));
 
 var _Column = _interopRequireDefault(require("../Column"));
@@ -31,7 +29,8 @@ const Timeline = _ref => {
     items,
     reverse,
     textCenter,
-    useImages
+    useImages,
+    horizontalComponentClasses
   } = _ref;
   const wrapperClasses = 'w-full list-none overflow-x-auto pb-4';
   let ulClasses = 'timeline status-flow relative list-none pl-0 flex ';
@@ -41,6 +40,7 @@ const Timeline = _ref => {
   liClasses += !reverse ? isHorizontal ? 'items-center flex-col justify-between' : 'flex-row none-reverse' : isHorizontal ? 'items-center flex-col-reverse' : ' flex-row-reverse';
   let padding;
   padding = !reverse ? isHorizontal ? 'pb-2' : 'pl-4' : isHorizontal ? 'pt-2' : 'pr-4';
+  let imageCircle = 'my-16 text-center mx-auto rounded-full border bg-black ';
   let circle = 'w-4 h-4 my-16 text-center mx-auto rounded-full border bg-black ';
   circle += isHorizontal ? 'horizontal' : 'vertical';
   return /*#__PURE__*/_react.default.createElement(_Column.default, {
@@ -64,29 +64,21 @@ const Timeline = _ref => {
         id: "timeline-item",
         className: liClasses + ' py-4 ' + a
       }, /*#__PURE__*/_react.default.createElement(_Row.default, {
-        className: "h-96"
-      }, before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
-        classNames: reverse ? 'w-96 -mt-8' : 'w-96',
-        image: _logoBlue.default,
-        roundedImage: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
+        className: horizontalComponentClasses
+      }, before && item.component), /*#__PURE__*/_react.default.createElement(_Row.default, null, useImages ? /*#__PURE__*/_react.default.createElement("div", {
         id: circlePos,
         className: isHorizontal ? 'horizontal py-0 my-0' : 'vertical'
       }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        classNames: circle,
-        image: _logoBlue.default,
+        classNames: imageCircle,
+        image: item.logo,
         width: 20,
         height: 20
       })) : /*#__PURE__*/_react.default.createElement("p", {
         id: circlePos,
         className: circle
       })), /*#__PURE__*/_react.default.createElement(_Row.default, {
-        className: "h-96"
-      }, !before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
-        classNames: reverse ? 'w-96' : 'w-96 -mt-8',
-        image: _logoBlue.default,
-        roundedImage: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))));
+        className: horizontalComponentClasses
+      }, !before && item.component));
     } else {
       return /*#__PURE__*/_react.default.createElement(_Row.default, {
         id: "timeline-item",
@@ -94,10 +86,7 @@ const Timeline = _ref => {
       }, /*#__PURE__*/_react.default.createElement(_Column.default, {
         sm: 5,
         className: "text-center my-auto"
-      }, before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
-        image: _logoBlue.default,
-        roundedImage: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))), /*#__PURE__*/_react.default.createElement(_Column.default, {
+      }, before && item.component), /*#__PURE__*/_react.default.createElement(_Column.default, {
         id: "circle-wrapper",
         sm: 2,
         className: "my-auto"
@@ -105,8 +94,8 @@ const Timeline = _ref => {
         id: circlePos,
         className: isHorizontal ? 'horizontal' : 'vertical'
       }, /*#__PURE__*/_react.default.createElement(_Image.default, {
-        classNames: circle,
-        image: _logoBlue.default,
+        classNames: imageCircle,
+        image: item.logo,
         width: 20,
         height: 20
       })) : /*#__PURE__*/_react.default.createElement("p", {
@@ -115,10 +104,7 @@ const Timeline = _ref => {
       })), /*#__PURE__*/_react.default.createElement(_Column.default, {
         sm: 5,
         className: "text-center my-auto"
-      }, !before && /*#__PURE__*/_react.default.createElement(_CardWithTopImage.default, {
-        image: _logoBlue.default,
-        roundedImage: true
-      }, /*#__PURE__*/_react.default.createElement("p", null, item.title + i), /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("small", null, item.subtitle)))));
+      }, !before && item.component));
     }
   })));
 };

package/dist/components/Tubestops/index.js

@@ -13,10 +13,6 @@ require("./index.css");
 
 require("../index.css");
 
-var _logoBlue = _interopRequireDefault(require("../../assets/Images/logoBlue.png"));
-
-var _CardWithTopImage = _interopRequireDefault(require("../CardWithTopImage"));
-
 var _Column = _interopRequireDefault(require("../Column"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -26,7 +22,8 @@ const Tubestops = _ref => {
     isHorizontal,
     items,
     reverse,
-    textCenter
+    textCenter,
+    logo
   } = _ref;
   const wrapperClasses = 'w-full list-none';
   let ulClasses = 'tubestop status-flow relative list-none pl-0 flex ';

package/dist/index.js

@@ -45,12 +45,24 @@ Object.defineProperty(exports, "Card", {
     return _Card.default;
   }
 });
+Object.defineProperty(exports, "CardWithTopImage", {
+  enumerable: true,
+  get: function get() {
+    return _CardWithTopImage.default;
+  }
+});
 Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function get() {
     return _Carousel.default;
   }
 });
+Object.defineProperty(exports, "ChevronCard", {
+  enumerable: true,
+  get: function get() {
+    return _ChevronCard.default;
+  }
+});
 Object.defineProperty(exports, "Collapsible", {
   enumerable: true,
   get: function get() {
@@ -204,10 +216,14 @@ var _BreadcrumbsItem = _interopRequireDefault(require("./components/BreadcrumbsI
 
 var _Button = _interopRequireDefault(require("./components/Button"));
 
+var _CardWithTopImage = _interopRequireDefault(require("./components/CardWithTopImage"));
+
 var _Collapsible = _interopRequireDefault(require("./components/Collapsible"));
 
 var _Column = _interopRequireDefault(require("./components/Column"));
 
+var _ChevronCard = _interopRequireDefault(require("./components/ChevronCard"));
+
 var _Icon = _interopRequireDefault(require("./components/Icon"));
 
 var _Image = _interopRequireDefault(require("./components/Image"));

package/package.json

@@ -2,7 +2,7 @@
   "name": "trepur_components",
   "description": "component lib",
   "author": "trepur_ttenneb",
-  "version": "0.2.7",
+  "version": "0.2.10",
   "private": false,
   "keywords": [
     "react",
@@ -28,9 +28,7 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "build": "rm -rf dist && npm run build-index && rm -rf dist/utils dist/assets",
-    "build-index": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored",
-    "build-components": "NODE_ENV=production babel src/lib/components --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored",
+    "build": "NODE_ENV=production babel src/lib --out-dir dist --ignore src/**/*.stories.js --copy-files --no-copy-ignored  && rm -rf dist/utils dist/assets",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006",
     "build-storybook": "build-storybook -s public"