@arkyn/components 1.3.7 → 1.3.9

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

@@ -9,7 +9,6 @@ import { currencyInputKeyDown, valueDisplay } from "./utils";
 
 function CurrencyInput(props: CurrencyInputProps) {
   const [isFocused, setIsFocused] = useState(false);
-  const [currencyValue, setCurrencyValue] = useState(props.defaultValue || 0);
 
   const baseRef = useRef<HTMLInputElement>(null);
 
@@ -39,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;
 
@@ -56,7 +58,7 @@ function CurrencyInput(props: CurrencyInputProps) {
 
   function handleKeyDown(event: KeyboardEvent<HTMLInputElement>) {
     currencyInputKeyDown({ currencyValue, event, max, setCurrencyValue });
-    onChange && onChange(currencyValue);
+    onChange && onChange(currencyValue / 100);
     onKeyDown && onKeyDown(event);
   }
 

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

@@ -31,6 +31,7 @@ function SimpleInput(props: SimpleInputProps) {
     onFocus,
     onBlur,
     RightIcon,
+    type,
     Spinner,
     ...rest
   } = getConfig({ ...props, id, isError }, isFocused);
@@ -57,6 +58,10 @@ function SimpleInput(props: SimpleInputProps) {
     if (onBlur) onBlur(e);
   }
 
+  if (type === "hidden") {
+    return <input type="hidden" ref={ref} {...rest} />;
+  }
+
   return (
     <section
       title={title}
@@ -74,6 +79,7 @@ function SimpleInput(props: SimpleInputProps) {
         ref={ref}
         onFocus={handleFocus}
         onBlur={handleBlur}
+        type={type}
         {...rest}
       />
 

package/src/components/Select/index.tsx

@@ -109,14 +109,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