@bigbinary/neeto-site-blocks 1.6.1 → 1.6.3

package/dist/index.cjs.js

@@ -8,8 +8,8 @@ var _extends$2 = require('@babel/runtime/helpers/extends');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty$1 = require('@babel/runtime/helpers/defineProperty');
 var neetoCist = require('@bigbinary/neeto-cist');
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var reactFrameComponent = require('react-frame-component');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
@@ -52,8 +52,8 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends$2);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$1);
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
@@ -14249,20 +14249,27 @@ var DropdownWrapper = styled__default["default"].div(function (_ref) {
   var index = _ref.index,
     height = _ref.height,
     totalLength = _ref.totalLength;
+  var _useState = React.useState(0),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    cumulativeWidth = _useState2[0],
+    setCumulativeWidth = _useState2[1];
   var _useFrame = reactFrameComponent.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
+  React.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,
@@ -15864,9 +15871,9 @@ var useBreakpoints = function useBreakpoints(breakpointOverrides) {
   var _useFrame = reactFrameComponent.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 = React.useSyncExternalStore(subscribe, getSnapshot);
+  var currentSize = React.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
   return {
     currentSize: currentSize,
     isSize: equals(currentSize)
@@ -41865,13 +41872,14 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
     ref: headerIntersectorRef
   }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "relative z-10",
     ref: headerRef
   }, /*#__PURE__*/React__default["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)
@@ -42214,7 +42222,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
 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) {
+var HeroWithGallery = function HeroWithGallery(_ref) {
   var configurations = _ref.configurations,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
@@ -42944,7 +42952,7 @@ exports.HeaderWithDropdownLinks = HeaderWithDropdownLinks;
 exports.HeaderWithIcons = HeaderWithIcons;
 exports.HeaderWithLogoTitle = HeaderWithLogoTitle;
 exports.HeroWithCallToAction = HeroWithCallToAction;
-exports.HeroWithMultipleLayouts = HeroWithMultipleLayouts;
+exports.HeroWithGallery = HeroWithGallery;
 exports.Icons = index;
 exports.LogoClouds = LogoClouds;
 exports.Paragraph = Paragraph;