@calchemy/date-react 0.1.0 → 0.1.1

package/dist/calendar-scroll.cjs

@@ -0,0 +1,261 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/calendar-scroll.ts
+var calendar_scroll_exports = {};
+__export(calendar_scroll_exports, {
+  CalendarScroll: () => CalendarScroll
+});
+module.exports = __toCommonJS(calendar_scroll_exports);
+
+// src/components/calendar/CalendarScroll.tsx
+var import_react2 = require("react");
+var import_react_dom = require("react-dom");
+
+// src/components/calendar/context.ts
+var import_react = require("react");
+var CalchemyContext = (0, import_react.createContext)(null);
+var CalendarContext = (0, import_react.createContext)(null);
+var CalendarPeriodContext = (0, import_react.createContext)(null);
+var CalendarScrollContext = (0, import_react.createContext)(null);
+function useCalchemyCalendar() {
+  const state = (0, import_react.useContext)(CalendarContext);
+  if (!state) {
+    throw new Error("Calchemy calendar components must be rendered inside Calchemy.Calendar.");
+  }
+  return state;
+}
+
+// src/components/calendar/scroll-preload.ts
+function getScrollPosition(element, direction) {
+  return direction === "horizontal" ? element.scrollLeft : element.scrollTop;
+}
+function setScrollPosition(element, direction, value) {
+  if (direction === "horizontal") {
+    element.scrollLeft = value;
+    return;
+  }
+  element.scrollTop = value;
+}
+function getScrollSize(element, direction) {
+  return direction === "horizontal" ? element.scrollWidth : element.scrollHeight;
+}
+function getClientSize(element, direction) {
+  return direction === "horizontal" ? element.clientWidth : element.clientHeight;
+}
+function scrollPeriodIntoView(scrollElement, period, direction) {
+  const scrollRect = scrollElement.getBoundingClientRect();
+  const periodRect = period.getBoundingClientRect();
+  if (direction === "horizontal") {
+    scrollElement.scrollLeft += periodRect.left - scrollRect.left;
+    return;
+  }
+  scrollElement.scrollTop += periodRect.top - scrollRect.top;
+}
+function getScrollAnchorPeriod(scrollElement, direction) {
+  const scrollRect = scrollElement.getBoundingClientRect();
+  const periods = Array.from(scrollElement.querySelectorAll("[calchemy-period]"));
+  let fallback = null;
+  for (const period of periods) {
+    const periodRect = period.getBoundingClientRect();
+    const periodStart = direction === "horizontal" ? periodRect.left : periodRect.top;
+    const periodEnd = direction === "horizontal" ? periodRect.right : periodRect.bottom;
+    const scrollStart = direction === "horizontal" ? scrollRect.left : scrollRect.top;
+    const scrollEnd = direction === "horizontal" ? scrollRect.right : scrollRect.bottom;
+    if (periodEnd <= scrollStart) {
+      continue;
+    }
+    if (periodStart >= scrollEnd) {
+      break;
+    }
+    fallback = period;
+    if (periodStart >= scrollStart) {
+      return period;
+    }
+  }
+  return fallback;
+}
+function getCalendarPeriodWindowSize(scrollElement, direction, periodCount) {
+  const periods = Array.from(scrollElement.querySelectorAll("[calchemy-period]"));
+  const firstPeriod = periods[0];
+  const nextPeriod = periods[1];
+  const fallback = direction === "horizontal" ? scrollElement.clientWidth : scrollElement.clientHeight;
+  if (!firstPeriod) {
+    return fallback;
+  }
+  const firstRect = firstPeriod.getBoundingClientRect();
+  const nextRect = nextPeriod?.getBoundingClientRect();
+  const singlePeriodSize = nextRect ? direction === "horizontal" ? nextRect.left - firstRect.left : nextRect.top - firstRect.top : direction === "horizontal" ? firstRect.width : firstRect.height;
+  const windowSize = Math.abs(singlePeriodSize) * periodCount;
+  return windowSize > 0 ? windowSize : fallback;
+}
+function getLoadedPeriodRunway(calendar, anchor, direction) {
+  const anchorIndex = anchor?.getAttribute("calchemy-period-index") ? Number(anchor.getAttribute("calchemy-period-index")) : NaN;
+  const firstIndex = calendar.periods[0]?.index;
+  const lastIndex = calendar.periods.at(-1)?.index;
+  if (!Number.isFinite(anchorIndex) || firstIndex === void 0 || lastIndex === void 0) {
+    return null;
+  }
+  return direction === "before" ? anchorIndex - firstIndex : lastIndex - anchorIndex;
+}
+
+// src/components/calendar/CalendarScroll.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var preloadWindowCount = 2;
+function CalendarScroll({
+  direction = "vertical",
+  onScroll,
+  ...props
+}) {
+  const calendar = useCalchemyCalendar();
+  const scrollRef = (0, import_react2.useRef)(null);
+  const [leadingSpacer, setLeadingSpacer] = (0, import_react2.useState)({
+    periodCount: 0,
+    pixelSize: 0
+  });
+  const positionedPeriodAnchor = (0, import_react2.useRef)(null);
+  const suppressPreloadEvaluation = (0, import_react2.useRef)(false);
+  const pendingPrependStabilization = (0, import_react2.useRef)(null);
+  (0, import_react2.useLayoutEffect)(() => {
+    const anchorKey = calendar.periodAnchor.toString();
+    if (positionedPeriodAnchor.current === anchorKey) {
+      return;
+    }
+    const element = scrollRef.current;
+    const currentPeriod = element?.querySelector(
+      "[calchemy-period][calchemy-period-index='0']"
+    );
+    if (!element || !currentPeriod) {
+      return;
+    }
+    positionedPeriodAnchor.current = anchorKey;
+    scrollPeriodIntoView(element, currentPeriod, direction);
+  }, [direction, calendar.periodAnchor, calendar.periods]);
+  function startBeforePreloadTransaction(element, preloadDirection, periodWindowSize) {
+    suppressPreloadEvaluation.current = true;
+    const extendPeriodCount = calendar.period.count * preloadWindowCount;
+    const previousScrollSize = getScrollSize(element, preloadDirection);
+    const previousScrollPosition = getScrollPosition(element, preloadDirection);
+    (0, import_react_dom.flushSync)(() => {
+      setLeadingSpacer({
+        periodCount: extendPeriodCount,
+        pixelSize: periodWindowSize * preloadWindowCount
+      });
+    });
+    setScrollPosition(
+      element,
+      preloadDirection,
+      previousScrollPosition + getScrollSize(element, preloadDirection) - previousScrollSize
+    );
+    (0, import_react_dom.flushSync)(() => {
+      calendar.extendPeriods("before", preloadWindowCount);
+      setLeadingSpacer({ periodCount: 0, pixelSize: 0 });
+    });
+    const insertedDelta = getScrollSize(element, preloadDirection) - previousScrollSize;
+    const targetPosition = previousScrollPosition + insertedDelta;
+    setScrollPosition(element, preloadDirection, targetPosition);
+    pendingPrependStabilization.current = {
+      direction: preloadDirection,
+      insertedDelta,
+      targetPosition
+    };
+  }
+  function stabilizePrependScrollEvent(element) {
+    const stabilization = pendingPrependStabilization.current;
+    if (!stabilization) {
+      suppressPreloadEvaluation.current = false;
+      return;
+    }
+    const observedPosition = getScrollPosition(
+      element,
+      stabilization.direction
+    );
+    const targetDistance = observedPosition - stabilization.targetPosition;
+    const staleCoordinate = Math.abs(
+      observedPosition + stabilization.insertedDelta - stabilization.targetPosition
+    ) < Math.abs(targetDistance);
+    if (staleCoordinate) {
+      setScrollPosition(
+        element,
+        stabilization.direction,
+        observedPosition + stabilization.insertedDelta
+      );
+    }
+    pendingPrependStabilization.current = null;
+    suppressPreloadEvaluation.current = false;
+  }
+  function handleScroll(event) {
+    onScroll?.(event);
+    if (event.defaultPrevented) {
+      return;
+    }
+    const element = event.currentTarget;
+    if (suppressPreloadEvaluation.current) {
+      stabilizePrependScrollEvent(element);
+      return;
+    }
+    if (getScrollSize(element, direction) <= getClientSize(element, direction)) {
+      return;
+    }
+    const anchor = getScrollAnchorPeriod(element, direction);
+    const anchorIndex = anchor?.getAttribute("calchemy-period-index") ? Number(anchor.getAttribute("calchemy-period-index")) : NaN;
+    if (Number.isFinite(anchorIndex)) {
+      calendar.setVisiblePeriodIndex(anchorIndex);
+    }
+    const periodWindowSize = getCalendarPeriodWindowSize(
+      element,
+      direction,
+      calendar.period.count
+    );
+    const startRunway = getLoadedPeriodRunway(calendar, anchor, "before");
+    const runwayThreshold = calendar.period.count * preloadWindowCount;
+    const endRunway = getLoadedPeriodRunway(calendar, anchor, "after");
+    if (startRunway !== null && startRunway <= runwayThreshold && calendar.canExtendPeriods("before", preloadWindowCount)) {
+      startBeforePreloadTransaction(element, direction, periodWindowSize);
+    }
+    if (endRunway !== null && endRunway <= runwayThreshold && calendar.canExtendPeriods("after", preloadWindowCount)) {
+      calendar.extendPeriods("after", preloadWindowCount);
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    CalendarScrollContext.Provider,
+    {
+      value: {
+        direction,
+        leadingSpacerPeriodCount: leadingSpacer.periodCount,
+        leadingSpacerPixelSize: leadingSpacer.pixelSize
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          ...props,
+          ref: scrollRef,
+          "calchemy-scroll": "",
+          "calchemy-direction": direction,
+          onScroll: handleScroll
+        }
+      )
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CalendarScroll
+});
+//# sourceMappingURL=calendar-scroll.cjs.map

package/dist/calendar-scroll.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/calendar-scroll.ts","../src/components/calendar/CalendarScroll.tsx","../src/components/calendar/context.ts","../src/components/calendar/scroll-preload.ts"],"sourcesContent":["export {\n  CalendarScroll,\n  type CalchemyCalendarScrollProps,\n} from \"./components/calendar/CalendarScroll\";\n","import { useLayoutEffect, useRef, useState } from \"react\";\nimport type { ComponentPropsWithoutRef, UIEvent } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport { CalendarScrollContext, useCalchemyCalendar } from \"./context\";\nimport {\n  getCalendarPeriodWindowSize,\n  getClientSize,\n  getLoadedPeriodRunway,\n  getScrollAnchorPeriod,\n  getScrollPosition,\n  getScrollSize,\n  scrollPeriodIntoView,\n  setScrollPosition,\n} from \"./scroll-preload\";\nimport type { CalendarScrollDirection } from \"./types\";\n\nconst preloadWindowCount = 2;\n\nexport type CalchemyCalendarScrollProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onScroll\"\n> & {\n  direction?: CalendarScrollDirection;\n  onScroll?: ComponentPropsWithoutRef<\"div\">[\"onScroll\"];\n};\n\nexport function CalendarScroll({\n  direction = \"vertical\",\n  onScroll,\n  ...props\n}: CalchemyCalendarScrollProps) {\n  const calendar = useCalchemyCalendar();\n  const scrollRef = useRef<HTMLDivElement | null>(null);\n  const [leadingSpacer, setLeadingSpacer] = useState({\n    periodCount: 0,\n    pixelSize: 0,\n  });\n  const positionedPeriodAnchor = useRef<string | null>(null);\n  const suppressPreloadEvaluation = useRef(false);\n  const pendingPrependStabilization = useRef<{\n    direction: CalendarScrollDirection;\n    insertedDelta: number;\n    targetPosition: number;\n  } | null>(null);\n\n  useLayoutEffect(() => {\n    const anchorKey = calendar.periodAnchor.toString();\n    if (positionedPeriodAnchor.current === anchorKey) {\n      return;\n    }\n\n    const element = scrollRef.current;\n    const currentPeriod = element?.querySelector<HTMLElement>(\n      \"[calchemy-period][calchemy-period-index='0']\",\n    );\n    if (!element || !currentPeriod) {\n      return;\n    }\n\n    positionedPeriodAnchor.current = anchorKey;\n    scrollPeriodIntoView(element, currentPeriod, direction);\n  }, [direction, calendar.periodAnchor, calendar.periods]);\n\n  function startBeforePreloadTransaction(\n    element: HTMLDivElement,\n    preloadDirection: CalendarScrollDirection,\n    periodWindowSize: number,\n  ) {\n    suppressPreloadEvaluation.current = true;\n    const extendPeriodCount = calendar.period.count * preloadWindowCount;\n    const previousScrollSize = getScrollSize(element, preloadDirection);\n    const previousScrollPosition = getScrollPosition(element, preloadDirection);\n\n    flushSync(() => {\n      setLeadingSpacer({\n        periodCount: extendPeriodCount,\n        pixelSize: periodWindowSize * preloadWindowCount,\n      });\n    });\n\n    setScrollPosition(\n      element,\n      preloadDirection,\n      previousScrollPosition +\n        getScrollSize(element, preloadDirection) -\n        previousScrollSize,\n    );\n\n    flushSync(() => {\n      calendar.extendPeriods(\"before\", preloadWindowCount);\n      setLeadingSpacer({ periodCount: 0, pixelSize: 0 });\n    });\n\n    const insertedDelta =\n      getScrollSize(element, preloadDirection) - previousScrollSize;\n    const targetPosition = previousScrollPosition + insertedDelta;\n    setScrollPosition(element, preloadDirection, targetPosition);\n    pendingPrependStabilization.current = {\n      direction: preloadDirection,\n      insertedDelta,\n      targetPosition,\n    };\n  }\n\n  function stabilizePrependScrollEvent(element: HTMLDivElement) {\n    const stabilization = pendingPrependStabilization.current;\n    if (!stabilization) {\n      suppressPreloadEvaluation.current = false;\n      return;\n    }\n\n    const observedPosition = getScrollPosition(\n      element,\n      stabilization.direction,\n    );\n    const targetDistance = observedPosition - stabilization.targetPosition;\n    const staleCoordinate =\n      Math.abs(\n        observedPosition +\n          stabilization.insertedDelta -\n          stabilization.targetPosition,\n      ) < Math.abs(targetDistance);\n\n    if (staleCoordinate) {\n      setScrollPosition(\n        element,\n        stabilization.direction,\n        observedPosition + stabilization.insertedDelta,\n      );\n    }\n\n    pendingPrependStabilization.current = null;\n    suppressPreloadEvaluation.current = false;\n  }\n\n  function handleScroll(event: UIEvent<HTMLDivElement>) {\n    onScroll?.(event);\n    if (event.defaultPrevented) {\n      return;\n    }\n\n    const element = event.currentTarget;\n    if (suppressPreloadEvaluation.current) {\n      stabilizePrependScrollEvent(element);\n      return;\n    }\n\n    if (\n      getScrollSize(element, direction) <= getClientSize(element, direction)\n    ) {\n      return;\n    }\n\n    const anchor = getScrollAnchorPeriod(element, direction);\n    const anchorIndex = anchor?.getAttribute(\"calchemy-period-index\")\n      ? Number(anchor.getAttribute(\"calchemy-period-index\"))\n      : NaN;\n    if (Number.isFinite(anchorIndex)) {\n      calendar.setVisiblePeriodIndex(anchorIndex);\n    }\n\n    const periodWindowSize = getCalendarPeriodWindowSize(\n      element,\n      direction,\n      calendar.period.count,\n    );\n    const startRunway = getLoadedPeriodRunway(calendar, anchor, \"before\");\n    const runwayThreshold = calendar.period.count * preloadWindowCount;\n    const endRunway = getLoadedPeriodRunway(calendar, anchor, \"after\");\n    if (\n      startRunway !== null &&\n      startRunway <= runwayThreshold &&\n      calendar.canExtendPeriods(\"before\", preloadWindowCount)\n    ) {\n      startBeforePreloadTransaction(element, direction, periodWindowSize);\n    }\n    if (\n      endRunway !== null &&\n      endRunway <= runwayThreshold &&\n      calendar.canExtendPeriods(\"after\", preloadWindowCount)\n    ) {\n      calendar.extendPeriods(\"after\", preloadWindowCount);\n    }\n  }\n\n  return (\n    <CalendarScrollContext.Provider\n      value={{\n        direction,\n        leadingSpacerPeriodCount: leadingSpacer.periodCount,\n        leadingSpacerPixelSize: leadingSpacer.pixelSize,\n      }}\n    >\n      <div\n        {...props}\n        ref={scrollRef}\n        calchemy-scroll=\"\"\n        calchemy-direction={direction}\n        onScroll={handleScroll}\n      />\n    </CalendarScrollContext.Provider>\n  );\n}\n","import { createContext, useContext } from \"react\";\nimport type { CalchemyState } from \"../../hooks/useCalchemy\";\nimport type { CalendarPeriodModel, CalendarScrollContextValue, CalendarState } from \"./types\";\n\nexport const CalchemyContext = createContext<CalchemyState | null>(null);\nexport const CalendarContext = createContext<CalendarState | null>(null);\nexport const CalendarPeriodContext = createContext<CalendarPeriodModel | null>(null);\nexport const CalendarScrollContext = createContext<CalendarScrollContextValue | null>(null);\n\nexport function useCalchemyContext(): CalchemyState {\n  const state = useContext(CalchemyContext);\n\n  if (!state) {\n    throw new Error(\"Calchemy components must be rendered inside Calchemy.Root.\");\n  }\n\n  return state;\n}\n\nexport function useCalchemyCalendar(): CalendarState {\n  const state = useContext(CalendarContext);\n\n  if (!state) {\n    throw new Error(\"Calchemy calendar components must be rendered inside Calchemy.Calendar.\");\n  }\n\n  return state;\n}\n\nexport function useCalendarPeriod(): CalendarPeriodModel | null {\n  return useContext(CalendarPeriodContext);\n}\n","import type { CalendarScrollDirection, CalendarState } from \"./types\";\n\nexport function getScrollPosition(element: HTMLElement, direction: CalendarScrollDirection): number {\n  return direction === \"horizontal\" ? element.scrollLeft : element.scrollTop;\n}\n\nexport function setScrollPosition(\n  element: HTMLElement,\n  direction: CalendarScrollDirection,\n  value: number,\n): void {\n  if (direction === \"horizontal\") {\n    element.scrollLeft = value;\n    return;\n  }\n\n  element.scrollTop = value;\n}\n\nexport function getScrollSize(element: HTMLElement, direction: CalendarScrollDirection): number {\n  return direction === \"horizontal\" ? element.scrollWidth : element.scrollHeight;\n}\n\nexport function getClientSize(element: HTMLElement, direction: CalendarScrollDirection): number {\n  return direction === \"horizontal\" ? element.clientWidth : element.clientHeight;\n}\n\nexport function scrollPeriodIntoView(\n  scrollElement: HTMLElement,\n  period: HTMLElement,\n  direction: CalendarScrollDirection,\n): void {\n  const scrollRect = scrollElement.getBoundingClientRect();\n  const periodRect = period.getBoundingClientRect();\n\n  if (direction === \"horizontal\") {\n    scrollElement.scrollLeft += periodRect.left - scrollRect.left;\n    return;\n  }\n\n  scrollElement.scrollTop += periodRect.top - scrollRect.top;\n}\n\nexport function getScrollAnchorPeriod(\n  scrollElement: HTMLElement,\n  direction: CalendarScrollDirection,\n): HTMLElement | null {\n  const scrollRect = scrollElement.getBoundingClientRect();\n  const periods = Array.from(scrollElement.querySelectorAll<HTMLElement>(\"[calchemy-period]\"));\n  let fallback: HTMLElement | null = null;\n\n  for (const period of periods) {\n    const periodRect = period.getBoundingClientRect();\n    const periodStart = direction === \"horizontal\" ? periodRect.left : periodRect.top;\n    const periodEnd = direction === \"horizontal\" ? periodRect.right : periodRect.bottom;\n    const scrollStart = direction === \"horizontal\" ? scrollRect.left : scrollRect.top;\n    const scrollEnd = direction === \"horizontal\" ? scrollRect.right : scrollRect.bottom;\n\n    if (periodEnd <= scrollStart) {\n      continue;\n    }\n    if (periodStart >= scrollEnd) {\n      break;\n    }\n\n    fallback = period;\n    if (periodStart >= scrollStart) {\n      return period;\n    }\n  }\n\n  return fallback;\n}\n\nexport function getCalendarPeriodWindowSize(\n  scrollElement: HTMLElement,\n  direction: CalendarScrollDirection,\n  periodCount: number,\n): number {\n  const periods = Array.from(scrollElement.querySelectorAll<HTMLElement>(\"[calchemy-period]\"));\n  const firstPeriod = periods[0];\n  const nextPeriod = periods[1];\n  const fallback = direction === \"horizontal\" ? scrollElement.clientWidth : scrollElement.clientHeight;\n\n  if (!firstPeriod) {\n    return fallback;\n  }\n\n  const firstRect = firstPeriod.getBoundingClientRect();\n  const nextRect = nextPeriod?.getBoundingClientRect();\n  const singlePeriodSize = nextRect\n    ? direction === \"horizontal\"\n      ? nextRect.left - firstRect.left\n      : nextRect.top - firstRect.top\n    : direction === \"horizontal\"\n      ? firstRect.width\n      : firstRect.height;\n  const windowSize = Math.abs(singlePeriodSize) * periodCount;\n\n  return windowSize > 0 ? windowSize : fallback;\n}\n\nexport function getLoadedPeriodRunway(\n  calendar: CalendarState,\n  anchor: HTMLElement | null,\n  direction: \"before\" | \"after\",\n): number | null {\n  const anchorIndex = anchor?.getAttribute(\"calchemy-period-index\")\n    ? Number(anchor.getAttribute(\"calchemy-period-index\"))\n    : NaN;\n  const firstIndex = calendar.periods[0]?.index;\n  const lastIndex = calendar.periods.at(-1)?.index;\n\n  if (!Number.isFinite(anchorIndex) || firstIndex === undefined || lastIndex === undefined) {\n    return null;\n  }\n\n  return direction === \"before\" ? anchorIndex - firstIndex : lastIndex - anchorIndex;\n}\n"],"mappings":"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","names":["import_react"]}