reka-ui 2.8.2 → 2.9.0

package/dist/YearRangePicker/YearRangePickerRoot.js

@@ -0,0 +1,338 @@
+import { createContext } from "../shared/createContext.js";
+import { getDefaultDate, isSameYear } from "../date/comparators.js";
+import { handleCalendarInitialFocus } from "../date/utils.js";
+import { useDirection } from "../shared/useDirection.js";
+import { useId } from "../shared/useId.js";
+import { useKbd } from "../shared/useKbd.js";
+import { useLocale } from "../shared/useLocale.js";
+import { Primitive } from "../Primitive/Primitive.js";
+import { usePrimitiveElement } from "../Primitive/usePrimitiveElement.js";
+import { useYearPicker } from "../YearPicker/useYearPicker.js";
+import { useRangeYearPickerState } from "./useRangeYearPicker.js";
+import { computed, createBlock, createElementVNode, defineComponent, onMounted, openBlock, ref, renderSlot, toDisplayString, toRefs, unref, watch, withCtx } from "vue";
+import { useEventListener, useVModel } from "@vueuse/core";
+
+//#region src/YearRangePicker/YearRangePickerRoot.vue?vue&type=script&setup=true&lang.ts
+const _hoisted_1 = { style: {
+	"border": "0px",
+	"clip": "rect(0px, 0px, 0px, 0px)",
+	"clip-path": "inset(50%)",
+	"height": "1px",
+	"margin": "-1px",
+	"overflow": "hidden",
+	"padding": "0px",
+	"position": "absolute",
+	"white-space": "nowrap",
+	"width": "1px"
+} };
+const _hoisted_2 = {
+	role: "heading",
+	"aria-level": "2"
+};
+const [injectYearRangePickerRootContext, provideYearRangePickerRootContext] = createContext("YearRangePickerRoot");
+var YearRangePickerRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "YearRangePickerRoot",
+	props: {
+		defaultPlaceholder: {
+			type: null,
+			required: false
+		},
+		defaultValue: {
+			type: Object,
+			required: false,
+			default: () => ({
+				start: void 0,
+				end: void 0
+			})
+		},
+		modelValue: {
+			type: [Object, null],
+			required: false
+		},
+		placeholder: {
+			type: null,
+			required: false,
+			default: void 0
+		},
+		allowNonContiguousRanges: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		preventDeselect: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		maximumYears: {
+			type: Number,
+			required: false,
+			default: void 0
+		},
+		calendarLabel: {
+			type: String,
+			required: false
+		},
+		maxValue: {
+			type: null,
+			required: false
+		},
+		minValue: {
+			type: null,
+			required: false
+		},
+		locale: {
+			type: String,
+			required: false
+		},
+		disabled: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		readonly: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		initialFocus: {
+			type: Boolean,
+			required: false,
+			default: false
+		},
+		isYearDisabled: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		isYearUnavailable: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		dir: {
+			type: String,
+			required: false
+		},
+		nextPage: {
+			type: Function,
+			required: false
+		},
+		prevPage: {
+			type: Function,
+			required: false
+		},
+		fixedDate: {
+			type: String,
+			required: false
+		},
+		yearsPerPage: {
+			type: Number,
+			required: false,
+			default: 12
+		},
+		asChild: {
+			type: Boolean,
+			required: false
+		},
+		as: {
+			type: null,
+			required: false,
+			default: "div"
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:placeholder",
+		"update:startValue"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emits = __emit;
+		const { disabled, readonly, initialFocus, preventDeselect, isYearUnavailable: propsIsYearUnavailable, isYearDisabled: propsIsYearDisabled, calendarLabel, maxValue, minValue, dir: propDir, locale: propLocale, nextPage: propsNextPage, prevPage: propsPrevPage, allowNonContiguousRanges, fixedDate, maximumYears, yearsPerPage } = toRefs(props);
+		const { primitiveElement, currentElement: parentElement } = usePrimitiveElement();
+		const dir = useDirection(propDir);
+		const locale = useLocale(propLocale);
+		const headingId = useId(void 0, "reka-year-range-picker-heading");
+		const lastPressedDateValue = ref();
+		const focusedValue = ref();
+		const isEditing = ref(false);
+		const modelValue = useVModel(props, "modelValue", emits, {
+			defaultValue: props.defaultValue ?? {
+				start: void 0,
+				end: void 0
+			},
+			passive: props.modelValue === void 0
+		});
+		const normalizeRange = (value) => value ?? {
+			start: void 0,
+			end: void 0
+		};
+		const normalizedModelValue = computed(() => normalizeRange(modelValue.value));
+		const validModelValue = ref(normalizeRange(modelValue.value));
+		const defaultDate = getDefaultDate({
+			defaultPlaceholder: props.placeholder,
+			defaultValue: normalizeRange(modelValue.value).start,
+			locale: props.locale
+		});
+		const startValue = ref(normalizeRange(modelValue.value).start);
+		const endValue = ref(normalizeRange(modelValue.value).end);
+		const placeholder = useVModel(props, "placeholder", emits, {
+			defaultValue: props.defaultPlaceholder ?? defaultDate.copy(),
+			passive: props.placeholder === void 0
+		});
+		function onPlaceholderChange(value) {
+			placeholder.value = value.copy();
+		}
+		const { fullCalendarLabel, headingValue, isYearDisabled, isYearUnavailable, isNextButtonDisabled, isPrevButtonDisabled, grid, nextPage, prevPage, formatter } = useYearPicker({
+			locale,
+			placeholder,
+			minValue,
+			maxValue,
+			disabled,
+			yearsPerPage,
+			isYearDisabled: propsIsYearDisabled,
+			isYearUnavailable: propsIsYearUnavailable,
+			calendarLabel,
+			nextPage: propsNextPage,
+			prevPage: propsPrevPage
+		});
+		const { isInvalid, isSelected, highlightedRange, isSelectionStart, isSelectionEnd, isHighlightedStart, isHighlightedEnd, isYearDisabled: rangeIsYearDisabled } = useRangeYearPickerState({
+			start: startValue,
+			end: endValue,
+			isYearDisabled,
+			isYearUnavailable,
+			focusedValue,
+			allowNonContiguousRanges,
+			fixedDate,
+			maximumYears
+		});
+		watch(modelValue, (_modelValue) => {
+			const next = normalizeRange(_modelValue);
+			const isStartSynced = !next.start && !startValue.value || !!next.start && !!startValue.value && isSameYear(next.start, startValue.value);
+			if (!isStartSynced) startValue.value = next.start?.copy?.();
+			const isEndSynced = !next.end && !endValue.value || !!next.end && !!endValue.value && isSameYear(next.end, endValue.value);
+			if (!isEndSynced) endValue.value = next.end?.copy?.();
+		});
+		watch(startValue, (_startValue) => {
+			if (_startValue && !isSameYear(_startValue, placeholder.value)) onPlaceholderChange(_startValue);
+			emits("update:startValue", _startValue);
+		});
+		watch([startValue, endValue], ([_startValue, _endValue]) => {
+			const value = modelValue.value;
+			if (value && value.start && value.end && _startValue && _endValue && isSameYear(value.start, _startValue) && isSameYear(value.end, _endValue)) return;
+			isEditing.value = true;
+			if (_endValue && _startValue) {
+				const nextValue = _endValue.year < _startValue.year ? {
+					start: _endValue.copy(),
+					end: _startValue.copy()
+				} : {
+					start: _startValue.copy(),
+					end: _endValue.copy()
+				};
+				modelValue.value = {
+					start: nextValue.start,
+					end: nextValue.end
+				};
+				isEditing.value = false;
+				validModelValue.value = {
+					start: nextValue.start.copy(),
+					end: nextValue.end.copy()
+				};
+			} else modelValue.value = _startValue ? {
+				start: _startValue.copy(),
+				end: void 0
+			} : {
+				start: _endValue?.copy(),
+				end: void 0
+			};
+		});
+		const kbd = useKbd();
+		useEventListener(parentElement, "keydown", (ev) => {
+			if (ev.key === kbd.ESCAPE && isEditing.value) {
+				startValue.value = validModelValue.value.start?.copy();
+				endValue.value = validModelValue.value.end?.copy();
+			}
+		});
+		provideYearRangePickerRootContext({
+			isYearUnavailable,
+			startValue,
+			endValue,
+			formatter,
+			modelValue: normalizedModelValue,
+			placeholder,
+			disabled,
+			initialFocus,
+			grid,
+			readonly,
+			preventDeselect,
+			fullCalendarLabel,
+			headingValue,
+			headingId,
+			isInvalid,
+			isYearDisabled: rangeIsYearDisabled,
+			allowNonContiguousRanges,
+			highlightedRange,
+			focusedValue,
+			lastPressedDateValue,
+			isSelected,
+			isSelectionEnd,
+			isSelectionStart,
+			isNextButtonDisabled,
+			isPrevButtonDisabled,
+			nextPage,
+			prevPage,
+			parentElement,
+			onPlaceholderChange,
+			locale,
+			dir,
+			isHighlightedStart,
+			isHighlightedEnd,
+			fixedDate,
+			maximumYears,
+			minValue,
+			maxValue,
+			yearsPerPage
+		});
+		onMounted(() => {
+			if (initialFocus.value) handleCalendarInitialFocus(parentElement.value);
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(Primitive), {
+				ref_key: "primitiveElement",
+				ref: primitiveElement,
+				as: _ctx.as,
+				"as-child": _ctx.asChild,
+				"aria-label": unref(fullCalendarLabel),
+				"data-readonly": unref(readonly) ? "" : void 0,
+				"data-disabled": unref(disabled) ? "" : void 0,
+				"data-invalid": unref(isInvalid) ? "" : void 0,
+				dir: unref(dir)
+			}, {
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [createElementVNode("div", _hoisted_2, toDisplayString(unref(fullCalendarLabel)), 1)]), renderSlot(_ctx.$slots, "default", {
+					date: unref(placeholder),
+					grid: unref(grid),
+					locale: unref(locale),
+					modelValue: normalizedModelValue.value
+				})]),
+				_: 3
+			}, 8, [
+				"as",
+				"as-child",
+				"aria-label",
+				"data-readonly",
+				"data-disabled",
+				"data-invalid",
+				"dir"
+			]);
+		};
+	}
+});
+
+//#endregion
+//#region src/YearRangePicker/YearRangePickerRoot.vue
+var YearRangePickerRoot_default = YearRangePickerRoot_vue_vue_type_script_setup_true_lang_default;
+
+//#endregion
+export { YearRangePickerRoot_default, injectYearRangePickerRootContext };
+//# sourceMappingURL=YearRangePickerRoot.js.map

