@bigbinary/neeto-site-blocks 1.10.9 → 1.10.10

package/dist/index.js

@@ -14083,7 +14083,7 @@ var withConditionalRender = function withConditionalRender(Component, condition)
   return ConditionalRender;
 };
 
-var _excluded$B = ["id", "disableButtonAndLinks", "wrapperClassName", "index", "image"];
+var _excluded$B = ["id", "disableButtonAndLinks", "wrapperClassName", "index", "image", "isAddNewPane"];
 var StyledImage = styled.img.attrs(function () {
   return {
     className: "hover:mix-blend-multiply"
@@ -14115,6 +14115,8 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
     wrapperClassName = _ref2.wrapperClassName,
     index = _ref2.index,
     image = _ref2.image,
+    _ref2$isAddNewPane = _ref2.isAddNewPane,
+    isAddNewPane = _ref2$isAddNewPane === void 0 ? false : _ref2$isAddNewPane,
     props = _objectWithoutProperties(_ref2, _excluded$B);
   var _useElementClick = useElementClick({
       id: id,
@@ -14123,7 +14125,7 @@ var StyledImageWithWrapper = function StyledImageWithWrapper(_ref2) {
     handleImageClick = _useElementClick.handleImageClick;
   return /*#__PURE__*/React__default.createElement(StyledWrapper, {
     className: classnames("flex justify-center", _defineProperty$1({
-      "neeto-site-highlight__element": disableButtonAndLinks
+      "neeto-site-highlight__element": disableButtonAndLinks && !isAddNewPane
     }, wrapperClassName, wrapperClassName)),
     onClick: disableButtonAndLinks && handleImageClick
   }, /*#__PURE__*/React__default.createElement(StyledImage, _extends$2({
@@ -15336,11 +15338,13 @@ var Button = function Button(_ref) {
     Link = _ref.link,
     _ref$disableButtonAnd = _ref.disableButtonAndLinks,
     disableButtonAndLinks = _ref$disableButtonAnd === void 0 ? false : _ref$disableButtonAnd,
+    _ref$isAddNewPane = _ref.isAddNewPane,
+    isAddNewPane = _ref$isAddNewPane === void 0 ? false : _ref$isAddNewPane,
     id = _ref.id,
     index = _ref.index;
   var anchorBaseClass = classnames("inline-flex items-center justify-center transition-all duration-300 ease-in-out", {
-    "neeto-site-highlight__element after:z-10": disableButtonAndLinks,
-    "pointer-events-none": !disableButtonAndLinks && action === ""
+    "neeto-site-highlight__element after:z-10": disableButtonAndLinks && !isAddNewPane,
+    "pointer-events-none": isAddNewPane || !disableButtonAndLinks && action === ""
   });
   var _useElementClick = useElementClick({
       id: id,
@@ -15412,7 +15416,7 @@ var PageAndScroll = function PageAndScroll(_ref) {
   }), label, Icon && /*#__PURE__*/React__default.createElement(Icon, null), children);
 };
 
-var _excluded$x = ["to", "label", "style", "className", "icon", "action", "baseUrl", "draftMode", "link", "isHighlighted", "disableButtonAndLinks", "children", "disableHovering", "setIsMenuOpen", "id", "index", "router"];
+var _excluded$x = ["to", "label", "style", "className", "icon", "action", "baseUrl", "draftMode", "link", "isHighlighted", "disableButtonAndLinks", "children", "disableHovering", "setIsMenuOpen", "isAddNewPane", "id", "index", "router"];
 function ownKeys$l(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$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var LinkElement = function LinkElement(_ref) {
@@ -15441,13 +15445,15 @@ var LinkElement = function LinkElement(_ref) {
     _ref$disableHovering = _ref.disableHovering,
     disableHovering = _ref$disableHovering === void 0 ? false : _ref$disableHovering,
     setIsMenuOpen = _ref.setIsMenuOpen,
+    _ref$isAddNewPane = _ref.isAddNewPane,
+    isAddNewPane = _ref$isAddNewPane === void 0 ? false : _ref$isAddNewPane,
     id = _ref.id,
     index = _ref.index,
     router = _ref.router,
     otherProps = _objectWithoutProperties(_ref, _excluded$x);
   var baseClass = classnames("inline-flex items-center transition-all duration-300 ease-in-out relative", {
-    "neeto-site-highlight__element": disableButtonAndLinks,
-    "pointer-events-none": !disableButtonAndLinks && action === ""
+    "neeto-site-highlight__element": disableButtonAndLinks && !isAddNewPane,
+    "pointer-events-none": isAddNewPane || !disableButtonAndLinks && action === ""
   });
   var _useElementClick = useElementClick({
       id: id,
@@ -15455,6 +15461,7 @@ var LinkElement = function LinkElement(_ref) {
     }),
     handleClick = _useElementClick.handleClick;
   var handleLinkClick = function handleLinkClick(event) {
+    if (isAddNewPane) return;
     setIsMenuOpen && setIsMenuOpen(false);
     disableButtonAndLinks && handleClick(event);
   };
@@ -15774,7 +15781,7 @@ var Toggle = function Toggle(_ref) {
   })));
 };
 
-var _excluded$u = ["style", "component", "className", "isTitle", "children", "disableButtonAndLinks", "id", "index"];
+var _excluded$u = ["style", "component", "className", "isTitle", "children", "disableButtonAndLinks", "id", "index", "isAddNewPane"];
 var Typography = function Typography(_ref) {
   var _ref$style = _ref.style,
     style = _ref$style === void 0 ? DEFAULT_TYPOGRAPHY_STYLES : _ref$style,
@@ -15789,6 +15796,8 @@ var Typography = function Typography(_ref) {
     disableButtonAndLinks = _ref$disableButtonAnd === void 0 ? false : _ref$disableButtonAnd,
     id = _ref.id,
     index = _ref.index,
+    _ref$isAddNewPane = _ref.isAddNewPane,
+    isAddNewPane = _ref$isAddNewPane === void 0 ? false : _ref$isAddNewPane,
     otherProps = _objectWithoutProperties(_ref, _excluded$u);
   var _useElementClick = useElementClick({
       id: id,
@@ -15804,9 +15813,9 @@ var Typography = function Typography(_ref) {
     as: isTitle ? component : COMPONENTS.div,
     design: style,
     className: classnames("neeto-site-typography break-words", className, {
-      "neeto-site-highlight__element": disableButtonAndLinks
+      "neeto-site-highlight__element": disableButtonAndLinks && !isAddNewPane
     }),
-    onClick: handleTitleClick
+    onClick: !isAddNewPane && handleTitleClick
   }, otherProps), isTitle ? children : /*#__PURE__*/React__default.createElement(StyledInterweave, {
     className: "neeto-editor-content",
     content: children,
@@ -15861,6 +15870,7 @@ var BlogContent = function BlogContent(_ref) {
     design: design.image,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "blog-content-image",
+    isAddNewPane: otherProps.isAddNewPane,
     src: imageSrc
   })), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     className: textClasses,
@@ -21059,7 +21069,9 @@ var CardsInGridView = function CardsInGridView(_ref) {
       index: index,
       design: mergeRight(design.cardImage, style),
       id: "cards-in-grid-view-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: imageUrl,
+      wrapperClassName: "h-full w-full",
       className: classnames("mx-auto", {
         "max-h-40": mode === "landscape",
         "max-h-72": mode === "portrait"
@@ -21072,11 +21084,13 @@ var CardsInGridView = function CardsInGridView(_ref) {
       isTitle: true,
       component: "h5",
       id: "cards-in-grid-view-".concat(index, "-title"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.cardTitle
     }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
       index: index,
       id: "cards-in-grid-view-".concat(index, "-description"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.cardDescription
     }, description))));
   };
@@ -21097,6 +21111,7 @@ var CardsInGridView = function CardsInGridView(_ref) {
       className: "col-span-12",
       component: "h3",
       id: "cards-in-grid-view-title",
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.title
     }, title), /*#__PURE__*/React__default.createElement(ArrowButton, {
       isStart: true,
@@ -21369,8 +21384,9 @@ var CardsWithImage = function CardsWithImage(_ref) {
       className: "!justify-self-end",
       design: design.cardImage,
       id: "cards-with-image-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: imageUrl,
-      wrapperClassName: "grid"
+      wrapperClassName: "grid h-full w-full"
     }))));
   }), isAddMoreRequired && /*#__PURE__*/React__default.createElement(MotionWrapper, {
     enableAnimation: enableAnimation,
@@ -21688,6 +21704,7 @@ var CtaWithLogo = function CtaWithLogo(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "cta-with-logo-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: logoUrl,
     wrapperClassName: "flex item-center flex-shrink-0"
   }), /*#__PURE__*/React__default.createElement("div", {
@@ -22015,6 +22032,7 @@ var FeatureWithDetails = function FeatureWithDetails(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-details-media",
+    isAddNewPane: otherProps.isAddNewPane,
     lgImageWidth: design.media.width,
     src: imageUrl
   })));
@@ -22078,6 +22096,7 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-grid-media",
+    isAddNewPane: otherProps.isAddNewPane,
     src: imageURL
   })), features.map(function (_ref2, index) {
     var featureTitle = _ref2.title,
@@ -22097,6 +22116,7 @@ var FeatureWithGrid = function FeatureWithGrid(_ref) {
       design: design.featureImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "feature-with-grid-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: featureImageUrl,
       title: featureImageTitle
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
@@ -22175,6 +22195,7 @@ var FeatureWithImage = function FeatureWithImage(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-image-media",
+    isAddNewPane: otherProps.isAddNewPane,
     lgImageWidth: design.media.width,
     src: imageUrl
   })));
@@ -22320,6 +22341,7 @@ var FeatureWithList = function FeatureWithList(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-list-media",
+    isAddNewPane: otherProps.isAddNewPane,
     lgImageWidth: design.media.width,
     src: imageURL
   })));
@@ -22447,6 +22469,7 @@ var FeatureWithProgressBar = function FeatureWithProgressBar(_ref) {
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "feature-with-progress-bar-".concat(selectedTabId - 1, "-media"),
     index: selectedTabId - 1,
+    isAddNewPane: otherProps.isAddNewPane,
     isEmbedded: features[selectedTabId - 1].media.isEmbedded,
     src: features[selectedTabId - 1].media.src,
     videoUrl: features[selectedTabId - 1].media.videoUrl
@@ -22498,6 +22521,7 @@ var FooterClassic = function FooterClassic(_ref) {
       design: design.logo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "footer-classic-logo",
+      isAddNewPane: otherProps.isAddNewPane,
       src: logo.src,
       wrapperClassName: "mb-4 sm:mb-0"
     }), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
@@ -22554,6 +22578,7 @@ var FooterClassic = function FooterClassic(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-classic-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: logo.src
   })), /*#__PURE__*/React__default.createElement(ListWrapper$1, {
     className: "flex flex-grow flex-wrap gap-x-7  gap-y-4 sm:justify-end",
@@ -22635,6 +22660,7 @@ var FooterWithIcons = function FooterWithIcons(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-icons-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: logo.src,
     wrapperClassName: "items-center"
   }), logo.src && /*#__PURE__*/React__default.createElement(StyledWrapper, {
@@ -22714,6 +22740,7 @@ var FooterWithLinks = function FooterWithLinks(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "footer-with-links-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: logo.src
   }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     design: design.logoTitle,
@@ -22816,7 +22843,8 @@ var GalleryClassic = function GalleryClassic(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
-    image = _ref.image;
+    image = _ref.image,
+    isAddNewPane = _ref.isAddNewPane;
   var _useState = useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     swiper = _useState2[0],
@@ -22844,12 +22872,14 @@ var GalleryClassic = function GalleryClassic(_ref) {
     className: "col-span-12 col-start-1 sm:col-span-6 sm:col-start-4"
   }, /*#__PURE__*/React__default.createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
+    isAddNewPane: isAddNewPane,
     isTitle: true,
     component: "h3",
     id: "gallery-classic-title",
     style: design.title
   }, title), /*#__PURE__*/React__default.createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
+    isAddNewPane: isAddNewPane,
     id: "gallery-classic-description",
     style: design.description
   }, description)), /*#__PURE__*/React__default.createElement(ArrowButton, {
@@ -22888,6 +22918,7 @@ var GalleryClassic = function GalleryClassic(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
       index: index,
+      isAddNewPane: isAddNewPane,
       src: src,
       alt: caption,
       className: "sliding-image",
@@ -23729,7 +23760,9 @@ var GalleryWithAutoplay = function GalleryWithAutoplay(_ref) {
       design: style,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "gallery-with-autoplay-images-".concat(index, "-image"),
-      title: caption
+      isAddNewPane: otherProps.isAddNewPane,
+      title: caption,
+      wrapperClassName: "h-full w-full"
     }));
   }))), /*#__PURE__*/React__default.createElement("div", {
     className: "ns-gallery-with-sliding-images sm:col-span-6 sm:col-start-4"
@@ -23953,6 +23986,7 @@ var HeaderWithDropdownLinks = function HeaderWithDropdownLinks(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-dropdown-links-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: properties.logo.src
   }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
     component: "p",
@@ -24060,6 +24094,7 @@ var HeaderWithIcons = function HeaderWithIcons(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-icons-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: properties.logo.src
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "col-span-5 col-start-8 hidden justify-end sm:col-span-3 sm:col-start-10 sm:flex"
@@ -24176,6 +24211,7 @@ var HeaderWithLogoTitle = function HeaderWithLogoTitle(_ref) {
     design: design.logo,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "header-with-logo-title-logo",
+    isAddNewPane: otherProps.isAddNewPane,
     src: properties.logo.src
   }), /*#__PURE__*/React__default.createElement(Typography$1, {
     component: "p",
@@ -24338,6 +24374,7 @@ var HeroWithCallToAction = function HeroWithCallToAction(_ref) {
     design: design.media,
     disableButtonAndLinks: otherProps.disableButtonAndLinks,
     id: "hero-with-call-to-action-media",
+    isAddNewPane: otherProps.isAddNewPane,
     src: imageURL
   })));
 };
