react-better-html 1.1.255 → 1.1.257

package/dist/index.d.mts

@@ -1127,7 +1127,8 @@ type SideMenuComponentType = {
 };
 declare const SideMenuComponent: SideMenuComponentType;
 type SideMenuPageHolderProps = PageHolderProps & {
-    outsideComponent?: React.ReactNode;
+    additionalTopComponent?: React.ReactNode;
+    additionalBottomComponent?: React.ReactNode;
 };
 type BurgerButtonProps = {
     /** @default "left" */

package/dist/index.d.ts

@@ -1127,7 +1127,8 @@ type SideMenuComponentType = {
 };
 declare const SideMenuComponent: SideMenuComponentType;
 type SideMenuPageHolderProps = PageHolderProps & {
-    outsideComponent?: React.ReactNode;
+    additionalTopComponent?: React.ReactNode;
+    additionalBottomComponent?: React.ReactNode;
 };
 type BurgerButtonProps = {
     /** @default "left" */

package/dist/index.js

@@ -2476,6 +2476,10 @@ var ModalComponent = (0, import_react11.forwardRef)(function Modal({
   const { app } = useBetterHtmlContextInternal();
   const { colorTheme } = (0, import_react_better_core10.useBetterCoreContext)();
   const dialogRef = (0, import_react11.useRef)(null);
+  const onOpenRef = (0, import_react11.useRef)(onOpen);
+  onOpenRef.current = onOpen;
+  const onCloseRef = (0, import_react11.useRef)(onClose);
+  onCloseRef.current = onClose;
   const [isOpened, setIsOpened] = (0, import_react_better_core10.useBooleanState)(false);
   const [isOpenedLate, setIsOpenedLate] = (0, import_react_better_core10.useBooleanState)(false);
   const onClickOpen = (0, import_react11.useCallback)(() => {
@@ -2490,20 +2494,20 @@ var ModalComponent = (0, import_react11.forwardRef)(function Modal({
         false
       );
     }
-    onOpen?.();
-  }, [onOpen, urlQuery, name]);
+    onOpenRef.current?.();
+  }, [urlQuery, name]);
   const onClickClose = (0, import_react11.useCallback)(
     (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 = (0, import_react11.useCallback)(
     (event) => {
@@ -8280,7 +8284,11 @@ var SideMenuComponent = function SideMenu({
     }
   ) });
 };
-SideMenuComponent.pageHolder = function SideMenuPageHolder({ outsideComponent, ...props }) {
+SideMenuComponent.pageHolder = function SideMenuPageHolder({
+  additionalTopComponent,
+  additionalBottomComponent,
+  ...props
+}) {
   const theme2 = (0, import_react_better_core29.useTheme)();
   const mediaQuery = useMediaQuery();
   const { components, sideMenuIsCollapsed } = useBetterHtmlContextInternal();
@@ -8294,8 +8302,9 @@ SideMenuComponent.pageHolder = function SideMenuPageHolder({ outsideComponent, .
       paddingLeft: !mediaQuery.size1000 ? !sideMenuIsCollapsed ? sideMenuWidth : sideMenuCollapsedWidth : void 0,
       transition: theme2.styles.transition,
       children: [
-        outsideComponent,
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PageHolder_default, { ...props })
+        additionalTopComponent,
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(PageHolder_default, { ...props }),
+        additionalBottomComponent
       ]
     }
   );