@slotted/react 0.1.0-beta.3 → 0.1.0-beta.5

package/dist/time-picker-CRQsMJbQ.js

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