@sunsama/event-calendar 0.2.0

package/lib/module/components/edit-event-container.js

@@ -0,0 +1,107 @@
+"use strict";
+
+import { memo, useCallback, useContext, useEffect, useRef } from "react";
+import { useIsEditing } from "src/hooks/use-is-editing";
+import { ConfigProvider } from "src/utils/globals";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import Animated, { runOnJS, useAnimatedReaction, useAnimatedStyle, useDerivedValue, useSharedValue } from "react-native-reanimated";
+import { EventExtend } from "src/types";
+import gesturePan from "src/utils/pan-edit-event-gesture";
+import DragBar from "src/components/drag-bar";
+import { StyleSheet } from "react-native";
+import moment from "moment-timezone";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const EditEventContainer = /*#__PURE__*/memo(({
+  refNewEvent
+}) => {
+  const {
+    currentY,
+    isEditing: editingEvent,
+    setIsEditing
+  } = useIsEditing();
+  const {
+    maximumHour,
+    fiveMinuteInterval,
+    renderDragBars,
+    zoomLevel,
+    renderEvent,
+    timezone,
+    dayDate
+  } = useContext(ConfigProvider);
+  const height = useSharedValue(0);
+  useEffect(() => {
+    if (editingEvent) {
+      height.value = editingEvent.position.height * zoomLevel.value;
+      currentY.value = editingEvent.position.top * zoomLevel.value;
+    }
+  }, [height, editingEvent, currentY, zoomLevel]);
+  useAnimatedReaction(() => zoomLevel.value, zoom => {
+    if (editingEvent) {
+      height.value = editingEvent.position.height * zoom;
+      currentY.value = editingEvent.position.top * zoom;
+    }
+  }, [height, currentY, zoomLevel, editingEvent]);
+  const styleAnimatedPosition = useAnimatedStyle(() => {
+    if (!editingEvent) {
+      return {
+        opacity: 0
+      };
+    }
+    return {
+      marginLeft: StyleSheet.hairlineWidth,
+      position: "absolute",
+      height: height.value,
+      top: currentY.value,
+      opacity: 1,
+      width: "100%"
+    };
+  }, [editingEvent]);
+  const startY = useSharedValue(0);
+  const updatedStart = useDerivedValue(() => {
+    return currentY.value / zoomLevel.value;
+  }, []);
+  const updatedEnd = useDerivedValue(() => {
+    return (currentY.value + height.value) / zoomLevel.value;
+  }, []);
+  const endEventEditing = useCallback((newStart, newEnd) => {
+    // Format the new start and end times
+    setIsEditing(null, {
+      updatedStart: moment.tz(dayDate, timezone).minutes(newStart).format(),
+      updatedEnd: moment.tz(dayDate, timezone).minutes(newEnd).format()
+    });
+  }, [dayDate, setIsEditing, timezone]);
+  const gestureTap = Gesture.Tap().numberOfTaps(1).onStart(() => {
+    runOnJS(endEventEditing)(updatedStart.value, updatedEnd.value);
+  });
+  const refMainContainer = useRef();
+  if (!editingEvent) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: Gesture.Simultaneous(gestureTap, gesturePan(startY, currentY, currentY, zoomLevel, maximumHour, height, refNewEvent, fiveMinuteInterval).withRef(refMainContainer)),
+    children: /*#__PURE__*/_jsxs(Animated.View, {
+      style: styleAnimatedPosition,
+      children: [renderEvent(editingEvent.event, EventExtend.None, height, {
+        updatedEnd,
+        updatedStart
+      }), renderDragBars?.top ? /*#__PURE__*/_jsx(DragBar, {
+        top: currentY,
+        height: height,
+        render: renderDragBars.top,
+        refMainContainer: refMainContainer,
+        zoomLevel: zoomLevel,
+        maximumHour: maximumHour,
+        fiveMinuteInterval: fiveMinuteInterval
+      }) : null, renderDragBars?.bottom ? /*#__PURE__*/_jsx(DragBar, {
+        height: height,
+        render: renderDragBars.bottom,
+        refMainContainer: refMainContainer,
+        zoomLevel: zoomLevel,
+        maximumHour: maximumHour,
+        fiveMinuteInterval: fiveMinuteInterval
+      }) : null]
+    })
+  });
+}, () => true);
+export default EditEventContainer;
+//# sourceMappingURL=edit-event-container.js.map

