fui-material 2.6.6 → 2.6.7

package/dist/f-ui-kit.es.js

@@ -3380,24 +3380,24 @@ const FTooltip = ({
     tooltipElement && createPortal(tooltipElement, document.body)
   ] });
 };
-const rotate = "_rotate_1prwk_43";
-const focused = "_focused_1prwk_94";
-const selected = "_selected_1prwk_97";
+const rotate = "_rotate_fq6h3_43";
+const focused = "_focused_fq6h3_94";
+const selected = "_selected_fq6h3_97";
 const styles$6 = {
-  "f-search-select": "_f-search-select_1prwk_3",
-  "f-select-native-hidden": "_f-select-native-hidden_1prwk_8",
-  "f-select-actions": "_f-select-actions_1prwk_25",
-  "f-select-icon": "_f-select-icon_1prwk_34",
+  "f-search-select": "_f-search-select_fq6h3_3",
+  "f-select-native-hidden": "_f-select-native-hidden_fq6h3_8",
+  "f-select-actions": "_f-select-actions_fq6h3_25",
+  "f-select-icon": "_f-select-icon_fq6h3_34",
   rotate,
-  "f-select-dropdown": "_f-select-dropdown_1prwk_48",
-  "f-select-list": "_f-select-list_1prwk_62",
-  "f-select-option": "_f-select-option_1prwk_81",
+  "f-select-dropdown": "_f-select-dropdown_fq6h3_48",
+  "f-select-list": "_f-select-list_fq6h3_62",
+  "f-select-option": "_f-select-option_fq6h3_81",
   focused,
   selected,
-  "f-select-create": "_f-select-create_1prwk_102",
-  "f-select-no-results": "_f-select-no-results_1prwk_108",
-  "f-select-highlight": "_f-select-highlight_1prwk_128",
-  "has-icons": "_has-icons_1prwk_135"
+  "f-select-create": "_f-select-create_fq6h3_102",
+  "f-select-no-results": "_f-select-no-results_fq6h3_108",
+  "f-select-highlight": "_f-select-highlight_fq6h3_128",
+  "has-icons": "_has-icons_fq6h3_135"
 };
 const ChevronIcon = ({ className }) => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className, children: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" }) });
 const CloseIcon = () => /* @__PURE__ */ jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
@@ -3458,6 +3458,7 @@ const FSearchableSelect = forwardRef(
     const [isOpen, setIsOpen] = useState(false);
     const [searchQuery, setSearchQuery] = useState("");
     const [highlightedIndex, setHighlightedIndex] = useState(0);
+    const [isTyping, setIsTyping] = useState(false);
     const containerRef = useRef(null);
     const visibleInputRef = useRef(null);
     const listRef = useRef(null);
@@ -3470,6 +3471,17 @@ const FSearchableSelect = forwardRef(
         setSearchQuery(found ? found.label : strValue);
       }
     }, [restProps.value, options]);
+    useEffect(() => {
+      if (!searchQuery || !isOpen) {
+        setIsTyping(false);
+        return;
+      }
+      setIsTyping(true);
+      const timeoutId = setTimeout(() => {
+        setIsTyping(false);
+      }, 600);
+      return () => clearTimeout(timeoutId);
+    }, [searchQuery, isOpen]);
     const deferredQuery = useDeferredValue(searchQuery);
     const filteredOptions = useMemo(() => {
       if (!isOpen) return options;
@@ -3635,7 +3647,10 @@ const FSearchableSelect = forwardRef(
               /* @__PURE__ */ jsx("div", { className: `${styles$6["f-select-icon"]} ${isOpen ? styles$6["rotate"] : ""}`, children: /* @__PURE__ */ jsx(ChevronIcon, {}) })
             ] })
           ] }),
-          isOpen && !disabled2 && !load && /* @__PURE__ */ jsx("div", { className: styles$6["f-select-dropdown"], children: /* @__PURE__ */ jsx("ul", { ref: listRef, className: styles$6["f-select-list"], children: renderList.length === 0 ? /* @__PURE__ */ jsx("li", { className: styles$6["f-select-no-results"], children: allowCreate ? "Нет данных" : "Совпадений не найдено" }) : renderList.map((option, index) => /* @__PURE__ */ jsx(
+          isOpen && !disabled2 && !load && /* @__PURE__ */ jsx("div", { className: styles$6["f-select-dropdown"], children: /* @__PURE__ */ jsx("ul", { ref: listRef, className: styles$6["f-select-list"], children: isTyping ? (
+            // НОВОЕ: Отображение статуса ввода
+            /* @__PURE__ */ jsx("li", { className: styles$6["f-select-no-results"], children: "Ожидается окончание ввода..." })
+          ) : renderList.length === 0 ? /* @__PURE__ */ jsx("li", { className: styles$6["f-select-no-results"], children: allowCreate ? "Нет данных" : "Совпадений не найдено" }) : renderList.map((option, index) => /* @__PURE__ */ jsx(
             "li",
             {
               className: `
@@ -3680,11 +3695,11 @@ const FSearchableSelect = forwardRef(
               )
             }
           ),
-          errText && errText.length > 0 && /* @__PURE__ */ jsx(
+          errText && Array.isArray(errText) && errText.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
               className: "f-form-element__errorblock",
-              children: typeof errText !== "string" && errText.map((error2, index) => /* @__PURE__ */ jsx(
+              children: errText.map((error2, index) => /* @__PURE__ */ jsx(
                 "p",
                 {
                   id: `${inputId}-errortext-${index}`,