@redneckz/wildless-cms-uni-blocks 0.14.490 → 0.14.491

package/bundle/bundle.umd.js

@@ -4148,6 +4148,8 @@
 
     const HorizontalNavigation = JSX(({ className = '', title, links }) => (jsx("div", { className: className, children: links?.length ? (jsxs("div", { className: "flex justify-between lg:items-center flex-col lg:flex-row gap-lg py-lg border-y border-y-main-divider", children: [jsx("div", { className: "lg:hidden", children: jsx(Text, { size: "text-l", font: "font-normal", children: title }) }), links.map((_, i) => (jsx(HorizontalNavigationLink, { index: i, className: "text-l font-light lg:max-w-[292px]", ..._ }, String(i))))] })) : null })));
 
+    const LEFT_COLUMN_STYLE = 'w-full lg:w-52';
+
     const ICON_SIZE = { width: '40', height: '45' };
 
     const logoTitleSizeStyle = '';
@@ -4362,11 +4364,11 @@
     });
     const isQueryLongEnough = (_) => _ && _.length >= MIN_QUERY_LEN;
 
-    const renderLogoSearchBar = (common, LEFT_COL_WIDTH = '') => {
+    const renderLogoSearchBar = (common, navigationItems) => {
         const { logo } = common ?? {};
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { dataHeader, dataFooter, ...logoProps } = logo ?? {};
-        return (jsxs("div", { className: "flex items-stretch gap-3xl", children: [jsx(Logo, { className: LEFT_COL_WIDTH, logo: logoProps, data: dataFooter }), jsx(SearchBar$1, { className: "grow", ...common })] }));
+        return (jsxs("div", { className: "flex items-stretch gap-3xl", children: [jsx(Logo, { className: LEFT_COLUMN_STYLE, logo: logoProps, data: dataFooter }), jsx(SearchBar$1, { className: "grow", navigationItems: navigationItems, ...common })] }));
     };
 
     const TextInformationLink = JSX(({ className = '', index, ...rest }) => {
@@ -4377,13 +4379,12 @@
 
     const TextInformation = JSX(({ className = '', links, license }) => (jsxs("div", { className: style('@container space-y-lg', className), children: [license ? (jsx("div", { children: jsx(Text, { size: "text-xs", font: "font-light", color: "text-secondary-text", children: `\u00a9\u00A02000-${new Date().getFullYear()}\u00A0${license}` }) })) : null, links?.length ? (jsx("div", { className: "flex flex-col @5xl:flex-row justify-start items-start gap-x-lg gap-y-xs", children: links.map((_, i) => (jsx(TextInformationLink, { index: i, ..._ }, String(i)))) })) : null] })));
 
-    const LEFT_COL_WIDTH = 'w-full lg:w-52';
     const Footer = UniBlock(({ className, footer, ...rest }) => {
-        const navigation = rest.options?.page?.navigation ?? {};
+        const { navigationItems } = rest.options?.page?.navigation ?? {};
         const common = rest.options?.page?.common ?? {};
         const { documents, relatedEnterprises, contacts, mediaLinks = [], horizontalNavigationTitle, feedbackButton, license, otherLinks = [], } = footer ?? {};
         const linkStyle = '!text-left text-s font-light';
-        return (jsxs(BlockWrapper, { tag: "footer", className: style('grid gap-y-xl p-4xl pb-24 lg:p-xl', className), ...rest, children: [renderLogoSearchBar(common, LEFT_COL_WIDTH), jsxs("div", { className: "flex flex-col lg:flex-row items-center @lg:items-stretch gap-lg lg:gap-6xl ", children: [jsx(Sitemap, { ...navigation }), jsx("div", { className: "border-t border-main-divider lg:hidden w-full" }), jsxs("div", { className: style(LEFT_COL_WIDTH, 'flex flex-col shrink-0 overflow-hidden space-y-xl'), children: [jsx(Contacts, { items: contacts }), feedbackButton ? (jsx(LinkButton, { className: "w-full", version: "primary", ...feedbackButton })) : null, mediaLinks.map((_, i) => (jsx(SocialMedia, { media: _?.links ?? [], showButtonText: false, stretched: true, children: _?.title }, String(i)))), otherLinks.map((_, i) => (jsx(LinkButton, { className: linkStyle, version: "link", ..._, children: _?.text }, String(i))))] })] }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents, license: license })] }));
+        return (jsxs(BlockWrapper, { tag: "footer", className: style('grid gap-y-xl p-4xl pb-24 lg:p-xl', className), ...rest, children: [renderLogoSearchBar(common, navigationItems), jsxs("div", { className: "flex flex-col lg:flex-row items-center @lg:items-stretch gap-lg lg:gap-6xl ", children: [jsx(Sitemap, { navigationItems: navigationItems }), jsx("div", { className: "border-t border-main-divider lg:hidden w-full" }), jsxs("div", { className: style(LEFT_COLUMN_STYLE, 'flex flex-col shrink-0 overflow-hidden space-y-xl'), children: [jsx(Contacts, { items: contacts }), feedbackButton ? (jsx(LinkButton, { className: "w-full", version: "primary", ...feedbackButton })) : null, mediaLinks.map((_, i) => (jsx(SocialMedia, { media: _?.links ?? [], showButtonText: false, stretched: true, children: _?.title }, String(i)))), otherLinks.map((_, i) => (jsx(LinkButton, { className: linkStyle, version: "link", ..._, children: _?.text }, String(i))))] })] }), jsx(HorizontalNavigation, { title: horizontalNavigationTitle, links: relatedEnterprises }), jsx(TextInformation, { links: documents, license: license })] }));
     });
 
     const GracePeriod = JSX(({ className = '', title, description, calendar, ...rest }) => (jsxs(BlockWrapper, { className: style('space-y-m', className), defaultPadding: "p-6xl", ...rest, children: [jsx(Headline, { title: title, description: description, headlineVersion: "M", isEmbedded: true }), calendar ? renderCalendar(calendar) : null] })));
@@ -4712,19 +4713,19 @@
         return (jsx("span", { ref: ref, className: className, role: "menuitem", children: jsx(TopItem, { ...rest, children: children }) }));
     });
 
