mario-education 2.4.292-release → 2.4.293-release

package/dist/components/Input/TextFieldComponent.d.ts

@@ -9,5 +9,5 @@ interface Props {
     minRows?: number;
     isStartRecord?: boolean;
 }
-declare const TextFieldComponent: ({ valueText, isPageResult, isPageSessionResult, isUserChangeSession, }: Props) => JSX.Element;
+declare const TextFieldComponent: ({ questionId, valueText, onChangeQuestionAnswer, isPageResult, isPageSessionResult, isUserChangeSession, isMultiline, minRows }: Props) => JSX.Element;
 export default TextFieldComponent;

package/dist/components/layouts/Footer.d.ts

@@ -0,0 +1,6 @@
+import { FC } from "react";
+interface Props {
+    isNotification?: boolean;
+}
+declare const Footer: FC<Props>;
+export default Footer;

package/dist/components/layouts/HeaderSideBar.d.ts

@@ -0,0 +1,2 @@
+declare const HeaderSideBar: ({ children, navigations, onToggleModel }: any) => JSX.Element;
+export default HeaderSideBar;

package/dist/components/layouts/HeaderSideBarV2.d.ts

@@ -0,0 +1,2 @@
+declare const HeaderSideBar: ({ children, navigations, onToggleModel }: any) => JSX.Element;
+export default HeaderSideBar;

package/dist/components/layouts/LanguageDropdown.d.ts

@@ -0,0 +1,2 @@
+declare const LanguageDropdown: () => JSX.Element;
+export default LanguageDropdown;

package/dist/components/layouts/NotificationAlert.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { NOTIFICATION_ALERT } from "./constants/types";
+interface Props {
+    data?: NOTIFICATION_ALERT;
+    isOpen: boolean;
+    onClose?: Function;
+    fontSize: string;
+}
+declare const NotificationAlert: React.FC<Props>;
+export default NotificationAlert;

package/dist/components/layouts/NotificationStepLogin.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+interface Props {
+    step: number;
+    title: string;
+    message: string;
+    onStepNext: Function;
+    totalStep: number;
+    isOpenNotificationBanner?: boolean;
+    onOpenNavigationItem?: Function;
+    openNavigationItem?: object;
+    navigations?: any;
+}
+declare const NotificationStepLogin: FC<Props>;
+export default NotificationStepLogin;

package/dist/components/layouts/constants/constantsFn.d.ts

@@ -0,0 +1,9 @@
+export declare const caculateHeaderFont: (defaultFont: number) => number;
+export declare const buttonFontSize: (defaultFont: number) => string;
+export declare const tabFontSize: (defaultFont: number) => number;
+export declare const tabLargeFontSize: (defaultFont: number) => number;
+export declare const inputFontSize: (defaultFont: number) => number;
+export declare const camelCaseToNomal: (text: string) => string;
+export declare const validateEmail: (email: string) => RegExpMatchArray | null;
+export declare const removeHTMLTags: (input: string) => string;
+export declare const handleClearFilterStorage: () => void;

package/dist/components/layouts/hooks/useAnimation.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { NOTIFICATION_ALERT } from "../constants/types";
+declare const useAnimation: (data?: NOTIFICATION_ALERT | undefined, fontSize?: string | undefined) => {
+    parentRef: import("react").RefObject<HTMLParagraphElement>;
+    childRef: import("react").RefObject<HTMLSpanElement>;
+    pWidth: number | undefined;
+    cWidth: number | undefined;
+};
+export default useAnimation;

package/dist/components/layouts/hooks/useHeaderSideBar.d.ts

