@lion/ui 0.11.2 → 0.11.3

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 (54) hide show
  1. package/components/combobox/src/LionCombobox.js +1 -3
  2. package/components/combobox/test/lion-combobox.test.js +51 -0
  3. package/custom-elements.json +30 -30
  4. package/dist-types/components/combobox/src/LionCombobox.d.ts.map +1 -1
  5. package/dist-types/tsconfig.tsbuildinfo +1 -1
  6. package/docs/components/checkbox-group/overview.md +2 -2
  7. package/docs/components/collapsible/overview.md +1 -1
  8. package/docs/components/combobox/overview.md +1 -1
  9. package/docs/components/combobox/use-cases.md +1 -1
  10. package/docs/components/dialog/overview.md +1 -1
  11. package/docs/components/fieldset/overview.md +5 -5
  12. package/docs/components/form/overview.md +3 -3
  13. package/docs/components/form/use-cases.md +2 -2
  14. package/docs/components/icon/use-cases.md +1 -1
  15. package/docs/components/input/overview.md +1 -1
  16. package/docs/components/input-amount/overview.md +3 -3
  17. package/docs/components/input-date/overview.md +3 -3
  18. package/docs/components/input-datepicker/overview.md +5 -5
  19. package/docs/components/input-email/overview.md +2 -2
  20. package/docs/components/input-file/overview.md +1 -1
  21. package/docs/components/input-iban/overview.md +2 -2
  22. package/docs/components/input-range/overview.md +2 -2
  23. package/docs/components/input-stepper/overview.md +1 -1
  24. package/docs/components/input-tel/overview.md +1 -1
  25. package/docs/components/input-tel/use-cases.md +6 -6
  26. package/docs/components/input-tel-dropdown/overview.md +1 -1
  27. package/docs/components/listbox/use-cases.md +1 -1
  28. package/docs/components/radio-group/overview.md +3 -3
  29. package/docs/components/select/use-cases.md +1 -1
  30. package/docs/components/select-rich/use-cases.md +1 -1
  31. package/docs/components/tabs/examples.md +1 -1
  32. package/docs/fundamentals/index.md +4 -4
  33. package/docs/fundamentals/node-tools/publish-docs/overview.md +3 -3
  34. package/docs/fundamentals/node-tools/rocket-preset-extend-lion-docs/overview.md +2 -2
  35. package/docs/fundamentals/rationales/accessibility.md +1 -1
  36. package/docs/fundamentals/systems/core/SlotMixin.md +1 -1
  37. package/docs/fundamentals/systems/core/overview.md +1 -1
  38. package/docs/fundamentals/systems/form/formatting-and-parsing.md +4 -4
  39. package/docs/fundamentals/systems/form/model-value.md +1 -1
  40. package/docs/fundamentals/systems/form/overview.md +28 -28
  41. package/docs/fundamentals/systems/form/validate.md +2 -2
  42. package/docs/fundamentals/systems/localize/overview.md +4 -4
  43. package/docs/fundamentals/systems/overlays/configuration.md +2 -2
  44. package/docs/fundamentals/systems/overlays/overview.md +5 -5
  45. package/docs/fundamentals/systems/overlays/use-cases.md +2 -2
  46. package/docs/fundamentals/tools/helpers/overview.md +1 -1
  47. package/docs/fundamentals/tools/singleton-manager/overview.md +4 -4
  48. package/docs/guides/how-to/create-a-custom-field.md +5 -5
  49. package/docs/guides/how-to/create-a-form.md +4 -4
  50. package/docs/guides/how-to/extend-a-native-input.md +2 -2
  51. package/docs/guides/index.md +8 -8
  52. package/docs/guides/principles/index.md +5 -5
  53. package/docs/guides/principles/styling.md +1 -1
  54. package/package.json +1 -1
