@everymatrix/helper-filters 0.1.2 → 0.1.4

package/dist/cjs/{index-979fa60b.js → index-d16cebbc.js}

@@ -686,7 +686,11 @@ const postUpdateComponent = (hostRef) => {
     const tagName = hostRef.$cmpMeta$.$tagName$;
     const elm = hostRef.$hostElement$;
     const endPostUpdate = createTime('postUpdate', tagName);
+    const instance = hostRef.$lazyInstance$ ;
     const ancestorComponent = hostRef.$ancestorComponent$;
+    {
+        safeCall(instance, 'componentDidRender');
+    }
     if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
         hostRef.$flags$ |= 64 /* hasLoadedComponent */;
         {

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-979fa60b.js');
+const index = require('./index-d16cebbc.js');
 
 /*
  Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com

package/dist/collection/components/helper-filters/helper-filters.css

@@ -111,4 +111,9 @@
 .FilterModalFooter .FilterModalButton:hover {
   background: #00958f;
   color: #FFF;
+}
+.FilterModalHeader p,
+.FilterModalBody p,
+.FilterModalFooter p {
+  margin: 5px 0;
 }

package/dist/collection/components/helper-filters/helper-filters.js

@@ -35,23 +35,30 @@ export class HelperFilters {
     this.showFilterModal = false;
     this.showClearButton = false;
     this.filterData = {};
-    this.filterDataReset = { drawTicketId: '', filterFromCalendar: '', filterToCalendar: '' };
+    this.filterDataReset = { ticketDrawId: '', filterFromCalendar: '', filterToCalendar: '' };
+  }
+  // reset field values each time the filter modal opens
+  componentDidRender() {
+    this.filterData.ticketDrawId = null;
+    this.filterData.filterFromCalendar = null;
+    this.filterData.filterToCalendar = null;
+    // @TODO: to way binding?
+    if (document.getElementById('#FilterById'))
+      document.getElementById('#FilterById').value = '';
   }
   filterSelectionHandler(event) {
-    if (this.postMessage) {
+    if (this.postMessage)
       window.postMessage({ type: 'filterSelection', event }, window.location.href);
-    }
-    else {
+    if (this.filterData.ticketDrawId)
+      this.filterDraw.emit(event);
+    if (this.filterData.filterFromCalendar || this.filterData.filterToCalendar)
       this.filterSelection.emit(event);
-    }
+    ;
   }
   filterSelectionResetHandler(event) {
-    if (this.postMessage) {
+    if (this.postMessage)
       window.postMessage({ type: 'filterSelectionReset', event }, window.location.href);
-    }
-    else {
-      this.filterSelectionReset.emit(event);
-    }
+    this.filterSelectionReset.emit(event);
   }
   modalCloseEvent() {
     this.showFilterModal = false;
@@ -69,9 +76,10 @@ export class HelperFilters {
   resetSearch() {
     this.showClearButton = false;
     this.filterSelectionResetHandler(this.filterDataReset);
+    this.filterData = {};
   }
-  handleDrawTicketId(event) {
-    this.filterData.drawTicketId = event.target.value;
+  handleTicketDrawId(event) {
+    this.filterData.ticketDrawId = event.target.value;
   }
   handleFilterFrom(event) {
     this.filterData.filterFromCalendar = new Date(event.target.value).toISOString();
@@ -88,7 +96,8 @@ export class HelperFilters {
         h("div", { class: "FilterModalHeader" },
           h("h3", { class: "FilterModalTitle" }, this.activateTicketSearch ? translate('filterModalTicketTitle', this.language) : translate('filterModalDrawTitle', this.language))),
         h("div", { class: "FilterModalBody" },
-          h("input", { type: "text", value: this.filterData.drawTicketId, onInput: (event) => this.handleDrawTicketId(event), class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate('filterTicketPlaceholder', this.language) : translate('filterDrawPlaceholder', this.language) }),
+          h("input", { id: "FilterById", type: "text", value: this.filterData.ticketDrawId, onInput: (event) => this.handleTicketDrawId(event), class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate('filterTicketPlaceholder', this.language) : translate('filterDrawPlaceholder', this.language) }),
+          h("p", null, translate('filterOrDate', this.language)),
           h("div", { class: "FilterCalendarWrapper" },
             h("vaadin-date-picker", { value: this.filterData.filterFromCalendar, onChange: (event) => this.handleFilterFrom(event), placeholder: translate('filterFromCalendar', this.language), class: "VaadinDatePicker" }),
             h("vaadin-date-picker", { value: this.filterData.filterToCalendar, onChange: (event) => this.handleFilterTo(event), placeholder: translate('filterToCalendar', this.language), class: "VaadinDatePicker" }))),
@@ -238,6 +247,25 @@ export class HelperFilters {
     "filterDataReset": {}
   }; }
   static get events() { return [{
+      "method": "filterDraw",
+      "name": "filterDraw",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "HelperFilters",
+        "resolved": "HelperFilters",
+        "references": {
+          "HelperFilters": {
+            "location": "global"
+          }
+        }
+      }
+    }, {
       "method": "filterSelection",
       "name": "filterSelection",
       "bubbles": true,

package/dist/collection/utils/locale.utils.js

@@ -11,7 +11,8 @@ const TRANSLATIONS = {
     filterDateRangePlaceholder: 'Date Range',
     filterModalButton: 'Search',
     filterFromCalendar: 'From',
-    filterToCalendar: 'To'
+    filterToCalendar: 'To',
+    filterOrDate: 'or search by date'
   },
   ro: {
     filterOpen: 'Filtrare',
@@ -21,7 +22,8 @@ const TRANSLATIONS = {
     filterTicketPlaceholder: 'Cauta ID bilet',
     filterDrawPlaceholder: 'Cauta ID draw',
     filterDateRangePlaceholder: 'Perioada',
-    filterModalButton: 'Cauta'
+    filterModalButton: 'Cauta',
+    filterOrDate: 'sau cauta dupa data'
   },
 };
 export const translate = (key, customLang) => {