@ama-pt/agora-design-system 0.6.0 → 0.7.0

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/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React$1 from 'react';
2
- import React__default, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ComponentPropsWithoutRef, ReactElement, ForwardRefRenderFunction, HtmlHTMLAttributes, ChangeEvent, RefObject, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
2
+ import React__default, { ComponentPropsWithRef, ReactNode, FC, SVGProps, HTMLProps, ComponentPropsWithoutRef, ReactElement, HtmlHTMLAttributes, ForwardRefRenderFunction, ChangeEvent, RefObject, HTMLAttributes, TdHTMLAttributes, AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
3
3
 
4
4
  type BooleanProp = boolean | 'true' | 'false';
5
5
 
@@ -351,10 +351,20 @@ interface DrawerProps extends ComponentPropsWithRef<'dialog'> {
351
351
  }
352
352
  declare const Drawer: React__default.ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & React__default.RefAttributes<HTMLDialogElement | DrawerRef>>;
353
353
 
354
- type LetterStatus = 'default' | 'disabled';
354
+ type LetterStatus = 'default' | 'disabled' | 'selected';
355
355
  interface GlossaryLetter extends HTMLProps<HTMLAnchorElement> {
356
+ /**
357
+ * Letter to be rendered
358
+ */
356
359
  letter: string;
360
+ /**
361
+ * Glossary letter status
362
+ */
357
363
  status: LetterStatus;
364
+ /**
365
+ * Data attributes
366
+ */
367
+ [dataAttribute: `data-${string}`]: string;
358
368
  }
359
369
  interface GlossaryLettersProps extends ComponentPropsWithRef<'nav'> {
360
370
  /**
@@ -388,7 +398,7 @@ interface InputNumberProps extends React__default.ComponentPropsWithRef<'input'>
388
398
  /**
389
399
  * Feedback text displayed below input.
390
400
  */
391
- feedbackText?: string;
401
+ feedbackText?: ReactNode;
392
402
  /**
393
403
  * Show or hide the leading icon.
394
404
  */
@@ -424,7 +434,7 @@ interface InputPasswordProps extends React__default.ComponentPropsWithRef<'input
424
434
  /**
425
435
  * Text informative displayed below input text.
426
436
  */
427
- feedbackText?: string;
437
+ feedbackText?: ReactNode;
428
438
  /**
429
439
  * Defines the state of the feedback text. This param will change the feedback icon and dye it.
430
440
  */
@@ -464,7 +474,7 @@ interface InputSearchProps extends React__default.ComponentPropsWithRef<'input'>
464
474
  /**
465
475
  * Text informative displayed below input text.
466
476
  */
467
- feedbackText?: string;
477
+ feedbackText?: ReactNode;
468
478
  /**
469
479
  * Defines the state of the feedback text. This param will change the feedback icon and dye it.
470
480
  */
@@ -484,6 +494,30 @@ interface InputSearchProps extends React__default.ComponentPropsWithRef<'input'>
484
494
  }
485
495
  declare const InputSearch: React__default.ForwardRefExoticComponent<Omit<InputSearchProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
486
496
 
497
+ interface InputSearchBarProps extends ComponentPropsWithRef<'input'> {
498
+ /**
499
+ * Defines if the user specifies a leading icon.
500
+ */
501
+ hasIcon?: BooleanProp;
502
+ /**
503
+ * Name of the icon leading icon to be displayed.
504
+ */
505
+ icon?: string;
506
+ /**
507
+ * Defines if the voice action button is visible.
508
+ */
509
+ hasVoiceActionButton?: BooleanProp;
510
+ /**
511
+ * Callback to execute whenever the user activates the microphone button.
512
+ */
513
+ onVoiceActivate?: () => void;
514
+ /**
515
+ * Callback to execute whenever the user activates the search button.
516
+ */
517
+ onSearchActivate?: (term: string) => void;
518
+ }
519
+ declare const InputSearchBar: React__default.ForwardRefExoticComponent<Omit<InputSearchBarProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
520
+
487
521
  interface InputTextProps extends React__default.ComponentPropsWithRef<'input'> {
488
522
  /**
489
523
  * Input label text.
@@ -500,7 +534,7 @@ interface InputTextProps extends React__default.ComponentPropsWithRef<'input'> {
500
534
  /**
501
535
  * Text informative displayed below input text.
502
536
  */
503
- feedbackText?: string;
537
+ feedbackText?: ReactNode;
504
538
  /**
505
539
  * Defines the state of the feedback text. This param will change the feedback icon and dye it.
506
540
  */
@@ -544,7 +578,7 @@ interface InputTextAreaProps extends React__default.ComponentPropsWithRef<'texta
544
578
  /**
545
579
  * Feedback text displayed below input.
546
580
  */
547
- feedbackText?: string;
581
+ feedbackText?: ReactNode;
548
582
  /**
549
583
  * Defines if the char counter on right corner should or should not be visible.
550
584
  */
@@ -727,7 +761,7 @@ interface ProgressBarProps extends ComponentPropsWithRef<'div'> {
727
761
  }
728
762
  declare const ProgressBar: React__default.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
729
763
 
730
- interface RadioButtonProps extends React__default.ComponentPropsWithRef<'input'> {
764
+ interface RadioButtonProps extends ComponentPropsWithRef<'input'> {
731
765
  /**
732
766
  * Input label text.
733
767
  */
@@ -969,7 +1003,7 @@ type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
969
1003
  * The available alignments of the Tooltip. This alignments will define the alignment of the Tooltip.
970
1004
  */
971
1005
  type TooltipAlignment = 'start' | 'center' | 'end';
972
- interface TooltipProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1006
+ interface TooltipProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'title'> {
973
1007
  /**
974
1008
  * The variant of the Tooltip.
975
1009
  */
@@ -994,12 +1028,8 @@ interface TooltipProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
994
1028
  * The description of the Tooltip.
995
1029
  */
996
1030
  description: ReactNode;
997
- /**
998
- * The children of the Tooltip.
999
- */
1000
- children?: ReactNode;
1001
1031
  }
1002
- declare const Tooltip: React__default.ForwardRefExoticComponent<Omit<TooltipProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
1032
+ declare const Tooltip: FC<TooltipProps>;
1003
1033
 
1004
1034
  interface DialogElementRef {
1005
1035
  /** Reference to the dialog container HTMLDivElement */
@@ -1197,7 +1227,7 @@ interface CheckboxGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>, 'o
1197
1227
  /**
1198
1228
  * Feedback text displayed below checkbox-group.
1199
1229
  */
1200
- feedbackText?: string;
1230
+ feedbackText?: ReactNode;
1201
1231
  /**
1202
1232
  * List of checkbox components to use as children of the group.
1203
1233
  */
@@ -1295,6 +1325,114 @@ declare const DropdownSection: FC<DropdownSectionProps>;
1295
1325
 
1296
1326
  declare const DropdownSectionOption: FC<DropdownSectionOptionProps>;
1297
1327
 
1328
+ interface LoaderDialogProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
1329
+ /**
1330
+ * The title of the loader.
1331
+ */
1332
+ title?: string;
1333
+ /**
1334
+ * The subtitle of the loader.
1335
+ */
1336
+ subtitle?: string;
1337
+ }
1338
+ declare const LoaderDialog: FC<LoaderDialogProps>;
1339
+
1340
+ interface LoaderDialogContextProps {
1341
+ current: DialogElementRef | null;
1342
+ visibility?: boolean;
1343
+ showLoader: (props: LoaderDialogProps) => void;
1344
+ hideLoader: () => void;
1345
+ }
1346
+ declare const LoaderDialogContext: React$1.Context<LoaderDialogContextProps>;
1347
+ declare const useLoaderDialogContext: () => LoaderDialogContextProps;
1348
+
1349
+ interface LoaderDialogProviderProps {
1350
+ /**
1351
+ * Children content.
1352
+ */
1353
+ children: ReactNode;
1354
+ }
1355
+ declare const LoaderDialogProvider: FC<LoaderDialogProviderProps>;
1356
+
1357
+ interface ModalDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1358
+ /**
1359
+ * Close button text.
1360
+ */
1361
+ closeButtonLabel: string;
1362
+ /**
1363
+ * Children content.
1364
+ */
1365
+ children: ReactNode;
1366
+ }
1367
+ declare const ModalDialog: FC<ModalDialogProps>;
1368
+
1369
+ interface ModalContextProps {
1370
+ current: DialogElementRef | null;
1371
+ visibility?: boolean;
1372
+ show: (children: ReactNode, popupProps: ModalDialogProps) => void;
1373
+ hide: () => void;
1374
+ }
1375
+ declare const ModalContext: React$1.Context<ModalContextProps>;
1376
+ declare const useModalContext: () => ModalContextProps;
1377
+
1378
+ interface ModalProviderProps {
1379
+ /**
1380
+ * Allows the dialog to be closed by pressing Escape key.
1381
+ */
1382
+ dismissOnEscape?: BooleanProp;
1383
+ /**
1384
+ * Children content.
1385
+ */
1386
+ children: ReactNode;
1387
+ }
1388
+ declare const ModalProvider: FC<ModalProviderProps>;
1389
+
1390
+ type PopupDimensions = 's' | 'm' | 'l';
1391
+ interface PopupDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1392
+ /**
1393
+ * Available popup sizes. Can be small (S), medium (M), and large (L) dimensions.
1394
+ */
1395
+ dimensions?: PopupDimensions;
1396
+ /**
1397
+ * Title of the popup dialog.
1398
+ */
1399
+ title: ReactNode;
1400
+ /**
1401
+ * Close button alternative text.
1402
+ */
1403
+ closeAriaLabel: string;
1404
+ /**
1405
+ * Children content.
1406
+ */
1407
+ children: ReactNode;
1408
+ }
1409
+ declare const PopupDialog: FC<PopupDialogProps>;
1410
+
1411
+ interface PopupContextProps {
1412
+ current: DialogElementRef | null;
1413
+ visibility?: boolean;
1414
+ show: (children: ReactNode, popupProps: PopupDialogProps) => void;
1415
+ hide: () => void;
1416
+ }
1417
+ declare const PopupContext: React$1.Context<PopupContextProps>;
1418
+ declare const usePopupContext: () => PopupContextProps;
1419
+
1420
+ interface PopupProviderProps {
1421
+ /**
1422
+ * If not a fullscreen dialog, allows the user to dismiss the dialog by clicking in the backdrop
1423
+ */
1424
+ dismissOnBackdropClick?: BooleanProp;
1425
+ /**
1426
+ * Allows the dialog to be closed by pressing Escape key.
1427
+ */
1428
+ dismissOnEscape?: BooleanProp;
1429
+ /**
1430
+ * Children content.
1431
+ */
1432
+ children: ReactNode;
1433
+ }
1434
+ declare const PopupProvider: FC<PopupProviderProps>;
1435
+
1298
1436
  /**
1299
1437
  * ProgressBarGroup component.
1300
1438
  */
@@ -1350,7 +1488,7 @@ interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>,
1350
1488
  /**
1351
1489
  * Feedback text displayed below radio-button.
1352
1490
  */
1353
- feedbackText?: string;
1491
+ feedbackText?: ReactNode;
1354
1492
  /**
1355
1493
  * List of radiobutton props to generate as radio buttons.
1356
1494
  */
@@ -1366,113 +1504,153 @@ interface RadioButtonGroupProps extends Omit<HtmlHTMLAttributes<HTMLDivElement>,
1366
1504
  }
1367
1505
  declare const RadioButtonGroup: FC<RadioButtonGroupProps>;
1368
1506
 
1369
- type PopupDimensions = 's' | 'm' | 'l';
1370
- interface PopupDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1507
+ interface SearchPaginationProps extends Omit<ComponentPropsWithoutRef<'nav'>, 'onChange'> {
1371
1508
  /**
1372
- * Available popup sizes. Can be small (S), medium (M), and large (L) dimensions.
1509
+ * Define the total number of pages.
1373
1510
  */
1374
- dimensions?: PopupDimensions;
1511
+ totalPages?: number;
1375
1512
  /**
1376
- * Title of the popup dialog.
1513
+ * The flag to hide previous page button.
1377
1514
  */
1378
- title: ReactNode;
1515
+ hidePreviousPageButton?: boolean;
1379
1516
  /**
1380
- * Close button alternative text.
1517
+ * The flag to hide next page button.
1381
1518
  */
1382
- closeAriaLabel: string;
1519
+ hideNextPageButton?: boolean;
1383
1520
  /**
1384
- * Children content.
1521
+ * Define the number of visible page buttons at the beginning and end.
1385
1522
  */
1386
- children: ReactNode;
1387
- }
1388
- declare const PopupDialog: FC<PopupDialogProps>;
1389
-
1390
- interface PopupContextProps {
1391
- current: DialogElementRef | null;
1392
- visibility?: boolean;
1393
- show: (children: ReactNode, popupProps: PopupDialogProps) => void;
1394
- hide: () => void;
1395
- }
1396
- declare const PopupContext: React$1.Context<PopupContextProps>;
1397
- declare const usePopupContext: () => PopupContextProps;
1398
-
1399
- interface PopupProviderProps {
1523
+ boundaryCount?: number;
1400
1524
  /**
1401
- * If not a fullscreen dialog, allows the user to dismiss the dialog by clicking in the backdrop
1525
+ * Define the number of visible page buttons before and after the current page.
1402
1526
  */
1403
- dismissOnBackdropClick?: BooleanProp;
1527
+ siblingCount?: number;
1404
1528
  /**
1405
- * Allows the dialog to be closed by pressing Escape key.
1529
+ * Search Pagination navigation alternative text.
1406
1530
  */
1407
- dismissOnEscape?: BooleanProp;
1531
+ label: string;
1408
1532
  /**
1409
- * Children content.
1533
+ * Next page button alternative text.
1410
1534
  */
1411
- children: ReactNode;
1412
- }
1413
- declare const PopupProvider: FC<PopupProviderProps>;
1414
-
1415
- interface LoaderDialogProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
1535
+ nextPageAriaLabel: string;
1416
1536
  /**
1417
- * The title of the loader.
1537
+ * Previous page button alternative text.
1418
1538
  */
1419
- title?: string;
1539
+ previousPageAriaLabel: string;
1420
1540
  /**
1421
- * The subtitle of the loader.
1541
+ * Event triggered whenever any of the search pages changes is current state.
1422
1542
  */
1423
- subtitle?: string;
1543
+ onChange?: (page: number) => void;
1424
1544
  }