@@ -1134,7 +1134,7 @@ export class LionCombobox extends LocalizeMixin(OverlayMixin(CustomChoiceGroupMi
1134
1134
  }
1135
1135
  break;
1136
1136
  case 'Enter':
1137
- if (this.multipleChoice && this.opened) {
1137
+ if (this.opened) {
1138
1138
  ev.preventDefault();
1139
1139
  }
1140
1140
 
@@ -1145,8 +1145,6 @@ export class LionCombobox extends LocalizeMixin(OverlayMixin(CustomChoiceGroupMi
1145
1145
  this.formElements[this.activeIndex].hasAttribute('aria-hidden') ||
1146
1146
  !this.opened)
1147
1147
  ) {
1148
- ev.preventDefault();
1149
-
1150
1148
  this.modelValue = this.parser([...this.modelValue, this._inputNode.value]);
1151
1149
  this._inputNode.value = '';
1152
1150
  this.opened = false;
@@ -985,6 +985,57 @@ describe('lion-combobox', () => {
985
985
  await el.updateComplete;
986
986
  expect(el.modelValue).to.eql(['Art']);
987
987
  });
988
+
989
+ it('submits form on [Enter] when listbox is closed', async () => {
990
+ const submitSpy = sinon.spy(e => e.preventDefault());
991
+ const el = /** @type {HTMLFormElement} */ (
992
+ await fixture(html`
993
+ <form @submit=${submitSpy}>
994
+ <lion-combobox name="foo">
995
+ <lion-option .choiceValue="${'Artichoke'}">Artichoke</lion-option>
996
+ <lion-option .choiceValue="${'Chard'}">Chard</lion-option>
997
+ <lion-option .choiceValue="${'Chicory'}">Chicory</lion-option>
998
+ <lion-option .choiceValue="${'Victoria Plum'}">Victoria Plum</lion-option>
999
+ </lion-combobox>
1000
+ <button type="submit">submit</button>
1001
+ </form>
1002
+ `)
1003
+ );
1004
+ const combobox = /** @type {LionCombobox} */ (el.querySelector('[name="foo"]'));
1005
+ const { _inputNode } = getComboboxMembers(combobox);
1006
+ await combobox.updateComplete;
1007
+ _inputNode.focus();
1008
+ await sendKeys({
1009
+ press: 'Enter',
1010
+ });
1011
+ expect(submitSpy.callCount).to.equal(1);
1012
+ });
1013
+
1014
+ it('does not submit form on [Enter] when listbox is opened', async () => {
1015
+ const submitSpy = sinon.spy(e => e.preventDefault());
1016
+ const el = /** @type {HTMLFormElement} */ (
1017
+ await fixture(html`
1018
+ <form @submit=${submitSpy}>
1019
+ <lion-combobox name="foo">
1020
+ <lion-option .choiceValue="${'Artichoke'}">Artichoke</lion-option>
1021
+ <lion-option .choiceValue="${'Chard'}">Chard</lion-option>
1022
+ <lion-option .choiceValue="${'Chicory'}">Chicory</lion-option>
1023
+ <lion-option .choiceValue="${'Victoria Plum'}">Victoria Plum</lion-option>
1024
+ </lion-combobox>
1025
+ <button type="submit">submit</button>
1026
+ </form>
1027
+ `)
1028
+ );
1029
+ const combobox = /** @type {LionCombobox} */ (el.querySelector('[name="foo"]'));
1030
+ const { _inputNode } = getComboboxMembers(combobox);
1031
+ combobox.opened = true;
1032
+ await combobox.updateComplete;
1033
+ _inputNode.focus();
1034
+ await sendKeys({
1035
+ press: 'Enter',
1036
+ });
1037
+ expect(submitSpy.callCount).to.equal(0);
1038
+ });
988
1039
  });
989
1040
 
990
1041
  describe('Overlay visibility', () => {
@@ -2100,6 +2100,36 @@
2100
2100
  }
2101
2101
  ]
2102
2102
  },
2103
+ {
2104
+ "kind": "javascript-module",
2105
+ "path": "exports/define-helpers/sb-action-logger.js",
2106
+ "declarations": [],
2107
+ "exports": [
2108
+ {
2109
+ "kind": "custom-element-definition",
2110
+ "name": "sb-action-logger",
2111
+ "declaration": {
2112
+ "name": "SbActionLogger",
2113
+ "module": "/exports/helpers.js"
2114
+ }
2115
+ }
2116
+ ]
2117
+ },
2118
+ {
2119
+ "kind": "javascript-module",
2120
+ "path": "exports/define-helpers/sb-locale-switcher.js",
2121
+ "declarations": [],
2122
+ "exports": [
2123
+ {
2124
+ "kind": "custom-element-definition",
2125
+ "name": "sb-locale-switcher",
2126
+ "declaration": {
2127
+ "name": "SbLocaleSwitcher",
2128
+ "module": "/exports/helpers.js"
2129
+ }
2130
+ }
2131
+ ]
2132
+ },
2103
2133
  {
2104
2134
  "kind": "javascript-module",
2105
2135
  "path": "exports/define/lion-accordion.js",
@@ -2790,36 +2820,6 @@
2790
2820
  }
2791
2821
  ]
2792
2822
  },
2793
- {
2794
- "kind": "javascript-module",
2795
- "path": "exports/define-helpers/sb-action-logger.js",
2796
- "declarations": [],
2797
- "exports": [
2798
- {
2799
- "kind": "custom-element-definition",
2800
- "name": "sb-action-logger",
2801
- "declaration": {
2802
- "name": "SbActionLogger",
2803
- "module": "/exports/helpers.js"
2804
- }
2805
- }
2806
- ]
2807
- },
2808
- {
2809
- "kind": "javascript-module",
2810
- "path": "exports/define-helpers/sb-locale-switcher.js",
2811
- "declarations": [],
2812
- "exports": [
2813
- {
2814
- "kind": "custom-element-definition",
2815
- "name": "sb-locale-switcher",
2816
- "declaration": {
2817
- "name": "SbLocaleSwitcher",
2818
- "module": "/exports/helpers.js"
2819
- }
2820
- }
2821
- ]
2822
- },
2823
2823
  {
2824
2824
  "kind": "javascript-module",
2825
2825
  "path": "components/accordion/src/LionAccordion.js",
@@ -1 +1 @@
1
- {"version":3,"file":"LionCombobox.d.ts","sourceRoot":"","sources":["../../../../components/combobox/src/LionCombobox.js"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LionCombobox.d.ts","sourceRoot":"","sources":["../../../../components/combobox/src/LionCombobox.js"],"names":[],"mappings":"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"}