@chekinapp/ui 0.0.122 → 0.0.123

package/dist/index.d.cts

@@ -1898,6 +1898,7 @@ type SelectOption<D = unknown, V extends string | number | boolean = string, L e
     description?: string | ReactNode;
     isDisabled?: boolean;
     readOnly?: boolean;
+    isPrefilled?: boolean;
 };
 type SelectorOption<T extends string | number | boolean = string> = {
     value: T;

package/dist/index.d.ts

@@ -1898,6 +1898,7 @@ type SelectOption<D = unknown, V extends string | number | boolean = string, L e
     description?: string | ReactNode;
     isDisabled?: boolean;
     readOnly?: boolean;
+    isPrefilled?: boolean;
 };
 type SelectorOption<T extends string | number | boolean = string> = {
     value: T;

package/dist/index.js

@@ -13217,7 +13217,10 @@ function useSelectState(params) {
     () => resolveValueLabel(singleSelected, getValueLabel),
     [singleSelected, getValueLabel]
   );
-  const [inputValue, setInputValue] = React48.useState(isMulti ? "" : valueLabel);
+  const isSearchOnlyInput = isMulti || Boolean(isSearchInDropdown);
+  const [inputValue, setInputValue] = React48.useState(
+    isSearchOnlyInput ? "" : valueLabel
+  );
   const hasValue = selectedOptions.length > 0;
   const isBlocked = Boolean(disabled) || Boolean(loading) || Boolean(readOnly);
   const hasInvalidState = Boolean(error);
@@ -13232,18 +13235,18 @@ function useSelectState(params) {
   const ids = useSelectIds({ name, hasValue, error, hideErrorMessage });
   const { listboxId, getOptionId: getOptionId2 } = ids;
   React48.useEffect(() => {
-    if (isMulti) return;
+    if (isSearchOnlyInput) return;
     if (!isFocused) setInputValue(valueLabel);
-  }, [valueLabel, isFocused, isMulti]);
+  }, [valueLabel, isFocused, isSearchOnlyInput]);
   React48.useEffect(() => {
-    if (!isMulti) return;
+    if (!isSearchOnlyInput) return;
     if (!isOpen) {
       setInputValue("");
       setHighlightedIndex(-1);
     }
-  }, [isOpen, isMulti]);
+  }, [isOpen, isSearchOnlyInput]);
   const trimmedInput = inputValue.trim();
-  const isFiltering = isMulti ? trimmedInput.length > 0 : trimmedInput.length > 0 && trimmedInput.toLowerCase() !== valueLabel.toLowerCase();
+  const isFiltering = isSearchOnlyInput ? trimmedInput.length > 0 : trimmedInput.length > 0 && trimmedInput.toLowerCase() !== valueLabel.toLowerCase();
   const filteredOptions = React48.useMemo(() => {
     if (!isFiltering) return options;
     return options.filter((option) => filterOption(option, trimmedInput));
@@ -13304,7 +13307,7 @@ function useSelectState(params) {
         return;
       }
       onSelectionChange([option], { action: "select" });
-      setInputValue(resolveValueLabel(option, getValueLabel));
+      setInputValue(isSearchInDropdown ? "" : resolveValueLabel(option, getValueLabel));
       setIsOpen(false);
       setIsFocused(false);
       inputRef.current?.blur();
@@ -13317,7 +13320,8 @@ function useSelectState(params) {
       onSelectionChange,
       closeMenuOnSelect,
       setIsOpen,
-      getValueLabel
+      getValueLabel,
+      isSearchInDropdown
     ]
   );
   const removeOption = React48.useCallback(
@@ -13352,7 +13356,7 @@ function useSelectState(params) {
       return;
     }
     onSelectionChange([newOption], { action: "create" });
-    setInputValue(resolveValueLabel(newOption, getValueLabel));
+    setInputValue(isSearchInDropdown ? "" : resolveValueLabel(newOption, getValueLabel));
     setIsOpen(false);
     setIsFocused(false);
     inputRef.current?.blur();
@@ -13365,7 +13369,8 @@ function useSelectState(params) {
     selectedOptions,
     closeMenuOnSelect,
     setIsOpen,
-    getValueLabel
+    getValueLabel,
+    isSearchInDropdown
   ]);
   const handleInputChange = React48.useCallback(
     (event) => {
@@ -13391,10 +13396,10 @@ function useSelectState(params) {
     (event) => {
       if (containerRef.current?.contains(event.relatedTarget)) return;
       setIsFocused(false);
-      if (!isMulti) setInputValue(valueLabel);
+      if (!isSearchOnlyInput) setInputValue(valueLabel);
       onBlur?.(event);
     },
-    [containerRef, isMulti, valueLabel, onBlur]
+    [containerRef, isSearchOnlyInput, valueLabel, onBlur]
   );
   const handleInputKeyDown = React48.useCallback(
     (event) => {
@@ -13448,7 +13453,7 @@ function useSelectState(params) {
       }
       if (event.key === "Escape") {
         event.preventDefault();
-        if (!isMulti) setInputValue(valueLabel);
+        if (!isSearchOnlyInput) setInputValue(valueLabel);
         setIsOpen(false);
         inputRef.current?.blur();
       }
@@ -13456,6 +13461,7 @@ function useSelectState(params) {
     [
       onKeyDown,
       isMulti,
+      isSearchOnlyInput,
       inputValue,
       selectedOptions,
       onSelectionChange,
@@ -13793,6 +13799,21 @@ function mergeComponents(overrides) {
   };
 }
 
+// src/dashboard/select/useSetCorrectOptionIfThereIsOnlyValue.ts
+import { useEffect as useEffect39 } from "react";
+function useSetCorrectOptionIfThereIsOnlyValue({ value, options, onChange, enabled = true }) {
+  useEffect39(() => {
+    if (!enabled || !value || !onChange || !options?.length) return;
+    if (value.value === void 0 || value.value === null) return;
+    if (value.label !== "NONE" && value.label !== "") return;
+    const validOption = flattenGroupedOptions(options).find(
+      (option) => option.value === value.value
+    );
+    if (!validOption) return;
+    onChange({ ...validOption, isPrefilled: true }, { action: "select" });
+  }, [enabled, onChange, options, value]);
+}
+
 // src/dashboard/select/Select.tsx
 import { jsx as jsx156, jsxs as jsxs99 } from "react/jsx-runtime";
 function SelectInternal(props, ref) {
@@ -13853,6 +13874,12 @@ function SelectInternal(props, ref) {
     return props.defaultValue ?? null;
   });
   const currentValue = isControlled ? props.value : internalValue;
+  useSetCorrectOptionIfThereIsOnlyValue({
+    enabled: !isMulti,
+    value: !isMulti ? props.value : void 0,
+    options,
+    onChange: !isMulti ? props.onChange : void 0
+  });
   const selectedOptions = React49.useMemo(() => {
     if (isMulti) return currentValue ?? [];
     return currentValue ? [currentValue] : [];