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

package/dist/index.modern.js

@@ -460,7 +460,7 @@ var getIconforEvent = function getIconforEvent(event) {
   }
 };
 
-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"};
+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"};
 
 var Button = function Button(_ref) {
   var _ref$type = _ref.type,
@@ -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,19 @@ 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", {
+  }, React.createElement("div", {
+    className: styles['truncate-text']
+  }, 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 +609,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 +618,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 +773,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 +791,13 @@ 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", {
+  }, React.createElement("div", {
+    className: styles['truncate-text']
+  }, event.title))), React.createElement("div", {
     className: styles['weekly-event__date']
   }, React.createElement(CustomTooltip, {
     title: formattedDate
@@ -807,7 +813,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 +985,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 +1005,13 @@ 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", {
+  }, React.createElement("div", {
+    className: styles['truncate-text']
+  }, event.title)))), React.createElement("div", {
     className: styles['weekly-event__date']
   }, React.createElement(CustomTooltip, {
     title: formattedDate
@@ -1019,7 +1028,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 +1343,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
     }, {