@availity/mui-breadcrumbs 0.2.5 → 0.2.6
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 +6 -0
- package/dist/index.d.mts +31 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.js +62 -40
- package/dist/index.mjs +61 -40
- package/jest.config.js +10 -0
- package/package.json +6 -6
- package/project.json +8 -9
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
|
|
4
4
|
|
|
5
|
+
## [0.2.6](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.2.5...@availity/mui-breadcrumbs@0.2.6) (2024-04-19)
|
|
6
|
+
|
|
7
|
+
### Dependency Updates
|
|
8
|
+
|
|
9
|
+
* `mui-icon` updated to version `0.2.5`
|
|
10
|
+
* `mui-link` updated to version `0.2.5`
|
|
5
11
|
## [0.2.5](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.2.4...@availity/mui-breadcrumbs@0.2.5) (2024-04-04)
|
|
6
12
|
|
|
7
13
|
### Dependency Updates
|
package/dist/index.d.mts
ADDED
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { BreadcrumbsProps as BreadcrumbsProps$1 } from '@mui/material/Breadcrumbs';
|
|
2
|
+
|
|
3
|
+
interface Crumb {
|
|
4
|
+
/** The name of the ancestor page. */
|
|
5
|
+
name: string;
|
|
6
|
+
/** The url for navigating to the ancestor page. */
|
|
7
|
+
url: string;
|
|
8
|
+
/** The target on the Link component
|
|
9
|
+
* @default _top
|
|
10
|
+
*/
|
|
11
|
+
target?: string;
|
|
12
|
+
}
|
|
13
|
+
interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'separator' | 'slotProps' | 'slots'> {
|
|
14
|
+
/** The name of the active page (the page the user is currently on). */
|
|
15
|
+
active?: string;
|
|
16
|
+
children?: React.ReactNode;
|
|
17
|
+
/** The ancestor pages.
|
|
18
|
+
* An array of objects containing the name and url
|
|
19
|
+
* { name: 'Page', url: '#' }
|
|
20
|
+
*/
|
|
21
|
+
crumbs?: Crumb[];
|
|
22
|
+
/** The value to display when the active page or an ancestor does not have a value.
|
|
23
|
+
* @default ... */
|
|
24
|
+
emptyState?: string;
|
|
25
|
+
/** Url for the Home route.
|
|
26
|
+
* @default /public/apps/dashboard */
|
|
27
|
+
homeUrl?: string;
|
|
28
|
+
}
|
|
29
|
+
declare const Breadcrumbs: ({ active, children, crumbs, emptyState, homeUrl, ...rest }: BreadcrumbsProps) => JSX.Element;
|
|
30
|
+
|
|
31
|
+
export { Breadcrumbs, type BreadcrumbsProps };
|
package/dist/index.d.ts
CHANGED
|
@@ -28,4 +28,4 @@ interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'separator' | 'slotP
|
|
|
28
28
|
}
|
|
29
29
|
declare const Breadcrumbs: ({ active, children, crumbs, emptyState, homeUrl, ...rest }: BreadcrumbsProps) => JSX.Element;
|
|
30
30
|
|
|
31
|
-
export { Breadcrumbs, BreadcrumbsProps };
|
|
31
|
+
export { Breadcrumbs, type BreadcrumbsProps };
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
var __create = Object.create;
|
|
3
3
|
var __defProp = Object.defineProperty;
|
|
4
|
+
var __defProps = Object.defineProperties;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
6
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
7
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
8
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
9
|
var __getProtoOf = Object.getPrototypeOf;
|
|
7
10
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
11
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
12
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
13
|
+
var __spreadValues = (a, b) => {
|
|
14
|
+
for (var prop in b || (b = {}))
|
|
15
|
+
if (__hasOwnProp.call(b, prop))
|
|
16
|
+
__defNormalProp(a, prop, b[prop]);
|
|
17
|
+
if (__getOwnPropSymbols)
|
|
18
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
19
|
+
if (__propIsEnum.call(b, prop))
|
|
20
|
+
__defNormalProp(a, prop, b[prop]);
|
|
21
|
+
}
|
|
22
|
+
return a;
|
|
23
|
+
};
|
|
24
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
25
|
+
var __objRest = (source, exclude) => {
|
|
26
|
+
var target = {};
|
|
27
|
+
for (var prop in source)
|
|
28
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
29
|
+
target[prop] = source[prop];
|
|
30
|
+
if (source != null && __getOwnPropSymbols)
|
|
31
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
32
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
33
|
+
target[prop] = source[prop];
|
|
34
|
+
}
|
|
35
|
+
return target;
|
|
36
|
+
};
|
|
8
37
|
var __export = (target, all) => {
|
|
9
38
|
for (var name in all)
|
|
10
39
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -18,6 +47,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
18
47
|
return to;
|
|
19
48
|
};
|
|
20
49
|
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
50
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
51
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
52
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
53
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
54
|
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
55
|
mod
|
|
23
56
|
));
|
|
@@ -41,47 +74,36 @@ var Breadcrumb = ({ name, url, target = "_top" }) => {
|
|
|
41
74
|
"aria-label": name,
|
|
42
75
|
children: name
|
|
43
76
|
};
|
|
44
|
-
return url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, {
|
|
45
|
-
...props,
|
|
46
|
-
href: url,
|
|
47
|
-
target
|
|
48
|
-
}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography.default, {
|
|
49
|
-
...props
|
|
50
|
-
});
|
|
77
|
+
return url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, __spreadProps(__spreadValues({}, props), { href: url, target })) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography.default, __spreadValues({}, props));
|
|
51
78
|
};
|
|
52
|
-
var Breadcrumbs = ({
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
}
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography.default, {
|
|
81
|
-
children: active || emptyState
|
|
82
|
-
})
|
|
83
|
-
]
|
|
84
|
-
});
|
|
79
|
+
var Breadcrumbs = (_a) => {
|
|
80
|
+
var _b = _a, {
|
|
81
|
+
active,
|
|
82
|
+
children,
|
|
83
|
+
crumbs,
|
|
84
|
+
emptyState = "...",
|
|
85
|
+
homeUrl = "/public/apps/dashboard"
|
|
86
|
+
} = _b, rest = __objRest(_b, [
|
|
87
|
+
"active",
|
|
88
|
+
"children",
|
|
89
|
+
"crumbs",
|
|
90
|
+
"emptyState",
|
|
91
|
+
"homeUrl"
|
|
92
|
+
]);
|
|
93
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
94
|
+
import_Breadcrumbs.default,
|
|
95
|
+
__spreadProps(__spreadValues({}, rest), {
|
|
96
|
+
separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.NavigateNextIcon, { fontSize: "xsmall" }),
|
|
97
|
+
slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
|
|
98
|
+
slots: { CollapsedIcon: import_mui_icon.MoreHorizontalIcon },
|
|
99
|
+
children: [
|
|
100
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, { "aria-label": "Home", href: homeUrl, loadApp: false, children: "Home" }),
|
|
101
|
+
crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url, target }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumb, { name, url, target }, name)),
|
|
102
|
+
children,
|
|
103
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography.default, { children: active || emptyState })
|
|
104
|
+
]
|
|
105
|
+
})
|
|
106
|
+
);
|
|
85
107
|
};
|
|
86
108
|
// Annotate the CommonJS export names for ESM import in node:
|
|
87
109
|
0 && (module.exports = {
|
package/dist/index.mjs
CHANGED
|
@@ -1,3 +1,35 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
32
|
+
|
|
1
33
|
// src/lib/Breadcrumbs.tsx
|
|
2
34
|
import { default as MuiBreadcrumbs } from "@mui/material/Breadcrumbs";
|
|
3
35
|
import Typography from "@mui/material/Typography";
|
|
@@ -9,47 +41,36 @@ var Breadcrumb = ({ name, url, target = "_top" }) => {
|
|
|
9
41
|
"aria-label": name,
|
|
10
42
|
children: name
|
|
11
43
|
};
|
|
12
|
-
return url ? /* @__PURE__ */ jsx(Link, {
|
|
13
|
-
...props,
|
|
14
|
-
href: url,
|
|
15
|
-
target
|
|
16
|
-
}) : /* @__PURE__ */ jsx(Typography, {
|
|
17
|
-
...props
|
|
18
|
-
});
|
|
44
|
+
return url ? /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({}, props), { href: url, target })) : /* @__PURE__ */ jsx(Typography, __spreadValues({}, props));
|
|
19
45
|
};
|
|
20
|
-
var Breadcrumbs = ({
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
/* @__PURE__ */ jsx(Typography, {
|
|
49
|
-
children: active || emptyState
|
|
50
|
-
})
|
|
51
|
-
]
|
|
52
|
-
});
|
|
46
|
+
var Breadcrumbs = (_a) => {
|
|
47
|
+
var _b = _a, {
|
|
48
|
+
active,
|
|
49
|
+
children,
|
|
50
|
+
crumbs,
|
|
51
|
+
emptyState = "...",
|
|
52
|
+
homeUrl = "/public/apps/dashboard"
|
|
53
|
+
} = _b, rest = __objRest(_b, [
|
|
54
|
+
"active",
|
|
55
|
+
"children",
|
|
56
|
+
"crumbs",
|
|
57
|
+
"emptyState",
|
|
58
|
+
"homeUrl"
|
|
59
|
+
]);
|
|
60
|
+
return /* @__PURE__ */ jsxs(
|
|
61
|
+
MuiBreadcrumbs,
|
|
62
|
+
__spreadProps(__spreadValues({}, rest), {
|
|
63
|
+
separator: /* @__PURE__ */ jsx(NavigateNextIcon, { fontSize: "xsmall" }),
|
|
64
|
+
slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
|
|
65
|
+
slots: { CollapsedIcon: MoreHorizontalIcon },
|
|
66
|
+
children: [
|
|
67
|
+
/* @__PURE__ */ jsx(Link, { "aria-label": "Home", href: homeUrl, loadApp: false, children: "Home" }),
|
|
68
|
+
crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url, target }) => /* @__PURE__ */ jsx(Breadcrumb, { name, url, target }, name)),
|
|
69
|
+
children,
|
|
70
|
+
/* @__PURE__ */ jsx(Typography, { children: active || emptyState })
|
|
71
|
+
]
|
|
72
|
+
})
|
|
73
|
+
);
|
|
53
74
|
};
|
|
54
75
|
export {
|
|
55
76
|
Breadcrumbs
|
package/jest.config.js
CHANGED
|
@@ -4,4 +4,14 @@ module.exports = {
|
|
|
4
4
|
...global,
|
|
5
5
|
displayName: 'breadcrumbs',
|
|
6
6
|
coverageDirectory: '../../coverage/breadcrumbs',
|
|
7
|
+
/* TODO: Update to latest Jest snapshotFormat
|
|
8
|
+
* By default Nx has kept the older style of Jest Snapshot formats
|
|
9
|
+
* to prevent breaking of any existing tests with snapshots.
|
|
10
|
+
* It's recommend you update to the latest format.
|
|
11
|
+
* You can do this by removing snapshotFormat property
|
|
12
|
+
* and running tests with --update-snapshot flag.
|
|
13
|
+
* Example: From within the project directory, run "nx test --update-snapshot"
|
|
14
|
+
* More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format
|
|
15
|
+
*/
|
|
16
|
+
snapshotFormat: { escapeString: true, printBasicPrototype: true },
|
|
7
17
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@availity/mui-breadcrumbs",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.6",
|
|
4
4
|
"description": "Availity MUI Breadcrumbs Component - part of the @availity/element design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -32,11 +32,11 @@
|
|
|
32
32
|
"publish:canary": "yarn npm publish --access public --tag canary"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@mui/material": "^5.
|
|
35
|
+
"@mui/material": "^5.15.15",
|
|
36
36
|
"react": "18.2.0",
|
|
37
37
|
"react-dom": "18.2.0",
|
|
38
|
-
"tsup": "^
|
|
39
|
-
"typescript": "^4.
|
|
38
|
+
"tsup": "^8.0.2",
|
|
39
|
+
"typescript": "^5.4.5"
|
|
40
40
|
},
|
|
41
41
|
"peerDependencies": {
|
|
42
42
|
"@mui/material": "^5.11.9",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"access": "public"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@availity/mui-icon": "^0.8.
|
|
50
|
-
"@availity/mui-link": "^0.2.
|
|
49
|
+
"@availity/mui-icon": "^0.8.2",
|
|
50
|
+
"@availity/mui-link": "^0.2.9"
|
|
51
51
|
}
|
|
52
52
|
}
|
package/project.json
CHANGED
|
@@ -6,10 +6,9 @@
|
|
|
6
6
|
"tags": [],
|
|
7
7
|
"targets": {
|
|
8
8
|
"lint": {
|
|
9
|
-
"executor": "@
|
|
9
|
+
"executor": "@nx/eslint:lint",
|
|
10
10
|
"options": {
|
|
11
11
|
"eslintConfig": ".eslintrc.json",
|
|
12
|
-
"lintFilePatterns": ["packages/breadcrumbs/**/*.{js,ts}"],
|
|
13
12
|
"silent": false,
|
|
14
13
|
"fix": false,
|
|
15
14
|
"cache": true,
|
|
@@ -22,20 +21,20 @@
|
|
|
22
21
|
}
|
|
23
22
|
},
|
|
24
23
|
"test": {
|
|
25
|
-
"executor": "@
|
|
26
|
-
"outputs": ["coverage/breadcrumbs"],
|
|
24
|
+
"executor": "@nx/jest:jest",
|
|
25
|
+
"outputs": ["{workspaceRoot}/coverage/breadcrumbs"],
|
|
27
26
|
"options": {
|
|
28
|
-
"jestConfig": "packages/breadcrumbs/jest.config.js"
|
|
29
|
-
"passWithNoTests": true
|
|
27
|
+
"jestConfig": "packages/breadcrumbs/jest.config.js"
|
|
30
28
|
}
|
|
31
29
|
},
|
|
32
30
|
"version": {
|
|
33
31
|
"executor": "@jscutlery/semver:version",
|
|
34
32
|
"options": {
|
|
35
33
|
"preset": "conventional",
|
|
36
|
-
"commitMessageFormat": "chore(
|
|
37
|
-
"tagPrefix": "@availity
|
|
38
|
-
"trackDeps": true
|
|
34
|
+
"commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
|
|
35
|
+
"tagPrefix": "@availity/{projectName}@",
|
|
36
|
+
"trackDeps": true,
|
|
37
|
+
"skipCommitTypes": ["docs"]
|
|
39
38
|
}
|
|
40
39
|
}
|
|
41
40
|
}
|