@shoper/phoenix_design_system 1.11.9 → 1.11.10

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 (8) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/search.js +2 -2
  2. package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +3 -3
  4. package/build/esm/packages/phoenix/src/components/form/search/search.js +2 -2
  5. package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts +1 -1
  6. package/build/esm/packages/phoenix/src/components/form/search/search_constants.js +1 -1
  7. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +3 -3
  8. package/package.json +2 -2
package/build/cjs/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -154,7 +154,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
154
154
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
155
155
  document.addEventListener('keyup', this._bindKeys);
156
156
  });
157
- this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, (ev) => {
157
+ this.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
158
158
  const shouldShowMessage = ev.detail.searchPhrase !== '';
159
159
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
160
160
  });
@@ -281,7 +281,7 @@ exports.HSearch = class HSearch extends phoenix_light_lit_element.PhoenixLightLi
281
281
  class="${search_constants.SEARCH_CLASS_NAMES.icon} labeled-icon"
282
282
  tabindex="0"
283
283
  @click=${this._handleOpenSearch}
284
- @keydown=${this._handleOpenSearchWithKeyboard}
284
+ @keyup=${this._handleOpenSearchWithKeyboard}
285
285
  >
286
286
  <h-icon icon-name="icon-search" size=${icon_constants.ICONS_SIZES.l}></h-icon>
287
287
  <div class="labeled-icon__signature">${this._translations.search}</div>
package/build/cjs/packages/phoenix/src/components/form/search/search_constants.js CHANGED
@@ -30,7 +30,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
30
30
  search: 'search',
31
31
  updateSearchPhrase: 'updateSearchPhrase',
32
32
  focusin: 'searchFocusIn',
33
- keydown: 'searchKeyDown'
33
+ keyup: 'searchKeyUp'
34
34
  };
35
35
  const baseSearchCssClass = 'search';
36
36
  const SEARCH_CLASS_NAMES = {
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -53,11 +53,11 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
53
53
  }
54
54
  });
55
55
  });
56
- this._input.addEventListener('keydown', (ev) => {
56
+ this._input.addEventListener('keyup', (ev) => {
57
57
  if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
58
58
  return;
59
59
  if (ev.key !== 'Enter') {
60
- this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, {
60
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
61
61
  detail: {
62
62
  searchPhrase: ev.target.value
63
63
  }
@@ -95,7 +95,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
95
95
  if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
96
96
  return;
97
97
  this._input.value = ev.detail.searchPhrase;
98
- this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keydown, {
98
+ this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, {
99
99
  detail: {
100
100
  searchPhrase: ev.detail.searchPhrase
101
101
  }
package/build/esm/packages/phoenix/src/components/form/search/search.js CHANGED
@@ -150,7 +150,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
150
150
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage, false);
151
151
  document.addEventListener('keyup', this._bindKeys);
152
152
  });
153
- this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keydown, (ev) => {
153
+ this.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, (ev) => {
154
154
  const shouldShowMessage = ev.detail.searchPhrase !== '';
155
155
  this._updateSearchView(ev.detail.searchPhrase, shouldShowMessage);
156
156
  });
@@ -277,7 +277,7 @@ let HSearch = class HSearch extends PhoenixLightLitElement {
277
277
  class="${SEARCH_CLASS_NAMES.icon} labeled-icon"
278
278
  tabindex="0"
279
279
  @click=${this._handleOpenSearch}
280
- @keydown=${this._handleOpenSearchWithKeyboard}
280
+ @keyup=${this._handleOpenSearchWithKeyboard}
281
281
  >
282
282
  <h-icon icon-name="icon-search" size=${ICONS_SIZES.l}></h-icon>
283
283
  <div class="labeled-icon__signature">${this._translations.search}</div>
package/build/esm/packages/phoenix/src/components/form/search/search_constants.d.ts CHANGED
@@ -27,7 +27,7 @@ export declare const SEARCH_CUSTOM_EVENT_NAMES: {
27
27
  readonly search: "search";
28
28
  readonly updateSearchPhrase: "updateSearchPhrase";
29
29
  readonly focusin: "searchFocusIn";
30
- readonly keydown: "searchKeyDown";
30
+ readonly keyup: "searchKeyUp";
31
31
  };
32
32
  export declare const SEARCH_CLASS_NAMES: {
33
33
  readonly searchBar: "search__bar";
package/build/esm/packages/phoenix/src/components/form/search/search_constants.js CHANGED
@@ -26,7 +26,7 @@ const SEARCH_CUSTOM_EVENT_NAMES = {
26
26
  search: 'search',
27
27
  updateSearchPhrase: 'updateSearchPhrase',
28
28
  focusin: 'searchFocusIn',
29
- keydown: 'searchKeyDown'
29
+ keyup: 'searchKeyUp'
30
30
  };
31
31
  const baseSearchCssClass = 'search';
32
32
  const SEARCH_CLASS_NAMES = {
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js CHANGED
@@ -49,11 +49,11 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
49
49
  }
50
50
  });
51
51
  });
52
- this._input.addEventListener('keydown', (ev) => {
52
+ this._input.addEventListener('keyup', (ev) => {
53
53
  if (ev.key === 'ArrowUp' || ev.key === 'ArrowDown' || ev.key === 'Escape')
54
54
  return;
55
55
  if (ev.key !== 'Enter') {
56
- this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keydown, {
56
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
57
57
  detail: {
58
58
  searchPhrase: ev.target.value
59
59
  }
@@ -91,7 +91,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
91
91
  if (!ev.detail || ev.detail.moduleInstanceId !== this.moduleInstanceId)
92
92
  return;
93
93
  this._input.value = ev.detail.searchPhrase;
94
- this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keydown, {
94
+ this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.keyup, {
95
95
  detail: {
96
96
  searchPhrase: ev.detail.searchPhrase
97
97
  }
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@shoper/phoenix_design_system",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "1.11.9",
5
+ "version": "1.11.10",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",
@@ -30,7 +30,7 @@
30
30
  "@splidejs/splide": "^4.0.7"
31
31
  },
32
32
  "devDependencies": {
33
- "@dreamcommerce/utilities": "^1.18.1",
33
+ "@dreamcommerce/utilities": "^1.19.0",
34
34
  "@shoper/jest_config": "^0.0.0",
35
35
  "@shoper/tsconfig": "^0.0.0",
36
36
  "@splidejs/splide": "4.0.7",