@sonhero/explanation-package 1.9.1

package/dist/components/list-question/QuestionGrid.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { IQuestionAnswer } from './types';
+interface QuestionGridProps {
+    listQuestions: IQuestionAnswer[];
+    getActiveQuestion: (id: string) => void;
+    activeQuestionId?: string;
+    isMultipleChoice?: boolean;
+    isMultipleChoiceQuestion?: (question: IQuestionAnswer) => boolean;
+    layout?: 'navigation' | 'panel';
+    columnsPerRow?: number;
+    rowCount?: number;
+    isExpanded?: boolean;
+    showPagination?: boolean;
+    currentPage?: number;
+    totalPages?: number;
+    onPrevPage?: () => void;
+    onNextPage?: () => void;
+    handleCloseModal?: () => void;
+}
+declare const QuestionGrid: ({ listQuestions, getActiveQuestion, activeQuestionId, isMultipleChoice, isMultipleChoiceQuestion, layout, columnsPerRow, rowCount, isExpanded, showPagination, currentPage, totalPages, onPrevPage, onNextPage, handleCloseModal }: QuestionGridProps) => React.JSX.Element;
+export default QuestionGrid;

package/dist/components/list-question/types.d.ts

@@ -0,0 +1,14 @@
+export interface IQuestionAnswer {
+    id: string;
+    position?: number | string;
+    active?: string;
+    is_correct?: boolean;
+    question?: {
+        qType?: string;
+    };
+}
+export interface MultipleQuestionsData {
+    selectedResponseAnswers?: IQuestionAnswer[];
+    constructedResponseAnswers?: IQuestionAnswer[];
+}
+export declare type QuestionFilterType = 'all' | 'multiple' | 'constructed';

package/dist/components/move-question-bar/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface IProps {
+    activeQuestion: {
+        total_question: number;
+        index: string;
+        previous: {
+            id: string;
+        };
+        next: {
+            id: string;
+        };
+    };
+    getActiveQuestion: (id: string) => Promise<void>;
+}
+declare const MoveQuestionBar: ({ activeQuestion, getActiveQuestion }: IProps) => React.JSX.Element;
+export default MoveQuestionBar;

package/dist/components/move-question-bar/moveQuestionBar.styles.d.ts

@@ -0,0 +1 @@
+export declare const moveQuestionBarStyle: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/questionType/ConstructedQuestion.d.ts

@@ -0,0 +1,19 @@
+import React, { RefObject } from 'react';
+import { ICommment, IFileAnswer } from 'constant';
+export declare type IPreviewProp = {
+    reqIndex: number;
+    control: any;
+    name: string;
+    question_data: any;
+    defaultValue?: any;
+    answer_file?: IFileAnswer;
+    setOpenPdf?: any;
+    listGrades?: ICommment;
+    commentRef?: RefObject<HTMLElement>;
+    editorRef?: RefObject<HTMLElement>;
+    bodyRef?: RefObject<HTMLDivElement>;
+    grading_file?: IFileAnswer;
+    handleShowRequirement?: () => void;
+};
+declare const _default: React.MemoExoticComponent<({ reqIndex, name, control, question_data, defaultValue, answer_file, setOpenPdf, listGrades, commentRef, editorRef, bodyRef, grading_file, handleShowRequirement }: IPreviewProp) => React.JSX.Element>;
+export default _default;

package/dist/components/questionType/DragNDrop.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface IProps {
+    data?: any;
+    action?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    defaultAnswer?: any;
+    extenalRef?: any;
+    corrects?: any;
+    solution?: string;
+    resetDefaultAnswer?: boolean;
+    allowUnHighLight?: boolean;
+}
+declare const DragNDropPreivew: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+export default DragNDropPreivew;

package/dist/components/questionType/FillText.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface IProps {
+    data: any;
+    action?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    defaultAnswer?: any;
+    corrects?: {
+        id: string;
+        answer: string;
+        is_correct: boolean;
+        answer_position: number;
+    }[];
+    extenalRef?: any;
+    solution?: string;
+    allowUnHighLight?: boolean;
+}
+declare const AddWordPreview: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+export default AddWordPreview;

