mario-core 1.0.2 → 1.0.3-es-alpha

package/package.json

@@ -1,88 +1,87 @@
 {
   "name": "mario-core",
-  "version": "1.0.2",
+  "version": "1.0.3-es-alpha",
   "description": "Contains core components && functions for Mario project",
   "author": "brss",
   "license": "MIT",
-  "repository": "brss/mario-core",
-  "main": "dist/index.js",
-  "module": "dist/index.modern.js",
-  "source": "src/index.tsx",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.modern.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.modern.js",
+      "require": "./dist/index.js"
+    }
+  },
   "engines": {
-    "node": ">=10"
+    "node": ">=24"
   },
   "scripts": {
-    "build": "microbundle-crl --no-compress --format modern,cjs",
-    "start": "microbundle-crl watch --no-compress --format modern,cjs",
-    "prepare": "run-s build",
-    "test": "run-s test:unit test:lint test:build",
-    "test:build": "run-s build",
+    "build": "tsc --noEmit && vite build --mode production",
+    "start": "tsc --noEmit && vite build --watch --mode development",
+    "prepare": "npm run build",
+    "test": "npm run test:lint && npm run test:build",
+    "test:build": "npm run build",
     "test:lint": "eslint .",
-    "test:unit": "cross-env CI=1 react-scripts test --env=jsdom",
-    "test:watch": "react-scripts test --env=jsdom"
+    "dev": "vite",
+    "preview": "vite preview",
+    "type-check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "react": "^16.0.0",
-    "react-dom": "*",
-    "react-router-dom": "*",
-    "react-redux": "*"
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "react-redux": "*",
+    "react-router-dom": "^6.30.2"
   },
   "devDependencies": {
-    "@rollup/plugin-commonjs": "11.0.2",
-    "@testing-library/jest-dom": "^4.2.4",
-    "@testing-library/react": "^9.5.0",
-    "@testing-library/user-event": "^7.2.1",
-    "@types/date-fns": "^2.6.0",
-    "@types/jest": "^25.1.4",
-    "@types/node": "^12.12.38",
-    "@types/react": "^16.9.27",
-    "@types/react-datepicker": "^3.1.7",
-    "@types/react-dom": "^16.9.7",
-    "@types/react-redux": "^7.1.16",
-    "@types/react-router-dom": "^5.1.7",
-    "@types/react-select": "^4.0.13",
-    "@types/redux-logger": "^3.0.8",
-    "@types/yup": "^0.29.11",
-    "@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.3.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",
-    "prettier": "^2.0.4",
-    "react-scripts": "^3.4.1",
-    "redux-logger": "^3.0.6",
-    "typescript": "^3.7.5"
+    "@eslint/js": "^9.39.1",
+    "@types/node": "^24.10.1",
+    "@types/prop-types": "^15.7.15",
+    "@types/react": "^18.3.18",
+    "@types/react-datepicker": "^7.0.0",
+    "@types/react-dom": "^18.3.5",
+    "@vitejs/plugin-react": "^5.1.1",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "concurrently": "^9.2.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "prettier": "^3.7.4",
+    "sass": "^1.83.4",
+    "typescript": "5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^6.0.6"
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@coreui/icons": "2.0.0-rc.0",
-    "@coreui/icons-react": "1.0.2",
-    "@coreui/react": "3.4.0",
-    "@reduxjs/toolkit": "^1.5.0",
-    "@tinymce/tinymce-react": "^3.10.2",
-    "axios": "^0.21.1",
-    "bootstrap": "^4.6.0",
-    "date-fns": "^2.19.0",
-    "formik": "^2.2.6",
-    "react-datepicker": "^3.6.0",
+    "@azure/msal-browser": "^4.27.0",
+    "@azure/msal-react": "^3.0.23",
+    "@coreui/react": "^5.0.0",
+    "@react-oauth/google": "^0.12.2",
+    "@reduxjs/toolkit": "^2.11.2",
+    "@tinymce/tinymce-react": "^6.3.0",
+    "@types/amplitude-js": "^8.16.2",
+    "amplitude-js": "^8.18.5",
+    "axios": "^1.13.2",
+    "bootstrap": "^5.3.8",
+    "date-fns": "^4.1.0",
+    "date-fns-tz": "^3.2.0",
+    "formik": "^2.4.6",
+    "i18next": "^25.7.3",
+    "pusher-js": "^8.4.0",
+    "react-datepicker": "^7.5.0",
+    "react-google-recaptcha-v3": "^1.10.1",
+    "react-i18next": "^15.2.0",
     "react-icons": "^4.2.0",
-    "react-select": "^4.1.0",
-    "reactstrap": "^8.9.0",
-    "redux-thunk": "^2.3.0",
-    "yup": "^0.32.9"
+    "react-select": "^5.10.2",
+    "reactstrap": "^9.1.9",
+    "redux-thunk": "^3.1.0",
+    "tinymce": "^8.3.1",
+    "yup": "^1.7.1"
   }
 }

