değişiklikler

UI paketine iki yeni bileşen eklendi: Table ve TextEditor. Bu bileşenler kod tekrarını azaltıyor ve tutarlı kullanıcı deneyimi sağlıyor.

Table Bileşeni

TanStack React Table ile geliştirilmiş, tip güvenli tablo bileşeni.

Özellikler:

• ✅ Generic tip desteği (Table<T>)
• ✅ Custom cell renderer’lar
• ✅ Responsive grid layout
• ✅ Kişiler sayfasında kullanımda

Kullanım:

const columns: ColumnDef<Contact>[] = [
  { accessorKey: "name", header: "İsim" },
  { accessorKey: "active", header: "Durum" },
];

<Table data={contacts} columns={columns} />

Kişiler sayfası refaktör edildi ve 40+ satır kod azaldı.

TextEditor Bileşeni

MDX Editor tabanlı zengin metin editörü. Markdown desteği ve formatlamayı destekliyor.

Özellikler:

• ✅ Markdown desteği
• ✅ Kalın, italik, altı çizili metin
• ✅ Liste desteği
• ✅ Field bileşeni entegrasyonu (type="richtext")
• ✅ Fatura formunda notlar ve ödeme koşulları için kullanımda

Kullanım:

<Field
  type="richtext"
  name="notes"
  label="Notlar"
  value={notes}
  onChange={setNotes}
/>

Diğer İyileştirmeler

• useClickOutside hook - DatePicker için click outside desteği
• Input readOnly desteği - DatePicker entegrasyonu için
• DatePicker stil iyileştirmeleri - Daha iyi görsel tasarım

Yeni Bağımlılıklar

• @tanstack/react-table - Table bileşeni için
• @mdxeditor/editor - TextEditor bileşeni için

Durum: ✅ Tamamlandı