package/dist/components/questionType/MatchingQuestion.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface IProps {
+    data: any;
+    action?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    defaultAnswer?: any;
+    done?: boolean;
+    extenalRef?: any;
+    index?: number;
+    corrects?: any;
+    solution?: string;
+    allowUnHighLight?: boolean;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>>;
+export default _default;

package/dist/components/questionType/MultipleChoiceQuestion.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IPreviewProp } from './OneChoiceQuestion';
+declare const MultiChoiceQuestion: ({ data, control, corrects, name, defaultValues, setValue, solution }: IPreviewProp) => React.JSX.Element;
+export default MultiChoiceQuestion;

package/dist/components/questionType/OneChoiceQuestion.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare type IPreviewProp = {
+    data: any;
+    control: any;
+    name?: string;
+    corrects?: {
+        [key: string]: boolean;
+    };
+    defaultValues?: any;
+    setValue?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    solution?: any;
+    allowUnHighLight?: boolean;
+};
+declare const OneChoiceQuestion: ({ data, control, corrects, name, defaultValues, setValue, solution }: IPreviewProp) => React.JSX.Element;
+export default OneChoiceQuestion;

package/dist/components/questionType/SelectWordQuestion.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+interface IProps {
+    data: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    allowHighLight?: boolean;
+    defaultAnswer?: Array<{
+        answer_id: string;
+        answer_position: number;
+    }>;
+    corrects?: {
+        id: string;
+        answer: string;
+        is_correct: boolean;
+        answer_position: number;
+    }[];
+    extenalRef?: any;
+    solution?: string;
+    allowUnHighLight?: boolean;
+    isHideExhibit?: boolean;
+    exhibitText?: string;
+    onChange?: (values: Array<{
+        answer_id: string;
+        answer_position: number;
+    }>) => void;
+}
+declare const SelectWord: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+export default SelectWord;

package/dist/components/questionType/questionTypes.styles.d.ts

@@ -0,0 +1 @@
+export declare const questionTypeStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/quiz-component/index.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import { FieldValues, UseFormReset } from 'react-hook-form';
+export declare type QuizComponentRef = {
+    onSubmit: ({ activityId, tabId, quizId, then }: {
+        activityId: string;
+        tabId: string;
+        quizId: string;
+        then?: (e: any) => void;
+    }) => void;
+    reset: UseFormReset<FieldValues>;
+};
+declare type Props = {
+    activeQuestion?: any;
+    document_id: string;
+    getActiveQuestion: (id: string) => Promise<void>;
+    renderPdf?: ({ url, fileName }: {
+        url: string;
+        fileName?: string | undefined;
+    }) => React.ReactNode;
+};
+declare const QuizComponent: {
+    ({ activeQuestion, document_id, getActiveQuestion, renderPdf }: Props): React.JSX.Element;
+    displayName: string;
+};
+export default QuizComponent;

package/dist/components/quiz-component/quizComponent.styles.d.ts

@@ -0,0 +1 @@
+export declare const quizComponentStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/quiz-component-v2/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import { FieldValues, UseFormReset } from 'react-hook-form';
+import { MultipleQuestionsData, QuestionFilterType } from '@components/list-question/types';
+export declare type QuizComponentV2Ref = {
+    onSubmit: ({ activityId, tabId, quizId, then }: {
+        activityId: string;
+        tabId: string;
+        quizId: string;
+        then?: (e: any) => void;
+    }) => void;
+    reset: UseFormReset<FieldValues>;
+};
+declare type Props = {
+    activeQuestion?: any;
+    document_id: string;
+    getActiveQuestion: (id: string) => Promise<void>;
+    renderPdf?: ({ url, fileName }: {
+        url: string;
+        fileName?: string | undefined;
+    }) => React.ReactNode;
+    questions?: MultipleQuestionsData;
+    questionFilter?: QuestionFilterType;
+    onQuestionFilterChange?: (value: QuestionFilterType) => void;
+};
+declare const QuizComponentV2: {
+    ({ activeQuestion, document_id, getActiveQuestion, renderPdf, questions, questionFilter, onQuestionFilterChange }: Props): React.JSX.Element;
+    displayName: string;
+};
+export default QuizComponentV2;

package/dist/components/quiz-component-v2/questionTypeV2/ConstructedQuestionV2.d.ts

