@iress-oss/ids-components 6.3.0 → 6.4.1

package/dist/{sva-DGhdmNso.js → sva-CG-TbBow.js}

@@ -1,6 +1,6 @@
-import { a as e, c as t, f as n, l as r } from "./css-R34N3rft.js";
+import { a as e, c as t, f as n, l as r } from "./css-BRrgGHqo.js";
 import { t as i } from "./cx-QcEwjve6.js";
-import { n as a } from "./cva-DcOwIar2.js";
+import { n as a } from "./cva-1V8NmPTA.js";
 //#region src/styled-system/css/sva.mjs
 function o(o) {
 	let s = Object.entries(t(o)).map(([e, t]) => [e, a(t)]), c = o.defaultVariants ?? {}, l = s.reduce((e, [t, n]) => (o.className && (e[t] = n.config.className), e), {});

package/dist/{useAutocompleteSearch-BYzUn7Ag.js → useAutocompleteSearch-m33c4lI7.js}

@@ -140,11 +140,13 @@ var u = 300, d = 1, f = 250, p = (e) => e instanceof Error && e.message ? e.mess
 			i
 		]),
 		handleSync: n((n, r, i, a = !1) => {
-			if (!(l(r) && !a)) if (u(r), r.length >= i || a) {
-				e.setSearched(!0);
-				let i = t(r, n);
-				e.updateWithResults(i, r);
-			} else e.reset();
+			if (!l(r) || a) {
+				if (u(r), r.length >= i || a) {
+					e.setSearched(!0);
+					let i = t(r, n);
+					e.updateWithResults(i, r);
+				} else e.reset();
+			}
 		}, [
 			e,
 			l,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iress-oss/ids-components",
-  "version": "6.3.0",
+  "version": "6.4.1",
   "description": "Iress React Component Library",
   "license": "Apache-2.0",
   "type": "module",
@@ -31,7 +31,7 @@
     "typecheck:node": "tsc --noEmit -p tsconfig.node.json"
   },
   "devDependencies": {
-    "@iress-oss/ids-theme-preset": "^6.0.0",
+    "@iress-oss/ids-theme-preset": "^6.0.1",
     "@iress-oss/ids-tokens": "^6.0.0",
     "@pandacss/dev": "1.9.1",
     "@testing-library/dom": "10.4.1",
@@ -46,8 +46,8 @@
     "@vitejs/plugin-react": "^6.0.3",
     "@vitest/coverage-v8": "4.1.10",
     "@vitest/ui": "4.1.10",
-    "concurrently": "^9.2.1",
-    "dompurify": "^3.4.12",
+    "concurrently": "^10.0.3",
+    "dompurify": "^3.4.14",
     "eslint": "10.6.0",
     "eslint-plugin-file-progress": "^4.0.0",
     "eslint-plugin-mdx": "3.8.1",
@@ -59,7 +59,7 @@
     "jest-axe": "10.0.0",
     "jsdom": "29.1.1",
     "lightningcss": "^1.32.0",
-    "postcss": "8.5.19",
+    "postcss": "8.5.26",
     "prettier": "^3.8.2",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
@@ -68,11 +68,11 @@
     "rimraf": "^6.1.3",
     "storybook": "10.4.6",
     "typescript": "6.0.3",
-    "vite": "8.1.5",
+    "vite": "8.2.2",
     "vite-bundle-visualizer": "^1.2.1",
     "vite-plugin-dts": "5.0.3",
     "vite-plugin-static-copy": "4.1.1",
-    "vitest": "4.1.10"
+    "vitest": "4.1.11"
   },
   "dependencies": {
     "@floating-ui/react": "0.27.19",

package/dist/Autocomplete-ZqkibVwt.js

@@ -1,327 +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,
-			onBlur: f,
-			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 };