mario-education 2.4.536-feedback → 2.4.538-feedback

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/components/Autocomplete/AutocompleteField.d.ts +13 -0
  2. package/dist/components/DatePicker/DatePickerField.d.ts +10 -0
  3. package/dist/components/DatePicker/FilterDateRange.d.ts +10 -0
  4. package/dist/components/Progress/LinearProgress.d.ts +5 -0
  5. package/dist/components/icons/ArrowUp.d.ts +5 -0
  6. package/dist/components/layouts/hooks/useHeaderSideBar.d.ts +1 -1
  7. package/dist/components/selector/CalendarSelect.d.ts +13 -0
  8. package/dist/components/selector/StudentMultiSelector.d.ts +3 -0
  9. package/dist/containers/ConductSurvey/styles/makeStyles.d.ts +1 -1
  10. package/dist/containers/Dashboard/components/BarChart.d.ts +5 -1
  11. package/dist/containers/Dashboard/components/BubbleChartCustom.d.ts +6 -2
  12. package/dist/containers/Dashboard/components/ConcernMetricTab.d.ts +4 -0
  13. package/dist/containers/Dashboard/components/ConversationTab.d.ts +4 -0
  14. package/dist/containers/Dashboard/components/DesktopFilterComponent.d.ts +3 -0
  15. package/dist/containers/Dashboard/components/ExportChartPdfModal.d.ts +29 -0
  16. package/dist/containers/Dashboard/components/GeneratePlpChart.d.ts +4 -0
  17. package/dist/containers/Dashboard/components/GenerateTrendQuestion.d.ts +4 -0
  18. package/dist/containers/Dashboard/components/GraphTrend.d.ts +3 -0
  19. package/dist/containers/Dashboard/components/LearningProgressTab.d.ts +3 -0
  20. package/dist/containers/Dashboard/components/MetricModelStudent.d.ts +8 -0
  21. package/dist/containers/Dashboard/components/MobileFilterComponent.d.ts +3 -0
  22. package/dist/containers/Dashboard/components/ModelSkillStudent.d.ts +1 -1
  23. package/dist/containers/Dashboard/components/OpenFieldTab.d.ts +3 -0
  24. package/dist/containers/Dashboard/components/ReadinessToLearnTab.d.ts +3 -0
  25. package/dist/containers/Dashboard/components/StaticMetric.d.ts +8 -0
  26. package/dist/containers/Dashboard/components/SuccessIndicatorTab.d.ts +3 -0
  27. package/dist/containers/Dashboard/components/TotalCard.d.ts +2 -2
  28. package/dist/containers/Dashboard/configs/constants.d.ts +37 -0
  29. package/dist/containers/Dashboard/configs/types.d.ts +225 -9
  30. package/dist/containers/Dashboard/configs/utils.d.ts +2 -1
  31. package/dist/containers/Dashboard/hooks/useChartDatas.d.ts +3 -10
  32. package/dist/containers/Dashboard/hooks/useDashboard.d.ts +37 -12
  33. package/dist/containers/Dashboard/views/Dashboard.d.ts +1 -2
  34. package/dist/containers/ExternalApi/configs/types.d.ts +1 -0
  35. package/dist/containers/MyStudent/components/NewOverview/Chat/types/types.d.ts +1 -1
  36. package/dist/containers/SurveyDashboard/styles/makeStyles.d.ts +2 -2
  37. package/dist/containers/Training/hooks/useTrainingLink.d.ts +1 -0
  38. package/dist/index.css +10948 -9616
  39. package/dist/index.js +7337 -5679
  40. package/dist/index.js.map +1 -1
  41. package/dist/index.modern.js +7332 -5674
  42. package/dist/index.modern.js.map +1 -1
  43. package/dist/services/dashboardService.d.ts +1 -0
  44. package/dist/styles/styles.d.ts +1 -1
  45. package/dist/types/types.d.ts +9 -0
  46. package/dist/utils/color.d.ts +2 -0
  47. package/dist/utils/constantsFn.d.ts +3 -0
  48. package/dist/utils/type.d.ts +1 -0
  49. package/package.json +3 -3
