sapp-common-package-test-final 1.6.4 → 1.6.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/components/SAPPCalendar/LMSWeeklyCalendar/LMSWeeklyCalendar.d.ts +2 -2
  2. package/dist/components/SAPPCalendar/LMSWeeklyCalendar/LMSWeeklyCell.d.ts +2 -2
  3. package/dist/components/SAPPCalendar/LMSWeeklyCalendar/LMSWeeklyEvent.d.ts +1 -1
  4. package/dist/components/SAPPCalendar/MonthlyCalendar/MonthlyCalendar.d.ts +2 -2
  5. package/dist/components/SAPPCalendar/MonthlyCalendar/MonthlyCell.d.ts +2 -2
  6. package/dist/components/SAPPCalendar/SAPPCalendar.d.ts +2 -2
  7. package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyCalendar.d.ts +2 -2
  8. package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyCell.d.ts +2 -2
  9. package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyEvent.d.ts +1 -1
  10. package/dist/index.css +11 -1
  11. package/dist/index.js +28 -19
  12. package/dist/index.js.map +1 -1
  13. package/dist/index.modern.js +28 -19
  14. package/dist/index.modern.js.map +1 -1
  15. package/package.json +1 -1
package/dist/components/SAPPCalendar/LMSWeeklyCalendar/LMSWeeklyCalendar.d.ts CHANGED
@@ -6,8 +6,8 @@ interface IWeeklyCalendarProps {
6
6
  endDate: Dayjs;
7
7
  events: IEvent[];
8
8
  norms: INorm[];
9
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
10
- onOpenCreate?: (date: Date) => void;
9
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
10
+ onOpenCreate: (date: Date) => void;
11
11
  onEventDetail?: (event: IEvent) => void;
12
12
  loading?: boolean;
13
13
  type?: 'OPS' | 'LMS';
package/dist/components/SAPPCalendar/LMSWeeklyCalendar/LMSWeeklyCell.d.ts CHANGED
@@ -4,8 +4,8 @@ import { IEvent } from '../../../types';
4
4
  interface IWeeklyCellProps {
5
5
  events: IEvent[];
6
6
  date: Dayjs;
7
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
8
- onOpenCreate?: (date: Date) => void;
7
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
8
+ onOpenCreate: (date: Date) => void;
9
9
  onEventDetail?: (event: IEvent) => void;
10
10
  }
11
11
  declare const LMSWeeklyCell: ({ events, date, onOpenDetail, onOpenCreate, onEventDetail, }: IWeeklyCellProps) => React.JSX.Element;
package/dist/components/SAPPCalendar/LMSWeeklyCalendar/LMSWeeklyEvent.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { IEvent } from '../../../types';
3
3
  interface IWeeklyEventProps {
4
4
  event: IEvent;
5
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
5
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
6
6
  onEventDetail?: (event: IEvent) => void;
7
7
  }
8
8
  declare const LMSWeeklyEvent: ({ event, onOpenDetail, onEventDetail }: IWeeklyEventProps) => React.JSX.Element;
package/dist/components/SAPPCalendar/MonthlyCalendar/MonthlyCalendar.d.ts CHANGED
@@ -8,8 +8,8 @@ interface IMonthlyCalendarProps {
8
8
  events: IEvent[];
9
9
  norms: INorm[];
10
10
  showWeeklyNorm: boolean;
11
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
12
- onOpenCreate?: (date: Date) => void;
11
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
12
+ onOpenCreate: (date: Date) => void;
13
13
  onEventDetail?: (event: IEvent) => void;
14
14
  loading?: boolean;
15
15
  }
package/dist/components/SAPPCalendar/MonthlyCalendar/MonthlyCell.d.ts CHANGED
@@ -5,8 +5,8 @@ interface IMonthlyCellProps {
5
5
  events: IEvent[];
6
6
  date: Dayjs;
7
7
  currentDate: Dayjs;
8
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
9
- onOpenCreate?: (date: Date) => void;
8
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
9
+ onOpenCreate: (date: Date) => void;
10
10
  onEventDetail?: (event: IEvent) => void;
11
11
  }
12
12
  declare const MonthlyCell: ({ currentDate, events, date, onOpenDetail, onOpenCreate, onEventDetail }: IMonthlyCellProps) => React.JSX.Element;
package/dist/components/SAPPCalendar/SAPPCalendar.d.ts CHANGED
@@ -6,8 +6,8 @@ interface IAntdCalendarProps {
6
6
  teacherName?: string;
7
7
  showTeacherName?: boolean;
8
8
  showWeeklyNorm?: boolean;
9
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
10
- onOpenCreate?: (date: Date) => void;
9
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
10
+ onOpenCreate: (date: Date) => void;
11
11
  onRefetchAPI: (startDate: Date, endDate: Date) => Promise<void>;
12
12
  onEventDetail?: (event: IEvent) => void;
13
13
  loading?: boolean;
package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyCalendar.d.ts CHANGED
@@ -7,8 +7,8 @@ export interface IWeeklyCalendarProps {
7
7
  events: IEvent[];
8
8
  norms: INorm[];
9
9
  showWeeklyNorm: boolean;
10
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
11
- onOpenCreate?: (date: Date) => void;
10
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
11
+ onOpenCreate: (date: Date) => void;
12
12
  onEventDetail?: (event: IEvent) => void;
13
13
  loading?: boolean;
14
14
  type?: 'LMS' | 'OPS';
package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyCell.d.ts CHANGED
@@ -4,8 +4,8 @@ import { IEvent } from '../../../types';
4
4
  interface IWeeklyCellProps {
5
5
  events: IEvent[];
6
6
  date: Dayjs;
7
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
8
- onOpenCreate?: (date: Date) => void;
7
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
8
+ onOpenCreate: (date: Date) => void;
9
9
  onEventDetail?: (event: IEvent) => void;
10
10
  }
11
11
  declare const WeeklyCell: ({ events, date, onOpenDetail, onOpenCreate, onEventDetail }: IWeeklyCellProps) => React.JSX.Element;
package/dist/components/SAPPCalendar/WeeklyCalendar/WeeklyEvent.d.ts CHANGED
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import { IEvent } from '../../../types';
3
3
  interface IWeeklyEventProps {
4
4
  event: IEvent;
5
- onOpenDetail?: (date: Date, events: IEvent[]) => void;
5
+ onOpenDetail: (date: Date, events: IEvent[]) => void;
6
6
  onEventDetail?: (event: IEvent) => void;
7
7
  zIndex: number;
8
8
  }
package/dist/index.css CHANGED
@@ -701,6 +701,12 @@ button._1GA3p:hover {
701
701
  height: 61px !important
702
702
  }
703
703
 
704
+ ._184xQ {
705
+ overflow: hidden;
706
+ text-overflow: ellipsis;
707
+ white-space: nowrap
708
+ }
709
+
704
710
  @tailwind utilities;
705
711
 
706
712
  ._2OOkM {
@@ -1031,6 +1037,10 @@ button._3-kZ6 {
1031
1037
  @apply !h-[61px]
1032
1038
  }
1033
1039
 
1040
+ ._3S9My {
1041
+ @apply overflow-hidden text-ellipsis whitespace-nowrap;
1042
+ }
1043
+
1034
1044
  ._2Y9jk ._3puh0 {
1035
1045
  display: none;
1036
1046
  }
@@ -1149,7 +1159,7 @@ button._3-kZ6 {
1149
1159
  @media screen and (max-width: 1024px) {
1150
1160
  ._1K0QG {
1151
1161
  position: absolute;
1152
- top: 15%;
1162
+ top: 10%;
1153
1163
  z-index: 999;
1154
1164
  height: -moz-fit-content;
1155
1165
  height: fit-content;
package/dist/index.js CHANGED
@@ -464,7 +464,7 @@ var getIconforEvent = function getIconforEvent(event) {
464
464
  }
465
465
  };
466
466
 
467
- var styles = {"transform":"_3-Pu9","cursor-pointer":"_2Mcv6","resize":"_uCXxT","rounded-none":"_3EfQZ","border":"_3-abu","border-gray-4":"_3-NVJ","bg-button":"_3-gs3","bg-info/10":"_2ENMR","bg-white":"_rF-HF","!text-error":"_3mBZd","text-black":"_Irb_H","text-gray-600":"_1pL5w","text-info":"_NLvfI","text-secondary-text":"_H-zEU","!filter":"_3vIFr","filter":"_p0OEu","sapp-calendar":"_18t93","btn":"_1oiD_","icon":"_-E7rn","btn-default":"_3WrnL","btn-primary":"_2-qBL","event-info":"_xYqjb","event-warning":"_1oq3N","event-success":"_1hTMm","event-purple":"_30cym","event-error":"_1hEJk","event-default":"_8FWXy","sapp-calendar__container":"_102cL","header-calendar":"_3Yvs5","header-calendar__nav":"_18m93","header-calendar__date-picker":"_2GTYD","header-calendar__title":"_35LQ0","header-calendar__controls":"_FqVqb","header-calendar__divider":"_3kHog","monthly-calendar":"_2NDGW","weekly-calendar":"_1QrJs","monthly-calendar__title":"_3Tsy4","monthly-calendar__title-active":"_1Dyjm","weekly-norm__cell":"_sGK9m","weekly-norm__value":"_1Jsb-","monthly-calendar__cell":"_2hVZ4","monthly-calendar__cell--active":"_1uenJ","calendar-tooltip":"_2Uo1f","monthly-event__title":"_2gsg7","monthly-event__date":"_2GtPn","weekly-calendar__title":"_5WuQ8","weekly-calendar__cell":"_3lPkV","event--min-height":"_ZZSJH","weekly-event":"_hnHem","weekly-event__title":"_21a0T","weekly-event__date":"_PiKmX","weekly-event--collapse":"_1pvXT","btn-lms-default":"_1GA3p","ant-select-dropdown":"__OFBr","text-lms-primary":"_1gLzS","header-calendar_filter":"_1fd_Y","ant-picker-calendar-header":"_2IWLV","ant-picker-calendar-mode-switch":"_2jvy8","hover-item":"_3im6B","weekly-event__title_icon":"_3OUWM","monthly-event__date_tablet":"_2HhKK","calendar-filter":"_2n63y","see-more":"_1uakm","weekly-calendar-lms__cell":"__PqI3"};
467
+ var styles = {"transform":"_3-Pu9","cursor-pointer":"_2Mcv6","resize":"_uCXxT","rounded-none":"_3EfQZ","border":"_3-abu","border-gray-4":"_3-NVJ","bg-button":"_3-gs3","bg-info/10":"_2ENMR","bg-white":"_rF-HF","!text-error":"_3mBZd","text-black":"_Irb_H","text-gray-600":"_1pL5w","text-info":"_NLvfI","text-secondary-text":"_H-zEU","!filter":"_3vIFr","filter":"_p0OEu","sapp-calendar":"_18t93","btn":"_1oiD_","icon":"_-E7rn","btn-default":"_3WrnL","btn-primary":"_2-qBL","event-info":"_xYqjb","event-warning":"_1oq3N","event-success":"_1hTMm","event-purple":"_30cym","event-error":"_1hEJk","event-default":"_8FWXy","sapp-calendar__container":"_102cL","header-calendar":"_3Yvs5","header-calendar__nav":"_18m93","header-calendar__date-picker":"_2GTYD","header-calendar__title":"_35LQ0","header-calendar__controls":"_FqVqb","header-calendar__divider":"_3kHog","monthly-calendar":"_2NDGW","weekly-calendar":"_1QrJs","monthly-calendar__title":"_3Tsy4","monthly-calendar__title-active":"_1Dyjm","weekly-norm__cell":"_sGK9m","weekly-norm__value":"_1Jsb-","monthly-calendar__cell":"_2hVZ4","monthly-calendar__cell--active":"_1uenJ","calendar-tooltip":"_2Uo1f","monthly-event__title":"_2gsg7","monthly-event__date":"_2GtPn","weekly-calendar__title":"_5WuQ8","weekly-calendar__cell":"_3lPkV","event--min-height":"_ZZSJH","weekly-event":"_hnHem","weekly-event__title":"_21a0T","weekly-event__date":"_PiKmX","weekly-event--collapse":"_1pvXT","btn-lms-default":"_1GA3p","ant-select-dropdown":"__OFBr","text-lms-primary":"_1gLzS","header-calendar_filter":"_1fd_Y","ant-picker-calendar-header":"_2IWLV","ant-picker-calendar-mode-switch":"_2jvy8","hover-item":"_3im6B","weekly-event__title_icon":"_3OUWM","monthly-event__date_tablet":"_2HhKK","calendar-filter":"_2n63y","see-more":"_1uakm","weekly-calendar-lms__cell":"__PqI3","truncate-text":"_184xQ"};
468
468
 
469
469
  var Button = function Button(_ref) {
470
470
  var _ref$type = _ref.type,
@@ -473,6 +473,7 @@ var Button = function Button(_ref) {
473
473
  color = _ref$color === void 0 ? 'default' : _ref$color,
474
474
  onClick = _ref.onClick,
475
475
  children = _ref.children;
476
+ console.log('value:', styles["btn-" + color]);
476
477
  return React__default.createElement("button", {
477
478
  type: type,
478
479
  onClick: onClick,
@@ -567,12 +568,12 @@ var CustomTooltip = function CustomTooltip(_ref) {
567
568
  };
568
569
 
569
570
  var MonthlyEvent = function MonthlyEvent(_ref) {
570
- var _event$title, _event$title2;
571
571
  var event = _ref.event,
572
572
  isSameMonth = _ref.isSameMonth,
573
573
  onEventDetail = _ref.onEventDetail;
574
574
  var formattedDate = customDateFormat(event.startDate, TIME_FORMAT) + ' - ' + customDateFormat(event.endDate, TIME_FORMAT);
575
575
  var formattedDateStart = customDateFormat(event.startDate, TIME_FORMAT);
576
+ var iconList = getIconforEvent(event);
576
577
  return React__default.createElement(React__default.Fragment, null, React__default.createElement("li", {
577
578
  className: styles["event-" + (isSameMonth ? convertType[event.type] : 'default')],
578
579
  style: {
@@ -583,17 +584,19 @@ var MonthlyEvent = function MonthlyEvent(_ref) {
583
584
  }
584
585
  }, React__default.createElement("div", {
585
586
  className: styles['monthly-event__title']
586
- }, React__default.createElement("div", {
587
+ }, !!iconList && React__default.createElement("div", {
587
588
  className: styles['weekly-event__title_icon']
588
- }, getIconforEvent(event)), React__default.createElement(CustomTooltip, {
589
+ }, iconList), React__default.createElement(CustomTooltip, {
589
590
  title: event.title
590
- }, (event === null || event === void 0 ? void 0 : (_event$title = event.title) === null || _event$title === void 0 ? void 0 : _event$title.length) > 5 ? (event === null || event === void 0 ? void 0 : (_event$title2 = event.title) === null || _event$title2 === void 0 ? void 0 : _event$title2.slice(0, 5)) + '...' : event === null || event === void 0 ? void 0 : event.title)), React__default.createElement("div", {
591
+ }, React__default.createElement("div", {
592
+ className: styles['truncate-text']
593
+ }, event.title))), React__default.createElement("div", {
591
594
  className: styles['monthly-event__date']
592
595
  }, React__default.createElement(CustomTooltip, {
593
596
  title: formattedDate
594
597
  }, formattedDate)), React__default.createElement("div", {
595
598
  className: styles['monthly-event__date_tablet']
596
- }, getIconforEvent(event), React__default.createElement(CustomTooltip, {
599
+ }, iconList, React__default.createElement(CustomTooltip, {
597
600
  title: formattedDate
598
601
  }, formattedDateStart))));
599
602
  };
@@ -610,7 +613,7 @@ var MonthlyCell = function MonthlyCell(_ref) {
610
613
  var isToday = dayjs().isSame(date, 'day');
611
614
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
612
615
  if (e.target !== e.currentTarget) return;
613
- onOpenCreate && onOpenCreate(dayjs(date).hour(dayjs().hour()).minute(dayjs().minute()).toDate());
616
+ onOpenCreate(dayjs(date).hour(dayjs().hour()).minute(dayjs().minute()).toDate());
614
617
  };
615
618
  return React__default.createElement("div", {
616
619
  className: styles['monthly-calendar__cell'] + " " + (isToday ? styles['monthly-calendar__cell--active'] : styles['border-gray-4']) + " " + (isSameMonth ? styles['bg-white'] : styles['bg-button']),
@@ -619,7 +622,7 @@ var MonthlyCell = function MonthlyCell(_ref) {
619
622
  className: isSameMonth ? styles['text-black'] : styles['text-secondary-text']
620
623
  }, date.format('DD')), React__default.createElement("ul", {
621
624
  onClick: function onClick() {
622
- return onOpenDetail && onOpenDetail(date.toDate(), events);
625
+ return onOpenDetail(date.toDate(), events);
623
626
  }
624
627
  }, events.slice(0, 2).map(function (event, index) {
625
628
  return React__default.createElement(MonthlyEvent, {
@@ -774,10 +777,11 @@ var WeeklyEvent = function WeeklyEvent(_ref) {
774
777
  height = _calculateBoxSize.height;
775
778
  var isMinHeight = height < MIN_HEIGHT_EVENT;
776
779
  var formattedDate = customDateFormat(event.startDate, TIME_FORMAT) + ' - ' + customDateFormat(event.endDate, TIME_FORMAT);
780
+ var iconList = getIconforEvent(event);
777
781
  return React__default.createElement("div", {
778
782
  className: clsx__default(styles["event-" + convertType[event.type]], isMinHeight && styles['event--min-height']),
779
783
  onClick: function onClick() {
780
- onOpenDetail && onOpenDetail(dayjs(event.startDate).toDate(), [event]);
784
+ onOpenDetail(dayjs(event.startDate).toDate(), [event]);
781
785
  onEventDetail && onEventDetail(event);
782
786
  },
783
787
  style: {
@@ -791,11 +795,13 @@ var WeeklyEvent = function WeeklyEvent(_ref) {
791
795
  className: clsx__default(height <= MIN_HEIGHT_HIDE_DETAILS && styles['weekly-event--collapse'])
792
796
  }, React__default.createElement("div", {
793
797
  className: styles['weekly-event__title']
794
- }, React__default.createElement("div", {
798
+ }, !!iconList && React__default.createElement("div", {
795
799
  className: styles['weekly-event__title_icon']
796
- }, getIconforEvent(event)), React__default.createElement(CustomTooltip, {
800
+ }, iconList), React__default.createElement(CustomTooltip, {
797
801
  title: event.title
798
- }, event.title.length > 5 ? event.title.slice(0, 5) + '...' : '')), React__default.createElement("div", {
802
+ }, React__default.createElement("div", {
803
+ className: styles['truncate-text']
804
+ }, event.title))), React__default.createElement("div", {
799
805
  className: styles['weekly-event__date']
800
806
  }, React__default.createElement(CustomTooltip, {
801
807
  title: formattedDate
@@ -811,7 +817,7 @@ var WeeklyCell = function WeeklyCell(_ref) {
811
817
  var isToday = dayjs().isSame(date, 'day');
812
818
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
813
819
  if (e.target !== e.currentTarget) return;
814
- onOpenCreate && onOpenCreate(dayjs(date).toDate());
820
+ onOpenCreate(dayjs(date).toDate());
815
821
  };
816
822
  events.sort(function (a, b) {
817
823
  return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;
@@ -983,10 +989,11 @@ var LMSWeeklyEvent = function LMSWeeklyEvent(_ref) {
983
989
  var _calculateBoxSize = calculateBoxSize$1(event.startDate, event.endDate),
984
990
  width = _calculateBoxSize.width,
985
991
  left = _calculateBoxSize.left;
992
+ var iconList = getIconforEvent(event);
986
993
  return React__default.createElement("div", {
987
994
  className: styles["event-" + convertType[event.type]],
988
995
  onClick: function onClick() {
989
- onOpenDetail && onOpenDetail(dayjs(event.startDate).toDate(), [event]);
996
+ onOpenDetail(dayjs(event.startDate).toDate(), [event]);
990
997
  onEventDetail && onEventDetail(event);
991
998
  },
992
999
  style: {
@@ -1002,11 +1009,13 @@ var LMSWeeklyEvent = function LMSWeeklyEvent(_ref) {
1002
1009
  className: clsx__default(styles['weekly-event--collapse'])
1003
1010
  }, React__default.createElement("div", {
1004
1011
  className: styles['weekly-event__title']
1005
- }, React__default.createElement("div", {
1012
+ }, !!iconList && React__default.createElement("div", {
1006
1013
  className: styles['weekly-event__title_icon']
1007
- }, getIconforEvent(event)), React__default.createElement(CustomTooltip, {
1014
+ }, iconList), React__default.createElement(CustomTooltip, {
1008
1015
  title: event.title
1009
- }, event.title.length > 5 ? event.title.slice(0, 5) + '...' : ''))), React__default.createElement("div", {
1016
+ }, React__default.createElement("div", {
1017
+ className: styles['truncate-text']
1018
+ }, event.title)))), React__default.createElement("div", {
1010
1019
  className: styles['weekly-event__date']
1011
1020
  }, React__default.createElement(CustomTooltip, {
1012
1021
  title: formattedDate
@@ -1023,7 +1032,7 @@ var LMSWeeklyCell = function LMSWeeklyCell(_ref) {
1023
1032
  var isToday = dayjs().isSame(date, 'day');
1024
1033
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
1025
1034
  if (e.target !== e.currentTarget) return;
1026
- onOpenCreate && onOpenCreate(dayjs(date).toDate());
1035
+ onOpenCreate(dayjs(date).toDate());
1027
1036
  };
1028
1037
  events = (_events = events) === null || _events === void 0 ? void 0 : _events.sort(function (a, b) {
1029
1038
  return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;
@@ -1338,7 +1347,7 @@ var FilterCalendar = function FilterCalendar(_ref) {
1338
1347
  icon: React__default.createElement(GoldStarIcon, null),
1339
1348
  value: LEARNING_MODE.CASE_STUDY
1340
1349
  }, {
1341
- title: 'Key Content Before',
1350
+ title: 'Key Content Of',
1342
1351
  icon: React__default.createElement(FlagIcon, null),
1343
1352
  value: LEARNING_MODE.KEY_BEFORE_CONTENT
1344
1353
  }, {