@@ -24425,6 +24462,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       isTitle: true,
       component: "h3",
       id: "hero-with-gallery-slide-".concat(index, "-prefixTitle"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.prefixTitle
     }, content.prefixTitle), /*#__PURE__*/React__default.createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
@@ -24433,6 +24471,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       className: textClasses(_objectSpread$2({}, media)),
       component: "h1",
       id: "hero-with-gallery-slide-".concat(index, "-title"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.title
     }, content.title), /*#__PURE__*/React__default.createElement(Typography$1, {
       disableButtonAndLinks: disableButtonAndLinks,
@@ -24440,6 +24479,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       className: textClasses(_objectSpread$2({}, media)),
       component: "p",
       id: "hero-with-gallery-slide-".concat(index, "-description"),
+      isAddNewPane: otherProps.isAddNewPane,
       style: design.description
     }, content.description), /*#__PURE__*/React__default.createElement("div", {
       className: buttonBaseClasses(_objectSpread$2({}, media))
@@ -24465,6 +24505,7 @@ var HeroWithGallery = function HeroWithGallery(_ref) {
       autoPlay: media.autoPlay,
       design: design.media,
       id: "hero-with-gallery-slide-".concat(index, "-media"),
+      isAddNewPane: otherProps.isAddNewPane,
       isEmbedded: media.isEmbedded,
       lgImageSize: design.media.width,
       src: media.src,
@@ -24530,7 +24571,8 @@ var LogoClouds = function LogoClouds(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     id = _ref.id,
     disableButtonAndLinks = _ref.disableButtonAndLinks,
-    image = _ref.image;
+    image = _ref.image,
+    isAddNewPane = _ref.isAddNewPane;
   var properties = configurations.properties,
     design = configurations.design;
   var _properties$logos = properties.logos,
@@ -24562,6 +24604,7 @@ var LogoClouds = function LogoClouds(_ref) {
     nestedClassName: baseClasses
   }, /*#__PURE__*/React__default.createElement(Typography$1, {
     disableButtonAndLinks: disableButtonAndLinks,
+    isAddNewPane: isAddNewPane,
     isTitle: true,
     className: "col-span-12",
     component: "h3",
@@ -24581,6 +24624,7 @@ var LogoClouds = function LogoClouds(_ref) {
       disableButtonAndLinks: disableButtonAndLinks,
       image: image,
       index: index,
+      isAddNewPane: isAddNewPane,
       src: src,
       title: title,
       className: "logo-image",
@@ -25004,7 +25048,8 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       className: "ns-testimonial-image-aspect-ratio object-cover",
       design: design.testimonialImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
-      id: "testimonial-with-slider-".concat(index, "-image")
+      id: "testimonial-with-slider-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
@@ -25027,6 +25072,7 @@ var TestimonialWithSlider = function TestimonialWithSlider(_ref) {
       design: design.testimonialLogo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "testimonial-with-slider-".concat(index, "-logo"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: logoUrl
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       style: design.testimonialDescription
@@ -25123,7 +25169,8 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
       className: "ns-testimonial-image-aspect-ratio",
       design: design.testimonialImage,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
-      id: "testimonial-with-vertical-view-images-".concat(index, "-image")
+      id: "testimonial-with-vertical-view-images-".concat(index, "-image"),
+      isAddNewPane: otherProps.isAddNewPane
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,
       isTitle: true,
@@ -25144,6 +25191,7 @@ var TestimonialWithVerticalView = function TestimonialWithVerticalView(_ref) {
       design: design.testimonialLogo,
       disableButtonAndLinks: otherProps.disableButtonAndLinks,
       id: "testimonial-with-vertical-view-images-".concat(index, "-logo"),
+      isAddNewPane: otherProps.isAddNewPane,
       src: logoUrl
     }), /*#__PURE__*/React__default.createElement(Typography$1, _extends$2({
       index: index,