@sytechui/calendar 2.2.32

package/dist/use-range-calendar.js

@@ -0,0 +1,293 @@
+"use client";
+"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/use-range-calendar.ts
+var use_range_calendar_exports = {};
+__export(use_range_calendar_exports, {
+  useRangeCalendar: () => useRangeCalendar
+});
+module.exports = __toCommonJS(use_range_calendar_exports);
+var import_react2 = require("react");
+var import_react_utils2 = require("@sytechui/react-utils");
+var import_calendar = require("@react-aria/calendar");
+var import_calendar2 = require("@react-stately/calendar");
+var import_date2 = require("@internationalized/date");
+var import_shared_utils2 = require("@sytechui/shared-utils");
+var import_theme2 = require("@sytechui/theme");
+
+// src/use-calendar-base.ts
+var import_date = require("@internationalized/date");
+var import_system = require("@sytechui/system");
+var import_react = require("react");
+var import_theme = require("@sytechui/theme");
+var import_utils = require("@react-stately/utils");
+var import_react_utils = require("@sytechui/react-utils");
+var import_i18n = require("@react-aria/i18n");
+var import_shared_utils = require("@sytechui/shared-utils");
+function useCalendarBase(originalProps) {
+  var _a, _b, _c, _d, _e, _f, _g;
+  const [props, variantProps] = (0, import_system.mapPropsVariants)(originalProps, import_theme.calendar.variantKeys);
+  const globalContext = (0, import_system.useProviderContext)();
+  const { locale, direction } = (0, import_i18n.useLocale)();
+  const isRTL = direction === "rtl";
+  const calendarProp = (0, import_date.createCalendar)(
+    new import_date.DateFormatter(locale).resolvedOptions().calendar
+  );
+  const gregorianYearOffset = (0, import_shared_utils.getGregorianYearOffset)(calendarProp.identifier);
+  const {
+    ref,
+    as,
+    children,
+    className,
+    topContent,
+    bottomContent,
+    showHelper = true,
+    firstDayOfWeek,
+    calendarWidth = 256,
+    visibleMonths: visibleMonthsProp = 1,
+    weekdayStyle = "narrow",
+    navButtonProps = {},
+    isHeaderExpanded: isHeaderExpandedProp,
+    isHeaderDefaultExpanded,
+    onHeaderExpandedChange = () => {
+    },
+    createCalendar: createCalendarProp = (_a = globalContext == null ? void 0 : globalContext.createCalendar) != null ? _a : null,
+    minValue = (_c = (_b = globalContext == null ? void 0 : globalContext.defaultDates) == null ? void 0 : _b.minDate) != null ? _c : new import_date.CalendarDate(calendarProp, 1900 + gregorianYearOffset, 1, 1),
+    maxValue = (_e = (_d = globalContext == null ? void 0 : globalContext.defaultDates) == null ? void 0 : _d.maxDate) != null ? _e : new import_date.CalendarDate(calendarProp, 2099 + gregorianYearOffset, 12, 31),
+    prevButtonProps: prevButtonPropsProp,
+    nextButtonProps: nextButtonPropsProp,
+    errorMessage,
+    classNames,
+    ...otherProps
+  } = props;
+  const Component = as || "div";
+  const visibleMonths = (0, import_shared_utils.clamp)(visibleMonthsProp, 1, 3);
+  const showMonthAndYearPickers = originalProps.showMonthAndYearPickers && visibleMonths === 1;
+  const domRef = (0, import_react_utils.useDOMRef)(ref);
+  const handleHeaderExpandedChange = (0, import_react.useCallback)(
+    (isExpanded) => {
+      onHeaderExpandedChange(isExpanded || false);
+    },
+    [onHeaderExpandedChange]
+  );
+  const [isHeaderExpanded, setIsHeaderExpanded] = (0, import_utils.useControlledState)(
+    isHeaderExpandedProp,
+    isHeaderDefaultExpanded != null ? isHeaderDefaultExpanded : false,
+    handleHeaderExpandedChange
+  );
+  const visibleDuration = (0, import_react.useMemo)(() => ({ months: visibleMonths }), [visibleMonths]);
+  const hasMultipleMonths = visibleMonths > 1;
+  const shouldFilterDOMProps = typeof Component === "string";
+  const slots = (0, import_react.useMemo)(
+    () => (0, import_theme.calendar)({
+      ...variantProps,
+      showMonthAndYearPickers,
+      isRange: !!originalProps.isRange,
+      isHeaderWrapperExpanded: isHeaderExpanded,
+      className,
+      isRTL
+    }),
+    [(0, import_shared_utils.objectToDeps)(variantProps), showMonthAndYearPickers, isHeaderExpanded, className]
+  );
+  const disableAnimation = (_g = (_f = originalProps.disableAnimation) != null ? _f : globalContext == null ? void 0 : globalContext.disableAnimation) != null ? _g : false;
+  const commonButtonProps = {
+    size: "sm",
+    variant: "light",
+    radius: "full",
+    isIconOnly: true,
+    disableAnimation,
+    ...navButtonProps
+  };
+  const baseProps = {
+    "data-slot": "base",
+    "data-has-multiple-months": (0, import_shared_utils.dataAttr)(hasMultipleMonths),
+    style: {
+      // @ts-ignore
+      "--visible-months": typeof visibleMonths === "number" ? `${visibleMonths}` : visibleMonths,
+      "--calendar-width": typeof calendarWidth === "number" ? `${calendarWidth}px` : calendarWidth
+    }
+  };
+  const getPrevButtonProps = (props2 = {}) => {
+    return {
+      "data-slot": "prev-button",
+      tabIndex: isHeaderExpanded ? -1 : 0,
+      className: slots.prevButton({ class: classNames == null ? void 0 : classNames.prevButton }),
+      ...(0, import_shared_utils.mergeProps)(commonButtonProps, prevButtonPropsProp, props2)
+    };
+  };
+  const getNextButtonProps = (props2 = {}) => {
+    return {
+      "data-slot": "next-button",
+      tabIndex: isHeaderExpanded ? -1 : 0,
+      className: slots.nextButton({ class: classNames == null ? void 0 : classNames.nextButton }),
+      ...(0, import_shared_utils.mergeProps)(commonButtonProps, nextButtonPropsProp, props2)
+    };
+  };
+  const getErrorMessageProps = (props2 = {}) => {
+    return {
+      "data-slot": "error-message",
+      className: slots.errorMessage({ class: classNames == null ? void 0 : classNames.errorMessage }),
+      ...props2
+    };
+  };
+  return {
+    Component,
+    children,
+    domRef,
+    slots,
+    locale,
+    minValue,
+    maxValue,
+    baseProps,
+    showHelper,
+    firstDayOfWeek,
+    weekdayStyle,
+    visibleMonths,
+    visibleDuration,
+    shouldFilterDOMProps,
+    isHeaderExpanded,
+    showMonthAndYearPickers,
+    disableAnimation,
+    createCalendar: createCalendarProp,
+    getPrevButtonProps,
+    getNextButtonProps,
+    getErrorMessageProps,
+    setIsHeaderExpanded,
+    topContent,
+    bottomContent,
+    errorMessage,
+    classNames,
+    otherProps
+  };
+}
+
+// src/use-range-calendar.ts
+function useRangeCalendar({
+  buttonPickerProps: buttonPickerPropsProp,
+  className,
+  ...originalProps
+}) {
+  const {
+    Component,
+    slots,
+    children,
+    domRef,
+    locale,
+    showHelper,
+    firstDayOfWeek,
+    minValue,
+    maxValue,
+    weekdayStyle,
+    visibleDuration,
+    shouldFilterDOMProps,
+    isHeaderExpanded,
+    visibleMonths,
+    disableAnimation,
+    createCalendar: createCalendarProp,
+    showMonthAndYearPickers,
+    baseProps,
+    getPrevButtonProps,
+    getNextButtonProps,
+    getErrorMessageProps,
+    setIsHeaderExpanded,
+    topContent,
+    bottomContent,
+    errorMessage,
+    classNames,
+    otherProps
+  } = useCalendarBase({ ...originalProps, isRange: true });
+  const headerRef = (0, import_react2.useRef)(null);
+  const state = (0, import_calendar2.useRangeCalendarState)({
+    ...originalProps,
+    locale,
+    minValue,
+    maxValue,
+    visibleDuration,
+    createCalendar: !createCalendarProp || typeof createCalendarProp !== "function" ? import_date2.createCalendar : createCalendarProp
+  });
+  const { title, calendarProps, prevButtonProps, nextButtonProps, errorMessageProps } = (0, import_calendar.useRangeCalendar)(originalProps, state, domRef);
+  const baseStyles = (0, import_theme2.cn)(classNames == null ? void 0 : classNames.base, className);
+  const buttonPickerProps = {
+    ...buttonPickerPropsProp,
+    onPress: (0, import_shared_utils2.chain)(buttonPickerPropsProp == null ? void 0 : buttonPickerPropsProp.onPress, () => setIsHeaderExpanded(!isHeaderExpanded))
+  };
+  const getBaseCalendarProps = (props = {}) => {
+    return {
+      ...baseProps,
+      Component,
+      showHelper,
+      firstDayOfWeek,
+      topContent,
+      bottomContent,
+      buttonPickerProps,
+      calendarRef: domRef,
+      calendarProps,
+      prevButtonProps: getPrevButtonProps(prevButtonProps),
+      nextButtonProps: getNextButtonProps(nextButtonProps),
+      errorMessageProps: getErrorMessageProps(errorMessageProps),
+      className: slots.base({ class: baseStyles }),
+      errorMessage,
+      ...(0, import_react_utils2.filterDOMProps)(otherProps, {
+        enabled: shouldFilterDOMProps
+      }),
+      ...props
+    };
+  };
+  const context = (0, import_react2.useMemo)(
+    () => ({
+      state,
+      slots,
+      headerRef,
+      weekdayStyle,
+      isHeaderExpanded,
+      setIsHeaderExpanded,
+      visibleMonths,
+      showMonthAndYearPickers,
+      classNames,
+      disableAnimation
+    }),
+    [
+      state,
+      slots,
+      classNames,
+      weekdayStyle,
+      isHeaderExpanded,
+      setIsHeaderExpanded,
+      visibleMonths,
+      disableAnimation,
+      showMonthAndYearPickers
+    ]
+  );
+  return {
+    Component,
+    children,
+    domRef,
+    context,
+    state,
+    slots,
+    title,
+    classNames,
+    getBaseCalendarProps
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useRangeCalendar
+});