@@ -0,0 +1,22 @@
+import React, { RefObject } from 'react';
+import { ICommment, IFileAnswer } from 'constant';
+export declare type IPreviewProp = {
+    reqIndex: number;
+    control: any;
+    name: string;
+    question_data: any;
+    defaultValue?: any;
+    answer_file?: IFileAnswer;
+    setOpenPdf?: any;
+    listGrades?: ICommment;
+    commentRef?: RefObject<HTMLDivElement>;
+    editorRef?: RefObject<HTMLElement>;
+    bodyRef?: RefObject<HTMLDivElement>;
+    grading_file?: IFileAnswer;
+    handleShowRequirement?: () => void;
+    activeCommentId?: string | null;
+    setActiveCommentId?: React.Dispatch<React.SetStateAction<string | null>>;
+    setOpenCommentIndex?: React.Dispatch<React.SetStateAction<number | null>>;
+};
+declare const _default: React.MemoExoticComponent<({ reqIndex, name, control, question_data, defaultValue, answer_file, setOpenPdf, listGrades, commentRef, editorRef, bodyRef, grading_file, handleShowRequirement, activeCommentId, setActiveCommentId, setOpenCommentIndex }: IPreviewProp) => React.JSX.Element>;
+export default _default;

package/dist/components/quiz-component-v2/questionTypeV2/DragNDrop.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+interface IProps {
+    data?: any;
+    action?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    defaultAnswer?: any;
+    extenalRef?: any;
+    corrects?: any;
+    solution?: string;
+    resetDefaultAnswer?: boolean;
+    allowUnHighLight?: boolean;
+    answers?: any;
+}
+declare const DragNDropPreivew: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+export default DragNDropPreivew;

package/dist/components/quiz-component-v2/questionTypeV2/FillText.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface IProps {
+    data: any;
+    action?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    defaultAnswer?: any;
+    corrects?: {
+        id: string;
+        answer: string;
+        is_correct: boolean;
+        answer_position: number;
+    }[];
+    extenalRef?: any;
+    solution?: string;
+    allowUnHighLight?: boolean;
+}
+declare const AddWordPreview: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+export default AddWordPreview;

package/dist/components/quiz-component-v2/questionTypeV2/MatchQuiz/CustomEdge.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { EdgeProps } from '@xyflow/react';
+declare const CustomEdge: React.FC<EdgeProps>;
+export default CustomEdge;

package/dist/components/quiz-component-v2/questionTypeV2/MatchQuiz/CustomFlow.d.ts

@@ -0,0 +1,11 @@
+import type { Edge, Node, OnConnect, NodeTypes, EdgeTypes } from '@xyflow/react';
+import React from 'react';
+interface CustomFlowProps {
+    nodes: Node[];
+    edges: Edge[];
+    onConnect: OnConnect;
+    nodeTypes: NodeTypes;
+    edgeTypes: EdgeTypes;
+}
+declare const CustomFlow: ({ nodes, edges, onConnect, nodeTypes, edgeTypes }: CustomFlowProps) => React.JSX.Element;
+export default CustomFlow;

package/dist/components/quiz-component-v2/questionTypeV2/MatchQuiz/CustomNode.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { NodeProps } from '@xyflow/react';
+export declare enum Color {
+    TextDefault = "#000000",
+    Success = "#078A4D",
+    Error = "#F80903",
+    ArrowDefault = "#EF5941"
+}
+export declare const CustomNode: React.FC<NodeProps>;

package/dist/components/quiz-component-v2/questionTypeV2/MatchQuiz/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface IProps {
+    data: any;
+    action?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    defaultAnswer?: any;
+    done?: boolean;
+    extenalRef?: any;
+    index?: number;
+    corrects?: any;
+    solution?: string;
+    allowUnHighLight?: boolean;
+    uuid?: string;
+    isHideExhibit?: boolean;
+    isAlwaysShowAnswer?: boolean;
+    exhibitText?: string;
+}
+declare const MatchQuizWrapper: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
+export default MatchQuizWrapper;

package/dist/components/quiz-component-v2/questionTypeV2/MultipleChoiceQuestion.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IPreviewProp } from './OneChoiceQuestion';
+declare const MultiChoiceQuestion: ({ data, control, corrects, name, defaultValues, setValue, solution }: IPreviewProp) => React.JSX.Element;
+export default MultiChoiceQuestion;

