From be4b4567ccc1732465343c5c2f5869de56142e24 Mon Sep 17 00:00:00 2001
From: Nastya <nastyab015@yandex.ru>
Date: Tue, 9 Jan 2024 06:52:36 +0300
Subject: [PATCH] =?UTF-8?q?=D0=BA=D0=B0=D1=81=D1=82=D0=BE=D0=BC=D0=BD?=
 =?UTF-8?q?=D1=8B=D0=B9=20=D0=B8=D0=BD=D0=BF=D1=83=D1=82=20=D0=BD=D0=B5=20?=
 =?UTF-8?q?=D0=BF=D1=83=D1=81=D0=BA=D0=B0=D0=B5=D1=82=20=D0=B1=D0=BE=D0=BB?=
 =?UTF-8?q?=D1=8C=D1=88=D0=B5=20=D1=83=D0=BA=D0=B0=D0=B7=D0=B0=D0=BD=D0=BD?=
 =?UTF-8?q?=D0=BE=D0=B3=D0=BE=20=D0=BA=D0=BE=D0=BB=D0=B8=D1=87=D0=B5=D1=81?=
 =?UTF-8?q?=D1=82=D0=B2=D0=B0=20=D1=81=D0=B8=D0=BC=D0=B2=D0=BE=D0=BB=D0=BE?=
 =?UTF-8?q?=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../BranchingMap/style/stylesheet.ts          |  1 -
 src/ui_kit/CustomSlider.tsx                   |  4 +--
 src/ui_kit/CustomTextField.tsx                | 30 +++++++++++--------
 src/ui_kit/LabeledDatePicker.tsx              |  6 ++--
 .../QuizPreviewQuestionTypes/Emoji.tsx        |  5 ++--
 .../QuizPreviewQuestionTypes/File.tsx         |  7 +++--
 .../QuizPreviewQuestionTypes/Images.tsx       |  2 +-
 .../QuizPreviewQuestionTypes/Number.tsx       |  6 ++--
 .../QuizPreviewQuestionTypes/Rating.tsx       |  2 +-
 .../QuizPreviewQuestionTypes/Text.tsx         |  6 ++--
 .../QuizPreviewQuestionTypes/Variant.tsx      |  5 ++--
 .../QuizPreviewQuestionTypes/Varimg.tsx       |  2 +-
 12 files changed, 42 insertions(+), 34 deletions(-)