package/README.md

@@ -1,30 +0,0 @@
-# mario-core
-
-> Contains core components && functions for BRSS Mario project
-
-[![NPM](https://img.shields.io/npm/v/mario-core.svg)](https://www.npmjs.com/package/@mario/core) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-## Install
-
-```bash
-npm install --save mario-core
-```
-
-## Usage
-
-```tsx
-import React, { Component } from 'react'
-
-import MyComponent from 'mario-core'
-import 'mario-core/dist/index.css'
-
-class Example extends Component {
-  render() {
-    return <MyComponent />
-  }
-}
-```
-
-## License
-
-MIT © [brss](https://github.com/brss)

package/dist/assets/Images.d.ts

@@ -1,5 +0,0 @@
-declare const Images: {
-    USER_CONVERSATION_AVATAR: string;
-    GROUP_CONVERSATION_AVATAR: string;
-};
-export default Images;

package/dist/commons/action.d.ts

@@ -1,2 +0,0 @@
-export declare const setLoading: import("@reduxjs/toolkit").ActionCreatorWithOptionalPayload<boolean | undefined, string>;
-export declare const setModal: import("@reduxjs/toolkit").ActionCreatorWithPayload<any, string>;

package/dist/commons/reducer.d.ts

@@ -1,2 +0,0 @@
-declare const commonReducer: import("redux").Reducer<any, import("redux").AnyAction>;
-export default commonReducer;

package/dist/components/Alerts/EmptyDataAlert.d.ts

@@ -1,8 +0,0 @@
-import { CSSProperties, FC } from "react";
-interface Props {
-    label: string;
-    className?: string;
-    style?: CSSProperties;
-}
-declare const EmptyDataAlert: FC<Props>;
-export default EmptyDataAlert;

package/dist/components/Alerts/ErrorHandler.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-interface Props {
-    text: string;
-}
-declare const ErrorHandler: FC<Props>;
-export default ErrorHandler;

package/dist/components/Buttons/AddButton.d.ts

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

package/dist/components/Buttons/AddButtonIcon.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-interface Props {
-    onClick: () => any;
-}
-declare const AddButtonIcon: FC<Props>;
-export default AddButtonIcon;

package/dist/components/Buttons/DeleteButtonIcon.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-interface Props {
-    onClick: () => any;
-}
-declare const DeleteButtonIcon: FC<Props>;
-export default DeleteButtonIcon;

package/dist/components/Buttons/DetailActionButtons.d.ts

@@ -1,8 +0,0 @@
-import { FC } from "react";
-interface Props {
-    confirmText: string;
-    onConfirm: () => any;
-    onCancel: () => any;
-}
-declare const DetailActionButtons: FC<Props>;
-export default DetailActionButtons;

package/dist/components/Buttons/EditButtonIcon.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-interface Props {
-    onClick: () => any;
-}
-declare const EditButtonIcon: FC<Props>;
-export default EditButtonIcon;

package/dist/components/Buttons/LinkEditButton.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-interface Props {
-    label: string;
-    onClick: () => any;
-}
-declare const LinkEditButton: FC<Props>;
-export default LinkEditButton;

package/dist/components/Headers/CommonHeader.d.ts

@@ -1,7 +0,0 @@
-import { FC } from "react";
-interface Props {
-    header: string;
-    rootHeader?: string;
-}
-declare const CommonHeader: FC<Props>;
-export default CommonHeader;

package/dist/components/Inputs/SearchBox.d.ts

@@ -1,10 +0,0 @@
-import React, { CSSProperties } from "react";
-interface Props {
-    initValue: string;
-    onSearch: (searchString?: string) => any;
-    placeholder?: string;
-    className?: string;
-    style?: CSSProperties;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;

package/dist/components/Labels/RequiredLabel.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-interface Props {
-    text: string;
-}
-declare const _default: React.NamedExoticComponent<Props>;
-export default _default;

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

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const Loading: FC;
-export default Loading;

package/dist/components/Modals/CommonModal.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-export default _default;

package/dist/components/Modals/NotificationModal.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const NotificationModal: () => JSX.Element;
-export default NotificationModal;

package/dist/components/Pagination/CustomPagination.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const CustomPagination: (props: any) => JSX.Element;
-export default CustomPagination;

package/dist/components/Selectors/CreatableSelector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const CreatableSelector: (props: any) => JSX.Element;
-export default CreatableSelector;

package/dist/components/Selectors/CustomSelector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const CustomSelector: (props: any) => JSX.Element;
-export default CustomSelector;

package/dist/components/Selectors/MailCategorySelectors.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const MailCategorySelector: (props: any) => JSX.Element;
-export default MailCategorySelector;

package/dist/components/Selectors/QuestionTypeSelector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const QuestionTypeSelector: (props: any) => JSX.Element;
-export default QuestionTypeSelector;

package/dist/components/Selectors/StarRatingSelector.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const StarRatingSelector: (props: any) => JSX.Element;
-export default StarRatingSelector;

package/dist/configs/editorConfig.d.ts

@@ -1,7 +0,0 @@
-declare const _default: {
-    height: number;
-    menubar: boolean;
-    plugins: string[];
-    toolbar: string;
-};
-export default _default;

package/dist/containers/Classes/components/ClassDetailModal.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-export default _default;

package/dist/containers/Classes/views/ClassList.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const ClassList: FC;
-export default ClassList;

package/dist/containers/Commons/NotFound.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const NotFound: FC;
-export default NotFound;

package/dist/containers/EmailTemplate/components/MailParam.d.ts

@@ -1,6 +0,0 @@
-import { FC } from "react";
-interface Props {
-    onClick: any;
-}
-declare const MailSubject: FC<Props>;
-export default MailSubject;

package/dist/containers/EmailTemplate/configs/emailTemplateSchema.d.ts

@@ -1,11 +0,0 @@
-import * as yup from "yup";
-declare const schema: import("yup/lib/object").OptionalObjectSchema<{
-    subject: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
-    comment: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
-    body: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
-}, Record<string, any>, import("yup/lib/object").TypeOfShape<{
-    subject: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
-    comment: yup.StringSchema<string | undefined, Record<string, any>, string | undefined>;
-    body: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
-}>>;
-export default schema;

package/dist/containers/EmailTemplate/hooks/useEmailTemplateDetail.d.ts

@@ -1,15 +0,0 @@
-declare type EmailTemplateDetail = {
-    id?: number;
-    subject: string;
-    categoryId: number;
-    comment: string;
-    body: string;
-};
-declare const useEmailTemplateDetail: (id?: number | undefined) => {
-    emailTemplateDetail: EmailTemplateDetail;
-    setEditorRef: (node: any) => any;
-    addParams: (currentBody: string, params: any) => void;
-    backToList: () => void;
-    confirmData: (data: any) => Promise<void>;
-};
-export default useEmailTemplateDetail;

package/dist/containers/EmailTemplate/hooks/useEmailTemplateList.d.ts

@@ -1,10 +0,0 @@
-import { Filter } from "../../../types/Filter";
-declare const useEmailTemplateList: () => {
-    emailTemplateList: any;
-    filters: Filter;
-    changeFilters: (updatedFilters: any) => void;
-    getData: () => Promise<void>;
-    removeData: (id: number) => void;
-    goToDetail: (id?: number | undefined) => void;
-};
-export default useEmailTemplateList;

package/dist/containers/EmailTemplate/views/EmailTemplateDetail.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const EmailTemplateDetail: FC;
-export default EmailTemplateDetail;

package/dist/containers/EmailTemplate/views/EmailTemplateList.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const EmailTemplateList: FC;
-export default EmailTemplateList;

package/dist/containers/EmailTemplateDetail.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const EmailTemplateDetail: FC;
-export default EmailTemplateDetail;

package/dist/containers/EmailTemplateList.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const EmailTemplateList: FC;
-export default EmailTemplateList;

package/dist/containers/Faq/components/FaqDetailModal.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-export default _default;

package/dist/containers/Faq/hooks/useFaqDetail.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-declare type FaqDetail = {
-    question: string;
-    answer: string;
-};
-declare const useFaqDetail: () => {
-    id: number;
-    setId: import("react").Dispatch<import("react").SetStateAction<number>>;
-    faqDetail: FaqDetail;
-    confirmData: (values: any, cb: any) => Promise<void>;
-    initValue: FaqDetail;
-};
-export default useFaqDetail;

package/dist/containers/Faq/hooks/useFaqList.d.ts

@@ -1,9 +0,0 @@
-import { Filter } from "../../../types/Filter";
-declare const useFaqList: () => {
-    faqList: any;
-    filters: Filter;
-    changeFilters: (updatedFilters: any) => void;
-    getData: () => Promise<void>;
-    removeData: (id: number) => void;
-};
-export default useFaqList;

package/dist/containers/Faq/views/FaqList.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const FaqList: FC;
-export default FaqList;

package/dist/containers/Login/hooks/useLogin.d.ts

@@ -1,9 +0,0 @@
-declare type LoginInfo = {
-    email: string;
-    password: string;
-};
-declare const useLogin: () => {
-    defaultInfo: LoginInfo;
-    userLogin: (data: any) => Promise<void>;
-};
-export default useLogin;

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

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Login: () => JSX.Element;
-export default Login;

package/dist/containers/Login.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const Login: () => JSX.Element;
-export default Login;

package/dist/containers/Skill/components/SkillDetailModal.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
-export default _default;

package/dist/containers/Skill/hooks/useSkillDetail.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-declare type SkillDetail = {
-    name: string;
-    comment: string;
-};
-declare const useSkillDetail: () => {
-    id: number;
-    setId: import("react").Dispatch<import("react").SetStateAction<number>>;
-    skillDetail: SkillDetail;
-    confirmData: (values: any, cb: any) => Promise<void>;
-    initValue: SkillDetail;
-};
-export default useSkillDetail;

package/dist/containers/Skill/hooks/useSkillList.d.ts

@@ -1,9 +0,0 @@
-import { Filter } from "../../../types/Filter";
-declare const useSkillList: () => {
-    skillList: any;
-    filters: Filter;
-    changeFilters: (updatedFilters: any) => void;
-    getData: () => Promise<void>;
-    removeData: (id: number) => void;
-};
-export default useSkillList;

package/dist/containers/Skill/views/SkillList.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const SkillList: FC;
-export default SkillList;

package/dist/containers/User/hooks/useUserList.d.ts

@@ -1,9 +0,0 @@
-import { Filter } from "../../../types/Filter";
-declare const useUserList: () => {
-    userList: any;
-    filters: Filter;
-    getData: () => Promise<void>;
-    removeData: (id: string) => void;
-    changeFilters: (updatedFilters: any) => void;
-};
-export default useUserList;

package/dist/containers/User/views/UserList.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-declare const UserList: () => JSX.Element;
-export default UserList;

package/dist/containers/User.d.ts

@@ -1,3 +0,0 @@
-import { FC } from "react";
-declare const User: FC;
-export default User;

package/dist/index.css

@@ -1,7 +0,0 @@
-* {
-    font-size: 0.85rem
-}
-
-._styles-module__cursor-pointer__1A6MI {
-    cursor: pointer
-}

package/dist/index.d.ts

@@ -1,43 +0,0 @@
-import "bootstrap/dist/css/bootstrap.min.css";
-import Login from "./containers/Login/views/Login";
-import TheLayout from "./layouts/TheLayout";
-import EmailTemplateList from "./containers/EmailTemplate/views/EmailTemplateList";
-import EmailTemplateDetail from "./containers/EmailTemplate/views/EmailTemplateDetail";
-import FaqList from "./containers/Faq/views/FaqList";
-import SkillList from "./containers/Skill/views/SkillList";
-import UserList from "./containers/User/views/UserList";
-import Loading from "./components/Loading/Loading";
-import NotificationModal from "./components/Modals/NotificationModal";
-import CommonHeader from "./components/Headers/CommonHeader";
-import CommonModal from "./components/Modals/CommonModal";
-import AddButton from "./components/Buttons/AddButton";
-import DeleteButtonIcon from "./components/Buttons/DeleteButtonIcon";
-import EditButtonIcon from "./components/Buttons/EditButtonIcon";
-import CustomPagination from "./components/Pagination/CustomPagination";
-import LinkEditButton from "./components/Buttons/LinkEditButton";
-import EmptyDataAlert from "./components/Alerts/EmptyDataAlert";
-import CreatableSelector from "./components/Selectors/CreatableSelector";
-import SearchBox from "./components/Inputs/SearchBox";
-import QuestionTypeSelector from "./components/Selectors/QuestionTypeSelector";
-import ErrorHandler from "./components/Alerts/ErrorHandler";
-import DetailActionButtons from "./components/Buttons/DetailActionButtons";
-import RequiredLabel from "./components/Labels/RequiredLabel";
-import StarRatingSelector from "./components/Selectors/StarRatingSelector";
-import store from "./store";
-import { api, apiUpload } from "./services/api";
-import editorConfig from "./configs/editorConfig";
-import { BASE_URL, DEFAULT_FILTER, LICENSE_AGGRID, TINY_MCE_API_KEY, QUESTION_TYPES, ANSWER_EDITOR_HEIGHT } from "./utils/constants";
-import { setLoading, setModal } from "./redux/commons/action";
-import { setClassList } from "./redux/classes/action";
-import { setSuggestionList } from "./redux/suggestionBanks/action";
-import { setStrategyList } from "./redux/learningStrategies/action";
-import { setSubjectList } from "./redux/subjects/action";
-import { setQuestionList } from "./redux/questionBanks/action";
-import { setBadgeList } from "./redux/badges/action";
-import { setGoalExampleList } from "./redux/goalExamples/action";
-import { setUserList } from "./redux/users/action";
-import { Filter } from "./types/Filter";
-import { Conversation } from "./types/Conversation";
-import generateRandomString from "./utils/generateRandomString";
-import Images from "./assets/Images";
-export { Login, TheLayout, EmailTemplateList, EmailTemplateDetail, FaqList, SkillList, UserList, Loading, NotificationModal, CommonHeader, CommonModal, AddButton, DeleteButtonIcon, EditButtonIcon, LinkEditButton, EmptyDataAlert, CreatableSelector, CustomPagination, SearchBox, QuestionTypeSelector, ErrorHandler, DetailActionButtons, RequiredLabel, StarRatingSelector, store, setLoading, setModal, setClassList, setSuggestionList, setStrategyList, setSubjectList, setQuestionList, setUserList, setBadgeList, setGoalExampleList, api, apiUpload, BASE_URL, DEFAULT_FILTER, LICENSE_AGGRID, TINY_MCE_API_KEY, QUESTION_TYPES, ANSWER_EDITOR_HEIGHT, Filter, Conversation, editorConfig, generateRandomString, Images };