package/lib/module/components/edit-event-container.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useContext","useEffect","useRef","useIsEditing","ConfigProvider","Gesture","GestureDetector","Animated","runOnJS","useAnimatedReaction","useAnimatedStyle","useDerivedValue","useSharedValue","EventExtend","gesturePan","DragBar","StyleSheet","moment","jsx","_jsx","jsxs","_jsxs","EditEventContainer","refNewEvent","currentY","isEditing","editingEvent","setIsEditing","maximumHour","fiveMinuteInterval","renderDragBars","zoomLevel","renderEvent","timezone","dayDate","height","value","position","top","zoom","styleAnimatedPosition","opacity","marginLeft","hairlineWidth","width","startY","updatedStart","updatedEnd","endEventEditing","newStart","newEnd","tz","minutes","format","gestureTap","Tap","numberOfTaps","onStart","refMainContainer","gesture","Simultaneous","withRef","children","View","style","event","None","render","bottom"],"sourceRoot":"../../../src","sources":["components/edit-event-container.tsx"],"mappings":";;AAAA,SACEA,IAAI,EAEJC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,MAAM,QACD,OAAO;AACd,SAASC,YAAY,QAAQ,0BAA0B;AACvD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AACvE,OAAOC,QAAQ,IACbC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,EAChBC,eAAe,EACfC,cAAc,QACT,yBAAyB;AAChC,SAASC,WAAW,QAAQ,WAAW;AACvC,OAAOC,UAAU,MAAM,kCAAkC;AACzD,OAAOC,OAAO,MAAM,yBAAyB;AAC7C,SAASC,UAAU,QAAQ,cAAc;AACzC,OAAOC,MAAM,MAAM,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMrC,MAAMC,kBAAkB,gBAAGxB,IAAI,CAC7B,CAAC;EAAEyB;AAAqC,CAAC,KAAK;EAC5C,MAAM;IAAEC,QAAQ;IAAEC,SAAS,EAAEC,YAAY;IAAEC;EAAa,CAAC,GAAGxB,YAAY,CAAC,CAAC;EAC1E,MAAM;IACJyB,WAAW;IACXC,kBAAkB;IAClBC,cAAc;IACdC,SAAS;IACTC,WAAW;IACXC,QAAQ;IACRC;EACF,CAAC,GAAGlC,UAAU,CAACI,cAAc,CAAC;EAC9B,MAAM+B,MAAM,GAAGvB,cAAc,CAAC,CAAC,CAAC;EAEhCX,SAAS,CAAC,MAAM;IACd,IAAIyB,YAAY,EAAE;MAChBS,MAAM,CAACC,KAAK,GAAGV,YAAY,CAACW,QAAQ,CAACF,MAAM,GAAGJ,SAAS,CAACK,KAAK;MAC7DZ,QAAQ,CAACY,KAAK,GAAGV,YAAY,CAACW,QAAQ,CAACC,GAAG,GAAGP,SAAS,CAACK,KAAK;IAC9D;EACF,CAAC,EAAE,CAACD,MAAM,EAAET,YAAY,EAAEF,QAAQ,EAAEO,SAAS,CAAC,CAAC;EAE/CtB,mBAAmB,CACjB,MAAMsB,SAAS,CAACK,KAAK,EACpBG,IAAI,IAAK;IACR,IAAIb,YAAY,EAAE;MAChBS,MAAM,CAACC,KAAK,GAAGV,YAAY,CAACW,QAAQ,CAACF,MAAM,GAAGI,IAAI;MAClDf,QAAQ,CAACY,KAAK,GAAGV,YAAY,CAACW,QAAQ,CAACC,GAAG,GAAGC,IAAI;IACnD;EACF,CAAC,EACD,CAACJ,MAAM,EAAEX,QAAQ,EAAEO,SAAS,EAAEL,YAAY,CAC5C,CAAC;EAED,MAAMc,qBAAqB,GAAG9B,gBAAgB,CAAC,MAAM;IACnD,IAAI,CAACgB,YAAY,EAAE;MACjB,OAAO;QAAEe,OAAO,EAAE;MAAE,CAAC;IACvB;IAEA,OAAO;MACLC,UAAU,EAAE1B,UAAU,CAAC2B,aAAa;MACpCN,QAAQ,EAAE,UAAU;MACpBF,MAAM,EAAEA,MAAM,CAACC,KAAK;MACpBE,GAAG,EAAEd,QAAQ,CAACY,KAAK;MACnBK,OAAO,EAAE,CAAC;MACVG,KAAK,EAAE;IACT,CAAC;EACH,CAAC,EAAE,CAAClB,YAAY,CAAC,CAAC;EAElB,MAAMmB,MAAM,GAAGjC,cAAc,CAAC,CAAC,CAAC;EAEhC,MAAMkC,YAAY,GAAGnC,eAAe,CAAC,MAAM;IACzC,OAAOa,QAAQ,CAACY,KAAK,GAAGL,SAAS,CAACK,KAAK;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMW,UAAU,GAAGpC,eAAe,CAAC,MAAM;IACvC,OAAO,CAACa,QAAQ,CAACY,KAAK,GAAGD,MAAM,CAACC,KAAK,IAAIL,SAAS,CAACK,KAAK;EAC1D,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMY,eAAe,GAAGjD,WAAW,CACjC,CAACkD,QAAgB,EAAEC,MAAc,KAAK;IACpC;IACAvB,YAAY,CAAC,IAAI,EAAE;MACjBmB,YAAY,EAAE7B,MAAM,CAACkC,EAAE,CAACjB,OAAO,EAAED,QAAQ,CAAC,CAACmB,OAAO,CAACH,QAAQ,CAAC,CAACI,MAAM,CAAC,CAAC;MACrEN,UAAU,EAAE9B,MAAM,CAACkC,EAAE,CAACjB,OAAO,EAAED,QAAQ,CAAC,CAACmB,OAAO,CAACF,MAAM,CAAC,CAACG,MAAM,CAAC;IAClE,CAAC,CAAC;EACJ,CAAC,EACD,CAACnB,OAAO,EAAEP,YAAY,EAAEM,QAAQ,CAClC,CAAC;EAED,MAAMqB,UAAU,GAAGjD,OAAO,CAACkD,GAAG,CAAC,CAAC,CAC7BC,YAAY,CAAC,CAAC,CAAC,CACfC,OAAO,CAAC,MAAM;IACbjD,OAAO,CAACwC,eAAe,CAAC,CAACF,YAAY,CAACV,KAAK,EAAEW,UAAU,CAACX,KAAK,CAAC;EAChE,CAAC,CAAC;EAEJ,MAAMsB,gBAAgB,GAAGxD,MAAM,CAAC,CAAC;EAEjC,IAAI,CAACwB,YAAY,EAAE;IACjB,OAAO,IAAI;EACb;EAEA,oBACEP,IAAA,CAACb,eAAe;IACdqD,OAAO,EAAEtD,OAAO,CAACuD,YAAY,CAC3BN,UAAU,EACVxC,UAAU,CACR+B,MAAM,EACNrB,QAAQ,EACRA,QAAQ,EACRO,SAAS,EACTH,WAAW,EACXO,MAAM,EACNZ,WAAW,EACXM,kBACF,CAAC,CAACgC,OAAO,CAACH,gBAAgB,CAC5B,CAAE;IAAAI,QAAA,eAEFzC,KAAA,CAACd,QAAQ,CAACwD,IAAI;MAACC,KAAK,EAAExB,qBAAsB;MAAAsB,QAAA,GACzC9B,WAAW,CAACN,YAAY,CAACuC,KAAK,EAAEpD,WAAW,CAACqD,IAAI,EAAE/B,MAAM,EAAE;QACzDY,UAAU;QACVD;MACF,CAAC,CAAC,EACDhB,cAAc,EAAEQ,GAAG,gBAClBnB,IAAA,CAACJ,OAAO;QACNuB,GAAG,EAAEd,QAAS;QACdW,MAAM,EAAEA,MAAO;QACfgC,MAAM,EAAErC,cAAc,CAACQ,GAAI;QAC3BoB,gBAAgB,EAAEA,gBAAiB;QACnC3B,SAAS,EAAEA,SAAU;QACrBH,WAAW,EAAEA,WAAY;QACzBC,kBAAkB,EAAEA;MAAmB,CACxC,CAAC,GACA,IAAI,EACPC,cAAc,EAAEsC,MAAM,gBACrBjD,IAAA,CAACJ,OAAO;QACNoB,MAAM,EAAEA,MAAO;QACfgC,MAAM,EAAErC,cAAc,CAACsC,MAAO;QAC9BV,gBAAgB,EAAEA,gBAAiB;QACnC3B,SAAS,EAAEA,SAAU;QACrBH,WAAW,EAAEA,WAAY;QACzBC,kBAAkB,EAAEA;MAAmB,CACxC,CAAC,GACA,IAAI;IAAA,CACK;EAAC,CACD,CAAC;AAEtB,CAAC,EACD,MAAM,IACR,CAAC;AAED,eAAeP,kBAAkB","ignoreList":[]}

package/lib/module/components/event-container.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { ConfigProvider } from "src/utils/globals";
+import { useCallback, useContext, useMemo } from "react";
+import { Pressable } from "react-native-gesture-handler";
+import { View } from "react-native";
+import { EventExtend } from "src/types";
+import { jsx as _jsx } from "react/jsx-runtime";
+const EventContainer = ({
+  layout
+}) => {
+  const {
+    onPressEvent,
+    renderEvent,
+    initialZoomLevel
+  } = useContext(ConfigProvider);
+  const render = useMemo(() => renderEvent(layout.event, layout.extend ? layout.extend : EventExtend.None), [layout, renderEvent]);
+  const stylePosition = useMemo(() => ({
+    height: Math.max(28, 24 * initialZoomLevel)
+  }), [initialZoomLevel]);
+  const onPress = useCallback(() => {
+    onPressEvent && onPressEvent(layout.event);
+  }, [layout.event, onPressEvent]);
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: onPress,
+    children: /*#__PURE__*/_jsx(View, {
+      style: stylePosition,
+      children: render
+    })
+  });
+};
+export default EventContainer;
+//# sourceMappingURL=event-container.js.map

