From 3ab38759897ab9f160b63c03e0698d3f30043f38 Mon Sep 17 00:00:00 2001
From: zakher <zakhermasri@gmail.com>
Date: Sun, 14 Jul 2024 06:55:43 +0300
Subject: [PATCH] chore: pass dir props all the way to `SideMenuController`

---
 packages/react/src/components/SideMenu/SideMenuController.tsx | 3 ++-
 packages/react/src/editor/BlockNoteDefaultUI.tsx              | 3 ++-
 packages/react/src/editor/BlockNoteView.tsx                   | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/react/src/components/SideMenu/SideMenuController.tsx b/packages/react/src/components/SideMenu/SideMenuController.tsx
index d557743a3..d16892141 100644
--- a/packages/react/src/components/SideMenu/SideMenuController.tsx
+++ b/packages/react/src/components/SideMenu/SideMenuController.tsx
@@ -20,6 +20,7 @@ export const SideMenuController = <
   S extends StyleSchema = DefaultStyleSchema
 >(props: {
   sideMenu?: FC<SideMenuProps<BSchema, I, S>>;
+  dir?: "rtl" | "ltr";
 }) => {
   const editor = useBlockNoteEditor<BSchema, I, S>();
 
@@ -39,7 +40,7 @@ export const SideMenuController = <
     state?.referencePos || null,
     1000,
     {
-      placement: "left-start",
+      placement: props.dir === "rtl" ? "right-start" : "left-start",
     }
   );
 
diff --git a/packages/react/src/editor/BlockNoteDefaultUI.tsx b/packages/react/src/editor/BlockNoteDefaultUI.tsx
index 8df2624cb..f06b1dacb 100644
--- a/packages/react/src/editor/BlockNoteDefaultUI.tsx
+++ b/packages/react/src/editor/BlockNoteDefaultUI.tsx
@@ -7,6 +7,7 @@ import { TableHandlesController } from "../components/TableHandles/TableHandlesC
 import { useBlockNoteEditor } from "../hooks/useBlockNoteEditor";
 
 export type BlockNoteDefaultUIProps = {
+  dir?: "rtl" | "ltr";
   formattingToolbar?: boolean;
   linkToolbar?: boolean;
   slashMenu?: boolean;
@@ -31,7 +32,7 @@ export function BlockNoteDefaultUI(props: BlockNoteDefaultUIProps) {
       {props.slashMenu !== false && (
         <SuggestionMenuController triggerCharacter="/" />
       )}
-      {props.sideMenu !== false && <SideMenuController />}
+      {props.sideMenu !== false && <SideMenuController dir={props.dir} />}
       {editor.filePanel && props.filePanel !== false && <FilePanelController />}
       {editor.tableHandles && props.tableHandles !== false && (
         <TableHandlesController />
diff --git a/packages/react/src/editor/BlockNoteView.tsx b/packages/react/src/editor/BlockNoteView.tsx
index d76d37240..e01c6e0e1 100644
--- a/packages/react/src/editor/BlockNoteView.tsx
+++ b/packages/react/src/editor/BlockNoteView.tsx
@@ -112,6 +112,7 @@ function BlockNoteViewComponent<
       <>
         {children}
         <BlockNoteDefaultUI
+          dir={props.dir}
           formattingToolbar={formattingToolbar}
           linkToolbar={linkToolbar}
           slashMenu={slashMenu}