@availity/mui-breadcrumbs 0.2.4 → 0.2.6

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [0.2.6](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.2.5...@availity/mui-breadcrumbs@0.2.6) (2024-04-19)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `0.2.5`
+* `mui-link` updated to version `0.2.5`
+## [0.2.5](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.2.4...@availity/mui-breadcrumbs@0.2.5) (2024-04-04)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `0.8.1`
+* `mui-link` updated to version `0.2.8`
+
+### Performance Improvements
+
+* **mui-breadcrumbs:** use path imports for material deps ([5ca7692](https://github.com/Availity/element/commit/5ca769283a7edf97f0c639f551ec4dc9efde0b86))
+
 ## [0.2.4](https://github.com/Availity/element/compare/@availity/mui-breadcrumbs@0.2.3...@availity/mui-breadcrumbs@0.2.4) (2024-03-15)
 
 ### Dependency Updates

package/dist/index.d.mts

@@ -0,0 +1,31 @@
+import { BreadcrumbsProps as BreadcrumbsProps$1 } from '@mui/material/Breadcrumbs';
+
+interface Crumb {
+    /** The name of the ancestor page. */
+    name: string;
+    /** The url for navigating to the ancestor page. */
+    url: string;
+    /** The target on the Link component
+     * @default _top
+     */
+    target?: string;
+}
+interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'separator' | 'slotProps' | 'slots'> {
+    /** The name of the active page (the page the user is currently on). */
+    active?: string;
+    children?: React.ReactNode;
+    /** The ancestor pages.
+     * An array of objects containing the name and url
+     * { name: 'Page', url: '#' }
+     */
+    crumbs?: Crumb[];
+    /** The value to display when the active page or an ancestor does not have a value.
+     * @default ... */
+    emptyState?: string;
+    /** Url for the Home route.
+     * @default /public/apps/dashboard */
+    homeUrl?: string;
+}
+declare const Breadcrumbs: ({ active, children, crumbs, emptyState, homeUrl, ...rest }: BreadcrumbsProps) => JSX.Element;
+
+export { Breadcrumbs, type BreadcrumbsProps };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { BreadcrumbsProps as BreadcrumbsProps$1 } from '@mui/material';
+import { BreadcrumbsProps as BreadcrumbsProps$1 } from '@mui/material/Breadcrumbs';
 
 interface Crumb {
     /** The name of the ancestor page. */
@@ -28,4 +28,4 @@ interface BreadcrumbsProps extends Omit<BreadcrumbsProps$1, 'separator' | 'slotP
 }
 declare const Breadcrumbs: ({ active, children, crumbs, emptyState, homeUrl, ...rest }: BreadcrumbsProps) => JSX.Element;
 
-export { Breadcrumbs, BreadcrumbsProps };
+export { Breadcrumbs, type BreadcrumbsProps };

package/dist/index.js

@@ -1,8 +1,39 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -15,6 +46,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -25,7 +64,8 @@ __export(src_exports, {
 module.exports = __toCommonJS(src_exports);
 
 // src/lib/Breadcrumbs.tsx
-var import_material = require("@mui/material");
+var import_Breadcrumbs = __toESM(require("@mui/material/Breadcrumbs"));
+var import_Typography = __toESM(require("@mui/material/Typography"));
 var import_mui_icon = require("@availity/mui-icon");
 var import_mui_link = require("@availity/mui-link");
 var import_jsx_runtime = require("react/jsx-runtime");
@@ -34,47 +74,36 @@ var Breadcrumb = ({ name, url, target = "_top" }) => {
     "aria-label": name,
     children: name
   };
-  return url ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, {
-    ...props,
-    href: url,
-    target
-  }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, {
-    ...props
-  });
+  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));
 };
