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

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 +1 -1
  11. package/dist/index.js +21 -18
  12. package/dist/index.js.map +1 -1
  13. package/dist/index.modern.js +21 -18
  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
@@ -1149,7 +1149,7 @@ button._3-kZ6 {
1149
1149
  @media screen and (max-width: 1024px) {
1150
1150
  ._1K0QG {
1151
1151
  position: absolute;
1152
- top: 15%;
1152
+ top: 10%;
1153
1153
  z-index: 999;
1154
1154
  height: -moz-fit-content;
1155
1155
  height: fit-content;
package/dist/index.js CHANGED
@@ -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,17 @@ 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
+ }, event === null || event === void 0 ? void 0 : event.title)), React__default.createElement("div", {
591
592
  className: styles['monthly-event__date']
592
593
  }, React__default.createElement(CustomTooltip, {
593
594
  title: formattedDate
594
595
  }, formattedDate)), React__default.createElement("div", {
595
596
  className: styles['monthly-event__date_tablet']
596
- }, getIconforEvent(event), React__default.createElement(CustomTooltip, {
597
+ }, iconList, React__default.createElement(CustomTooltip, {
597
598
  title: formattedDate
598
599
  }, formattedDateStart))));
599
600
  };
@@ -610,7 +611,7 @@ var MonthlyCell = function MonthlyCell(_ref) {
610
611
  var isToday = dayjs().isSame(date, 'day');
611
612
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
612
613
  if (e.target !== e.currentTarget) return;
613
- onOpenCreate && onOpenCreate(dayjs(date).hour(dayjs().hour()).minute(dayjs().minute()).toDate());
614
+ onOpenCreate(dayjs(date).hour(dayjs().hour()).minute(dayjs().minute()).toDate());
614
615
  };