@@ -0,0 +1,13 @@
1
+ import React from "react";
2
+ import { AutocompleteProps } from "@material-ui/lab";
3
+ import { TextFieldProps } from "@material-ui/core";
4
+ interface BaseProps {
5
+ label: string;
6
+ placeholder?: string;
7
+ fontSizeInputSelect?: string | null;
8
+ textFieldProps?: TextFieldProps;
9
+ className?: string;
10
+ style?: React.CSSProperties;
11
+ }
12
+ 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;
13
+ export default AutocompleteField;
@@ -0,0 +1,10 @@
1
+ import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
2
+ interface PropsType {
3
+ value: number | undefined | null;
4
+ onChange: (date: MaterialUiPickersDate | null, value?: string | null) => void;
5
+ label: string;
6
+ minDate?: number | undefined | null;
7
+ fontSizeInputSelect?: string | null;
8
+ }
9
+ declare const DatePickerField: ({ value, onChange, minDate, fontSizeInputSelect }: PropsType) => JSX.Element;
10
+ export default DatePickerField;
@@ -0,0 +1,10 @@
1
+ import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
2
+ interface PropsType {
3
+ startDate: number | undefined | null;
4
+ endDate: number | undefined | null;
5
+ onChangeStartDate: (date: MaterialUiPickersDate | null, value?: string | null) => void;
6
+ onChangeEndDate: (date: MaterialUiPickersDate | null, value?: string | null) => void;
7
+ fontSizeInputSelect?: string | null;
8
+ }
9
+ declare const FilterDateRange: ({ endDate, startDate, onChangeEndDate, onChangeStartDate, fontSizeInputSelect }: PropsType) => JSX.Element;
10
+ export default FilterDateRange;
@@ -0,0 +1,5 @@
1
+ import { LinearProgressProps } from "@material-ui/core";
2
+ declare const LinearProgress: (props: LinearProgressProps & {
3
+ value: number;
4
+ }) => JSX.Element;
5
+ export default LinearProgress;
@@ -0,0 +1,5 @@
1
+ declare const ArrowUp: ({ opacity, color }: {
2
+ opacity?: number | undefined;
3
+ color?: string | undefined;
4
+ }) => JSX.Element;
5
+ export default ArrowUp;
@@ -2,7 +2,7 @@ import React from "react";
2
2
  declare const useHeaderSideBar: (_navigations: any) => {
3
3
  anchorFontEl: HTMLElement | null;
4
4
  anchorEl: HTMLElement | null;
5
- classes: Record<"header" | "title" | "content" | "overlay" | "arrow" | "grow" | "menuItem" | "menuButton" | "listItem" | "dropdown" | "sectionDesktop" | "drawer" | "textPrivacy" | "subMenuDrawer" | "subDrawerItem" | "drawerItem" | "drawerContent" | "drawerPaper" | "drawerPaperMobile" | "drawerActive" | "contentShift" | "fontBodyLarge" | "fontBodySmall" | "fontSmall" | "fontMedium" | "fontLarge" | "sectionFontDesktop" | "itemSideBar" | "positionBox" | "arrowDown" | "arrowUp" | "dailyMotivation", string>;
5
+ classes: Record<"title" | "header" | "content" | "overlay" | "arrow" | "grow" | "menuItem" | "menuButton" | "listItem" | "dropdown" | "sectionDesktop" | "drawer" | "textPrivacy" | "subMenuDrawer" | "subDrawerItem" | "drawerItem" | "drawerContent" | "drawerPaper" | "drawerPaperMobile" | "drawerActive" | "contentShift" | "fontBodyLarge" | "fontBodySmall" | "fontSmall" | "fontMedium" | "fontLarge" | "sectionFontDesktop" | "itemSideBar" | "positionBox" | "arrowDown" | "arrowUp" | "dailyMotivation", string>;
6
6
  screenWidth: number;
7
7
  isReadOnly: string | null;
8
8
  notificationAlert: import("../constants/types").NOTIFICATION_ALERT | undefined;
@@ -0,0 +1,13 @@
1
+ interface IOptionCalendar {
2
+ label: string;
3
+ startDate: number;
4
+ endDate: number;
5
+ value: string;
6
+ }
7
+ interface ICalendarSelect {
8
+ options: IOptionCalendar[];
9
+ value?: string;
10
+ onChange?: Function;
11
+ }
12
+ declare const CalendarSelect: ({ options, value, onChange }: ICalendarSelect) => JSX.Element;
13
+ export default CalendarSelect;
@@ -0,0 +1,3 @@
1
+ import { IStudentMultiSelector } from "../../types/types";
2
+ declare const StudentMultiSelector: ({ student, setStudent, studentData, grades, fontSizeInputSelect, inputStyleProps }: IStudentMultiSelector) => JSX.Element;
3
+ export default StudentMultiSelector;
@@ -1 +1 @@
1
- export declare const useStyles: (props?: any) => Record<"body" | "title" | "tabs" | "tabLabel" | "tabLabelActive" | "tabLabelActiveWhite", string>;
1
+ export declare const useStyles: (props?: any) => Record<"title" | "body" | "tabs" | "tabLabel" | "tabLabelActive" | "tabLabelActiveWhite", string>;
@@ -1,5 +1,5 @@
1
1
  import { FC } from "react";
2
- import { ISeries } from "../configs/types";
2
+ import { ILowMetricStudent, ISeries } from "../configs/types";
3
3
  interface IProps {
4
4
  months: string[];
5
5
  activeColumn: boolean[];
@@ -7,6 +7,10 @@ interface IProps {
7
7
  dayOfWeek: string[];
8
8
  colors: string[];
9
9
  min?: number;
10
+ print?: boolean;
11
+ isCountSeries?: boolean;
12
+ lowMetricStudents?: ILowMetricStudent[];
13
+ labelDate?: string;
10
14
  }
11
15
  declare const BarChart: FC<IProps>;
12
16
  export default BarChart;
@@ -2,9 +2,13 @@ import React from "react";
2
2
  import { IReadinessToLearning } from "../configs/types";
3
3
  interface IProps {
4
4
  data: IReadinessToLearning[];
5
+ print?: boolean;
6
+ disableSeriesName?: boolean;
7
+ colors?: string[];
8
+ hiddenRightLegend?: boolean;
9
+ hiddenDescription?: boolean;
5
10
  handleHoverTooltip?: Function;
6
- isPrint?: boolean;
7
11
  name?: string;
8
12
  }
9
- declare const _default: React.NamedExoticComponent<IProps>;
13
+ declare const _default: React.MemoExoticComponent<({ data, print, disableSeriesName, hiddenRightLegend, hiddenDescription, handleHoverTooltip, name }: IProps) => JSX.Element>;
10
14
  export default _default;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IConcernMetricTab } from "../configs/types";
3
+ declare const _default: React.MemoExoticComponent<({ studentSkillQuestion, classFontSize, safetyData, stressData, monthsOneToOne, dayOfWeekOneToOne, handleHoverTooltip, avgQuestionLastMonth, studentPressure, timeOfDay, metricWeeks, lowMetricStudents, metricDataMonths, metricDataWeeks, metricMonths, studentMetricPercent }: IConcernMetricTab) => JSX.Element>;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IConversationTab } from "../configs/types";
3
+ declare const _default: React.MemoExoticComponent<({}: IConversationTab) => JSX.Element>;
4
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import { IFilterComponent } from "../configs/types";
2
+ declare const DesktopFilterComponent: ({ gradeList, onChangeFilterGrade, fontSizeInputSelect, gradeFilter, endDate, startDate, student, onChangeStudent, studentData, academicYearList, valueAcademicYear, onChangeAcademicYear, onChangeEndDateChart, onChangeStartDateChart, optionDate, onChangeFilterCalendar, onClearFilter, onSaveFilter }: IFilterComponent) => JSX.Element;
3
+ export default DesktopFilterComponent;
@@ -0,0 +1,29 @@
1
+ import { FC } from 'react';
2
+ interface IExportChartPdfModal {
3
+ modal: boolean;
4
+ toggle: () => void;
5
+ selectedToPrint: string[];
6
+ handleSelectToPrint: (item: string) => void;
7
+ safetyData: any;
8
+ stressData: any;
9
+ monthsOneToOne: any;
10
+ dayOfWeekOneToOne: any;
11
+ studentPressure: any;
12
+ metricWeeks: any;
13
+ metricDataWeeks: any;
14
+ metricMonths: any;
15
+ metricDataMonths: any;
16
+ dataReadinessOfChart: any;
17
+ dataOverallReadyToLearn: any;
18
+ preparednessData: any;
19
+ preparednessWeeklyData: any;
20
+ weeksOneToOne: any;
21
+ avgQuestionLastMonth: any;
22
+ successIndicatorsData: any;
23
+ successIndicatorWeeklyData: any;
24
+ learningStrategies: any;
25
+ filter: any;
26
+ schoolName: any;
27
+ }
28
+ declare const ExportChartPdfModal: FC<IExportChartPdfModal>;
29
+ export default ExportChartPdfModal;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IGenerateDashboardChart } from "../configs/types";
3
+ declare const _default: React.MemoExoticComponent<({ typeChart, activeColumn, series, months, name, dayOfWeek, colors, textColors, avgQuestionLastMonth, studentCount, studentPercentage, responseStudent, classFontSize, avgContent, print, width, height, titleClassFontSize, min, hiddenKpi, kpiText, timeOfDay, weeklySeries, weeks, description, skillClass, kpiClassName, lowMetricStudents, studentMetricPercent }: IGenerateDashboardChart) => JSX.Element>;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import { IGenerateTrendQuestion } from "../configs/types";
3
+ declare const _default: React.MemoExoticComponent<({ series, avgQuestionLastMonth, trendLabels, icons, className }: IGenerateTrendQuestion) => JSX.Element>;
4
+ export default _default;
@@ -0,0 +1,3 @@
1
+ import { IGraphTrend } from "../configs/types";
2
+ declare const GraphTrend: ({ value, label, isStress }: IGraphTrend) => JSX.Element;
3
+ export default GraphTrend;
@@ -0,0 +1,3 @@
1
+ import { ILearningProgressTab } from "../configs/types";
2
+ declare const LearningProgressTab: ({ learningStrategies, classFontSize, print }: ILearningProgressTab) => JSX.Element;
3
+ export default LearningProgressTab;
@@ -0,0 +1,8 @@
1
+ import { ILowMetricStudent } from "../configs/types";
2
+ interface IProps {
3
+ lowMetricStudents: ILowMetricStudent[];
4
+ openModel: boolean;
5
+ handleToggleModel: Function;
6
+ }
7
+ declare const MetricModelStudent: ({ lowMetricStudents, openModel, handleToggleModel }: IProps) => JSX.Element;
8
+ export default MetricModelStudent;
@@ -0,0 +1,3 @@
1
+ import { IFilterComponent } from "../configs/types";
2
+ declare const MobileFilterComponent: ({ gradeList, onChangeFilterGrade, fontSizeInputSelect, gradeFilter, endDate, startDate, student, onChangeStudent, studentData, academicYearList, valueAcademicYear, onChangeAcademicYear, onChangeEndDateChart, onChangeStartDateChart, onChangeFilterCalendar, optionDate, expandedFilter, onToggleChart }: IFilterComponent) => JSX.Element;
3
+ export default MobileFilterComponent;
@@ -1,3 +1,3 @@
1
- import { IModelSkillStudent } from "../configs/types";
1
+ import { IModelSkillStudent } from "../../MyStudent/components/NewOverview/Chat/types/types";
2
2
  declare const ModelSkillStudent: ({ studentCount, studentPercentage, responseStudent, name }: IModelSkillStudent) => JSX.Element;