-var Breadcrumbs = ({
-  active,
-  children,
-  crumbs,
-  emptyState = "...",
-  homeUrl = "/public/apps/dashboard",
-  ...rest
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_material.Breadcrumbs, {
-    ...rest,
-    separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.NavigateNextIcon, {
-      fontSize: "xsmall"
-    }),
-    slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
-    slots: { CollapsedIcon: import_mui_icon.MoreHorizontalIcon },
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, {
-        "aria-label": "Home",
-        href: homeUrl,
-        loadApp: false,
-        children: "Home"
-      }),
-      crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url, target }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumb, {
-        name,
-        url,
-        target
-      }, name)),
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Typography, {
-        children: active || emptyState
-      })
-    ]
-  });
+var Breadcrumbs = (_a) => {
+  var _b = _a, {
+    active,
+    children,
+    crumbs,
+    emptyState = "...",
+    homeUrl = "/public/apps/dashboard"
+  } = _b, rest = __objRest(_b, [
+    "active",
+    "children",
+    "crumbs",
+    "emptyState",
+    "homeUrl"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_Breadcrumbs.default,
+    __spreadProps(__spreadValues({}, rest), {
+      separator: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.NavigateNextIcon, { fontSize: "xsmall" }),
+      slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
+      slots: { CollapsedIcon: import_mui_icon.MoreHorizontalIcon },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_link.Link, { "aria-label": "Home", href: homeUrl, loadApp: false, children: "Home" }),
+        crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url, target }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumb, { name, url, target }, name)),
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Typography.default, { children: active || emptyState })
+      ]
+    })
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/index.mjs

@@ -1,5 +1,38 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+
 // src/lib/Breadcrumbs.tsx
-import { Breadcrumbs as MuiBreadcrumbs, Typography } from "@mui/material";
+import { default as MuiBreadcrumbs } from "@mui/material/Breadcrumbs";
+import Typography from "@mui/material/Typography";
 import { NavigateNextIcon, MoreHorizontalIcon } from "@availity/mui-icon";
 import { Link } from "@availity/mui-link";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -8,47 +41,36 @@ var Breadcrumb = ({ name, url, target = "_top" }) => {
     "aria-label": name,
     children: name
   };
-  return url ? /* @__PURE__ */ jsx(Link, {
-    ...props,
-    href: url,
-    target
-  }) : /* @__PURE__ */ jsx(Typography, {
-    ...props
-  });
+  return url ? /* @__PURE__ */ jsx(Link, __spreadProps(__spreadValues({}, props), { href: url, target })) : /* @__PURE__ */ jsx(Typography, __spreadValues({}, props));
 };
