@redneckz/wildless-cms-uni-blocks 0.14.255 → 0.14.257

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenu.js

@@ -3,8 +3,8 @@ import { useCallback, useEffect, useRef, useState } from '@redneckz/uni-jsx/lib/
 import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
-import { CloseButton } from '../../ui-kit/DialogManager/CloseButton.js';
-import { usePopupManager } from '../../ui-kit/PopupManager/usePopupManager.js';
+import { Dialog } from '../../ui-kit/DialogManager/Dialog.js';
+import { Heading } from '../../ui-kit/Heading/Heading.js';
 import { UniBlock } from '../../UniBlock/UniBlock.js';
 import { StickyBottomMenuBurger } from './StickyBottomMenuBurger.js';
 import { StickyBottomMenuItem } from './StickyBottomMenuItem.js';
@@ -13,47 +13,41 @@ const EMPTY_MENU = [];
 // eslint-disable-next-line max-lines-per-function
 export const StickyBottomMenu = UniBlock(({ sticky, ...rest }) => {
     const { menuItems = EMPTY_MENU } = sticky ?? {};
-    const [isBurgerMenuDialogOpen, { toggle, close }] = useBurgerMenuDialog(rest.options?.page?.sitemap ?? {});
-    const popup = usePopupManager();
+    const [isBurgerMenuDialogOpen, { toggle, close, openDialog }] = useBurgerMenuDialog(rest.options?.page?.sitemap ?? {});
     const middleIdx = Math.floor(menuItems.length / 2);
     const leftItems = menuItems.slice(0, middleIdx);
     const rightItems = menuItems.slice(middleIdx);
     const [activeIndex, setActiveIndex] = useState(-1);
     const [currentItemPosition, setCurrentItemPosition] = useState('');
-    const [popupState, { setFalse: setPopupClosed, setTrue: setPopupOpened }] = useBool();
-    const closePopup = useCallback(() => {
-        setPopupClosed();
+    const [popupDialogState, { setFalse: setPopupDialogClosed, setTrue: setPopupDialogOpened }] = useBool();
+    const closePopupDialog = useCallback(() => {
+        setPopupDialogClosed();
         setActiveIndex(-1);
         setCurrentItemPosition('');
-        popup.close();
-    }, [popup]);
+        close();
+    }, [close]);
     const menuRef = useRef(null);
-    const popupRef = useOutsideClick(closePopup);
-    const openPopup = useCallback((index, itemsPosition) => {
-        setPopupOpened();
+    const popupDialogRef = useOutsideClick(closePopupDialog);
+    const openPopupDialog = useCallback((index, itemsPosition) => {
+        setPopupDialogOpened();
         close();
-        const menuDimensions = menuRef?.current?.getBoundingClientRect();
-        popup.open(_jsxs("div", { onClick: (e) => e.stopPropagation(), className: "sticky py-xl top-0 rounded-t-3xl bg-white z-10", children: [_jsxs("div", { className: "container px-xl text-center text-h3", children: [itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title, _jsx(CloseButton, { className: "absolute top-0 right-0", onClose: closePopup })] }), _jsx("div", { className: "bg-white text-l h-[70vh] overflow-y-auto no-scrollbar", ref: popupRef })] }), {
-            top: -Math.max(globalThis.document?.documentElement?.clientHeight || 0, globalThis.innerHeight || 0) *
-                0.7 -
-                56,
-            left: menuDimensions?.left || 0,
-            width: menuDimensions?.width,
+        openDialog(_jsx(Dialog, { onClick: (e) => e.stopPropagation(), className: "mt-[20%]", onClose: closePopupDialog, head: _jsx("div", { className: "flex items-center", children: _jsx(Heading, { as: "h4", title: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title }) }), children: _jsx("div", { className: "bg-white pb-24 pt-1 text-l", ref: popupDialogRef }) }), {
+            id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title,
         });
-    }, [close, popup]);
+    }, [close, closePopupDialog]);
     const handleMenuItemClick = useCallback((index, itemsPosition) => {
         setCurrentItemPosition(itemsPosition);
         setActiveIndex(index);
-        openPopup(index, itemsPosition);
-    }, [openPopup]);
+        openPopupDialog(index, itemsPosition);
+    }, [openPopupDialog]);
     useEffect(() => {
-        if (!popupRef.current) {
+        if (!popupDialogRef.current) {
             return;
         }
-        if (!popupRef.current.shadowRoot) {
-            popupRef.current?.attachShadow({ mode: 'open' });
+        if (!popupDialogRef.current.shadowRoot) {
+            popupDialogRef.current?.attachShadow({ mode: 'open' });
         }
-        const shadowRoot = popupRef.current.shadowRoot;
+        const shadowRoot = popupDialogRef.current.shadowRoot;
         if (!shadowRoot) {
             return;
         }
@@ -63,8 +57,12 @@ export const StickyBottomMenu = UniBlock(({ sticky, ...rest }) => {
         else {
             shadowRoot.innerHTML = rightItems[activeIndex]?.__html || '';
         }
-    }, [activeIndex, currentItemPosition, popupState]);
-    return (_jsx(BlockWrapper, { className: "h-[74px] z-[100] relative", defaultPadding: "p-0", ...rest, children: _jsxs("div", { ref: menuRef, className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(handleMenuItemClick, 'left', { activeIndex, currentItemPosition })), _jsx(StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: toggle }), rightItems.map(renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }))] }) }));
+    }, [activeIndex, currentItemPosition, popupDialogState]);
+    return (_jsx(BlockWrapper, { className: "h-[74px] z-[100] relative", defaultPadding: "p-0", ...rest, children: _jsxs("div", { ref: menuRef, className: "ml-auto container bg-white flex justify-center shadow-blue-gray", children: [leftItems.map(renderMenuItem(handleMenuItemClick, 'left', { activeIndex, currentItemPosition })), _jsx(StickyBottomMenuBurger, { isActive: isBurgerMenuDialogOpen, onClick: (e) => {
+                        closePopupDialog();
+                        e.stopPropagation();
+                        toggle();
+                    } }), rightItems.map(renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }))] }) }));
 });
 const renderMenuItem = (handleMenuItemClick, itemsPosition, currentActiveItem) => (_, i, arr) => {
     return (_jsx(StickyBottomMenuItem, { item: _, isActive: arr[currentActiveItem.activeIndex]?.title === _?.title &&

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenu.js.map

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

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuBurger.d.ts

@@ -1,6 +1,7 @@
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 interface StickyBottomMenuBurgerProps {
     isActive?: boolean;
-    onClick?: () => void;
+    onClick?: (e: PreventableEvent) => void;
 }
 export declare const StickyBottomMenuBurger: import("@redneckz/uni-jsx").UNIComponent<StickyBottomMenuBurgerProps, any, any>;
 export {};

package/mobile/lib/components/StickyBottomMenu/StickyBottomMenuBurger.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyBottomMenuBurger.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAA8B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChG,kBACE,SAAS,EAAE,KAAK,CACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,aAEb,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAI,gCAElF,CACV,CAAC,CAAC"}
+{"version":3,"file":"StickyBottomMenuBurger.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAE9C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAO1C,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAA8B,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAChG,kBACE,SAAS,EAAE,KAAK,CACd,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,EACpD,2EAA2E,CAC5E,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,aAEb,KAAC,IAAI,IAAC,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,YAAY,EAAC,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,GAAI,gCAElF,CACV,CAAC,CAAC"}

package/mobile/lib/components/StickyBottomMenu/useBurgerMenuDialog.d.ts

@@ -1,7 +1,10 @@
+import { type VNode } from '../../model/VNode';
+import { type DialogOptions } from '../../ui-kit/DialogManager/useDialogManager';
 import { type BurgerMenuDialogProps } from './BurgerMenuDialog';
 export declare const BURGER_MENU_DIALOG_ID = "burgerMenuDialog";
 export declare const useBurgerMenuDialog: (props: BurgerMenuDialogProps) => [boolean, {
     open: () => void;
     close: () => void;
     toggle: () => void;
+    openDialog: (dialog: VNode, options: DialogOptions) => void;
 }];

package/mobile/lib/components/StickyBottomMenu/useBurgerMenuDialog.js

@@ -17,6 +17,6 @@ export const useBurgerMenuDialog = (props) => {
             open();
         }
     };
-    return [isBurgerMenuOpen, { open, close, toggle }];
+    return [isBurgerMenuOpen, { open, close, toggle, openDialog }];
 };
 //# sourceMappingURL=useBurgerMenuDialog.js.map

package/mobile/lib/components/StickyBottomMenu/useBurgerMenuDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/useBurgerMenuDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAElF,MAAM,CAAC,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAA4B,EAQ5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEjE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,gBAAgB,GAAG,YAAY,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,EAAE,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAC9F,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,gBAAgB,EAAE;YACpB,QAAQ,EAAE,CAAC;SACZ;aAAM;YACL,IAAI,EAAE,CAAC;SACR;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;AACrD,CAAC,CAAC"}
+{"version":3,"file":"useBurgerMenuDialog.js","sourceRoot":"","sources":["../../../src/components/StickyBottomMenu/useBurgerMenuDialog.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AACvE,OAAO,EAAE,gBAAgB,EAAsB,MAAM,6CAA6C,CAAC;AACnG,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAA8B,MAAM,oBAAoB,CAAC;AAElF,MAAM,CAAC,MAAM,qBAAqB,GAAG,kBAAkB,CAAC;AAExD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAA4B,EAS5B,EAAE;IACF,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEjE,MAAM,OAAO,GAAG,cAAc,EAAE,CAAC;IACjC,MAAM,gBAAgB,GAAG,YAAY,CAAC,qBAAqB,EAAE,OAAO,CAAC,CAAC;IAEtE,MAAM,IAAI,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,KAAC,gBAAgB,OAAK,KAAK,GAAI,EAAE,EAAE,EAAE,EAAE,qBAAqB,EAAE,CAAC,CAAC;IAC9F,MAAM,MAAM,GAAG,GAAG,EAAE;QAClB,IAAI,gBAAgB,EAAE;YACpB,QAAQ,EAAE,CAAC;SACZ;aAAM;YACL,IAAI,EAAE,CAAC;SACR;IACH,CAAC,CAAC;IAEF,OAAO,CAAC,gBAAgB,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;AACjE,CAAC,CAAC"}

package/mobile/lib/ui-kit/DialogManager/Dialog.d.ts

@@ -1,7 +1,9 @@
 import { type VNode } from '../../model/VNode';
+import { type PreventableEvent } from '../PreventableEvent';
 export interface DialogProps {
     className?: string;
     head?: VNode;
     onClose?: () => void;
+    onClick?: (e: PreventableEvent) => void;
 }
 export declare const Dialog: import("@redneckz/uni-jsx").UNIComponent<DialogProps, any, any>;

package/mobile/lib/ui-kit/DialogManager/Dialog.js

@@ -4,12 +4,12 @@ import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { style } from '../../utils/style.js';
 import { CloseButton } from './CloseButton.js';
 import { useDialogManager } from './useDialogManager.js';
-export const Dialog = JSX(({ className, head, children, onClose }) => {
+export const Dialog = JSX(({ className, head, children, onClose, onClick }) => {
     const { close } = useDialogManager();
     const handleClose = useCallback(() => {
         close();
         onClose && onClose();
     }, [onClose]);
-    return (_jsxs("div", { className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [_jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [_jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), _jsx("div", { className: "container", children: head })] }), _jsx("div", { className: "container pb-6xl", children: children })] }));
+    return (_jsxs("div", { onClick: onClick, className: style('relative min-h-full bg-white pt-0 p-lg', className), role: "dialog", children: [_jsxs("div", { className: "sticky py-xl top-0 bg-white z-10", children: [_jsx(CloseButton, { className: "absolute top-0 right-0", onClose: handleClose }), _jsx("div", { className: "container", children: head })] }), _jsx("div", { className: "container pb-6xl", children: children })] }));
 });
 //# sourceMappingURL=Dialog.js.map

package/mobile/lib/ui-kit/DialogManager/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAQtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,EAAE;IAChF,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,wCAAwC,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,QAAQ,aACvF,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,WAAW,GAAI,EACxE,cAAK,SAAS,EAAC,WAAW,YAAE,IAAI,GAAO,IACnC,EACN,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../../src/ui-kit/DialogManager/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAE1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAStD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAc,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAErC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE;QACnC,KAAK,EAAE,CAAC;QACR,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,eACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,wCAAwC,EAAE,SAAS,CAAC,EACrE,IAAI,EAAC,QAAQ,aAEb,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,WAAW,IAAC,SAAS,EAAC,wBAAwB,EAAC,OAAO,EAAE,WAAW,GAAI,EACxE,cAAK,SAAS,EAAC,WAAW,YAAE,IAAI,GAAO,IACnC,EACN,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,IAC9C,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/PopupManager/PopupAction.d.ts

@@ -4,10 +4,12 @@ export interface PopupOptions {
     top: number;
     left: number;
     width?: number;
+    fixed?: boolean;
 }
 export interface PopupOpenAction extends PopupOptions {
     type: 'open' | 'update';
     popup: VNode;
+    fixed?: boolean;
 }
 export interface PopupCloseAction {
     type: 'close';

package/mobile/lib/ui-kit/PopupManager/PopupManager.js

@@ -4,6 +4,7 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
 import { defaultEventBus } from '../../EventBus/defaultEventBus.js';
 import { assertUnreachable } from '../../utils/assertUnreachable.js';
+import { style } from '../../utils/style.js';
 export const PopupManager = JSX(() => {
     const [popup, setPopup] = useState(null);
     const close = useCallback(() => {
@@ -28,7 +29,7 @@ export const PopupManager = JSX(() => {
         }
     }, [close]);
     useEventListener(globalThis.document, 'keydown', escapeHandler);
-    return popup ? (_jsx("div", { className: "absolute z-50", style: {
+    return popup ? (_jsx("div", { className: style('z-50', popup.fixed ? 'fixed' : 'absolute'), style: {
             left: `${popup.left}px`,
             top: `${popup.top}px`,
             ...(popup.width ? { width: `${popup.width}px` } : {}),

package/mobile/lib/ui-kit/PopupManager/PopupManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopupManager.js","sourceRoot":"","sources":["../../../src/ui-kit/PopupManager/PopupManager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAGlE,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,GAAG,EAAE;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAEjE,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CACP,GAAG,EAAE,CACH,eAAe,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;QAC5C,QAAQ,MAAM,CAAC,IAAI,EAAE;YACnB,KAAK,MAAM,CAAC;YACZ,KAAK,QAAQ;gBACX,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACjB,MAAM;YACR,KAAK,OAAO;gBACV,KAAK,EAAE,CAAC;gBACR,MAAM;YACR;gBACE,iBAAiB,CAAC,MAAM,CAAC,CAAC;SAC7B;IACH,CAAC,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;QAC3B,IAAI,GAAG,KAAK,QAAQ,EAAE;YACpB,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,gBAAgB,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;IAEhE,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,cACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI;YACvB,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,IAAI;YACrB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACtD,EACD,IAAI,EAAC,QAAQ,YAEZ,KAAK,CAAC,KAAK,GACR,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC"}
+{"version":3,"file":"PopupManager.js","sourceRoot":"","sources":["../../../src/ui-kit/PopupManager/PopupManager.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,CAAC,MAAM,YAAY,GAAG,GAAG,CAAC,GAAG,EAAE;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAyB,IAAI,CAAC,CAAC;IAEjE,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE;QAC7B,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CACP,GAAG,EAAE,CACH,eAAe,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,MAAM,EAAE,EAAE;QAC5C,QAAQ,MAAM,CAAC,IAAI,EAAE;YACnB,KAAK,MAAM,CAAC;YACZ,KAAK,QAAQ;gBACX,QAAQ,CAAC,MAAM,CAAC,CAAC;gBACjB,MAAM;YACR,KAAK,OAAO;gBACV,KAAK,EAAE,CAAC;gBACR,MAAM;YACR;gBACE,iBAAiB,CAAC,MAAM,CAAC,CAAC;SAC7B;IACH,CAAC,CAAC,EACJ,EAAE,CACH,CAAC;IAEF,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;QAC3B,IAAI,GAAG,KAAK,QAAQ,EAAE;YACpB,KAAK,EAAE,CAAC;SACT;IACH,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,gBAAgB,CAAC,UAAU,CAAC,QAAQ,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;IAEhE,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,cACE,SAAS,EAAE,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,EAC5D,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,KAAK,CAAC,IAAI,IAAI;YACvB,GAAG,EAAE,GAAG,KAAK,CAAC,GAAG,IAAI;YACrB,GAAG,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;SACtD,EACD,IAAI,EAAC,QAAQ,YAEZ,KAAK,CAAC,KAAK,GACR,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC,CAAC"}

package/mobile/src/components/StickyBottomMenu/BurgerMenuDialog.tsx

@@ -42,6 +42,7 @@ export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>((props) => {
 
   return (
     <Dialog
+      onClick={(e) => e.stopPropagation()}
       head={
         <div className="flex items-center">
           <Heading as="h4" title="Меню" />

package/mobile/src/components/StickyBottomMenu/StickyBottomMenu.tsx

@@ -3,8 +3,8 @@ import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useOutsideClick } from '@redneckz/uni-jsx/lib/hooks/useOutsideClick';
 import { type StickyMenuItem } from '../../data/StickyMobileData';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { CloseButton } from '../../ui-kit/DialogManager/CloseButton';
-import { usePopupManager } from '../../ui-kit/PopupManager/usePopupManager';
+import { Dialog } from '../../ui-kit/DialogManager/Dialog';
+import { Heading } from '../../ui-kit/Heading/Heading';
 import { UniBlock } from '../../UniBlock/UniBlock';
 import { StickyBottomMenuBurger } from './StickyBottomMenuBurger';
 import { StickyBottomMenuItem } from './StickyBottomMenuItem';
@@ -21,10 +21,9 @@ interface CurrentActiveItem {
 // eslint-disable-next-line max-lines-per-function
 export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...rest }) => {
   const { menuItems = EMPTY_MENU } = sticky ?? {};
-  const [isBurgerMenuDialogOpen, { toggle, close }] = useBurgerMenuDialog(
+  const [isBurgerMenuDialogOpen, { toggle, close, openDialog }] = useBurgerMenuDialog(
     rest.options?.page?.sitemap ?? {},
   );
-  const popup = usePopupManager();
 
   const middleIdx = Math.floor(menuItems.length / 2);
   const leftItems = menuItems.slice(0, middleIdx);
@@ -32,73 +31,67 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
 
   const [activeIndex, setActiveIndex] = useState(-1);
   const [currentItemPosition, setCurrentItemPosition] = useState<string>('');
-  const [popupState, { setFalse: setPopupClosed, setTrue: setPopupOpened }] = useBool();
+  const [popupDialogState, { setFalse: setPopupDialogClosed, setTrue: setPopupDialogOpened }] =
+    useBool();
 
-  const closePopup = useCallback(() => {
-    setPopupClosed();
+  const closePopupDialog = useCallback(() => {
+    setPopupDialogClosed();
     setActiveIndex(-1);
     setCurrentItemPosition('');
-    popup.close();
-  }, [popup]);
+    close();
+  }, [close]);
 
   const menuRef = useRef<HTMLDivElement | null>(null);
-  const popupRef = useOutsideClick<HTMLDivElement>(closePopup);
+  const popupDialogRef = useOutsideClick<HTMLDivElement>(closePopupDialog);
 
-  const openPopup = useCallback(
+  const openPopupDialog = useCallback(
     (index: number, itemsPosition: string) => {
-      setPopupOpened();
+      setPopupDialogOpened();
       close();
-      const menuDimensions = menuRef?.current?.getBoundingClientRect();
 
-      popup.open(
-        <div
+      openDialog(
+        <Dialog
           onClick={(e) => e.stopPropagation()}
-          className="sticky py-xl top-0 rounded-t-3xl bg-white z-10"
+          className="mt-[20%]"
+          onClose={closePopupDialog}
+          head={
+            <div className="flex items-center">
+              <Heading
+                as="h4"
+                title={itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title}
+              />
+            </div>
+          }
         >
-          <div className="container px-xl text-center text-h3">
-            {itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title}
-            <CloseButton className="absolute top-0 right-0" onClose={closePopup} />
-          </div>
-          <div
-            className="bg-white text-l h-[70vh] overflow-y-auto no-scrollbar"
-            ref={popupRef}
-          ></div>
-        </div>,
+          <div className="bg-white pb-24 pt-1 text-l" ref={popupDialogRef}></div>
+        </Dialog>,
         {
-          top:
-            -Math.max(
-              globalThis.document?.documentElement?.clientHeight || 0,
-              globalThis.innerHeight || 0,
-            ) *
-              0.7 -
-            56,
-          left: menuDimensions?.left || 0,
-          width: menuDimensions?.width,
+          id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title,
         },
       );
     },
-    [close, popup],
+    [close, closePopupDialog],
   );
 
   const handleMenuItemClick = useCallback(
     (index: number, itemsPosition: string) => {
       setCurrentItemPosition(itemsPosition);
       setActiveIndex(index);
-      openPopup(index, itemsPosition);
+      openPopupDialog(index, itemsPosition);
     },
-    [openPopup],
+    [openPopupDialog],
   );
 
   useEffect(() => {
-    if (!popupRef.current) {
+    if (!popupDialogRef.current) {
       return;
     }
 
-    if (!popupRef.current.shadowRoot) {
-      popupRef.current?.attachShadow({ mode: 'open' });
+    if (!popupDialogRef.current.shadowRoot) {
+      popupDialogRef.current?.attachShadow({ mode: 'open' });
     }
 
-    const shadowRoot = popupRef.current.shadowRoot;
+    const shadowRoot = popupDialogRef.current.shadowRoot;
     if (!shadowRoot) {
       return;
     }
@@ -108,7 +101,7 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
     } else {
       shadowRoot.innerHTML = rightItems[activeIndex]?.__html || '';
     }
-  }, [activeIndex, currentItemPosition, popupState]);
+  }, [activeIndex, currentItemPosition, popupDialogState]);
 
   return (
     <BlockWrapper className="h-[74px] z-[100] relative" defaultPadding="p-0" {...rest}>
@@ -119,7 +112,14 @@ export const StickyBottomMenu = UniBlock<StickyBottomMenuProps>(({ sticky, ...re
         {leftItems.map(
           renderMenuItem(handleMenuItemClick, 'left', { activeIndex, currentItemPosition }),
         )}
-        <StickyBottomMenuBurger isActive={isBurgerMenuDialogOpen} onClick={toggle} />
+        <StickyBottomMenuBurger
+          isActive={isBurgerMenuDialogOpen}
+          onClick={(e) => {
+            closePopupDialog();
+            e.stopPropagation();
+            toggle();
+          }}
+        />
         {rightItems.map(
           renderMenuItem(handleMenuItemClick, 'right', { activeIndex, currentItemPosition }),
         )}

package/mobile/src/components/StickyBottomMenu/StickyBottomMenuBurger.tsx

@@ -1,10 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { Icon } from '../../ui-kit/Icon/Icon';
+import { type PreventableEvent } from '../../ui-kit/PreventableEvent';
 import { style } from '../../utils/style';
 
 interface StickyBottomMenuBurgerProps {
   isActive?: boolean;
-  onClick?: () => void;
+  onClick?: (e: PreventableEvent) => void;
 }
 
 export const StickyBottomMenuBurger = JSX<StickyBottomMenuBurgerProps>(({ isActive, onClick }) => (

package/mobile/src/components/StickyBottomMenu/useBurgerMenuDialog.tsx

@@ -1,5 +1,6 @@
+import { type VNode } from '../../model/VNode';
 import { isDialogOpen } from '../../ui-kit/DialogManager/isDialogOpen';
-import { useDialogManager } from '../../ui-kit/DialogManager/useDialogManager';
+import { useDialogManager, type DialogOptions } from '../../ui-kit/DialogManager/useDialogManager';
 import { useDialogsList } from '../../ui-kit/DialogManager/useDialogsList';
 import { BurgerMenuDialog, type BurgerMenuDialogProps } from './BurgerMenuDialog';
 
@@ -13,6 +14,7 @@ export const useBurgerMenuDialog = (
     open: () => void;
     close: () => void;
     toggle: () => void;
+    openDialog: (dialog: VNode, options: DialogOptions) => void;
   },
 ] => {
   const { open: openDialog, closeAll, close } = useDialogManager();
@@ -29,5 +31,5 @@ export const useBurgerMenuDialog = (
     }
   };
 
-  return [isBurgerMenuOpen, { open, close, toggle }];
+  return [isBurgerMenuOpen, { open, close, toggle, openDialog }];
 };

package/mobile/src/ui-kit/DialogManager/Dialog.tsx

@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import { type VNode } from '../../model/VNode';
 import { style } from '../../utils/style';
+import { type PreventableEvent } from '../PreventableEvent';
 import { CloseButton } from './CloseButton';
 import { useDialogManager } from './useDialogManager';
 
@@ -9,9 +10,10 @@ export interface DialogProps {
   className?: string;
   head?: VNode;
   onClose?: () => void;
+  onClick?: (e: PreventableEvent) => void;
 }
 
-export const Dialog = JSX<DialogProps>(({ className, head, children, onClose }) => {
+export const Dialog = JSX<DialogProps>(({ className, head, children, onClose, onClick }) => {
   const { close } = useDialogManager();
 
   const handleClose = useCallback(() => {
@@ -20,7 +22,11 @@ export const Dialog = JSX<DialogProps>(({ className, head, children, onClose })
   }, [onClose]);
 
   return (
-    <div className={style('relative min-h-full bg-white pt-0 p-lg', className)} role="dialog">
+    <div
+      onClick={onClick}
+      className={style('relative min-h-full bg-white pt-0 p-lg', className)}
+      role="dialog"
+    >
       <div className="sticky py-xl top-0 bg-white z-10">
         <CloseButton className="absolute top-0 right-0" onClose={handleClose} />
         <div className="container">{head}</div>

package/mobile/src/ui-kit/PopupManager/PopupAction.ts

@@ -6,11 +6,13 @@ export interface PopupOptions {
   top: number;
   left: number;
   width?: number;
+  fixed?: boolean;
 }
 
 export interface PopupOpenAction extends PopupOptions {
   type: 'open' | 'update';
   popup: VNode;
+  fixed?: boolean;
 }
 
 export interface PopupCloseAction {

package/mobile/src/ui-kit/PopupManager/PopupManager.tsx

@@ -3,6 +3,7 @@ import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
 import { useEventListener } from '@redneckz/uni-jsx/lib/hooks/useEventListener';
 import { defaultEventBus } from '../../EventBus/defaultEventBus';
 import { assertUnreachable } from '../../utils/assertUnreachable';
+import { style } from '../../utils/style';
 import { type PopupOpenAction } from './PopupAction';
 
 export const PopupManager = JSX(() => {
@@ -43,7 +44,7 @@ export const PopupManager = JSX(() => {
 
   return popup ? (
     <div
-      className="absolute z-50"
+      className={style('z-50', popup.fixed ? 'fixed' : 'absolute')}
       style={{
         left: `${popup.left}px`,
         top: `${popup.top}px`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.255",
+  "version": "0.14.257",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/StickyBottomMenu/BurgerMenuDialog.tsx

@@ -42,6 +42,7 @@ export const BurgerMenuDialog = JSX<BurgerMenuDialogProps>((props) => {
 
   return (
     <Dialog
+      onClick={(e) => e.stopPropagation()}
       head={
         <div className="flex items-center">
           <Heading as="h4" title="Меню" />

package/src/components/StickyBottomMenu/StickyBottomMenu.fixture.mobile.tsx

@@ -2,7 +2,6 @@ import '../../setup-fixture';
 
 import { type BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
 import { DialogManager } from '../../ui-kit/DialogManager/DialogManager';
-import { PopupManager } from '../../ui-kit/PopupManager/PopupManager';
 import { StickyBottomMenu } from './StickyBottomMenu';
 
 const options = {
@@ -16,7 +15,6 @@ export default {
         options={options}
         sticky={{ $ref: '/wcms-resources/sticky-mobile-menu.json' }}
       />
-      <PopupManager />
       <DialogManager />
     </div>
   ),