@shoper/phoenix_design_system 1.18.32 → 1.18.33
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/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +5 -5
- package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +4 -4
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js +5 -5
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts +1 -1
- package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js +4 -4
- package/package.json +2 -2
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js
CHANGED
|
@@ -16,7 +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.
|
|
19
|
+
this.isSearchFixesFlagEnabled = false;
|
|
20
20
|
this._shouldShow = false;
|
|
21
21
|
this._isRequestPending = false;
|
|
22
22
|
this._$searchInput = null;
|
|
@@ -29,7 +29,7 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
|
|
|
29
29
|
this._handleSearchClear = () => {
|
|
30
30
|
var _a;
|
|
31
31
|
this._dispatchClearEvent();
|
|
32
|
-
if (this.
|
|
32
|
+
if (this.isSearchFixesFlagEnabled) {
|
|
33
33
|
this._updateClearButtonVisibility('');
|
|
34
34
|
(_a = this._$searchInput) === null || _a === void 0 ? void 0 : _a.focus();
|
|
35
35
|
}
|
|
@@ -49,7 +49,7 @@ exports.HSearchClear = class HSearchClear extends phoenix_light_lit_element.Phoe
|
|
|
49
49
|
this._searchContextSetup();
|
|
50
50
|
const $search = this.closest(search_constants.SEARCH_COMPONENT_NAMES.search);
|
|
51
51
|
this._$searchInput = (_a = $search === null || $search === void 0 ? void 0 : $search.querySelector('input[type="search"]')) !== null && _a !== void 0 ? _a : null;
|
|
52
|
-
if (this.
|
|
52
|
+
if (this.isSearchFixesFlagEnabled) {
|
|
53
53
|
this._updateClearButtonVisibility((_c = (_b = this._$searchInput) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
|
|
54
54
|
}
|
|
55
55
|
this.addEventListener('click', this._handleSearchClear);
|
|
@@ -100,9 +100,9 @@ tslib_es6.__decorate([
|
|
|
100
100
|
tslib_es6.__metadata("design:type", String)
|
|
101
101
|
], exports.HSearchClear.prototype, "moduleInstanceId", void 0);
|
|
102
102
|
tslib_es6.__decorate([
|
|
103
|
-
decorators.property({ type: Boolean, attribute: 'is-search-
|
|
103
|
+
decorators.property({ type: Boolean, attribute: 'is-search-fixes-flag-enabled' }),
|
|
104
104
|
tslib_es6.__metadata("design:type", Boolean)
|
|
105
|
-
], exports.HSearchClear.prototype, "
|
|
105
|
+
], exports.HSearchClear.prototype, "isSearchFixesFlagEnabled", void 0);
|
|
106
106
|
tslib_es6.__decorate([
|
|
107
107
|
decorators.state(),
|
|
108
108
|
tslib_es6.__metadata("design:type", Boolean)
|
package/build/cjs/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js
CHANGED
|
@@ -13,7 +13,7 @@ var search_constants = require('../../search_constants.js');
|
|
|
13
13
|
exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.PhoenixLightLitElement {
|
|
14
14
|
constructor() {
|
|
15
15
|
super(...arguments);
|
|
16
|
-
this.
|
|
16
|
+
this.isSearchFixesFlagEnabled = false;
|
|
17
17
|
this._isSearchPhraseCleared = false;
|
|
18
18
|
this._setupAttributes = () => {
|
|
19
19
|
var _a, _b, _c, _d;
|
|
@@ -73,7 +73,7 @@ exports.HSearchInput = class HSearchInput extends phoenix_light_lit_element.Phoe
|
|
|
73
73
|
}
|
|
74
74
|
});
|
|
75
75
|
});
|
|
76
|
-
if (this.
|
|
76
|
+
if (this.isSearchFixesFlagEnabled) {
|
|
77
77
|
this.input.addEventListener('keydown', (ev) => {
|
|
78
78
|
if (ev.key !== 'Enter' || ev.repeat)
|
|
79
79
|
return;
|
|
@@ -161,9 +161,9 @@ tslib_es6.__decorate([
|
|
|
161
161
|
tslib_es6.__metadata("design:type", String)
|
|
162
162
|
], exports.HSearchInput.prototype, "moduleInstanceId", void 0);
|
|
163
163
|
tslib_es6.__decorate([
|
|
164
|
-
decorators.property({ type: Boolean, attribute: 'is-search-
|
|
164
|
+
decorators.property({ type: Boolean, attribute: 'is-search-fixes-flag-enabled' }),
|
|
165
165
|
tslib_es6.__metadata("design:type", Boolean)
|
|
166
|
-
], exports.HSearchInput.prototype, "
|
|
166
|
+
], exports.HSearchInput.prototype, "isSearchFixesFlagEnabled", void 0);
|
|
167
167
|
tslib_es6.__decorate([
|
|
168
168
|
decorators.state(),
|
|
169
169
|
tslib_es6.__metadata("design:type", Boolean)
|
|
@@ -3,7 +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
|
-
|
|
6
|
+
isSearchFixesFlagEnabled: boolean;
|
|
7
7
|
private _shouldShow;
|
|
8
8
|
private _isRequestPending;
|
|
9
9
|
private _searchContextConsumer;
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/buttons/search_clear.js
CHANGED
|
@@ -12,7 +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.
|
|
15
|
+
this.isSearchFixesFlagEnabled = false;
|
|
16
16
|
this._shouldShow = false;
|
|
17
17
|
this._isRequestPending = false;
|
|
18
18
|
this._$searchInput = null;
|
|
@@ -25,7 +25,7 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
|
|
|
25
25
|
this._handleSearchClear = () => {
|
|
26
26
|
var _a;
|
|
27
27
|
this._dispatchClearEvent();
|
|
28
|
-
if (this.
|
|
28
|
+
if (this.isSearchFixesFlagEnabled) {
|
|
29
29
|
this._updateClearButtonVisibility('');
|
|
30
30
|
(_a = this._$searchInput) === null || _a === void 0 ? void 0 : _a.focus();
|
|
31
31
|
}
|
|
@@ -45,7 +45,7 @@ let HSearchClear = class HSearchClear extends PhoenixLightLitElement {
|
|
|
45
45
|
this._searchContextSetup();
|
|
46
46
|
const $search = this.closest(SEARCH_COMPONENT_NAMES.search);
|
|
47
47
|
this._$searchInput = (_a = $search === null || $search === void 0 ? void 0 : $search.querySelector('input[type="search"]')) !== null && _a !== void 0 ? _a : null;
|
|
48
|
-
if (this.
|
|
48
|
+
if (this.isSearchFixesFlagEnabled) {
|
|
49
49
|
this._updateClearButtonVisibility((_c = (_b = this._$searchInput) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
|
|
50
50
|
}
|
|
51
51
|
this.addEventListener('click', this._handleSearchClear);
|
|
@@ -96,9 +96,9 @@ __decorate([
|
|
|
96
96
|
__metadata("design:type", String)
|
|
97
97
|
], HSearchClear.prototype, "moduleInstanceId", void 0);
|
|
98
98
|
__decorate([
|
|
99
|
-
property({ type: Boolean, attribute: 'is-search-
|
|
99
|
+
property({ type: Boolean, attribute: 'is-search-fixes-flag-enabled' }),
|
|
100
100
|
__metadata("design:type", Boolean)
|
|
101
|
-
], HSearchClear.prototype, "
|
|
101
|
+
], HSearchClear.prototype, "isSearchFixesFlagEnabled", void 0);
|
|
102
102
|
__decorate([
|
|
103
103
|
state(),
|
|
104
104
|
__metadata("design:type", Boolean)
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { PropertyValues } from 'lit';
|
|
|
3
3
|
export declare class HSearchInput extends PhoenixLightLitElement {
|
|
4
4
|
input: HTMLInputElement | null;
|
|
5
5
|
moduleInstanceId: string;
|
|
6
|
-
|
|
6
|
+
isSearchFixesFlagEnabled: boolean;
|
|
7
7
|
private _isSearchPhraseCleared;
|
|
8
8
|
connectedCallback(): void;
|
|
9
9
|
firstUpdated(props: PropertyValues): void;
|
package/build/esm/packages/phoenix/src/components/form/search/subcomponents/input/search_input.js
CHANGED
|
@@ -9,7 +9,7 @@ import { SEARCH_CLASS_NAMES, SEARCH_CUSTOM_EVENT_NAMES, SEARCH_COMPONENT_NAMES }
|
|
|
9
9
|
let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
10
10
|
constructor() {
|
|
11
11
|
super(...arguments);
|
|
12
|
-
this.
|
|
12
|
+
this.isSearchFixesFlagEnabled = false;
|
|
13
13
|
this._isSearchPhraseCleared = false;
|
|
14
14
|
this._setupAttributes = () => {
|
|
15
15
|
var _a, _b, _c, _d;
|
|
@@ -69,7 +69,7 @@ let HSearchInput = class HSearchInput extends PhoenixLightLitElement {
|
|
|
69
69
|
}
|
|
70
70
|
});
|
|
71
71
|
});
|
|
72
|
-
if (this.
|
|
72
|
+
if (this.isSearchFixesFlagEnabled) {
|
|
73
73
|
this.input.addEventListener('keydown', (ev) => {
|
|
74
74
|
if (ev.key !== 'Enter' || ev.repeat)
|
|
75
75
|
return;
|
|
@@ -157,9 +157,9 @@ __decorate([
|
|
|
157
157
|
__metadata("design:type", String)
|
|
158
158
|
], HSearchInput.prototype, "moduleInstanceId", void 0);
|
|
159
159
|
__decorate([
|
|
160
|
-
property({ type: Boolean, attribute: 'is-search-
|
|
160
|
+
property({ type: Boolean, attribute: 'is-search-fixes-flag-enabled' }),
|
|
161
161
|
__metadata("design:type", Boolean)
|
|
162
|
-
], HSearchInput.prototype, "
|
|
162
|
+
], HSearchInput.prototype, "isSearchFixesFlagEnabled", void 0);
|
|
163
163
|
__decorate([
|
|
164
164
|
state(),
|
|
165
165
|
__metadata("design:type", Boolean)
|
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.
|
|
5
|
+
"version": "1.18.33",
|
|
6
6
|
"description": "phoenix design system",
|
|
7
7
|
"author": "zefirek",
|
|
8
8
|
"license": "MIT",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@splidejs/splide-extension-auto-scroll": "0.5.3"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
|
-
"@dreamcommerce/utilities": "^1.23.
|
|
34
|
+
"@dreamcommerce/utilities": "^1.23.5",
|
|
35
35
|
"@shoper/jest_config": "^0.0.0",
|
|
36
36
|
"@shoper/tsconfig": "^0.0.0",
|
|
37
37
|
"@splidejs/splide": "4.0.7",
|