@bbl-digital/snorre 3.0.10 → 3.0.11

package/dist/bundle.js

@@ -31852,8 +31852,8 @@
     const [inputValues, setInputValues] = React.useState(props.values);
 
     const handleValueClick = value => {
-      setShowValues(false);
       props.onSelectItem?.(value);
+      setShowValues(false);
     };
 
     const clearSelectedItem = () => handleValueClick({
@@ -31892,6 +31892,11 @@
       }
     };
 
+    const onFuzzyFocus = () => {
+      setValueChanged('');
+      if (props.values?.length) setShowValues(true);
+    };
+
     const renderedValues = React.useMemo(() => {
       if (!props.values?.length) return [];
 
@@ -32058,6 +32063,7 @@
       handleCustomOnKeyDown,
       handleOnInputClick,
       onFuzzyBlur,
+      onFuzzyFocus,
       value,
       highlightedIndex,
       showValues,
@@ -32092,7 +32098,8 @@
       handleOnKeyDown,
       handleValueClick,
       onInputChange,
-      onFuzzyBlur
+      onFuzzyBlur,
+      onFuzzyFocus
     } = useAutocomplete(props);
     React.useEffect(() => {
       const handleClickOutside = e => {
@@ -32137,7 +32144,7 @@
               disabled: props.disabled,
               autoFocus: props.focus,
               onBlur: props.fuzzy ? onFuzzyBlur : props.onBlur,
-              onFocus: props.onFocus,
+              onFocus: props.fuzzy ? onFuzzyFocus : props.onFocus,
               onChange: onInputChange,
               onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
               onClick: handleOnInputClick,

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

@@ -12,8 +12,8 @@ const useAutocomplete = props => {
   const [inputValues, setInputValues] = useState(props.values);
 
   const handleValueClick = value => {
-    setShowValues(false);
     props.onSelectItem?.(value);
+    setShowValues(false);
   };
 
   const clearSelectedItem = () => handleValueClick({
@@ -52,6 +52,11 @@ const useAutocomplete = props => {
     }
   };
 
+  const onFuzzyFocus = () => {
+    setValueChanged('');
+    if (props.values?.length) setShowValues(true);
+  };
+
   const renderedValues = useMemo(() => {
     if (!props.values?.length) return [];
 
@@ -221,6 +226,7 @@ const useAutocomplete = props => {
     handleCustomOnKeyDown,
     handleOnInputClick,
     onFuzzyBlur,
+    onFuzzyFocus,
     value,
     highlightedIndex,
     showValues,

package/esm/core/Autocomplete/index.js

@@ -37,7 +37,8 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
     handleOnKeyDown,
     handleValueClick,
     onInputChange,
-    onFuzzyBlur
+    onFuzzyBlur,
+    onFuzzyFocus
   } = useAutocomplete(props);
   useEffect(() => {
     const handleClickOutside = e => {
@@ -82,7 +83,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
             disabled: props.disabled,
             autoFocus: props.focus,
             onBlur: props.fuzzy ? onFuzzyBlur : props.onBlur,
-            onFocus: props.onFocus,
+            onFocus: props.fuzzy ? onFuzzyFocus : props.onFocus,
             onChange: onInputChange,
             onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
             onClick: handleOnInputClick,

package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts

@@ -11,6 +11,7 @@ declare const useAutocomplete: (props: IProps) => {
     handleCustomOnKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
     handleOnInputClick: () => void;
     onFuzzyBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
+    onFuzzyFocus: () => void;
     value: string;
     highlightedIndex: number | null;
     showValues: boolean;

package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Autocomplete/hooks/useAutocomplete.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAE1D,QAAA,MAAM,eAAe,UAAW,MAAM;;;;;;uBAuBV,MAAM,WAAW,CAAC,gBAAgB,CAAC;yBA6IjC,mBAAmB,CAAC,gBAAgB,CAAC;+BAZ/B,mBAAmB,CAAC,gBAAgB,CAAC;;qBAhH/C,gBAAgB,CAAC,gBAAgB,EAAE,OAAO,CAAC;;;;;CAyMpE,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"useAutocomplete.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/Autocomplete/hooks/useAutocomplete.ts"],"names":[],"mappings":";AAIA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAE1D,QAAA,MAAM,eAAe,UAAW,MAAM;;;;;;uBAuBV,MAAM,WAAW,CAAC,gBAAgB,CAAC;yBAkJjC,mBAAmB,CAAC,gBAAgB,CAAC;+BAZ/B,mBAAmB,CAAC,gBAAgB,CAAC;;qBArH/C,gBAAgB,CAAC,gBAAgB,EAAE,OAAO,CAAC;;;;;;CA+MpE,CAAA;AAED,eAAe,eAAe,CAAA"}

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

@@ -12,8 +12,8 @@ const useAutocomplete = props => {
   const [inputValues, setInputValues] = useState(props.values);
 
   const handleValueClick = value => {
-    setShowValues(false);
     props.onSelectItem?.(value);
+    setShowValues(false);
   };
 
   const clearSelectedItem = () => handleValueClick({
@@ -52,6 +52,11 @@ const useAutocomplete = props => {
     }
   };
 
+  const onFuzzyFocus = () => {
+    setValueChanged('');
+    if (props.values?.length) setShowValues(true);
+  };
+
   const renderedValues = useMemo(() => {
     if (!props.values?.length) return [];
 
@@ -221,6 +226,7 @@ const useAutocomplete = props => {
     handleCustomOnKeyDown,
     handleOnInputClick,
     onFuzzyBlur,
+    onFuzzyFocus,
     value,
     highlightedIndex,
     showValues,

package/lib/core/Autocomplete/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAQtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAG3C,oBAAY,GAAG,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAA;AAEhD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoLjC,CAAA;AAEF,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAa,YAAY,EAAE,MAAM,OAAO,CAAA;AAQtD,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAG3C,oBAAY,GAAG,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAA;AAEhD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAqLjC,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/lib/core/Autocomplete/index.js

@@ -37,7 +37,8 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
     handleOnKeyDown,
     handleValueClick,
     onInputChange,
-    onFuzzyBlur
+    onFuzzyBlur,
+    onFuzzyFocus
   } = useAutocomplete(props);
   useEffect(() => {
     const handleClickOutside = e => {
@@ -82,7 +83,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
             disabled: props.disabled,
             autoFocus: props.focus,
             onBlur: props.fuzzy ? onFuzzyBlur : props.onBlur,
-            onFocus: props.onFocus,
+            onFocus: props.fuzzy ? onFuzzyFocus : props.onFocus,
             onChange: onInputChange,
             onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
             onClick: handleOnInputClick,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "3.0.10",
+  "version": "3.0.11",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",