Map Type Group to Input Type

mapTypeGroupToInputType yardımcı fonksiyonu, veri türü gruplarını (TypeGroupEnum) HTML input türlerine eşler. Bu fonksiyon, Ops Table bileşeninde dinamik form alanları oluşturmak için kullanılır.

Ne İşe Yarar?

Map Type Group to Input Type:

• Veri türü gruplarına uygun HTML input türlerini belirler.
• Form alanlarının doğru şekilde oluşturulmasını sağlar.
• Dinamik form alanları için esneklik sunar.

İş Mantığı

1. Tür Gruplarını Kontrol Etme:
   • Her bir tür grubu (TypeGroupEnum) belirli bir HTML input türü ile eşlenir.
2. Varsayılan Tür Atama:
   • Bilinmeyen tür grupları için varsayılan olarak text döner.

Fonksiyon Tanımı

import { TypeGroupEnum } from "@/enums/TypeGroupEnum";

export function mapTypeGroupToInputType(typeGroup: TypeGroupEnum): string {
  switch (typeGroup) {
    case TypeGroupEnum.Text:
      return "text";
    case TypeGroupEnum.Number:
      return "number";
    case TypeGroupEnum.Boolean:
      return "checkbox";
    case TypeGroupEnum.Date:
      return "datetime-local";
    case TypeGroupEnum.Select:
      return "select";
    case TypeGroupEnum.Default:
    default:
      return "text";
  }
}

Parametreler

Parametre	Tipi	Açıklama
typeGroup	TypeGroupEnum	Veri türü grubunu belirtir.

Dönüş Değeri

• string: Tür grubuna uygun HTML input türü.

Kullanım Örneği

Girdi Verisi

const typeGroup = TypeGroupEnum.Number;

Çağrı

const inputType = mapTypeGroupToInputType(typeGroup);
console.log(inputType);

Çıktı

"number"

Kullanım Alanları

Map Type Group to Input Type, Ops Table ekosisteminde aşağıdaki alanlarda ve fonksiyonlarda kullanılır:

• Filters Popover (FiltersPopover.tsx):

  • Kullanım Yeri: Kullanıcının filtre değerlerini girebileceği dinamik form alanları oluşturulurken çağrılır.
  • Amaç: Filtreleme için uygun HTML input türünün belirlenmesi.

• Aggregation Popover (AggregationPopover.tsx):

  • Kullanım Yeri: Kullanıcıların toplama işlemi için veri girişi yapacağı alanları dinamik olarak oluştururken kullanılır.
  • Amaç: Toplama türüne göre uygun input alanı sunmak.

Burada Yapılan Ana İşlemler

Map Type Group to Input Type fonksiyonu, aşağıdaki işlemleri gerçekleştirir ve bu noktalarda özelleştirilebilir:

• Tür Gruplarını Eşleme: Tür gruplarını HTML input türlerine dinamik olarak eşler.
• Varsayılan Atama: Bilinmeyen türler için "text" döner.
• Form Alanı Optimizasyonu: Form alanlarının doğru input türüyle oluşturulmasını sağlar.