@redneckz/wildless-cms-uni-blocks 0.14.245 → 0.14.246

package/bundle/EventBus/defaultEventBus.d.ts

@@ -1,3 +1,4 @@
+import { type CarouselTariffsCardAction } from '../components/CarouselTariffsCard/CarouselTariffsCardAction';
 import { type TabActivationEvent } from '../components/Tabs/TabActivationEvent';
 import { type Region } from '../hooks/useRegions';
 import { type DialogAction } from '../ui-kit/DialogManager/DialogAction';
@@ -8,6 +9,7 @@ interface GlobalEventMap {
     dialog: DialogAction;
     popup: PopupAction;
     tab: TabActivationEvent;
+    fold: CarouselTariffsCardAction;
 }
 export declare const defaultEventBus: EventBus<GlobalEventMap>;
 export {};

package/bundle/bundle.umd.js

@@ -3211,14 +3211,24 @@
         return (jsxs("div", { className: "py-lg border-b border-main-divider", children: [title ? (jsx("div", { className: "opacity-80", children: jsx(Text, { size: "text-m", color: "text-secondary-text", children: title }) })) : null, description ? (jsx("div", { className: "mt-2xs", children: jsx(Text, { size: "text-xl", color: "text-primary-text", children: description }) })) : null, buttons?.length ? (jsx("div", { className: "text-primary-main", children: renderButtonsSection(buttons) })) : null] }, String(i)));
     };
 
-    const CarouselTariffsCard = JSX(({ className = '', title, align = 'text-center', icon, button, visibleCellsCount = 1, cardCells = [], ...rest }) => {
+    const CarouselTariffsCard = JSX(({ className = '', title, align = 'text-center', icon, button, visibleCellsCount = 1, cardCells = [], options, ...rest }) => {
         const cellsNode = cardCells.map(renderCardInfo);
         const [visibleCells, hiddenCells] = visibleCellsCount > 0
             ? [cellsNode.slice(0, visibleCellsCount), cellsNode.slice(visibleCellsCount)]
             : [cellsNode, []];
-        return (jsxs(BlockWrapper, { className: style('flex flex-col', className), defaultPadding: "p-2xl", ...rest, children: [isIcon(icon) ? (jsx("div", { className: "self-center", children: jsx(Img, { image: icon }) })) : null, title ? (jsx(Heading, { className: style('pt-xs', align), headingType: "h5", title: title })) : null, button?.text ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, hiddenCells.length ? (jsx(Foldable, { renderFoldableSection: ({ isUnfolded }) => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isUnfolded, children: hiddenCells })] })), renderFoldButton: cardCells.length > 1 ? renderFoldButton$3 : null })) : (jsx("div", { children: visibleCells }))] }));
+        const [isVisible, setIsVisible] = useState(false);
+        useEffect(() => defaultEventBus.subscribe('fold', (event) => {
+            if (options?.parent !== undefined && event.parent === options?.parent) {
+                setIsVisible(event.isUnfolded);
+            }
+        }), []);
+        return (jsxs(BlockWrapper, { className: style('flex flex-col', className), defaultPadding: "p-2xl", ...rest, children: [isIcon(icon) ? (jsx("div", { className: "self-center", children: jsx(Img, { image: icon }) })) : null, title ? (jsx(Heading, { className: style('pt-xs', align), headingType: "h5", title: title })) : null, button?.text ? jsx(LinkButton, { className: "w-full mt-m mb-lg", ...button }) : null, hiddenCells.length ? (jsx(Foldable, { renderFoldableSection: () => (jsxs("div", { children: [visibleCells, jsx(FoldableSection, { isUnfolded: isVisible, children: hiddenCells })] })), renderFoldButton: cardCells.length > 1 ? renderFoldButton$3(isVisible, options?.parent) : null })) : (jsx("div", { children: visibleCells }))] }));
     });
-    const renderFoldButton$3 = ({ isUnfolded, onToggle }) => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: onToggle, type: "button", children: [jsx("div", { children: isUnfolded ? 'Скрыть' : 'Подробнее о тарифе' }), jsx(Icon, { className: "text-primary-text", name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" })] }));
+    const renderFoldButton$3 = (isUnfolded, parent) => () => (jsxs("button", { className: "w-full cursor-pointer text-primary-main pt-lg flex justify-between items-center", onClick: () => {
+            if (parent !== undefined) {
+                defaultEventBus.fire('fold', { type: 'fold', isUnfolded: !isUnfolded, parent });
+            }
+        }, type: "button", children: [jsx("div", { children: isUnfolded ? 'Скрыть' : 'Подробнее о тарифе' }), jsx(Icon, { className: "text-primary-text", name: isUnfolded ? 'ArrowUpIcon' : 'ArrowDownIcon', width: "16", height: "16" })] }));
 
     const gradientStyle = 'bg-gradient-to-r from-main-gradient-start to-main-gradient-end';
     const borderStyle = 'border-gray border-solid border';
@@ -6039,7 +6049,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.244";
+    const packageVersion = "0.14.245";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;