@koine/react 1.1.10 → 1.1.11

package/Calendar/CalendarLegend.mjs

@@ -0,0 +1,16 @@
+import { __assign } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var KoineCalendarLegend = function (_a) {
+    // const sorted = Object.entries(calendarsMap).sort((a, b) => {
+    //   const { name: nameA } = a[1];
+    //   const { name: nameB } = b[1];
+    //   if (nameA < nameB) return -1;
+    //   else if (nameA > nameB) return 1;
+    //   else return 0;
+    // });
+    var _b = _a.calendarsMap, calendarsMap = _b === void 0 ? {} : _b, toggleCalendarVisibility = _a.toggleCalendarVisibility, _c = _a.LegendItem, LegendItem = _c === void 0 ? "div" : _c, _d = _a.LegendItemStatus, LegendItemStatus = _d === void 0 ? "span" : _d, _e = _a.LegendItemLabel, LegendItemLabel = _e === void 0 ? "span" : _e, _f = _a.LegendItemEvents, LegendItemEvents = _f === void 0 ? "span" : _f;
+    return (_jsx(_Fragment, { children: Object.entries(calendarsMap).map(function (_a) {
+            var id = _a[0], calendar = _a[1];
+            return (_jsxs(LegendItem, __assign({ onClick: function () { return toggleCalendarVisibility(id); }, "$color": calendar.color, "$empty": calendar.events === 0, disabled: calendar.events === 0 }, { children: [_jsx(LegendItemStatus, { children: calendar.on ? "\u2b24" : "\u2b58" }), _jsx(LegendItemLabel, { children: calendar.name }), _jsx(LegendItemEvents, { children: calendar.events })] }), "CalendarLegend." + id));
+        }) }));
+};

package/Calendar/calendar-api-google.js

@@ -1,28 +1,31 @@
-import { __assign, __awaiter, __generator, __rest } from "tslib";
-import arrayToLookup from "@koine/utils/arrayToLookup";
-import isString from "@koine/utils/isString";
-import isUndefined from "@koine/utils/isUndefined";
-import differenceInDays from "date-fns/differenceInDays";
-import subDays from "date-fns/subDays";
-import { getEventTimestamp, addCalendarEvents } from "./utils";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCalendarsEventsFromGoogle = void 0;
+var tslib_1 = require("tslib");
+var arrayToLookup_1 = tslib_1.__importDefault(require("@koine/utils/arrayToLookup"));
+var isString_1 = tslib_1.__importDefault(require("@koine/utils/isString"));
+var isUndefined_1 = tslib_1.__importDefault(require("@koine/utils/isUndefined"));
+var differenceInDays_1 = tslib_1.__importDefault(require("date-fns/differenceInDays"));
+var subDays_1 = tslib_1.__importDefault(require("date-fns/subDays"));
+var utils_1 = require("./utils");
 var baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
