@tetacom/ng-components 1.0.25 → 1.0.28

package/src/component/dynamic-component/popup-content/popup-content.component.html

@@ -1 +0,0 @@
-<ng-content></ng-content>

package/src/component/dynamic-component/popup-content/popup-content.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { PopupContentComponent } from './popup-content.component';
-
-describe('PopupContentComponent', () => {
-  let component: PopupContentComponent;
-  let fixture: ComponentFixture<PopupContentComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ PopupContentComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(PopupContentComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/component/dynamic-component/popup-content/popup-content.component.ts

@@ -1,56 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  HostBinding,
-  Input,
-  OnDestroy,
-  OnInit,
-} from '@angular/core';
-import { ArrayUtil } from '../../../common/util/array-util';
-import { animate, style, transition, trigger } from '@angular/animations';
-
-@Component({
-  selector: 'teta-popup-content',
-  templateUrl: './popup-content.component.html',
-  styleUrls: ['./popup-content.component.scss'],
-  animations: [
-    trigger('dialog', [
-      transition('void => *', [
-        style({ opacity: '0' }),
-        animate(200, style({ opacity: '1' })),
-      ]),
-      transition('* => void', [animate(200, style({ opacity: '0' }))]),
-    ]),
-  ],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class PopupContentComponent implements OnInit, OnDestroy {
-  @HostBinding('@dialog') dialog = true;
-
-  @Input() className: string | string[];
-
-  @HostBinding('class')
-  private get getClass(): string {
-    const result = [...ArrayUtil.asArray(this.className), 'popup-content'];
-    return result.join(' ');
-  }
-
-  constructor() {}
-
-  addClass(className: string) {
-    if (this.className) {
-      if (typeof this.className === 'string') {
-        this.className = className;
-      }
-      if (this.className instanceof Array) {
-        this.className.push(className);
-      }
-    } else {
-      this.className = [className];
-    }
-  }
-
-  ngOnInit(): void {}
-
-  ngOnDestroy(): void {}
-}

package/src/component/dynamic-component/public-api.ts

@@ -1,2 +0,0 @@
-export * from './dynamic-component.module';
-export * from './popup-content/popup-content.component';

package/src/component/expand-panel/ExpandPanel.stories.ts

@@ -1,22 +0,0 @@
-import { Meta } from '@storybook/angular/types-6-0';
-import { withKnobs } from '@storybook/addon-knobs';
-import { ExpandPanelComponent } from './expand-panel/expand-panel.component';
-import { ExpandPanelModule } from './expand-panel.module';
-
-export default {
-  title: 'Component/File',
-  decorators: [withKnobs],
-  component: ExpandPanelComponent,
-  moduleMetadata: {
-    imports: [ExpandPanelModule],
-  },
-} as Meta;
-
-export const panel = () => ({
-  moduleMetadata: {
-    imports: [ExpandPanelModule],
-  },
-  template: `<div [tetaIconSprite]="'assets/icons.svg'" class="font-body-3 padding-3">
-    <teta-expand-panel></teta-expand-panel>
-  </div>`,
-});

package/src/component/expand-panel/expand-panel/expand-panel.component.html

@@ -1,36 +0,0 @@
-<ng-container *ngIf="open">
-  <teta-toolbar
-    style="display: flex"
-    [style.justifyContent]="direction === 'right' ? 'space-between' : 'unset'"
-    [style.flexDirection]="direction === 'right' ? 'row-reverse' : 'row'">
-    <button
-      teta-button
-      [square]="true"
-      [palette]="'text'"
-      [view]="'ghost'"
-      (click)="closePanel()"
-    >
-      <teta-icon [name]="direction === 'right' ? 'arrowRight' : 'arrowLeft'"></teta-icon>
-    </button>
-    <span class="font-title-2" style="display: contents"><ng-container *ngTemplateOutlet="head?.template"></ng-container></span>
-  </teta-toolbar>
-  <ng-container *ngTemplateOutlet="content?.template"></ng-container>
-</ng-container>
-<ng-container *ngIf="!open">
-  <div class="width-10 overflow-hidden" style="height: 100%;">
-    <button
-      teta-button
-      style="
-        transform-origin: 0 0;
-        transform: rotate(-90deg) translateX(-100%);
-        margin: 8px;
-      "
-      [palette]="'text'"
-      [view]="'ghost'"
-      (click)="openPanel()"
-    >
-      <div class="font-button-2 nowrap">{{ placeholder }}</div>
-      <teta-icon [name]="direction === 'right' ? 'arrowUp' : 'arrowDown'"></teta-icon>
-    </button>
-  </div>
-</ng-container>

package/src/component/expand-panel/expand-panel/expand-panel.component.scss

@@ -1,9 +0,0 @@
-:host {
-  display: flex;
-  flex-direction: column;
-  flex-grow: 0;
-  flex-shrink: 0;
-  min-width: 0;
-  min-height: 0;
-  height: 100%;
-}

package/src/component/expand-panel/expand-panel/expand-panel.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { ExpandPanelComponent } from './expand-panel.component';
-
-describe('ExpandPanelComponent', () => {
-  let component: ExpandPanelComponent;
-  let fixture: ComponentFixture<ExpandPanelComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ ExpandPanelComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(ExpandPanelComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/component/expand-panel/expand-panel/expand-panel.component.ts

@@ -1,65 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ContentChild,
-  EventEmitter,
-  Input,
-  OnInit,
-  Output,
-} from '@angular/core';
-import { ExpandPanelContentDirective } from '../expand-panel-content.directive';
-import { ExpandPanelHeadDirective } from '../expand-panel-head.directive';
-
-@Component({
-  selector: 'teta-expand-panel',
-  templateUrl: './expand-panel.component.html',
-  styleUrls: ['./expand-panel.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class ExpandPanelComponent implements OnInit {
-  @ContentChild(ExpandPanelContentDirective, { static: false })
-  content: ExpandPanelContentDirective;
-
-  @ContentChild(ExpandPanelHeadDirective, { static: false })
-  head: ExpandPanelHeadDirective;
-
-  @Input() placeholder: string;
-  @Input() open = true;
-  @Output() openChange: EventEmitter<boolean> = new EventEmitter<boolean>();
-  @Input() cookieName: string;
-  @Input() direction: 'left' | 'right' = 'left';
-
-  constructor() {}
-
-  openPanel() {
-    this.open = true;
-    this.openChange.emit(true);
-    this.saveCookie();
-  }
-
-  closePanel() {
-    this.open = false;
-    this.openChange.emit(false);
-    this.saveCookie();
-  }
-
-  ngOnInit(): void {
-    this.restoreCookie();
-  }
-
-  private saveCookie() {
-    if (!this.cookieName?.length) {
-      return;
-    }
-    localStorage.setItem(this.cookieName, JSON.stringify(this.open));
-  }
-
-  private restoreCookie() {
-    if (!this.cookieName?.length) {
-      return;
-    }
-    const cookie = localStorage.getItem(this.cookieName);
-    this.open = cookie != null ? JSON.parse(cookie) : true;
-    this.openChange.emit(this.open);
-  }
-}

package/src/component/expand-panel/expand-panel-content.directive.spec.ts

@@ -1,8 +0,0 @@
-import { ExpandPanelContentDirective } from './expand-panel-content.directive';
-
-describe('ExpandPanelContentDirective', () => {
-  it('should create an instance', () => {
-    const directive = new ExpandPanelContentDirective();
-    expect(directive).toBeTruthy();
-  });
-});

package/src/component/expand-panel/expand-panel-content.directive.ts

@@ -1,8 +0,0 @@
-import { Directive, TemplateRef } from '@angular/core';
-
-@Directive({
-  selector: '[tetaExpandPanelContent]',
-})
-export class ExpandPanelContentDirective {
-  constructor(public template: TemplateRef<any>) {}
-}

package/src/component/expand-panel/expand-panel-head.directive.spec.ts

@@ -1,8 +0,0 @@
-import { ExpandPanelHeadDirective } from './expand-panel-head.directive';
-
-describe('ExpandPanelHeadDirective', () => {
-  it('should create an instance', () => {
-    const directive = new ExpandPanelHeadDirective();
-    expect(directive).toBeTruthy();
-  });
-});

package/src/component/expand-panel/expand-panel-head.directive.ts

@@ -1,8 +0,0 @@
-import { Directive, TemplateRef } from '@angular/core';
-
-@Directive({
-  selector: '[tetaExpandPanelHead]',
-})
-export class ExpandPanelHeadDirective {
-  constructor(public template: TemplateRef<any>) {}
-}

package/src/component/expand-panel/expand-panel.module.ts

@@ -1,30 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ExpandPanelComponent } from './expand-panel/expand-panel.component';
-import { DelimiterModule } from '../delimiter/delimiter.module';
-import { ToolbarModule } from '../toolbar/toolbar.module';
-import { ButtonModule } from '../button/button.module';
-import { IconModule } from '../icon/icon.module';
-import { ExpandPanelHeadDirective } from './expand-panel-head.directive';
-import { ExpandPanelContentDirective } from './expand-panel-content.directive';
-
-@NgModule({
-  declarations: [
-    ExpandPanelComponent,
-    ExpandPanelHeadDirective,
-    ExpandPanelContentDirective,
-  ],
-  exports: [
-    ExpandPanelComponent,
-    ExpandPanelHeadDirective,
-    ExpandPanelContentDirective,
-  ],
-  imports: [
-    CommonModule,
-    DelimiterModule,
-    ToolbarModule,
-    ButtonModule,
-    IconModule,
-  ],
-})
-export class ExpandPanelModule {}

package/src/component/expand-panel/public-api.ts

@@ -1,4 +0,0 @@
-export * from './expand-panel.module';
-export * from './expand-panel/expand-panel.component';
-export * from './expand-panel-content.directive';
-export * from './expand-panel-head.directive';

package/src/component/file-upload/File.stories.ts

@@ -1,36 +0,0 @@
-import {Meta} from '@storybook/angular/types-6-0';
-// eslint-disable-next-line id-blacklist
-import {withKnobs} from '@storybook/addon-knobs';
-import {FileUploadAreaComponent} from './file-upload-area/file-upload-area.component';
-import {FileUploadModule} from './file-upload.module';
-import {IconModule} from '../icon/icon.module';
-
-export default {
-  title: 'Component/File',
-  decorators: [withKnobs],
-  component: FileUploadAreaComponent,
-  moduleMetadata: {
-    imports: [FileUploadModule]
-  }
-} as Meta;
-
-export const area = () => ({
-  moduleMetadata: {
-    imports: [FileUploadModule, IconModule]
-  },
-  template: `<div [tetaIconSprite]="'assets/icons.svg'" class="font-body-3 padding-3">
-    <teta-file-upload-area style="height: 250px; width: 300px;">
-      <div class="column column_auto font-body-3">
-        <div class="row align-center justify-content-around">
-          <svg class="icon__image fill-text-30" style="width: 40px">
-            <use [attr.xlink:href]="'#pdf'"></use>
-          </svg>
-        </div>
-        <div class="text-align-center">
-          Перетащите файлы в формате .xls, .las или .csv сюда или <span class="color-primary-30">загрузите</span>
-        </div>
-      </div>
-    </teta-file-upload-area>
-  </div>`
-});
-

package/src/component/file-upload/file-item/file-item.component.html

@@ -1 +0,0 @@
-<p>file-item works!</p>

package/src/component/file-upload/file-item/file-item.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FileItemComponent } from './file-item.component';
-
-describe('FileItemComponent', () => {
-  let component: FileItemComponent;
-  let fixture: ComponentFixture<FileItemComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ FileItemComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(FileItemComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/component/file-upload/file-item/file-item.component.ts

@@ -1,12 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'teta-file-item',
-  templateUrl: './file-item.component.html',
-  styleUrls: ['./file-item.component.scss'],
-})
-export class FileItemComponent implements OnInit {
-  constructor() {}
-
-  ngOnInit(): void {}
-}

package/src/component/file-upload/file-upload-area/file-upload-area.component.html

@@ -1,16 +0,0 @@
-<ng-content></ng-content>
-<label class="file-upload-label">
-  <input #fileUpload
-         id="upload-input"
-         class="file-upload-input"
-         type="file"
-         name="fileUpload"
-         [attr.accept]="accept"
-         [attr.multiple]="multiple ? 'multiple' : null"
-         [disabled]="disabled"
-         (change)="fileChanged($event)"/>
-  <teta-button [palette]="'primary'" type="button">
-    <teta-icon [name]="'upload'"></teta-icon>
-    Загрузить
-  </teta-button>
-</label>

package/src/component/file-upload/file-upload-area/file-upload-area.component.scss

@@ -1,3 +0,0 @@
-:host {
-  display: flex;
-}

package/src/component/file-upload/file-upload-area/file-upload-area.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { FileUploadAreaComponent } from './file-upload-area.component';
-
-describe('FileUploadAreaComponent', () => {
-  let component: FileUploadAreaComponent;
-  let fixture: ComponentFixture<FileUploadAreaComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ FileUploadAreaComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(FileUploadAreaComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/component/file-upload/file-upload-area/file-upload-area.component.ts

@@ -1,75 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  ElementRef,
-  EventEmitter,
-  HostBinding,
-  HostListener,
-  Input,
-  OnInit,
-  Output,
-  ViewChild,
-} from '@angular/core';
-
-@Component({
-  selector: 'teta-file-upload-area',
-  templateUrl: './file-upload-area.component.html',
-  styleUrls: ['./file-upload-area.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-})
-export class FileUploadAreaComponent implements OnInit {
-  @HostBinding('class.file-upload') fileUpload = true;
-
-  @HostBinding('class.file-upload_active')
-  get fileUploadActive() {
-    return this._asActive;
-  }
-
-  @Input() multiple = true;
-  @Input() disabled: boolean;
-  @Input() accept: string[];
-
-  @Output() upload: EventEmitter<FileList> = new EventEmitter();
-
-  @ViewChild('fileUpload', { static: false }) input: ElementRef;
-
-  files: any;
-
-  private _asActive: boolean;
-
-  constructor() {}
-
-  @HostListener('dragenter', ['$event']) dragEnter(event) {
-    this.preventDefaults(event);
-    this._asActive = true;
-  }
-
-  @HostListener('dragover', ['$event']) dragOver(event) {
-    this.preventDefaults(event);
-    this._asActive = true;
-  }
-
-  @HostListener('dragleave', ['$event']) dragLeave(event) {
-    this.preventDefaults(event);
-    this._asActive = false;
-  }
-
-  @HostListener('drop', ['$event']) drop(event) {
-    this.upload.emit(event.dataTransfer.files);
-    this.preventDefaults(event);
-  }
-
-  ngOnInit() {}
-
-  fileChanged(event: any) {
-    if (event.target && event.target.files) {
-      this.upload.emit(event.target.files);
-      this.input.nativeElement.value = null;
-    }
-  }
-
-  private preventDefaults(event) {
-    event.preventDefault();
-    event.stopPropagation();
-  }
-}

package/src/component/file-upload/file-upload.module.ts

@@ -1,13 +0,0 @@
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { FileUploadAreaComponent } from './file-upload-area/file-upload-area.component';
-import { FileItemComponent } from './file-item/file-item.component';
-import { ButtonModule } from '../button/button.module';
-import { IconModule } from '../icon/icon.module';
-
-@NgModule({
-  declarations: [FileUploadAreaComponent, FileItemComponent],
-  exports: [FileUploadAreaComponent, FileItemComponent],
-  imports: [CommonModule, ButtonModule, IconModule],
-})
-export class FileUploadModule {}

package/src/component/file-upload/public-api.ts

@@ -1,3 +0,0 @@
-export * from './file-upload.module';
-export * from './file-upload-area/file-upload-area.component';
-export * from './file-item/file-item.component';

package/src/component/filter/base/filter-base.spec.ts

@@ -1,7 +0,0 @@
-import { FilterBase } from './filter-base';
-
-describe('FilterBase', () => {
-  it('should create an instance', () => {
-    expect(new FilterBase()).toBeTruthy();
-  });
-});

package/src/component/filter/base/filter-base.ts

@@ -1,17 +0,0 @@
-import {IFilter} from '../contarct/i-filter';
-
-export class FilterBase implements IFilter {
-  field: string;
-  name: string;
-  value: any;
-
-  constructor(options?: {
-    field: string;
-    name: string;
-  }) {
-    if (options) {
-      this.field = options.field;
-      this.name = options.name;
-    }
-  }
-}

package/src/component/filter/base/filter-component-base.spec.ts

@@ -1,7 +0,0 @@
-import { FilterComponentBase } from './filter-component-base';
-
-describe('FilterComponentBase', () => {
-  it('should create an instance', () => {
-    expect(new FilterComponentBase()).toBeTruthy();
-  });
-});

package/src/component/filter/base/filter-component-base.ts

@@ -1,13 +0,0 @@
-import {FilterState} from '../contarct/filter-state';
-import {EventEmitter} from '@angular/core';
-import {FilterItem} from '../contarct/filter-item';
-import {IFilter} from '../contarct/i-filter';
-import {IIdName} from '../../../common/contract/i-id-name';
-
-export abstract class FilterComponentBase {
-  abstract column: FilterItem;
-  abstract state: FilterState;
-  abstract filterOptions: IIdName<any>[];
-
-  abstract filterChanged: EventEmitter<IFilter>;
-}

package/src/component/filter/boolean-filter/boolean-filter.component.html

@@ -1,7 +0,0 @@
-<div class="padding-3">
-  <teta-radio [ngModel]="filter.value" (ngModelChange)="setFilter()">
-    <teta-radio-button [value]="null">null</teta-radio-button>
-    <teta-radio-button [value]="true">true</teta-radio-button>
-    <teta-radio-button [value]="false">false</teta-radio-button>
-  </teta-radio>
-</div>

package/src/component/filter/boolean-filter/boolean-filter.component.spec.ts

@@ -1,25 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { BooleanFilterComponent } from './boolean-filter.component';
-
-describe('BooleanFilterComponent', () => {
-  let component: BooleanFilterComponent;
-  let fixture: ComponentFixture<BooleanFilterComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BooleanFilterComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(BooleanFilterComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});