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

package/dist/currency-field-B7OZ0hk7.js

@@ -1,436 +0,0 @@
-import { n as e, t } from "./icon-T9Yt4tnm.js";
-import { n, r } from "./i18n-DpW8lqJ1.js";
-import { b as i } from "./field-BJh5HI7w.js";
-import { createControllable as a } from "@slotted/core/state";
-import { createContext as o, useCallback as s, useContext as c, useEffect as l, useImperativeHandle as ee, useLayoutEffect as u, useMemo as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as te } from "react/jsx-runtime";
-import { currencyFieldMessages as ne } from "@slotted/core/i18n";
-import { clamp as re } from "@slotted/core/measure";
-import { MAX_AMOUNT_DIGITS as ie, createCurrencyFormat as ae, withAmount as oe } from "@slotted/core/currency";
-import { STEP_REPEAT_DELAY as se, STEP_REPEAT_DELAY_COARSE as ce, STEP_REPEAT_INTERVAL as le, createScrub as ue, stepNumber as de } from "@slotted/core/number";
-//#region src/currency-field/currency-field-defaults.tsx
-var h = o({
-	align: "end",
-	clamp: "blur",
-	currency: void 0,
-	currencyDisplay: "symbol",
-	entry: "cents",
-	formatOn: "change",
-	size: "md",
-	stepper: "none",
-	variant: "outline"
-});
-function fe() {
-	return c(h);
-}
-function pe({ children: e, ...t }) {
-	let n = fe();
-	return /* @__PURE__ */ m(h.Provider, {
-		value: {
-			align: t.align ?? n.align,
-			clamp: t.clamp ?? n.clamp,
-			currency: t.currency ?? n.currency,
-			currencyDisplay: t.currencyDisplay ?? n.currencyDisplay,
-			entry: t.entry ?? n.entry,
-			formatOn: t.formatOn ?? n.formatOn,
-			size: t.size ?? n.size,
-			stepper: t.stepper ?? n.stepper,
-			variant: t.variant ?? n.variant
-		},
-		children: e
-	});
-}
-//#endregion
-//#region src/currency-field/currency-field.tsx
-var me = o(null);
-function he(e) {
-	return e === 0 ? "keyboard" : "pointer";
-}
-var ge = /* @__PURE__ */ new Set([
-	"-",
-	"−",
-	"+",
-	"("
-]);
-function g({ "aria-describedby": o, "aria-invalid": c, "aria-required": h, align: pe, allowEmpty: g = !1, className: _e, clamp: ve, currency: ye, currencyDisplay: be, defaultValue: _ = null, disabled: xe, end: Se, entry: Ce, form: we, format: v, formatOn: Te, fractionDigits: y, handle: Ee, id: De, inputMode: Oe, invalid: ke, largeStep: Ae, locale: je, max: b, messages: Me, min: x, name: Ne, onBlur: Pe, onChange: Fe, onKeyDown: Ie, onValueChange: Le, readOnly: Re, ref: S, render: ze, size: Be, smallStep: Ve, start: He, step: C = 1, stepFrom: w, stepper: Ue, style: We, value: T, variant: Ge, wheel: Ke = !1, ...qe }) {
-	let E = i(), D = fe(), Je = r(ne, Me), Ye = n(), O = f(null), Xe = Be ?? E?.size ?? D.size, Ze = Ge ?? D.variant, Qe = pe ?? D.align, $e = Ce ?? D.entry, et = Te ?? D.formatOn, k = Ue ?? D.stepper, A = ve ?? D.clamp, tt = je ?? Ye, nt = be ?? D.currencyDisplay, j = ye ?? D.currency, M = xe ?? E?.disabled, N = Re ?? E?.readOnly, rt = ke ?? E?.invalid;
-	if (j === void 0) throw Error("CurrencyField needs a currency: pass `currency`, or set one on CurrencyFieldDefaultsProvider.");
-	let it = v === void 0 ? "" : JSON.stringify(v), P = d(() => ae({
-		currency: j,
-		currencyDisplay: nt,
-		locale: tt,
-		...y === void 0 ? {} : { fractionDigits: y },
-		...v === void 0 ? {} : { options: v }
-	}), [
-		j,
-		nt,
-		tt,
-		y,
-		it,
-		v
-	]), F = s((e) => g ? e : e ?? 0, [g]), [at, ot] = p(_), I = F(T === void 0 ? at : T), [L, R] = p(() => P.format(F(I))), z = Ae ?? C * 10, st = Ve ?? C / 10, B = $e === "cents", V = x === void 0 || x < 0, H = f(!1), ct = () => I === null || I === 0 ? H.current : I < 0, lt = E?.registerControl;
-	l(() => lt?.(), [lt]);
-	let U = s((e, t, n, r) => {
-		let i = a({
-			controlled: T,
-			initial: I,
-			onRequest: (t) => Le?.(t.value, oe(t, P.currency, r ?? P.toMinorUnits(e)))
-		}).request(e, t, n);
-		return i && ot(e), i;
-	}, [
-		I,
-		P,
-		Le,
-		T
-	]), W = s((e, t) => {
-		R(P.format(F(t ? e : I)));
-	}, [
-		I,
-		P,
-		F
-	]), ut = s((e, t) => {
-		let n = P.parse(L);
-		n === null && !g && (n = 0), n !== null && A !== "none" && (n = re(n, x ?? -Infinity, b ?? Infinity)), W(n, U(n, e, t));
-	}, [
-		g,
-		P,
-		b,
-		x,
-		U,
-		A,
-		W,
-		L
-	]), G = s((e, t, n, r, i = P.parse(L)) => {
-		let a = de({
-			value: i,
-			direction: e,
-			step: t,
-			...x === void 0 ? {} : { min: x },
-			...b === void 0 ? {} : { max: b },
-			...w === void 0 ? {} : { stepFrom: w }
-		});
-		return W(a, U(a, n, r)), a;
-	}, [
-		P,
-		b,
-		x,
-		U,
-		W,
-		w,
-		L
-	]);
-	ee(Ee, () => ({
-		increment: () => G(1, C, "programmatic", void 0),
-		decrement: () => G(-1, C, "programmatic", void 0)
-	}), [G, C]), l(() => {
-		let e = O.current?.form;
-		if (e == null) return;
-		let t = () => {
-			ot(_), R(P.format(F(_)));
-		};
-		return e.addEventListener("reset", t), () => e.removeEventListener("reset", t);
-	}, [
-		_,
-		P,
-		F
-	]);
-	let dt = f(L);
-	dt.current = L, l(() => {
-		T !== void 0 && (Object.is(T, P.parse(dt.current)) || R(P.format(F(T))));
-	}, [
-		P,
-		F,
-		T
-	]);
-	let K = f(null);
-	u(() => {
-		let e = K.current;
-		if (e === null) return;
-		K.current = null;
-		let t = O.current;
-		t !== null && t.ownerDocument.activeElement === t && t.setSelectionRange(e, e);
-	});
-	let q = f(!1);
-	u(() => {
-		let e = O.current;
-		if (!q.current || e === null || (q.current = !1, e.ownerDocument.activeElement !== e)) return;
-		let t = e.value.length;
-		for (let n = e.value.length; n > 0; --n) if (P.digitsOf(e.value[n - 1] ?? "") !== "") {
-			t = n;
-			break;
-		}
-		e.setSelectionRange(t, t);
-	}), l(() => {
-		let e = O.current;
-		if (e === null) return;
-		let t = (t) => {
-			if (t.defaultPrevented || t.isComposing || t.inputType.startsWith("delete") || t.inputType === "insertFromPaste" || t.inputType === "insertFromDrop") return;
-			let n = e.selectionStart ?? e.value.length, r = e.selectionEnd ?? e.value.length, i = t.data ?? "", a = e.value.slice(0, n) + i + e.value.slice(r);
-			if (!B) {
-				if (!P.isPartial(a)) {
-					t.preventDefault();
-					return;
-				}
-				if (A !== "strict") return;
-				let e = P.parse(a);
-				if (e === null) return;
-				(x !== void 0 && e < x || b !== void 0 && e > b) && t.preventDefault();
-				return;
-			}
-			if (ge.has(i)) {
-				if (t.preventDefault(), !V) return;
-				let e = i !== "+";
-				if (H.current = e, I === null || I === 0 || I < 0 === e) return;
-				let n = -I;
-				W(n, U(n, "keyboard", t, P.toMinorUnits(n))), q.current = !0;
-				return;
-			}
-			if (P.digitsOf(i).length !== [...i].length) {
-				t.preventDefault();
-				return;
-			}
-			if (P.digitsOf(a).length > ie) {
-				t.preventDefault();
-				return;
-			}
-			if (A !== "strict") return;
-			let o = P.editFromText({
-				text: a,
-				previous: e.value,
-				negative: ct(),
-				allowNegative: V,
-				allowEmpty: g
-			});
-			o.value !== null && (x !== void 0 && o.value < x || b !== void 0 && o.value > b) && t.preventDefault();
-		};
-		return e.addEventListener("beforeinput", t), () => e.removeEventListener("beforeinput", t);
-	}, [
-		g,
-		V,
-		B,
-		I,
-		P,
-		b,
-		x,
-		U,
-		A,
-		W
-	]), l(() => {
-		let e = O.current;
-		if (e === null || !Ke || M === !0 || N === !0) return;
-		let t = (t) => {
-			e.ownerDocument.activeElement === e && t.deltaY !== 0 && (t.preventDefault(), G(t.deltaY < 0 ? 1 : -1, C, "pointer", t));
-		};
-		return e.addEventListener("wheel", t, { passive: !1 }), () => e.removeEventListener("wheel", t);
-	}, [
-		G,
-		M,
-		N,
-		C,
-		Ke
-	]);
-	let J = f({}), Y = s(() => {
-		window.clearTimeout(J.current.delay), window.clearInterval(J.current.interval), J.current = {};
-	}, []);
-	l(() => Y, [Y]);
-	let X = P.parse(L), ft = b !== void 0 && X !== null && X >= b, pt = x !== void 0 && X !== null && X <= x, Z = M === !0 || N === !0, mt = (e) => (t) => {
-		if (t.button !== 0) return;
-		t.preventDefault(), O.current?.focus(), G(e, C, he(t.detail), t), Y();
-		let n = t.pointerType === "touch" ? ce : se;
-		J.current.delay = window.setTimeout(() => {
-			J.current.interval = window.setInterval(() => {
-				G(e, C, "pointer", void 0);
-			}, le);
-		}, n);
-	}, [ht, gt] = p(!1), Q = f(null), _t = {
-		inert: Z,
-		begin: (e, t) => {
-			if (e.button !== 0 || Z) return;
-			e.preventDefault(), O.current?.focus(), e.currentTarget.setPointerCapture?.(e.pointerId);
-			let n = O.current;
-			Q.current = {
-				travel: ue({
-					clientX: e.clientX,
-					...t === void 0 ? {} : { sensitivity: t },
-					rtl: n !== null && getComputedStyle(n).direction === "rtl"
-				}),
-				from: P.parse(L)
-			}, gt(!0);
-		},
-		drag: (e) => {
-			let t = Q.current;
-			if (t === null) return;
-			let n = t.travel.steps(e.clientX);
-			if (n === 0) return;
-			let r = e.shiftKey ? z : e.altKey ? st : C;
-			t.from = G(n > 0 ? 1 : -1, r * Math.abs(n), "pointer", e, t.from);
-		},
-		end: () => {
-			Q.current !== null && (Q.current = null, gt(!1));
-		}
-	}, vt = (e) => {
-		if (Ie?.(e), e.defaultPrevented || Z) return;
-		let t = e.shiftKey ? z : e.altKey ? st : C;
-		switch (e.key) {
-			case "ArrowUp":
-				e.preventDefault(), G(1, t, "keyboard", e);
-				return;
-			case "ArrowDown":
-				e.preventDefault(), G(-1, t, "keyboard", e);
-				return;
-			case "PageUp":
-				e.preventDefault(), G(1, z, "keyboard", e);
-				return;
-			case "PageDown":
-				e.preventDefault(), G(-1, z, "keyboard", e);
-				return;
-			case "Home":
-				if (x === void 0 || e.ctrlKey || e.metaKey) return;
-				e.preventDefault(), W(x, U(x, "keyboard", e));
-				return;
-			case "End":
-				if (b === void 0 || e.ctrlKey || e.metaKey) return;
-				e.preventDefault(), W(b, U(b, "keyboard", e));
-				return;
-			case "Enter":
-				ut("keyboard", e);
-				return;
-		}
-	}, yt = B ? "numeric" : V ? "text" : P.maximumFractionDigits > 0 ? "decimal" : "numeric", $ = (n) => {
-		let r = n === 1 ? "increment" : "decrement";
-		return /* @__PURE__ */ m("button", {
-			"aria-controls": De ?? E?.ids.control,
-			"aria-label": Je(r),
-			"data-part": r,
-			disabled: Z || (n === 1 ? ft : pt),
-			onLostPointerCapture: Y,
-			onPointerCancel: Y,
-			onPointerDown: mt(n),
-			onPointerLeave: Y,
-			onPointerUp: Y,
-			tabIndex: -1,
-			type: "button",
-			children: /* @__PURE__ */ m(t, { children: /* @__PURE__ */ m(e, { name: k === "split" ? n === 1 ? "plus" : "minus" : "chevron-down" }) })
-		}, r);
-	}, bt = /* @__PURE__ */ m("input", {
-		autoComplete: "off",
-		autoCorrect: "off",
-		spellCheck: !1,
-		...qe,
-		"aria-describedby": [o, E?.describedBy].filter(Boolean).join(" ") || void 0,
-		"aria-invalid": c ?? (rt === !0 || void 0),
-		"aria-required": h ?? (E?.required === !0 || void 0),
-		"aria-valuemax": b,
-		"aria-valuemin": x,
-		"aria-valuenow": X ?? void 0,
-		"aria-valuetext": L === "" ? void 0 : L,
-		"data-part": "input",
-		disabled: M,
-		id: De ?? E?.ids.control,
-		inputMode: Oe ?? yt,
-		onBlur: (e) => {
-			Pe?.(e), ut("blur", e);
-		},
-		onChange: (e) => {
-			Fe?.(e);
-			let t = e.currentTarget.value;
-			if (!B) {
-				let n = e.nativeEvent;
-				if (et !== "change" || n.isComposing) {
-					R(t), U(F(P.parse(t)), "keyboard", e);
-					return;
-				}
-				let r = e.currentTarget, i = r.selectionStart ?? t.length, a = n.inputType?.startsWith("delete") === !0 ? P.deleteAcrossSeparator(L, {
-					text: t,
-					caret: i
-				}, n.inputType === "deleteContentForward" ? 1 : -1) : {
-					text: t,
-					caret: i
-				}, o = P.formatWhileTyping(a);
-				r.value !== o.text && (r.value = o.text), r.ownerDocument.activeElement === r && r.setSelectionRange(o.caret, o.caret), R(o.text), K.current = o.caret, U(F(P.parse(o.text)), "keyboard", e);
-				return;
-			}
-			let n = e.nativeEvent.inputType, r = P.editFromText({
-				text: t,
-				previous: L,
-				negative: ct(),
-				allowNegative: V,
-				allowEmpty: g,
-				...n === void 0 ? {} : { inputType: n }
-			});
-			r.value === null ? H.current = !1 : H.current = r.value < 0, q.current = !0, W(r.value, U(r.value, "keyboard", e, r.minorUnits));
-		},
-		onKeyDown: vt,
-		readOnly: N,
-		ref: (e) => {
-			O.current = e, typeof S == "function" ? S(e) : S != null && (S.current = e);
-		},
-		role: "spinbutton",
-		type: "text",
-		value: L
-	}), xt = k === "none" ? null : k === "split" ? [$(-1), $(1)] : [/* @__PURE__ */ te("span", {
-		"data-part": "stepper",
-		children: [$(1), $(-1)]
-	}, "stepper")], St = {
-		children: /* @__PURE__ */ te(me.Provider, {
-			value: _t,
-			children: [
-				k === "split" ? xt?.[0] : null,
-				He === void 0 ? null : /* @__PURE__ */ m("span", {
-					"data-part": "start",
-					children: He
-				}),
-				bt,
-				Se === void 0 ? null : /* @__PURE__ */ m("span", {
-					"data-part": "end",
-					children: Se
-				}),
-				k === "split" ? xt?.[1] : xt,
-				Ne === void 0 ? null : /* @__PURE__ */ m("input", {
-					form: we,
-					name: Ne,
-					type: "hidden",
-					value: F(I) === null ? "" : String(F(I))
-				})
-			]
-		}),
-		className: _e,
-		style: We,
-		...M === !0 ? { "data-disabled": "" } : {},
-		...rt === !0 ? { "data-invalid": "" } : {},
-		...N === !0 ? { "data-readonly": "" } : {},
-		...ht ? { "data-scrubbing": "" } : {},
-		"data-align": Qe,
-		"data-entry": $e,
-		"data-part": "root",
-		"data-size": Xe,
-		"data-stepper": k,
-		"data-ui": "currency-field",
-		"data-variant": Ze
-	};
-	return ze === void 0 ? /* @__PURE__ */ m("div", { ...St }) : ze(St);
-}
-function _e({ "aria-hidden": e = !0, onLostPointerCapture: t, onPointerCancel: n, onPointerDown: r, onPointerMove: i, onPointerUp: a, sensitivity: o, ...s }) {
-	let l = c(me);
-	if (l === null) throw Error("CurrencyFieldScrub belongs in the start or end of a CurrencyField.");
-	let [ee, u] = p(!1), d = (e) => (t) => {
-		e?.(t), u(!1), l.end();
-	};
-	return /* @__PURE__ */ m("span", {
-		...s,
-		"aria-hidden": e,
-		"data-part": "scrub",
-		"data-scrubbing": ee ? "" : void 0,
-		onLostPointerCapture: d(t),
-		onPointerCancel: d(n),
-		onPointerDown: (e) => {
-			r?.(e), !(e.defaultPrevented || l.inert || e.button !== 0) && (l.begin(e, o), u(!0));
-		},
-		onPointerMove: (e) => {
-			i?.(e), l.drag(e);
-		},
-		onPointerUp: d(a)
-	});
-}
-//#endregion
-export { fe as i, _e as n, pe as r, g as t };