1425
- declare const LoaderDialog: FC<LoaderDialogProps>;
1545
+ declare const SearchPagination: React__default.ForwardRefExoticComponent<SearchPaginationProps & React__default.RefAttributes<HTMLDivElement>>;
1426
1546
 
1427
- interface LoaderDialogContextProps {
1428
- current: DialogElementRef | null;
1429
- visibility?: boolean;
1430
- showLoader: (props: LoaderDialogProps) => void;
1431
- hideLoader: () => void;
1547
+ /**
1548
+ * The available variants of the card emphasize
1549
+ */
1550
+ type CardEmphasizeAlignment = 'default' | 'center';
1551
+ interface CardEmphasizeProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1552
+ /**
1553
+ * The icon props
1554
+ */
1555
+ icon: IconProps;
1556
+ /**
1557
+ * The title of the card
1558
+ */
1559
+ title: ReactNode;
1560
+ /**
1561
+ * If the card has a title section
1562
+ */
1563
+ hasTitle: boolean;
1564
+ /**
1565
+ * The description of the card
1566
+ */
1567
+ description?: ReactNode;
1568
+ /**
1569
+ * If the card has a description section
1570
+ */
1571
+ hasDescription: boolean;
1572
+ /**
1573
+ * The variant of the card
1574
+ */
1575
+ alignment: CardEmphasizeAlignment;
1576
+ /**
1577
+ * The button props
1578
+ */
1579
+ button: ButtonProps;
1580
+ /**
1581
+ * If the card has a button
1582
+ */
1583
+ hasButton?: boolean;
1432
1584
  }
