@tuki-io/tuki-widgets 0.0.72 → 0.0.73

package/users-list/src/utils/pagination/pagination.component.html

@@ -1,26 +0,0 @@
-<div class="flex-box pagination">
-  <div class="page-indexes-box">
-    <mat-paginator
-      [id]="'commonPagination'"
-      [hidePageSize]="true"
-      [length]="pagination.total"
-      [pageIndex]="pagination.pageIndex"
-      [pageSize]="pagination.pageSize"
-      [pageSizeOptions]="pagination.pageSizeOptions"
-      (page)="pageEvent($event)">
-    </mat-paginator>
-    <mat-spinner class="length-spinner" [diameter]="20" mode="indeterminate" *ngIf="lengthPending">
-    </mat-spinner>
-  </div>
-
-  <div class="flex-box per-page-block" *ngIf="showPageSizeOptions">
-    <div class="item_per_page">Items per page:</div>
-    <div class="select-box select-page-size">
-      <mat-select [(ngModel)]="pagination.pageSize" (selectionChange)="changePerPageNumber($event)" #page
-                  [id]="'commonPaginationSelect'">
-        <mat-option *ngFor="let option of pageSizeOptions; let i = index;" [id]="'paginationSelectOpt_' + i" [value]="option">{{option}}</mat-option>
-      </mat-select>
-    </div>
-
-  </div>
-</div>

package/users-list/src/utils/pagination/pagination.component.scss

@@ -1,41 +0,0 @@
-.search-header-refresh-icon {
-  align-items: center;
-  line-height: 54px;
-  margin-left: 10px;
-}
-
-button[mat-icon-button] {
-  i {
-    font-size: 18px;
-  }
-}
-
-mat-spinner.length-spinner {
-  position: absolute;
-  right: 120px;
-}
-h3, .search-header-refresh-icon {
-  float: left;
-}
-.page-options, .mat-paginator {
-  float: right;
-}
-.per-page-block mat-form-field {
-  width: 70px !important;
-}
-.per-page-block span {
-  margin-right: 20px;
-}
-.pagination {
-  display: flex;
-  justify-content: flex-end;
-}
-.select-page-size {
-  width: 60px;
-  margin: 0 0 0 15px;
-  padding: 0 10px;
-}
-.item_per_page {
-  line-height: 35px;
-}
-

package/users-list/src/utils/pagination/pagination.component.ts

@@ -1,41 +0,0 @@
-import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
-import { PaginationDataDto } from '../../classes/pagination';
-import { PAGINATION_SIZE_OPTIONS } from '../../app.constants';
-
-
-@Component({
-  selector: 'app-pagination',
-  templateUrl: './pagination.component.html',
-  styleUrls: ['./pagination.component.scss'],
-})
-export class PaginationComponent implements OnInit{
-  @Input()
-  public pagination!: PaginationDataDto;
-  @Input()
-  public showPageSizeOptions!: boolean;
-  @Input()
-  public showRefreshButton!: boolean;
-  @Input()
-  public lengthPending!: boolean;
-  @Output()
-  public pageEmitter = new EventEmitter();
-  @Output()
-  public pageNumberChangeEmitter = new EventEmitter<any>();
-  public pageSizeOptions: number[] = PAGINATION_SIZE_OPTIONS;
-
-  constructor(
-  ) {
-  }
-
-  ngOnInit(): void {
-  }
-
-  public pageEvent(event: any) {
-    this.pageEmitter.emit(event);
-  }
-
-  public changePerPageNumber(event: any) {
-    this.pageNumberChangeEmitter.emit(event.value);
-  }
-
-}

package/users-list/src/utils/utils.service.ts

@@ -1,71 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class UtilsService {
-
-  static sortSortArrayByProperty(array: [], sortBy: string) {
-    if (!array) {
-      return null;
-    }
-    return array.sort((a, b) => {
-      if (!a[sortBy] && !b[sortBy]) {
-        return 0;
-      }
-      if (a[sortBy] && !b[sortBy]) {
-        return 1;
-      }
-      if (!a[sortBy] && b[sortBy]) {
-        return -1;
-      }
-      const positionA = a[sortBy];
-      const positionB = b[sortBy];
-      return (positionA < positionB) ? -1 : (positionA > positionB) ? 1 : 0;
-    });
-  }
-
-  static diff(origObject: any, updatedObj: any, path: string, keysToIgnore?: string[]) {
-    let result: any = [];
-    if (Object.is(origObject, updatedObj)) {
-      return undefined;
-    }
-    if (!updatedObj || typeof updatedObj !== 'object') {
-      return updatedObj;
-    }
-    const concat = Array.from(new Set([...Object.keys(origObject || {}), ...Object.keys(updatedObj || {})]));
-    const filter = keysToIgnore ? concat.filter(key => !keysToIgnore.includes(key)) : concat;
-    filter
-      .forEach(key => {
-        if (typeof updatedObj[key] === 'object' && typeof origObject[key] === 'object') {
-          if (UtilsService.differs(updatedObj[key], origObject[key])) {
-            const newPath = `${path}${path ? '.' : ''}${key}`;
-            const values = UtilsService.diff(origObject[key], updatedObj[key], newPath, keysToIgnore);
-            if (values !== undefined) {
-              result = [...result, ...values];
-            }
-          }
-        } else if (updatedObj && !origObject || updatedObj[key] !== origObject[key] && !Object.is(origObject[key], updatedObj[key])) {
-          const value = updatedObj ? UtilsService.formatIfEmpty(updatedObj[key]) : null;
-          result.push(`${path}${path ? '.' : ''}${key}=${value}`);
-        }
-      });
-    return result;
-  }
-
-  static formatIfEmpty(value: any) {
-    if (value) {
-      return value;
-    }
-    switch (typeof value) {
-      case 'boolean':
-        return value;
-      case 'string':
-        return '';
-      default:
-        return null;
-    }
-  }
-
-  static differs(obj1: any, obj2: any): boolean {
-    return JSON.stringify(obj1) !== JSON.stringify(obj2);
-  }
-}