@kigi/components 1.5.5 → 1.5.8

package/package.json

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

package/src/components/mbg-ace-editor/mbg-ace-editor.scss

@@ -6,6 +6,7 @@
 
     .ace_editor {
         height: 100%;
+        border: none !important;
 
         .ace_cursor {
             border-left: 1px solid !important;

package/src/components/mbg-ace-editor/mbg-ace-editor.ts

@@ -7,6 +7,7 @@ class MbgAceEditorController {
   private ngChange
   private ngModel
   private variables: IMbgAceEditorVariables[]
+  private editorRef
 
   constructor(private $scope, private $element, private $attrs) {}
 
@@ -17,6 +18,7 @@ class MbgAceEditorController {
   }
 
   onLoad(editor, variables) {
+    this.editorRef = editor
     const ace = (<any>window).ace
     const languageTools = ace.require('ace/ext/language_tools')
     const customCompleter = {
@@ -25,8 +27,8 @@ class MbgAceEditorController {
       },
     }
     languageTools.addCompleter(customCompleter)
-    editor.completers = [customCompleter]
-    editor.setOptions({
+    this.editorRef.completers = [customCompleter]
+    this.editorRef.setOptions({
       enableBasicAutocompletion: true,
       fontSize: '14px',
       enableSnippets: true,
@@ -39,7 +41,7 @@ class MbgAceEditorController {
       showGutter: false,
       highlightActiveLine: false,
     })
-    editor.$blockScrolling = Infinity
+    this.editorRef.$blockScrolling = Infinity
   }
 
   onLoadEditor = (editor) => {
@@ -55,6 +57,7 @@ const mbgAceEditor = {
     ngModel: '=',
     variables: '=?',
     height: '@?',
+    editorRef: '=?',
   },
   template,
   controller: MbgAceEditorController,

package/src/components/mbg-dropdown/mbg-dropdown.html

@@ -6,6 +6,7 @@
        uib-dropdown-toggle>
       <span>{{$ctrl.label}}</span>
       <svg xmlns="http://www.w3.org/2000/svg"
+           ng-show="!$ctrl.hidden"
            xmlns:xlink="http://www.w3.org/1999/xlink"
            version="1.1"
            x="0px"
@@ -44,4 +45,4 @@
   <input type="file"
          accept="{{$ctrl.acceptFile ? $ctrl.acceptFile : '.xls,.xlsx'}}"
          onchange="angular.element(this).scope().$ctrl.onFilesChoice(event)" />
-</div>
+</div>

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

@@ -30,7 +30,7 @@ class MbgDropdownController {
             break
           default:
             if (option.callback) {
-              option.callback(this.item)
+              option.callback({ ...(this.item ? this.item : {}), dropDownItem: option })
             }
             break
         }
@@ -84,6 +84,7 @@ const mbgDropdown = {
     item: '=?',
     direction: '@?',
     acceptFile: '@?',
+    hidden: '=?',
   },
   template,
   controller: MbgDropdownController,

package/src/index.html

@@ -987,7 +987,10 @@
       <div class="panel-body">
         <mbg-ace-editor ng-model="aceEditor"
                         height="104px"
+                        editor-ref="uiAceRef"
                         variables="uiAceVariables"></mbg-ace-editor>
+        <button type="button"
+                ng-click="onPastEditor('Teste Label')"> Clique aqui!</button>
       </div>
     </div>
     <div class="panel panel-default">

package/src/index.ts

@@ -39,6 +39,8 @@ const module = angular.module('demo', ['ngLocale', components]).controller('demo
       onSave: (json) => {},
     }
 
+    $scope.uiAceRef = null
+
     $scope.addEvent = () => {
       $timeout(() => {
         $scope.events.push({
@@ -8881,6 +8883,12 @@ const module = angular.module('demo', ['ngLocale', components]).controller('demo
         meta: 'Variável',
       },
     ]
+
+    $scope.onPastEditor = (value) => {
+      if ($scope.uiAceRef) {
+        $scope.uiAceRef.insert(value)
+      }
+    }
   },
 ])
 angular.bootstrap(document, [module.name])