package/dist/use-range-calendar.mjs

@@ -0,0 +1,8 @@
+"use client";
+import {
+  useRangeCalendar
+} from "./chunk-DN6I5LXB.mjs";
+import "./chunk-H34OUI62.mjs";
+export {
+  useRangeCalendar
+};

package/dist/utils.d.mts

@@ -0,0 +1,7 @@
+import { DateValue } from '@internationalized/date';
+
+declare function getYearRange(start?: DateValue | null, end?: DateValue | null): DateValue[];
+declare function addMonths(date: DateValue, months: number): DateValue;
+declare function getMonthsInYear(year: DateValue): DateValue[];
+
+export { addMonths, getMonthsInYear, getYearRange };

package/dist/utils.d.ts

@@ -0,0 +1,7 @@
+import { DateValue } from '@internationalized/date';
+
+declare function getYearRange(start?: DateValue | null, end?: DateValue | null): DateValue[];
+declare function addMonths(date: DateValue, months: number): DateValue;
+declare function getMonthsInYear(year: DateValue): DateValue[];
+
+export { addMonths, getMonthsInYear, getYearRange };

package/dist/utils.js

@@ -0,0 +1,59 @@
+"use client";
+"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/utils.ts
+var utils_exports = {};
+__export(utils_exports, {
+  addMonths: () => addMonths,
+  getMonthsInYear: () => getMonthsInYear,
+  getYearRange: () => getYearRange
+});
+module.exports = __toCommonJS(utils_exports);
+var import_date = require("@internationalized/date");
+function getYearRange(start, end) {
+  const years = [];
+  if (!start || !end) {
+    return years;
+  }
+  let current = (0, import_date.startOfYear)(start);
+  while (current.compare(end) <= 0) {
+    years.push(current);
+    current = (0, import_date.startOfYear)(current.add({ years: 1 }));
+  }
+  return years;
+}
+function addMonths(date, months) {
+  return date.add({ months });
+}
+function getMonthsInYear(year) {
+  const firstMonth = (0, import_date.startOfYear)(year);
+  const months = [firstMonth];
+  while (months.length < 12) {
+    const prevMonth = months[months.length - 1];
+    months.push(addMonths(prevMonth, 1));
+  }
+  return months;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addMonths,
+  getMonthsInYear,
+  getYearRange
+});

