Removed pagination instance update from the iquiPaginate pipe and replaced it with a new more general use iquiCallback pipe

Author: ofzza

projects/iqui-ngx/src/lib/_showcase/pages.ts

@@ -47,6 +47,8 @@ import { PhraseShowcaseComponent } from '../data/_showcase';
 import { Pagination } from '../data';
 import { PaginationShowcaseComponent } from '../data/_showcase';
 // Import pipe dependencies
+import { CallbackPipe } from '../pipes';
+import { CallbackShowcaseComponent } from '../pipes/_showcase';
 import { FilterPipe } from '../pipes';
 import { FilterShowcaseComponent } from '../pipes/_showcase';
 import { SortPipe } from '../pipes';
@@ -100,6 +102,7 @@ const pages = [
   ]),
 
   new Page('pipes', 'Pipes', 'Pipes', null, [
+    Page.fromClass(CallbackPipe, CallbackShowcaseComponent),
     Page.fromClass(FilterPipe, FilterShowcaseComponent),
     Page.fromClass(SortPipe, SortShowcaseComponent),
     Page.fromClass(PaginatePipe, PaginateShowcaseComponent),

projects/iqui-ngx/src/lib/pipes/Callback/_showcase/index.html

@@ -0,0 +1,3 @@
+<!-- Intro -->
+<h5>Callback Pipe class</h5>
+Passes its input data to the function passed as its only argument when ever the input data changes

projects/iqui-ngx/src/lib/pipes/Callback/_showcase/index.ts

@@ -0,0 +1,12 @@
+// Callback pipe showcase
+// ----------------------------------------------------------------------------
+
+// Import dependencies
+import { Component } from '@angular/core';
+
+// Showcase component
+@Component({
+  templateUrl: `./index.html`,
+  styleUrls: [`./style.scss`],
+})
+export class CallbackShowcaseComponent {}

projects/iqui-ngx/src/lib/pipes/Callback/_showcase/style.scss

@@ -0,0 +1,2 @@
+:host {
+}

projects/iqui-ngx/src/lib/pipes/Callback/index.ts

@@ -0,0 +1,18 @@
+// Callback pipe
+// ----------------------------------------------------------------------------
+
+// Import dependencies
+import { Pipe, PipeTransform } from '@angular/core';
+import { Pagination } from '../../data';
+
+/**
+ * Passes its input data to the function passed as its only argument when ever the input data changes
+ */
+@Pipe({
+  name: 'iquiCallback',
+})
+export class CallbackPipe implements PipeTransform {
+  public transform(items: any[], callbackFn: (input: any[]) => any[]): any[] {
+    return callbackFn(items);
+  }
+}

projects/iqui-ngx/src/lib/pipes/Paginate/index.ts

@@ -12,11 +12,7 @@ import { Pagination } from '../../data';
   name: 'iquiPaginate',
 })
 export class PaginatePipe implements PipeTransform {
-  public transform(items: any[], startIndex: number, pageLength: number, paginationInstanceToBeUpdatedWithNewItems?: Pagination): any[] {
-    // Update data being paginated (if pagination provided)
-    if (paginationInstanceToBeUpdatedWithNewItems) {
-      paginationInstanceToBeUpdatedWithNewItems.updateItems(items);
-    }
+  public transform(items: any[], startIndex: number, pageLength: number): any[] {
     // Return current page range of items
     return (items || []).slice(startIndex, startIndex + pageLength);
   }

projects/iqui-ngx/src/lib/pipes/_showcase.ts

@@ -7,6 +7,8 @@ import { CommonModule } from '@angular/common';
 import { RouterModule } from '@angular/router';
 
 // Import showcase components
+import { CallbackShowcaseComponent } from './Callback/_showcase';
+export { CallbackShowcaseComponent } from './Callback/_showcase';
 import { FilterShowcaseComponent } from './Filter/_showcase';
 export { FilterShowcaseComponent } from './Filter/_showcase';
 import { SortShowcaseComponent } from './Sort/_showcase';
@@ -21,13 +23,15 @@ export { SliceShowcaseComponent } from './Slice/_showcase';
   imports: [CommonModule, RouterModule],
   declarations: [
     // Declare showcasing components
+    CallbackShowcaseComponent,
     FilterShowcaseComponent,
     SortShowcaseComponent,
     PaginateShowcaseComponent,
     SliceShowcaseComponent,
   ],
   exports: [
     // Export child components
+    CallbackShowcaseComponent,
     FilterShowcaseComponent,
     SortShowcaseComponent,
     PaginateShowcaseComponent,

projects/iqui-ngx/src/lib/pipes/index.ts

@@ -4,6 +4,8 @@ import { CommonModule } from '@angular/common';
 import { OverlayModule } from '@angular/cdk/overlay';
 
 // Import pipes and (re)export pipes
+import { CallbackPipe } from './Callback';
+export { CallbackPipe } from './Callback';
 import { FilterPipe } from './Filter';
 export { FilterPipe } from './Filter';
 import { PaginatePipe } from './Paginate';
@@ -19,7 +21,7 @@ export { SortPipe } from './Sort';
  */
 @NgModule({
   imports: [CommonModule, OverlayModule],
-  declarations: [FilterPipe, PaginatePipe, SlicePipe, SortPipe],
-  exports: [FilterPipe, PaginatePipe, SlicePipe, SortPipe],
+  declarations: [CallbackPipe, FilterPipe, PaginatePipe, SlicePipe, SortPipe],
+  exports: [CallbackPipe, FilterPipe, PaginatePipe, SlicePipe, SortPipe],
 })
 export class PipesModule {}