-var Breadcrumbs = ({
-  active,
-  children,
-  crumbs,
-  emptyState = "...",
-  homeUrl = "/public/apps/dashboard",
-  ...rest
-}) => {
-  return /* @__PURE__ */ jsxs(MuiBreadcrumbs, {
-    ...rest,
-    separator: /* @__PURE__ */ jsx(NavigateNextIcon, {
-      fontSize: "xsmall"
-    }),
-    slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
-    slots: { CollapsedIcon: MoreHorizontalIcon },
-    children: [
-      /* @__PURE__ */ jsx(Link, {
-        "aria-label": "Home",
-        href: homeUrl,
-        loadApp: false,
-        children: "Home"
-      }),
-      crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url, target }) => /* @__PURE__ */ jsx(Breadcrumb, {
-        name,
-        url,
-        target
-      }, name)),
-      children,
-      /* @__PURE__ */ jsx(Typography, {
-        children: active || emptyState
-      })
-    ]
-  });
+var Breadcrumbs = (_a) => {
+  var _b = _a, {
+    active,
+    children,
+    crumbs,
+    emptyState = "...",
+    homeUrl = "/public/apps/dashboard"
+  } = _b, rest = __objRest(_b, [
+    "active",
+    "children",
+    "crumbs",
+    "emptyState",
+    "homeUrl"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    MuiBreadcrumbs,
+    __spreadProps(__spreadValues({}, rest), {
+      separator: /* @__PURE__ */ jsx(NavigateNextIcon, { fontSize: "xsmall" }),
+      slotProps: { collapsedIcon: { className: "breadcrumbs__collapsed-icon" } },
+      slots: { CollapsedIcon: MoreHorizontalIcon },
+      children: [
+        /* @__PURE__ */ jsx(Link, { "aria-label": "Home", href: homeUrl, loadApp: false, children: "Home" }),
+        crumbs && crumbs.length > 0 && crumbs.map(({ name = emptyState, url, target }) => /* @__PURE__ */ jsx(Breadcrumb, { name, url, target }, name)),
+        children,
+        /* @__PURE__ */ jsx(Typography, { children: active || emptyState })
+      ]
+    })
+  );
 };
 export {
   Breadcrumbs

package/jest.config.js

@@ -4,4 +4,14 @@ module.exports = {
   ...global,
   displayName: 'breadcrumbs',
   coverageDirectory: '../../coverage/breadcrumbs',
+  /* TODO: Update to latest Jest snapshotFormat
+   * By default Nx has kept the older style of Jest Snapshot formats
+   * to prevent breaking of any existing tests with snapshots.
+   * It's recommend you update to the latest format.
+   * You can do this by removing snapshotFormat property
+   * and running tests with --update-snapshot flag.
+   * Example: From within the project directory, run "nx test --update-snapshot"
+   * More info: https://jestjs.io/docs/upgrading-to-jest29#snapshot-format
+   */
+  snapshotFormat: { escapeString: true, printBasicPrototype: true },
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@availity/mui-breadcrumbs",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "description": "Availity MUI Breadcrumbs Component - part of the @availity/element design system",
   "keywords": [
     "react",
@@ -32,11 +32,11 @@
     "publish:canary": "yarn npm publish --access public --tag canary"
   },
   "devDependencies": {
-    "@mui/material": "^5.14.12",
+    "@mui/material": "^5.15.15",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "tsup": "^5.12.7",
-    "typescript": "^4.6.4"
+    "tsup": "^8.0.2",
+    "typescript": "^5.4.5"
   },
   "peerDependencies": {
     "@mui/material": "^5.11.9",
@@ -46,7 +46,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@availity/mui-icon": "^0.8.0",
-    "@availity/mui-link": "^0.2.7"
+    "@availity/mui-icon": "^0.8.2",
+    "@availity/mui-link": "^0.2.9"
   }
 }

package/project.json

@@ -6,10 +6,9 @@
   "tags": [],
   "targets": {
     "lint": {
-      "executor": "@nrwl/linter:eslint",
+      "executor": "@nx/eslint:lint",
       "options": {
         "eslintConfig": ".eslintrc.json",
-        "lintFilePatterns": ["packages/breadcrumbs/**/*.{js,ts}"],
         "silent": false,
         "fix": false,
         "cache": true,
@@ -22,20 +21,20 @@
       }
     },
     "test": {
-      "executor": "@nrwl/jest:jest",
-      "outputs": ["coverage/breadcrumbs"],
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/breadcrumbs"],
       "options": {
-        "jestConfig": "packages/breadcrumbs/jest.config.js",
-        "passWithNoTests": true
+        "jestConfig": "packages/breadcrumbs/jest.config.js"
       }
     },
     "version": {
       "executor": "@jscutlery/semver:version",
       "options": {
         "preset": "conventional",
-        "commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
-        "tagPrefix": "@availity/${projectName}@",
-        "trackDeps": true
+        "commitMessageFormat": "chore({projectName}): release version ${version} [skip ci]",
+        "tagPrefix": "@availity/{projectName}@",
+        "trackDeps": true,
+        "skipCommitTypes": ["docs"]
       }
     }
   }

package/src/lib/Breadcrumbs.tsx

@@ -1,4 +1,5 @@
-import { Breadcrumbs as MuiBreadcrumbs, BreadcrumbsProps as MuiBreadcrumbsProps, Typography } from '@mui/material';
+import { default as MuiBreadcrumbs, BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material/Breadcrumbs';
+import Typography from '@mui/material/Typography';
 import { NavigateNextIcon, MoreHorizontalIcon } from '@availity/mui-icon';
 import { Link } from '@availity/mui-link';