scaffolder: flatten TemplateEditorPage structure

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>

plugins/scaffolder/src/components/TemplateEditorPage/DirectoryEditorContext.tsx

@@ -20,7 +20,7 @@ import React, { createContext, ReactNode, useContext, useEffect } from 'react';
 import {
   TemplateDirectoryAccess,
   TemplateFileAccess,
-} from '../../../lib/filesystem';
+} from '../../lib/filesystem';
 
 const MAX_SIZE = 1024 * 1024;
 const MAX_SIZE_MESSAGE = 'This file is too large to be displayed';

plugins/scaffolder/src/components/TemplateEditorPage/DryRunContext.tsx

@@ -24,8 +24,8 @@ import React, {
   useRef,
   useState,
 } from 'react';
-import { scaffolderApiRef } from '../../../api';
-import { ScaffolderDryRunResponse } from '../../../types';
+import { scaffolderApiRef } from '../../api';
+import { ScaffolderDryRunResponse } from '../../types';
 
 interface DryRunOptions {
   templateContent: string;

plugins/scaffolder/src/components/TemplateEditorPage/DryRunResults/DryRunResultsView.tsx

@@ -24,10 +24,10 @@ import Tab from '@material-ui/core/Tab';
 import Tabs from '@material-ui/core/Tabs';
 import CodeMirror from '@uiw/react-codemirror';
 import React, { useEffect, useMemo, useState } from 'react';
-import { TaskStatusStepper } from '../../../TaskPage/TaskPage';
-import { TaskPageLinks } from '../../../TaskPage/TaskPageLinks';
+import { TaskStatusStepper } from '../../TaskPage/TaskPage';
+import { TaskPageLinks } from '../../TaskPage/TaskPageLinks';
 import { useDryRun } from '../DryRunContext';
-import { FileBrowser } from '../../../FileBrowser';
+import { FileBrowser } from '../../FileBrowser';
 import { DryRunResultsSplitView } from './DryRunResultsSplitView';
 
 const useStyles = makeStyles({

plugins/scaffolder/src/components/TemplateEditorPage/TemplateEditor.tsx

@@ -15,8 +15,8 @@
  */
 import { makeStyles } from '@material-ui/core';
 import React, { useState } from 'react';
-import { FieldExtensionOptions } from '../../../extensions';
-import { TemplateDirectoryAccess } from '../../../lib/filesystem';
+import { FieldExtensionOptions } from '../../extensions';
+import { TemplateDirectoryAccess } from '../../lib/filesystem';
 import { DirectoryEditorProvider } from './DirectoryEditorContext';
 import { DryRunProvider } from './DryRunContext';
 import { DryRunResults } from './DryRunResults';

plugins/scaffolder/src/components/TemplateEditorPage/TemplateEditor/index.ts

@@ -1,17 +0,0 @@
-/*
- * Copyright 2022 The Backstage Authors
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *     http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-export { TemplateEditor } from './TemplateEditor';

plugins/scaffolder/src/components/TemplateEditorPage/TemplateEditorBrowser.tsx

@@ -18,7 +18,7 @@ import CloseIcon from '@material-ui/icons/Close';
 import RefreshIcon from '@material-ui/icons/Refresh';
 import SaveIcon from '@material-ui/icons/Save';
 import React from 'react';
-import { FileBrowser } from '../../FileBrowser';
+import { FileBrowser } from '../FileBrowser';
 import { useDirectoryEditor } from './DirectoryEditorContext';
 
 const useStyles = makeStyles(theme => ({

plugins/scaffolder/src/components/TemplateEditorPage/TemplateEditorForm.tsx

@@ -19,10 +19,10 @@ import { makeStyles } from '@material-ui/core/styles';
 import React, { Component, ReactNode, useMemo, useState } from 'react';
 import useDebounce from 'react-use/lib/useDebounce';
 import yaml from 'yaml';
-import { FieldExtensionOptions } from '../../../extensions';
-import { TemplateParameterSchema } from '../../../types';
-import { MultistepJsonForm } from '../../MultistepJsonForm';
-import { createValidator } from '../../TemplatePage';
+import { FieldExtensionOptions } from '../../extensions';
+import { TemplateParameterSchema } from '../../types';
+import { MultistepJsonForm } from '../MultistepJsonForm';
+import { createValidator } from '../TemplatePage';
 import { useDirectoryEditor } from './DirectoryEditorContext';
 import { useDryRun } from './DryRunContext';
 

plugins/scaffolder/src/components/TemplateEditorPage/TemplateFormPreviewer.tsx

@@ -33,8 +33,8 @@ import React, { useCallback, useState } from 'react';
 import useAsync from 'react-use/lib/useAsync';
 import yaml from 'yaml';
 import { FieldExtensionOptions } from '../../extensions';
-import { TemplateEditorForm } from './TemplateEditor/TemplateEditorForm';
-import { TemplateEditorTextArea } from './TemplateEditor/TemplateEditorTextArea';
+import { TemplateEditorForm } from './TemplateEditorForm';
+import { TemplateEditorTextArea } from './TemplateEditorTextArea';
 
 const EXAMPLE_TEMPLATE_PARAMS_YAML = `# Edit the template parameters below to see how they will render in the scaffolder form UI
 parameters: