@eightshift/ui-components 6.3.0 → 7.1.0

package/dist/Disclosure-NYWFw9RJ.js

@@ -0,0 +1,188 @@
+import { a as $64fa3d84918910a7$export$c62b8e45d58ddad9, d as $5dc95899b306f630$export$c9058316764c140e, g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, h as $b5e257d569688ac6$export$535bd6ca7f90a273, m as $bdb11010cef70236$export$f680877a34711e37, n as $64fa3d84918910a7$export$29f1550f4b0d4415, o as $64fa3d84918910a7$export$df3a06d6289f983e, r as $64fa3d84918910a7$export$4d86445c2cf5e3, t as $64fa3d84918910a7$export$2881499e37b75b9a, u as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B_uiqNa4.js";
+import { v as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useHover-qaMm3XFO.js";
+import { t as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-_2_3GD-K.js";
+import { t as $e9faafb641e167db$export$90fc3a17d93f704c } from "./useEvent-DkZVfgsS.js";
+import { t as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-h6xF_WrP.js";
+import { t as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-DuYL4cdO.js";
+import React, { createContext, forwardRef, useCallback, useContext, useEffect, useRef } from "react";
+import { flushSync } from "react-dom";
+//#region node_modules/@react-aria/disclosure/dist/useDisclosure.mjs
+function $5e910fae8e128ead$export$6e3e27031a30522f(props, state, ref) {
+	let { isDisabled } = props;
+	let triggerId = $bdb11010cef70236$export$f680877a34711e37();
+	let panelId = $bdb11010cef70236$export$f680877a34711e37();
+	let isSSR = $b5e257d569688ac6$export$535bd6ca7f90a273();
+	let raf = useRef(null);
+	$e9faafb641e167db$export$90fc3a17d93f704c(ref, "beforematch", useCallback(() => {
+		raf.current = requestAnimationFrame(() => {
+			if (ref.current) ref.current.setAttribute("hidden", "until-found");
+		});
+		flushSync(() => {
+			state.toggle();
+		});
+	}, [ref, state]));
+	let isExpandedRef = useRef(null);
+	$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+		if (raf.current) cancelAnimationFrame(raf.current);
+		if (ref.current && !isSSR) {
+			let panel = ref.current;
+			if (isExpandedRef.current == null || typeof panel.getAnimations !== "function") if (state.isExpanded) {
+				panel.removeAttribute("hidden");
+				panel.style.setProperty("--disclosure-panel-width", "auto");
+				panel.style.setProperty("--disclosure-panel-height", "auto");
+			} else {
+				panel.setAttribute("hidden", "until-found");
+				panel.style.setProperty("--disclosure-panel-width", "0px");
+				panel.style.setProperty("--disclosure-panel-height", "0px");
+			}
+			else if (state.isExpanded !== isExpandedRef.current) if (state.isExpanded) {
+				panel.removeAttribute("hidden");
+				panel.style.setProperty("--disclosure-panel-width", panel.scrollWidth + "px");
+				panel.style.setProperty("--disclosure-panel-height", panel.scrollHeight + "px");
+				Promise.all(panel.getAnimations().map((a) => a.finished)).then(() => {
+					panel.style.setProperty("--disclosure-panel-width", "auto");
+					panel.style.setProperty("--disclosure-panel-height", "auto");
+				}).catch(() => {});
+			} else {
+				panel.style.setProperty("--disclosure-panel-width", panel.scrollWidth + "px");
+				panel.style.setProperty("--disclosure-panel-height", panel.scrollHeight + "px");
+				window.getComputedStyle(panel).height;
+				panel.style.setProperty("--disclosure-panel-width", "0px");
+				panel.style.setProperty("--disclosure-panel-height", "0px");
+				Promise.all(panel.getAnimations().map((a) => a.finished)).then(() => panel.setAttribute("hidden", "until-found")).catch(() => {});
+			}
+			isExpandedRef.current = state.isExpanded;
+		}
+	}, [
+		isDisabled,
+		ref,
+		state.isExpanded,
+		isSSR
+	]);
+	useEffect(() => {
+		return () => {
+			if (raf.current) cancelAnimationFrame(raf.current);
+		};
+	}, []);
+	return {
+		buttonProps: {
+			id: triggerId,
+			"aria-expanded": state.isExpanded,
+			"aria-controls": panelId,
+			onPress: (e) => {
+				if (!isDisabled && e.pointerType !== "keyboard") state.toggle();
+			},
+			isDisabled,
+			onPressStart(e) {
+				if (e.pointerType === "keyboard" && !isDisabled) state.toggle();
+			}
+		},
+		panelProps: {
+			id: panelId,
+			role: "group",
+			"aria-labelledby": triggerId,
+			"aria-hidden": !state.isExpanded,
+			hidden: isSSR ? !state.isExpanded : void 0
+		}
+	};
+}
+//#endregion
+//#region node_modules/@react-stately/disclosure/dist/useDisclosureState.mjs
+function $bf996d45f4a36925$export$3fcbf6e4407997e0(props) {
+	let [isExpanded, setExpanded] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isExpanded, props.defaultExpanded || false, props.onExpandedChange);
+	return {
+		isExpanded,
+		setExpanded,
+		expand: useCallback(() => {
+			setExpanded(true);
+		}, [setExpanded]),
+		collapse: useCallback(() => {
+			setExpanded(false);
+		}, [setExpanded]),
+		toggle: useCallback(() => {
+			setExpanded(!isExpanded);
+		}, [setExpanded, isExpanded])
+	};
+}
+//#endregion
+//#region node_modules/react-aria-components/dist/Disclosure.mjs
+var $28f4fd908f0de97f$export$1d40e3e0cc4d5de = createContext(null);
+var $28f4fd908f0de97f$export$d665dd135a51b28a = createContext(null);
+var $28f4fd908f0de97f$export$dab3ea4a6ef094da = createContext(null);
+var $28f4fd908f0de97f$var$InternalDisclosureContext = createContext(null);
+var $28f4fd908f0de97f$export$74a362b31437ec83 = forwardRef(function Disclosure(props, ref) {
+	[props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);
+	let groupState = useContext($28f4fd908f0de97f$export$1d40e3e0cc4d5de);
+	let { id, ...otherProps } = props;
+	let defaultId = $bdb11010cef70236$export$f680877a34711e37();
+	id || (id = defaultId);
+	let isExpanded = groupState ? groupState.expandedKeys.has(id) : props.isExpanded;
+	let state = $bf996d45f4a36925$export$3fcbf6e4407997e0({
+		...props,
+		isExpanded,
+		onExpandedChange(isExpanded) {
+			var _props_onExpandedChange;
+			if (groupState) groupState.toggleKey(id);
+			(_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 || _props_onExpandedChange.call(props, isExpanded);
+		}
+	});
+	let panelRef = React.useRef(null);
+	let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;
+	let { buttonProps, panelProps } = $5e910fae8e128ead$export$6e3e27031a30522f({
+		...props,
+		isExpanded,
+		isDisabled
+	}, state, panelRef);
+	let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: true });
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		id: void 0,
+		defaultClassName: "react-aria-Disclosure",
+		values: {
+			isExpanded: state.isExpanded,
+			isDisabled,
+			isFocusVisibleWithin,
+			state
+		}
+	});
+	let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(otherProps, { global: true });
+	return React.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [
+		[$d2b4bc8c273e7be6$export$24d547caef80ccd1, { slots: {
+			[$64fa3d84918910a7$export$c62b8e45d58ddad9]: {},
+			trigger: buttonProps
+		} }],
+		[$28f4fd908f0de97f$var$InternalDisclosureContext, {
+			panelProps,
+			panelRef
+		}],
+		[$28f4fd908f0de97f$export$dab3ea4a6ef094da, state]
+	] }, React.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, renderProps, focusWithinProps),
+		ref,
+		"data-expanded": state.isExpanded || void 0,
+		"data-disabled": isDisabled || void 0,
+		"data-focus-visible-within": isFocusVisibleWithin || void 0
+	}, renderProps.children));
+});
+var $28f4fd908f0de97f$export$feabaa331e1d464c = forwardRef(function DisclosurePanel(props, ref) {
+	let { role = "group" } = props;
+	let { panelProps, panelRef } = useContext($28f4fd908f0de97f$var$InternalDisclosureContext);
+	let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({ within: true });
+	let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
+		...props,
+		defaultClassName: "react-aria-DisclosurePanel",
+		values: { isFocusVisibleWithin }
+	});
+	let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+		global: true,
+		labelable: true
+	});
+	return React.createElement($64fa3d84918910a7$export$df3a06d6289f983e.div, {
+		...$3ef42575df84b30b$export$9d1611c77c2fe928(DOMProps, renderProps, panelProps, focusWithinProps),
+		ref: $5dc95899b306f630$export$c9058316764c140e(ref, panelRef),
+		role,
+		"data-focus-visible-within": isFocusVisibleWithin || void 0
+	}, React.createElement($64fa3d84918910a7$export$2881499e37b75b9a, { values: [[$d2b4bc8c273e7be6$export$24d547caef80ccd1, null]] }, props.children));
+});
+//#endregion
+export { $28f4fd908f0de97f$export$feabaa331e1d464c as n, $28f4fd908f0de97f$export$74a362b31437ec83 as t };

package/dist/FieldError-BWDbP5Db.js

@@ -0,0 +1,213 @@
+import { g as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c } from "./utils-B_uiqNa4.js";
+import { H as $d4ee10de306f2510$export$e58f029f0fbfdb29, l as $507fabe10e71c6fb$export$8397ddfc504fdb9a, w as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./useHover-qaMm3XFO.js";
+import React, { createContext, forwardRef, useContext, useEffect, useMemo, useRef, useState } from "react";
+//#region node_modules/@react-stately/form/dist/useFormValidationState.mjs
+var $e5be200c675c3b3a$export$aca958c65c314e6c = {
+	badInput: false,
+	customError: false,
+	patternMismatch: false,
+	rangeOverflow: false,
+	rangeUnderflow: false,
+	stepMismatch: false,
+	tooLong: false,
+	tooShort: false,
+	typeMismatch: false,
+	valueMissing: false,
+	valid: true
+};
+var $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE = {
+	...$e5be200c675c3b3a$export$aca958c65c314e6c,
+	customError: true,
+	valid: false
+};
+var $e5be200c675c3b3a$export$dad6ae84456c676a = {
+	isInvalid: false,
+	validationDetails: $e5be200c675c3b3a$export$aca958c65c314e6c,
+	validationErrors: []
+};
+var $e5be200c675c3b3a$export$571b5131b7e65c11 = createContext({});
+var $e5be200c675c3b3a$export$a763b9476acd3eb = "__formValidationState" + Date.now();
+function $e5be200c675c3b3a$export$fc1a364ae1f3ff10(props) {
+	if (props[$e5be200c675c3b3a$export$a763b9476acd3eb]) {
+		let { realtimeValidation, displayValidation, updateValidation, resetValidation, commitValidation } = props[$e5be200c675c3b3a$export$a763b9476acd3eb];
+		return {
+			realtimeValidation,
+			displayValidation,
+			updateValidation,
+			resetValidation,
+			commitValidation
+		};
+	}
+	return $e5be200c675c3b3a$var$useFormValidationStateImpl(props);
+}
+function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
+	let { isInvalid, validationState, name, value, builtinValidation, validate, validationBehavior = "aria" } = props;
+	if (validationState) isInvalid || (isInvalid = validationState === "invalid");
+	let controlledError = isInvalid !== void 0 ? {
+		isInvalid,
+		validationErrors: [],
+		validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
+	} : null;
+	let clientError = useMemo(() => {
+		if (!validate || value == null) return null;
+		return $e5be200c675c3b3a$var$getValidationResult($e5be200c675c3b3a$var$runValidate(validate, value));
+	}, [validate, value]);
+	if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = void 0;
+	let serverErrors = useContext($e5be200c675c3b3a$export$571b5131b7e65c11);
+	let serverErrorMessages = useMemo(() => {
+		if (name) return Array.isArray(name) ? name.flatMap((name) => $e5be200c675c3b3a$var$asArray(serverErrors[name])) : $e5be200c675c3b3a$var$asArray(serverErrors[name]);
+		return [];
+	}, [serverErrors, name]);
+	let [lastServerErrors, setLastServerErrors] = useState(serverErrors);
+	let [isServerErrorCleared, setServerErrorCleared] = useState(false);
+	if (serverErrors !== lastServerErrors) {
+		setLastServerErrors(serverErrors);
+		setServerErrorCleared(false);
+	}
+	let serverError = useMemo(() => $e5be200c675c3b3a$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [isServerErrorCleared, serverErrorMessages]);
+	let nextValidation = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
+	let [currentValidity, setCurrentValidity] = useState($e5be200c675c3b3a$export$dad6ae84456c676a);
+	let lastError = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
+	let commitValidation = () => {
+		if (!commitQueued) return;
+		setCommitQueued(false);
+		let error = clientError || builtinValidation || nextValidation.current;
+		if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
+			lastError.current = error;
+			setCurrentValidity(error);
+		}
+	};
+	let [commitQueued, setCommitQueued] = useState(false);
+	useEffect(commitValidation);
+	return {
+		realtimeValidation: controlledError || serverError || clientError || builtinValidation || $e5be200c675c3b3a$export$dad6ae84456c676a,
+		displayValidation: validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity,
+		updateValidation(value) {
+			if (validationBehavior === "aria" && !$e5be200c675c3b3a$var$isEqualValidation(currentValidity, value)) setCurrentValidity(value);
+			else nextValidation.current = value;
+		},
+		resetValidation() {
+			let error = $e5be200c675c3b3a$export$dad6ae84456c676a;
+			if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
+				lastError.current = error;
+				setCurrentValidity(error);
+			}
+			if (validationBehavior === "native") setCommitQueued(false);
+			setServerErrorCleared(true);
+		},
+		commitValidation() {
+			if (validationBehavior === "native") setCommitQueued(true);
+			setServerErrorCleared(true);
+		}
+	};
+}
+function $e5be200c675c3b3a$var$asArray(v) {
+	if (!v) return [];
+	return Array.isArray(v) ? v : [v];
+}
+function $e5be200c675c3b3a$var$runValidate(validate, value) {
+	if (typeof validate === "function") {
+		let e = validate(value);
+		if (e && typeof e !== "boolean") return $e5be200c675c3b3a$var$asArray(e);
+	}
+	return [];
+}
+function $e5be200c675c3b3a$var$getValidationResult(errors) {
+	return errors.length ? {
+		isInvalid: true,
+		validationErrors: errors,
+		validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
+	} : null;
+}
+function $e5be200c675c3b3a$var$isEqualValidation(a, b) {
+	if (a === b) return true;
+	return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a, i) => a === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
+}
+//#endregion
+//#region node_modules/@react-aria/form/dist/useFormValidation.mjs
+function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
+	let { validationBehavior, focus } = props;
+	$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+		if (validationBehavior === "native" && (ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.disabled) {
+			let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
+			ref.current.setCustomValidity(errorMessage);
+			if (!ref.current.hasAttribute("title")) ref.current.title = "";
+			if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
+		}
+	});
+	let isIgnoredReset = useRef(false);
+	let onReset = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+		if (!isIgnoredReset.current) state.resetValidation();
+	});
+	let onInvalid = $8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+		var _ref_current;
+		if (!state.displayValidation.isInvalid) state.commitValidation();
+		let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+		if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
+			var _ref_current1;
+			if (focus) focus();
+			else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 || _ref_current1.focus();
+			$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard");
+		}
+		e.preventDefault();
+	});
+	let onChange = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+		state.commitValidation();
+	});
+	useEffect(() => {
+		let input = ref === null || ref === void 0 ? void 0 : ref.current;
+		if (!input) return;
+		let form = input.form;
+		let reset = form === null || form === void 0 ? void 0 : form.reset;
+		if (form) form.reset = () => {
+			isIgnoredReset.current = !window.event || window.event.type === "message" && $d4ee10de306f2510$export$e58f029f0fbfdb29(window.event) instanceof MessagePort;
+			reset === null || reset === void 0 || reset.call(form);
+			isIgnoredReset.current = false;
+		};
+		input.addEventListener("invalid", onInvalid);
+		input.addEventListener("change", onChange);
+		form === null || form === void 0 || form.addEventListener("reset", onReset);
+		return () => {
+			input.removeEventListener("invalid", onInvalid);
+			input.removeEventListener("change", onChange);
+			form === null || form === void 0 || form.removeEventListener("reset", onReset);
+			if (form) form.reset = reset;
+		};
+	}, [ref, validationBehavior]);
+}
+function $e93e671b31057976$var$getValidity(input) {
+	let validity = input.validity;
+	return {
+		badInput: validity.badInput,
+		customError: validity.customError,
+		patternMismatch: validity.patternMismatch,
+		rangeOverflow: validity.rangeOverflow,
+		rangeUnderflow: validity.rangeUnderflow,
+		stepMismatch: validity.stepMismatch,
+		tooLong: validity.tooLong,
+		tooShort: validity.tooShort,
+		typeMismatch: validity.typeMismatch,
+		valueMissing: validity.valueMissing,
+		valid: validity.valid
+	};
+}
+function $e93e671b31057976$var$getNativeValidity(input) {
+	return {
+		isInvalid: !input.validity.valid,
+		validationDetails: $e93e671b31057976$var$getValidity(input),
+		validationErrors: input.validationMessage ? [input.validationMessage] : []
+	};
+}
+function $e93e671b31057976$var$getFirstInvalidInput(form) {
+	for (let i = 0; i < form.elements.length; i++) {
+		var _element_validity;
+		let element = form.elements[i];
+		if (((_element_validity = element.validity) === null || _element_validity === void 0 ? void 0 : _element_validity.valid) === false) return element;
+	}
+	return null;
+}
+//#endregion
+//#region node_modules/react-aria-components/dist/FieldError.mjs
+var $ee014567cb39d3f0$export$ff05c3ac10437e03 = createContext(null);
+//#endregion
+export { $e5be200c675c3b3a$export$fc1a364ae1f3ff10 as a, $e5be200c675c3b3a$export$dad6ae84456c676a as i, $e93e671b31057976$export$b8473d3665f3a75a as n, $e5be200c675c3b3a$export$a763b9476acd3eb as r, $ee014567cb39d3f0$export$ff05c3ac10437e03 as t };