sapp-common-package-test-final 1.0.0

package/README.md

@@ -0,0 +1,30 @@
+# sapp-common-package
+
+> Made with create-react-library
+
+[![NPM](https://img.shields.io/npm/v/sapp-common-package.svg)](https://www.npmjs.com/package/sapp-common-package) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install --save sapp-common-package
+```
+
+## Usage
+
+```tsx
+import React, { Component } from 'react'
+
+import MyComponent from 'sapp-common-package'
+import 'sapp-common-package/dist/index.css'
+
+class Example extends Component {
+  render() {
+    return <MyComponent />
+  }
+}
+```
+
+## License
+
+MIT © [](https://github.com/)

package/dist/components/SAPPCalendar/DailyCalendar/DailyCalendar.d.ts

@@ -0,0 +1,16 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+import { IEvent, INorm } from '../../../types';
+interface IWeeklyCalendarProps {
+    startDate: Dayjs;
+    endDate: Dayjs;
+    events: IEvent[];
+    norms: INorm[];
+    showWeeklyNorm: boolean;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onOpenCreate: (date: Date) => void;
+    onEventDetail?: (event: IEvent) => void;
+    loading?: boolean;
+}
+declare const DailyCalendar: ({ startDate, endDate, events, onOpenDetail, onOpenCreate, onEventDetail, loading }: IWeeklyCalendarProps) => React.JSX.Element;
+export default DailyCalendar;

package/dist/components/SAPPCalendar/DailyCalendar/DailyCell.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+import { IEvent } from '../../../types';
+interface IWeeklyCellProps {
+    events: IEvent[];
+    date: Dayjs;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onOpenCreate: (date: Date) => void;
+    onEventDetail?: (event: IEvent) => void;
+}
+declare const DailyCell: ({ events, date, onOpenDetail, onOpenCreate, onEventDetail }: IWeeklyCellProps) => React.JSX.Element;
+export default DailyCell;

package/dist/components/SAPPCalendar/DailyCalendar/DailyEvent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IEvent } from '../../../types';
+interface IWeeklyEventProps {
+    event: IEvent;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onEventDetail?: (event: IEvent) => void;
+}
+declare const DailyEvent: ({ event, onOpenDetail, onEventDetail }: IWeeklyEventProps) => React.JSX.Element;
+export default DailyEvent;

package/dist/components/SAPPCalendar/FilterCalendar/FilterCalendar.d.ts

@@ -0,0 +1,8 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { IFilter } from '../../../types';
+interface IProps {
+    filter: IFilter;
+    setFilter: Dispatch<SetStateAction<IFilter>>;
+}
+declare const FilterCalendar: ({ filter, setFilter }: IProps) => React.JSX.Element;
+export default FilterCalendar;

package/dist/components/SAPPCalendar/HeaderCalendar/HeaderCalendar.d.ts

@@ -0,0 +1,13 @@
+import { Dayjs } from 'dayjs';
+import React, { Dispatch, SetStateAction } from 'react';
+import { CalendarMode } from '../../../types';
+interface IHeaderCalendarProps {
+    title?: string;
+    showTeacherName?: boolean;
+    currentDate: Dayjs;
+    setCurrentDate: Dispatch<SetStateAction<Dayjs>>;
+    calendarMode: CalendarMode;
+    setCalendarMode: Dispatch<SetStateAction<CalendarMode>>;
+}
+declare const HeaderCalendar: ({ title, showTeacherName, currentDate, setCurrentDate, calendarMode, setCalendarMode }: IHeaderCalendarProps) => React.JSX.Element;
+export default HeaderCalendar;

package/dist/components/SAPPCalendar/HeaderCalendar/LMSHeaderCalendar.d.ts

@@ -0,0 +1,15 @@
+import { Dayjs } from 'dayjs';
+import React, { Dispatch, SetStateAction } from 'react';
+import { CalendarMode, IFilter } from '../../../types';
+interface IHeaderCalendarProps {
+    title?: string;
+    showTeacherName?: boolean;
+    currentDate: Dayjs;
+    setCurrentDate: Dispatch<SetStateAction<Dayjs>>;
+    calendarMode: CalendarMode;
+    setCalendarMode: Dispatch<SetStateAction<CalendarMode>>;
+    toggleTurnOnFilter: () => void;
+    filter: IFilter;
+}
+declare const LMSHeaderCalendar: ({ title, showTeacherName, currentDate, setCurrentDate, calendarMode, setCalendarMode, toggleTurnOnFilter, filter }: IHeaderCalendarProps) => React.JSX.Element;
+export default LMSHeaderCalendar;

package/dist/components/SAPPCalendar/MonthlyCalendar/MonthlyCalendar.d.ts

@@ -0,0 +1,17 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+import { IEvent, INorm } from '../../../types';
+interface IMonthlyCalendarProps {
+    currentDate: Dayjs;
+    startDate: Dayjs;
+    endDate: Dayjs;
+    events: IEvent[];
+    norms: INorm[];
+    showWeeklyNorm: boolean;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onOpenCreate: (date: Date) => void;
+    onEventDetail?: (event: IEvent) => void;
+    loading?: boolean;
+}
+declare const MonthlyCalendar: ({ currentDate, startDate, endDate, events, norms, showWeeklyNorm, onOpenDetail, onOpenCreate, onEventDetail, loading }: IMonthlyCalendarProps) => React.JSX.Element;
+export default MonthlyCalendar;

package/dist/components/SAPPCalendar/MonthlyCalendar/MonthlyCell.d.ts

@@ -0,0 +1,13 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+import { IEvent } from '../../../types';
+interface IMonthlyCellProps {
+    events: IEvent[];
+    date: Dayjs;
+    currentDate: Dayjs;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onOpenCreate: (date: Date) => void;
+    onEventDetail?: (event: IEvent) => void;
+}
+declare const MonthlyCell: ({ currentDate, events, date, onOpenDetail, onOpenCreate, onEventDetail }: IMonthlyCellProps) => React.JSX.Element;
+export default MonthlyCell;

package/dist/components/SAPPCalendar/MonthlyCalendar/MonthlyEvent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IEvent } from '../../../types';
+interface IMonthlyEventProps {
+    event: IEvent;
+    isSameMonth: boolean;
+    onEventDetail?: (event: IEvent) => void;
+}
+declare const MonthlyEvent: ({ event, isSameMonth, onEventDetail }: IMonthlyEventProps) => React.JSX.Element;
+export default MonthlyEvent;

package/dist/components/SAPPCalendar/SAPPCalendar.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { IEvent, INorm } from '../../types';
+interface IAntdCalendarProps {
+    events: IEvent[];
+    norms?: INorm[];
+    teacherName?: string;
+    showTeacherName?: boolean;
+    showWeeklyNorm?: boolean;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onOpenCreate: (date: Date) => void;
+    onRefetchAPI: (startDate: Date, endDate: Date) => Promise<void>;
+    onEventDetail?: (event: IEvent) => void;
+    loading?: boolean;
+    type?: 'normal' | 'filter';
+}
+declare const SAPPCalendar: ({ teacherName, events, norms, showTeacherName, showWeeklyNorm, onOpenDetail, onOpenCreate, onRefetchAPI, onEventDetail, loading, type }: IAntdCalendarProps) => React.JSX.Element;
+export default SAPPCalendar;

package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyCalendar.d.ts

@@ -0,0 +1,16 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+import { IEvent, INorm } from '../../../types';
+interface IWeeklyCalendarProps {
+    startDate: Dayjs;
+    endDate: Dayjs;
+    events: IEvent[];
+    norms: INorm[];
+    showWeeklyNorm: boolean;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onOpenCreate: (date: Date) => void;
+    onEventDetail?: (event: IEvent) => void;
+    loading?: boolean;
+}
+declare const WeeklyCalendar: ({ startDate, endDate, events, norms, showWeeklyNorm, onOpenDetail, onOpenCreate, onEventDetail, loading }: IWeeklyCalendarProps) => React.JSX.Element;
+export default WeeklyCalendar;

package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyCell.d.ts

@@ -0,0 +1,12 @@
+import { Dayjs } from 'dayjs';
+import React from 'react';
+import { IEvent } from '../../../types';
+interface IWeeklyCellProps {
+    events: IEvent[];
+    date: Dayjs;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onOpenCreate: (date: Date) => void;
+    onEventDetail?: (event: IEvent) => void;
+}
+declare const WeeklyCell: ({ events, date, onOpenDetail, onOpenCreate, onEventDetail }: IWeeklyCellProps) => React.JSX.Element;
+export default WeeklyCell;

package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyEvent.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { IEvent } from '../../../types';
+interface IWeeklyEventProps {
+    event: IEvent;
+    onOpenDetail: (date: Date, events: IEvent[]) => void;
+    onEventDetail?: (event: IEvent) => void;
+}
+declare const WeeklyEvent: ({ event, onOpenDetail, onEventDetail }: IWeeklyEventProps) => React.JSX.Element;
+export default WeeklyEvent;

package/dist/components/SAPPCalendar/common/Button.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ButtonColor, ButtonType } from '../../../types';
+interface IButtonProps {
+    type?: ButtonType;
+    color?: ButtonColor;
+    hoverColor?: ButtonColor;
+    onClick?: () => void;
+    children: any;
+}
+declare const Button: ({ type, color, onClick, children }: IButtonProps) => React.JSX.Element;
+export default Button;

package/dist/components/SAPPCalendar/common/CustomTooltip.d.ts

@@ -0,0 +1,9 @@
+import { TooltipPlacement } from 'antd/es/tooltip';
+import React from 'react';
+interface ICustomTooltipProps {
+    title: React.ReactNode;
+    children: React.ReactNode;
+    placement?: TooltipPlacement;
+}
+declare const CustomTooltip: ({ title, children, placement }: ICustomTooltipProps) => React.JSX.Element;
+export default CustomTooltip;

package/dist/components/SAPPCalendar/common/Icon.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface IIconProps {
+    icon: React.ReactNode;
+    onClick?: () => void;
+    iconStyle?: any;
+    className?: any;
+}
+declare const Icon: ({ icon, onClick, className }: IIconProps) => React.JSX.Element;
+export default Icon;

package/dist/components/SAPPCalendar/common/SelectBox.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import '../SAPPCalendar.tailwind.css';
+interface IProps {
+    value: string | number;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    defaultValue?: string;
+    className?: string;
+    disabled?: boolean;
+    onChange?: (e: string | number) => void;
+}
+declare const SelectBox: React.FC<IProps>;
+export default SelectBox;

package/dist/components/SAPPCalendar/common/form/HookFormCheckbox.d.ts

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

package/dist/components/SAPPCalendar/filter/index.d.ts

@@ -0,0 +1,8 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { IFilter } from '../../../types';
+interface IProps {
+    filter: IFilter;
+    setFilter: Dispatch<SetStateAction<IFilter>>;
+}
+declare const FilterCalendar: ({ filter, setFilter }: IProps) => React.JSX.Element;
+export default FilterCalendar;

package/dist/components/SAPPCalendar/filter-calendar/index.d.ts

@@ -0,0 +1,8 @@
+import React, { Dispatch, SetStateAction } from 'react';
+import { IFilter } from '../../../types';
+interface IProps {
+    filter: IFilter;
+    setFilter: Dispatch<SetStateAction<IFilter>>;
+}
+declare const FilterCalendar: ({ filter, setFilter }: IProps) => React.JSX.Element;
+export default FilterCalendar;

package/dist/constants/index.d.ts

@@ -0,0 +1,22 @@
+export declare const HOURS_PER_DAY = 24;
+export declare const MINUTES_PER_HOUR = 60;
+export declare const TIME_FORMAT = "HH:mm";
+export declare enum DAYS_OF_WEEK {
+    Monday = "Monday",
+    Tuesday = "Tuesday",
+    Wednesday = "Wednesday",
+    Thursday = "Thursday",
+    Friday = "Friday",
+    Saturday = "Saturday",
+    Sunday = "Sunday"
+}
+export declare enum EVENT_TYPES {
+    TEACHING = "TEACHING",
+    BUSY = "BUSY",
+    TIME_OFF = "TIME_OFF",
+    OTHER = "OTHER"
+}
+export declare const FORMAT_DATE_CARLENDA: {
+    MONTH_AND_WEEK: string;
+    DATE: string;
+};

package/dist/hooks/useEffectAfterMounted.d.ts

@@ -0,0 +1 @@
+export declare const useEffectAfterMounted: (callback: () => void, dependencies: any[]) => void;

package/dist/icons/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare const Left: () => React.JSX.Element;
+export declare const Right: () => React.JSX.Element;
+export declare const Book: () => React.JSX.Element;
+export declare const CalendarDelete: () => React.JSX.Element;
+export declare const CalendarAccept: () => React.JSX.Element;
+export declare const Star: () => React.JSX.Element;
+export declare const LeftArrowIcon: () => React.JSX.Element;
+export declare const RightArrowIcon: () => React.JSX.Element;
+export declare const FilterIcon: () => React.JSX.Element;
+export declare const TagIcon: () => React.JSX.Element;
+export declare const EducationIcon: () => React.JSX.Element;
+export declare const BookIcon: () => React.JSX.Element;
+export declare const GoldStarIcon: () => React.JSX.Element;
+export declare const EyeIcon: () => React.JSX.Element;
+export declare const HiddenEyeIcon: () => React.JSX.Element;