1433
- declare const LoaderDialogContext: React$1.Context<LoaderDialogContextProps>;
1434
- declare const useLoaderDialogContext: () => LoaderDialogContextProps;
1585
+ declare const CardEmphasize: FC<CardEmphasizeProps>;
1435
1586
 
1436
- interface LoaderDialogProviderProps {
1587
+ interface CardExpandableProps extends ComponentPropsWithoutRef<'div'> {
1437
1588
  /**
1438
1589
  * Children content.
1439
1590
  */
1440
- children: ReactNode;
1441
- }
1442
- declare const LoaderDialogProvider: FC<LoaderDialogProviderProps>;
1443
-
1444
- interface ModalDialogProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1591
+ children: ReactElement<AccordionProps>;
1445
1592
  /**
1446
- * Close button text.
1593
+ * Card has title.
1447
1594
  */
1448
- closeButtonLabel: string;
1595
+ hasTitle: boolean;
1449
1596
  /**
1450
- * Children content.
1597
+ * Card title.
1451
1598
  */
1452
- children: ReactNode;
1453
- }
1454
- declare const ModalDialog: FC<ModalDialogProps>;
1455
-
1456
- interface ModalContextProps {
1457
- current: DialogElementRef | null;
1458
- visibility?: boolean;
1459
- show: (children: ReactNode, popupProps: ModalDialogProps) => void;
1460
- hide: () => void;
1599
+ title?: string;
1600
+ /**
1601
+ * Card icon.
1602
+ */
1603
+ showBookmarkIcon?: boolean;
1461
1604
  }
