@redneckz/wildless-cms-uni-blocks 0.14.546 → 0.14.548

package/bundle/bundle.umd.js

@@ -526,7 +526,7 @@
     /** @deprecated */
     const ButtonInner = JSX((props) => {
         const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
-        const iconHideStyle = isWithText(props) ? 'hidden lg:block' : '';
+        const iconHideStyle = isWithText(props) && 'hidden lg:block';
         return (jsxs("div", { className: style(buttonStyle$1(props), 'flex gap-xs'), children: [appendLeft ? (jsx("div", { className: style(iconHideStyle, iconStyleMap[version]), children: appendLeft })) : null, isWithText(props) ? (jsxs("div", { className: "whitespace-pre", children: [aboveText ? jsx("div", { className: "text-xs font-light text-left", children: aboveText }) : null, jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-3xs' : 'text-l'}`, children: text })] })) : null, appendRight ? (jsx("div", { className: style(iconHideStyle, iconStyleMap[version]), children: appendRight })) : null] }));
     });
     const buttonStyle$1 = (props) => {
@@ -649,12 +649,6 @@
     const imageAlwaysOnRightContainerStyle = (isImage) => style(isImage ? 'row-span-2' : '@xl:row-span-2');
     const renderUnitContainer = (childrenBlocks) => childrenBlocks?.length ? (jsx("div", { className: "flex items-start justify-end", children: childrenBlocks })) : null;
 
-    const sum = (list = []) => list.reduce((a, b) => a + b, 0);
-
-    const avg = (items = []) => (items?.length ? sum(items) / items.length : 0);
-
-    const deviation = (items) => items?.length ? Math.sqrt(Math.abs(avg(items.map((_) => _ ** 2)) - avg(items) ** 2)) : 0;
-
     const renderBenefitIcon = (icon, benefitsVersion = 'normal') => icon?.icon || icon?.src ? (jsx("div", { className: style('sm:w-12 sm:h-12 sm:min-w-12 w-11 h-11 min-w-11 box-border flex items-center justify-center rounded-icon', benefitsVersion === 'normal'
             ? 'bg-secondary-light text-primary-main'
             : 'bg-primary-main text-black group-data-secondary:bg-white/30 group-data-secondary:text-black'), children: jsx(Img, { className: "w-6 h-6", image: { ...icon, iconVersion: icon.iconVersion || benefitsVersion } }) })) : null;
@@ -686,12 +680,7 @@
 
     const BenefitItem = JSX(({ className, benefitsVersion, ..._ }) => (jsxs("div", { className: style('flex gap-m min-w-56 items-center', className), role: "listitem", children: ['icon' in _ ? renderBenefitIcon(_.icon, benefitsVersion) : null, jsx("div", { children: renderBenefitText(_) })] })));
 
-    const MAX_BENEFITS_LEN_DEVIATION = 16;
-    const benefitLength = (_) => Math.max(_?.label?.length || 0, _?.description?.length || 0, _?.__html?.length || 0);
-    const isDistortedBenefits = (benefits) => deviation(benefits.map(benefitLength)) > MAX_BENEFITS_LEN_DEVIATION;
-    const hasIcon = (_) => _ && 'icon' in _ && _.icon && (_.icon.icon || _.icon.src);
-    const isTextualBenefits = (benefits) => !benefits.some(hasIcon);
-    const DefaultBenefitsList = JSX(({ className, benefitsVersion = 'normal', benefits }) => benefits?.length ? (jsx("div", { className: style('flex gap-x-m gap-y-s', isDistortedBenefits(benefits) || isTextualBenefits(benefits) ? 'flex-col' : 'flex-wrap', className), role: "list", children: benefits.map((_, i) => (jsx(BenefitItem, { benefitsVersion: benefitsVersion, ..._ }, String(i)))) })) : null);
+    const DefaultBenefitsList = JSX(({ className, benefitsVersion = 'normal', benefits }) => benefits?.length ? (jsx("div", { className: style('flex gap-x-m gap-y-s flex-col', className), role: "list", children: benefits.map((_, i) => (jsx(BenefitItem, { benefitsVersion: benefitsVersion, ..._ }, String(i)))) })) : null);
 
     const TabularBenefitsList = JSX(({ className, benefits }) => benefits?.length ? (jsx("div", { className: style('grid grid-cols-[max-content_1fr] auto-rows-auto items-baseline gap-x-m gap-y-xs', className), role: "list", children: benefits.flatMap(renderBenefitText) })) : null);
 
@@ -702,7 +691,7 @@
     /** @deprecated */
     const renderButtonsSection = (buttons, { className, buttonClassName, isVertical } = {}) => buttons?.length && buttons.some((_) => _?.text || _?.icon?.icon) ? (jsx("div", { className: style('flex', isVertical
             ? 'flex-col gap-xs justify-items-stretch'
-            : 'flex-wrap @xl:flex-nowrap gap-lg sm:gap-m', className), role: "group", children: buttons.map(renderButton(buttonClassName)) })) : null;
+            : 'flex-wrap @xl:flex-nowrap gap-lg sm:gap-m w-full @lg:w-auto', className), role: "group", children: buttons.map(renderButton(buttonClassName)) })) : null;
     const renderButton = (buttonClassName = '') => (button, index) => {
         const { text, icon, iconRight, version, ...rest } = button || {};
         const iconVersion = getIconVersion(icon, version);
@@ -712,9 +701,9 @@
     const DEFAULT_ICON_W = 24;
     const getIconVersion = (icon, version = 'secondary') => {
         const iconVersionDefault = version === 'secondary' ? 'color' : 'white';
-        return icon?.iconVersion ? icon?.iconVersion : iconVersionDefault;
+        return icon?.iconVersion || iconVersionDefault;
     };
-    const renderButtonIcon = (icon) => isIcon(icon) ? (jsx(Img, { image: icon, width: String(icon?.size?.width || DEFAULT_ICON_W), height: String(DEFAULT_ICON_W) })) : null;
+    const renderButtonIcon = (icon) => isIcon(icon) && (jsx(Img, { image: icon, width: String(icon?.size?.width || DEFAULT_ICON_W), height: String(DEFAULT_ICON_W) }));
 
     const toLocalNumberFormat = (fractionDigits = 0, { fixed } = {}) => (_ = 0) => new Intl.NumberFormat('ru-RU', {
         minimumFractionDigits: fixed ? fractionDigits : 0,
@@ -2264,7 +2253,7 @@
     /** @deprecated */
     const ArrowButton = JSX(({ className, disabled, ...rest }) => (jsx(LinkButton, { rounded: true, className: style('group/btn w-12 h-12 min-h-12 max-h-12 flex items-center justify-center shadow-main-black', disabled
             ? 'bg-secondary-light text-secondary-text'
-            : 'bg-white text-primary-text hover:text-primary-main', className || ''), disabled: disabled, ...rest, children: jsx(Img, { className: "w-4 h-4 min-w-4 min-h-4 rounded-full box-border", image: { icon: 'ArrowLeftIcon', iconVersion: 'black' }, imageClassName: "group-hover/btn:text-primary-main", width: "16", height: "16" }) })));
+            : 'bg-white text-primary-text hover:text-primary-main', className), disabled: disabled, ...rest, children: jsx(Img, { className: "w-4 h-4 min-w-4 min-h-4 rounded-full box-border", image: { icon: 'ArrowLeftIcon', iconVersion: 'black' }, imageClassName: "group-hover/btn:text-primary-main", width: "16", height: "16" }) })));
     /** @deprecated */
     const ScrollLeftButton = JSX((props) => (jsx(ArrowButton, { ...props, ariaLabel: "\u041F\u0440\u043E\u043B\u0438\u0441\u0442\u0430\u0442\u044C \u0432\u043B\u0435\u0432\u043E", "data-block-control": "scroll-left" })));
     /** @deprecated */
@@ -2546,7 +2535,7 @@
     };
 
     const ButtonsBlock = JSX(({ buttons, className = '', align, ...rest }) => {
-        const alignStyle = align ? style('flex', AlignJustifyStyle[align]) : '';
+        const alignStyle = align && style('flex', AlignJustifyStyle[align]);
         return (jsx(BlockWrapper, { className: style('!bg-transparent', alignStyle, className), defaultPadding: "p-0", ...rest, children: renderButtonsSection(buttons) }));
     });
 
@@ -4226,6 +4215,8 @@
         return acc;
     };
 
+    const sum = (list = []) => list.reduce((a, b) => a + b, 0);
+
     const MIN_TERM_LEN = 3;
     const tokenize = (text) => text
         .toLowerCase()
@@ -6509,7 +6500,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.545";
+    const packageVersion = "0.14.547";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;