@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 ?
|
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 ?
|
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":"AAAA,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAa,YAAY,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAK3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AAKjD,UAAU,MAAM;IACd,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gBAAgB;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,iCAAiC;IACjC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5E,gBAAgB;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,gGAAgG;IAChG,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,IAAI,CAAA;IACpD,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,kEAAkE;IAClE,YAAY,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC5C,iCAAiC;IACjC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,+BAA+B;IAC/B,GAAG,CAAC,EAAE,gBAAgB,CAAA;IACtB,iBAAiB;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,0BAA0B;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sBAAsB;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,iDAAiD;IACjD,OAAO,EAAE,SAAS,CAAA;IAClB,wCAAwC;IACxC,aAAa,CAAC,EAAE,SAAS,EAAE,CAAA;IAC3B,kCAAkC;IAClC,sBAAsB,CAAC,EAAE,SAAS,CAAA;IAClC,yBAAyB;IACzB,MAAM,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,EAAE,CAAA;IAC9D,wDAAwD;IACxD,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oCAAoC;IACpC,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sCAAsC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,oBAAY,GAAG,GAAG,YAAY,CAAC,gBAAgB,CAAC,CAAA;AAEhD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,
|
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 ?
|
226
|
+
onKeyDown: props.onKeyDown ? handleCustomOnKeyDown : handleOnKeyDown,
|
210
227
|
onClick: handleOnInputClick,
|
211
228
|
ref: ref,
|
212
229
|
name: props.name,
|