@povio/ui 2.2.9-rc.40 → 2.2.9-rc.42

package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js

@@ -102,13 +102,14 @@ function Autocomplete({ renderStaticInput, ...props }) {
 			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment, { children: [isMultiple && !isEmpty && displayValue, /* @__PURE__ */ jsx("input", {
 				disabled: isDisabled,
 				tabIndex: -1,
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-controls": `${dataAttributeProps.id}-listbox`,
+				"aria-expanded": false,
 				value: inputValue,
 				placeholder: isMultiple && shouldRenderPlaceholderAfterValue ? props.placeholder : placeholder ?? void 0,
 				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3 disabled:text-interactive-text-secondary-disabled", props.inputClassName),
-				onChange: (event) => {
-					props?.onMouseEnter?.({});
-					replayStaticInputChange(event.target.value);
-				},
+				onChange: (event) => replayStaticInputChange(event.target.value),
 				...dataAttributeProps,
 				"data-rac": true
 			})] })

package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js

@@ -22,11 +22,15 @@ var QueryAutocomplete = ({ query, queryParams, queryOptions, queryMap, leadingCo
 		props.onBlur?.({ target: { value: null } });
 	};
 	const { isInitialQueryDisabled: _, ...autocompleteProps } = restProps;
+	const onSearchChange = (value) => {
+		setSearch(value);
+		handleEnableQuery();
+	};
 	return /* @__PURE__ */ jsx(Autocomplete, {
 		...autocompleteProps,
 		items,
 		totalItems,
-		onSearchChange: setSearch,
+		onSearchChange,
 		isClientSearchDisabled: true,
 		isLoading,
 		onChange: handleChange,

package/dist/components/inputs/Selection/Select/QuerySelect.js

@@ -3,17 +3,26 @@ import { Select } from "./Select.js";
 import { getQueryItems } from "../shared/querySelect.utils.js";
 import { useQueryAutocomplete } from "../../../../hooks/useQueryAutocomplete.js";
 import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
 //#region src/components/inputs/Selection/Select/QuerySelect.tsx
 var QuerySelect = ({ query, queryParams, queryOptions, queryMap, ...props }) => {
 	const ui = UIConfig.useConfig();
+	const [search, setSearch] = useState("");
+	const isSearchable = props.isSearchable ?? ui.select.isSearchable;
 	const { items, totalItems, isLoading, handleEnableQuery, hasNextPage, fetchNextPage } = useQueryAutocomplete({
 		query,
 		queryParams,
 		queryOptions,
 		mapItems: (data) => getQueryItems(data, queryMap),
+		search: isSearchable ? search : void 0,
 		initialQueryState: props.isInitialQueryDisabled ?? ui.querySelect?.isInitialQueryDisabled
 	});
-	const { isInitialQueryDisabled: _, ...selectProps } = props;
+	const { isInitialQueryDisabled: _, onSearchChange, ...selectProps } = props;
+	const handleSearchChange = (value) => {
+		setSearch(value);
+		handleEnableQuery();
+		onSearchChange?.(value);
+	};
 	return /* @__PURE__ */ jsx(Select, {
 		...selectProps,
 		items,
@@ -22,7 +31,11 @@ var QuerySelect = ({ query, queryParams, queryOptions, queryMap, ...props }) =>
 		hasLoadMore: hasNextPage,
 		onLoadMore: fetchNextPage,
 		onMouseEnter: handleEnableQuery,
-		onFocusCapture: handleEnableQuery
+		onFocusCapture: handleEnableQuery,
+		...isSearchable && {
+			isClientSearchDisabled: true,
+			onSearchChange: handleSearchChange
+		}
 	});
 };
 //#endregion

package/dist/components/inputs/Selection/Select/Select.js

@@ -104,13 +104,14 @@ function Select({ renderStaticInput, ...props }) {
 			children: (dataAttributeProps) => /* @__PURE__ */ jsxs(Fragment, { children: [isMultiple && !isEmpty && displayValue, isSearchable ? /* @__PURE__ */ jsx("input", {
 				disabled: isDisabled,
 				tabIndex: -1,
+				role: "combobox",
+				"aria-autocomplete": "list",
+				"aria-controls": `${dataAttributeProps.id}-listbox`,
+				"aria-expanded": false,
 				value: inputValue,
 				placeholder: shouldRenderPlaceholderAfterValue ? props.placeholder : placeholder ?? void 0,
 				className: clsx("w-full flex-1 bg-transparent outline-none placeholder:text-text-default-3 disabled:text-interactive-text-secondary-disabled", props.inputClassName),
-				onChange: (event) => {
-					props?.onMouseEnter?.({});
-					replayStaticInputChange(event.target.value);
-				},
+				onChange: (event) => replayStaticInputChange(event.target.value),
 				...dataAttributeProps,
 				"data-rac": true
 			}) : /* @__PURE__ */ jsx("button", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@povio/ui",
-  "version": "2.2.9-rc.40",
+  "version": "2.2.9-rc.42",
   "type": "module",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",