package/lib/module/components/event-container.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ConfigProvider","useCallback","useContext","useMemo","Pressable","View","EventExtend","jsx","_jsx","EventContainer","layout","onPressEvent","renderEvent","initialZoomLevel","render","event","extend","None","stylePosition","height","Math","max","onPress","children","style"],"sourceRoot":"../../../src","sources":["components/event-container.tsx"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,mBAAmB;AAClD,SAASC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACxD,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,IAAI,QAAQ,cAAc;AACnC,SAAgCC,WAAW,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAM/D,MAAMC,cAAc,GAAGA,CAAC;EAAEC;AAA4B,CAAC,KAAK;EAC1D,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAEC;EAAiB,CAAC,GACnDX,UAAU,CAACF,cAAc,CAAC;EAE5B,MAAMc,MAAM,GAAGX,OAAO,CACpB,MACES,WAAW,CACTF,MAAM,CAACK,KAAK,EACXL,MAAM,CAA2BM,MAAM,GACnCN,MAAM,CAA2BM,MAAM,GACxCV,WAAW,CAACW,IAClB,CAAC,EACH,CAACP,MAAM,EAAEE,WAAW,CACtB,CAAC;EAED,MAAMM,aAAa,GAAGf,OAAO,CAC3B,OAAO;IACLgB,MAAM,EAAEC,IAAI,CAACC,GAAG,CAAC,EAAE,EAAE,EAAE,GAAGR,gBAAgB;EAC5C,CAAC,CAAC,EACF,CAACA,gBAAgB,CACnB,CAAC;EAED,MAAMS,OAAO,GAAGrB,WAAW,CAAC,MAAM;IAChCU,YAAY,IAAIA,YAAY,CAACD,MAAM,CAACK,KAAK,CAAC;EAC5C,CAAC,EAAE,CAACL,MAAM,CAACK,KAAK,EAAEJ,YAAY,CAAC,CAAC;EAEhC,oBACEH,IAAA,CAACJ,SAAS;IAACkB,OAAO,EAAEA,OAAQ;IAAAC,QAAA,eAC1Bf,IAAA,CAACH,IAAI;MAACmB,KAAK,EAAEN,aAAc;MAAAK,QAAA,EAAET;IAAM,CAAO;EAAC,CAClC,CAAC;AAEhB,CAAC;AAED,eAAeL,cAAc","ignoreList":[]}

package/lib/module/components/new-event-container.js

@@ -0,0 +1,67 @@
+"use strict";
+
+import { memo, useContext, useMemo, useState } from "react";
+import { ConfigProvider, TOP_MARGIN_PIXEL_OFFSET } from "src/utils/globals";
+import Animated, { runOnJS, useAnimatedReaction, useAnimatedStyle } from "react-native-reanimated";
+import { StyleSheet, View } from "react-native";
+import { useIsEditing } from "src/hooks/use-is-editing";
+import { jsx as _jsx } from "react/jsx-runtime";
+const NewEventContainer = /*#__PURE__*/memo(() => {
+  const {
+    fiveMinuteInterval,
+    renderNewEventContainer,
+    zoomLevel,
+    createY,
+    theme
+  } = useContext(ConfigProvider);
+  const {
+    isEditing
+  } = useIsEditing();
+  const styleVisible = useAnimatedStyle(() => {
+    return {
+      opacity: !isEditing && createY.value >= 0 ? 1 : 0,
+      transform: [{
+        translateY: createY.value - TOP_MARGIN_PIXEL_OFFSET
+      }],
+      height: zoomLevel.value * 60
+    };
+  }, [isEditing]);
+  const [[hour, minute], setTime] = useState([0, 0]);
+  const hasRenderEvent = useMemo(() => !!renderNewEventContainer, [renderNewEventContainer]);
+  useAnimatedReaction(() => ({
+    zoomLevel: zoomLevel.value,
+    createY: createY.value
+  }), state => {
+    if (!hasRenderEvent) {
+      return;
+    }
+    const freshTime = Math.floor(state.createY / state.zoomLevel);
+    const freshHour = Math.floor(freshTime / 60);
+    const freshMinute = !fiveMinuteInterval ? freshTime - freshHour * 60 : Math.round(freshTime / 5) * 5 - freshHour * 60;
+    runOnJS(setTime)([freshHour, freshMinute]);
+  }, []);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.container, styleVisible],
+    children: renderNewEventContainer ? renderNewEventContainer(hour, minute) : /*#__PURE__*/_jsx(View, {
+      style: [styles.defaultContainer, theme?.newEventContainer]
+    })
+  });
+}, () => true);
+export default NewEventContainer;
+const styles = StyleSheet.create({
+  container: {
+    position: "absolute",
+    top: 0,
+    left: 51,
+    right: 10,
+    height: 50
+  },
+  defaultContainer: {
+    flex: 1,
+    borderRadius: 3,
+    padding: 5,
+    backgroundColor: "pink",
+    opacity: 0.8
+  }
+});
+//# sourceMappingURL=new-event-container.js.map

package/lib/module/components/new-event-container.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useContext","useMemo","useState","ConfigProvider","TOP_MARGIN_PIXEL_OFFSET","Animated","runOnJS","useAnimatedReaction","useAnimatedStyle","StyleSheet","View","useIsEditing","jsx","_jsx","NewEventContainer","fiveMinuteInterval","renderNewEventContainer","zoomLevel","createY","theme","isEditing","styleVisible","opacity","value","transform","translateY","height","hour","minute","setTime","hasRenderEvent","state","freshTime","Math","floor","freshHour","freshMinute","round","style","styles","container","children","defaultContainer","newEventContainer","create","position","top","left","right","flex","borderRadius","padding","backgroundColor"],"sourceRoot":"../../../src","sources":["components/new-event-container.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/time-indicator.js

@@ -0,0 +1,57 @@
+"use strict";
+
+import { memo, useCallback, useContext, useEffect } from "react";
+import Animated, { useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import { ConfigProvider } from "src/utils/globals";
+import moment from "moment-timezone";
+import { AppState, StyleSheet } from "react-native";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TimeIndicator = /*#__PURE__*/memo(() => {
+  const {
+    zoomLevel,
+    timezone,
+    theme
+  } = useContext(ConfigProvider);
+  const currentMinutes = useCallback(() => {
+    const time = moment.tz(timezone);
+    return time.minutes() + time.hours() * 60;
+  }, [timezone]);
+  const currentMoment = useSharedValue(currentMinutes());
+  useEffect(() => {
+    let interval = setInterval(() => {
+      currentMoment.value = currentMinutes();
+    }, 20000);
+    const subscription = AppState.addEventListener("change", appState => {
+      clearInterval(interval);
+      if (appState === "active") {
+        interval = setInterval(() => {
+          currentMoment.value = currentMinutes();
+        }, 20000);
+      }
+    });
+    return () => {
+      clearInterval(interval);
+      subscription.remove();
+    };
+  }, [currentMinutes, currentMoment]);
+  const style = useAnimatedStyle(() => ({
+    top: zoomLevel.value * currentMoment.value
+  }));
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.timeIndicator, style, theme?.timeIndicator]
+  });
+}, () => true);
+export default TimeIndicator;
+const styles = StyleSheet.create({
+  timeIndicator: {
+    position: "absolute",
+    left: 0,
+    width: "110%",
+    borderTopWidth: 2,
+    borderTopColor: "#f25a43",
+    zIndex: 2,
+    elevation: 2,
+    opacity: 0.6
+  }
+});
+//# sourceMappingURL=time-indicator.js.map