@@ -0,0 +1,32 @@
+import React from "react";
+declare const useHeaderSideBar: (_navigations: any) => {
+    anchorFontEl: HTMLElement | null;
+    anchorEl: HTMLElement | null;
+    classes: Record<"overlay" | "content" | "grow" | "menuItem" | "menuButton" | "title" | "listItem" | "header" | "dropdown" | "sectionDesktop" | "drawer" | "textPrivacy" | "subMenuDrawer" | "subDrawerItem" | "drawerItem" | "drawerContent" | "drawerPaper" | "drawerPaperMobile" | "drawerActive" | "contentShift" | "fontBodyLarge" | "fontBodySmall" | "fontSmall" | "fontMedium" | "fontLarge" | "sectionFontDesktop" | "itemSideBar" | "positionBox" | "arrow" | "arrowDown" | "arrowUp" | "dailyMotivation", string>;
+    screenWidth: number;
+    isReadOnly: string | null;
+    notificationAlert: import("../constants/types").NOTIFICATION_ALERT | undefined;
+    open: boolean;
+    openFont: boolean;
+    isOpen: boolean;
+    isOpenSideBar: any;
+    defaultFont: any;
+    user: any;
+    drawerRef: React.MutableRefObject<any>;
+    openNavigationItem: object;
+    handleOpenNavigationItem: (name: string) => void;
+    handleCloseNotification: () => void;
+    toggleSideBar: () => void;
+    handleMenu: (event: React.MouseEvent<HTMLElement>) => void;
+    handleFontMenu: (event: React.MouseEvent<HTMLElement>) => void;
+    handleFontClose: () => void;
+    signOut: () => void;
+    renderNotificationBadge: () => JSX.Element;
+    openProfile: () => void;
+    onChangeFont: (fontSize: number) => void;
+    handleClose: () => void;
+    renderNavigationItem: (navigation: any, isSubItem?: boolean | undefined) => JSX.Element;
+    goToSettings: () => void;
+    t: import("i18next").TFunction;
+};
+export default useHeaderSideBar;

package/dist/components/layouts/hooks/useNotificationAlert.d.ts

@@ -0,0 +1,7 @@
+import { NOTIFICATION_ALERT } from "../constants/types";
+declare const useNotificationAlert: () => {
+    data: NOTIFICATION_ALERT | undefined;
+    isOpen: boolean;
+    handleCloseNotification: () => void;
+};
+export default useNotificationAlert;

package/dist/components/layouts/icons/TimesIcon.d.ts

@@ -0,0 +1,3 @@
+import { FC } from "react";
+declare const TimesIcon: FC<any>;
+export default TimesIcon;

package/dist/components/layouts/type.d.ts

@@ -0,0 +1,20 @@
+export declare const LIST_TEACHER_STEP_POPUP: {
+    id: number;
+    title: string;
+    message: string;
+}[];
+export declare const LIST_ASSISTANT_STEP_POPUP: {
+    id: number;
+    title: string;
+    message: string;
+}[];
+export declare const LIST_STUDENT_STEP_POPUP: {
+    id: number;
+    title: string;
+    message: string;
+}[];
+export declare const STEP_PROFILE: {
+    id: number;
+    title: string;
+    message: string;
+};

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

