fui-material 2.6.5 → 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: [
@@ -3432,6 +3432,7 @@ const FSearchableSelect = forwardRef(
     disabled: disabled2,
     onKeyDown: restOnKeyDown,
     onFocus: restOnFocus,
+    onChangeTerm,
     ...restProps
   }, ref) => {
     const options = useMemo(() => {
@@ -3457,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);
@@ -3469,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;
@@ -3605,6 +3618,7 @@ const FSearchableSelect = forwardRef(
                 onChange: (e) => {
                   const val = e.target.value;
                   setSearchQuery(val);
+                  if (onChangeTerm) onChangeTerm(e);
                   if (!isOpen) setIsOpen(true);
                   if (allowCreate) {
                     triggerChange(val);
@@ -3633,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: `
@@ -3678,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}`,