@arkyn/components 1.3.8 → 1.3.10

package/dist/components/Select/index.js

@@ -10,7 +10,7 @@ function Select(props) {
     const baseRef = useRef(null);
     const ref = inputRef || baseRef;
     const isError = props.isError || !!error;
-    const { disabled, title, style, className, prefix, iconSize, isLoading, LeftIcon, value: baseValue = null, defaultValue = "", readOnly, onFocus, onBlur, Spinner, name, isSearchable, placeholder, onSelect, options, optionMaxHeight, ...rest } = getConfig({ ...props, id, isError }, isFocused);
+    const { disabled, title, style, className, prefix, iconSize, isLoading, LeftIcon, value: baseValue = null, defaultValue = "", readOnly, onFocus, onBlur, Spinner, name, isSearchable, placeholder, onSelect, options, optionMaxHeight, closeOnSelect, ...rest } = getConfig({ ...props, id, isError }, isFocused);
     const [selectedValue, setSelectedValue] = useState(defaultValue);
     const [searchValue, setSearchValue] = useState("");
     function handleSectionClick() {
@@ -60,12 +60,13 @@ function Select(props) {
             return true;
         }
     });
-    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 || isLoading, readOnly: !isSearchable, value: searchValue || "", placeholder: currentLabel || placeholder, ref: ref, onFocus: handleFocus, onBlur: () => setSearchValue(""), ...rest, onChange: (e) => setSearchValue(e.target.value) }), _jsx("input", { type: "hidden", name: name, value: currentValue || "", readOnly: true }), isFocused && (_jsxs("ul", { className: "arkyn_select_content", style: { overflow: "auto", maxHeight: optionMaxHeight }, children: [filteredOptions.map(({ label, value }) => (_jsxs("li", { className: currentValue === value ? "active" : "", onClick: () => {
+    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 || isLoading, readOnly: !isSearchable, value: searchValue || "", placeholder: currentLabel || placeholder, onFocus: handleFocus, onBlur: () => setSearchValue(""), ...rest, onChange: (e) => setSearchValue(e.target.value) }), _jsx("input", { type: "hidden", ref: ref, name: name, value: currentValue || "", readOnly: true }), isFocused && (_jsxs("ul", { className: "arkyn_select_content", style: { overflow: "auto", maxHeight: optionMaxHeight }, children: [filteredOptions.map(({ label, value }) => (_jsxs("li", { className: currentValue === value ? "active" : "", onClick: () => {
                                     if (selectedValue !== value)
                                         setSelectedValue(value);
                                     else
                                         setSelectedValue("");
                                     onSelect && onSelect({ label, value });
+                                    closeOnSelect && setTimeout(() => handleBlur(), 100);
                                 }, children: [label, " ", _jsx(Check, {})] }, value))), filteredOptions.length <= 0 && _jsx("p", { children: "Sem op\u00E7\u00F5es dispon\u00EDveis" })] })), !isLoading && (_jsx(ChevronDown, { className: "arkyn_select_arrow", size: iconSize, strokeWidth: 2.5 })), isLoading && Spinner] }), isFocused && (_jsx("aside", { className: "arkyn_select_overlay", onClick: handleBlur }))] }));
 }
 export { Select };

package/package.json

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

package/src/components/Input/CurrencyInput/index.tsx

@@ -9,9 +9,6 @@ import { currencyInputKeyDown, valueDisplay } from "./utils";
 
 function CurrencyInput(props: CurrencyInputProps) {
   const [isFocused, setIsFocused] = useState(false);
-  const [currencyValue, setCurrencyValue] = useState(
-    props.defaultValue * 100 || 0
-  );
 
   const baseRef = useRef<HTMLInputElement>(null);
 
@@ -41,9 +38,12 @@ function CurrencyInput(props: CurrencyInputProps) {
     onKeyDown,
     onChange,
     showCents,
+    defaultValue,
     ...rest
   } = getConfig({ ...props, id, isError }, isFocused);
 
+  const [currencyValue, setCurrencyValue] = useState(defaultValue * 100 || 0);
+
   const showLeftIcon = LeftIcon && !isLoading;
   const showRightIcon = RightIcon && !isLoading;
 

package/src/components/Input/SimpleInput/index.tsx

@@ -58,8 +58,8 @@ function SimpleInput(props: SimpleInputProps) {
     if (onBlur) onBlur(e);
   }
 
-  if(type === "hidden") {
-    return <input type="hidden" {...rest} />
+  if (type === "hidden") {
+    return <input type="hidden" ref={ref} {...rest} />;
   }
 
   return (

package/src/components/Select/getConfig.tsx

@@ -19,6 +19,7 @@ function getConfig(props: SelectProps, isFocused: boolean) {
     title,
     style,
     isSearchable = false,
+    closeOnSelect = true,
     ...rest
   } = props;
 
@@ -41,6 +42,7 @@ function getConfig(props: SelectProps, isFocused: boolean) {
     onFocus,
     onBlur,
     title,
+    closeOnSelect,
     style,
     isSearchable,
     iconSize: iconSize,

package/src/components/Select/index.tsx

@@ -39,6 +39,7 @@ function Select(props: SelectProps) {
     onSelect,
     options,
     optionMaxHeight,
+    closeOnSelect,
     ...rest
   } = getConfig({ ...props, id, isError }, isFocused);
 
@@ -109,14 +110,19 @@ function Select(props: SelectProps) {
           readOnly={!isSearchable}
           value={searchValue || ""}
           placeholder={currentLabel || placeholder}
-          ref={ref}
           onFocus={handleFocus}
           onBlur={() => setSearchValue("")}
           {...rest}
           onChange={(e) => setSearchValue(e.target.value)}
         />
 
-        <input type="hidden" name={name} value={currentValue || ""} readOnly />
+        <input
+          type="hidden"
+          ref={ref}
+          name={name}
+          value={currentValue || ""}
+          readOnly
+        />
 
         {isFocused && (
           <ul
@@ -131,6 +137,7 @@ function Select(props: SelectProps) {
                   if (selectedValue !== value) setSelectedValue(value);
                   else setSelectedValue("");
                   onSelect && onSelect({ label, value });
+                  closeOnSelect && setTimeout(() => handleBlur(), 100);
                 }}
               >
                 {label} <Check />