@redis-ui/components 49.1.0 → 50.0.0

package/dist/node_modules/rsuite/esm/Calendar/Grid/GridCell.js

@@ -0,0 +1,47 @@
+"use client";
+import { __toESM } from "../../../../../_virtual/_rolldown/runtime.js";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../../internals/utils/react/forwardRef.js";
+import useStyles from "../../internals/hooks/useStyles.js";
+import { isSameDay } from "../../internals/utils/date/plainDate.js";
+import useCustom from "../../internals/hooks/useCustom.js";
+import { useCalendar } from "../hooks/useCalendar.js";
+import { getAriaLabel } from "../utils/getAriaLabel.js";
+import { require_partial } from "../../../../lodash/partial.js";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/GridCell.js
+var import_partial = /* @__PURE__ */ __toESM(require_partial());
+var GridCell = forwardRef$1((props, ref) => {
+	const { as: Component = "div", classPrefix = "calendar-table", disabled, selected, date, onSelect, unSameMonth, rangeStart, rangeEnd, inRange, ...rest } = props;
+	const jsDate = new Date(date.year, date.month - 1, date.day);
+	const { onMouseMove, cellClassName, renderCell, renderCellOnPicker, locale: overrideLocale } = useCalendar();
+	const { prefix, merge } = useStyles(classPrefix);
+	const { getLocale, formatDate } = useCustom();
+	const { formattedDayPattern, today } = getLocale("Calendar", overrideLocale);
+	const ariaLabel = getAriaLabel(jsDate, formattedDayPattern, formatDate);
+	const isToday = isSameDay(date, /* @__PURE__ */ new Date());
+	const classes = merge(prefix("cell", {
+		"cell-un-same-month": unSameMonth,
+		"cell-is-today": isToday,
+		"cell-selected": selected,
+		"cell-selected-start": rangeStart,
+		"cell-selected-end": rangeEnd,
+		"cell-in-range": !unSameMonth && inRange,
+		"cell-disabled": disabled
+	}), cellClassName?.(date));
+	return /*#__PURE__*/ React.createElement(Component, _extends({
+		ref,
+		role: "gridcell",
+		"aria-label": ariaLabel,
+		"aria-selected": selected || void 0,
+		"aria-disabled": disabled || void 0,
+		tabIndex: selected ? 0 : -1,
+		title: isToday ? `${ariaLabel} (${today})` : ariaLabel,
+		className: classes,
+		onMouseEnter: !disabled && onMouseMove ? onMouseMove.bind(null, date) : void 0,
+		onClick: onSelect ? (0, import_partial.default)(onSelect, date, disabled) : void 0
+	}, rest), /*#__PURE__*/ React.createElement("div", { className: prefix("cell-content") }, renderCellOnPicker ? renderCellOnPicker(date) : /*#__PURE__*/ React.createElement("span", { className: prefix("cell-day") }, date.day), renderCell?.(date)));
+});
+GridCell.displayName = "CalendarGridCell";
+//#endregion
+export { GridCell as default };

package/dist/node_modules/rsuite/esm/Calendar/Grid/GridHeaderRow.cjs

@@ -0,0 +1,34 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../../internals/utils/react/forwardRef.cjs");
+const require_upperFirst$1 = require("../../../../lodash/upperFirst.cjs");
+const require_useStyles = require("../../internals/hooks/useStyles.cjs");
+const require_getWeekKeys = require("../../internals/utils/date/getWeekKeys.cjs");
+const require_useCalendar = require("../hooks/useCalendar.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/GridHeaderRow.js
+var import_upperFirst = /* @__PURE__ */ require_runtime.__toESM(require_upperFirst$1.default);
+var GridHeaderRow = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-table", ...rest } = props;
+	const { locale, showWeekNumbers, weekStart } = require_useCalendar.useCalendar();
+	const { merge, prefix } = require_useStyles.default(classPrefix);
+	const classes = merge(className, prefix("row", "header-row"));
+	const weeks = require_getWeekKeys.default(weekStart);
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({ role: "row" }, rest, {
+		ref,
+		className: classes
+	}), showWeekNumbers && /*#__PURE__*/ react.default.createElement("div", {
+		className: prefix("header-cell"),
+		role: "columnheader"
+	}), weeks.map((key) => /*#__PURE__*/ react.default.createElement("div", {
+		key,
+		className: prefix("header-cell"),
+		role: "columnheader",
+		"aria-label": (0, import_upperFirst.default)(key)
+	}, /*#__PURE__*/ react.default.createElement("span", { className: prefix("header-cell-content") }, locale?.[key]))));
+});
+GridHeaderRow.displayName = "CalendarGridHeaderRow";
+//#endregion
+exports.default = GridHeaderRow;