package/lib/module/components/time-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["memo","useCallback","useContext","useEffect","Animated","useAnimatedStyle","useSharedValue","ConfigProvider","moment","AppState","StyleSheet","jsx","_jsx","TimeIndicator","zoomLevel","timezone","theme","currentMinutes","time","tz","minutes","hours","currentMoment","interval","setInterval","value","subscription","addEventListener","appState","clearInterval","remove","style","top","View","styles","timeIndicator","create","position","left","width","borderTopWidth","borderTopColor","zIndex","elevation","opacity"],"sourceRoot":"../../../src","sources":["components/time-indicator.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,WAAW,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AAChE,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,cAAc,QACT,yBAAyB;AAChC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,OAAOC,MAAM,MAAM,iBAAiB;AACpC,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,MAAMC,aAAa,gBAAGb,IAAI,CACxB,MAAM;EACJ,MAAM;IAAEc,SAAS;IAAEC,QAAQ;IAAEC;EAAM,CAAC,GAAGd,UAAU,CAACK,cAAc,CAAC;EAEjE,MAAMU,cAAc,GAAGhB,WAAW,CAAC,MAAM;IACvC,MAAMiB,IAAI,GAAGV,MAAM,CAACW,EAAE,CAACJ,QAAQ,CAAC;IAEhC,OAAOG,IAAI,CAACE,OAAO,CAAC,CAAC,GAAGF,IAAI,CAACG,KAAK,CAAC,CAAC,GAAG,EAAE;EAC3C,CAAC,EAAE,CAACN,QAAQ,CAAC,CAAC;EAEd,MAAMO,aAAa,GAAGhB,cAAc,CAASW,cAAc,CAAC,CAAC,CAAC;EAE9Dd,SAAS,CAAC,MAAM;IACd,IAAIoB,QAAQ,GAAGC,WAAW,CAAC,MAAM;MAC/BF,aAAa,CAACG,KAAK,GAAGR,cAAc,CAAC,CAAC;IACxC,CAAC,EAAE,KAAK,CAAC;IAET,MAAMS,YAAY,GAAGjB,QAAQ,CAACkB,gBAAgB,CAC5C,QAAQ,EACPC,QAAgB,IAAK;MACpBC,aAAa,CAACN,QAAQ,CAAC;MAEvB,IAAIK,QAAQ,KAAK,QAAQ,EAAE;QACzBL,QAAQ,GAAGC,WAAW,CAAC,MAAM;UAC3BF,aAAa,CAACG,KAAK,GAAGR,cAAc,CAAC,CAAC;QACxC,CAAC,EAAE,KAAK,CAAC;MACX;IACF,CACF,CAAC;IAED,OAAO,MAAM;MACXY,aAAa,CAACN,QAAQ,CAAC;MACvBG,YAAY,CAACI,MAAM,CAAC,CAAC;IACvB,CAAC;EACH,CAAC,EAAE,CAACb,cAAc,EAAEK,aAAa,CAAC,CAAC;EAEnC,MAAMS,KAAK,GAAG1B,gBAAgB,CAAC,OAAO;IACpC2B,GAAG,EAAElB,SAAS,CAACW,KAAK,GAAGH,aAAa,CAACG;EACvC,CAAC,CAAC,CAAC;EAEH,oBACEb,IAAA,CAACR,QAAQ,CAAC6B,IAAI;IACZF,KAAK,EAAE,CAACG,MAAM,CAACC,aAAa,EAAEJ,KAAK,EAAEf,KAAK,EAAEmB,aAAa;EAAE,CAC5D,CAAC;AAEN,CAAC,EACD,MAAM,IACR,CAAC;AAED,eAAetB,aAAa;AAE5B,MAAMqB,MAAM,GAAGxB,UAAU,CAAC0B,MAAM,CAAC;EAC/BD,aAAa,EAAE;IACbE,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,MAAM;IACbC,cAAc,EAAE,CAAC;IACjBC,cAAc,EAAE,SAAS;IACzBC,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,CAAC;IACZC,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/timed-event-container.js

@@ -0,0 +1,84 @@
+"use strict";
+
+import Animated, { runOnJS, useAnimatedReaction, useAnimatedStyle, useSharedValue } from "react-native-reanimated";
+import { ConfigProvider } from "src/utils/globals";
+import { useCallback, useContext, useMemo } from "react";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import { StyleSheet, View } from "react-native";
+import { useIsEditing } from "src/hooks/use-is-editing";
+import gesturePan from "src/utils/pan-edit-event-gesture";
+import doubleTapGesture from "src/utils/double-tap-reset-zoom-gesture";
+import { EventExtend } from "src/types";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TimedEventContainer = ({
+  layout,
+  refNewEvent
+}) => {
+  const {
+    currentY,
+    setIsEditing,
+    isEditing
+  } = useIsEditing();
+  const {
+    onPressEvent,
+    maximumHour,
+    fiveMinuteInterval,
+    zoomLevel,
+    renderEvent,
+    initialZoomLevel,
+    onZoomChange
+  } = useContext(ConfigProvider);
+  const height = useSharedValue(0);
+  const top = useSharedValue(0);
+  const startEditing = useCallback(() => {
+    setIsEditing(layout);
+  }, [layout, setIsEditing]);
+  const gestureTap = Gesture.Tap().enabled(!isEditing).onStart(() => {
+    if (onPressEvent) {
+      runOnJS(onPressEvent)(layout.event);
+    }
+  });
+  const startY = useSharedValue(0);
+  const gestures = Gesture.Exclusive(doubleTapGesture(zoomLevel, initialZoomLevel, onZoomChange), gestureTap, gesturePan(startY, top, currentY, zoomLevel, maximumHour, height, refNewEvent, fiveMinuteInterval, isEditing, startEditing).activateAfterLongPress(500));
+  useAnimatedReaction(() => zoomLevel.value, newZoomLevel => {
+    height.value = newZoomLevel * layout.position.height;
+  }, [layout.position.height]);
+  useAnimatedReaction(() => zoomLevel.value, newZoomLevel => {
+    top.value = newZoomLevel * layout.position.top;
+  }, [layout.position.top]);
+  const render = useMemo(() => renderEvent(layout.event, EventExtend.None, height), [height, layout.event, renderEvent]);
+  const stylePosition = useAnimatedStyle(() => {
+    const basePosition = {
+      position: "absolute",
+      height: height.value,
+      top: top.value,
+      opacity: 1,
+      width: layout.position.width,
+      marginLeft: layout.position.marginLeft,
+      // This is to prevent the event from being clickable while editing
+      pointerEvents: isEditing ? "none" : "auto"
+    };
+    if (isEditing?.event.id === layout.event.id) {
+      basePosition.opacity = 0.5;
+    }
+    return basePosition;
+  }, [layout, isEditing]);
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: gestures,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: stylePosition,
+      children: /*#__PURE__*/_jsx(View, {
+        style: styles.hairline,
+        children: render
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  hairline: {
+    marginHorizontal: StyleSheet.hairlineWidth,
+    flex: 1
+  }
+});
+export default TimedEventContainer;
+//# sourceMappingURL=timed-event-container.js.map

package/lib/module/components/timed-event-container.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","runOnJS","useAnimatedReaction","useAnimatedStyle","useSharedValue","ConfigProvider","useCallback","useContext","useMemo","Gesture","GestureDetector","StyleSheet","View","useIsEditing","gesturePan","doubleTapGesture","EventExtend","jsx","_jsx","TimedEventContainer","layout","refNewEvent","currentY","setIsEditing","isEditing","onPressEvent","maximumHour","fiveMinuteInterval","zoomLevel","renderEvent","initialZoomLevel","onZoomChange","height","top","startEditing","gestureTap","Tap","enabled","onStart","event","startY","gestures","Exclusive","activateAfterLongPress","value","newZoomLevel","position","render","None","stylePosition","basePosition","opacity","width","marginLeft","pointerEvents","id","gesture","children","style","styles","hairline","create","marginHorizontal","hairlineWidth","flex"],"sourceRoot":"../../../src","sources":["components/timed-event-container.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,IACbC,OAAO,EACPC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,QACT,yBAAyB;AAChC,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAAoBC,WAAW,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACnE,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AACvE,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,YAAY,QAAQ,0BAA0B;AACvD,OAAOC,UAAU,MAAM,kCAAkC;AACzD,OAAOC,gBAAgB,MAAM,yCAAyC;AACtE,SAASC,WAAW,QAAgC,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOhE,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,MAAM;EACNC;AACwB,CAAC,KAAK;EAC9B,MAAM;IAAEC,QAAQ;IAAEC,YAAY;IAAEC;EAAU,CAAC,GAAGX,YAAY,CAAC,CAAC;EAC5D,MAAM;IACJY,YAAY;IACZC,WAAW;IACXC,kBAAkB;IAClBC,SAAS;IACTC,WAAW;IACXC,gBAAgB;IAChBC;EACF,CAAC,GAAGxB,UAAU,CAACF,cAAc,CAAC;EAE9B,MAAM2B,MAAM,GAAG5B,cAAc,CAAC,CAAC,CAAC;EAChC,MAAM6B,GAAG,GAAG7B,cAAc,CAAC,CAAC,CAAC;EAE7B,MAAM8B,YAAY,GAAG5B,WAAW,CAAC,MAAM;IACrCiB,YAAY,CAACH,MAAM,CAAC;EACtB,CAAC,EAAE,CAACA,MAAM,EAAEG,YAAY,CAAC,CAAC;EAE1B,MAAMY,UAAU,GAAG1B,OAAO,CAAC2B,GAAG,CAAC,CAAC,CAC7BC,OAAO,CAAC,CAACb,SAAS,CAAC,CACnBc,OAAO,CAAC,MAAM;IACb,IAAIb,YAAY,EAAE;MAChBxB,OAAO,CAACwB,YAAY,CAAC,CAACL,MAAM,CAACmB,KAAK,CAAC;IACrC;EACF,CAAC,CAAC;EAEJ,MAAMC,MAAM,GAAGpC,cAAc,CAAC,CAAC,CAAC;EAEhC,MAAMqC,QAAQ,GAAGhC,OAAO,CAACiC,SAAS,CAChC3B,gBAAgB,CAACa,SAAS,EAAEE,gBAAgB,EAAEC,YAAY,CAAC,EAC3DI,UAAU,EACVrB,UAAU,CACR0B,MAAM,EACNP,GAAG,EACHX,QAAQ,EACRM,SAAS,EACTF,WAAW,EACXM,MAAM,EACNX,WAAW,EACXM,kBAAkB,EAClBH,SAAS,EACTU,YACF,CAAC,CAACS,sBAAsB,CAAC,GAAG,CAC9B,CAAC;EAEDzC,mBAAmB,CACjB,MAAM0B,SAAS,CAACgB,KAAK,EACpBC,YAAY,IAAK;IAChBb,MAAM,CAACY,KAAK,GAAGC,YAAY,GAAGzB,MAAM,CAAC0B,QAAQ,CAACd,MAAM;EACtD,CAAC,EACD,CAACZ,MAAM,CAAC0B,QAAQ,CAACd,MAAM,CACzB,CAAC;EAED9B,mBAAmB,CACjB,MAAM0B,SAAS,CAACgB,KAAK,EACpBC,YAAY,IAAK;IAChBZ,GAAG,CAACW,KAAK,GAAGC,YAAY,GAAGzB,MAAM,CAAC0B,QAAQ,CAACb,GAAG;EAChD,CAAC,EACD,CAACb,MAAM,CAAC0B,QAAQ,CAACb,GAAG,CACtB,CAAC;EAED,MAAMc,MAAM,GAAGvC,OAAO,CACpB,MAAMqB,WAAW,CAACT,MAAM,CAACmB,KAAK,EAAEvB,WAAW,CAACgC,IAAI,EAAEhB,MAAM,CAAC,EACzD,CAACA,MAAM,EAAEZ,MAAM,CAACmB,KAAK,EAAEV,WAAW,CACpC,CAAC;EAED,MAAMoB,aAAa,GAAG9C,gBAAgB,CAAC,MAAM;IAC3C,MAAM+C,YAAiB,GAAG;MACxBJ,QAAQ,EAAE,UAAU;MACpBd,MAAM,EAAEA,MAAM,CAACY,KAAK;MACpBX,GAAG,EAAEA,GAAG,CAACW,KAAK;MACdO,OAAO,EAAE,CAAC;MACVC,KAAK,EAAEhC,MAAM,CAAC0B,QAAQ,CAACM,KAAK;MAC5BC,UAAU,EAAEjC,MAAM,CAAC0B,QAAQ,CAACO,UAAU;MAEtC;MACAC,aAAa,EAAE9B,SAAS,GAAG,MAAM,GAAG;IACtC,CAAC;IAED,IAAIA,SAAS,EAAEe,KAAK,CAACgB,EAAE,KAAKnC,MAAM,CAACmB,KAAK,CAACgB,EAAE,EAAE;MAC3CL,YAAY,CAACC,OAAO,GAAG,GAAG;IAC5B;IAEA,OAAOD,YAAY;EACrB,CAAC,EAAE,CAAC9B,MAAM,EAAEI,SAAS,CAAC,CAAC;EAEvB,oBACEN,IAAA,CAACR,eAAe;IAAC8C,OAAO,EAAEf,QAAS;IAAAgB,QAAA,eACjCvC,IAAA,CAAClB,QAAQ,CAACY,IAAI;MAAC8C,KAAK,EAAET,aAAc;MAAAQ,QAAA,eAClCvC,IAAA,CAACN,IAAI;QAAC8C,KAAK,EAAEC,MAAM,CAACC,QAAS;QAAAH,QAAA,EAAEV;MAAM,CAAO;IAAC,CAChC;EAAC,CACD,CAAC;AAEtB,CAAC;AAED,MAAMY,MAAM,GAAGhD,UAAU,CAACkD,MAAM,CAAC;EAC/BD,QAAQ,EAAE;IAAEE,gBAAgB,EAAEnD,UAAU,CAACoD,aAAa;IAAEC,IAAI,EAAE;EAAE;AAClE,CAAC,CAAC;AAEF,eAAe7C,mBAAmB","ignoreList":[]}

package/lib/module/components/timed-events.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { StyleSheet, View } from "react-native";
+import { useContext, useMemo } from "react";
+import { ConfigProvider, TOP_MARGIN_PIXEL_OFFSET } from "src/utils/globals";
+import BackgroundHoursLayout from "src/components/background-hours-layout";
+import { generatePrefabHours } from "src/utils/date-utils";
+import BackgroundHoursContent from "src/components/background-hours-content";
+import TimedEventContainer from "src/components/timed-event-container";
+import TimeIndicator from "src/components/time-indicator";
+import NewEventContainer from "src/components/new-event-container";
+import EditEventContainer from "src/components/edit-event-container";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TimedEvents = ({
+  refNewEvent
+}) => {
+  const {
+    theme,
+    canCreateEvents,
+    canEditEvent,
+    timeFormat,
+    layout,
+    showTimeIndicator,
+    extraTimedComponents,
+    zoomLevel
+  } = useContext(ConfigProvider);
+  const hours = useMemo(() => generatePrefabHours(timeFormat), [timeFormat]);
+  const extraRender = useMemo(() => extraTimedComponents?.(zoomLevel) || null, [extraTimedComponents, zoomLevel]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, theme?.timedEventsContainer],
+    children: [/*#__PURE__*/_jsx(BackgroundHoursLayout, {
+      hours: hours
+    }), /*#__PURE__*/_jsxs(View, {
+      style: styles.backgroundContainer,
+      children: [/*#__PURE__*/_jsx(BackgroundHoursContent, {
+        hours: hours
+      }), extraRender, layout.partDayEventsLayout.map(partDayLayout => /*#__PURE__*/_jsx(TimedEventContainer, {
+        layout: partDayLayout,
+        refNewEvent: refNewEvent
+      }, partDayLayout.event.id)), showTimeIndicator ? /*#__PURE__*/_jsx(TimeIndicator, {}) : null, canEditEvent ? /*#__PURE__*/_jsx(EditEventContainer, {
+        refNewEvent: refNewEvent
+      }) : null]
+    }), canCreateEvents ? /*#__PURE__*/_jsx(NewEventContainer, {}) : null]
+  });
+};
+export default TimedEvents;
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    flexDirection: "row",
+    marginBottom: 30,
+    marginTop: 10
+  },
+  backgroundContainer: {
+    position: "relative",
+    marginTop: -TOP_MARGIN_PIXEL_OFFSET,
+    flexDirection: "column",
+    flex: 1,
+    paddingRight: 10,
+    overflow: "hidden"
+  }
+});
+//# sourceMappingURL=timed-events.js.map

