@slotted/react 0.1.0-beta.0 → 0.1.0-beta.10

package/dist/time-picker-DuT1tf5-.js

@@ -1,396 +0,0 @@
-import { t as e } from "./react-dom-DzrKNxo6.js";
-import { n as t, t as n } from "./icon-T9Yt4tnm.js";
-import { n as r, r as i } from "./i18n-DpW8lqJ1.js";
-import { b as ee } from "./field-BJh5HI7w.js";
-import { t as te } from "./time-field-DCG_VtGO.js";
-import { createControllable as a } from "@slotted/core/state";
-import { createContext as ne, useCallback as o, useContext as re, useEffect as s, useId as ie, useImperativeHandle as ae, useMemo as c, useRef as l, useState as u } from "react";
-import { Fragment as oe, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { createPresence as se } from "@slotted/core/presence";
-import { createPortalRoot as ce } from "@slotted/core/portal";
-import { createDismissableLayer as le } from "@slotted/core/dismissable-layer";
-import { createPositioner as ue } from "@slotted/core/positioner";
-import { createTypeahead as de, isPrintable as fe } from "@slotted/core/typeahead";
-import { timePickerMessages as pe } from "@slotted/core/i18n";
-import { createTimeFormat as me, hourJump as he, isSameTime as p, isTimeInRange as ge, isTruncated as _e, nearestIndex as ve, nowIn as ye, timeList as be, toISOTime as xe } from "@slotted/core/date";
-//#region src/time-picker/time-picker-defaults.tsx
-var Se = e(), Ce = 900, m = 1440, we = ne({
-	closeOnSelect: "auto",
-	granularity: "minute",
-	hourCycle: void 0,
-	maxOptions: m,
-	placement: "bottom-start",
-	size: "md",
-	step: 900,
-	timeZone: void 0,
-	unavailableOptions: "disable",
-	variant: "outline"
-});
-function h() {
-	return re(we);
-}
-function Te({ children: e, ...t }) {
-	let n = h();
-	return /* @__PURE__ */ d(we.Provider, {
-		value: {
-			closeOnSelect: t.closeOnSelect ?? n.closeOnSelect,
-			granularity: t.granularity ?? n.granularity,
-			hourCycle: t.hourCycle ?? n.hourCycle,
-			maxOptions: t.maxOptions ?? n.maxOptions,
-			placement: t.placement ?? n.placement,
-			size: t.size ?? n.size,
-			step: t.step ?? n.step,
-			timeZone: t.timeZone ?? n.timeZone,
-			unavailableOptions: t.unavailableOptions ?? n.unavailableOptions,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/time-picker/time-picker.tsx
-var Ee = "(max-width: 480px) and (pointer: coarse)", De = {
-	hour: 12,
-	minute: 0,
-	second: 0
-};
-function g({ className: e, clearable: ne = !1, closeOnSelect: re, defaultHighlightedValue: Ce, defaultOpen: m = !1, defaultValue: we, disabled: Te, footer: g, granularity: Oe, highlightedValue: _, hourCycle: ke, invalid: Ae, isTimeUnavailable: v, locale: je, max: y, maxOptions: Me, messages: Ne, min: b, name: Pe, onHighlightedValueChange: Fe, onKeyDown: x, onOpenChange: Ie, onValueChange: Le, open: S, options: Re, placement: ze, presets: Be, readOnly: Ve, ref: He, referenceTime: C, relative: Ue, render: We, renderOption: Ge, required: Ke, size: qe, step: Je, style: Ye, timeZone: Xe, unavailableOptions: Ze, value: w, variant: Qe, ...$e }) {
-	let T = ee(), E = h(), et = r(), D = i(pe, Ne), O = l(null), tt = l(null), k = l(null), A = l(null), nt = ie(), [j, rt] = u(null), [M, it] = u(null), [at, ot] = u("unmounted"), [st, ct] = u(!1), [N, lt] = u(!1), [ut, dt] = u(m), P = S ?? ut, [ft, pt] = u(we ?? null), F = w ?? ft, I = je ?? et, L = Xe ?? E.timeZone, R = Oe ?? E.granularity, z = ke ?? E.hourCycle, mt = qe ?? T?.size ?? E.size, ht = Qe ?? E.variant, gt = ze ?? E.placement, _t = re ?? E.closeOnSelect, vt = Je ?? E.step, yt = Me ?? E.maxOptions, bt = Ze ?? E.unavailableOptions, B = Te ?? T?.disabled, V = Ve ?? T?.readOnly, xt = Ke ?? T?.required, H = B !== !0 && V !== !0, U = c(() => me({
-		granularity: R,
-		hourCycle: z,
-		locale: I
-	}), [
-		R,
-		z,
-		I
-	]), [St, Ct] = u(() => De);
-	s(() => Ct(ye(L)), [L]);
-	let wt = C ?? St, Tt = F !== null && (!ge(F, b, y) || v?.(F) === !0), Et = Ae ?? (Tt ? !0 : T?.invalid), W = c(() => ({
-		isTimeUnavailable: v,
-		max: y,
-		maxOptions: yt,
-		min: b,
-		options: Re,
-		step: vt
-	}), [
-		v,
-		y,
-		b,
-		Re,
-		yt,
-		vt
-	]), G = c(() => {
-		let e = be(W);
-		return bt === "hide" ? e.filter((e) => !e.unavailable) : e;
-	}, [W, bt]), Dt = c(() => _e(W), [W]), Ot = c(() => G.map((e) => U.format(e.time)), [U, G]), kt = o(() => {
-		if (G.length === 0) return -1;
-		let e = ve(G, F ?? wt);
-		if (e >= 0 && G[e]?.unavailable !== !0) return e;
-		let t = G.findIndex((e) => !e.unavailable);
-		return t >= 0 ? t : 0;
-	}, [
-		wt,
-		F,
-		G
-	]), [At, jt] = u(Ce ?? null), K = _ ?? At, q = c(() => K === null ? -1 : G.findIndex((e) => p(e.time, K)), [K, G]), J = o((e, t, n) => {
-		a({
-			controlled: _,
-			initial: K,
-			equals: p,
-			onRequest: (e) => Fe?.(e.value, e)
-		}).request(e, t, n) && jt(e);
-	}, [
-		K,
-		_,
-		Fe
-	]), Y = o((e, t) => {
-		let n = G[Math.max(0, Math.min(G.length - 1, e))];
-		n !== void 0 && J(n.time, "keyboard", t);
-	}, [G, J]), X = o((e, t, n) => {
-		a({
-			controlled: S,
-			initial: P,
-			onRequest: (e) => Ie?.(e.value, e)
-		}).request(e, t, n) && dt(e);
-	}, [
-		P,
-		Ie,
-		S
-	]), Z = o((e, t) => {
-		a({
-			controlled: w,
-			initial: F,
-			equals: p,
-			onRequest: (e) => Le?.(e.value, e)
-		}).request(e, t.reason, t.source) && pt(e);
-	}, [
-		F,
-		Le,
-		w
-	]), Q = l(null);
-	s(() => {
-		let e = se({
-			present: P,
-			onStatusChange: ot
-		});
-		return Q.current = e, ot(e.status), () => {
-			e.destroy(), Q.current = null;
-		};
-	}, []), s(() => Q.current?.sync(P), [P]), s(() => Q.current?.setNode(j), [j]);
-	let Mt = at !== "unmounted";
-	s(() => {
-		if (!Mt) {
-			it(null);
-			return;
-		}
-		let e = ce({
-			origin: k.current,
-			disabled: !1
-		});
-		return it(e.container), () => e.release();
-	}, [Mt]), s(() => {
-		if (typeof window > "u" || typeof window.matchMedia != "function") return;
-		let e = window.matchMedia(Ee), t = () => lt(e.matches);
-		return t(), e.addEventListener("change", t), () => e.removeEventListener("change", t);
-	}, []), s(() => {
-		if (j === null || O.current === null || N) return;
-		let e = !0, t = O.current.querySelector("[data-part=\"control\"]") ?? O.current, [n, r = "center"] = gt.split("-"), i = ue(t, j, {
-			align: r,
-			side: n
-		});
-		return i.update().then(() => {
-			e && ct(!0);
-		}), () => {
-			e = !1, i.destroy(), ct(!1);
-		};
-	}, [
-		j,
-		gt,
-		N
-	]), s(() => {
-		if (j === null || !P) return;
-		let e = k.current === null ? [] : [k.current], t = le(j, {
-			branches: e,
-			escape: !0,
-			focusOutside: !1,
-			modal: !1,
-			outsidePress: !0,
-			scrollLock: !1,
-			onDismiss: (e) => {
-				X(!1, e.reason === "escape" ? "escape" : "outsidePress", e.source), e.reason === "escape" && k.current?.focus({ preventScroll: !0 });
-			}
-		});
-		return () => t.destroy();
-	}, [
-		P,
-		j,
-		X
-	]), s(() => {
-		if (!P) return;
-		let e = kt();
-		e < 0 || J(G[e]?.time ?? null, "programmatic", void 0);
-	}, [P, G]), s(() => {
-		!P || q < 0 || (A.current?.querySelectorAll("[data-part=\"option\"]")[q])?.scrollIntoView?.({ block: "nearest" });
-	}, [q, P]);
-	let Nt = l(de({ locale: () => I }));
-	s(() => {
-		let e = Nt.current;
-		return () => e.destroy();
-	}, []), ae(He, () => ({
-		focus: () => tt.current?.focus(),
-		open: () => X(!0, "keyboard", void 0),
-		close: () => X(!1, "keyboard", void 0)
-	}), [X]);
-	let Pt = F === null ? D("choose") : D("change", { time: U.describe(F) }), Ft = _t !== "never", It = o((e, t) => {
-		!e.unavailable && H && (Z(e.time, {
-			reason: "select",
-			source: t
-		}), J(e.time, "pointer", t), Ft && (X(!1, "select", t), k.current?.focus({ preventScroll: !0 })));
-	}, [
-		Ft,
-		H,
-		J,
-		Z,
-		X
-	]), $ = o((e) => {
-		A.current?.querySelectorAll("[data-part=\"option\"]")[e]?.focus();
-	}, []), Lt = o((e) => {
-		let t = q >= 0 ? q : kt();
-		t < 0 || (Y(t, e), requestAnimationFrame(() => $(t)));
-	}, [
-		$,
-		q,
-		Y,
-		kt
-	]), Rt = (e) => {
-		x?.(e), !e.defaultPrevented && H && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), P || X(!0, "keyboard", e), Lt(e));
-	}, zt = (e) => {
-		if (x?.(e), e.defaultPrevented) return;
-		let t = q >= 0 ? q : 0;
-		switch (e.key) {
-			case "ArrowDown":
-				e.preventDefault(), Y(t + 1, e), $(Math.min(G.length - 1, t + 1));
-				return;
-			case "ArrowUp":
-				e.preventDefault(), Y(t - 1, e), $(Math.max(0, t - 1));
-				return;
-			case "Home":
-				e.preventDefault(), Y(0, e), $(0);
-				return;
-			case "End":
-				e.preventDefault(), Y(G.length - 1, e), $(G.length - 1);
-				return;
-			case "PageDown": {
-				e.preventDefault();
-				let n = he(G, t, 1);
-				Y(n, e), $(n);
-				return;
-			}
-			case "PageUp": {
-				e.preventDefault();
-				let n = he(G, t, -1);
-				Y(n, e), $(n);
-				return;
-			}
-			case "Enter":
-			case " ": {
-				e.preventDefault();
-				let n = G[t];
-				n !== void 0 && It(n, e);
-				return;
-			}
-		}
-		if (fe(e.key, Nt.current.query.length > 0)) {
-			let n = Nt.current.match(e.key, Ot, t);
-			if (n < 0) return;
-			e.preventDefault(), Y(n, e), $(n);
-		}
-	}, Bt = (e) => {
-		x?.(e), !e.defaultPrevented && H && e.altKey && e.key === "ArrowDown" && (e.preventDefault(), X(!0, "keyboard", e));
-	}, Vt = Mt ? /* @__PURE__ */ d("div", {
-		"data-part": "positioner",
-		"data-presentation": N ? "sheet" : "popover",
-		"data-ui": "time-picker",
-		ref: rt,
-		...P ? { "data-open": "" } : {},
-		...st ? { "data-positioned": "" } : {},
-		children: /* @__PURE__ */ f("div", {
-			"aria-label": Pt,
-			"data-part": "content",
-			id: nt,
-			role: "listbox",
-			...Dt ? { "aria-description": D("truncated") } : {},
-			children: [
-				Be === void 0 ? null : /* @__PURE__ */ d("div", {
-					"data-part": "presets",
-					children: Be
-				}),
-				/* @__PURE__ */ d("div", {
-					"data-part": "head",
-					children: /* @__PURE__ */ d("button", {
-						"data-part": "now",
-						onClick: (e) => Z(wt, {
-							reason: "select",
-							source: e
-						}),
-						type: "button",
-						children: D("now")
-					})
-				}),
-				G.length === 0 ? /* @__PURE__ */ d("div", {
-					"data-part": "empty",
-					children: D("empty")
-				}) : /* @__PURE__ */ d("div", {
-					"data-part": "list",
-					onKeyDown: zt,
-					ref: A,
-					...Dt ? { "data-truncated": "" } : {},
-					children: G.map((e, t) => {
-						let n = Ot[t] ?? "", r = p(e.time, F), i = t === q;
-						return /* @__PURE__ */ d("div", {
-							"aria-disabled": e.unavailable ? !0 : void 0,
-							"aria-selected": r,
-							"data-part": "option",
-							onClick: (t) => It(e, t),
-							role: "option",
-							tabIndex: i ? 0 : -1,
-							...e.unavailable ? { "data-disabled": "" } : {},
-							...r ? { "data-selected": "" } : {},
-							...i ? { "data-current": "" } : {},
-							children: Ge === void 0 ? n : Ge({
-								current: i,
-								label: n,
-								selected: r,
-								time: e.time,
-								unavailable: e.unavailable
-							})
-						}, xe(e.time));
-					})
-				}),
-				g === void 0 ? null : /* @__PURE__ */ d("div", {
-					"data-part": "footer",
-					children: g
-				})
-			]
-		})
-	}) : null, Ht = /* @__PURE__ */ f(oe, { children: [/* @__PURE__ */ d("div", {
-		"data-part": "control",
-		onKeyDown: Bt,
-		children: /* @__PURE__ */ d(te, {
-			clearable: ne,
-			disabled: B,
-			end: /* @__PURE__ */ d("button", {
-				"aria-controls": P ? nt : void 0,
-				"aria-expanded": P,
-				"aria-haspopup": "listbox",
-				"aria-label": Pt,
-				"data-part": "trigger",
-				disabled: !H,
-				onClick: (e) => {
-					X(!P, "pointer", e), P || Lt(e);
-				},
-				onKeyDown: Rt,
-				ref: k,
-				type: "button",
-				children: /* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(t, { name: "clock" }) })
-			}),
-			granularity: R,
-			invalid: Et,
-			isTimeUnavailable: v,
-			locale: I,
-			max: y,
-			min: b,
-			name: Pe,
-			onValueChange: (e, t) => Z(e, t),
-			readOnly: V,
-			ref: tt,
-			required: xt,
-			size: mt,
-			timeZone: L,
-			value: F,
-			variant: ht,
-			...z === void 0 ? {} : { hourCycle: z },
-			...C === void 0 ? {} : { referenceTime: C },
-			...Ue === void 0 ? {} : { relative: Ue }
-		})
-	}), M === null ? Vt : null] }), Ut = {
-		...$e,
-		children: Ht,
-		className: e,
-		style: Ye,
-		...B === !0 ? { "data-disabled": "" } : {},
-		...Et === !0 ? { "data-invalid": "" } : {},
-		...V === !0 ? { "data-readonly": "" } : {},
-		...xt === !0 ? { "data-required": "" } : {},
-		...P ? { "data-open": "" } : {},
-		"data-granularity": R,
-		"data-part": "root",
-		"data-size": mt,
-		"data-ui": "time-picker",
-		"data-variant": ht,
-		ref: O
-	};
-	return /* @__PURE__ */ f(oe, { children: [We === void 0 ? /* @__PURE__ */ d("div", { ...Ut }) : We(Ut), M === null ? null : (0, Se.createPortal)(Vt, M)] });
-}
-//#endregion
-export { h as a, Te as i, m as n, Ce as r, g as t };