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

package/dist/multi-autocomplete.js

@@ -360,8 +360,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 {
@@ -496,23 +495,18 @@ var useAutocomplete = ({
   });
   const isEmpty = !validChildren.length && !(computedChildren == null ? void 0 : computedChildren.length);
   const onOpen = (0, import_react.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 = (0, import_react.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 {
@@ -536,13 +530,11 @@ var useAutocomplete = ({
   ]);
   const onFocusLast = (0, import_react.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 {
@@ -573,8 +565,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]);
@@ -586,8 +577,7 @@ var useAutocomplete = ({
           index,
           ({ node }) => "target" in node.dataset
         );
-        if (!next)
-          return;
+        if (!next) return;
         if (!isMulti || !omitSelectedValues) {
           setFocusedIndex(next.index);
         } else {
@@ -618,8 +608,7 @@ var useAutocomplete = ({
           index,
           ({ node }) => "target" in node.dataset
         );
-        if (!prev)
-          return;
+        if (!prev) return;
         if (!isMulti || !omitSelectedValues) {
           setFocusedIndex(prev.index);
         } else {
@@ -673,8 +662,7 @@ var useAutocomplete = ({
       values.forEach(({ node }) => {
         node.dataset.target = "";
       });
-      if (runFocus)
-        onFocusFirst();
+      if (runFocus) onFocusFirst();
       setIsHit(true);
     },
     [descendants, onFocusFirst]
@@ -744,10 +732,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,
@@ -764,14 +750,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,
@@ -783,8 +766,7 @@ var useAutocomplete = ({
   ]);
   const onSearch = (0, import_react.useCallback)(
     (ev) => {
-      if (!isOpen)
-        onOpen();
+      if (!isOpen) onOpen();
       onSearchProp == null ? void 0 : onSearchProp(ev);
       const value2 = ev.target.value;
       const computedValue = format(value2);
@@ -805,12 +787,10 @@ var useAutocomplete = ({
   }, []);
   const onCreate = (0, import_react.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") {
@@ -853,31 +833,25 @@ var useAutocomplete = ({
   ]);
   const onClick = (0, import_react.useCallback)(() => {
     if (isOpen) {
-      if (inputRef.current)
-        inputRef.current.focus();
+      if (inputRef.current) inputRef.current.focus();
     } else {
       onOpen();
       onFocusFirstOrSelected();
     }
   }, [isOpen, onFocusFirstOrSelected, onOpen]);
   const onFocus = (0, import_react.useCallback)(() => {
-    if (isOpen)
-      return;
+    if (isOpen) return;
     onOpen();
     onFocusFirstOrSelected();
   }, [isOpen, onFocusFirstOrSelected, onOpen]);
   const onBlur = (0, import_react.useCallback)(
     (ev) => {
       const relatedTarget = (0, import_utils6.getEventRelatedTarget)(ev);
-      if ((0, import_utils6.isContains)(containerRef.current, relatedTarget))
-        return;
-      if (!closeOnBlur && isHit)
-        return;
-      if (allowFree && !!inputValue)
-        onChange(inputValue, false);
+      if ((0, import_utils6.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]
   );
@@ -887,8 +861,7 @@ var useAutocomplete = ({
     } else {
       onChange(value[value.length - 1]);
     }
-    if (!isOpen)
-      onFocus();
+    if (!isOpen) onFocus();
   }, [isMulti, isOpen, onChange, onFocus, value]);
   const onClear = (0, import_react.useCallback)(
     (ev) => {
@@ -898,27 +871,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 = (0, import_react.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 ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
         ArrowUp: isFocused ? () => onFocusPrev() : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusLastOrSelected) : void 0,
         Space: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : void 0,
         Enter: isCreate ? onCreate : isFocused ? onSelect : !isOpen ? (0, import_utils6.funcAll)(onOpen, onFocusFirstOrSelected) : allowFree && isMulti ? () => {
-          if (inputValue)
-            onChange(inputValue);
+          if (inputValue) onChange(inputValue);
           setFocusedIndex(0);
         } : void 0,
         Home: isOpen ? onFocusFirst : void 0,
@@ -927,8 +895,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);
@@ -959,10 +926,8 @@ var useAutocomplete = ({
     ]
   );
   (0, import_react.useEffect)(() => {
-    if (!isMulti)
-      return;
-    if (!omitSelectedValues && (0, import_utils6.isUndefined)(maxSelectValues))
-      return;
+    if (!isMulti) return;
+    if (!omitSelectedValues && (0, import_utils6.isUndefined)(maxSelectValues)) return;
     const isAll = value.length > 0 && value.length === descendants.count();
     const isMax = value.length === maxSelectValues;
     if (isAll || isMax) {
@@ -987,20 +952,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]);
   (0, import_utils6.useUpdateEffect)(() => {
-    if (isOpen || allowFree)
-      return;
+    if (isOpen || allowFree) return;
     setFocusedIndex(-1);
     setInputValue("");
   }, [isOpen]);
   (0, import_utils6.useUpdateEffect)(() => {
-    if (!isHit)
-      setFocusedIndex(-2);
+    if (!isHit) setFocusedIndex(-2);
   }, [isHit]);
   (0, import_utils6.useUnmountEffect)(() => {
     timeoutIds.current.forEach((id2) => clearTimeout(id2));
@@ -1109,8 +1071,7 @@ var useAutocompleteInput = () => {
     isOpen
   } = useAutocompleteContext();
   (0, import_utils6.useUpdateEffect)(() => {
-    if (isAllSelected && inputRef.current)
-      inputRef.current.blur();
+    if (isAllSelected && inputRef.current) inputRef.current.blur();
   }, [isAllSelected]);
   const getInputProps = (0, import_react.useCallback)(
     (props = {}, ref = null) => ({
@@ -1163,14 +1124,11 @@ var useAutocompleteList = () => {
   const beforeFocusedIndex = (0, import_react.useRef)(-1);
   const selectedValue = descendants.value(focusedIndex);
   const onAnimationComplete = (0, import_react.useCallback)(() => {
-    if (!isOpen)
-      rebirthOptions(false);
+    if (!isOpen) rebirthOptions(false);
   }, [isOpen, rebirthOptions]);
   (0, import_react.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;
@@ -1195,8 +1153,7 @@ var useAutocompleteList = () => {
     beforeFocusedIndex.current = selectedValue.index;
   }, [listRef, selectedValue]);
   (0, import_utils6.useUpdateEffect)(() => {
-    if (!isOpen)
-      beforeFocusedIndex.current = -1;
+    if (!isOpen) beforeFocusedIndex.current = -1;
   }, [isOpen]);
   const getListProps = (0, import_react.useCallback)(
     (props = {}, ref = null) => ({
@@ -1319,23 +1276,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,
@@ -1352,8 +1304,7 @@ var useAutocompleteOption = (props) => {
     ]
   );
   (0, import_utils6.useUpdateEffect)(() => {
-    if (isSelected)
-      onChangeLabel(optionValue != null ? optionValue : "", false);
+    if (isSelected) onChangeLabel(optionValue != null ? optionValue : "", false);
   }, [optionValue]);
   const getOptionProps = (0, import_react.useCallback)(
     (props2 = {}, ref = null) => {
@@ -1676,15 +1627,13 @@ var MultiAutocompleteField = (0, import_core8.forwardRef)(
     const { value, label, inputValue, onChange, isOpen, inputRef, styles } = useAutocompleteContext();
     const { getInputProps } = useAutocompleteInput();
     const cloneChildren = (0, import_react3.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],