mario-education 2.4.527-feedback → 2.4.528-feedback

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

@@ -719,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/hooks/useDebounce.d.ts

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

package/dist/index.js

@@ -38920,7 +38920,6 @@ var initialAdditionalQuestion = {
   id: "",
   textAnswer: ""
 };
-var charactersRandom = "0123456789";
 var initialAnswerTrueFalse = [{
   text: "True"
 }, {
@@ -69092,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: []
     });
 
@@ -69127,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
@@ -69199,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,
@@ -69219,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;
       }
@@ -69251,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;
@@ -70408,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;
 
@@ -70436,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) {
@@ -70510,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"),
@@ -70587,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);
     }