sapp-common-package-test-final 1.0.10 → 1.0.12

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

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

package/dist/components/SAPPCalendar/LMSWeeklyCalendar/LMSWeeklyCell.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 LMSWeeklyCell: ({ events, date, onOpenDetail, onOpenCreate, onEventDetail }: IWeeklyCellProps) => React.JSX.Element;
+export default LMSWeeklyCell;

package/dist/components/SAPPCalendar/LMSWeeklyCalendar/LMSWeeklyEvent.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 LMSWeeklyEvent: ({ event, onOpenDetail, onEventDetail }: IWeeklyEventProps) => React.JSX.Element;
+export default LMSWeeklyEvent;

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

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

package/dist/constants/index.d.ts

@@ -10,6 +10,35 @@ export declare enum DAYS_OF_WEEK {
     Saturday = "Saturday",
     Sunday = "Sunday"
 }
+export declare enum DAYS_OF_WEEK_SHORTEN {
+    Monday = "Mon",
+    Tuesday = "Tue",
+    Wednesday = "Wed",
+    Thursday = "Thur",
+    Friday = "Fri",
+    Saturday = "Sat",
+    Sunday = "Sun"
+}
+export declare enum HOUR_OF_DAY {
+    '07:00' = "07:00",
+    '08:00' = "08:00",
+    '09:00' = "09:00",
+    '10:00' = "10:00",
+    '11:00' = "11:00",
+    '12:00' = "12:00",
+    '13:00' = "13:00",
+    '14:00' = "14:00",
+    '15:00' = "15:00",
+    '16:00' = "16:00",
+    '17:00' = "17:00",
+    '18:00' = "18:00",
+    '19:00' = "19:00",
+    '20:00' = "20:00",
+    '21:00' = "21:00",
+    '22:00' = "22:00",
+    '23:00' = "23:00",
+    '24:00' = "24:00"
+}
 export declare enum EVENT_TYPES {
     TEACHING = "TEACHING",
     BUSY = "BUSY",
@@ -20,3 +49,12 @@ export declare const FORMAT_DATE_CARLENDA: {
     MONTH_AND_WEEK: string;
     DATE: string;
 };
+export declare enum LEARNING_MODE {
+    ONLINE = "ONLINE",
+    LIVE_ONLINE = "LIVE_ONLINE",
+    OFFLINE = "OFFLINE",
+    CASE_STUDY = "CASE_STUDY",
+    HOLIDAY = "HOLIDAY",
+    OVERDUE = "OVERDUE",
+    TEST = "TEST"
+}

package/dist/index.css

@@ -65,7 +65,10 @@
 ._18t93 {
   position: relative;
   display: flex;
-  width: 100%
+  width: 100%;
+  align-items: stretch;
+  -moz-column-gap: 12px;
+       column-gap: 12px
 }
 
 ._18t93 * {
@@ -118,16 +121,14 @@
 
 ._3WrnL {
   --tw-bg-opacity: 1;
-  background-color: rgb(249 249 249 / var(--tw-bg-opacity, 1));
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
   color: rgb(120 130 157 / var(--tw-text-opacity, 1))
 }
 
 ._2-qBL {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 184 0 / var(--tw-border-opacity, 1));
-  --tw-bg-opacity: 1;
-  background-color: rgb(255 184 0 / var(--tw-bg-opacity, 1));
+  border-color: '#FFB800';
+  background-color: '#FFB800';
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1))
 }
@@ -143,7 +144,7 @@
 ._1oq3N {
   --tw-border-opacity: 1;
   border-color: rgb(236 148 14 / var(--tw-border-opacity, 1));
-  background-color: rgb(236 148 14 / 0.05);
+  background-color: rgba(236,148,14,0.05);
   --tw-text-opacity: 1;
   color: rgb(236 148 14 / var(--tw-text-opacity, 1))
 }
@@ -439,11 +440,9 @@ div._1uenJ > div {
 
 ._3lPkV > div {
   position: absolute;
-  left: 5%;
   z-index: 10;
   width: 90%;
   cursor: pointer;
-  border-radius: 0.125rem;
   border-left-width: 2px !important;
   border-style: solid !important;
   padding: 12px
@@ -588,10 +587,23 @@ div._12I9I {
   border-color: rgb(255 184 0 / var(--tw-border-opacity, 1)) !important
 }
 
+._1fd_Y {
+  display: flex;
+  align-items: center;
+  -moz-column-gap: 16px;
+       column-gap: 16px
+}
+
+._1sVO3 {
+  font-weight: 600;
+  --tw-text-opacity: 1;
+  color: rgb(37 47 74 / var(--tw-text-opacity, 1))
+}
+
 @tailwind utilities;
 
 ._2OOkM {
-  @apply w-full relative flex;
+  @apply w-full relative flex gap-x-3 items-stretch;
 }
 
 ._2OOkM * {
@@ -781,7 +793,7 @@ div._30qaU > div  {
 }
 
 ._1tvYg > div {
-  @apply absolute z-10 left-[5%] w-[90%] !border-l-2 !border-solid rounded-[14px] p-3 cursor-pointer;
+  @apply absolute z-10 w-[90%] !border-l-2 !border-solid p-3 cursor-pointer;
 }
 
 ._35RRs {
@@ -874,6 +886,13 @@ div._1dZBN {
 .ant-picker-cell-selected > div::before {
   @apply !border-[#FFB800]
 }
+._1_tsV {
+  @apply flex items-center gap-x-4;
+}
+
+._3AKUg {
+  @apply text-black font-semibold;
+}
 
 ._2Y9jk ._3puh0 {
   display: none