@biggive/components 1.0.175 → 1.0.176
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-116fa565.entry.js +1 -0
- package/dist/cjs/biggive-back-to-top_27.cjs.entry.js +33 -15
- package/dist/cjs/biggive.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.js +62 -48
- package/dist/collection/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.js +19 -27
- package/dist/components/biggive-campaign-card-filter-grid.js +39 -21
- package/dist/esm/biggive-back-to-top_27.entry.js +33 -15
- package/dist/esm/biggive.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts +16 -9
- package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.stories.d.ts +0 -7
- package/dist/types/components.d.ts +16 -18
- package/hydrate/index.js +39 -21
- package/package.json +1 -1
- package/dist/biggive/p-9150c7c5.entry.js +0 -1
|
@@ -15,6 +15,10 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
15
15
|
this.__attachShadow();
|
|
16
16
|
this.doSearchAndFilterUpdate = createEvent(this, "doSearchAndFilterUpdate", 7);
|
|
17
17
|
this.sortByPlaceholderText = 'Sort by';
|
|
18
|
+
this.beneficiariesPlaceHolderText = 'Beneficiary';
|
|
19
|
+
this.categoriesPlaceHolderText = 'Category';
|
|
20
|
+
this.locationsPlaceHolderText = 'Location';
|
|
21
|
+
this.fundingPlaceHolderText = 'Funding';
|
|
18
22
|
this.handleApplyFilterButtonClick = () => {
|
|
19
23
|
const searchAndFilterObj = this.getSearchAndFilterObject();
|
|
20
24
|
this.doSearchAndFilterUpdate.emit(searchAndFilterObj);
|
|
@@ -49,6 +53,11 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
49
53
|
this.selectedFilterCategory = null;
|
|
50
54
|
this.selectedFilterFunding = null;
|
|
51
55
|
this.selectedFilterLocation = null;
|
|
56
|
+
// Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.
|
|
57
|
+
['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {
|
|
58
|
+
this.el.shadowRoot.getElementById(id).selectedValue = null;
|
|
59
|
+
this.el.shadowRoot.getElementById(id).selectedLabel = null;
|
|
60
|
+
});
|
|
52
61
|
// Emit the doSearchAndFilterUpdate event with null values. DON-654
|
|
53
62
|
this.doSearchAndFilterUpdate.emit({
|
|
54
63
|
searchText: null,
|
|
@@ -68,12 +77,12 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
68
77
|
this.beneficiaryOptions = [];
|
|
69
78
|
this.locationOptions = [];
|
|
70
79
|
this.fundingOptions = [];
|
|
71
|
-
this.filtersApplied = undefined;
|
|
72
80
|
this.selectedSortByOption = null;
|
|
73
81
|
this.selectedFilterCategory = null;
|
|
74
82
|
this.selectedFilterBeneficiary = null;
|
|
75
83
|
this.selectedFilterLocation = null;
|
|
76
84
|
this.selectedFilterFunding = null;
|
|
85
|
+
this.filtersApplied = undefined;
|
|
77
86
|
}
|
|
78
87
|
getSearchAndFilterObject() {
|
|
79
88
|
const event = {
|
|
@@ -87,11 +96,7 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
87
96
|
return event;
|
|
88
97
|
}
|
|
89
98
|
doOptionSelectCompletedHandler(event) {
|
|
90
|
-
|
|
91
|
-
this.selectedFilterCategory = this.el.shadowRoot.getElementById('categories').selectedValue;
|
|
92
|
-
this.selectedFilterBeneficiary = this.el.shadowRoot.getElementById('beneficiaries').selectedValue;
|
|
93
|
-
this.selectedFilterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
|
|
94
|
-
this.selectedFilterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
|
|
99
|
+
const nameOfUpdatedDropdown = event.detail.placeholder;
|
|
95
100
|
// If this method was trigerred by the selection of a 'Sort by' dropdown option, then
|
|
96
101
|
// emit an event to search, but do NOT emit an event for example when filter options
|
|
97
102
|
// are selected, until the 'Apply filters' button is pressed which is handled separately
|
|
@@ -100,10 +105,23 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
100
105
|
// `<biggive-form-field-select placeholder="Sort by" id="sort-by" onDoSelectChange={this.someHandleMethod}>`
|
|
101
106
|
// but the problem with that is that `someHandleMethod` gets called first and then this
|
|
102
107
|
// method gets called, leading to two calls and more risk for error. DON-570.
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
108
|
+
switch (nameOfUpdatedDropdown) {
|
|
109
|
+
case this.sortByPlaceholderText:
|
|
110
|
+
this.selectedSortByOption = event.detail.value;
|
|
111
|
+
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
112
|
+
break;
|
|
113
|
+
case this.beneficiariesPlaceHolderText:
|
|
114
|
+
this.selectedFilterBeneficiary = event.detail.value;
|
|
115
|
+
break;
|
|
116
|
+
case this.categoriesPlaceHolderText:
|
|
117
|
+
this.selectedFilterCategory = event.detail.value;
|
|
118
|
+
break;
|
|
119
|
+
case this.fundingPlaceHolderText:
|
|
120
|
+
this.selectedFilterFunding = event.detail.value;
|
|
121
|
+
break;
|
|
122
|
+
case this.locationsPlaceHolderText:
|
|
123
|
+
this.selectedFilterLocation = event.detail.value;
|
|
124
|
+
break;
|
|
107
125
|
}
|
|
108
126
|
}
|
|
109
127
|
componentWillRender() {
|
|
@@ -111,15 +129,15 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
111
129
|
this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
|
|
112
130
|
}
|
|
113
131
|
render() {
|
|
114
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "clear-all" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon icon-clear-all", viewBox: "0 0 512 512" }, h("path", { d: faFilterSlash.icon[4].toString() })), h("a", { onClick: this.handleClearAll }, "Clear all")), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder:
|
|
132
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "clear-all" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon icon-clear-all", viewBox: "0 0 512 512" }, h("path", { d: faFilterSlash.icon[4].toString() })), h("a", { onClick: this.handleClearAll }, "Clear all")), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { 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: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: this.filtersApplied ? 'secondary' : 'primary', onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
115
133
|
? undefined
|
|
116
|
-
: this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder:
|
|
134
|
+
: (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
117
135
|
? undefined
|
|
118
|
-
: this.beneficiaryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder:
|
|
136
|
+
: (Array.isArray(this.beneficiaryOptions) ? this.beneficiaryOptions : JSON.parse(this.beneficiaryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, id: "locations", "space-below": "2" }, this.locationOptions.length === 0
|
|
119
137
|
? undefined
|
|
120
|
-
: this.locationOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder:
|
|
138
|
+
: (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
|
|
121
139
|
? undefined
|
|
122
|
-
: 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: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
140
|
+
: (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: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
123
141
|
}
|
|
124
142
|
get el() { return this; }
|
|
125
143
|
static get style() { return biggiveCampaignCardFilterGridCss; }
|
|
@@ -129,16 +147,16 @@ const BiggiveCampaignCardFilterGrid$1 = /*@__PURE__*/ proxyCustomElement(class e
|
|
|
129
147
|
"searchText": [1, "search-text"],
|
|
130
148
|
"placeholderText": [1, "placeholder-text"],
|
|
131
149
|
"buttonText": [1, "button-text"],
|
|
132
|
-
"categoryOptions": [
|
|
133
|
-
"beneficiaryOptions": [
|
|
134
|
-
"locationOptions": [
|
|
135
|
-
"fundingOptions": [
|
|
136
|
-
"filtersApplied": [4, "filters-applied"],
|
|
150
|
+
"categoryOptions": [1, "category-options"],
|
|
151
|
+
"beneficiaryOptions": [1, "beneficiary-options"],
|
|
152
|
+
"locationOptions": [1, "location-options"],
|
|
153
|
+
"fundingOptions": [1, "funding-options"],
|
|
137
154
|
"selectedSortByOption": [1, "selected-sort-by-option"],
|
|
138
155
|
"selectedFilterCategory": [1, "selected-filter-category"],
|
|
139
156
|
"selectedFilterBeneficiary": [1, "selected-filter-beneficiary"],
|
|
140
157
|
"selectedFilterLocation": [1, "selected-filter-location"],
|
|
141
|
-
"selectedFilterFunding": [1, "selected-filter-funding"]
|
|
158
|
+
"selectedFilterFunding": [1, "selected-filter-funding"],
|
|
159
|
+
"filtersApplied": [32]
|
|
142
160
|
}, [[0, "doSelectChange", "doOptionSelectCompletedHandler"]]]);
|
|
143
161
|
function defineCustomElement$1() {
|
|
144
162
|
if (typeof customElements === "undefined") {
|
|
@@ -136,6 +136,10 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
136
136
|
registerInstance(this, hostRef);
|
|
137
137
|
this.doSearchAndFilterUpdate = createEvent(this, "doSearchAndFilterUpdate", 7);
|
|
138
138
|
this.sortByPlaceholderText = 'Sort by';
|
|
139
|
+
this.beneficiariesPlaceHolderText = 'Beneficiary';
|
|
140
|
+
this.categoriesPlaceHolderText = 'Category';
|
|
141
|
+
this.locationsPlaceHolderText = 'Location';
|
|
142
|
+
this.fundingPlaceHolderText = 'Funding';
|
|
139
143
|
this.handleApplyFilterButtonClick = () => {
|
|
140
144
|
const searchAndFilterObj = this.getSearchAndFilterObject();
|
|
141
145
|
this.doSearchAndFilterUpdate.emit(searchAndFilterObj);
|
|
@@ -170,6 +174,11 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
170
174
|
this.selectedFilterCategory = null;
|
|
171
175
|
this.selectedFilterFunding = null;
|
|
172
176
|
this.selectedFilterLocation = null;
|
|
177
|
+
// Clear <biggive-form-field-select> components' internal selectedValue and selectedLabel. DON-654.
|
|
178
|
+
['sort-by', 'categories', 'beneficiaries', 'locations', 'funding'].forEach(id => {
|
|
179
|
+
this.el.shadowRoot.getElementById(id).selectedValue = null;
|
|
180
|
+
this.el.shadowRoot.getElementById(id).selectedLabel = null;
|
|
181
|
+
});
|
|
173
182
|
// Emit the doSearchAndFilterUpdate event with null values. DON-654
|
|
174
183
|
this.doSearchAndFilterUpdate.emit({
|
|
175
184
|
searchText: null,
|
|
@@ -189,12 +198,12 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
189
198
|
this.beneficiaryOptions = [];
|
|
190
199
|
this.locationOptions = [];
|
|
191
200
|
this.fundingOptions = [];
|
|
192
|
-
this.filtersApplied = undefined;
|
|
193
201
|
this.selectedSortByOption = null;
|
|
194
202
|
this.selectedFilterCategory = null;
|
|
195
203
|
this.selectedFilterBeneficiary = null;
|
|
196
204
|
this.selectedFilterLocation = null;
|
|
197
205
|
this.selectedFilterFunding = null;
|
|
206
|
+
this.filtersApplied = undefined;
|
|
198
207
|
}
|
|
199
208
|
getSearchAndFilterObject() {
|
|
200
209
|
const event = {
|
|
@@ -208,11 +217,7 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
208
217
|
return event;
|
|
209
218
|
}
|
|
210
219
|
doOptionSelectCompletedHandler(event) {
|
|
211
|
-
|
|
212
|
-
this.selectedFilterCategory = this.el.shadowRoot.getElementById('categories').selectedValue;
|
|
213
|
-
this.selectedFilterBeneficiary = this.el.shadowRoot.getElementById('beneficiaries').selectedValue;
|
|
214
|
-
this.selectedFilterLocation = this.el.shadowRoot.getElementById('locations').selectedValue;
|
|
215
|
-
this.selectedFilterFunding = this.el.shadowRoot.getElementById('funding').selectedValue;
|
|
220
|
+
const nameOfUpdatedDropdown = event.detail.placeholder;
|
|
216
221
|
// If this method was trigerred by the selection of a 'Sort by' dropdown option, then
|
|
217
222
|
// emit an event to search, but do NOT emit an event for example when filter options
|
|
218
223
|
// are selected, until the 'Apply filters' button is pressed which is handled separately
|
|
@@ -221,10 +226,23 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
221
226
|
// `<biggive-form-field-select placeholder="Sort by" id="sort-by" onDoSelectChange={this.someHandleMethod}>`
|
|
222
227
|
// but the problem with that is that `someHandleMethod` gets called first and then this
|
|
223
228
|
// method gets called, leading to two calls and more risk for error. DON-570.
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
229
|
+
switch (nameOfUpdatedDropdown) {
|
|
230
|
+
case this.sortByPlaceholderText:
|
|
231
|
+
this.selectedSortByOption = event.detail.value;
|
|
232
|
+
this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
|
|
233
|
+
break;
|
|
234
|
+
case this.beneficiariesPlaceHolderText:
|
|
235
|
+
this.selectedFilterBeneficiary = event.detail.value;
|
|
236
|
+
break;
|
|
237
|
+
case this.categoriesPlaceHolderText:
|
|
238
|
+
this.selectedFilterCategory = event.detail.value;
|
|
239
|
+
break;
|
|
240
|
+
case this.fundingPlaceHolderText:
|
|
241
|
+
this.selectedFilterFunding = event.detail.value;
|
|
242
|
+
break;
|
|
243
|
+
case this.locationsPlaceHolderText:
|
|
244
|
+
this.selectedFilterLocation = event.detail.value;
|
|
245
|
+
break;
|
|
228
246
|
}
|
|
229
247
|
}
|
|
230
248
|
componentWillRender() {
|
|
@@ -232,15 +250,15 @@ const BiggiveCampaignCardFilterGrid = class {
|
|
|
232
250
|
this.selectedFilterCategory !== null || this.selectedFilterBeneficiary !== null || this.selectedFilterFunding !== null || this.selectedFilterLocation !== null;
|
|
233
251
|
}
|
|
234
252
|
render() {
|
|
235
|
-
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "clear-all" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon icon-clear-all", viewBox: "0 0 512 512" }, h("path", { d: faFilterSlash.icon[4].toString() })), h("a", { onClick: this.handleClearAll }, "Clear all")), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { placeholder:
|
|
253
|
+
return (h("div", { class: 'container space-below-' + this.spaceBelow }, h("div", { class: "sleeve" }, h("div", { class: "search-wrap" }, h("h4", null, this.intro), h("div", { class: "field-wrap" }, h("div", { class: "input-wrap" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, h("path", { d: faMagnifyingGlass.icon[4].toString() })), h("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: this.handleSearchTextChanged, onKeyDown: this.handleEnterPressed })), h("biggive-button", { onClick: this.handleSearchButtonPressed, label: this.buttonText }))), h("div", { class: "sort-filter-wrap" }, h("div", { class: "clear-all" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon icon-clear-all", viewBox: "0 0 512 512" }, h("path", { d: faFilterSlash.icon[4].toString() })), h("a", { onClick: this.handleClearAll }, "Clear all")), h("div", { class: "sort-wrap" }, h("biggive-form-field-select", { 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: "filter-wrap" }, h("biggive-button", { class: "filter", colourScheme: this.filtersApplied ? 'secondary' : 'primary', onClick: this.handleFilterButtonClick, label: "Filters", fullWidth: true, "space-below": "0" }), h("biggive-popup", { id: "filter-popup" }, h("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), h("biggive-form-field-select", { placeholder: this.categoriesPlaceHolderText, selectedLabel: this.selectedFilterCategory, id: "categories", "space-below": "2" }, this.categoryOptions.length === 0
|
|
236
254
|
? undefined
|
|
237
|
-
: this.categoryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder:
|
|
255
|
+
: (Array.isArray(this.categoryOptions) ? this.categoryOptions : JSON.parse(this.categoryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.beneficiariesPlaceHolderText, selectedLabel: this.selectedFilterBeneficiary, id: "beneficiaries", "space-below": "2" }, this.beneficiaryOptions.length === 0
|
|
238
256
|
? undefined
|
|
239
|
-
: this.beneficiaryOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder:
|
|
257
|
+
: (Array.isArray(this.beneficiaryOptions) ? this.beneficiaryOptions : JSON.parse(this.beneficiaryOptions)).map(option => (h("biggive-form-field-select-option", { value: option, label: option })))), h("biggive-form-field-select", { placeholder: this.locationsPlaceHolderText, selectedLabel: this.selectedFilterLocation, id: "locations", "space-below": "2" }, this.locationOptions.length === 0
|
|
240
258
|
? undefined
|
|
241
|
-
: this.locationOptions.map(option => h("biggive-form-field-select-option", { value: option, label: option }))), h("biggive-form-field-select", { placeholder:
|
|
259
|
+
: (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
|
|
242
260
|
? undefined
|
|
243
|
-
: 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: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
261
|
+
: (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: "campaign-grid" }, h("slot", { name: "campaign-grid" })))));
|
|
244
262
|
}
|
|
245
263
|
get el() { return getElement(this); }
|
|
246
264
|
};
|
package/dist/esm/biggive.js
CHANGED
|
@@ -13,5 +13,5 @@ const patchBrowser = () => {
|
|
|
13
13
|
};
|
|
14
14
|
|
|
15
15
|
patchBrowser().then(options => {
|
|
16
|
-
return bootstrapLazy([["biggive-back-to-top_27",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[
|
|
16
|
+
return bootstrapLazy([["biggive-back-to-top_27",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"fundingOptions":[1,"funding-options"],"selectedSortByOption":[1,"selected-sort-by-option"],"selectedFilterCategory":[1,"selected-filter-category"],"selectedFilterBeneficiary":[1,"selected-filter-beneficiary"],"selectedFilterLocation":[1,"selected-filter-location"],"selectedFilterFunding":[1,"selected-filter-funding"],"filtersApplied":[32]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"],"closeMenuFromOutside":[64]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}],[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[1,"biggive-popup",{"openFromOutside":[64],"closeFromOutside":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["biggive-article-card",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["biggive-search",[[1,"biggive-search",{"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"]}]]],["biggive-beneficiary-icon",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-biography-card",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"]}]]],["biggive-boxed-content",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-category-icon",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form",[[1,"biggive-form"]]],["biggive-formatted-text",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}]]],["biggive-icon-group",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-nav-group",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-popup-standalone",[[1,"biggive-popup-standalone"]]],["biggive-tab",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input",[[1,"biggive-text-input"]]],["biggive-video",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
17
17
|
});
|
package/dist/esm/loader.js
CHANGED
|
@@ -10,7 +10,7 @@ const patchEsm = () => {
|
|
|
10
10
|
const defineCustomElements = (win, options) => {
|
|
11
11
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
12
12
|
return patchEsm().then(() => {
|
|
13
|
-
return bootstrapLazy([["biggive-back-to-top_27",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[
|
|
13
|
+
return bootstrapLazy([["biggive-back-to-top_27",[[1,"biggive-campaign-card-filter-grid",{"spaceBelow":[2,"space-below"],"intro":[1],"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"],"categoryOptions":[1,"category-options"],"beneficiaryOptions":[1,"beneficiary-options"],"locationOptions":[1,"location-options"],"fundingOptions":[1,"funding-options"],"selectedSortByOption":[1,"selected-sort-by-option"],"selectedFilterCategory":[1,"selected-filter-category"],"selectedFilterBeneficiary":[1,"selected-filter-beneficiary"],"selectedFilterLocation":[1,"selected-filter-location"],"selectedFilterFunding":[1,"selected-filter-funding"],"filtersApplied":[32]},[[0,"doSelectChange","doOptionSelectCompletedHandler"]]],[1,"biggive-campaign-card",{"spaceBelow":[2,"space-below"],"campaignType":[1,"campaign-type"],"banner":[1],"campaignTitle":[1,"campaign-title"],"organisationName":[1,"organisation-name"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"donateButtonLabel":[1,"donate-button-label"],"donateButtonUrl":[1,"donate-button-url"],"donateButtonColourScheme":[1,"donate-button-colour-scheme"],"moreInfoButtonLabel":[1,"more-info-button-label"],"moreInfoButtonUrl":[1,"more-info-button-url"],"moreInfoButtonColourScheme":[1,"more-info-button-colour-scheme"],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}],[1,"biggive-call-to-action",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"slugSize":[2,"slug-size"],"slugColour":[1,"slug-colour"],"slug":[1],"mainTitleColour":[1,"main-title-colour"],"mainTitleSize":[2,"main-title-size"],"mainTitle":[1,"main-title"],"subtitleSize":[2,"subtitle-size"],"subtitleColour":[1,"subtitle-colour"],"subtitle":[1],"teaserColour":[1,"teaser-colour"],"teaser":[1],"primaryButtonUrl":[1,"primary-button-url"],"primaryButtonLabel":[1,"primary-button-label"],"primaryButtonColourScheme":[1,"primary-button-colour-scheme"],"secondaryButtonUrl":[1,"secondary-button-url"],"secondaryButtonLabel":[1,"secondary-button-label"],"secondaryButtonColourScheme":[1,"secondary-button-colour-scheme"]}],[1,"biggive-campaign-highlights",{"spaceBelow":[2,"space-below"],"banner":[1],"campaignTitle":[1,"campaign-title"],"primaryFigureLabel":[1,"primary-figure-label"],"primaryFigureAmount":[1,"primary-figure-amount"],"secondaryFigureLabel":[1,"secondary-figure-label"],"secondaryFigureAmount":[1,"secondary-figure-amount"],"progressBarCounter":[2,"progress-bar-counter"],"primaryStatIcon":[1,"primary-stat-icon"],"primaryStatText":[1,"primary-stat-text"],"secondaryStatIcon":[1,"secondary-stat-icon"],"secondaryStatText":[1,"secondary-stat-text"],"championName":[1,"champion-name"],"championUrl":[1,"champion-url"]}],[1,"biggive-footer"],[1,"biggive-hero-image",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"slug":[1],"slugColour":[1,"slug-colour"],"logo":[1],"logoAltText":[1,"logo-alt-text"],"mainImage":[1,"main-image"],"mainImageAlignHorizontal":[1,"main-image-align-horizontal"],"mainImageAlignVertical":[1,"main-image-align-vertical"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-image-feature",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-video-feature",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"videoUrl":[1,"video-url"],"slug":[1],"slugColour":[1,"slug-colour"],"mainTitle":[1,"main-title"],"mainTitleColour":[1,"main-title-colour"],"teaser":[1],"teaserColour":[1,"teaser-colour"],"buttonUrl":[1,"button-url"],"buttonLabel":[1,"button-label"],"buttonColourScheme":[1,"button-colour-scheme"]}],[1,"biggive-back-to-top"],[1,"biggive-branded-image",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"logoUrl":[1,"logo-url"],"slug":[1],"charityName":[1,"charity-name"],"charityLocation":[1,"charity-location"],"charityUrl":[1,"charity-url"]}],[1,"biggive-grid",{"spaceBelow":[2,"space-below"],"columnCount":[2,"column-count"],"spaceBetween":[4,"space-between"]}],[1,"biggive-header",{"spaceBelow":[2,"space-below"],"logoUrl":[1,"logo-url"],"closeMenuFromOutside":[64]}],[1,"biggive-heading",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"colour":[1],"htmlElement":[1,"html-element"],"size":[2],"align":[1],"text":[1],"icon":[4],"iconColour":[1,"icon-colour"]}],[1,"biggive-image",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"width":[2],"height":[2],"sizeUnit":[1,"size-unit"]}],[1,"biggive-page-column"],[1,"biggive-page-columns",{"spaceBelow":[2,"space-below"]}],[1,"biggive-page-section",{"spaceBelow":[2,"space-below"],"sectionStyleTop":[1,"section-style-top"],"sectionStyleBottom":[1,"section-style-bottom"],"colourScheme":[1,"colour-scheme"],"maxWidth":[2,"max-width"]}],[1,"biggive-quote",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"quote":[1],"attribution":[1]}],[0,"biggive-social-icon",{"service":[1],"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"url":[1]}],[1,"biggive-totalizer",{"spaceBelow":[2,"space-below"],"primaryColour":[1,"primary-colour"],"primaryTextColour":[1,"primary-text-colour"],"secondaryColour":[1,"secondary-colour"],"secondaryTextColour":[1,"secondary-text-colour"],"mainMessage":[1,"main-message"]}],[1,"biggive-totalizer-ticker-item",{"figure":[1],"label":[1]}],[1,"biggive-form-field-select",{"selectedValue":[1,"selected-value"],"selectedLabel":[1,"selected-label"],"spaceBelow":[2,"space-below"],"placeholder":[1]},[[0,"doOptionSelect","doOptionSelectCompletedHandler"]]],[1,"biggive-form-field-select-option",{"label":[1],"value":[1],"selectedValue":[32],"selectedLabel":[32]}],[1,"biggive-popup",{"openFromOutside":[64],"closeFromOutside":[64]}],[1,"biggive-progress-bar",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"counter":[2]}],[1,"biggive-button",{"spaceBelow":[2,"space-below"],"colourScheme":[1,"colour-scheme"],"label":[1],"url":[1],"openInNewTab":[4,"open-in-new-tab"],"fullWidth":[4,"full-width"],"size":[1],"rounded":[4],"centered":[4],"isFutureCampaign":[4,"is-future-campaign"],"isPastCampaign":[4,"is-past-campaign"],"datetime":[1]}],[0,"biggive-misc-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"url":[1]}]]],["biggive-article-card",[[1,"biggive-article-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundColourHover":[1,"background-colour-hover"],"textColour":[1,"text-colour"],"slug":[1],"date":[1],"mainTitle":[1,"main-title"],"imageUrl":[1,"image-url"],"imageAltText":[1,"image-alt-text"],"imageLabel":[1,"image-label"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"]}]]],["biggive-basic-card",[[1,"biggive-basic-card",{"spaceBelow":[2,"space-below"],"backgroundColour":[1,"background-colour"],"backgroundImageUrl":[1,"background-image-url"],"cardColour":[1,"card-colour"],"textColour":[1,"text-colour"],"mainTitle":[1,"main-title"],"subtitle":[1],"teaser":[1],"icon":[4],"iconColour":[1,"icon-colour"],"buttonLabel":[1,"button-label"],"buttonUrl":[1,"button-url"],"buttonColourScheme":[1,"button-colour-scheme"],"clipBottomLeftCorner":[4,"clip-bottom-left-corner"],"clipTopRightCorner":[4,"clip-top-right-corner"]}]]],["biggive-search",[[1,"biggive-search",{"searchText":[1,"search-text"],"placeholderText":[1,"placeholder-text"],"buttonText":[1,"button-text"]}]]],["biggive-beneficiary-icon",[[0,"biggive-beneficiary-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-biography-card",[[1,"biggive-biography-card",{"spaceBelow":[2,"space-below"],"imageUrl":[1,"image-url"],"fullName":[1,"full-name"],"jobTitle":[1,"job-title"]}]]],["biggive-boxed-content",[[1,"biggive-boxed-content",{"spaceBelow":[2,"space-below"],"verticalPadding":[2,"vertical-padding"],"horizontalPadding":[2,"horizontal-padding"],"backgroundColour":[1,"background-colour"],"shadow":[4]}]]],["biggive-category-icon",[[0,"biggive-category-icon",{"backgroundColour":[1,"background-colour"],"iconColour":[1,"icon-colour"],"icon":[1],"label":[1],"url":[1]}]]],["biggive-form",[[1,"biggive-form"]]],["biggive-formatted-text",[[1,"biggive-formatted-text",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"],"maxWidth":[2,"max-width"]}]]],["biggive-icon-group",[[1,"biggive-icon-group",{"spaceBelow":[2,"space-below"],"label":[1]}]]],["biggive-nav-group",[[1,"biggive-nav-group",{"inline":[4]}]]],["biggive-nav-item",[[1,"biggive-nav-item",{"url":[1],"label":[1],"iconColour":[1,"icon-colour"]}]]],["biggive-popup-standalone",[[1,"biggive-popup-standalone"]]],["biggive-tab",[[1,"biggive-tab",{"tabTitle":[1,"tab-title"]}]]],["biggive-tabbed-content",[[1,"biggive-tabbed-content",{"spaceBelow":[2,"space-below"],"defaultTextColour":[1,"default-text-colour"]}]]],["biggive-text-input",[[1,"biggive-text-input"]]],["biggive-video",[[1,"biggive-video",{"spaceAbove":[2,"space-above"],"spaceBelow":[2,"space-below"],"videoUrl":[1,"video-url"]}]]]], options);
|
|
14
14
|
});
|
|
15
15
|
};
|
|
16
16
|
|
|
@@ -14,6 +14,10 @@ export declare class BiggiveCampaignCardFilterGrid {
|
|
|
14
14
|
filterFunding: string;
|
|
15
15
|
}>;
|
|
16
16
|
sortByPlaceholderText: string;
|
|
17
|
+
beneficiariesPlaceHolderText: string;
|
|
18
|
+
categoriesPlaceHolderText: string;
|
|
19
|
+
locationsPlaceHolderText: string;
|
|
20
|
+
fundingPlaceHolderText: string;
|
|
17
21
|
/**
|
|
18
22
|
* Space below component
|
|
19
23
|
*/
|
|
@@ -41,22 +45,21 @@ export declare class BiggiveCampaignCardFilterGrid {
|
|
|
41
45
|
*/
|
|
42
46
|
buttonText: string;
|
|
43
47
|
/**
|
|
44
|
-
* JSON array of category key/values
|
|
48
|
+
* JSON array of category key/values, or takes a stringified equiavalent (for Storybook)
|
|
45
49
|
*/
|
|
46
|
-
categoryOptions: string[];
|
|
50
|
+
categoryOptions: string | string[];
|
|
47
51
|
/**
|
|
48
|
-
* JSON array of beneficiary key/values
|
|
52
|
+
* JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)
|
|
49
53
|
*/
|
|
50
|
-
beneficiaryOptions: string[];
|
|
54
|
+
beneficiaryOptions: string | string[];
|
|
51
55
|
/**
|
|
52
|
-
* JSON array of location key/values
|
|
56
|
+
* JSON array of location key/values, or takes a stringified equiavalent (for Storybook)
|
|
53
57
|
*/
|
|
54
|
-
locationOptions: string[];
|
|
58
|
+
locationOptions: string | string[];
|
|
55
59
|
/**
|
|
56
|
-
* JSON array of funding key/values
|
|
60
|
+
* JSON array of funding key/values, or takes a stringified equiavalent (for Storybook)
|
|
57
61
|
*/
|
|
58
|
-
fundingOptions: string[];
|
|
59
|
-
filtersApplied: boolean;
|
|
62
|
+
fundingOptions: string | string[];
|
|
60
63
|
/**
|
|
61
64
|
* This helps us inject a pre-selected dropdown value from outside of this component.
|
|
62
65
|
* This is especially helpful for the Meta campaign and Explore pages, where searching
|
|
@@ -81,6 +84,10 @@ export declare class BiggiveCampaignCardFilterGrid {
|
|
|
81
84
|
* For injecting the chosen funding to filter by, as per the comment above for `selectedSortByOption`.
|
|
82
85
|
*/
|
|
83
86
|
selectedFilterFunding: string;
|
|
87
|
+
/**
|
|
88
|
+
* State variable - causes re-render on change
|
|
89
|
+
*/
|
|
90
|
+
filtersApplied: boolean;
|
|
84
91
|
private getSearchAndFilterObject;
|
|
85
92
|
doOptionSelectCompletedHandler(event: any): void;
|
|
86
93
|
private handleApplyFilterButtonClick;
|
|
@@ -424,30 +424,29 @@ export namespace Components {
|
|
|
424
424
|
}
|
|
425
425
|
interface BiggiveCampaignCardFilterGrid {
|
|
426
426
|
/**
|
|
427
|
-
* JSON array of beneficiary key/values
|
|
427
|
+
* JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)
|
|
428
428
|
*/
|
|
429
|
-
"beneficiaryOptions": string[];
|
|
429
|
+
"beneficiaryOptions": string | string[];
|
|
430
430
|
/**
|
|
431
431
|
* Defines the text on the search button
|
|
432
432
|
*/
|
|
433
433
|
"buttonText": string;
|
|
434
434
|
/**
|
|
435
|
-
* JSON array of category key/values
|
|
435
|
+
* JSON array of category key/values, or takes a stringified equiavalent (for Storybook)
|
|
436
436
|
*/
|
|
437
|
-
"categoryOptions": string[];
|
|
438
|
-
"filtersApplied": boolean;
|
|
437
|
+
"categoryOptions": string | string[];
|
|
439
438
|
/**
|
|
440
|
-
* JSON array of funding key/values
|
|
439
|
+
* JSON array of funding key/values, or takes a stringified equiavalent (for Storybook)
|
|
441
440
|
*/
|
|
442
|
-
"fundingOptions": string[];
|
|
441
|
+
"fundingOptions": string | string[];
|
|
443
442
|
/**
|
|
444
443
|
* Intro
|
|
445
444
|
*/
|
|
446
445
|
"intro": string;
|
|
447
446
|
/**
|
|
448
|
-
* JSON array of location key/values
|
|
447
|
+
* JSON array of location key/values, or takes a stringified equiavalent (for Storybook)
|
|
449
448
|
*/
|
|
450
|
-
"locationOptions": string[];
|
|
449
|
+
"locationOptions": string | string[];
|
|
451
450
|
/**
|
|
452
451
|
* Defines the text displayed as the placeholder in the input field before the user types anything
|
|
453
452
|
*/
|
|
@@ -1839,30 +1838,29 @@ declare namespace LocalJSX {
|
|
|
1839
1838
|
}
|
|
1840
1839
|
interface BiggiveCampaignCardFilterGrid {
|
|
1841
1840
|
/**
|
|
1842
|
-
* JSON array of beneficiary key/values
|
|
1841
|
+
* JSON array of beneficiary key/values, or takes a stringified equiavalent (for Storybook)
|
|
1843
1842
|
*/
|
|
1844
|
-
"beneficiaryOptions"?: string[];
|
|
1843
|
+
"beneficiaryOptions"?: string | string[];
|
|
1845
1844
|
/**
|
|
1846
1845
|
* Defines the text on the search button
|
|
1847
1846
|
*/
|
|
1848
1847
|
"buttonText"?: string;
|
|
1849
1848
|
/**
|
|
1850
|
-
* JSON array of category key/values
|
|
1849
|
+
* JSON array of category key/values, or takes a stringified equiavalent (for Storybook)
|
|
1851
1850
|
*/
|
|
1852
|
-
"categoryOptions"?: string[];
|
|
1853
|
-
"filtersApplied"?: boolean;
|
|
1851
|
+
"categoryOptions"?: string | string[];
|
|
1854
1852
|
/**
|
|
1855
|
-
* JSON array of funding key/values
|
|
1853
|
+
* JSON array of funding key/values, or takes a stringified equiavalent (for Storybook)
|
|
1856
1854
|
*/
|
|
1857
|
-
"fundingOptions"?: string[];
|
|
1855
|
+
"fundingOptions"?: string | string[];
|
|
1858
1856
|
/**
|
|
1859
1857
|
* Intro
|
|
1860
1858
|
*/
|
|
1861
1859
|
"intro"?: string;
|
|
1862
1860
|
/**
|
|
1863
|
-
* JSON array of location key/values
|
|
1861
|
+
* JSON array of location key/values, or takes a stringified equiavalent (for Storybook)
|
|
1864
1862
|
*/
|
|
1865
|
-
"locationOptions"?: string[];
|
|
1863
|
+
"locationOptions"?: string | string[];
|
|
1866
1864
|
/**
|
|
1867
1865
|
* This event `doSearchAndFilterUpdate` event is emitted and propogates to the parent component which handles it
|
|
1868
1866
|
*/
|