3
3
  export default ModelSkillStudent;
@@ -0,0 +1,3 @@
1
+ import { IOpenFieldTab } from "../configs/types";
2
+ declare const OpenFieldTab: ({ handleRedirectAllAnswer, summarizeQuestions, goToSession, handleChangeQuestionFilter, questionFilters }: IOpenFieldTab) => JSX.Element;
3
+ export default OpenFieldTab;
@@ -0,0 +1,3 @@
1
+ import { IReadinessToLearnTab } from "../configs/types";
2
+ declare const ReadinessToLearnTab: ({ dataReadinessOfChart, handleHoverTooltip, classFontSize, dataOverallReadyToLearn, dayOfWeekOneToOne, monthsOneToOne, avgQuestionLastMonth, preparednessData, preparednessWeeklyData, weeksOneToOne }: IReadinessToLearnTab) => JSX.Element;
3
+ export default ReadinessToLearnTab;
@@ -0,0 +1,8 @@
1
+ import { FC } from 'react';
2
+ import { ILowMetricStudent } from '../configs/types';
3
+ interface IProps {
4
+ percent: number;
5
+ lowMetricStudents?: ILowMetricStudent[];
6
+ }
7
+ declare const StaticMetric: FC<IProps>;
8
+ export default StaticMetric;
@@ -0,0 +1,3 @@
1
+ import { ISuccessIndicatorTab } from "../configs/types";
2
+ declare const SuccessIndicatorTab: ({ successIndicatorsData, avgQuestionLastMonth, dayOfWeekOneToOne, monthsOneToOne, timeOfDay, classFontSize, handleHoverTooltip, successIndicatorWeeklyData, weeksOneToOne }: ISuccessIndicatorTab) => JSX.Element;
3
+ export default SuccessIndicatorTab;
@@ -1,3 +1,3 @@
1
- import { TotalCardItem } from "../configs/types";
2
- declare const TotalCard: ({ icon, title, value }: TotalCardItem) => JSX.Element;
1
+ import { ITotalCard } from "../configs/types";
2
+ declare const TotalCard: ({ iconSrc, label, value }: ITotalCard) => JSX.Element;
3
3
  export default TotalCard;
