@sonhero/explanation-package 1.9.1 → 1.10.1

package/package.json

@@ -1,68 +1,48 @@
 {
   "name": "@sonhero/explanation-package",
-  "version": "1.9.1",
-  "description": "Made with create-react-library",
+  "version": "1.10.1",
+  "description": "Upbase explanation / quiz explanation component",
   "author": "",
   "license": "MIT",
   "repository": "/explanation-package",
-  "main": "dist/index.js",
-  "module": "dist/index.modern.js",
+  "main": "dist/index.cjs",
+  "module": "dist/index.mjs",
   "source": "src/index.tsx",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./dist/index.css": "./dist/index.css",
+    "./style.css": "./dist/index.css",
+    "./dist/style.css": "./dist/index.css"
+  },
   "sideEffects": [
-    "dist/style.css"
+    "dist/index.mjs",
+    "dist/index.cjs",
+    "**/*.css"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "engines": {
     "node": ">=10"
   },
-  "scripts": {
-    "build": "microbundle-crl --no-compress --no-css-modules --format modern,cjs --target es2017",
-    "start": "microbundle-crl watch --no-compress --no-css-modules --format modern,cjs",
-    "prepare": "run-s build",
-    "test": "run-s test:unit test:lint test:build",
-    "test:build": "run-s build",
-    "test:lint": "eslint .",
-    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom",
-    "predeploy": "cd example && yarn install && yarn run build",
-    "deploy": "gh-pages -d example/build"
-  },
   "peerDependencies": {
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
-    "@types/jest": "^25.1.4",
     "@types/lodash": "^4.14.202",
     "@types/node": "^12.12.38",
-    "@types/react": "^16.9.27",
-    "@types/react-dom": "^16.9.7",
-    "@typescript-eslint/eslint-plugin": "^2.26.0",
-    "@typescript-eslint/parser": "^2.26.0",
-    "babel-eslint": "^10.0.3",
-    "cross-env": "^7.0.2",
-    "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.7.0",
-    "eslint-config-standard": "^14.1.0",
-    "eslint-config-standard-react": "^9.2.0",
-    "eslint-plugin-import": "^2.18.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-react": "^7.17.0",
-    "eslint-plugin-standard": "^4.0.1",
-    "gh-pages": "^2.2.0",
-    "microbundle-crl": "^0.13.10",
-    "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.31",
-    "postcss-nesting": "^12.0.1",
-    "prettier": "^2.0.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
-    "react-scripts": "^3.4.1",
-    "typescript": "^3.7.5"
+    "@types/react": "18",
+    "@types/react-dom": "18",
+    "@vitejs/plugin-react": "^4.7.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.4.3",
+    "vite-plugin-css-injected-by-js": "^3.5.2"
   },
   "files": [
     "dist"
@@ -86,14 +66,18 @@
     "lodash": "^4.17.21",
     "react-hook-form": "7.46.0",
     "react-shadow": "^20.4.0",
-    "sapp-common-package": "^1.4.1",
     "sass": "^1.53.0",
     "styled-components": "5.3.11",
     "tailwindcss": "^3.3.5",
-    "react-markdown": "^6.0.3"
+    "react-markdown": "^6.0.3",
+    "@sonhero/upbase-common-package": "1.10.2"
   },
   "resolutions": {
     "@types/react": "^17.0.38"
   },
-  "packageManager": "pnpm@10.22.0+sha512.bf049efe995b28f527fd2b41ae0474ce29186f7edcb3bf545087bd61fbbebb2bf75362d1307fda09c2d288e1e499787ac12d4fcb617a974718a6051f2eee741c"
-}
+  "scripts": {
+    "build": "vite build --config vite.lib.config.ts && node scripts/postbuild-css-stub.cjs",
+    "dev": "vite --config dev/vite.config.ts --port 5202 --strictPort",
+    "test:lint": "eslint ."
+  }
+}

package/dist/Quiz.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { IQuestion } from './conts';
-declare type Props = {
-    questions: IQuestion[];
-};
-declare const Quiz: ({ questions }: Props) => React.JSX.Element;
-export default Quiz;

package/dist/QuizComponent.d.ts