package/dist/node_modules/rsuite/esm/Calendar/Grid/GridHeaderRow.js

@@ -0,0 +1,33 @@
+"use client";
+import { __toESM } from "../../../../../_virtual/_rolldown/runtime.js";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../../internals/utils/react/forwardRef.js";
+import { require_upperFirst } from "../../../../lodash/upperFirst.js";
+import useStyles from "../../internals/hooks/useStyles.js";
+import getWeekKeys from "../../internals/utils/date/getWeekKeys.js";
+import { useCalendar } from "../hooks/useCalendar.js";
+import React from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/GridHeaderRow.js
+var import_upperFirst = /* @__PURE__ */ __toESM(require_upperFirst());
+var GridHeaderRow = forwardRef$1((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-table", ...rest } = props;
+	const { locale, showWeekNumbers, weekStart } = useCalendar();
+	const { merge, prefix } = useStyles(classPrefix);
+	const classes = merge(className, prefix("row", "header-row"));
+	const weeks = getWeekKeys(weekStart);
+	return /*#__PURE__*/ React.createElement(Component, _extends({ role: "row" }, rest, {
+		ref,
+		className: classes
+	}), showWeekNumbers && /*#__PURE__*/ React.createElement("div", {
+		className: prefix("header-cell"),
+		role: "columnheader"
+	}), weeks.map((key) => /*#__PURE__*/ React.createElement("div", {
+		key,
+		className: prefix("header-cell"),
+		role: "columnheader",
+		"aria-label": (0, import_upperFirst.default)(key)
+	}, /*#__PURE__*/ React.createElement("span", { className: prefix("header-cell-content") }, locale?.[key]))));
+});
+GridHeaderRow.displayName = "CalendarGridHeaderRow";
+//#endregion
+export { GridHeaderRow as default };

package/dist/node_modules/rsuite/esm/Calendar/Grid/GridRow.cjs

