@ruc-lib/metaform 2.0.1 → 2.0.3

package/src/components/ruc-meta-inputs/ruc-meta-inputs.component.ts

@@ -1,44 +0,0 @@
-import { Component, Input, OnInit, EventEmitter, Output } from '@angular/core';
-import {RucMetaFormValidationService} from  '../../services/ruc-meta-form-validation.service';
-
-@Component({
-  selector: 'ruc-meta-inputs',
-  templateUrl: './ruc-meta-inputs.component.html',
-  styleUrls: ['./ruc-meta-inputs.component.css']
-})
-export class RucMetaInputsComponent implements OnInit {
-  @Input() rucInputData : any;
-  @Input() selectedParentId?:any; 
-  @Output() transferUserInput = new EventEmitter<any>();
-  @Input() customTheme: string | undefined;
-  errorMessage: string | undefined
-  options: string[] = [];
-  filteredOptions: any;
-  constructor(public validationService:RucMetaFormValidationService) { 
-    
-  }
-
-  ngOnInit(): void {
-    this.errorMessage = this.validationService.defaultErrorMessage; 
-    this.rucInputData.value === undefined ? "" : this.rucInputData.value;
-    this.options = this.rucInputData.autocomplete;
-  }
-  /**
-   * 
-   * @param e 
-   */
-  modelChangeFn(e:any) {
-    const validate = this.validationService.alphaNumericValidator(this.rucInputData);
-    this.rucInputData.errorMsg = validate;
-    if(this.rucInputData.autocomplete){
-      this.filteredOptions = this._filter(this.rucInputData.value);
-    }
-    this.transferUserInput.emit(this.rucInputData);
-  }
-
-  private _filter(value: string): string[] {
-    const filterValue = value.toLowerCase();
-    return this.options.filter(option => option.toLowerCase().includes(filterValue));
-  }
-
-}

package/src/components/ruc-meta-radio-group/ruc-meta-radio-group.component.css

@@ -1,13 +0,0 @@
-.form-error{
-    color:red;
-}
-.radio-group{
-    display: flex;
-    flex-direction: column;
-    margin: 15px 0;
-    align-items: flex-start;
-}
-
-.radio-button {
-    margin: 5px;
-  }

package/src/components/ruc-meta-radio-group/ruc-meta-radio-group.component.html

@@ -1,12 +0,0 @@
-<mat-label>{{rucInputData?.label}}</mat-label>
-<mat-radio-group 
-  aria-labelledby="radio-group-label"
-  class="{{customTheme}} radio-group" [(ngModel)]="radioValue">
-  <mat-radio-button class="radio-button" *ngFor="let item of rucInputData?.groupOptions" [value]="item.value"
-   (change)="modelChangeFn($event)">
-    {{item?.name}}
-  </mat-radio-button>
-</mat-radio-group>
-<div *ngIf="rucInputData?.errorMsg" class="form-error">
-  {{rucInputData?.customErrorMessage ? rucInputData?.customErrorMessage : errorMessage}}
-</div> 

package/src/components/ruc-meta-radio-group/ruc-meta-radio-group.component.spec.ts