615
616
  return React__default.createElement("div", {
616
617
  className: styles['monthly-calendar__cell'] + " " + (isToday ? styles['monthly-calendar__cell--active'] : styles['border-gray-4']) + " " + (isSameMonth ? styles['bg-white'] : styles['bg-button']),
@@ -619,7 +620,7 @@ var MonthlyCell = function MonthlyCell(_ref) {
619
620
  className: isSameMonth ? styles['text-black'] : styles['text-secondary-text']
620
621
  }, date.format('DD')), React__default.createElement("ul", {
621
622
  onClick: function onClick() {
622
- return onOpenDetail && onOpenDetail(date.toDate(), events);
623
+ return onOpenDetail(date.toDate(), events);
623
624
  }
624
625
  }, events.slice(0, 2).map(function (event, index) {
625
626
  return React__default.createElement(MonthlyEvent, {
@@ -774,10 +775,11 @@ var WeeklyEvent = function WeeklyEvent(_ref) {
774
775
  height = _calculateBoxSize.height;
775
776
  var isMinHeight = height < MIN_HEIGHT_EVENT;
776
777
  var formattedDate = customDateFormat(event.startDate, TIME_FORMAT) + ' - ' + customDateFormat(event.endDate, TIME_FORMAT);
778
+ var iconList = getIconforEvent(event);
777
779
  return React__default.createElement("div", {
778
780
  className: clsx__default(styles["event-" + convertType[event.type]], isMinHeight && styles['event--min-height']),
779
781
  onClick: function onClick() {
780
- onOpenDetail && onOpenDetail(dayjs(event.startDate).toDate(), [event]);
782
+ onOpenDetail(dayjs(event.startDate).toDate(), [event]);
781
783
  onEventDetail && onEventDetail(event);
782
784
  },
783
785
  style: {
@@ -791,11 +793,11 @@ var WeeklyEvent = function WeeklyEvent(_ref) {
791
793
  className: clsx__default(height <= MIN_HEIGHT_HIDE_DETAILS && styles['weekly-event--collapse'])
792
794
  }, React__default.createElement("div", {
793
795
  className: styles['weekly-event__title']
794
- }, React__default.createElement("div", {
796
+ }, !!iconList && React__default.createElement("div", {
795
797
  className: styles['weekly-event__title_icon']
796
- }, getIconforEvent(event)), React__default.createElement(CustomTooltip, {
798
+ }, iconList), React__default.createElement(CustomTooltip, {
797
799
  title: event.title
798
- }, event.title.length > 5 ? event.title.slice(0, 5) + '...' : '')), React__default.createElement("div", {
800
+ }, event.title)), React__default.createElement("div", {
799
801
  className: styles['weekly-event__date']
800
802
  }, React__default.createElement(CustomTooltip, {
801
803
  title: formattedDate
@@ -811,7 +813,7 @@ var WeeklyCell = function WeeklyCell(_ref) {
811
813
  var isToday = dayjs().isSame(date, 'day');
812
814
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
813
815
  if (e.target !== e.currentTarget) return;
814
- onOpenCreate && onOpenCreate(dayjs(date).toDate());
816
+ onOpenCreate(dayjs(date).toDate());
815
817
  };
816
818
  events.sort(function (a, b) {
817
819
  return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;
@@ -983,10 +985,11 @@ var LMSWeeklyEvent = function LMSWeeklyEvent(_ref) {
983
985
  var _calculateBoxSize = calculateBoxSize$1(event.startDate, event.endDate),
984
986
  width = _calculateBoxSize.width,
985
987
  left = _calculateBoxSize.left;
988
+ var iconList = getIconforEvent(event);
986
989
  return React__default.createElement("div", {
987
990
  className: styles["event-" + convertType[event.type]],
988
991
  onClick: function onClick() {
989
- onOpenDetail && onOpenDetail(dayjs(event.startDate).toDate(), [event]);
992
+ onOpenDetail(dayjs(event.startDate).toDate(), [event]);
990
993
  onEventDetail && onEventDetail(event);
991
994
  },
992
995
  style: {
@@ -1002,11 +1005,11 @@ var LMSWeeklyEvent = function LMSWeeklyEvent(_ref) {
1002
1005
  className: clsx__default(styles['weekly-event--collapse'])
1003
1006
  }, React__default.createElement("div", {
1004
1007
  className: styles['weekly-event__title']
1005
- }, React__default.createElement("div", {
1008
+ }, !!iconList && React__default.createElement("div", {
1006
1009
  className: styles['weekly-event__title_icon']
1007
- }, getIconforEvent(event)), React__default.createElement(CustomTooltip, {
1010
+ }, iconList), React__default.createElement(CustomTooltip, {
1008
1011
  title: event.title
1009
- }, event.title.length > 5 ? event.title.slice(0, 5) + '...' : ''))), React__default.createElement("div", {
1012
+ }, event.title))), React__default.createElement("div", {
1010
1013
  className: styles['weekly-event__date']
1011
1014
  }, React__default.createElement(CustomTooltip, {
1012
1015
  title: formattedDate
@@ -1023,7 +1026,7 @@ var LMSWeeklyCell = function LMSWeeklyCell(_ref) {
1023
1026
  var isToday = dayjs().isSame(date, 'day');
1024
1027
  var handleOpenCreateModal = function handleOpenCreateModal(e) {
1025
1028
  if (e.target !== e.currentTarget) return;
1026
- onOpenCreate && onOpenCreate(dayjs(date).toDate());
1029
+ onOpenCreate(dayjs(date).toDate());
1027
1030
  };
1028
1031
  events = (_events = events) === null || _events === void 0 ? void 0 : _events.sort(function (a, b) {
1029
1032
  return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;
@@ -1338,7 +1341,7 @@ var FilterCalendar = function FilterCalendar(_ref) {
1338
1341
  icon: React__default.createElement(GoldStarIcon, null),
1339
1342
  value: LEARNING_MODE.CASE_STUDY
1340
1343
  }, {
1341
- title: 'Key Content Before',
1344
+ title: 'Key Content Of',
1342
1345
  icon: React__default.createElement(FlagIcon, null),
1343
1346
  value: LEARNING_MODE.KEY_BEFORE_CONTENT
1344
1347
  }, {