@@ -0,0 +1,107 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../../internals/utils/react/forwardRef.cjs");
+const require_index = require("../../internals/constants/index.cjs");
+const require_useStyles = require("../../internals/hooks/useStyles.cjs");
+const require_format = require("../../../../date-fns/format.cjs");
+const require_plainDate = require("../../internals/utils/date/plainDate.cjs");
+const require_useCalendar = require("../hooks/useCalendar.cjs");
+const require_GridCell = require("./GridCell.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/GridRow.js
+/**
+* A row in the calendar month view grid, i.e. a week of days.
+*/
+var GridRow = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-table", startingDate, rowIndex, ...rest } = props;
+	const { date: selected = /* @__PURE__ */ new Date(), dateRange, hoverRangeValue, isoWeek, weekStart, showWeekNumbers, locale, disabledDate, onSelect } = require_useCalendar.useCalendar();
+	const { prefix, merge } = require_useStyles.default(classPrefix);
+	const handleSelect = (0, react.useCallback)((date, disabled, event) => {
+		if (disabled) return;
+		onSelect?.(date, event);
+	}, [onSelect]);
+	const renderDays = () => {
+		const days = [];
+		const [selectedStartDateJS, selectedEndDateJS] = dateRange || [];
+		const [hoverStartDateJS, hoverEndDateJS] = hoverRangeValue ?? [];
+		const isRangeSelectionMode = typeof dateRange !== "undefined";
+		const plainDateRange = typeof dateRange !== "undefined" ? dateRange.map((d) => d instanceof Date ? {
+			year: d.getFullYear(),
+			month: d.getMonth() + 1,
+			day: d.getDate()
+		} : void 0) : void 0;
+		for (let i = 0; i < 7; i += 1) {
+			const thisDate = require_plainDate.addDays(startingDate, i);
+			const thisDateJS = new Date(thisDate.year, thisDate.month - 1, thisDate.day);
+			const disabled = disabledDate?.(thisDate, plainDateRange, require_index.DATERANGE_DISABLED_TARGET.CALENDAR);
+			const isSameMonth = selected.getFullYear() === thisDate.year && selected.getMonth() + 1 === thisDate.month;
+			const isRangeStart = isSameMonth && selectedStartDateJS && require_plainDate.isSameDay(thisDate, selectedStartDateJS);
+			const isRangeEnd = isSameMonth && selectedEndDateJS && require_plainDate.isSameDay(thisDate, selectedEndDateJS);
+			const isSelected = isRangeSelectionMode ? isRangeStart || isRangeEnd : require_plainDate.isSameDay(thisDate, selected);
+			let inRange = false;
+			if (selectedStartDateJS && selectedEndDateJS) {
+				const selectedStartDate = {
+					year: selectedStartDateJS.getFullYear(),
+					month: selectedStartDateJS.getMonth() + 1,
+					day: selectedStartDateJS.getDate()
+				};
+				const selectedEndDate = {
+					year: selectedEndDateJS.getFullYear(),
+					month: selectedEndDateJS.getMonth() + 1,
+					day: selectedEndDateJS.getDate()
+				};
+				if (require_plainDate.compare(thisDate, selectedEndDate) < 0 && require_plainDate.compare(thisDate, selectedStartDate) > 0) inRange = true;
+				if (require_plainDate.compare(thisDate, selectedStartDate) < 0 && require_plainDate.compare(thisDate, selectedEndDate) > 0) inRange = true;
+			}
+			if (!isSelected && hoverStartDateJS && hoverEndDateJS) {
+				const hoverStartDate = {
+					year: hoverStartDateJS.getFullYear(),
+					month: hoverStartDateJS.getMonth() + 1,
+					day: hoverStartDateJS.getDate()
+				};
+				const hoverEndDate = {
+					year: hoverEndDateJS.getFullYear(),
+					month: hoverEndDateJS.getMonth() + 1,
+					day: hoverEndDateJS.getDate()
+				};
+				if (require_plainDate.compare(thisDate, hoverEndDate) <= 0 && require_plainDate.compare(thisDate, hoverStartDate) >= 0) inRange = true;
+				if (require_plainDate.compare(thisDate, hoverStartDate) <= 0 && require_plainDate.compare(thisDate, hoverEndDate) >= 0) inRange = true;
+			}
+			days.push(/*#__PURE__*/ react.default.createElement(require_GridCell.default, {
+				key: require_format.default(thisDateJS, "yyyy-MM-dd"),
+				date: thisDate,
+				disabled,
+				selected: isSelected,
+				onSelect: handleSelect,
+				unSameMonth: !isSameMonth,
+				rangeStart: isRangeStart,
+				rangeEnd: isRangeEnd,
+				inRange
+			}));
+		}
+		return days;
+	};
+	const classes = merge(className, prefix("row"));
+	const { firstWeekContainsDate } = locale?.dateLocale?.options ?? {};
+	const date = isoWeek ? require_plainDate.addDays(startingDate, 1) : startingDate;
+	const week = require_format.default(new Date(date.year, date.month - 1, date.day), isoWeek ? "I" : "w", {
+		locale: locale?.dateLocale,
+		firstWeekContainsDate,
+		weekStartsOn: weekStart
+	});
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({}, rest, {
+		ref,
+		role: "row",
+		"aria-rowindex": rowIndex,
+		className: classes
+	}), showWeekNumbers && /*#__PURE__*/ react.default.createElement("div", {
+		role: "rowheader",
+		"aria-label": `Week ${week}`,
+		className: prefix("cell-week-number")
+	}, week), renderDays());
+});
+GridRow.displayName = "CalendarGridRow";
+//#endregion
+exports.default = GridRow;

package/dist/node_modules/rsuite/esm/Calendar/Grid/GridRow.js

