@kigi/components 1.62.3-beta.1 → 1.62.5-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.62.3-beta.1",
+  "version": "1.62.5-beta.1",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

package/src/components/mbg-address/mbg-address.ts

@@ -152,43 +152,64 @@ class MbgAddressController {
   }
 
   afterLoad() {
-    const autocomplete = new google.maps.places.Autocomplete(
-      this.$element.find('.input-place')[0],
-      { types: ['address'] },
-    )
-    autocomplete.setFields(['address_component'])
+    const inputPlace = this.$element.find('.input-place')[0]
+    const autocomplete = new google.maps.places.Autocomplete(inputPlace, { types: ['address'] })
+
+    autocomplete.setFields(['address_component', 'geometry'])
+
     autocomplete.addListener('place_changed', () => {
       this.$timeout(() => {
         const place = autocomplete.getPlace()
-        if (place.address_components) {
-          for (const component of place.address_components) {
-            const types = component.types || []
-            if (types.includes('route')) {
-              this.address.premisse = component.long_name
-            }
 
-            if (
-              types.includes('sublocality_level_1') ||
-              types.includes('sublocality') ||
-              types.includes('neighborhood')
-            ) {
-              this.address.neighbourhood = component.long_name
-            }
+        if (!place.address_components) return
 
-            if (types.includes('administrative_area_level_2')) {
-              this.address.localization = component.long_name
-            }
-            if (types.includes('administrative_area_level_1')) {
-              this.address.uf = { name: component.long_name, initial: component.short_name }
-            }
-            if (types.includes('country')) {
-              this.address.country = component.long_name
-            }
-            if (types.includes('postal_code')) {
-              this.address.zipCode = component.long_name.replace(/-/g, '')
-            }
-            this.focusInputNumber()
+        const newAddress: any = {
+          country: 'Brasil',
+        }
+
+        for (const component of place.address_components) {
+          const types = component.types || []
+          const longName = component.long_name || ''
+          const shortName = component.short_name || ''
+
+          if (types.includes('route')) {
+            newAddress.premisse = longName
+          }
+
+          if (
+            types.includes('sublocality_level_1') ||
+            types.includes('sublocality') ||
+            types.includes('neighborhood')
+          ) {
+            newAddress.neighbourhood = longName
           }
+
+          if (types.includes('administrative_area_level_2')) {
+            newAddress.localization = longName
+          }
+
+          if (types.includes('administrative_area_level_1')) {
+            newAddress.uf = { name: longName, initial: shortName }
+          }
+
+          if (types.includes('country')) {
+            newAddress.country = longName
+          }
+
+          if (types.includes('postal_code')) {
+            newAddress.zipCode = longName.replace(/-/g, '')
+          }
+        }
+
+        this.address = newAddress
+
+        this.focusInputNumber()
+
+        const hasAddressData = newAddress.uf && newAddress.localization && newAddress.premisse
+        const missingZip = !newAddress.zipCode
+
+        if (hasAddressData && missingZip) {
+          this.searchAddressInfo()
         }
       })
     })

package/src/components/mbg-input-phone/mbg-input-phone.ts

@@ -12,8 +12,6 @@ class MbgInputPhoneController {
   private maxLength: number
 
   constructor(public $scope, public $element, public $attrs) {
-    this.phoneNumberMask = this.enableCountryCode ? 'countryCode' : 'areaCode'
-    this.maxLength = this.maxLength ? this.maxLength : this.enableCountryCode ? 19 : 15
     if ($attrs.ngRequired === '') {
       this.ngRequired = true
     }
@@ -25,6 +23,14 @@ class MbgInputPhoneController {
     }
   }
 
+  $onInit() {
+    this.phoneNumberMask = this.enableCountryCode ? 'countryCode' : 'areaCode'
+
+    if (!this.maxLength) {
+      this.maxLength = this.enableCountryCode ? 19 : 15
+    }
+  }
+
   onChange() {
     if (this.ngChange) {
       this.ngChange({})

package/src/components/mbg-select-multi-list/mbg-select-multi-list.html

@@ -30,8 +30,8 @@
                      mbg-dynamic-html="$ctrl.listRowTransclude">
                 </div>
                 <div ng-show="!$ctrl.data.length"
-                     class="not-data">
-                    <span>Todos os cheques dessa página já foram selecionados.</span>
+                    class="not-data">
+                    <span>Nenhum cheque encontrado.</span>
                 </div>
                 <div class="row-content"
                      ng-click="$ctrl.selectRow($row)"

package/src/components/mbg-select-multi-list/mbg-select-multi-list.ts

@@ -55,6 +55,18 @@ export class MbgSelectMultiListController {
       },
       true,
     )
+
+    this.$scope.$watch(
+      '$ctrl.ngModel',
+      (newVal, oldVal) => {
+        if (newVal !== oldVal && Array.isArray(newVal) && newVal.length === 0) {
+          this.$timeout(() => {
+            this.dataModel = []
+          })
+        }
+      }
+    )
+
     this.$timeout(() => {
       this.ngModel = this.ngModel || []
       this.dataModel = JSON.parse(JSON.stringify(this.ngModel)) || []