package/dist/utils.mjs

@@ -0,0 +1,33 @@
+"use client";
+
+// src/utils.ts
+import { startOfYear } from "@internationalized/date";
+function getYearRange(start, end) {
+  const years = [];
+  if (!start || !end) {
+    return years;
+  }
+  let current = startOfYear(start);
+  while (current.compare(end) <= 0) {
+    years.push(current);
+    current = startOfYear(current.add({ years: 1 }));
+  }
+  return years;
+}
+function addMonths(date, months) {
+  return date.add({ months });
+}
+function getMonthsInYear(year) {
+  const firstMonth = startOfYear(year);
+  const months = [firstMonth];
+  while (months.length < 12) {
+    const prevMonth = months[months.length - 1];
+    months.push(addMonths(prevMonth, 1));
+  }
+  return months;
+}
+export {
+  addMonths,
+  getMonthsInYear,
+  getYearRange
+};

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@sytechui/calendar",
+  "version": "2.2.32",
+  "description": "A calendar displays one or more date grids and allows users to select a single date.",
+  "keywords": [
+    "calendar"
+  ],
+  "author": "HeroUI <support@heroui.com>",
+  "homepage": "https://heroui.com",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/heroui-inc/heroui.git",
+    "directory": "packages/components/calendar"
+  },
+  "bugs": {
+    "url": "https://github.com/heroui-inc/heroui/issues"
+  },
+  "peerDependencies": {
+    "@sytechui/system": ">=2.4.18",
+    "@sytechui/theme": ">=2.4.24",
+    "framer-motion": ">=11.5.6 || >=12.0.0-alpha.1",
+    "react": ">=18 || >=19.0.0-rc.0",
+    "react-dom": ">=18 || >=19.0.0-rc.0"
+  },
+  "dependencies": {
+    "@internationalized/date": "3.12.0",
+    "@react-aria/calendar": "3.9.5",
+    "@react-aria/focus": "3.21.5",
+    "@react-aria/i18n": "3.12.16",
+    "@react-stately/calendar": "3.9.3",
+    "@react-types/button": "3.15.1",
+    "@react-aria/visually-hidden": "3.8.31",
+    "@react-stately/utils": "3.11.0",
+    "@react-types/calendar": "3.8.3",
+    "@react-aria/interactions": "3.27.1",
+    "@react-types/shared": "3.33.1",
+    "scroll-into-view-if-needed": "3.0.10",
+    "@sytechui/react-utils": "2.1.14",
+    "@sytechui/shared-utils": "2.1.12",
+    "@sytechui/framer-utils": "2.1.28",
+    "@sytechui/use-aria-button": "2.2.22",
+    "@sytechui/shared-icons": "2.1.10",
+    "@sytechui/button": "2.2.32",
+    "@sytechui/time-picker": "2.0.2",
+    "@sytechui/dom-animation": "2.1.10"
+  },
+  "clean-package": "../../../clean-package.config.json",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "build": "tsup src --dts",
+    "build:fast": "tsup src",
+    "dev": "pnpm build:fast --watch",
+    "clean": "rimraf dist .turbo",
+    "typecheck": "tsc --noEmit"
+  }
+}