@@ -1,23 +0,0 @@
-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;
-    handleDownload: (param: any) => void;
-    getActiveQuestion: (id: string) => Promise<void>;
-    topic?: any;
-};
-declare const QuizComponent: {
-    ({ activeQuestion, document_id, handleDownload, getActiveQuestion, topic }: Props): React.JSX.Element;
-    displayName: string;
-};
-export default QuizComponent;

package/dist/button/ButtonCancelSubmit.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const ButtonCancelSubmit: ({ submit, cancel, className, color, colorCancel, showOkButton, showCancelButton, revertFunction }: any) => React.JSX.Element;
-export default ButtonCancelSubmit;

package/dist/button/ErrorMessage.d.ts

@@ -1,7 +0,0 @@
-import React, { ReactNode } from 'react';
-interface IProps {
-    className?: string;
-    children: ReactNode;
-}
-declare const ErrorMessage: ({ className, children }: IProps) => React.JSX.Element;
-export default ErrorMessage;

package/dist/button/SappButton.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { IButtonProps } from '../conts';
-declare const SappButton: ({ title, onClick, className, link, size, full, disabled, loading, type, color, isUnderLine, isPadding, childClass }: IButtonProps) => React.JSX.Element;
-export default SappButton;

package/dist/button/YourAnswer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-declare type Props = {
-    show: boolean;
-};
-declare const YourAnswer: ({ show }: Props) => React.JSX.Element;
-export default YourAnswer;

package/dist/checkbox/HookFormCheckBox.d.ts

@@ -1,19 +0,0 @@
-import { Control } from 'react-hook-form';
-import React from 'react';
-interface IHookFormCheckBoxProps {
-    name: string;
-    control: Control<any>;
-    defaultValue?: string | boolean;
-    title?: string;
-    className?: string;
-    onChange?: React.ChangeEventHandler<any>;
-    checked?: string | boolean;
-    label?: string | undefined;
-    required?: boolean;
-    disabled?: boolean;
-    classNameTitle?: string;
-    state?: 'default' | 'error' | 'success';
-    size?: 'small' | 'medium' | 'lager';
-}
-declare const HookFormCheckBox: ({ name, control, defaultValue, title, className, onChange, checked, disabled, classNameTitle, size, state }: IHookFormCheckBoxProps) => React.JSX.Element;
-export default HookFormCheckBox;

package/dist/checkbox/HookFormCheckBoxGroup.d.ts

@@ -1,37 +0,0 @@
-import { Control } from 'react-hook-form';
-import React from 'react';
-interface IHookFormCheckBoxProps {
-    name: string;
-    control: Control<any>;
-    defaultValue?: string | boolean;
-    title?: string;
-    className?: string;
-    onChange?: (e: any) => void;
-    checked?: string | boolean;
-    isWrong?: boolean;
-    label?: string | undefined;
-    required?: boolean;
-    disabled?: boolean;
-    classNameTitle?: string;
-    options: Array<{
-        label?: string;
-        value: string | boolean;
-        description?: string;
-    }>;
-    direction?: 'horizontal' | 'vertical';
-    gap?: string;
-    justify?: 'between' | 'start' | 'center' | 'end';
-    multiple?: boolean;
-    state?: 'default' | 'error' | 'success';
-    size?: 'small' | 'medium' | 'lager';
-    corrects?: {
-        [key: string]: boolean;
-    };
-    toggle?: boolean;
-    positionCheckBox?: 'start' | 'center' | 'bottom';
-    lowerOptions?: boolean;
-    seprateLine?: boolean;
-    widthOptions?: string;
-}
-declare const HookFormCheckBoxGroup: ({ name, control, defaultValue, title, className, onChange, checked, isWrong, disabled, classNameTitle, options, direction, gap, justify, multiple, size, state, corrects, toggle, positionCheckBox, lowerOptions, seprateLine, widthOptions }: IHookFormCheckBoxProps) => React.JSX.Element;
-export default HookFormCheckBoxGroup;