@@ -84,3 +84,40 @@ export declare const studentStressByZone = "student_stress_by_zone";
84
84
  export declare const studentAverageScore = "student_distribution";
85
85
  export declare const chartNames: string[];
86
86
  export declare const CSV_PREFIX = "data:text/csv;charset=utf-8,";
87
+ export declare const concernMetrics = "Concern Metrics";
88
+ export declare const infoIcon = "/images/info-icon.png";
89
+ export declare const readinessTrendName = "Readiness Trends";
90
+ export declare const overallReadinessToLearnName = "overall_readiness_to_learn";
91
+ export declare const averageSafetyName = "Average Safety";
92
+ export declare const averageStressName = "Average Stress";
93
+ export declare const optionLabelDate: string[];
94
+ export declare const calenderOptions: {
95
+ label: string;
96
+ startDate: number;
97
+ endDate: number;
98
+ value: string;
99
+ }[];
100
+ export declare const preparednessInitialData: {
101
+ name: string;
102
+ data: never[];
103
+ questionTranslation: string;
104
+ }[];
105
+ export declare const lowMetricName = "number_of_students_with_at_least_one_very_low_metric";
106
+ export declare const lowMetricDescription = "this_flags_if_the_student_is_not_ready_to_learn_or_has_at_least_one_success_or_readiness_to_learn_metrics_under_40";
107
+ export declare const initFilterDashboard: {
108
+ calendar: string;
109
+ studentIds: never[];
110
+ gender: never[];
111
+ studentId: undefined;
112
+ teacherId: undefined;
113
+ teacherUserId: string;
114
+ studentUserId: string;
115
+ grade: never[];
116
+ bandScore: string;
117
+ academicYearId: undefined;
118
+ startDate: number;
119
+ endDate: number;
120
+ optionDate: string;
121
+ includeMonthAndWeekView: boolean;
122
+ };
123
+ export declare const filterStorage = "FILTER_DASHBOARD_SAVE";
@@ -1,5 +1,6 @@
1
- import { IResponseStudentQuestion } from "../../MyStudent/components/NewOverview/Chat/types/types";
1
+ import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
2
2
  import { QuestionType } from "../../ReflectionForm/configs/types";
