@koine/react 2.0.0-beta.2 → 2.0.0-beta.21

package/Calendar/calendar-api-google.js

@@ -1,48 +1,42 @@
-"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 differenceInDays from "date-fns/differenceInDays";
+import subDays from "date-fns/subDays";
+import { arrayToLookup, isString, isUndefined } from "@koine/utils";
+import { addCalendarEvents, getEventTimestamp } from "./utils.js";
 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, 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, getCalendarEventsFromGoogle(__assign({ calendar: calendar }, options))];
                                     case 1:
                                         events = _a.sent();
-                                        (0, utils_1.addCalendarEvents)(events, allEvents);
-                                        return [2 /*return*/];
+                                        addCalendarEvents(events, allEvents);
+                                        return [2];
                                 }
                             });
                         }); }))];
                 case 1:
                     _b.sent();
-                    return [2 /*return*/, allEvents];
+                    return [2, allEvents];
             }
         });
     });
 }
-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 = {};
@@ -61,10 +55,10 @@ function getCalendarEventsFromGoogle(_a) {
                     _c.label = 1;
                 case 1:
                     _c.trys.push([1, 4, , 5]);
-                    return [4 /*yield*/, fetch(url, { method: "GET" })];
+                    return [4, fetch(url, { method: "GET" })];
                 case 2:
                     response = _c.sent();
-                    return [4 /*yield*/, response.json()];
+                    return [4, response.json()];
                 case 3:
                     data = (_c.sent());
                     calendar.name = calendar.name || data.summary;
@@ -72,11 +66,11 @@ function getCalendarEventsFromGoogle(_a) {
                         var event = transformCalendarEventFromGoogle(googleEvent, calendar);
                         events[event.uid] = event;
                     });
-                    return [3 /*break*/, 5];
+                    return [3, 5];
                 case 4:
                     e_1 = _c.sent();
-                    return [3 /*break*/, 5];
-                case 5: return [2 /*return*/, events];
+                    return [3, 5];
+                case 5: return [2, events];
             }
         });
     });
@@ -89,27 +83,24 @@ 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 description = 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)) {
-            // console.log(title, differenceInDays(to, from))
+        var days = [getEventTimestamp(from)];
+        while (differenceInDays(to, from)) {
             from.setDate(from.getDate() + 1);
-            days.push((0, utils_1.getEventTimestamp)(from));
+            days.push(getEventTimestamp(from));
         }
         return days;
     }

package/Calendar/index.d.ts

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

package/Calendar/index.js

@@ -1,9 +1,6 @@
-"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);
+export * from "./CalendarDaygridCell.js";
+export * from "./CalendarDaygridNav.js";
+export * from "./CalendarDaygridTable.js";
+export * from "./CalendarLegend.js";
+export * from "./useCalendar.js";
+export * from "./types.js";

package/Calendar/types.d.ts

@@ -1,10 +1,6 @@
 export type Calendar = {
     id: string;
     color: string;
-    /**
-     * If not defined the name is gathered from the remote calendar response,
-     * for google calendars that comes from the `summary` value.
-     */
     name?: string;
 };
 export type Calendars = Calendar[];
