npm - @kigi/components - Versions diffs - 1.27.8-alpha → 1.28.0-alpha - Mend

@kigi/components 1.27.8-alpha → 1.28.0-alpha

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.

Files changed (10) hide show

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.27.8-alpha",
+  "version": "1.28.0-alpha",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

package/src/components/mbg-input-date/mbg-input-date.html CHANGED Viewed

@@ -1,73 +1,73 @@
 <div class="mbg-input-wrapper mb-input-date-wrapper"
      ng-if="$ctrl.props">
-       <!-- only mask -->
-       <input type="text"
-              ng-if="!$ctrl.calendar && !$ctrl.between"
-              ng-model="$ctrl.ngModel"
-              ng-change="$ctrl.onChange()"
-              placeholder="{{ $ctrl.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-date-mask="{{ $ctrl.format }}" />
-       <!-- with calendar -->
-       <input type="text"
-              class="input-with-calendar"
-              ng-if="$ctrl.calendar && !$ctrl.between"
-              ng-model="$ctrl.ngModel"
-              ng-change="$ctrl.onChange()"
-              placeholder="{{ $ctrl.placeholder }}"
-              ng-required="$ctrl.ngRequired"
-              ng-disabled="$ctrl.ngDisabled"
-              ng-blur="$ctrl.handleBlur({ $event })"
-              ng-focus="$ctrl.handleFocus({ $event })"
-              ng-keyup="$ctrl.ngKeyup({ $event })"
-              ng-keypress="$ctrl.ngKeypress({ $event })"
-              ng-keydown="$ctrl.ngKeydown({ $event })"
-              ui-date-mask="{{ $ctrl.format }}"
-              only-month-year="$ctrl.onlyMonthYear"
-              mbg-datepicker />
-       <!-- between dates -->
-       <div class="mbg-date-between"
-            ng-if="$ctrl.between">
-              <input type="text"
-                     class="mbg-date-between-start"
-                     ng-model="$ctrl.ngModel.start"
-                     ng-change="$ctrl.onChange()"
-                     placeholder="{{ $ctrl.props.placeholderStart }}"
-                     ng-required="$ctrl.ngRequired"
-                     ng-disabled="$ctrl.ngDisabled"
-                     ng-blur="$ctrl.handleBlur({ $event })"
-                     ng-focus="$ctrl.handleFocus({ $event })"
-                     ng-keyup="$ctrl.ngKeyup({ $event })"
-                     ng-keypress="$ctrl.ngKeypress({ $event })"
-                     ng-keydown="$ctrl.ngKeydown({ $event })"
-                     ui-date-mask="{{ $ctrl.format }}"
-                     on-select="$ctrl.onSelectStart()"
-                     only-month-year="$ctrl.onlyMonthYear"
-                     mbg-datepicker />
-              <div class="mbg-date-between-space">
-                     {{ $ctrl.betweenText == undefined ? 'Até' : $ctrl.betweenText }}
-              </div>
-              <input type="text"
-                     class="mbg-date-between-end"
-                     ng-model="$ctrl.ngModel.end"
-                     ng-change="$ctrl.onChangeEndDate()"
-                     placeholder="{{ $ctrl.props.placeholderEnd }}"
-                     ng-required="$ctrl.ngRequired"
-                     ng-disabled="$ctrl.ngDisabled"
-                     ng-blur="$ctrl.handleBlur({ $event })"
-                     ng-focus="$ctrl.handleFocus({ $event })"
-                     ng-keyup="$ctrl.ngKeyup({ $event })"
-                     ng-keypress="$ctrl.ngKeypress({ $event })"
-                     ng-keydown="$ctrl.ngKeydown({ $event })"
-                     ui-date-mask="{{ $ctrl.format }}"
-                     on-select="$ctrl.onSelectEnd()"
-                     only-month-year="$ctrl.onlyMonthYear"
-                     mbg-datepicker />
-       </div>
+  <!-- only mask -->
+  <input type="text"
+         ng-if="!$ctrl.calendar && !$ctrl.between"
+         ng-model="$ctrl.ngModel"
+         ng-change="$ctrl.onChange()"
+         placeholder="{{ $ctrl.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-date-mask="{{ $ctrl.format }}" />
+  <!-- with calendar -->
+  <input type="text"
+         class="input-with-calendar"
+         ng-if="$ctrl.calendar && !$ctrl.between"
+         ng-model="$ctrl.ngModel"
+         ng-change="$ctrl.onChange()"
+         placeholder="{{ $ctrl.placeholder }}"
+         ng-required="$ctrl.ngRequired"
+         ng-disabled="$ctrl.ngDisabled"
+         ng-blur="$ctrl.handleBlur({ $event })"
+         ng-focus="$ctrl.handleFocus({ $event })"
+         ng-keyup="$ctrl.ngKeyup({ $event })"
+         ng-keypress="$ctrl.ngKeypress({ $event })"
+         ng-keydown="$ctrl.ngKeydown({ $event })"
+         ui-date-mask="{{ $ctrl.format }}"
+         only-month-year="$ctrl.onlyMonthYear"
+         mbg-datepicker />
+  <!-- between dates -->
+  <div class="mbg-date-between"
+       ng-if="$ctrl.between">
+    <input type="text"
+           class="mbg-date-between-start"
+           ng-model="$ctrl.ngModel.start"
+           ng-change="$ctrl.onChange()"
+           placeholder="{{ $ctrl.props.placeholderStart }}"
+           ng-required="$ctrl.ngRequired"
+           ng-disabled="$ctrl.ngDisabled"
+           ng-blur="$ctrl.handleBlur({ $event })"
+           ng-focus="$ctrl.handleFocus({ $event })"
+           ng-keyup="$ctrl.ngKeyup({ $event })"
+           ng-keypress="$ctrl.ngKeypress({ $event })"
+           ng-keydown="$ctrl.ngKeydown({ $event })"
+           ui-date-mask="{{ $ctrl.format }}"
+           on-select="$ctrl.onSelectStart()"
+           only-month-year="$ctrl.onlyMonthYear"
+           mbg-datepicker />
+    <div class="mbg-date-between-space">
+      {{ $ctrl.betweenText == undefined ? 'Até' : $ctrl.betweenText }}
+    </div>
+    <input type="text"
+           class="mbg-date-between-end"
+           ng-model="$ctrl.ngModel.end"
+           ng-change="$ctrl.onChangeEndDate()"
+           placeholder="{{ $ctrl.props.placeholderEnd }}"
+           ng-required="$ctrl.ngRequired"
+           ng-disabled="$ctrl.ngDisabled"
+           ng-blur="$ctrl.handleBlur({ $event })"
+           ng-focus="$ctrl.handleFocus({ $event })"
+           ng-keyup="$ctrl.ngKeyup({ $event })"
+           ng-keypress="$ctrl.ngKeypress({ $event })"
+           ng-keydown="$ctrl.ngKeydown({ $event })"
+           ui-date-mask="{{ $ctrl.format }}"
+           on-select="$ctrl.onSelectEnd()"
+           only-month-year="$ctrl.onlyMonthYear"
+           mbg-datepicker />
+  </div>
 </div>

