mario-core 1.0.1-arabic-layout → 1.0.1-es-alpha

package/README.md

@@ -0,0 +1,91 @@
+# mario-core
+
+> Core library for Mario Framework - migrated components from ClientApp
+
+## About
+
+This is an npm library containing shared components, hooks, utilities, and Redux logic for the Mario Framework ecosystem. It is designed to be imported and used across multiple Mario applications.
+
+## Installation
+
+```bash
+npm install mario-core
+```
+
+Or with yarn:
+
+```bash
+yarn add mario-core
+```
+
+## Usage
+
+```typescript
+import { greet } from 'mario-core';
+
+console.log(greet('Mario')); // Hello, Mario from mario-core-client!
+```
+
+## Development
+
+### Setup
+
+```bash
+npm install
+```
+
+### Build
+
+Build the library for production:
+
+```bash
+npm run build
+```
+
+This will generate the distributable files in the `dist/` directory:
+- `dist/index.es.js` - ES module format
+- `dist/index.cjs.js` - CommonJS format
+- `dist/index.d.ts` - TypeScript type definitions
+
+### Development Mode
+
+Run the build in watch mode for development:
+
+```bash
+npm run dev
+```
+
+### Linting
+
+```bash
+npm run lint
+```
+
+## Publishing
+
+Before publishing, make sure you have:
+1. Updated the version in `package.json`
+2. Built the library (`npm run build`)
+3. Logged in to npm (`npm login`)
+
+Then publish:
+
+```bash
+npm publish
+```
+
+Or use dry-run to test:
+
+```bash
+npm pack --dry-run
+```
+
+## Peer Dependencies
+
+This library requires the following peer dependencies:
+- `react` >= 16.0.0
+- `react-dom` >= 16.0.0
+
+## License
+
+MIT

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

@@ -1,8 +1,8 @@
-import { CSSProperties, FC } from "react";
+import React, { CSSProperties } from "react";
 interface Props {
     label: string;
     className?: string;
     style?: CSSProperties;
 }
-declare const EmptyDataAlert: FC<Props>;
+declare const EmptyDataAlert: ({ label, className, style }: Props) => React.JSX.Element;
 export default EmptyDataAlert;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import "react-notifications-component/dist/theme.css";
-declare const _default: () => JSX.Element;
+declare const _default: () => React.JSX.Element;
 export default _default;

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

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

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

@@ -3,6 +3,7 @@ interface Props {
     confirmText: string;
     onConfirm: () => any;
     onCancel: () => any;
+    className?: string;
 }
 declare const DetailActionButtons: FC<Props>;
 export default DetailActionButtons;

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

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

package/dist/components/Image/UploadImage.d.ts

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

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

@@ -1,8 +1,8 @@
-import React, { FC } from "react";
+import React from "react";
 interface Props {
     icon: React.ReactNode;
     accept?: string | undefined;
     callback: (fileName: string, filePath: string, fileType: string) => void;
 }
-declare const InputFile: FC<Props>;
+declare const InputFile: ({ icon, accept, callback }: Props) => React.JSX.Element;
 export default InputFile;

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

