sapp-common-package-test-final 1.0.5 → 1.0.7

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

@@ -1,8 +1,9 @@
 import React, { Dispatch, SetStateAction } from 'react';
-import { IFilter } from '../../../types';
+import { ICourse, IFilter } from '../../../types';
 interface IProps {
     filter: IFilter;
     setFilter: Dispatch<SetStateAction<IFilter>>;
+    courses?: ICourse[];
 }
-declare const FilterCalendar: ({ filter, setFilter }: IProps) => React.JSX.Element;
+declare const FilterCalendar: ({ filter, setFilter, courses }: IProps) => React.JSX.Element;
 export default FilterCalendar;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IEvent, INorm } from '../../types';
+import { ICourse, IEvent, IFilter, INorm } from '../../types';
 interface IAntdCalendarProps {
     events: IEvent[];
     norms?: INorm[];
@@ -12,6 +12,8 @@ interface IAntdCalendarProps {
     onEventDetail?: (event: IEvent) => void;
     loading?: boolean;
     type?: 'normal' | 'filter';
+    onFilter?: (filter: IFilter, events: IEvent[]) => void;
+    courses?: ICourse[];
 }
-declare const SAPPCalendar: ({ teacherName, events, norms, showTeacherName, showWeeklyNorm, onOpenDetail, onOpenCreate, onRefetchAPI, onEventDetail, loading, type }: IAntdCalendarProps) => React.JSX.Element;
+declare const SAPPCalendar: ({ teacherName, events, norms, showTeacherName, showWeeklyNorm, onOpenDetail, onOpenCreate, onRefetchAPI, onEventDetail, loading, type, courses, onFilter }: IAntdCalendarProps) => React.JSX.Element;
 export default SAPPCalendar;

package/dist/index.js

@@ -781,35 +781,27 @@ var styles$1 = {"ant-picker-calendar-header":"_2Y9jk","ant-radio-group":"_3puh0"
 
 var FilterCalendar = function FilterCalendar(_ref) {
   var filter = _ref.filter,
-    setFilter = _ref.setFilter;
-  var course = React.useMemo(function () {
-    return [{
-      id: '12121212',
-      name: 'CFA Level 2'
-    }, {
-      id: '34343434',
-      name: 'CFA Level 3'
-    }];
-  }, []);
+    setFilter = _ref.setFilter,
+    courses = _ref.courses;
   var noteFilter = React.useMemo(function () {
     return [{
       title: 'Online',
       icon: React__default.createElement("div", {
         className: styles$1['calendar-filter_note_blue']
       }),
-      value: 'online'
+      value: 'ONLINE'
     }, {
       title: 'Live Online',
       icon: React__default.createElement("div", {
         className: styles$1['calendar-filter_note_pureple']
       }),
-      value: 'live-online'
+      value: 'LIVE_ONLINE'
     }, {
       title: 'Offline',
       icon: React__default.createElement("div", {
         className: styles$1['calendar-filter_note_green']
       }),
-      value: 'offline'
+      value: 'OFFLINE'
     }, {
       title: 'Case Study',
       icon: React__default.createElement(GoldStarIcon, null),
@@ -823,13 +815,13 @@ var FilterCalendar = function FilterCalendar(_ref) {
       icon: React__default.createElement("div", {
         className: styles$1['calendar-filter_note_yellow']
       }),
-      value: 'holiday'
+      value: 'HOLIDAY'
     }, {
       title: 'Overdue',
       icon: React__default.createElement("div", {
         className: styles$1['calendar-filter_note_red']
       }),
-      value: 'overdue'
+      value: 'OVERDUE'
     }];
   }, []);
   var handleFilter = function handleFilter(type, value) {
@@ -860,17 +852,26 @@ var FilterCalendar = function FilterCalendar(_ref) {
           });
           break;
         }
+      case 'day':
+        {
+          setFilter(function (prev) {
+            return _extends({}, prev, {
+              day: value
+            });
+          });
+          break;
+        }
     }
   };
-  var handleFilterday = function handleFilterday(date, mode) {
-    console.log('filterDate:', date, mode);
+  var handleFilterday = function handleFilterday(date) {
+    handleFilter('day', date.toString());
   };
   return React__default.createElement("div", {
     className: styles$1['calendar-filter']
   }, React__default.createElement(antd.Calendar, {
     mode: 'month',
     fullscreen: false,
-    onPanelChange: handleFilterday
+    onChange: handleFilterday
   }), React__default.createElement("div", null, React__default.createElement("div", {
     className: styles$1['calendar-filter_title']
   }, React__default.createElement(TagIcon, null), React__default.createElement("h3", null, "Notes")), React__default.createElement("div", null, noteFilter.map(function (item) {
@@ -888,7 +889,7 @@ var FilterCalendar = function FilterCalendar(_ref) {
     }, (_filter$type = filter.type) !== null && _filter$type !== void 0 && _filter$type.includes(item.value) ? React__default.createElement(EyeIcon, null) : React__default.createElement(HiddenEyeIcon, null)));
   }))), React__default.createElement("div", null, React__default.createElement("div", {
     className: styles$1['calendar-filter_title']
-  }, React__default.createElement(EducationIcon, null), React__default.createElement("h3", null, "My courses")), React__default.createElement("div", null, course === null || course === void 0 ? void 0 : course.map(function (item, key) {
+  }, React__default.createElement(EducationIcon, null), React__default.createElement("h3", null, "My courses")), React__default.createElement("div", null, courses === null || courses === void 0 ? void 0 : courses.map(function (item, key) {
     var _filter$courseId;
     return React__default.createElement("div", {
       key: key,
@@ -1092,7 +1093,9 @@ var SAPPCalendar = function SAPPCalendar(_ref) {
     onEventDetail = _ref.onEventDetail,
     loading = _ref.loading,
     _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'normal' : _ref$type;
+    type = _ref$type === void 0 ? 'normal' : _ref$type,
+    courses = _ref.courses,
+    onFilter = _ref.onFilter;
   var _useState = React.useState(dayjs()),
     currentDate = _useState[0],
     setCurrentDate = _useState[1];
@@ -1134,12 +1137,13 @@ var SAPPCalendar = function SAPPCalendar(_ref) {
   }, [startDate, endDate]);
   React.useEffect(function () {
     if (type === 'filter') {
-      console.log('filter', events);
+      onFilter && onFilter(filter, events);
     }
   }, [filter, events]);
   return React__default.createElement("div", {
     className: styles['sapp-calendar']
   }, filter.isOpen && React__default.createElement(FilterCalendar, {
+    courses: courses,
     filter: filter,
     setFilter: setFilter
   }), React__default.createElement("div", {