@redneckz/wildless-cms-uni-blocks 0.14.875 → 0.14.876

package/lib/components/Header/HeaderSubMenuItem.d.ts

@@ -1,9 +1,12 @@
+import { type NavigationLinkProps } from '../../data/NavigationData';
 import { type IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
 import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 export interface HeaderSubMenuItemProps extends LinkProps, ComponentType {
     active?: boolean;
+    activeItem?: LinkProps;
     observerOptions?: IntersectionObserverOptions;
     onVisibilityChange?: (isIntersecting: boolean) => void;
+    items?: NavigationLinkProps[];
 }
 export declare const HeaderSubMenuItem: import("@redneckz/uni-jsx").UNIComponent<HeaderSubMenuItemProps, any, any>;

package/lib/components/Header/HeaderSubMenuItem.js

@@ -1,9 +1,12 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
+import { useCallback, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useIntersectionObserver, } from '../../hooks/useIntersectionObserver.js';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem.js';
-export const HeaderSubMenuItem = JSX(({ observerOptions, onVisibilityChange, children, className, ...rest }) => {
+import { useDropdownSubMenu } from './useDropdownSubMenu.js';
+export const HeaderSubMenuItem = JSX(({ observerOptions, onVisibilityChange, children, className, items, activeItem, ...rest }) => {
+    const [isOpenDropdown, { setFalse, setTrue }] = useBool(false);
     const observerCallback = useCallback((entries) => {
         if (!entries.length || !onVisibilityChange) {
             return;
@@ -13,6 +16,20 @@ export const HeaderSubMenuItem = JSX(({ observerOptions, onVisibilityChange, chi
         onVisibilityChange(entry.isIntersecting);
     }, [onVisibilityChange]);
     const ref = useIntersectionObserver(observerCallback, observerOptions);
-    return (_jsx("span", { ref: ref, className: className, role: "menuitem", children: _jsx(HeaderItem, { ...rest, children: children }) }));
+    const dropdownMenu = useDropdownSubMenu({
+        items,
+        onClose: setFalse,
+        isOpen: isOpenDropdown,
+        activeItem,
+    });
+    useEffect(() => {
+        dropdownMenu.current?.addEventListener('mouseenter', setTrue);
+        dropdownMenu.current?.addEventListener('mouseleave', setFalse);
+        return () => {
+            dropdownMenu.current?.addEventListener('mouseenter', setTrue);
+            dropdownMenu.current?.removeEventListener('mouseleave', setFalse);
+        };
+    }, []);
+    return (_jsx("div", { className: "inline-block", ref: dropdownMenu, children: _jsx("span", { ref: ref, className: className, role: "menuitem", children: _jsx(HeaderItem, { ...rest, children: children }) }) }));
 });
 //# sourceMappingURL=HeaderSubMenuItem.js.map

package/lib/components/Header/HeaderSubMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSubMenuItem.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EACL,uBAAuB,GAExB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAQhE,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,eAAe,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxE,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAoC,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE;YAC1C,OAAO;SACR;QAED,2CAA2C;QAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE1C,kBAAkB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAkB,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAExF,OAAO,CACL,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,UAAU,YACnD,KAAC,UAAU,OAAK,IAAI,YAAG,QAAQ,GAAc,GACxC,CACR,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"HeaderSubMenuItem.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAE9D,OAAO,EACL,uBAAuB,GAExB,MAAM,qCAAqC,CAAC;AAG7C,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU1D,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,CAClC,CAAC,EAAE,eAAe,EAAE,kBAAkB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAC3F,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAE/D,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAoC,EAAE,EAAE;QACvC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,EAAE;YAC1C,OAAO;SACR;QAED,2CAA2C;QAC3C,MAAM,KAAK,GAAG,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAE1C,kBAAkB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC,EACD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IACF,MAAM,GAAG,GAAG,uBAAuB,CAAkB,gBAAgB,EAAE,eAAe,CAAC,CAAC;IAExF,MAAM,YAAY,GAAG,kBAAkB,CAAC;QACtC,KAAK;QACL,OAAO,EAAE,QAAQ;QACjB,MAAM,EAAE,cAAc;QACtB,UAAU;KACX,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;QAC9D,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,EAAE,gBAAgB,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;YAC9D,YAAY,CAAC,OAAO,EAAE,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,SAAS,EAAC,cAAc,EAAC,GAAG,EAAE,YAAY,YAC7C,eAAM,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAC,UAAU,YACnD,KAAC,UAAU,OAAK,IAAI,YAAG,QAAQ,GAAc,GACxC,GACH,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/lib/components/Header/HeaderTopMenu.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 import { JSX } from '@redneckz/uni-jsx';
 import { useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { Logo } from '../../ui-kit/Logo/Logo.js';
-import { DropdownMenu } from './DropdownMenu.js';
+import { HeaderMoreMenuItem } from './HeaderMoreMenuItem.js';
 import { HeaderSecondaryMenu } from './HeaderSecondaryMenu.js';
 import { HeaderTopMenuItem } from './HeaderTopMenuItem.js';
 export const HeaderTopMenu = JSX(({ navigationItems = [], activeTopItem, dropdownMenuAriaLabel, version, headerData, search, bgColor, logo, }) => {
@@ -17,7 +17,7 @@ export const HeaderTopMenu = JSX(({ navigationItems = [], activeTopItem, dropdow
     }), [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, showTitle: false }), _jsx("div", { ref: topItemsListRef, className: "overflow-hidden min-w-40 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 })] }));
+    return (_jsxs("div", { className: "flex items-center justify-between", children: [_jsx(Logo, { className: "mr-3xl", bgColor: bgColor, logo: logoProps, data: dataHeader, showTitle: false }), _jsx("div", { ref: topItemsListRef, className: "overflow-hidden min-w-40 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(HeaderMoreMenuItem, { className: "mx-xs rounded-md shadow-blue-gray", 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);

package/lib/components/Header/HeaderTopMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTopMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTopMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"HeaderTopMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTopMenu.tsx"],"names":[],"mappings":"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"}

package/lib/components/Header/useDropdownSubMenu.d.ts

@@ -0,0 +1,11 @@
+import { type LinkProps } from '../../model/LinkProps';
+import type { OnCloseProps } from '../../model/OnCloseProps';
+interface DropdownSubMenuOptions extends OnCloseProps {
+    isOpen?: boolean;
+    activeItem?: LinkProps;
+    items?: LinkProps[];
+}
+export declare function useDropdownSubMenu({ items, activeItem, onClose, isOpen }: DropdownSubMenuOptions): {
+    current: HTMLDivElement | null;
+};
+export {};

package/lib/components/Header/useDropdownSubMenu.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
+import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
+import { usePopupManager } from '../../ui-kit/PopupManager/usePopupManager.js';
+import { DropdownMenu } from './DropdownMenu.js';
+export function useDropdownSubMenu({ items, activeItem, onClose, isOpen }) {
+    const popup = usePopupManager();
+    useEffect(() => {
+        if (isOpen) {
+            popup.close();
+        }
+    }, [isOpen]);
+    const close = useCallback(() => {
+        popup.close();
+        onClose?.();
+    }, [onClose]);
+    const parentRef = useRef(null);
+    const popupRef = useOutsideClick(close);
+    useEffect(() => {
+        if (!isOpen || !parentRef.current || !items?.length) {
+            return;
+        }
+        const parentElement = parentRef.current;
+        const { top, left, width, height } = parentElement.getBoundingClientRect();
+        popup.open({
+            popup: _jsx(DropdownMenu, { dropdownRef: popupRef, items: items, activeItem: activeItem }),
+            top: top + window.scrollY + height,
+            left,
+            width,
+        });
+    }, [isOpen, items, close]);
+    return parentRef;
+}
+//# sourceMappingURL=useDropdownSubMenu.js.map

package/lib/components/Header/useDropdownSubMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDropdownSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/useDropdownSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AAC7E,OAAO,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAC;AAG9E,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,UAAU,kBAAkB,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAA0B;IAC/F,MAAM,KAAK,GAAG,eAAe,EAAE,CAAC;IAEhC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,KAAK,CAAC,KAAK,EAAE,CAAC;SACf;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,KAAK,CAAC,KAAK,EAAE,CAAC;QACd,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,eAAe,CAAiB,KAAK,CAAC,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE;YACnD,OAAO;SACR;QAED,MAAM,aAAa,GAAG,SAAS,CAAC,OAAO,CAAC;QACxC,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,aAAa,CAAC,qBAAqB,EAAE,CAAC;QAE3E,KAAK,CAAC,IAAI,CAAC;YACT,KAAK,EAAE,KAAC,YAAY,IAAC,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,GAAI;YACpF,GAAG,EAAE,GAAG,GAAG,MAAM,CAAC,OAAO,GAAG,MAAM;YAClC,IAAI;YACJ,KAAK;SACN,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3B,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/lib/data/NavigationData.d.ts

@@ -5,6 +5,7 @@ export interface NavigationLinkProps extends LinkProps {
     displayArea?: string;
     dataHeader?: AspectsDef[];
     dataFooter?: AspectsDef[];
+    items?: NavigationLinkProps[];
 }
 /**
  * @title Ссылка

package/mobile/bundle/bundle.umd.js

@@ -10579,7 +10579,7 @@
         slots: () => [HEADER_SLOT, FOOTER_SLOT, STICKY_FOOTER_SLOT],
     });
 
-    const packageVersion = "0.14.874";
+    const packageVersion = "0.14.875";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;