mario-education 2.4.598-feedback → 2.4.598-feedback-test

package/dist/components/Autocomplete/AutocompleteField.d.ts

@@ -9,5 +9,5 @@ interface BaseProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const AutocompleteField: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>({ label, placeholder, fontSizeInputSelect, textFieldProps, className, style, ...autocompleteProps }: Pick<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "classes" | "loading" | "defaultValue" | "onChange" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ChipProps" | "closeIcon" | "clearText" | "closeText" | "disabled" | "disablePortal" | "forcePopupIcon" | "fullWidth" | "getLimitTagsText" | "ListboxComponent" | "ListboxProps" | "loadingText" | "limitTags" | "noOptionsText" | "openText" | "PaperComponent" | "PopperComponent" | "popupIcon" | "renderGroup" | "renderOption" | "renderTags" | "size" | "autoComplete" | "autoHighlight" | "autoSelect" | "blurOnSelect" | "clearOnBlur" | "clearOnEscape" | "componentName" | "debug" | "disableClearable" | "disableCloseOnSelect" | "disabledItemsFocusable" | "disableListWrap" | "filterOptions" | "filterSelectedOptions" | "freeSolo" | "getOptionDisabled" | "getOptionLabel" | "getOptionSelected" | "groupBy" | "handleHomeEndKeys" | "includeInputInList" | "inputValue" | "onClose" | "onInputChange" | "onOpen" | "onHighlightChange" | "open" | "openOnFocus" | "options" | "selectOnFocus" | "multiple" | "value" | "innerRef" | "ref"> & BaseProps) => JSX.Element;
+declare const AutocompleteField: <T, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>({ label, placeholder, fontSizeInputSelect, textFieldProps, className, style, ...autocompleteProps }: Pick<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "classes" | "loading" | "defaultValue" | "onChange" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ChipProps" | "closeIcon" | "clearText" | "closeText" | "disabled" | "disablePortal" | "forcePopupIcon" | "fullWidth" | "getLimitTagsText" | "ListboxComponent" | "ListboxProps" | "loadingText" | "limitTags" | "noOptionsText" | "openText" | "PaperComponent" | "PopperComponent" | "popupIcon" | "renderGroup" | "renderOption" | "renderTags" | "size" | "autoComplete" | "autoHighlight" | "autoSelect" | "blurOnSelect" | "clearOnBlur" | "clearOnEscape" | "componentName" | "debug" | "disableClearable" | "disableCloseOnSelect" | "disabledItemsFocusable" | "disableListWrap" | "filterOptions" | "filterSelectedOptions" | "freeSolo" | "getOptionDisabled" | "getOptionLabel" | "getOptionSelected" | "groupBy" | "handleHomeEndKeys" | "includeInputInList" | "inputValue" | "onClose" | "onInputChange" | "onOpen" | "onHighlightChange" | "open" | "openOnFocus" | "options" | "selectOnFocus" | "multiple" | "value" | "innerRef" | "ref"> & BaseProps) => React.JSX.Element;
 export default AutocompleteField;

package/dist/components/Button/ScrollToTop/ScrollToTopBtn.d.ts

@@ -1,2 +1,3 @@
-declare const ScrollToTopBtn: () => JSX.Element;
+import React from "react";
+declare const ScrollToTopBtn: () => React.JSX.Element;
 export default ScrollToTopBtn;

package/dist/components/Card/CardNameButton.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 interface type_props {
     title: string;
     handleEdit?: Function;
     classFontSize: string;
 }
-declare const CardNameButton: ({ title, handleEdit, classFontSize }: type_props) => JSX.Element;
+declare const CardNameButton: ({ title, handleEdit, classFontSize }: type_props) => React.JSX.Element;
 export default CardNameButton;

package/dist/components/Card/CardTotal.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface cardProps {
     title: string;
     value: number;
@@ -5,5 +6,5 @@ interface cardProps {
     onClick?: Function;
     index: number;
 }
-declare const CardTotal: ({ title, value, classFontSize, onClick, index }: cardProps) => JSX.Element;
+declare const CardTotal: ({ title, value, classFontSize, onClick, index }: cardProps) => React.JSX.Element;
 export default CardTotal;

package/dist/components/DatePicker/DatePickerField.d.ts

@@ -1,4 +1,5 @@
 import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
+import React from "react";
 interface PropsType {
     value: number | undefined | null;
     onChange: (date: MaterialUiPickersDate | null, value?: string | null) => void;
@@ -6,5 +7,5 @@ interface PropsType {
     minDate?: number | undefined | null;
     fontSizeInputSelect?: string | null;
 }
-declare const DatePickerField: ({ value, onChange, minDate, fontSizeInputSelect }: PropsType) => JSX.Element;
+declare const DatePickerField: ({ value, onChange, minDate, fontSizeInputSelect }: PropsType) => React.JSX.Element;
 export default DatePickerField;

package/dist/components/DatePicker/FilterDateRange.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
 interface PropsType {
     startDate: number | undefined | null;
@@ -6,5 +7,5 @@ interface PropsType {
     onChangeEndDate: (date: MaterialUiPickersDate | null, value?: string | null) => void;
     fontSizeInputSelect?: string | null;
 }
-declare const FilterDateRange: ({ endDate, startDate, onChangeEndDate, onChangeStartDate, fontSizeInputSelect }: PropsType) => JSX.Element;
+declare const FilterDateRange: ({ endDate, startDate, onChangeEndDate, onChangeStartDate, fontSizeInputSelect }: PropsType) => React.JSX.Element;
 export default FilterDateRange;

package/dist/components/Dialog/ConfirmDelete.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface PropsType {
     open: boolean;
     selectedId: number;
@@ -5,5 +6,5 @@ interface PropsType {
     handleDelete: (selectedId: number) => Promise<void>;
     content: string;
 }
-declare const ConfirmDelete: ({ open, handleCloseModalConfirmDelete, handleDelete, selectedId, content }: PropsType) => JSX.Element;
+declare const ConfirmDelete: ({ open, handleCloseModalConfirmDelete, handleDelete, selectedId, content }: PropsType) => React.JSX.Element;
 export default ConfirmDelete;

package/dist/components/Header/CustomHeaderComponent.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface headerProps {
     title: string;
     contentButton?: string;
@@ -16,5 +17,5 @@ interface headerProps {
     isLarge?: boolean;
     onDraft?: Function | null;
 }
-declare const CustomHeaderComponent: ({ title, contentButton, iconButton, isGoback, isGreyBackground, status, handleChangePage, isDisableButton, isPreviewSurvey, handlePreview, onHandleGoBack, borderNone, classFontSize, button, isLarge, onDraft }: headerProps) => JSX.Element;
+declare const CustomHeaderComponent: ({ title, contentButton, iconButton, isGoback, isGreyBackground, status, handleChangePage, isDisableButton, isPreviewSurvey, handlePreview, onHandleGoBack, borderNone, classFontSize, button, isLarge, onDraft }: headerProps) => React.JSX.Element;
 export default CustomHeaderComponent;

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface Props {
     customId?: string;
     valueText: string;
@@ -14,5 +15,5 @@ interface Props {
     disabled?: boolean;
     label?: string;
 }
-declare const InputComponent: ({ valueText, onChange, name, label, isAddIcon, handleAddItem, placeholder, onBlur, customId, isSending, handleSending, canSubmit, disabled, onChangeEvent }: Props) => JSX.Element;
+declare const InputComponent: ({ valueText, onChange, name, label, isAddIcon, handleAddItem, placeholder, onBlur, customId, isSending, handleSending, canSubmit, disabled, onChangeEvent }: Props) => React.JSX.Element;
 export default InputComponent;

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface Props {
     questionId: number;
     valueText: string;
@@ -9,5 +10,5 @@ interface Props {
     minRows?: number;
     isStartRecord?: boolean;
 }
-declare const TextFieldComponent: ({ questionId, valueText, onChangeQuestionAnswer, isPageResult, isPageSessionResult, isUserChangeSession, isMultiline, minRows }: Props) => JSX.Element;
+declare const TextFieldComponent: ({ questionId, valueText, onChangeQuestionAnswer, isPageResult, isPageSessionResult, isUserChangeSession, isMultiline, minRows }: Props) => React.JSX.Element;
 export default TextFieldComponent;

package/dist/components/Progress/LinearProgress.d.ts

@@ -1,5 +1,6 @@
 import { LinearProgressProps } from "@material-ui/core";
+import React from "react";
 declare const LinearProgress: (props: LinearProgressProps & {
     value: number;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default LinearProgress;

package/dist/components/QuestionTypes/DropDownComponent.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IDropDownComponent } from "../../types/types";
-declare const DropDownComponent: ({ questionItemName, questionId, valueText, isUserChangeSession, onChangeQuestionAnswer, questionAnswer }: IDropDownComponent) => JSX.Element;
+declare const DropDownComponent: ({ questionItemName, questionId, valueText, isUserChangeSession, onChangeQuestionAnswer, questionAnswer }: IDropDownComponent) => React.JSX.Element;
 export default DropDownComponent;

package/dist/components/Select/SelectFilter.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import "react-datepicker/dist/react-datepicker.css";
 import { PROPS_FILTERS_COMPONENT } from "../../utils/type";
-declare const SelectFilter: ({ studentUserId, studentId, studentDefault, handleChangeFilters, name, icon, option, onChangeFilters, btnStyle, filter, teacherUserId, changeCurrentTeacherUserId, labelBox, setLabelBox }: PROPS_FILTERS_COMPONENT) => JSX.Element;
+declare const SelectFilter: ({ studentUserId, studentId, studentDefault, handleChangeFilters, name, icon, option, onChangeFilters, btnStyle, filter, teacherUserId, changeCurrentTeacherUserId, labelBox, setLabelBox }: PROPS_FILTERS_COMPONENT) => React.JSX.Element;
 export default SelectFilter;

package/dist/components/Select/SelectFilterSurvey.d.ts

@@ -1,4 +1,5 @@
+import React from "react";
 import "react-datepicker/dist/react-datepicker.css";
 import { PROPS_FILTERS_COMPONENT_SURVEY } from "../../containers/SurveyDashboard/configs/types";
-declare const SelectFilterSurvey: ({ studentUserId, studentId, studentDefault, handleChangeFilters, name, icon, option, onChangeFilters, btnStyle, filter, teacherUserId, changeCurrentTeacherUserId, labelBox, setLabelBox }: PROPS_FILTERS_COMPONENT_SURVEY) => JSX.Element;
+declare const SelectFilterSurvey: ({ studentUserId, studentId, studentDefault, handleChangeFilters, name, icon, option, onChangeFilters, btnStyle, filter, teacherUserId, changeCurrentTeacherUserId, labelBox, setLabelBox }: PROPS_FILTERS_COMPONENT_SURVEY) => React.JSX.Element;
 export default SelectFilterSurvey;

package/dist/components/Table/ConvertTime.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 interface Props {
     time: string;
     line?: boolean;
 }
-declare const ConvertTime: ({ time, line }: Props) => JSX.Element;
+declare const ConvertTime: ({ time, line }: Props) => React.JSX.Element;
 export default ConvertTime;

package/dist/components/Table/TableCells.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { FILTER_SURVEY } from "../../containers/SurveyDashboard/configs/types";
 interface TABLE_CELL {
     name: string;
@@ -15,5 +16,5 @@ interface PROPS_TABLE {
     selectedIds?: number[];
     handleSelectAll?: any;
 }
-declare const TableCells: ({ listTableCell, filters, handleSort, hasCheckbox, dataSelect, selectedIds, handleSelectAll }: PROPS_TABLE) => JSX.Element;
+declare const TableCells: ({ listTableCell, filters, handleSort, hasCheckbox, dataSelect, selectedIds, handleSelectAll }: PROPS_TABLE) => React.JSX.Element;
 export default TableCells;

package/dist/components/Tabs/CustomTab.d.ts

@@ -1,2 +1,3 @@
-declare const CustomTabs: (props: any) => JSX.Element;
+import React from "react";
+declare const CustomTabs: (props: any) => React.JSX.Element;
 export default CustomTabs;

package/dist/components/Tabs/CustomTabComponent.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { ICustomTabComponent } from "../../types/types";
-declare const CustomTabComponent: ({ value, handleChange, tabs }: ICustomTabComponent) => JSX.Element;
+declare const CustomTabComponent: ({ value, handleChange, tabs }: ICustomTabComponent) => React.JSX.Element;
 export default CustomTabComponent;

package/dist/components/Tooltip/CustomTooltip.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { ICustomTooltip } from "../../types/types";
-declare const _default: React.MemoExoticComponent<({ title, children }: ICustomTooltip) => JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ title, children }: ICustomTooltip) => React.JSX.Element>;
 export default _default;

package/dist/components/icons/ArrowBackIcon.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const ArrowBackIcon: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ArrowBackIcon;

package/dist/components/icons/ArrowRightIcon.d.ts

@@ -1,2 +1,3 @@
-declare const ArrowRightIcon: () => JSX.Element;
+import React from 'react';
+declare const ArrowRightIcon: () => React.JSX.Element;
 export default ArrowRightIcon;

package/dist/components/icons/ArrowUp.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 declare const ArrowUp: ({ opacity, color }: {
     opacity?: number | undefined;
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default ArrowUp;

package/dist/components/icons/AvrIcon.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const AvrIcon: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default AvrIcon;

package/dist/components/icons/CloseChipIcon.d.ts

@@ -1,2 +1,3 @@
-declare const CloseChipIcon: () => JSX.Element;
+import React from 'react';
+declare const CloseChipIcon: () => React.JSX.Element;
 export default CloseChipIcon;

package/dist/components/icons/DarkIcon.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const DarkIcon: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default DarkIcon;

package/dist/components/icons/DoneCheckInIcon.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const DoneCheckInIcon: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default DoneCheckInIcon;

package/dist/components/icons/IdentifyIcon.d.ts

@@ -1,2 +1,3 @@
-declare const IdentifyIcon: () => JSX.Element;
+import React from 'react';
+declare const IdentifyIcon: () => React.JSX.Element;
 export default IdentifyIcon;

package/dist/components/icons/LightIcon.d.ts

@@ -1,4 +1,5 @@
+import React from 'react';
 declare const LightIcon: ({ color }: {
     color?: string | undefined;
-}) => JSX.Element;
+}) => React.JSX.Element;
 export default LightIcon;

package/dist/components/icons/MarioAIIcon.d.ts

@@ -1,2 +1,3 @@
-declare const MarioAIIcon: () => JSX.Element;
+import React from 'react';
+declare const MarioAIIcon: () => React.JSX.Element;
 export default MarioAIIcon;

package/dist/components/icons/MoreIcon.d.ts

@@ -1,2 +1,3 @@
-declare const MoreIcon: () => JSX.Element;
+import React from 'react';
+declare const MoreIcon: () => React.JSX.Element;
 export default MoreIcon;

package/dist/components/icons/MultiUser.d.ts

@@ -1,2 +1,3 @@
-declare const MultiUser: () => JSX.Element;
+import React from 'react';
+declare const MultiUser: () => React.JSX.Element;
 export default MultiUser;

package/dist/components/icons/PlusIcon.d.ts

@@ -1,2 +1,3 @@
-declare const PlusIcon: ({ fill, ...props }: any) => JSX.Element;
+import React from "react";
+declare const PlusIcon: ({ fill, ...props }: any) => React.JSX.Element;
 export default PlusIcon;

package/dist/components/icons/SentIcon.d.ts

@@ -1,2 +1,3 @@
-declare const SentIcon: () => JSX.Element;
+import React from 'react';
+declare const SentIcon: () => React.JSX.Element;
 export default SentIcon;

package/dist/components/icons/SummarizeIcon.d.ts

@@ -1,2 +1,3 @@
-declare const SummarizeIcon: () => JSX.Element;
+import React from 'react';
+declare const SummarizeIcon: () => React.JSX.Element;
 export default SummarizeIcon;

package/dist/components/icons/UnderstandIcon.d.ts

@@ -1,2 +1,3 @@
-declare const UnderstandIcon: () => JSX.Element;
+import React from 'react';
+declare const UnderstandIcon: () => React.JSX.Element;
 export default UnderstandIcon;

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

@@ -1,2 +1,3 @@
-declare const HeaderSideBar: ({ children, navigations, onToggleModel }: any) => JSX.Element;
+import React from "react";
+declare const HeaderSideBar: ({ children, navigations, onToggleModel }: any) => React.JSX.Element;
 export default HeaderSideBar;

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

@@ -1,2 +1,3 @@
-declare const LanguageDropdown: () => JSX.Element;
+import React from "react";
+declare const LanguageDropdown: () => React.JSX.Element;
 export default LanguageDropdown;

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

@@ -2,7 +2,7 @@ import React from "react";
 declare const useHeaderSideBar: (_navigations: any) => {
     anchorFontEl: HTMLElement | null;
     anchorEl: HTMLElement | null;
-    classes: Record<"title" | "header" | "content" | "overlay" | "avatar" | "arrow" | "grow" | "menuItem" | "menuText" | "menuButton" | "listItem" | "dropdown" | "menuIcon" | "sectionDesktop" | "drawer" | "textPrivacy" | "subMenuDrawer" | "subDrawerItem" | "drawerItem" | "drawerContent" | "drawerPaper" | "drawerPaperMobile" | "drawerActive" | "contentShift" | "fontBodyLarge" | "fontBodySmall" | "fontSmall" | "fontMedium" | "fontLarge" | "sectionFontDesktop" | "itemSideBar" | "positionBox" | "arrowDown" | "arrowUp" | "dailyMotivation", string>;
+    classes: Record<"title" | "content" | "header" | "overlay" | "avatar" | "arrow" | "grow" | "menuItem" | "menuText" | "menuButton" | "listItem" | "dropdown" | "menuIcon" | "sectionDesktop" | "drawer" | "textPrivacy" | "subMenuDrawer" | "subDrawerItem" | "drawerItem" | "drawerContent" | "drawerPaper" | "drawerPaperMobile" | "drawerActive" | "contentShift" | "fontBodyLarge" | "fontBodySmall" | "fontSmall" | "fontMedium" | "fontLarge" | "sectionFontDesktop" | "itemSideBar" | "positionBox" | "arrowDown" | "arrowUp" | "dailyMotivation", string>;
     screenWidth: number;
     isReadOnly: string | null;
     notificationAlert: import("../constants/types").NOTIFICATION_ALERT | undefined;
@@ -21,11 +21,11 @@ declare const useHeaderSideBar: (_navigations: any) => {
     handleFontMenu: (event: React.MouseEvent<HTMLElement>) => void;
     handleFontClose: () => void;
     signOut: () => void;
-    renderNotificationBadge: () => JSX.Element;
+    renderNotificationBadge: () => React.JSX.Element;
     openProfile: () => void;
     onChangeFont: (fontSize: number) => void;
     handleClose: () => void;
-    renderNavigationItem: (navigation: any, isSubItem?: boolean | undefined) => JSX.Element;
+    renderNavigationItem: (navigation: any, isSubItem?: boolean | undefined) => React.JSX.Element;
     t: import("i18next").TFunction;
     isEnableMarioAi: any;
 };

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

@@ -1,2 +1,3 @@
-declare const SafetyIcon: () => JSX.Element;
+import React from 'react';
+declare const SafetyIcon: () => React.JSX.Element;
 export default SafetyIcon;

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

@@ -1,2 +1,3 @@
-declare const StressIcon: () => JSX.Element;
+import React from 'react';
+declare const StressIcon: () => React.JSX.Element;
 export default StressIcon;

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

@@ -1,2 +1,3 @@
-declare const TokenIcon: () => JSX.Element;
+import React from "react";
+declare const TokenIcon: () => React.JSX.Element;
 export default TokenIcon;

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface IOptionCalendar {
     label: string;
     startDate: number;
@@ -9,5 +10,5 @@ interface ICalendarSelect {
     value?: string;
     onChange?: Function;
 }
-declare const CalendarSelect: ({ options, value, onChange }: ICalendarSelect) => JSX.Element;
+declare const CalendarSelect: ({ options, value, onChange }: ICalendarSelect) => React.JSX.Element;
 export default CalendarSelect;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { SURVEY_LIST } from "../../containers/SurveyDashboard/configs/types";
 interface STUDENT {
     email: string;
@@ -36,5 +37,5 @@ interface PROPS_FILTER {
     handleOpenModalDelete?: any;
     selectedIds?: number[];
 }
-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, handleOpenModalDelete, selectedIds }: 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, handleOpenModalDelete, selectedIds }: PROPS_FILTER) => React.JSX.Element;
 export default CustomFilterComponent;

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

@@ -1,3 +1,4 @@
+import React from "react";
 interface FILTER {
     startDate?: number | null;
     endDate?: number | null;
@@ -41,5 +42,5 @@ interface PROPS_FILTER {
     onSelectStudent?: Function;
     isDetailSurvey?: boolean;
 }
-declare const CustomFilterMobile: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, handleChangeStatus, placeholderSearch, handleSelectFavorite, onShowFilter, isShowFilter, isShowCalendar, onShowFilterCalendar, optionCustomSelect, handleChangeCustomSelect, toggleKeyCustom, toggleContentCustom, handleToggleCustom, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption, isSelectMulti, studentList, onSelectStudent, isDetailSurvey }: PROPS_FILTER) => JSX.Element;
+declare const CustomFilterMobile: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, handleChangeStatus, placeholderSearch, handleSelectFavorite, onShowFilter, isShowFilter, isShowCalendar, onShowFilterCalendar, optionCustomSelect, handleChangeCustomSelect, toggleKeyCustom, toggleContentCustom, handleToggleCustom, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption, isSelectMulti, studentList, onSelectStudent, isDetailSurvey }: PROPS_FILTER) => React.JSX.Element;
 export default CustomFilterMobile;

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

@@ -1,3 +1,4 @@
+import React from "react";
 import { IStudentMultiSelector } from "../../types/types";
-declare const StudentMultiSelector: ({ student, setStudent, studentData, grades, fontSizeInputSelect, inputStyleProps }: IStudentMultiSelector) => JSX.Element;
+declare const StudentMultiSelector: ({ student, setStudent, studentData, grades, fontSizeInputSelect, inputStyleProps }: IStudentMultiSelector) => React.JSX.Element;
 export default StudentMultiSelector;

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

@@ -1,3 +1,3 @@
 import React from "react";
-declare const _default: React.MemoExoticComponent<({ setStudentId, setStudentUserId, setStudentName, setStudentProfileImage, studentUserId, setIsCheckStudent, isShowDropDownIcon, classes, studentId, label, isDialog, isMultiRole }: any) => JSX.Element | null>;
+declare const _default: React.MemoExoticComponent<({ setStudentId, setStudentUserId, setStudentName, setStudentProfileImage, studentUserId, setIsCheckStudent, isShowDropDownIcon, classes, studentId, label, isDialog, isMultiRole }: any) => React.JSX.Element | null>;
 export default _default;

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

@@ -1,2 +1,3 @@
-declare const TeacherSelector: ({ isShowDropDownIcon, classes, setSelectTeacherUserId, setSelected }: any) => JSX.Element;
+import React from "react";
+declare const TeacherSelector: ({ isShowDropDownIcon, classes, setSelectTeacherUserId, setSelected }: any) => React.JSX.Element;
 export default TeacherSelector;

package/dist/containers/AdminTraining/views/AdminTraining.d.ts

@@ -1,2 +1,3 @@
-declare const AdminTraining: () => JSX.Element;
+import React from "react";
+declare const AdminTraining: () => React.JSX.Element;
 export default AdminTraining;

package/dist/containers/Assessment/components/QuestionSplitPaneSelector.d.ts

@@ -1,2 +1,3 @@
-declare const QuestionSplitPaneSelector: (props: any) => JSX.Element;
+import React from "react";
+declare const QuestionSplitPaneSelector: (props: any) => React.JSX.Element;
 export default QuestionSplitPaneSelector;

package/dist/containers/AssessmentAssignment/views/AssessmentAssignmentContainer.d.ts

@@ -1,2 +1,3 @@
-declare const AssessmentAssignmentContainer: () => JSX.Element;
+import React from "react";
+declare const AssessmentAssignmentContainer: () => React.JSX.Element;
 export default AssessmentAssignmentContainer;

package/dist/containers/AssignAssistant/views/AssignAssistantList.d.ts

@@ -1,2 +1,3 @@
-declare const AssignAssistantList: () => JSX.Element;
+import React from "react";
+declare const AssignAssistantList: () => React.JSX.Element;
 export default AssignAssistantList;

package/dist/containers/AssignCounselor/views/AssignCounselorList.d.ts

@@ -1,2 +1,3 @@
-declare const AssignCounselorList: () => JSX.Element;
+import React from "react";
+declare const AssignCounselorList: () => React.JSX.Element;
 export default AssignCounselorList;

package/dist/containers/AssignSecondaryTeacher/views/AssignSecondaryTeacherList.d.ts

@@ -1,2 +1,3 @@
-declare const AssignSecondaryTeacherList: () => JSX.Element;
+import React from "react";
+declare const AssignSecondaryTeacherList: () => React.JSX.Element;
 export default AssignSecondaryTeacherList;

package/dist/containers/AssignTeacher/views/AssignTeacherList.d.ts

@@ -1,2 +1,3 @@
-declare const AssignTeacherList: () => JSX.Element;
+import React from "react";
+declare const AssignTeacherList: () => React.JSX.Element;
 export default AssignTeacherList;

package/dist/containers/Assignment/components/AcademicClassSelector.d.ts

@@ -1,2 +1,3 @@
-declare const AcademicClassSelector: (props: any) => JSX.Element;
+import React from "react";
+declare const AcademicClassSelector: (props: any) => React.JSX.Element;
 export default AcademicClassSelector;

package/dist/containers/Assignment/components/AssessmentSelector.d.ts

@@ -1,2 +1,3 @@
-declare const AssessmentSelector: (props: any) => JSX.Element;
+import React from "react";
+declare const AssessmentSelector: (props: any) => React.JSX.Element;
 export default AssessmentSelector;

package/dist/containers/Certificate/views/CertificateContainer.d.ts

@@ -1,2 +1,3 @@
-declare const CertificateContainer: () => JSX.Element;
+import React from "react";
+declare const CertificateContainer: () => React.JSX.Element;
 export default CertificateContainer;

package/dist/containers/ConductSurvey/components/ShareSurveyDialog.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DATA_FORM_EMAIL } from "../configs/types";
 interface Props {
     open: boolean;
@@ -10,5 +11,5 @@ interface Props {
     studentShareId?: number;
     setStudentShareId?: Function;
 }
-declare const ShareSurveyDialog: ({ open, handleClose, handleShareSurvey, listTeacher, dataFormEmail, setDataFormEmail, listStudent, studentShareId, setStudentShareId }: Props) => JSX.Element;
+declare const ShareSurveyDialog: ({ open, handleClose, handleShareSurvey, listTeacher, dataFormEmail, setDataFormEmail, listStudent, studentShareId, setStudentShareId }: Props) => React.JSX.Element;
 export default ShareSurveyDialog;

package/dist/containers/ConductSurvey/hooks/useConductSurvey.d.ts

@@ -7,8 +7,8 @@ declare const useConductSurvey: () => {
     listQuestionStudents: any;
     updateQuestionAnswer: (questionId: number, text: string, isAdditional?: boolean | undefined) => void;
     fnfinishSurvey: (cb: any) => Promise<void>;
-    surveyId: string;
-    studentId: string;
+    surveyId: any;
+    studentId: any;
     startTime: string;
     informationUser: any;
     category: string;

package/dist/containers/ConductSurvey/hooks/usePreviewSurvey.d.ts

@@ -11,7 +11,7 @@ declare const usePreviewSurvey: () => {
     questionSummarize: QuestionSummarizeType[];
     activeTab: string;
     handleChange: (_event: React.ChangeEvent<{}>, newValue: string) => void;
-    surveyId: string;
+    surveyId: any;
     surveyDetail: SURVEY_DETAIL;
     handleChangeDeadline: (date: MaterialUiPickersDate | null) => void;
     duplicateSurvey: () => void;

package/dist/containers/ConferenceRubric/views/ConferenceRubricDetail.d.ts

@@ -1,2 +1,3 @@
-declare const ConferenceRubricDetail: () => JSX.Element;
+import React from "react";
+declare const ConferenceRubricDetail: () => React.JSX.Element;
 export default ConferenceRubricDetail;

package/dist/containers/ConversationGoal/views/ConversationGoal.d.ts

@@ -1,2 +1,3 @@
-declare const ConversationGoal: () => JSX.Element;
+import React from "react";
+declare const ConversationGoal: () => React.JSX.Element;
 export default ConversationGoal;

package/dist/containers/CurrentLicense/views/CurrentLicense.d.ts

@@ -1,2 +1,3 @@
-declare const CurrentLicense: () => JSX.Element;
+import React from "react";
+declare const CurrentLicense: () => React.JSX.Element;
 export default CurrentLicense;

package/dist/containers/CustomAlert/components/QuestionAlertDetailModel.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { IQuestionAlertDetailModel } from "../configs/type";
-declare const QuestionAlertDetailModel: ({ header, onConfirm, questionAlertDetail, onCancel }: IQuestionAlertDetailModel) => JSX.Element;
+declare const QuestionAlertDetailModel: ({ header, onConfirm, questionAlertDetail, onCancel }: IQuestionAlertDetailModel) => React.JSX.Element;
 export default QuestionAlertDetailModel;

package/dist/containers/CustomAlert/views/CustomQuestionAlert.d.ts

@@ -1,2 +1,3 @@
-declare const CustomQuestionAlert: () => JSX.Element;
+import React from "react";
+declare const CustomQuestionAlert: () => React.JSX.Element;
 export default CustomQuestionAlert;