mario-education 2.4.526-feedback → 2.4.528-feedback

package/dist/components/selector/CustomFilterComponent.d.ts

@@ -1,12 +1,4 @@
 import { SURVEY_LIST } from "../../containers/SurveyDashboard/configs/types";
-interface FILTER {
-    startDate?: number | null;
-    endDate?: number | null;
-    isFavorite?: boolean;
-    studentId?: number;
-    flag?: string;
-    optionDate?: string;
-}
 interface STUDENT {
     email: string;
     gradeLevel: string;
@@ -15,7 +7,7 @@ interface STUDENT {
     actionScore: number;
 }
 interface PROPS_FILTER {
-    filters?: FILTER;
+    filters?: any;
     handleChangeStartDate?: Function;
     handleChangeEndDate?: Function;
     handleChangeInputSearch?: Function;
@@ -41,7 +33,6 @@ interface PROPS_FILTER {
     onChangeOptionDate?: Function;
     renderOption?: string;
     isSelectMulti?: boolean;
-    isDetailSurvey?: boolean;
 }
-declare const CustomFilterComponent: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, isShowSelectRight, handleChangeStatus, placeholderSearch, handleSelectFavorite, studentList, onSelectStudent, toggleKeyCustom, handleToggleCustom, toggleContentCustom, optionCustomSelect, handleChangeCustomSelect, surveyOptions, handleChangeSurveyOption, academicOption, handleChangeAcademicYear, valueAcademicYear, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption, isSelectMulti, isDetailSurvey }: PROPS_FILTER) => JSX.Element;
+declare const CustomFilterComponent: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, isShowSelectRight, handleChangeStatus, placeholderSearch, handleSelectFavorite, studentList, onSelectStudent, toggleKeyCustom, handleToggleCustom, toggleContentCustom, optionCustomSelect, handleChangeCustomSelect, surveyOptions, handleChangeSurveyOption, academicOption, handleChangeAcademicYear, valueAcademicYear, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption, isSelectMulti, }: PROPS_FILTER) => JSX.Element;
 export default CustomFilterComponent;

package/dist/containers/Dashboard/configs/constants.d.ts

@@ -81,6 +81,6 @@ export declare const topLearningStrategyName = "learning_strategies";
 export declare const topMostUsedStrategiesName = "top_5_most_used_strategies";
 export declare const overallReadinessToLearn = "overall_readiness_to_learn";
 export declare const studentStressByZone = "student_stress_by_zone";
-export declare const studentAverageScore = "students_average_score";
+export declare const studentAverageScore = "student_distribution";
 export declare const chartNames: string[];
 export declare const CSV_PREFIX = "data:text/csv;charset=utf-8,";

package/dist/containers/SurveyDashboard/configs/questionModelType.d.ts

