@iress-oss/ids-components 6.2.2 → 6.4.0

package/dist/Autocomplete-CzdfUGYJ.js

@@ -1,326 +0,0 @@
-import { t as e } from "./cx-QcEwjve6.js";
-import { GlobalCSSClass as t } from "./enums.js";
-import { idsLogger as n } from "./helpers/utility/idsLogger.js";
-import { IressIcon as r } from "./components/Icon/Icon.js";
-import { IressText as i } from "./components/Text/Text.js";
-import { propagateTestid as a } from "./helpers/utility/propagateTestid.js";
-import { IressSpinner as o } from "./components/Spinner/Spinner.js";
-import { toArray as s } from "./helpers/formatting/toArray.js";
-import { useControlledState as ee } from "./hooks/useControlledState.js";
-import { useResponsiveProps as te } from "./hooks/useResponsiveProps.js";
-import { IressPopover as ne } from "./components/Popover/Popover.js";
-import { IressInputPopover as re } from "./components/Popover/InputPopover/InputPopover.js";
-import { IressAlert as ie } from "./components/Alert/Alert.js";
-import { autoComplete as c } from "./components/Autocomplete/Autocomplete.styles.js";
-import { getFormControlValueAsStringIfDefined as ae } from "./helpers/form/getFormControlValueAsStringIfDefined.js";
-import { useNoDefaultValueInForms as oe } from "./patterns/Form/hooks/useNoDefaultValueInForms.js";
-import { IressReadonly as se } from "./components/Readonly/Readonly.js";
-import { IressInput as l } from "./components/Input/Input.js";
-import { getValueAsEvent as ce } from "./helpers/form/getValueAsEvent.js";
-import { t as le } from "./useAutocompleteSearch-BYzUn7Ag.js";
-import { AutocompleteInstructions as u } from "./components/Autocomplete/components/AutocompleteInstructions.js";
-import { select as ue } from "./components/Select/Select.styles.js";
-import { IressInline as d } from "./components/Inline/Inline.js";
-import { SelectActivator as de } from "./components/Select/components/SelectActivator.js";
-import { IressSelectMenu as f } from "./components/Select/SelectMenu/SelectMenu.js";
-import { SelectOptions as p } from "./components/Select/components/SelectOptions.js";
-import { SelectHiddenInput as fe } from "./components/Select/components/SelectHiddenInput.js";
-import { NativeSelect as pe } from "./components/Select/components/NativeSelect.js";
-import { useSelectState as me } from "./components/Select/hooks/useSelectState.js";
-import { forwardRef as m, useCallback as he, useEffect as h, useImperativeHandle as ge, useMemo as g, useRef as _, useState as v } from "react";
-import { Fragment as _e, jsx as y, jsxs as b } from "react/jsx-runtime";
-//#region src/components/Select/Select.tsx
-var x = (e) => typeof e == "object" && !!e && "label" in e, S = (e, t) => {
-	for (let n of t) if (n.children) {
-		let t = S(e, n.children);
-		if (t) return t;
-	} else if (n.value !== void 0 && n.value === e) return n;
-}, C = (e, t) => {
-	if (x(e)) return e;
-	if (typeof t != "function") return S(e, t) ?? (typeof e == "number" ? S(String(e), t) : void 0);
-}, w = (e, t) => {
-	if (e !== void 0) {
-		if (Array.isArray(e)) {
-			let r = e, i = r.map((e) => C(e, t)).filter((e) => e !== void 0);
-			return i.length < r.length && typeof t != "function" && n(`IressSelect: ${r.length - i.length} value(s) could not be resolved to matching options and were dropped.`, "warn"), i;
-		}
-		return C(e, t);
-	}
-}, T = m(({ align: r = "bottom-start", autoHighlight: i = !0, className: a, defaultValue: o, disabled: s, errorText: ee, footer: re, header: ie, id: c, matchActivatorWidth: ae = !0, multiSelect: l, multiSelectLimit: ce, name: u, onChange: d, onBlur: f, options: m, native: S, placeholder: C, readOnly: T, renderHiddenInput: E, renderLabel: ve, renderOptions: ye, required: D, type: O, value: k, virtualFocus: A, width: j, ...M }, N) => {
-	oe({
-		component: "IressSelect",
-		defaultValue: o
-	});
-	let [P, F] = v(!1), I = P && !s, [L, be] = v(""), R = g(() => w(k, m), [k, m]), z = g(() => w(o, m), [o, m]);
-	h(() => {
-		k !== void 0 && !x(k) && R === void 0 && typeof m == "function" && n("IressSelect: A primitive value was passed but cannot be resolved because options are asynchronous. Pass a LabelValueMeta object instead when using async options, otherwise the component will behave as uncontrolled.", "warn");
-	}, [
-		k,
-		R,
-		m
-	]);
-	let { value: B, setValue: V, getValuesString: H, getLabelsString: xe } = me({
-		component: "IressSelect",
-		defaultValue: z,
-		multiple: l,
-		value: R
-	}), U = _(null), W = _(null), G = _(null), { value: K } = te(typeof S == "string" ? {
-		xs: !0,
-		[S]: !1
-	} : { xs: S }, { disabled: !S }), { append: Se, container: q, debounceThreshold: Ce, initialOptions: J, loadingDelay: Y, minSearchLength: we, onActivated: Te, onDeactivated: Ee, prepend: De, selectedOptionsText: Oe, ...X } = M, { debouncedQuery: ke, error: Ae, results: je, stopSearch: Me, loading: Z, shouldShowInstructions: Ne, shouldShowNoResults: Pe } = le({
-		debounceThreshold: Ce,
-		disabled: !P || !!K,
-		initialOptions: J,
-		loadingDelay: Y,
-		minSearchLength: we,
-		options: m,
-		query: L
-	});
-	ge(N, () => K ? {
-		focus: () => W.current?.focus(),
-		blur: () => W.current?.blur(),
-		input: W.current ?? null
-	} : U.current ? {
-		...U.current,
-		focus: () => U.current?.getActivator()?.focus(),
-		blur: () => U.current?.getActivator()?.blur(),
-		hiddenInput: G.current ?? void 0,
-		input: G.current ?? null
-	} : {
-		hiddenInput: G.current ?? void 0,
-		input: G.current ?? null,
-		focus: () => G.current?.focus(),
-		blur: () => G.current?.blur()
-	}, [K]), h(() => {
-		P ? Te?.() : Ee?.();
-	}, [
-		Te,
-		Ee,
-		P
-	]);
-	let Fe = he((e) => {
-		if (!f) return;
-		let t = e.currentTarget, n = e.relatedTarget;
-		!P && (!n || !t.contains(n)) && f(e), e.stopPropagation();
-	}, [f, P]);
-	if (T) return /* @__PURE__ */ y(se, {
-		value: H(),
-		ref: G,
-		variant: T,
-		name: u,
-		disabled: s,
-		required: D,
-		children: xe(", ")
-	});
-	if (K) {
-		if (m instanceof Function) throw Error("[IressSelect] The native select does not support asynchronous options. Please provide options as an array.");
-		if (l) throw Error("[IressSelect] The native select does not support multiple selection. Please remove the multiSelect prop or use the non-native select.");
-		return /* @__PURE__ */ y(pe, {
-			className: e(a, t.Select),
-			"data-testid": X["data-testid"],
-			disabled: s,
-			id: c,
-			name: u,
-			onChange: (e, t) => {
-				d?.(e, t?.value ?? null, t), V(t);
-			},
-			options: m,
-			placeholder: typeof S == "string" ? C ?? "" : C,
-			style: X.style,
-			value: B,
-			width: j,
-			ref: W
-		});
-	}
-	let Q = typeof m == "function", Ie = A ?? !Q, Le = O ?? (Q ? void 0 : "listbox"), $ = ue({ width: j }), Re = () => {
-		F(!0);
-	}, ze = () => {
-		F(!1), Me();
-	};
-	return /* @__PURE__ */ b(_e, { children: [/* @__PURE__ */ y(fe, {
-		"data-testid": X["data-testid"],
-		getValuesString: H,
-		name: u,
-		renderHiddenInput: E,
-		required: D,
-		value: B,
-		disabled: s,
-		ref: G
-	}), /* @__PURE__ */ y(ne, {
-		...X,
-		activator: /* @__PURE__ */ y(de, {
-			append: Se,
-			async: Q,
-			disabled: s,
-			error: Ae,
-			id: c,
-			loading: Z,
-			multiSelect: l,
-			multiSelectLimit: ce,
-			onChange: d,
-			placeholder: C,
-			popoverContainer: q,
-			prepend: De,
-			renderLabel: ve,
-			selectedOptionsText: Oe,
-			setValue: V,
-			setShow: F,
-			show: P,
-			value: B
-		}),
-		align: r,
-		className: e(a, $.root, t.Select),
-		container: q,
-		contentClassName: e($.popoverContent),
-		contentStyle: {
-			...X.contentStyle,
-			p: "none"
-		},
-		matchActivatorWidth: ae,
-		onActivated: Re,
-		onDeactivated: ze,
-		ref: U,
-		show: I,
-		type: Le,
-		virtualFocus: Ie,
-		onBlur: Fe,
-		children: /* @__PURE__ */ b("div", {
-			className: $.wrapper,
-			children: [
-				ie,
-				/* @__PURE__ */ y(p, {
-					autoHighlight: i,
-					debouncedQuery: ke,
-					error: Ae,
-					errorText: ee,
-					initialOptions: J,
-					loading: Z,
-					minSearchLength: we,
-					multiSelect: l,
-					onChange: d,
-					options: m,
-					query: L,
-					renderOptions: ye,
-					results: je,
-					setQuery: be,
-					setShow: F,
-					setValue: V,
-					shouldShowInstructions: Ne,
-					shouldShowNoResults: Pe,
-					show: I,
-					value: B
-				}),
-				re
-			]
-		})
-	})] });
-});
-T.displayName = "IressSelect";
-//#endregion
-//#region src/components/Autocomplete/Autocomplete.tsx
-var E = m(({ alwaysShowOnFocus: n, append: te = /* @__PURE__ */ y(r, { name: "search" }), autoComplete: ne = "off", autoSelect: oe = !0, className: ue, clearable: de = !0, "data-testid": p, debounceThreshold: fe, defaultValue: pe, errorText: me = /* @__PURE__ */ y(ie, {
-	status: "danger",
-	mb: "none",
-	variant: "full-width",
-	children: "An unknown error occurred. Please contact support if the error persists."
-}), initialOptions: m, loadingDelay: he, limitDesktop: ge = 12, limitMobile: g = 6, minSearchLength: _, noResultsText: x, onChange: S, onClear: C, onFocus: w, options: T, popoverProps: { autoHighlight: E = !1, append: ve, prepend: ye, ...D } = {}, readOnly: O, value: k, ...A }, j) => {
-	let [M, N] = v(!1), { value: P, setValue: F } = ee({
-		component: "IressAutocomplete",
-		defaultValue: pe,
-		value: k
-	}), [I, L] = v(!1), { clearError: be, debouncedQuery: R, error: z, loading: B, results: V, startSearch: H, stopSearch: xe, shouldShowInstructions: U, shouldShowNoResults: W } = le({
-		debounceThreshold: fe,
-		initialOptions: m,
-		loadingDelay: he,
-		minSearchLength: _,
-		options: T,
-		query: ae(P)
-	});
-	if (h(() => {
-		I && !M && V.length > 0 && P && N(!0);
-	}, [
-		V.length,
-		M,
-		I,
-		P
-	]), h(() => {
-		B && I && N(!0);
-	}, [B, I]), h(() => {
-		z && N(!0);
-	}, [z]), O) return /* @__PURE__ */ y(se, {
-		value: P,
-		variant: O
-	});
-	let G = (e, t) => {
-		S?.(e, t), F(t), L(!!t);
-	}, K = (e) => {
-		C?.(e), F("");
-	}, Se = (e) => {
-		w?.(e), m?.length && N(!0);
-	}, q = (e) => {
-		let t = s(e)?.[0];
-		S?.(ce(t?.label), t?.label, t), F(t?.label), N(!1), L(!1);
-	}, Ce = () => {
-		(!n || !P) && xe(), be(), N(!1), P && L(!1);
-	}, J = (e) => {
-		A.onKeyDown?.(e), e.key === "ArrowDown" && (!M || !I) && (V.length || H(!0), L(!0), N(!0));
-	}, Y = c({ isEmpty: V.length === 0 && !B && !z && !U && !W });
-	return /* @__PURE__ */ b(re, {
-		...D,
-		activator: /* @__PURE__ */ y(l, {
-			...A,
-			append: te,
-			autoComplete: ne,
-			clearable: de,
-			"data-testid": a(p, "input"),
-			onChange: G,
-			onClear: K,
-			onFocus: Se,
-			onKeyDown: J,
-			value: P,
-			ref: j
-		}),
-		autoHighlight: E,
-		className: e(ue, D.className, Y.root, t.Autocomplete),
-		contentClassName: e(D.contentClassName, Y.popoverContent),
-		contentStyle: D.contentStyle,
-		"data-testid": p,
-		minLength: 0,
-		onActivated: () => (I || n) && N(!0),
-		onDeactivated: Ce,
-		show: M,
-		type: "listbox",
-		focusStartIndex: 0,
-		children: [
-			B && !V.length && /* @__PURE__ */ b(d, {
-				gap: "sm",
-				verticalAlign: "middle",
-				p: "spacing.3",
-				children: [/* @__PURE__ */ y(o, { color: "colour.neutral.70" }), /* @__PURE__ */ y(i, {
-					color: "colour.neutral.70",
-					children: "Loading results..."
-				})]
-			}),
-			V.length > 0 && /* @__PURE__ */ b(_e, { children: [
-				ye,
-				/* @__PURE__ */ y(f, {
-					changeOnBlur: oe,
-					className: e(Y.optionList),
-					"data-testid": a(p, "menu"),
-					items: V,
-					limitDesktop: ge,
-					limitMobile: g,
-					onChange: q,
-					selected: { label: R }
-				}),
-				ve
-			] }),
-			z && me,
-			U && !z && /* @__PURE__ */ y(u, { minSearchLength: _ ?? 1 }),
-			W && !z && x
-		]
-	});
-});
-E.displayName = "IressAutocomplete";
-//#endregion
-export { T as n, E as t };