@@ -3,7 +3,6 @@ interface Props {
     isShowPassword: boolean;
     togglePasswordVisible: any;
     onChange: any;
-    placeholder?: string;
 }
 declare const PasswordInput: FC<Props>;
 export default PasswordInput;

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

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React from "react";
 interface Props {
     text: string;
     onClick: () => void;
@@ -6,5 +6,5 @@ interface Props {
     onSearch: (searchString?: string) => void;
     placeholder: string;
 }
-declare const SearchBoxContainer: FC<Props>;
+declare const SearchBoxContainer: ({ text, initValue, onClick, onSearch, placeholder }: Props) => React.JSX.Element;
 export default SearchBoxContainer;

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

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

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 export interface IModelSelectRole {
     open: boolean;
     onToggleModel: Function;
 }
-declare const ModelSelectRole: ({ open, onToggleModel }: IModelSelectRole) => JSX.Element;
+declare const ModelSelectRole: ({ open, onToggleModel }: IModelSelectRole) => React.JSX.Element;
 export default ModelSelectRole;

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

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

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

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

package/dist/components/Others/QuitPrompt.d.ts

@@ -1,2 +1,5 @@
-/// <reference types="react" />
-export default function QuitPrompt(props: any): JSX.Element;
+interface Props {
+    when: boolean;
+}
+export default function QuitPrompt({ when }: Props): null;
+export {};

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

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

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

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

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

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

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const CustomSelector: ({ defaultValue, options, isDisabled, scrollBottom, ...rest }: any) => JSX.Element;
+import React from "react";
+declare const CustomSelector: ({ defaultValue, options, isDisabled, scrollBottom, className, ...rest }: any) => React.JSX.Element;
 export default CustomSelector;

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

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

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

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

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

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

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

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

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

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

package/dist/components/Tabs/CustomTab.d.ts

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

package/dist/configs/i18n.d.ts

@@ -0,0 +1,9 @@
+import i18n from 'i18next';
+export declare const DEFAULT_LANGUAGE_CODE = "en-US";
+export declare const SUPPORTED_LANGUAGES_CODE: string[];
+export declare const LANGUAGES: {
+    code: string;
+    name: string;
+    flag: string;
+}[];
+export default i18n;

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

@@ -2,6 +2,7 @@ import { FC } from "react";
 interface Props {
     label: string;
     onRemove: any;
+    className?: string;
 }
 declare const AttachmentFile: FC<Props>;
 export default AttachmentFile;

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

@@ -2,6 +2,7 @@ import { FC } from "react";
 interface Props {
     onClick: any;
     isResetPasswordTemplate: any;
+    className?: string;
 }
 declare const MailSubject: FC<Props>;
 export default MailSubject;

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

@@ -1,13 +1,13 @@
 import * as yup from "yup";
-declare const schema: import("yup/lib/object").OptionalObjectSchema<{
-    subject: import("yup/lib/string").RequiredStringSchema<string | undefined, Record<string, any>>;
-    categoryId: import("yup/lib/number").RequiredNumberSchema<number | 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>>;
-    categoryId: import("yup/lib/number").RequiredNumberSchema<number | 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>>;
-}>>;
+declare const schema: yup.ObjectSchema<{
+    subject: string;
+    categoryId: number;
+    comment: string | undefined;
+    body: string;
+}, yup.AnyObject, {
+    subject: undefined;
+    categoryId: undefined;
+    comment: undefined;
+    body: undefined;
+}, "">;
 export default schema;

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

@@ -24,6 +24,5 @@ declare const useEmailTemplateDetail: (id?: number | undefined) => {
     updateAttachment: () => void;
     fileUpload: any;
     removeAttachment: (inputId: string, fileName: string) => void;
-    tinyMCEKey: string;
 };
 export default useEmailTemplateDetail;

package/dist/containers/Gallery/components/Filter.d.ts

@@ -3,6 +3,7 @@ import { FilterType } from "../constants/gallery.types";
 interface FilterInterface {
     changeFilters: (filter: FilterType) => void;
     filters: FilterType;
+    className?: string;
 }
 declare const Filter: FC<FilterInterface>;
 export default Filter;

package/dist/containers/Gallery/components/Media.d.ts

@@ -3,6 +3,7 @@ import { S3Object } from '../constants/gallery.types';
 interface MediaInterface {
     media: S3Object;
     isTarget: boolean;
+    className?: String;
 }
 declare const _default: React.NamedExoticComponent<MediaInterface>;
 export default _default;

package/dist/containers/Gallery/components/MediaNav.d.ts

@@ -13,6 +13,7 @@ interface MediaNavInterface {
     handleDownloadMedia: () => void;
     handleDeleteMediaOrFolder: () => void;
     showErrorAlert: (message: string) => void;
+    className?: string;
 }
 declare const _default: React.NamedExoticComponent<MediaNavInterface>;
 export default _default;

package/dist/containers/Login/constant/types.d.ts

@@ -1,10 +1,3 @@
-export interface ICreatePassword {
-    password: string;
-    reEnterPassword: string;
-    email: string;
-    userId: string;
-    token: string;
-}
 export declare enum TypeLogin {
     Google = 0,
     ClassLink = 1,
@@ -29,3 +22,6 @@ export interface ISchool {
     schoolLogo: string;
     schoolId: number;
 }
+export interface IDashboard {
+    version?: string;
+}

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

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { ICreatePassword } from "../constant/types";
 declare type ForgotPasswordInfo = {
     email: string;
     captcha: string;
@@ -7,7 +6,7 @@ declare type ForgotPasswordInfo = {
 declare const useForgotPassword: () => {
     defaultInfo: ForgotPasswordInfo;
     forgotPasswordRequest: (data: any) => Promise<void>;
-    checkResetTokenRequest: (token: string, key: string) => Promise<void>;
+    checkResetTokenRequest: (token: string) => Promise<void>;
     validLink: boolean;
     resetPasswordRequest: (data: any) => Promise<void>;
     openLogin: boolean;
@@ -18,6 +17,5 @@ declare const useForgotPassword: () => {
     setIsShowReTypePassword: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     clickHandler: () => Promise<any>;
     handleVerify: () => void;
-    initialValues: ICreatePassword;
 };
 export default useForgotPassword;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TypeLogin, ISchool } from "../constant/types";
+import { ISchool, TypeLogin } from "../constant/types";
 declare type LoginInfo = {
     email: string;
     password: string;
@@ -14,17 +14,17 @@ declare const useLogin: () => {
     toggle: () => void;
     isShowPassword: boolean;
     setIsShowPassword: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    fnIsCheckLogin: (type: TypeLogin, data: any, token: string, clickHandler?: any) => Promise<void>;
-    isLoginGoogle: any;
+    fnIsCheckLogin: (type: TypeLogin, data: any, token: string, clickHandler: any) => Promise<void>;
+    isLoginGoogle: boolean;
     infoUser: any;
+    setInfoUser: import("react").Dispatch<any>;
     submitLogin: (teacherId: number, clickHandler: any) => Promise<void>;
+    setIsLoginGoogle: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     googleClientId: string;
     googleRecaptchaId: string;
-    handleCancelModelAssign: () => void;
-    openModelAssign: boolean;
-    fnLoginSSO: (clickHandler?: any) => Promise<void>;
     school: ISchool;
-    extensionEmail: string;
+    fnLoginSSO: (clickHandler?: any) => Promise<void>;
     handleLoginWidthClever: () => void;
+    extensionEmail: string;
 };
 export default useLogin;

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

@@ -1,3 +1,4 @@
-/// <reference types="react" />
-declare const Dashboard: () => JSX.Element;
+import React from "react";
+import { IDashboard } from "../constant/types";
+declare const Dashboard: ({ version }: IDashboard) => React.JSX.Element;
 export default Dashboard;

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

@@ -1,10 +1,9 @@
-/// <reference types="react" />
+import React from "react";
 interface loginProps {
     isLogin?: boolean;
     isForgotPassword?: boolean;
     isResetPassword?: boolean;
     isLoginTwoFactor?: boolean;
-    isCreatePassword?: boolean;
 }
-declare const Login: (props: loginProps) => JSX.Element;
+declare const Login: (props: loginProps) => React.JSX.Element;
 export default Login;

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { ISchool } from "../../constant/types";
 interface Props {
     school: ISchool;
 }
-declare const BlockForgetPassword: ({ school }: Props) => JSX.Element;
+declare const BlockForgetPassword: ({ school }: Props) => React.JSX.Element;
 export default BlockForgetPassword;

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

@@ -3,19 +3,7 @@ import { ISchool } from "../../constant/types";
 interface Props {
     defaultInfo?: any;
     userLogin?: any;
-    onCancelModelAssign: Function;
-    openModelAssign: boolean;
     school: ISchool;
-    isShowPassword: boolean;
-    setIsShowPassword: Function;
-    fnIsCheckLogin: Function;
-    isLoginGoogle: boolean;
-    submitLogin: Function;
-    infoUser: any;
-    googleClientId: string;
-    fnLoginSSO: Function;
-    extensionEmail: string;
-    onLoginWidthClever: Function;
 }
 declare const BlockLogin: FC<Props>;
 export default BlockLogin;

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

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

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

@@ -6,6 +6,7 @@ interface Props {
     onSubmit: any;
     token: string;
     email: string;
+    setOpenModal: any;
 }
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<unknown>>;
 export default _default;

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

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

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

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

package/dist/containers/Notifications/hooks/useNotificationList.d.ts

@@ -9,7 +9,7 @@ declare const useNotificationList: () => {
         isRead: boolean;
     };
     changeFilters: (objectValue: any) => void;
-    updateNotification: (id: any, isRead: any) => void;
+    updateNotification: (id: number, isRead: boolean) => void;
     viewNotification: (notification: any) => void;
     updateAll: () => Promise<void>;
     toggleUpdateAllStatus: boolean;

package/dist/containers/Notifications/views/NotificationList.d.ts

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

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

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

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

@@ -5,5 +5,6 @@ declare const useSkillList: () => {
     changeFilters: (updatedFilters: any) => void;
     getData: () => Promise<void>;
     removeData: (id: number) => void;
+    classFontSize: string;
 };
 export default useSkillList;

package/dist/containers/User/components/FilterPopover.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { PopoverProps } from "reactstrap";
-import { FilterOption, SearchBy, UserFilter, UserOrder } from "../constants/types";
+import { FilterOption, SearchBy, UserFilter, UserOrder } from "../configs/type";
 interface Props extends PopoverProps {
     filters?: UserFilter;
     sortBy: UserOrder;

package/dist/containers/User/components/HeaderCell.d.ts

@@ -1,5 +1,5 @@
 import { FC } from "react";
-import { SearchBy, UserColumn, UserFilter, UserOrder } from "../constants/types";
+import { SearchBy, UserColumn, UserFilter, UserOrder } from "../configs/type";
 interface Props {
     data: UserColumn;
     popoverId?: string;
@@ -12,7 +12,6 @@ interface Props {
     onOpenFilter?: (id: string, searchBy?: SearchBy, searchStringBy?: string, sortBy?: UserOrder) => void;
     onClose?: () => void;
     onChangeFilters?: (filter: UserFilter) => void;
-    isCenter?: boolean;
 }
 declare const HeaderCell: FC<Props>;
 export default HeaderCell;

package/dist/containers/User/components/TableHeader.d.ts

@@ -1,11 +1,10 @@
 import { FC } from "react";
-import { UserColumn, UserFilter } from "../constants/types";
+import { UserColumn, UserFilter } from "../configs/type";
 interface Props {
     headers: UserColumn[];
     filters: UserFilter;
     fullName?: string;
     onChangeFilters?: (filter: UserFilter) => void;
-    isStudentFilter?: boolean;
 }
 declare const TableHeader: FC<Props>;
 export default TableHeader;

package/dist/containers/User/components/TeacherSelector.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const TeacherSelector: ({ options, isDisabled, scrollBottom, onCreateOption, ...rest }: any) => JSX.Element;
+import React from "react";
+declare const TeacherSelector: ({ options, isDisabled, scrollBottom, onCreateOption, ...rest }: any) => React.JSX.Element;
 export default TeacherSelector;