@ahmetilhn/hanui 3.2.2 → 3.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/build/index.cjs +15 -15
- package/build/index.cjs.map +1 -1
- package/build/index.d.ts +180 -97
- package/build/index.js +2949 -2862
- package/build/index.js.map +1 -1
- package/build/styles.css +1 -1
- package/package.json +1 -1
package/build/index.d.ts
CHANGED
|
@@ -27,7 +27,7 @@ export declare const ABOVE_TABLET_MEDIA_QUERY = "(min-width: 1025px)";
|
|
|
27
27
|
export declare const Accordion: typeof Accordion_2;
|
|
28
28
|
|
|
29
29
|
/** Akordeon — katlanabilir bölümler. */
|
|
30
|
-
declare const Accordion_2: FC<
|
|
30
|
+
declare const Accordion_2: FC<Props_37>;
|
|
31
31
|
|
|
32
32
|
export declare type AccordionItem = {
|
|
33
33
|
id: string;
|
|
@@ -157,7 +157,7 @@ declare type BaseProps_4 = {
|
|
|
157
157
|
testId?: string;
|
|
158
158
|
};
|
|
159
159
|
|
|
160
|
-
export declare const BottomSheet: MemoExoticComponent<({ title, closeLabel, onClose, children, toolbar, footer, closeAbove, className, testId, }:
|
|
160
|
+
export declare const BottomSheet: MemoExoticComponent<({ title, closeLabel, onClose, children, toolbar, footer, closeAbove, className, testId, }: Props_42) => ReactPortal | null>;
|
|
161
161
|
|
|
162
162
|
export declare const Breadcrumb: typeof Breadcrumb_2;
|
|
163
163
|
|
|
@@ -358,6 +358,21 @@ declare type CircleProps = {
|
|
|
358
358
|
testId?: string;
|
|
359
359
|
};
|
|
360
360
|
|
|
361
|
+
export declare const CodeBadge: typeof CodeBadge_2;
|
|
362
|
+
|
|
363
|
+
/**
|
|
364
|
+
* Teknik kod rozeti — monospace kod, marka zeminli çerçeve.
|
|
365
|
+
*
|
|
366
|
+
* `CopyField`ten farkı ÇERÇEVEDİR: CopyField satır içi çıplak değer, bu
|
|
367
|
+
* bileşen sayfanın kahramanı olan kod (arıza kodu başlığı gibi). Pano
|
|
368
|
+
* mantığı ikisinde de `useCopyFeedback` — ayrışamazlar. Etiketler de
|
|
369
|
+
* `labels.copyField` sözlüğünü paylaşır: aynı eylem için ikinci bir sözlük
|
|
370
|
+
* anahtarı, iki ayrı çeviri kaynağı olurdu.
|
|
371
|
+
*/
|
|
372
|
+
declare const CodeBadge_2: FC<Props_22>;
|
|
373
|
+
|
|
374
|
+
export declare type CodeBadgeSize = 'sm' | 'md' | 'lg';
|
|
375
|
+
|
|
361
376
|
export declare const Combobox: typeof Combobox_2;
|
|
362
377
|
|
|
363
378
|
/** Aranabilir seçim kutusu. */
|
|
@@ -431,7 +446,7 @@ export declare type CommandItem = {
|
|
|
431
446
|
export declare const CommandPalette: typeof CommandPalette_2;
|
|
432
447
|
|
|
433
448
|
/** Komut paleti — klavyeyle her şeye ulaşma. */
|
|
434
|
-
declare const CommandPalette_2: ({ isOpen, onClose, items, label, searchPlaceholder, emptyMessage, className, testId, }:
|
|
449
|
+
declare const CommandPalette_2: ({ isOpen, onClose, items, label, searchPlaceholder, emptyMessage, className, testId, }: Props_44) => JSX.Element;
|
|
435
450
|
|
|
436
451
|
/** Her bileşenin kabul ettiği ortak kanca noktaları. */
|
|
437
452
|
export declare type CommonElementProps = Partial<{
|
|
@@ -470,14 +485,17 @@ export declare const ConfirmDialog: typeof ConfirmDialog_2;
|
|
|
470
485
|
* @example
|
|
471
486
|
* const [target, setTarget] = useState<Address | null>(null);
|
|
472
487
|
*/
|
|
473
|
-
declare const ConfirmDialog_2: FC<
|
|
488
|
+
declare const ConfirmDialog_2: FC<Props_45>;
|
|
474
489
|
|
|
475
490
|
export declare type ConfirmKind = 'destructive' | 'warning' | 'neutral';
|
|
476
491
|
|
|
477
492
|
export declare const CopyField: typeof CopyField_2;
|
|
478
493
|
|
|
479
|
-
/**
|
|
480
|
-
|
|
494
|
+
/**
|
|
495
|
+
* Kopyalanabilir teknik değer — <strong>tek dokunuşla panoya</strong>.
|
|
496
|
+
* Pano mantığı `useCopyFeedback`te, `CodeBadge` ile ortak.
|
|
497
|
+
*/
|
|
498
|
+
declare const CopyField_2: FC<Props_23>;
|
|
481
499
|
|
|
482
500
|
export declare type Crumb = {
|
|
483
501
|
label: string;
|
|
@@ -491,7 +509,7 @@ export declare const DARK_THEME: Record<keyof typeof LIGHT_THEME, string>;
|
|
|
491
509
|
export declare const DataTable: typeof DataTable_2;
|
|
492
510
|
|
|
493
511
|
/** Operasyon veri tablosu — durum satırlı tablo sözleşmesi. */
|
|
494
|
-
declare const DataTable_2: FC<
|
|
512
|
+
declare const DataTable_2: FC<Props_49>;
|
|
495
513
|
|
|
496
514
|
export declare type DataTableColumn = {
|
|
497
515
|
/** Sütun kimliği (React key). */
|
|
@@ -613,17 +631,17 @@ declare type DirectoryRowProps = {
|
|
|
613
631
|
export declare const Divider: typeof Divider_2;
|
|
614
632
|
|
|
615
633
|
/** Ayırıcı çizgi. */
|
|
616
|
-
declare const Divider_2: FC<
|
|
634
|
+
declare const Divider_2: FC<Props_24>;
|
|
617
635
|
|
|
618
636
|
export declare const Drawer: typeof Drawer_2;
|
|
619
637
|
|
|
620
638
|
/** Çekmece (drawer) — kenardan açılan kipsel panel. */
|
|
621
|
-
declare const Drawer_2: ({ isOpen, onClose, title, closeLabel, children, side, size, footer, toolbar, className, testId, }:
|
|
639
|
+
declare const Drawer_2: ({ isOpen, onClose, title, closeLabel, children, side, size, footer, toolbar, className, testId, }: Props_46) => JSX.Element;
|
|
622
640
|
|
|
623
641
|
export declare const EmptyState: typeof EmptyState_2;
|
|
624
642
|
|
|
625
643
|
/** Boş durum. */
|
|
626
|
-
declare const EmptyState_2: FC<
|
|
644
|
+
declare const EmptyState_2: FC<Props_25>;
|
|
627
645
|
|
|
628
646
|
export declare const Field: typeof Field_2;
|
|
629
647
|
|
|
@@ -667,7 +685,7 @@ declare const FileUpload_2: ({ files, onSelect, onRemove, label, hint, accept, i
|
|
|
667
685
|
export declare const FilterBar: typeof FilterBar_2;
|
|
668
686
|
|
|
669
687
|
/** Filtre şeridi. */
|
|
670
|
-
declare const FilterBar_2: FC<
|
|
688
|
+
declare const FilterBar_2: FC<Props_50>;
|
|
671
689
|
|
|
672
690
|
/**
|
|
673
691
|
* Şerit içindeki tek alanın genişlik sözleşmesi. İçine `Field` + girdi ya da
|
|
@@ -1214,7 +1232,7 @@ export declare const MOBILE_BREAKPOINT = 640;
|
|
|
1214
1232
|
export declare const Modal: typeof Modal_2;
|
|
1215
1233
|
|
|
1216
1234
|
/** Kip pencere (modal). */
|
|
1217
|
-
declare const Modal_2: ({ isOpen, onClose, title, closeLabel, children, description, footer, icon, tone, size, isDismissable, className, testId, }:
|
|
1235
|
+
declare const Modal_2: ({ isOpen, onClose, title, closeLabel, children, description, footer, icon, tone, size, isDismissable, className, testId, }: Props_43) => JSX.Element;
|
|
1218
1236
|
|
|
1219
1237
|
export declare type ModalTone = 'neutral' | 'danger' | 'warning' | 'success' | 'info';
|
|
1220
1238
|
|
|
@@ -1230,12 +1248,12 @@ export declare const normalizeSearchTerm: (value: string) => string;
|
|
|
1230
1248
|
export declare const PageHeader: typeof PageHeader_2;
|
|
1231
1249
|
|
|
1232
1250
|
/** Sayfa başlığı — her ekranın aynı giriş bloğu. */
|
|
1233
|
-
declare const PageHeader_2: FC<
|
|
1251
|
+
declare const PageHeader_2: FC<Props_26>;
|
|
1234
1252
|
|
|
1235
1253
|
export declare const Pagination: typeof Pagination_2;
|
|
1236
1254
|
|
|
1237
1255
|
/** Sayfalama. */
|
|
1238
|
-
declare const Pagination_2: FC<
|
|
1256
|
+
declare const Pagination_2: FC<Props_51>;
|
|
1239
1257
|
|
|
1240
1258
|
export declare const Panel: typeof Panel_2;
|
|
1241
1259
|
|
|
@@ -1247,7 +1265,7 @@ export declare const Panel: typeof Panel_2;
|
|
|
1247
1265
|
* <PanelForm>…alanlar…</PanelForm>
|
|
1248
1266
|
* </Panel>
|
|
1249
1267
|
*/
|
|
1250
|
-
declare const Panel_2: FC<
|
|
1268
|
+
declare const Panel_2: FC<Props_27>;
|
|
1251
1269
|
|
|
1252
1270
|
/** Panel içindeki form ızgarası. */
|
|
1253
1271
|
export declare const PanelForm: FC<PanelFormProps>;
|
|
@@ -1306,6 +1324,19 @@ export declare type PositioningState = {
|
|
|
1306
1324
|
};
|
|
1307
1325
|
/** ÇÖZÜLMÜŞ kenar: çarpışma yüzünden tercih edilenin karşıtı olabilir. */
|
|
1308
1326
|
side: PositionSide;
|
|
1327
|
+
/**
|
|
1328
|
+
* Tetikleyicinin ölçülen genişliği (px) — açılır listeler panelin genişliğini
|
|
1329
|
+
* buna bağlıyor.
|
|
1330
|
+
*
|
|
1331
|
+
* ⚠ ÖLÇÜM BURADA, ÇAĞIRANDA DEĞİL. `Combobox` ve `Select` bu değeri render
|
|
1332
|
+
* sırasında `triggerRef.current?.offsetWidth` ile okuyordu; render sırasında
|
|
1333
|
+
* DOM okumak iki şeyi birden kırıyor: ilk render'da ref henüz boş olabilir
|
|
1334
|
+
* (`undefined` genişlik) ve değer bir daha GÜNCELLENMEZ — pencere yeniden
|
|
1335
|
+
* boyutlandığında ya da yazı tipi geldiğinde panel bayat genişlikte kalır.
|
|
1336
|
+
* Kanca tetikleyiciyi `ResizeObserver` ile zaten izliyor, yani ölçüm burada
|
|
1337
|
+
* bedavaya reaktif.
|
|
1338
|
+
*/
|
|
1339
|
+
anchorWidth: number;
|
|
1309
1340
|
/** İlk ölçüm yapıldı mı. Yapılmadan çizilen yüzey sol üst köşede parlıyor. */
|
|
1310
1341
|
isPositioned: boolean;
|
|
1311
1342
|
};
|
|
@@ -1316,19 +1347,19 @@ export declare type PositionSide = 'top' | 'bottom' | 'left' | 'right';
|
|
|
1316
1347
|
export declare const Price: typeof Price_2;
|
|
1317
1348
|
|
|
1318
1349
|
/** Tutar gösterimi. */
|
|
1319
|
-
declare const Price_2: FC<
|
|
1350
|
+
declare const Price_2: FC<Props_28>;
|
|
1320
1351
|
|
|
1321
1352
|
export declare const Progress: typeof Progress_2;
|
|
1322
1353
|
|
|
1323
1354
|
/** İlerleme çubuğu — <strong>ölçülebilir</strong> bekleme. */
|
|
1324
|
-
declare const Progress_2: ({ value, max, label, valueText, isValueVisible, tone, size, className, testId, }:
|
|
1355
|
+
declare const Progress_2: ({ value, max, label, valueText, isValueVisible, tone, size, className, testId, }: Props_35) => JSX.Element;
|
|
1325
1356
|
|
|
1326
1357
|
export declare const ProgressCircle: MemoExoticComponent<({ value, max, label, valueText, isValueVisible, tone, size, className, testId, }: CircleProps) => JSX.Element>;
|
|
1327
1358
|
|
|
1328
1359
|
export declare const PromptDialog: typeof PromptDialog_2;
|
|
1329
1360
|
|
|
1330
1361
|
/** Metin isteyen pencere — `window.prompt()` yerine. */
|
|
1331
|
-
declare const PromptDialog_2: FC<
|
|
1362
|
+
declare const PromptDialog_2: FC<Props_47>;
|
|
1332
1363
|
|
|
1333
1364
|
declare type Props = {
|
|
1334
1365
|
children: ReactNode;
|
|
@@ -1556,6 +1587,22 @@ declare type Props_21 = {
|
|
|
1556
1587
|
};
|
|
1557
1588
|
|
|
1558
1589
|
declare type Props_22 = {
|
|
1590
|
+
/** Gösterilecek teknik kod (arıza kodu, parça numarası, şase). */
|
|
1591
|
+
code: string;
|
|
1592
|
+
/** Kopyalama düğmesi ekler. */
|
|
1593
|
+
isCopyable?: boolean;
|
|
1594
|
+
/** Kopyalama düğmesinin erişilebilir adı. Verilmezse `labels.copyField.copy(code)`. */
|
|
1595
|
+
copyLabel?: string;
|
|
1596
|
+
/** Kopyalandıktan sonraki ad. Verilmezse `labels.copyField.copied(code)`. */
|
|
1597
|
+
copiedLabel?: string;
|
|
1598
|
+
/** `aria-live` ile duyurulan onay cümlesi. Verilmezse `labels.copyField.announcement`. */
|
|
1599
|
+
copiedAnnouncement?: string;
|
|
1600
|
+
size?: CodeBadgeSize;
|
|
1601
|
+
className?: string;
|
|
1602
|
+
testId?: string;
|
|
1603
|
+
};
|
|
1604
|
+
|
|
1605
|
+
declare type Props_23 = {
|
|
1559
1606
|
/** Gösterilecek ve panoya kopyalanacak değer. */
|
|
1560
1607
|
value: string;
|
|
1561
1608
|
/** Kopyalama düğmesinin erişilebilir adı. */
|
|
@@ -1571,13 +1618,13 @@ declare type Props_22 = {
|
|
|
1571
1618
|
testId?: string;
|
|
1572
1619
|
};
|
|
1573
1620
|
|
|
1574
|
-
declare type
|
|
1621
|
+
declare type Props_24 = {
|
|
1575
1622
|
/** Ortada gösterilen metin ("veya"). */
|
|
1576
1623
|
label?: string;
|
|
1577
1624
|
className?: string;
|
|
1578
1625
|
};
|
|
1579
1626
|
|
|
1580
|
-
declare type
|
|
1627
|
+
declare type Props_25 = {
|
|
1581
1628
|
title: string;
|
|
1582
1629
|
description?: string;
|
|
1583
1630
|
icon?: ReactNode;
|
|
@@ -1592,7 +1639,7 @@ declare type Props_24 = {
|
|
|
1592
1639
|
testId?: string;
|
|
1593
1640
|
};
|
|
1594
1641
|
|
|
1595
|
-
declare type
|
|
1642
|
+
declare type Props_26 = {
|
|
1596
1643
|
title: string;
|
|
1597
1644
|
/** Başlığın üstündeki küçük bağlam etiketi ("HESABIM", "KATEGORİ"). */
|
|
1598
1645
|
eyebrow?: string;
|
|
@@ -1615,7 +1662,7 @@ declare type Props_25 = {
|
|
|
1615
1662
|
testId?: string;
|
|
1616
1663
|
};
|
|
1617
1664
|
|
|
1618
|
-
declare type
|
|
1665
|
+
declare type Props_27 = {
|
|
1619
1666
|
children: ReactNode;
|
|
1620
1667
|
/** Panel başlığı. Verilmezse başlık şeridi hiç çizilmez. */
|
|
1621
1668
|
title?: string;
|
|
@@ -1637,7 +1684,7 @@ declare type Props_26 = {
|
|
|
1637
1684
|
testId?: string;
|
|
1638
1685
|
};
|
|
1639
1686
|
|
|
1640
|
-
declare type
|
|
1687
|
+
declare type Props_28 = {
|
|
1641
1688
|
/** BİÇİMLENMİŞ tutar: "1.299,90". Bileşen hesap yapmaz. */
|
|
1642
1689
|
value: string;
|
|
1643
1690
|
/** Para birimi simgesi ya da kodu. Verilmezse `labels.currency`. */
|
|
@@ -1655,7 +1702,7 @@ declare type Props_27 = {
|
|
|
1655
1702
|
testId?: string;
|
|
1656
1703
|
};
|
|
1657
1704
|
|
|
1658
|
-
declare type
|
|
1705
|
+
declare type Props_29 = {
|
|
1659
1706
|
/** 0–5 arası puan. Yarım yıldız desteklenir. */
|
|
1660
1707
|
value: number;
|
|
1661
1708
|
/** Değerlendirme sayısı; verilirse yıldızların yanında gösterilir. */
|
|
@@ -1667,19 +1714,6 @@ declare type Props_28 = {
|
|
|
1667
1714
|
testId?: string;
|
|
1668
1715
|
};
|
|
1669
1716
|
|
|
1670
|
-
declare type Props_29 = {
|
|
1671
|
-
title: string;
|
|
1672
|
-
description?: string;
|
|
1673
|
-
/** Üstte gösterilen küçük büyük-harf etiket. */
|
|
1674
|
-
overline?: string;
|
|
1675
|
-
/** Sağda gösterilen eylem ("Tümünü gör"). */
|
|
1676
|
-
action?: ReactNode;
|
|
1677
|
-
as?: 'h1' | 'h2' | 'h3';
|
|
1678
|
-
size?: 'sm' | 'md' | 'lg';
|
|
1679
|
-
className?: string;
|
|
1680
|
-
testId?: string;
|
|
1681
|
-
};
|
|
1682
|
-
|
|
1683
1717
|
declare type Props_3 = {
|
|
1684
1718
|
/** Balonda gösterilecek açıklama. */
|
|
1685
1719
|
content: ReactNode;
|
|
@@ -1708,6 +1742,19 @@ declare type Props_3 = {
|
|
|
1708
1742
|
};
|
|
1709
1743
|
|
|
1710
1744
|
declare type Props_30 = {
|
|
1745
|
+
title: string;
|
|
1746
|
+
description?: string;
|
|
1747
|
+
/** Üstte gösterilen küçük büyük-harf etiket. */
|
|
1748
|
+
overline?: string;
|
|
1749
|
+
/** Sağda gösterilen eylem ("Tümünü gör"). */
|
|
1750
|
+
action?: ReactNode;
|
|
1751
|
+
as?: 'h1' | 'h2' | 'h3';
|
|
1752
|
+
size?: 'sm' | 'md' | 'lg';
|
|
1753
|
+
className?: string;
|
|
1754
|
+
testId?: string;
|
|
1755
|
+
};
|
|
1756
|
+
|
|
1757
|
+
declare type Props_31 = {
|
|
1711
1758
|
children: ReactNode;
|
|
1712
1759
|
/** Kaydırılabilir bölgenin erişilebilir adı. ZORUNLU. */
|
|
1713
1760
|
label: string;
|
|
@@ -1721,7 +1768,7 @@ declare type Props_30 = {
|
|
|
1721
1768
|
testId?: string;
|
|
1722
1769
|
};
|
|
1723
1770
|
|
|
1724
|
-
declare type
|
|
1771
|
+
declare type Props_32 = {
|
|
1725
1772
|
/** Genişlik: sayı px, dize doğrudan CSS değeri. */
|
|
1726
1773
|
width?: number | string;
|
|
1727
1774
|
height?: number | string;
|
|
@@ -1732,7 +1779,7 @@ declare type Props_31 = {
|
|
|
1732
1779
|
className?: string;
|
|
1733
1780
|
};
|
|
1734
1781
|
|
|
1735
|
-
declare type
|
|
1782
|
+
declare type Props_33 = {
|
|
1736
1783
|
/** Ölçülen şeyin adı ("Bugünkü sipariş"). */
|
|
1737
1784
|
label: string;
|
|
1738
1785
|
/** Değerin KENDİSİ — biçimlendirilmiş dize. Bileşen hesap yapmaz. */
|
|
@@ -1759,7 +1806,25 @@ declare type Props_32 = {
|
|
|
1759
1806
|
testId?: string;
|
|
1760
1807
|
};
|
|
1761
1808
|
|
|
1762
|
-
declare type
|
|
1809
|
+
declare type Props_34 = {
|
|
1810
|
+
/** Kart başlığı — aynı zamanda bağlantı metni. */
|
|
1811
|
+
title: string;
|
|
1812
|
+
href: string;
|
|
1813
|
+
/** Başlığın altındaki 1-2 cümlelik özet. */
|
|
1814
|
+
description?: string;
|
|
1815
|
+
/** Alt meta satırı: rozetler, fiyat aralığı, sayaç. */
|
|
1816
|
+
meta?: ReactNode;
|
|
1817
|
+
/** Sol madalyon: ikon ya da küçük medya. */
|
|
1818
|
+
media?: ReactNode;
|
|
1819
|
+
/** Liste bağlamındaki başlık seviyesi. */
|
|
1820
|
+
headingLevel?: SummaryCardHeadingLevel;
|
|
1821
|
+
/** Yönlendiriciye geçirilecek ek props. */
|
|
1822
|
+
linkProps?: HanuiLinkExtraProps;
|
|
1823
|
+
className?: string;
|
|
1824
|
+
testId?: string;
|
|
1825
|
+
};
|
|
1826
|
+
|
|
1827
|
+
declare type Props_35 = {
|
|
1763
1828
|
/**
|
|
1764
1829
|
* Tamamlanan miktar. `undefined` → BELİRSİZ ilerleme (sonu bilinmiyor);
|
|
1765
1830
|
* çubuk kendi kendine akar.
|
|
@@ -1779,14 +1844,14 @@ declare type Props_33 = {
|
|
|
1779
1844
|
testId?: string;
|
|
1780
1845
|
};
|
|
1781
1846
|
|
|
1782
|
-
declare type
|
|
1847
|
+
declare type Props_36 = {
|
|
1783
1848
|
size?: 'sm' | 'md' | 'lg';
|
|
1784
1849
|
/** Ekran okuyucuya okunacak metin; görsel olarak gizli. */
|
|
1785
1850
|
label?: string;
|
|
1786
1851
|
className?: string;
|
|
1787
1852
|
};
|
|
1788
1853
|
|
|
1789
|
-
declare type
|
|
1854
|
+
declare type Props_37 = {
|
|
1790
1855
|
items: AccordionItem[];
|
|
1791
1856
|
/** Aynı anda YALNIZCA BİR bölüm açık kalır. */
|
|
1792
1857
|
isSingle?: boolean;
|
|
@@ -1799,10 +1864,15 @@ declare type Props_35 = {
|
|
|
1799
1864
|
testId?: string;
|
|
1800
1865
|
};
|
|
1801
1866
|
|
|
1802
|
-
declare type
|
|
1867
|
+
declare type Props_38 = {
|
|
1803
1868
|
steps: StepItem[];
|
|
1804
|
-
/**
|
|
1805
|
-
|
|
1869
|
+
/**
|
|
1870
|
+
* Bulunulan adımın DİZİNİ (0 tabanlı). Öncesi tamamlanmış sayılır.
|
|
1871
|
+
* VERİLMEZSE liste ilerleme değil SIRALI TALİMAT olarak çizilir: durum
|
|
1872
|
+
* metni yok, tik yok, `aria-current` yok — yalnızca numaralı adımlar
|
|
1873
|
+
* ("olası nedenler — kontrol sırasıyla" gibi teşhis listeleri).
|
|
1874
|
+
*/
|
|
1875
|
+
currentIndex?: number;
|
|
1806
1876
|
/**
|
|
1807
1877
|
* Bir adıma dönülebiliyorsa verilir. Verilmediğinde adımlar düğme DEĞİL
|
|
1808
1878
|
* düz metin olur — tıklanabilir görünüp hiçbir şey yapmayan bir adım,
|
|
@@ -1816,7 +1886,7 @@ declare type Props_36 = {
|
|
|
1816
1886
|
testId?: string;
|
|
1817
1887
|
};
|
|
1818
1888
|
|
|
1819
|
-
declare type
|
|
1889
|
+
declare type Props_39 = {
|
|
1820
1890
|
items: TabItem[];
|
|
1821
1891
|
/** Kontrolsüz kullanımda açılışta seçili sekme. */
|
|
1822
1892
|
defaultTabId?: string;
|
|
@@ -1831,7 +1901,19 @@ declare type Props_37 = {
|
|
|
1831
1901
|
testId?: string;
|
|
1832
1902
|
};
|
|
1833
1903
|
|
|
1834
|
-
declare type
|
|
1904
|
+
declare type Props_4 = {
|
|
1905
|
+
/** Tetikleyici. TEK öğe; bileşen ona `ref` ve ARIA ekliyor. */
|
|
1906
|
+
trigger: ReactElement;
|
|
1907
|
+
items: MenuItem[];
|
|
1908
|
+
/** Menünün erişilebilir adı ("Satır eylemleri"). ZORUNLU. */
|
|
1909
|
+
label: string;
|
|
1910
|
+
side?: PositionSide;
|
|
1911
|
+
align?: PositionAlign;
|
|
1912
|
+
className?: string;
|
|
1913
|
+
testId?: string;
|
|
1914
|
+
};
|
|
1915
|
+
|
|
1916
|
+
declare type Props_40 = {
|
|
1835
1917
|
label: string;
|
|
1836
1918
|
/** İkon DIŞARIDAN gelir: hangi ikonun hangi konuya ait olduğu uygulamanın bilgisi. */
|
|
1837
1919
|
icon: ReactNode;
|
|
@@ -1845,7 +1927,7 @@ declare type Props_38 = {
|
|
|
1845
1927
|
testId?: string;
|
|
1846
1928
|
};
|
|
1847
1929
|
|
|
1848
|
-
declare type
|
|
1930
|
+
declare type Props_41 = {
|
|
1849
1931
|
events: TimelineEvent[];
|
|
1850
1932
|
/** Akışın erişilebilir adı ("Sipariş geçmişi"). ZORUNLU. */
|
|
1851
1933
|
label: string;
|
|
@@ -1853,19 +1935,7 @@ declare type Props_39 = {
|
|
|
1853
1935
|
testId?: string;
|
|
1854
1936
|
};
|
|
1855
1937
|
|
|
1856
|
-
declare type
|
|
1857
|
-
/** Tetikleyici. TEK öğe; bileşen ona `ref` ve ARIA ekliyor. */
|
|
1858
|
-
trigger: ReactElement;
|
|
1859
|
-
items: MenuItem[];
|
|
1860
|
-
/** Menünün erişilebilir adı ("Satır eylemleri"). ZORUNLU. */
|
|
1861
|
-
label: string;
|
|
1862
|
-
side?: PositionSide;
|
|
1863
|
-
align?: PositionAlign;
|
|
1864
|
-
className?: string;
|
|
1865
|
-
testId?: string;
|
|
1866
|
-
};
|
|
1867
|
-
|
|
1868
|
-
declare type Props_40 = {
|
|
1938
|
+
declare type Props_42 = {
|
|
1869
1939
|
title: string;
|
|
1870
1940
|
/** Kapatma düğmesinin erişilebilir adı. Verilmezse `labels.close`. */
|
|
1871
1941
|
closeLabel?: string;
|
|
@@ -1884,7 +1954,7 @@ declare type Props_40 = {
|
|
|
1884
1954
|
testId?: string;
|
|
1885
1955
|
};
|
|
1886
1956
|
|
|
1887
|
-
declare type
|
|
1957
|
+
declare type Props_43 = {
|
|
1888
1958
|
isOpen: boolean;
|
|
1889
1959
|
onClose: () => void;
|
|
1890
1960
|
title: string;
|
|
@@ -1906,7 +1976,7 @@ declare type Props_41 = {
|
|
|
1906
1976
|
testId?: string;
|
|
1907
1977
|
};
|
|
1908
1978
|
|
|
1909
|
-
declare type
|
|
1979
|
+
declare type Props_44 = {
|
|
1910
1980
|
isOpen: boolean;
|
|
1911
1981
|
onClose: () => void;
|
|
1912
1982
|
items: CommandItem[];
|
|
@@ -1920,7 +1990,7 @@ declare type Props_42 = {
|
|
|
1920
1990
|
testId?: string;
|
|
1921
1991
|
};
|
|
1922
1992
|
|
|
1923
|
-
declare type
|
|
1993
|
+
declare type Props_45 = {
|
|
1924
1994
|
isOpen: boolean;
|
|
1925
1995
|
onClose: () => void;
|
|
1926
1996
|
/**
|
|
@@ -1946,7 +2016,7 @@ declare type Props_43 = {
|
|
|
1946
2016
|
children?: ReactNode;
|
|
1947
2017
|
};
|
|
1948
2018
|
|
|
1949
|
-
declare type
|
|
2019
|
+
declare type Props_46 = {
|
|
1950
2020
|
isOpen: boolean;
|
|
1951
2021
|
onClose: () => void;
|
|
1952
2022
|
title: string;
|
|
@@ -1964,14 +2034,14 @@ declare type Props_44 = {
|
|
|
1964
2034
|
testId?: string;
|
|
1965
2035
|
};
|
|
1966
2036
|
|
|
1967
|
-
declare type
|
|
2037
|
+
declare type Props_47 = BaseProps_3 & {
|
|
1968
2038
|
/** Boş (yalnızca boşluk dahil) değer gönderilemez. */
|
|
1969
2039
|
isRequired?: boolean;
|
|
1970
2040
|
/** Zorunluluk yıldızının ekran okuyucu karşılığı ("(zorunlu)"). */
|
|
1971
2041
|
requiredLabel?: string;
|
|
1972
2042
|
};
|
|
1973
2043
|
|
|
1974
|
-
declare type
|
|
2044
|
+
declare type Props_48 = TableHTMLAttributes<HTMLTableElement> & Partial<{
|
|
1975
2045
|
/**
|
|
1976
2046
|
* Hücre dolgusu. Tablolar aynı iskeleti paylaşır ama yoğunlukları içeriğe
|
|
1977
2047
|
* göre değişir: yüzlerce satırlık bir liste sıkı, karşılaştırma matrisi
|
|
@@ -1989,7 +2059,7 @@ declare type Props_46 = TableHTMLAttributes<HTMLTableElement> & Partial<{
|
|
|
1989
2059
|
hasRowHover: boolean;
|
|
1990
2060
|
}>;
|
|
1991
2061
|
|
|
1992
|
-
declare type
|
|
2062
|
+
declare type Props_49 = {
|
|
1993
2063
|
columns: DataTableColumn[];
|
|
1994
2064
|
/**
|
|
1995
2065
|
* Tablonun erişilebilir adı ("Bekleyen siparişler").
|
|
@@ -2034,24 +2104,6 @@ declare type Props_47 = {
|
|
|
2034
2104
|
testId?: string;
|
|
2035
2105
|
};
|
|
2036
2106
|
|
|
2037
|
-
declare type Props_48 = {
|
|
2038
|
-
/**
|
|
2039
|
-
* Filtreler uygulanır. `preventDefault` bileşenin işi; çağıran yalnızca
|
|
2040
|
-
* durumunu günceller (sayfayı 1'e almak + aramayı uygulamak gibi).
|
|
2041
|
-
*/
|
|
2042
|
-
onSubmit: () => void;
|
|
2043
|
-
/** Alanlar — her biri {@link FilterBarField} içinde. */
|
|
2044
|
-
children: ReactNode;
|
|
2045
|
-
/** Şeridin sağ ucundaki eylemler ("Uygula" düğmesi gibi). */
|
|
2046
|
-
actions?: ReactNode;
|
|
2047
|
-
/** Şeridin erişilebilir adı. Verilmezse `labels.filters`. */
|
|
2048
|
-
label?: string;
|
|
2049
|
-
className?: string;
|
|
2050
|
-
testId?: string;
|
|
2051
|
-
};
|
|
2052
|
-
|
|
2053
|
-
declare type Props_49 = LinkProps | ButtonProps;
|
|
2054
|
-
|
|
2055
2107
|
declare type Props_5 = {
|
|
2056
2108
|
/**
|
|
2057
2109
|
* Tetikleyici. TEK bir öğe olmak zorunda: bileşen ona `ref`, `onClick` ve
|
|
@@ -2070,6 +2122,24 @@ declare type Props_5 = {
|
|
|
2070
2122
|
testId?: string;
|
|
2071
2123
|
};
|
|
2072
2124
|
|
|
2125
|
+
declare type Props_50 = {
|
|
2126
|
+
/**
|
|
2127
|
+
* Filtreler uygulanır. `preventDefault` bileşenin işi; çağıran yalnızca
|
|
2128
|
+
* durumunu günceller (sayfayı 1'e almak + aramayı uygulamak gibi).
|
|
2129
|
+
*/
|
|
2130
|
+
onSubmit: () => void;
|
|
2131
|
+
/** Alanlar — her biri {@link FilterBarField} içinde. */
|
|
2132
|
+
children: ReactNode;
|
|
2133
|
+
/** Şeridin sağ ucundaki eylemler ("Uygula" düğmesi gibi). */
|
|
2134
|
+
actions?: ReactNode;
|
|
2135
|
+
/** Şeridin erişilebilir adı. Verilmezse `labels.filters`. */
|
|
2136
|
+
label?: string;
|
|
2137
|
+
className?: string;
|
|
2138
|
+
testId?: string;
|
|
2139
|
+
};
|
|
2140
|
+
|
|
2141
|
+
declare type Props_51 = LinkProps | ButtonProps;
|
|
2142
|
+
|
|
2073
2143
|
declare type Props_6<T extends string> = SingleProps<T> | MultipleProps<T>;
|
|
2074
2144
|
|
|
2075
2145
|
declare type Props_7<T extends string> = {
|
|
@@ -2186,7 +2256,7 @@ export declare type RangeValue = [number, number];
|
|
|
2186
2256
|
export declare const Rating: typeof Rating_2;
|
|
2187
2257
|
|
|
2188
2258
|
/** Yıldız puanı — salt gösterim. */
|
|
2189
|
-
declare const Rating_2: FC<
|
|
2259
|
+
declare const Rating_2: FC<Props_29>;
|
|
2190
2260
|
|
|
2191
2261
|
export declare const RatingInput: typeof RatingInput_2;
|
|
2192
2262
|
|
|
@@ -2208,7 +2278,7 @@ declare type RowProps = HTMLAttributes<HTMLTableRowElement> & {
|
|
|
2208
2278
|
export declare const ScrollArea: typeof ScrollArea_2;
|
|
2209
2279
|
|
|
2210
2280
|
/** Kaydırma kutusu — <strong>klavyeyle erişilebilir</strong> kaydırma bölgesi. */
|
|
2211
|
-
declare const ScrollArea_2: FC<
|
|
2281
|
+
declare const ScrollArea_2: FC<Props_31>;
|
|
2212
2282
|
|
|
2213
2283
|
declare type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
|
|
2214
2284
|
/**
|
|
@@ -2230,7 +2300,7 @@ declare type ScrollerProps = HTMLAttributes<HTMLDivElement> & {
|
|
|
2230
2300
|
export declare const SectionHeader: typeof SectionHeader_2;
|
|
2231
2301
|
|
|
2232
2302
|
/** Bölüm başlığı. */
|
|
2233
|
-
declare const SectionHeader_2: FC<
|
|
2303
|
+
declare const SectionHeader_2: FC<Props_30>;
|
|
2234
2304
|
|
|
2235
2305
|
export declare const SegmentedControl: typeof SegmentedControl_2;
|
|
2236
2306
|
|
|
@@ -2272,7 +2342,7 @@ declare type SingleProps<T extends string> = BaseProps<T> & {
|
|
|
2272
2342
|
export declare const Skeleton: typeof Skeleton_2;
|
|
2273
2343
|
|
|
2274
2344
|
/** Yükleme iskeleti. */
|
|
2275
|
-
declare const Skeleton_2: FC<
|
|
2345
|
+
declare const Skeleton_2: FC<Props_32>;
|
|
2276
2346
|
|
|
2277
2347
|
export declare const SkeletonCard: NamedExoticComponent<ShapeProps>;
|
|
2278
2348
|
|
|
@@ -2285,12 +2355,12 @@ columns?: number;
|
|
|
2285
2355
|
export declare const Spinner: typeof Spinner_2;
|
|
2286
2356
|
|
|
2287
2357
|
/** Yükleme göstergesi. */
|
|
2288
|
-
declare const Spinner_2: FC<
|
|
2358
|
+
declare const Spinner_2: FC<Props_36>;
|
|
2289
2359
|
|
|
2290
2360
|
export declare const Stat: typeof Stat_2;
|
|
2291
2361
|
|
|
2292
2362
|
/** Ölçüm kutusu (KPI). */
|
|
2293
|
-
declare const Stat_2: FC<
|
|
2363
|
+
declare const Stat_2: FC<Props_33>;
|
|
2294
2364
|
|
|
2295
2365
|
/** Değişimin yönü. `flat` "değişmedi" — yokluk DEĞİL. */
|
|
2296
2366
|
export declare type StatTrend = 'up' | 'down' | 'flat';
|
|
@@ -2305,7 +2375,20 @@ export declare type StepItem = {
|
|
|
2305
2375
|
export declare const Steps: typeof Steps_2;
|
|
2306
2376
|
|
|
2307
2377
|
/** Adım göstergesi (stepper) — çok adımlı akışta NEREDE olunduğu. */
|
|
2308
|
-
declare const Steps_2: FC<
|
|
2378
|
+
declare const Steps_2: FC<Props_38>;
|
|
2379
|
+
|
|
2380
|
+
export declare const SummaryCard: typeof SummaryCard_2;
|
|
2381
|
+
|
|
2382
|
+
/**
|
|
2383
|
+
* Özet kartı — başlık + kısa açıklama + meta satırı taşıyan BAĞLANTILI kart.
|
|
2384
|
+
*
|
|
2385
|
+
* Kartın tamamı tıklanır ama sekme durağı TEKTİR: bağlantı başlıktadır,
|
|
2386
|
+
* yüzeyi `::after` katmanı kaplar. `meta` satırı katmanın ÜSTÜNDE durur —
|
|
2387
|
+
* içine konan çip/rozet tıklamaları kart bağlantısına düşmez.
|
|
2388
|
+
*/
|
|
2389
|
+
declare const SummaryCard_2: FC<Props_34>;
|
|
2390
|
+
|
|
2391
|
+
export declare type SummaryCardHeadingLevel = 2 | 3 | 4;
|
|
2309
2392
|
|
|
2310
2393
|
export declare const Switch: typeof Switch_2;
|
|
2311
2394
|
|
|
@@ -2342,7 +2425,7 @@ export declare type TabItem = {
|
|
|
2342
2425
|
export declare const Table: typeof Table_2;
|
|
2343
2426
|
|
|
2344
2427
|
/** Temel tablo — hairline satır ayrımı, `$surface-2` başlık, yoğunluk ölçeği. */
|
|
2345
|
-
declare const Table_2: FC<
|
|
2428
|
+
declare const Table_2: FC<Props_48>;
|
|
2346
2429
|
|
|
2347
2430
|
export declare const TableCheckbox: typeof TableCheckbox_2;
|
|
2348
2431
|
|
|
@@ -2380,7 +2463,7 @@ export declare const TABLET_PORTRAIT_BREAKPOINT = 768;
|
|
|
2380
2463
|
export declare const Tabs: typeof Tabs_2;
|
|
2381
2464
|
|
|
2382
2465
|
/** Sekmeler. */
|
|
2383
|
-
declare const Tabs_2: FC<
|
|
2466
|
+
declare const Tabs_2: FC<Props_39>;
|
|
2384
2467
|
|
|
2385
2468
|
export declare const TagInput: typeof TagInput_2;
|
|
2386
2469
|
|
|
@@ -2411,12 +2494,12 @@ export declare const THEME_ATTRIBUTE = "data-hanui-theme";
|
|
|
2411
2494
|
export declare const Tile: typeof Tile_2;
|
|
2412
2495
|
|
|
2413
2496
|
/** Karo — ikon madalyonu + etiket. */
|
|
2414
|
-
declare const Tile_2: ({ label, icon, href, meta, isActive, linkProps, className, testId }:
|
|
2497
|
+
declare const Tile_2: ({ label, icon, href, meta, isActive, linkProps, className, testId }: Props_40) => JSX.Element;
|
|
2415
2498
|
|
|
2416
2499
|
export declare const Timeline: typeof Timeline_2;
|
|
2417
2500
|
|
|
2418
2501
|
/** Zaman çizelgesi — sipariş durumu, işlem geçmişi. */
|
|
2419
|
-
declare const Timeline_2: FC<
|
|
2502
|
+
declare const Timeline_2: FC<Props_41>;
|
|
2420
2503
|
|
|
2421
2504
|
export declare type TimelineEvent = {
|
|
2422
2505
|
id: string;
|