mario-education 2.5.16-release → 3.0.0-es-beta

package/dist/components/Button/CancelButton.d.ts

@@ -1,7 +1,7 @@
-import { FC } from "react";
-interface Props {
-    text?: string;
-    onClick?(): void;
-}
-declare const CancelButton: FC<Props>;
-export default CancelButton;
+import { FC } from "react";
+interface Props {
+    text?: string;
+    onClick?(): void;
+}
+declare const CancelButton: FC<Props>;
+export default CancelButton;

package/dist/components/Button/SubmitButton.d.ts

@@ -1,9 +1,9 @@
-import { FC } from "react";
-interface Props {
-    text?: string;
-    onClick?(): void;
-    style?: any;
-    className?: string;
-}
-declare const SubmitButton: FC<Props>;
-export default SubmitButton;
+import { FC } from "react";
+interface Props {
+    text?: string;
+    onClick?(): void;
+    style?: any;
+    className?: string;
+}
+declare const SubmitButton: FC<Props>;
+export default SubmitButton;

package/dist/components/Charts/ApexChart.d.ts

@@ -0,0 +1,12 @@
+import { ApexOptions } from "apexcharts";
+import { FC } from "react";
+interface ChartProps {
+    options: ApexOptions;
+    series: ApexAxisChartSeries | ApexNonAxisChartSeries;
+    type?: "line" | "area" | "bar" | "pie" | "donut" | "radialBar" | "scatter" | "bubble" | "heatmap" | "candlestick" | "boxPlot" | "radar" | "polarArea";
+    width?: number | string;
+    height?: number | string;
+    ref?: any;
+}
+declare const ApexChart: FC<ChartProps>;
+export default ApexChart;

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

@@ -0,0 +1,10 @@
+interface PropsType {
+    startDate?: number | null;
+    endDate?: number | null;
+    onChangeStartDate: (date: Date | null) => void;
+    onChangeEndDate: (date: Date | null) => void;
+    fontSizeInputSelect?: string | null;
+    disabled?: boolean;
+}
+declare const FilterDateRange: ({ endDate, startDate, onChangeEndDate, onChangeStartDate, fontSizeInputSelect, disabled, }: PropsType) => import("react/jsx-runtime").JSX.Element;
+export default FilterDateRange;

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

@@ -1,10 +1,11 @@
-import { FC } from "react";
-interface Props {
-    value: string;
-    onChange: Function;
-    children?: any | null;
-    noMb?: boolean;
-    defaultValue?: string;
-}
-declare const ToggleInput: FC<Props>;
-export default ToggleInput;
+import { FC } from "react";
+interface Props {
+    value: string;
+    onChange: Function;
+    children?: any | null;
+    noMb?: boolean;
+    defaultValue?: string;
+    className?: string;
+}
+declare const ToggleInput: FC<Props>;
+export default ToggleInput;

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

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

package/dist/components/Questions/QuestionList.d.ts

@@ -1,11 +1,11 @@
-import { FC } from "react";
-interface Props {
-    questions: object[];
-    onRemove: Function;
-    isTeacherQuestion?: boolean;
-    onChangeMandatory: Function;
-    extraQuestionMandatory?: object[];
-    isHiddenMandatory?: boolean;
-}
-declare const QuestionList: FC<Props>;
-export default QuestionList;
+import { FC } from "react";
+interface Props {
+    questions: object[];
+    onRemove: Function;
+    isTeacherQuestion?: boolean;
+    onChangeMandatory: Function;
+    extraQuestionMandatory?: object[];
+    className?: string;
+}
+declare const QuestionList: FC<Props>;
+export default QuestionList;

package/dist/components/Questions/QuestionSelector.d.ts

@@ -1,14 +1,11 @@
-import { FC } from "react";
-interface Props {
-    categoryId?: number;
-    onChange: Function;
-    value: any | null;
-    externalQuestionIds: number[];
-    isDefaultQuestionSurvey?: boolean;
-    isDefaultQuestion?: boolean;
-    isDefaultClassReflection?: boolean;
-    isDefaultConference?: boolean;
-    noCategory?: boolean;
-}
-declare const QuestionSelector: FC<Props>;
-export default QuestionSelector;
+import { FC } from "react";
+interface Props {
+    categoryId: number;
+    onChange: Function;
+    value: any | null;
+    externalQuestionIds: number[];
+    isDefaultQuestionSurvey?: boolean;
+    className?: string;
+}
+declare const QuestionSelector: FC<Props>;
+export default QuestionSelector;

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

