disable import export (#593)

graphql-editor · Feb 6, 2024 · 4534663 · 4534663
1 parent 1cd4169
commit 4534663
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 13 deletions.
diff --git a/packages/editor/src/editor/Editor.tsx b/packages/editor/src/editor/Editor.tsx
@@ -93,6 +93,8 @@ export interface EditorProps
   // Editor custom fonts without whole theme needed to be passed
   fontFamily?: string;
   fontFamilySans?: string;
+  disableExport?: boolean;
+  disableImport?: boolean;
 }
 
 export interface ExternalEditorAPI {
@@ -120,6 +122,8 @@ export const Editor = React.forwardRef<ExternalEditorAPI, EditorProps>(
       onNodeSelect,
       onContentChange,
       title,
+      disableExport,
+      disableImport,
       onEditorMount,
     },
     ref
@@ -296,6 +300,8 @@ export const Editor = React.forwardRef<ExternalEditorAPI, EditorProps>(
             const newState: typeof routes = { ...routes, pane: p };
             set(newState, "internal");
           }}
+          disableExport={disableExport}
+          disableImport={disableImport}
         />
         {routes.pane !== "diff" && (
           <DynamicResize

diff --git a/packages/editor/src/editor/menu/Menu.tsx b/packages/editor/src/editor/menu/Menu.tsx
@@ -99,6 +99,8 @@ export interface MenuProps {
   readOnly?: boolean;
   setSchema: (props: PassedSchema, isInvalid?: boolean) => void;
   path: string;
+  disableImport?: boolean;
+  disableExport?: boolean;
 }
 
 export const Menu = ({
@@ -112,6 +114,8 @@ export const Menu = ({
   libraries,
   readOnly,
   excludePanes = [],
+  disableImport,
+  disableExport,
 }: MenuProps) => {
   const [importOpen, setImportOpen] = useState(false);
   const { saveToFile } = useFileOperations();
@@ -201,19 +205,21 @@ export const Menu = ({
           </Tooltip>
         )}
 
-        <DropdownMenu
-          actionType="icon"
-          dropdownPosition="right-bottom"
-          menuItems={exportActions}
-          distanceX="10px"
-        >
-          <Tooltip title="Export schema" position="right-center">
-            <MenuItem {...dataIt("menuExport")} data-tour="export">
-              <ArrowNarrowUpMove />
-            </MenuItem>
-          </Tooltip>
-        </DropdownMenu>
-        {!readOnly && (
+        {!disableExport && (
+          <DropdownMenu
+            actionType="icon"
+            dropdownPosition="right-bottom"
+            menuItems={exportActions}
+            distanceX="10px"
+          >
+            <Tooltip title="Export schema" position="right-center">
+              <MenuItem {...dataIt("menuExport")} data-tour="export">
+                <ArrowNarrowUpMove />
+              </MenuItem>
+            </Tooltip>
+          </DropdownMenu>
+        )}
+        {!readOnly && !disableImport && (
           <Tooltip title="Import schema" position="right-center">
             <MenuItem
               {...dataIt("menuImport")}

diff --git a/packages/sandbox/apps/Pure.tsx b/packages/sandbox/apps/Pure.tsx
@@ -27,6 +27,8 @@ export const Pure = () => {
           });
         }}
         schema={mySchema}
+        disableImport
+        disableExport
       />
     </div>
   );