3
+ import { Student } from "../../../utils/type";
3
4
  export declare type LoginCountingReport = {
4
5
  date: string;
5
6
  studentLoginCount: number;
@@ -101,6 +102,7 @@ export declare type DashboardFilter = {
101
102
  favoriteSurvey?: number[];
102
103
  academicYearId?: any;
103
104
  searchString?: string;
105
+ includeMonthAndWeekView?: boolean;
104
106
  };
105
107
  export interface ICircleChartItem {
106
108
  id: number;
@@ -195,6 +197,7 @@ export interface IColumnChartAndPercent {
195
197
  overviewQuestionChoice: IOverviewQuestionChoice[];
196
198
  type: string;
197
199
  overViewQuestionLastMonth: IQuestionResponseLastMonth[];
200
+ questionChoiceWeeklyResults: IOverviewQuestionChoice[];
198
201
  }
199
202
  export interface IAgeOfStudent {
200
203
  nineToTwelve: number;
@@ -318,8 +321,6 @@ export interface IDashboardToPDF {
318
321
  startTime: number | undefined;
319
322
  endTime: number | undefined;
320
323
  timeOfDay?: string;
321
- activeColumnPreparedness: boolean[];
322
- activeColumnSuccessIndicators: boolean[];
323
324
  safetyData: ISeries[];
324
325
  stressData: ISeries[];
325
326
  preparednessData: ISeries[];
@@ -327,17 +328,19 @@ export interface IDashboardToPDF {
327
328
  monthsOneToOne: string[];
328
329
  dayOfWeekOneToOne: string[];
329
330
  avgQuestionLastMonth: IQuestionResponseLastMonth[];
330
- topLearningStrategiesData: IlearningStrategies;
331
331
  selectedToPDF: string[];
332
- seriesConference: ISeries[];
333
- monthsConference: string[];
334
- activeColumnConference: boolean[];
335
- dayOfWeekConference: string[];
336
- avgConferenceLastMonth: IQuestionResponseLastMonth[];
337
332
  readinessToLearning: IReadinessToLearning[];
338
333
  studentPressure: IStudentPressure;
339
334
  dataOverallReadyToLearn: IOverallReadinessToLearn;
340
335
  schoolName: string;
336
+ metricWeeks: string[];
337
+ metricDataWeeks: number[];
338
+ metricDataMonths: number[];
339
+ metricMonths: string[];
340
+ preparednessWeeklyData: ISeries[];
341
+ weeksOneToOne: string[];
342
+ successIndicatorWeeklyData: any;
343
+ topLearningStrategies: any;
341
344
  }
342
345
  export interface IOverallReadinessToLearn {
343
346
  resultQuestion: ISeries[];
@@ -434,4 +437,217 @@ export interface IQuestionFilter {
434
437
  sortOrder: string;
435
438
  searchString: string;
436
439
  }
440
+ export interface IFilterCalendar {
441
+ label: string;
442
+ startDate: number;
443
+ endDate: number;
444
+ value: string;
445
+ }
446
+ export interface IFilterComponent {
447
+ gradeList: string[];
448
+ onChangeFilterGrade: Function;
449
+ fontSizeInputSelect?: string;
450
+ gradeFilter: string[];
451
+ startDate: number | undefined | null;
452
+ endDate: number | undefined | null;
453
+ student?: Student | null;
454
+ onChangeStudent: Function;
455
+ studentData: Student[];
456
+ academicYearList: any[];
457
+ valueAcademicYear: any;
458
+ onChangeAcademicYear: Function;
459
+ onChangeEndDateChart: (date: MaterialUiPickersDate | null, value?: string | null) => void;
460
+ onChangeStartDateChart: (date: MaterialUiPickersDate | null, value?: string | null) => void;
461
+ onChangeFilterCalendar: Function;
462
+ expandedFilter: boolean;
463
+ onToggleChart: Function;
464
+ onClearFilter: Function;
465
+ onSaveFilter: Function;
466
+ optionDate?: string;
467
+ }
468
+ export interface ITotalCard {
469
+ label: string;
470
+ value: number | string;
471
+ iconSrc: string;
472
+ }
473
+ export interface IQuestionResponseLastMonth {
474
+ avgQuestionResponse: number;
475
+ avgQuestionResponseLastMonth: number;
476
+ questionId: number;
477
+ questionText: string;
478
+ }
479
+ export interface ICheckInResult {
480
+ id: number;
481
+ isTeacherResult: boolean;
482
+ startTime: string;
483
+ endTime: string;
484
+ }
485
+ export interface IResponseStudentQuestion {
486
+ sessionId: number;
487
+ studentAvatar: string;
488
+ studentId: number;
489
+ studentName: string;
490
+ point: number;
491
+ time: string;
492
+ averageOtherRatings: number;
493
+ isSessionCheckIn: boolean;
494
+ sessionResults: ICheckInResult[];
495
+ }
496
+ export interface ISeries {
497
+ name: string;
498
+ questionTranslation?: string;
499
+ data: number[];
500
+ }
501
+ export interface IGenerateDashboardChart {
502
+ typeChart: string;
503
+ activeColumn: boolean[];
504
+ series: ISeries[];
505
+ weeklySeries?: ISeries[];
506
+ avgContent?: string;
507
+ months: string[];
508
+ name: string;
509
+ dayOfWeek?: string[];
510
+ colors: string[];
511
+ textColors?: string[];
512
+ avgQuestionLastMonth: IQuestionResponseLastMonth[];
513
+ studentCount?: number;
514
+ studentPercentage?: number;
515
+ responseStudent?: IResponseStudentQuestion[];
516
+ classFontSize?: string;
517
+ print?: boolean;
518
+ width?: number | string;
519
+ height?: number | string;
520
+ titleClassFontSize?: string;
521
+ min?: number;
522
+ handleHoverTooltip?: Function;
523
+ hiddenKpi?: boolean;
524
+ kpiText?: string;
525
+ timeOfDay?: string;
526
+ weeks?: string[];
527
+ description?: string;
528
+ skillClass?: string;
529
+ kpiClassName?: string;
530
+ lowMetricStudents?: ILowMetricStudent[];
531
+ studentMetricPercent?: number;
532
+ }
533
+ export interface IResponseStudentQuestion {
534
+ sessionId: number;
535
+ studentAvatar: string;
536
+ studentId: number;
537
+ studentName: string;
538
+ point: number;
539
+ time: string;
540
+ averageOtherRatings: number;
541
+ isSessionCheckIn: boolean;
542
+ sessionResults: ICheckInResult[];
543
+ }
544
+ export interface IStudentSkillQuestion {
545
+ studentPercentageStress: number;
546
+ studentPercentageUnsafe: number;
547
+ studentSafetyQuestionCount: number;
548
+ studentStressQuestionCount: number;
549
+ responseStudentSafety: IResponseStudentQuestion[];
550
+ responseStudentStress: IResponseStudentQuestion[];
551
+ }
552
+ export interface IStudentPressure {
553
+ boreOutStudent: string[];
554
+ burnoutStudent: string[];
555
+ comfortStudent: string[];
556
+ strainStudent: string[];
557
+ stretchStudent: string[];
558
+ }
559
+ export interface IConcernMetricTab {
560
+ studentSkillQuestion: IStudentSkillQuestion;
561
+ classFontSize?: string;
562
+ stressData: ISeries[];
563
+ safetyData: ISeries[];
564
+ dayOfWeekOneToOne: string[];
565
+ monthsOneToOne: string[];
566
+ handleHoverTooltip?: Function;
567
+ avgQuestionLastMonth: IQuestionResponseLastMonth[];
568
+ studentPressure: IStudentPressure;
569
+ timeOfDay?: string;
570
+ metricWeeks: string[];
571
+ metricDataWeeks: number[];
572
+ metricMonths: string[];
573
+ metricDataMonths: number[];
574
+ lowMetricStudents: ILowMetricStudent[];
575
+ studentMetricPercent: number;
576
+ }
577
+ export interface IConversationTab {
578
+ }
579
+ export interface IGraphTrend {
580
+ value: number;
581
+ isStress?: boolean;
582
+ label?: string;
583
+ }
584
+ export interface IOpenFieldTab {
585
+ summarizeQuestions: ISummarizeQuestion | undefined;
586
+ handleRedirectAllAnswer: () => void;
587
+ questionFilters: any;
588
+ handleChangeQuestionFilter: (filter: any) => void;
589
+ goToSession: Function;
590
+ }
591
+ export interface ISuccessIndicatorTab {
592
+ successIndicatorsData: ISeries[];
593
+ successIndicatorWeeklyData: ISeries[];
594
+ monthsOneToOne: string[];
595
+ dayOfWeekOneToOne: string[];
596
+ avgQuestionLastMonth: IQuestionResponseLastMonth[];
597
+ timeOfDay?: string;
598
+ classFontSize?: string;
599
+ handleHoverTooltip?: Function;
600
+ weeksOneToOne: string[];
601
+ }
602
+ export interface ILearningItem {
603
+ learningStrategyName: string;
604
+ usageCount: number;
605
+ usagePoint: number[];
606
+ }
607
+ export interface ILearningProgressTab {
608
+ learningStrategies: ILearningItem[];
609
+ classFontSize?: string;
610
+ handleHoverTooltip?: Function;
611
+ print?: boolean;
612
+ }
613
+ export interface IReadinessToLearnTab {
614
+ handleHoverTooltip?: Function;
615
+ dataReadinessOfChart: IReadinessToLearning[];
616
+ classFontSize?: string;
617
+ dataOverallReadyToLearn: IOverallReadinessToLearn;
618
+ monthsOneToOne: string[];
619
+ dayOfWeekOneToOne: string[];
620
+ preparednessData: ISeries[];
621
+ avgQuestionLastMonth: IQuestionResponseLastMonth[];
622
+ preparednessWeeklyData: ISeries[];
623
+ weeksOneToOne: string[];
624
+ }
625
+ export interface IGenerateTrendQuestion {
626
+ series: ISeries[];
627
+ avgQuestionLastMonth: IQuestionResponseLastMonth[];
628
+ trendLabels: string[];
629
+ icons: string[];
630
+ className?: string;
631
+ }
632
+ export interface FILTER_STUDENT_WELLBEING {
633
+ startDate?: number;
634
+ endDate?: number;
635
+ classType?: string;
636
+ grade?: string;
637
+ studentId?: number | null;
638
+ timeOfDay?: string;
639
+ roles?: string[];
640
+ optionDate?: string;
641
+ }
642
+ export interface ILowMetricStudent {
643
+ matchedGroupNames: string[];
644
+ month: string;
645
+ sessionId: number;
646
+ startTime: string;
647
+ studentName: string;
648
+ week: string;
649
+ year: string;
650
+ orderWeek: number;
651
+ orderMonth: number;
652
+ }
437
653
  export {};
@@ -102,7 +102,7 @@ export declare const convertDataToSeriesBullderChart: (data: IReadinessToLearnin
102
102
  name: string;
103
103
  data: import("react").ReactText[][];
104
104
  }[];
105
- export declare const optionColumnChartAndPercents: (min: number, months: string[], activeData: boolean[], isRidgeCharts: boolean, colors: string[], maxSeries: number, dayOfWeek: string[], isCountSeries?: boolean | undefined, handleTooltip?: Function | undefined, chartName?: string | undefined) => ApexOptions;
105
+ export declare const optionColumnChartAndPercents: (min: number, months: string[], activeData: boolean[], isRidgeCharts: boolean, colors: string[], maxSeries: number, dayOfWeek: string[], isCountSeries?: boolean | undefined, handleTooltip?: Function | undefined, chartName?: string | undefined, print?: boolean | undefined) => ApexOptions;
106
106
  export declare const optionLineChart: (months: string[], activeData: boolean[], colors: string[], dayOfWeek: string[]) => ApexOptions;
107
107
  export declare const optionBarChartAndArea: (months: string[], activeData: boolean[], dayOfWeek: string[], newseries?: any) => ApexOptions;
108
108
  export declare const overallDonutCHartOptions: (labelNames: string[], colors: string[], isCountSeries?: boolean | undefined, textColors?: string[] | undefined, handleHoverTooltip?: Function | undefined, chartName?: string | undefined) => ApexOptions;
@@ -138,4 +138,5 @@ export declare const handleAveraged: (points: number[], isStress?: boolean | und
138
138
  export declare const handleGenerateAvgQuestion: (data: number[], isStress: boolean, avgContent?: string | undefined) => string;
139
139
  declare type PropertySelector<T> = (item: T) => any;
140
140
  export declare const customSortBy: <T>(array: T[], selector: PropertySelector<T>) => T[];
141
+ export declare const formatLowMetricLabels: (labels: string[]) => string;
141
142
  export {};
@@ -1,10 +1,6 @@
1
1
  /// <reference types="react" />
2
- import { PROPS_FILTERS_COMPONENT } from "../../../utils/type";
3
2
  declare const useChartDatas: () => {
4
3
  user: any;
5
- filter: import("../configs/types").DashboardFilter;
6
- LIST_FILTERS_LEFT: PROPS_FILTERS_COMPONENT[];
7
- LIST_FILTERS_RIGHT: PROPS_FILTERS_COMPONENT[];
8
4
  totalCardData: ({
9
5
  icon: string;
10
6
  title: string;
@@ -34,12 +30,6 @@ declare const useChartDatas: () => {
34
30
  preparednessData: import("../configs/types").ISeries[];
35
31
  safetyData: import("../configs/types").ISeries[];
36
32
  stressData: import("../configs/types").ISeries[];
37
- seriesConference: import("../configs/types").ISeries[];
38
- avgConferenceLastMonth: import("../configs/types").IQuestionResponseLastMonth[];
39
- monthsConference: string[];
40
- dayOfWeekConference: string[];
41
- handleActiveColumnConference: (index: number) => void;
42
- activeColumnConference: boolean[];
43
33
  avgQuestionLastMonth: import("../configs/types").IQuestionResponseLastMonth[];
44
34
  studentPressure: import("../configs/types").IStudentPressure;
45
35
  dataOverallReadyToLearn: import("../configs/types").IOverallReadinessToLearn;
@@ -59,5 +49,8 @@ declare const useChartDatas: () => {
59
49
  goToSession: (sessionId: number, sessionResultId: number) => void;
60
50
  isExistQuestion: boolean;
61
51
  handleHoverTooltip: (name: string) => void;
52
+ gradeList: string[];
53
+ handleChangeFilterCalendar: (value: import("../configs/types").IFilterCalendar) => void;
54
+ filter: import("../configs/types").DashboardFilter;
62
55
  };
63
56
  export default useChartDatas;