@kanso-labs/kanso-ui 0.35.0 → 0.36.0

package/dist/calendar/index.js

@@ -1,12 +1,45 @@
 import { props } from "../node_modules/@stylexjs/stylex/lib/es/stylex.js";
-import { ChevronEndGlyph } from "../glyphs/index.js";
+import { ArrowDropDownGlyph, CheckGlyph, ChevronEndGlyph } from "../glyphs/index.js";
 import { focus } from "../styles/focus.js";
 import { iconButton } from "../styles/icon-button.js";
-import { calendarStyles } from "./styles.js";
+import { calendarStyles, dateLayers, menuLayers } from "./styles.js";
 import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Button, CalendarGridHeader, CalendarHeaderCell, Heading } from "react-aria-components";
+import { useContext, useEffect, useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { Button, ButtonContext, CalendarGridHeader, CalendarHeaderCell, CalendarMonthPicker, CalendarStateContext, CalendarYearPicker, Heading, ListBox, ListBoxItem, RangeCalendarStateContext } from "react-aria-components";
+import { endOfMonth, startOfMonth } from "@internationalized/date";
 //#region src/calendar/index.tsx
+/**
+* What a calendar draws above its months, and the months themselves. With
+* `showMonthYearMenus` the header is the date pickers page's docked one —
+* the month and the year as menu buttons — and while either is open its list
+* takes the months' place.
+*/
+function CalendarFrame(t0) {
+	const $ = c(5);
+	const { children, showMonthYearMenus } = t0;
+	if (showMonthYearMenus) {
+		let t1;
+		if ($[0] !== children) {
+			t1 = /* @__PURE__ */ jsx(CalendarMenus, { children });
+			$[0] = children;
+			$[1] = t1;
+		} else t1 = $[1];
+		return t1;
+	}
+	let t1;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(CalendarHeader, {});
+		$[2] = t1;
+	} else t1 = $[2];
+	let t2;
+	if ($[3] !== children) {
+		t2 = /* @__PURE__ */ jsxs(Fragment$1, { children: [t1, children] });
+		$[3] = children;
+		$[4] = t2;
+	} else t2 = $[4];
+	return t2;
+}
 function CalendarGridHeader$1() {
 	const $ = c(1);
 	let t0;
@@ -73,10 +106,443 @@ function calendarHeaderCell(day) {
 		children: day
 	});
 }