@@ -1,98 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { RucMetaRadioGroupComponent } from './ruc-meta-radio-group.component';
-import { MetaFormConfig } from '../../interfaces/metaFormsDefault';
-
-describe('RucMetaRadioGroupComponent', () => {
-  let component: RucMetaRadioGroupComponent;
-  let fixture: ComponentFixture<RucMetaRadioGroupComponent>;
-  const mockFormData: MetaFormConfig =  {
-    "formType": "simple",
-    "fieldType": "radio",
-    "inputType": "radio",
-    "id": "radio",
-    "name": "radio",
-    "label": "radio configuration",
-    "className": "radio",
-    "value": "",
-    "alt": "na",
-    "appearance": "outline",
-    "min": "4",
-    "max": "20",
-    "width": "100",
-    "height": "20",
-    "checked": false,
-    "disabled": false,
-    "maxlength": "100",
-    "readonly": false,
-    "required": true,
-    "size": "100",
-    "step": "100",
-    "sameRow":false,
-    "sameRowColumnWidth": "100",
-    "tooltip": "Checkpoint",
-    "tooltipPosition": "above",
-    "pattern": "any",
-    "placeholder": "",
-    "autofocus": true,
-    "autocomplete": false,
-    "customComponentName": "none",
-    "rucDialogInput": {},
-    "hasDependentFields": false,
-    "dependentFieldParentId": "any",
-    "dependentFields": [],
-    "toolTipDescription": "none",
-    "errorMsg": false,
-    "customErrorMessage": "invalid selection",
-    "showErrorOnPopUp": true,
-    "groupOptions": [
-        {
-            "id": "Winter",
-            "name": "Winter",
-            "value": ""
-        },
-        {
-            "id": "Spring",
-            "name": "Spring",
-            "value": ""
-        },
-        {
-            "id": "Summer",
-            "name": "Summer",
-            "value": ""
-        },
-        {
-            "id": "Autumn",
-            "name": "Autumn",
-            "value": ""
-        }
-    ]
-}
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ RucMetaRadioGroupComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(RucMetaRadioGroupComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-
-  it('should called modelChangeFn ', () => {
-    component.dataSource = mockFormData;
-    const event = {
-      value: "Winter"
-    }
-    const spy = spyOn(component.transferUserInput, 'emit');
-    component.modelChangeFn(event);
-    
-    expect(spy).toHaveBeenCalled();
-  })
-});

package/src/components/ruc-meta-radio-group/ruc-meta-radio-group.component.ts

@@ -1,28 +0,0 @@
-import { Component, Input, OnInit,EventEmitter, Output } from '@angular/core';
-import {RucMetaFormValidationService} from  '../../services/ruc-meta-form-validation.service';
-import { MatRadioChange } from '@angular/material/radio';
-@Component({
-  selector: 'ruc-meta-radio-group',
-  templateUrl: './ruc-meta-radio-group.component.html',
-  styleUrls: ['./ruc-meta-radio-group.component.css'],
-})
-export class RucMetaRadioGroupComponent implements OnInit {
-  @Input() rucInputData : any;
-  @Input() customTheme: string | undefined;
-  @Output() transferUserInput = new EventEmitter<any>();
-  errorMessage: string | undefined
-  radioValue: string | undefined;
-  constructor(public validationService:RucMetaFormValidationService) { }
-
-  ngOnInit(): void {
-    this.errorMessage = this.validationService.defaultErrorMessage;
-  }
-  /**
-   * 
-   * @param e 
-   */
-  modelChangeFn(e:any) {
-    this.rucInputData.value = e.value;
-    this.transferUserInput.emit(this.rucInputData);
-  }
-}

package/src/components/ruc-meta-select/ruc-meta-select.component.css

@@ -1,9 +0,0 @@
-.form-error{
-    color:red;
-}
-::ng-deep .mat-icon{
-    cursor: pointer;
-}
-.select-label{
-    margin-bottom: 8px;
-}

package/src/components/ruc-meta-select/ruc-meta-select.component.html

@@ -1,12 +0,0 @@
-<div class="select-label">
-  <mat-label>{{rucInputData?.label}}</mat-label>
-</div>
-<mat-form-field [ngStyle]="{ 'width.%': rucInputData?.width }" matTooltip="{{rucInputData?.tooltip}}" [appearance]="rucInputData?.appearance || 'fill'">
-  <mat-label>Choose an option</mat-label>
-  <mat-select (selectionChange)="modelChangeFn($event)" [(ngModel)]="rucInputData.value">
-    <mat-option *ngFor="let item of rucInputData?.groupOptions" [value]="item.value" [disabled]="item?.disable"> {{item.name}}</mat-option>
-  </mat-select>
-</mat-form-field>
-<div *ngIf="rucInputData?.errorMsg" class="form-error">
-  {{rucInputData?.customErrorMessage ? rucInputData?.customErrorMessage : errorMessage}}
-</div>