package/dist/YearRangePicker/YearRangePickerRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearRangePickerRoot.js","names":["as","asChild"],"sources":["../../src/YearRangePicker/YearRangePickerRoot.vue","../../src/YearRangePicker/YearRangePickerRoot.vue"],"sourcesContent":[],"mappings":"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"}

package/dist/YearRangePicker/useRangeYearPicker.cjs

@@ -0,0 +1,128 @@
+const require_rolldown_runtime = require('../rolldown-runtime.cjs');
+const require_date_comparators = require('../date/comparators.cjs');
+const vue = require_rolldown_runtime.__toESM(require("vue"));
+
+//#region src/YearRangePicker/useRangeYearPicker.ts
+function useRangeYearPickerState(props) {
+	const isStartInvalid = (0, vue.computed)(() => {
+		if (!props.start.value) return false;
+		if (props.isYearDisabled(props.start.value)) return true;
+		return false;
+	});
+	const isEndInvalid = (0, vue.computed)(() => {
+		if (!props.end.value) return false;
+		if (props.isYearDisabled(props.end.value)) return true;
+		return false;
+	});
+	const isInvalid = (0, vue.computed)(() => {
+		if (isStartInvalid.value || isEndInvalid.value) return true;
+		if (props.start.value && props.end.value && props.end.value.year < props.start.value.year) return true;
+		return false;
+	});
+	const isSelectionStart = (date) => {
+		if (!props.start.value) return false;
+		return require_date_comparators.isSameYear(props.start.value, date);
+	};
+	const isSelectionEnd = (date) => {
+		if (!props.end.value) return false;
+		return require_date_comparators.isSameYear(props.end.value, date);
+	};
+	const isSelected = (date) => {
+		if (props.start.value && require_date_comparators.isSameYear(props.start.value, date)) return true;
+		if (props.end.value && require_date_comparators.isSameYear(props.end.value, date)) return true;
+		if (props.end.value && props.start.value) return date.year > props.start.value.year && date.year < props.end.value.year;
+		return false;
+	};
+	const rangeIsYearDisabled = (date) => {
+		if (props.isYearDisabled(date)) return true;
+		if (props.maximumYears?.value) {
+			const maximumYears = props.maximumYears.value;
+			if (props.start.value && props.end.value) {
+				if (props.fixedDate.value) {
+					const diff = require_date_comparators.getYearsBetween(props.start.value, props.end.value);
+					if (diff <= maximumYears) {
+						const yearsLeft = maximumYears - diff;
+						const startLimit = props.start.value.subtract({ years: yearsLeft });
+						const endLimit = props.end.value.add({ years: yearsLeft });
+						return date.year < startLimit.year || date.year > endLimit.year;
+					}
+					const fixedValue = props.fixedDate.value === "start" ? props.start.value : props.end.value;
+					const maxDate = fixedValue.add({ years: maximumYears - 1 });
+					const minDate = fixedValue.subtract({ years: maximumYears - 1 });
+					return date.year < minDate.year || date.year > maxDate.year;
+				}
+				return false;
+			}
+			if (props.start.value) {
+				const maxDate = props.start.value.add({ years: maximumYears - 1 });
+				const minDate = props.start.value.subtract({ years: maximumYears - 1 });
+				return date.year < minDate.year || date.year > maxDate.year;
+			}
+		}
+		return false;
+	};
+	const highlightedRange = (0, vue.computed)(() => {
+		if (props.start.value && props.end.value && !props.fixedDate.value) return null;
+		if (!props.start.value || !props.focusedValue.value) return null;
+		const isStartBeforeFocused = props.start.value.year < props.focusedValue.value.year;
+		const start = isStartBeforeFocused ? props.start.value : props.focusedValue.value;
+		const end = isStartBeforeFocused ? props.focusedValue.value : props.start.value;
+		if (require_date_comparators.isSameYear(start, end)) return {
+			start,
+			end
+		};
+		if (props.maximumYears?.value && !props.end.value) {
+			const maximumYears = props.maximumYears.value;
+			const anchor = props.start.value;
+			const focused = props.focusedValue.value;
+			if (focused.year >= anchor.year) {
+				const maxEnd = anchor.add({ years: maximumYears - 1 });
+				const cappedEnd = focused.year > maxEnd.year ? maxEnd : focused;
+				return {
+					start: anchor,
+					end: cappedEnd
+				};
+			} else {
+				const minStart = anchor.subtract({ years: maximumYears - 1 });
+				const cappedStart = focused.year < minStart.year ? minStart : focused;
+				return {
+					start: cappedStart,
+					end: anchor
+				};
+			}
+		}
+		const isValid = require_date_comparators.areAllYearsBetweenValid(start, end, props.allowNonContiguousRanges.value ? () => false : props.isYearUnavailable, rangeIsYearDisabled);
+		if (isValid) return {
+			start,
+			end
+		};
+		return null;
+	});
+	const isHighlightedStart = (date) => {
+		if (!highlightedRange.value?.start) return false;
+		return require_date_comparators.isSameYear(highlightedRange.value.start, date);
+	};
+	const isHighlightedEnd = (date) => {
+		if (!highlightedRange.value?.end) return false;
+		return require_date_comparators.isSameYear(highlightedRange.value.end, date);
+	};
+	return {
+		isInvalid,
+		isSelected,
+		highlightedRange,
+		isSelectionStart,
+		isSelectionEnd,
+		isHighlightedStart,
+		isHighlightedEnd,
+		isYearDisabled: rangeIsYearDisabled
+	};
+}
+
+//#endregion
+Object.defineProperty(exports, 'useRangeYearPickerState', {
+  enumerable: true,
+  get: function () {
+    return useRangeYearPickerState;
+  }
+});
+//# sourceMappingURL=useRangeYearPicker.cjs.map

