@bigbinary/neeto-site-blocks 1.4.0 → 1.4.2

package/dist/index.cjs.js

@@ -15486,7 +15486,9 @@ var LinkElement = function LinkElement(_ref) {
     _ref$isHighlighted = _ref.isHighlighted,
     isHighlighted = _ref$isHighlighted === void 0 ? false : _ref$isHighlighted,
     _ref$disableButtonAnd = _ref.disableButtonAndLinks,
-    disableButtonAndLinks = _ref$disableButtonAnd === void 0 ? false : _ref$disableButtonAnd;
+    disableButtonAndLinks = _ref$disableButtonAnd === void 0 ? false : _ref$disableButtonAnd,
+    _ref$children = _ref.children,
+    children = _ref$children === void 0 ? null : _ref$children;
   var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out", {
     "pointer-events-none": action === "" || disableButtonAndLinks
   });
@@ -15501,18 +15503,18 @@ var LinkElement = function LinkElement(_ref) {
   if (action === "external") {
     return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({}, commonProps, {
       target: "_blank"
-    }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
+    }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), children);
   }
   if (action === "page") {
     return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({
       as: Link !== null && Link !== void 0 ? Link : "a"
     }, commonProps, {
       to: draftMode ? "".concat(baseUrl).concat(to) : to
-    }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
+    }), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), children);
   }
   return /*#__PURE__*/React__default["default"].createElement(StyledAnchor, _extends__default["default"]({
     as: !draftMode && Link
-  }, commonProps), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null));
+  }, commonProps), label, Icon && /*#__PURE__*/React__default["default"].createElement(Icon, null), children);
 };
 var Link = withConditionalRender(LinkElement, function () {
   return !!(prop("label") || prop("icon"));
@@ -40984,20 +40986,17 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
     className: classnames("col-start-2 ml-3 flex max-h-8 justify-start sm:ml-0 sm:max-h-10 lg:col-span-3 lg:col-start-1 lg:max-h-14", {
       "col-span-10": isEmpty(buttons),
       "col-span-3 sm:col-span-4 sm:col-start-2": neetoCist.isNotEmpty(buttons)
-    }),
-    icon: function icon() {
-      return /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-        design: design.logo,
-        src: properties.logo.src
-      });
-    }
-  }, otherProps)), /*#__PURE__*/React__default["default"].createElement("div", {
+    })
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    design: design.logo,
+    src: properties.logo.src
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: classnames("col-span-5 col-start-4 hidden items-center justify-center gap-x-6 lg:flex", {
       "col-span-9 sm:justify-end": isEmpty(buttons)
     })
   }, 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));
@@ -41021,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));
@@ -41067,21 +41066,18 @@ 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));
   })), /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
     action: properties.logo.action,
     className: "col-span-6 col-start-4 m-auto flex max-h-8 justify-center sm:col-span-4 sm:col-start-5 sm:max-h-10 lg:col-span-3 lg:col-start-6 lg:max-h-14",
-    to: properties.logo.to,
-    icon: function icon() {
-      return /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-        design: design.logo,
-        src: properties.logo.src
-      });
-    }
-  }, otherProps)), /*#__PURE__*/React__default["default"].createElement("div", {
+    to: properties.logo.to
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    design: design.logo,
+    src: properties.logo.src
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex"
   }, properties.icons.map(function (_icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
@@ -41117,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));
@@ -41176,26 +41172,23 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
     action: properties.logo.action,
     className: "flex w-full gap-x-2",
-    to: properties.logo.to,
-    icon: function icon() {
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
-        className: "max-h-8 sm:max-h-10 lg:max-h-14",
-        design: design.logo,
-        src: properties.logo.src
-      }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
-        component: "p",
-        style: design.logoTitle,
-        className: classnames({
-          "hidden sm:flex": properties.logo.src
-        })
-      }, properties.logo.title));
-    }
-  }, otherProps))), /*#__PURE__*/React__default["default"].createElement("div", {
+    to: properties.logo.to
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement(StyledImage$1, {
+    className: "max-h-8 sm:max-h-10 lg:max-h-14",
+    design: design.logo,
+    src: properties.logo.src
+  }), /*#__PURE__*/React__default["default"].createElement(Typography$1, {
+    component: "p",
+    style: design.logoTitle,
+    className: classnames({
+      "hidden sm:flex": properties.logo.src
+    })
+  }, properties.logo.title))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-span-6 col-start-7 flex items-center justify-end gap-x-6 sm:col-span-5 sm:col-start-8 lg:col-span-7 lg:col-start-6"
   }, 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));
@@ -41223,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));
@@ -41306,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) {
@@ -41314,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),
@@ -41330,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
     });
@@ -41435,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);
     },