@bbl-digital/snorre 2.2.110 → 2.2.114

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.
package/dist/bundle.js CHANGED
@@ -31560,6 +31560,19 @@
31560
31560
  setHighlightedIndex(null);
31561
31561
  };
31562
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
+
31563
31576
  const handleOnKeyDown = e => {
31564
31577
  const {
31565
31578
  key
@@ -31608,6 +31621,10 @@
31608
31621
  const value = props.value ? props.value : '';
31609
31622
  setValueChanged(value);
31610
31623
  }, [props.value]);
31624
+ React.useEffect(() => {
31625
+ if (!props.openCustomValueInputOnKeyPress) return;
31626
+ if (value.length) setShowValues(true); // eslint-disable-next-line react-hooks/exhaustive-deps
31627
+ }, [value]);
31611
31628
  React.useEffect(() => {
31612
31629
  const handleClickOutside = e => {
31613
31630
  const node = valuesRef.current;
@@ -31652,7 +31669,7 @@
31652
31669
  onBlur: props.onBlur,
31653
31670
  onFocus: props.onFocus,
31654
31671
  onChange: onInputChange,
31655
- onKeyDown: props.onKeyDown ? props.onKeyDown : handleOnKeyDown,
31672
+ onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
31656
31673
  onClick: handleOnInputClick,
31657
31674
  ref: ref,
31658
31675
  name: props.name,
@@ -111,6 +111,19 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
111
111
  setHighlightedIndex(null);
112
112
  };
113
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
+
114
127
  const handleOnKeyDown = e => {
115
128
  const {
116
129
  key
@@ -162,6 +175,10 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
162
175
  const value = props.value ? props.value : '';
163
176
  setValueChanged(value);
164
177
  }, [props.value]);
178
+ useEffect(() => {
179
+ if (!props.openCustomValueInputOnKeyPress) return;
180
+ if (value.length) setShowValues(true); // eslint-disable-next-line react-hooks/exhaustive-deps
181
+ }, [value]);
165
182
  useEffect(() => {
166
183
  const handleClickOutside = e => {
167
184
  const node = valuesRef.current;
@@ -206,7 +223,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
206
223
  onBlur: props.onBlur,
207
224
  onFocus: props.onFocus,
208
225
  onChange: onInputChange,
209
- onKeyDown: props.onKeyDown ? props.onKeyDown : handleOnKeyDown,
226
+ onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
210
227
  onClick: handleOnInputClick,
211
228
  ref: ref,
212
229
  name: props.name,
@@ -52,6 +52,8 @@ interface IProps {
52
52
  renderOptions?: ReactNode[];
53
53
  /** Renders a custom input list */
54
54
  renderCustomValueInput?: ReactNode;
55
+ /** Open custom value input when starting to write */
56
+ openCustomValueInputOnKeyPress?: boolean;
55
57
  /** Values to list out */
56
58
  values?: {
57
59
  key: string;
@@ -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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"}
@@ -111,6 +111,19 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
111
111
  setHighlightedIndex(null);
112
112
  };
113
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
+
114
127
  const handleOnKeyDown = e => {
115
128
  const {
116
129
  key
@@ -162,6 +175,10 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
162
175
  const value = props.value ? props.value : '';
163
176
  setValueChanged(value);
164
177
  }, [props.value]);
178
+ useEffect(() => {
179
+ if (!props.openCustomValueInputOnKeyPress) return;
180
+ if (value.length) setShowValues(true); // eslint-disable-next-line react-hooks/exhaustive-deps
181
+ }, [value]);
165
182
  useEffect(() => {
166
183
  const handleClickOutside = e => {
167
184
  const node = valuesRef.current;
@@ -206,7 +223,7 @@ const Autocomplete = /*#__PURE__*/React.forwardRef(({
206
223
  onBlur: props.onBlur,
207
224
  onFocus: props.onFocus,
208
225
  onChange: onInputChange,
209
- onKeyDown: props.onKeyDown ? props.onKeyDown : handleOnKeyDown,
226
+ onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
210
227
  onClick: handleOnInputClick,
211
228
  ref: ref,
212
229
  name: props.name,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.2.110",
3
+ "version": "2.2.114",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",