@@ -0,0 +1,105 @@
+"use client";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../../internals/utils/react/forwardRef.js";
+import { DATERANGE_DISABLED_TARGET } from "../../internals/constants/index.js";
+import useStyles from "../../internals/hooks/useStyles.js";
+import format from "../../../../date-fns/format.js";
+import { addDays, compare, isSameDay } from "../../internals/utils/date/plainDate.js";
+import { useCalendar } from "../hooks/useCalendar.js";
+import GridCell from "./GridCell.js";
+import React, { useCallback } from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/GridRow.js
+/**
+* A row in the calendar month view grid, i.e. a week of days.
+*/
+var GridRow = forwardRef$1((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-table", startingDate, rowIndex, ...rest } = props;
+	const { date: selected = /* @__PURE__ */ new Date(), dateRange, hoverRangeValue, isoWeek, weekStart, showWeekNumbers, locale, disabledDate, onSelect } = useCalendar();
+	const { prefix, merge } = useStyles(classPrefix);
+	const handleSelect = useCallback((date, disabled, event) => {
+		if (disabled) return;
+		onSelect?.(date, event);
+	}, [onSelect]);
+	const renderDays = () => {
+		const days = [];
+		const [selectedStartDateJS, selectedEndDateJS] = dateRange || [];
+		const [hoverStartDateJS, hoverEndDateJS] = hoverRangeValue ?? [];
+		const isRangeSelectionMode = typeof dateRange !== "undefined";
+		const plainDateRange = typeof dateRange !== "undefined" ? dateRange.map((d) => d instanceof Date ? {
+			year: d.getFullYear(),
+			month: d.getMonth() + 1,
+			day: d.getDate()
+		} : void 0) : void 0;
+		for (let i = 0; i < 7; i += 1) {
+			const thisDate = addDays(startingDate, i);
+			const thisDateJS = new Date(thisDate.year, thisDate.month - 1, thisDate.day);
+			const disabled = disabledDate?.(thisDate, plainDateRange, DATERANGE_DISABLED_TARGET.CALENDAR);
+			const isSameMonth = selected.getFullYear() === thisDate.year && selected.getMonth() + 1 === thisDate.month;
+			const isRangeStart = isSameMonth && selectedStartDateJS && isSameDay(thisDate, selectedStartDateJS);
+			const isRangeEnd = isSameMonth && selectedEndDateJS && isSameDay(thisDate, selectedEndDateJS);
+			const isSelected = isRangeSelectionMode ? isRangeStart || isRangeEnd : isSameDay(thisDate, selected);
+			let inRange = false;
+			if (selectedStartDateJS && selectedEndDateJS) {
+				const selectedStartDate = {
+					year: selectedStartDateJS.getFullYear(),
+					month: selectedStartDateJS.getMonth() + 1,
+					day: selectedStartDateJS.getDate()
+				};
+				const selectedEndDate = {
+					year: selectedEndDateJS.getFullYear(),
+					month: selectedEndDateJS.getMonth() + 1,
+					day: selectedEndDateJS.getDate()
+				};
+				if (compare(thisDate, selectedEndDate) < 0 && compare(thisDate, selectedStartDate) > 0) inRange = true;
+				if (compare(thisDate, selectedStartDate) < 0 && compare(thisDate, selectedEndDate) > 0) inRange = true;
+			}
+			if (!isSelected && hoverStartDateJS && hoverEndDateJS) {
+				const hoverStartDate = {
+					year: hoverStartDateJS.getFullYear(),
+					month: hoverStartDateJS.getMonth() + 1,
+					day: hoverStartDateJS.getDate()
+				};
+				const hoverEndDate = {
+					year: hoverEndDateJS.getFullYear(),
+					month: hoverEndDateJS.getMonth() + 1,
+					day: hoverEndDateJS.getDate()
+				};
+				if (compare(thisDate, hoverEndDate) <= 0 && compare(thisDate, hoverStartDate) >= 0) inRange = true;
+				if (compare(thisDate, hoverStartDate) <= 0 && compare(thisDate, hoverEndDate) >= 0) inRange = true;
+			}
+			days.push(/*#__PURE__*/ React.createElement(GridCell, {
+				key: format(thisDateJS, "yyyy-MM-dd"),
+				date: thisDate,
+				disabled,
+				selected: isSelected,
+				onSelect: handleSelect,
+				unSameMonth: !isSameMonth,
+				rangeStart: isRangeStart,
+				rangeEnd: isRangeEnd,
+				inRange
+			}));
+		}
+		return days;
+	};
+	const classes = merge(className, prefix("row"));
+	const { firstWeekContainsDate } = locale?.dateLocale?.options ?? {};
+	const date = isoWeek ? addDays(startingDate, 1) : startingDate;
+	const week = format(new Date(date.year, date.month - 1, date.day), isoWeek ? "I" : "w", {
+		locale: locale?.dateLocale,
+		firstWeekContainsDate,
+		weekStartsOn: weekStart
+	});
+	return /*#__PURE__*/ React.createElement(Component, _extends({}, rest, {
+		ref,
+		role: "row",
+		"aria-rowindex": rowIndex,
+		className: classes
+	}), showWeekNumbers && /*#__PURE__*/ React.createElement("div", {
+		role: "rowheader",
+		"aria-label": `Week ${week}`,
+		className: prefix("cell-week-number")
+	}, week), renderDays());
+});
+GridRow.displayName = "CalendarGridRow";
+//#endregion
+export { GridRow as default };

