@availity/mui-breadcrumbs 0.2.12 → 0.2.14
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/CHANGELOG.md +8 -0
- package/dist/index.d.mts +3 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.js +1 -0
- package/dist/index.mjs +1 -0
- package/package.json +3 -3
- package/src/lib/Breadcrumbs.stories.tsx +1 -0
- package/src/lib/Breadcrumbs.tsx +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.2.14](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.2.13...@availity/mui-breadcrumbs@0.2.14) (2024-12-09)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `mui-icon` updated to version `0.2.13`
|
|
10
|
+
* `mui-link` updated to version `0.2.13`
|
|
11
|
+
## [0.2.13](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.2.12...@availity/mui-breadcrumbs@0.2.13) (2024-12-09)
|
|
12
|
+
|
|
5
13
|
## [0.2.12](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.2.11...@availity/mui-breadcrumbs@0.2.12) (2024-10-31)
|
|
6
14
|
|
|
7
15
|
### Dependency Updates
|
package/dist/index.d.mts
CHANGED
|
@@ -25,6 +25,9 @@ interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'separator' | 'slotP
|
|
|
25
25
|
/** Url for the Home route.
|
|
26
26
|
* @default /public/apps/dashboard */
|
|
27
27
|
homeUrl?: string;
|
|
28
|
+
/** A string value that can be used to name an element
|
|
29
|
+
* @default breadcrumbs */
|
|
30
|
+
'aria-label'?: string;
|
|
28
31
|
}
|
|
29
32
|
declare const Breadcrumbs: ({ active, children, crumbs, emptyState, homeUrl, ...rest }: BreadcrumbsProps) => JSX.Element;
|
|
30
33
|
|
package/dist/index.d.ts
CHANGED
|
@@ -25,6 +25,9 @@ interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'separator' | 'slotP
|
|
|
25
25
|
/** Url for the Home route.
|
|
26
26
|
* @default /public/apps/dashboard */
|
|
27
27
|
homeUrl?: string;
|
|
28
|
+
/** A string value that can be used to name an element
|
|
29
|
+
* @default breadcrumbs */
|
|
30
|
+
'aria-label'?: string;
|
|
28
31
|
}
|
|
29
32
|
declare const Breadcrumbs: ({ active, children, crumbs, emptyState, homeUrl, ...rest }: BreadcrumbsProps) => JSX.Element;
|
|
30
33
|
|
package/dist/index.js
CHANGED
|
@@ -96,6 +96,7 @@ var Breadcrumbs = (_a) => {
|
|
|
96
96
|
separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.NavigateNextIcon, { fontSize: "xsmall" }),
|
|
97
97
|
slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
|
|
98
98
|
slots: { CollapsedIcon: import_mui_icon.MoreHorizontalIcon },
|
|
99
|
+
"aria-label": rest["aria-label"] || "breadcrumbs",
|
|
99
100
|
children: [
|
|
100
101
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, { "aria-label": "Home", href: homeUrl, loadApp: false, children: "Home" }),
|
|
101
102
|
crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url, target }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumb, { name, url, target }, name)),
|
package/dist/index.mjs
CHANGED
|
@@ -63,6 +63,7 @@ var Breadcrumbs = (_a) => {
|
|
|
63
63
|
separator: /* @__PURE__ */ jsx(NavigateNextIcon, { fontSize: "xsmall" }),
|
|
64
64
|
slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
|
|
65
65
|
slots: { CollapsedIcon: MoreHorizontalIcon },
|
|
66
|
+
"aria-label": rest["aria-label"] || "breadcrumbs",
|
|
66
67
|
children: [
|
|
67
68
|
/* @__PURE__ */ jsx(Link, { "aria-label": "Home", href: homeUrl, loadApp: false, children: "Home" }),
|
|
68
69
|
crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url, target }) => /* @__PURE__ */ jsx(Breadcrumb, { name, url, target }, name)),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-breadcrumbs",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.14",
|
|
4
4
|
"description": "Availity MUI Breadcrumbs Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@availity/mui-icon": "^0.11.
|
|
50
|
-
"@availity/mui-link": "^0.4.
|
|
49
|
+
"@availity/mui-icon": "^0.11.1",
|
|
50
|
+
"@availity/mui-link": "^0.4.5"
|
|
51
51
|
}
|
|
52
52
|
}
|
|
@@ -16,6 +16,7 @@ export const _Breadcrumbs: StoryObj<typeof Breadcrumbs> = {
|
|
|
16
16
|
render: (args: BreadcrumbsProps) => <Breadcrumbs {...args} />,
|
|
17
17
|
args: {
|
|
18
18
|
active: 'Current Page',
|
|
19
|
+
'aria-label': 'test-breadcrumbs',
|
|
19
20
|
crumbs: [{ name: 'Previous Page', url: '#' }],
|
|
20
21
|
},
|
|
21
22
|
};
|
package/src/lib/Breadcrumbs.tsx
CHANGED
|
@@ -29,6 +29,9 @@ export interface BreadcrumbsProps extends Omit<MuiBreadcrumbsProps, 'separator'
|
|
|
29
29
|
/** Url for the Home route.
|
|
30
30
|
* @default /public/apps/dashboard */
|
|
31
31
|
homeUrl?: string;
|
|
32
|
+
/** A string value that can be used to name an element
|
|
33
|
+
* @default breadcrumbs */
|
|
34
|
+
'aria-label'?: string;
|
|
32
35
|
}
|
|
33
36
|
|
|
34
37
|
const Breadcrumb = ({ name, url, target = '_top' }: Crumb) => {
|
|
@@ -54,6 +57,7 @@ export const Breadcrumbs = ({
|
|
|
54
57
|
separator={<NavigateNextIcon fontSize="xsmall" />}
|
|
55
58
|
slotProps={{ collapsedIcon: { className: 'breadcrumbs__collapsed-icon' } }}
|
|
56
59
|
slots={{ CollapsedIcon: MoreHorizontalIcon }}
|
|
60
|
+
aria-label={rest['aria-label'] || 'breadcrumbs'}
|
|
57
61
|
>
|
|
58
62
|
<Link aria-label="Home" href={homeUrl} loadApp={false}>
|
|
59
63
|
Home
|