package/lib/module/components/timed-events.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","View","useContext","useMemo","ConfigProvider","TOP_MARGIN_PIXEL_OFFSET","BackgroundHoursLayout","generatePrefabHours","BackgroundHoursContent","TimedEventContainer","TimeIndicator","NewEventContainer","EditEventContainer","jsx","_jsx","jsxs","_jsxs","TimedEvents","refNewEvent","theme","canCreateEvents","canEditEvent","timeFormat","layout","showTimeIndicator","extraTimedComponents","zoomLevel","hours","extraRender","style","styles","container","timedEventsContainer","children","backgroundContainer","partDayEventsLayout","map","partDayLayout","event","id","create","flex","flexDirection","marginBottom","marginTop","position","paddingRight","overflow"],"sourceRoot":"../../../src","sources":["components/timed-events.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAAoBC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACtD,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,mBAAmB;AAC3E,OAAOC,qBAAqB,MAAM,wCAAwC;AAC1E,SAASC,mBAAmB,QAAQ,sBAAsB;AAC1D,OAAOC,sBAAsB,MAAM,yCAAyC;AAC5E,OAAOC,mBAAmB,MAAM,sCAAsC;AACtE,OAAOC,aAAa,MAAM,+BAA+B;AACzD,OAAOC,iBAAiB,MAAM,oCAAoC;AAClE,OAAOC,kBAAkB,MAAM,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAMrE,MAAMC,WAAW,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EACzD,MAAM;IACJC,KAAK;IACLC,eAAe;IACfC,YAAY;IACZC,UAAU;IACVC,MAAM;IACNC,iBAAiB;IACjBC,oBAAoB;IACpBC;EACF,CAAC,GAAGxB,UAAU,CAACE,cAAc,CAAC;EAC9B,MAAMuB,KAAK,GAAGxB,OAAO,CAAC,MAAMI,mBAAmB,CAACe,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE1E,MAAMM,WAAW,GAAGzB,OAAO,CACzB,MAAMsB,oBAAoB,GAAGC,SAAS,CAAC,IAAI,IAAI,EAC/C,CAACD,oBAAoB,EAAEC,SAAS,CAClC,CAAC;EAED,oBACEV,KAAA,CAACf,IAAI;IAAC4B,KAAK,EAAE,CAACC,MAAM,CAACC,SAAS,EAAEZ,KAAK,EAAEa,oBAAoB,CAAE;IAAAC,QAAA,gBAC3DnB,IAAA,CAACR,qBAAqB;MAACqB,KAAK,EAAEA;IAAM,CAAE,CAAC,eACvCX,KAAA,CAACf,IAAI;MAAC4B,KAAK,EAAEC,MAAM,CAACI,mBAAoB;MAAAD,QAAA,gBACtCnB,IAAA,CAACN,sBAAsB;QAACmB,KAAK,EAAEA;MAAM,CAAE,CAAC,EACvCC,WAAW,EACXL,MAAM,CAACY,mBAAmB,CAACC,GAAG,CAAEC,aAAa,iBAC5CvB,IAAA,CAACL,mBAAmB;QAElBc,MAAM,EAAEc,aAAc;QACtBnB,WAAW,EAAEA;MAAY,GAFpBmB,aAAa,CAACC,KAAK,CAACC,EAG1B,CACF,CAAC,EACDf,iBAAiB,gBAAGV,IAAA,CAACJ,aAAa,IAAE,CAAC,GAAG,IAAI,EAC5CW,YAAY,gBAAGP,IAAA,CAACF,kBAAkB;QAACM,WAAW,EAAEA;MAAY,CAAE,CAAC,GAAG,IAAI;IAAA,CACnE,CAAC,EACNE,eAAe,gBAAGN,IAAA,CAACH,iBAAiB,IAAE,CAAC,GAAG,IAAI;EAAA,CAC3C,CAAC;AAEX,CAAC;AAED,eAAeM,WAAW;AAE1B,MAAMa,MAAM,GAAG9B,UAAU,CAACwC,MAAM,CAAC;EAC/BT,SAAS,EAAE;IACTU,IAAI,EAAE,CAAC;IACPC,aAAa,EAAE,KAAK;IACpBC,YAAY,EAAE,EAAE;IAChBC,SAAS,EAAE;EACb,CAAC;EACDV,mBAAmB,EAAE;IACnBW,QAAQ,EAAE,UAAU;IACpBD,SAAS,EAAE,CAACvC,uBAAuB;IACnCqC,aAAa,EAAE,QAAQ;IACvBD,IAAI,EAAE,CAAC;IACPK,YAAY,EAAE,EAAE;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/zoom-provider.js