package/dist/components/quiz-component-v2/questionTypeV2/OneChoiceQuestion.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+export declare type IPreviewProp = {
+    data: any;
+    control: any;
+    name?: string;
+    corrects?: {
+        [key: string]: boolean;
+    };
+    defaultValues?: any;
+    setValue?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    solution?: any;
+    allowUnHighLight?: boolean;
+};
+declare const OneChoiceQuestion: ({ data, control, corrects, name, defaultValues, setValue, solution }: IPreviewProp) => React.JSX.Element;
+export default OneChoiceQuestion;

package/dist/components/quiz-component-v2/questionTypeV2/SelectWordQuestion.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface IProps {
+    data: any;
+    action?: any;
+    handleSaveHighLight?: any;
+    highlighted?: any;
+    removeHighlight?: any;
+    allowHighLight?: boolean;
+    defaultAnswer?: any;
+    corrects?: {
+        id: string;
+        answer: string;
+        is_correct: boolean;
+        answer_position: number;
+    }[];
+    extenalRef?: any;
+    solution?: string;
+    allowUnHighLight?: boolean;
+}
+declare const SelectWord: React.ForwardRefExoticComponent<IProps & React.RefAttributes<any>>;
+export default SelectWord;

package/dist/components/quiz-component-v2/questionTypeV2/questionTypes.styles.d.ts

@@ -0,0 +1 @@
+export declare const questionTypeStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/quiz-component-v2/quizComponentV2.styles.d.ts

@@ -0,0 +1 @@
+export declare const quizComponentStylesV2: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/render-view/AIComment.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface AICommentProps {
+    content?: string;
+    title?: string;
+    qType?: string;
+    className?: string;
+    grade?: number;
+}
+declare const AIComment: ({ content, title, qType, className, grade }: AICommentProps) => React.JSX.Element;
+export default AIComment;

package/dist/components/render-view/MarkdownRender.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface MarkdownRendererProps {
+    content: string;
+    className?: string;
+}
+/**
+ * Component to render markdown content with proper styling
+ */
+export declare const MarkdownRenderer: ({ content, className }: MarkdownRendererProps) => React.JSX.Element | null;
+export {};

package/dist/components/render-view/ModalPreviewFile.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './FilePreviewModal.css';
+interface IModalPreviewFileProps {
+    open: boolean;
+    fileUrl?: string;
+    fileName?: string;
+    textContent?: string;
+    onClose: () => void;
+}
+declare const ModalPreviewFile: ({ open, fileUrl, fileName, textContent, onClose }: IModalPreviewFileProps) => React.JSX.Element;
+export default ModalPreviewFile;

package/dist/components/styles.d.ts

@@ -0,0 +1 @@
+export declare const componentStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/components/topic-display/index.d.ts

@@ -0,0 +1,34 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { IFile } from '../../constant';
+interface Exhibit {
+    created_at: Date;
+    description: string;
+    files: IFile[];
+    id: string;
+    name: string;
+}
+interface IProps {
+    activeQuestion: {
+        question_topic?: {
+            description: string;
+            files: IFile[];
+            exhibits: Array<Exhibit>;
+        };
+        exhibits?: Array<Exhibit>;
+    };
+    isTwoColumn?: boolean;
+    setOpenPdf: Dispatch<SetStateAction<{
+        status: boolean;
+        url: string;
+    } | undefined>>;
+    handleShowExhibit: (params: {
+        id: string;
+        description: string;
+        index: number;
+        name: string;
+        files: IFile[];
+    }, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+    exhibitText: string;
+}
+declare const TopicDisplay: ({ activeQuestion, setOpenPdf, handleShowExhibit, isTwoColumn, exhibitText }: IProps) => React.JSX.Element;
+export default TopicDisplay;

package/dist/components/topic-display/topicDisplay.styles.d.ts

@@ -0,0 +1 @@
+export declare const topicDisplayStyles: import("styled-components").FlattenSimpleInterpolation;

package/dist/constant/icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const LeftArrowIcon: () => React.JSX.Element;
+export declare const RightArrowIcon: () => React.JSX.Element;