@yamada-ui/autocomplete 1.2.2 → 1.2.3-dev-20240614141936

package/dist/{chunk-ORNAXQ6Z.mjs → chunk-JRUGH6ID.mjs}

@@ -584,15 +584,13 @@ var MultiAutocompleteField = forwardRef7(
     const { value, label, inputValue, onChange, isOpen, inputRef, styles } = useAutocompleteContext();
     const { getInputProps } = useAutocompleteInput();
     const cloneChildren = useMemo(() => {
-      if (!(label == null ? void 0 : label.length))
-        return null;
+      if (!(label == null ? void 0 : label.length)) return null;
       if (component) {
         return label.map((label2, index) => {
           const onRemove = (ev) => {
             ev.stopPropagation();
             onChange(value[index]);
-            if (inputRef.current)
-              inputRef.current.focus();
+            if (inputRef.current) inputRef.current.focus();
           };
           const el = component({
             value: value[index],
@@ -764,8 +762,7 @@ var flattenItems = (items) => {
     var _a;
     const { isDisabled, isFocusable } = item;
     const trulyDisabled = !!isDisabled && !isFocusable;
-    if (trulyDisabled)
-      return;
+    if (trulyDisabled) return;
     if ("items" in item) {
       return filterItems((_a = item.items) != null ? _a : []);
     } else {
@@ -900,23 +897,18 @@ var useAutocomplete = ({
   });
   const isEmpty = !validChildren.length && !(computedChildren == null ? void 0 : computedChildren.length);
   const onOpen = useCallback(() => {
-    if (formControlProps.disabled || formControlProps.readOnly)
-      return;
-    if (!allowCreate && (isEmpty || isAllSelected))
-      return;
+    if (formControlProps.disabled || formControlProps.readOnly) return;
+    if (!allowCreate && (isEmpty || isAllSelected)) return;
     onInternalOpen();
-    if (inputRef.current)
-      inputRef.current.focus();
+    if (inputRef.current) inputRef.current.focus();
   }, [allowCreate, formControlProps, isAllSelected, isEmpty, onInternalOpen]);
   const onFocusFirst = useCallback(() => {
     const id2 = setTimeout(() => {
-      if (isEmpty || isAllSelected)
-        return;
+      if (isEmpty || isAllSelected) return;
       const first = descendants.enabledFirstValue(
         ({ node }) => "target" in node.dataset
       );
-      if (!first)
-        return;
+      if (!first) return;
       if (!isMulti || !omitSelectedValues) {
         setFocusedIndex(first.index);
       } else {
@@ -940,13 +932,11 @@ var useAutocomplete = ({
   ]);
   const onFocusLast = useCallback(() => {
     const id2 = setTimeout(() => {
-      if (isEmpty || isAllSelected)
-        return;
+      if (isEmpty || isAllSelected) return;
       const last = descendants.enabledLastValue(
         ({ node }) => "target" in node.dataset
       );
-      if (!last)
-        return;
+      if (!last) return;
       if (!isMulti || !omitSelectedValues) {
         setFocusedIndex(last.index);
       } else {
@@ -977,8 +967,7 @@ var useAutocomplete = ({
           return !isMulti ? node.dataset.value === value : value.includes((_a = node.dataset.value) != null ? _a : "");
         }
       );
-      if (selected)
-        setFocusedIndex(selected.index);
+      if (selected) setFocusedIndex(selected.index);
     });
     timeoutIds.current.add(id2);
   }, [descendants, isMulti, value]);
@@ -990,8 +979,7 @@ var useAutocomplete = ({
           index,
           ({ node }) => "target" in node.dataset
         );
-        if (!next)
-          return;
+        if (!next) return;
         if (!isMulti || !omitSelectedValues) {
           setFocusedIndex(next.index);
         } else {
@@ -1022,8 +1010,7 @@ var useAutocomplete = ({
           index,
           ({ node }) => "target" in node.dataset
         );
-        if (!prev)
-          return;
+        if (!prev) return;
         if (!isMulti || !omitSelectedValues) {
           setFocusedIndex(prev.index);
         } else {
@@ -1077,8 +1064,7 @@ var useAutocomplete = ({
       values.forEach(({ node }) => {
         node.dataset.target = "";
       });
-      if (runFocus)
-        onFocusFirst();
+      if (runFocus) onFocusFirst();
       setIsHit(true);
     },
     [descendants, onFocusFirst]
@@ -1148,10 +1134,8 @@ var useAutocomplete = ({
         }
       ).length > 0;
       onChangeLabel(newValue);
-      if (allowFree || isHit2)
-        setInputValue("");
-      if (isMulti && runRebirth)
-        rebirthOptions(false);
+      if (allowFree || isHit2) setInputValue("");
+      if (isMulti && runRebirth) rebirthOptions(false);
     },
     [
       allowFree,
@@ -1168,14 +1152,11 @@ var useAutocomplete = ({
     let enabledValue = descendants.value(focusedIndex);
     if ("disabled" in ((_a = enabledValue == null ? void 0 : enabledValue.node.dataset) != null ? _a : {}))
       enabledValue = void 0;
-    if (!enabledValue)
-      return;
+    if (!enabledValue) return;
     const value2 = (_b = enabledValue.node.dataset.value) != null ? _b : "";
     onChange(value2);
-    if (closeOnSelect)
-      onClose();
-    if (omitSelectedValues)
-      onFocusNext();
+    if (closeOnSelect) onClose();
+    if (omitSelectedValues) onFocusNext();
   }, [
     closeOnSelect,
     descendants,
@@ -1187,8 +1168,7 @@ var useAutocomplete = ({
   ]);
   const onSearch = useCallback(
     (ev) => {
-      if (!isOpen)
-        onOpen();
+      if (!isOpen) onOpen();
       onSearchProp == null ? void 0 : onSearchProp(ev);
       const value2 = ev.target.value;
       const computedValue = format(value2);
@@ -1209,12 +1189,10 @@ var useAutocomplete = ({
   }, []);
   const onCreate = useCallback(() => {
     var _a, _b;
-    if (!listRef.current)
-      return;
+    if (!listRef.current) return;
     const newItem = { label: inputValue, value: inputValue };
     let newItems = [];
-    if (resolvedItems)
-      newItems = resolvedItems;
+    if (resolvedItems) newItems = resolvedItems;
     if (firstInsertPositionItem === "first") {
       newItems = [newItem, ...newItems];
     } else if (firstInsertPositionItem === "last") {
@@ -1257,31 +1235,25 @@ var useAutocomplete = ({
   ]);
   const onClick = useCallback(() => {
     if (isOpen) {
-      if (inputRef.current)
-        inputRef.current.focus();
+      if (inputRef.current) inputRef.current.focus();
     } else {
       onOpen();
       onFocusFirstOrSelected();
     }
   }, [isOpen, onFocusFirstOrSelected, onOpen]);
   const onFocus = useCallback(() => {
-    if (isOpen)
-      return;
+    if (isOpen) return;
     onOpen();
     onFocusFirstOrSelected();
   }, [isOpen, onFocusFirstOrSelected, onOpen]);
   const onBlur = useCallback(
     (ev) => {
       const relatedTarget = getEventRelatedTarget(ev);
-      if (isContains(containerRef.current, relatedTarget))
-        return;
-      if (!closeOnBlur && isHit)
-        return;
-      if (allowFree && !!inputValue)
-        onChange(inputValue, false);
+      if (isContains(containerRef.current, relatedTarget)) return;
+      if (!closeOnBlur && isHit) return;
+      if (allowFree && !!inputValue) onChange(inputValue, false);
       setInputValue("");
-      if (isOpen)
-        onClose();
+      if (isOpen) onClose();
     },
     [closeOnBlur, isHit, isOpen, inputValue, allowFree, onClose, onChange]
   );
@@ -1291,8 +1263,7 @@ var useAutocomplete = ({
     } else {
       onChange(value[value.length - 1]);
     }
-    if (!isOpen)
-      onFocus();
+    if (!isOpen) onFocus();
   }, [isMulti, isOpen, onChange, onFocus, value]);
   const onClear = useCallback(
     (ev) => {
@@ -1302,27 +1273,22 @@ var useAutocomplete = ({
       setLabel(void 0);
       setInputValue("");
       rebirthOptions();
-      if (isOpen && inputRef.current)
-        inputRef.current.focus();
+      if (isOpen && inputRef.current) inputRef.current.focus();
     },
     [isOpen, setLabel, setInputValue, setValue, rebirthOptions]
   );
   const onKeyDown = useCallback(
     (ev) => {
-      if (ev.key === " ")
-        ev.key = ev.code;
-      if (formControlProps.disabled || formControlProps.readOnly)
-        return;
-      if (isComposition.current)
-        return;
+      if (ev.key === " ") ev.key = ev.code;
+      if (formControlProps.disabled || formControlProps.readOnly) return;
+      if (isComposition.current) return;
       const enabledDelete = label === inputValue || !inputValue.length;
       const actions = {
         ArrowDown: isFocused ? () => onFocusNext() : !isOpen ? funcAll(onOpen, onFocusFirstOrSelected) : void 0,
         ArrowUp: isFocused ? () => onFocusPrev() : !isOpen ? funcAll(onOpen, onFocusLastOrSelected) : void 0,
         Space: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? funcAll(onOpen, onFocusFirstOrSelected) : void 0,
         Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? funcAll(onOpen, onFocusFirstOrSelected) : allowFree && isMulti ? () => {
-          if (inputValue)
-            onChange(inputValue);
+          if (inputValue) onChange(inputValue);
           setFocusedIndex(0);
         } : void 0,
         Home: isOpen ? onFocusFirst : void 0,
@@ -1331,8 +1297,7 @@ var useAutocomplete = ({
         Backspace: !isEmptyValue && enabledDelete ? onDelete : void 0
       };
       const action = actions[ev.key];
-      if (!action)
-        return;
+      if (!action) return;
       ev.preventDefault();
       ev.stopPropagation();
       action(ev);
@@ -1363,10 +1328,8 @@ var useAutocomplete = ({
     ]
   );
   useEffect(() => {
-    if (!isMulti)
-      return;
-    if (!omitSelectedValues && isUndefined(maxSelectValues))
-      return;
+    if (!isMulti) return;
+    if (!omitSelectedValues && isUndefined(maxSelectValues)) return;
     const isAll = value.length > 0 && value.length === descendants.count();
     const isMax = value.length === maxSelectValues;
     if (isAll || isMax) {
@@ -1391,20 +1354,17 @@ var useAutocomplete = ({
       const label2 = getSelectedValues(value);
       setLabel(label2);
     } else {
-      if (prevValue.current === value)
-        return;
+      if (prevValue.current === value) return;
       onChangeLabel(value, false);
     }
   }, [isMulti, value, onChangeLabel, getSelectedValues]);
   useUpdateEffect(() => {
-    if (isOpen || allowFree)
-      return;
+    if (isOpen || allowFree) return;
     setFocusedIndex(-1);
     setInputValue("");
   }, [isOpen]);
   useUpdateEffect(() => {
-    if (!isHit)
-      setFocusedIndex(-2);
+    if (!isHit) setFocusedIndex(-2);
   }, [isHit]);
   useUnmountEffect(() => {
     timeoutIds.current.forEach((id2) => clearTimeout(id2));
@@ -1513,8 +1473,7 @@ var useAutocompleteInput = () => {
     isOpen
   } = useAutocompleteContext();
   useUpdateEffect(() => {
-    if (isAllSelected && inputRef.current)
-      inputRef.current.blur();
+    if (isAllSelected && inputRef.current) inputRef.current.blur();
   }, [isAllSelected]);
   const getInputProps = useCallback(
     (props = {}, ref = null) => ({
@@ -1567,14 +1526,11 @@ var useAutocompleteList = () => {
   const beforeFocusedIndex = useRef2(-1);
   const selectedValue = descendants.value(focusedIndex);
   const onAnimationComplete = useCallback(() => {
-    if (!isOpen)
-      rebirthOptions(false);
+    if (!isOpen) rebirthOptions(false);
   }, [isOpen, rebirthOptions]);
   useEffect(() => {
-    if (!listRef.current || !selectedValue)
-      return;
-    if (beforeFocusedIndex.current === selectedValue.index)
-      return;
+    if (!listRef.current || !selectedValue) return;
+    if (beforeFocusedIndex.current === selectedValue.index) return;
     const parent = listRef.current;
     const child = selectedValue.node;
     const parentHeight = parent.clientHeight;
@@ -1599,8 +1555,7 @@ var useAutocompleteList = () => {
     beforeFocusedIndex.current = selectedValue.index;
   }, [listRef, selectedValue]);
   useUpdateEffect(() => {
-    if (!isOpen)
-      beforeFocusedIndex.current = -1;
+    if (!isOpen) beforeFocusedIndex.current = -1;
   }, [isOpen]);
   const getListProps = useCallback(
     (props = {}, ref = null) => ({
@@ -1723,23 +1678,18 @@ var useAutocompleteOption = (props) => {
     (ev) => {
       ev.stopPropagation();
       if (isDisabled) {
-        if (inputRef.current)
-          inputRef.current.focus();
+        if (inputRef.current) inputRef.current.focus();
         return;
       }
       if (!isTargetOption(ev.currentTarget)) {
-        if (inputRef.current)
-          inputRef.current.focus();
+        if (inputRef.current) inputRef.current.focus();
         return;
       }
       setFocusedIndex(index);
       onChange(optionValue != null ? optionValue : "");
-      if (inputRef.current)
-        inputRef.current.focus();
-      if (customCloseOnSelect != null ? customCloseOnSelect : generalCloseOnSelect)
-        onClose();
-      if (omitSelectedValues)
-        onFocusNext(index);
+      if (inputRef.current) inputRef.current.focus();
+      if (customCloseOnSelect != null ? customCloseOnSelect : generalCloseOnSelect) onClose();
+      if (omitSelectedValues) onFocusNext(index);
     },
     [
       onFocusNext,
@@ -1756,8 +1706,7 @@ var useAutocompleteOption = (props) => {
     ]
   );
   useUpdateEffect(() => {
-    if (isSelected)
-      onChangeLabel(optionValue != null ? optionValue : "", false);
+    if (isSelected) onChangeLabel(optionValue != null ? optionValue : "", false);
   }, [optionValue]);
   const getOptionProps = useCallback(
     (props2 = {}, ref = null) => {
@@ -1911,4 +1860,4 @@ export {
   AutocompleteItemIcon,
   AutocompleteCreate
 };
-//# sourceMappingURL=chunk-ORNAXQ6Z.mjs.map
+//# sourceMappingURL=chunk-JRUGH6ID.mjs.map