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

package/dist/index.modern.js

@@ -469,6 +469,7 @@ var Button = function Button(_ref) {
     color = _ref$color === void 0 ? 'default' : _ref$color,
     onClick = _ref.onClick,
     children = _ref.children;
+  console.log('value:', styles["btn-" + color]);
   return React.createElement("button", {
     type: type,
     onClick: onClick,
@@ -563,12 +564,12 @@ var CustomTooltip = function CustomTooltip(_ref) {
 };
 
 var MonthlyEvent = function MonthlyEvent(_ref) {
-  var _event$title, _event$title2;
   var event = _ref.event,
     isSameMonth = _ref.isSameMonth,
     onEventDetail = _ref.onEventDetail;
   var formattedDate = customDateFormat(event.startDate, TIME_FORMAT) + ' - ' + customDateFormat(event.endDate, TIME_FORMAT);
   var formattedDateStart = customDateFormat(event.startDate, TIME_FORMAT);
+  var iconList = getIconforEvent(event);
   return React.createElement(React.Fragment, null, React.createElement("li", {
     className: styles["event-" + (isSameMonth ? convertType[event.type] : 'default')],
     style: {
@@ -579,17 +580,17 @@ var MonthlyEvent = function MonthlyEvent(_ref) {
     }
   }, React.createElement("div", {
     className: styles['monthly-event__title']
-  }, React.createElement("div", {
+  }, !!iconList && React.createElement("div", {
     className: styles['weekly-event__title_icon']
-  }, getIconforEvent(event)), React.createElement(CustomTooltip, {
+  }, iconList), React.createElement(CustomTooltip, {
     title: event.title
-  }, (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.createElement("div", {
+  }, event === null || event === void 0 ? void 0 : event.title)), React.createElement("div", {
     className: styles['monthly-event__date']
   }, React.createElement(CustomTooltip, {
     title: formattedDate
   }, formattedDate)), React.createElement("div", {
     className: styles['monthly-event__date_tablet']
-  }, getIconforEvent(event), React.createElement(CustomTooltip, {
+  }, iconList, React.createElement(CustomTooltip, {
     title: formattedDate
   }, formattedDateStart))));
 };
@@ -606,7 +607,7 @@ var MonthlyCell = function MonthlyCell(_ref) {
   var isToday = dayjs().isSame(date, 'day');
   var handleOpenCreateModal = function handleOpenCreateModal(e) {
     if (e.target !== e.currentTarget) return;
-    onOpenCreate && onOpenCreate(dayjs(date).hour(dayjs().hour()).minute(dayjs().minute()).toDate());
+    onOpenCreate(dayjs(date).hour(dayjs().hour()).minute(dayjs().minute()).toDate());
   };
   return React.createElement("div", {
     className: styles['monthly-calendar__cell'] + " " + (isToday ? styles['monthly-calendar__cell--active'] : styles['border-gray-4']) + " " + (isSameMonth ? styles['bg-white'] : styles['bg-button']),
@@ -615,7 +616,7 @@ var MonthlyCell = function MonthlyCell(_ref) {
     className: isSameMonth ? styles['text-black'] : styles['text-secondary-text']
   }, date.format('DD')), React.createElement("ul", {
     onClick: function onClick() {
-      return onOpenDetail && onOpenDetail(date.toDate(), events);
+      return onOpenDetail(date.toDate(), events);
     }
   }, events.slice(0, 2).map(function (event, index) {
     return React.createElement(MonthlyEvent, {
@@ -770,10 +771,11 @@ var WeeklyEvent = function WeeklyEvent(_ref) {
     height = _calculateBoxSize.height;
   var isMinHeight = height < MIN_HEIGHT_EVENT;
   var formattedDate = customDateFormat(event.startDate, TIME_FORMAT) + ' - ' + customDateFormat(event.endDate, TIME_FORMAT);
+  var iconList = getIconforEvent(event);
   return React.createElement("div", {
     className: clsx$1(styles["event-" + convertType[event.type]], isMinHeight && styles['event--min-height']),
     onClick: function onClick() {
-      onOpenDetail && onOpenDetail(dayjs(event.startDate).toDate(), [event]);
+      onOpenDetail(dayjs(event.startDate).toDate(), [event]);
       onEventDetail && onEventDetail(event);
     },
     style: {
@@ -787,11 +789,11 @@ var WeeklyEvent = function WeeklyEvent(_ref) {
     className: clsx$1(height <= MIN_HEIGHT_HIDE_DETAILS && styles['weekly-event--collapse'])
   }, React.createElement("div", {
     className: styles['weekly-event__title']
-  }, React.createElement("div", {
+  }, !!iconList && React.createElement("div", {
     className: styles['weekly-event__title_icon']
-  }, getIconforEvent(event)), React.createElement(CustomTooltip, {
+  }, iconList), React.createElement(CustomTooltip, {
     title: event.title
-  }, event.title.length > 5 ? event.title.slice(0, 5) + '...' : '')), React.createElement("div", {
+  }, event.title)), React.createElement("div", {
     className: styles['weekly-event__date']
   }, React.createElement(CustomTooltip, {
     title: formattedDate
@@ -807,7 +809,7 @@ var WeeklyCell = function WeeklyCell(_ref) {
   var isToday = dayjs().isSame(date, 'day');
   var handleOpenCreateModal = function handleOpenCreateModal(e) {
     if (e.target !== e.currentTarget) return;
-    onOpenCreate && onOpenCreate(dayjs(date).toDate());
+    onOpenCreate(dayjs(date).toDate());
   };
   events.sort(function (a, b) {
     return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;
@@ -979,10 +981,11 @@ var LMSWeeklyEvent = function LMSWeeklyEvent(_ref) {
   var _calculateBoxSize = calculateBoxSize$1(event.startDate, event.endDate),
     width = _calculateBoxSize.width,
     left = _calculateBoxSize.left;
+  var iconList = getIconforEvent(event);
   return React.createElement("div", {
     className: styles["event-" + convertType[event.type]],
     onClick: function onClick() {
-      onOpenDetail && onOpenDetail(dayjs(event.startDate).toDate(), [event]);
+      onOpenDetail(dayjs(event.startDate).toDate(), [event]);
       onEventDetail && onEventDetail(event);
     },
     style: {
@@ -998,11 +1001,11 @@ var LMSWeeklyEvent = function LMSWeeklyEvent(_ref) {
     className: clsx$1(styles['weekly-event--collapse'])
   }, React.createElement("div", {
     className: styles['weekly-event__title']
-  }, React.createElement("div", {
+  }, !!iconList && React.createElement("div", {
     className: styles['weekly-event__title_icon']
-  }, getIconforEvent(event)), React.createElement(CustomTooltip, {
+  }, iconList), React.createElement(CustomTooltip, {
     title: event.title
-  }, event.title.length > 5 ? event.title.slice(0, 5) + '...' : ''))), React.createElement("div", {
+  }, event.title))), React.createElement("div", {
     className: styles['weekly-event__date']
   }, React.createElement(CustomTooltip, {
     title: formattedDate
@@ -1019,7 +1022,7 @@ var LMSWeeklyCell = function LMSWeeklyCell(_ref) {
   var isToday = dayjs().isSame(date, 'day');
   var handleOpenCreateModal = function handleOpenCreateModal(e) {
     if (e.target !== e.currentTarget) return;
-    onOpenCreate && onOpenCreate(dayjs(date).toDate());
+    onOpenCreate(dayjs(date).toDate());
   };
   events = (_events = events) === null || _events === void 0 ? void 0 : _events.sort(function (a, b) {
     return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;
@@ -1334,7 +1337,7 @@ var FilterCalendar = function FilterCalendar(_ref) {
       icon: React.createElement(GoldStarIcon, null),
       value: LEARNING_MODE.CASE_STUDY
     }, {
-      title: 'Key Content Before',
+      title: 'Key Content Of',
       icon: React.createElement(FlagIcon, null),
       value: LEARNING_MODE.KEY_BEFORE_CONTENT
     }, {