-function chevronClassName(state) {
-	return props(iconButton.chrome, calendarStyles.chevron, focus.ring, state.isDisabled && iconButton.chromeDisabled).className ?? "";
+/**
+* The docked header: the month's menu button between the chevrons that step
+* it, and the year's menu button at the end. A press opens the button's list
+* in the months' place, where the page draws it, rather than in a popover over
+* them; a calendar inside a picker is already in one. While a list is open
+* the chevrons are hidden and the other menu is disabled, as the page draws
+* them, and choosing an entry — or pressing the one already checked, or
+* Escape — closes the list and puts focus back on its button.
+*
+* The lists are React Aria's month and year pickers, rendered twice: the
+* header names the month short, as the page's button does, and the list in
+* full. The year list holds the years `minValue` and `maxValue` allow and no
+* others, which React Aria bounds itself; a month with no day inside them is
+* disabled here.
+*/
+function CalendarMenus(t0) {
+	const $ = c(47);
+	const { children } = t0;
+	const single = useContext(CalendarStateContext);
+	const range = useContext(RangeCalendarStateContext);
+	const state = single ?? range;
+	const [open, setOpen] = useState(null);
+	const listId = useId();
+	const monthButton = useRef(null);
+	const yearButton = useRef(null);
+	let t1;
+	if ($[0] !== open) {
+		t1 = () => {
+			const button = open === "month" ? monthButton : yearButton;
+			requestAnimationFrame(() => {
+				button.current?.focus();
+				setOpen(null);
+			});
+		};
+		$[0] = open;
+		$[1] = t1;
+	} else t1 = $[1];
+	const close = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = () => {
+			setOpen(_temp);
+		};
+		$[2] = t2;
+	} else t2 = $[2];
+	const toggleMonth = t2;
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => {
+			setOpen(_temp2);
+		};
+		$[3] = t3;
+	} else t3 = $[3];
+	const toggleYear = t3;
+	const isDisabled = state?.isDisabled ?? false;
+	let t4;
+	if ($[4] !== state) {
+		t4 = (picker) => picker.items.filter((entry) => state?.maxValue != null && startOfMonth(entry.date).compare(state.maxValue) > 0 || state?.minValue != null && endOfMonth(entry.date).compare(state.minValue) < 0).map(_temp3);
+		$[4] = state;
+		$[5] = t4;
+	} else t4 = $[5];
+	const outsideBounds = t4;
+	let t5;
+	let t6;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = props(calendarStyles.header);
+		t6 = props(calendarStyles.headerGroup);
+		$[6] = t5;
+		$[7] = t6;
+	} else {
+		t5 = $[6];
+		t6 = $[7];
+	}
+	const t7 = open !== null;
+	let t8;
+	if ($[8] !== t7) {
+		t8 = chevronClassNameWhile(t7);
+		$[8] = t7;
+		$[9] = t8;
+	} else t8 = $[9];
+	let t9;
+	if ($[10] === Symbol.for("react.memo_cache_sentinel")) {
+		t9 = /* @__PURE__ */ jsx(ChevronEndGlyph, { ...props(calendarStyles.chevronGlyph, calendarStyles.chevronGlyphPrevious) });
+		$[10] = t9;
+	} else t9 = $[10];
+	let t10;
+	if ($[11] !== t8) {
+		t10 = /* @__PURE__ */ jsx(Button, {
+			className: t8,
+			slot: "previous",
+			children: t9
+		});
+		$[11] = t8;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== isDisabled || $[14] !== listId || $[15] !== open) {
+		t11 = /* @__PURE__ */ jsx(CalendarMonthPicker, { children: (picker_0) => /* @__PURE__ */ jsx(MenuButton, {
+			controls: listId,
+			isDisabled: isDisabled || open === "year",
+			isExpanded: open === "month",
+			onPress: toggleMonth,
+			picker: picker_0,
+			ref: monthButton
+		}) });
+		$[13] = isDisabled;
+		$[14] = listId;
+		$[15] = open;
+		$[16] = t11;
+	} else t11 = $[16];
+	const t12 = open !== null;
+	let t13;
+	if ($[17] !== t12) {
+		t13 = chevronClassNameWhile(t12);
+		$[17] = t12;
+		$[18] = t13;
+	} else t13 = $[18];
+	let t14;
+	if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+		t14 = /* @__PURE__ */ jsx(ChevronEndGlyph, { ...props(calendarStyles.chevronGlyph) });
+		$[19] = t14;
+	} else t14 = $[19];
+	let t15;
+	if ($[20] !== t13) {
+		t15 = /* @__PURE__ */ jsx(Button, {
+			className: t13,
+			slot: "next",
+			children: t14
+		});
+		$[20] = t13;
+		$[21] = t15;
+	} else t15 = $[21];
+	let t16;
+	if ($[22] !== t10 || $[23] !== t11 || $[24] !== t15) {
+		t16 = /* @__PURE__ */ jsxs("div", {
+			...t6,
+			children: [
+				t10,
+				t11,
+				t15
+			]
+		});
+		$[22] = t10;
+		$[23] = t11;
+		$[24] = t15;
+		$[25] = t16;
+	} else t16 = $[25];
+	let t17;
+	if ($[26] !== isDisabled || $[27] !== listId || $[28] !== open) {
+		t17 = /* @__PURE__ */ jsx(CalendarYearPicker, { children: (picker_1) => /* @__PURE__ */ jsx(MenuButton, {
+			controls: listId,
+			isDisabled: isDisabled || open === "month",
+			isExpanded: open === "year",
+			onPress: toggleYear,
+			picker: picker_1,
+			ref: yearButton
+		}) });
+		$[26] = isDisabled;
+		$[27] = listId;
+		$[28] = open;
+		$[29] = t17;
+	} else t17 = $[29];
+	let t18;
+	if ($[30] !== t16 || $[31] !== t17) {
+		t18 = /* @__PURE__ */ jsxs("div", {
+			...t5,
+			children: [t16, t17]
+		});
+		$[30] = t16;
+		$[31] = t17;
+		$[32] = t18;
+	} else t18 = $[32];
+	const t19 = open === null ? children : null;
+	let t20;
+	if ($[33] !== close || $[34] !== listId || $[35] !== open || $[36] !== outsideBounds) {
+		t20 = open === "month" ? /* @__PURE__ */ jsx(CalendarMonthPicker, {
+			format: "long",
+			children: (picker_2) => /* @__PURE__ */ jsx(MenuList, {
+				disabledKeys: outsideBounds(picker_2),
+				id: listId,
+				onClose: close,
+				picker: picker_2
+			})
+		}) : null;
+		$[33] = close;
+		$[34] = listId;
+		$[35] = open;
+		$[36] = outsideBounds;
+		$[37] = t20;
+	} else t20 = $[37];
+	let t21;
+	if ($[38] !== close || $[39] !== listId || $[40] !== open) {
+		t21 = open === "year" ? /* @__PURE__ */ jsx(CalendarYearPicker, { children: (picker_3) => /* @__PURE__ */ jsx(MenuList, {
+			id: listId,
+			onClose: close,
+			picker: picker_3
+		}) }) : null;
+		$[38] = close;
+		$[39] = listId;
+		$[40] = open;
+		$[41] = t21;
+	} else t21 = $[41];
+	let t22;
+	if ($[42] !== t18 || $[43] !== t19 || $[44] !== t20 || $[45] !== t21) {
+		t22 = /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			t18,
+			t19,
+			t20,
+			t21
+		] });
+		$[42] = t18;
+		$[43] = t19;
+		$[44] = t20;
+		$[45] = t21;
+		$[46] = t22;
+	} else t22 = $[46];
+	return t22;
+}
+function _temp3(entry_0) {
+	return entry_0.id;
+}
+function _temp2(current_0) {
+	return current_0 === "year" ? null : "year";
+}
+function _temp(current) {
+	return current === "month" ? null : "month";
+}
+function chevronClassName(state, isHidden = false) {
+	return props(iconButton.chrome, calendarStyles.chevron, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled, isHidden && calendarStyles.chevronHidden).className ?? "";
+}
+function chevronClassNameWhile(isListOpen) {
+	return (state) => chevronClassName(state, isListOpen);
+}
+/**
+* The month or the year as the page's menu button, opening its list. Named
+* by what it shows and then by what it is — "Sep month" — which keeps the
+* visible text the start of the name, so a reader who says what they see
+* reaches it.
+*
+* Outside React Aria's button context, which a calendar fills with its
+* `previous` and `next` slots alone: a button with no slot inside it is an
+* error, and these are not either chevron.
+*/
+function MenuButton(t0) {
+	const $ = c(25);
+	const { controls, isDisabled, isExpanded, onPress, picker, ref } = t0;
+	const valueId = useId();
+	const nameId = useId();
+	let t1;
+	if ($[0] !== picker.items || $[1] !== picker.value) {
+		let t2;
+		if ($[3] !== picker.value) {
+			t2 = (entry) => entry.id === picker.value;
+			$[3] = picker.value;
+			$[4] = t2;
+		} else t2 = $[4];
+		t1 = picker.items.find(t2);
+		$[0] = picker.items;
+		$[1] = picker.value;
+		$[2] = t1;
+	} else t1 = $[2];
+	const shown = t1;
+	const t2 = isExpanded ? controls : void 0;
+	const t3 = `${valueId} ${nameId}`;
+	const t4 = shown?.formatted;
+	let t5;
+	if ($[5] !== t4 || $[6] !== valueId) {
+		t5 = /* @__PURE__ */ jsx("span", {
+			id: valueId,
+			children: t4
+		});
+		$[5] = t4;
+		$[6] = valueId;
+		$[7] = t5;
+	} else t5 = $[7];
+	const t6 = picker["aria-label"];
+	let t7;
+	if ($[8] !== nameId || $[9] !== t6) {
+		t7 = /* @__PURE__ */ jsx("span", {
+			hidden: true,
+			id: nameId,
+			children: t6
+		});
+		$[8] = nameId;
+		$[9] = t6;
+		$[10] = t7;
+	} else t7 = $[10];
+	let t8;
+	if ($[11] !== isExpanded) {
+		t8 = props(calendarStyles.menuArrow, isExpanded && calendarStyles.menuArrowExpanded);
+		$[11] = isExpanded;
+		$[12] = t8;
+	} else t8 = $[12];
+	let t9;
+	if ($[13] !== t8) {
+		t9 = /* @__PURE__ */ jsx(ArrowDropDownGlyph, { ...t8 });
+		$[13] = t8;
+		$[14] = t9;
+	} else t9 = $[14];
+	let t10;
+	if ($[15] !== isDisabled || $[16] !== isExpanded || $[17] !== onPress || $[18] !== ref || $[19] !== t2 || $[20] !== t3 || $[21] !== t5 || $[22] !== t7 || $[23] !== t9) {
+		t10 = /* @__PURE__ */ jsx(ButtonContext, {
+			value: null,
+			children: /* @__PURE__ */ jsxs(Button, {
+				"aria-controls": t2,
+				"aria-expanded": isExpanded,
+				"aria-haspopup": "listbox",
+				"aria-labelledby": t3,
+				className: menuButtonClassName,
+				isDisabled,
+				onPress,
+				ref,
+				children: [
+					t5,
+					t7,
+					t9
+				]
+			})
+		});
+		$[15] = isDisabled;
+		$[16] = isExpanded;
+		$[17] = onPress;
+		$[18] = ref;
+		$[19] = t2;
+		$[20] = t3;
+		$[21] = t5;
+		$[22] = t7;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	return t10;
+}
+function menuButtonClassName(state) {
+	return props(calendarStyles.menuButton, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled).className ?? "";
+}
+function menuEntry(entry) {
+	return /* @__PURE__ */ jsx(ListBoxItem, {
+		className: menuItemClassName,
+		id: entry.id,
+		textValue: entry.formatted,
+		children: menuEntryContent(entry.formatted)
+	});
+}
+function menuEntryContent(label) {
+	return ({ isSelected }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [isSelected ? /* @__PURE__ */ jsx(CheckGlyph, { ...props(calendarStyles.menuCheck) }) : /* @__PURE__ */ jsx("span", { ...props(calendarStyles.menuCheck) }), label] });
+}
+function menuItemClassName(state) {
+	return props(calendarStyles.menuItem, state.isSelected && calendarStyles.menuItemSelected, state.isHovered && (state.isSelected ? menuLayers.selectedHovered : dateLayers.plainHovered), state.isPressed && (state.isSelected ? menuLayers.selectedPressed : dateLayers.plainPressed), state.isFocusVisible && calendarStyles.menuItemFocused, state.isDisabled && calendarStyles.menuItemDisabled).className ?? "";
+}
+/**
+* An open month or year list, in the months' place. React Aria's list box,
+* with the entry the calendar shows selected and focused when it opens.
+*
+* Choosing closes it, and so does pressing the checked entry or Escape. A
+* single selection that may empty is what tells those apart: choosing
+* replaces the selection, while the checked entry toggles it off and Escape
+* clears it — and the clearing is what stops Escape there rather than letting
+* it close a picker's dialog around the calendar.
+*/
+function MenuList(t0) {
+	const $ = c(15);
+	const { disabledKeys, id, onClose, picker } = t0;
+	const list = useRef(null);
+	let t1;
+	if ($[0] !== picker.value) {
+		t1 = [picker.value];
+		$[0] = picker.value;
+		$[1] = t1;
+	} else t1 = $[1];
+	const selected = t1;
+	let t2;
+	if ($[2] !== onClose || $[3] !== picker) {
+		t2 = (keys) => {
+			if (keys !== "all") for (const key of keys) picker.onChange(key);
+			onClose();
+		};
+		$[2] = onClose;
+		$[3] = picker;
+		$[4] = t2;
+	} else t2 = $[4];
+	const choose = t2;
+	let t3;
+	let t4;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = () => {
+			const frame = requestAnimationFrame(() => {
+				const element = list.current;
+				const checked = element?.querySelector("[aria-selected=\"true\"]");
+				if (element == null || !(checked instanceof HTMLElement)) return;
+				element.scrollTop = element.scrollTop + (checked.getBoundingClientRect().top - element.getBoundingClientRect().top - (element.clientHeight - checked.offsetHeight) / 2);
+			});
+			return () => {
+				cancelAnimationFrame(frame);
+			};
+		};
+		t4 = [];
+		$[5] = t3;
+		$[6] = t4;
+	} else {
+		t3 = $[5];
+		t4 = $[6];
+	}
+	useEffect(t3, t4);
+	const t5 = picker["aria-label"];
+	const t6 = picker.items;
+	let t7;
+	if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = props(calendarStyles.menuList);
+		$[7] = t7;
+	} else t7 = $[7];
+	let t8;
+	if ($[8] !== choose || $[9] !== disabledKeys || $[10] !== id || $[11] !== picker.items || $[12] !== selected || $[13] !== t5) {
+		t8 = /* @__PURE__ */ jsx(ListBox, {
+			"aria-label": t5,
+			autoFocus: true,
+			disabledKeys,
+			id,
+			items: t6,
+			onSelectionChange: choose,
+			ref: list,
+			selectedKeys: selected,
+			selectionMode: "single",
+			shouldSelectOnPressUp: true,
+			...t7,
+			children: menuEntry
+		});
+		$[8] = choose;
+		$[9] = disabledKeys;
+		$[10] = id;
+		$[11] = picker.items;
+		$[12] = selected;
+		$[13] = t5;
+		$[14] = t8;
+	} else t8 = $[14];
+	return t8;
 }
 //#endregion
