@povio/ui 2.2.9-rc.35 → 2.2.9-rc.36

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

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

package/dist/components/inputs/Skeleton/InputFrame.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactElement, ReactNode, Ref, SVGProps } from 'react';
+import { FC, FocusEventHandler, MouseEventHandler, ReactElement, ReactNode, Ref, SVGProps } from 'react';
 import { InlineIconButtonProps } from '../../buttons/InlineIconButton/InlineIconButton';
 import { FormFieldProps } from '../FormField/FormField';
 import { FormFieldHeaderProps } from '../FormField/FormFieldHeader';
@@ -43,6 +43,8 @@ export interface InputFrameProps extends InputVariantProps, Partial<FormFieldPro
     ref?: Ref<HTMLDivElement>;
     children: InputFrameChildren;
     formFieldRef?: Ref<HTMLDivElement>;
+    onMouseEnter?: MouseEventHandler<HTMLDivElement>;
+    onFocusCapture?: FocusEventHandler<HTMLDivElement>;
     labelProps?: FormFieldHeaderProps["labelProps"];
     headerProps?: FormFieldHeaderProps;
     leadingContent?: ReactNode;

package/dist/components/inputs/Skeleton/InputFrame.js

@@ -19,7 +19,7 @@ var InputFrame = (props) => {
 	const inputContentWrapperCva = UIStyle.useCva("input.contentWrapperCva", inputContentWrapper);
 	const typographyCva = UIStyle.useCva("typography.cva", typography);
 	const generatedInputId = useId();
-	const { ref, children, formFieldRef, labelProps: labelPropsProp, headerProps, error, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isHeaderHidden, hideLabel: hideLabelProp, headerClassName, errorClassName, className, leadingContent, leadingIcon, actionContent, actionContentPlacement = "content-wrapper", trailingContent, trailingIcon, trailingAction, unit, isLoading, action, isClearable: isClearableProp, showClear, renderStatic, onStaticInteract, clearClassName, onClear, dataAttributes, typographySize, id: idProp, inputClassName, contentClassName, contentWrapperClassName, labelPlacement = "content-wrapper", trailingClassName, variant: variantProp, as: asProp, size: sizeProp } = props;
+	const { ref, children, formFieldRef, labelProps: labelPropsProp, headerProps, error, label, tooltipText, helperText, isRequired, rightContent, isDisabled, isHeaderHidden, hideLabel: hideLabelProp, headerClassName, errorClassName, className, leadingContent, leadingIcon, actionContent, actionContentPlacement = "content-wrapper", trailingContent, trailingIcon, trailingAction, unit, isLoading, action, isClearable: isClearableProp, showClear, renderStatic, onStaticInteract, clearClassName, onClear, dataAttributes, typographySize, id: idProp, inputClassName, contentClassName, contentWrapperClassName, labelPlacement = "content-wrapper", trailingClassName, onMouseEnter, onFocusCapture, variant: variantProp, as: asProp, size: sizeProp } = props;
 	const as = asProp ?? ui.input.as;
 	const size = sizeProp ?? ui.input.size;
 	const variant = variantProp ?? ui.input.variant;
@@ -81,10 +81,12 @@ var InputFrame = (props) => {
 			as,
 			labelProps,
 			tabIndex: as === "inline" ? -1 : void 0,
-			onMouseEnter: () => {
+			onMouseEnter: (event) => {
+				onMouseEnter?.(event);
 				if (renderStatic) onStaticInteract?.(false);
 			},
-			onFocusCapture: () => {
+			onFocusCapture: (event) => {
+				onFocusCapture?.(event);
 				if (renderStatic) onStaticInteract?.(true);
 			},
 			children: /* @__PURE__ */ jsxs("div", {

package/dist/hooks/useQueryAutocomplete.js

@@ -10,10 +10,10 @@ var useQueryAutocomplete = ({ query, queryParams, queryOptions, mapItems, initia
 		...queryParams,
 		limit: queryParams?.limit ?? ApiQueryUtils.DEFAULT_LIMIT,
 		search,
-		...isFilterSearchParams(queryParams) ? { filter: {
-			...queryParams.filter,
+		filter: {
+			...isFilterSearchParams(queryParams) ? queryParams.filter : {},
 			search
-		} } : {}
+		}
 	}, {
 		...queryOptions,
 		enabled: isQueryEnabled && (queryOptions?.enabled ?? true)
@@ -27,14 +27,19 @@ var useQueryAutocomplete = ({ query, queryParams, queryOptions, mapItems, initia
 		setIsQueryEnabled(true);
 	};
 	const infiniteQueryResult = isInfiniteQueryResult(queryResult) ? queryResult : void 0;
+	const isInfiniteQuery = infiniteQueryResult !== void 0;
 	const hasNextPage = infiniteQueryResult?.hasNextPage ?? false;
 	const fetchNextPage = infiniteQueryResult?.fetchNextPage;
 	const isFetchingNextPage = infiniteQueryResult?.isFetchingNextPage ?? false;
 	const totalItems = infiniteQueryResult?.data?.pages?.[0]?.totalItems;
 	const items = useMemo(() => {
 		if (!data) return [];
-		return mapItems(data);
-	}, [data, mapItems]);
+		return mapItems(isInfiniteQuery ? data.pages?.flatMap((page) => page?.items ?? []) : data);
+	}, [
+		data,
+		isInfiniteQuery,
+		mapItems
+	]);
 	return {
 		data,
 		isLoading: isLoading || isFetchingNextPage,

package/package.json

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