@@ -70,11 +70,13 @@ export interface IQuestionTemplate {
     questionAnswer: string[];
     fromLabel: string;
     toLabel: string;
+    orderDefaultQuestionTemplate: string;
 }
 export interface ITemplate {
     id: number;
     name: string;
     questionTemplates: IQuestionTemplate[];
+    orderDefaultSurvey: number;
 }
 export interface SURVEY_DETAIL {
     deadline?: number | null;

package/dist/index.js

@@ -48316,7 +48316,7 @@ var useSurveyDetail = function useSurveyDetail() {
               return a.text.localeCompare(b.text);
             })[0]);
             setQuestionRatingConvert(ratingQuestions.questions.map(function (_r, index) {
-              return "Q # " + (index + 1);
+              return "Q " + (index + 1);
             }));
             setActiveColumnQuestionRating([true].concat(ratingQuestions.questions.map(function (_i) {
               return false;
@@ -49381,6 +49381,10 @@ var RatingOfQuestions = function RatingOfQuestions(_ref) {
     id: "combo-box-demo",
     options: shadowQuestions.sort(function (a, b) {
       return a.text.localeCompare(b.text);
+    }).map(function (item, index) {
+      return _extends({}, item, {
+        text: index + 1 + ". " + item.text
+      });
     }),
     getOptionLabel: function getOptionLabel(option) {
       return option.text;
@@ -51314,19 +51318,51 @@ var SurveyTop = function SurveyTop(_ref) {
   })));
 };
 
+var useStyles$4 = core$1.makeStyles(function () {
+  return {
+    root: {
+      "& > *": {
+        width: "100%"
+      }
+    }
+  };
+});
+
 var TextFieldComponent = function TextFieldComponent(_ref) {
-  var valueText = _ref.valueText,
+  var questionId = _ref.questionId,
+      valueText = _ref.valueText,
+      onChangeQuestionAnswer = _ref.onChangeQuestionAnswer,
       isPageResult = _ref.isPageResult,
       isPageSessionResult = _ref.isPageSessionResult,
-      isUserChangeSession = _ref.isUserChangeSession;
-  React.useEffect(function () {}, [valueText]);
+      isUserChangeSession = _ref.isUserChangeSession,
+      isMultiline = _ref.isMultiline,
+      _ref$minRows = _ref.minRows,
+      minRows = _ref$minRows === void 0 ? 1 : _ref$minRows;
+  var classes = useStyles$4();
   return React__default.createElement("div", {
     className: styles["talk-conduct"]
   }, React__default.createElement("div", {
     className: isPageResult || !isUserChangeSession ? styles["box-talk"] : ""
-  }, isPageResult || isPageSessionResult || !isUserChangeSession && React__default.createElement("p", {
+  }, isPageResult || isPageSessionResult || !isUserChangeSession ? React__default.createElement("p", {
     className: styles["box-p"]
-  }, valueText)));
+  }, valueText) : React__default.createElement("div", {
+    className: classes.root
+  }, React__default.createElement(core$1.Box, null, React__default.createElement(core$1.OutlinedInput, {
+    fullWidth: true,
+    multiline: !!isMultiline,
+    minRows: minRows,
+    onChange: function onChange(event) {
+      return onChangeQuestionAnswer === null || onChangeQuestionAnswer === void 0 ? void 0 : onChangeQuestionAnswer(questionId, event.target.value);
+    },
+    endAdornment: React__default.createElement(core$1.InputAdornment, {
+      position: "end"
+    }, React__default.createElement(core$1.Box, null, React__default.createElement("img", {
+      src: "/teacher-student/icons/icon-micro.png",
+      style: {
+        cursor: "pointer"
+      }
+    })))
+  })))));
 };
 
 var COLOR_INCREASE = "#22543D";
@@ -51481,7 +51517,7 @@ var SliderSurveyComponent = function SliderSurveyComponent(_ref) {
   }));
 };
 