@@ -16,17 +12,8 @@ export type CalendarRange = [Date, Date];
 export type CalendarView = "month" | "week";
 export type CalendarEvent = {
     calendar: Calendar;
-    /**
-     * List of day timestamps across which the event spans
-     */
     days: number[];
-    /**
-     * Lookup object for day timestamps across which the event spans
-     */
     daysMap: Record<number, 1>;
-    /**
-     * Flag for events that spans across multiple days
-     */
     multi: boolean;
     allDay: boolean;
     link: string;
@@ -40,13 +27,7 @@ export type CalendarEvent = {
     description: string;
     uid: string;
 };
-/**
- * Calendar events mapped by day `timestamp` number
- */
 export type CalendarEventsByTimestamp = Record<number, CalendarEventsMap>;
-/**
- * Calendar events map by `uid`
- */
 export type CalendarEventsMap = Record<CalendarEvent["uid"], CalendarEvent>;
 export type CalendarViewWeeks = CalendarViewWeek[];
 export type CalendarViewWeek = {

package/Calendar/types.js

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

package/Calendar/useCalendar.d.ts

@@ -1,30 +1,15 @@
-/// <reference types="react" />
-import type { Calendars, CalendarEvent, CalendarEventsMap, CalendarView } from "./types";
-import type { KoineCalendarLegendProps } from "./CalendarLegend";
-import type { KoineCalendarDaygridNavProps } from "./CalendarDaygridNav";
-import type { KoineCalendarDaygridTableProps } from "./CalendarDaygridTable";
+import type { KoineCalendarDaygridNavProps } from "./CalendarDaygridNav.js";
+import type { KoineCalendarDaygridTableProps } from "./CalendarDaygridTable.js";
+import type { KoineCalendarLegendProps } from "./CalendarLegend.js";
+import type { CalendarEvent, CalendarEventsMap, CalendarView, Calendars } from "./types.js";
 export type UseCalendarProps = {
-    /** The locale to format with `date-fns` */
     locale: string;
-    /** Calendars infos to use */
     calendars: Calendars;
-    /** Fall back to `process.env.GOOGLE_CALENDAR_API_KEY */
     apiKey?: string;
-    /** The key is the event `uid` */
     events?: CalendarEventsMap;
-    /** It defaults to the first of the current month */
     start?: Date;
-    /** It defaults to the last day of the current month */
     end?: Date;
-    /**
-     * The calendar view
-     * @default "month"
-     */
     view?: CalendarView;
-    /**
-     * The default is the time zone of the calendar
-     * @see https://developers.google.com/calendar/api/v3/reference/events/list
-     */
     timeZone?: string;
     onError?: (e: any) => void;
 };

package/Calendar/useCalendar.js

@@ -1,42 +1,39 @@
-"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, __read } from "tslib";
+import { useCallback, useEffect, useReducer, useState } from "react";
+import { getCalendarsEventsFromGoogle } from "./calendar-api-google.js";
+import { getEndDate, getNextDate, getPrevDate, getStartDate, isTodayInView, } from "./utils.js";
+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 = __read(useState(initialView), 2), view = _d[0], setView = _d[1];
+    var start = initialStart || getStartDate(new Date(), view);
+    var end = initialEnd || getEndDate(start, view);
+    var _e = __read(useState([start, end]), 2), range = _e[0], setRange = _e[1];
+    var _f = __read(useState(isTodayInView(start, end)), 2), todayInView = _f[0], setTodayInView = _f[1];
+    var _g = __read(useState(initialEvents || {}), 2), events = _g[0], setEvents = _g[1];
+    var _h = __read(useState(null), 2), eventHovered = _h[0], setEventHovered = _h[1];
+    var _j = __read(useState(null), 2), eventClicked = _j[0], setEventClicked = _j[1];
+    var _k = __read(useReducer(function (state, action) {
         var _a;
         var type = action.type;
         switch (type) {
             case "events": {
                 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 });
+                    var _b = __read(_a, 2), id = _b[0], calendar = _b[1];
+                    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 });
+                        var _b = __read(_a, 2), id = _b[0], calendar = _b[1];
+                        map[id] = __assign(__assign({}, calendar), { on: visible_1.indexOf(id) > -1 });
                         return map;
                     }, {});
                 }
@@ -44,16 +41,14 @@ function useCalendar(_a) {
             default:
                 return state;
         }
-    }, 
-    // initial state
-    calendars.reduce(function (map, calendar) {
-        map[calendar.id] = tslib_1.__assign(tslib_1.__assign({}, calendar), { name: calendar.name || "", on: true, events: 0 });
+    }, calendars.reduce(function (map, calendar) {
+        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) {
+    }, {})), 2), calendarsMap = _k[0], updateCalendars = _k[1];
+    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 +57,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, getCalendarsEventsFromGoogle({
                             apiKey: apiKey,
                             calendars: calendars,
                             timeZone: timeZone,
@@ -77,72 +72,67 @@ function useCalendar(_a) {
                         })];
                 case 1:
                     newEvents = _a.sent();
-                    // setEvents(mergeCalendarEvents(events, newEvents));
                     setEvents(newEvents);
-                    return [3 /*break*/, 3];
+                    return [3, 3];
                 case 2:
                     e_1 = _a.sent();
                     if (onError)
                         onError(e_1);
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+                    return [3, 3];
+                case 3: return [2];
             }
         });
     }); }, [setEvents, apiKey, timeZone, onError]);
-    var handleToday = (0, react_1.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 handleToday = useCallback(function () {
+        var _a = __read(range, 2), start = _a[0], end = _a[1];
+        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() ||
             end.getTime() !== newEnd.getTime()) {
             setEventClicked(null);
             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 _b = __read(_a, 1), start = _b[0];
+            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 _b = __read(_a, 1), start = _b[0];
+            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 () {
-        var start = range[0], end = range[1];
+    useEffect(function () {
+        var _a = __read(range, 2), start = _a[0], end = _a[1];
         loadCalendars(calendars, start, end);
-        setTodayInView((0, utils_1.isTodayInView)(start, end));
-        // eslint-disable-next-line react-hooks/exhaustive-deps
+        setTodayInView(isTodayInView(start, end));
     }, [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 +174,3 @@ function useCalendar(_a) {
         }); },
     };
 }
-exports.useCalendar = useCalendar;

package/Calendar/utils.d.ts

@@ -1,4 +1,4 @@
-import type { CalendarEventsMap, CalendarView, CalendarViewWeeks } from "./types";
+import type { CalendarEventsMap, CalendarView, CalendarViewWeeks } from "./types.js";
 export declare function getEventTimestamp(dateLike: number | Date | string): number;
 export declare function getDisplayTime(date: Date): string;
 export declare function getStartDate(date: Date, view: CalendarView): Date;