@@ -12,7 +12,7 @@ export interface IQuestionModel {
     onAddAnswerQuestion: Function;
     onRemoveAnswer: Function;
     onSelectOptionSingleChoice: Function;
-    onCheckSelectOptionSingleChoice: Function;
+    onCheckSelectOptionSingleChoice: any;
     onRecordChangeQuestionText: Function;
     formTextList?: string[];
     toTextList?: string[];

package/dist/containers/SurveyDashboard/configs/types.d.ts

@@ -340,8 +340,9 @@ export interface FILTER_SURVEY_DETAIL {
     searchString?: string;
     startDate?: number | null;
     endDate?: number | null;
-    grade?: string;
+    grade?: string[];
     optionDate?: string;
+    studentId?: number;
 }
 export interface SURVEY_RESPONSE {
     currentPage: number;
@@ -718,7 +719,7 @@ export interface CREATE_SURVEY_PROPS {
     handleChangeRowsPerPageFavorite: Function;
     handleChangePageFavorite: Function;
     handleSelectOptionSingleChoice: Function;
-    handleCheckSelectOptionSingleChoice: Function;
+    handleCheckSelectOptionSingleChoice: any;
     onRecordChangeTitle?: Function;
     formTextList?: string[];
     toTextList?: string[];

package/dist/containers/SurveyDashboard/hooks/useAdditionalQuestion.d.ts

@@ -22,7 +22,7 @@ declare const useAdditionalQuestion: ({ setAdditionalQuestionForm, dataFormCreat
     handleAddAnswerQuestion: () => void;
     handleRemoveAnswer: (answer: IAnswer, additionalQuestion: QUESTION_ADDITIONAL) => void;
     handleSelectOptionSingleChoice: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    handleCheckSelectOptionSingleChoice: () => optionSingleChoice;
+    handleCheckSelectOptionSingleChoice: optionSingleChoice;
     handleRecordChangeQuestionText: (value: string) => void;
     formTextList: string[];
     toTextList: string[];

package/dist/containers/SurveyDashboard/hooks/useCreateSurvey.d.ts

@@ -77,7 +77,7 @@ declare const useListSurveyDetail: () => {
     handleChangeRowsPerPageFavorite: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
     handleChangePageFavorite: (newPage: number) => void;
     handleSelectOptionSingleChoice: (event: import("react").ChangeEvent<HTMLInputElement>) => void;
-    handleCheckSelectOptionSingleChoice: () => import("../configs/constants").optionSingleChoice;
+    handleCheckSelectOptionSingleChoice: import("../configs/constants").optionSingleChoice;
     listChooseStudents: {
         id: number;
         fullName: string;

package/dist/containers/SurveyDashboard/hooks/useListSurvey.d.ts

@@ -50,7 +50,7 @@ declare const useListSurvey: (pageSize?: number | undefined) => {
     handleChangeGrade: (grade: string[]) => void;
     onChangeOptionDate: (option: string) => void;
     dataStudents: never[];
-    handleChangeStudent: (studentId: any) => void;
+    handleChangeStudent: (studentId?: number | undefined) => void;
     onEditSurvey: (id: number) => void;
     handlePublishSurvey: (surveyId: any) => Promise<void>;
 };

package/dist/containers/SurveyDashboard/hooks/useSurveyDetail.d.ts

@@ -64,7 +64,7 @@ declare const useSurveyDetail: () => {
     onChangeOptionDate: (option: string) => void;
     handleChangeInputSearch: (event: React.ChangeEvent<HTMLInputElement>) => void;
     inputSearch: import("react").MutableRefObject<any>;
-    handleChangeStudent: (student: any) => void;
+    handleChangeStudent: (studentId?: number | undefined) => void;
     dataStudentSurvey: never[];
     isShowFilter: boolean;
     handleShowFilter: () => void;

package/dist/hooks/useDebounce.d.ts

@@ -0,0 +1 @@
+export declare const useDebounce: <T>(value: T, delay: number) => T;

package/dist/index.js

@@ -33539,7 +33539,7 @@ var topLearningStrategyName = "learning_strategies";
 var topMostUsedStrategiesName = "top_5_most_used_strategies";
 var overallReadinessToLearn = "overall_readiness_to_learn";
 var studentStressByZone = "student_stress_by_zone";
-var studentAverageScore = "students_average_score";
+var studentAverageScore = "student_distribution";
 var chartNames = [averageStudentSafetyName, averageStudentStressName, preparednessChartName, overallReadinessToLearn, successIndicatorsName, learningProcessName, topLearningStrategyName, studentStressByZone, studentAverageScore];
 var CSV_PREFIX = "data:text/csv;charset=utf-8,";
 
@@ -38920,7 +38920,6 @@ var initialAdditionalQuestion = {
   id: "",
   textAnswer: ""
 };
-var charactersRandom = "0123456789";
 var initialAnswerTrueFalse = [{
   text: "True"
 }, {
@@ -51454,7 +51453,7 @@ var useListSurvey = function useListSurvey(pageSize) {
     isFavorite: false,
     isSchedule: false,
     flag: "",
-    grade: [],
+    grade: ['All'],
     optionDate: "",
     studentId: 0
   }),
@@ -51579,7 +51578,7 @@ var useListSurvey = function useListSurvey(pageSize) {
   var handleChangeStudent = function handleChangeStudent(studentId) {
     changeFilters({
       currentPage: 1,
-      studentId: studentId.id
+      studentId: studentId
     });
   };
 
@@ -51716,7 +51715,11 @@ var useListSurvey = function useListSurvey(pageSize) {
       dispatch(marioCore.setLoading(true));
 
       var _temp6 = _catch(function () {
-        return Promise.resolve(getAllSurvey(_extends({}, filters))).then(function (res) {
+        var _filters$grade;
+
+        return Promise.resolve(getAllSurvey(_extends({}, filters, {
+          grade: (_filters$grade = filters.grade) !== null && _filters$grade !== void 0 && _filters$grade.includes('All') ? [] : filters.grade
+        }))).then(function (res) {
           setListSurvey(res.data);
         });
       }, function (err) {
@@ -51844,9 +51847,13 @@ var useListSurvey = function useListSurvey(pageSize) {
 
       var _temp16 = _catch(function () {
         return Promise.resolve(deleteSurvey(surveyId)).then(function () {
+          var _filters$grade2;
+
           setShowModalDeleteSurvey(false);
           setAnchorEl(null);
-          return Promise.resolve(getAllSurvey(_extends({}, filters))).then(function (res) {
+          return Promise.resolve(getAllSurvey(_extends({}, filters, {
+            grade: (_filters$grade2 = filters.grade) !== null && _filters$grade2 !== void 0 && _filters$grade2.includes('All') ? [] : filters.grade
+          }))).then(function (res) {
             setListSurvey(res.data);
           });
         });
@@ -51875,9 +51882,13 @@ var useListSurvey = function useListSurvey(pageSize) {
 
       var _temp20 = _catch(function () {
         return Promise.resolve(publishSurvey(surveyId)).then(function () {
+          var _filters$grade3;
+
           setShowModalDeleteSurvey(false);
           setAnchorEl(null);
-          return Promise.resolve(getAllSurvey(_extends({}, filters))).then(function (res) {
+          return Promise.resolve(getAllSurvey(_extends({}, filters, {
+            grade: (_filters$grade3 = filters.grade) !== null && _filters$grade3 !== void 0 && _filters$grade3.includes('All') ? [] : filters.grade
+          }))).then(function (res) {
             setListSurvey(res.data);
           });
         });
@@ -52101,8 +52112,7 @@ var CustomFilterComponent = function CustomFilterComponent(_ref) {
       onChangeGrade = _ref.onChangeGrade,
       onChangeOptionDate = _ref.onChangeOptionDate,
       _renderOption = _ref.renderOption,
-      isSelectMulti = _ref.isSelectMulti,
-      isDetailSurvey = _ref.isDetailSurvey;
+      isSelectMulti = _ref.isSelectMulti;
 
   var _useTranslation = marioCore.useTranslation(),
       t = _useTranslation.t;
@@ -52243,33 +52253,59 @@ var CustomFilterComponent = function CustomFilterComponent(_ref) {
   }), !!onChangeGrade && (isSelectMulti ? React__default.createElement(Autocomplete, {
     multiple: true,
     fullWidth: true,
-    options: isDetailSurvey ? GRAGE_DEFAULT$1 : GRADE_DEFAULT_SURVEY,
+    options: GRADE_DEFAULT_SURVEY,
     getOptionLabel: function getOptionLabel(option) {
       return option;
     },
-    renderOption: function renderOption(option, _ref2) {
-      var selected = _ref2.selected;
+    renderOption: function renderOption(option) {
+      var _filters$grade;
+
       return React__default.createElement("div", null, React__default.createElement(core$1.Checkbox, {
         icon: icon,
         checkedIcon: checkedIcon,
         style: {
           marginRight: 8
         },
-        checked: selected
+        checked: filters === null || filters === void 0 ? void 0 : (_filters$grade = filters.grade) === null || _filters$grade === void 0 ? void 0 : _filters$grade.includes(option),
+        onChange: function onChange() {
+          var _filters$grade2, _filters$grade3;
+
+          var isSelected = filters === null || filters === void 0 ? void 0 : (_filters$grade2 = filters.grade) === null || _filters$grade2 === void 0 ? void 0 : _filters$grade2.includes(option);
+          var isAllSelected = filters === null || filters === void 0 ? void 0 : (_filters$grade3 = filters.grade) === null || _filters$grade3 === void 0 ? void 0 : _filters$grade3.includes('All');
+
+          if (option === 'All') {
+            if (!isAllSelected) {
+              onChangeGrade === null || onChangeGrade === void 0 ? void 0 : onChangeGrade(['All']);
+            }
+          } else {
+            if (isAllSelected) {
+              onChangeGrade === null || onChangeGrade === void 0 ? void 0 : onChangeGrade([option]);
+            } else {
+              if (isSelected) {
+                onChangeGrade === null || onChangeGrade === void 0 ? void 0 : onChangeGrade(filters === null || filters === void 0 ? void 0 : filters.grade.filter(function (item) {
+                  return item !== option;
+                }));
+              } else {
+                onChangeGrade === null || onChangeGrade === void 0 ? void 0 : onChangeGrade([].concat(filters === null || filters === void 0 ? void 0 : filters.grade, [option]));
+              }
+            }
+          }
+        }
       }), option);
     },
-    onChange: function onChange(__e, val) {
-      if (val.includes('All')) {
-        onChangeGrade === null || onChangeGrade === void 0 ? void 0 : onChangeGrade([]);
-        return;
+    renderTags: function renderTags() {
+      if (filters !== null && filters !== void 0 && filters.grade.includes('All')) {
+        return React__default.createElement(core$1.Typography, {
+          variant: "body2",
+          style: {
+            padding: '0 2px 0 8px'
+          }
+        }, "All");
       }
 
-      onChangeGrade === null || onChangeGrade === void 0 ? void 0 : onChangeGrade(val || []);
-    },
-    renderTags: function renderTags(value) {
       var maxDisplay = 3;
-      var visible = value === null || value === void 0 ? void 0 : value.slice(0, maxDisplay).join(', ');
-      var hiddenCount = (value === null || value === void 0 ? void 0 : value.length) - maxDisplay;
+      var visible = filters === null || filters === void 0 ? void 0 : filters.grade.slice(0, maxDisplay).join(', ');
+      var hiddenCount = (filters === null || filters === void 0 ? void 0 : filters.grade.length) - maxDisplay;
       return React__default.createElement(core$1.Typography, {
         variant: "body2",
         style: {
@@ -52286,7 +52322,8 @@ var CustomFilterComponent = function CustomFilterComponent(_ref) {
     className: styles["filter-item"],
     classes: {
       popper: classes.popper
-    }
+    },
+    disableCloseOnSelect: true
   }) : React__default.createElement(Autocomplete, {
     fullWidth: true,
     classes: {
@@ -52403,7 +52440,9 @@ var CustomFilterComponent = function CustomFilterComponent(_ref) {
       return r.id == (filters === null || filters === void 0 ? void 0 : filters.studentId);
     }) || null,
     onChange: function onChange(_event, value) {
-      return onSelectStudent === null || onSelectStudent === void 0 ? void 0 : onSelectStudent(value ? value : 0);
+      var _value$id;
+
+      return onSelectStudent === null || onSelectStudent === void 0 ? void 0 : onSelectStudent((_value$id = value === null || value === void 0 ? void 0 : value.id) != null ? _value$id : undefined);
     },
     renderInput: function renderInput(params) {
       return React__default.createElement(core$1.TextField, Object.assign({}, params, {
@@ -53620,8 +53659,8 @@ var useSurveyDetail = function useSurveyDetail() {
     searchString: "",
     startDate: null,
     endDate: null,
-    grade: "",
-    optionDate: ""
+    optionDate: "",
+    grade: ['All']
   }),
       filters = _useState29[0],
       setFilters = _useState29[1];
@@ -53967,7 +54006,11 @@ var useSurveyDetail = function useSurveyDetail() {
       dispatch(marioCore.setLoading(true));
 
       var _temp12 = _catch(function () {
-        return Promise.resolve(getRatingsOfQuestions(parseInt(id), filters)).then(function (res) {
+        var _filters$grade;
+
+        return Promise.resolve(getRatingsOfQuestions(parseInt(id), _extends({}, filters, {
+          grade: (_filters$grade = filters.grade) !== null && _filters$grade !== void 0 && _filters$grade.includes('All') ? [] : filters.grade
+        }))).then(function (res) {
           var ratingQuestions = res.data || [];
           var questionRemoveTags = ratingQuestions.questions.map(function (r) {
             return {
@@ -54039,8 +54082,11 @@ var useSurveyDetail = function useSurveyDetail() {
       dispatch(marioCore.setLoading(true));
 
       var _temp16 = _catch(function () {
+        var _filters$grade2;
+
         return Promise.resolve(getTotalByQuestion(parseInt(id), _extends({}, filters, {
-          questionId: questionId
+          questionId: questionId,
+          grade: (_filters$grade2 = filters.grade) !== null && _filters$grade2 !== void 0 && _filters$grade2.includes('All') ? [] : filters.grade
         }))).then(function (res) {
           var data = res.data;
           var dataOverall = [data.totalSent, data.numberOfResponses];
@@ -54076,7 +54122,11 @@ var useSurveyDetail = function useSurveyDetail() {
       dispatch(marioCore.setLoading(true));
 
       var _temp20 = _catch(function () {
-        return Promise.resolve(getResponsesDistribution(parseInt(id), filters)).then(function (res) {
+        var _filters$grade3;
+
+        return Promise.resolve(getResponsesDistribution(parseInt(id), _extends({}, filters, {
+          grade: (_filters$grade3 = filters.grade) !== null && _filters$grade3 !== void 0 && _filters$grade3.includes('All') ? [] : filters.grade
+        }))).then(function (res) {
           var data = (res === null || res === void 0 ? void 0 : res.data) || [];
           setDistributionQuestions(data.map(function (_r, index) {
             return "Q # " + (index + 1);
@@ -54136,8 +54186,11 @@ var useSurveyDetail = function useSurveyDetail() {
       dispatch(marioCore.setLoading(true));
 
       var _temp24 = _catch(function () {
+        var _filters$grade4;
+
         return Promise.resolve(getAnswerChart(parseInt(id), _extends({}, filters, {
-          isQuestionDropDown: true
+          isQuestionDropDown: true,
+          grade: (_filters$grade4 = filters.grade) !== null && _filters$grade4 !== void 0 && _filters$grade4.includes('All') ? [] : filters.grade
         }))).then(function (res) {
           var _res$data2;
 
@@ -54167,8 +54220,11 @@ var useSurveyDetail = function useSurveyDetail() {
       dispatch(marioCore.setLoading(true));
 
       var _temp28 = _catch(function () {
+        var _filters$grade5;
+
         return Promise.resolve(getAnswerChart(parseInt(id), _extends({}, filters, {
-          isQuestionDropDown: false
+          isQuestionDropDown: false,
+          grade: (_filters$grade5 = filters.grade) !== null && _filters$grade5 !== void 0 && _filters$grade5.includes('All') ? [] : filters.grade
         }))).then(function (res) {
           var _res$data3;
 
@@ -54234,10 +54290,10 @@ var useSurveyDetail = function useSurveyDetail() {
     getAllStudentsData();
   }, []);
 
-  var handleChangeStudent = function handleChangeStudent(student) {
+  var handleChangeStudent = function handleChangeStudent(studentId) {
     changeFilters({
       currentPage: 1,
-      searchString: student.studentName
+      studentId: studentId
     });
   };
 
@@ -55146,7 +55202,7 @@ var BubbleChartCustom$2 = function BubbleChartCustom(_ref) {
     className: "" + styles$7["block-header-chart"]
   }, React__default.createElement("p", {
     className: styles$7["title-chart"] + " " + styles$7["ml-10"]
-  }, t("students_average_score"))), React__default.createElement("div", {
+  }, t("student_distribution"))), React__default.createElement("div", {
     className: "" + styles$7["bubble-chart-custom"]
   }, React__default.createElement("div", {
     className: styles$7["chart-custom"]
@@ -56041,7 +56097,6 @@ var SurveyDetailAdmin = function SurveyDetailAdmin() {
     onChangeGrade: handleChangeGrade,
     onChangeOptionDate: onChangeOptionDate,
     isSelectMulti: true,
-    isDetailSurvey: true,
     studentList: dataStudentSurvey,
     onSelectStudent: handleChangeStudent
   })), React__default.createElement(core$1.Grid, {
@@ -69036,7 +69091,7 @@ var useAdditionalQuestion = function useAdditionalQuestion(_ref) {
     var question = _extends({}, initialAdditionalQuestion, {
       type: additionalQuestionForm.type,
       questionText: additionalQuestionForm.questionText,
-      id: charactersRandom.charAt(Math.floor(Math.random() * 5)),
+      id: Date.now().toString(),
       answers: []
     });
 
@@ -69071,7 +69126,7 @@ var useAdditionalQuestion = function useAdditionalQuestion(_ref) {
 
   var handleRecordChangeQuestionText = function handleRecordChangeQuestionText(value) {
     var item = questionAdditionalType.find(function (item) {
-      return item.text == value;
+      return item.text == value && additionalQuestionForm.answers && JSON.stringify(additionalQuestionForm.answers) === JSON.stringify(item.answerText);
     });
     var obj = {
       questionText: value
@@ -69143,10 +69198,10 @@ var useAdditionalQuestion = function useAdditionalQuestion(_ref) {
   };
 
   var handleAddAnswerQuestion = React.useCallback(function () {
-    var _additionalQuestionFo;
+    var _additionalQuestionFo, _additionalQuestionFo2;
 
     var answers = (_additionalQuestionFo = additionalQuestionForm.answers) === null || _additionalQuestionFo === void 0 ? void 0 : _additionalQuestionFo.concat([{
-      text: additionalQuestionForm.textAnswer.trim()
+      text: additionalQuestionForm === null || additionalQuestionForm === void 0 ? void 0 : (_additionalQuestionFo2 = additionalQuestionForm.textAnswer) === null || _additionalQuestionFo2 === void 0 ? void 0 : _additionalQuestionFo2.trim()
     }]);
     setAdditionalQuestionForm(_extends({}, additionalQuestionForm, {
       answers: answers,
@@ -69163,7 +69218,9 @@ var useAdditionalQuestion = function useAdditionalQuestion(_ref) {
   }, [additionalQuestionForm]);
 
   var handleCheckFormConfirm = function handleCheckFormConfirm(question) {
-    if (!!question.type && !!question.questionText.trim()) {
+    var _question$questionTex;
+
+    if (!!question.type && !!(question !== null && question !== void 0 && (_question$questionTex = question.questionText) !== null && _question$questionTex !== void 0 && _question$questionTex.trim())) {
       if (question.type === QuestionType$2.SingleChoice && question.answers.length === 0) {
         return true;
       }
@@ -69195,7 +69252,7 @@ var useAdditionalQuestion = function useAdditionalQuestion(_ref) {
     }
   };
 
-  var handleCheckSelectOptionSingleChoice = React.useCallback(function () {
+  var handleCheckSelectOptionSingleChoice = React.useMemo(function () {
     switch (JSON.stringify(additionalQuestionForm.answers)) {
       case JSON.stringify(initialAnswerTrueFalse):
         return optionSingleChoice.TrueFalse;
@@ -70352,6 +70409,22 @@ var ListFavoriteSurvey = function ListFavoriteSurvey(_ref) {
   }));
 };
 
+var useDebounce = function useDebounce(value, delay) {
+  var _useState = React.useState(value),
+      debouncedValue = _useState[0],
+      setDebouncedValue = _useState[1];
+
+  React.useEffect(function () {
+    var timer = setTimeout(function () {
+      return setDebouncedValue(value);
+    }, delay);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [value, delay]);
+  return debouncedValue;
+};
+
 var AdditionalQuestionModel = function AdditionalQuestionModel(_ref) {
   var _additionalQuestionFo;
 
@@ -70380,6 +70453,16 @@ var AdditionalQuestionModel = function AdditionalQuestionModel(_ref) {
   var _useFontStyles = useFontStyles(),
       classFontSize = _useFontStyles.classFontSize;
 
+  var _useState = React.useState(''),
+      inputValue = _useState[0],
+      setInputValue = _useState[1];
+
+  var debouncedInputValue = useDebounce(inputValue, 300);
+  React.useEffect(function () {
+    if (debouncedInputValue) {
+      onRecordChangeQuestionText(debouncedInputValue);
+    }
+  }, [debouncedInputValue]);
   var filterInputText = React.useMemo(function () {
     if (additionalQuestionForm.type == QuestionType$2.SingleChoice) {
       return questionAdditionalType.filter(function (item) {
@@ -70454,9 +70537,16 @@ var AdditionalQuestionModel = function AdditionalQuestionModel(_ref) {
       return React__default.createElement(React__default.Fragment, null, option);
     },
     value: additionalQuestionForm.questionText,
-    onInputChange: function onInputChange(_e, newValue) {
-      onRecordChangeQuestionText(newValue);
+    onInputChange: function onInputChange(__e, newInputValue) {
+      setInputValue(newInputValue);
+    },
+    onChange: function onChange(__e, newValue) {
+      if (typeof newValue === 'string') {
+        onRecordChangeQuestionText(newValue);
+        setInputValue(newValue);
+      }
     },
+    inputValue: inputValue,
     renderInput: function renderInput(params) {
       return React__default.createElement(core$1.TextField, Object.assign({}, params, {
         label: t("text"),
@@ -70531,7 +70621,7 @@ var AdditionalQuestionModel = function AdditionalQuestionModel(_ref) {
     component: "fieldset"
   }, React__default.createElement(core$1.RadioGroup, {
     row: true,
-    value: onCheckSelectOptionSingleChoice(),
+    value: onCheckSelectOptionSingleChoice,
     onChange: function onChange(event) {
       return onSelectOptionSingleChoice(event);
     }