ToolBar Enums

Açıklama: Bu dosya, Ops Table bileşeninde kullanılabilen araç çubuğu (toolbar) seçeneklerini tanımlar. Kullanıcı etkileşimlerini kolaylaştırmak için araç çubuğu özelliklerini standart hale getirir.

Kod

export enum ToolBarEnums {
  Columns,
  Filters,
  Aggregation,
  Density,
  Export,
  None,
}

Ne İşe Yarar?

• Ops Table araç çubuğunda bulunan işlevleri standart bir yapı içinde temsil eder.
• Araç çubuğu seçeneklerini yönetmek ve bu seçeneklere göre farklı davranışlar tanımlamak için kullanılır.

Anahtar Değerler

Enum Değeri	Açıklama
Columns	Sütun görünürlüğünü kontrol eden seçenek.
Filters	Filtreleme ayarlarını açan seçenek.
Aggregation	Toplama ayarlarını açan seçenek.
Density	Satır yoğunluğunu değiştiren seçenek.
Export	Veriyi dışa aktarma (CSV/PDF) işlemi.
None	Hiçbir işlem tanımlı olmayan varsayılan değer.

Kullanım Alanları

1. OpsTablePopovers

• Kullanım Amacı: Kullanıcı bir araç çubuğu düğmesine tıkladığında, ilgili popover (açılır menü) içeriğini göstermek için kullanılır.
• Kullanıldığı Yer: OpsTablePopovers bileşeninde.

const renderPopoverContent = (): React.ReactNode => {
  switch (popoverType) {
    case ToolBarEnums.Columns:
      return <ColumnsPopover table={table} />;
    case ToolBarEnums.Filters:
      return <FiltersPopover table={table} />;
    case ToolBarEnums.Aggregation:
      return <AggregationPopover table={table} />;
    case ToolBarEnums.Density:
      return <DensityPopover />;
    case ToolBarEnums.Export:
      return <ExportPopover table={table} />;
    default:
      return null;
  }
};

2. OpsTableToolbar

• Kullanım Amacı: Araç çubuğu düğmelerinin görünürlüğünü ve tıklama davranışlarını yönetmek için kullanılır.
• Kullanıldığı Yer: OpsTableToolbar bileşeninde.

onClick={(e) => handlePopoverOpen(e, ToolBarEnums.Filters)}

İş Mantığı

1. Seçenekleri Tanımlama:

   • Araç çubuğunda kullanılacak tüm seçenekler, bu enum üzerinden standartlaştırılır.

2. Dinamik İçerik Gösterimi:

   • Kullanıcının tıkladığı seçeneğe bağlı olarak ilgili popover veya işlem tetiklenir.

3. Kolay Yönetim:

   • Yeni bir araç çubuğu işlevi eklemek için bu enum'a bir değer eklemek yeterlidir.

Önemli İpuçları

• None değeri, belirli bir işlem yapılmayacak durumlar için kullanılabilir.
• Enum değerlerini güncellerken, araç çubuğu işlevlerinin tutarlı bir şekilde çalıştığından emin olun.
• Enum değerlerinin bileşenlerde dinamik olarak kullanılması, kodun daha okunabilir ve genişletilebilir olmasını sağlar.