@redneckz/wildless-cms-uni-blocks 0.14.870 → 0.14.872

package/bundle/bundle.umd.js

@@ -3135,7 +3135,7 @@
         return ref;
     }
 
-    const FoldableSection = JSX(({ className, isUnfolded, children }) => {
+    const FoldableSection = JSX(({ className, isUnfolded, isOverflowVisible = false, children }) => {
         const containerRef = useRef(null);
         const childrenWrapperRef = useResizeObserver((childrenWrapperEl) => {
             if (containerRef.current) {
@@ -3144,7 +3144,7 @@
                     : '';
             }
         }, [isUnfolded]);
-        return (jsx("div", { ref: containerRef, className: style('transition-max-h duration-300 overflow-hidden', {
+        return (jsx("div", { ref: containerRef, className: style('transition-max-h duration-300', isOverflowVisible && isUnfolded ? 'overflow-clip' : 'overflow-hidden', {
                 'max-h-0': Boolean(containerRef.current || !isUnfolded),
             }), role: "tabpanel", "aria-label": "\u0421\u0432\u043E\u0440\u0430\u0447\u0438\u0432\u0430\u044E\u0449\u0430\u044F\u0441\u044F \u0441\u0435\u043A\u0446\u0438\u044F", children: jsx("div", { className: className, ref: childrenWrapperRef, children: children }) }));
     });
@@ -10929,7 +10929,7 @@
         const rows = (rowData || []).map((row, i) => (jsx(TariffsTableRow, { row: row, ...rest }, String(i))));
         const [visibleRows, hiddenRows] = hiddenRowsNum > 0 ? [rows.slice(0, -hiddenRowsNum), rows.slice(-hiddenRowsNum)] : [rows, []];
         const [isUnfolded, { toggle }] = useBool(false);
-        return (jsxs(BlockWrapper, { className: style('relative space-y-xl', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-center" }), jsx("div", { className: "space-y-m overflow-hidden", children: hiddenRowsNum > 0 ? (jsxs(Foldable, { children: [jsxs(TariffsTableWrapper, { children: [visibleRows, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenRows })] }), jsx(DefaultFoldButton, { className: "text-h4", isUnfolded: isUnfolded, onClick: toggle })] })) : (jsx(TariffsTableWrapper, { children: rows })) })] }));
+        return (jsxs(BlockWrapper, { className: style('relative space-y-xl', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true, align: "text-center" }), jsx("div", { className: "space-y-m overflow-hidden", children: hiddenRowsNum > 0 ? (jsxs(Foldable, { children: [jsxs(TariffsTableWrapper, { children: [visibleRows, jsx(FoldableSection, { isUnfolded: isUnfolded, isOverflowVisible: true, children: hiddenRows })] }), jsx(DefaultFoldButton, { className: "text-h4", isUnfolded: isUnfolded, onClick: toggle })] })) : (jsx(TariffsTableWrapper, { children: rows })) })] }));
     });
 
     const TextBlock = JSX(({ className = '', title, description, iconVersion, __html, richVersion, ...rest }) => (jsxs(BlockWrapper, { className: style('flex gap-s sm:gap-m group-data-secondary:bg-primary-main/10', className), ...rest, children: [iconVersion === 'small' ? renderIcon() : null, jsxs("div", { className: "flex flex-col w-fit gap-2xs sm:gap-xs", children: [title ? (jsx(Text, { size: "text-l", font: "font-normal", color: "text-primary-text group-data-secondary:text-white", children: title })) : null, description ? renderDescription(description) : null, __html ? jsx(RichText, { richVersion: richVersion, __html: __html }) : null] })] })));
@@ -11148,7 +11148,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.869";
+    const packageVersion = "0.14.871";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;