@@ -0,0 +1,11 @@
+import { TextFieldProps, AutocompleteProps } from "@mui/material";
+interface BaseProps {
+    label: string;
+    placeholder?: string;
+    fontSizeInputSelect?: string | null;
+    textFieldProps?: TextFieldProps;
+    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 }: Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput"> & BaseProps) => import("react/jsx-runtime").JSX.Element;
+export default AutocompleteField;

package/dist/components/{selector → Select}/CalendarSelect.d.ts

@@ -1,13 +1,14 @@
-interface IOptionCalendar {
-    label: string;
-    startDate: number;
-    endDate: number;
-    value: string;
-}
-interface ICalendarSelect {
-    options: IOptionCalendar[];
-    value?: string;
-    onChange?: Function;
-}
-declare const CalendarSelect: ({ options, value, onChange }: ICalendarSelect) => JSX.Element;
-export default CalendarSelect;
+interface IOptionCalendar {
+    label: string;
+    startDate: number;
+    endDate: number;
+    value: string;
+}
+interface ICalendarSelect {
+    options: IOptionCalendar[];
+    value?: string;
+    onChange?: Function;
+    disabled?: boolean;
+}
+declare const CalendarSelect: ({ options, value, onChange, disabled }: ICalendarSelect) => import("react/jsx-runtime").JSX.Element;
+export default CalendarSelect;

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

@@ -1,13 +1,13 @@
-import { FC } from "react";
-export interface IOptionSelector {
-    label: string;
-    value: number;
-}
-interface IProps {
-    onChange: any;
-    placeholder: string;
-    options: IOptionSelector[];
-    isMultiSelect?: boolean;
-}
-declare const InputSelector: FC<IProps>;
-export default InputSelector;
+import { FC } from "react";
+export interface IOptionSelector {
+    label: string;
+    value: number;
+}
+interface IProps {
+    onChange: any;
+    placeholder: string;
+    options: IOptionSelector[];
+    isMultiSelect?: boolean;
+}
+declare const InputSelector: FC<IProps>;
+export default InputSelector;

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

@@ -1,4 +1,4 @@
-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;
-export default SelectFilter;
+import "react-datepicker/dist/react-datepicker.css";
+import { PROPS_FILTERS_COMPONENT } from "../../utils/types";
+declare const SelectFilter: ({ studentUserId, studentId, studentDefault, handleChangeFilters, name, icon, option, onChangeFilters, btnStyle, filter, teacherUserId, changeCurrentTeacherUserId, className }: PROPS_FILTERS_COMPONENT) => import("react/jsx-runtime").JSX.Element;
+export default SelectFilter;

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

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

package/dist/components/Shapes/Circle/Circle.d.ts

@@ -1,11 +1,11 @@
-import { FC } from "react";
-interface ICircle {
-    title: string;
-    quality: number;
-    background: string;
-    width: number;
-    height: number;
-    key?: number;
-}
-declare const Circle: FC<ICircle>;
-export default Circle;
+import { FC } from "react";
+interface ICircle {
+    title: string;
+    quality: number;
+    background: string;
+    width: number;
+    height: number;
+    key?: number;
+}
+declare const Circle: FC<ICircle>;
+export default Circle;

package/dist/components/Shapes/Circle/ItemCircle.d.ts

@@ -1,7 +1,7 @@
-import { FC } from "react";
-interface IItemCircle {
-    background: string;
-    title: string;
-}
-declare const ItemCircle: FC<IItemCircle>;
-export default ItemCircle;
+import { FC } from "react";
+interface IItemCircle {
+    background: string;
+    title: string;
+}
+declare const ItemCircle: FC<IItemCircle>;
+export default ItemCircle;

package/dist/components/Shapes/Circle/utils.d.ts

@@ -1,5 +1,5 @@
-export declare const cssConfig: (width: number, height: number, background: string) => {
-    width: number;
-    height: number;
-    background: string;
-};
+export declare const cssConfig: (width: number, height: number, background: string) => {
+    width: number;
+    height: number;
+    background: string;
+};

package/dist/components/Skin/Loading.d.ts

