trepur_components 0.3.5 → 0.3.8

package/dist/components/CardWithTopImage/index.js

@@ -1,12 +1,12 @@
 "use strict";
 
+require("core-js/modules/es.object.assign.js");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
 
-require("core-js/modules/es.object.assign.js");
-
 var _react = _interopRequireDefault(require("react"));
 
 var _index = _interopRequireDefault(require("../Image/index"));
@@ -21,7 +21,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 
 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); }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
 const CardWithTopImage = _ref => {
+  var _imageProps, _imageProps2, _imageProps3, _imageProps4, _imageProps5;
+
   let {
     id,
     contentId,
@@ -39,19 +47,21 @@ const CardWithTopImage = _ref => {
     [imageWrapperClasses]: imageWrapperClasses
   });
   const imageClassList = (0, _classnames.default)({
-    [imageProps.classes]: imageProps.classes
+    [(_imageProps = imageProps) === null || _imageProps === void 0 ? void 0 : _imageProps.classes]: (_imageProps2 = imageProps) === null || _imageProps2 === void 0 ? void 0 : _imageProps2.classes
   }, 'flex mx-auto w-24 bg-white p-4');
   const contentClassList = (0, _classnames.default)({
     'border border-grey border-opacity-100': bordered,
     [contentClasses]: contentClasses
   }, 'pt-12 px-4 h-auto pb-16 -mt-12 bg-white');
-  imageProps.classes = imageProps.classes + ' ' + imageClassList;
+  imageProps = _objectSpread(_objectSpread({}, imageProps), {}, {
+    classes: ((_imageProps3 = imageProps) === null || _imageProps3 === void 0 ? void 0 : _imageProps3.classes) + ' ' + imageClassList
+  });
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, id && {
     id: id
   }, {
     className: classList
-  }), /*#__PURE__*/_react.default.createElement("div", _extends({}, imageProps.id && {
-    id: imageProps.id + '_imageId'
+  }), /*#__PURE__*/_react.default.createElement("div", _extends({}, ((_imageProps4 = imageProps) === null || _imageProps4 === void 0 ? void 0 : _imageProps4.id) && {
+    id: ((_imageProps5 = imageProps) === null || _imageProps5 === void 0 ? void 0 : _imageProps5.id) + '_imageId'
   }, {
     className: imageWrapperClassList
   }), /*#__PURE__*/_react.default.createElement(_index.default, {

package/dist/components/InformationIcon/index.js

@@ -71,7 +71,7 @@ const InformationIcon = _ref => {
     (informationIconProps === null || informationIconProps === void 0 ? void 0 : informationIconProps.withAnimation) && observer.observe(element);
   }, []);
   if (informationIconProps == undefined) return;
-  const wrapperClasses = "h-96 flex items-center text-center \n        py-12 hover:py-0 ease-out duration-300";
+  const wrapperClasses = "h-96 flex items-center text-center \n        ease-out duration-300";
   const classList = (0, _classnames.default)({
     [informationIconProps.classes]: informationIconProps === null || informationIconProps === void 0 ? void 0 : informationIconProps.classes,
     'border': informationIconProps === null || informationIconProps === void 0 ? void 0 : informationIconProps.bordered,
@@ -84,7 +84,7 @@ const InformationIcon = _ref => {
     [informationIconProps.hoverBgColor]: informationIconProps === null || informationIconProps === void 0 ? void 0 : informationIconProps.hoverBgColor,
     'hover:text-white': !(informationIconProps !== null && informationIconProps !== void 0 && informationIconProps.hoverTextColor),
     'hover:bg-black': !(informationIconProps !== null && informationIconProps !== void 0 && informationIconProps.hoverBgColor)
-  }, "flex flex-col justify-center w-full h-full items-center\n        mx-12 my-12 ease-out duration-300 hover:m-0 text-lg hover:text-xl");
+  }, "flex flex-col justify-center w-full h-full items-center\n        ease-out duration-300 text-md lg:text-md hover:text-lg");
 
   const counterAnimation = (obj, start, end, duration) => {
     let startTimestamp = null;

package/dist/components/NavItem/index.js

@@ -93,7 +93,10 @@ const NavItem = _ref => {
     [navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.hoverBorderColor]: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.hoverBorderColor,
     'hover:border-black': !(navItemProps !== null && navItemProps !== void 0 && navItemProps.hoverBorderColor)
   });
-  const c = navItemProps !== null && navItemProps !== void 0 && navItemProps.isActive ? activeStyleClasses : styleClasses;
+  const styles = (0, _classnames.default)({
+    [activeStyleClasses]: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.isActive,
+    [styleClasses]: !(navItemProps !== null && navItemProps !== void 0 && navItemProps.isActive)
+  });
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, (navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.id) && {
     id: navItemProps.id
   }, {
@@ -101,7 +104,7 @@ const NavItem = _ref => {
   }), /*#__PURE__*/_react.default.createElement("a", {
     href: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.url
   }, /*#__PURE__*/_react.default.createElement("li", {
-    className: "".concat(linkClassList, " ").concat(hoverStyles, " ").concat(c),
+    className: "".concat(linkClassList, " ").concat(hoverStyles, " ").concat(styles),
     onClick: navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.onClick
   }, navItemProps === null || navItemProps === void 0 ? void 0 : navItemProps.name)));
 };

package/dist/components/StarRating/index.js

@@ -60,9 +60,9 @@ const StarRating = _ref => {
       var _starRatingProps$icon2;
 
       starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        key: "unchecked_star_".concat(i + 0),
         iconProps: {
           id: "unchecked-".concat(i),
-          key: "unchecked_star_".concat(i + 0),
           classes: "".concat(iconClassList, " checked"),
           type: 'star',
           size: starRatingProps === null || starRatingProps === void 0 ? void 0 : (_starRatingProps$icon2 = starRatingProps.iconProps) === null || _starRatingProps$icon2 === void 0 ? void 0 : _starRatingProps$icon2.size
@@ -80,9 +80,9 @@ const StarRating = _ref => {
       var _starRatingProps$icon3;
 
       starsArr.push( /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        key: "checked_star_".concat(i + 0),
         iconProps: {
           id: "checked-".concat(i),
-          key: "checked_star_".concat(i + 0),
           classes: "".concat(iconClassList, " unchecked"),
           type: 'star',
           size: starRatingProps === null || starRatingProps === void 0 ? void 0 : (_starRatingProps$icon3 = starRatingProps.iconProps) === null || _starRatingProps$icon3 === void 0 ? void 0 : _starRatingProps$icon3.size

package/dist/components/Timeline/index.js

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

package/package.json

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