@availity/mui-breadcrumbs 0.1.8 → 0.2.0

package/CHANGELOG.md

@@ -2,28 +2,41 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.0](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.1.9...@availity/mui-breadcrumbs@0.2.0) (2023-12-14)
+
+
+### Features
+
+* add form story ([11d1f6c](https://github.com/Availity/element/commit/11d1f6c6191540bf02ff42d4056ac553eecc8c73))
+
+## [0.1.9](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.1.8...@availity/mui-breadcrumbs@0.1.9) (2023-11-16)
+
+### Dependency Updates
+
+- `mui-icon` updated to version `0.7.3`
+- `mui-link` updated to version `0.2.4`
+
 ## [0.1.8](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.1.7...@availity/mui-breadcrumbs@0.1.8) (2023-11-08)
 
 ### Dependency Updates
 
-* `mui-icon` updated to version `0.7.2`
-* `mui-link` updated to version `0.2.3`
+- `mui-icon` updated to version `0.7.2`
+- `mui-link` updated to version `0.2.3`
+
 ## [0.1.7](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.1.6...@availity/mui-breadcrumbs@0.1.7) (2023-11-07)
 
 ## [0.1.6](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.1.5...@availity/mui-breadcrumbs@0.1.6) (2023-10-25)
 
-
 ### Bug Fixes
 
-* **mui-breadcrumbs:** home link should not use loadApp ([dfcb187](https://github.com/Availity/element/commit/dfcb18756888865e2ab25535993979ddc15b9747))
-* **mui-breadcrumbs:** remove target on home link ([81d553d](https://github.com/Availity/element/commit/81d553d2601a228259db84f3346fc3abba1c2a88))
+- **mui-breadcrumbs:** home link should not use loadApp ([dfcb187](https://github.com/Availity/element/commit/dfcb18756888865e2ab25535993979ddc15b9747))
+- **mui-breadcrumbs:** remove target on home link ([81d553d](https://github.com/Availity/element/commit/81d553d2601a228259db84f3346fc3abba1c2a88))
 
 ## [0.1.5](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.1.4...@availity/mui-breadcrumbs@0.1.5) (2023-10-25)
 
-
 ### Bug Fixes
 
-* **mui-breadcrumbs:** home link target and separator tweaks ([4eb1b5f](https://github.com/Availity/element/commit/4eb1b5f172d072fe14ac9dc5b9d22707de7ca0b5))
+- **mui-breadcrumbs:** home link target and separator tweaks ([4eb1b5f](https://github.com/Availity/element/commit/4eb1b5f172d072fe14ac9dc5b9d22707de7ca0b5))
 
 ## [0.1.4](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.1.3...@availity/mui-breadcrumbs@0.1.4) (2023-10-06)
 

package/dist/index.js

@@ -29,6 +29,18 @@ var import_material = require("@mui/material");
 var import_mui_icon = require("@availity/mui-icon");
 var import_mui_link = require("@availity/mui-link");
 var import_jsx_runtime = require("react/jsx-runtime");
+var Breadcrumb = ({ name, url }) => {
+  const props = {
+    "aria-label": name,
+    children: name
+  };
+  return url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, {
+    ...props,
+    href: url
+  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, {
+    ...props
+  });
+};
 var Breadcrumbs = ({
   active,
   children,
@@ -37,18 +49,6 @@ var Breadcrumbs = ({
   homeUrl = "/public/apps/dashboard",
   ...rest
 }) => {
-  const renderBreadCrumb = ({ name = emptyState, url }) => {
-    const props = {
-      "aria-label": name,
-      children: name
-    };
-    return url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, {
-      ...props,
-      href: url
-    }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, {
-      ...props
-    });
-  };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Breadcrumbs, {
     ...rest,
     separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.NavigateNextIcon, {
@@ -63,7 +63,10 @@ var Breadcrumbs = ({
         loadApp: false,
         children: "Home"
       }),
-      crumbs && crumbs.length > 0 && crumbs.map((crumb) => renderBreadCrumb(crumb)),
+      crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumb, {
+        name,
+        url
+      }, name)),
       children,
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, {
         children: active || emptyState

package/dist/index.mjs

@@ -3,6 +3,18 @@ import { Breadcrumbs as MuiBreadcrumbs, Typography } from "@mui/material";
 import { NavigateNextIcon, MoreHorizontalIcon } from "@availity/mui-icon";
 import { Link } from "@availity/mui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
+var Breadcrumb = ({ name, url }) => {
+  const props = {
+    "aria-label": name,
+    children: name
+  };
+  return url ? /* @__PURE__ */ jsx(Link, {
+    ...props,
+    href: url
+  }) : /* @__PURE__ */ jsx(Typography, {
+    ...props
+  });
+};
 var Breadcrumbs = ({
   active,
   children,
@@ -11,18 +23,6 @@ var Breadcrumbs = ({
   homeUrl = "/public/apps/dashboard",
   ...rest
 }) => {
-  const renderBreadCrumb = ({ name = emptyState, url }) => {
-    const props = {
-      "aria-label": name,
-      children: name
-    };
-    return url ? /* @__PURE__ */ jsx(Link, {
-      ...props,
-      href: url
-    }) : /* @__PURE__ */ jsx(Typography, {
-      ...props
-    });
-  };
   return /* @__PURE__ */ jsxs(MuiBreadcrumbs, {
     ...rest,
     separator: /* @__PURE__ */ jsx(NavigateNextIcon, {
@@ -37,7 +37,10 @@ var Breadcrumbs = ({
         loadApp: false,
         children: "Home"
       }),
-      crumbs && crumbs.length > 0 && crumbs.map((crumb) => renderBreadCrumb(crumb)),
+      crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url }) => /* @__PURE__ */ jsx(Breadcrumb, {
+        name,
+        url
+      }, name)),
       children,
       /* @__PURE__ */ jsx(Typography, {
         children: active || emptyState

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-breadcrumbs",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "description": "Availity MUI Breadcrumbs Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -46,7 +46,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@availity/mui-icon": "^0.7.2",
-    "@availity/mui-link": "^0.2.3"
+    "@availity/mui-icon": "^0.7.3",
+    "@availity/mui-link": "^0.2.4"
   }
 }

package/src/lib/Breadcrumbs.tsx

@@ -26,6 +26,15 @@ export interface BreadcrumbsProps extends Omit<MuiBreadcrumbsProps, 'separator'
   homeUrl?: string;
 }
 
+const Breadcrumb = ({ name, url }: Crumb) => {
+  const props = {
+    'aria-label': name,
+    children: name,
+  };
+
+  return url ? <Link {...props} href={url} /> : <Typography {...props} />;
+};
+
 export const Breadcrumbs = ({
   active,
   children,
@@ -34,15 +43,6 @@ export const Breadcrumbs = ({
   homeUrl = '/public/apps/dashboard',
   ...rest
 }: BreadcrumbsProps): JSX.Element => {
-  const renderBreadCrumb = ({ name = emptyState, url }: Crumb) => {
-    const props = {
-      'aria-label': name,
-      children: name,
-    };
-
-    return url ? <Link {...props} href={url} /> : <Typography {...props} />;
-  };
-
   return (
     <MuiBreadcrumbs
       {...rest}
@@ -53,9 +53,11 @@ export const Breadcrumbs = ({
       <Link aria-label="Home" href={homeUrl} loadApp={false}>
         Home
       </Link>
-      {crumbs && crumbs.length > 0 && crumbs.map((crumb) => renderBreadCrumb(crumb))}
+      {crumbs &&
+        crumbs.length > 0 &&
+        crumbs.map(({ name = emptyState, url }) => <Breadcrumb name={name} url={url} key={name} />)}
       {children}
-      {<Typography>{active || emptyState}</Typography>}
+      <Typography>{active || emptyState}</Typography>
     </MuiBreadcrumbs>
   );
 };