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

package/mobile/lib/components/Header/HeaderMoreMenuItem.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { style } from '../../utils/style.js';
+import { useDropdownSubMenu } from './useDropdownSubMenu.js';
+export const HeaderMoreMenuItem = JSX(({ className = '', items, activeItem, ariaLabel = 'Меню' }) => {
+    const [isOpenDropdown, { setFalse, toggle }] = useBool(false);
+    const dropdownMenu = useDropdownSubMenu({
+        items,
+        onClose: setFalse,
+        isOpen: isOpenDropdown,
+        activeItem,
+    });
+    useEffect(() => {
+        dropdownMenu.current?.addEventListener('mouseleave', setFalse);
+        return () => {
+            dropdownMenu.current?.removeEventListener('mouseleave', setFalse);
+        };
+    }, []);
+    return (_jsx("div", { className: style(isOpenDropdown ? 'rounded-md shadow-blue-gray' : '', className), ref: dropdownMenu, role: "navigation", children: _jsx("button", { type: "button", className: "group/btn flex justify-between items-center h-6", "aria-label": ariaLabel, onClick: toggle, role: "button", "aria-labelledby": "labeldiv", children: Array(3)
+                .fill(null)
+                .map((_, i) => (_jsx("div", { className: "w-[3px] h-[3px] rounded mr-2xs bg-primary-text group-hover/btn:bg-primary-hover group-data-transparent:bg-white" }, String(i)))) }) }));
+});
+//# sourceMappingURL=HeaderMoreMenuItem.js.map

package/mobile/lib/components/Header/HeaderMoreMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderMoreMenuItem.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderMoreMenuItem.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAG9D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAQ1D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,GAAG,MAAM,EAAE,EAAE,EAAE;IAC5D,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAE9D,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,QAAQ,CAAC,CAAC;QAE/D,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,EAAE,mBAAmB,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC;QACpE,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cACE,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE,EAAE,SAAS,CAAC,EAChF,GAAG,EAAE,YAAY,EACjB,IAAI,EAAC,YAAY,YAEjB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iDAAiD,gBAC/C,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,IAAI,EAAC,QAAQ,qBACG,UAAU,YAEzB,KAAK,CAAC,CAAC,CAAC;iBACN,IAAI,CAAC,IAAI,CAAC;iBACV,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACb,cAEE,SAAS,EAAC,iHAAiH,IADtH,MAAM,CAAC,CAAC,CAAC,CAEd,CACH,CAAC,GACG,GACL,CACP,CAAC;AACJ,CAAC,CACF,CAAC"}

package/mobile/lib/components/Header/HeaderSubMenu.js

@@ -3,8 +3,8 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useMemo, useRef, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useActiveRoute } from '../../hooks/useActiveRoute.js';
 import { projectSettings } from '../../ProjectSettings.js';
-import { DropdownMenu } from './DropdownMenu.js';
 import { HeaderChatBotButton } from './HeaderChatBotButton.js';
