@calchemy/date-react 0.1.1 → 0.1.2

package/dist/index.js

@@ -233,6 +233,34 @@ var multiplePeriodListDragSurfaceStyle = {
   position: "relative",
   background: "transparent"
 };
+function mergeCalendarDragPointerProps(enabled, drag, handlers) {
+  if (!enabled || !drag) {
+    return handlers;
+  }
+  const { onPointerDownCapture, onPointerMove, onPointerUp, onPointerCancel, onDragStart } = handlers;
+  return {
+    onPointerDownCapture: (event) => {
+      drag.handlePointerDownCapture(event);
+      onPointerDownCapture?.(event);
+    },
+    onPointerMove: (event) => {
+      drag.handlePointerMove(event);
+      onPointerMove?.(event);
+    },
+    onPointerUp: (event) => {
+      drag.handlePointerUp(event);
+      onPointerUp?.(event);
+    },
+    onPointerCancel: (event) => {
+      drag.handlePointerCancel(event);
+      onPointerCancel?.(event);
+    },
+    onDragStart: (event) => {
+      event.preventDefault();
+      onDragStart?.(event);
+    }
+  };
+}
 function useOptionalCalendarPeriodDrag() {
   return useContext(CalendarPeriodDragContext);
 }
@@ -925,6 +953,13 @@ function CalendarGrid({
   const committedSelectedKeys = useMemo3(() => new Set(getSelectedDateKeys(calendar.selected)), [calendar.selected]);
   const previewSelectedKeys = drag?.previewSelectedKeys ?? /* @__PURE__ */ new Set();
   const dragState = drag?.dragState ?? null;
+  const dragPointerProps = mergeCalendarDragPointerProps(useLocalDragHandlers, drag, {
+    onPointerDownCapture,
+    onPointerMove,
+    onPointerUp,
+    onPointerCancel,
+    onDragStart
+  });
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -933,26 +968,7 @@ function CalendarGrid({
       "calchemy-multiple-drag": useLocalDragHandlers ? "" : void 0,
       "calchemy-dragging": useLocalDragHandlers && dragState ? "" : void 0,
       style: useLocalDragHandlers ? { ...multipleDragSurfaceStyle, ...style } : style,
-      onPointerDownCapture: useLocalDragHandlers ? (event) => {
-        drag?.handlePointerDownCapture(event);
-        onPointerDownCapture?.(event);
-      } : onPointerDownCapture,
-      onPointerMove: useLocalDragHandlers ? (event) => {
-        drag?.handlePointerMove(event);
-        onPointerMove?.(event);
-      } : onPointerMove,
-      onPointerUp: useLocalDragHandlers ? (event) => {
-        drag?.handlePointerUp(event);
-        onPointerUp?.(event);
-      } : onPointerUp,
-      onPointerCancel: useLocalDragHandlers ? (event) => {
-        drag?.handlePointerCancel(event);
-        onPointerCancel?.(event);
-      } : onPointerCancel,
-      onDragStart: useLocalDragHandlers ? (event) => {
-        event.preventDefault();
-        onDragStart?.(event);
-      } : onDragStart,
+      ...dragPointerProps,
       children: [
         useLocalDragHandlers && drag?.dragRectangle ? /* @__PURE__ */ jsx2(CalendarDragRectangleOverlay, { dragRectangle: drag.dragRectangle, surfaceRef: drag.surfaceRef }) : null,
         weeks.map((week) => /* @__PURE__ */ jsx2("div", { "calchemy-week": "", children: week.map((date) => {
@@ -1350,6 +1366,13 @@ function CalendarPeriod({
     /* @__PURE__ */ jsx5(CalendarDragRectangleOverlay, {}),
     children
   ] }) : children;
+  const dragPointerProps = mergeCalendarDragPointerProps(Boolean(drag), drag, {
+    onPointerDownCapture,
+    onPointerMove,
+    onPointerUp,
+    onPointerCancel,
+    onDragStart
+  });
   return /* @__PURE__ */ jsx5(
     "section",
     {
@@ -1360,26 +1383,7 @@ function CalendarPeriod({
       "calchemy-multiple-drag": drag ? "" : void 0,
       "calchemy-dragging": drag?.dragState ? "" : void 0,
       style: drag ? { ...multipleDragSurfaceStyle, ...style } : parentDrag ? { touchAction: "none", ...style } : style,
-      onPointerDownCapture: drag ? (event) => {
-        drag.handlePointerDownCapture(event);
-        onPointerDownCapture?.(event);
-      } : onPointerDownCapture,
-      onPointerMove: drag ? (event) => {
-        drag.handlePointerMove(event);
-        onPointerMove?.(event);
-      } : onPointerMove,
-      onPointerUp: drag ? (event) => {
-        drag.handlePointerUp(event);
-        onPointerUp?.(event);
-      } : onPointerUp,
-      onPointerCancel: drag ? (event) => {
-        drag.handlePointerCancel(event);
-        onPointerCancel?.(event);
-      } : onPointerCancel,
-      onDragStart: drag ? (event) => {
-        event.preventDefault();
-        onDragStart?.(event);
-      } : onDragStart,
+      ...dragPointerProps,
       children: content
     }
   );
@@ -1482,6 +1486,13 @@ function CalendarPeriodList({
     /* @__PURE__ */ jsx6(CalendarDragRectangleOverlay, {}),
     periodContent
   ] }) : periodContent;
+  const dragPointerProps = mergeCalendarDragPointerProps(Boolean(drag), drag, {
+    onPointerDownCapture,
+    onPointerMove,
+    onPointerUp,
+    onPointerCancel,
+    onDragStart
+  });
   return /* @__PURE__ */ jsx6(
     "div",
     {
@@ -1491,26 +1502,7 @@ function CalendarPeriodList({
       "calchemy-multiple-drag": drag ? "" : void 0,
       "calchemy-dragging": drag?.dragState ? "" : void 0,
       style: drag ? { ...multiplePeriodListDragSurfaceStyle, ...style } : style,
-      onPointerDownCapture: drag ? (event) => {
-        drag.handlePointerDownCapture(event);
-        onPointerDownCapture?.(event);
-      } : onPointerDownCapture,
-      onPointerMove: drag ? (event) => {
-        drag.handlePointerMove(event);
-        onPointerMove?.(event);
-      } : onPointerMove,
-      onPointerUp: drag ? (event) => {
-        drag.handlePointerUp(event);
-        onPointerUp?.(event);
-      } : onPointerUp,
-      onPointerCancel: drag ? (event) => {
-        drag.handlePointerCancel(event);
-        onPointerCancel?.(event);
-      } : onPointerCancel,
-      onDragStart: drag ? (event) => {
-        event.preventDefault();
-        onDragStart?.(event);
-      } : onDragStart,
+      ...dragPointerProps,
       children: content
     }
   );