react-better-html 1.1.255 → 1.1.257

package/dist/index.mjs

@@ -2413,6 +2413,10 @@ var ModalComponent = forwardRef7(function Modal({
   const { app } = useBetterHtmlContextInternal();
   const { colorTheme } = useBetterCoreContext4();
   const dialogRef = useRef2(null);
+  const onOpenRef = useRef2(onOpen);
+  onOpenRef.current = onOpen;
+  const onCloseRef = useRef2(onClose);
+  onCloseRef.current = onClose;
   const [isOpened, setIsOpened] = useBooleanState2(false);
   const [isOpenedLate, setIsOpenedLate] = useBooleanState2(false);
   const onClickOpen = useCallback4(() => {
@@ -2427,20 +2431,20 @@ var ModalComponent = forwardRef7(function Modal({
         false
       );
     }
-    onOpen?.();
-  }, [onOpen, urlQuery, name]);
+    onOpenRef.current?.();
+  }, [urlQuery, name]);
   const onClickClose = useCallback4(
     (event) => {
       event?.stopPropagation();
       setIsOpened.setFalse();
-      onClose?.();
+      onCloseRef.current?.();
       if (urlQuery && name) urlQuery.removeQuery(`${name}-modal`, false);
       setTimeout(() => {
         dialogRef.current?.close();
         setIsOpenedLate.setFalse();
       }, 0.2 * 1e3);
     },
-    [onClose, urlQuery, name]
+    [urlQuery, name]
   );
   const onKeyDown = useCallback4(
     (event) => {
@@ -8247,7 +8251,11 @@ var SideMenuComponent = function SideMenu({
     }
   ) });
 };
-SideMenuComponent.pageHolder = function SideMenuPageHolder({ outsideComponent, ...props }) {
+SideMenuComponent.pageHolder = function SideMenuPageHolder({
+  additionalTopComponent,
+  additionalBottomComponent,
+  ...props
+}) {
   const theme2 = useTheme29();
   const mediaQuery = useMediaQuery();
   const { components, sideMenuIsCollapsed } = useBetterHtmlContextInternal();
@@ -8261,8 +8269,9 @@ SideMenuComponent.pageHolder = function SideMenuPageHolder({ outsideComponent, .
       paddingLeft: !mediaQuery.size1000 ? !sideMenuIsCollapsed ? sideMenuWidth : sideMenuCollapsedWidth : void 0,
       transition: theme2.styles.transition,
       children: [
-        outsideComponent,
-        /* @__PURE__ */ jsx27(PageHolder_default, { ...props })
+        additionalTopComponent,
+        /* @__PURE__ */ jsx27(PageHolder_default, { ...props }),
+        additionalBottomComponent
       ]
     }
   );