@@ -0,0 +1,102 @@
+"use strict";
+
+import Animated, { runOnJS, useAnimatedReaction, useSharedValue } from "react-native-reanimated";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import { forwardRef, useContext, useEffect } from "react";
+import { ConfigProvider, TOP_MARGIN_PIXEL_OFFSET } from "src/utils/globals";
+import { StyleSheet } from "react-native";
+import { useIsEditing } from "src/hooks/use-is-editing";
+import doubleTapGesture from "src/utils/double-tap-reset-zoom-gesture";
+import { jsx as _jsx } from "react/jsx-runtime";
+// This fraction determines how quickly zoom grows
+const fraction = 0.1;
+const ZoomProvider = /*#__PURE__*/forwardRef(({
+  children
+}, refNewEvent) => {
+  const {
+    canCreateEvents,
+    zoomLevel,
+    initialZoomLevel,
+    createY,
+    onCreateEvent,
+    maximumHour,
+    onZoomChange
+  } = useContext(ConfigProvider);
+  const previewScale = useSharedValue(-1);
+  useEffect(() => {
+    previewScale.value = zoomLevel.get();
+  }, [zoomLevel, previewScale]);
+  const pinchGesture = Gesture.Pinch().onUpdate(event => {
+    "worklet";
+
+    const newScale = previewScale.value * (1 + fraction * (event.scale - 1));
+    zoomLevel.value = Math.min(3, Math.max(0.54, newScale));
+    previewScale.value = zoomLevel.value;
+  }).onEnd(() => {
+    if (onZoomChange) {
+      runOnJS(onZoomChange)(zoomLevel.value);
+    }
+  });
+  const yPosition = useSharedValue(-1);
+  const {
+    isEditing
+  } = useIsEditing();
+  const isDragging = useSharedValue(false);
+  useAnimatedReaction(() => zoomLevel.value, zoom => {
+    maximumHour.value = 1440 * zoom;
+  }, [maximumHour]);
+  const longPressGesture = Gesture.LongPress().enabled(canCreateEvents && !isEditing).withRef(refNewEvent).numberOfPointers(1).minDuration(250).maxDistance(10000).onStart(event => {
+    "worklet";
+
+    isDragging.value = true;
+    createY.value = Math.max(0, event.y - TOP_MARGIN_PIXEL_OFFSET - zoomLevel.value * 60 / 2);
+  }).onTouchesMove(event => {
+    "worklet";
+
+    if (!isDragging.value) {
+      return;
+    }
+    createY.value = Math.max(0, event.allTouches[0].y - TOP_MARGIN_PIXEL_OFFSET - zoomLevel.value * 60 / 2);
+  }).onEnd((event, success) => {
+    "worklet";
+
+    if (!isDragging.value) {
+      return;
+    }
+
+    // Make sure it doesn't show the new event component anymore
+    createY.value = -1;
+    yPosition.value = -1;
+    isDragging.value = false;
+    if (!success) {
+      return;
+    }
+
+    // Determine the hour that was clicked and trigger the event creation
+    const normalizedY = event.y - TOP_MARGIN_PIXEL_OFFSET - zoomLevel.value * 60 / 2;
+    const time = Math.floor(normalizedY / zoomLevel.value);
+    const hour = Math.floor(time / 60);
+    const minute = time - hour * 60;
+    if (onCreateEvent) {
+      runOnJS(onCreateEvent)({
+        hour,
+        minute
+      });
+    }
+  });
+  const combinedGesture = Gesture.Simultaneous(pinchGesture, longPressGesture, doubleTapGesture(zoomLevel, initialZoomLevel, onZoomChange));
+  return /*#__PURE__*/_jsx(GestureDetector, {
+    gesture: combinedGesture,
+    children: /*#__PURE__*/_jsx(Animated.View, {
+      style: styles.container,
+      children: children
+    })
+  });
+});
+const styles = StyleSheet.create({
+  container: {
+    flex: 1
+  }
+});
+export default ZoomProvider;
+//# sourceMappingURL=zoom-provider.js.map

