Update imports from TextField to ProxyTextField component

src/entities/activity/ui/AdditionalTextResponse.tsx

@@ -1,13 +1,13 @@
-import TextField from '@mui/material/TextField';
+import { BaseTextInput } from '~/shared/ui';
 
-type AdditionalTextResponseProps = {
+type Props = {
   value: string;
   onValueChange: (value: string) => void;
 };
 
-export const AdditionalTextResponse = ({ value, onValueChange }: AdditionalTextResponseProps) => {
+export const AdditionalTextResponse = ({ value, onValueChange }: Props) => {
   return (
-    <TextField
+    <BaseTextInput
       fullWidth
       size="small"
       value={value}

src/shared/ui/BaseTextInput/index.tsx

@@ -0,0 +1,23 @@
+import TextField, { TextFieldProps } from '@mui/material/TextField';
+
+/**
+ * Common proxy component of the TextField component by MaterialUI.
+ *
+ * @component
+ * @example
+ * return (
+ *   <TextField
+ *     fullWidth
+ *     size="small"
+ *     value={value}
+ *     onChange={(e) => onValueChange(e.target.value)}
+ *     disabled={false}
+ *   />
+ * )
+ */
+
+function BaseTextInput(props: TextFieldProps) {
+  return <TextField {...props} />;
+}
+
+export default BaseTextInput;

src/shared/ui/Items/Text/index.tsx

@@ -1,14 +1,14 @@
-import TextField from '@mui/material/TextField';
+import { BaseTextInput } from '~/shared/ui';
 
-type TextItemProps = {
+type Props = {
   value: string | undefined;
   onValueChange: (value: string) => void;
   disabled: boolean;
 };
 
-export const TextItem = ({ value = '', onValueChange, disabled }: TextItemProps) => {
+export const TextItem = ({ value = '', onValueChange, disabled }: Props) => {
   return (
-    <TextField
+    <BaseTextInput
       fullWidth
       size="small"
       value={value}

src/shared/ui/index.ts

@@ -23,3 +23,4 @@ export * from './MuiModal';
 // Common - UI
 export * from './Container';
 export { default as Box } from './Box';
+export { default as BaseTextInput } from './BaseTextInput';