package/dist/node_modules/rsuite/esm/Calendar/Grid/index.cjs

@@ -0,0 +1,5 @@
+"use client";
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/index.js
+var Grid_default = require("./Grid.cjs").default;
+//#endregion
+exports.default = Grid_default;

package/dist/node_modules/rsuite/esm/Calendar/Grid/index.js

@@ -0,0 +1,6 @@
+"use client";
+import Grid from "./Grid.js";
+//#region ../../node_modules/rsuite/esm/Calendar/Grid/index.js
+var Grid_default = Grid;
+//#endregion
+export { Grid_default as default };

package/dist/node_modules/rsuite/esm/Calendar/MonthDropdown/MonthDropdown.cjs

@@ -0,0 +1,110 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../../internals/hooks/useStyles.cjs");
+const require_getMonth = require("../../../../date-fns/getMonth.cjs");
+const require_getYear = require("../../../../date-fns/getYear.cjs");
+const require_plainDate = require("../../internals/utils/date/plainDate.cjs");
+const require_AutoSizer = require("../../internals/Windowing/AutoSizer.cjs");
+const require_index_esm = require("../../../../react-window/dist/index.esm.cjs");
+const require_useCalendar = require("../hooks/useCalendar.cjs");
+const require_MonthDropdownItem = require("./MonthDropdownItem.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/MonthDropdown/MonthDropdown.js
+var MONTHS_INDEX = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	9,
+	10,
+	11
+];
+var ITEM_SIZE = 108;
+var MonthDropdown = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-month-dropdown", limitStartYear, limitEndYear = 5, show, height: defaultHeight = 221, width: defaultWidth = 256, isMonthDisabled, ...rest } = props;
+	const { date = /* @__PURE__ */ new Date(), targetId, monthDropdownProps } = require_useCalendar.useCalendar();
+	const { prefix, merge, withPrefix } = require_useStyles.default(classPrefix);
+	const thisYear = require_getYear.default(/* @__PURE__ */ new Date());
+	const startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;
+	const rowCount = (0, react.useMemo)(() => {
+		return thisYear + limitEndYear - startYear;
+	}, [
+		limitEndYear,
+		startYear,
+		thisYear
+	]);
+	const { className: listClassName, itemClassName, as: List, itemAs: Item = "div", ...restListProps } = monthDropdownProps || {};
+	const rowRenderer = (0, react.useCallback)(({ index, style }) => {
+		const selectedMonth = require_getMonth.default(date);
+		const selectedYear = require_getYear.default(date);
+		const year = startYear + index;
+		const isSelectedYear = year === selectedYear;
+		const titleClassName = prefix("year", { "year-active": isSelectedYear });
+		return /*#__PURE__*/ react.default.createElement(Item, {
+			role: "row",
+			"aria-label": `${year}`,
+			className: merge(itemClassName, prefix("row"), {
+				"first-row": index === 0,
+				"last-row": index === rowCount - 1
+			}),
+			style
+		}, /*#__PURE__*/ react.default.createElement("div", {
+			className: titleClassName,
+			role: "rowheader"
+		}, year), /*#__PURE__*/ react.default.createElement("div", { className: prefix("list") }, MONTHS_INDEX.map((month) => {
+			const yearMonth = {
+				year,
+				month: month + 1
+			};
+			return /*#__PURE__*/ react.default.createElement(require_MonthDropdownItem.default, {
+				key: require_plainDate.plainYearMonthToString(yearMonth),
+				yearMonth,
+				disabled: isMonthDisabled?.(yearMonth),
+				active: isSelectedYear && month === selectedMonth
+			});
+		})));
+	}, [
+		Item,
+		date,
+		isMonthDisabled,
+		merge,
+		prefix,
+		itemClassName,
+		rowCount,
+		startYear
+	]);
+	const classes = merge(className, withPrefix(), { show });
+	const initialScrollOffset = ITEM_SIZE * (require_getYear.default(date) - startYear);
+	if (!show) return null;
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({
+		ref,
+		role: "grid",
+		tabIndex: -1,
+		className: classes,
+		"aria-labelledby": targetId ? `${targetId}-grid-label` : void 0,
+		id: targetId ? `${targetId}-calendar-month-dropdown` : void 0,
+		"data-testid": "calendar-month-dropdown"
+	}, rest), /*#__PURE__*/ react.default.createElement("div", { className: prefix("scroll") }, /*#__PURE__*/ react.default.createElement(require_AutoSizer.default, {
+		defaultHeight,
+		defaultWidth
+	}, ({ height, width }) => /*#__PURE__*/ react.default.createElement(require_index_esm.FixedSizeList, require_extends._extends({
+		className: merge(prefix("row-wrapper"), listClassName),
+		width: width || defaultWidth,
+		height: height || defaultHeight,
+		itemSize: ITEM_SIZE,
+		itemCount: rowCount,
+		initialScrollOffset,
+		innerElementType: List
+	}, restListProps), rowRenderer))));
+});
+MonthDropdown.displayName = "MonthDropdown";
+//#endregion
+exports.default = MonthDropdown;

