@bbl-digital/snorre 3.0.7 → 3.0.10

package/esm/core/Autocomplete/hooks/useAutocomplete.js

@@ -12,8 +12,8 @@ const useAutocomplete = props => {
   const [inputValues, setInputValues] = useState(props.values);
 
   const handleValueClick = value => {
-    props.onSelectItem?.(value);
     setShowValues(false);
+    props.onSelectItem?.(value);
   };
 
   const clearSelectedItem = () => handleValueClick({
@@ -38,8 +38,6 @@ const useAutocomplete = props => {
   const onFuzzyBlur = e => {
     // If the value of the input is changed, and does not match the value of the values array,
     // we should revert back the input value to the original value
-    //What
-    // if (!e.target.value.length) clearSelectedItem()
     if (e.target.value === props.value) return; // If target value is the same as a value from the values array, we should set the value for the user
 
     if (inputValues?.length) {
@@ -50,18 +48,10 @@ const useAutocomplete = props => {
         setValueChanged(val);
         handleValueClick(valueInInputValues);
         return;
-      } // Otherwise we should return to the original input value
-
-
-      setValueChanged(props.value ?? '');
+      }
     }
   };
 
-  const onFuzzyFocus = () => {
-    setValueChanged('');
-    if (props.values?.length) setShowValues(true);
-  };
-
   const renderedValues = useMemo(() => {
     if (!props.values?.length) return [];
 
@@ -231,7 +221,6 @@ const useAutocomplete = props => {
     handleCustomOnKeyDown,
     handleOnInputClick,
     onFuzzyBlur,
-    onFuzzyFocus,
     value,
     highlightedIndex,
     showValues,

package/esm/core/Autocomplete/index.js

@@ -37,8 +37,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
     handleOnKeyDown,
     handleValueClick,
     onInputChange,
-    onFuzzyBlur,
-    onFuzzyFocus
+    onFuzzyBlur
   } = useAutocomplete(props);
   useEffect(() => {
     const handleClickOutside = e => {
@@ -60,8 +59,8 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
   return _jsxs(_Fragment, {
     children: [_jsxs("label", {
       ref: inputWrapperRef,
-      css: theme => [styles.default(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), props.validation && styles.validation, props.onLabelClick && styles.clickableLabel, height && styles.height(height), css && css],
       onClick: props.onLabelClick ? e => e.preventDefault() : undefined,
+      css: theme => [styles.default(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), props.validation && styles.validation, props.onLabelClick && styles.clickableLabel, height && styles.height(height), css && css],
       children: [_jsxs("span", {
         css: styles.label,
         children: [props.label && (props.onLabelClick ? _jsx(Link, {
@@ -83,7 +82,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
             disabled: props.disabled,
             autoFocus: props.focus,
             onBlur: props.fuzzy ? onFuzzyBlur : props.onBlur,
-            onFocus: props.fuzzy ? onFuzzyFocus : props.onFocus,
+            onFocus: props.onFocus,
             onChange: onInputChange,
             onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
             onClick: handleOnInputClick,