@bigbinary/neeto-site-blocks 1.6.1 → 1.6.2

package/dist/index.js

@@ -5,8 +5,8 @@ import _extends$2 from '@babel/runtime/helpers/extends';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _defineProperty$1 from '@babel/runtime/helpers/defineProperty';
 import { isNotPresent, isNotEmpty } from '@bigbinary/neeto-cist';
-import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { useFrame } from 'react-frame-component';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -14203,20 +14203,27 @@ var DropdownWrapper = styled.div(function (_ref) {
   var index = _ref.index,
     height = _ref.height,
     totalLength = _ref.totalLength;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    cumulativeWidth = _useState2[0],
+    setCumulativeWidth = _useState2[1];
   var _useFrame = useFrame(),
     iframeDocument = _useFrame.document;
   var _useBreakpoints = useBreakpoints$1(),
     currentSize = _useBreakpoints.currentSize;
 
   // Calculate cumulative width of dropdowns with buffer
-  var cumulativeWidth = 0;
-  for (var i = totalLength - 1; i > index; i--) {
-    var dropdown = (iframeDocument !== null && iframeDocument !== void 0 ? iframeDocument : document).getElementById("dropdown-".concat(i));
-    if (dropdown) {
-      cumulativeWidth += dropdown.offsetWidth + 15; //buffer width
+  useEffect(function () {
+    var cumulativeWidth = 0;
+    for (var i = totalLength - 1; i > index; i--) {
+      var dropdown = (iframeDocument !== null && iframeDocument !== void 0 ? iframeDocument : document).getElementById("dropdown-".concat(i));
+      if (dropdown) {
+        cumulativeWidth += dropdown.offsetWidth + 15; // buffer width
+      }
     }
-  }
 
+    setCumulativeWidth(cumulativeWidth);
+  }, []);
   var isLargeScreen = currentSize === "desktop" || currentSize === "largeDesktop";
   return isLargeScreen ? {
     right: cumulativeWidth,
@@ -15818,9 +15825,9 @@ var useBreakpoints = function useBreakpoints(breakpointOverrides) {
   var _useFrame = useFrame(),
     iframeWindow = _useFrame.window;
   var getSnapshot = function getSnapshot() {
-    return getCurrentSize(iframeWindow !== null && iframeWindow !== void 0 ? iframeWindow : window, breakpointOverrides);
+    return typeof window !== "undefined" ? getCurrentSize(iframeWindow !== null && iframeWindow !== void 0 ? iframeWindow : window, breakpointOverrides) : getCurrentSize({}, breakpointOverrides);
   };
-  var currentSize = useSyncExternalStore(subscribe, getSnapshot);
+  var currentSize = useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   return {
     currentSize: currentSize,
     isSize: equals(currentSize)
@@ -41819,13 +41826,14 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
     ref: headerIntersectorRef
   }), /*#__PURE__*/React__default.createElement("div", {
+    className: "relative z-10",
     ref: headerRef
   }, /*#__PURE__*/React__default.createElement(BlockWrapper, {
     id: id,
     design: design.body,
     nestedClassName: baseClasses,
     nestedComponent: StyledWrapper,
-    className: classnames("relative z-10", {
+    className: classnames({
       "neeto-site-sticky-header": position === "sticky",
       "neeto-site-sticky-header--scroll": !isHeadingWrapperVisible
     }, className)