package/lib/module/components/zoom-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Animated","runOnJS","useAnimatedReaction","useSharedValue","Gesture","GestureDetector","forwardRef","useContext","useEffect","ConfigProvider","TOP_MARGIN_PIXEL_OFFSET","StyleSheet","useIsEditing","doubleTapGesture","jsx","_jsx","fraction","ZoomProvider","children","refNewEvent","canCreateEvents","zoomLevel","initialZoomLevel","createY","onCreateEvent","maximumHour","onZoomChange","previewScale","value","get","pinchGesture","Pinch","onUpdate","event","newScale","scale","Math","min","max","onEnd","yPosition","isEditing","isDragging","zoom","longPressGesture","LongPress","enabled","withRef","numberOfPointers","minDuration","maxDistance","onStart","y","onTouchesMove","allTouches","success","normalizedY","time","floor","hour","minute","combinedGesture","Simultaneous","gesture","View","style","styles","container","create","flex"],"sourceRoot":"../../../src","sources":["components/zoom-provider.tsx"],"mappings":";;AAAA,OAAOA,QAAQ,IACbC,OAAO,EACPC,mBAAmB,EACnBC,cAAc,QACT,yBAAyB;AAChC,SAASC,OAAO,EAAEC,eAAe,QAAQ,8BAA8B;AACvE,SAASC,UAAU,EAAEC,UAAU,EAAEC,SAAS,QAAQ,OAAO;AACzD,SAASC,cAAc,EAAEC,uBAAuB,QAAQ,mBAAmB;AAC3E,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAASC,YAAY,QAAQ,0BAA0B;AACvD,OAAOC,gBAAgB,MAAM,yCAAyC;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMvE;AACA,MAAMC,QAAQ,GAAG,GAAG;AAEpB,MAAMC,YAAY,gBAAGX,UAAU,CAC7B,CAAC;EAAEY;AAAS,CAAC,EAAEC,WAAW,KAAK;EAC7B,MAAM;IACJC,eAAe;IACfC,SAAS;IACTC,gBAAgB;IAChBC,OAAO;IACPC,aAAa;IACbC,WAAW;IACXC;EACF,CAAC,GAAGnB,UAAU,CAACE,cAAc,CAAC;EAC9B,MAAMkB,YAAY,GAAGxB,cAAc,CAAC,CAAC,CAAC,CAAC;EAEvCK,SAAS,CAAC,MAAM;IACdmB,YAAY,CAACC,KAAK,GAAGP,SAAS,CAACQ,GAAG,CAAC,CAAC;EACtC,CAAC,EAAE,CAACR,SAAS,EAAEM,YAAY,CAAC,CAAC;EAE7B,MAAMG,YAAY,GAAG1B,OAAO,CAAC2B,KAAK,CAAC,CAAC,CACjCC,QAAQ,CAAEC,KAAK,IAAK;IACnB,SAAS;;IAET,MAAMC,QAAQ,GACZP,YAAY,CAACC,KAAK,IAAI,CAAC,GAAGZ,QAAQ,IAAIiB,KAAK,CAACE,KAAK,GAAG,CAAC,CAAC,CAAC;IAEzDd,SAAS,CAACO,KAAK,GAAGQ,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAAC,IAAI,EAAEJ,QAAQ,CAAC,CAAC;IACvDP,YAAY,CAACC,KAAK,GAAGP,SAAS,CAACO,KAAK;EACtC,CAAC,CAAC,CACDW,KAAK,CAAC,MAAM;IACX,IAAIb,YAAY,EAAE;MAChBzB,OAAO,CAACyB,YAAY,CAAC,CAACL,SAAS,CAACO,KAAK,CAAC;IACxC;EACF,CAAC,CAAC;EAEJ,MAAMY,SAAS,GAAGrC,cAAc,CAAC,CAAC,CAAC,CAAC;EACpC,MAAM;IAAEsC;EAAU,CAAC,GAAG7B,YAAY,CAAC,CAAC;EACpC,MAAM8B,UAAU,GAAGvC,cAAc,CAAC,KAAK,CAAC;EAExCD,mBAAmB,CACjB,MAAMmB,SAAS,CAACO,KAAK,EACpBe,IAAI,IAAK;IACRlB,WAAW,CAACG,KAAK,GAAG,IAAI,GAAGe,IAAI;EACjC,CAAC,EACD,CAAClB,WAAW,CACd,CAAC;EAED,MAAMmB,gBAAgB,GAAGxC,OAAO,CAACyC,SAAS,CAAC,CAAC,CACzCC,OAAO,CAAC1B,eAAe,IAAI,CAACqB,SAAS,CAAC,CACtCM,OAAO,CAAC5B,WAAkB,CAAC,CAC3B6B,gBAAgB,CAAC,CAAC,CAAC,CACnBC,WAAW,CAAC,GAAG,CAAC,CAChBC,WAAW,CAAC,KAAK,CAAC,CAClBC,OAAO,CAAElB,KAAK,IAAK;IAClB,SAAS;;IAETS,UAAU,CAACd,KAAK,GAAG,IAAI;IACvBL,OAAO,CAACK,KAAK,GAAGQ,IAAI,CAACE,GAAG,CACtB,CAAC,EACDL,KAAK,CAACmB,CAAC,GAAG1C,uBAAuB,GAAIW,SAAS,CAACO,KAAK,GAAG,EAAE,GAAI,CAC/D,CAAC;EACH,CAAC,CAAC,CACDyB,aAAa,CAAEpB,KAAK,IAAK;IACxB,SAAS;;IAET,IAAI,CAACS,UAAU,CAACd,KAAK,EAAE;MACrB;IACF;IAEAL,OAAO,CAACK,KAAK,GAAGQ,IAAI,CAACE,GAAG,CACtB,CAAC,EACDL,KAAK,CAACqB,UAAU,CAAC,CAAC,CAAC,CAACF,CAAC,GACnB1C,uBAAuB,GACtBW,SAAS,CAACO,KAAK,GAAG,EAAE,GAAI,CAC7B,CAAC;EACH,CAAC,CAAC,CACDW,KAAK,CAAC,CAACN,KAAK,EAAEsB,OAAO,KAAK;IACzB,SAAS;;IAET,IAAI,CAACb,UAAU,CAACd,KAAK,EAAE;MACrB;IACF;;IAEA;IACAL,OAAO,CAACK,KAAK,GAAG,CAAC,CAAC;IAClBY,SAAS,CAACZ,KAAK,GAAG,CAAC,CAAC;IACpBc,UAAU,CAACd,KAAK,GAAG,KAAK;IAExB,IAAI,CAAC2B,OAAO,EAAE;MACZ;IACF;;IAEA;IACA,MAAMC,WAAW,GACfvB,KAAK,CAACmB,CAAC,GAAG1C,uBAAuB,GAAIW,SAAS,CAACO,KAAK,GAAG,EAAE,GAAI,CAAC;IAChE,MAAM6B,IAAI,GAAGrB,IAAI,CAACsB,KAAK,CAACF,WAAW,GAAGnC,SAAS,CAACO,KAAK,CAAC;IACtD,MAAM+B,IAAI,GAAGvB,IAAI,CAACsB,KAAK,CAACD,IAAI,GAAG,EAAE,CAAC;IAClC,MAAMG,MAAM,GAAGH,IAAI,GAAGE,IAAI,GAAG,EAAE;IAE/B,IAAInC,aAAa,EAAE;MACjBvB,OAAO,CAACuB,aAAa,CAAC,CAAC;QACrBmC,IAAI;QACJC;MACF,CAAC,CAAC;IACJ;EACF,CAAC,CAAC;EAEJ,MAAMC,eAAe,GAAGzD,OAAO,CAAC0D,YAAY,CAC1ChC,YAAY,EACZc,gBAAgB,EAChB/B,gBAAgB,CAACQ,SAAS,EAAEC,gBAAgB,EAAEI,YAAY,CAC5D,CAAC;EAED,oBACEX,IAAA,CAACV,eAAe;IAAC0D,OAAO,EAAEF,eAAgB;IAAA3C,QAAA,eACxCH,IAAA,CAACf,QAAQ,CAACgE,IAAI;MAACC,KAAK,EAAEC,MAAM,CAACC,SAAU;MAAAjD,QAAA,EAAEA;IAAQ,CAAgB;EAAC,CACnD,CAAC;AAEtB,CACF,CAAC;AAED,MAAMgD,MAAM,GAAGvD,UAAU,CAACyD,MAAM,CAAC;EAC/BD,SAAS,EAAE;IACTE,IAAI,EAAE;EACR;AACF,CAAC,CAAC;AAEF,eAAepD,YAAY","ignoreList":[]}

