ref(ui): move textarea to components/core (#86381)

getsentry · Mar 5, 2025 · 93e2628 · 93e2628
1 parent 9479cde
commit 93e2628
Show file tree

Hide file tree

Showing 9 changed files with 14 additions and 16 deletions.
diff --git a/static/app/components/core/input/inputGroup.chonk.tsx b/static/app/components/core/input/inputGroup.chonk.tsx
@@ -2,7 +2,7 @@ import {css, type DO_NOT_USE_ChonkTheme} from '@emotion/react';
 import styled from '@emotion/styled';
 
 import {Input} from 'sentry/components/core/input/index';
-import Textarea from 'sentry/components/forms/controls/textarea';
+import {TextArea} from 'sentry/components/core/textarea';
 import {space} from 'sentry/styles/space';
 import type {FormSize, StrictCSSObject} from 'sentry/utils/theme';
 import {chonkStyled} from 'sentry/utils/theme/theme.chonk';
@@ -59,7 +59,7 @@ export const ChonkStyledInput = chonkStyled(Input)<InputStyleProps>`
   ${chonkInputStyles}
 `;
 
-export const ChonkStyledTextArea = chonkStyled(Textarea)<InputStyleProps>`
+export const ChonkStyledTextArea = chonkStyled(TextArea)<InputStyleProps>`
   ${chonkInputStyles}
 `;
 

diff --git a/static/app/components/core/input/inputGroup.tsx b/static/app/components/core/input/inputGroup.tsx
@@ -21,8 +21,8 @@ import {
   InputItemsWrap,
   type InputStyleProps,
 } from 'sentry/components/core/input/inputGroup.chonk';
-import type {TextAreaProps} from 'sentry/components/forms/controls/textarea';
-import _TextArea from 'sentry/components/forms/controls/textarea';
+import type {TextAreaProps} from 'sentry/components/core/textarea';
+import {TextArea as _TextArea} from 'sentry/components/core/textarea';
 import type {FormSize} from 'sentry/utils/theme';
 import {withChonk} from 'sentry/utils/theme/withChonk';
 

diff --git a/...pp/components/forms/controls/textarea.tsx → ...ic/app/components/core/textarea/index.tsx b/...pp/components/forms/controls/textarea.tsx → ...ic/app/components/core/textarea/index.tsx
@@ -39,7 +39,7 @@ const TextAreaControl = forwardRef(function TextAreaControl(
 
 TextAreaControl.displayName = 'TextAreaControl';
 
-const TextArea = styled(Input.withComponent(TextAreaControl), {
+export const TextArea = styled(Input.withComponent(TextAreaControl), {
   shouldForwardProp: (p: string) =>
     ['autosize', 'rows', 'maxRows'].includes(p) || isPropValid(p),
 })`
@@ -52,6 +52,4 @@ const TextArea = styled(Input.withComponent(TextAreaControl), {
       height: unset;
       min-height: unset;
     `}
-`;
-
-export default TextArea as unknown as typeof TextAreaControl;
+` as unknown as typeof TextAreaControl;
diff --git a/static/app/components/events/autofix/autofixDiff.tsx b/static/app/components/events/autofix/autofixDiff.tsx
@@ -4,6 +4,7 @@ import {type Change, diffWords} from 'diff';
 
 import {addErrorMessage} from 'sentry/actionCreators/indicator';
 import {Button} from 'sentry/components/button';
+import {TextArea} from 'sentry/components/core/textarea';
 import AutofixHighlightPopup from 'sentry/components/events/autofix/autofixHighlightPopup';
 import {
   type DiffLine,
@@ -12,7 +13,6 @@ import {
 } from 'sentry/components/events/autofix/types';
 import {makeAutofixQueryKey} from 'sentry/components/events/autofix/useAutofix';
 import {useTextSelection} from 'sentry/components/events/autofix/useTextSelection';
-import TextArea from 'sentry/components/forms/controls/textarea';
 import InteractionStateLayer from 'sentry/components/interactionStateLayer';
 import {DIFF_COLORS} from 'sentry/components/splitDiff';
 import {IconChevron, IconClose, IconDelete, IconEdit} from 'sentry/icons';

diff --git a/static/app/components/featureFeedback/feedbackModal.tsx b/static/app/components/featureFeedback/feedbackModal.tsx
@@ -16,7 +16,7 @@ import type {ModalRenderProps} from 'sentry/actionCreators/modal';
 import {Button} from 'sentry/components/button';
 import ButtonBar from 'sentry/components/buttonBar';
 import {Alert} from 'sentry/components/core/alert';
-import Textarea from 'sentry/components/forms/controls/textarea';
+import {TextArea} from 'sentry/components/core/textarea';
 import FieldGroup from 'sentry/components/forms/fieldGroup';
 import SelectField from 'sentry/components/forms/fields/selectField';
 import type {Data} from 'sentry/components/forms/types';
@@ -307,7 +307,7 @@ export function FeedbackModal<T extends Data>({
             flexibleControlStateSize
             stacked
           >
-            <Textarea
+            <TextArea
               name="additional-feedback"
               value={state.additionalInfo}
               rows={5}

diff --git a/static/app/views/dashboards/widgetBuilder/components/nameAndDescFields.tsx b/static/app/views/dashboards/widgetBuilder/components/nameAndDescFields.tsx
@@ -2,7 +2,7 @@ import {Fragment, useState} from 'react';
 import styled from '@emotion/styled';
 
 import {Button} from 'sentry/components/button';
-import TextArea from 'sentry/components/forms/controls/textarea';
+import {TextArea} from 'sentry/components/core/textarea';
 import TextField from 'sentry/components/forms/fields/textField';
 import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';

diff --git a/static/app/views/settings/organizationRelay/modals/form.tsx b/static/app/views/settings/organizationRelay/modals/form.tsx
@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 
 import {addErrorMessage, addSuccessMessage} from 'sentry/actionCreators/indicator';
 import {Input} from 'sentry/components/core/input';
-import Textarea from 'sentry/components/forms/controls/textarea';
+import {TextArea} from 'sentry/components/core/textarea';
 import FieldGroup from 'sentry/components/forms/fieldGroup';
 import {FieldHelp} from 'sentry/components/forms/fieldGroup/fieldHelp';
 import TextCopyInput from 'sentry/components/textCopyInput';
@@ -123,7 +123,7 @@ function Form({
         inline={false}
         stacked
       >
-        <Textarea
+        <TextArea
           name="description"
           placeholder={t('Description')}
           onChange={handleChange('description')}

diff --git a/static/app/views/settings/project/projectOwnership/ownerInput.tsx b/static/app/views/settings/project/projectOwnership/ownerInput.tsx
@@ -5,7 +5,7 @@ import {addErrorMessage, addSuccessMessage} from 'sentry/actionCreators/indicato
 import {Client} from 'sentry/api';
 import {Button} from 'sentry/components/button';
 import ButtonBar from 'sentry/components/buttonBar';
-import TextArea from 'sentry/components/forms/controls/textarea';
+import {TextArea} from 'sentry/components/core/textarea';
 import Panel from 'sentry/components/panels/panel';
 import PanelBody from 'sentry/components/panels/panelBody';
 import PanelHeader from 'sentry/components/panels/panelHeader';

diff --git a/static/app/views/settings/project/projectOwnership/rulesPanel.tsx b/static/app/views/settings/project/projectOwnership/rulesPanel.tsx
@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 
-import TextArea from 'sentry/components/forms/controls/textarea';
+import {TextArea} from 'sentry/components/core/textarea';
 import Panel from 'sentry/components/panels/panel';
 import PanelBody from 'sentry/components/panels/panelBody';
 import PanelHeader from 'sentry/components/panels/panelHeader';