@biggive/components 1.0.99 → 1.0.100

package/dist/types/components/biggive-campaign-card-filter-grid/biggive-campaign-card-filter-grid.d.ts

@@ -32,23 +32,22 @@ export declare class BiggiveCampaignCardFilterGrid {
   /**
    * JSON array of category key/values
    */
-  categoryOptions: string;
+  categoryOptions: string[];
   /**
    * JSON array of beneficary key/values
    */
-  beneficaryOptions: string;
+  beneficaryOptions: string[];
   /**
    * JSON array of location key/values
    */
-  locationOptions: string;
+  locationOptions: string[];
   /**
    * JSON array of funding key/values
    */
-  fundingOptions: string;
+  fundingOptions: string[];
   private getSearchAndFilterObject;
   doOptionSelectCompletedHandler(): void;
   private handleApplyFilterButtonClick;
-  private handleSearchTextChanged;
   private handleSearchButtonPressed;
   private handleEnterPressed;
   private handleFilterButtonClick;

package/dist/types/components.d.ts

@@ -348,7 +348,7 @@ export namespace Components {
         /**
           * JSON array of beneficary key/values
          */
-        "beneficaryOptions": string;
+        "beneficaryOptions": string[];
         /**
           * Defines the text on the search button
          */
@@ -356,7 +356,7 @@ export namespace Components {
         /**
           * JSON array of category key/values
          */
-        "categoryOptions": string;
+        "categoryOptions": string[];
         "filterBeneficary": string;
         "filterCategory": string;
         "filterFunding": string;
@@ -364,7 +364,7 @@ export namespace Components {
         /**
           * JSON array of funding key/values
          */
-        "fundingOptions": string;
+        "fundingOptions": string[];
         /**
           * Intro
          */
@@ -372,7 +372,7 @@ export namespace Components {
         /**
           * JSON array of location key/values
          */
-        "locationOptions": string;
+        "locationOptions": string[];
         /**
           * Defines the text displayed as the placeholder in the input field before the user types anything
          */
@@ -1600,7 +1600,7 @@ declare namespace LocalJSX {
         /**
           * JSON array of beneficary key/values
          */
-        "beneficaryOptions"?: string;
+        "beneficaryOptions"?: string[];
         /**
           * Defines the text on the search button
          */
@@ -1608,7 +1608,7 @@ declare namespace LocalJSX {
         /**
           * JSON array of category key/values
          */
-        "categoryOptions"?: string;
+        "categoryOptions"?: string[];
         "filterBeneficary"?: string;
         "filterCategory"?: string;
         "filterFunding"?: string;
@@ -1616,7 +1616,7 @@ declare namespace LocalJSX {
         /**
           * JSON array of funding key/values
          */
-        "fundingOptions"?: string;
+        "fundingOptions"?: string[];
         /**
           * Intro
          */
@@ -1624,7 +1624,7 @@ declare namespace LocalJSX {
         /**
           * JSON array of location key/values
          */
-        "locationOptions"?: string;
+        "locationOptions"?: string[];
         /**
           * This event `doChange` event is emitted and propogates to the parent component which handles it
          */

package/hydrate/index.js

@@ -6572,10 +6572,6 @@ class BiggiveCampaignCardFilterGrid {
   handleApplyFilterButtonClick() {
     this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
   }
-  handleSearchTextChanged(event) {
-    this.searchText = event.target.value;
-    this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
-  }
   handleSearchButtonPressed() {
     this.doSearchAndFilterUpdate.emit(this.getSearchAndFilterObject());
   }
@@ -6587,7 +6583,7 @@ class BiggiveCampaignCardFilterGrid {
   handleFilterButtonClick() {
     this.el.shadowRoot.getElementById('filter-popup').open();
     if (this.categoryOptions != null) {
-      var options = JSON.parse(this.categoryOptions);
+      var options = this.categoryOptions;
       this.el.shadowRoot.getElementById('categories').innerHTML = '';
       for (var prop in options) {
         this.el.shadowRoot.getElementById('categories').innerHTML +=
@@ -6595,7 +6591,7 @@ class BiggiveCampaignCardFilterGrid {
       }
     }
     if (this.beneficaryOptions != null) {
-      var options = JSON.parse(this.beneficaryOptions);
+      var options = this.beneficaryOptions;
       this.el.shadowRoot.getElementById('beneficaries').innerHTML = '';
       for (var prop in options) {
         this.el.shadowRoot.getElementById('beneficaries').innerHTML +=
@@ -6603,7 +6599,7 @@ class BiggiveCampaignCardFilterGrid {
       }
     }
     if (this.locationOptions != null) {
-      var options = JSON.parse(this.locationOptions);
+      var options = this.locationOptions;
       this.el.shadowRoot.getElementById('locations').innerHTML = '';
       for (var prop in options) {
         this.el.shadowRoot.getElementById('locations').innerHTML +=
@@ -6611,7 +6607,7 @@ class BiggiveCampaignCardFilterGrid {
       }
     }
     if (this.fundingOptions != null) {
-      var options = JSON.parse(this.fundingOptions);
+      var options = this.fundingOptions;
       this.el.shadowRoot.getElementById('funding').innerHTML = '';
       for (var prop in options) {
         this.el.shadowRoot.getElementById('funding').innerHTML +=
@@ -6620,7 +6616,7 @@ class BiggiveCampaignCardFilterGrid {
     }
   }
   render() {
-    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onInput: event => this.handleSearchTextChanged(event), onKeyDown: event => this.handleEnterPressed(event) })), hAsync("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "most-raised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matched-funds-remaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, hAsync("span", { class: "filter-icon" }, hAsync("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), hAsync("div", { class: "align-right" }, hAsync("a", { href: "#", class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
+    return (hAsync("div", { class: 'container space-below-' + this.spaceBelow }, hAsync("div", { class: "sleeve" }, hAsync("div", { class: "search-wrap" }, hAsync("h4", null, this.intro), hAsync("div", { class: "field-wrap" }, hAsync("div", { class: "input-wrap" }, hAsync("svg", { xmlns: "http://www.w3.org/2000/svg", class: "icon", viewBox: "0 0 512 512" }, hAsync("path", { d: faMagnifyingGlass.icon[4].toString() })), hAsync("input", { type: "text", value: this.searchText, class: "input-text", placeholder: this.placeholderText, onKeyDown: event => this.handleEnterPressed(event) })), hAsync("button", { onClick: () => this.handleSearchButtonPressed(), class: "button button-primary" }, this.buttonText))), hAsync("div", { class: "sort-filter-wrap" }, hAsync("div", { class: "sort-wrap" }, hAsync("biggive-form-field-select", { placeholder: "Sort by", id: "sort-by" }, hAsync("biggive-form-field-select-option", { value: "most-raised", label: "Most raised" }), hAsync("biggive-form-field-select-option", { value: "matched-funds-remaining", label: "Match funds remaining" }))), hAsync("div", { class: "filter-wrap" }, hAsync("div", { class: "button button-primary filter", onClick: () => this.handleFilterButtonClick() }, hAsync("span", { class: "filter-icon" }, hAsync("svg", { width: "16", height: "15", viewBox: "0 0 16 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, hAsync("path", { d: "M0.12042 0.76576C0.327224 0.298 0.766961 0 1.25014 0H14.7517C15.2361 0 15.6736 0.298 15.8799 0.76576C16.0893 1.23352 16.0237 1.787 15.6924 2.18745L10.0011 9.67328V13.929C10.0011 14.3341 9.7886 14.7058 9.44793 14.8866C9.1104 15.0674 8.7041 15.0306 8.40094 14.7862L6.40072 13.179C6.14756 12.9781 6.00067 12.66 6.00067 12.3218V9.67328L0.282594 2.18745C-0.023284 1.787 -0.0864161 1.23352 0.120451 0.76576H0.12042Z", fill: "white" }))), "Filters"), hAsync("biggive-popup", { id: "filter-popup" }, hAsync("h4", { class: "space-above-0 space-below-3 colour-primary" }, "Filters"), hAsync("biggive-form-field-select", { placeholder: "Category", id: "categories", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Beneficiary", id: "beneficiaries", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Location", id: "locations", "space-below": "2" }), hAsync("biggive-form-field-select", { placeholder: "Funding", id: "funding", "space-below": "2" }), hAsync("div", { class: "align-right" }, hAsync("a", { href: "#", class: "button button-primary", onClick: () => this.handleApplyFilterButtonClick() }, "Apply filters"))))), hAsync("div", { class: "campaign-grid" }, hAsync("slot", { name: "campaign-grid" })))));
   }
   get el() { return getElement(this); }
   static get style() { return biggiveCampaignCardFilterGridCss; }
@@ -6638,10 +6634,10 @@ class BiggiveCampaignCardFilterGrid {
       "intro": [1],
       "placeholderText": [1, "placeholder-text"],
       "buttonText": [1, "button-text"],
-      "categoryOptions": [1, "category-options"],
-      "beneficaryOptions": [1, "beneficary-options"],
-      "locationOptions": [1, "location-options"],
-      "fundingOptions": [1, "funding-options"]
+      "categoryOptions": [16],
+      "beneficaryOptions": [16],
+      "locationOptions": [16],
+      "fundingOptions": [16]
     },
     "$listeners$": [[0, "doSelectChange", "doOptionSelectCompletedHandler"]],
     "$lazyBundleId$": "-",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@biggive/components",
-  "version": "1.0.99",
+  "version": "1.0.100",
   "description": "Big Give Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",