@arkyn/components 1.4.18 → 1.4.20

package/dist/components/Select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAUhD,OAAO,cAAc,CAAC;AAEtB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAgKjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAUhD,OAAO,cAAc,CAAC;AAEtB,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAyKjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/Select/index.js

@@ -20,6 +20,14 @@ function Select(props) {
         setIsFocused(true);
         ref.current.focus();
     }
+    function handleSearch(e) {
+        if (onSearch) {
+            setSearch("");
+            onSearch(e.target.value);
+        }
+        if (!onSearch)
+            setSearch(e.target.value);
+    }
     function handleFocus(e) {
         if (isFocused)
             return;
@@ -55,7 +63,7 @@ function Select(props) {
         if (isFocused && !currentLabel)
             return false;
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: `${className} placeholder_dark_${placeholderDark()}`, children: [prefix, LeftIcon && _jsx(LeftIcon, { size: iconSize, strokeWidth: 2.5 }), _jsx("input", { disabled: disabled, readOnly: true, placeholder: currentLabel || placeholder, onFocus: handleFocus, ...rest }), _jsx("input", { type: "hidden", ref: ref, name: name, value: currentValue || "", readOnly: true }), isFocused && (_jsxs("div", { className: "arkyn_select_content", style: { overflow: "auto", maxHeight: optionMaxHeight }, children: [isSearchable && (_jsx(Input, { type: "search", name: "search-select", variant: "underline", leftIcon: Search, onChange: (e) => setSearch(e.target.value) })), options
+    return (_jsxs(_Fragment, { children: [_jsxs("section", { title: title, style: style, onClick: handleSectionClick, className: `${className} placeholder_dark_${placeholderDark()}`, children: [prefix, LeftIcon && _jsx(LeftIcon, { size: iconSize, strokeWidth: 2.5 }), _jsx("input", { disabled: disabled, readOnly: true, placeholder: currentLabel || placeholder, onFocus: handleFocus, ...rest }), _jsx("input", { type: "hidden", ref: ref, name: name, value: currentValue || "", readOnly: true }), isFocused && (_jsxs("div", { className: "arkyn_select_content", style: { overflow: "auto", maxHeight: optionMaxHeight }, children: [isSearchable && (_jsx(Input, { type: "search", name: "search-select", variant: "underline", leftIcon: Search, onChange: handleSearch })), options
                                 .filter((option) => {
                                 if (props.onSearch)
                                     return true;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.4.18",
+  "version": "1.4.20",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/Select/index.tsx

@@ -53,6 +53,15 @@ function Select(props: SelectProps) {
     ref.current.focus();
   }
 
+  function handleSearch(e: React.ChangeEvent<HTMLInputElement>) {
+    if (onSearch) {
+      setSearch("");
+      onSearch(e.target.value);
+    }
+
+    if (!onSearch) setSearch(e.target.value);
+  }
+
   function handleFocus(e: FocusEvent<HTMLInputElement>) {
     if (isFocused) return;
     setIsFocused(true);
@@ -125,7 +134,7 @@ function Select(props: SelectProps) {
                 name="search-select"
                 variant="underline"
                 leftIcon={Search}
-                onChange={(e) => setSearch(e.target.value)}
+                onChange={handleSearch}
               />
             )}