@redneckz/wildless-cms-uni-blocks 0.13.5 → 0.13.6

package/bundle/bundle.umd.js

@@ -1434,7 +1434,15 @@
 
     const BusinessBlock = JSX(({ className, title, cards, ...rest }) => (jsxs(BlockWrapper, { className: className, defaultPadding: "p-6xl space-y-3xl", ...rest, children: [jsx(Heading, { headingType: "h3", title: title, className: "text-center" }), jsx("div", { className: "flex gap-lg", children: cards?.length ? cards.map((_, i) => jsx(BusinessCard, { ..._ }, String(i))) : null })] })));
 
-    const ButtonsBlock = JSX(({ buttons, className, ...rest }) => (jsx(BlockWrapper, { className: style('!bg-transparent', className), defaultPadding: "p-0", ...rest, children: renderButtonsSection(buttons) })));
+    const alignStyleMap = {
+        start: 'justify-start',
+        center: 'justify-center',
+        end: 'justify-end',
+    };
+    const ButtonsBlock = JSX(({ buttons, className = '', align, ...rest }) => {
+        const alignStyle = align ? style('flex', alignStyleMap[align]) : '';
+        return (jsx(BlockWrapper, { className: style('!bg-transparent', alignStyle, className), defaultPadding: "p-0", ...rest, children: renderButtonsSection(buttons) }));
+    });
 
     const useCarouselControls = (props, initialIndex = 0) => {
         const { itemCount, visibleItemCount } = props;
@@ -3623,15 +3631,6 @@
         return (jsxs("div", { className: style('flex items-center gap-lg', className), children: [jsx(TopItem, { flat: true, href: "#", text: currentLocation?.name, onClick: openLocationDialog }), officesLink ? jsx(TopItem, { flat: true, href: officesLink, text: "\u041E\u0444\u0438\u0441\u044B \u0438 \u0431\u0430\u043D\u043A\u043E\u043C\u0430\u0442\u044B" }) : null, jsx(HeaderSecondaryMenuButton, { image: { icon: 'LoupeIcon', iconVersion }, ariaLabel: "\u041F\u043E\u0438\u0441\u043A", onClick: openSearchDialog })] }));
     });
 
-    const isHrefActive = (router) => ({ href }) => withoutQuery(isURL(href) ? router.href : router.pathname).startsWith(withoutQuery(href));
-
-    const findActiveSubItem = (router) => (items = []) => {
-        const possibleActiveSubItems = items?.filter(isHrefActive(router));
-        return possibleActiveSubItems?.length
-            ? maxBy((_) => _.href?.length || 0)(possibleActiveSubItems) // More specific item with max length
-            : undefined;
-    };
-
     const DropdownMenu = JSX(({ className = '', items, activeItem }) => {
         const link = useLink();
         const [visible, setVisible] = useState(false);
@@ -3646,26 +3645,6 @@
                     }) })] }));
     });
 
-    const HeaderItem = JSX(({ className = '', active, dataItemName, children, ...rest }) => {
-        const link = useLink();
-        const { href, target, text, onClick } = link(rest);
-        return (jsxs("a", { className: style('relative inline-block bg-transparent text-center no-underline', className), href: href, target: target, "data-item-name": dataItemName, onClick: onClick, children: [jsx("span", { className: getTextStyle(active), children: text || children }), active ? (jsx("div", { className: "absolute left-0 right-0 -bottom-3 h-0.5 bg-primary-main group-data-transparent:bg-transparent" })) : null] }));
-    });
-    const getTextStyle = (active = false) => style('font-sans text-l font-light', active ? 'text-primary-main' : 'text-primary-text hover:text-primary-main', 'group-data-transparent:text-white group-data-transparent:hover:text-primary-hover');
-
-    const HeaderSubMenuItem = JSX(({ observerOptions, onVisibilityChange, children, className, ...rest }) => {
-        const observerCallback = useCallback((entries) => {
-            if (!entries.length || !onVisibilityChange) {
-                return;
-            }
-            // Assumption about entries order (by time)
-            const entry = entries[entries.length - 1];
-            onVisibilityChange(entry.isIntersecting);
-        }, [onVisibilityChange]);
-        const ref = useIntersectionObserver(observerCallback, observerOptions);
-        return (jsx("span", { ref: ref, className: className, children: jsx(HeaderItem, { ...rest, children: children }) }));
-    });
-
     const getNS = (_) => globalThis[_];
     function useExternalNS(namespaceName, url) {
         const [externalNS, setExternalNS] = useState();
@@ -3721,12 +3700,41 @@
     });
     const renderChatBotButton = ({ className, iconVersion, onClick }) => (jsx(HeaderSecondaryMenuButton, { className: style(CHAT_BUTTON_EXTERNAL_NAME, className), image: { icon: 'HeadphonesIcon', iconVersion }, ariaLabel: "\u0427\u0430\u0442", onClick: onClick, buttonSize: "large", isGrayBg: true }));
 
