Add an option to disable line numbers

open-formulieren · Apr 30, 2024 · 11f1361 · 11f1361
1 parent 71cec83
commit 11f1361
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/jsonEditor.tsx b/src/jsonEditor.tsx
@@ -9,6 +9,7 @@ interface JSONEditorProps {
   value?: any;
   onChange: (value: any) => void;
   readOnly?: boolean;
+  showLines?: boolean;
 }
 
 type AvailableEditorProps = Pick<EditorProps, 'height'>;
@@ -17,6 +18,7 @@ const JSONEditor: React.FC<JSONEditorProps & AvailableEditorProps> = ({
   value = '',
   onChange,
   readOnly = false,
+  showLines = true,
   ...props
 }) => {
   const monacoOnChange: OnChange = value => {
@@ -43,14 +45,17 @@ const JSONEditor: React.FC<JSONEditorProps & AvailableEditorProps> = ({
 
   const jsonData = JSON.stringify(value, null, 2);
 
+  const extraOptions: EditorProps['options'] = {readOnly};
+  if (!showLines) extraOptions.lineNumbers = 'off';
+
   return (
     <Editor
       language="json"
       options={{
         minimap: {enabled: false},
         contextmenu: false,
         renderWhitespace: 'trailing',
-        readOnly,
+        ...extraOptions,
       }}
       value={jsonData}
       onChange={monacoOnChange}