@medyat/react-data-table 0.1.0 → 0.2.0

package/README.md

@@ -54,7 +54,7 @@ export function OrdersScreen() {
     id: 'production-orders', // görünümler ve tercihler bu kimlikle saklanır
     columns,
     entityName: { one: 'order', other: 'orders' },
-    views: systemViews, // kodda tanımlı system görünümleri; kişisel olanlar viewsAdapter'dan
+    views: systemViews, // kodda tanımlı system görünümleri; filtresiz "Tümü" hazır gelir (R19), kişisel olanlar viewsAdapter'dan
     count: (query, signal) => api.countOrders(query, signal), // footer'da "Count total"
   })
   const result = useQuery({
@@ -76,18 +76,18 @@ nesnesinin `message` ve `id` alanları hata ekranında gösterilir; `refetch` yo
 
 ### Durumu adrese bağlamak
 
-Durum varsayılan olarak tablonun içindedir. `state` + `onStateChange` ile alan alan dışarı açılır (R5); paket adrese
-kendisi dokunmaz. TanStack Router ile:
+Durum varsayılan olarak tablonun içindedir. `state` + `onStateChange` ile dışarı açılır (R5); paket adrese kendisi
+dokunmaz. `state` verilince eksik alan varsayılandır (varsayılan görünüm ve onun filtre/sıralaması, sayfa 1). İkinci argüman
+`changed` yalnızca varsayılandan farklı alanları taşır: adrese onu yazın, varsayılan liste temiz adres olur. TanStack Router ile:
 
 ```tsx
-const search = Route.useSearch()
+const search = Route.useSearch() // { view?, search?, filters?, sort?, page?, pageSize? }
 const navigate = Route.useNavigate()
 const table = useDataTable({
   id: 'production-orders',
   columns,
-  state: { search: search.q ?? '', filters: search.filters ?? [], sort: search.sort ?? [], page: search.page ?? 1 },
-  onStateChange: (s) =>
-    navigate({ search: { q: s.search, filters: s.filters, sort: s.sort, page: s.page }, replace: true }),
+  state: search,
+  onStateChange: (_state, changed) => navigate({ search: changed, replace: true }),
 })
 ```
 
@@ -141,6 +141,29 @@ Birincil hücre gerçek bir `<a href>`'tir (D6): ⌘/orta tık tarayıcıya kal
 altında yüzer; `bulkActions` ve `selectionActions` yoksa hiç çizilmez (seçim Export'ta ve header checkbox'ında kalır); `selectionBar="toolbar"` onu araç çubuğunun yerine koyar, `selectionActions` içeriğini tümüyle uygulamaya
 bırakır. Seçili satırlar `onSelectionChange` ile de okunabilir.
 
+### Satır sıralama
+
+Varsayılan kapalı (R21). `reorder` verilince satırın başında tutamak çıkar; satır tutamaktan sürüklenir ya da klavyeyle
+taşınır (tutamakta `Space` · `↑↓` · `Space`, `Esc` iptal). Paket numara üretmez: taşınan satırı ve yeni komşularını
+bildirir, sırayı sunucu yazar.
+
+```tsx
+<DataTable
+  table={table}
+  result={result}
+  reorder={{
+    // Sıra yalnızca sıra kolonuna göre dizilmiş, tek grubun listesinde anlamlıdır; değilse gerekçe tooltip'te.
+    disabled: table.request.sort[0]?.column !== 'sq' && 'Sıralamak için sıra kolonuna göre dizin',
+    // after: yeni yerde üstte kalan satır, before: altta kalan; liste başı / sonu null.
+    onMove: ({ row, after }) => moveField.mutateAsync({ id: row.id, after: after?.id ?? null }),
+  }}
+/>
+```
+
+Bırakınca yeni sıra hemen çizilir ve yenilenen sonuç gelene kadar korunur. `onMove` Promise dönerse sonuçlanana kadar
+tutamaklar pasiftir; reddedilirse eski sıraya döner, hata mesajı uygulamanındır. Sürükleme kodu yalnızca sıralama
+açıkken yüklenir.
+
 ### Diğer
 
 - `toolbar`: `'auto'` (varsayılan; görünümler, arama, Filter, Display, ⋯), `'minimal'` (yalnızca arama ve

package/dist/{bottom-sheet-NHUT908D.js → bottom-sheet-BMVYPFta.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./provider-CTTHEpE3.js";
+import { n as e } from "./provider-BgZBSzsH.js";
 import { r as t, t as n } from "./model-RkRyfM7C.js";
 import { c as r } from "react/compiler-runtime";
 import { Suspense as i, lazy as a, useEffect as o, useRef as s, useState as c } from "react";
@@ -977,7 +977,7 @@ function Ue(e) {
 	return e.trim();
 }
 // src/core/filters/value-editor.tsx
-var We = a(() => import("./date-editor-CJFd5YEo.js"));
+var We = a(() => import("./date-editor-CxGAEK_C.js"));
 function Ge(e) {
 	let a = r(51), { chip: o, column: s, rows: c, labels: l, currencies: d, onChange: f, onDone: p } = e, m = s.type, h;
 	a[0] !== o || a[1] !== d || a[2] !== f || a[3] !== m ? (h = (e) => f({
@@ -1120,4 +1120,4 @@ function Ke(e) {
 }
 export { V as _, Te as a, Q as c, ce as d, oe as f, U as g, B as h, xe as i, de as l, K as m, Ge as n, Oe as o, X as p, Fe as r, pe as s, Ke as t, se as u, H as v, G as y };
 
-//# sourceMappingURL=bottom-sheet-NHUT908D.js.map
+//# sourceMappingURL=bottom-sheet-BMVYPFta.js.map