+    const HeaderItem = JSX(({ className = '', active, dataItemName, children, ...rest }) => {
+        const link = useLink();
+        const { href, target, text, onClick } = link(rest);
+        return (jsxs("a", { className: style('relative inline-block bg-transparent text-center no-underline', className), href: href, target: target, "data-item-name": dataItemName, onClick: onClick, children: [jsx("span", { className: getTextStyle(active), children: text || children }), active ? (jsx("div", { className: "absolute left-0 right-0 -bottom-3 h-0.5 bg-primary-main group-data-transparent:bg-transparent" })) : null] }));
+    });
+    const getTextStyle = (active = false) => style('font-sans text-l font-light', active ? 'text-primary-main' : 'text-primary-text hover:text-primary-main', 'group-data-transparent:text-white group-data-transparent:hover:text-primary-hover');
+
+    const HeaderSubMenuItem = JSX(({ observerOptions, onVisibilityChange, children, className, ...rest }) => {
+        const observerCallback = useCallback((entries) => {
+            if (!entries.length || !onVisibilityChange) {
+                return;
+            }
+            // Assumption about entries order (by time)
+            const entry = entries[entries.length - 1];
+            onVisibilityChange(entry.isIntersecting);
+        }, [onVisibilityChange]);
+        const ref = useIntersectionObserver(observerCallback, observerOptions);
+        return (jsx("span", { ref: ref, className: className, children: jsx(HeaderItem, { ...rest, children: children }) }));
+    });
+
     const BUTTON_STYLE = {
         default: 'px-lg bg-main-divider rounded hover:text-primary-main',
         transparent: 'text-white hover:text-primary-hover',
     };
     const InternetBankButton = JSX(({ version, internetBankUrl }) => internetBankUrl ? (jsx(Button, { href: internetBankUrl, ariaLabel: "\u0418\u043D\u0442\u0435\u0440\u043D\u0435\u0442-\u0431\u0430\u043D\u043A", target: "_blank", className: style('py-s ml-s text-l font-light whitespace-nowrap hover:text-primary-main', BUTTON_STYLE[version === 'transparent' ? 'transparent' : 'default']), children: "\u0418\u043D\u0442\u0435\u0440\u043D\u0435\u0442-\u0431\u0430\u043D\u043A" })) : null);
 
+    const isHrefActive = (router) => ({ href }) => withoutQuery(isURL(href) ? router.href : router.pathname).startsWith(withoutQuery(href));
+
+    const findActiveSubItem = (router) => (items = []) => {
+        const possibleActiveSubItems = items?.filter(isHrefActive(router));
+        return possibleActiveSubItems?.length
+            ? maxBy((_) => _.href?.length || 0)(possibleActiveSubItems) // More specific item with max length
+            : undefined;
+    };
+
     const HeaderSubMenu = JSX(({ subItems = [], version, internetBankUrl }) => {
         const iconVersion = version === 'transparent' ? 'white' : 'black';
         const router = useRouter();
@@ -3740,7 +3748,7 @@
                 ? handleIntersectionActivation(index)
                 : handleIntersectionDeactivation(index));
         }), [subItems]);
-        return (jsxs("nav", { className: "relative mt-s flex items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-3xl", children: subItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { className: "relative w-auto z-40", items: dropDownMenuItems, activeItem: activeSubItem })) : null, projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { className: "ml-4xl", iconVersion: iconVersion, chat: projectSettings.CHAT_BOT })) : null, jsx(InternetBankButton, { version: version, internetBankUrl: internetBankUrl })] }));
+        return (jsxs("nav", { className: "relative mt-s flex items-center justify-between", children: [jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-3xl", children: subItems.map((_, i) => (jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { className: "relative w-auto z-40", items: dropDownMenuItems, activeItem: activeSubItem })) : null, jsxs("div", { className: "flex", children: [projectSettings.CHAT_BOT ? (jsx(HeaderChatBotButton, { className: "ml-4xl", iconVersion: iconVersion, chat: projectSettings.CHAT_BOT })) : null, jsx(InternetBankButton, { version: version, internetBankUrl: internetBankUrl })] })] }));
     });
     const handleIntersectionActivation = (index) => (prev) => Math.max(prev, index + 1);
     const handleIntersectionDeactivation = (index) => (prev) => Math.min(prev, index);
@@ -5104,19 +5112,16 @@
         throw new Error(x);
     }
 
-    const DialogManager = JSX(() => {
+    const useDialogsList = ({ onCloseAll, onClose, } = {}) => {
         const [dialogs, { push, pop, clear }] = useList();
         const closeAll = useCallback(() => {
-            for (const _ of dialogs) {
-                _.onClose && _.onClose();
-            }
+            onCloseAll && onCloseAll(dialogs);
             clear();
-        }, [dialogs]);
+        }, [dialogs, onCloseAll]);
         const close = useCallback(() => {
-            const _ = dialogs[dialogs.length - 1];
-            _?.onClose && _.onClose();
+            onClose && onClose(dialogs[dialogs.length - 1]);
             pop();
-        }, [dialogs]);
+        }, [dialogs, onClose]);
         useEffect(() => defaultEventBus.subscribe('dialog', (action) => {
             switch (action.type) {
                 case 'open':
@@ -5134,6 +5139,20 @@
                     assertUnreachable(action);
             }
         }), [closeAll, close]);
+        return dialogs;
+    };
+
+    const DialogManager = JSX(() => {
+        const handleCloseAll = useCallback((dialogs) => {
+            for (const _ of dialogs) {
+                _?.onClose && _.onClose();
+            }
+        }, []);
+        const handleClose = useCallback((_) => {
+            _?.onClose && _.onClose();
+        }, []);
+        const dialogs = useDialogsList({ onCloseAll: handleCloseAll, onClose: handleClose });
+        const { close } = useDialogManager();
         useEffect(() => {
             const handleEscape = ({ key }) => {
                 if (key === 'Escape') {
@@ -5215,7 +5234,7 @@
         return (jsx("div", { className: "flex items-end absolute bottom-0 right-0 h-full pointer-events-none", children: jsx(LikeControl, { className: "rounded-tl-3xl sticky bottom-0 pointer-events-auto" }) }));
     }
 
-    const packageVersion = "0.13.5";
+    const packageVersion = "0.13.6";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;