+import { HeaderMoreMenuItem } from './HeaderMoreMenuItem.js';
 import { HeaderSubMenuItem } from './HeaderSubMenuItem.js';
 import { InternetBankButton } from './InternetBankButton.js';
 export const HeaderSubMenu = JSX(({ subItems = [], version, internetBankButton, dropdownMenuAriaLabel, chatBotAriaLabel }) => {
@@ -19,7 +19,7 @@ export const HeaderSubMenu = JSX(({ subItems = [], version, internetBankButton,
             ? handleIntersectionActivation(index)
             : handleIntersectionDeactivation(index));
     }), [subItems]);
-    return (_jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [_jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (_jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (_jsx(DropdownMenu, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (_jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, ariaLabel: chatBotAriaLabel })) : null, _jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
+    return (_jsxs("nav", { className: "mt-s flex gap-s items-center justify-between", children: [_jsx("div", { ref: subItemsListRef, className: "overflow-hidden whitespace-nowrap pb-s mt-xs space-x-lg", role: "menu", children: subItems.map((_, i) => (_jsx(HeaderSubMenuItem, { className: visibleItemsCount - 1 < i ? 'invisible' : '', active: _ === activeSubItem, activeItem: activeSubItem, observerOptions: observerOptions, onVisibilityChange: subItemsVisibilityHandlers[i], data: _.dataHeader, ..._ }, String(i)))) }), dropDownMenuItems.length ? (_jsx(HeaderMoreMenuItem, { items: dropDownMenuItems, activeItem: activeSubItem, ariaLabel: dropdownMenuAriaLabel })) : null, projectSettings.CHAT_BOT ? (_jsx(HeaderChatBotButton, { version: version, iconVersion: iconVersion, ariaLabel: chatBotAriaLabel })) : null, _jsx(InternetBankButton, { version: version, ...internetBankButton })] }));
 });
 const handleIntersectionActivation = (index) => (prev) => Math.max(prev, index + 1);
 const handleIntersectionDeactivation = (index) => (prev) => Math.min(prev, index);

package/mobile/lib/components/Header/HeaderSubMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAI5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU1D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC1F,MAAM,WAAW,GAAgB,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/E,MAAM,CAAC,EAAE,aAAa,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEnD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE5E,MAAM,iBAAiB,GAAG,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE5D,MAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAgC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;IAClF,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAG,EAAE,CACH,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,cAAuB,EAAE,EAAE;QACrD,oBAAoB,CAClB,cAAc;YACZ,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC;YACrC,CAAC,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAC1C,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,cACE,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,yDAAyD,EACnE,IAAI,EAAC,MAAM,YAEV,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,iBAAiB,IAEhB,SAAS,EAAE,iBAAiB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACvD,MAAM,EAAE,CAAC,KAAK,aAAa,EAC3B,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,0BAA0B,CAAC,CAAC,CAAC,EACjD,IAAI,EAAE,CAAC,CAAC,UAAU,KACd,CAAC,IANA,MAAM,CAAC,CAAC,CAAC,CAOd,CACH,CAAC,GACE,EACL,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,KAAC,YAAY,IACX,KAAK,EAAE,iBAAiB,EACxB,UAAU,EAAE,aAAa,EACzB,SAAS,EAAE,qBAAqB,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1B,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,gBAAgB,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,KAAM,kBAAkB,GAAI,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AACpG,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"HeaderSubMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderSubMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAI5D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAU1D,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,OAAO,EAAE,kBAAkB,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,EAAE,EAAE;IAC1F,MAAM,WAAW,GAAgB,OAAO,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAE/E,MAAM,CAAC,EAAE,aAAa,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;IAEnD,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAE5E,MAAM,iBAAiB,GAAG,QAAQ,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAE5D,MAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAgC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;IAClF,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAG,EAAE,CACH,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,cAAuB,EAAE,EAAE;QACrD,oBAAoB,CAClB,cAAc;YACZ,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC;YACrC,CAAC,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAC1C,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,cACE,GAAG,EAAE,eAAe,EACpB,SAAS,EAAC,yDAAyD,EACnE,IAAI,EAAC,MAAM,YAEV,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACtB,KAAC,iBAAiB,IAEhB,SAAS,EAAE,iBAAiB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACvD,MAAM,EAAE,CAAC,KAAK,aAAa,EAC3B,UAAU,EAAE,aAAa,EACzB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,0BAA0B,CAAC,CAAC,CAAC,EACjD,IAAI,EAAE,CAAC,CAAC,UAAU,KACd,CAAC,IAPA,MAAM,CAAC,CAAC,CAAC,CAQd,CACH,CAAC,GACE,EACL,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,KAAC,kBAAkB,IACjB,KAAK,EAAE,iBAAiB,EACxB,UAAU,EAAE,aAAa,EACzB,SAAS,EAAE,qBAAqB,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACP,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAC1B,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,gBAAgB,GAC3B,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,kBAAkB,IAAC,OAAO,EAAE,OAAO,KAAM,kBAAkB,GAAI,IAC5D,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AACpG,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC"}

package/mobile/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/mobile/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/mobile/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/mobile/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/mobile/lib/components/Header/HeaderTopMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderTopMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTopMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAUxE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAaxD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EACC,eAAe,GAAG,EAAE,EACpB,aAAa,EACb,qBAAqB,EACrB,OAAO,EACP,UAAU,EACV,MAAM,EACN,OAAO,EACP,IAAI,GACL,EAAE,EAAE;IACH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAEnF,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAEnE,MAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAgC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;IAClF,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAG,EAAE,CACH,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,cAAuB,EAAE,EAAE;QAC5D,oBAAoB,CAClB,cAAc;YACZ,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC;YACrC,CAAC,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAC1C,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,6DAA6D;IAC7D,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAE5D,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,KAAK,GAChB,EACF,cAAK,GAAG,EAAE,eAAe,EAAE,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAC,MAAM,YACpF,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,iBAAiB,IAEhB,SAAS,EAAE,iBAAiB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACvD,MAAM,EAAE,CAAC,KAAK,aAAa,EAC3B,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,0BAA0B,CAAC,CAAC,CAAC,EACjD,IAAI,EAAE,CAAC,CAAC,UAAU,KACd,CAAC,IANA,MAAM,CAAC,CAAC,CAAC,CAOd,CACH,CAAC,GACE,EACL,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,KAAC,YAAY,IACX,SAAS,EAAC,OAAO,EACjB,KAAK,EAAE,iBAAiB,EACxB,UAAU,EAAE,aAAa,EACzB,SAAS,EAAE,qBAAqB,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,KAC5B,UAAU,GACd,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AACpG,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC"}
+{"version":3,"file":"HeaderTopMenu.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderTopMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAUxE,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAaxD,MAAM,CAAC,MAAM,aAAa,GAAG,GAAG,CAC9B,CAAC,EACC,eAAe,GAAG,EAAE,EACpB,aAAa,EACb,qBAAqB,EACrB,OAAO,EACP,UAAU,EACV,MAAM,EACN,OAAO,EACP,IAAI,GACL,EAAE,EAAE;IACH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC;IAEnF,MAAM,iBAAiB,GAAG,eAAe,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAEnE,MAAM,eAAe,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC5D,MAAM,eAAe,GAAgC,EAAE,OAAO,EAAE,eAAe,EAAE,CAAC;IAClF,MAAM,0BAA0B,GAAG,OAAO,CACxC,GAAG,EAAE,CACH,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,cAAuB,EAAE,EAAE;QAC5D,oBAAoB,CAClB,cAAc;YACZ,CAAC,CAAC,4BAA4B,CAAC,KAAK,CAAC;YACrC,CAAC,CAAC,8BAA8B,CAAC,KAAK,CAAC,CAC1C,CAAC;IACJ,CAAC,CAAC,EACJ,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,6DAA6D;IAC7D,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,SAAS,EAAE,GAAG,IAAI,IAAI,EAAE,CAAC;IAE5D,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,IAAI,IACH,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,UAAU,EAChB,SAAS,EAAE,KAAK,GAChB,EACF,cAAK,GAAG,EAAE,eAAe,EAAE,SAAS,EAAC,sCAAsC,EAAC,IAAI,EAAC,MAAM,YACpF,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAC7B,KAAC,iBAAiB,IAEhB,SAAS,EAAE,iBAAiB,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EACvD,MAAM,EAAE,CAAC,KAAK,aAAa,EAC3B,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,0BAA0B,CAAC,CAAC,CAAC,EACjD,IAAI,EAAE,CAAC,CAAC,UAAU,KACd,CAAC,IANA,MAAM,CAAC,CAAC,CAAC,CAOd,CACH,CAAC,GACE,EACL,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC1B,KAAC,kBAAkB,IACjB,SAAS,EAAC,mCAAmC,EAC7C,KAAK,EAAE,iBAAiB,EACxB,UAAU,EAAE,aAAa,EACzB,SAAS,EAAE,qBAAqB,GAChC,CACH,CAAC,CAAC,CAAC,IAAI,EACR,KAAC,mBAAmB,IAClB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,SAAS,EACnB,MAAM,EAAE,MAAM,EACd,eAAe,EAAE,eAAe,KAC5B,UAAU,GACd,IACE,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,4BAA4B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC;AACpG,MAAM,8BAA8B,GAAG,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC"}

package/mobile/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/mobile/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/mobile/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/mobile/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/lib/ui-kit/FormField/Fields/ApplicationDateField.d.ts

@@ -0,0 +1,2 @@
+import { type CustomFieldProps } from '../CustomFieldProps';
+export declare const ApplicationDateField: import("@redneckz/uni-jsx").UNIComponent<CustomFieldProps, any, any>;

package/mobile/lib/ui-kit/FormField/Fields/ApplicationDateField.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
+import { JSX } from '@redneckz/uni-jsx';
+import { InputControl } from '../../Input/InputControl.js';
+export const ApplicationDateField = JSX(({ field, input }) => (_jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...field(input?.name ?? '') })));
+//# sourceMappingURL=ApplicationDateField.js.map

