@shoper/phoenix_design_system 1.18.27-2 → 1.18.27-4

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 (10) hide show
  1. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +12 -3
  2. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
  3. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +8 -10
  4. package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
  5. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts +1 -0
  6. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +12 -3
  7. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map +1 -1
  8. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js +8 -10
  9. package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map +1 -1
  10. package/package.json +1 -1
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js CHANGED
@@ -16,6 +16,7 @@ var search_constants = require('../../search_constants.js');
16
16
  exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.PhoenixLightLitElement {
17
17
  constructor() {
18
18
  super();
19
+ this.isSearchClearFixFlagEnabled = false;
19
20
  this._shouldShow = false;
20
21
  this._isRequestPending = false;
21
22
  this._$searchInput = null;
@@ -28,8 +29,10 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
28
29
  this._handleSearchClear = () => {
29
30
  var _a;
30
31
  this._dispatchClearEvent();
31
- this._updateClearButtonVisibility('');
32
- (_a = this._$searchInput) === null || _a === void 0 ? void 0 : _a.focus();
32
+ if (this.isSearchClearFixFlagEnabled) {
33
+ this._updateClearButtonVisibility('');
34
+ (_a = this._$searchInput) === null || _a === void 0 ? void 0 : _a.focus();
35
+ }
33
36
  };
34
37
  this._dispatchClearEvent = () => {
35
38
  this.emitCustomEvent(search_constants.SEARCH_CUSTOM_EVENT_NAMES.clear, {
@@ -46,7 +49,9 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
46
49
  this._searchContextSetup();
47
50
  const $search = this.closest(search_constants.SEARCH_COMPONENT_NAMES.search);
48
51
  this._$searchInput = (_a = $search === null || $search === void 0 ? void 0 : $search.querySelector('input[type="search"]')) !== null && _a !== void 0 ? _a : null;
49
- this._updateClearButtonVisibility((_c = (_b = this._$searchInput) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
52
+ if (this.isSearchClearFixFlagEnabled) {
53
+ this._updateClearButtonVisibility((_c = (_b = this._$searchInput) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
54
+ }
50
55
  this.addEventListener('click', this._handleSearchClear);
51
56
  document.addEventListener(search_constants.SEARCH_CUSTOM_EVENT_NAMES.keyup, this._handleClearButtonOnPhraseEnter);
52
57
  }
@@ -94,6 +99,10 @@ tslib_es6.__decorate([
94
99
  decorators.property({ type: String, attribute: 'module-instance-id' }),
95
100
  tslib_es6.__metadata("design:type", String)
96
101
  ], exports.HSearchClear.prototype, "moduleInstanceId", void 0);
102
+ tslib_es6.__decorate([
103
+ decorators.property({ type: Boolean, attribute: 'is-search-clear-fix-flag-enabled' }),
104
+ tslib_es6.__metadata("design:type", Boolean)
105
+ ], exports.HSearchClear.prototype, "isSearchClearFixFlagEnabled", void 0);
97
106
  tslib_es6.__decorate([
98
107
  decorators.state(),
99
108
  tslib_es6.__metadata("design:type", Boolean)
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,8DAAkE;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js CHANGED
@@ -98,16 +98,14 @@ exports.HSearchResults = class HSearchResults extends phoenix_light_lit_element.
98
98
  data-search-item-id="${this.searchId}${this._loadMoreButtonId}"
99
99
  >
100
100
  ${this.translations.loadMore}
101
- </button>`), () => lit.html `
102
- <button
103
- class="${search_constants.SEARCH_CLASS_NAMES.productButton}"
104
- @click="${this.handleGoToProductsFor}"
105
- type="button"
106
- data-search-item-id="${this.searchId}${this._goToProductsForButtonId}"
107
- >
108
- ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
109
- </button>
110
- `)}
101
+ </button>`), () => when.when(this._getSearchPhrase().length > 1, () => lit.html `<button
102
+ class="${search_constants.SEARCH_CLASS_NAMES.productButton}"
103
+ @click="${this.handleGoToProductsFor}"
104
+ type="button"
105
+ data-search-item-id="${this.searchId}${this._goToProductsForButtonId}"
106
+ >
107
+ ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
108
+ </button>`))}
111
109
  </div>
112
110
  `)}
113
111
  ${when.when((_d = this.results.producers) === null || _d === void 0 ? void 0 : _d.length, () => lit.html ` <h-search-producer-content
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,iBAAiB,8DAAkE;AACnF,mBAAmB,8DAAkE;AACrF;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,wBAAwB,qDAAyD;AACjF;AACA;AACA;AACA;AACA,iBAAiB,8DAAkE;AACnF,mBAAmB,8DAAkE;AACrF;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts CHANGED
@@ -3,6 +3,7 @@ import { PhoenixLightLitElement } from "../../../../../core/phoenix_light_lit_el
3
3
  export declare class HSearchClear extends PhoenixLightLitElement {
4
4
  private _btnController;
5
5
  moduleInstanceId: string;
6
+ isSearchClearFixFlagEnabled: boolean;
6
7
  private _shouldShow;
7
8
  private _isRequestPending;
8
9
  private _searchContextConsumer;
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js CHANGED
@@ -12,6 +12,7 @@ import { SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES, SEARCH_CLASS_NAMES,
12
12
  let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
13
13
  constructor() {
14
14
  super();
15
+ this.isSearchClearFixFlagEnabled = false;
15
16
  this._shouldShow = false;
16
17
  this._isRequestPending = false;
17
18
  this._$searchInput = null;
@@ -24,8 +25,10 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
24
25
  this._handleSearchClear = () => {
25
26
  var _a;
26
27
  this._dispatchClearEvent();
27
- this._updateClearButtonVisibility('');
28
- (_a = this._$searchInput) === null || _a === void 0 ? void 0 : _a.focus();
28
+ if (this.isSearchClearFixFlagEnabled) {
29
+ this._updateClearButtonVisibility('');
30
+ (_a = this._$searchInput) === null || _a === void 0 ? void 0 : _a.focus();
31
+ }
29
32
  };
30
33
  this._dispatchClearEvent = () => {
31
34
  this.emitCustomEvent(SEARCH_CUSTOM_EVENT_NAMES.clear, {
@@ -42,7 +45,9 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
42
45
  this._searchContextSetup();
43
46
  const $search = this.closest(SEARCH_COMPONENT_NAMES.search);
44
47
  this._$searchInput = (_a = $search === null || $search === void 0 ? void 0 : $search.querySelector('input[type="search"]')) !== null && _a !== void 0 ? _a : null;
45
- this._updateClearButtonVisibility((_c = (_b = this._$searchInput) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
48
+ if (this.isSearchClearFixFlagEnabled) {
49
+ this._updateClearButtonVisibility((_c = (_b = this._$searchInput) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
50
+ }
46
51
  this.addEventListener('click', this._handleSearchClear);
47
52
  document.addEventListener(SEARCH_CUSTOM_EVENT_NAMES.keyup, this._handleClearButtonOnPhraseEnter);
48
53
  }
@@ -90,6 +95,10 @@ __decorate([
90
95
  property({ type: String, attribute: 'module-instance-id' }),
91
96
  __metadata("design:type", String)
92
97
  ], HSearchClear.prototype, "moduleInstanceId", void 0);
98
+ __decorate([
99
+ property({ type: Boolean, attribute: 'is-search-clear-fix-flag-enabled' }),
100
+ __metadata("design:type", Boolean)
101
+ ], HSearchClear.prototype, "isSearchClearFixFlagEnabled", void 0);
93
102
  __decorate([
94
103
  state(),
95
104
  __metadata("design:type", Boolean)
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA;AACA;AACA;AACA,0BAA0B,8DAAkE;AAC5F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js CHANGED
@@ -94,16 +94,14 @@ let HSearchResults = class HSearchResults extends PhoenixLightLitElement {
94
94
  data-search-item-id="${this.searchId}${this._loadMoreButtonId}"
95
95
  >
96
96
  ${this.translations.loadMore}
97
- </button>`), () => html `
98
- <button
99
- class="${SEARCH_CLASS_NAMES.productButton}"
100
- @click="${this.handleGoToProductsFor}"
101
- type="button"
102
- data-search-item-id="${this.searchId}${this._goToProductsForButtonId}"
103
- >
104
- ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
105
- </button>
106
- `)}
97
+ </button>`), () => n(this._getSearchPhrase().length > 1, () => html `<button
98
+ class="${SEARCH_CLASS_NAMES.productButton}"
99
+ @click="${this.handleGoToProductsFor}"
100
+ type="button"
101
+ data-search-item-id="${this.searchId}${this._goToProductsForButtonId}"
102
+ >
103
+ ${this.translations.goToProductsFor}: <strong>${this._getSearchPhrase()}</strong>
104
+ </button>`))}
107
105
  </div>
108
106
  `)}
109
107
  ${n((_d = this.results.producers) === null || _d === void 0 ? void 0 : _d.length, () => html ` <h-search-producer-content
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/results/search_results.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,8DAAkE;AAC5F;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA,uCAAuC,qDAAyD;AAChG;AACA;AACA;AACA;AACA,eAAe,8DAAkE;AACjF,0BAA0B,8DAAkE;AAC5F;AACA,sBAAsB,oDAAwD;AAC9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
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.18.27-2",
5
+ "version": "1.18.27-4",
6
6
  "description": "phoenix design system",
7
7
  "author": "zefirek",
8
8
  "license": "MIT",