@bbl-digital/snorre 2.2.111 → 2.2.113

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 (5) hide show
  1. package/dist/bundle.js +14 -20
  2. package/esm/core/Autocomplete/index.js +15 -21
  3. package/lib/core/Autocomplete/index.d.ts.map +1 -1
  4. package/lib/core/Autocomplete/index.js +15 -21
  5. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -31466,7 +31466,6 @@
31466
31466
  css,
31467
31467
  ...props
31468
31468
  }, ref) => {
31469
- const customInputReferance = React.useRef(null);
31470
31469
  const {
31471
31470
  optionsHeight,
31472
31471
  optionsRef
@@ -31561,6 +31560,19 @@
31561
31560
  setHighlightedIndex(null);
31562
31561
  };
31563
31562
 
31563
+ const handleCustomOnKeyDown = e => {
31564
+ const {
31565
+ key
31566
+ } = e;
31567
+
31568
+ if (key === 'Escape') {
31569
+ handleEscape();
31570
+ return;
31571
+ }
31572
+
31573
+ props.onKeyDown?.(e);
31574
+ };
31575
+
31564
31576
  const handleOnKeyDown = e => {
31565
31577
  const {
31566
31578
  key
@@ -31630,23 +31642,6 @@
31630
31642
  document.removeEventListener('mousedown', handleClickOutside);
31631
31643
  };
31632
31644
  }, [showValues, valuesRef]);
31633
- React.useEffect(() => {
31634
- const handleClickOutside = e => {
31635
- const node = customInputReferance.current;
31636
- if (node && node.contains(e.target)) return;
31637
- setShowValues(false);
31638
- };
31639
-
31640
- if (showValues) {
31641
- document.addEventListener('keydown', handleClickOutside);
31642
- } else {
31643
- document.removeEventListener('keydown', handleClickOutside);
31644
- }
31645
-
31646
- return () => {
31647
- document.removeEventListener('keydown', handleClickOutside);
31648
- };
31649
- }, [showValues, valuesRef]);
31650
31645
  return jsxRuntime$1.jsxs(jsxRuntime$1.Fragment, {
31651
31646
  children: [jsxRuntime$1.jsxs("label", {
31652
31647
  css: theme => [styles.default(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), props.validation && styles.validation, height && styles.height(height), css && css],
@@ -31670,7 +31665,7 @@
31670
31665
  onBlur: props.onBlur,
31671
31666
  onFocus: props.onFocus,
31672
31667
  onChange: onInputChange,
31673
- onKeyDown: props.onKeyDown ? props.onKeyDown : handleOnKeyDown,
31668
+ onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
31674
31669
  onClick: handleOnInputClick,
31675
31670
  ref: ref,
31676
31671
  name: props.name,
@@ -31708,7 +31703,6 @@
31708
31703
  children: props.labelFromValues ? item[props.labelFromValues] : item.label
31709
31704
  }, props.keyFromValues ? item[props.keyFromValues] : item.key))
31710
31705
  }), props.renderCustomValueInput && jsxRuntime$1.jsx("div", {
31711
- ref: customInputReferance,
31712
31706
  children: props.renderCustomValueInput
31713
31707
  })]
31714
31708
  })]
package/esm/core/Autocomplete/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsxImportSource @emotion/react */
2
- import React, { createRef, useRef, useState } from 'react';
2
+ import React, { createRef, useState } from 'react';
3
3
  import { styles, ErrorMessage } from './styles';
4
4
  import { useEffect } from 'react';
5
5
  import { useDebounce } from '../utils/debounce';
@@ -17,7 +17,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
17
17
  css,
18
18
  ...props
19
19
  }, ref) => {
20
- const customInputReferance = useRef(null);
21
20
  const {
22
21
  optionsHeight,
23
22
  optionsRef
@@ -112,6 +111,19 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
112
111
  setHighlightedIndex(null);
113
112
  };
114
113
 
114
+ const handleCustomOnKeyDown = e => {
115
+ const {
116
+ key
117
+ } = e;
118
+
119
+ if (key === 'Escape') {
120
+ handleEscape();
121
+ return;
122
+ }
123
+
124
+ props.onKeyDown?.(e);
125
+ };
126
+
115
127
  const handleOnKeyDown = e => {
116
128
  const {
117
129
  key
@@ -184,23 +196,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
184
196
  document.removeEventListener('mousedown', handleClickOutside);
185
197
  };
186
198
  }, [showValues, valuesRef]);