diff --git a/src/pages/Questions/BranchingMap/style/stylesheet.ts b/src/pages/Questions/BranchingMap/style/stylesheet.ts
index 6bd36d67..53e264fa 100644
--- a/src/pages/Questions/BranchingMap/style/stylesheet.ts
+++ b/src/pages/Questions/BranchingMap/style/stylesheet.ts
@@ -16,7 +16,6 @@ export const stylesheet: Stylesheet[] = [
       "text-wrap": "wrap",
       "text-max-width": "130px",
       "text-overflow-wrap": "anywhere",
-      
     },
   },
   {
diff --git a/src/ui_kit/CustomSlider.tsx b/src/ui_kit/CustomSlider.tsx
index 206d7648..763d9e0f 100644
--- a/src/ui_kit/CustomSlider.tsx
+++ b/src/ui_kit/CustomSlider.tsx
@@ -24,7 +24,7 @@ export const CustomSlider = ({
   onChange,
   onChangeCommitted,
   sx,
-  className
+  className,
 }: CustomSliderProps) => {
   // const handleChange = ({ type }: Event, newValue: number | number[]) => {
   //     // Для корректной работы слайдера в FireFox
@@ -36,7 +36,7 @@ export const CustomSlider = ({
 
   return (
     <Slider
-    className={className || ""}
+      className={className || ""}
       value={value}
       defaultValue={defaultValue}
       min={min}
diff --git a/src/ui_kit/CustomTextField.tsx b/src/ui_kit/CustomTextField.tsx
index 185e3a84..f93ac846 100755
--- a/src/ui_kit/CustomTextField.tsx
+++ b/src/ui_kit/CustomTextField.tsx
@@ -26,7 +26,7 @@ interface CustomTextFieldProps {
   InputProps?: Partial<InputProps>;
   type?: string;
   rows?: number;
-  className?:string;
+  className?: string;
 }
 
 export default function CustomTextField({
@@ -44,8 +44,7 @@ export default function CustomTextField({
   type = "",
   rows = 0,
   sxForm,
-  className
-
+  className,
 }: CustomTextFieldProps) {
   const theme = useTheme();
 
@@ -57,16 +56,18 @@ export default function CustomTextField({
   }, [value]);
 
   const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    const inputValue = event.target.value;
+    if (event.target.value.length <= maxLength) {
+      const inputValue = event.target.value;
 
-    if (type === "number") {
-      setInputValue(inputValue.replace(/\D/g, ""));
-    } else {
-      setInputValue(inputValue);
-    }
+      if (type === "number") {
+        setInputValue(inputValue.replace(/\D/g, ""));
+      } else {
+        setInputValue(inputValue);
+      }
 
-    if (onChange) {
-      onChange(event);
+      if (onChange) {
+        onChange(event);
+      }
     }
   };
 
@@ -83,7 +84,12 @@ export default function CustomTextField({
   };
 
   return (
-    <FormControl fullWidth variant="standard" sx={{ p: 0, ...sxForm }} className={className || ""}>
+    <FormControl
+      fullWidth
+      variant="standard"
+      sx={{ p: 0, ...sxForm }}
+      className={className || ""}
+    >
       {error && (
         <InputLabel
           sx={{
diff --git a/src/ui_kit/LabeledDatePicker.tsx b/src/ui_kit/LabeledDatePicker.tsx
index 30856a44..3b3d7d4a 100644
--- a/src/ui_kit/LabeledDatePicker.tsx
+++ b/src/ui_kit/LabeledDatePicker.tsx
@@ -17,7 +17,7 @@ interface Props {
   sxDate?: SxProps<Theme>;
   value?: Dayjs | null;
   onChange?: (value: Dayjs | null) => void;
-  className?: string
+  className?: string;
 }
 
 export default function LabeledDatePicker({
@@ -27,7 +27,7 @@ export default function LabeledDatePicker({
   sx,
   sxIcon,
   sxDate,
-  className
+  className,
 }: Props) {
   const theme = useTheme();
   const upLg = useMediaQuery(theme.breakpoints.up("md"));
@@ -52,7 +52,7 @@ export default function LabeledDatePicker({
         </Typography>
       )}
       <DatePicker
-      className={className || ""}
+        className={className || ""}
         value={value}
         onChange={onChange}
         slots={{
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Emoji.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Emoji.tsx
index b19530a1..443cf5da 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Emoji.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Emoji.tsx
@@ -29,8 +29,7 @@ export default function Emoji({ question }: Props) {
   };
 
   return (
-    <FormControl fullWidth
-    className="cancel">
+    <FormControl fullWidth className="cancel">
       <FormLabel
         id="quiz-question-radio-group"
         data-cy="question-title"
@@ -84,7 +83,7 @@ export default function Emoji({ question }: Props) {
                 </Box>
               </Box>
               <FormControlLabel
-        className="cancel"
+                className="cancel"
                 key={index}
                 value={variant.answer}
                 sx={{
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/File.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/File.tsx
index 313c7c40..fef6ab9e 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/File.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/File.tsx
@@ -47,8 +47,11 @@ export default function File({ question }: Props) {
       <Typography variant="h6" data-cy="question-title">
         {question.title}
       </Typography>
-      <Button variant="contained" onClick={() => fileInputRef.current?.click()}
-        className="cancel">
+      <Button
+        variant="contained"
+        onClick={() => fileInputRef.current?.click()}
+        className="cancel"
+      >
         Загрузить файл
         <input
           ref={fileInputRef}
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Images.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Images.tsx
index 9b711c49..37716670 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Images.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Images.tsx
@@ -63,7 +63,7 @@ export default function Images({ question, widthPreview }: Props) {
           .filter(({ answer }) => answer)
           .map((variant, index) => (
             <ButtonBase
-            className="cancel"
+              className="cancel"
               key={index}
               onClick={() => handleVariantClick(index)}
               data-cy="variant-button"
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Number.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Number.tsx
index 748b4227..c9c8a8df 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Number.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Number.tsx
@@ -47,7 +47,7 @@ export default function Number({ question }: Props) {
         }}
       >
         <CustomSlider
-        className="cancel"
+          className="cancel"
           value={sliderValues}
           onChange={(e, value) => {
             setSliderValues(value);
@@ -93,7 +93,7 @@ export default function Number({ question }: Props) {
             }}
           >
             <CustomTextField
-        className="cancel"
+              className="cancel"
               placeholder="0"
               value={sliderValues[0]}
               sx={{
@@ -109,7 +109,7 @@ export default function Number({ question }: Props) {
             />
             <Typography color={theme.palette.text.primary}>до</Typography>
             <CustomTextField
-        className="cancel"
+              className="cancel"
               placeholder="0"
               value={sliderValues[1]}
               sx={{
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Rating.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Rating.tsx
index ee1c4408..0448bd3e 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Rating.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Rating.tsx
@@ -69,7 +69,7 @@ export default function Rating({ question }: Props) {
         }}
       >
         <Box
-        className="cancel"
+          className="cancel"
           data-cy="rating"
           data-rating={selectedRating}
           sx={{
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Text.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Text.tsx
index c913e560..9798d58d 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Text.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Text.tsx
@@ -20,8 +20,10 @@ export default function Text({ question }: Props) {
       <Typography variant="h6" data-cy="question-title">
         {question.title}
       </Typography>
-      <CustomTextField placeholder={question.content.placeholder} 
-        className="cancel"/>
+      <CustomTextField
+        placeholder={question.content.placeholder}
+        className="cancel"
+      />
     </Box>
   );
 }
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Variant.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Variant.tsx
index 5946c5e9..89781d63 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Variant.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Variant.tsx
@@ -37,8 +37,7 @@ export default function Variant({ question }: Props) {
   };
 
   return (
-    <FormControl 
-    className="cancel" fullWidth>
+    <FormControl className="cancel" fullWidth>
       <FormLabel
         id="quiz-question-radio-group"
         data-cy="question-title"
@@ -65,7 +64,7 @@ export default function Variant({ question }: Props) {
           .filter(({ answer }) => answer)
           .map((variant, index) => (
             <FormControlLabel
-            className="cancel"
+              className="cancel"
               key={index}
               value={variant.answer}
               data-cy="variant-answer"
diff --git a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Varimg.tsx b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Varimg.tsx
index 6d6e6fd7..e40837b4 100644
--- a/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Varimg.tsx
+++ b/src/ui_kit/QuizPreview/QuizPreviewQuestionTypes/Varimg.tsx
@@ -79,7 +79,7 @@ export default function Varimg({ question, widthPreview }: Props) {
           }}
         >
           <RadioGroup
-        className="cancel"
+            className="cancel"
             aria-labelledby="quiz-question-radio-group"
             value={currentVariant?.answer ?? ""}
             onChange={handleChange}