package/dist/YearRangePicker/useRangeYearPicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeYearPicker.cjs","names":["props: UseRangeYearPickerProps","date: DateValue"],"sources":["../../src/YearRangePicker/useRangeYearPicker.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/YearRangePicker/useRangeYearPicker.js

@@ -0,0 +1,122 @@
+import { areAllYearsBetweenValid, getYearsBetween, isSameYear } from "../date/comparators.js";
+import { computed } from "vue";
+
+//#region src/YearRangePicker/useRangeYearPicker.ts
+function useRangeYearPickerState(props) {
+	const isStartInvalid = computed(() => {
+		if (!props.start.value) return false;
+		if (props.isYearDisabled(props.start.value)) return true;
+		return false;
+	});
+	const isEndInvalid = computed(() => {
+		if (!props.end.value) return false;
+		if (props.isYearDisabled(props.end.value)) return true;
+		return false;
+	});
+	const isInvalid = computed(() => {
+		if (isStartInvalid.value || isEndInvalid.value) return true;
+		if (props.start.value && props.end.value && props.end.value.year < props.start.value.year) return true;
+		return false;
+	});
+	const isSelectionStart = (date) => {
+		if (!props.start.value) return false;
+		return isSameYear(props.start.value, date);
+	};
+	const isSelectionEnd = (date) => {
+		if (!props.end.value) return false;
+		return isSameYear(props.end.value, date);
+	};
+	const isSelected = (date) => {
+		if (props.start.value && isSameYear(props.start.value, date)) return true;
+		if (props.end.value && isSameYear(props.end.value, date)) return true;
+		if (props.end.value && props.start.value) return date.year > props.start.value.year && date.year < props.end.value.year;
+		return false;
+	};
+	const rangeIsYearDisabled = (date) => {
+		if (props.isYearDisabled(date)) return true;
+		if (props.maximumYears?.value) {
+			const maximumYears = props.maximumYears.value;
+			if (props.start.value && props.end.value) {
+				if (props.fixedDate.value) {
+					const diff = getYearsBetween(props.start.value, props.end.value);
+					if (diff <= maximumYears) {
+						const yearsLeft = maximumYears - diff;
+						const startLimit = props.start.value.subtract({ years: yearsLeft });
+						const endLimit = props.end.value.add({ years: yearsLeft });
+						return date.year < startLimit.year || date.year > endLimit.year;
+					}
+					const fixedValue = props.fixedDate.value === "start" ? props.start.value : props.end.value;
+					const maxDate = fixedValue.add({ years: maximumYears - 1 });
+					const minDate = fixedValue.subtract({ years: maximumYears - 1 });
+					return date.year < minDate.year || date.year > maxDate.year;
+				}
+				return false;
+			}
+			if (props.start.value) {
+				const maxDate = props.start.value.add({ years: maximumYears - 1 });
+				const minDate = props.start.value.subtract({ years: maximumYears - 1 });
+				return date.year < minDate.year || date.year > maxDate.year;
+			}
+		}
+		return false;
+	};
+	const highlightedRange = computed(() => {
+		if (props.start.value && props.end.value && !props.fixedDate.value) return null;
+		if (!props.start.value || !props.focusedValue.value) return null;
+		const isStartBeforeFocused = props.start.value.year < props.focusedValue.value.year;
+		const start = isStartBeforeFocused ? props.start.value : props.focusedValue.value;
+		const end = isStartBeforeFocused ? props.focusedValue.value : props.start.value;
+		if (isSameYear(start, end)) return {
+			start,
+			end
+		};
+		if (props.maximumYears?.value && !props.end.value) {
+			const maximumYears = props.maximumYears.value;
+			const anchor = props.start.value;
+			const focused = props.focusedValue.value;
+			if (focused.year >= anchor.year) {
+				const maxEnd = anchor.add({ years: maximumYears - 1 });
+				const cappedEnd = focused.year > maxEnd.year ? maxEnd : focused;
+				return {
+					start: anchor,
+					end: cappedEnd
+				};
+			} else {
+				const minStart = anchor.subtract({ years: maximumYears - 1 });
+				const cappedStart = focused.year < minStart.year ? minStart : focused;
+				return {
+					start: cappedStart,
+					end: anchor
+				};
+			}
+		}
+		const isValid = areAllYearsBetweenValid(start, end, props.allowNonContiguousRanges.value ? () => false : props.isYearUnavailable, rangeIsYearDisabled);
+		if (isValid) return {
+			start,
+			end
+		};
+		return null;
+	});
+	const isHighlightedStart = (date) => {
+		if (!highlightedRange.value?.start) return false;
+		return isSameYear(highlightedRange.value.start, date);
+	};
+	const isHighlightedEnd = (date) => {
+		if (!highlightedRange.value?.end) return false;
+		return isSameYear(highlightedRange.value.end, date);
+	};
+	return {
+		isInvalid,
+		isSelected,
+		highlightedRange,
+		isSelectionStart,
+		isSelectionEnd,
+		isHighlightedStart,
+		isHighlightedEnd,
+		isYearDisabled: rangeIsYearDisabled
+	};
+}
+
+//#endregion
+export { useRangeYearPickerState };
+//# sourceMappingURL=useRangeYearPicker.js.map

package/dist/YearRangePicker/useRangeYearPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRangeYearPicker.js","names":["props: UseRangeYearPickerProps","date: DateValue"],"sources":["../../src/YearRangePicker/useRangeYearPicker.ts"],"sourcesContent":[],"mappings":"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"}