package/src/components/mbg-input-date/mbg-input-date.scss CHANGED Viewed

@@ -13,6 +13,10 @@
   }
 }
+.mbg-input-wrapper {
+  display: block;
+}
 body {
   .datepicker-top-left, .datepicker-top-right {
     border-top-color: var(--primary);

package/src/components/mbg-input-date/mbg-input-date.ts CHANGED Viewed

@@ -111,7 +111,7 @@ class MbgInputDateController {
   }
 }
-MbgInputDateController.$inject = ['$scope', '$element', '$attrs', '$timeout']
+MbgInputDateController['$inject'] = ['$scope', '$element', '$attrs', '$timeout']
 const mbgInputDate = {
   bindings: {

package/src/components/mbg-multi-select/mbg-multi-select.ts CHANGED Viewed

@@ -273,7 +273,7 @@ class MbgMultiSelectController {
     })
   }
 }
-MbgMultiSelectController.$inject = ['$scope', '$element', '$attrs', '$timeout']
+MbgMultiSelectController['$inject'] = ['$scope', '$element', '$attrs', '$timeout']
 const mbgMultiSelect = {
   bindings: {

package/src/components/mbg-range-value/index.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import * as angular from 'angular'
+import { mbgRangeValue } from './mbg-range-value'
+const mbgRangeValueModule = angular
+  .module('mbg.components.mbgRangeValue', [])
+  .component('mbgRangeValue', mbgRangeValue).name
+export { mbgRangeValueModule }

package/src/components/mbg-range-value/mbg-range-value.html ADDED Viewed

@@ -0,0 +1,35 @@
+<div class="mbg-value-between">
+  <input type="text"
+         class="mbg-value-between-startValue"
+         ng-model="$ctrl.ngModel.startValue"
+         ng-change="$ctrl.onChangeStart()"
+         ng-model-options="$ctrl.ngModelOptions"
+         placeholder="{{ $ctrl.props.placeholderStart }}"
+         ng-required="$ctrl.ngRequired"
+         ng-disabled="$ctrl.ngDisabled"
+         ng-blur="$ctrl.handleBlur({ $event })"
+         ng-focus="$ctrl.handleFocus({ $event })"
+         ng-keyup="$ctrl.ngKeyup({ $event })"
+         ng-keypress="$ctrl.ngKeypress({ $event })"
+         ng-keydown="$ctrl.ngKeydown({ $event })"
+         ui-money-mask="{{ $ctrl.props.precision }}"
+         on-select="$ctrl.onSelectStart()" />
+  <div class="mbg-value-between-space">
+    {{ $ctrl.betweenText == undefined ? 'Até' : $ctrl.betweenText }}
+  </div>
+  <input type="text"
+         class="mbg-value-between-endValue"
+         ng-model="$ctrl.ngModel.endValue"
+         ng-change="$ctrl.onChangeEnd()"
+         ng-model-options="$ctrl.ngModelOptions"
+         placeholder="{{ $ctrl.props.placeholderEnd }}"
+         ng-required="$ctrl.ngRequired"
+         ng-disabled="$ctrl.ngDisabled"
+         ng-blur="$ctrl.handleBlur({ $event })"
+         ng-focus="$ctrl.handleFocus({ $event })"
+         ng-keyup="$ctrl.ngKeyup({ $event })"
+         ng-keypress="$ctrl.ngKeypress({ $event })"
+         ng-keydown="$ctrl.ngKeydown({ $event })"
+         ui-money-mask="{{ $ctrl.props.precision }}"
+         on-select="$ctrl.onSelectEnd()" />
+</div>

package/src/components/mbg-range-value/mbg-range-value.scss ADDED Viewed

@@ -0,0 +1,20 @@
+.mbg-value-between {
+  display: flex;
+  input {
+    border: 1px solid #ddd;
+    border-radius: 5px;
+    padding: 8px 14px;
+    flex: 1;
+    outline: none;
+    height: 44px;
+   }
+  }
+  .mbg-value-between-space {
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   padding: 0 8px;
+ }

package/src/components/mbg-range-value/mbg-range-value.ts ADDED Viewed

@@ -0,0 +1,100 @@
+import './mbg-range-value.scss'
+import template from './mbg-range-value.html'
+declare let $
+class MbgRangeValueController {
+  public ngChange
+  public ngModel
+  public ngFocus
+  public ngBlur
+  public ngRequired
+  public ngDisabled
+  public props
+  public betweenText: string
+  constructor(public $scope, public $element, public $attrs, public $timeout) {
+    if ($attrs.ngRequired === '') {
+      this.ngRequired = true
+    }
+    if ($attrs.ngDisabled === '') {
+      this.ngDisabled = true
+    }
+    this.props = {
+      placeholder: $attrs.placeholder || '',
+      placeholderStart: $attrs.placeholderStart || '',
+      placeholderEnd: $attrs.placeholderEnd || '',
+      prefix: $attrs.prefix || 'R$ ',
+      decimal: $attrs.decimal || ',',
+      thousands: $attrs.decimal || '.',
+      precision: this.$scope.$parent.$eval($attrs.precision) || 2,
+      allowNegative: $attrs.allowNegative ? JSON.parse($attrs.allowNegative) : true,
+      allowZero: $attrs.allowZero ? JSON.parse($attrs.allowZero) : false,
+      allowEmpty: $attrs.allowEmpty ? JSON.parse($attrs.allowEmpty) : false,
+    }
+  }
+  $onInit() {}
+  onChangeStart() {
+    if (this.ngChange) {
+      this.ngChange({})
+    }
+  }
+  onChangeEnd(a) {
+    if (this.ngChange) {
+      this.ngChange({})
+    }
+  }
+  handleFocus(props) {
+    if (this.ngFocus) {
+      this.ngFocus(props)
+    }
+  }
+  handleBlur(props) {
+    if (this.ngBlur) {
+      this.ngBlur(props)
+    }
+  }
+  onSelectStart = () => {
+    this.$timeout(() => {
+      if (!this.ngModel.endValue) {
+        this.$element.find(`.mbg-value-between-endValue`).focus()
+      }
+    })
+  }
+  onSelectEnd = () => {
+    this.$timeout(() => {
+      if (!this.ngModel.startValue) {
+        this.$element.find(`.mbg-value-between-startValue`).focus()
+      }
+    })
+  }
+}
+MbgRangeValueController['$inject'] = ['$scope', '$element', '$attrs', '$timeout']
+const mbgRangeValue = {
+  bindings: {
+    ngModel: '=',
+    ngChange: '&?',
+    ngRequired: '=?',
+    ngDisabled: '=?',
+    ngBlur: '&?',
+    ngFocus: '&?',
+    ngKeyup: '&?',
+    ngKeypress: '&?',
+    ngKeydown: '&?',
+    betweenText: '@?',
+    placeholder: '@?',
+    ngModelOptions: '=?',
+  },
+  template,
+  controller: MbgRangeValueController,
+}
+export { mbgRangeValue }

package/src/components/mbg-status-label/mbg-status-label.ts CHANGED Viewed

@@ -6,7 +6,7 @@ class MbgStatusLabelController {
   private label: string
   private labelClass: string
-  constructor(public $scope, public $element, public $attrs, public $timeout) { }
+  constructor(public $scope, public $element, public $attrs, public $timeout) {}
   $onInit() {
     this.$scope.$watch('$ctrl.status', (data) => {
@@ -52,10 +52,12 @@ class MbgStatusLabelController {
         this.label = 'Cancelada'
         break
       case 'REJEITADA':
-      case 'PENDING_REJECT':
       case 'REJECTED':
         this.label = 'Rejeitada'
         break
+      case 'PENDING_REJECT':
+        this.label = 'Aguardando recusa'
+        break
       case 'DENEGADA':
         this.label = 'Denegada'
         break
@@ -101,13 +103,15 @@ class MbgStatusLabelController {
       case 'RETURNED':
       case 'CANCELADA':
       case 'REJEITADA':
-      case 'PENDING_REJECT':
       case 'REJECTED':
       case 'CANCELLED':
       case 'CANCELED':
       case 'NOT_PROCESSED':
         this.labelClass = 'error'
         break
+      case 'PENDING_REJECT':
+        this.labelClass = 'warn'
+        break
       case 'PASSED_ALONG':
       case 'ENVIADA':
       case 'NAO_ENVIADA':