package/mobile/lib/ui-kit/FormField/Fields/ApplicationDateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationDateField.js","sourceRoot":"","sources":["../../../../src/ui-kit/FormField/Fields/ApplicationDateField.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,CAAmB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9E,KAAC,YAAY,IAAC,KAAK,EAAC,uJAA+B,KAAK,KAAK,CAAC,KAAK,EAAE,IAAI,IAAI,EAAE,CAAC,GAAI,CACrF,CAAC,CAAC"}

package/mobile/lib/ui-kit/FormField/getField.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { InputControl } from '../Input/InputControl.js';
 import { AcquiringField } from './Fields/AcquiringField.js';
 import { AddressBranchField } from './Fields/AddressBranchField.js';
 import { AmountField } from './Fields/AmountField.js';
 import { AnnualRevenueField } from './Fields/AnnualRevenueField.js';
+import { ApplicationDateField } from './Fields/ApplicationDateField.js';
 import { ApplierTypeField } from './Fields/ApplierTypeField.js';
 import { BankEmpoleeField } from './Fields/BankEmpoleeField.js';
 import { BirthdayField } from './Fields/BirthdayField.js';
@@ -61,7 +61,7 @@ const InputsMap = {
     serviceDirection: ServiceDirectionField,
     bankEmpolee: BankEmpoleeField,
     secondaryPhone: SecondaryPhoneField,
-    applicationDate: (props) => (_jsx(InputControl, { label: "\u0414\u0430\u0442\u0430 \u0438 \u0432\u0440\u0435\u043C\u044F \u043E\u0431\u0440\u0430\u0449\u0435\u043D\u0438\u044F \u0432 \u0411\u0430\u043D\u043A", ...props })),
+    applicationDate: ApplicationDateField,
     region: (props) => getPremium(props?.params?.typeForm) ? (_jsx(RegionPremiumField, { ...props })) : (_jsx(RegionField, { ...props })),
     consentToReceiveMaterials: ConsentToReceiveMaterialsField,
     sufferedFrom: SufferedFromField,

package/mobile/lib/ui-kit/FormField/getField.js.map

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

package/mobile/src/components/Header/DropdownButton.tsx

@@ -0,0 +1,26 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { type ButtonProps } from '../../ui-kit/Button/Button';
+
+export const DropdownButton = JSX<ButtonProps>(({ onClick, children, ariaLabel }) => {
+  if (children) {
+    return children;
+  }
+
+  return (
+    <button
+      type="button"
+      className="flex justify-between items-center group/btn h-6 gap-2xs"
+      aria-label={ariaLabel}
+      onClick={onClick}
+      role="button"
+      aria-labelledby="labeldiv"
+    >
+      {Array.from({ length: 3 }, (_, i) => (
+        <div
+          key={i}
+          className="w-[3px] h-[3px] rounded bg-primary-text group-hover/btn:bg-primary-hover group-data-transparent:bg-white"
+        />
+      ))}
+    </button>
+  );
+});

package/mobile/src/components/Header/DropdownMenu.tsx

@@ -1,8 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useCallback, useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
-import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
-import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { useLink } from '../../hooks/useLink';
 import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
@@ -10,91 +6,25 @@ import { getAspectsAttributes } from '../../utils/dataAttributes';
 import { style } from '../../utils/style';
 
 interface DropdownMenuProps extends ComponentType {
-  items: LinkProps[];
+  dropdownRef?: { current: HTMLDivElement | null };
+  items?: LinkProps[];
   activeItem?: LinkProps;
   ariaLabel?: string;
 }
 
-interface ChangeDropdownPositionParams {
-  isOpened: boolean;
-  buttonRef: {
-    current: HTMLDivElement | null;
-  };
-  menuRef: {
-    current: HTMLDivElement | null;
-  };
-}
-
-export const DropdownMenu = JSX<DropdownMenuProps>(
-  ({ className = '', items, activeItem, ariaLabel = 'Меню' }) => {
-    const [isVisible, { setFalse, toggle }] = useBool(false);
-    const ref = useOutsideClick<HTMLDivElement>(setFalse);
-    const dropdownRef = useRef<HTMLDivElement | null>(null);
-
-    const changeDropdownPosition = useCallback(
-      ({ isOpened, buttonRef, menuRef }: ChangeDropdownPositionParams) => {
-        if (isOpened && buttonRef.current && menuRef.current) {
-          const dropdownRect = menuRef.current.getBoundingClientRect();
-          const dropdownButtonRect = buttonRef.current.getBoundingClientRect();
-          const newDropdownPosition = globalThis.innerWidth - dropdownRect.width;
-
-          if (dropdownRect.right >= globalThis.innerWidth) {
-            menuRef.current.style.left = `${newDropdownPosition}px`;
-          } else if (dropdownButtonRect.left > dropdownRect.left) {
-            if (newDropdownPosition > dropdownButtonRect.left) {
-              menuRef.current.style.left = '';
-            } else {
-              menuRef.current.style.left = `${newDropdownPosition}px`;
-            }
-          }
-        }
-      },
-      [isVisible],
-    );
-
-    useEventListener(globalThis, 'resize', () =>
-      changeDropdownPosition({ isOpened: isVisible, buttonRef: ref, menuRef: dropdownRef }),
-    );
-
-    useEffect(() => {
-      changeDropdownPosition({ isOpened: isVisible, buttonRef: ref, menuRef: dropdownRef });
-    }, [isVisible]);
-
-    return (
-      <div
-        className={style(isVisible ? 'rounded-md shadow-blue-gray' : '', className)}
-        ref={ref}
-        role="navigation"
-      >
-        <button
-          type="button"
-          className="group/btn flex justify-between items-center h-6"
-          aria-label={ariaLabel}
-          onClick={toggle}
-          role="button"
-          aria-labelledby="labeldiv"
-        >
-          {Array(3)
-            .fill(null)
-            .map((_, i) => (
-              <div
-                key={String(i)}
-                className="w-[3px] h-[3px] rounded mr-2xs bg-primary-text group-hover/btn:bg-primary-hover group-data-transparent:bg-white"
-              />
-            ))}
-        </button>
-        <div
-          ref={dropdownRef}
-          className={style('absolute flex flex-col rounded-md bg-white p-xl pb-xs w-56 z-40', {
-            hidden: !isVisible,
-          })}
-          aria-hidden={!isVisible}
-        >
-          {renderDropdownItems(items, activeItem)}
-        </div>
-      </div>
-    );
-  },
+export const DropdownMenu = ({
+  dropdownRef,
+  items = [],
+  activeItem,
+  ariaLabel,
+}: DropdownMenuProps) => (
+  <div
+    ref={dropdownRef}
+    className="absolute flex flex-col rounded-md bg-white p-xl pb-xs w-56 z-40"
+    aria-label={ariaLabel}
+  >
+    {renderDropdownItems(items, activeItem)}
+  </div>
 );
 
 export const DropdownMenuItem = JSX<LinkProps & { isActive?: boolean }>(({ isActive, ...rest }) => {

package/mobile/src/components/Header/HeaderMoreMenuItem.tsx

@@ -0,0 +1,60 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
+import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
+import { type ComponentType } from '../../model/ComponentType';
+import { type LinkProps } from '../../model/LinkProps';
+import { style } from '../../utils/style';
+import { useDropdownSubMenu } from './useDropdownSubMenu';
+
+interface HeaderMoreMenuItemProps extends ComponentType {
+  items: LinkProps[];
+  activeItem?: LinkProps;
+  ariaLabel?: string;
+}
+
+export const HeaderMoreMenuItem = JSX<HeaderMoreMenuItemProps>(
+  ({ className = '', items, activeItem, ariaLabel = 'Меню' }) => {
+    const [isOpenDropdown, { setFalse, toggle }] = useBool(false);
+
+    const dropdownMenu = useDropdownSubMenu({
+      items,
+      onClose: setFalse,
+      isOpen: isOpenDropdown,
+      activeItem,
+    });
+
+    useEffect(() => {
+      dropdownMenu.current?.addEventListener('mouseleave', setFalse);
+
+      return () => {
+        dropdownMenu.current?.removeEventListener('mouseleave', setFalse);
+      };
+    }, []);
+
+    return (
+      <div
+        className={style(isOpenDropdown ? 'rounded-md shadow-blue-gray' : '', className)}
+        ref={dropdownMenu}
+        role="navigation"
+      >
+        <button
+          type="button"
+          className="group/btn flex justify-between items-center h-6"
+          aria-label={ariaLabel}
+          onClick={toggle}
+          role="button"
+          aria-labelledby="labeldiv"
+        >
+          {Array(3)
+            .fill(null)
+            .map((_, i) => (
+              <div
+                key={String(i)}
+                className="w-[3px] h-[3px] rounded mr-2xs bg-primary-text group-hover/btn:bg-primary-hover group-data-transparent:bg-white"
+              />
+            ))}
+        </button>
+      </div>
+    );
+  },
+);

package/mobile/src/components/Header/HeaderSubMenu.tsx

@@ -6,8 +6,8 @@ import { type IntersectionObserverOptions } from '../../hooks/useIntersectionObs
 import { type BlockVersion } from '../../model/BlockVersion';
 import { type IconVersion } from '../../model/IconVersion';
 import { projectSettings } from '../../ProjectSettings';
-import { DropdownMenu } from './DropdownMenu';
 import { HeaderChatBotButton } from './HeaderChatBotButton';
+import { HeaderMoreMenuItem } from './HeaderMoreMenuItem';
 import { type InternetButtonProps } from './HeaderProps';
 import { HeaderSubMenuItem } from './HeaderSubMenuItem';
 import { InternetBankButton } from './InternetBankButton';
@@ -56,6 +56,7 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
               key={String(i)}
               className={visibleItemsCount - 1 < i ? 'invisible' : ''}
               active={_ === activeSubItem}
+              activeItem={activeSubItem}
               observerOptions={observerOptions}
               onVisibilityChange={subItemsVisibilityHandlers[i]}
               data={_.dataHeader}
@@ -64,7 +65,7 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
           ))}
         </div>
         {dropDownMenuItems.length ? (
-          <DropdownMenu
+          <HeaderMoreMenuItem
             items={dropDownMenuItems}
             activeItem={activeSubItem}
             ariaLabel={dropdownMenuAriaLabel}

package/mobile/src/components/Header/HeaderSubMenuItem.tsx

@@ -1,5 +1,7 @@
 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 { type NavigationLinkProps } from '../../data/NavigationData';
 import {
   useIntersectionObserver,
   type IntersectionObserverOptions,
@@ -7,15 +9,20 @@ import {
 import { type ComponentType } from '../../model/ComponentType';
 import { type LinkProps } from '../../model/LinkProps';
 import { HeaderItem } from '../../ui-kit/HeaderItem/HeaderItem';
+import { useDropdownSubMenu } from './useDropdownSubMenu';
 
 export interface HeaderSubMenuItemProps extends LinkProps, ComponentType {
   active?: boolean;
+  activeItem?: LinkProps;
   observerOptions?: IntersectionObserverOptions;
   onVisibilityChange?: (isIntersecting: boolean) => void;
+  items?: NavigationLinkProps[];
 }
 
 export const HeaderSubMenuItem = JSX<HeaderSubMenuItemProps>(
-  ({ observerOptions, onVisibilityChange, children, className, ...rest }) => {
+  ({ observerOptions, onVisibilityChange, children, className, items, activeItem, ...rest }) => {
+    const [isOpenDropdown, { setFalse, setTrue }] = useBool(false);
+
     const observerCallback = useCallback(
       (entries: IntersectionObserverEntry[]) => {
         if (!entries.length || !onVisibilityChange) {
@@ -31,10 +38,29 @@ export const HeaderSubMenuItem = JSX<HeaderSubMenuItemProps>(
     );
     const ref = useIntersectionObserver<HTMLSpanElement>(observerCallback, observerOptions);
 
+    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 (
-      <span ref={ref} className={className} role="menuitem">
-        <HeaderItem {...rest}>{children}</HeaderItem>
-      </span>
+      <div className="inline-block" ref={dropdownMenu}>
+        <span ref={ref} className={className} role="menuitem">
+          <HeaderItem {...rest}>{children}</HeaderItem>
+        </span>
+      </div>
     );
   },
 );

package/mobile/src/components/Header/HeaderTopMenu.tsx

@@ -10,7 +10,7 @@ import { type BlockVersion } from '../../model/BlockVersion';
 import { type ComponentType } from '../../model/ComponentType';
 import { type LogoType } from '../../model/LogoType';
 import { Logo } from '../../ui-kit/Logo/Logo';
-import { DropdownMenu } from './DropdownMenu';
+import { HeaderMoreMenuItem } from './HeaderMoreMenuItem';
 import { HeaderSecondaryMenu } from './HeaderSecondaryMenu';
 import { HeaderTopMenuItem } from './HeaderTopMenuItem';
 
@@ -80,8 +80,8 @@ export const HeaderTopMenu = JSX<HeaderMenuProps>(
           ))}
         </div>
         {dropDownMenuItems.length ? (
-          <DropdownMenu
-            className="mx-xs"
+          <HeaderMoreMenuItem
+            className="mx-xs rounded-md shadow-blue-gray"
             items={dropDownMenuItems}
             activeItem={activeTopItem}
             ariaLabel={dropdownMenuAriaLabel}