-    const HeaderTopMenu = JSX(({ topItems = [], activeTopItem, dropdownMenuAriaLabel, version, headerData, search, bgColor, logo, }) => {
-        const [visibleItemsCount, setVisibleItemsCount] = useState(topItems.length);
-        const dropDownMenuItems = topItems.slice(visibleItemsCount);
+    const HeaderTopMenu = JSX(({ navigationItems = [], activeTopItem, dropdownMenuAriaLabel, version, headerData, search, bgColor, logo, }) => {
+        const [visibleItemsCount, setVisibleItemsCount] = useState(navigationItems.length);
+        const dropDownMenuItems = navigationItems.slice(visibleItemsCount);
         const topItemsListRef = useRef(null);
         const observerOptions = { rootRef: topItemsListRef };
-        const topItemsVisibilityHandlers = useMemo(() => topItems.map((_, index) => (isIntersecting) => {
+        const topItemsVisibilityHandlers = useMemo(() => navigationItems.map((_, index) => (isIntersecting) => {
             setVisibleItemsCount(isIntersecting
                 ? handleIntersectionActivation(index)
                 : handleIntersectionDeactivation(index));
-        }), [topItems]);
+        }), [navigationItems]);
         // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { dataFooter, dataHeader, ...logoProps } = logo ?? {};
-        return (jsxs("div", { className: "flex items-center justify-between", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: logoProps, data: dataHeader }), jsx("div", { ref: topItemsListRef, className: "overflow-hidden min-w-[160px] pb-xs mt-xs", role: "menu", children: topItems.map((_, i) => (jsx(HeaderTopMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeTopItem, observerOptions: observerOptions, onVisibilityChange: topItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { className: "mx-xs", items: dropDownMenuItems, activeItem: activeTopItem, ariaLabel: dropdownMenuAriaLabel })) : null, jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", ...{ search, ...headerData } })] }));
+        return (jsxs("div", { className: "flex items-center justify-between", children: [jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: logoProps, data: dataHeader }), jsx("div", { ref: topItemsListRef, className: "overflow-hidden min-w-[160px] pb-xs mt-xs", role: "menu", children: navigationItems.map((_, i) => (jsx(HeaderTopMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeTopItem, observerOptions: observerOptions, onVisibilityChange: topItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (jsx(DropdownMenu, { className: "mx-xs", items: dropDownMenuItems, activeItem: activeTopItem, ariaLabel: dropdownMenuAriaLabel })) : null, jsx(HeaderSecondaryMenu, { version: version, className: "ml-auto", search: search, navigationItems: navigationItems, ...headerData })] }));
     });
     const handleIntersectionActivation = (index) => (prev) => Math.max(prev, index + 1);
     const handleIntersectionDeactivation = (index) => (prev) => Math.min(prev, index);
@@ -4741,7 +4742,7 @@
         const [, activeTopItem] = useActiveRoute(navigationItems);
         const { internetBankButton } = portal || {};
         const logoProps = customLogo.image?.icon || customLogo.image?.src ? customLogo : logo;
-        return (jsx(BlockWrapper, { tag: "header", className: style('pt-m px-20', activeTopItem?.items?.length ? 'pb-m' : 'pb-lg', className), defaultPadding: "", version: version, ...rest, children: jsxs("div", { className: "container", children: [jsx("div", { className: "whitespace-nowrap", children: jsx(HeaderTopMenu, { activeTopItem: activeTopItem, topItems: navigationItems?.filter(isVisibleItem(HEADER_AREA_KEYS)), version: version, headerData: { ...header, ...navigation }, search: common.search, bgColor: bgColor, logo: logoProps }) }), jsx("div", { className: style('mt-s h-px bg-main-divider', getVersionStyle(version)) }), activeTopItem?.items?.length && (jsx(HeaderSubMenu, { subItems: activeTopItem?.items?.filter(isVisibleItem(HEADER_AREA_KEYS)), version: version, internetBankButton: internetBankButton }))] }) }));
+        return (jsx(BlockWrapper, { tag: "header", className: style('pt-m px-20', activeTopItem?.items?.length ? 'pb-m' : 'pb-lg', className), defaultPadding: "", version: version, ...rest, children: jsxs("div", { className: "container", children: [jsx("div", { className: "whitespace-nowrap", children: jsx(HeaderTopMenu, { activeTopItem: activeTopItem, navigationItems: navigationItems?.filter(isVisibleItem(HEADER_AREA_KEYS)), version: version, headerData: { ...header, ...navigation }, search: common.search, bgColor: bgColor, logo: logoProps }) }), jsx("div", { className: style('mt-s h-px bg-main-divider', getVersionStyle(version)) }), activeTopItem?.items?.length && (jsx(HeaderSubMenu, { subItems: activeTopItem?.items?.filter(isVisibleItem(HEADER_AREA_KEYS)), version: version, internetBankButton: internetBankButton }))] }) }));
     });
     const getVersionStyle = (version) => (version === 'transparent' ? 'opacity-30' : '');
     const getPageProperties = (page) => ({
@@ -6586,7 +6587,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.489";
+    const packageVersion = "0.14.490";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;