@bbl-digital/snorre 3.0.10 → 3.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/bundle.js +10 -3
  2. package/esm/core/Autocomplete/hooks/useAutocomplete.js +7 -1
  3. package/esm/core/Autocomplete/index.js +3 -2
  4. package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts +1 -0
  5. package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts.map +1 -1
  6. package/lib/core/Autocomplete/hooks/useAutocomplete.js +7 -1
  7. package/lib/core/Autocomplete/index.d.ts.map +1 -1
  8. package/lib/core/Autocomplete/index.js +3 -2
  9. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -31852,8 +31852,8 @@
31852
31852
  const [inputValues, setInputValues] = React.useState(props.values);
31853
31853
 
31854
31854
  const handleValueClick = value => {
31855
- setShowValues(false);
31856
31855
  props.onSelectItem?.(value);
31856
+ setShowValues(false);
31857
31857
  };
31858
31858
 
31859
31859
  const clearSelectedItem = () => handleValueClick({
@@ -31892,6 +31892,11 @@
31892
31892
  }
31893
31893
  };
31894
31894
 
31895
+ const onFuzzyFocus = () => {
31896
+ setValueChanged('');
31897
+ if (props.values?.length) setShowValues(true);
31898
+ };
31899
+
31895
31900
  const renderedValues = React.useMemo(() => {
31896
31901
  if (!props.values?.length) return [];
31897
31902
 
@@ -32058,6 +32063,7 @@
32058
32063
  handleCustomOnKeyDown,
32059
32064
  handleOnInputClick,
32060
32065
  onFuzzyBlur,
32066
+ onFuzzyFocus,
32061
32067
  value,
32062
32068
  highlightedIndex,
32063
32069
  showValues,
@@ -32092,7 +32098,8 @@
32092
32098
  handleOnKeyDown,
32093
32099
  handleValueClick,
32094
32100
  onInputChange,
32095
- onFuzzyBlur
32101
+ onFuzzyBlur,
32102
+ onFuzzyFocus
32096
32103
  } = useAutocomplete(props);
32097
32104
  React.useEffect(() => {
32098
32105
  const handleClickOutside = e => {
@@ -32137,7 +32144,7 @@
32137
32144
  disabled: props.disabled,
32138
32145
  autoFocus: props.focus,
32139
32146
  onBlur: props.fuzzy ? onFuzzyBlur : props.onBlur,
32140
- onFocus: props.onFocus,
32147
+ onFocus: props.fuzzy ? onFuzzyFocus : props.onFocus,
32141
32148
  onChange: onInputChange,
32142
32149
  onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
32143
32150
  onClick: handleOnInputClick,
package/esm/core/Autocomplete/hooks/useAutocomplete.js CHANGED
@@ -12,8 +12,8 @@ const useAutocomplete = props => {
12
12
  const [inputValues, setInputValues] = useState(props.values);
13
13
 
14
14
  const handleValueClick = value => {
15
- setShowValues(false);
16
15
  props.onSelectItem?.(value);
16
+ setShowValues(false);
17
17
  };
18
18
 
19
19
  const clearSelectedItem = () => handleValueClick({
@@ -52,6 +52,11 @@ const useAutocomplete = props => {
52
52
  }
53
53
  };
54
54
 
55
+ const onFuzzyFocus = () => {
56
+ setValueChanged('');
57
+ if (props.values?.length) setShowValues(true);
58
+ };
59
+
55
60
  const renderedValues = useMemo(() => {
56
61
  if (!props.values?.length) return [];
57
62
 
@@ -221,6 +226,7 @@ const useAutocomplete = props => {
221
226
  handleCustomOnKeyDown,
222
227
  handleOnInputClick,
223
228
  onFuzzyBlur,
229
+ onFuzzyFocus,
224
230
  value,
225
231
  highlightedIndex,
226
232
  showValues,
package/esm/core/Autocomplete/index.js CHANGED
@@ -37,7 +37,8 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
37
37
  handleOnKeyDown,
38
38
  handleValueClick,
39
39
  onInputChange,
40
- onFuzzyBlur
40
+ onFuzzyBlur,
41
+ onFuzzyFocus
41
42
  } = useAutocomplete(props);
42
43
  useEffect(() => {
43
44
  const handleClickOutside = e => {
@@ -82,7 +83,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
82
83
  disabled: props.disabled,
83
84
  autoFocus: props.focus,
84
85
  onBlur: props.fuzzy ? onFuzzyBlur : props.onBlur,
85
- onFocus: props.onFocus,
86
+ onFocus: props.fuzzy ? onFuzzyFocus : props.onFocus,
86
87
  onChange: onInputChange,
87
88
  onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
88
89
  onClick: handleOnInputClick,
package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts CHANGED
@@ -11,6 +11,7 @@ declare const useAutocomplete: (props: IProps) => {
11
11
  handleCustomOnKeyDown: (e: React.KeyboardEvent<HTMLInputElement>) => void;
12
12
  handleOnInputClick: () => void;
13
13
  onFuzzyBlur: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
14
+ onFuzzyFocus: () => void;
14
15
  value: string;
15
16
  highlightedIndex: number | null;
16
17
  showValues: boolean;
package/lib/core/Autocomplete/hooks/useAutocomplete.d.ts.map CHANGED
@@ -1 +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"}
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;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 CHANGED
@@ -12,8 +12,8 @@ const useAutocomplete = props => {
12
12
  const [inputValues, setInputValues] = useState(props.values);
13
13
 
14
14
  const handleValueClick = value => {
15
- setShowValues(false);
16
15
  props.onSelectItem?.(value);
16
+ setShowValues(false);
17
17
  };
18
18
 
19
19
  const clearSelectedItem = () => handleValueClick({
@@ -52,6 +52,11 @@ const useAutocomplete = props => {
52
52
  }
53
53
  };
54
54
 
55
+ const onFuzzyFocus = () => {
56
+ setValueChanged('');
57
+ if (props.values?.length) setShowValues(true);
58
+ };
59
+
55
60
  const renderedValues = useMemo(() => {
56
61
  if (!props.values?.length) return [];
57
62
 
@@ -221,6 +226,7 @@ const useAutocomplete = props => {
221
226
  handleCustomOnKeyDown,
222
227
  handleOnInputClick,
223
228
  onFuzzyBlur,
229
+ onFuzzyFocus,
224
230
  value,
225
231
  highlightedIndex,
226
232
  showValues,
package/lib/core/Autocomplete/index.d.ts.map CHANGED
@@ -1 +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"}
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,CAqLjC,CAAA;AAEF,eAAe,YAAY,CAAA"}
package/lib/core/Autocomplete/index.js CHANGED
@@ -37,7 +37,8 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
37
37
  handleOnKeyDown,
38
38
  handleValueClick,
39
39
  onInputChange,
40
- onFuzzyBlur
40
+ onFuzzyBlur,
41
+ onFuzzyFocus
41
42
  } = useAutocomplete(props);
42
43
  useEffect(() => {
43
44
  const handleClickOutside = e => {
@@ -82,7 +83,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
82
83
  disabled: props.disabled,
83
84
  autoFocus: props.focus,
84
85
  onBlur: props.fuzzy ? onFuzzyBlur : props.onBlur,
85
- onFocus: props.onFocus,
86
+ onFocus: props.fuzzy ? onFuzzyFocus : props.onFocus,
86
87
  onChange: onInputChange,
87
88
  onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
88
89
  onClick: handleOnInputClick,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "3.0.10",
3
+ "version": "3.0.11",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",