@kigi/components 1.61.0 → 1.62.1-beta.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.61.0",
+  "version": "1.62.1-beta.1",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {
@@ -100,4 +100,4 @@
     "webpack": "^2.5.1",
     "webpack-dev-server": "^2.6.1"
   }
-}
+}

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

@@ -51,7 +51,8 @@ class MbgAddressController {
     public $timeout,
     public mbgAddressService: MbgAddressService,
     public $uibModal,
-  ) {}
+  ) {
+  }
 
   $onInit() {
     if (this.capitalize && this.address) {
@@ -95,8 +96,8 @@ class MbgAddressController {
             state: this.address.state
               ? this.address.state
               : this.address.uf && this.address.uf.initial
-              ? this.address.uf.initial
-              : '',
+                ? this.address.uf.initial
+                : '',
           }
           if (this.ngModel) {
             this.ngModel.EX = (this.ngModel.country || '').toLowerCase() !== 'brasil'
@@ -206,11 +207,11 @@ class MbgAddressController {
     return elmWidth - inputElmWidth - marginRight + 'px'
   }
 
-  onChangeCep() {
+  async onChangeCep() {
     this.resetAddress()
     this.updateSteps()
     if (this.address.zipCode) {
-      this.searchAddressByCEP()
+      await this.searchAddressByCEP()
     } else {
       this.fullAddress = ``
     }
@@ -372,7 +373,11 @@ class MbgAddressController {
           ibgeCode = responseIbge && responseIbge.data && responseIbge.data.id.toString()
         }
 
-        const uf = getStatesBR().filter((state) => state.initial === response.data.uf)[0]
+        const uf = getStatesBR().filter((state) => {
+          const currUf = state.initial || state
+          const resUf = response.data.uf || response.data.state
+          return currUf === resUf
+        })[0]
         const formalCode = ibgeCode || ''
         const premisse = this.formatFromPremisse(street)
 

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

@@ -39,8 +39,9 @@ class MbgAddressService {
   }
 
   async getIbgeCode(municipio: string) {
+    const normalizedMunicipio = municipio.normalize('NFD').replace(/[\u0300-\u036f]/g, '')
     try {
-      return await this.$http.get(`${this.ibgeGovAPI}/${municipio}`)
+      return await this.$http.get(`${this.ibgeGovAPI}/${normalizedMunicipio}`)
     } catch (e) {
       console.log(`Erro ao obter código do IBGE`)
     }

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

@@ -1,18 +1,18 @@
 <div class="mbg-input-wrapper mb-input-phone-wrapper"
      ng-if="$ctrl.props"
      mbg-autocomplete-off>
-  <input type="text"
-         ng-class="{'input-phone': $ctrl.inputPhone}"
-         ng-model="$ctrl.ngModel"
-         ng-change="$ctrl.onChange()"
-         placeholder="{{ $ctrl.props.placeholder }}"
-         ng-required="$ctrl.ngRequired"
-         ng-disabled="$ctrl.ngDisabled"
-         ng-blur="$ctrl.ngBlur({ $event })"
-         ng-focus="$ctrl.ngFocus({ $event })"
-         ng-keyup="$ctrl.ngKeyup({ $event })"
-         ng-keypress="$ctrl.ngKeypress({ $event })"
-         ng-keydown="$ctrl.ngKeydown({ $event })"
-         ui-br-phone-number-mask="'{{$ctrl.phoneNumberMask}}'"
-         maxlength="{{$ctrl.enableCountryCode ? 19 : 15}}" />
+   <input type="text"
+          ng-class="{'input-phone': $ctrl.inputPhone}"
+          ng-model="$ctrl.ngModel"
+          ng-change="$ctrl.onChange()"
+          placeholder="{{ $ctrl.props.placeholder }}"
+          ng-required="$ctrl.ngRequired"
+          ng-disabled="$ctrl.ngDisabled"
+          ng-blur="$ctrl.ngBlur({ $event })"
+          ng-focus="$ctrl.ngFocus({ $event })"
+          ng-keyup="$ctrl.ngKeyup({ $event })"
+          ng-keypress="$ctrl.ngKeypress({ $event })"
+          ng-keydown="$ctrl.ngKeydown({ $event })"
+          ui-br-phone-number-mask="'{{$ctrl.phoneNumberMask}}'"
+          maxlength="{{$ctrl.maxLength}}" />
 </div>

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

@@ -9,9 +9,11 @@ class MbgInputPhoneController {
   private props
   private enableCountryCode: string
   private phoneNumberMask: string
+  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
     }
@@ -45,6 +47,7 @@ const mbgInputPhone = {
     ngKeydown: '&?',
     enableCountryCode: '=?',
     inputPhone: '=?',
+    maxLength: '=?',
   },
   template,
   controller: MbgInputPhoneController,

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

@@ -15,7 +15,7 @@ class MbgInputTextController {
   private focusableElements
   private nextIndex
   private onlyNumbers = false
-
+  private onlyDigits = false
 
   constructor(public $scope, public $element, public $attrs) {
     if ($attrs.ngRequired === '') {
@@ -46,8 +46,15 @@ class MbgInputTextController {
 
   onChange($event) {
     if (this.onlyNumbers && this.ngModel) {
-      this.ngModel = String(this.ngModel).replace(/[^0-9]/g, '').replace(/^0+(\d)/, '$1');
+      this.ngModel = String(this.ngModel)
+        .replace(/[^0-9]/g, '')
+        .replace(/^0+(\d)/, '$1')
+    }
+
+    if (this.onlyDigits && this.ngModel) {
+      this.ngModel = String(this.ngModel).replace(/[^0-9]/g, '')
     }
+
     if (this.capitalize) {
       this.ngModel = this.capitalizeBool(this.ngModel)
     }
@@ -93,7 +100,8 @@ const mbgInputText = {
     ngKeydown: '&?',
     capitalize: '=?',
     maxLength: '@?',
-    onlyNumbers: '<?'
+    onlyNumbers: '<?',
+    onlyDigits: '<?',
   },
   template,
   controller: MbgInputTextController,