package/dist/Slideout-BOH2gwIN.js

@@ -1,194 +0,0 @@
-import { t as e } from "./cx-QcEwjve6.js";
-import { n as t } from "./is-valid-prop-BVyYPT21.js";
-import { GlobalCSSClass as n } from "./enums.js";
-import { idsLogger as r } from "./helpers/utility/idsLogger.js";
-import { IressText as i } from "./components/Text/Text.js";
-import { propagateTestid as a } from "./helpers/utility/propagateTestid.js";
-import { useIdIfNeeded as o } from "./hooks/useIdIfNeeded.js";
-import { b as s, d as c, g as l, s as u, u as d, y as f } from "./floating-ui.react-TDMXDOBr.js";
-import { getTransitionDuration as p } from "./helpers/transition/getTransitionDuration.js";
-import { slideout as m } from "./components/Slideout/Slideout.styles.js";
-import { SlideoutInner as ee } from "./components/Slideout/components/SlideoutInner.js";
-import { usePushElement as te } from "./components/Slideout/hooks/usePushElement.js";
-import { useProviderSlideout as ne } from "./components/Slideout/hooks/useProviderSlideout.js";
-import { useCallback as h, useEffect as g, useMemo as _, useRef as v, useState as y } from "react";
-import { jsx as b } from "react/jsx-runtime";
-//#region ../../node_modules/query-selector-shadow-dom/src/normalize.js
-/* istanbul ignore file */
-function x(e) {
-	function t() {
-		i && (n.length > 0 && /^[~+>]$/.test(n[n.length - 1]) && n.push(" "), n.push(i));
-	}
-	var n = [], r, i, a, o = [0], s = 0, c, l = /(?:[^\\]|(?:^|[^\\])(?:\\\\)+)$/, u = /^\s+$/, d = [
-		/\s+|\/\*|["'>~+[(]/g,
-		/\s+|\/\*|["'[\]()]/g,
-		/\s+|\/\*|["'[\]()]/g,
-		null,
-		/\*\//g
-	];
-	for (e = e.trim();;) if (i = "", a = d[o[o.length - 1]], a.lastIndex = s, r = a.exec(e), r) if (c = s, s = a.lastIndex, c < s - r[0].length && (i = e.substring(c, s - r[0].length)), o[o.length - 1] < 3) {
-		if (t(), r[0] === "[") o.push(1);
-		else if (r[0] === "(") o.push(2);
-		else if (/^["']$/.test(r[0])) o.push(3), d[3] = new RegExp(r[0], "g");
-		else if (r[0] === "/*") o.push(4);
-		else if (/^[\])]$/.test(r[0]) && o.length > 0) o.pop();
-		else if (/^(?:\s+|[~+>])$/.test(r[0]) && (n.length > 0 && !u.test(n[n.length - 1]) && o[o.length - 1] === 0 && n.push(" "), o[o.length - 1] === 1 && n.length === 5 && n[2].charAt(n[2].length - 1) === "=" && (n[4] = " " + n[4]), u.test(r[0]))) continue;
-		n.push(r[0]);
-	} else n[n.length - 1] += i, l.test(n[n.length - 1]) && (o[o.length - 1] === 4 && (n.length < 2 || u.test(n[n.length - 2]) ? n.pop() : n[n.length - 1] = " ", r[0] = ""), o.pop()), n[n.length - 1] += r[0];
-	else {
-		i = e.substr(s), t();
-		break;
-	}
-	return n.join("").trim();
-}
-//#endregion
-//#region ../../node_modules/query-selector-shadow-dom/src/querySelectorDeep.js
-function S(e, t = document, n = null) {
-	return C(e, !1, t, n);
-}
-function C(e, t, n, r = null) {
-	e = x(e);
-	let i = n.querySelector(e);
-	return document.head.createShadowRoot || document.head.attachShadow ? !t && i ? i : T(e, ",").reduce((e, i) => {
-		if (!t && e) return e;
-		let a = T(i.replace(/^\s+/g, "").replace(/\s*([>+~]+)\s*/g, "$1"), " ").filter((e) => !!e).map((e) => T(e, ">")), o = a.length - 1, s = a[o][a[o].length - 1], c = O(s, n, r), l = w(a, o, n);
-		return t ? (e = e.concat(c.filter(l)), e) : (e = c.find(l), e || null);
-	}, t ? [] : null) : t ? n.querySelectorAll(e) : i;
-}
-function w(e, t, n) {
-	return (r) => {
-		let i = t, a = r, o = !1;
-		for (; a && !E(a);) {
-			let t = !0;
-			if (e[i].length === 1) t = a.matches(e[i]);
-			else {
-				let r = [].concat(e[i]).reverse(), o = a;
-				for (let e of r) {
-					if (!o || !o.matches(e)) {
-						t = !1;
-						break;
-					}
-					o = D(o, n);
-				}
-			}
-			if (t && i === 0) {
-				o = !0;
-				break;
-			}
-			t && i--, a = D(a, n);
-		}
-		return o;
-	};
-}
-function T(e, t) {
-	return e.match(/\\?.|^$/g).reduce((e, n) => (n === "\"" && !e.sQuote ? (e.quote ^= 1, e.a[e.a.length - 1] += n) : n === "'" && !e.quote ? (e.sQuote ^= 1, e.a[e.a.length - 1] += n) : !e.quote && !e.sQuote && n === t ? e.a.push("") : e.a[e.a.length - 1] += n, e), { a: [""] }).a;
-}
-function E(e) {
-	return e.nodeType === Node.DOCUMENT_FRAGMENT_NODE || e.nodeType === Node.DOCUMENT_NODE;
-}
-function D(e, t) {
-	let n = e.parentNode;
-	return n && n.host && n.nodeType === 11 ? n.host : n === t ? null : n;
-}
-function O(e = null, t, n = null) {
-	let r = [];
-	if (n) r = n;
-	else {
-		let e = function(t) {
-			for (let n = 0; n < t.length; n++) {
-				let i = t[n];
-				r.push(i), i.shadowRoot && e(i.shadowRoot.querySelectorAll("*"));
-			}
-		};
-		t.shadowRoot && e(t.shadowRoot.querySelectorAll("*")), e(t.querySelectorAll("*"));
-	}
-	return e ? r.filter((t) => t.matches(e)) : r;
-}
-//#endregion
-//#region src/components/Slideout/Slideout.tsx
-var k = ({ children: x, className: C, closeText: w = "Close", container: T, "data-testid": E, defaultShow: D = !1, eleToPush: O, footer: k, heading: A, mode: j = "overlay", onEntered: M, onExited: N, onShowChange: P, onStatus: F, onTransitionEnd: I, position: L = "right", show: R, size: z = "sm", style: re, ...B }) => {
-	let [V, H] = y(D), U = 240, W = v(null), G = ne(B.id), K = o({ id: B.id }), q = `${K}--heading`, J = G.opened || R || V, Y = (e, t, n) => {
-		G?.show?.(e), H(e), P?.(e, n);
-	}, { context: X } = c({
-		open: J,
-		onOpenChange: Y
-	}), ie = l([d(X, {
-		enabled: !0,
-		outsidePress: !1
-	}), f(X)]);
-	X.refs.floating.current && (U = p(X.refs.floating.current, 1.2, 240));
-	let { isMounted: ae, status: Z } = s(X, { duration: U }), oe = m({
-		position: L,
-		size: z,
-		status: Z,
-		mode: j
-	});
-	g(() => {
-		G.opened && R && r("IressSlideout: Please use either IressSlideoutProvider for uncontrolled components, or the show prop for controlled components, rather than both. If you use both, the open state of the slideout will become unpredictable. If you want to show a slideout by default in uncontrolled mode, use the defaultShow prop.");
-	}, [G.opened, R]), g(() => {
-		F?.(Z);
-	}, [Z, F]), g(() => (j === "overlay" ? W.current = null : W.current = ((e) => typeof e == "string" ? S(e) : e instanceof Element ? e : e?.current)(O), () => {
-		W.current = null;
-	}), [O, j]), g(() => {
-		Z === "open" && X.refs.floating?.current?.focus();
-	}, [X.refs.floating, Z]), te(_(() => ({
-		element: W.current ?? null,
-		isActive: j === "push",
-		position: L,
-		size: z,
-		status: Z
-	}), [
-		W,
-		j,
-		L,
-		z,
-		Z
-	]));
-	let Q = h((e) => {
-		I?.(e);
-		let t = L === "right" ? "right" : "left";
-		!(e.propertyName === t || e.propertyName === "opacity" || !e.propertyName) || e.target !== e.currentTarget || (Z === "open" ? M?.() : Z === "close" && N?.());
-	}, [
-		I,
-		L,
-		Z,
-		M,
-		N
-	]), $ = _(() => typeof A == "string" ? /* @__PURE__ */ b(i, {
-		id: q,
-		"data-testid": a(E, "heading"),
-		element: "h2",
-		children: A
-	}) : A, [
-		E,
-		q,
-		A
-	]);
-	if (!ae) return null;
-	let se = e(oe.root, C, n.Slideout, Z === "open" && n.SlideoutOpen), [ce, le] = t(B), ue = {
-		"aria-labelledby": $ ? q : void 0,
-		children: x,
-		className: se,
-		closeText: w,
-		"data-testid": E,
-		footer: k,
-		floatingRef: (e) => X.refs.setFloating(e),
-		heading: $,
-		id: K,
-		onOpenChange: Y,
-		...ce,
-		...ie.getFloatingProps(le),
-		onTransitionEnd: Q
-	};
-	return /* @__PURE__ */ b(u, {
-		root: T ?? G?.container,
-		children: /* @__PURE__ */ b(ee, {
-			...ue,
-			style: re,
-			"data-testid": E
-		})
-	});
-};
-k.displayName = "IressSlideout";
-//#endregion
-export { k as t };