@availity/mui-breadcrumbs 0.1.0 → 0.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +2 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +2 -0
- package/dist/index.mjs +3 -1
- package/package.json +1 -1
- package/src/lib/Breadcrumbs.tsx +8 -3
package/CHANGELOG.md
CHANGED
package/dist/index.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ interface Crumb {
|
|
|
6
6
|
/** The url for navigating to the ancestor page. */
|
|
7
7
|
url: string;
|
|
8
8
|
}
|
|
9
|
-
interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'separator'> {
|
|
9
|
+
interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'separator' | 'slotProps' | 'slots'> {
|
|
10
10
|
/** The name of the active page (the page the user is currently on). */
|
|
11
11
|
active?: string;
|
|
12
12
|
children?: React.ReactNode;
|
package/dist/index.js
CHANGED
|
@@ -54,6 +54,8 @@ var Breadcrumbs = ({
|
|
|
54
54
|
separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.NavigateNextIcon, {
|
|
55
55
|
fontSize: "small"
|
|
56
56
|
}),
|
|
57
|
+
slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
|
|
58
|
+
slots: { CollapsedIcon: import_mui_icon.MoreHorizontalIcon },
|
|
57
59
|
children: [
|
|
58
60
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, {
|
|
59
61
|
"aria-label": "Home",
|
package/dist/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// src/lib/Breadcrumbs.tsx
|
|
2
2
|
import { Breadcrumbs as MuiBreadcrumbs, Typography } from "@mui/material";
|
|
3
|
-
import { NavigateNextIcon } from "@availity/mui-icon";
|
|
3
|
+
import { NavigateNextIcon, MoreHorizontalIcon } from "@availity/mui-icon";
|
|
4
4
|
import { Link } from "@availity/mui-link";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
6
|
var Breadcrumbs = ({
|
|
@@ -28,6 +28,8 @@ var Breadcrumbs = ({
|
|
|
28
28
|
separator: /* @__PURE__ */ jsx(NavigateNextIcon, {
|
|
29
29
|
fontSize: "small"
|
|
30
30
|
}),
|
|
31
|
+
slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
|
|
32
|
+
slots: { CollapsedIcon: MoreHorizontalIcon },
|
|
31
33
|
children: [
|
|
32
34
|
/* @__PURE__ */ jsx(Link, {
|
|
33
35
|
"aria-label": "Home",
|
package/package.json
CHANGED
package/src/lib/Breadcrumbs.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Breadcrumbs as MuiBreadcrumbs, BreadcrumbsProps as MuiBreadcrumbsProps, Typography } from '@mui/material';
|
|
2
|
-
import { NavigateNextIcon } from '@availity/mui-icon';
|
|
2
|
+
import { NavigateNextIcon, MoreHorizontalIcon } from '@availity/mui-icon';
|
|
3
3
|
import { Link } from '@availity/mui-link';
|
|
4
4
|
|
|
5
5
|
interface Crumb {
|
|
@@ -9,7 +9,7 @@ interface Crumb {
|
|
|
9
9
|
url: string;
|
|
10
10
|
}
|
|
11
11
|
|
|
12
|
-
export interface BreadcrumbsProps extends Omit<MuiBreadcrumbsProps, 'separator'> {
|
|
12
|
+
export interface BreadcrumbsProps extends Omit<MuiBreadcrumbsProps, 'separator' | 'slotProps' | 'slots'> {
|
|
13
13
|
/** The name of the active page (the page the user is currently on). */
|
|
14
14
|
active?: string;
|
|
15
15
|
children?: React.ReactNode;
|
|
@@ -41,7 +41,12 @@ export const Breadcrumbs = ({
|
|
|
41
41
|
};
|
|
42
42
|
|
|
43
43
|
return (
|
|
44
|
-
<MuiBreadcrumbs
|
|
44
|
+
<MuiBreadcrumbs
|
|
45
|
+
{...rest}
|
|
46
|
+
separator={<NavigateNextIcon fontSize="small" />}
|
|
47
|
+
slotProps={{ collapsedIcon: { className: 'breadcrumbs__collapsed-icon' } }}
|
|
48
|
+
slots={{ CollapsedIcon: MoreHorizontalIcon }}
|
|
49
|
+
>
|
|
45
50
|
<Link aria-label="Home" href={homeUrl}>
|
|
46
51
|
Home
|
|
47
52
|
</Link>
|