rename SearchForm to SearchPanel

Author: tsck

packages/code-editor/src/CodeEditor/CodeEditor.tsx

@@ -17,7 +17,7 @@ import { CodeEditorContextMenu } from '../CodeEditorContextMenu';
 import { CodeEditorCopyButton } from '../CodeEditorCopyButton';
 import { CopyButtonVariant } from '../CodeEditorCopyButton/CodeEditorCopyButton.types';
 import { Panel as CodeEditorPanel } from '../Panel';
-import { SearchForm } from '../SearchForm';
+import { SearchPanel } from '../SearchPanel';
 import { getLgIds } from '../utils';
 
 import { useModules } from './hooks/useModules';
@@ -284,7 +284,7 @@ const BaseCodeEditor = forwardRef<CodeEditorHandle, CodeEditorProps>(
               dom.style.justifyContent = 'flex-end';
 
               createRoot(dom).render(
-                React.createElement(SearchForm, {
+                React.createElement(SearchPanel, {
                   view,
                 }),
               );

packages/code-editor/src/SearchForm/SearchForm.spec.tsx

@@ -0,0 +1,6 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+
+import { SearchPanel } from './SearchPanel';
+
+describe('SearchPanel', () => {});

packages/code-editor/src/SearchForm/index.ts

@@ -9,7 +9,7 @@ import type { StoryFn } from '@storybook/react';
 import LeafyGreenProvider from '@leafygreen-ui/leafygreen-provider';
 import { BaseFontSize } from '@leafygreen-ui/tokens';
 
-import { SearchForm } from './SearchForm';
+import { SearchPanel } from './SearchPanel';
 
 const Root = (Story: StoryFn, context: any) => (
   <LeafyGreenProvider
@@ -20,9 +20,9 @@ const Root = (Story: StoryFn, context: any) => (
   </LeafyGreenProvider>
 );
 
-const meta: StoryMetaType<typeof SearchForm> = {
-  title: 'Components/Inputs/CodeEditor/SearchForm',
-  component: SearchForm,
+const meta: StoryMetaType<typeof SearchPanel> = {
+  title: 'Components/Inputs/CodeEditor/SearchPanel',
+  component: SearchPanel,
   parameters: {
     default: 'LiveExample',
     controls: {
@@ -49,7 +49,7 @@ const meta: StoryMetaType<typeof SearchForm> = {
 
 export default meta;
 
-const Template: StoryFn<typeof SearchForm> = args => <SearchForm {...args} />;
+const Template: StoryFn<typeof SearchPanel> = args => <SearchPanel {...args} />;
 
 export const LiveExample = Template.bind({});
 export const Generated = () => {};

packages/code-editor/src/SearchPanel/SearchPanel.spec.tsx

@@ -39,10 +39,10 @@ import {
   replaceInputContainerStyles,
   replaceSectionStyles,
   toggleButtonStyles,
-} from './SearchForm.styles';
-import { SearchFormProps } from './SearchForm.types';
+} from './SearchPanel.styles';
+import { SearchPanelProps } from './SearchPanel.types';
 
-export function SearchForm({ view }: SearchFormProps) {
+export function SearchPanel({ view }: SearchPanelProps) {
   const [isOpen, setIsOpen] = useState(false);
   const [searchString, setSearchString] = useState('');
   const [replaceString, setReplaceString] = useState('');

packages/code-editor/src/SearchForm/SearchForm.stories.tsx renamed to packages/code-editor/src/SearchPanel/SearchPanel.stories.tsx

@@ -1,5 +1,5 @@
 import { CodeMirrorView } from '../CodeEditor';
 
-export interface SearchFormProps {
+export interface SearchPanelProps {
   view: CodeMirrorView;
 }

packages/code-editor/src/SearchForm/SearchForm.styles.ts renamed to packages/code-editor/src/SearchPanel/SearchPanel.styles.ts

@@ -0,0 +1,2 @@
+export { SearchPanel } from './SearchPanel';
+export { type SearchPanelProps } from './SearchPanel.types';