@calchemy/date-react 0.1.1 → 0.1.2

package/dist/index.cjs

@@ -269,6 +269,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 (0, import_react4.useContext)(CalendarPeriodDragContext);
 }
@@ -961,6 +989,13 @@ function CalendarGrid({
   const committedSelectedKeys = (0, import_react5.useMemo)(() => 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__ */ (0, import_jsx_runtime2.jsxs)(
     "div",
     {
@@ -969,26 +1004,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__ */ (0, import_jsx_runtime2.jsx)(CalendarDragRectangleOverlay, { dragRectangle: drag.dragRectangle, surfaceRef: drag.surfaceRef }) : null,
         weeks.map((week) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { "calchemy-week": "", children: week.map((date) => {
@@ -1386,6 +1402,13 @@ function CalendarPeriod({
     /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CalendarDragRectangleOverlay, {}),
     children
   ] }) : children;
+  const dragPointerProps = mergeCalendarDragPointerProps(Boolean(drag), drag, {
+    onPointerDownCapture,
+    onPointerMove,
+    onPointerUp,
+    onPointerCancel,
+    onDragStart
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
     "section",
     {
@@ -1396,26 +1419,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
     }
   );
@@ -1518,6 +1522,13 @@ function CalendarPeriodList({
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CalendarDragRectangleOverlay, {}),
     periodContent
   ] }) : periodContent;
+  const dragPointerProps = mergeCalendarDragPointerProps(Boolean(drag), drag, {
+    onPointerDownCapture,
+    onPointerMove,
+    onPointerUp,
+    onPointerCancel,
+    onDragStart
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
     "div",
     {
@@ -1527,26 +1538,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
     }
   );