@bigbinary/neeto-site-blocks 1.8.16 → 1.8.18

package/dist/index.cjs.js

@@ -3586,10 +3586,13 @@ var Close = function Close(_ref) {
     other = _objectWithoutProperties__default["default"](_ref, _excluded$1z);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
-    viewBox: "0 0 24 24",
-    width: size
-  }, other), /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M12.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z"
+    width: size,
+    x: "0px",
+    y: "0px"
+  }, other, {
+    viewBox: "0 0 64 64"
+  }), /*#__PURE__*/React__default["default"].createElement("path", {
+    d: "M 16 14 C 15.488 14 14.976938 14.194937 14.585938 14.585938 C 13.804937 15.366937 13.804937 16.633063 14.585938 17.414062 L 29.171875 32 L 14.585938 46.585938 C 13.804938 47.366938 13.804937 48.633063 14.585938 49.414062 C 14.976937 49.805062 15.488 50 16 50 C 16.512 50 17.023062 49.805062 17.414062 49.414062 L 32 34.828125 L 46.585938 49.414062 C 47.366938 50.195063 48.633063 50.195062 49.414062 49.414062 C 50.195063 48.633062 50.195062 47.366937 49.414062 46.585938 L 34.828125 32 L 49.414062 17.414062 C 50.195063 16.633063 50.195062 15.366938 49.414062 14.585938 C 48.633062 13.804938 47.366937 13.804938 46.585938 14.585938 L 32 29.171875 L 17.414062 14.585938 C 17.023062 14.194938 16.512 14 16 14 z"
   }));
 };
 Close.defaultProps = {
@@ -4000,10 +4003,12 @@ var Menu = function Menu(_ref) {
     other = _objectWithoutProperties__default["default"](_ref, _excluded$1c);
   return /*#__PURE__*/React__default["default"].createElement("svg", _extends__default["default"]({
     height: size,
-    viewBox: "0 0 24 24",
-    width: size
+    viewBox: "0 0 48 48",
+    width: size,
+    x: "0px",
+    y: "0px"
   }, other), /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M3 4H21V6H3V4ZM3 11H21V13H3V11ZM3 18H21V20H3V18Z"
+    d: "M 5.5 9 A 1.50015 1.50015 0 1 0 5.5 12 L 42.5 12 A 1.50015 1.50015 0 1 0 42.5 9 L 5.5 9 z M 5.5 22.5 A 1.50015 1.50015 0 1 0 5.5 25.5 L 42.5 25.5 A 1.50015 1.50015 0 1 0 42.5 22.5 L 5.5 22.5 z M 5.5 36 A 1.50015 1.50015 0 1 0 5.5 39 L 42.5 39 A 1.50015 1.50015 0 1 0 42.5 36 L 5.5 36 z"
   }));
 };
 Menu.defaultProps = {
@@ -14595,7 +14600,7 @@ var useElementClick = function useElementClick(_ref) {
     event.preventDefault();
     if (!id) return;
     setTimeout(function () {
-      var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+      var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
       var element = document.querySelector("[data-element-id=".concat(id, "]"));
       var card = document.querySelector("[data-highlight-id=".concat(id, "]"));
 
@@ -14642,7 +14647,7 @@ var useElementClick = function useElementClick(_ref) {
   var handleTitleClick = function handleTitleClick() {
     setTimeout(function () {
       if (!document) return;
-      var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+      var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
       var inputWrapper = accordion === null || accordion === void 0 ? void 0 : accordion.querySelector(".neeto-ui-input");
       var card = document.querySelector("[data-highlight-id=".concat(id, "]"));
       var element = document.querySelector("[data-element-id=".concat(id, "]"));
@@ -14698,7 +14703,7 @@ var useElementClick = function useElementClick(_ref) {
     event.preventDefault();
     setTimeout(function () {
       if (neetoCist.isPresent(index)) {
-        var accordion = document.querySelector("[data-accordion-id=".concat(id.replace(/-[^-]+$/, ""), "]"));
+        var accordion = document.querySelector("[data-accordion-id=".concat(id === null || id === void 0 ? void 0 : id.replace(/-[^-]+$/, ""), "]"));
         if (!accordion) return;
         accordion.scrollIntoView({
           behavior: "smooth",
@@ -42573,16 +42578,24 @@ var HeaderWithButtons = function HeaderWithButtons(_ref) {
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    className: classnames("col-span-1 col-start-1 flex items-center transition-all lg:hidden", {
+      "rotate-90 transform": isMenuOpen
+    }),
     onClick: function onClick() {
       return setIsMenuOpen(function (open) {
         return !open;
       });
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 my-6 ml-2 flex flex-col gap-y-6 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (button, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       className: "w-fit",
@@ -42679,16 +42692,24 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
       index: index
     }, otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    className: classnames("col-span-1 col-start-1 flex items-center transition-all lg:hidden", {
+      "rotate-90 transform": isMenuOpen
+    }),
     onClick: function onClick() {
       return setIsMenuOpen(function (open) {
         return !open;
       });
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 my-6 ml-2 flex flex-col gap-y-6 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (link, index) {
     return /*#__PURE__*/React__default["default"].createElement(Dropdown, {
       index: index,
@@ -42717,10 +42738,6 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isLinksOpen = _useState2[0],
     setIsLinksOpen = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    isIconsOpen = _useState4[0],
-    setIsIconsOpen = _useState4[1];
   var properties = configurations.properties,
     design = configurations.design;
   var position = properties.position;
@@ -42763,6 +42780,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     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"]({
+      disableHovering: true,
       id: "header-with-icons-icons-".concat(index, "-icon"),
       key: getUniqueKey(_icon.to, index),
       style: design.icons,
@@ -42776,25 +42794,24 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
       index: index
     }, _icon), otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-2 col-start-1 flex items-center lg:hidden",
+    className: classnames("col-span-1 col-start-1 flex items-center transition-all lg:hidden", {
+      "rotate-90 transform": isLinksOpen
+    }),
     onClick: function onClick() {
       return setIsLinksOpen(function (open) {
         return !open;
       });
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    fill: design.hamburgerMenu.color
-  })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-2 col-start-11 flex justify-end sm:hidden",
-    onClick: function onClick() {
-      return setIsIconsOpen(function (open) {
-        return !open;
-      });
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(More2, {
-    fill: design.hamburgerMenu.color
+  }, !isLinksOpen ? /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isLinksOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 my-6 ml-2 flex flex-col gap-y-6 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (icon, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
       className: "w-fit",
@@ -42807,14 +42824,14 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         fontWeight: "500"
       })
     }, icon));
-  })), isIconsOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-2 col-start-11 mt-3 flex flex-col justify-end space-y-1 lg:hidden"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mt-2 flex items-center gap-x-3 md:hidden"
   }, properties.icons.map(function (_icon2, index) {
     return /*#__PURE__*/React__default["default"].createElement(Link, _extends__default["default"]({
-      className: "w-full",
+      disableHovering: true,
+      className: "hover:no-underline",
       id: "header-with-icons-icons-".concat(index, "-icon"),
       key: getUniqueKey(_icon2.to, index),
-      setIsMenuOpen: setIsIconsOpen,
       style: design.icons,
       icon: function icon() {
         return renderIcon(_objectSpread$4({
@@ -42823,7 +42840,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
         }, design.icons));
       }
     }, _icon2, otherProps));
-  }))));
+  })))));
 };
 
 var _excluded$6 = ["configurations", "className", "id", "currentPath"];
@@ -42901,16 +42918,24 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
       index: index
     }, button), otherProps)));
   })), /*#__PURE__*/React__default["default"].createElement("button", {
-    className: "col-span-1 col-start-1 flex items-center sm:col-span-1 lg:hidden",
+    className: classnames("col-span-1 col-start-1 flex items-center transition-all lg:hidden", {
+      "rotate-90 transform": isMenuOpen
+    }),
     onClick: function onClick() {
       return setIsMenuOpen(function (open) {
         return !open;
       });
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, {
-    fill: design.hamburgerMenu.color
+  }, !isMenuOpen ? /*#__PURE__*/React__default["default"].createElement(Menu, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
+  }) : /*#__PURE__*/React__default["default"].createElement(Close, {
+    className: "fadeIn",
+    fill: design.hamburgerMenu.color,
+    size: 32
   })), isMenuOpen && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "fadeIn col-span-12 col-start-1 my-6 ml-2 flex flex-col gap-y-6 lg:hidden"
+    className: "fadeIn col-span-12 col-start-1 my-6 flex flex-col gap-y-6 lg:hidden"
   }, properties.links.map(function (_ref2, index) {
     var label = _ref2.label,
       to = _ref2.to,