package/lib/module/enums.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=enums.js.map

package/lib/module/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["enums.ts"],"mappings":"","ignoreList":[]}

package/lib/module/hooks/use-cloned-events.js

@@ -0,0 +1,21 @@
+"use strict";
+
+import { useEffect, useState } from "react";
+import { cloneDeep } from "lodash";
+export let updateClonedEvents;
+
+/**
+ * Returns a cloned version of the events array if the updateLocalStateAfterEdit is set to true.
+ * We do this to make local state updates faster and more responsive. If the updateLocalStateAfterEdit is set to false,
+ * we return the original events array and don't clone it.
+ */
+const useClonedEvents = (events, updateLocalStateAfterEdit) => {
+  const [clonedEvents, setClonedEvents] = useState(events);
+  useEffect(() => {
+    setClonedEvents(updateLocalStateAfterEdit ? cloneDeep(events) : events);
+    updateClonedEvents = setClonedEvents;
+  }, [events, updateLocalStateAfterEdit]);
+  return clonedEvents;
+};
+export default useClonedEvents;
+//# sourceMappingURL=use-cloned-events.js.map

package/lib/module/hooks/use-cloned-events.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","cloneDeep","updateClonedEvents","useClonedEvents","events","updateLocalStateAfterEdit","clonedEvents","setClonedEvents"],"sourceRoot":"../../../src","sources":["hooks/use-cloned-events.ts"],"mappings":";;AAAA,SAAmCA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACrE,SAASC,SAAS,QAAQ,QAAQ;AAGlC,OAAO,IAAIC,kBAA6D;;AAExE;AACA;AACA;AACA;AACA;AACA,MAAMC,eAAe,GAAGA,CACtBC,MAAuB,EACvBC,yBAAkC,KAC/B;EACH,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGP,QAAQ,CAACI,MAAM,CAAC;EAExDL,SAAS,CAAC,MAAM;IACdQ,eAAe,CAACF,yBAAyB,GAAGJ,SAAS,CAACG,MAAM,CAAC,GAAGA,MAAM,CAAC;IACvEF,kBAAkB,GAAGK,eAAe;EACtC,CAAC,EAAE,CAACH,MAAM,EAAEC,yBAAyB,CAAC,CAAC;EAEvC,OAAOC,YAAY;AACrB,CAAC;AAED,eAAeH,eAAe","ignoreList":[]}

package/lib/module/hooks/use-events-layout.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { create } from "zustand";
+import { immer } from "zustand/middleware/immer";
+import generateEventLayouts from "../utils/generate-event-layouts.js";
+import { useEffect } from "react";
+const useEventsLayoutStore = create()(immer(set => ({
+  events: {
+    allDayEventsLayout: [],
+    partDayEventsLayout: []
+  },
+  updateEvents: props => set(state => {
+    state.events = generateEventLayouts(props)[props.startCalendarDate] || {
+      partDayEventsLayout: [],
+      allDayEventsLayout: []
+    };
+  })
+})));
+const useEventsLayout = props => {
+  const {
+    events: layoutEvents
+  } = useEventsLayoutStore();
+  useEffect(() => {
+    useEventsLayoutStore.getState().updateEvents(props);
+  }, [props]);
+  return layoutEvents;
+};
+export default useEventsLayout;
+//# sourceMappingURL=use-events-layout.js.map

package/lib/module/hooks/use-events-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["create","immer","generateEventLayouts","useEffect","useEventsLayoutStore","set","events","allDayEventsLayout","partDayEventsLayout","updateEvents","props","state","startCalendarDate","useEventsLayout","layoutEvents","getState"],"sourceRoot":"../../../src","sources":["hooks/use-events-layout.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,SAAS;AAChC,SAASC,KAAK,QAAQ,0BAA0B;AAChD,OAAOC,oBAAoB,MAAM,oCAAiC;AAClE,SAASC,SAAS,QAAQ,OAAO;AAyBjC,MAAMC,oBAAoB,GAAGJ,MAAM,CAAkB,CAAC,CACpDC,KAAK,CAAEI,GAAG,KAAM;EACdC,MAAM,EAAE;IACNC,kBAAkB,EAAE,EAAE;IACtBC,mBAAmB,EAAE;EACvB,CAAC;EACDC,YAAY,EAAGC,KAAkB,IAC/BL,GAAG,CAAEM,KAAK,IAAK;IACbA,KAAK,CAACL,MAAM,GAAGJ,oBAAoB,CAACQ,KAAK,CAAC,CAACA,KAAK,CAACE,iBAAiB,CAAC,IAAI;MACrEJ,mBAAmB,EAAE,EAAE;MACvBD,kBAAkB,EAAE;IACtB,CAAC;EACH,CAAC;AACL,CAAC,CAAC,CACJ,CAAC;AAED,MAAMM,eAAe,GAAIH,KAAkB,IAAK;EAC9C,MAAM;IAAEJ,MAAM,EAAEQ;EAAa,CAAC,GAAGV,oBAAoB,CAAC,CAAC;EAEvDD,SAAS,CAAC,MAAM;IACdC,oBAAoB,CAACW,QAAQ,CAAC,CAAC,CAACN,YAAY,CAACC,KAAK,CAAC;EACrD,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,OAAOI,YAAY;AACrB,CAAC;AAED,eAAeD,eAAe","ignoreList":[]}