Review code & publish new version

Author: leovo2708

CHANGELOG.md

@@ -93,3 +93,7 @@ export class TreeviewConfig {
 # [2.0.5](https://www.npmjs.com/package/ngx-treeview) (2018-03-19)
 ### Security:
 * Update NPM packages to fix security problem from "zkat / ssri".
+
+# [2.0.6](https://www.npmjs.com/package/ngx-treeview) (2018-04-09)
+### Enhancement:
+* Add event filterChange.

README.md

@@ -58,7 +58,8 @@ export class AppModule {
 <ngx-treeview
     [config]="config"
     [items]="items"
-    (selectedChange)="onSelectedChange($event)">
+    (selectedChange)="onSelectedChange($event)"
+    (filterChange)="onFilterChange($event)">
 </ngx-treeview>
 ```
 
@@ -68,7 +69,8 @@ export class AppModule {
     [buttonClass]="buttonClass"
     [config]="config"
     [items]="items"
-    (selectedChange)="onSelectedChange($event)">
+    (selectedChange)="onSelectedChange($event)"
+    (filterChange)="onFilterChange($event)">
 </ngx-dropdown-treeview>
 ```
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-treeview",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "license": "MIT",
   "description": "An Angular treeview component with checkbox",
   "scripts": {

src/demo/book/book.component.html

@@ -48,7 +48,7 @@ <h3>Components (
           <label>
             <strong>ngx-treeview</strong>
           </label>
-          <ngx-treeview [config]="config" [items]="items" (filteredChange)="onFilterChanged($event)" (selectedChange)="values = $event">
+          <ngx-treeview [config]="config" [items]="items" (filterChange)="onFilterChange($event)" (selectedChange)="values = $event">
           </ngx-treeview>
         </div>
       </div>
@@ -69,7 +69,7 @@ <h3>Components (
             </select>
           </div>
           <ngx-dropdown-treeview [config]="config" [items]="items" [buttonClass]="buttonClass" (selectedChange)="values = $event" [disabled]="!dropdownEnabled"
-            [ngxDisabledOnSelector]="'button.dropdown-toggle'">
+            [ngxDisabledOnSelector]="'button.dropdown-toggle'" (filterChange)="onFilterChange($event)">
           </ngx-dropdown-treeview>
         </div>
       </div>

src/demo/book/book.component.ts

@@ -41,7 +41,7 @@ export class BookComponent implements OnInit {
         this.items = this.service.getBooks();
     }
 
-    onFilterChanged(value: string) {
+    onFilterChange(value: string) {
         console.log('filter:', value);
     }
 }

src/lib/dropdown-treeview.component.html

@@ -1,11 +1,12 @@
 <div class="dropdown" ngxDropdown>
-    <button class="btn" [ngClass]="buttonClass" type="button" role="button" ngxDropdownToggle>
-        {{getText()}}
-    </button>
-    <div ngxDropdownMenu aria-labelledby="dropdownMenu" (click)="$event.stopPropagation()">
-        <div class="dropdown-container">
-            <ngx-treeview [config]="config" [headerTemplate]="headerTemplate" [items]="items" [itemTemplate]="itemTemplate" (selectedChange)="onSelectedChange($event)">
-            </ngx-treeview>
-        </div>
+  <button class="btn" [ngClass]="buttonClass" type="button" role="button" ngxDropdownToggle>
+    {{getText()}}
+  </button>
+  <div ngxDropdownMenu aria-labelledby="dropdownMenu" (click)="$event.stopPropagation()">
+    <div class="dropdown-container">
+      <ngx-treeview [config]="config" [headerTemplate]="headerTemplate" [items]="items" [itemTemplate]="itemTemplate" (selectedChange)="onSelectedChange($event)"
+        (filterChange)="onFilterChange($event)">
+      </ngx-treeview>
     </div>
-</div>
+  </div>
+</div>

src/lib/dropdown-treeview.component.ts

@@ -19,6 +19,7 @@ export class DropdownTreeviewComponent {
     @Input() items: TreeviewItem[];
     @Input() config: TreeviewConfig;
     @Output() selectedChange = new EventEmitter<any[]>(true);
+    @Output() filterChange = new EventEmitter<string>();
     @ViewChild(TreeviewComponent) treeviewComponent: TreeviewComponent;
     @ViewChild(DropdownDirective) dropdownDirective: DropdownDirective;
 
@@ -36,4 +37,8 @@ export class DropdownTreeviewComponent {
     onSelectedChange(values: any[]) {
         this.selectedChange.emit(values);
     }
+
+    onFilterChange(text: string) {
+      this.filterChange.emit(text);
+    }
 }

src/lib/treeview.component.ts

@@ -52,7 +52,7 @@ export class TreeviewComponent implements OnChanges {
     @Input() items: TreeviewItem[];
     @Input() config: TreeviewConfig;
     @Output() selectedChange = new EventEmitter<any[]>();
-    @Output() filteredChange = new EventEmitter<string>();
+    @Output() filterChange = new EventEmitter<string>();
     headerTemplateContext: TreeviewHeaderTemplateContext;
     allItem: TreeviewItem;
     filterText = '';
@@ -96,7 +96,7 @@ export class TreeviewComponent implements OnChanges {
 
     onFilterTextChange(text: string) {
         this.filterText = text;
-        this.filteredChange.emit(text);
+        this.filterChange.emit(text);
         this.updateFilterItems();
     }