keevo-components 2.0.56 → 2.0.57

package/src/lib/components/kv-workspace/kv-workspace.module.ts

@@ -1,45 +0,0 @@
-import { AutoCompleteModule } from 'primeng/autocomplete';
-import { CommonModule } from '@angular/common';
-
-import {
-    FormsModule,
-    ReactiveFormsModule
-} from '@angular/forms';
-
-import { NgModule } from '@angular/core';
-import { ProgressSpinnerModule } from 'primeng/progressspinner';
-
-import { WokspaceLogoComponent } from './logo/kv-workspace-logo.component';
-import { WorkspaceComponent } from './workspace/kv-workspace.component';
-import { WorkspaceEmpresaComponent } from './empresa/kv-workspace-empresa.component';
-import { WorkspaceMasterComponent } from './master/kv-workspace-master.component';
-import { PrimeNgModule } from '../../api/modules/primeng.module';
-import { KvButtonsModule } from '../kv-buttons/kv-button.module';
-import { KvTableModule } from '../kv-table/kv-table.module';
-import { KvButtonModule } from "../kv-button/kv-button.module";
-import { KvInputsModule } from '../kv-inputs/kv-inputs.module';
-
-@NgModule({
-    declarations: [
-        WorkspaceComponent,
-        WorkspaceEmpresaComponent,
-        WokspaceLogoComponent,
-        WorkspaceMasterComponent
-    ],
-    exports: [
-        WorkspaceComponent
-    ],
-    imports: [
-        CommonModule,
-        PrimeNgModule,
-        ReactiveFormsModule,
-        ProgressSpinnerModule,
-        AutoCompleteModule,
-        FormsModule,
-        KvButtonsModule,
-        KvTableModule,
-        KvButtonModule,
-        KvInputsModule,
-    ]
-})
-export class KvWorkspaceModule { }

package/src/lib/components/kv-workspace/logo/kv-workspace-logo.component.html

@@ -1,20 +0,0 @@
-<div class="field col-12 flex justify-content-center mb-1">
-  <img [src]="logoKeevoCenter" style="width: auto; height: 4rem;" />
-</div>
-
-<div class="col-12 align-items-center z-5">
-  <div class="col-9">
-    Olá, <b>{{ nomeUsuario }}.</b> Bem-vindo(a)!
-  </div>
-
-  @if(!masterSelecionada){
-  <b class="field col-9 flex">
-    Escolha qual workspace você deseja acessar:
-  </b>
-  }
-  @else {
-  <b class="field col-9 flex">
-    Escolha qual empresa você deseja acessar:
-  </b>
-  }
-</div>

package/src/lib/components/kv-workspace/logo/kv-workspace-logo.component.spec.ts

@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { LogoComponent } from './kv-workspace-logo.component';
-
-describe('LogoComponent', () => {
-  let component: LogoComponent;
-  let fixture: ComponentFixture<LogoComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ LogoComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(LogoComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/kv-workspace/logo/kv-workspace-logo.component.ts

@@ -1,18 +0,0 @@
-import { Component, Input, OnInit } from '@angular/core';
-
-@Component({
-  selector: 'kv-workspace-logo',
-  templateUrl: './kv-workspace-logo.component.html',
-  styleUrls: ['./kv-workspace-logo.component.scss']
-})
-export class WokspaceLogoComponent implements OnInit {
-
-  @Input() logoKeevoCenter !: string;
-  @Input() nomeUsuario: string = 'Nome do Usuário Logado';
-  @Input() masterSelecionada!: any;
-
-  constructor() { }
-
-  ngOnInit() {
-  }
-}

package/src/lib/components/kv-workspace/master/kv-workspace-master.component.html

@@ -1,35 +0,0 @@
-<div
-  class="grid m-0 border-round-lg gap-2 p-2 {{
-    (this.masters.length > 6 || this.widthScreen() < 992) &&
-      'overflow-y-auto'
-  }} max-h-25rem cards-container"
->
-  @for(master of this.masters; track $index) {
-  <div
-    class="{{
-      $index % 2 == 0 ? 'sm:col-6 col-12' : 'sm:col col-12'
-    }} p-0 card-option"
-    (click)="selecionarMaster(master)"
-  >
-    <div class="flex flex-column p-3 gap-1">
-      <div class="flex flex-row align-items-center gap-1 font-semibold mb-2">
-        <span class="material-symbols-outlined text-md"> article </span>
-        <span class="text-sm">{{ master.idmaster }}</span>
-      </div>
-
-      <span style="word-break: break-word font-medium" class="text-sm">{{
-        transformRazaoSocial()(master.nome)
-      }}</span>
-
-      <div class="flex flex-row align-items-center gap-1 font-semibold">
-        <span class="text-xs">{{
-          isEmpresa()(master.cpfcnpj) ? "CNPJ:" : "CPF:"
-        }}</span>
-        <span class="text-xs">{{ transformCpfCnpj()(master.cpfcnpj) }}</span>
-      </div>
-    </div>
-  </div>
-  } @if(this.masters.length == 0) {
-  <p>{{ emptyText() }}</p>
-  }
-</div>