package/dist/node_modules/rsuite/esm/Calendar/MonthDropdown/MonthDropdown.js

@@ -0,0 +1,108 @@
+"use client";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../../internals/utils/react/forwardRef.js";
+import useStyles from "../../internals/hooks/useStyles.js";
+import getMonth from "../../../../date-fns/getMonth.js";
+import getYear from "../../../../date-fns/getYear.js";
+import { plainYearMonthToString } from "../../internals/utils/date/plainDate.js";
+import AutoSizer from "../../internals/Windowing/AutoSizer.js";
+import { FixedSizeList } from "../../../../react-window/dist/index.esm.js";
+import { useCalendar } from "../hooks/useCalendar.js";
+import MonthDropdownItem from "./MonthDropdownItem.js";
+import React, { useCallback, useMemo } from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/MonthDropdown/MonthDropdown.js
+var MONTHS_INDEX = [
+	0,
+	1,
+	2,
+	3,
+	4,
+	5,
+	6,
+	7,
+	8,
+	9,
+	10,
+	11
+];
+var ITEM_SIZE = 108;
+var MonthDropdown = forwardRef$1((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-month-dropdown", limitStartYear, limitEndYear = 5, show, height: defaultHeight = 221, width: defaultWidth = 256, isMonthDisabled, ...rest } = props;
+	const { date = /* @__PURE__ */ new Date(), targetId, monthDropdownProps } = useCalendar();
+	const { prefix, merge, withPrefix } = useStyles(classPrefix);
+	const thisYear = getYear(/* @__PURE__ */ new Date());
+	const startYear = limitStartYear ? thisYear - limitStartYear + 1 : 1900;
+	const rowCount = useMemo(() => {
+		return thisYear + limitEndYear - startYear;
+	}, [
+		limitEndYear,
+		startYear,
+		thisYear
+	]);
+	const { className: listClassName, itemClassName, as: List, itemAs: Item = "div", ...restListProps } = monthDropdownProps || {};
+	const rowRenderer = useCallback(({ index, style }) => {
+		const selectedMonth = getMonth(date);
+		const selectedYear = getYear(date);
+		const year = startYear + index;
+		const isSelectedYear = year === selectedYear;
+		const titleClassName = prefix("year", { "year-active": isSelectedYear });
+		return /*#__PURE__*/ React.createElement(Item, {
+			role: "row",
+			"aria-label": `${year}`,
+			className: merge(itemClassName, prefix("row"), {
+				"first-row": index === 0,
+				"last-row": index === rowCount - 1
+			}),
+			style
+		}, /*#__PURE__*/ React.createElement("div", {
+			className: titleClassName,
+			role: "rowheader"
+		}, year), /*#__PURE__*/ React.createElement("div", { className: prefix("list") }, MONTHS_INDEX.map((month) => {
+			const yearMonth = {
+				year,
+				month: month + 1
+			};
+			return /*#__PURE__*/ React.createElement(MonthDropdownItem, {
+				key: plainYearMonthToString(yearMonth),
+				yearMonth,
+				disabled: isMonthDisabled?.(yearMonth),
+				active: isSelectedYear && month === selectedMonth
+			});
+		})));
+	}, [
+		Item,
+		date,
+		isMonthDisabled,
+		merge,
+		prefix,
+		itemClassName,
+		rowCount,
+		startYear
+	]);
+	const classes = merge(className, withPrefix(), { show });
+	const initialScrollOffset = ITEM_SIZE * (getYear(date) - startYear);
+	if (!show) return null;
+	return /*#__PURE__*/ React.createElement(Component, _extends({
+		ref,
+		role: "grid",
+		tabIndex: -1,
+		className: classes,
+		"aria-labelledby": targetId ? `${targetId}-grid-label` : void 0,
+		id: targetId ? `${targetId}-calendar-month-dropdown` : void 0,
+		"data-testid": "calendar-month-dropdown"
+	}, rest), /*#__PURE__*/ React.createElement("div", { className: prefix("scroll") }, /*#__PURE__*/ React.createElement(AutoSizer, {
+		defaultHeight,
+		defaultWidth
+	}, ({ height, width }) => /*#__PURE__*/ React.createElement(FixedSizeList, _extends({
+		className: merge(prefix("row-wrapper"), listClassName),
+		width: width || defaultWidth,
+		height: height || defaultHeight,
+		itemSize: ITEM_SIZE,
+		itemCount: rowCount,
+		initialScrollOffset,
+		innerElementType: List
+	}, restListProps), rowRenderer))));
+});
+MonthDropdown.displayName = "MonthDropdown";
+//#endregion
+export { MonthDropdown as default };