-export function getCalendarsEventsFromGoogle(_a) {
-    var calendars = _a.calendars, options = __rest(_a, ["calendars"]);
-    return __awaiter(this, void 0, void 0, function () {
+function getCalendarsEventsFromGoogle(_a) {
+    var calendars = _a.calendars, options = tslib_1.__rest(_a, ["calendars"]);
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
         var allEvents;
         var _this = this;
-        return __generator(this, function (_b) {
+        return tslib_1.__generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     allEvents = {};
-                    return [4 /*yield*/, Promise.all(calendars.map(function (calendar) { return __awaiter(_this, void 0, void 0, function () {
+                    return [4 /*yield*/, Promise.all(calendars.map(function (calendar) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
                             var events;
-                            return __generator(this, function (_a) {
+                            return tslib_1.__generator(this, function (_a) {
                                 switch (_a.label) {
-                                    case 0: return [4 /*yield*/, getCalendarEventsFromGoogle(__assign({ calendar: calendar }, options))];
+                                    case 0: return [4 /*yield*/, getCalendarEventsFromGoogle(tslib_1.__assign({ calendar: calendar }, options))];
                                     case 1:
                                         events = _a.sent();
-                                        addCalendarEvents(events, allEvents);
+                                        (0, utils_1.addCalendarEvents)(events, allEvents);
                                         return [2 /*return*/];
                                 }
                             });
@@ -34,11 +37,12 @@ export function getCalendarsEventsFromGoogle(_a) {
         });
     });
 }
+exports.getCalendarsEventsFromGoogle = getCalendarsEventsFromGoogle;
 function getCalendarEventsFromGoogle(_a) {
     var apiKey = _a.apiKey, calendar = _a.calendar, _b = _a.timeZone, timeZone = _b === void 0 ? "" : _b, start = _a.start, end = _a.end;
-    return __awaiter(this, void 0, void 0, function () {
+    return tslib_1.__awaiter(this, void 0, void 0, function () {
         var events, params, url, response, data, e_1;
-        return __generator(this, function (_c) {
+        return tslib_1.__generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
                     events = {};
@@ -85,27 +89,27 @@ function transformCalendarEventFromGoogle(event, calendar) {
     var start = new Date(event.start.date || event.start.dateTime);
     var end = new Date(event.end.date || event.end.dateTime);
     var color = calendar.color;
-    var allDay = isUndefined(event.end.dateTime) && isString(event.end.date);
+    var allDay = (0, isUndefined_1.default)(event.end.dateTime) && (0, isString_1.default)(event.end.date);
     var location = event.location || "";
     var description = event.description || ""; // FIXME: he.decode(event.description || '');
     var uid = created.getTime() + "" + start.getTime();
     // multi-days all day events has as end date the date after to what we actually
     // mean, hence we subtract one day. @see https://support.google.com/calendar/thread/10074544/google-calendar-all-day-events-are-showing-up-as-a-24-hr-event-across-time-zones?hl=en
     if (allDay && end > start) {
-        end = subDays(end, 1);
+        end = (0, subDays_1.default)(end, 1);
         end.setHours(23, 59, 59);
     }
     var days = getDays();
-    var daysMap = arrayToLookup(days);
+    var daysMap = (0, arrayToLookup_1.default)(days);
     var multi = days.length > 1;
     function getDays() {
         var from = new Date(start);
         var to = new Date(end);
-        var days = [getEventTimestamp(from)];
-        while (differenceInDays(to, from)) {
+        var days = [(0, utils_1.getEventTimestamp)(from)];
+        while ((0, differenceInDays_1.default)(to, from)) {
             // console.log(title, differenceInDays(to, from))
             from.setDate(from.getDate() + 1);
-            days.push(getEventTimestamp(from));
+            days.push((0, utils_1.getEventTimestamp)(from));
         }
         return days;
     }

package/{node/Calendar/calendar-api-google.js → Calendar/calendar-api-google.mjs}

@@ -1,31 +1,28 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCalendarsEventsFromGoogle = void 0;
-var tslib_1 = require("tslib");
-var arrayToLookup_1 = tslib_1.__importDefault(require("@koine/utils/arrayToLookup"));
-var isString_1 = tslib_1.__importDefault(require("@koine/utils/isString"));
-var isUndefined_1 = tslib_1.__importDefault(require("@koine/utils/isUndefined"));
-var differenceInDays_1 = tslib_1.__importDefault(require("date-fns/differenceInDays"));
-var subDays_1 = tslib_1.__importDefault(require("date-fns/subDays"));
-var utils_1 = require("./utils");
+import { __assign, __awaiter, __generator, __rest } from "tslib";
+import arrayToLookup from "@koine/utils/arrayToLookup";
+import isString from "@koine/utils/isString";
+import isUndefined from "@koine/utils/isUndefined";
+import differenceInDays from "date-fns/differenceInDays";
+import subDays from "date-fns/subDays";
+import { getEventTimestamp, addCalendarEvents } from "./utils";
 var baseURL = "https://www.googleapis.com/calendar/v3/calendars/";
-function getCalendarsEventsFromGoogle(_a) {
-    var calendars = _a.calendars, options = tslib_1.__rest(_a, ["calendars"]);
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
+export function getCalendarsEventsFromGoogle(_a) {
+    var calendars = _a.calendars, options = __rest(_a, ["calendars"]);
+    return __awaiter(this, void 0, void 0, function () {
         var allEvents;
         var _this = this;
-        return tslib_1.__generator(this, function (_b) {
+        return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
                     allEvents = {};
-                    return [4 /*yield*/, Promise.all(calendars.map(function (calendar) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                    return [4 /*yield*/, Promise.all(calendars.map(function (calendar) { return __awaiter(_this, void 0, void 0, function () {
                             var events;
-                            return tslib_1.__generator(this, function (_a) {
+                            return __generator(this, function (_a) {
                                 switch (_a.label) {
-                                    case 0: return [4 /*yield*/, getCalendarEventsFromGoogle(tslib_1.__assign({ calendar: calendar }, options))];
+                                    case 0: return [4 /*yield*/, getCalendarEventsFromGoogle(__assign({ calendar: calendar }, options))];
                                     case 1:
                                         events = _a.sent();
-                                        (0, utils_1.addCalendarEvents)(events, allEvents);
+                                        addCalendarEvents(events, allEvents);
                                         return [2 /*return*/];
                                 }
                             });
@@ -37,12 +34,11 @@ function getCalendarsEventsFromGoogle(_a) {
         });
     });
 }
-exports.getCalendarsEventsFromGoogle = getCalendarsEventsFromGoogle;
 function getCalendarEventsFromGoogle(_a) {
     var apiKey = _a.apiKey, calendar = _a.calendar, _b = _a.timeZone, timeZone = _b === void 0 ? "" : _b, start = _a.start, end = _a.end;
-    return tslib_1.__awaiter(this, void 0, void 0, function () {
+    return __awaiter(this, void 0, void 0, function () {
         var events, params, url, response, data, e_1;
-        return tslib_1.__generator(this, function (_c) {
+        return __generator(this, function (_c) {
             switch (_c.label) {
                 case 0:
                     events = {};
@@ -89,27 +85,27 @@ function transformCalendarEventFromGoogle(event, calendar) {
     var start = new Date(event.start.date || event.start.dateTime);
     var end = new Date(event.end.date || event.end.dateTime);
     var color = calendar.color;
-    var allDay = (0, isUndefined_1.default)(event.end.dateTime) && (0, isString_1.default)(event.end.date);
+    var allDay = isUndefined(event.end.dateTime) && isString(event.end.date);
     var location = event.location || "";
     var description = event.description || ""; // FIXME: he.decode(event.description || '');
     var uid = created.getTime() + "" + start.getTime();
     // multi-days all day events has as end date the date after to what we actually
     // mean, hence we subtract one day. @see https://support.google.com/calendar/thread/10074544/google-calendar-all-day-events-are-showing-up-as-a-24-hr-event-across-time-zones?hl=en
     if (allDay && end > start) {
-        end = (0, subDays_1.default)(end, 1);
+        end = subDays(end, 1);
         end.setHours(23, 59, 59);
     }
     var days = getDays();
-    var daysMap = (0, arrayToLookup_1.default)(days);
+    var daysMap = arrayToLookup(days);
     var multi = days.length > 1;
     function getDays() {
         var from = new Date(start);
         var to = new Date(end);
-        var days = [(0, utils_1.getEventTimestamp)(from)];
-        while ((0, differenceInDays_1.default)(to, from)) {
+        var days = [getEventTimestamp(from)];
+        while (differenceInDays(to, from)) {
             // console.log(title, differenceInDays(to, from))
             from.setDate(from.getDate() + 1);
-            days.push((0, utils_1.getEventTimestamp)(from));
+            days.push(getEventTimestamp(from));
         }
         return days;
     }

package/Calendar/index.js

@@ -1,6 +1,9 @@
-export * from "./CalendarDaygridCell";
-export * from "./CalendarDaygridNav";
-export * from "./CalendarDaygridTable";
-export * from "./CalendarLegend";
-export * from "./useCalendar";
-export * from "./types";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./CalendarDaygridCell"), exports);
+tslib_1.__exportStar(require("./CalendarDaygridNav"), exports);
+tslib_1.__exportStar(require("./CalendarDaygridTable"), exports);
+tslib_1.__exportStar(require("./CalendarLegend"), exports);
+tslib_1.__exportStar(require("./useCalendar"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/Calendar/index.mjs

@@ -0,0 +1,6 @@
+export * from "./CalendarDaygridCell";
+export * from "./CalendarDaygridNav";
+export * from "./CalendarDaygridTable";
+export * from "./CalendarLegend";
+export * from "./useCalendar";
+export * from "./types";

package/Calendar/package.json

@@ -1,6 +1,6 @@
 {
   "sideEffects": false,
-  "module": "./index.js",
-  "main": "../node/Calendar/index.js",
+  "module": "./index.mjs",
+  "main": "./index.js",
   "types": "./index.d.ts"
 }

package/Calendar/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/Calendar/types.mjs

@@ -0,0 +1 @@
+export {};

package/Calendar/useCalendar.js

@@ -1,19 +1,22 @@
-import { __assign, __awaiter, __generator } from "tslib";
-import { useCallback, useEffect, useReducer, useState } from "react";
-import { getCalendarsEventsFromGoogle } from "./calendar-api-google";
-import { getStartDate, getEndDate, getPrevDate, getNextDate, isTodayInView, } from "./utils";
-export function useCalendar(_a) {
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCalendar = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var calendar_api_google_1 = require("./calendar-api-google");
+var utils_1 = require("./utils");
+function useCalendar(_a) {
     var _this = this;
     var locale = _a.locale, apiKey = _a.apiKey, calendars = _a.calendars, initialEvents = _a.events, initialStart = _a.start, initialEnd = _a.end, _b = _a.view, initialView = _b === void 0 ? "month" : _b, _c = _a.timeZone, timeZone = _c === void 0 ? "" : _c, onError = _a.onError;
-    var _d = useState(initialView), view = _d[0], setView = _d[1];
-    var start = initialStart || getStartDate(new Date(), view);
-    var end = initialEnd || getEndDate(start, view);
-    var _e = useState([start, end]), range = _e[0], setRange = _e[1];
-    var _f = useState(isTodayInView(start, end)), todayInView = _f[0], setTodayInView = _f[1];
-    var _g = useState(initialEvents || {}), events = _g[0], setEvents = _g[1];
-    var _h = useState(null), eventHovered = _h[0], setEventHovered = _h[1];
-    var _j = useState(null), eventClicked = _j[0], setEventClicked = _j[1];
-    var _k = useReducer(function (state, action) {
+    var _d = (0, react_1.useState)(initialView), view = _d[0], setView = _d[1];
+    var start = initialStart || (0, utils_1.getStartDate)(new Date(), view);
+    var end = initialEnd || (0, utils_1.getEndDate)(start, view);
+    var _e = (0, react_1.useState)([start, end]), range = _e[0], setRange = _e[1];
+    var _f = (0, react_1.useState)((0, utils_1.isTodayInView)(start, end)), todayInView = _f[0], setTodayInView = _f[1];
+    var _g = (0, react_1.useState)(initialEvents || {}), events = _g[0], setEvents = _g[1];
+    var _h = (0, react_1.useState)(null), eventHovered = _h[0], setEventHovered = _h[1];
+    var _j = (0, react_1.useState)(null), eventClicked = _j[0], setEventClicked = _j[1];
+    var _k = (0, react_1.useReducer)(function (state, action) {
         var _a;
         var type = action.type;
         switch (type) {
@@ -21,19 +24,19 @@ export function useCalendar(_a) {
                 var events_1 = action.payload;
                 return Object.entries(state).reduce(function (map, _a) {
                     var id = _a[0], calendar = _a[1];
-                    map[id] = __assign(__assign({}, calendar), { events: events_1[id] || 0 });
+                    map[id] = tslib_1.__assign(tslib_1.__assign({}, calendar), { events: events_1[id] || 0 });
                     return map;
                 }, {});
             }
             case "visibility": {
                 var visible_1 = action.payload;
                 if (typeof visible_1 === "string") {
-                    return __assign(__assign({}, state), (_a = {}, _a[visible_1] = __assign(__assign({}, state[visible_1]), { on: !state[visible_1].on }), _a));
+                    return tslib_1.__assign(tslib_1.__assign({}, state), (_a = {}, _a[visible_1] = tslib_1.__assign(tslib_1.__assign({}, state[visible_1]), { on: !state[visible_1].on }), _a));
                 }
                 else {
                     return Object.entries(state).reduce(function (map, _a) {
                         var id = _a[0], calendar = _a[1];
-                        map[id] = __assign(__assign({}, calendar), { on: visible_1.indexOf(id) > -1 });
+                        map[id] = tslib_1.__assign(tslib_1.__assign({}, calendar), { on: visible_1.indexOf(id) > -1 });
                         return map;
                     }, {});
                 }
@@ -44,13 +47,13 @@ export function useCalendar(_a) {
     }, 
     // initial state
     calendars.reduce(function (map, calendar) {
-        map[calendar.id] = __assign(__assign({}, calendar), { name: calendar.name || "", on: true, events: 0 });
+        map[calendar.id] = tslib_1.__assign(tslib_1.__assign({}, calendar), { name: calendar.name || "", on: true, events: 0 });
         return map;
     }, {})), calendarsMap = _k[0], updateCalendars = _k[1];
-    var toggleCalendarVisibility = useCallback(function (idOrIds) {
+    var toggleCalendarVisibility = (0, react_1.useCallback)(function (idOrIds) {
         updateCalendars({ type: "visibility", payload: idOrIds });
     }, [updateCalendars]);
-    var updateCalendarsBasedOnEvents = useCallback(function (events) {
+    var updateCalendarsBasedOnEvents = (0, react_1.useCallback)(function (events) {
         var payload = {};
         for (var uid in events) {
             var id = events[uid].calendar.id;
@@ -59,13 +62,13 @@ export function useCalendar(_a) {
         }
         updateCalendars({ type: "events", payload: payload });
     }, []);
-    var loadCalendars = useCallback(function (calendars, start, end) { return __awaiter(_this, void 0, void 0, function () {
+    var loadCalendars = (0, react_1.useCallback)(function (calendars, start, end) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
         var newEvents, e_1;
-        return __generator(this, function (_a) {
+        return tslib_1.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, getCalendarsEventsFromGoogle({
+                    return [4 /*yield*/, (0, calendar_api_google_1.getCalendarsEventsFromGoogle)({
                             apiKey: apiKey,
                             calendars: calendars,
                             timeZone: timeZone,
@@ -86,10 +89,10 @@ export function useCalendar(_a) {
             }
         });
     }); }, [setEvents, apiKey, timeZone, onError]);
-    var handleToday = useCallback(function () {
+    var handleToday = (0, react_1.useCallback)(function () {
         var start = range[0], end = range[1];
-        var newStart = getStartDate(new Date(), view);
-        var newEnd = getEndDate(newStart, view);
+        var newStart = (0, utils_1.getStartDate)(new Date(), view);
+        var newEnd = (0, utils_1.getEndDate)(newStart, view);
         setRange([newStart, newEnd]);
         // reset event only if we are not on the current view already
         if (start.getTime() !== newStart.getTime() ||
@@ -98,48 +101,48 @@ export function useCalendar(_a) {
             setEventHovered(null);
         }
     }, [view, range]);
-    var handlePrev = useCallback(function () {
+    var handlePrev = (0, react_1.useCallback)(function () {
         setRange(function (_a) {
             var start = _a[0];
-            var newStart = getPrevDate(start, view);
-            var newEnd = getEndDate(newStart, view);
+            var newStart = (0, utils_1.getPrevDate)(start, view);
+            var newEnd = (0, utils_1.getEndDate)(newStart, view);
             return [newStart, newEnd];
         });
         setEventClicked(null);
         setEventHovered(null);
     }, [view]);
-    var handleNext = useCallback(function () {
+    var handleNext = (0, react_1.useCallback)(function () {
         setRange(function (_a) {
             var start = _a[0];
-            var newStart = getNextDate(start, view);
-            var newEnd = getEndDate(newStart, view);
+            var newStart = (0, utils_1.getNextDate)(start, view);
+            var newEnd = (0, utils_1.getEndDate)(newStart, view);
             return [newStart, newEnd];
         });
         setEventClicked(null);
         setEventHovered(null);
     }, [view]);
-    var handleView = useCallback(function (newView) {
-        var newStart = getStartDate(start, newView);
-        var newEnd = getEndDate(newStart, newView);
+    var handleView = (0, react_1.useCallback)(function (newView) {
+        var newStart = (0, utils_1.getStartDate)(start, newView);
+        var newEnd = (0, utils_1.getEndDate)(newStart, newView);
         setRange([newStart, newEnd]);
         setView(newView);
         setEventClicked(null);
         setEventHovered(null);
     }, [start]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         var start = range[0], end = range[1];
         loadCalendars(calendars, start, end);
-        setTodayInView(isTodayInView(start, end));
+        setTodayInView((0, utils_1.isTodayInView)(start, end));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [range]);
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (events) {
             updateCalendarsBasedOnEvents(events);
         }
     }, [events, updateCalendarsBasedOnEvents]);
     // when toggling a calendar we also remove the clicked event if that belongs
     // to a now hidden calendar
-    useEffect(function () {
+    (0, react_1.useEffect)(function () {
         if (eventClicked) {
             if (!calendarsMap[eventClicked.calendar.id].on) {
                 setEventClicked(null);
@@ -181,3 +184,4 @@ export function useCalendar(_a) {
         }); },
     };
 }
+exports.useCalendar = useCalendar;

package/{node/Calendar/useCalendar.js → Calendar/useCalendar.mjs}

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCalendar = void 0;
-var tslib_1 = require("tslib");
-var react_1 = require("react");
-var calendar_api_google_1 = require("./calendar-api-google");
-var utils_1 = require("./utils");
-function useCalendar(_a) {
+import { __assign, __awaiter, __generator } from "tslib";
+import { useCallback, useEffect, useReducer, useState } from "react";
+import { getCalendarsEventsFromGoogle } from "./calendar-api-google";
+import { getStartDate, getEndDate, getPrevDate, getNextDate, isTodayInView, } from "./utils";
+export function useCalendar(_a) {
     var _this = this;
     var locale = _a.locale, apiKey = _a.apiKey, calendars = _a.calendars, initialEvents = _a.events, initialStart = _a.start, initialEnd = _a.end, _b = _a.view, initialView = _b === void 0 ? "month" : _b, _c = _a.timeZone, timeZone = _c === void 0 ? "" : _c, onError = _a.onError;
-    var _d = (0, react_1.useState)(initialView), view = _d[0], setView = _d[1];
-    var start = initialStart || (0, utils_1.getStartDate)(new Date(), view);
-    var end = initialEnd || (0, utils_1.getEndDate)(start, view);
-    var _e = (0, react_1.useState)([start, end]), range = _e[0], setRange = _e[1];
-    var _f = (0, react_1.useState)((0, utils_1.isTodayInView)(start, end)), todayInView = _f[0], setTodayInView = _f[1];
-    var _g = (0, react_1.useState)(initialEvents || {}), events = _g[0], setEvents = _g[1];
-    var _h = (0, react_1.useState)(null), eventHovered = _h[0], setEventHovered = _h[1];
-    var _j = (0, react_1.useState)(null), eventClicked = _j[0], setEventClicked = _j[1];
-    var _k = (0, react_1.useReducer)(function (state, action) {
+    var _d = useState(initialView), view = _d[0], setView = _d[1];
+    var start = initialStart || getStartDate(new Date(), view);
+    var end = initialEnd || getEndDate(start, view);
+    var _e = useState([start, end]), range = _e[0], setRange = _e[1];
+    var _f = useState(isTodayInView(start, end)), todayInView = _f[0], setTodayInView = _f[1];
+    var _g = useState(initialEvents || {}), events = _g[0], setEvents = _g[1];
+    var _h = useState(null), eventHovered = _h[0], setEventHovered = _h[1];
+    var _j = useState(null), eventClicked = _j[0], setEventClicked = _j[1];
+    var _k = useReducer(function (state, action) {
         var _a;
         var type = action.type;
         switch (type) {
@@ -24,19 +21,19 @@ function useCalendar(_a) {
                 var events_1 = action.payload;
                 return Object.entries(state).reduce(function (map, _a) {
                     var id = _a[0], calendar = _a[1];
-                    map[id] = tslib_1.__assign(tslib_1.__assign({}, calendar), { events: events_1[id] || 0 });
+                    map[id] = __assign(__assign({}, calendar), { events: events_1[id] || 0 });
                     return map;
                 }, {});
             }
             case "visibility": {
                 var visible_1 = action.payload;
                 if (typeof visible_1 === "string") {
-                    return tslib_1.__assign(tslib_1.__assign({}, state), (_a = {}, _a[visible_1] = tslib_1.__assign(tslib_1.__assign({}, state[visible_1]), { on: !state[visible_1].on }), _a));
+                    return __assign(__assign({}, state), (_a = {}, _a[visible_1] = __assign(__assign({}, state[visible_1]), { on: !state[visible_1].on }), _a));
                 }
                 else {
                     return Object.entries(state).reduce(function (map, _a) {
                         var id = _a[0], calendar = _a[1];
-                        map[id] = tslib_1.__assign(tslib_1.__assign({}, calendar), { on: visible_1.indexOf(id) > -1 });
+                        map[id] = __assign(__assign({}, calendar), { on: visible_1.indexOf(id) > -1 });
                         return map;
                     }, {});
                 }
@@ -47,13 +44,13 @@ function useCalendar(_a) {
     }, 
     // initial state
     calendars.reduce(function (map, calendar) {
-        map[calendar.id] = tslib_1.__assign(tslib_1.__assign({}, calendar), { name: calendar.name || "", on: true, events: 0 });
+        map[calendar.id] = __assign(__assign({}, calendar), { name: calendar.name || "", on: true, events: 0 });
         return map;
     }, {})), calendarsMap = _k[0], updateCalendars = _k[1];
-    var toggleCalendarVisibility = (0, react_1.useCallback)(function (idOrIds) {
+    var toggleCalendarVisibility = useCallback(function (idOrIds) {
         updateCalendars({ type: "visibility", payload: idOrIds });
     }, [updateCalendars]);
-    var updateCalendarsBasedOnEvents = (0, react_1.useCallback)(function (events) {
+    var updateCalendarsBasedOnEvents = useCallback(function (events) {
         var payload = {};
         for (var uid in events) {
             var id = events[uid].calendar.id;
@@ -62,13 +59,13 @@ function useCalendar(_a) {
         }
         updateCalendars({ type: "events", payload: payload });
     }, []);
-    var loadCalendars = (0, react_1.useCallback)(function (calendars, start, end) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+    var loadCalendars = useCallback(function (calendars, start, end) { return __awaiter(_this, void 0, void 0, function () {
         var newEvents, e_1;
-        return tslib_1.__generator(this, function (_a) {
+        return __generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
                     _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, (0, calendar_api_google_1.getCalendarsEventsFromGoogle)({
+                    return [4 /*yield*/, getCalendarsEventsFromGoogle({
                             apiKey: apiKey,
                             calendars: calendars,
                             timeZone: timeZone,
@@ -89,10 +86,10 @@ function useCalendar(_a) {
             }
         });
     }); }, [setEvents, apiKey, timeZone, onError]);
-    var handleToday = (0, react_1.useCallback)(function () {
+    var handleToday = useCallback(function () {
         var start = range[0], end = range[1];
-        var newStart = (0, utils_1.getStartDate)(new Date(), view);
-        var newEnd = (0, utils_1.getEndDate)(newStart, view);
+        var newStart = getStartDate(new Date(), view);
+        var newEnd = getEndDate(newStart, view);
         setRange([newStart, newEnd]);
         // reset event only if we are not on the current view already
         if (start.getTime() !== newStart.getTime() ||
@@ -101,48 +98,48 @@ function useCalendar(_a) {
             setEventHovered(null);
         }
     }, [view, range]);
-    var handlePrev = (0, react_1.useCallback)(function () {
+    var handlePrev = useCallback(function () {
         setRange(function (_a) {
             var start = _a[0];
-            var newStart = (0, utils_1.getPrevDate)(start, view);
-            var newEnd = (0, utils_1.getEndDate)(newStart, view);
+            var newStart = getPrevDate(start, view);
+            var newEnd = getEndDate(newStart, view);
             return [newStart, newEnd];
         });
         setEventClicked(null);
         setEventHovered(null);
     }, [view]);
-    var handleNext = (0, react_1.useCallback)(function () {
+    var handleNext = useCallback(function () {
         setRange(function (_a) {
             var start = _a[0];
-            var newStart = (0, utils_1.getNextDate)(start, view);
-            var newEnd = (0, utils_1.getEndDate)(newStart, view);
+            var newStart = getNextDate(start, view);
+            var newEnd = getEndDate(newStart, view);
             return [newStart, newEnd];
         });
         setEventClicked(null);
         setEventHovered(null);
     }, [view]);
-    var handleView = (0, react_1.useCallback)(function (newView) {
-        var newStart = (0, utils_1.getStartDate)(start, newView);
-        var newEnd = (0, utils_1.getEndDate)(newStart, newView);
+    var handleView = useCallback(function (newView) {
+        var newStart = getStartDate(start, newView);
+        var newEnd = getEndDate(newStart, newView);
         setRange([newStart, newEnd]);
         setView(newView);
         setEventClicked(null);
         setEventHovered(null);
     }, [start]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         var start = range[0], end = range[1];
         loadCalendars(calendars, start, end);
-        setTodayInView((0, utils_1.isTodayInView)(start, end));
+        setTodayInView(isTodayInView(start, end));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [range]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         if (events) {
             updateCalendarsBasedOnEvents(events);
         }
     }, [events, updateCalendarsBasedOnEvents]);
     // when toggling a calendar we also remove the clicked event if that belongs
     // to a now hidden calendar
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         if (eventClicked) {
             if (!calendarsMap[eventClicked.calendar.id].on) {
                 setEventClicked(null);
@@ -184,4 +181,3 @@ function useCalendar(_a) {
         }); },
     };
 }
-exports.useCalendar = useCalendar;