1462
- declare const ModalContext: React$1.Context<ModalContextProps>;
1463
- declare const useModalContext: () => ModalContextProps;
1605
+ declare const CardExpandable: FC<CardExpandableProps>;
1464
1606
 
1465
- interface ModalProviderProps {
1607
+ /**
1608
+ * The available variants of the card links
1609
+ */
1610
+ type CardLinkVariant = 'default' | 'dark';
1611
+ interface CardLinksProps extends Omit<ComponentPropsWithRef<'div'>, 'title'> {
1466
1612
  /**
1467
- * Allows the dialog to be closed by pressing Escape key.
1613
+ * The category of the card
1468
1614
  */
1469
- dismissOnEscape?: BooleanProp;
1615
+ category?: ReactNode;
1470
1616
  /**
1471
- * Children content.
1617
+ * If the card has a category section
1472
1618
  */
1473
- children: ReactNode;
1619
+ hasCategory: boolean;
1620
+ /**
1621
+ * The title of the card
1622
+ */
1623
+ title: ReactNode;
1624
+ /**
1625
+ * If the card has a title section
1626
+ */
1627
+ hasTitle: boolean;
1628
+ /**
1629
+ * The description of the card
1630
+ */
1631
+ description?: ReactNode;
1632
+ /**
1633
+ * If the card has a description section
1634
+ */
1635
+ hasDescription: boolean;
1636
+ /**
1637
+ * The list of links of the card
1638
+ */
1639
+ listLinks: AnchorProps[];
1640
+ /**
1641
+ * The list of topics of the card
1642
+ */
1643
+ topics?: string[];
1644
+ /**
1645
+ * If the card has a topics section
1646
+ */
1647
+ hasTopics: boolean;
1648
+ /**
1649
+ * The variant of the card
1650
+ */
1651
+ variant?: CardLinkVariant;
1474
1652
  }
1475
- declare const ModalProvider: FC<ModalProviderProps>;
1653
+ declare const CardLinks: FC<CardLinksProps>;
1476
1654
 
1477
1655
  interface WeekDays {
1478
1656
  sun: string;
@@ -1484,7 +1662,10 @@ interface WeekDays {
1484
1662
  sat: string;
1485
1663
  }
1486
1664
 
1487
- interface InputDateProps extends ComponentPropsWithRef<'input'> {
1665
+ interface InputDateRef {
1666
+ value?: Date;
1667
+ }
1668
+ interface InputDateProps extends Omit<ComponentPropsWithRef<'input'>, 'ref' | 'onChange'> {
1488
1669
  /**
1489
1670
  * Input label text.
1490
1671
  */
@@ -1508,7 +1689,7 @@ interface InputDateProps extends ComponentPropsWithRef<'input'> {
1508
1689
  /**
1509
1690
  * Feedback text displayed below input.
1510
1691
  */
1511
- feedbackText?: string;
1692
+ feedbackText?: ReactNode;
1512
1693
  /**
1513
1694
  * Show or hide the leading icon.
1514
1695
  */
@@ -1593,8 +1774,12 @@ interface InputDateProps extends ComponentPropsWithRef<'input'> {
1593
1774
  * Accessible text for the date picker ok button.
1594
1775
  */
1595
1776
  okAriaLabel?: string;
1777
+ /**
1778
+ * Event triggered whenever the selected value changes
1779
+ */
1780
+ onChange?: (date: Date) => void;
1596
1781
  }
1597
- declare const InputDate: React__default.ForwardRefExoticComponent<Omit<InputDateProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
1782
+ declare const InputDate: React__default.ForwardRefExoticComponent<InputDateProps & React__default.RefAttributes<InputDateRef>>;
1598
1783
 
1599
1784
  declare const PhoneCountryCodes: string[];
1600
1785
  type PhoneCountryCode = (typeof PhoneCountryCodes)[number];
@@ -1629,7 +1814,7 @@ interface InputPhoneProps extends Omit<ComponentPropsWithRef<'input'>, 'onChange
1629
1814
  /**
1630
1815
  * Feedback text displayed below input.
1631
1816
  */
1632
- feedbackText?: string;
1817
+ feedbackText?: ReactNode;
1633
1818
  /**
1634
1819
  * Define de initial country selected using the country ISO. Will override defaultCode prop.
1635
1820
  */
@@ -1696,7 +1881,7 @@ interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'option
1696
1881
  /**
1697
1882
  * Feedback text displayed below input.
1698
1883
  */
1699
- feedbackText?: string;
1884
+ feedbackText?: ReactNode;
1700
1885
  /**
1701
1886
  * Show or hide the leading icon.
1702
1887
  */
@@ -1756,6 +1941,93 @@ interface InputSelectProps extends Omit<ComponentPropsWithRef<'select'>, 'option
1756
1941
  }
1757
1942
  declare const InputSelect: React__default.ForwardRefExoticComponent<Omit<InputSelectProps, "ref"> & React__default.RefAttributes<HTMLSelectElement | InputSelectRef>>;
1758
1943
 
1944
+ interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
1945
+ children: ReactNode;
1946
+ }
1947
+ declare const TableRow: FC<TableRowProps>;
1948
+
1949
+ interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
1950
+ children: ReactElement<TableRowProps> | Array<ReactElement<TableRowProps>>;
1951
+ }
1952
+ declare const TableHeader: FC<TableHeaderProps>;
1953
+
1954
+ interface TableBodyProps extends HTMLAttributes<HTMLTableSectionElement> {
1955
+ children: ReactNode;
1956
+ }
1957
+ declare const TableBody: FC<TableBodyProps>;
1958
+
1959
+ interface TableProps extends ComponentPropsWithoutRef<'div'> {
1960
+ /**
1961
+ * Children content.
1962
+ */
1963
+ children: ReactElement<TableHeaderProps> | ReactElement<TableBodyProps> | Array<ReactElement<TableHeaderProps | TableBodyProps>>;
1964
+ }
1965
+ declare const Table: FC<TableProps>;
1966
+
1967
+ interface TableHeaderCellProps extends HTMLAttributes<HTMLTableCellElement> {
1968
+ children: ReactNode;
1969
+ }
1970
+ declare const TableHeaderCell: FC<TableHeaderCellProps>;
1971
+
1972
+ interface TableFooterProps extends HTMLAttributes<HTMLTableSectionElement> {
1973
+ children: ReactNode;
1974
+ }
1975
+ declare const TableFooter: FC<TableFooterProps>;
1976
+
1977
+ interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
1978
+ children: ReactNode;
1979
+ headerLabel: ReactNode;
1980
+ }
1981
+ declare const TableCell: FC<TableCellProps>;
1982
+
1983
+ interface TablePaginationProps extends ComponentPropsWithRef<'div'> {
1984
+ /**
1985
+ * Defines the label for the items per page
1986
+ * */
1987
+ itemsPerPageLabel: string;
1988
+ /**
1989
+ * Defines the label for the items
1990
+ * */
1991
+ itemsLabel: string;
1992
+ /**
1993
+ * Quantity of items per page
1994
+ * */
1995
+ itemsPerPage: number;
1996
+ /**
1997
+ * Total pages of the table
1998
+ * */
1999
+ totalPages: number;
2000
+ /**
2001
+ * Array of values to be displayed in the dropdown
2002
+ * */
2003
+ availablePageSizes: number[];
2004
+ /**
2005
+ * Current page of the table
2006
+ * */
2007
+ currentPage: number;
2008
+ /**
2009
+ * Aria label for the button
2010
+ */
2011
+ buttonDropdownAriaLabel: string;
2012
+ /**
2013
+ * Aria label for the dropdown list
2014
+ */
2015
+ dropdownListAriaLabel: string;
2016
+ /**
2017
+ * Aria label for the previous button
2018
+ */
2019
+ prevButtonAriaLabel?: string;
2020
+ /**
2021
+ * Aria label for the next button
2022
+ * */
2023
+ nextButtonAriaLabel?: string;
2024
+ /**
2025
+ * Callback to be called when the page changes
2026
+ * */
2027
+ onChangePage: (page: number) => void;
2028
+ }
2029
+ declare const TablePagination: React__default.ForwardRefExoticComponent<Omit<TablePaginationProps, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
2030
+
1759
2031
  type CardFooterProps = {
1760
2032
  title?: string;
1761
2033
  description?: string | ReactNode;
@@ -1878,10 +2150,23 @@ declare class TypedEventEmitter<K extends string, T> {
1878
2150
  emit(eventName: K, event: T): boolean;
1879
2151
  }
1880
2152
 
2153
+ declare const getDateString: (d: Date) => string;
2154
+
1881
2155
  declare const AgoraTailwindConfig: {
1882
2156
  content: never[];
1883
2157
  theme: {
1884
2158
  extend: {
2159
+ borderWidth: {
2160
+ DEFAULT: string;
2161
+ 0: string;
2162
+ 1: string;
2163
+ 2: string;
2164
+ 3: string;
2165
+ 4: string;
2166
+ };
2167
+ content: {
2168
+ empty: string;
2169
+ };
1885
2170
  gridTemplateRows: {
1886
2171
  7: string;
1887
2172
  8: string;
@@ -2073,14 +2358,6 @@ declare const AgoraTailwindConfig: {
2073
2358
  fontWeight: string;
2074
2359
  }];
2075
2360
  };
2076
- borderWidth: {
2077
- DEFAULT: string;
2078
- 0: string;
2079
- 1: string;
2080
- 2: string;
2081
- 3: string;
2082
- 4: string;
2083
- };
2084
2361
  borderRadius: {
2085
2362
  none: string;
2086
2363
  4: string;
@@ -2092,11 +2369,9 @@ declare const AgoraTailwindConfig: {
2092
2369
  };
2093
2370
  colors: {
2094
2371
  transparent: string;
2095
- backdrop: string;
2096
- inner: string;
2097
2372
  white: string;
2098
2373
  black: string;
2099
- visited: string;
2374
+ backdrop: string;
2100
2375
  neutral: {
2101
2376
  50: string;
2102
2377
  100: string;
@@ -2201,6 +2476,8 @@ declare const AgoraTailwindConfig: {
2201
2476
  120: string;
2202
2477
  128: string;
2203
2478
  256: string;
2479
+ '1/4': string;
2480
+ '1/2': string;
2204
2481
  full: string;
2205
2482
  };
2206
2483
  boxShadow: {
@@ -2221,9 +2498,6 @@ declare const AgoraTailwindConfig: {
2221
2498
  'bottom-high': string;
2222
2499
  'bottom-higher': string;
2223
2500
  inner: string;
2224
- 'input-range-hover': string;
2225
- 'input-range-active': string;
2226
- 'toast-shadow': string;
2227
2501
  };
2228
2502
  transitionDuration: {
2229
2503
  DEFAULT: string;
@@ -2237,6 +2511,10 @@ declare const AgoraTailwindConfig: {
2237
2511
  };
2238
2512
  };
2239
2513
  plugins: (({ addComponents }: any) => void)[];
2514
+ safelist: {
2515
+ pattern: RegExp;
2516
+ variants: string[];
2517
+ }[];
2240
2518
  };
2241
2519
 
2242
- export { Accordion, AccordionGroup, type AccordionGroupProps, type AccordionGroupType, type AccordionProps, type AccordionRef, AgoraTailwindConfig, Anchor, type AnchorAppearance, type AnchorProps, type AnchorVariant, Avatar, type AvatarBadgePosition, type AvatarBadgeVariant, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarType, BackToTop, type BackToTopProps, type BooleanProp, Breadcrumb, type BreadcrumbLink, type BreadcrumbProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariant, type CardFooterProps, type CardLinksFooterProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ContactsFooterProps, Dialog, type DialogElementRef, type DialogProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerRef, DropdownList, type DropdownListProps, DropdownSection, DropdownSectionOption, type DropdownSectionOptionProps, type DropdownSectionProps, type DropdownSectionType, FederatedFooter, type FederatedFooterProps, type FeedbackState, type GlossaryLetter, GlossaryLetters, type GlossaryLettersProps, Icon, type IconDimensions, type IconName, type IconPosition, type IconProps, InputDate, type InputDateProps, InputFile, type InputFileProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, type InputPhoneRef, InputRange, InputSearch, type InputSearchProps, InputSelect, type InputSelectProps, InputText, InputTextArea, type InputTextAreaProps, type InputTextProps, type LetterStatus, type LinkableIconsProps, type LinkableImagesProps, List, type ListProps, type ListStyle, type ListType, LoaderDialog, LoaderDialogContext, type LoaderDialogContextProps, type LoaderDialogProps, LoaderDialogProvider, type LoaderDialogProviderProps, MenuItem, type MenuItemProps, type MenuItemRef, type MenuItemType, ModalContext, type ModalContextProps, ModalDialog, type ModalDialogProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, PopupContext, type PopupContextProps, PopupDialog, type PopupDialogProps, type PopupDimensions, PopupProvider, type PopupProviderProps, ProgressBar, ProgressBarGroup, type ProgressBarGroupProps, type ProgressBarProps, PublicFooter, type PublicFooterProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RangeOrientation, type RangeProps, type RangeType, Scribbles, type ScribblesName, type ScribblesProps, SkipNavigation, StatusCard, type StatusCardProps, type StatusCardType, StepList, type StepListProps, Switch, type SwitchPosition, type SwitchProps, Tab, TabBody, type TabBodyProps, TabHeader, type TabHeaderProps, type TabProps, Tabs, type TabsProps, Tag, type TagProps, type TagVariant, Toast, ToastContext, type ToastContextProps, type ToastPositions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastType, Tooltip, type TooltipAlignment, type TooltipPosition, type TooltipProps, type TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, normalizeText, stringToBoolean, useLoaderDialogContext, useModalContext, usePopupContext, useToast, useToastContext, useWindowSize };
2520
+ export { Accordion, AccordionGroup, type AccordionGroupProps, type AccordionGroupType, type AccordionProps, type AccordionRef, AgoraTailwindConfig, Anchor, type AnchorAppearance, type AnchorProps, type AnchorVariant, Avatar, type AvatarBadgePosition, type AvatarBadgeVariant, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarType, BackToTop, type BackToTopProps, type BooleanProp, Breadcrumb, type BreadcrumbLink, type BreadcrumbProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonVariant, CardEmphasize, type CardEmphasizeAlignment, type CardEmphasizeProps, CardExpandable, type CardExpandableProps, type CardFooterProps, type CardLinkVariant, CardLinks, type CardLinksFooterProps, type CardLinksProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ContactsFooterProps, Dialog, type DialogElementRef, type DialogProps, Drawer, type DrawerPosition, type DrawerProps, type DrawerRef, DropdownList, type DropdownListProps, DropdownSection, DropdownSectionOption, type DropdownSectionOptionProps, type DropdownSectionProps, type DropdownSectionType, FederatedFooter, type FederatedFooterProps, type FeedbackState, type GlossaryLetter, GlossaryLetters, type GlossaryLettersProps, Icon, type IconDimensions, type IconName, type IconPosition, type IconProps, InputDate, type InputDateProps, type InputDateRef, InputFile, type InputFileProps, InputNumber, type InputNumberProps, InputPassword, type InputPasswordProps, InputPhone, type InputPhoneProps, type InputPhoneRef, InputRange, InputSearch, InputSearchBar, type InputSearchBarProps, type InputSearchProps, InputSelect, type InputSelectProps, InputText, InputTextArea, type InputTextAreaProps, type InputTextProps, type LetterStatus, type LinkableIconsProps, type LinkableImagesProps, List, type ListProps, type ListStyle, type ListType, LoaderDialog, LoaderDialogContext, type LoaderDialogContextProps, type LoaderDialogProps, LoaderDialogProvider, type LoaderDialogProviderProps, MenuItem, type MenuItemProps, type MenuItemRef, type MenuItemType, ModalContext, type ModalContextProps, ModalDialog, type ModalDialogProps, ModalProvider, type ModalProviderProps, type Months, type PhoneCountryCode, PhoneCountryCodes, type PhoneCountryISO, PhoneCountryISOs, Pill, type PillAppearance, type PillProps, type PillVariant, PopupContext, type PopupContextProps, PopupDialog, type PopupDialogProps, type PopupDimensions, PopupProvider, type PopupProviderProps, ProgressBar, ProgressBarGroup, type ProgressBarGroupProps, type ProgressBarProps, PublicFooter, type PublicFooterProps, RadioButton, RadioButtonGroup, type RadioButtonGroupProps, type RadioButtonProps, type RangeOrientation, type RangeProps, type RangeType, Scribbles, type ScribblesName, type ScribblesProps, SearchPagination, type SearchPaginationProps, SkipNavigation, StatusCard, type StatusCardProps, type StatusCardType, StepList, type StepListProps, Switch, type SwitchPosition, type SwitchProps, Tab, TabBody, type TabBodyProps, TabHeader, type TabHeaderProps, type TabProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableFooter, type TableFooterProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TablePagination, type TablePaginationProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, Tag, type TagProps, type TagVariant, Toast, ToastContext, type ToastContextProps, type ToastPositions, type ToastProps, ToastProvider, type ToastProviderProps, type ToastType, Tooltip, type TooltipAlignment, type TooltipPosition, type TooltipProps, type TooltipVariant, TypedEventEmitter, allIcons, allScribbles, debounce, getDateString, normalizeText, stringToBoolean, useLoaderDialogContext, useModalContext, usePopupContext, useToast, useToastContext, useWindowSize };