@workday/canvas-kit-react 8.0.0-alpha.226-next.9 → 8.0.0-alpha.229-next.11
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/breadcrumbs/lib/Breadcrumbs.tsx +19 -20
- package/breadcrumbs/lib/BreadcrumbsList.tsx +3 -8
- package/breadcrumbs/lib/BreadcrumbsOverflowButton.tsx +2 -6
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts +71 -478
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/Breadcrumbs.js +10 -9
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts +1 -5
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsList.js +2 -3
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +1 -0
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map +1 -1
- package/dist/commonjs/breadcrumbs/lib/BreadcrumbsOverflowButton.js +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts +71 -478
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/Breadcrumbs.js +10 -9
- package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts +1 -5
- package/dist/es6/breadcrumbs/lib/BreadcrumbsList.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/BreadcrumbsList.js +2 -3
- package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts +1 -0
- package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.d.ts.map +1 -1
- package/dist/es6/breadcrumbs/lib/BreadcrumbsOverflowButton.js +1 -1
- package/package.json +3 -3
|
@@ -2,10 +2,10 @@ import * as React from 'react';
|
|
|
2
2
|
export interface BreadcrumbsProps {
|
|
3
3
|
/**
|
|
4
4
|
* The accessibility label for the nav element.
|
|
5
|
+
* It's required to be provided by a11y guidance.
|
|
5
6
|
*
|
|
6
|
-
* @default "breadcrumbs"
|
|
7
7
|
*/
|
|
8
|
-
'aria-label'
|
|
8
|
+
'aria-label': string;
|
|
9
9
|
/**
|
|
10
10
|
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
11
11
|
*/
|
|
@@ -21,7 +21,7 @@ export interface BreadcrumbsProps {
|
|
|
21
21
|
*
|
|
22
22
|
* @example
|
|
23
23
|
* ```tsx
|
|
24
|
-
* <Breadcrumbs aria-label="
|
|
24
|
+
* <Breadcrumbs aria-label="Breadcrumbs">
|
|
25
25
|
* <Breadcrumbs.List>
|
|
26
26
|
* <Breadcrumbs.Item>
|
|
27
27
|
* <Breadcrumbs.Link href="/docs">Docs</Breadcrumbs.Link>
|
|
@@ -59,14 +59,14 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
59
59
|
shouldVirtualize: boolean;
|
|
60
60
|
items: any[];
|
|
61
61
|
}>;
|
|
62
|
-
initialHiddenIds: string[];
|
|
62
|
+
initialHiddenIds: string[];
|
|
63
|
+
containerWidth: number; /**
|
|
63
64
|
* ### Breadcrumbs List
|
|
64
65
|
* ---
|
|
65
66
|
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslist)
|
|
66
67
|
*
|
|
67
|
-
* The nav list containing `
|
|
68
|
+
* The nav list containing `Breadcrumbs.Item` components and overflow button.
|
|
68
69
|
*/
|
|
69
|
-
containerWidth: number;
|
|
70
70
|
shouldCalculateOverflow: boolean;
|
|
71
71
|
initialSelectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
72
72
|
initialUnselectedIds: string[];
|
|
@@ -1313,6 +1313,13 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1313
1313
|
setContainerWidth(data: {
|
|
1314
1314
|
width?: number | undefined;
|
|
1315
1315
|
}): void;
|
|
1316
|
+
/**
|
|
1317
|
+
* ### Breadcrumbs Link
|
|
1318
|
+
* ---
|
|
1319
|
+
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
|
|
1320
|
+
*
|
|
1321
|
+
* The hyperlink element in each `Breadcrumbs.Item`.
|
|
1322
|
+
*/
|
|
1316
1323
|
setOverflowTargetWidth(data: {
|
|
1317
1324
|
width: number;
|
|
1318
1325
|
}): void;
|
|
@@ -1363,9 +1370,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1363
1370
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
1364
1371
|
placement: import("@popperjs/core").Placement;
|
|
1365
1372
|
id: string;
|
|
1366
|
-
/**
|
|
1367
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
1368
|
-
*/
|
|
1369
1373
|
visibility: import("../..").Visibility;
|
|
1370
1374
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
1371
1375
|
unselectedIds: string[];
|
|
@@ -1389,25 +1393,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1389
1393
|
};
|
|
1390
1394
|
events: {
|
|
1391
1395
|
updatePlacement(data: {
|
|
1392
|
-
placement: import("@popperjs/core").Placement;
|
|
1393
|
-
* ### Breadcrumbs Overflow Button
|
|
1394
|
-
* ---
|
|
1395
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
1396
|
-
*
|
|
1397
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
1398
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
1399
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
1400
|
-
*
|
|
1401
|
-
* @example
|
|
1402
|
-
* ```tsx
|
|
1403
|
-
* <Breadcrumbs.List
|
|
1404
|
-
* overflowButtonProps={{
|
|
1405
|
-
* 'aria-label': 'More breadcrumb links',
|
|
1406
|
-
* onClick={handleOverflowButtonClick}
|
|
1407
|
-
* }}
|
|
1408
|
-
* >
|
|
1409
|
-
* ```
|
|
1410
|
-
*/
|
|
1396
|
+
placement: import("@popperjs/core").Placement;
|
|
1411
1397
|
}): void;
|
|
1412
1398
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
1413
1399
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -1481,6 +1467,13 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1481
1467
|
setContainerWidth(data: {
|
|
1482
1468
|
width?: number | undefined;
|
|
1483
1469
|
}): void;
|
|
1470
|
+
/**
|
|
1471
|
+
* ### Breadcrumbs Link
|
|
1472
|
+
* ---
|
|
1473
|
+
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
|
|
1474
|
+
*
|
|
1475
|
+
* The hyperlink element in each `Breadcrumbs.Item`.
|
|
1476
|
+
*/
|
|
1484
1477
|
setOverflowTargetWidth(data: {
|
|
1485
1478
|
width: number;
|
|
1486
1479
|
}): void;
|
|
@@ -1531,9 +1524,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1531
1524
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
1532
1525
|
placement: import("@popperjs/core").Placement;
|
|
1533
1526
|
id: string;
|
|
1534
|
-
/**
|
|
1535
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
1536
|
-
*/
|
|
1537
1527
|
visibility: import("../..").Visibility;
|
|
1538
1528
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
1539
1529
|
unselectedIds: string[];
|
|
@@ -1557,25 +1547,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1557
1547
|
};
|
|
1558
1548
|
events: {
|
|
1559
1549
|
updatePlacement(data: {
|
|
1560
|
-
placement: import("@popperjs/core").Placement;
|
|
1561
|
-
* ### Breadcrumbs Overflow Button
|
|
1562
|
-
* ---
|
|
1563
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
1564
|
-
*
|
|
1565
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
1566
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
1567
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
1568
|
-
*
|
|
1569
|
-
* @example
|
|
1570
|
-
* ```tsx
|
|
1571
|
-
* <Breadcrumbs.List
|
|
1572
|
-
* overflowButtonProps={{
|
|
1573
|
-
* 'aria-label': 'More breadcrumb links',
|
|
1574
|
-
* onClick={handleOverflowButtonClick}
|
|
1575
|
-
* }}
|
|
1576
|
-
* >
|
|
1577
|
-
* ```
|
|
1578
|
-
*/
|
|
1550
|
+
placement: import("@popperjs/core").Placement;
|
|
1579
1551
|
}): void;
|
|
1580
1552
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
1581
1553
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -1622,7 +1594,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1622
1594
|
* ---
|
|
1623
1595
|
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslist)
|
|
1624
1596
|
*
|
|
1625
|
-
* The nav list containing `
|
|
1597
|
+
* The nav list containing `Breadcrumbs.Item` components and overflow button.
|
|
1626
1598
|
*/
|
|
1627
1599
|
List: import("../../common").ElementComponentM<"ul", import("./BreadcrumbsList").BreadcrumbsListProps<any>, {
|
|
1628
1600
|
state: {
|
|
@@ -1657,6 +1629,13 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1657
1629
|
setContainerWidth(data: {
|
|
1658
1630
|
width?: number | undefined;
|
|
1659
1631
|
}): void;
|
|
1632
|
+
/**
|
|
1633
|
+
* ### Breadcrumbs Link
|
|
1634
|
+
* ---
|
|
1635
|
+
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
|
|
1636
|
+
*
|
|
1637
|
+
* The hyperlink element in each `Breadcrumbs.Item`.
|
|
1638
|
+
*/
|
|
1660
1639
|
setOverflowTargetWidth(data: {
|
|
1661
1640
|
width: number;
|
|
1662
1641
|
}): void;
|
|
@@ -1707,9 +1686,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1707
1686
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
1708
1687
|
placement: import("@popperjs/core").Placement;
|
|
1709
1688
|
id: string;
|
|
1710
|
-
/**
|
|
1711
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
1712
|
-
*/
|
|
1713
1689
|
visibility: import("../..").Visibility;
|
|
1714
1690
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
1715
1691
|
unselectedIds: string[];
|
|
@@ -1733,25 +1709,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1733
1709
|
};
|
|
1734
1710
|
events: {
|
|
1735
1711
|
updatePlacement(data: {
|
|
1736
|
-
placement: import("@popperjs/core").Placement;
|
|
1737
|
-
* ### Breadcrumbs Overflow Button
|
|
1738
|
-
* ---
|
|
1739
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
1740
|
-
*
|
|
1741
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
1742
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
1743
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
1744
|
-
*
|
|
1745
|
-
* @example
|
|
1746
|
-
* ```tsx
|
|
1747
|
-
* <Breadcrumbs.List
|
|
1748
|
-
* overflowButtonProps={{
|
|
1749
|
-
* 'aria-label': 'More breadcrumb links',
|
|
1750
|
-
* onClick={handleOverflowButtonClick}
|
|
1751
|
-
* }}
|
|
1752
|
-
* >
|
|
1753
|
-
* ```
|
|
1754
|
-
*/
|
|
1712
|
+
placement: import("@popperjs/core").Placement;
|
|
1755
1713
|
}): void;
|
|
1756
1714
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
1757
1715
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -1797,7 +1755,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1797
1755
|
* ---
|
|
1798
1756
|
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsitem)
|
|
1799
1757
|
*
|
|
1800
|
-
* List items in `
|
|
1758
|
+
* List items in `Breadcrumbs.List`.
|
|
1801
1759
|
* By default, this item is truncated with a tooltip at `350px`,
|
|
1802
1760
|
* but that can be customized with the `maxWidth` prop.
|
|
1803
1761
|
*
|
|
@@ -1841,6 +1799,13 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1841
1799
|
setContainerWidth(data: {
|
|
1842
1800
|
width?: number | undefined;
|
|
1843
1801
|
}): void;
|
|
1802
|
+
/**
|
|
1803
|
+
* ### Breadcrumbs Link
|
|
1804
|
+
* ---
|
|
1805
|
+
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
|
|
1806
|
+
*
|
|
1807
|
+
* The hyperlink element in each `Breadcrumbs.Item`.
|
|
1808
|
+
*/
|
|
1844
1809
|
setOverflowTargetWidth(data: {
|
|
1845
1810
|
width: number;
|
|
1846
1811
|
}): void;
|
|
@@ -1891,9 +1856,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1891
1856
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
1892
1857
|
placement: import("@popperjs/core").Placement;
|
|
1893
1858
|
id: string;
|
|
1894
|
-
/**
|
|
1895
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
1896
|
-
*/
|
|
1897
1859
|
visibility: import("../..").Visibility;
|
|
1898
1860
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
1899
1861
|
unselectedIds: string[];
|
|
@@ -1917,25 +1879,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1917
1879
|
};
|
|
1918
1880
|
events: {
|
|
1919
1881
|
updatePlacement(data: {
|
|
1920
|
-
placement: import("@popperjs/core").Placement;
|
|
1921
|
-
* ### Breadcrumbs Overflow Button
|
|
1922
|
-
* ---
|
|
1923
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
1924
|
-
*
|
|
1925
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
1926
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
1927
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
1928
|
-
*
|
|
1929
|
-
* @example
|
|
1930
|
-
* ```tsx
|
|
1931
|
-
* <Breadcrumbs.List
|
|
1932
|
-
* overflowButtonProps={{
|
|
1933
|
-
* 'aria-label': 'More breadcrumb links',
|
|
1934
|
-
* onClick={handleOverflowButtonClick}
|
|
1935
|
-
* }}
|
|
1936
|
-
* >
|
|
1937
|
-
* ```
|
|
1938
|
-
*/
|
|
1882
|
+
placement: import("@popperjs/core").Placement;
|
|
1939
1883
|
}): void;
|
|
1940
1884
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
1941
1885
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -1984,14 +1928,15 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
1984
1928
|
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
1985
1929
|
*
|
|
1986
1930
|
* The toggle button for the Breadcrumbs Menu.
|
|
1987
|
-
* This button is rendered
|
|
1988
|
-
*
|
|
1931
|
+
* This button is rendered in the `Breadcrumbs.List` when `overflowButtonProps` passed
|
|
1932
|
+
* and becomes visible when the list overflows. `overflowButtonProps must contain at least `aria-label`.
|
|
1933
|
+
* If you need to pass other props to it, you can do so by adding it to `overflowButtonProps` passed to the List.
|
|
1989
1934
|
*
|
|
1990
1935
|
* @example
|
|
1991
1936
|
* ```tsx
|
|
1992
1937
|
* <Breadcrumbs.List
|
|
1993
1938
|
* overflowButtonProps={{
|
|
1994
|
-
* 'aria-label': 'More
|
|
1939
|
+
* 'aria-label': 'More links',
|
|
1995
1940
|
* onClick={handleOverflowButtonClick}
|
|
1996
1941
|
* }}
|
|
1997
1942
|
* >
|
|
@@ -2030,6 +1975,13 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2030
1975
|
setContainerWidth(data: {
|
|
2031
1976
|
width?: number | undefined;
|
|
2032
1977
|
}): void;
|
|
1978
|
+
/**
|
|
1979
|
+
* ### Breadcrumbs Link
|
|
1980
|
+
* ---
|
|
1981
|
+
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
|
|
1982
|
+
*
|
|
1983
|
+
* The hyperlink element in each `Breadcrumbs.Item`.
|
|
1984
|
+
*/
|
|
2033
1985
|
setOverflowTargetWidth(data: {
|
|
2034
1986
|
width: number;
|
|
2035
1987
|
}): void;
|
|
@@ -2080,9 +2032,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2080
2032
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2081
2033
|
placement: import("@popperjs/core").Placement;
|
|
2082
2034
|
id: string;
|
|
2083
|
-
/**
|
|
2084
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2085
|
-
*/
|
|
2086
2035
|
visibility: import("../..").Visibility;
|
|
2087
2036
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2088
2037
|
unselectedIds: string[];
|
|
@@ -2106,25 +2055,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2106
2055
|
};
|
|
2107
2056
|
events: {
|
|
2108
2057
|
updatePlacement(data: {
|
|
2109
|
-
placement: import("@popperjs/core").Placement;
|
|
2110
|
-
* ### Breadcrumbs Overflow Button
|
|
2111
|
-
* ---
|
|
2112
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
2113
|
-
*
|
|
2114
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
2115
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
2116
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
2117
|
-
*
|
|
2118
|
-
* @example
|
|
2119
|
-
* ```tsx
|
|
2120
|
-
* <Breadcrumbs.List
|
|
2121
|
-
* overflowButtonProps={{
|
|
2122
|
-
* 'aria-label': 'More breadcrumb links',
|
|
2123
|
-
* onClick={handleOverflowButtonClick}
|
|
2124
|
-
* }}
|
|
2125
|
-
* >
|
|
2126
|
-
* ```
|
|
2127
|
-
*/
|
|
2058
|
+
placement: import("@popperjs/core").Placement;
|
|
2128
2059
|
}): void;
|
|
2129
2060
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
2130
2061
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -2170,7 +2101,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2170
2101
|
* ---
|
|
2171
2102
|
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbscurrentitem)
|
|
2172
2103
|
*
|
|
2173
|
-
* The last element in the list of `
|
|
2104
|
+
* The last element in the list of `Breadcrumbs.Item`s.
|
|
2174
2105
|
* By default, this item is truncated with a tooltip at `350px`,
|
|
2175
2106
|
* But that can be customized with the `maxWidth` prop.
|
|
2176
2107
|
*
|
|
@@ -2214,6 +2145,13 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2214
2145
|
setContainerWidth(data: {
|
|
2215
2146
|
width?: number | undefined;
|
|
2216
2147
|
}): void;
|
|
2148
|
+
/**
|
|
2149
|
+
* ### Breadcrumbs Link
|
|
2150
|
+
* ---
|
|
2151
|
+
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbslink)
|
|
2152
|
+
*
|
|
2153
|
+
* The hyperlink element in each `Breadcrumbs.Item`.
|
|
2154
|
+
*/
|
|
2217
2155
|
setOverflowTargetWidth(data: {
|
|
2218
2156
|
width: number;
|
|
2219
2157
|
}): void;
|
|
@@ -2264,9 +2202,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2264
2202
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2265
2203
|
placement: import("@popperjs/core").Placement;
|
|
2266
2204
|
id: string;
|
|
2267
|
-
/**
|
|
2268
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2269
|
-
*/
|
|
2270
2205
|
visibility: import("../..").Visibility;
|
|
2271
2206
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2272
2207
|
unselectedIds: string[];
|
|
@@ -2290,25 +2225,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2290
2225
|
};
|
|
2291
2226
|
events: {
|
|
2292
2227
|
updatePlacement(data: {
|
|
2293
|
-
placement: import("@popperjs/core").Placement;
|
|
2294
|
-
* ### Breadcrumbs Overflow Button
|
|
2295
|
-
* ---
|
|
2296
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
2297
|
-
*
|
|
2298
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
2299
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
2300
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
2301
|
-
*
|
|
2302
|
-
* @example
|
|
2303
|
-
* ```tsx
|
|
2304
|
-
* <Breadcrumbs.List
|
|
2305
|
-
* overflowButtonProps={{
|
|
2306
|
-
* 'aria-label': 'More breadcrumb links',
|
|
2307
|
-
* onClick={handleOverflowButtonClick}
|
|
2308
|
-
* }}
|
|
2309
|
-
* >
|
|
2310
|
-
* ```
|
|
2311
|
-
*/
|
|
2228
|
+
placement: import("@popperjs/core").Placement;
|
|
2312
2229
|
}): void;
|
|
2313
2230
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
2314
2231
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -2394,25 +2311,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2394
2311
|
items: any[];
|
|
2395
2312
|
}> & {
|
|
2396
2313
|
onUpdatePlacement?: ((data: {
|
|
2397
|
-
placement: import("@popperjs/core").Placement;
|
|
2398
|
-
* ### Breadcrumbs Overflow Button
|
|
2399
|
-
* ---
|
|
2400
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
2401
|
-
*
|
|
2402
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
2403
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
2404
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
2405
|
-
*
|
|
2406
|
-
* @example
|
|
2407
|
-
* ```tsx
|
|
2408
|
-
* <Breadcrumbs.List
|
|
2409
|
-
* overflowButtonProps={{
|
|
2410
|
-
* 'aria-label': 'More breadcrumb links',
|
|
2411
|
-
* onClick={handleOverflowButtonClick}
|
|
2412
|
-
* }}
|
|
2413
|
-
* >
|
|
2414
|
-
* ```
|
|
2415
|
-
*/
|
|
2314
|
+
placement: import("@popperjs/core").Placement;
|
|
2416
2315
|
}, prevState: {
|
|
2417
2316
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
2418
2317
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
@@ -2420,9 +2319,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2420
2319
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2421
2320
|
placement: import("@popperjs/core").Placement;
|
|
2422
2321
|
id: string;
|
|
2423
|
-
/**
|
|
2424
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2425
|
-
*/
|
|
2426
2322
|
visibility: import("../..").Visibility;
|
|
2427
2323
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2428
2324
|
unselectedIds: string[];
|
|
@@ -2451,9 +2347,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2451
2347
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2452
2348
|
placement: import("@popperjs/core").Placement;
|
|
2453
2349
|
id: string;
|
|
2454
|
-
/**
|
|
2455
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2456
|
-
*/
|
|
2457
2350
|
visibility: import("../..").Visibility;
|
|
2458
2351
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2459
2352
|
unselectedIds: string[];
|
|
@@ -2482,9 +2375,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2482
2375
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2483
2376
|
placement: import("@popperjs/core").Placement;
|
|
2484
2377
|
id: string;
|
|
2485
|
-
/**
|
|
2486
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2487
|
-
*/
|
|
2488
2378
|
visibility: import("../..").Visibility;
|
|
2489
2379
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2490
2380
|
unselectedIds: string[];
|
|
@@ -2515,9 +2405,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2515
2405
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2516
2406
|
placement: import("@popperjs/core").Placement;
|
|
2517
2407
|
id: string;
|
|
2518
|
-
/**
|
|
2519
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2520
|
-
*/
|
|
2521
2408
|
visibility: import("../..").Visibility;
|
|
2522
2409
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2523
2410
|
unselectedIds: string[];
|
|
@@ -2546,9 +2433,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2546
2433
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2547
2434
|
placement: import("@popperjs/core").Placement;
|
|
2548
2435
|
id: string;
|
|
2549
|
-
/**
|
|
2550
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2551
|
-
*/
|
|
2552
2436
|
visibility: import("../..").Visibility;
|
|
2553
2437
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2554
2438
|
unselectedIds: string[];
|
|
@@ -2577,9 +2461,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2577
2461
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2578
2462
|
placement: import("@popperjs/core").Placement;
|
|
2579
2463
|
id: string;
|
|
2580
|
-
/**
|
|
2581
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2582
|
-
*/
|
|
2583
2464
|
visibility: import("../..").Visibility;
|
|
2584
2465
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2585
2466
|
unselectedIds: string[];
|
|
@@ -2611,9 +2492,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2611
2492
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2612
2493
|
placement: import("@popperjs/core").Placement;
|
|
2613
2494
|
id: string;
|
|
2614
|
-
/**
|
|
2615
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2616
|
-
*/
|
|
2617
2495
|
visibility: import("../..").Visibility;
|
|
2618
2496
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2619
2497
|
unselectedIds: string[];
|
|
@@ -2644,9 +2522,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2644
2522
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2645
2523
|
placement: import("@popperjs/core").Placement;
|
|
2646
2524
|
id: string;
|
|
2647
|
-
/**
|
|
2648
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2649
|
-
*/
|
|
2650
2525
|
visibility: import("../..").Visibility;
|
|
2651
2526
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2652
2527
|
unselectedIds: string[];
|
|
@@ -2675,9 +2550,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2675
2550
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2676
2551
|
placement: import("@popperjs/core").Placement;
|
|
2677
2552
|
id: string;
|
|
2678
|
-
/**
|
|
2679
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2680
|
-
*/
|
|
2681
2553
|
visibility: import("../..").Visibility;
|
|
2682
2554
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2683
2555
|
unselectedIds: string[];
|
|
@@ -2706,9 +2578,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2706
2578
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2707
2579
|
placement: import("@popperjs/core").Placement;
|
|
2708
2580
|
id: string;
|
|
2709
|
-
/**
|
|
2710
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2711
|
-
*/
|
|
2712
2581
|
visibility: import("../..").Visibility;
|
|
2713
2582
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2714
2583
|
unselectedIds: string[];
|
|
@@ -2737,9 +2606,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2737
2606
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2738
2607
|
placement: import("@popperjs/core").Placement;
|
|
2739
2608
|
id: string;
|
|
2740
|
-
/**
|
|
2741
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2742
|
-
*/
|
|
2743
2609
|
visibility: import("../..").Visibility;
|
|
2744
2610
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2745
2611
|
unselectedIds: string[];
|
|
@@ -2768,9 +2634,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2768
2634
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2769
2635
|
placement: import("@popperjs/core").Placement;
|
|
2770
2636
|
id: string;
|
|
2771
|
-
/**
|
|
2772
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2773
|
-
*/
|
|
2774
2637
|
visibility: import("../..").Visibility;
|
|
2775
2638
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2776
2639
|
unselectedIds: string[];
|
|
@@ -2799,9 +2662,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2799
2662
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2800
2663
|
placement: import("@popperjs/core").Placement;
|
|
2801
2664
|
id: string;
|
|
2802
|
-
/**
|
|
2803
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2804
|
-
*/
|
|
2805
2665
|
visibility: import("../..").Visibility;
|
|
2806
2666
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2807
2667
|
unselectedIds: string[];
|
|
@@ -2830,9 +2690,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2830
2690
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2831
2691
|
placement: import("@popperjs/core").Placement;
|
|
2832
2692
|
id: string;
|
|
2833
|
-
/**
|
|
2834
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2835
|
-
*/
|
|
2836
2693
|
visibility: import("../..").Visibility;
|
|
2837
2694
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2838
2695
|
unselectedIds: string[];
|
|
@@ -2861,9 +2718,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2861
2718
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2862
2719
|
placement: import("@popperjs/core").Placement;
|
|
2863
2720
|
id: string;
|
|
2864
|
-
/**
|
|
2865
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2866
|
-
*/
|
|
2867
2721
|
visibility: import("../..").Visibility;
|
|
2868
2722
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2869
2723
|
unselectedIds: string[];
|
|
@@ -2892,9 +2746,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2892
2746
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2893
2747
|
placement: import("@popperjs/core").Placement;
|
|
2894
2748
|
id: string;
|
|
2895
|
-
/**
|
|
2896
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2897
|
-
*/
|
|
2898
2749
|
visibility: import("../..").Visibility;
|
|
2899
2750
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2900
2751
|
unselectedIds: string[];
|
|
@@ -2923,9 +2774,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2923
2774
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2924
2775
|
placement: import("@popperjs/core").Placement;
|
|
2925
2776
|
id: string;
|
|
2926
|
-
/**
|
|
2927
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2928
|
-
*/
|
|
2929
2777
|
visibility: import("../..").Visibility;
|
|
2930
2778
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2931
2779
|
unselectedIds: string[];
|
|
@@ -2954,9 +2802,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2954
2802
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2955
2803
|
placement: import("@popperjs/core").Placement;
|
|
2956
2804
|
id: string;
|
|
2957
|
-
/**
|
|
2958
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2959
|
-
*/
|
|
2960
2805
|
visibility: import("../..").Visibility;
|
|
2961
2806
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2962
2807
|
unselectedIds: string[];
|
|
@@ -2987,9 +2832,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
2987
2832
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
2988
2833
|
placement: import("@popperjs/core").Placement;
|
|
2989
2834
|
id: string;
|
|
2990
|
-
/**
|
|
2991
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
2992
|
-
*/
|
|
2993
2835
|
visibility: import("../..").Visibility;
|
|
2994
2836
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
2995
2837
|
unselectedIds: string[];
|
|
@@ -3020,9 +2862,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3020
2862
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3021
2863
|
placement: import("@popperjs/core").Placement;
|
|
3022
2864
|
id: string;
|
|
3023
|
-
/**
|
|
3024
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3025
|
-
*/
|
|
3026
2865
|
visibility: import("../..").Visibility;
|
|
3027
2866
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3028
2867
|
unselectedIds: string[];
|
|
@@ -3046,25 +2885,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3046
2885
|
}) => void) | undefined;
|
|
3047
2886
|
} & {
|
|
3048
2887
|
shouldUpdatePlacement?: ((data: {
|
|
3049
|
-
placement: import("@popperjs/core").Placement;
|
|
3050
|
-
* ### Breadcrumbs Overflow Button
|
|
3051
|
-
* ---
|
|
3052
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
3053
|
-
*
|
|
3054
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
3055
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
3056
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
3057
|
-
*
|
|
3058
|
-
* @example
|
|
3059
|
-
* ```tsx
|
|
3060
|
-
* <Breadcrumbs.List
|
|
3061
|
-
* overflowButtonProps={{
|
|
3062
|
-
* 'aria-label': 'More breadcrumb links',
|
|
3063
|
-
* onClick={handleOverflowButtonClick}
|
|
3064
|
-
* }}
|
|
3065
|
-
* >
|
|
3066
|
-
* ```
|
|
3067
|
-
*/
|
|
2888
|
+
placement: import("@popperjs/core").Placement;
|
|
3068
2889
|
}, state: {
|
|
3069
2890
|
stackRef: React.RefObject<HTMLDivElement>;
|
|
3070
2891
|
targetRef: React.RefObject<HTMLButtonElement>;
|
|
@@ -3072,9 +2893,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3072
2893
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3073
2894
|
placement: import("@popperjs/core").Placement;
|
|
3074
2895
|
id: string;
|
|
3075
|
-
/**
|
|
3076
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3077
|
-
*/
|
|
3078
2896
|
visibility: import("../..").Visibility;
|
|
3079
2897
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3080
2898
|
unselectedIds: string[];
|
|
@@ -3103,9 +2921,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3103
2921
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3104
2922
|
placement: import("@popperjs/core").Placement;
|
|
3105
2923
|
id: string;
|
|
3106
|
-
/**
|
|
3107
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3108
|
-
*/
|
|
3109
2924
|
visibility: import("../..").Visibility;
|
|
3110
2925
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3111
2926
|
unselectedIds: string[];
|
|
@@ -3134,9 +2949,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3134
2949
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3135
2950
|
placement: import("@popperjs/core").Placement;
|
|
3136
2951
|
id: string;
|
|
3137
|
-
/**
|
|
3138
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3139
|
-
*/
|
|
3140
2952
|
visibility: import("../..").Visibility;
|
|
3141
2953
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3142
2954
|
unselectedIds: string[];
|
|
@@ -3167,9 +2979,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3167
2979
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3168
2980
|
placement: import("@popperjs/core").Placement;
|
|
3169
2981
|
id: string;
|
|
3170
|
-
/**
|
|
3171
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3172
|
-
*/
|
|
3173
2982
|
visibility: import("../..").Visibility;
|
|
3174
2983
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3175
2984
|
unselectedIds: string[];
|
|
@@ -3198,9 +3007,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3198
3007
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3199
3008
|
placement: import("@popperjs/core").Placement;
|
|
3200
3009
|
id: string;
|
|
3201
|
-
/**
|
|
3202
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3203
|
-
*/
|
|
3204
3010
|
visibility: import("../..").Visibility;
|
|
3205
3011
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3206
3012
|
unselectedIds: string[];
|
|
@@ -3229,9 +3035,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3229
3035
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3230
3036
|
placement: import("@popperjs/core").Placement;
|
|
3231
3037
|
id: string;
|
|
3232
|
-
/**
|
|
3233
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3234
|
-
*/
|
|
3235
3038
|
visibility: import("../..").Visibility;
|
|
3236
3039
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3237
3040
|
unselectedIds: string[];
|
|
@@ -3263,9 +3066,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3263
3066
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3264
3067
|
placement: import("@popperjs/core").Placement;
|
|
3265
3068
|
id: string;
|
|
3266
|
-
/**
|
|
3267
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3268
|
-
*/
|
|
3269
3069
|
visibility: import("../..").Visibility;
|
|
3270
3070
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3271
3071
|
unselectedIds: string[];
|
|
@@ -3296,9 +3096,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3296
3096
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3297
3097
|
placement: import("@popperjs/core").Placement;
|
|
3298
3098
|
id: string;
|
|
3299
|
-
/**
|
|
3300
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3301
|
-
*/
|
|
3302
3099
|
visibility: import("../..").Visibility;
|
|
3303
3100
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3304
3101
|
unselectedIds: string[];
|
|
@@ -3327,9 +3124,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3327
3124
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3328
3125
|
placement: import("@popperjs/core").Placement;
|
|
3329
3126
|
id: string;
|
|
3330
|
-
/**
|
|
3331
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3332
|
-
*/
|
|
3333
3127
|
visibility: import("../..").Visibility;
|
|
3334
3128
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3335
3129
|
unselectedIds: string[];
|
|
@@ -3358,9 +3152,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3358
3152
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3359
3153
|
placement: import("@popperjs/core").Placement;
|
|
3360
3154
|
id: string;
|
|
3361
|
-
/**
|
|
3362
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3363
|
-
*/
|
|
3364
3155
|
visibility: import("../..").Visibility;
|
|
3365
3156
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3366
3157
|
unselectedIds: string[];
|
|
@@ -3389,9 +3180,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3389
3180
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3390
3181
|
placement: import("@popperjs/core").Placement;
|
|
3391
3182
|
id: string;
|
|
3392
|
-
/**
|
|
3393
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3394
|
-
*/
|
|
3395
3183
|
visibility: import("../..").Visibility;
|
|
3396
3184
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3397
3185
|
unselectedIds: string[];
|
|
@@ -3420,9 +3208,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3420
3208
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3421
3209
|
placement: import("@popperjs/core").Placement;
|
|
3422
3210
|
id: string;
|
|
3423
|
-
/**
|
|
3424
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3425
|
-
*/
|
|
3426
3211
|
visibility: import("../..").Visibility;
|
|
3427
3212
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3428
3213
|
unselectedIds: string[];
|
|
@@ -3451,9 +3236,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3451
3236
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3452
3237
|
placement: import("@popperjs/core").Placement;
|
|
3453
3238
|
id: string;
|
|
3454
|
-
/**
|
|
3455
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3456
|
-
*/
|
|
3457
3239
|
visibility: import("../..").Visibility;
|
|
3458
3240
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3459
3241
|
unselectedIds: string[];
|
|
@@ -3482,9 +3264,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3482
3264
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3483
3265
|
placement: import("@popperjs/core").Placement;
|
|
3484
3266
|
id: string;
|
|
3485
|
-
/**
|
|
3486
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3487
|
-
*/
|
|
3488
3267
|
visibility: import("../..").Visibility;
|
|
3489
3268
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3490
3269
|
unselectedIds: string[];
|
|
@@ -3513,9 +3292,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3513
3292
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3514
3293
|
placement: import("@popperjs/core").Placement;
|
|
3515
3294
|
id: string;
|
|
3516
|
-
/**
|
|
3517
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3518
|
-
*/
|
|
3519
3295
|
visibility: import("../..").Visibility;
|
|
3520
3296
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3521
3297
|
unselectedIds: string[];
|
|
@@ -3544,9 +3320,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3544
3320
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3545
3321
|
placement: import("@popperjs/core").Placement;
|
|
3546
3322
|
id: string;
|
|
3547
|
-
/**
|
|
3548
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3549
|
-
*/
|
|
3550
3323
|
visibility: import("../..").Visibility;
|
|
3551
3324
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3552
3325
|
unselectedIds: string[];
|
|
@@ -3575,9 +3348,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3575
3348
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3576
3349
|
placement: import("@popperjs/core").Placement;
|
|
3577
3350
|
id: string;
|
|
3578
|
-
/**
|
|
3579
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3580
|
-
*/
|
|
3581
3351
|
visibility: import("../..").Visibility;
|
|
3582
3352
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3583
3353
|
unselectedIds: string[];
|
|
@@ -3606,9 +3376,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3606
3376
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3607
3377
|
placement: import("@popperjs/core").Placement;
|
|
3608
3378
|
id: string;
|
|
3609
|
-
/**
|
|
3610
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3611
|
-
*/
|
|
3612
3379
|
visibility: import("../..").Visibility;
|
|
3613
3380
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3614
3381
|
unselectedIds: string[];
|
|
@@ -3639,9 +3406,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3639
3406
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3640
3407
|
placement: import("@popperjs/core").Placement;
|
|
3641
3408
|
id: string;
|
|
3642
|
-
/**
|
|
3643
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3644
|
-
*/
|
|
3645
3409
|
visibility: import("../..").Visibility;
|
|
3646
3410
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3647
3411
|
unselectedIds: string[];
|
|
@@ -3672,9 +3436,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3672
3436
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3673
3437
|
placement: import("@popperjs/core").Placement;
|
|
3674
3438
|
id: string;
|
|
3675
|
-
/**
|
|
3676
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3677
|
-
*/
|
|
3678
3439
|
visibility: import("../..").Visibility;
|
|
3679
3440
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3680
3441
|
unselectedIds: string[];
|
|
@@ -3704,9 +3465,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3704
3465
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3705
3466
|
placement: import("@popperjs/core").Placement;
|
|
3706
3467
|
id: string;
|
|
3707
|
-
/**
|
|
3708
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3709
|
-
*/
|
|
3710
3468
|
visibility: import("../..").Visibility;
|
|
3711
3469
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3712
3470
|
unselectedIds: string[];
|
|
@@ -3730,25 +3488,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3730
3488
|
};
|
|
3731
3489
|
events: {
|
|
3732
3490
|
updatePlacement(data: {
|
|
3733
|
-
placement: import("@popperjs/core").Placement;
|
|
3734
|
-
* ### Breadcrumbs Overflow Button
|
|
3735
|
-
* ---
|
|
3736
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
3737
|
-
*
|
|
3738
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
3739
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
3740
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
3741
|
-
*
|
|
3742
|
-
* @example
|
|
3743
|
-
* ```tsx
|
|
3744
|
-
* <Breadcrumbs.List
|
|
3745
|
-
* overflowButtonProps={{
|
|
3746
|
-
* 'aria-label': 'More breadcrumb links',
|
|
3747
|
-
* onClick={handleOverflowButtonClick}
|
|
3748
|
-
* }}
|
|
3749
|
-
* >
|
|
3750
|
-
* ```
|
|
3751
|
-
*/
|
|
3491
|
+
placement: import("@popperjs/core").Placement;
|
|
3752
3492
|
}): void;
|
|
3753
3493
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
3754
3494
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -3792,9 +3532,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3792
3532
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3793
3533
|
placement: import("@popperjs/core").Placement;
|
|
3794
3534
|
id: string;
|
|
3795
|
-
/**
|
|
3796
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3797
|
-
*/
|
|
3798
3535
|
visibility: import("../..").Visibility;
|
|
3799
3536
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3800
3537
|
unselectedIds: string[];
|
|
@@ -3818,25 +3555,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3818
3555
|
};
|
|
3819
3556
|
events: {
|
|
3820
3557
|
updatePlacement(data: {
|
|
3821
|
-
placement: import("@popperjs/core").Placement;
|
|
3822
|
-
* ### Breadcrumbs Overflow Button
|
|
3823
|
-
* ---
|
|
3824
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
3825
|
-
*
|
|
3826
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
3827
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
3828
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
3829
|
-
*
|
|
3830
|
-
* @example
|
|
3831
|
-
* ```tsx
|
|
3832
|
-
* <Breadcrumbs.List
|
|
3833
|
-
* overflowButtonProps={{
|
|
3834
|
-
* 'aria-label': 'More breadcrumb links',
|
|
3835
|
-
* onClick={handleOverflowButtonClick}
|
|
3836
|
-
* }}
|
|
3837
|
-
* >
|
|
3838
|
-
* ```
|
|
3839
|
-
*/
|
|
3558
|
+
placement: import("@popperjs/core").Placement;
|
|
3840
3559
|
}): void;
|
|
3841
3560
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
3842
3561
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -3881,9 +3600,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3881
3600
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3882
3601
|
placement: import("@popperjs/core").Placement;
|
|
3883
3602
|
id: string;
|
|
3884
|
-
/**
|
|
3885
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3886
|
-
*/
|
|
3887
3603
|
visibility: import("../..").Visibility;
|
|
3888
3604
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3889
3605
|
unselectedIds: string[];
|
|
@@ -3907,25 +3623,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3907
3623
|
};
|
|
3908
3624
|
events: {
|
|
3909
3625
|
updatePlacement(data: {
|
|
3910
|
-
placement: import("@popperjs/core").Placement;
|
|
3911
|
-
* ### Breadcrumbs Overflow Button
|
|
3912
|
-
* ---
|
|
3913
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
3914
|
-
*
|
|
3915
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
3916
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
3917
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
3918
|
-
*
|
|
3919
|
-
* @example
|
|
3920
|
-
* ```tsx
|
|
3921
|
-
* <Breadcrumbs.List
|
|
3922
|
-
* overflowButtonProps={{
|
|
3923
|
-
* 'aria-label': 'More breadcrumb links',
|
|
3924
|
-
* onClick={handleOverflowButtonClick}
|
|
3925
|
-
* }}
|
|
3926
|
-
* >
|
|
3927
|
-
* ```
|
|
3928
|
-
*/
|
|
3626
|
+
placement: import("@popperjs/core").Placement;
|
|
3929
3627
|
}): void;
|
|
3930
3628
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
3931
3629
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -3970,9 +3668,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3970
3668
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
3971
3669
|
placement: import("@popperjs/core").Placement;
|
|
3972
3670
|
id: string;
|
|
3973
|
-
/**
|
|
3974
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
3975
|
-
*/
|
|
3976
3671
|
visibility: import("../..").Visibility;
|
|
3977
3672
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
3978
3673
|
unselectedIds: string[];
|
|
@@ -3996,25 +3691,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
3996
3691
|
};
|
|
3997
3692
|
events: {
|
|
3998
3693
|
updatePlacement(data: {
|
|
3999
|
-
placement: import("@popperjs/core").Placement;
|
|
4000
|
-
* ### Breadcrumbs Overflow Button
|
|
4001
|
-
* ---
|
|
4002
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
4003
|
-
*
|
|
4004
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
4005
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
4006
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
4007
|
-
*
|
|
4008
|
-
* @example
|
|
4009
|
-
* ```tsx
|
|
4010
|
-
* <Breadcrumbs.List
|
|
4011
|
-
* overflowButtonProps={{
|
|
4012
|
-
* 'aria-label': 'More breadcrumb links',
|
|
4013
|
-
* onClick={handleOverflowButtonClick}
|
|
4014
|
-
* }}
|
|
4015
|
-
* >
|
|
4016
|
-
* ```
|
|
4017
|
-
*/
|
|
3694
|
+
placement: import("@popperjs/core").Placement;
|
|
4018
3695
|
}): void;
|
|
4019
3696
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
4020
3697
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -4059,9 +3736,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
4059
3736
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
4060
3737
|
placement: import("@popperjs/core").Placement;
|
|
4061
3738
|
id: string;
|
|
4062
|
-
/**
|
|
4063
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
4064
|
-
*/
|
|
4065
3739
|
visibility: import("../..").Visibility;
|
|
4066
3740
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
4067
3741
|
unselectedIds: string[];
|
|
@@ -4085,25 +3759,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
4085
3759
|
};
|
|
4086
3760
|
events: {
|
|
4087
3761
|
updatePlacement(data: {
|
|
4088
|
-
placement: import("@popperjs/core").Placement;
|
|
4089
|
-
* ### Breadcrumbs Overflow Button
|
|
4090
|
-
* ---
|
|
4091
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
4092
|
-
*
|
|
4093
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
4094
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
4095
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
4096
|
-
*
|
|
4097
|
-
* @example
|
|
4098
|
-
* ```tsx
|
|
4099
|
-
* <Breadcrumbs.List
|
|
4100
|
-
* overflowButtonProps={{
|
|
4101
|
-
* 'aria-label': 'More breadcrumb links',
|
|
4102
|
-
* onClick={handleOverflowButtonClick}
|
|
4103
|
-
* }}
|
|
4104
|
-
* >
|
|
4105
|
-
* ```
|
|
4106
|
-
*/
|
|
3762
|
+
placement: import("@popperjs/core").Placement;
|
|
4107
3763
|
}): void;
|
|
4108
3764
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
4109
3765
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -4149,9 +3805,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
4149
3805
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
4150
3806
|
placement: import("@popperjs/core").Placement;
|
|
4151
3807
|
id: string;
|
|
4152
|
-
/**
|
|
4153
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
4154
|
-
*/
|
|
4155
3808
|
visibility: import("../..").Visibility;
|
|
4156
3809
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
4157
3810
|
unselectedIds: string[];
|
|
@@ -4175,25 +3828,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
4175
3828
|
};
|
|
4176
3829
|
events: {
|
|
4177
3830
|
updatePlacement(data: {
|
|
4178
|
-
placement: import("@popperjs/core").Placement;
|
|
4179
|
-
* ### Breadcrumbs Overflow Button
|
|
4180
|
-
* ---
|
|
4181
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
4182
|
-
*
|
|
4183
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
4184
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
4185
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
4186
|
-
*
|
|
4187
|
-
* @example
|
|
4188
|
-
* ```tsx
|
|
4189
|
-
* <Breadcrumbs.List
|
|
4190
|
-
* overflowButtonProps={{
|
|
4191
|
-
* 'aria-label': 'More breadcrumb links',
|
|
4192
|
-
* onClick={handleOverflowButtonClick}
|
|
4193
|
-
* }}
|
|
4194
|
-
* >
|
|
4195
|
-
* ```
|
|
4196
|
-
*/
|
|
3831
|
+
placement: import("@popperjs/core").Placement;
|
|
4197
3832
|
}): void;
|
|
4198
3833
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
4199
3834
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -4238,9 +3873,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
4238
3873
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
4239
3874
|
placement: import("@popperjs/core").Placement;
|
|
4240
3875
|
id: string;
|
|
4241
|
-
/**
|
|
4242
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
4243
|
-
*/
|
|
4244
3876
|
visibility: import("../..").Visibility;
|
|
4245
3877
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
4246
3878
|
unselectedIds: string[];
|
|
@@ -4264,25 +3896,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
4264
3896
|
};
|
|
4265
3897
|
events: {
|
|
4266
3898
|
updatePlacement(data: {
|
|
4267
|
-
placement: import("@popperjs/core").Placement;
|
|
4268
|
-
* ### Breadcrumbs Overflow Button
|
|
4269
|
-
* ---
|
|
4270
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
4271
|
-
*
|
|
4272
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
4273
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
4274
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
4275
|
-
*
|
|
4276
|
-
* @example
|
|
4277
|
-
* ```tsx
|
|
4278
|
-
* <Breadcrumbs.List
|
|
4279
|
-
* overflowButtonProps={{
|
|
4280
|
-
* 'aria-label': 'More breadcrumb links',
|
|
4281
|
-
* onClick={handleOverflowButtonClick}
|
|
4282
|
-
* }}
|
|
4283
|
-
* >
|
|
4284
|
-
* ```
|
|
4285
|
-
*/
|
|
3899
|
+
placement: import("@popperjs/core").Placement;
|
|
4286
3900
|
}): void;
|
|
4287
3901
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
4288
3902
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
@@ -4327,9 +3941,6 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
4327
3941
|
returnFocusRef: React.RefObject<any> | undefined;
|
|
4328
3942
|
placement: import("@popperjs/core").Placement;
|
|
4329
3943
|
id: string;
|
|
4330
|
-
/**
|
|
4331
|
-
* The contents of the Breadcrumbs. Can be `Breadcrumbs` children or any valid elements.
|
|
4332
|
-
*/
|
|
4333
3944
|
visibility: import("../..").Visibility;
|
|
4334
3945
|
selectedIds: import("../../collection/lib/useSelectionListModel").SelectedIds;
|
|
4335
3946
|
unselectedIds: string[];
|
|
@@ -4353,25 +3964,7 @@ export declare const Breadcrumbs: import("../../common").ElementComponentM<"nav"
|
|
|
4353
3964
|
};
|
|
4354
3965
|
events: {
|
|
4355
3966
|
updatePlacement(data: {
|
|
4356
|
-
placement: import("@popperjs/core").Placement;
|
|
4357
|
-
* ### Breadcrumbs Overflow Button
|
|
4358
|
-
* ---
|
|
4359
|
-
* [View Developer Docs](https://canvas.workdaydesign.com/components/navigation/breadcrumbs/#breadcrumbsoverflowbutton)
|
|
4360
|
-
*
|
|
4361
|
-
* The toggle button for the Breadcrumbs Menu.
|
|
4362
|
-
* This button is rendered implicitly in the `Breadcrumbs.List` when the list overflows.
|
|
4363
|
-
* However, if you need to pass props to it, you can do so by passing `overflowButtonProps` to the List.
|
|
4364
|
-
*
|
|
4365
|
-
* @example
|
|
4366
|
-
* ```tsx
|
|
4367
|
-
* <Breadcrumbs.List
|
|
4368
|
-
* overflowButtonProps={{
|
|
4369
|
-
* 'aria-label': 'More breadcrumb links',
|
|
4370
|
-
* onClick={handleOverflowButtonClick}
|
|
4371
|
-
* }}
|
|
4372
|
-
* >
|
|
4373
|
-
* ```
|
|
4374
|
-
*/
|
|
3967
|
+
placement: import("@popperjs/core").Placement;
|
|
4375
3968
|
}): void;
|
|
4376
3969
|
show(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|
|
4377
3970
|
hide(event?: Event | React.SyntheticEvent<Element, Event> | undefined): void;
|