sapp-common-package-test-final 1.0.5 → 1.0.7
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.
- package/dist/components/SAPPCalendar/FilterCalendar/FilterCalendar.d.ts +3 -2
- package/dist/components/SAPPCalendar/SAPPCalendar.d.ts +4 -2
- package/dist/index.js +25 -21
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +25 -21
- package/dist/index.modern.js.map +1 -1
- package/dist/types/index.d.ts +11 -0
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
@@ -777,35 +777,27 @@ var styles$1 = {"ant-picker-calendar-header":"_2Y9jk","ant-radio-group":"_3puh0"
|
|
777
777
|
|
778
778
|
var FilterCalendar = function FilterCalendar(_ref) {
|
779
779
|
var filter = _ref.filter,
|
780
|
-
setFilter = _ref.setFilter
|
781
|
-
|
782
|
-
return [{
|
783
|
-
id: '12121212',
|
784
|
-
name: 'CFA Level 2'
|
785
|
-
}, {
|
786
|
-
id: '34343434',
|
787
|
-
name: 'CFA Level 3'
|
788
|
-
}];
|
789
|
-
}, []);
|
780
|
+
setFilter = _ref.setFilter,
|
781
|
+
courses = _ref.courses;
|
790
782
|
var noteFilter = useMemo(function () {
|
791
783
|
return [{
|
792
784
|
title: 'Online',
|
793
785
|
icon: React.createElement("div", {
|
794
786
|
className: styles$1['calendar-filter_note_blue']
|
795
787
|
}),
|
796
|
-
value: '
|
788
|
+
value: 'ONLINE'
|
797
789
|
}, {
|
798
790
|
title: 'Live Online',
|
799
791
|
icon: React.createElement("div", {
|
800
792
|
className: styles$1['calendar-filter_note_pureple']
|
801
793
|
}),
|
802
|
-
value: '
|
794
|
+
value: 'LIVE_ONLINE'
|
803
795
|
}, {
|
804
796
|
title: 'Offline',
|
805
797
|
icon: React.createElement("div", {
|
806
798
|
className: styles$1['calendar-filter_note_green']
|
807
799
|
}),
|
808
|
-
value: '
|
800
|
+
value: 'OFFLINE'
|
809
801
|
}, {
|
810
802
|
title: 'Case Study',
|
811
803
|
icon: React.createElement(GoldStarIcon, null),
|
@@ -819,13 +811,13 @@ var FilterCalendar = function FilterCalendar(_ref) {
|
|
819
811
|
icon: React.createElement("div", {
|
820
812
|
className: styles$1['calendar-filter_note_yellow']
|
821
813
|
}),
|
822
|
-
value: '
|
814
|
+
value: 'HOLIDAY'
|
823
815
|
}, {
|
824
816
|
title: 'Overdue',
|
825
817
|
icon: React.createElement("div", {
|
826
818
|
className: styles$1['calendar-filter_note_red']
|
827
819
|
}),
|
828
|
-
value: '
|
820
|
+
value: 'OVERDUE'
|
829
821
|
}];
|
830
822
|
}, []);
|
831
823
|
var handleFilter = function handleFilter(type, value) {
|
@@ -856,17 +848,26 @@ var FilterCalendar = function FilterCalendar(_ref) {
|
|
856
848
|
});
|
857
849
|
break;
|
858
850
|
}
|
851
|
+
case 'day':
|
852
|
+
{
|
853
|
+
setFilter(function (prev) {
|
854
|
+
return _extends({}, prev, {
|
855
|
+
day: value
|
856
|
+
});
|
857
|
+
});
|
858
|
+
break;
|
859
|
+
}
|
859
860
|
}
|
860
861
|
};
|
861
|
-
var handleFilterday = function handleFilterday(date
|
862
|
-
|
862
|
+
var handleFilterday = function handleFilterday(date) {
|
863
|
+
handleFilter('day', date.toString());
|
863
864
|
};
|
864
865
|
return React.createElement("div", {
|
865
866
|
className: styles$1['calendar-filter']
|
866
867
|
}, React.createElement(Calendar, {
|
867
868
|
mode: 'month',
|
868
869
|
fullscreen: false,
|
869
|
-
|
870
|
+
onChange: handleFilterday
|
870
871
|
}), React.createElement("div", null, React.createElement("div", {
|
871
872
|
className: styles$1['calendar-filter_title']
|
872
873
|
}, React.createElement(TagIcon, null), React.createElement("h3", null, "Notes")), React.createElement("div", null, noteFilter.map(function (item) {
|
@@ -884,7 +885,7 @@ var FilterCalendar = function FilterCalendar(_ref) {
|
|
884
885
|
}, (_filter$type = filter.type) !== null && _filter$type !== void 0 && _filter$type.includes(item.value) ? React.createElement(EyeIcon, null) : React.createElement(HiddenEyeIcon, null)));
|
885
886
|
}))), React.createElement("div", null, React.createElement("div", {
|
886
887
|
className: styles$1['calendar-filter_title']
|
887
|
-
}, React.createElement(EducationIcon, null), React.createElement("h3", null, "My courses")), React.createElement("div", null,
|
888
|
+
}, React.createElement(EducationIcon, null), React.createElement("h3", null, "My courses")), React.createElement("div", null, courses === null || courses === void 0 ? void 0 : courses.map(function (item, key) {
|
888
889
|
var _filter$courseId;
|
889
890
|
return React.createElement("div", {
|
890
891
|
key: key,
|
@@ -1088,7 +1089,9 @@ var SAPPCalendar = function SAPPCalendar(_ref) {
|
|
1088
1089
|
onEventDetail = _ref.onEventDetail,
|
1089
1090
|
loading = _ref.loading,
|
1090
1091
|
_ref$type = _ref.type,
|
1091
|
-
type = _ref$type === void 0 ? 'normal' : _ref$type
|
1092
|
+
type = _ref$type === void 0 ? 'normal' : _ref$type,
|
1093
|
+
courses = _ref.courses,
|
1094
|
+
onFilter = _ref.onFilter;
|
1092
1095
|
var _useState = useState(dayjs()),
|
1093
1096
|
currentDate = _useState[0],
|
1094
1097
|
setCurrentDate = _useState[1];
|
@@ -1130,12 +1133,13 @@ var SAPPCalendar = function SAPPCalendar(_ref) {
|
|
1130
1133
|
}, [startDate, endDate]);
|
1131
1134
|
useEffect(function () {
|
1132
1135
|
if (type === 'filter') {
|
1133
|
-
|
1136
|
+
onFilter && onFilter(filter, events);
|
1134
1137
|
}
|
1135
1138
|
}, [filter, events]);
|
1136
1139
|
return React.createElement("div", {
|
1137
1140
|
className: styles['sapp-calendar']
|
1138
1141
|
}, filter.isOpen && React.createElement(FilterCalendar, {
|
1142
|
+
courses: courses,
|
1139
1143
|
filter: filter,
|
1140
1144
|
setFilter: setFilter
|
1141
1145
|
}), React.createElement("div", {
|