package/dist/node_modules/rsuite/esm/Calendar/MonthDropdown/MonthDropdownItem.cjs

@@ -0,0 +1,42 @@
+"use client";
+const require_runtime = require("../../../../../_virtual/_rolldown/runtime.cjs");
+const require_extends = require("../../../../@babel/runtime/helpers/esm/extends.cjs");
+const require_forwardRef = require("../../internals/utils/react/forwardRef.cjs");
+const require_useStyles = require("../../internals/hooks/useStyles.cjs");
+const require_useCustom = require("../../internals/hooks/useCustom.cjs");
+const require_useEventCallback = require("../../internals/hooks/useEventCallback.cjs");
+const require_useCalendar = require("../hooks/useCalendar.cjs");
+const require_getAriaLabel = require("../utils/getAriaLabel.cjs");
+let react = require("react");
+react = require_runtime.__toESM(react);
+//#region ../../node_modules/rsuite/esm/Calendar/MonthDropdown/MonthDropdownItem.js
+var MonthDropdownItem = require_forwardRef.forwardRef((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-month-dropdown-cell", yearMonth, active, disabled, ...rest } = props;
+	const { onChangeMonth } = require_useCalendar.useCalendar();
+	const formatMonth = useFormatMonth();
+	const getAriaLabelForMonth = require_getAriaLabel.useGetAriaLabelForMonth();
+	const handleClick = require_useEventCallback.default((event) => {
+		if (disabled) return;
+		onChangeMonth?.(yearMonth, event);
+	});
+	const { prefix, merge, withPrefix } = require_useStyles.default(classPrefix);
+	const classes = merge(className, withPrefix({ active }), { disabled });
+	const ariaLabel = getAriaLabelForMonth(yearMonth);
+	return /*#__PURE__*/ react.default.createElement(Component, require_extends._extends({
+		role: "gridcell",
+		"aria-selected": active,
+		"aria-disabled": disabled,
+		"aria-label": ariaLabel,
+		tabIndex: active ? 0 : -1,
+		ref,
+		className: classes,
+		onClick: handleClick
+	}, rest), /*#__PURE__*/ react.default.createElement("span", { className: prefix("content") }, formatMonth(yearMonth)));
+});
+MonthDropdownItem.displayName = "MonthDropdownItem";
+function useFormatMonth() {
+	const { formatDate } = require_useCustom.default("Calendar");
+	return (0, react.useCallback)((month) => formatDate(new Date(month.year, month.month - 1, 1), "MMM"), [formatDate]);
+}
+//#endregion
+exports.default = MonthDropdownItem;