-var useStyles$4 = core$1.makeStyles(function (theme) {
+var useStyles$5 = core$1.makeStyles(function (theme) {
   var _container, _title, _activeImg, _node, _pNthChild, _active, _answers;
 
   return {
@@ -51614,7 +51650,7 @@ var EmotionComponent = function EmotionComponent(_ref) {
       questionId = _ref.questionId,
       valueText = _ref.valueText,
       isPreviewPage = _ref.isPreviewPage;
-  var classes = useStyles$4();
+  var classes = useStyles$5();
   return React__default.createElement("div", {
     className: "d-flex justify-content-center " + classes.answers
   }, !isPreviewPage && !!emotionTypeList && emotionTypeList.length > 0 && emotionTypeList.map(function (item, index) {
@@ -51868,7 +51904,7 @@ var MultiChoiceComponent = function MultiChoiceComponent(_ref) {
   }, correctQuestionAnswer.join("; "))))));
 };
 
-var useStyles$5 = core$1.makeStyles({
+var useStyles$6 = core$1.makeStyles({
   customAutocomplete: {
     '& .MuiFormControl-fullWidth': {
       width: '89%'
@@ -51883,7 +51919,7 @@ var DropDownComponent = function DropDownComponent(_ref) {
       isUserChangeSession = _ref.isUserChangeSession,
       onChangeQuestionAnswer = _ref.onChangeQuestionAnswer,
       questionAnswer = _ref.questionAnswer;
-  var classes = useStyles$5();
+  var classes = useStyles$6();
   return React__default.createElement(lab.Autocomplete, {
     id: "combo-box-demo",
     className: "mt-1 ml-4 " + classes.customAutocomplete,
@@ -77621,7 +77657,7 @@ var lodash = createCommonjsModule(function (module, exports) {
 }.call(commonjsGlobal));
 });
 
-var useStyles$6 = core$1.makeStyles(function () {
+var useStyles$7 = core$1.makeStyles(function () {
   return {
     container: {
       position: "relative"
@@ -77714,7 +77750,7 @@ var InterventionSelector = function InterventionSelector(_ref) {
   var optionSelected = options.find(function (i) {
     return i.name === (value === null || value === void 0 ? void 0 : value.name);
   });
-  var classes = useStyles$6();
+  var classes = useStyles$7();
 
   var handleToggleOpen = function handleToggleOpen() {
     setOpen(function (state) {
@@ -79166,11 +79202,25 @@ var usePreviewSurvey = function usePreviewSurvey() {
                 return r.text;
               })) || []
             });
+          }).sort(function (a, b) {
+            if (a.orderDefaultQuestionTemplate > b.orderDefaultQuestionTemplate) {
+              return 1;
+            } else if ((a.questionId || 0) > (b.questionId || 0)) {
+              return 1;
+            }
+
+            return -1;
           })
         });
       });
       setListQuestionTemplate(templateQuestions.sort(function (a, b) {
-        return a.id > b.id ? 1 : -1;
+        if (a.orderDefaultSurvey > b.orderDefaultSurvey) {
+          return 1;
+        } else if (a.id > b.id) {
+          return 1;
+        }
+
+        return -1;
       }));
       var additionalQuestion = (_dataLocalStorage$add = dataLocalStorage.additionalQuestions) === null || _dataLocalStorage$add === void 0 ? void 0 : _dataLocalStorage$add.map(function (item) {
         var _item$answers;
@@ -79431,7 +79481,7 @@ var usePreviewSurvey = function usePreviewSurvey() {
   };
 };
 
-var useStyles$7 = core$1.makeStyles(function (theme) {
+var useStyles$8 = core$1.makeStyles(function (theme) {
   var _tabLabel;
 
   return {
@@ -79622,7 +79672,7 @@ var ShareSurveyDialog = function ShareSurveyDialog(_ref) {
 };
 
 var PreviewSurveyAdmin = function PreviewSurveyAdmin() {
-  var classes = useStyles$7();
+  var classes = useStyles$8();
 
   var _usePreviewSurvey = usePreviewSurvey(),
       classFontSize = _usePreviewSurvey.classFontSize,
@@ -83913,7 +83963,7 @@ var TableSelectStudent = function TableSelectStudent(_ref) {
   }, t("no_data")))));
 };
 
-var useStyles$8 = core$1.makeStyles(function () {
+var useStyles$9 = core$1.makeStyles(function () {
   return {
     root: {
       "& > *": {
@@ -83938,7 +83988,7 @@ var InputComponent = function InputComponent(_ref) {
       canSubmit = _ref.canSubmit,
       disabled = _ref.disabled,
       onChangeEvent = _ref.onChangeEvent;
-  var classes = useStyles$8();
+  var classes = useStyles$9();
   return React__default.createElement("div", {
     className: styles["talk-conduct"]
   }, React__default.createElement("div", {