@sanity/ui 2.4.0 → 2.5.0

package/dist/index.d.mts

@@ -189,6 +189,8 @@ export declare interface AutocompleteProps<
   onSelect?: (value: string) => void
   /** @beta */
   openButton?: boolean | AutocompleteOpenButtonProps
+  /** @beta */
+  openOnFocus?: boolean
   /** The options to render. */
   options?: Option[]
   padding?: number | number[]

package/dist/index.d.ts

@@ -189,6 +189,8 @@ export declare interface AutocompleteProps<
   onSelect?: (value: string) => void
   /** @beta */
   openButton?: boolean | AutocompleteOpenButtonProps
+  /** @beta */
+  openOnFocus?: boolean
   /** The options to render. */
   options?: Option[]
   padding?: number | number[]

package/dist/index.esm.js

@@ -4620,6 +4620,7 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
     onQueryChange,
     onSelect,
     openButton,
+    openOnFocus,
     options: optionsProp,
     padding: paddingProp = 3,
     popover = EMPTY_RECORD,
@@ -4715,11 +4716,16 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
       dispatch({ type: "input/change", query: nextQuery }), onQueryChange && onQueryChange(nextQuery);
     },
     [onQueryChange]
-  ), handleInputFocus = useCallback(
+  ), dispatchOpen = useCallback(() => {
+    dispatch({
+      type: "root/open",
+      query: value ? renderValue(value, currentOption) : ""
+    });
+  }, [currentOption, renderValue, value]), handleInputFocus = useCallback(
     (event) => {
-      focused || (dispatch({ type: "input/focus" }), onFocus && onFocus(event));
+      focused || (dispatch({ type: "input/focus" }), onFocus && onFocus(event), openOnFocus && dispatchOpen());
     },
-    [focused, onFocus]
+    [focused, onFocus, openOnFocus, dispatchOpen]
   ), handlePopoverMouseEnter = useCallback(() => {
     popoverMouseWithinRef.current = !0;
   }, []), handlePopoverMouseLeave = useCallback(() => {
@@ -4765,15 +4771,12 @@ const AUTOCOMPLETE_LISTBOX_IGNORE_KEYS = [
     [openButton]
   ), handleOpenClick = useCallback(
     (event) => {
-      dispatch({
-        type: "root/open",
-        query: value ? renderValue(value, currentOption) : ""
-      }), openButtonProps.onClick && openButtonProps.onClick(event), _raf(() => {
+      dispatchOpen(), openButtonProps.onClick && openButtonProps.onClick(event), _raf(() => {
         var _a;
         return (_a = inputElementRef.current) == null ? void 0 : _a.focus();
       });
     },
-    [currentOption, openButtonProps, renderValue, value]
+    [openButtonProps, dispatchOpen]
   ), openButtonNode = useMemo(
     () => !disabled && !readOnly && openButton ? /* @__PURE__ */ jsx(Box, { "aria-hidden": expanded, padding: openButtonBoxPadding, children: /* @__PURE__ */ jsx(
       Button,