@searchspring/snap-controller 0.46.0 → 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.
@@ -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
- keyUp: (e: KeyboardEvent) => void;
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,aAAa,KAAG,IAAI;;;;uBAwDpB,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"}
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
- keyUp: function (e) {
280
+ input: function (e) {
281
281
  var _a, _b, _c, _d, _e, _f, _g, _h;
282
- // ignore enter and escape keys
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('keyup'));
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('keyup', _this.handlers.input.keyUp);
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('keyup', _this.handlers.input.keyUp);
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 keyup - but not if loading
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
- keyUp: (e: KeyboardEvent) => void;
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,aAAa,KAAG,IAAI;;;;uBAwDpB,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"}
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
- keyUp: (e) => {
168
- // ignore enter and escape keys
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('keyup'));
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('keyup', this.handlers.input.keyUp);
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('keyup', this.handlers.input.keyUp);
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 keyup - but not if loading
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.46.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.46.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.46.0",
29
- "@searchspring/snap-event-manager": "^0.46.0",
30
- "@searchspring/snap-logger": "^0.46.0",
31
- "@searchspring/snap-profiler": "^0.46.0",
32
- "@searchspring/snap-store-mobx": "^0.46.0",
33
- "@searchspring/snap-tracker": "^0.46.0",
34
- "@searchspring/snap-url-manager": "^0.46.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": "b92fc5fe0dd848d4ccdd6242dce7a70be53cb99c"
40
+ "gitHead": "a63e30a2be1a74dabf22063eddb28e81ef1b1aa1"
41
41
  }