187
- useEffect(() => {
188
- const handleClickOutside = e => {
189
- const node = customInputReferance.current;
190
- if (node && node.contains(e.target)) return;
191
- setShowValues(false);
192
- };
193
-
194
- if (showValues) {
195
- document.addEventListener('keydown', handleClickOutside);
196
- } else {
197
- document.removeEventListener('keydown', handleClickOutside);
198
- }
199
-
200
- return () => {
201
- document.removeEventListener('keydown', handleClickOutside);
202
- };
203
- }, [showValues, valuesRef]);
204
199
  return _jsxs(_Fragment, {
205
200
  children: [_jsxs("label", {
206
201
  css: theme => [styles.default(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), props.validation && styles.validation, height && styles.height(height), css && css],
@@ -224,7 +219,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
224
219
  onBlur: props.onBlur,
225
220
  onFocus: props.onFocus,
226
221
  onChange: onInputChange,
227
- onKeyDown: props.onKeyDown ? props.onKeyDown : handleOnKeyDown,
222
+ onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
228
223
  onClick: handleOnInputClick,
229
224
  ref: ref,
230
225
  name: props.name,
@@ -262,7 +257,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
262
257
  children: props.labelFromValues ? item[props.labelFromValues] : item.label
263
258
  }, props.keyFromValues ? item[props.keyFromValues] : item.key))
264
259
  }), props.renderCustomValueInput && _jsx("div", {
265
- ref: customInputReferance,
266
260
  children: props.renderCustomValueInput
267
261
  })]
268
262
  })]
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":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Autocomplete/index.tsx"],"names":[],"mappings":"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"}
package/lib/core/Autocomplete/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /** @jsxImportSource @emotion/react */
2
- import React, { createRef, useRef, useState } from 'react';
2
+ import React, { createRef, useState } from 'react';
3
3
  import { styles, ErrorMessage } from './styles';
4
4
  import { useEffect } from 'react';
5
5
  import { useDebounce } from '../utils/debounce';
@@ -17,7 +17,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
17
17
  css,
18
18
  ...props
19
19
  }, ref) => {
20
- const customInputReferance = useRef(null);
21
20
  const {
22
21
  optionsHeight,
23
22
  optionsRef
@@ -112,6 +111,19 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
112
111
  setHighlightedIndex(null);
113
112
  };
114
113
 
114
+ const handleCustomOnKeyDown = e => {
115
+ const {
116
+ key
117
+ } = e;
118
+
119
+ if (key === 'Escape') {
120
+ handleEscape();
121
+ return;
122
+ }
123
+
124
+ props.onKeyDown?.(e);
125
+ };
126
+
115
127
  const handleOnKeyDown = e => {
116
128
  const {
117
129
  key
@@ -184,23 +196,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
184
196
  document.removeEventListener('mousedown', handleClickOutside);
185
197
  };
186
198
  }, [showValues, valuesRef]);
187
- useEffect(() => {
188
- const handleClickOutside = e => {
189
- const node = customInputReferance.current;
190
- if (node && node.contains(e.target)) return;
191
- setShowValues(false);
192
- };
193
-
194
- if (showValues) {
195
- document.addEventListener('keydown', handleClickOutside);
196
- } else {
197
- document.removeEventListener('keydown', handleClickOutside);
198
- }
199
-
200
- return () => {
201
- document.removeEventListener('keydown', handleClickOutside);
202
- };
203
- }, [showValues, valuesRef]);
204
199
  return _jsxs(_Fragment, {
205
200
  children: [_jsxs("label", {
206
201
  css: theme => [styles.default(theme), (props.invalid || props.invalidMessage) && styles.invalid(theme), props.validation && styles.validation, height && styles.height(height), css && css],
@@ -224,7 +219,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
224
219
  onBlur: props.onBlur,
225
220
  onFocus: props.onFocus,
226
221
  onChange: onInputChange,
227
- onKeyDown: props.onKeyDown ? props.onKeyDown : handleOnKeyDown,
222
+ onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
228
223
  onClick: handleOnInputClick,
229
224
  ref: ref,
230
225
  name: props.name,
@@ -262,7 +257,6 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
262
257
  children: props.labelFromValues ? item[props.labelFromValues] : item.label
263
258
  }, props.keyFromValues ? item[props.keyFromValues] : item.key))
264
259
  }), props.renderCustomValueInput && _jsx("div", {
265
- ref: customInputReferance,
266
260
  children: props.renderCustomValueInput
267
261
  })]
268
262
  })]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.2.111",
3
+ "version": "2.2.113",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",