@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.
@@ -333,7 +333,7 @@ const BiggiveCampaignCardFilterGrid = class {
333
333
  this.filtersApplied = false;
334
334
  // Clear all
335
335
  this.searchText = null;
336
- this.selectedSortByOption = null;
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 = null;
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 = null;
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 = null;
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' | null",
341
- "resolved": "\"Match funds remaining\" | \"Most raised\" | \"Relevance\" | null",
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 whipes 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
+ "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 = null;
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 = null;
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 = null;
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 = null;
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 whipes out previous sort options and re-uses Relevance, or where one of those
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' | null;
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 whipes 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.
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' | null;
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 whipes 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.
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' | null;
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 = null;
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 = null;
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": "202304281233.0.0",
4
+ "version": "202305040926.0.0",
5
5
  "description": "Big Give Components",
6
6
  "main": "dist/index.cjs.js",
7
7
  "module": "dist/index.js",