@redneckz/wildless-cms-uni-blocks 0.14.262 → 0.14.264

package/src/components/StickyBottomMenu/useBottomMenuItemDialog.tsx

@@ -0,0 +1,54 @@
+import { type StickyMenuItem } from '../../data/StickyMobileData';
+import { type VNode } from '../../model/VNode';
+import { type DialogOptions } from '../../ui-kit/DialogManager/useDialogManager';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { StickyBottomMenuDialog } from './StickyBottomMenuDialog';
+
+interface BottomMenuItemDialog {
+  menuRef?: {
+    current: HTMLDivElement | null;
+  };
+  dialogRef?: {
+    current: HTMLDivElement | null;
+  };
+  closeDialog: () => void;
+  openDialog: (dialog: VNode, options: DialogOptions) => void;
+  leftItems: StickyMenuItem[];
+  rightItems: StickyMenuItem[];
+}
+
+export const useBottomMenuItemDialog = ({
+  menuRef,
+  dialogRef,
+  closeDialog,
+  openDialog,
+  leftItems,
+  rightItems,
+}: BottomMenuItemDialog) => {
+  const openBottomMenuItemDialog = (index: number, itemsPosition: string) => {
+    const requiredArray = itemsPosition === 'left' ? leftItems : rightItems;
+    const menuDimensions = menuRef?.current?.getBoundingClientRect();
+    openDialog(
+      <StickyBottomMenuDialog
+        onClick={(e) => e.stopPropagation()}
+        onClose={closeDialog}
+        head={
+          <div className="flex items-center px-xl">
+            <Heading as="h4" title={requiredArray[index].title} />
+          </div>
+        }
+      >
+        <div className="bg-white pb-20 pt-1 text-l" ref={dialogRef}>
+          <iframe
+            src={requiredArray[index]?.src}
+            className="min-h-[90vh]"
+            width={menuDimensions?.width || 0}
+          />
+        </div>
+      </StickyBottomMenuDialog>,
+      { id: itemsPosition === 'left' ? leftItems[index].title : rightItems[index].title },
+    );
+  };
+
+  return [{ openBottomMenuItemDialog }];
+};

package/src/components/StickyBottomMenu/useBurgerMenuDialog.tsx

@@ -11,7 +11,6 @@ export const useBurgerMenuDialog = (
 ): [
   boolean,
   {
-    open: () => void;
     close: () => void;
     toggle: () => void;
     openDialog: (dialog: VNode, options: DialogOptions) => void;
@@ -31,5 +30,5 @@ export const useBurgerMenuDialog = (
     }
   };
 
-  return [isBurgerMenuOpen, { open, close, toggle, openDialog }];
+  return [isBurgerMenuOpen, { close, toggle, openDialog }];
 };

package/src/data/StickyMobileData.ts

@@ -6,8 +6,8 @@ import { type Picture } from '../model/Picture';
 export interface StickyMenuItem {
   /** @title Название */
   title?: string;
-  /** @title Html */
-  __html?: string;
+  /** @title Адрес страницы меню */
+  src?: string;
   /** @title Иконка */
   icon?: Picture;
 }