package/dist/node_modules/rsuite/esm/Calendar/MonthDropdown/MonthDropdownItem.js

@@ -0,0 +1,40 @@
+"use client";
+import { _extends } from "../../../../@babel/runtime/helpers/esm/extends.js";
+import { forwardRef as forwardRef$1 } from "../../internals/utils/react/forwardRef.js";
+import useStyles from "../../internals/hooks/useStyles.js";
+import useCustom from "../../internals/hooks/useCustom.js";
+import useEventCallback from "../../internals/hooks/useEventCallback.js";
+import { useCalendar } from "../hooks/useCalendar.js";
+import { useGetAriaLabelForMonth } from "../utils/getAriaLabel.js";
+import React, { useCallback } from "react";
+//#region ../../node_modules/rsuite/esm/Calendar/MonthDropdown/MonthDropdownItem.js
+var MonthDropdownItem = forwardRef$1((props, ref) => {
+	const { as: Component = "div", className, classPrefix = "calendar-month-dropdown-cell", yearMonth, active, disabled, ...rest } = props;
+	const { onChangeMonth } = useCalendar();
+	const formatMonth = useFormatMonth();
+	const getAriaLabelForMonth = useGetAriaLabelForMonth();
+	const handleClick = useEventCallback((event) => {
+		if (disabled) return;
+		onChangeMonth?.(yearMonth, event);
+	});
+	const { prefix, merge, withPrefix } = useStyles(classPrefix);
+	const classes = merge(className, withPrefix({ active }), { disabled });
+	const ariaLabel = getAriaLabelForMonth(yearMonth);
+	return /*#__PURE__*/ React.createElement(Component, _extends({
+		role: "gridcell",
+		"aria-selected": active,
+		"aria-disabled": disabled,
+		"aria-label": ariaLabel,
+		tabIndex: active ? 0 : -1,
+		ref,
+		className: classes,
+		onClick: handleClick
+	}, rest), /*#__PURE__*/ React.createElement("span", { className: prefix("content") }, formatMonth(yearMonth)));
+});
+MonthDropdownItem.displayName = "MonthDropdownItem";
+function useFormatMonth() {
+	const { formatDate } = useCustom("Calendar");
+	return useCallback((month) => formatDate(new Date(month.year, month.month - 1, 1), "MMM"), [formatDate]);
+}
+//#endregion
+export { MonthDropdownItem as default };

package/dist/node_modules/rsuite/esm/Calendar/MonthDropdown/index.cjs

@@ -0,0 +1,5 @@
+"use client";
+//#region ../../node_modules/rsuite/esm/Calendar/MonthDropdown/index.js
+var MonthDropdown_default = require("./MonthDropdown.cjs").default;
+//#endregion
+exports.default = MonthDropdown_default;

package/dist/node_modules/rsuite/esm/Calendar/MonthDropdown/index.js

@@ -0,0 +1,6 @@
+"use client";
+import MonthDropdown from "./MonthDropdown.js";
+//#region ../../node_modules/rsuite/esm/Calendar/MonthDropdown/index.js
+var MonthDropdown_default = MonthDropdown;
+//#endregion
+export { MonthDropdown_default as default };