chore: remove pagination.component

npm/ng-packs/packages/theme-shared/src/lib/components/index.ts

@@ -5,7 +5,6 @@ export * from './confirmation/confirmation.component';
 export * from './loading/loading.component';
 export * from './loader-bar/loader-bar.component';
 export * from './modal/modal.component';
-export * from './pagination/pagination.component';
 export * from './sort-order-icon/sort-order-icon.component';
 export * from './table-empty-message/table-empty-message.component';
 export * from './table/table.component';

npm/ng-packs/packages/theme-shared/src/lib/components/pagination/pagination.component.html

@@ -1,38 +0,0 @@
-<div
-  class="ui-paginator-bottom ui-paginator ui-widget ui-widget-header ui-unselectable-text ui-helper-clearfix"
->
-  <a
-    class="ui-paginator-first ui-paginator-element ui-state-default ui-corner-all"
-    [class.ui-state-disabled]="value === 1"
-    tabindex="-1"
-    (click)="changePage(1)"
-    ><span class="ui-paginator-icon pi pi-step-backward"></span></a
-  ><a
-    class="ui-paginator-prev ui-paginator-element ui-state-default ui-corner-all"
-    [class.ui-state-disabled]="value === 1"
-    tabindex="-1"
-    (click)="changePage(value - 1)"
-    ><span class="ui-paginator-icon pi pi-caret-left"></span></a
-  ><span class="ui-paginator-pages"
-    ><a
-      *ngFor="let page of pageArray; trackBy: trackByFn"
-      (click)="changePage(page)"
-      class="ui-paginator-page ui-paginator-element ui-state-default ui-corner-all"
-      [class.ui-state-active]="page === value"
-      tabindex="0"
-      >{{ page }}</a
-    ></span
-  ><a
-    class="ui-paginator-next ui-paginator-element ui-state-default ui-corner-all"
-    [class.ui-state-disabled]="value === totalPages"
-    tabindex="0"
-    (click)="changePage(value + 1)"
-    ><span class="ui-paginator-icon pi pi-caret-right"></span></a
-  ><a
-    class="ui-paginator-last ui-paginator-element ui-state-default ui-corner-all"
-    [class.ui-state-disabled]="value === totalPages"
-    tabindex="0"
-    (click)="changePage(totalPages)"
-    ><span class="ui-paginator-icon pi pi-step-forward"></span
-  ></a>
-</div>

npm/ng-packs/packages/theme-shared/src/lib/components/pagination/pagination.component.ts

@@ -1,55 +0,0 @@
-import { Component, Input, OnInit, Output, EventEmitter, TrackByFunction } from '@angular/core';
-
-@Component({
-  selector: 'abp-pagination',
-  templateUrl: 'pagination.component.html',
-})
-/**
- * @deprecated
- */
-export class PaginationComponent implements OnInit {
-  private _value = 1;
-  @Input()
-  get value(): number {
-    return this._value;
-  }
-  set value(newValue: number) {
-    if (this._value === newValue) return;
-
-    this._value = newValue;
-    this.valueChange.emit(newValue);
-  }
-
-  @Output()
-  readonly valueChange = new EventEmitter<number>();
-
-  @Input()
-  totalPages = 0;
-
-  get pageArray(): number[] {
-    const count = this.totalPages < 5 ? this.totalPages : 5;
-
-    if (this.value === 1 || this.value === 2) {
-      return Array.from(new Array(count)).map((_, index) => index + 1);
-    } else if (this.value === this.totalPages || this.value === this.totalPages - 1) {
-      return Array.from(new Array(count)).map((_, index) => this.totalPages - count + 1 + index);
-    } else {
-      return [this.value - 2, this.value - 1, this.value, this.value + 1, this.value + 2];
-    }
-  }
-
-  trackByFn: TrackByFunction<number> = (_, page) => page;
-
-  ngOnInit() {
-    if (!this.value || this.value < 1 || this.value > this.totalPages) {
-      this.value = 1;
-    }
-  }
-
-  changePage(page: number) {
-    if (page < 1) return;
-    else if (page > this.totalPages) return;
-
-    this.value = page;
-  }
-}

npm/ng-packs/packages/theme-shared/src/lib/tests/table-sort.directive.spec.ts

@@ -2,7 +2,6 @@ import { SpectatorDirective, createDirectiveFactory } from '@ngneat/spectator/je
 import { TableSortDirective } from '../directives/table-sort.directive';
 import { TableComponent } from '../components/table/table.component';
 import { DummyLocalizationPipe } from './table.component.spec';
-import { PaginationComponent } from '../components';
 import { NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';
 
 describe('TableSortDirective', () => {
@@ -10,7 +9,7 @@ describe('TableSortDirective', () => {
   let directive: TableSortDirective;
   const createDirective = createDirectiveFactory({
     directive: TableSortDirective,
-    declarations: [TableComponent, DummyLocalizationPipe, PaginationComponent],
+    declarations: [TableComponent, DummyLocalizationPipe],
     imports: [NgbPaginationModule],
   });
 

npm/ng-packs/packages/theme-shared/src/lib/tests/table.component.spec.ts

@@ -1,7 +1,7 @@
 import { Pipe, PipeTransform } from '@angular/core';
 import { NgbPaginationModule } from '@ng-bootstrap/ng-bootstrap';
 import { createHostFactory, SpectatorHost } from '@ngneat/spectator/jest';
-import { PaginationComponent, TableComponent } from '../components';
+import { TableComponent } from '../components';
 
 @Pipe({
   name: 'abpLocalization',
@@ -16,7 +16,7 @@ describe('TableComponent', () => {
   let spectator: SpectatorHost<TableComponent>;
   const createHost = createHostFactory({
     component: TableComponent,
-    declarations: [PaginationComponent, DummyLocalizationPipe],
+    declarations: [DummyLocalizationPipe],
     imports: [NgbPaginationModule],
   });
 

npm/ng-packs/packages/theme-shared/src/lib/theme-shared.module.ts

@@ -14,7 +14,6 @@ import { LoaderBarComponent } from './components/loader-bar/loader-bar.component
 import { LoadingComponent } from './components/loading/loading.component';
 import { ModalContainerComponent } from './components/modal/modal-container.component';
 import { ModalComponent } from './components/modal/modal.component';
-import { PaginationComponent } from './components/pagination/pagination.component';
 import { SortOrderIconComponent } from './components/sort-order-icon/sort-order-icon.component';
 import { TableEmptyMessageComponent } from './components/table-empty-message/table-empty-message.component';
 import { TableComponent } from './components/table/table.component';
@@ -59,7 +58,6 @@ export function ngxDatatableMessageFactory(store: Store) {
     LoadingComponent,
     ModalComponent,
     ModalContainerComponent,
-    PaginationComponent,
     TableComponent,
     TableEmptyMessageComponent,
     ToastComponent,
@@ -80,7 +78,6 @@ export function ngxDatatableMessageFactory(store: Store) {
     LoaderBarComponent,
     LoadingComponent,
     ModalComponent,
-    PaginationComponent,
     TableComponent,
     TableEmptyMessageComponent,
     ToastComponent,