@redneckz/wildless-cms-uni-blocks 0.9.8 → 0.9.9

package/bundle/bundle.umd.js

@@ -2270,11 +2270,10 @@
     const SocialMedia = JSX(({ className = '', media, children, buttonSize }) => (jsxs("div", { className: "font-sans", children: [jsx("div", { className: `flex gap-1 ${className}`, children: media?.map((_, index) => (jsx(MediaButton, { aboveText: _.aboveText, appendLeft: _.appendLeft, appendRight: _.appendRight, buttonSize: buttonSize, text: _.text, version: _.version, ..._ }, String(index)))) }), jsx(Text, { size: "text-s-light", color: "text-secondary-text", children: children })] })));
 
     const BORDER_STYLE = 'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider';
-    const setAdditionalIconStyles = (items) => items.length ? 'w-1/2 flex-1 justify-center' : 'w-full justify-end';
-    const CarouselRecommendationCard = JSX(({ className = '', description, href, icon, items = [], socialMedia = [], target, title, version = 'primary', ...rest }) => {
-        return (jsx(BlockWrapper, { className: style('relative p-12 min-w-[524px] h-full box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: jsxs(LinkWrapper, { href: href, target: target, children: [title ? (jsx(Heading, { headingType: "h3", as: "h3", className: "text-center mb-8", title: title })) : null, jsx("div", { className: "mb-5", children: description ? (jsx(Paragraph, { size: "text-xl", font: "font-light", color: "group-data-gray:text-secondary-text", children: description })) : null }), jsxs("div", { className: "flex", children: [jsxs("div", { className: style('flex flex-col w-1/2', items?.length ? 'justify-between' : 'justify-end'), children: [items.length ? (jsx(List, { className: "text-xl-light flex flex-col gap-2 mt-14", items: items })) : null, socialMedia.length ? jsx(SocialMedia, { className: "pb-0", media: socialMedia }) : null] }), renderIconBlock$1(icon, items)] })] }) }));
+    const CarouselRecommendationCard = JSX(({ className = '', description, href, icon, items = [], socialMedia = [], target, title, align = 'text-left', version = 'primary', ...rest }) => {
+        return (jsx(BlockWrapper, { className: style('relative p-7 min-w-[524px] min-h-[218px] h-full box-border group-data-gray:bg-main-divider/50', BORDER_STYLE, className), version: version, ...rest, children: jsxs(LinkWrapper, { href: href, target: target, children: [jsx(Headline, { className: "mb-4", title: title, description: description, headlineVersion: "S", isPadding: false, align: align }), jsxs("div", { className: "w-1/2 h-full flex flex-col flex-1 justify-end", children: [items.length ? (jsx(List, { className: "flex flex-col gap-2", itemClassName: "text-l-light", items: items })) : null, socialMedia.length ? jsx(SocialMedia, { className: "pt-10", media: socialMedia }) : null] }), renderIconBlock$1(icon)] }) }));
     });
-    const renderIconBlock$1 = (icon, items) => (jsxs("div", { className: style('flex', setAdditionalIconStyles(items)), children: [icon?.icon ? jsx(ImgInner, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? jsx(ImgInner, { image: icon }) : null] }));
+    const renderIconBlock$1 = (icon) => (jsxs("div", { className: "absolute bottom-0 right-0", children: [icon?.icon ? jsx(ImgInner, { image: getIconWithVersion(icon), asSVG: true }) : null, icon?.src ? jsx(ImgInner, { image: icon }) : null] }));
 
     const Foldable = JSX(({ className = '', isFoldButtonOnTop = false, unfoldedByDefault = false, renderFoldableSection, renderFoldButton, }) => {
         const [isUnfolded, setIsUnfolded] = useState(unfoldedByDefault);
@@ -4075,29 +4074,6 @@
         return dateObj.toLocaleString('ru-RU', dateFormat).replace('г.', '');
     }
 
-    const RecommendationCard = JSX(({ className = '', title, description, items, image, socialMedia, button, ...rest }) => {
-        const tileTitle = title ? (jsx(Heading, { headingType: "h5", as: "h3", className: "mb-3.5 z-10", title: title })) : null;
-        const tileImage = image?.src ? (jsx(ImgInner, { className: "absolute bottom-0 right-0 m-0", image: image })) : null;
-        return (jsx(BlockWrapper, { className: `relative overflow-hidden text-left border border-solid box-border p-7 min-w-[524px] min-h-[218px] ${className}`, role: "listitem", ...rest, children: jsx(BaseTile, { className: "flex justify-between", title: tileTitle, image: tileImage, children: jsxs("div", { className: "h-full flex flex-col justify-between", children: [description ? jsx("span", { className: "mb-2", children: description }) : null, items?.length ? (jsx(List, { className: "text-xl-light flex flex-col flex-1 gap-2 max-w-[236px]", items: items })) : null, socialMedia ? jsx(SocialMedia, { className: "pt-10 pb-0", media: socialMedia }) : null, button?.text ? (jsx("div", { className: "pt-2", children: renderButtonsSection([button], { buttonClassName: 'mt-16 px-5' }) })) : null] }) }) }));
-    });
-
-    const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
-    const CARD_VIEW_COUNT = 2;
-    const CARD_SHIFT = 525;
-    const Recommendation = JSX(({ recommendations = [], className = '', title, version = 'primary', ...rest }) => {
-        const [activeIndex, controls] = useCarouselControls({
-            itemCount: recommendations.length,
-            visibleItemCount: CARD_VIEW_COUNT,
-        });
-        return (jsxs(BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${className}`, version: version, ...rest, children: [title ? jsx(Heading, { headingType: "h3", className: "mb-6", title: title }) : null, jsxs("div", { children: [jsx("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations.length
-                                ? recommendations.map((card, i) => (jsx(RecommendationCard, { version: version, className: "border-gray group-data-secondary:border-white/50", ...card }, String(i))))
-                                : null }), renderArrows({
-                            ...controls,
-                            btnClass: ['left-8', 'right-8'],
-                            className: 'top-1/2 mt-3',
-                        })] }), jsx("div", { className: `${BLUR_BLOCK_CLASSES} left-0 ${version === 'secondary' ? 'bg-opacity-from-main' : 'bg-opacity-from-white'}` }), jsx("div", { className: `${BLUR_BLOCK_CLASSES} right-0 ${version === 'secondary' ? 'bg-opacity-to-main' : 'bg-opacity-to-white'}` })] }));
-    });
-
     const RichTextBlock = JSX((props) => {
         const { __html, ...rest } = props;
         return (jsx(BlockWrapper, { ...rest, children: jsx(RichText, { __html: __html }) }));
@@ -4267,8 +4243,8 @@
     const getContainerWidth = (length) => (length < 5 ? 'w-[276px]' : 'w-[210px]');
 
     const STEPS_BLOCK_STYLE = {
-        description: 'text-white/80 text-l-light group-data-primary:text-secondary-text',
-        iconText: 'text-white group-data-primary:text-secondary-text',
+        description: 'text-white/80 text-l-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
+        iconText: 'text-white group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
         iconBackground: 'bg-white/30 group-data-primary:bg-main-divider',
         iconConnector: 'bg-white group-data-primary:bg-secondary-light',
         dot: 'bg-white/80 group-data-primary:bg-secondary-text',
@@ -4276,16 +4252,18 @@
 
     const getLineOpacity = (showLines) => (showLines ? '' : 'opacity-0');
     const getPaddingX = (steps) => (steps < 5 ? 'px-[88px]' : 'px-[55px]');
-    const StepsBlock = JSX(({ className = '', showLines = true, steps = [], button, size = 'normal', version = 'primary', stepVersion = 'gray', title, ...rest }) => {
+    const StepsBlock = JSX(({ className = '', showLines = true, steps = [], buttons, size = 'normal', version = 'primary', stepVersion = 'gray', title, ...rest }) => {
         const shortGaps = steps.length > 3;
         const styleMap = STEPS_BLOCK_STYLE;
         const lineOpacity = getLineOpacity(showLines);
         const paddingX = getPaddingX(steps.length);
-        return (jsxs(BlockWrapper, { className: style('box-border py-12', shortGaps ? 'px-20' : 'px-[70px]', 'flex flex-col items-center overflow-hidden', className), version: version, ...rest, children: [title ? (jsx(Heading, { headingType: "h4", className: "max-w-[752px] text-center mb-9", title: title })) : null, steps?.length ? (jsxs("div", { className: "box-border", children: [jsx("div", { className: style('flex items-center', paddingX), children: joinList(jsx("div", { className: style('h-0.5 w-full bg-secondary-light flex-1', lineOpacity) }))(steps.map(renderStepIcon(styleMap, size, stepVersion))) }), jsx("div", { className: style('flex justify-between mt-4', shortGaps ? 'gap-x-3' : 'gap-x-[101px]'), children: steps.map(renderStep({ styleMap, isMainButton: Boolean(button?.text), version })) })] })) : null, button?.text ? renderButtonsSection([button], { className: 'mt-8 min-w-60' }) : null] }));
+        const isMainButton = Boolean(buttons?.every((b) => b?.text));
+        return (jsxs(BlockWrapper, { className: style('box-border py-12', shortGaps ? 'px-20' : 'px-[70px]', 'flex flex-col items-center overflow-hidden', className), version: version, ...rest, children: [title ? (jsx(Heading, { headingType: "h4", className: "max-w-[752px] text-center mb-9", title: title })) : null, steps?.length ? (jsxs("div", { className: "box-border", children: [jsx("div", { className: style('flex items-center', paddingX), children: joinList(jsx("div", { className: style('h-0.5 w-full bg-secondary-light flex-1', lineOpacity) }))(steps.map(renderStepIcon(styleMap, size, stepVersion))) }), jsx("div", { className: style('flex justify-between mt-4', shortGaps ? 'gap-x-3' : 'gap-x-[101px]'), children: steps.map(renderStep({ styleMap, isMainButton, version })) })] })) : null, renderButtonsSection(buttons, { className: 'mt-8' })] }));
     });
     const renderStepIcon = (styleMap, size, stepVersion) => ({ icon }, i) => {
         const styleStepIconSize = size === 'normal' ? 'h-[100px] w-[100px]' : 'h-[63px] w-[63px]';
-        return (jsx(BlockWrapper, { className: `${styleStepIconSize} flex justify-center items-center text-center rounded-full p-[26px] box-border z-10`, version: stepVersion, children: checkCanRenderIcon(icon) ? (jsx(ImgInner, { image: getIconWithVersion(icon || {}, stepVersion), width: "48", height: "48", asSVG: true })) : (jsx("span", { className: `text-h4 group-data-transparent:${styleMap.iconText} text-primary-text`, children: i + 1 })) }, String(i)));
+        const stepVersionIconTextStyles = stepVersion === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
+        return (jsx(BlockWrapper, { className: `${styleStepIconSize} flex justify-center items-center text-center rounded-full p-[26px] box-border z-10`, version: stepVersion, children: checkCanRenderIcon(icon) ? (jsx(ImgInner, { image: getIconWithVersion(icon || {}, stepVersion), width: "48", height: "48", asSVG: true })) : (jsx("span", { className: style('text-h4', stepVersion === 'transparent' ? styleMap.iconText : stepVersionIconTextStyles), children: i + 1 })) }, String(i)));
     };
 
     const containerStyles = {
@@ -4764,7 +4742,6 @@
         ProductGallery,
         ProductTile,
         PromoTile,
-        Recommendation,
         RichTextBlock,
         RollupItem,
         SafeDepositRental,
@@ -4906,7 +4883,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-lg sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.9.8";
+    const packageVersion = "0.9.9";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;