@@ -0,0 +1,5 @@
+declare const Loading: ({ size, defaultColor }: {
+    size?: number | undefined;
+    defaultColor?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Loading;

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

@@ -0,0 +1,10 @@
+import React from "react";
+interface StyleProps {
+    width: number;
+    duration: number;
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+    className?: string;
+}
+declare const AnimatedSpan: React.ComponentType<StyleProps & React.RefAttributes<HTMLSpanElement>>;
+export default AnimatedSpan;

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

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

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

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

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

@@ -1,2 +1,2 @@
-declare const LanguageDropdown: () => JSX.Element;
-export default LanguageDropdown;
+declare const LanguageDropdown: () => import("react/jsx-runtime").JSX.Element;
+export default LanguageDropdown;

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

@@ -1,10 +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;
+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/constants/constants.d.ts

@@ -1,93 +1,93 @@
-export declare const HEADER_DESKTOP_HEIGHT = 68;
-export declare const HEADER_MOBILE_HEIGHT = 55;
-export declare const NOTIFICATION_HEIGHT = 36;
-export declare const NOTIFICATION_CHANNEL = "NOTIFICATION_CHANNEL";
-export declare const NEW_NOTIFICATION = "NEW_NOTIFICATION";
-export declare const drawerWidth = 280;
-export declare const drawerWidth11 = 260;
-export declare const drawerWidth12 = 240;
-export declare const drawerWidth15 = 210;
-export declare const headerHeightScroll = 0;
-export declare const defaultFontSize = 16;
-export declare const defaultFontSmall = 12;
-export declare const defaultFontLarge = 20;
-export declare const LOGO: string;
-export declare const DATE_FORMAT = "yyyy-MM-dd";
-export declare const charactersRandom = "0123456789";
-export declare const DATE_MIN_VALUE = "0001-01-01T00:00:00";
-export declare const DEFAULT_USER_AVATAR = "/images/image-default.png";
-export declare const SMALL_FONT_DEFAULT = 12;
-export declare const LARGE_FONT_DEFAULT = 20;
-export declare const CONFERENCE_RUBRIC_TYPES: {
-    Default: string;
-    Balanced: string;
-    GoalProgress: string;
-    HabitsAttitudesTowardsLearning: string;
-    Custom: string;
-};
-export declare const SESSION_START_TIME = "sessionStartTime";
-export declare const SESSION_END_TIME = "sessionEndTime";
-export declare const SESSION_HISTORY_START_TIME = "sessionHistoryStartTime";
-export declare const SESSION_HISTORY_END_TIME = "sessionHistoryEndTime";
-export declare const NOTE_START_TIME = "noteStartTime";
-export declare const NOTE_END_TIME = "noteEndTime";
-export declare const SURVEY_OVERVIEW_FILTERS = "surveyOverviewFilters";
-export declare const SURVEY_SUMMARY_FILTERS = "surveySummaryFilters";
-export declare const REFLECTION_DASHBOARD_FILTERS = "reflectionDashboardFilters";
-export declare const STUDENT_REFECTION_FILTERS = "studentRefectionFilters";
-export declare const TEACHER_REFLECTION_FILTERS = "teacherReflectionFilters";
-export declare const CONFERENCE_FILTERS = "conferenceFilters";
-export declare const CONFERENCE_HISTORY_FILTERS = "conferenceHistoryFilters";
-export declare const CHECKIN_STUDENT_FILTERS = "checkInStudentFilters";
-export declare const CONFERENCE_STUDENT_FILTERS = "conferenceStudentFilters";
-export declare const LEARNING_PLAN_FILTERS = "learningPlanFilters";
-export declare const CONVERSATION_STUDENT_FILTERS = "conversationStudentFilters";
-export declare const OVERVIEW_STUDENT_FILTERS = "overviewStudentFilters";
-export declare const screenWidth: number;
-export declare const iconQuestion: {
-    question: string;
-    firstIcon: string;
-    lastIcon: string;
-}[];
-export declare const linearGradientColorRedToRed: {
-    offset: number;
-    stopColor: string;
-}[];
-export declare const linearGradientColor: {
-    offset: number;
-    stopColor: string;
-}[];
-export declare type STUDENT_DETAIL = {
-    email: string;
-    firstInitial: string;
-    fullName: string;
-    gender: string;
-    gradeLevel: string;
-    id: string;
-    mtss: string;
-    profileImageFileName: string;
-    studentId: number;
-    totalTime: number;
-};
-export declare enum guideType {
-    CheckIn = 0,
-    Dashboard = 1,
-    Plp = 2,
-    Conference = 3,
-    Survey = 4,
-    ClassReflection = 5
-}
-export declare type filterSelect = {
-    clear?: boolean;
-    value: string;
-    options: string[];
-    placeholder: string;
-    onChange: (item: string) => void;
-};
-export declare const GRADE_DEFAULT: string[];
-export declare const questionStressTooltipLabel: string[];
-export declare enum TYPE_SURVEY_OPTION {
-    VIEW_PREVIEW = 0,
-    VIEW_RESPONSE = 1,
-    DELETE = 2
-}
+export declare const HEADER_DESKTOP_HEIGHT = 112;
+export declare const HEADER_MOBILE_HEIGHT = 55;
+export declare const NOTIFICATION_HEIGHT = 36;
+export declare const NOTIFICATION_CHANNEL = "NOTIFICATION_CHANNEL";
+export declare const NEW_NOTIFICATION = "NEW_NOTIFICATION";
+export declare const drawerWidth = 280;
+export declare const drawerWidth11 = 260;
+export declare const drawerWidth12 = 240;
+export declare const drawerWidth15 = 210;
+export declare const headerHeightScroll = 0;
+export declare const defaultFontSize = 16;
+export declare const defaultFontSmall = 12;
+export declare const defaultFontLarge = 20;
+export declare const LOGO: string;
+export declare const DATE_FORMAT = "yyyy-MM-dd";
+export declare const charactersRandom = "0123456789";
+export declare const DATE_MIN_VALUE = "0001-01-01T00:00:00";
+export declare const DEFAULT_USER_AVATAR = "/images/image-default.png";
+export declare const SMALL_FONT_DEFAULT = 12;
+export declare const LARGE_FONT_DEFAULT = 20;
+export declare const CONFERENCE_RUBRIC_TYPES: {
+    Default: string;
+    Balanced: string;
+    GoalProgress: string;
+    HabitsAttitudesTowardsLearning: string;
+    Custom: string;
+};
+export declare const SESSION_START_TIME = "sessionStartTime";
+export declare const SESSION_END_TIME = "sessionEndTime";
+export declare const SESSION_HISTORY_START_TIME = "sessionHistoryStartTime";
+export declare const SESSION_HISTORY_END_TIME = "sessionHistoryEndTime";
+export declare const NOTE_START_TIME = "noteStartTime";
+export declare const NOTE_END_TIME = "noteEndTime";
+export declare const SURVEY_OVERVIEW_FILTERS = "surveyOverviewFilters";
+export declare const SURVEY_SUMMARY_FILTERS = "surveySummaryFilters";
+export declare const REFLECTION_DASHBOARD_FILTERS = "reflectionDashboardFilters";
+export declare const STUDENT_REFECTION_FILTERS = "studentRefectionFilters";
+export declare const TEACHER_REFLECTION_FILTERS = "teacherReflectionFilters";
+export declare const CONFERENCE_FILTERS = "conferenceFilters";
+export declare const CONFERENCE_HISTORY_FILTERS = "conferenceHistoryFilters";
+export declare const CHECKIN_STUDENT_FILTERS = "checkInStudentFilters";
+export declare const CONFERENCE_STUDENT_FILTERS = "conferenceStudentFilters";
+export declare const LEARNING_PLAN_FILTERS = "learningPlanFilters";
+export declare const CONVERSATION_STUDENT_FILTERS = "conversationStudentFilters";
+export declare const OVERVIEW_STUDENT_FILTERS = "overviewStudentFilters";
+export declare const screenWidth: number;
+export declare const iconQuestion: {
+    question: string;
+    firstIcon: string;
+    lastIcon: string;
+}[];
+export declare const linearGradientColorRedToRed: {
+    offset: number;
+    stopColor: string;
+}[];
+export declare const linearGradientColor: {
+    offset: number;
+    stopColor: string;
+}[];
+export type STUDENT_DETAIL = {
+    email: string;
+    firstInitial: string;
+    fullName: string;
+    gender: string;
+    gradeLevel: string;
+    id: string;
+    mtss: string;
+    profileImageFileName: string;
+    studentId: number;
+    totalTime: number;
+};
+export declare enum guideType {
+    CheckIn = 0,
+    Dashboard = 1,
+    Plp = 2,
+    Conference = 3,
+    Survey = 4,
+    ClassReflection = 5
+}
+export type filterSelect = {
+    clear?: boolean;
+    value: string;
+    options: string[];
+    placeholder: string;
+    onChange: (item: string) => void;
+};
+export declare const GRADE_DEFAULT: string[];
+export declare const questionStressTooltipLabel: string[];
+export declare enum TYPE_SURVEY_OPTION {
+    VIEW_PREVIEW = 0,
+    VIEW_RESPONSE = 1,
+    DELETE = 2
+}

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

@@ -1,9 +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;
+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/constants/types.d.ts

@@ -1,12 +1,12 @@
-export interface NOTIFICATION_ALERT {
-    id: number;
-    name: string;
-}
-export interface STYLE_PROPS {
-    width: number;
-    duration: number;
-}
-export interface STORED_NOTIFICATION {
-    id: number;
-    isOpen: boolean;
-}
+export interface NOTIFICATION_ALERT {
+    id: number;
+    name: string;
+}
+export interface STYLE_PROPS {
+    width: number;
+    duration: number;
+}
+export interface STORED_NOTIFICATION {
+    id: number;
+    isOpen: boolean;
+}

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

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