@yamada-ui/autocomplete 0.6.0 → 0.6.2

package/dist/use-autocomplete.js

@@ -380,7 +380,7 @@ var useAutocomplete = ({
     defaultValue: rest.defaultValue,
     onChange: rest.onChange
   });
-  const [displayValue, setDisplayValue] = (0, import_react2.useState)(void 0);
+  const [label, setLabel] = (0, import_react2.useState)(void 0);
   const [inputValue, setInputValue] = (0, import_react2.useState)("");
   const [focusedIndex, setFocusedIndex] = (0, import_react2.useState)(-1);
   const [isAllSelected, setIsAllSelected] = (0, import_react2.useState)(false);
@@ -415,16 +415,16 @@ var useAutocomplete = ({
   const validChildren = (0, import_utils4.getValidChildren)(children);
   const computedChildren = resolvedItems == null ? void 0 : resolvedItems.map((item, i) => {
     if ("value" in item) {
-      const { label, value: value2, ...props } = item;
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteOption, { value: value2, ...props, children: label }, i);
+      const { label: label2, value: value2, ...props } = item;
+      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteOption, { value: value2, ...props, children: label2 }, i);
     } else if ("items" in item) {
-      const { label, items: items2 = [], ...props } = item;
+      const { label: label2, items: items2 = [], ...props } = item;
       return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
         AutocompleteOptionGroup,
         {
-          label,
+          label: label2,
           ...props,
-          children: items2.map(({ label: label2, value: value2, ...props2 }, i2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteOption, { value: value2, ...props2, children: label2 }, i2))
+          children: items2.map(({ label: label3, value: value2, ...props2 }, i2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(AutocompleteOption, { value: value2, ...props2, children: label3 }, i2))
         },
         i
       );
@@ -622,7 +622,7 @@ var useAutocomplete = ({
     },
     [descendants, onFocusFirst]
   );
-  const onChangeDisplayValue = (0, import_react2.useCallback)(
+  const onChangeLabel = (0, import_react2.useCallback)(
     (newValue, runOmit = true) => {
       const enabledValues2 = descendants.enabledValues();
       const selectedValues2 = enabledValues2.filter(({ node }) => node.dataset.value === newValue).map(({ node }) => {
@@ -633,7 +633,7 @@ var useAutocomplete = ({
         selectedValues2.push(newValue);
         setInputValue("");
       }
-      setDisplayValue((prev) => {
+      setLabel((prev) => {
         if (!isMulti) {
           return selectedValues2[0];
         } else {
@@ -671,20 +671,13 @@ var useAutocomplete = ({
           return format((_a = node.textContent) != null ? _a : "").includes(newValue);
         }
       ).length > 0;
-      onChangeDisplayValue(newValue);
+      onChangeLabel(newValue);
       if (!allowFree || isHit2) {
         setInputValue("");
       }
       rebirthOptions(false);
     },
-    [
-      allowFree,
-      onChangeDisplayValue,
-      rebirthOptions,
-      setValue,
-      descendants,
-      format
-    ]
+    [allowFree, onChangeLabel, rebirthOptions, setValue, descendants, format]
   );
   const onSelect = (0, import_react2.useCallback)(() => {
     var _a, _b;
@@ -745,7 +738,7 @@ var useAutocomplete = ({
       newItems = [...newItems, newItem];
     } else {
       const i = newItems.findIndex(
-        ({ label }) => label === firstInsertPositionItem
+        ({ label: label2 }) => label2 === firstInsertPositionItem
       );
       const targetItem = newItems[i];
       if (i !== -1 && "items" in targetItem) {
@@ -790,11 +783,11 @@ var useAutocomplete = ({
     (ev) => {
       ev.stopPropagation();
       setValue([]);
-      setDisplayValue(void 0);
+      setLabel(void 0);
       setInputValue("");
       rebirthOptions();
     },
-    [setDisplayValue, setInputValue, setValue, rebirthOptions]
+    [setLabel, setInputValue, setValue, rebirthOptions]
   );
   const onClick = (0, import_react2.useCallback)(() => {
     if (isOpen) {
@@ -836,7 +829,7 @@ var useAutocomplete = ({
         return;
       if (isComposition.current)
         return;
-      const enabledDelete = displayValue === inputValue || !inputValue.length;
+      const enabledDelete = label === inputValue || !inputValue.length;
       const actions = {
         ArrowDown: isFocused ? () => onFocusNext() : !isOpen ? (0, import_utils4.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
         ArrowUp: isFocused ? () => onFocusPrev() : !isOpen ? (0, import_utils4.funcAll)(onOpen, onFocusLastOrSelected) : void 0,
@@ -861,7 +854,7 @@ var useAutocomplete = ({
     [
       allowFree,
       formControlProps,
-      displayValue,
+      label,
       inputValue,
       onOpen,
       isFocused,
@@ -967,7 +960,7 @@ var useAutocomplete = ({
     id,
     descendants,
     value,
-    displayValue,
+    label,
     inputValue,
     isHit,
     isEmpty,
@@ -985,7 +978,7 @@ var useAutocomplete = ({
     optionProps,
     formControlProps,
     setFocusedIndex,
-    onChangeDisplayValue,
+    onChangeLabel,
     onChange,
     onSearch,
     onCreate,
@@ -1187,7 +1180,7 @@ var useAutocompleteOption = (props) => {
     value,
     omitSelectedValues,
     onChange,
-    onChangeDisplayValue,
+    onChangeLabel,
     focusedIndex,
     setFocusedIndex,
     onClose,
@@ -1261,8 +1254,8 @@ var useAutocompleteOption = (props) => {
   (0, import_react2.useEffect)(() => {
     var _a2;
     if (isSelected)
-      onChangeDisplayValue((_a2 = computedProps.value) != null ? _a2 : "", false);
-  }, [computedProps, isSelected, onChangeDisplayValue]);
+      onChangeLabel((_a2 = computedProps.value) != null ? _a2 : "", false);
+  }, [computedProps, isSelected, onChangeLabel]);
   const getOptionProps = (0, import_react2.useCallback)(
     (props2 = {}, ref = null) => {
       var _a2;

package/dist/use-autocomplete.mjs

@@ -13,7 +13,7 @@ import {
   useAutocompleteList,
   useAutocompleteOption,
   useAutocompleteOptionGroup
-} from "./chunk-TZHEVPHW.mjs";
+} from "./chunk-VACNCD65.mjs";
 export {
   AutocompleteDescendantsContextProvider,
   AutocompleteProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yamada-ui/autocomplete",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "Yamada UI autocomplete component",
   "keywords": [
     "yamada",
@@ -39,7 +39,7 @@
     "@yamada-ui/core": "0.12.7",
     "@yamada-ui/utils": "0.3.3",
     "@yamada-ui/icon": "0.3.17",
-    "@yamada-ui/select": "0.5.6",
+    "@yamada-ui/select": "0.5.8",
     "@yamada-ui/form-control": "0.3.20",
     "@yamada-ui/popover": "0.3.24",
     "@yamada-ui/use-descendant": "0.2.6",