@searchspring/snap-controller 0.45.1 → 0.47.0
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/cjs/Autocomplete/AutocompleteController.d.ts +1 -1
- package/dist/cjs/Autocomplete/AutocompleteController.d.ts.map +1 -1
- package/dist/cjs/Autocomplete/AutocompleteController.js +6 -9
- package/dist/esm/Autocomplete/AutocompleteController.d.ts +1 -1
- package/dist/esm/Autocomplete/AutocompleteController.d.ts.map +1 -1
- package/dist/esm/Autocomplete/AutocompleteController.js +6 -9
- package/package.json +10 -10
|
@@ -28,7 +28,7 @@ export declare class AutocompleteController extends AbstractController {
|
|
|
28
28
|
focus: (e: FocusEvent) => void;
|
|
29
29
|
formSubmit: (e: React.FormEvent<HTMLInputElement>) => Promise<void>;
|
|
30
30
|
formElementChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
31
|
-
|
|
31
|
+
input: (e: Event) => void;
|
|
32
32
|
timeoutDelay: NodeJS.Timeout | undefined;
|
|
33
33
|
};
|
|
34
34
|
document: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteController.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteController.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA0B,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,4BAA4B,EAAkD,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEnJ,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAG1E,eAAO,MAAM,WAAW,MAAM,CAAC;AA0B/B,aAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;KAC5C,CAAC;CACF,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,kBAAkB;IACtD,IAAI,kBAAgC;IACnC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;gBAG5B,MAAM,EAAE,4BAA4B,EACpC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IA6D3B,KAAK,EAAE,wBAAwB,CAO7B;IAEF,IAAI,MAAM,IAAI,wBAAwB,CA0CrC;IAEK,UAAU,CAAC,YAAY,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BhE,KAAK,IAAI,IAAI;IASb,QAAQ;;0BAEc,aAAa,KAAG,QAAQ,OAAO,GAAG,SAAS,CAAC;wBAkDpD,aAAa,KAAG,IAAI;uBAMrB,UAAU,KAAG,IAAI;4BAQN,MAAM,SAAS,CAAC,gBAAgB,CAAC,KAAG,QAAQ,IAAI,CAAC;mCAgDhD,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI;uBAqBtD,
|
|
1
|
+
{"version":3,"file":"AutocompleteController.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteController.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA0B,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,4BAA4B,EAAkD,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEnJ,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAG1E,eAAO,MAAM,WAAW,MAAM,CAAC;AA0B/B,aAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;KAC5C,CAAC;CACF,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,kBAAkB;IACtD,IAAI,kBAAgC;IACnC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;gBAG5B,MAAM,EAAE,4BAA4B,EACpC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IA6D3B,KAAK,EAAE,wBAAwB,CAO7B;IAEF,IAAI,MAAM,IAAI,wBAAwB,CA0CrC;IAEK,UAAU,CAAC,YAAY,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BhE,KAAK,IAAI,IAAI;IASb,QAAQ;;0BAEc,aAAa,KAAG,QAAQ,OAAO,GAAG,SAAS,CAAC;wBAkDpD,aAAa,KAAG,IAAI;uBAMrB,UAAU,KAAG,IAAI;4BAQN,MAAM,SAAS,CAAC,gBAAgB,CAAC,KAAG,QAAQ,IAAI,CAAC;mCAgDhD,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI;uBAqBtD,KAAK;;;;uBAqDL,UAAU,KAAG,IAAI;;MAS5B;IAEF,MAAM,IAAI,IAAI;IAgBR,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IA6E3B,cAAc,QAAa,QAAQ,IAAI,CAAC,CAwBtC;IAEF,MAAM,QAAa,QAAQ,IAAI,CAAC,CAmI9B;CACF"}
|
|
@@ -277,12 +277,9 @@ var AutocompleteController = /** @class */ (function (_super) {
|
|
|
277
277
|
}
|
|
278
278
|
}
|
|
279
279
|
},
|
|
280
|
-
|
|
280
|
+
input: function (e) {
|
|
281
281
|
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
282
|
-
//
|
|
283
|
-
if ((e === null || e === void 0 ? void 0 : e.keyCode) == KEY_ENTER || (e === null || e === void 0 ? void 0 : e.keyCode) == KEY_ESCAPE)
|
|
284
|
-
return;
|
|
285
|
-
// return focus on keyup if it was lost
|
|
282
|
+
// return focus on input if it was lost
|
|
286
283
|
if (e.isTrusted && _this.store.state.focusedInput !== e.target) {
|
|
287
284
|
_this.setFocused(e.target);
|
|
288
285
|
}
|
|
@@ -679,7 +676,7 @@ var AutocompleteController = /** @class */ (function (_super) {
|
|
|
679
676
|
}
|
|
680
677
|
return [3 /*break*/, 7];
|
|
681
678
|
case 7:
|
|
682
|
-
inputElement === null || inputElement === void 0 ? void 0 : inputElement.dispatchEvent(new Event('
|
|
679
|
+
inputElement === null || inputElement === void 0 ? void 0 : inputElement.dispatchEvent(new Event('input'));
|
|
683
680
|
return [2 /*return*/];
|
|
684
681
|
}
|
|
685
682
|
});
|
|
@@ -697,7 +694,7 @@ var AutocompleteController = /** @class */ (function (_super) {
|
|
|
697
694
|
var _this = this;
|
|
698
695
|
var inputs = document.querySelectorAll("input[".concat(INPUT_ATTRIBUTE, "]"));
|
|
699
696
|
inputs === null || inputs === void 0 ? void 0 : inputs.forEach(function (input) {
|
|
700
|
-
input.removeEventListener('
|
|
697
|
+
input.removeEventListener('input', _this.handlers.input.input);
|
|
701
698
|
input.removeEventListener('keydown', _this.handlers.input.enterKey);
|
|
702
699
|
input.removeEventListener('keydown', _this.handlers.input.escKey);
|
|
703
700
|
input.removeEventListener('focus', _this.handlers.input.focus);
|
|
@@ -731,7 +728,7 @@ var AutocompleteController = /** @class */ (function (_super) {
|
|
|
731
728
|
input.setAttribute('autocorrect', 'off');
|
|
732
729
|
input.setAttribute('autocapitalize', 'none');
|
|
733
730
|
input.setAttribute(INPUT_ATTRIBUTE, '');
|
|
734
|
-
input.addEventListener('
|
|
731
|
+
input.addEventListener('input', _this.handlers.input.input);
|
|
735
732
|
if (((_b = (_a = _this.config) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.initializeFromUrl) && !input.value && _this.store.state.input) {
|
|
736
733
|
input.value = _this.store.state.input;
|
|
737
734
|
}
|
|
@@ -764,7 +761,7 @@ var AutocompleteController = /** @class */ (function (_super) {
|
|
|
764
761
|
return __assign(__assign({}, translatorConfig), { urlRoot: formActionUrl });
|
|
765
762
|
}));
|
|
766
763
|
}
|
|
767
|
-
// if the input is currently focused, trigger setFocues which will eventually trigger
|
|
764
|
+
// if the input is currently focused, trigger setFocues which will eventually trigger input - but not if loading
|
|
768
765
|
if (document.activeElement === input && !_this.store.loading) {
|
|
769
766
|
_this.setFocused(input);
|
|
770
767
|
}
|
|
@@ -28,7 +28,7 @@ export declare class AutocompleteController extends AbstractController {
|
|
|
28
28
|
focus: (e: FocusEvent) => void;
|
|
29
29
|
formSubmit: (e: React.FormEvent<HTMLInputElement>) => Promise<void>;
|
|
30
30
|
formElementChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
31
|
-
|
|
31
|
+
input: (e: Event) => void;
|
|
32
32
|
timeoutDelay: NodeJS.Timeout | undefined;
|
|
33
33
|
};
|
|
34
34
|
document: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutocompleteController.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteController.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA0B,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,4BAA4B,EAAkD,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEnJ,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAG1E,eAAO,MAAM,WAAW,MAAM,CAAC;AA0B/B,aAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;KAC5C,CAAC;CACF,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,kBAAkB;IACtD,IAAI,kBAAgC;IACnC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;gBAG5B,MAAM,EAAE,4BAA4B,EACpC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IA6D3B,KAAK,EAAE,wBAAwB,CAO7B;IAEF,IAAI,MAAM,IAAI,wBAAwB,CA0CrC;IAEK,UAAU,CAAC,YAAY,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BhE,KAAK,IAAI,IAAI;IASb,QAAQ;;0BAEc,aAAa,KAAG,QAAQ,OAAO,GAAG,SAAS,CAAC;wBAkDpD,aAAa,KAAG,IAAI;uBAMrB,UAAU,KAAG,IAAI;4BAQN,MAAM,SAAS,CAAC,gBAAgB,CAAC,KAAG,QAAQ,IAAI,CAAC;mCAgDhD,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI;uBAqBtD,
|
|
1
|
+
{"version":3,"file":"AutocompleteController.d.ts","sourceRoot":"","sources":["../../../src/Autocomplete/AutocompleteController.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAA0B,MAAM,+BAA+B,CAAC;AACrF,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,KAAK,EAAE,4BAA4B,EAAkD,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAEnJ,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAG1E,eAAO,MAAM,WAAW,MAAM,CAAC;AA0B/B,aAAK,wBAAwB,GAAG;IAC/B,OAAO,EAAE;QACR,KAAK,EAAE,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;KAC5C,CAAC;CACF,CAAC;AAEF,qBAAa,sBAAuB,SAAQ,kBAAkB;IACtD,IAAI,kBAAgC;IACnC,KAAK,EAAE,iBAAiB,CAAC;IACzB,MAAM,EAAE,4BAA4B,CAAC;IACtC,OAAO,EAAE,YAAY,CAAC;gBAG5B,MAAM,EAAE,4BAA4B,EACpC,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,kBAAkB,EAC1F,OAAO,CAAC,EAAE,gBAAgB;IA6D3B,KAAK,EAAE,wBAAwB,CAO7B;IAEF,IAAI,MAAM,IAAI,wBAAwB,CA0CrC;IAEK,UAAU,CAAC,YAAY,CAAC,EAAE,gBAAgB,GAAG,OAAO,CAAC,IAAI,CAAC;IA2BhE,KAAK,IAAI,IAAI;IASb,QAAQ;;0BAEc,aAAa,KAAG,QAAQ,OAAO,GAAG,SAAS,CAAC;wBAkDpD,aAAa,KAAG,IAAI;uBAMrB,UAAU,KAAG,IAAI;4BAQN,MAAM,SAAS,CAAC,gBAAgB,CAAC,KAAG,QAAQ,IAAI,CAAC;mCAgDhD,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI;uBAqBtD,KAAK;;;;uBAqDL,UAAU,KAAG,IAAI;;MAS5B;IAEF,MAAM,IAAI,IAAI;IAgBR,IAAI,IAAI,OAAO,CAAC,IAAI,CAAC;IA6E3B,cAAc,QAAa,QAAQ,IAAI,CAAC,CAwBtC;IAEF,MAAM,QAAa,QAAQ,IAAI,CAAC,CAmI9B;CACF"}
|
|
@@ -164,11 +164,8 @@ export class AutocompleteController extends AbstractController {
|
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
166
|
},
|
|
167
|
-
|
|
168
|
-
//
|
|
169
|
-
if (e?.keyCode == KEY_ENTER || e?.keyCode == KEY_ESCAPE)
|
|
170
|
-
return;
|
|
171
|
-
// return focus on keyup if it was lost
|
|
167
|
+
input: (e) => {
|
|
168
|
+
// return focus on input if it was lost
|
|
172
169
|
if (e.isTrusted && this.store.state.focusedInput !== e.target) {
|
|
173
170
|
this.setFocused(e.target);
|
|
174
171
|
}
|
|
@@ -476,7 +473,7 @@ export class AutocompleteController extends AbstractController {
|
|
|
476
473
|
}
|
|
477
474
|
}
|
|
478
475
|
}
|
|
479
|
-
inputElement?.dispatchEvent(new Event('
|
|
476
|
+
inputElement?.dispatchEvent(new Event('input'));
|
|
480
477
|
}
|
|
481
478
|
reset() {
|
|
482
479
|
// reset input values and state
|
|
@@ -489,7 +486,7 @@ export class AutocompleteController extends AbstractController {
|
|
|
489
486
|
unbind() {
|
|
490
487
|
const inputs = document.querySelectorAll(`input[${INPUT_ATTRIBUTE}]`);
|
|
491
488
|
inputs?.forEach((input) => {
|
|
492
|
-
input.removeEventListener('
|
|
489
|
+
input.removeEventListener('input', this.handlers.input.input);
|
|
493
490
|
input.removeEventListener('keydown', this.handlers.input.enterKey);
|
|
494
491
|
input.removeEventListener('keydown', this.handlers.input.escKey);
|
|
495
492
|
input.removeEventListener('focus', this.handlers.input.focus);
|
|
@@ -512,7 +509,7 @@ export class AutocompleteController extends AbstractController {
|
|
|
512
509
|
input.setAttribute('autocorrect', 'off');
|
|
513
510
|
input.setAttribute('autocapitalize', 'none');
|
|
514
511
|
input.setAttribute(INPUT_ATTRIBUTE, '');
|
|
515
|
-
input.addEventListener('
|
|
512
|
+
input.addEventListener('input', this.handlers.input.input);
|
|
516
513
|
if (this.config?.settings?.initializeFromUrl && !input.value && this.store.state.input) {
|
|
517
514
|
input.value = this.store.state.input;
|
|
518
515
|
}
|
|
@@ -548,7 +545,7 @@ export class AutocompleteController extends AbstractController {
|
|
|
548
545
|
};
|
|
549
546
|
}));
|
|
550
547
|
}
|
|
551
|
-
// if the input is currently focused, trigger setFocues which will eventually trigger
|
|
548
|
+
// if the input is currently focused, trigger setFocues which will eventually trigger input - but not if loading
|
|
552
549
|
if (document.activeElement === input && !this.store.loading) {
|
|
553
550
|
this.setFocused(input);
|
|
554
551
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@searchspring/snap-controller",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.47.0",
|
|
4
4
|
"description": "Snap Controllers",
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -20,22 +20,22 @@
|
|
|
20
20
|
"test:watch": "jest --watch"
|
|
21
21
|
},
|
|
22
22
|
"dependencies": {
|
|
23
|
-
"@searchspring/snap-toolbox": "^0.
|
|
23
|
+
"@searchspring/snap-toolbox": "^0.47.0",
|
|
24
24
|
"css.escape": "1.5.1",
|
|
25
25
|
"deepmerge": "4.3.1"
|
|
26
26
|
},
|
|
27
27
|
"devDependencies": {
|
|
28
|
-
"@searchspring/snap-client": "^0.
|
|
29
|
-
"@searchspring/snap-event-manager": "^0.
|
|
30
|
-
"@searchspring/snap-logger": "^0.
|
|
31
|
-
"@searchspring/snap-profiler": "^0.
|
|
32
|
-
"@searchspring/snap-store-mobx": "^0.
|
|
33
|
-
"@searchspring/snap-tracker": "^0.
|
|
34
|
-
"@searchspring/snap-url-manager": "^0.
|
|
28
|
+
"@searchspring/snap-client": "^0.47.0",
|
|
29
|
+
"@searchspring/snap-event-manager": "^0.47.0",
|
|
30
|
+
"@searchspring/snap-logger": "^0.47.0",
|
|
31
|
+
"@searchspring/snap-profiler": "^0.47.0",
|
|
32
|
+
"@searchspring/snap-store-mobx": "^0.47.0",
|
|
33
|
+
"@searchspring/snap-tracker": "^0.47.0",
|
|
34
|
+
"@searchspring/snap-url-manager": "^0.47.0"
|
|
35
35
|
},
|
|
36
36
|
"sideEffects": false,
|
|
37
37
|
"files": [
|
|
38
38
|
"dist/**/*"
|
|
39
39
|
],
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "a63e30a2be1a74dabf22063eddb28e81ef1b1aa1"
|
|
41
41
|
}
|