sapp-common-package-test-final 1.0.0

package/dist/index.modern.js

@@ -0,0 +1,1184 @@
+import dayjs from 'dayjs';
+import React, { useState, useEffect, useMemo } from 'react';
+import { DatePicker, Tooltip, Table, Select, Calendar } from 'antd';
+import clsx$1, { clsx } from 'clsx';
+import isBetween from 'dayjs/plugin/isBetween';
+
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _createForOfIteratorHelperLoose(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (t) return (t = t.call(r)).next.bind(t);
+  if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
+    t && (r = t);
+    var o = 0;
+    return function () {
+      return o >= r.length ? {
+        done: !0
+      } : {
+        done: !1,
+        value: r[o++]
+      };
+    };
+  }
+  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var useEffectAfterMounted = function useEffectAfterMounted(callback, dependencies) {
+  var _useState = useState(false),
+    mounted = _useState[0],
+    setMounted = _useState[1];
+  useEffect(function () {
+    if (!mounted) {
+      setMounted(true);
+      return;
+    }
+    return callback();
+  }, dependencies);
+};
+
+var HOURS_PER_DAY = 24;
+var MINUTES_PER_HOUR = 60;
+var TIME_FORMAT = 'HH:mm';
+var DAYS_OF_WEEK;
+(function (DAYS_OF_WEEK) {
+  DAYS_OF_WEEK["Monday"] = "Monday";
+  DAYS_OF_WEEK["Tuesday"] = "Tuesday";
+  DAYS_OF_WEEK["Wednesday"] = "Wednesday";
+  DAYS_OF_WEEK["Thursday"] = "Thursday";
+  DAYS_OF_WEEK["Friday"] = "Friday";
+  DAYS_OF_WEEK["Saturday"] = "Saturday";
+  DAYS_OF_WEEK["Sunday"] = "Sunday";
+})(DAYS_OF_WEEK || (DAYS_OF_WEEK = {}));
+var EVENT_TYPES;
+(function (EVENT_TYPES) {
+  EVENT_TYPES["TEACHING"] = "TEACHING";
+  EVENT_TYPES["BUSY"] = "BUSY";
+  EVENT_TYPES["TIME_OFF"] = "TIME_OFF";
+  EVENT_TYPES["OTHER"] = "OTHER";
+})(EVENT_TYPES || (EVENT_TYPES = {}));
+var FORMAT_DATE_CARLENDA = {
+  MONTH_AND_WEEK: 'MMMM, YYYY',
+  DATE: 'MMMM DD, YYYY'
+};
+
+var _convertType;
+var customDateFormat = function customDateFormat(value, formatStr) {
+  return dayjs(value).format(formatStr);
+};
+var convertType = (_convertType = {}, _convertType[EVENT_TYPES.TEACHING] = 'info', _convertType[EVENT_TYPES.BUSY] = 'error', _convertType[EVENT_TYPES.TIME_OFF] = 'warning', _convertType[EVENT_TYPES.OTHER] = 'success', _convertType);
+var daysOfWeekKeys = Object.values(DAYS_OF_WEEK);
+var calculateNormOfWeek = function calculateNormOfWeek(norms, events, startDate, endDate) {
+  var norm = norms.find(function (norm) {
+    return startDate.isBetween(norm.startDate, norm.endDate, 'day', '[]') && endDate.isBetween(norm.startDate, norm.endDate, 'day', '[]');
+  });
+  if (!norm) {
+    return {
+      normOfWeek: 0,
+      totalNorm: 0
+    };
+  }
+  var normsOfWeek = events.filter(function (event) {
+    return dayjs(event.startDate).isBetween(startDate, endDate, 'day', '[]') && endDate.isBetween(startDate, endDate, 'day', '[]') && event.type === EVENT_TYPES.TEACHING;
+  });
+  return {
+    normOfWeek: normsOfWeek.length,
+    totalNorm: norm.maxShift
+  };
+};
+var splitEventsIntoDays = function splitEventsIntoDays(events) {
+  var splittedEvents = [];
+  for (var _iterator = _createForOfIteratorHelperLoose(events), _step; !(_step = _iterator()).done;) {
+    var event = _step.value;
+    var startDate = dayjs(event.startDate);
+    var endDate = dayjs(event.endDate);
+    var isSameDay = startDate.isSame(endDate, 'day');
+    if (isSameDay) {
+      splittedEvents.push(event);
+      continue;
+    }
+    splittedEvents.push(_extends({}, event, {
+      startDate: startDate.toDate(),
+      endDate: startDate.endOf('day').toDate()
+    }));
+    var currentDate = startDate.startOf('day').add(1, 'day');
+    while (currentDate.isBefore(endDate, 'day')) {
+      splittedEvents.push(_extends({}, event, {
+        startDate: currentDate.startOf('day').toDate(),
+        endDate: currentDate.endOf('day').toDate()
+      }));
+      currentDate = currentDate.add(1, 'day');
+    }
+    splittedEvents.push(_extends({}, event, {
+      startDate: endDate.startOf('day').toDate(),
+      endDate: endDate.toDate()
+    }));
+  }
+  return splittedEvents;
+};
+var checkIsAllday = function checkIsAllday(startDate, endDate) {
+  if (!startDate.isValid() || !endDate.isValid()) {
+    return false;
+  }
+  return startDate.format(TIME_FORMAT) === startDate.startOf('day').format(TIME_FORMAT) && endDate.format(TIME_FORMAT) === endDate.endOf('day').format(TIME_FORMAT) && startDate.isBefore(endDate);
+};
+
+var Left = function Left() {
+  return React.createElement("svg", {
+    width: '16',
+    height: '16',
+    viewBox: '0 0 16 16',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M9.68642 12.6136C9.59868 12.6141 9.5117 12.5973 9.43048 12.5641C9.34925 12.5309 9.27538 12.482 9.21308 12.4202L5.25975 8.47356C5.13793 8.3458 5.06887 8.17674 5.06642 8.00023C5.06591 7.91249 5.08273 7.82551 5.1159 7.74429C5.14908 7.66306 5.19796 7.58919 5.25975 7.52689L9.21308 3.58023C9.34062 3.47101 9.50467 3.41394 9.67245 3.42042C9.84024 3.4269 9.9994 3.49645 10.1181 3.61518C10.2369 3.73391 10.3064 3.89307 10.3129 4.06086C10.3194 4.22864 10.2623 4.39269 10.1531 4.52023L6.66642 8.00023L10.1398 11.4802C10.2639 11.6051 10.3336 11.7741 10.3336 11.9502C10.3336 12.1264 10.2639 12.2953 10.1398 12.4202C10.0189 12.5402 9.85668 12.6094 9.68642 12.6136Z',
+    fill: '#252F4A'
+  }));
+};
+var Right = function Right() {
+  return React.createElement("svg", {
+    width: '16',
+    height: '16',
+    viewBox: '0 0 16 16',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M6.84715 12.6666C6.75894 12.6662 6.67169 12.6483 6.59044 12.614C6.50919 12.5797 6.43556 12.5295 6.37381 12.4666C6.24965 12.3416 6.17995 12.1727 6.17995 11.9966C6.17995 11.8204 6.24965 11.6515 6.37381 11.5266L9.85381 7.99989L6.37381 4.55322C6.31165 4.49019 6.26252 4.41553 6.22921 4.3335C6.19591 4.25148 6.17908 4.1637 6.1797 4.07517C6.18032 3.98665 6.19837 3.89911 6.23282 3.81756C6.26727 3.73601 6.31744 3.66205 6.38048 3.59989C6.44351 3.53773 6.51817 3.48859 6.6002 3.45529C6.68222 3.42198 6.77 3.40516 6.85853 3.40578C6.94705 3.4064 7.03459 3.42445 7.11614 3.4589C7.19769 3.49334 7.27165 3.54352 7.33381 3.60655L11.2805 7.55989C11.4046 7.6848 11.4743 7.85376 11.4743 8.02989C11.4743 8.20601 11.4046 8.37498 11.2805 8.49989L7.33381 12.4466C7.27224 12.5148 7.19722 12.5696 7.11347 12.6074C7.02972 12.6453 6.93905 12.6654 6.84715 12.6666Z',
+    fill: '#252F4A'
+  }));
+};
+var Book = function Book() {
+  return React.createElement("svg", {
+    width: '20',
+    height: '20',
+    viewBox: '0 0 20 20',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M7.36051 3.61971C6.37671 3.45978 5.3735 3.45977 4.38969 3.61969C4.04645 3.67549 3.70164 3.7585 2.93716 3.94368C2.81469 3.97335 2.74354 3.99072 2.69032 4.00583C2.6569 4.01532 2.64293 4.02058 2.6395 4.02196C2.6395 4.02196 2.6395 4.02196 2.6395 4.02196C2.57147 4.05542 2.52252 4.11776 2.50609 4.19125C2.50556 4.19493 2.50375 4.2097 2.5024 4.24419C2.50024 4.29939 2.50011 4.37254 2.50011 4.49846V15.8196C2.50011 15.9083 2.50015 15.9626 2.50105 16.0033C2.50163 16.0294 2.50244 16.041 2.50265 16.0437C2.52153 16.1749 2.64055 16.2691 2.7739 16.2564C2.7766 16.2559 2.78803 16.254 2.81375 16.2484C2.85362 16.2397 2.90644 16.2269 2.99264 16.206L3.00819 16.2023C3.34117 16.1216 3.52697 16.0766 3.71304 16.0384C5.13954 15.7457 6.61067 15.7457 8.03717 16.0384C8.22321 16.0766 8.40898 16.1216 8.74185 16.2022L9.25011 16.3253V4.04958L8.81305 3.94371C8.04857 3.75852 7.70375 3.6755 7.36051 3.61971ZM10.7501 4.04959V16.3253L11.2582 16.2023C11.5912 16.1216 11.777 16.0766 11.963 16.0384C13.3895 15.7457 14.8607 15.7457 16.2872 16.0384C16.4732 16.0766 16.659 16.1216 16.992 16.2023L17.0076 16.206C17.0938 16.2269 17.1466 16.2397 17.1865 16.2484C17.2256 16.257 17.2317 16.257 17.2242 16.2562C17.3584 16.2701 17.4786 16.1756 17.4976 16.0437C17.4978 16.041 17.4986 16.0294 17.4992 16.0033C17.5001 15.9626 17.5001 15.9083 17.5001 15.8196V4.49852C17.5001 4.37258 17.5 4.29943 17.4978 4.24423C17.4965 4.20973 17.4947 4.19496 17.4941 4.19129C17.4777 4.11779 17.4287 4.05545 17.3607 4.022C17.3573 4.02062 17.3433 4.01536 17.3099 4.00587C17.2567 3.99075 17.1855 3.97338 17.063 3.94372C16.2985 3.75853 15.9537 3.67551 15.6104 3.61972C14.6267 3.45981 13.6235 3.45981 12.6398 3.61972C12.2965 3.67551 11.9517 3.75853 11.1872 3.94372L10.7501 4.04959ZM4.14902 2.13913C5.29223 1.95329 6.45799 1.9533 7.6012 2.13914C8.00774 2.20523 8.41052 2.30281 9.13225 2.47765L9.80168 2.63981C9.87479 2.65752 9.91513 2.66723 9.94602 2.67381C9.97272 2.67949 9.97804 2.67967 9.97581 2.67945C9.99197 2.68102 10.0082 2.68102 10.0244 2.67945C10.0222 2.67967 10.0275 2.67949 10.0542 2.67381C10.0851 2.66723 10.1254 2.65752 10.1985 2.63982L10.868 2.47765C11.5897 2.30281 11.9925 2.20524 12.3991 2.13915C13.5423 1.95333 14.708 1.95333 15.8511 2.13915C16.2577 2.20524 16.6605 2.30281 17.3822 2.47765L17.4162 2.48588C17.4319 2.48969 17.4478 2.4935 17.4637 2.49732C17.6482 2.5417 17.8425 2.58844 18.0149 2.67215C18.4972 2.9064 18.8457 3.34888 18.9599 3.87292C19.0008 4.0602 19.0005 4.26011 19.0002 4.44971C19.0001 4.46606 19.0001 4.48234 19.0001 4.49852V15.8196C19.0001 15.8317 19.0001 15.8438 19.0001 15.8559C19.0003 15.9884 19.0004 16.1238 18.9843 16.2426C18.8576 17.1797 18.0092 17.8457 17.0693 17.7482C16.9501 17.7358 16.8185 17.7038 16.6896 17.6724C16.6779 17.6696 16.6661 17.6667 16.6544 17.6639C16.3018 17.5784 16.1428 17.54 15.9857 17.5078C14.7581 17.2559 13.4921 17.2559 12.2645 17.5078C12.1074 17.54 11.9484 17.5784 11.5958 17.6639L10.5517 17.9168C10.5427 17.9189 10.5337 17.9211 10.5246 17.9233C10.4134 17.9504 10.2943 17.9794 10.1697 17.9915C10.0569 18.0025 9.9433 18.0025 9.83048 17.9915C9.70589 17.9794 9.5868 17.9504 9.47557 17.9233C9.4665 17.9211 9.45749 17.9189 9.44854 17.9168L8.40443 17.6639C8.05182 17.5784 7.89278 17.54 7.7357 17.5078C6.50811 17.2559 5.2421 17.2559 4.01452 17.5078C3.85743 17.54 3.6984 17.5784 3.34578 17.6639C3.33408 17.6667 3.32234 17.6696 3.31058 17.6724C3.18171 17.7038 3.05015 17.7358 2.93091 17.7482C1.991 17.8457 1.14259 17.1797 1.01588 16.2426C0.999808 16.1238 0.999947 15.9883 1.00008 15.8559C1.00009 15.8438 1.00011 15.8317 1.00011 15.8196V4.49846C1.00011 4.48228 1.00008 4.466 1.00005 4.44965C0.999745 4.26006 0.999419 4.06018 1.04026 3.8729C1.15455 3.34885 1.50299 2.90636 1.98536 2.67211C2.15773 2.5884 2.35205 2.54166 2.53655 2.49729C2.55245 2.49346 2.56828 2.48965 2.58402 2.48584L2.61796 2.47762C3.3397 2.30278 3.74248 2.20521 4.14902 2.13913Z',
+    fill: '#025EFF'
+  }));
+};
+var CalendarDelete = function CalendarDelete() {
+  return React.createElement("svg", {
+    width: '20',
+    height: '20',
+    viewBox: '0 0 20 20',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M6.75 1C7.16421 1 7.5 1.33579 7.5 1.75V3H12.5V1.75C12.5 1.33579 12.8358 1 13.25 1C13.6642 1 14 1.33579 14 1.75V3H16.25C17.7688 3 19 4.23122 19 5.75V8.75C19 9.16421 18.6642 9.5 18.25 9.5H2.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H8.75C9.16421 17.5 9.5 17.8358 9.5 18.25C9.5 18.6642 9.16421 19 8.75 19H3.75C2.23122 19 1 17.7688 1 16.25V5.75C1 4.23122 2.23122 3 3.75 3H6V1.75C6 1.33579 6.33579 1 6.75 1ZM6 4.5H3.75C3.05964 4.5 2.5 5.05964 2.5 5.75V8H17.5V5.75C17.5 5.05964 16.9404 4.5 16.25 4.5H14V5.25C14 5.66421 13.6642 6 13.25 6C12.8358 6 12.5 5.66421 12.5 5.25V4.5H7.5V5.25C7.5 5.66421 7.16421 6 6.75 6C6.33579 6 6 5.66421 6 5.25V4.5ZM12 15.75C12 15.3358 12.3358 15 12.75 15H19.25C19.6642 15 20 15.3358 20 15.75C20 16.1642 19.6642 16.5 19.25 16.5H12.75C12.3358 16.5 12 16.1642 12 15.75Z',
+    fill: '#D20306'
+  }));
+};
+var CalendarAccept = function CalendarAccept() {
+  return React.createElement("svg", {
+    width: '20',
+    height: '20',
+    viewBox: '0 0 20 20',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("g", {
+    clipPath: 'url(#clip0_678_4877)'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M6.75 1C7.16421 1 7.5 1.33579 7.5 1.75V3H12.5V1.75C12.5 1.33579 12.8358 1 13.25 1C13.6642 1 14 1.33579 14 1.75V3H16.25C17.7688 3 19 4.23122 19 5.75V8.75C19 9.16421 18.6642 9.5 18.25 9.5H2.5V16.25C2.5 16.9404 3.05964 17.5 3.75 17.5H8.75C9.16421 17.5 9.5 17.8358 9.5 18.25C9.5 18.6642 9.16421 19 8.75 19H3.75C2.23122 19 1 17.7688 1 16.25V5.75C1 4.23122 2.23122 3 3.75 3H6V1.75C6 1.33579 6.33579 1 6.75 1ZM6 4.5H3.75C3.05964 4.5 2.5 5.05964 2.5 5.75V8H17.5V5.75C17.5 5.05964 16.9404 4.5 16.25 4.5H14V5.25C14 5.66421 13.6642 6 13.25 6C12.8358 6 12.5 5.66421 12.5 5.25V4.5H7.5V5.25C7.5 5.66421 7.16421 6 6.75 6C6.33579 6 6 5.66421 6 5.25V4.5ZM19.765 13.2047C20.0661 13.4891 20.0797 13.9638 19.7953 14.265L15.5453 18.765C15.4014 18.9173 15.2005 19.0025 14.991 18.9999C14.7815 18.9974 14.5827 18.9074 14.4425 18.7517L12.1925 16.2517C11.9154 15.9438 11.9404 15.4696 12.2483 15.1925C12.5562 14.9154 13.0304 14.9404 13.3075 15.2483L15.0133 17.1436L18.7047 13.235C18.9891 12.9339 19.4638 12.9203 19.765 13.2047Z',
+    fill: '#07AF17'
+  })), React.createElement("defs", null, React.createElement("clipPath", {
+    id: 'clip0_678_4877'
+  }, React.createElement("rect", {
+    width: '20',
+    height: '20',
+    fill: 'white'
+  }))));
+};
+var Star = function Star() {
+  return React.createElement("svg", {
+    width: '20',
+    height: '20',
+    viewBox: '0 0 20 20',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    fillRule: 'evenodd',
+    clipRule: 'evenodd',
+    d: 'M10.0928 2.52324C9.99905 2.47488 9.86181 2.50026 9.79335 2.64522L8.00799 6.42557C7.76215 6.94613 7.27807 7.32297 6.69953 7.41082L2.70736 8.01703C2.66367 8.02366 2.61758 8.04593 2.57857 8.08775C2.47149 8.20255 2.47467 8.39827 2.58316 8.50878L5.47192 11.4514C5.87611 11.8631 6.05323 12.4463 5.96057 13.0109L5.27863 17.1659C5.2674 17.2343 5.27853 17.3035 5.30766 17.3614C5.3787 17.5027 5.51526 17.5255 5.60897 17.474L9.17967 15.5123C9.69201 15.2308 10.3079 15.2308 10.8202 15.5123L14.3909 17.474C14.434 17.4977 14.48 17.5045 14.5234 17.4967C14.5864 17.4854 14.6553 17.4449 14.7056 17.3752C14.754 17.3081 14.7706 17.2347 14.7603 17.1681L14.0393 13.0109C13.9466 12.4463 14.1238 11.8631 14.5279 11.4514L17.4167 8.50878C17.4568 8.46792 17.4872 8.40957 17.4968 8.34084C17.5227 8.15465 17.3972 8.03293 17.2925 8.01703L13.3003 7.41082C12.7218 7.32297 12.2377 6.94613 11.9919 6.42557L10.2065 2.64522C10.1788 2.58657 10.1367 2.54586 10.0928 2.52324ZM8.437 2.00466C8.85086 1.12835 9.89685 0.734429 10.7804 1.1901C11.1257 1.36818 11.3985 1.65664 11.5629 2.00466L13.3482 5.78501C13.3898 5.87307 13.4613 5.91807 13.5255 5.92782L17.5177 6.53403C18.4915 6.6819 19.1133 7.60658 18.9825 8.54743C18.9296 8.92748 18.7578 9.28392 18.4871 9.5596L15.5984 12.5022C15.5379 12.5637 15.5029 12.662 15.5191 12.7656L16.2401 16.9229C16.4008 17.902 15.7151 18.807 14.788 18.9732C14.4037 19.042 14.0097 18.976 13.6686 18.7887L10.0979 16.8269C10.0354 16.7926 9.96447 16.7926 9.90194 16.8269L6.33123 18.7887C5.46031 19.2671 4.40376 18.9024 3.96767 18.0356C3.79485 17.692 3.7363 17.3015 3.79843 16.9229L4.48038 12.7679C4.49751 12.6635 4.4624 12.5642 4.40151 12.5022L1.51275 9.5596C0.840839 8.87517 0.828048 7.76534 1.48168 7.0646C1.74558 6.78168 2.09641 6.59261 2.48217 6.53403L6.47434 5.92782C6.53853 5.91807 6.61006 5.87307 6.65165 5.78501L8.437 2.00466Z',
+    fill: '#F57C00'
+  }));
+};
+var LeftArrowIcon = function LeftArrowIcon() {
+  return React.createElement("svg", {
+    width: '8',
+    height: '11',
+    viewBox: '0 0 8 11',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M7.3125 0.368526L7.3125 10.631C7.3125 10.9388 6.9875 11.1107 6.76562 10.9201L0.815625 5.78884C0.645313 5.64196 0.645313 5.35915 0.815625 5.21071L6.76562 0.079463C6.9875 -0.111162 7.3125 0.0607128 7.3125 0.368526Z',
+    fill: '#404041'
+  }));
+};
+var RightArrowIcon = function RightArrowIcon() {
+  return React.createElement("svg", {
+    width: '8',
+    height: '11',
+    viewBox: '0 0 8 11',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M0.6875 0.368526L0.6875 10.631C0.6875 10.9388 1.0125 11.1107 1.23438 10.9201L7.18437 5.78884C7.35469 5.64196 7.35469 5.35915 7.18437 5.21071L1.23438 0.079463C1.0125 -0.111162 0.6875 0.0607128 0.6875 0.368526Z',
+    fill: '#404041'
+  }));
+};
+var FilterIcon = function FilterIcon() {
+  return React.createElement("svg", {
+    width: '35',
+    height: '35',
+    viewBox: '0 0 35 35',
+    fill: 'currentColor',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M26.5 8.4961V26.5036H8.5V8.4961H26.5ZM28 6.99609L7 6.99619L7 28.0036L28 27.9961V6.99609ZM10.2625 9.9886H17.7625V24.9886H10.2625V9.9886Z',
+    fill: 'currentColor'
+  }));
+};
+var TagIcon = function TagIcon() {
+  return React.createElement("svg", {
+    width: '20',
+    height: '21',
+    viewBox: '0 0 20 21',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M11.25 1.125L0 12.375L6.875 19.25L18.125 8V1.125H11.25ZM14.375 6.125C14.1278 6.125 13.8861 6.05169 13.6805 5.91434C13.475 5.77699 13.3148 5.58176 13.2201 5.35335C13.1255 5.12495 13.1008 4.87361 13.149 4.63114C13.1972 4.38866 13.3163 4.16593 13.4911 3.99112C13.6659 3.8163 13.8887 3.69725 14.1311 3.64902C14.3736 3.60079 14.6249 3.62554 14.8534 3.72015C15.0818 3.81476 15.277 3.97498 15.4143 4.18054C15.5517 4.3861 15.625 4.62777 15.625 4.875C15.625 5.20652 15.4933 5.52446 15.2589 5.75888C15.0245 5.9933 14.7065 6.125 14.375 6.125Z',
+    fill: '#21272A'
+  }), React.createElement("path", {
+    d: 'M18.75 3V8.625L8.47266 18.9023L9.45313 19.875L20 9.25V3H18.75Z',
+    fill: '#21272A'
+  }));
+};
+var EducationIcon = function EducationIcon() {
+  return React.createElement("svg", {
+    width: '20',
+    height: '21',
+    viewBox: '0 0 20 21',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("g", {
+    clipPath: 'url(#clip0_19555_31783)'
+  }, React.createElement("path", {
+    d: 'M10 14.9699L3.75 11.3984V15.243L10 18.7148L16.25 15.243V11.3984L10 14.9699Z',
+    fill: '#21272A'
+  }), React.createElement("path", {
+    d: 'M20.0098 8.0002L10 2.28027L-0.00976562 8.0002L10 13.7201L18.125 9.07715V15.5002H20V8.00566L20.0098 8.0002Z',
+    fill: '#21272A'
+  })), React.createElement("defs", null, React.createElement("clipPath", {
+    id: 'clip0_19555_31783'
+  }, React.createElement("rect", {
+    width: '20',
+    height: '20',
+    fill: 'white',
+    transform: 'translate(0 0.5)'
+  }))));
+};
+var BookIcon = function BookIcon() {
+  return React.createElement("svg", {
+    width: '14',
+    height: '15',
+    viewBox: '0 0 14 15',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M6.56246 3.55091H6.52163C5.24353 2.80405 3.83672 2.30346 2.37413 2.07508C2.22462 2.0524 2.07197 2.06228 1.92663 2.10404C1.78129 2.14581 1.64669 2.21847 1.53203 2.31707C1.41737 2.41566 1.32536 2.53786 1.2623 2.67531C1.19923 2.81275 1.1666 2.96219 1.16663 3.11341V10.3526C1.1661 10.599 1.25325 10.8376 1.41248 11.0257C1.57171 11.2138 1.79265 11.3391 2.03579 11.3792C3.59665 11.6587 5.10804 12.1658 6.52163 12.8842H6.56246V3.55091ZM3.19079 4.88675H4.51496C4.63099 4.88675 4.74227 4.93284 4.82432 5.01489C4.90637 5.09693 4.95246 5.20821 4.95246 5.32425C4.95246 5.44028 4.90637 5.55156 4.82432 5.63361C4.74227 5.71565 4.63099 5.76175 4.51496 5.76175H3.19079C3.07476 5.76175 2.96348 5.71565 2.88144 5.63361C2.79939 5.55156 2.75329 5.44028 2.75329 5.32425C2.75329 5.20821 2.79939 5.09693 2.88144 5.01489C2.96348 4.93284 3.07476 4.88675 3.19079 4.88675ZM4.94079 7.51175H3.19079C3.13334 7.51175 3.07645 7.50043 3.02337 7.47844C2.97029 7.45646 2.92206 7.42423 2.88144 7.38361C2.84081 7.34298 2.80858 7.29475 2.7866 7.24167C2.76461 7.18859 2.75329 7.1317 2.75329 7.07425C2.75329 7.01679 2.76461 6.9599 2.7866 6.90682C2.80858 6.85374 2.84081 6.80551 2.88144 6.76489C2.92206 6.72426 2.97029 6.69204 3.02337 6.67005C3.07645 6.64806 3.13334 6.63675 3.19079 6.63675H4.94079C5.05683 6.63675 5.16811 6.68284 5.25015 6.76489C5.3322 6.84693 5.37829 6.95821 5.37829 7.07425C5.37829 7.19028 5.3322 7.30156 5.25015 7.38361C5.16811 7.46565 5.05683 7.51175 4.94079 7.51175ZM12.8333 3.07258V10.3759C12.8359 10.6193 12.7525 10.8558 12.5977 11.0436C12.443 11.2315 12.2268 11.3586 11.9875 11.4026C10.4162 11.6579 8.89472 12.1578 7.47829 12.8842H7.43746V3.55091H7.47829C8.75371 2.81159 10.15 2.30403 11.6025 2.05175C11.7521 2.02656 11.9054 2.03394 12.052 2.07337C12.1985 2.11281 12.3349 2.18337 12.4517 2.28025C12.5685 2.37714 12.6631 2.49806 12.7289 2.63479C12.7948 2.77152 12.8304 2.92084 12.8333 3.07258Z',
+    fill: '#FFB800'
+  }));
+};
+var GoldStarIcon = function GoldStarIcon() {
+  return React.createElement("svg", {
+    width: '14',
+    height: '15',
+    viewBox: '0 0 14 15',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("g", {
+    clipPath: 'url(#clip0_19479_10426)'
+  }, React.createElement("path", {
+    d: 'M13.9307 5.27509L9.73376 4.66514L7.85762 0.86162C7.80638 0.757482 7.72207 0.67318 7.61794 0.621937C7.35676 0.493005 7.03939 0.600449 6.90881 0.86162L5.03267 4.66514L0.83574 5.27509C0.720031 5.29162 0.61424 5.34617 0.533244 5.42882C0.435324 5.52946 0.381366 5.66486 0.383225 5.80527C0.385085 5.94568 0.442611 6.0796 0.543162 6.17762L3.57969 9.13811L2.8623 13.3185C2.84548 13.4158 2.85624 13.5158 2.89336 13.6072C2.93049 13.6987 2.99249 13.7779 3.07234 13.8359C3.15219 13.8939 3.2467 13.9283 3.34514 13.9353C3.44358 13.9424 3.54201 13.9216 3.62928 13.8756L7.38321 11.9019L11.1371 13.8756C11.2396 13.9301 11.3586 13.9483 11.4727 13.9285C11.7603 13.8789 11.9537 13.6061 11.9041 13.3185L11.1867 9.13811L14.2233 6.17762C14.3059 6.09662 14.3605 5.99083 14.377 5.87512C14.4216 5.58585 14.22 5.31807 13.9307 5.27509Z',
+    fill: '#FFB800'
+  })), React.createElement("defs", null, React.createElement("clipPath", {
+    id: 'clip0_19479_10426'
+  }, React.createElement("rect", {
+    width: '14',
+    height: '14',
+    fill: 'white',
+    transform: 'translate(0 0.5)'
+  }))));
+};
+var EyeIcon = function EyeIcon() {
+  return React.createElement("svg", {
+    width: '16',
+    height: '17',
+    viewBox: '0 0 16 17',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M5.92868 8.50014C5.92868 9.03057 6.13939 9.53928 6.51446 9.91435C6.88953 10.2894 7.39824 10.5001 7.92868 10.5001C8.45911 10.5001 8.96782 10.2894 9.34289 9.91435C9.71796 9.53928 9.92868 9.03057 9.92868 8.50014C9.92868 7.96971 9.71796 7.461 9.34289 7.08593C8.96782 6.71085 8.45911 6.50014 7.92868 6.50014C7.39824 6.50014 6.88953 6.71085 6.51446 7.08593C6.13939 7.461 5.92868 7.96971 5.92868 8.50014ZM15.6822 8.03943C13.9894 4.47335 11.4305 2.67871 8.0001 2.67871C4.56796 2.67871 2.01082 4.47335 0.31796 8.04121C0.250059 8.18499 0.214844 8.34203 0.214844 8.50103C0.214844 8.66004 0.250059 8.81707 0.31796 8.96085C2.01082 12.5269 4.56975 14.3216 8.0001 14.3216C11.4322 14.3216 13.9894 12.5269 15.6822 8.95907C15.8197 8.66978 15.8197 8.33407 15.6822 8.03943ZM7.92868 11.643C6.19296 11.643 4.78582 10.2359 4.78582 8.50014C4.78582 6.76443 6.19296 5.35728 7.92868 5.35728C9.66439 5.35728 11.0715 6.76443 11.0715 8.50014C11.0715 10.2359 9.66439 11.643 7.92868 11.643Z',
+    fill: '#DCDDDD'
+  }));
+};
+var HiddenEyeIcon = function HiddenEyeIcon() {
+  return React.createElement("svg", {
+    width: '16',
+    height: '17',
+    viewBox: '0 0 16 17',
+    fill: 'none',
+    xmlns: 'http://www.w3.org/2000/svg'
+  }, React.createElement("path", {
+    d: 'M7.92867 10.5001C8.45911 10.5001 8.96782 10.2894 9.34289 9.91436C9.71796 9.53929 9.92868 9.03058 9.92868 8.50015C9.92868 8.44158 9.926 8.38354 9.921 8.32622L7.75475 10.4925C7.81207 10.4975 7.86992 10.5001 7.92867 10.5001ZM14.5487 2.31372L13.7858 1.55157C13.759 1.5248 13.7227 1.50977 13.6848 1.50977C13.647 1.50977 13.6106 1.5248 13.5839 1.55157L11.6317 3.50425C10.5548 2.9539 9.34427 2.67872 8.0001 2.67872C4.56796 2.67872 2.00725 4.46622 0.31796 8.04122C0.250059 8.185 0.214844 8.34203 0.214844 8.50104C0.214844 8.66005 0.250059 8.81708 0.31796 8.96086C0.99296 10.3826 1.80576 11.5222 2.75635 12.3796L0.867246 14.268C0.840475 14.2948 0.825437 14.3311 0.825437 14.369C0.825437 14.4069 0.840475 14.4432 0.867246 14.47L1.62957 15.2323C1.65636 15.2591 1.69268 15.2741 1.73055 15.2741C1.76842 15.2741 1.80474 15.2591 1.83153 15.2323L14.5487 2.51586C14.562 2.50259 14.5725 2.48684 14.5797 2.46949C14.5869 2.45215 14.5906 2.43356 14.5906 2.41479C14.5906 2.39602 14.5869 2.37743 14.5797 2.36008C14.5725 2.34274 14.562 2.32698 14.5487 2.31372ZM4.78582 8.50015C4.78577 7.9573 4.92632 7.4237 5.1938 6.95132C5.46127 6.47894 5.84653 6.08389 6.31206 5.80466C6.77758 5.52543 7.30749 5.37154 7.85017 5.35798C8.39285 5.34442 8.92979 5.47166 9.40868 5.72729L8.54046 6.5955C8.19032 6.48339 7.81606 6.46989 7.45875 6.55648C7.10143 6.64307 6.77488 6.82641 6.51491 7.08638C6.25494 7.34635 6.0716 7.67291 5.98501 8.03022C5.89841 8.38753 5.91192 8.76179 6.02403 9.11193L5.15582 9.98015C4.91218 9.52493 4.78506 9.01646 4.78582 8.50015Z',
+    fill: '#DCDDDD'
+  }), React.createElement("path", {
+    d: 'M15.6819 8.03917C15.0533 6.71536 14.3052 5.6359 13.4374 4.80078L10.8635 7.37489C11.0805 7.94206 11.1286 8.55992 11.002 9.15383C10.8754 9.74774 10.5795 10.2923 10.1501 10.7217C9.72073 11.1511 9.17618 11.4469 8.58227 11.5735C7.98836 11.7001 7.3705 11.652 6.80333 11.4351L4.62012 13.6183C5.63297 14.087 6.75952 14.3213 7.99976 14.3213C11.4319 14.3213 13.9926 12.5338 15.6819 8.95882C15.7498 8.81504 15.785 8.65801 15.785 8.499C15.785 8.33999 15.7498 8.18295 15.6819 8.03917Z',
+    fill: '#DCDDDD'
+  }));
+};
+
+var styles = {"flex":"_2hGgU","transform":"_3-Pu9","cursor-pointer":"_2Mcv6","rounded-none":"_3EfQZ","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":"_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-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","weekly-event":"_hnHem","weekly-event__title":"_21a0T","weekly-event__date":"_PiKmX","weekly-event--collapse":"_1pvXT","btn-lms-default":"_1GA3p","text-lms-primary":"_1gLzS","select-mode":"_12I9I","ant-select-dropdown-placement-bottomLeft":"_1ZvuX"};
+
+var Button = function Button(_ref) {
+  var _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
+    onClick = _ref.onClick,
+    children = _ref.children;
+  return React.createElement("button", {
+    type: type,
+    onClick: onClick,
+    className: styles.btn + " " + styles["btn-" + color]
+  }, children);
+};
+
+var Icon = function Icon(_ref) {
+  var icon = _ref.icon,
+    onClick = _ref.onClick,
+    className = _ref.className;
+  return React.createElement("div", {
+    className: clsx(styles.icon, onClick && styles['cursor-pointer'], className),
+    onClick: onClick
+  }, icon);
+};
+
+var HeaderCalendar = function HeaderCalendar(_ref) {
+  var title = _ref.title,
+    showTeacherName = _ref.showTeacherName,
+    currentDate = _ref.currentDate,
+    setCurrentDate = _ref.setCurrentDate,
+    calendarMode = _ref.calendarMode,
+    setCalendarMode = _ref.setCalendarMode;
+  var handleChangeDate = function handleChangeDate(date) {
+    setCurrentDate(date);
+  };
+  var handleChangeMode = function handleChangeMode(mode) {
+    setCalendarMode(mode);
+    setCurrentDate(dayjs());
+  };
+  return React.createElement("div", {
+    className: styles['header-calendar']
+  }, React.createElement("div", {
+    className: styles['header-calendar__nav']
+  }, React.createElement(Icon, {
+    icon: React.createElement(Left, null),
+    onClick: function onClick() {
+      return handleChangeDate(currentDate.subtract(1, calendarMode));
+    }
+  }), React.createElement(DatePicker, {
+    picker: calendarMode === 'day' ? 'date' : calendarMode,
+    onChange: handleChangeDate,
+    format: function format(value) {
+      return customDateFormat(value, 'MMMM, YYYY');
+    },
+    value: currentDate,
+    allowClear: false,
+    suffixIcon: null,
+    className: styles['header-calendar__date-picker'],
+    size: 'large'
+  }), React.createElement(Icon, {
+    icon: React.createElement(Right, null),
+    onClick: function onClick() {
+      return handleChangeDate(currentDate.add(1, calendarMode));
+    }
+  })), showTeacherName && React.createElement("div", {
+    className: styles['header-calendar__title']
+  }, title), React.createElement("div", {
+    className: styles['header-calendar__controls']
+  }, React.createElement(Button, {
+    onClick: function onClick() {
+      return handleChangeDate(dayjs());
+    }
+  }, "Today"), React.createElement("div", {
+    className: styles['header-calendar__divider']
+  }), React.createElement(Button, {
+    color: calendarMode === 'month' ? 'primary' : 'default',
+    onClick: function onClick() {
+      return handleChangeMode('month');
+    }
+  }, "Month"), React.createElement(Button, {
+    color: calendarMode === 'week' ? 'primary' : 'default',
+    onClick: function onClick() {
+      return handleChangeMode('week');
+    }
+  }, "Week")));
+};
+
+var CustomTooltip = function CustomTooltip(_ref) {
+  var title = _ref.title,
+    children = _ref.children,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'top' : _ref$placement;
+  return React.createElement(Tooltip, {
+    color: '#ffffff',
+    title: React.createElement("div", {
+      className: styles['text-gray-600']
+    }, title),
+    placement: placement
+  }, React.createElement("div", null, children));
+};
+
+var _getIconEvent;
+var calculateBoxSize = function calculateBoxSize(startTime, endTime, isAllDay) {
+  if (isAllDay) {
+    return {
+      top: 10,
+      height: 50
+    };
+  }
+  var minutes = dayjs(startTime).minute();
+  var diffMinutes = dayjs(endTime).diff(startTime, 'minute', true);
+  return {
+    top: Math.floor(minutes / MINUTES_PER_HOUR * 100),
+    height: Math.floor(diffMinutes / MINUTES_PER_HOUR * 100)
+  };
+};
+var getIconEvent = (_getIconEvent = {}, _getIconEvent[EVENT_TYPES.TEACHING] = React.createElement(Book, null), _getIconEvent[EVENT_TYPES.BUSY] = React.createElement(CalendarDelete, null), _getIconEvent[EVENT_TYPES.TIME_OFF] = React.createElement(Star, null), _getIconEvent[EVENT_TYPES.OTHER] = React.createElement(CalendarAccept, null), _getIconEvent);
+var MIN_HEIGHT_HIDE_DETAILS = 140;
+var MIN_HEIGHT_HIDE_ALL = 105;
+var WeeklyEvent = function WeeklyEvent(_ref) {
+  var event = _ref.event,
+    onOpenDetail = _ref.onOpenDetail,
+    onEventDetail = _ref.onEventDetail;
+  var _calculateBoxSize = calculateBoxSize(event.startDate, event.endDate, event.isAllDay),
+    top = _calculateBoxSize.top,
+    height = _calculateBoxSize.height;
+  var formattedDate = customDateFormat(event.startDate, TIME_FORMAT) + ' - ' + customDateFormat(event.endDate, TIME_FORMAT);
+  return React.createElement("div", {
+    className: styles["event-" + convertType[event.type]],
+    onClick: function onClick() {
+      onOpenDetail(dayjs(event.startDate).toDate(), [event]);
+      onEventDetail && onEventDetail(event);
+    },
+    style: {
+      top: top + "%",
+      height: height + "%",
+      zIndex: event.type === EVENT_TYPES.BUSY ? 2 : 1
+    }
+  }, React.createElement("div", {
+    className: clsx$1(styles['weekly-event'], height <= MIN_HEIGHT_HIDE_ALL && styles['weekly-event--collapse'])
+  }, React.createElement("div", {
+    className: styles.flex
+  }, getIconEvent[event.type]), React.createElement("div", {
+    className: clsx$1(height <= MIN_HEIGHT_HIDE_DETAILS && styles['weekly-event--collapse'])
+  }, React.createElement("div", {
+    className: styles['weekly-event__title']
+  }, React.createElement(CustomTooltip, {
+    title: event.title
+  }, event.title)), React.createElement("div", {
+    className: styles['weekly-event__date']
+  }, React.createElement(CustomTooltip, {
+    title: formattedDate
+  }, formattedDate)))));
+};
+
+var WeeklyCell = function WeeklyCell(_ref) {
+  var events = _ref.events,
+    date = _ref.date,
+    onOpenDetail = _ref.onOpenDetail,
+    onOpenCreate = _ref.onOpenCreate,
+    onEventDetail = _ref.onEventDetail;
+  var isToday = dayjs().isSame(date, 'day');
+  var handleOpenCreateModal = function handleOpenCreateModal(e) {
+    if (e.target !== e.currentTarget) return;
+    onOpenCreate(dayjs(date).toDate());
+  };
+  events.sort(function (a, b) {
+    return a.type === EVENT_TYPES.BUSY && b.type !== EVENT_TYPES.BUSY ? 1 : -1;
+  });
+  var renderWeeklyEvent = useMemo(function () {
+    var isAllDay = events.some(function (item) {
+      return item.isAllDay;
+    });
+    if (isAllDay && events.length > 1) {
+      return React.createElement(React.Fragment, null, React.createElement(WeeklyEvent, {
+        event: events[0],
+        onOpenDetail: onOpenDetail,
+        onEventDetail: onEventDetail
+      }), React.createElement("div", {
+        className: styles['see-more']
+      }, React.createElement(CustomTooltip, {
+        placement: 'bottom',
+        title: React.createElement("div", {
+          className: styles['calendar-tooltip']
+        }, events.slice(1, events.length).map(function (event, index) {
+          return React.createElement(WeeklyEvent, {
+            event: event,
+            onOpenDetail: onOpenDetail,
+            onEventDetail: onEventDetail,
+            key: index + 1
+          });
+        }))
+      }, "+", Math.max(events.length - 1, 0), " More")));
+    }
+    return events.map(function (event, index) {
+      return React.createElement(WeeklyEvent, {
+        key: index,
+        event: event,
+        onOpenDetail: onOpenDetail,
+        onEventDetail: onEventDetail
+      });
+    });
+  }, [events]);
+  return React.createElement("div", {
+    className: styles['weekly-calendar__cell'] + " " + (isToday ? styles['bg-info/10'] : styles['bg-white']),
+    onClick: handleOpenCreateModal
+  }, renderWeeklyEvent);
+};
+
+dayjs.extend(isBetween);
+var getEventAllDay = function getEventAllDay(events, targetDate) {
+  return daysOfWeekKeys.reduce(function (acc, day, index) {
+    var currentDate = targetDate.add(index, 'day');
+    acc[day] = {
+      events: events.reduce(function (filteredEvents, event) {
+        if (dayjs(event.startDate).isSame(currentDate.startOf('day')) && checkIsAllday(dayjs(event.startDate), dayjs(event.endDate))) {
+          filteredEvents.push(_extends({}, event, {
+            isAllDay: true
+          }));
+        }
+        return filteredEvents;
+      }, []),
+      date: currentDate
+    };
+    return acc;
+  }, {});
+};
+var getEventsOfDay = function getEventsOfDay(events, targetHour) {
+  return daysOfWeekKeys.reduce(function (acc, day, index) {
+    var currentDate = targetHour.add(index, 'day');
+    acc[day] = {
+      events: events.filter(function (event) {
+        return dayjs(event.startDate).isSame(currentDate, 'hour') && !checkIsAllday(dayjs(event.startDate), dayjs(event.endDate));
+      }),
+      date: currentDate
+    };
+    return acc;
+  }, {});
+};
+var WeeklyCalendar = function WeeklyCalendar(_ref) {
+  var startDate = _ref.startDate,
+    endDate = _ref.endDate,
+    events = _ref.events,
+    norms = _ref.norms,
+    showWeeklyNorm = _ref.showWeeklyNorm,
+    onOpenDetail = _ref.onOpenDetail,
+    onOpenCreate = _ref.onOpenCreate,
+    onEventDetail = _ref.onEventDetail,
+    loading = _ref.loading;
+  var getTableColumns = function getTableColumns() {
+    var _calculateNormOfWeek = calculateNormOfWeek(norms, events, startDate, endDate),
+      normOfWeek = _calculateNormOfWeek.normOfWeek,
+      totalNorm = _calculateNormOfWeek.totalNorm;
+    var hourColumn = {
+      title: React.createElement("div", {
+        className: styles['weekly-calendar__title']
+      }, showWeeklyNorm && React.createElement(React.Fragment, null, React.createElement("div", null, "Weekly Norm"), React.createElement("div", {
+        className: clsx$1(normOfWeek > totalNorm && styles['!text-error'])
+      }, normOfWeek + "/" + totalNorm))),
+      dataIndex: 'hour',
+      key: 'hour',
+      width: 1,
+      render: function render(value) {
+        return React.createElement("div", null, value);
+      }
+    };
+    var dayColumns = Object.values(DAYS_OF_WEEK).map(function (day, index) {
+      return {
+        title: React.createElement("div", {
+          className: styles['weekly-calendar__title']
+        }, React.createElement("div", null, day.slice(0, 3)), React.createElement("div", null, dayjs(startDate).add(index, 'day').format('DD/MM'))),
+        dataIndex: day,
+        key: day,
+        render: function render(value) {
+          return React.createElement(WeeklyCell, {
+            key: index,
+            events: value.events,
+            date: value.date,
+            onOpenDetail: onOpenDetail,
+            onOpenCreate: onOpenCreate,
+            onEventDetail: onEventDetail
+          });
+        }
+      };
+    });
+    return [hourColumn].concat(dayColumns);
+  };
+  var getTableData = function getTableData() {
+    var data = [];
+    data.push(_extends({
+      id: -1,
+      hour: 'All day'
+    }, getEventAllDay(events, startDate)));
+    for (var i = 0; i < HOURS_PER_DAY; i++) {
+      var targetHour = dayjs(startDate).add(i, 'hour');
+      data.push(_extends({
+        id: i,
+        hour: targetHour.format('HH:mm')
+      }, getEventsOfDay(events, targetHour)));
+    }
+    return data;
+  };
+  return React.createElement(Table, {
+    rowKey: function rowKey(record) {
+      return record.id;
+    },
+    columns: getTableColumns(),
+    dataSource: getTableData(),
+    pagination: false,
+    rowHoverable: false,
+    className: styles['weekly-calendar'],
+    loading: loading
+  });
+};
+
+var SelectBox = function SelectBox(_ref) {
+  var value = _ref.value,
+    options = _ref.options,
+    defaultValue = _ref.defaultValue,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? '' : _ref$className,
+    disabled = _ref.disabled,
+    onChange = _ref.onChange;
+  return React.createElement(Select, {
+    defaultValue: defaultValue,
+    className: className,
+    disabled: disabled,
+    options: options,
+    value: value,
+    onChange: onChange
+  });
+};
+
+var LMSHeaderCalendar = function LMSHeaderCalendar(_ref) {
+  var title = _ref.title,
+    showTeacherName = _ref.showTeacherName,
+    currentDate = _ref.currentDate,
+    setCurrentDate = _ref.setCurrentDate,
+    calendarMode = _ref.calendarMode,
+    setCalendarMode = _ref.setCalendarMode,
+    toggleTurnOnFilter = _ref.toggleTurnOnFilter,
+    filter = _ref.filter;
+  var options = [{
+    value: 'month',
+    label: 'Month'
+  }, {
+    value: 'week',
+    label: 'Week'
+  }];
+  var handleChangeDate = function handleChangeDate(date) {
+    setCurrentDate(date);
+  };
+  var handleChangeMode = function handleChangeMode(mode) {
+    setCalendarMode(mode);
+    setCurrentDate(dayjs());
+  };
+  return React.createElement("div", {
+    className: styles['header-calendar']
+  }, React.createElement("div", {
+    className: clsx$1('cursor-pointer', filter.isOpen && styles['text-lms-primary']),
+    onClick: toggleTurnOnFilter
+  }, React.createElement(FilterIcon, null)), React.createElement("div", {
+    className: "" + styles['header-calendar__nav']
+  }, React.createElement(Icon, {
+    icon: React.createElement(LeftArrowIcon, null),
+    onClick: function onClick() {
+      return handleChangeDate(currentDate.subtract(1, calendarMode));
+    },
+    className: styles['rounded-none']
+  }), React.createElement(DatePicker, {
+    picker: calendarMode === 'day' ? 'date' : calendarMode,
+    onChange: handleChangeDate,
+    format: function format(value) {
+      return customDateFormat(value, calendarMode === 'day' ? FORMAT_DATE_CARLENDA.DATE : FORMAT_DATE_CARLENDA.MONTH_AND_WEEK);
+    },
+    value: currentDate,
+    allowClear: false,
+    suffixIcon: null,
+    className: styles['header-calendar__date-picker'],
+    size: 'large'
+  }), React.createElement(Icon, {
+    icon: React.createElement(RightArrowIcon, null),
+    onClick: function onClick() {
+      return handleChangeDate(currentDate.add(1, calendarMode));
+    }
+  })), showTeacherName && React.createElement("div", {
+    className: styles['header-calendar__title']
+  }, title), React.createElement("div", {
+    className: styles['header-calendar__controls']
+  }, React.createElement(Button, {
+    color: 'lms-default',
+    onClick: function onClick() {
+      return handleChangeDate(dayjs());
+    }
+  }, "Today"), React.createElement("div", {
+    className: styles['header-calendar__divider']
+  }), React.createElement(SelectBox, {
+    value: calendarMode,
+    options: options,
+    className: 'select-mode',
+    onChange: function onChange(mode) {
+      handleChangeMode(mode);
+    }
+  })));
+};
+
+var styles$1 = {"ant-picker-calendar-header":"_2Y9jk","ant-radio-group":"_3puh0","ant-picker-calendar-month-select":"_1b_yY","calendar-filter":"_1K0QG","calendar-filter_title":"_1kmo4","calendar-filter_note_blue":"_3yl3q","calendar-filter_note_pureple":"_dS6FM","calendar-filter_note_green":"_2v-Pp","calendar-filter_note_yellow":"_1u4J8","calendar-filter_note_red":"_1RLYM","calendar-filter_content_list_item":"_29aaM","calendar-filter_content_item_eye":"_1yCoo"};
+
+var FilterCalendar = function FilterCalendar(_ref) {
+  var filter = _ref.filter,
+    setFilter = _ref.setFilter;
+  var course = useMemo(function () {
+    return [{
+      id: '12121212',
+      name: 'CFA Level 2'
+    }, {
+      id: '34343434',
+      name: 'CFA Level 3'
+    }];
+  }, []);
+  var noteFilter = useMemo(function () {
+    return [{
+      title: 'Online',
+      icon: React.createElement("div", {
+        className: styles$1['calendar-filter_note_blue']
+      }),
+      value: 'online'
+    }, {
+      title: 'Live Online',
+      icon: React.createElement("div", {
+        className: styles$1['calendar-filter_note_pureple']
+      }),
+      value: 'live-online'
+    }, {
+      title: 'Offline',
+      icon: React.createElement("div", {
+        className: styles$1['calendar-filter_note_green']
+      }),
+      value: 'offline'
+    }, {
+      title: 'Case Study',
+      icon: React.createElement(GoldStarIcon, null),
+      value: 'case-study'
+    }, {
+      title: 'Test',
+      icon: React.createElement(BookIcon, null),
+      value: 'test'
+    }, {
+      title: 'Holiday',
+      icon: React.createElement("div", {
+        className: styles$1['calendar-filter_note_yellow']
+      }),
+      value: 'holiday'
+    }, {
+      title: 'Overdue',
+      icon: React.createElement("div", {
+        className: styles$1['calendar-filter_note_red']
+      }),
+      value: 'overdue'
+    }];
+  }, []);
+  var handleFilter = function handleFilter(type, value) {
+    switch (type) {
+      case 'course':
+        {
+          setFilter(function (prev) {
+            var courseId = prev.courseId || [];
+            var updatedCourseId = courseId.includes(value) ? courseId.filter(function (item) {
+              return item !== value;
+            }) : [].concat(courseId, [value]);
+            return _extends({}, prev, {
+              courseId: updatedCourseId
+            });
+          });
+          break;
+        }
+      case 'note':
+        {
+          setFilter(function (prev) {
+            var typeArray = prev.type || [];
+            var updatedType = typeArray.includes(value) ? typeArray.filter(function (item) {
+              return item !== value;
+            }) : [].concat(typeArray, [value]);
+            return _extends({}, prev, {
+              type: updatedType
+            });
+          });
+          break;
+        }
+    }
+  };
+  var handleFilterday = function handleFilterday(date, mode) {
+    console.log('filterDate:', date, mode);
+  };
+  return React.createElement("div", {
+    className: styles$1['calendar-filter']
+  }, React.createElement(Calendar, {
+    mode: 'month',
+    fullscreen: false,
+    onPanelChange: handleFilterday
+  }), React.createElement("div", null, React.createElement("div", {
+    className: styles$1['calendar-filter_title']
+  }, React.createElement(TagIcon, null), React.createElement("h3", null, "Notes")), React.createElement("div", null, noteFilter.map(function (item) {
+    var _filter$type;
+    return React.createElement("div", {
+      className: styles$1['calendar-filter_content_list_item'],
+      key: item.value
+    }, React.createElement("div", {
+      className: styles$1['calendar-filter_content_list_item']
+    }, item.icon, item.title), React.createElement("div", {
+      onClick: function onClick() {
+        return handleFilter('note', item.value);
+      },
+      className: styles$1['calendar-filter_content_item_eye']
+    }, (_filter$type = filter.type) !== null && _filter$type !== void 0 && _filter$type.includes(item.value) ? React.createElement(EyeIcon, null) : React.createElement(HiddenEyeIcon, null)));
+  }))), React.createElement("div", null, React.createElement("div", {
+    className: styles$1['calendar-filter_title']
+  }, React.createElement(EducationIcon, null), React.createElement("h3", null, "My courses")), React.createElement("div", null, course === null || course === void 0 ? void 0 : course.map(function (item, key) {
+    var _filter$courseId;
+    return React.createElement("div", {
+      key: key,
+      className: styles$1['calendar-filter_content_list_item']
+    }, React.createElement("div", {
+      className: styles$1['calendar-filter_content_list_item']
+    }, item.name), React.createElement("div", {
+      onClick: function onClick() {
+        return handleFilter('course', item.id);
+      },
+      className: styles$1['calendar-filter_content_item_eye']
+    }, (_filter$courseId = filter.courseId) !== null && _filter$courseId !== void 0 && _filter$courseId.includes(item.id) ? React.createElement(EyeIcon, null) : React.createElement(HiddenEyeIcon, null)));
+  }))));
+};
+
+var MonthlyEvent = function MonthlyEvent(_ref) {
+  var event = _ref.event,
+    isSameMonth = _ref.isSameMonth,
+    onEventDetail = _ref.onEventDetail;
+  var formattedDate = customDateFormat(event.startDate, TIME_FORMAT) + ' - ' + customDateFormat(event.endDate, TIME_FORMAT);
+  return React.createElement(React.Fragment, null, React.createElement("li", {
+    className: styles["event-" + (isSameMonth ? convertType[event.type] : 'default')],
+    style: {
+      cursor: 'pointer'
+    },
+    onClick: function onClick() {
+      return onEventDetail && onEventDetail(event);
+    }
+  }, React.createElement("div", {
+    className: styles['monthly-event__title']
+  }, React.createElement(CustomTooltip, {
+    title: event.title
+  }, event.title)), React.createElement("div", {
+    className: styles['monthly-event__date']
+  }, React.createElement(CustomTooltip, {
+    title: formattedDate
+  }, formattedDate))));
+};
+
+var MonthlyCell = function MonthlyCell(_ref) {
+  var currentDate = _ref.currentDate,
+    events = _ref.events,
+    date = _ref.date,
+    onOpenDetail = _ref.onOpenDetail,
+    onOpenCreate = _ref.onOpenCreate,
+    onEventDetail = _ref.onEventDetail;
+  var hasMore = events.length > 2;
+  var isSameMonth = currentDate.isSame(date, 'month');
+  var isToday = dayjs().isSame(date, 'day');
+  var handleOpenCreateModal = function handleOpenCreateModal(e) {
+    if (e.target !== e.currentTarget) return;
+    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']),
+    onClick: handleOpenCreateModal
+  }, React.createElement("div", {
+    className: isSameMonth ? styles['text-black'] : styles['text-secondary-text']
+  }, date.format('DD')), React.createElement("ul", {
+    onClick: function onClick() {
+      return onOpenDetail(date.toDate(), events);
+    }
+  }, events.slice(0, 2).map(function (event, index) {
+    return React.createElement(MonthlyEvent, {
+      key: index,
+      event: event,
+      isSameMonth: isSameMonth,
+      onEventDetail: onEventDetail
+    });
+  }), hasMore && React.createElement(CustomTooltip, {
+    placement: 'bottom',
+    title: React.createElement("div", {
+      className: styles['calendar-tooltip']
+    }, events.slice(2, events.length).map(function (event, index) {
+      return React.createElement(MonthlyEvent, {
+        key: index,
+        event: event,
+        isSameMonth: isSameMonth,
+        onEventDetail: onEventDetail
+      });
+    }))
+  }, React.createElement("div", {
+    className: isSameMonth ? styles['text-info'] : styles['text-secondary-text']
+  }, "+", Math.max(events.length - 2, 0), " More"))));
+};
+
+var getEventsOfWeek = function getEventsOfWeek(events, targetDate) {
+  return daysOfWeekKeys.reduce(function (acc, day, index) {
+    var currentDate = targetDate.add(index, 'day');
+    acc[day] = {
+      events: events.filter(function (event) {
+        return dayjs(event.startDate).isSame(currentDate, 'date');
+      }),
+      date: currentDate
+    };
+    return acc;
+  }, {});
+};
+var MonthlyCalendar = function MonthlyCalendar(_ref) {
+  var currentDate = _ref.currentDate,
+    startDate = _ref.startDate,
+    endDate = _ref.endDate,
+    events = _ref.events,
+    norms = _ref.norms,
+    showWeeklyNorm = _ref.showWeeklyNorm,
+    onOpenDetail = _ref.onOpenDetail,
+    onOpenCreate = _ref.onOpenCreate,
+    onEventDetail = _ref.onEventDetail,
+    loading = _ref.loading;
+  var getTableColumns = function getTableColumns() {
+    var weeklyNormColumn = {
+      title: React.createElement("div", {
+        className: styles['monthly-calendar__title'] + " " + styles['monthly-calendar__title-active']
+      }, "Weekly Norm"),
+      dataIndex: 'norm',
+      key: 'norm',
+      width: 1,
+      render: function render(value) {
+        var normOfWeek = value.normOfWeek,
+          totalNorm = value.totalNorm;
+        return React.createElement("div", {
+          className: styles['weekly-norm__cell']
+        }, React.createElement("div", {
+          className: clsx$1(styles['weekly-norm__value'], normOfWeek > totalNorm && styles['!text-error'])
+        }, normOfWeek + "/" + totalNorm));
+      }
+    };
+    var dayColumns = Object.values(DAYS_OF_WEEK).map(function (day, index) {
+      return {
+        title: React.createElement("div", {
+          className: styles['monthly-calendar__title']
+        }, day.slice(0, 3)),
+        dataIndex: day,
+        key: day,
+        width: '14%',
+        render: function render(value) {
+          return React.createElement(MonthlyCell, {
+            key: index,
+            events: value.events,
+            date: value.date,
+            currentDate: currentDate,
+            onOpenDetail: onOpenDetail,
+            onOpenCreate: onOpenCreate,
+            onEventDetail: onEventDetail
+          });
+        }
+      };
+    });
+    return showWeeklyNorm ? [weeklyNormColumn].concat(dayColumns) : dayColumns;
+  };
+  var getWeeksOfFullMonth = function getWeeksOfFullMonth() {
+    var weeks = [];
+    var targetDate = startDate.clone();
+    while (targetDate.isBefore(endDate)) {
+      weeks.push(targetDate);
+      targetDate = targetDate.add(1, 'week');
+    }
+    return weeks;
+  };
+  var getTableData = function getTableData() {
+    var weeks = getWeeksOfFullMonth();
+    var data = weeks.map(function (week, index) {
+      var eventsOfWeek = getEventsOfWeek(events, week);
+      if (!showWeeklyNorm) {
+        return _extends({
+          id: index
+        }, eventsOfWeek);
+      }
+      return _extends({
+        id: index,
+        norm: calculateNormOfWeek(norms, events, week, week.endOf('week').add(1, 'day'))
+      }, eventsOfWeek);
+    });
+    return data;
+  };
+  return React.createElement(Table, {
+    rowKey: function rowKey(record) {
+      return record.id;
+    },
+    columns: getTableColumns(),
+    dataSource: getTableData(),
+    pagination: false,
+    rowHoverable: false,
+    className: styles['monthly-calendar'],
+    loading: loading
+  });
+};
+
+var SAPPCalendar = function SAPPCalendar(_ref) {
+  var teacherName = _ref.teacherName,
+    events = _ref.events,
+    _ref$norms = _ref.norms,
+    norms = _ref$norms === void 0 ? [] : _ref$norms,
+    _ref$showTeacherName = _ref.showTeacherName,
+    showTeacherName = _ref$showTeacherName === void 0 ? true : _ref$showTeacherName,
+    _ref$showWeeklyNorm = _ref.showWeeklyNorm,
+    showWeeklyNorm = _ref$showWeeklyNorm === void 0 ? true : _ref$showWeeklyNorm,
+    onOpenDetail = _ref.onOpenDetail,
+    onOpenCreate = _ref.onOpenCreate,
+    onRefetchAPI = _ref.onRefetchAPI,
+    onEventDetail = _ref.onEventDetail,
+    loading = _ref.loading,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'normal' : _ref$type;
+  var _useState = useState(dayjs()),
+    currentDate = _useState[0],
+    setCurrentDate = _useState[1];
+  var _useState2 = useState('month'),
+    calendarMode = _useState2[0],
+    setCalendarMode = _useState2[1];
+  var _useState3 = useState({
+      isOpen: false,
+      type: [],
+      courseId: []
+    }),
+    filter = _useState3[0],
+    setFilter = _useState3[1];
+  var startDate = useMemo(function () {
+    if (calendarMode === 'day') {
+      return dayjs(currentDate).startOf('day');
+    }
+    return dayjs(currentDate).startOf(calendarMode).startOf('week').add(1, 'day');
+  }, [currentDate, calendarMode]);
+  var endDate = useMemo(function () {
+    if (calendarMode === 'day') {
+      return dayjs(currentDate).endOf('day');
+    }
+    return dayjs(currentDate).endOf(calendarMode).endOf('week').add(1, 'day');
+  }, [currentDate, calendarMode]);
+  var splittedEvents = splitEventsIntoDays(events);
+  splittedEvents.sort(function (a, b) {
+    return dayjs(a.startDate).diff(b.startDate);
+  });
+  var handleToggleFilter = function handleToggleFilter() {
+    setFilter(function (prev) {
+      return _extends({}, filter, {
+        isOpen: !prev.isOpen
+      });
+    });
+  };
+  useEffectAfterMounted(function () {
+    onRefetchAPI(startDate.toDate(), endDate.toDate());
+  }, [startDate, endDate]);
+  useEffect(function () {
+    if (type === 'filter') {
+      console.log('filter', events);
+    }
+  }, [filter, events]);
+  return React.createElement("div", {
+    className: styles['sapp-calendar']
+  }, filter.isOpen && React.createElement(FilterCalendar, {
+    filter: filter,
+    setFilter: setFilter
+  }), React.createElement("div", {
+    className: styles['sapp-calendar__container']
+  }, type === 'normal' ? React.createElement(HeaderCalendar, {
+    title: teacherName,
+    showTeacherName: showTeacherName,
+    currentDate: currentDate,
+    setCurrentDate: setCurrentDate,
+    calendarMode: calendarMode,
+    setCalendarMode: setCalendarMode
+  }) : React.createElement(LMSHeaderCalendar, {
+    title: teacherName,
+    showTeacherName: showTeacherName,
+    currentDate: currentDate,
+    setCurrentDate: setCurrentDate,
+    calendarMode: calendarMode,
+    setCalendarMode: setCalendarMode,
+    toggleTurnOnFilter: handleToggleFilter,
+    filter: filter
+  }), calendarMode === 'month' && React.createElement(MonthlyCalendar, {
+    currentDate: currentDate,
+    startDate: startDate,
+    endDate: endDate,
+    events: splittedEvents,
+    norms: norms,
+    showWeeklyNorm: showWeeklyNorm,
+    onOpenDetail: onOpenDetail,
+    onOpenCreate: onOpenCreate,
+    onEventDetail: onEventDetail,
+    loading: loading
+  }), calendarMode === 'week' && React.createElement(WeeklyCalendar, {
+    startDate: startDate,
+    endDate: endDate,
+    events: splittedEvents,
+    norms: norms,
+    showWeeklyNorm: showWeeklyNorm,
+    onOpenDetail: onOpenDetail,
+    onOpenCreate: onOpenCreate,
+    onEventDetail: onEventDetail,
+    loading: loading
+  })));
+};
+
+export { SAPPCalendar };
+//# sourceMappingURL=index.modern.js.map