@bigbinary/neeto-site-blocks 1.4.1 → 1.4.3

package/dist/index.cjs.js

@@ -40996,7 +40996,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
     })
   }, properties.links.map(function (link, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
-      isHighlighted: currentPath === link.to,
+      isHighlighted: link.to && currentPath === link.to,
       key: getUniqueKey(link.label, index),
       style: design.links
     }, link, otherProps));
@@ -41020,7 +41020,7 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
     className: "fadeIn col-span-2 col-start-1 ml-2 mt-3 block space-y-2 lg:hidden"
   }, properties.links.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
-      isHighlighted: currentPath === button.to,
+      isHighlighted: button.to && currentPath === button.to,
       key: getUniqueKey(button.to, button.label, index),
       style: design.links
     }, button, otherProps));
@@ -41066,7 +41066,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     className: "col-span-4 col-start-1 hidden items-center gap-6 lg:flex"
   }, properties.links.map(function (link, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
-      isHighlighted: currentPath === link.to,
+      isHighlighted: link.to && currentPath === link.to,
       key: getUniqueKey(link.label, index),
       style: design.links
     }, link, otherProps));
@@ -41113,7 +41113,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
   }, properties.links.map(function (icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       className: "w-full",
-      isHighlighted: currentPath === icon.to,
+      isHighlighted: icon.to && currentPath === icon.to,
       key: getUniqueKey(icon.url, icon.label, index),
       style: design.links
     }, icon));
@@ -41188,7 +41188,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
   }, properties.links.map(function (link, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       className: "hidden lg:inline",
-      isHighlighted: currentPath === link.to,
+      isHighlighted: link.to && currentPath === link.to,
       key: getUniqueKey(link.label, link.to, index),
       style: design.links
     }, link, otherProps));
@@ -41216,7 +41216,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
       action: action,
       label: label,
       to: to,
-      isHighlighted: currentPath === to,
+      isHighlighted: to && currentPath === to,
       key: getUniqueKey(to, label, index),
       style: design.links
     }, otherProps));
@@ -41299,7 +41299,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
   })));
 };
 
-var _excluded$3 = ["configurations", "className", "id"];
+var _excluded$3 = ["configurations", "className", "id", "disableButtonAndLinks"];
 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__default["default"](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; }
 var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
@@ -41307,6 +41307,7 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
+    disableButtonAndLinks = _ref.disableButtonAndLinks,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$3);
   var _useState = React.useState(0),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -41323,11 +41324,11 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
     var src = _ref2.src,
       position = _ref2.position,
       isEmptyContent = _ref2.isEmptyContent;
