@biggive/components 202304281233.0.0 → 202305040926.0.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.
- package/dist/biggive/biggive.esm.js +1 -1
- package/dist/biggive/p-39db9751.entry.js +1 -0
- package/dist/cjs/biggive-accordion_43.cjs.entry.js +4 -3
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +8 -8
- package/dist/components/biggive-campaign-card-filter-grid.js +4 -3
- package/dist/esm/biggive-accordion_43.entry.js +4 -3
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +3 -2
- package/dist/types/components.d.ts +4 -4
- package/hydrate/index.js +4 -3
- package/package.json +1 -1
- package/dist/biggive/p-35625fdd.entry.js +0 -1
|
@@ -333,7 +333,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
333
333
|
this.filtersApplied = false;
|
|
334
334
|
// Clear all
|
|
335
335
|
this.searchText = null;
|
|
336
|
-
this.selectedSortByOption =
|
|
336
|
+
this.selectedSortByOption = this.initialSortByOption;
|
|
337
337
|
this.selectedFilterBeneficiary = null;
|
|
338
338
|
this.selectedFilterCategory = null;
|
|
339
339
|
this.selectedFilterFunding = null;
|
|
@@ -366,7 +366,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
366
366
|
this.beneficiaryOptions = [];
|
|
367
367
|
this.locationOptions = [];
|
|
368
368
|
this.fundingOptions = [];
|
|
369
|
-
this.selectedSortByOption =
|
|
369
|
+
this.selectedSortByOption = undefined;
|
|
370
370
|
this.selectedFilterCategory = null;
|
|
371
371
|
this.selectedFilterBeneficiary = null;
|
|
372
372
|
this.selectedFilterLocation = null;
|
|
@@ -417,6 +417,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
417
417
|
componentWillRender() {
|
|
418
418
|
this.filtersApplied =
|
|
419
419
|
this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
|
|
420
|
+
this.initialSortByOption = this.selectedSortByOption;
|
|
420
421
|
}
|
|
421
422
|
render() {
|
|
422
423
|
var _a;
|
|
@@ -428,7 +429,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
428
429
|
? undefined
|
|
429
430
|
: (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("biggive-form-field-select", { placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
430
431
|
? undefined
|
|
431
|
-
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, index.h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), index.h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" })))), index.h("div", { class: "selected-filter-wrap" }, index.h("div", { class: "selected-filters" }), index.h("div", { class: "clear-all" }, index.h("a", { onClick: this.handleClearAll }, "Clear all"))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
432
|
+
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (index.h("biggive-form-field-select-option", { value: option, label: option })))), index.h("div", { class: "align-right" }, index.h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), index.h("div", { class: "sort-wrap" }, index.h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, index.h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), index.h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? index.h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), index.h("div", { class: "selected-filter-wrap" }, index.h("div", { class: "selected-filters" }), index.h("div", { class: "clear-all" }, index.h("a", { onClick: this.handleClearAll }, "Clear all"))), index.h("div", { class: "campaign-grid" }, index.h("slot", { name: "campaign-grid" })))));
|
|
432
433
|
}
|
|
433
434
|
get el() { return index.getElement(this); }
|
|
434
435
|
};
|
|
@@ -60,7 +60,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
60
60
|
this.filtersApplied = false;
|
|
61
61
|
// Clear all
|
|
62
62
|
this.searchText = null;
|
|
63
|
-
this.selectedSortByOption =
|
|
63
|
+
this.selectedSortByOption = this.initialSortByOption;
|
|
64
64
|
this.selectedFilterBeneficiary = null;
|
|
65
65
|
this.selectedFilterCategory = null;
|
|
66
66
|
this.selectedFilterFunding = null;
|
|
@@ -93,7 +93,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
93
93
|
this.beneficiaryOptions = [];
|
|
94
94
|
this.locationOptions = [];
|
|
95
95
|
this.fundingOptions = [];
|
|
96
|
-
this.selectedSortByOption =
|
|
96
|
+
this.selectedSortByOption = undefined;
|
|
97
97
|
this.selectedFilterCategory = null;
|
|
98
98
|
this.selectedFilterBeneficiary = null;
|
|
99
99
|
this.selectedFilterLocation = null;
|
|
@@ -144,6 +144,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
144
144
|
componentWillRender() {
|
|
145
145
|
this.filtersApplied =
|
|
146
146
|
this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
|
|
147
|
+
this.initialSortByOption = this.selectedSortByOption;
|
|
147
148
|
}
|
|
148
149
|
render() {
|
|
149
150
|
var _a;
|
|
@@ -155,7 +156,7 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
155
156
|
? undefined
|
|
156
157
|
: (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
157
158
|
? undefined
|
|
158
|
-
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" })))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
159
|
+
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
159
160
|
}
|
|
160
161
|
static get is() { return "biggive-campaign-card-filter-grid"; }
|
|
161
162
|
static get encapsulation() { return "shadow"; }
|
|
@@ -337,19 +338,18 @@ export class BiggiveCampaignCardFilterGrid {
|
|
|
337
338
|
"type": "string",
|
|
338
339
|
"mutable": false,
|
|
339
340
|
"complexType": {
|
|
340
|
-
"original": "'Most raised' | 'Match funds remaining' | 'Relevance'
|
|
341
|
-
"resolved": "\"Match funds remaining\" | \"Most raised\" | \"Relevance\"
|
|
341
|
+
"original": "'Most raised' | 'Match funds remaining' | 'Relevance'",
|
|
342
|
+
"resolved": "\"Match funds remaining\" | \"Most raised\" | \"Relevance\"",
|
|
342
343
|
"references": {}
|
|
343
344
|
},
|
|
344
345
|
"required": false,
|
|
345
346
|
"optional": false,
|
|
346
347
|
"docs": {
|
|
347
348
|
"tags": [],
|
|
348
|
-
"text": "This helps us inject a pre-selected dropdown value from outside of this component.\nThis is especially helpful for the Meta campaign and Explore pages, where searching\nby text
|
|
349
|
+
"text": "This helps us inject a pre-selected dropdown value from outside of this component.\nThis is especially helpful for the Meta campaign and Explore pages, where searching\nby text wipes out previous sort options and re-uses Relevance, or where one of those\ntwo pages is loaded directly with URL parameters - in such a scenario the dropdown\nshows that it's pre-selected. DON-558."
|
|
349
350
|
},
|
|
350
351
|
"attribute": "selected-sort-by-option",
|
|
351
|
-
"reflect": false
|
|
352
|
-
"defaultValue": "null"
|
|
352
|
+
"reflect": false
|
|
353
353
|
},
|
|
354
354
|
"selectedFilterCategory": {
|
|
355
355
|
"type": "string",
|
|
@@ -71,7 +71,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
71
71
|
this.filtersApplied = false;
|
|
72
72
|
// Clear all
|
|
73
73
|
this.searchText = null;
|
|
74
|
-
this.selectedSortByOption =
|
|
74
|
+
this.selectedSortByOption = this.initialSortByOption;
|
|
75
75
|
this.selectedFilterBeneficiary = null;
|
|
76
76
|
this.selectedFilterCategory = null;
|
|
77
77
|
this.selectedFilterFunding = null;
|
|
@@ -104,7 +104,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
104
104
|
this.beneficiaryOptions = [];
|
|
105
105
|
this.locationOptions = [];
|
|
106
106
|
this.fundingOptions = [];
|
|
107
|
-
this.selectedSortByOption =
|
|
107
|
+
this.selectedSortByOption = undefined;
|
|
108
108
|
this.selectedFilterCategory = null;
|
|
109
109
|
this.selectedFilterBeneficiary = null;
|
|
110
110
|
this.selectedFilterLocation = null;
|
|
@@ -155,6 +155,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
155
155
|
componentWillRender() {
|
|
156
156
|
this.filtersApplied =
|
|
157
157
|
this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
|
|
158
|
+
this.initialSortByOption = this.selectedSortByOption;
|
|
158
159
|
}
|
|
159
160
|
render() {
|
|
160
161
|
var _a;
|
|
@@ -166,7 +167,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
166
167
|
? undefined
|
|
167
168
|
: (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
168
169
|
? undefined
|
|
169
|
-
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" })))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
170
|
+
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
170
171
|
}
|
|
171
172
|
get el() { return this; }
|
|
172
173
|
static get style() { return biggiveCampaignCardFilterGridCss; }
|
|
@@ -329,7 +329,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
329
329
|
this.filtersApplied = false;
|
|
330
330
|
// Clear all
|
|
331
331
|
this.searchText = null;
|
|
332
|
-
this.selectedSortByOption =
|
|
332
|
+
this.selectedSortByOption = this.initialSortByOption;
|
|
333
333
|
this.selectedFilterBeneficiary = null;
|
|
334
334
|
this.selectedFilterCategory = null;
|
|
335
335
|
this.selectedFilterFunding = null;
|
|
@@ -362,7 +362,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
362
362
|
this.beneficiaryOptions = [];
|
|
363
363
|
this.locationOptions = [];
|
|
364
364
|
this.fundingOptions = [];
|
|
365
|
-
this.selectedSortByOption =
|
|
365
|
+
this.selectedSortByOption = undefined;
|
|
366
366
|
this.selectedFilterCategory = null;
|
|
367
367
|
this.selectedFilterBeneficiary = null;
|
|
368
368
|
this.selectedFilterLocation = null;
|
|
@@ -413,6 +413,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
413
413
|
componentWillRender() {
|
|
414
414
|
this.filtersApplied =
|
|
415
415
|
this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
|
|
416
|
+
this.initialSortByOption = this.selectedSortByOption;
|
|
416
417
|
}
|
|
417
418
|
render() {
|
|
418
419
|
var _a;
|
|
@@ -424,7 +425,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
424
425
|
? undefined
|
|
425
426
|
: (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
426
427
|
? undefined
|
|
427
|
-
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" })))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
428
|
+
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("div", { class: "align-right" }, h("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, h("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), h("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? h("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), h("div", { class: "selected-filter-wrap" }, h("div", { class: "selected-filters" }), h("div", { class: "clear-all" }, h("a", { onClick: this.handleClearAll }, "Clear all"))), h("div", { class: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
428
429
|
}
|
|
429
430
|
get el() { return getElement(this); }
|
|
430
431
|
};
|
|
@@ -63,11 +63,11 @@ export declare class BiggiveCampaignCardFilterGrid {
|
|
|
63
63
|
/**
|
|
64
64
|
* This helps us inject a pre-selected dropdown value from outside of this component.
|
|
65
65
|
* This is especially helpful for the Meta campaign and Explore pages, where searching
|
|
66
|
-
* by text
|
|
66
|
+
* by text wipes out previous sort options and re-uses Relevance, or where one of those
|
|
67
67
|
* two pages is loaded directly with URL parameters - in such a scenario the dropdown
|
|
68
68
|
* shows that it's pre-selected. DON-558.
|
|
69
69
|
*/
|
|
70
|
-
selectedSortByOption: 'Most raised' | 'Match funds remaining' | 'Relevance'
|
|
70
|
+
selectedSortByOption: 'Most raised' | 'Match funds remaining' | 'Relevance';
|
|
71
71
|
/**
|
|
72
72
|
* For injecting the chosen category to filter by, as per the comment above for `selectedSortByOption`.
|
|
73
73
|
*/
|
|
@@ -88,6 +88,7 @@ export declare class BiggiveCampaignCardFilterGrid {
|
|
|
88
88
|
* State variable - causes re-render on change
|
|
89
89
|
*/
|
|
90
90
|
filtersApplied: boolean;
|
|
91
|
+
private initialSortByOption;
|
|
91
92
|
private getSearchAndFilterObject;
|
|
92
93
|
doOptionSelectCompletedHandler(event: any): void;
|
|
93
94
|
private handleApplyFilterButtonClick;
|
|
@@ -399,9 +399,9 @@ export namespace Components {
|
|
|
399
399
|
*/
|
|
400
400
|
"selectedFilterLocation": string | null;
|
|
401
401
|
/**
|
|
402
|
-
* This helps us inject a pre-selected dropdown value from outside of this component. This is especially helpful for the Meta campaign and Explore pages, where searching by text
|
|
402
|
+
* This helps us inject a pre-selected dropdown value from outside of this component. This is especially helpful for the Meta campaign and Explore pages, where searching by text wipes out previous sort options and re-uses Relevance, or where one of those two pages is loaded directly with URL parameters - in such a scenario the dropdown shows that it's pre-selected. DON-558.
|
|
403
403
|
*/
|
|
404
|
-
"selectedSortByOption": 'Most raised' | 'Match funds remaining' | 'Relevance'
|
|
404
|
+
"selectedSortByOption": 'Most raised' | 'Match funds remaining' | 'Relevance';
|
|
405
405
|
/**
|
|
406
406
|
* Space below component
|
|
407
407
|
*/
|
|
@@ -1905,9 +1905,9 @@ declare namespace LocalJSX {
|
|
|
1905
1905
|
*/
|
|
1906
1906
|
"selectedFilterLocation"?: string | null;
|
|
1907
1907
|
/**
|
|
1908
|
-
* This helps us inject a pre-selected dropdown value from outside of this component. This is especially helpful for the Meta campaign and Explore pages, where searching by text
|
|
1908
|
+
* This helps us inject a pre-selected dropdown value from outside of this component. This is especially helpful for the Meta campaign and Explore pages, where searching by text wipes out previous sort options and re-uses Relevance, or where one of those two pages is loaded directly with URL parameters - in such a scenario the dropdown shows that it's pre-selected. DON-558.
|
|
1909
1909
|
*/
|
|
1910
|
-
"selectedSortByOption"?: 'Most raised' | 'Match funds remaining' | 'Relevance'
|
|
1910
|
+
"selectedSortByOption"?: 'Most raised' | 'Match funds remaining' | 'Relevance';
|
|
1911
1911
|
/**
|
|
1912
1912
|
* Space below component
|
|
1913
1913
|
*/
|
package/hydrate/index.js
CHANGED
|
@@ -6814,7 +6814,7 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6814
6814
|
this.filtersApplied = false;
|
|
6815
6815
|
// Clear all
|
|
6816
6816
|
this.searchText = null;
|
|
6817
|
-
this.selectedSortByOption =
|
|
6817
|
+
this.selectedSortByOption = this.initialSortByOption;
|
|
6818
6818
|
this.selectedFilterBeneficiary = null;
|
|
6819
6819
|
this.selectedFilterCategory = null;
|
|
6820
6820
|
this.selectedFilterFunding = null;
|
|
@@ -6847,7 +6847,7 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6847
6847
|
this.beneficiaryOptions = [];
|
|
6848
6848
|
this.locationOptions = [];
|
|
6849
6849
|
this.fundingOptions = [];
|
|
6850
|
-
this.selectedSortByOption =
|
|
6850
|
+
this.selectedSortByOption = undefined;
|
|
6851
6851
|
this.selectedFilterCategory = null;
|
|
6852
6852
|
this.selectedFilterBeneficiary = null;
|
|
6853
6853
|
this.selectedFilterLocation = null;
|
|
@@ -6898,6 +6898,7 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6898
6898
|
componentWillRender() {
|
|
6899
6899
|
this.filtersApplied =
|
|
6900
6900
|
this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
|
|
6901
|
+
this.initialSortByOption = this.selectedSortByOption;
|
|
6901
6902
|
}
|
|
6902
6903
|
render() {
|
|
6903
6904
|
var _a;
|
|
@@ -6909,7 +6910,7 @@ class BiggiveCampaignCardFilterGrid {
|
|
|
6909
6910
|
? undefined
|
|
6910
6911
|
: (Array.isArray(this.locationOptions) ? this.locationOptions : JSON.parse(this.locationOptions)).map(option => (hAsync("biggive-form-field-select-option", { value: option, label: option })))), hAsync("biggive-form-field-select", { placeholder: this.fundingPlaceHolderText, selectedLabel: this.selectedFilterFunding, id: "funding", "space-below": "2" }, this.fundingOptions.length === 0
|
|
6911
6912
|
? undefined
|
|
6912
|
-
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (hAsync("biggive-form-field-select-option", { value: option, label: option })))), hAsync("div", { class: "align-right" }, hAsync("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), hAsync("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" })))), hAsync("div", { class: "selected-filter-wrap" }, hAsync("div", { class: "selected-filters" }), hAsync("div", { class: "clear-all" }, hAsync("a", { onClick: this.handleClearAll }, "Clear all"))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
|
|
6913
|
+
: (Array.isArray(this.fundingOptions) ? this.fundingOptions : JSON.parse(this.fundingOptions)).map(option => (hAsync("biggive-form-field-select-option", { value: option, label: option })))), hAsync("div", { class: "align-right" }, hAsync("biggive-button", { label: "Apply filters", onClick: this.handleApplyFilterButtonClick })))), hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { "select-style": "underlined", placeholder: this.sortByPlaceholderText, selectedLabel: this.selectedSortByOption, id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "amountRaised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matchFundsRemaining", label: "Match funds remaining" }), (this.searchText || '').length > 0 ? hAsync("biggive-form-field-select-option", { value: "Relevance", label: "Relevance" }) : null))), hAsync("div", { class: "selected-filter-wrap" }, hAsync("div", { class: "selected-filters" }), hAsync("div", { class: "clear-all" }, hAsync("a", { onClick: this.handleClearAll }, "Clear all"))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
|
|
6913
6914
|
}
|
|
6914
6915
|
get el() { return getElement(this); }
|
|
6915
6916
|
static get style() { return biggiveCampaignCardFilterGridCss; }
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@biggive/components",
|
|
3
3
|
"_comment": "Version number below is automatically replaced during CircleCI build.",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "202305040926.0.0",
|
|
5
5
|
"description": "Big Give Components",
|
|
6
6
|
"main": "dist/index.cjs.js",
|
|
7
7
|
"module": "dist/index.js",
|