package/dist/checkbox/SAPPCheckbox.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface IProps {
-    checked: boolean;
-    disabled?: boolean;
-    onChange: React.ChangeEventHandler<HTMLInputElement>;
-    className?: string;
-    name?: string;
-    value?: string | boolean;
-    state?: 'default' | 'error' | 'success' | 'primary';
-    size?: 'small' | 'medium' | 'lager';
-    lowerOptions?: boolean;
-}
-declare const SAPPCheckbox: ({ checked, disabled, onChange, className, value, state, size, lowerOptions }: IProps) => React.JSX.Element;
-export default SAPPCheckbox;

package/dist/common/ArrowIcon.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-interface Props {
-    className?: string;
-    iconType?: 'chervon' | 'teeny';
-    right?: boolean;
-    children?: ReactNode;
-}
-declare const ArrowIcon: ({ className, iconType, right }: Props) => React.JSX.Element;
-export default ArrowIcon;

package/dist/common/CommentList.d.ts

@@ -1,9 +0,0 @@
-import React, { RefObject } from 'react';
-import { ICommment } from '../conts';
-interface IProps {
-    data?: ICommment;
-    editorRef?: RefObject<HTMLElement>;
-    commentRef?: RefObject<HTMLElement>;
-}
-declare const CommentList: ({ data, editorRef, commentRef }: IProps) => React.JSX.Element;
-export default CommentList;

package/dist/common/EssayRender.d.ts