-export { CalendarGridHeader$1 as CalendarGridHeader, CalendarHeader };
+export { CalendarFrame, CalendarGridHeader$1 as CalendarGridHeader };
 
 //# sourceMappingURL=index.js.map

package/dist/calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["ReactElement","stylex","Button","RACButton","CalendarGridHeader","RACCalendarGridHeader","CalendarHeaderCell","RACCalendarHeaderCell","Heading","RACHeading","ChevronEndGlyph","focus","iconButton","calendarStyles","$","_c","t0","Symbol","for","calendarHeaderCell","CalendarHeader","props","header","t1","chevronClassName","chevronGlyph","chevronGlyphPrevious","t2","heading","t3","day","headerCell","state","isDisabled","chrome","chevron","ring","chromeDisabled","className","CalendarGridHeader","_c","RACCalendarGridHeader","stylex.props","RACButton","RACHeading","RACCalendarHeaderCell"],"sources":["../../src/calendar/index.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport * as stylex from '@stylexjs/stylex';\nimport { Button as RACButton, CalendarGridHeader as RACCalendarGridHeader, CalendarHeaderCell as RACCalendarHeaderCell, Heading as RACHeading } from 'react-aria-components';\nimport { ChevronEndGlyph } from '../glyphs';\nimport { focus } from '../styles/focus';\nimport { iconButton } from '../styles/icon-button';\nimport { calendarStyles } from './styles';\n\n// The parts Calendar and RangeCalendar both render: the row that moves the\n// month, the weekday header, and the offsets that put more than one month\n// side by side. Apart from either component so the two cannot drift, and\n// outside `src/components` for the reason ./styles.ts gives.\n\nfunction CalendarGridHeader(): ReactElement {\n  return <RACCalendarGridHeader>{calendarHeaderCell}</RACCalendarGridHeader>;\n}\n\n/**\n * The two chevrons with the month between them. React Aria wires\n * `slot=\"previous\"` and `slot=\"next\"` on its own `Button`, and `IconButton`\n * renders React Aria's `Button` too — so nesting one inside a slot would put\n * two buttons where the date pickers page draws one. The chevrons take the\n * icon buttons page's 40dp square and its state layer instead.\n *\n * A plain element rather than a `<header>`: a header is a banner landmark,\n * landmarks may not nest, and React Aria puts a calendar in\n * `role=\"application\"` — axe fails the page on it.\n */\nfunction CalendarHeader(): ReactElement {\n  return <div {...stylex.props(calendarStyles.header)}>\n      <RACButton className={chevronClassName} slot=\"previous\">\n        <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph, calendarStyles.chevronGlyphPrevious)} />\n      </RACButton>\n      <RACHeading {...stylex.props(calendarStyles.heading)} />\n      <RACButton className={chevronClassName} slot=\"next\">\n        <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph)} />\n      </RACButton>\n    </div>;\n}\n\n/** The weekday row, in the type the page gives both it and the dates. */\nfunction calendarHeaderCell(day: string): ReactElement {\n  return <RACCalendarHeaderCell {...stylex.props(calendarStyles.headerCell)}>\n      {day}\n    </RACCalendarHeaderCell>;\n}\n\n// A chevron's classes, from React Aria's own render state. React Aria\n// disables one when the month it would move to is outside `minValue` and\n// `maxValue`, or the whole calendar is disabled, and a press on it then does\n// nothing — so it takes the shared fade, which drops the state layer too.\nfunction chevronClassName(state: {\n  isDisabled: boolean;\n}) {\n  return stylex.props(iconButton.chrome, calendarStyles.chevron, focus.ring, state.isDisabled && iconButton.chromeDisabled).className ?? '';\n}\nexport { CalendarGridHeader, CalendarHeader };"],"mappings":";;;;;;;;;AAaA,SAAAI,uBAAA;CAAA,MAAAU,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EACSF,KAAA,oBAACyB,oBAAD,EAAA,UAAwBtB,mBAAF,CAAA;EAA6CL,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,OAAnEE;AAAmE;;;;;;;;;;;;AAc5E,SAAAI,iBAAA;CAAA,MAAAN,IAAAC,EAAA,CAAA;CAAA,IAAAC;CAAA,IAAAF,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EACkBF,KAAAf,MAAaY,eAAcS,MAAO;EAACR,EAAA,KAAAE;CAAA,OAAAA,KAAAF,EAAA;CAAA,IAAAS;CAAA,IAAAT,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAC/CK,KAAA,oBAACoB,QAAD;GAAsBnB,WAAAA;GAAuB,MAAA;GAC3C,UAAA,oBAAC,iBAAD,EAAgB,GAAKvB,MAAaY,eAAcY,cAAeZ,eAAca,oBAAqB,EAAC,CAAA;EAD3F,CAAA;EAEEZ,EAAA,KAAAS;CAAA,OAAAA,KAAAT,EAAA;CAAA,IAAAa;CAAA,IAAAb,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EACZS,KAAA,oBAACiB,SAAD,EAAW,GAAK3C,MAAaY,eAAce,OAAQ,EAAC,CAAA;EAAId,EAAA,KAAAa;CAAA,OAAAA,KAAAb,EAAA;CAAA,IAAAe;CAAA,IAAAf,EAAA,OAAAG,OAAAC,IAAA,2BAAA,GAAA;EAJrDW,KAAA,qBAAA,OAAA;GAQC,GARQb;GAAT,UAAA;IACHO;IAGAI;IACA,oBAACgB,QAAD;KAAsBnB,WAAAA;KAAuB,MAAA;KAC3C,UAAA,oBAAC,iBAAD,EAAgB,GAAKvB,MAAaY,eAAcY,YAAa,EAAC,CAAA;IADtD,CAAA;GAGN;;EAAAX,EAAA,KAAAe;CAAA,OAAAA,KAAAf,EAAA;CAAA,OARDe;AAQC;;AAIV,SAASV,mBAAmBW,KAA2B;CACrD,OAAO,oBAACe,oBAAD;EAAuB,GAAI5C,MAAaY,eAAekB,UAAU;EACnED,UAAAA;CACoB,CAAA;AAC3B;AAMA,SAASN,iBAAiBQ,OAEvB;CACD,OAAO/B,MAAaW,WAAWsB,QAAQrB,eAAesB,SAASxB,MAAMyB,MAAMJ,MAAMC,cAAcrB,WAAWyB,cAAc,CAAC,CAACC,aAAa;AACzI"}
+{"version":3,"file":"index.js","names":["CalendarDate","ReactElement","ReactNode","Ref","Key","Selection","endOfMonth","startOfMonth","stylex","useCallback","useContext","useEffect","useId","useMemo","useRef","useState","ButtonContext","CalendarStateContext","Button","RACButton","CalendarGridHeader","RACCalendarGridHeader","CalendarHeaderCell","RACCalendarHeaderCell","CalendarMonthPicker","RACCalendarMonthPicker","CalendarYearPicker","RACCalendarYearPicker","Heading","RACHeading","ListBox","RACListBox","ListBoxItem","RACListBoxItem","RangeCalendarStateContext","ArrowDropDownGlyph","CheckGlyph","ChevronEndGlyph","focus","iconButton","calendarStyles","dateLayers","menuLayers","MenuEntry","date","formatted","id","MenuPicker","items","onChange","key","value","OpenMenu","CalendarFrame","t0","$","_c","children","showMonthYearMenus","t1","Symbol","for","t2","calendarHeaderCell","CalendarHeader","props","header","chevronClassName","chevronGlyph","chevronGlyphPrevious","heading","t3","day","headerCell","CalendarMenus","single","range","state","open","setOpen","listId","monthButton","yearButton","button","requestAnimationFrame","current","close","_temp","toggleMonth","_temp2","toggleYear","isDisabled","t4","picker","filter","entry","maxValue","compare","minValue","map","_temp3","outsideBounds","t5","t6","headerGroup","t7","t8","chevronClassNameWhile","t9","t10","t11","picker_0","t12","t13","t14","t15","t16","t17","picker_1","t18","t19","t20","picker_2","t21","picker_3","t22","entry_0","current_0","isHovered","isPressed","isHidden","chrome","chevron","ring","chromeHovered","chromePressed","chromeDisabled","chevronHidden","className","isListOpen","MenuButton","controls","isExpanded","onPress","ref","valueId","nameId","find","shown","undefined","menuArrow","menuArrowExpanded","menuButtonClassName","menuButton","menuEntry","menuItemClassName","menuEntryContent","label","isSelected","menuCheck","isFocusVisible","menuItem","menuItemSelected","selectedHovered","plainHovered","selectedPressed","plainPressed","menuItemFocused","menuItemDisabled","MenuList","disabledKeys","onClose","list","selected","keys","choose","frame","element","checked","querySelector","HTMLElement","scrollTop","getBoundingClientRect","top","clientHeight","offsetHeight","cancelAnimationFrame","menuList","_c","CalendarGridHeader","RACCalendarGridHeader","stylex.props","RACButton","RACHeading","RACCalendarHeaderCell","RACCalendarMonthPicker","RACCalendarYearPicker","RACListBoxItem","RACListBox"],"sources":["../../src/calendar/index.tsx"],"sourcesContent":["import type { CalendarDate } from '@internationalized/date';\nimport type { ReactElement, ReactNode, Ref } from 'react';\nimport type { Key, Selection } from 'react-aria-components';\nimport { endOfMonth, startOfMonth } from '@internationalized/date';\nimport * as stylex from '@stylexjs/stylex';\nimport { useCallback, useContext, useEffect, useId, useMemo, useRef, useState } from 'react';\nimport { ButtonContext, CalendarStateContext, Button as RACButton, CalendarGridHeader as RACCalendarGridHeader, CalendarHeaderCell as RACCalendarHeaderCell, CalendarMonthPicker as RACCalendarMonthPicker, CalendarYearPicker as RACCalendarYearPicker, Heading as RACHeading, ListBox as RACListBox, ListBoxItem as RACListBoxItem, RangeCalendarStateContext } from 'react-aria-components';\nimport { ArrowDropDownGlyph, CheckGlyph, ChevronEndGlyph } from '../glyphs';\nimport { focus } from '../styles/focus';\nimport { iconButton } from '../styles/icon-button';\nimport { calendarStyles, dateLayers, menuLayers } from './styles';\n\n// The parts Calendar and RangeCalendar both render: the row that moves the\n// month, the weekday header, and the offsets that put more than one month\n// side by side. Apart from either component so the two cannot drift, and\n// outside `src/components` for the reason ./styles.ts gives.\n\n/** One entry of React Aria's month or year picker, as either lists it. */\ntype MenuEntry = {\n  date: CalendarDate;\n  formatted: string;\n  id: number;\n};\n\n/** What React Aria's month and year pickers hand the element they render. */\ntype MenuPicker = {\n  'aria-label': string;\n  items: MenuEntry[];\n  onChange: (key: Key | null) => void;\n  value: Key;\n};\ntype OpenMenu = 'month' | 'year';\n\n/**\n * What a calendar draws above its months, and the months themselves. With\n * `showMonthYearMenus` the header is the date pickers page's docked one —\n * the month and the year as menu buttons — and while either is open its list\n * takes the months' place.\n */\nfunction CalendarFrame({\n  children,\n  showMonthYearMenus\n}: {\n  children: ReactNode;\n  showMonthYearMenus: boolean;\n}): ReactElement {\n  if (showMonthYearMenus) {\n    return <CalendarMenus>{children}</CalendarMenus>;\n  }\n  return <>\n      <CalendarHeader />\n      {children}\n    </>;\n}\nfunction CalendarGridHeader(): ReactElement {\n  return <RACCalendarGridHeader>{calendarHeaderCell}</RACCalendarGridHeader>;\n}\n\n/**\n * The two chevrons with the month between them. React Aria wires\n * `slot=\"previous\"` and `slot=\"next\"` on its own `Button`, and `IconButton`\n * renders React Aria's `Button` too — so nesting one inside a slot would put\n * two buttons where the date pickers page draws one. The chevrons take the\n * icon buttons page's 40dp square and its state layer instead.\n *\n * A plain element rather than a `<header>`: a header is a banner landmark,\n * landmarks may not nest, and React Aria puts a calendar in\n * `role=\"application\"` — axe fails the page on it.\n */\nfunction CalendarHeader(): ReactElement {\n  return <div {...stylex.props(calendarStyles.header)}>\n      <RACButton className={chevronClassName} slot=\"previous\">\n        <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph, calendarStyles.chevronGlyphPrevious)} />\n      </RACButton>\n      <RACHeading {...stylex.props(calendarStyles.heading)} />\n      <RACButton className={chevronClassName} slot=\"next\">\n        <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph)} />\n      </RACButton>\n    </div>;\n}\n\n/** The weekday row, in the type the page gives both it and the dates. */\nfunction calendarHeaderCell(day: string): ReactElement {\n  return <RACCalendarHeaderCell {...stylex.props(calendarStyles.headerCell)}>\n      {day}\n    </RACCalendarHeaderCell>;\n}\n\n/**\n * The docked header: the month's menu button between the chevrons that step\n * it, and the year's menu button at the end. A press opens the button's list\n * in the months' place, where the page draws it, rather than in a popover over\n * them; a calendar inside a picker is already in one. While a list is open\n * the chevrons are hidden and the other menu is disabled, as the page draws\n * them, and choosing an entry — or pressing the one already checked, or\n * Escape — closes the list and puts focus back on its button.\n *\n * The lists are React Aria's month and year pickers, rendered twice: the\n * header names the month short, as the page's button does, and the list in\n * full. The year list holds the years `minValue` and `maxValue` allow and no\n * others, which React Aria bounds itself; a month with no day inside them is\n * disabled here.\n */\nfunction CalendarMenus({\n  children\n}: {\n  children: ReactNode;\n}): ReactElement {\n  const single = useContext(CalendarStateContext);\n  const range = useContext(RangeCalendarStateContext);\n  const state = single ?? range;\n  const [open, setOpen] = useState<null | OpenMenu>(null);\n  const listId = useId();\n  const monthButton = useRef<HTMLButtonElement>(null);\n  const yearButton = useRef<HTMLButtonElement>(null);\n\n  // A frame after the choice, and focus back on the button before the list\n  // goes, rather than lost with it. The key that chose still has a keypress\n  // to deliver: React Aria leaves Enter's default alone on a Mac, and with\n  // focus already moved the keypress pressed the menu button and opened the\n  // list again. A frame later it has landed on the list instead, as the\n  // click after a pointer's choice has.\n  const close = useCallback(() => {\n    const button = open === 'month' ? monthButton : yearButton;\n    requestAnimationFrame(() => {\n      button.current?.focus();\n      setOpen(null);\n    });\n  }, [open]);\n  const toggleMonth = useCallback(() => {\n    setOpen(current => current === 'month' ? null : 'month');\n  }, []);\n  const toggleYear = useCallback(() => {\n    setOpen(current => current === 'year' ? null : 'year');\n  }, []);\n  const isDisabled = state?.isDisabled ?? false;\n  const outsideBounds = (picker: MenuPicker) => picker.items.filter(entry => state?.maxValue != null && startOfMonth(entry.date).compare(state.maxValue) > 0 || state?.minValue != null && endOfMonth(entry.date).compare(state.minValue) < 0).map(entry => entry.id);\n  return <>\n      <div {...stylex.props(calendarStyles.header)}>\n        <div {...stylex.props(calendarStyles.headerGroup)}>\n          <RACButton className={chevronClassNameWhile(open !== null)} slot=\"previous\">\n            <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph, calendarStyles.chevronGlyphPrevious)} />\n          </RACButton>\n          <RACCalendarMonthPicker>\n            {picker => <MenuButton controls={listId} isDisabled={isDisabled || open === 'year'} isExpanded={open === 'month'} onPress={toggleMonth} picker={picker} ref={monthButton} />}\n          </RACCalendarMonthPicker>\n          <RACButton className={chevronClassNameWhile(open !== null)} slot=\"next\">\n            <ChevronEndGlyph {...stylex.props(calendarStyles.chevronGlyph)} />\n          </RACButton>\n        </div>\n        <RACCalendarYearPicker>\n          {picker => <MenuButton controls={listId} isDisabled={isDisabled || open === 'month'} isExpanded={open === 'year'} onPress={toggleYear} picker={picker} ref={yearButton} />}\n        </RACCalendarYearPicker>\n      </div>\n      {open === null ? children : null}\n      {open === 'month' ? <RACCalendarMonthPicker format=\"long\">\n          {picker => <MenuList disabledKeys={outsideBounds(picker)} id={listId} onClose={close} picker={picker} />}\n        </RACCalendarMonthPicker> : null}\n      {open === 'year' ? <RACCalendarYearPicker>\n          {picker => <MenuList id={listId} onClose={close} picker={picker} />}\n        </RACCalendarYearPicker> : null}\n    </>;\n}\n\n// A chevron's classes, from React Aria's own render state. React Aria\n// disables one when the month it would move to is outside `minValue` and\n// `maxValue`, or the whole calendar is disabled, and a press on it then does\n// nothing — so it takes the shared fade, which drops the state layer too.\nfunction chevronClassName(state: {\n  isDisabled: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n}, isHidden = false) {\n  return stylex.props(iconButton.chrome, calendarStyles.chevron, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled, isHidden && calendarStyles.chevronHidden).className ?? '';\n}\n\n// The same, hidden while a month or year list is open.\nfunction chevronClassNameWhile(isListOpen: boolean) {\n  return (state: {\n    isDisabled: boolean;\n    isHovered: boolean;\n    isPressed: boolean;\n  }) => chevronClassName(state, isListOpen);\n}\n\n/**\n * The month or the year as the page's menu button, opening its list. Named\n * by what it shows and then by what it is — \"Sep month\" — which keeps the\n * visible text the start of the name, so a reader who says what they see\n * reaches it.\n *\n * Outside React Aria's button context, which a calendar fills with its\n * `previous` and `next` slots alone: a button with no slot inside it is an\n * error, and these are not either chevron.\n */\nfunction MenuButton({\n  controls,\n  isDisabled,\n  isExpanded,\n  onPress,\n  picker,\n  ref\n}: {\n  controls: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  onPress: () => void;\n  picker: MenuPicker;\n  ref: Ref<HTMLButtonElement>;\n}): ReactElement {\n  const valueId = useId();\n  const nameId = useId();\n  const shown = picker.items.find(entry => entry.id === picker.value);\n  return <ButtonContext value={null}>\n      <RACButton aria-controls={isExpanded ? controls : undefined} aria-expanded={isExpanded} aria-haspopup=\"listbox\" aria-labelledby={`${valueId} ${nameId}`} className={menuButtonClassName} isDisabled={isDisabled} onPress={onPress} ref={ref}>\n        <span id={valueId}>{shown?.formatted}</span>\n        <span hidden id={nameId}>\n          {picker['aria-label']}\n        </span>\n        <ArrowDropDownGlyph {...stylex.props(calendarStyles.menuArrow, isExpanded && calendarStyles.menuArrowExpanded)} />\n      </RACButton>\n    </ButtonContext>;\n}\n\n// A menu button's classes, from React Aria's render state, with the icon\n// buttons' state layers and fade — see `menuButton`.\nfunction menuButtonClassName(state: {\n  isDisabled: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n}) {\n  return stylex.props(calendarStyles.menuButton, focus.ring, state.isHovered && iconButton.chromeHovered, state.isPressed && iconButton.chromePressed, state.isDisabled && iconButton.chromeDisabled).className ?? '';\n}\n\n// One row of an open list: the check where the row is the one shown, the\n// room it takes where it is not, then the month or the year. Built by a call\n// rather than written inline at the prop, which is what react-perf's\n// no-new-function-as-prop is after.\nfunction menuEntry(entry: MenuEntry): ReactElement {\n  return <RACListBoxItem className={menuItemClassName} id={entry.id} textValue={entry.formatted}>\n      {menuEntryContent(entry.formatted)}\n    </RACListBoxItem>;\n}\nfunction menuEntryContent(label: string) {\n  return ({\n    isSelected\n  }: {\n    isSelected: boolean;\n  }) => <>\n      {isSelected ? <CheckGlyph {...stylex.props(calendarStyles.menuCheck)} /> : <span {...stylex.props(calendarStyles.menuCheck)} />}\n      {label}\n    </>;\n}\n\n// A row's classes, from React Aria's render state. The layers come after the\n// checked row's surface variant, written for whichever ground the row has,\n// and the fade last, which StyleX lets drop them by replacing a property\n// whole.\nfunction menuItemClassName(state: {\n  isDisabled: boolean;\n  isFocusVisible: boolean;\n  isHovered: boolean;\n  isPressed: boolean;\n  isSelected: boolean;\n}) {\n  return stylex.props(calendarStyles.menuItem, state.isSelected && calendarStyles.menuItemSelected, state.isHovered && (state.isSelected ? menuLayers.selectedHovered : dateLayers.plainHovered), state.isPressed && (state.isSelected ? menuLayers.selectedPressed : dateLayers.plainPressed), state.isFocusVisible && calendarStyles.menuItemFocused, state.isDisabled && calendarStyles.menuItemDisabled).className ?? '';\n}\n\n/**\n * An open month or year list, in the months' place. React Aria's list box,\n * with the entry the calendar shows selected and focused when it opens.\n *\n * Choosing closes it, and so does pressing the checked entry or Escape. A\n * single selection that may empty is what tells those apart: choosing\n * replaces the selection, while the checked entry toggles it off and Escape\n * clears it — and the clearing is what stops Escape there rather than letting\n * it close a picker's dialog around the calendar.\n */\nfunction MenuList({\n  disabledKeys,\n  id,\n  onClose,\n  picker\n}: {\n  disabledKeys?: Key[];\n  id: string;\n  onClose: () => void;\n  picker: MenuPicker;\n}): ReactElement {\n  const list = useRef<HTMLDivElement>(null);\n  const selected = useMemo(() => [picker.value], [picker.value]);\n  const choose = useCallback((keys: Selection) => {\n    // The one entry a single selection holds after a choice, and none\n    // after the checked entry is pressed again or Escape clears it.\n    if (keys !== 'all') {\n      for (const key of keys) {\n        picker.onChange(key);\n      }\n    }\n    onClose();\n  }, [onClose, picker]);\n\n  // The checked entry opens in the middle of the list, as the page draws it,\n  // with the entries either side of it in view. React Aria scrolls the entry\n  // it focuses only as far as the nearest edge, which left the year shown at\n  // the bottom with every later year out of sight. A frame after opening,\n  // since React Aria renders its entries a render after the list mounts and\n  // scrolls once it has; and the list's own scroll alone moves, where\n  // `scrollIntoView` would move the page around it too.\n  useEffect(() => {\n    const frame = requestAnimationFrame(() => {\n      const element = list.current;\n      const checked = element?.querySelector('[aria-selected=\"true\"]');\n      if (element == null || !(checked instanceof HTMLElement)) {\n        return;\n      }\n      element.scrollTop += checked.getBoundingClientRect().top - element.getBoundingClientRect().top - (element.clientHeight - checked.offsetHeight) / 2;\n    });\n    return () => {\n      cancelAnimationFrame(frame);\n    };\n  }, []);\n  return <RACListBox aria-label={picker['aria-label']}\n  // oxlint-disable-next-line jsx-a11y/no-autofocus -- a list opened from its button takes focus, as a select's does\n  autoFocus disabledKeys={disabledKeys} id={id} items={picker.items} onSelectionChange={choose} ref={list} selectedKeys={selected} selectionMode=\"single\"\n  // On the release rather than the press, so the pointer is done with the\n  // list before it closes: chosen on the press, the release landed on\n  // whatever the closing list uncovered beneath it.\n  shouldSelectOnPressUp {...stylex.props(calendarStyles.menuList)}>\n      {menuEntry}\n    </RACListBox>;\n}\nexport { CalendarFrame, CalendarGridHeader };"],"mappings":"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"}