chore(js): Move form fields into `form/fields` (#39954)

docs-ui/stories/assets/icons/data.tsx

@@ -1,4 +1,4 @@
-import {GeneralSelectValue} from 'sentry/components/forms/selectControl';
+import {GeneralSelectValue} from 'sentry/components/forms/controls/selectControl';
 
 type IconGroupName =
   | 'product'

docs-ui/stories/assets/icons/details.tsx

@@ -2,8 +2,8 @@ import {useCallback, useEffect, useState} from 'react';
 import styled from '@emotion/styled';
 import Code from 'docs-ui/components/code';
 
-import BooleanField from 'sentry/components/forms/booleanField';
-import SelectField from 'sentry/components/forms/selectField';
+import BooleanField from 'sentry/components/forms/fields/booleanField';
+import SelectField from 'sentry/components/forms/fields/selectField';
 import space from 'sentry/styles/space';
 
 import {iconProps} from './data';

docs-ui/stories/components/featureFeedback.stories.js

@@ -2,7 +2,7 @@ import {Fragment} from 'react';
 import {BrowserClient} from '@sentry/react';
 
 import {FeatureFeedback} from 'sentry/components/featureFeedback';
-import TextField from 'sentry/components/forms/textField';
+import TextField from 'sentry/components/forms/fields/textField';
 import GlobalModal from 'sentry/components/globalModal';
 import IndicatorContainer from 'sentry/components/indicators';
 import {RouteContext} from 'sentry/views/routeContext';

docs-ui/stories/components/form-fields.stories.js

@@ -1,22 +1,22 @@
 import {action} from '@storybook/addon-actions';
 
-import NewBooleanField from 'sentry/components/forms/booleanField';
-import CheckboxField from 'sentry/components/forms/checkboxField';
 import CompactSelect from 'sentry/components/forms/compactSelect';
 import CompositeSelect from 'sentry/components/forms/compositeSelect';
 import RadioGroup from 'sentry/components/forms/controls/radioGroup';
 import RangeSlider from 'sentry/components/forms/controls/rangeSlider';
-import DatePickerField from 'sentry/components/forms/datePickerField';
-import FileField from 'sentry/components/forms/fileField';
+import NewBooleanField from 'sentry/components/forms/fields/booleanField';
+import CheckboxField from 'sentry/components/forms/fields/checkboxField';
+import DatePickerField from 'sentry/components/forms/fields/datePickerField';
+import FileField from 'sentry/components/forms/fields/fileField';
+import MultipleCheckboxField from 'sentry/components/forms/fields/MultipleCheckboxField';
+import RadioBooleanField from 'sentry/components/forms/fields/radioBooleanField';
+import RadioField from 'sentry/components/forms/fields/radioField';
+import SelectField from 'sentry/components/forms/fields/selectField';
+import TextareaField from 'sentry/components/forms/fields/textareaField';
+import TextField from 'sentry/components/forms/fields/textField';
 import Form from 'sentry/components/forms/form';
 import FormField from 'sentry/components/forms/formField';
-import MultipleCheckboxField from 'sentry/components/forms/MultipleCheckboxField';
-import RadioBooleanField from 'sentry/components/forms/radioBooleanField';
-import RadioField from 'sentry/components/forms/radioField';
-import SelectField from 'sentry/components/forms/selectField';
-import TextareaField from 'sentry/components/forms/textareaField';
 import TextCopyInput from 'sentry/components/forms/textCopyInput';
-import TextField from 'sentry/components/forms/textField';
 import {Panel} from 'sentry/components/panels';
 import {RadioGroupRating} from 'sentry/components/radioGroupRating';
 import Switch from 'sentry/components/switchButton';

docs-ui/stories/components/form.stories.js

@@ -1,9 +1,9 @@
-import NewBooleanField from 'sentry/components/forms/booleanField';
+import NewBooleanField from 'sentry/components/forms/fields/booleanField';
+import RadioField from 'sentry/components/forms/fields/radioField';
+import RangeField from 'sentry/components/forms/fields/rangeField';
+import SelectField from 'sentry/components/forms/fields/selectField';
+import TextField from 'sentry/components/forms/fields/textField';
 import Form from 'sentry/components/forms/form';
-import RadioField from 'sentry/components/forms/radioField';
-import RangeField from 'sentry/components/forms/rangeField';
-import SelectField from 'sentry/components/forms/selectField';
-import TextField from 'sentry/components/forms/textField';
 
 export default {
   title: 'Components/Forms/Form',

docs-ui/stories/components/replays/replayPage.stories.js

@@ -1,6 +1,6 @@
 import {useState} from 'react';
 
-import SelectControl from 'sentry/components/forms/selectControl';
+import SelectControl from 'sentry/components/forms/controls/selectControl';
 import {Provider as ReplayContextProvider} from 'sentry/components/replays/replayContext';
 import ReplayController from 'sentry/components/replays/replayController';
 import ReplayPlayer from 'sentry/components/replays/replayPlayer';

static/app/components/contextPickerModal.tsx

@@ -5,7 +5,9 @@ import styled from '@emotion/styled';
 
 import {ModalRenderProps} from 'sentry/actionCreators/modal';
 import AsyncComponent from 'sentry/components/asyncComponent';
-import SelectControl, {StylesConfig} from 'sentry/components/forms/selectControl';
+import SelectControl, {
+  StylesConfig,
+} from 'sentry/components/forms/controls/selectControl';
 import IdBadge from 'sentry/components/idBadge';
 import Link from 'sentry/components/links/link';
 import LoadingIndicator from 'sentry/components/loadingIndicator';

static/app/components/customIgnoreCountModal.tsx

@@ -3,8 +3,8 @@ import {Component, Fragment} from 'react';
 import {ModalRenderProps} from 'sentry/actionCreators/modal';
 import Button from 'sentry/components/button';
 import ButtonBar from 'sentry/components/buttonBar';
-import InputField from 'sentry/components/forms/inputField';
-import SelectField from 'sentry/components/forms/selectField';
+import InputField from 'sentry/components/forms/fields/inputField';
+import SelectField from 'sentry/components/forms/fields/selectField';
 import {t} from 'sentry/locale';
 import {ResolutionStatusDetails, SelectValue} from 'sentry/types';
 

static/app/components/deprecatedforms/multiSelectControl.tsx

@@ -1,7 +1,9 @@
 import {forwardRef} from 'react';
 import ReactSelect from 'react-select';
 
-import SelectControl, {ControlProps} from 'sentry/components/forms/selectControl';
+import SelectControl, {
+  ControlProps,
+} from 'sentry/components/forms/controls/selectControl';
 import {SelectValue} from 'sentry/types';
 
 export type MultiControlProps = Omit<ControlProps, 'onChange'> & {

static/app/components/deprecatedforms/radioBooleanField.spec.jsx

@@ -1,7 +1,7 @@
 import {render, screen, userEvent} from 'sentry-test/reactTestingLibrary';
 
 import {Form, RadioBooleanField} from 'sentry/components/deprecatedforms';
-import NewRadioBooleanField from 'sentry/components/forms/radioBooleanField';
+import NewRadioBooleanField from 'sentry/components/forms/fields/radioBooleanField';
 
 describe('RadioBooleanField', function () {
   it('renders without form context', function () {