package/src/lib/components/kv-workspace/master/kv-workspace-master.component.scss

@@ -1,29 +0,0 @@
-.card-option {
-    // background-color: #F8FAFD;
-  background-color: white;
-  border-radius: 0.5rem;
-  border: 1px solid #eaeaea;
-  height: 7.5rem;
-  overflow: hidden;
-
-  transition: all 0.2s ease-in-out;
-
-  cursor: pointer;
-
-  &:hover {
-    border: 1px solid #581999;
-    background-color: rgba(208, 179, 221, 0.3);
-
-    span {
-      color: #581999;
-    }
-  }
-
-  &:active {
-    background-color: rgba(208, 179, 221, 0.6);
-  }
-}
-
-span {
-  color: #64748b;
-}

package/src/lib/components/kv-workspace/master/kv-workspace-master.component.spec.ts

@@ -1,28 +0,0 @@
-/* tslint:disable:no-unused-variable */
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
-import { By } from '@angular/platform-browser';
-import { DebugElement } from '@angular/core';
-
-import { WorkspaceMasterComponent } from './kv-workspace-master.component';
-
-describe('WorkspaceMasterComponent', () => {
-  let component: WorkspaceMasterComponent;
-  let fixture: ComponentFixture<WorkspaceMasterComponent>;
-
-  beforeEach(async(() => {
-    TestBed.configureTestingModule({
-      declarations: [ WorkspaceMasterComponent ]
-    })
-    .compileComponents();
-  }));
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(WorkspaceMasterComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/kv-workspace/master/kv-workspace-master.component.ts

@@ -1,98 +0,0 @@
-import {
-  Component,
-  computed,
-  EventEmitter,
-  inject,
-  input,
-  Input,
-  OnInit,
-  Output,
-  signal
-} from '@angular/core';
-
-import { TableConfig } from '../../../api/components/table/table.config';
-import { CpfCnpjPipe } from '../../../api/pipes/cpfcnpj.pipe';
-
-@Component({
-  selector: 'kv-workspace-master',
-  templateUrl: './kv-workspace-master.component.html',
-  styleUrls: ['./kv-workspace-master.component.scss', '../workspace/kv-workspace.component.scss']
-})
-export class WorkspaceMasterComponent implements OnInit {
-  dataSource: any = [];
-  tableConfig!: TableConfig;
-
-  @Input() masters!: any[];
-  @Input() masterSelecionada!: any;
-
-  @Output() onMasterSelecionada = new EventEmitter<any>();
-
-  emptyText = input<string>('Nenhum resultado encontrado');
-  widthScreen = signal<number>(window.innerWidth);
-
-  cpfCnpjPipe = inject(CpfCnpjPipe);
-
-  isEmpresa = computed(() => (cpfCnpj: string) => {
-    return cpfCnpj.length > 11;
-  })
-
-  transformRazaoSocial = computed(() => (razaosocial: string) => {
-    return razaosocial.length > 72 ? `${razaosocial.substring(0, 72)}...` : razaosocial;
-  });
-
-  transformCpfCnpj = computed(() => (cpfCnpj: string) => {
-    return this.cpfCnpjPipe.transform(cpfCnpj);
-  });
-
-  constructor() { }
-
-  ngOnInit() {
-    this.configTable();
-
-    window.addEventListener('resize', () => {
-      this.widthScreen.set(window.innerWidth);
-    });
-  }
-
-  activeItem(e: any) {
-    this.masterSelecionada = e;
-  }
-
-  configTable() {
-    this.dataSource = this.masters;
-    this.tableConfig = {
-      lazy: false,
-      columns: [
-        { position: 0, field: 'idmaster', header: 'Licença', width: '', centralize: false, sortable: false },
-        { position: 1, field: 'nome', header: '', width: '80%', centralize: false, sortable: false, },
-      ],
-      actions: [
-        {
-          label: 'Acessar',
-          icon: 'login',
-          tooltip: 'Acessar Workspace',
-          command: () => {
-            this.selecionarMaster(this.masterSelecionada);
-          },
-          disabled: () => {
-            return false;
-          },
-        },
-      ],
-      actionsLote: [],
-      enableCation: false,
-      enableFilter: false,
-      enableSelect: false,
-    };
-  }
-
-  doubleClick(e: any) {
-    this.masterSelecionada = e.rowData;
-    this.selecionarMaster(this.masterSelecionada);
-  }
-
-  selecionarMaster(master: any) {
-    this.masterSelecionada = master;
-    this.onMasterSelecionada.emit(this.masterSelecionada);
-  }
-}

package/src/lib/components/kv-workspace/workspace/kv-workspace.component.html

@@ -1,63 +0,0 @@
-@if(visivel) {
-<div class="flex align-items-center justify-content-center">
-  <div
-    class="bg-white h-auto border-round-lg lg:p-4 p-2 flex flex-column gap-2 overflow-hidden"
-    [style.max-width.rem]="'45'"
-    [style.min-width]="minWidthCard()"
-  >
-    <div class="px-2 flex flex-column align-items-center gap-2">
-      <img [src]="logoKeevoCenter()" style="height: 4rem" class="py-2" />
-      <span class="text-sm">
-        Olá, <b>{{ nomeUsuario() }}</b
-        >. Bem vindo(a)! Escolha a
-        <b>{{ !somenteMaster && masterSelecionada ? "Empresa" : "Licença" }}</b>
-        que deseja acessar:
-      </span>
-    </div>
-
-    <div
-      class="col-12 grid formgrid p-fluid m-0 px-2 pt-2 pb-0"
-      [formGroup]="workspaceForm"
-    >
-      <kv-input-text
-        placeholder="Buscar {{
-          !somenteMaster && masterSelecionada ? 'empresa' : 'licença'
-        }}"
-        class="col-12 m-0 p-0"
-        (onInput)="filter()"
-        formControlName="search"
-      ></kv-input-text>
-    </div>
-
-    @if(!masterSelecionada){
-    <kv-workspace-master
-      [masters]="masters()"
-      [masterSelecionada]="masterSelecionada"
-      (onMasterSelecionada)="selecionarMaster($event)"
-    >
-    </kv-workspace-master>
-    } @if(!somenteMaster && masterSelecionada){
-    <kv-workspace-empresa
-      [empresas]="empresas()"
-      [totalEmpresas]="totalEmpresas"
-      (onEmpresaSelecionada)="selecionarEmpresa($event)"
-      (onPaginate)="paginate($event)"
-    >
-    </kv-workspace-empresa>
-    } 
-    @if(showBtnVoltar && masterSelecionada) {
-    <div class="flex text-left mt-2">
-      <kv-button
-        icon="chevron_left"
-        iconPosition="left"
-        label="Voltar"
-        type="text"
-        severity="secondary"
-        class="ml-2"
-        (onClick)="OnBtnVoltarClick()"
-      />
-    </div>
-    }
-  </div>
-</div>
-}

package/src/lib/components/kv-workspace/workspace/kv-workspace.component.scss

@@ -1,62 +0,0 @@
-:host {
-  overflow: hidden;
-}
-
-.cards-container {
-  overflow-x: hidden;
-
-  transition: all 0.2s;
-  &::-webkit-scrollbar {
-    width: 6px;
-
-    &:hover {
-    }
-  }
-
-  &::-webkit-scrollbar-thumb {
-    border-radius: 4px;
-    background-color: transparent;
-  }
-
-  &:hover::-webkit-scrollbar-thumb {
-    border-left: 2px solid white;
-    background-color: rgba(var(--kv-secondary-color), 0.75);
-  }
-
-  &::-webkit-scrollbar-track {
-    border-left: 2px solid white;
-    background-color: rgba(var(--kv-secondary-color), 0.15);
-  }
-}
-
-.voltar-box {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  padding: 0.5rem;
-
-  transition: all 0.2s;
-
-  &:hover {
-    opacity: 0.8;
-  }
-
-  &:active {
-    opacity: 0.9;
-  }
-}
-
-.link {
-  color: rgba(var(--kv-secondary-color), 0.9);
-  text-decoration: none;
-  cursor: pointer;
-
-  &:hover {
-  }
-
-  &:active {
-    color: rgba(var(--kv-secondary-color), 1);
-  }
-}

package/src/lib/components/kv-workspace/workspace/kv-workspace.component.ts

@@ -1,91 +0,0 @@
-import {
-  Component,
-  computed,
-  effect,
-  EventEmitter,
-  inject,
-  input,
-  Input,
-  OnInit,
-  output,
-  Output,
-  signal
-} from '@angular/core';
-import { ImagensService } from '../../../api/services/imagens.service';
-import { FormBuilder, FormGroup } from '@angular/forms';
-
-@Component({
-  selector: 'kv-workspace',
-  templateUrl: './kv-workspace.component.html',
-  styleUrls: ['./kv-workspace.component.scss'],
-})
-export class WorkspaceComponent implements OnInit {
-
-  imgLogoKeevo !: string;
-  imgPersonagens!: string;
-  @Input() backgroundImg: string = 'https://work-assets.keevo.com.br/img/background-keevocenter-login.jpg';
-  @Input() somenteMaster: boolean = true;
-  @Input() visivel: boolean = true;
-  @Input() showBtnVoltar: boolean = false;
-
-  @Input() empresaSelecionada!: any
-  @Input() totalEmpresas: number = 0;
-
-  @Input() masterSelecionada!: any;
-
-  @Output() onGetMasterSelecionada = new EventEmitter<any>();
-  @Output() onGetEmpresaSelecionada = new EventEmitter<any>();
-  @Output() onPaginate = new EventEmitter<any>();
-  @Output() onBtnVoltarClick = new EventEmitter<any>();
-
-  fb = inject(FormBuilder);
-  masters = input<any[]>([]);
-  empresas = input<any[]>([]);
-  nomeUsuario = input<string>('Nome do Usuário Logado');
-  workspaceForm!: FormGroup;
-
-  widthScreen = signal<number>(window.innerWidth);
-  logoKeevoCenter = input<string>('');
-  onFilter = output<any>();
-
-  searchInput = signal<string>('');
-
-  minWidthCard = computed(() => {
-    return this.widthScreen() >= 992 ? '45rem' : '100%';
-  });
-
-  constructor() { }
-
-  ngOnInit(): void {
-    this.imgPersonagens = ImagensService.getPersonagensWorkSpace();
-    this.imgLogoKeevo = ImagensService.getLogoKeevo();
-
-    this.workspaceForm = this.fb.group({
-      search: ['']
-    });
-
-    window.addEventListener('resize', () => {
-      this.widthScreen.set(window.innerWidth);
-    });
-  }
-
-  paginate(event: any) {
-    this.onPaginate.emit(event);
-  }
-
-  OnBtnVoltarClick() {
-    this.onBtnVoltarClick.emit();
-  }
-
-  selecionarEmpresa(empresa: any) {
-    this.onGetEmpresaSelecionada.emit(empresa);
-  }
-
-  selecionarMaster(event: any) {
-    this.onGetMasterSelecionada.emit(event);
-  }
-
-  filter() {
-    this.onFilter.emit(this.workspaceForm.value.search)
-  }
-}

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": [
-    "**/*.spec.ts"
-  ]
-}

package/tsconfig.lib.prod.json

@@ -1,10 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "./tsconfig.lib.json",
-  "compilerOptions": {
-    "declarationMap": false
-  },
-  "angularCompilerOptions": {
-    "compilationMode": "partial"
-  }
-}

package/tsconfig.spec.json

@@ -1,14 +0,0 @@
-/* To learn more about this file see: https://angular.io/config/tsconfig. */
-{
-  "extends": "../../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../../out-tsc/spec",
-    "types": [
-      "jasmine"
-    ]
-  },
-  "include": [
-    "**/*.spec.ts",
-    "**/*.d.ts"
-  ]
-}