@hexure/ui 1.13.36 → 1.13.37

package/dist/cjs/index.js

@@ -1839,10 +1839,11 @@ const Loader$1 = styled.div `
 const Input$1 = (_a) => {
     var { format, suffix, height, invalid, loading, max, maxLength, min, onBlur, onChange, onFocus, onKeyDown, 
     // eslint-disable-next-line @typescript-eslint/no-empty-function
-    onSuggestedSelect = () => { }, placeholder, readOnly, showCharCount, step, style, suggestedValues, showErrorTextColor = false, type = 'text', value = '', innerRef = null, tabIndex } = _a, accessibleProps = __rest(_a, ["format", "suffix", "height", "invalid", "loading", "max", "maxLength", "min", "onBlur", "onChange", "onFocus", "onKeyDown", "onSuggestedSelect", "placeholder", "readOnly", "showCharCount", "step", "style", "suggestedValues", "showErrorTextColor", "type", "value", "innerRef", "tabIndex"]);
+    onSuggestedSelect = () => { }, placeholder, readOnly, showCharCount, step, style, suggestedValues, showErrorTextColor = false, type = 'text', value = '', innerRef = null, tabIndex, isAutoComplete = false } = _a, accessibleProps = __rest(_a, ["format", "suffix", "height", "invalid", "loading", "max", "maxLength", "min", "onBlur", "onChange", "onFocus", "onKeyDown", "onSuggestedSelect", "placeholder", "readOnly", "showCharCount", "step", "style", "suggestedValues", "showErrorTextColor", "type", "value", "innerRef", "tabIndex", "isAutoComplete"]);
     const [show_options, setShowOptions] = React.useState(false);
     const [internalValue, setInternalValue] = React.useState(value);
     const [internalSuggestedValues, setInternalSuggestedValues] = React.useState(suggestedValues || []);
+    const [isFocused, setIsFocused] = React.useState(false);
     React.useEffect(() => {
         setInternalValue(value);
         setInternalSuggestedValues(suggestedValues || []);
@@ -1854,6 +1855,11 @@ const Input$1 = (_a) => {
             setInternalSuggestedValues(suggestedValues || []);
         }
     }, [value, suggestedValues]);
+    React.useEffect(() => {
+        if (isAutoComplete && isFocused) {
+            setInternalSuggestedValues(suggestedValues || []);
+        }
+    }, [isFocused]);
     const formatCurrencyDecimal = (value) => {
         const parts = value.toString().split('.');
         const integerPart = parts[0];
@@ -1932,6 +1938,7 @@ const Input$1 = (_a) => {
                 : e => {
                     if (onBlur)
                         onBlur(e);
+                    setIsFocused(false);
                     setTimeout(() => {
                         setShowOptions(false);
                     }, 500);
@@ -1939,6 +1946,7 @@ const Input$1 = (_a) => {
                 ? e => e.preventDefault()
                 : e => {
                     setShowOptions(true);
+                    setIsFocused(true);
                     if (onFocus)
                         onFocus(e);
                 }, onKeyDown: readOnly ? e => e.preventDefault() : onKeyDown, placeholder: placeholder, readOnly: readOnly, ref: innerRef, step: step, tabIndex: readOnly ? -1 : tabIndex, type: type, value: format === 'currency_decimal' && internalValue ? `$${formatted_value}` : formatted_value }, accessibleProps, { id: `${id}-input` })),
@@ -1949,11 +1957,11 @@ const Input$1 = (_a) => {
             maxLength ? ` / ${maxLength}` : null)) : null,
         suffix && React.createElement(StyledSuffix, { id: `${id}-suffix` }, suffix),
         show_options && internalSuggestedValues.length ? (React.createElement(SuggestedValues, { id: `${id}-suggested-values` },
-            React.createElement(SuggestedSummary, { id: `${id}-suggested-summary` },
+            isAutoComplete ? null : (React.createElement(SuggestedSummary, { id: `${id}-suggested-summary` },
                 internalSuggestedValues.length,
                 " Results Match \"",
                 internalValue,
-                "\""),
+                "\"")),
             internalSuggestedValues.map((suggestedValue, index) => (React.createElement(SuggestedValue, { id: `${id}-suggested-value-${index}`, key: index, onClick: () => {
                     handleInputChange({ target: { value: suggestedValue } });
                     onSuggestedSelect();