-    return classnames("sm:col-span-6 col-span-12", {
-      "sm:col-start-1": src && position === POSITIONS.RIGHT.label,
+    return classnames("col-span-12", {
+      "sm:col-start-1 sm:col-span-6 ": src && position === POSITIONS.RIGHT.label,
       "sm:col-span-8 sm:col-start-3": src && position === POSITIONS.BOTTOM.label,
-      "sm:col-span-12 sm:col-start-1 flex flex-col justify-center order-2": src && position === POSITIONS.TOP.label,
-      "sm:col-start-7": src && position === POSITIONS.LEFT.label,
+      "sm:col-span-8 sm:col-start-3 flex flex-col justify-center order-2": src && position === POSITIONS.TOP.label,
+      "sm:col-start-7 sm:col-span-6 ": src && position === POSITIONS.LEFT.label,
       "flex flex-col justify-center sm:col-span-12": !src,
       hidden: isEmptyContent
     });
@@ -41428,11 +41429,17 @@ var HeroWithMultipleLayouts = function HeroWithMultipleLayouts(_ref) {
       return (_swiperRef$current = swiperRef.current) === null || _swiperRef$current === void 0 ? void 0 : _swiperRef$current.slidePrev();
     }
   }), /*#__PURE__*/React__default["default"].createElement(Swiper, {
-    className: "ns-hero-with-slider",
-    modules: [Pagination],
+    keyboard: {
+      enabled: true,
+      onlyInViewport: true
+    },
+    modules: [Pagination, Keyboard],
     pagination: {
       clickable: true
     },
+    className: classnames("ns-hero-with-slider", {
+      "pointer-events-none": disableButtonAndLinks
+    }),
     onSlideChange: function onSlideChange(swiper) {
       return setActiveIndex(swiper.activeIndex);
     },
@@ -41708,18 +41715,24 @@ var Slides = function Slides(_ref) {
     var title = _ref2.title,
       subTitle = _ref2.subTitle,
       layout = _ref2.layout,
-      imageUrl = _ref2.imageUrl;
+      imageUrl = _ref2.imageUrl,
+      titleTextAlign = _ref2.titleTextAlign,
+      subTitleTextAlign = _ref2.subTitleTextAlign;
     if (layout === "titleWithSubTitle") {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-span-12"
       }, /*#__PURE__*/React__default["default"].createElement(Typography$1, {
         isTitle: true,
         component: "h1",
-        style: design.title
+        style: mergeRight(design.title, {
+          textAlign: titleTextAlign
+        })
       }, title), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
         isTitle: true,
         component: "h1",
-        style: design.subTitle
+        style: mergeRight(design.subTitle, {
+          textAlign: subTitleTextAlign
+        })
       }, subTitle));
     }
     return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -41743,7 +41756,7 @@ var Slides = function Slides(_ref) {
     swiperRef: swiperRef,
     isStart: true,
     Icon: ArrowLeftS$1,
-    className: "absolute left-0 top-1/2 z-20 sm:left-2 lg:left-28",
+    className: "z-20 hidden sm:absolute sm:top-1/2 sm:left-0 sm:flex lg:left-28",
     onClick: function onClick() {
       var _swiperRef$current;
       return (_swiperRef$current = swiperRef.current) === null || _swiperRef$current === void 0 ? void 0 : _swiperRef$current.slidePrev();
@@ -41756,6 +41769,9 @@ var Slides = function Slides(_ref) {
     },
     modules: swiperModules,
     spaceBetween: 10,
+    className: classnames({
+      "pointer-events-none": disableButtonAndLinks
+    }),
     history: {
       key: pageUrl ? pageUrl.slice(1) : "slides",
       root: hostUrl !== null && hostUrl !== void 0 ? hostUrl : window.location.origin
@@ -41766,41 +41782,29 @@ var Slides = function Slides(_ref) {
     onSwiper: function onSwiper(swiper) {
       swiperRef.current = swiper;
     }
-  }, slides.map(function (_ref3, index) {
-    var title = _ref3.title,
-      url = _ref3.url,
-      logoUrl = _ref3.logoUrl,
-      subTitle = _ref3.subTitle,
-      layout = _ref3.layout,
-      imageUrl = _ref3.imageUrl,
-      backgroundImage = _ref3.backgroundImage;
+  }, slides.map(function (slide, index) {
     return /*#__PURE__*/React__default["default"].createElement(SwiperSlide, {
       className: classnames("my-auto", className),
-      "data-history": !disableButtonAndLinks ? url : "",
-      key: getUniqueKey(title, index)
+      "data-history": !disableButtonAndLinks ? slide.url : "",
+      key: getUniqueKey(slide.title, index)
     }, /*#__PURE__*/React__default["default"].createElement(StyledWrapper, {
       isRootWrapper: true,
       backgroundImage: mergeLeft({
-        src: backgroundImage.src
+        src: slide.backgroundImage.src
       }, design.backgroundImage),
       className: classnames("neeto-site-block-wrapper relative lg:w-9/12", baseClasses),
       design: mergeRight(design.container, {
         paddingHorizontal: design.body.paddingHorizontal
       })
-    }, logoUrl && /*#__PURE__*/React__default["default"].createElement("img", {
+    }, slide.logoUrl && /*#__PURE__*/React__default["default"].createElement("img", {
       className: "absolute top-8 right-12 w-20",
-      src: logoUrl
-    }), renderSwiperSlide({
-      title: title,
-      subTitle: subTitle,
-      layout: layout,
-      imageUrl: imageUrl
-    })));
+      src: slide.logoUrl
+    }), renderSwiperSlide(slide)));
   })), /*#__PURE__*/React__default["default"].createElement(PageNavigation, {
     activeIndex: activeIndex,
     swiperRef: swiperRef,
     Icon: ArrowRightS$1,
-    className: "absolute top-1/2 right-0 z-20 sm:right-2 lg:right-28",
+    className: "z-20 hidden sm:absolute sm:top-1/2 sm:right-0 sm:flex lg:right-28",
     onClick: function onClick() {
       var _swiperRef$current2;
       return (_swiperRef$current2 = swiperRef.current) === null || _swiperRef$current2 === void 0 ? void 0 : _swiperRef$current2.slideNext();