trepur_components 0.3.24 → 0.3.27

package/dist/components/Card/index.js

@@ -19,8 +19,6 @@ var _Video = _interopRequireDefault(require("../Video"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _Icon = _interopRequireDefault(require("../Icon"));
-
 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); }

package/dist/components/Carousel/index.js

@@ -24,7 +24,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
 
 //https://keen-slider.io/docs#usage-in-react
-const CarouselV2 = _ref => {
+const Carousel = _ref => {
   var _instanceRef$current3, _instanceRef$current4, _instanceRef$current5, _instanceRef$current6, _instanceRef$current7, _instanceRef$current8, _instanceRef$current9, _instanceRef$current10;
 
   let {
@@ -167,7 +167,7 @@ function Arrow(props) {
   }, 'arrow w-12 translate-y-2/4 h-12 absolute cursor-pointer top-1/2');
   return /*#__PURE__*/_react.default.createElement("svg", {
     style: {
-      '-webkit-transform': 'translateY(-50%)'
+      'WebkitTransform': 'translateY(-50%)'
     },
     onClick: props === null || props === void 0 ? void 0 : props.onClick,
     className: "".concat(arrowClasses),
@@ -180,5 +180,5 @@ function Arrow(props) {
   }));
 }
 
-var _default = CarouselV2;
+var _default = Carousel;
 exports.default = _default;

package/dist/components/Container/index.js

@@ -39,7 +39,7 @@ const Container = _ref => {
   }, 'mx-auto');
   return /*#__PURE__*/_react.default.createElement("div", _extends({
     style: {
-      'max-width': containerProps.maxWidth
+      'maxWidth': containerProps.maxWidth
     }
   }, (containerProps === null || containerProps === void 0 ? void 0 : containerProps.id) && {
     id: containerProps === null || containerProps === void 0 ? void 0 : containerProps.id

package/dist/components/Nav/index.js

@@ -50,7 +50,8 @@ const Nav = _ref => {
     borderBottom,
     borderBottomColor,
     closeMobileIconProps,
-    rowHeight
+    rowHeight,
+    getNavStatus
   } = _ref;
   const [showSideNav, setShowSideNav] = (0, _react.useState)(false);
   const [showDropdownNav, setShowDropdownNav] = (0, _react.useState)(false);
@@ -105,6 +106,28 @@ const Nav = _ref => {
     'fixed w-full z-50 top-0 mt-0': fixedTop,
     'border-b': borderBottom
   }, "hidden md:block items-center justify-between sm:items-stretch text-center");
+
+  const openMenu = () => {
+    getNavStatus({
+      asSideBar: asSideBar,
+      open: true
+    });
+
+    if (asSideBar) {
+      setShowSideNav(true);
+    } else {
+      setShowDropdownNav(!showDropdownNav);
+    }
+  };
+
+  const closeMenu = () => {
+    getNavStatus({
+      asSideBar: asSideBar,
+      open: false
+    });
+    setShowSideNav(false);
+  };
+
   return /*#__PURE__*/_react.default.createElement("nav", {
     id: id,
     className: classes
@@ -115,7 +138,7 @@ const Nav = _ref => {
     id: "nav-collapse-btn-wrapper",
     className: "absolute inset-y-0 left-2 flex items-center"
   }, /*#__PURE__*/_react.default.createElement("button", {
-    onClick: asSideBar ? () => setShowSideNav(true) : () => setShowDropdownNav(!showDropdownNav),
+    onClick: openMenu,
     type: "button",
     className: "inline-flex items-center justify-center \n                            p-2 rounded-md focus:ring-2 focus:ring-inset \n                            focus:ring-white ".concat(styles),
     "aria-controls": "mobile-menu",
@@ -205,7 +228,7 @@ const Nav = _ref => {
   }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     iconProps: {
       classes: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.classes,
-      onClick: () => setShowSideNav(false),
+      onClick: closeMenu,
       type: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.type,
       size: closeMobileIconProps === null || closeMobileIconProps === void 0 ? void 0 : closeMobileIconProps.size
     }

package/dist/components/SocialBlock/index.js

@@ -71,7 +71,7 @@ const SocialBlock = _ref => {
   });
   const buttnoWrapperClasslist = (0, _classnames.default)({
     [buttonWrapperClasses]: buttonWrapperClasses
-  }, 'pt-4 text-center');
+  }, 'pt-4');
   const hoverClassList = (0, _classnames.default)({
     [hoverClasses]: withLiveUpdates && !isInEditingMode && isHovering,
     [textWrapperClasses]: textWrapperClasses
@@ -172,9 +172,13 @@ const SocialBlock = _ref => {
     className: "pt-4"
   }, componentData.text.text)), /*#__PURE__*/_react.default.createElement("div", {
     className: buttnoWrapperClasslist
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: "flex flex-wrap w-full justify-center"
   }, socialButtons && socialButtons.map((button, i) => {
-    return button;
-  }))));
+    return /*#__PURE__*/_react.default.createElement("div", {
+      key: "social_btn_".concat(i + 1)
+    }, button);
+  })))));
 };
 
 var _default = SocialBlock;

package/dist/components/Timeline/index.js

@@ -61,82 +61,82 @@ const Timeline = _ref => {
   const circleVerticalBefore = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'top': '0%',
     'left': '49.9%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const circleVerticalCollapseBefore = {
     'position': ' absolute',
     'display': ' block',
-    'border-left': ' 1px solid #31a3dd',
+    'borderLeft': ' 1px solid #31a3dd',
     'content': ' ""',
     'height': ' 50%',
     'top': ' 0%',
     'left': ' 8.2%',
-    'z-index': ' -1'
+    'zIndex': ' -1'
   };
   const lastCircleVerticalBefore = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'top': '0%',
     'left': '49.9%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const lastCircleVerticalCollapseBefore = {
     'position': ' absolute',
     'display': ' block',
-    'border-left': ' 1px solid #31a3dd',
+    'borderLeft': ' 1px solid #31a3dd',
     'content': ' ""',
     'height': ' 50%',
     'top': ' 0%',
     'left': ' 8.2%',
-    'z-index': ' -1'
+    'zIndex': ' -1'
   };
   const circleVerticalAfter = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'bottom': '0%',
     'left': '49.9%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const firstCircleVerticalAfter = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'bottom': '0%',
     'left': '49.9%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const circleVerticalCollapseAfter = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'bottom': '0%',
     'left': '8.2%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   const firstCircleVerticalCollapseAfter = {
     'position': 'absolute',
     'display': 'block',
-    'border-left': '1px solid #31a3dd',
+    'borderLeft': '1px solid #31a3dd',
     'content': '""',
     'height': '50%',
     'bottom': '0%',
     'left': '8.2%',
-    'z-index': '-1'
+    'zIndex': '-1'
   };
   return /*#__PURE__*/_react.default.createElement(_Column.default, {
     columnProps: {

package/package.json

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