@@ -1,52 +0,0 @@
-import React, { Dispatch, RefObject, SetStateAction } from 'react';
-import { ICommment, IFile, IFileAnswer, IRequirement } from '../conts';
-interface IProps {
-    activeQuestion: {
-        question_topic: {
-            files: IFile[];
-        };
-        requirements: IRequirement[];
-        exhibits: {
-            id: string;
-            description: string;
-            name: string;
-            files: IFile[];
-        }[];
-        short_answer: string | any;
-        answer_file: IFileAnswer;
-        question_content: string;
-        requirement_answers?: Array<any>;
-        grading_method?: string;
-    };
-    handleShowListRequirement: (e: any) => void;
-    showRequirement?: IRequirement | null;
-    showListRequirement: boolean;
-    handleShowRequirement: ({ description, index, name, files, explanation, answer_template_files }: {
-        description: string;
-        index: number;
-        name: string;
-        files: IFile[];
-        explanation: string;
-        answer_template_files?: string[];
-    }) => void;
-    setOpenPdf: Dispatch<SetStateAction<{
-        status: boolean;
-        url: string;
-    } | undefined>>;
-    handleShowExhibit: (data: {
-        id: string;
-        description: string;
-        index: number;
-        name: string;
-        files: IFile[];
-    }, e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    controlAnswer: any;
-    listRequirementRef: RefObject<HTMLDivElement>;
-    comment?: ICommment;
-    commentRef?: RefObject<HTMLDivElement>;
-    editorRef?: RefObject<HTMLDivElement>;
-    bodyRef?: RefObject<HTMLDivElement>;
-    submitted?: string;
-}
-declare const EssayRender: ({ activeQuestion, handleShowListRequirement, showListRequirement, showRequirement, handleShowRequirement, setOpenPdf, handleShowExhibit, controlAnswer, listRequirementRef, comment, commentRef, editorRef, bodyRef, submitted }: IProps) => React.JSX.Element;
-export default EssayRender;

package/dist/common/ExhibitMovableWindow.d.ts

@@ -1,13 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { IShowExhibit } from '../conts';
-interface IProps {
-    showExhibit: IShowExhibit;
-    setOpenPdf: Dispatch<SetStateAction<{
-        status: boolean;
-        url: string;
-    } | undefined>>;
-    setShowExhibit: Dispatch<SetStateAction<IShowExhibit | undefined>>;
-    exhibitText: string;
-}
-declare const ExhibitMovableWindow: ({ showExhibit, setOpenPdf, setShowExhibit, exhibitText }: IProps) => React.JSX.Element;
-export default ExhibitMovableWindow;

package/dist/common/ExhibitRender.d.ts

@@ -1,21 +0,0 @@
-import React from 'react';
-import { IFile } from '../conts';
-interface IProps {
-    exhibits: Array<{
-        created_at: Date;
-        description: string;
-        files: IFile[];
-        id: string;
-        name: string;
-    }>;
-    handleShowExhibit: (params: {
-        id: string;
-        description: string;
-        index: number;
-        name: string;
-        files: IFile[];
-    }, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    exhibitText: string;
-}
-declare const ExhibitRender: ({ exhibits, handleShowExhibit, exhibitText }: IProps) => React.JSX.Element;
-export default ExhibitRender;

package/dist/common/Explanation.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { IRequirement } from '../conts';
-interface IProps {
-    activeQuestion: {
-        solution?: string;
-        confirmed?: boolean;
-    };
-    explanationTitle?: string;
-    showRequirement?: IRequirement | null;
-}
-declare const Explanation: ({ activeQuestion, explanationTitle, showRequirement }: IProps) => React.JSX.Element;
-export default Explanation;

package/dist/common/FileDisplay.d.ts

@@ -1,14 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-interface IProps {
-    title?: string;
-    fileName?: string;
-    key?: number | string;
-    url?: string;
-    setOpenPdf?: Dispatch<SetStateAction<{
-        status: boolean;
-        url: string;
-    } | undefined>>;
-    isDownloadFile?: boolean;
-}
-declare const FileDisplay: ({ setOpenPdf, fileName, key, title, url, isDownloadFile }: IProps) => React.JSX.Element;
-export default FileDisplay;

package/dist/common/HookClick.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface ClickOutsideProps {
-    ref: React.RefObject<HTMLElement>;
-    callback: () => void;
-}
-declare const useClickOutside: ({ ref, callback }: ClickOutsideProps) => void;
-export default useClickOutside;

package/dist/common/Icon.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-declare type IconsPros = {
-    type?: string;
-    className?: string;
-};
-export default function Icon({ type, className }: IconsPros): import("react").JSX.Element;
-export declare const TimeIcon: () => import("react").JSX.Element;
-export {};

package/dist/common/MovableWindow.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface IProps {
-    children?: any;
-    getResize?: (data: any) => void;
-    position?: any;
-    onClick?: any;
-    zIndex?: number;
-    className?: string;
-}
-declare const MovableWindow: ({ children, getResize, position, onClick, zIndex, className }: IProps) => React.JSX.Element;
-export default MovableWindow;

package/dist/common/MoveQuestionBar.d.ts

@@ -1,16 +0,0 @@
-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/common/SappIcon.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-declare type iconType = 'camera' | 'course_text' | 'course_video' | 'course_video_timeline' | 'arrow_left' | 'arrow_right' | 'arrow_down' | 'x';
-declare type SAPP_ICONS_TYPE = {
-    [key in iconType]: React.ReactNode;
-};
-declare type Props = {
-    icon: keyof SAPP_ICONS_TYPE;
-    className?: string;
-};
-declare const SappIcon: ({ icon, className }: Props) => React.JSX.Element;
-export default SappIcon;

package/dist/common/TopicDisplay.d.ts

@@ -1,34 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { IFile } from '../conts';
-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/ArrowIcon.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface Props {
-    className?: string;
-    iconType?: 'chervon' | 'teeny';
-    right?: boolean;
-}
-declare const ArrowIcon: ({ className, iconType, right }: Props) => React.JSX.Element;
-export default ArrowIcon;

package/dist/components/ExhibitMovableWindow.d.ts

@@ -1,13 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { IShowExhibit } from '../constant';
-interface IProps {
-    showExhibit: IShowExhibit;
-    setOpenPdf: Dispatch<SetStateAction<{
-        status: boolean;
-        url: string;
-    } | undefined>>;
-    setShowExhibit: Dispatch<SetStateAction<IShowExhibit | undefined>>;
-    exhibitText: string;
-}
-declare const ExhibitMovableWindow: ({ showExhibit, setOpenPdf, setShowExhibit, exhibitText }: IProps) => React.JSX.Element;
-export default ExhibitMovableWindow;

package/dist/components/ExhibitMovableWindowV2.d.ts

@@ -1,13 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-import { IShowExhibit } from '../constant';
-interface IProps {
-    showExhibit: IShowExhibit;
-    setOpenPdf: Dispatch<SetStateAction<{
-        status: boolean;
-        url: string;
-    } | undefined>>;
-    setShowExhibit: Dispatch<SetStateAction<IShowExhibit | undefined>>;
-    exhibitText: string;
-}
-declare const ExhibitMovableWindowV2: ({ showExhibit, setOpenPdf, setShowExhibit, exhibitText }: IProps) => React.JSX.Element;
-export default ExhibitMovableWindowV2;

package/dist/components/ExhibitRender.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-import { IFile } from '../constant';
-interface IProps {
-    exhibits: Array<{
-        description: string;
-        files: IFile[];
-        id: string;
-        name: string;
-    }>;
-    handleShowExhibit: (params: {
-        id: string;
-        description: string;
-        index: number;
-        name: string;
-        files: IFile[];
-    }, event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    exhibitText: string;
-}
-declare const ExhibitRender: ({ exhibits, handleShowExhibit, exhibitText }: IProps) => React.JSX.Element;
-export default ExhibitRender;

package/dist/components/FileDisplay.d.ts

@@ -1,15 +0,0 @@
-import React, { Dispatch, SetStateAction } from 'react';
-interface IProps {
-    title?: string;
-    fileName?: string;
-    key?: number | string;
-    url?: string;
-    setOpenPdf?: Dispatch<SetStateAction<{
-        status: boolean;
-        url: string;
-        name?: string;
-    } | undefined>>;
-    isDownloadFile?: boolean;
-}
-declare const FileDisplay: ({ setOpenPdf, fileName, key, title, url, isDownloadFile }: IProps) => React.JSX.Element;
-export default FileDisplay;

package/dist/components/HookClick.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-interface ClickOutsideProps {
-    ref: React.RefObject<HTMLElement>;
-    callback: () => void;
-}
-declare const useClickOutside: ({ ref, callback }: ClickOutsideProps) => void;
-export default useClickOutside;

package/dist/components/Icon.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-declare type IconsPros = {
-    type?: string;
-    className?: string;
-};
-export default function Icon({ type, className }: IconsPros): React.JSX.Element;
-export declare const TimeIcon: () => React.JSX.Element;
-export declare const CollapseArrowIcon: React.MemoExoticComponent<({ selected, className }: {
-    selected?: boolean | undefined;
-    className?: string | undefined;
-}) => React.JSX.Element>;
-export declare const LoadingIcon: ({ loading, loadingPercentage, stroke }: {
-    loading?: boolean | undefined;
-    loadingPercentage?: number | undefined;
-    stroke?: "#ffffff" | "#404041" | undefined;
-}) => React.JSX.Element;
-export {};

package/dist/components/MovableWindow.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-interface IProps {
-    children?: any;
-    getResize?: (data: any) => void;
-    position?: any;
-    onClick?: any;
-    zIndex?: number;
-    className?: string;
-}
-declare const MovableWindow: ({ children, getResize, position, onClick, zIndex, className }: IProps) => React.JSX.Element;
-export default MovableWindow;

package/dist/components/SappIcon.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-declare type iconType = 'camera' | 'course_text' | 'course_video' | 'course_video_timeline' | 'arrow_left' | 'arrow_right' | 'arrow_down' | 'x';
-declare type SAPP_ICONS_TYPE = {
-    [key in iconType]: React.ReactNode;
-};
-declare type Props = {
-    icon: keyof SAPP_ICONS_TYPE;
-    className?: string;
-};
-declare const SappIcon: ({ icon, className }: Props) => React.JSX.Element;
-export default SappIcon;

package/dist/components/comment-list/commentList.styles.d.ts

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

package/dist/components/comment-list/index.d.ts

@@ -1,11 +0,0 @@
-import React, { RefObject } from 'react';
-import { ICommment } from 'constant';
-interface IProps {
-    data?: ICommment;
-    editorRef?: RefObject<HTMLElement>;
-    commentRef?: RefObject<HTMLDivElement>;
-    className?: string;
-    overlayClassName?: string;
-}
-declare const CommentList: ({ data, editorRef, commentRef, className, overlayClassName }: IProps) => React.JSX.Element;
-export default CommentList;

package/dist/components/comment-list-v2/commentListV2.styles.d.ts

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