@purpurds/breadcrumbs 5.28.1 → 5.28.3

package/dist/breadcrumbs.d.ts

@@ -11,6 +11,8 @@ export type BreadcrumbsProps = {
     negative?: boolean;
     /** Set to render the last breadcrumb item in bold font to indicate that this is the current page. Setting this to false will render the last item as a normal breadcrumb link. Defaults to true. */
     highlightLast?: boolean;
+    /** Set to not render the home icon in front of the first breadcrumb item. */
+    hideHomeIcon?: boolean;
 };
 type CommonItemProps = {
     current?: boolean;
@@ -29,7 +31,7 @@ type Conditional = {
     children: ReactElement<HTMLAnchorElement>;
 };
 declare const Breadcrumbs: {
-    ({ ["data-testid"]: dataTestId, ariaLabel, children, className, meta, negative, highlightLast, }: BreadcrumbsProps): React.JSX.Element;
+    ({ ["data-testid"]: dataTestId, ariaLabel, children, className, meta, negative, highlightLast, hideHomeIcon, }: BreadcrumbsProps): React.JSX.Element;
     Item: ({ href, ["data-testid"]: dataTestId, children, current, negative, onClick, ...rest }: BreadcrumbsItemProps) => React.JSX.Element;
 };
 declare const Item: ({ href, ["data-testid"]: dataTestId, children, current, negative, onClick, ...rest }: BreadcrumbsItemProps) => React.JSX.Element;

package/dist/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,YAAY,EAAE,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oMAAoM;IACpM,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,WAAW,CAAC;AAEjE,KAAK,WAAW,GACZ;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC3C,CAAC;AAKN,QAAA,MAAM,WAAW;sGAQd,gBAAgB;iGA4EhB,oBAAoB;CAVtB,CAAC;AAEF,QAAA,MAAM,IAAI,yFAQP,oBAAoB,sBAqCtB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,IAAI,IAAI,eAAe,EAAE,CAAC"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../src/breadcrumbs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,YAAY,EAAE,MAAM,OAAO,CAAC;AAOnF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,YAAY,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,oBAAoB,CAAC,CAAC,CAAC;IACzF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2EAA2E;IAC3E,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oMAAoM;IACpM,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,KAAK,eAAe,GAAG;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,eAAe,GAAG,WAAW,CAAC;AAEjE,KAAK,WAAW,GACZ;IACE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;CAClB,GACD;IACE,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAC;CAC3C,CAAC;AAKN,QAAA,MAAM,WAAW;oHASd,gBAAgB;iGA+EhB,oBAAoB;CAVtB,CAAC;AAEF,QAAA,MAAM,IAAI,yFAQP,oBAAoB,sBAgCtB,CAAC;AAIF,OAAO,EAAE,WAAW,EAAE,IAAI,IAAI,eAAe,EAAE,CAAC"}

package/dist/breadcrumbs.es.js

@@ -1,7 +1,7 @@
-import { jsx as o, jsxs as y, Fragment as H } from "react/jsx-runtime";
-import { Children as $, cloneElement as S, createElement as A } from "react";
-function P(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+import { jsx as o, jsxs as w, Fragment as A } from "react/jsx-runtime";
+import { Children as $, cloneElement as S, createElement as P } from "react";
+function E(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var j = { exports: {} };
 /*!
@@ -9,12 +9,12 @@ var j = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
     var s = {}.hasOwnProperty;
     function n() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var u = arguments[t];
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
         u && (r = i(r, a.call(this, u)));
       }
       return r;
@@ -28,19 +28,19 @@ var j = { exports: {} };
         return n.apply(this, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var u in r)
-        s.call(r, u) && r[u] && (t = i(t, this && this[u] || u));
-      return t;
+        s.call(r, u) && r[u] && (e = i(e, this && this[u] || u));
+      return e;
     }
-    function i(r, t) {
-      return t ? r ? r + " " + t : r + t : r;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(j);
-var E = j.exports;
-const Z = /* @__PURE__ */ P(E), C = {
+var Z = j.exports;
+const C = /* @__PURE__ */ E(Z), T = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -48,53 +48,53 @@ const Z = /* @__PURE__ */ P(E), C = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, T = {
+}, k = {
   name: "home",
   svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M11.38 1.848a.9.9 0 0 1 1.24 0l8.69 8.276c1.242 1.183.405 3.276-1.31 3.276h-.6v8.1a.9.9 0 0 1-.9.9h-13a.9.9 0 0 1-.9-.9v-8.1H4c-1.715 0-2.552-2.093-1.31-3.276l8.69-8.276ZM12 3.743l-8.069 7.685c-.026.024-.03.04-.032.049a.11.11 0 0 0 .008.06.11.11 0 0 0 .036.049c.007.005.021.014.057.014h1.5a.9.9 0 0 1 .9.9v8.1h11.2v-8.1a.9.9 0 0 1 .9-.9H20c.036 0 .05-.009.057-.014a.111.111 0 0 0 .036-.049.111.111 0 0 0 .008-.06c-.002-.008-.006-.025-.032-.05L12 3.744ZM10.6 14a.9.9 0 0 1 .9-.9H15a.9.9 0 0 1 .9.9v4a.9.9 0 0 1-.9.9h-3.5a.9.9 0 0 1-.9-.9v-4Zm1.8.9v2.2h1.7v-2.2h-1.7Z" clip-rule="evenodd"/></svg>',
   keywords: ["home"],
   category: "buildings"
-}, I = (e) => /* @__PURE__ */ o(
+}, I = (t) => /* @__PURE__ */ o(
   O,
   {
-    ...e,
-    svg: T
+    ...t,
+    svg: k
   }
 );
 I.displayName = "IconHome";
-const k = Z.bind(C), N = "purpur-icon", z = "md", F = (e) => e.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), J = ({ content: e = "", title: s } = {}) => {
+const z = C.bind(T), N = "purpur-icon", F = "md", J = (t) => t.filter((s) => Object.keys(s).length >= 1).map((s) => `${s.name}="${s.value}"`).join(" "), D = ({ content: t = "", title: s } = {}) => {
   const n = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
     { name: "viewBox", value: "0 0 24 24" },
     s ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
   ], a = s ? `<title>${s}</title>` : "";
-  return `<svg ${F(n)}>${a}${e}</svg>`;
-}, D = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), O = ({
-  ["data-testid"]: e,
+  return `<svg ${J(n)}>${a}${t}</svg>`;
+}, U = (t) => t.replace(/<(\/?)svg([^>]*)>/g, "").trim(), O = ({
+  ["data-testid"]: t,
   svg: s,
   allyTitle: n,
   className: a,
-  size: i = z,
+  size: i = F,
   ...r
 }) => {
-  const t = J({
-    content: D(s.svg),
+  const e = D({
+    content: U(s.svg),
     title: n
-  }), u = k(a, N, `${N}--${i}`);
+  }), u = z(a, N, `${N}--${i}`);
   return /* @__PURE__ */ o(
     "span",
     {
       "aria-label": n,
       className: u,
-      "data-testid": e,
-      dangerouslySetInnerHTML: { __html: t },
+      "data-testid": t,
+      dangerouslySetInnerHTML: { __html: e },
       ...r
     }
   );
 };
 O.displayName = "Icon";
-function U(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+function V(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
 }
 var L = { exports: {} };
 /*!
@@ -102,12 +102,12 @@ var L = { exports: {} };
 	Licensed under the MIT License (MIT), see
 	http://jedwatson.github.io/classnames
 */
-(function(e) {
+(function(t) {
   (function() {
     var s = {}.hasOwnProperty;
     function n() {
-      for (var r = "", t = 0; t < arguments.length; t++) {
-        var u = arguments[t];
+      for (var r = "", e = 0; e < arguments.length; e++) {
+        var u = arguments[e];
         u && (r = i(r, a(u)));
       }
       return r;
@@ -121,109 +121,106 @@ var L = { exports: {} };
         return n.apply(null, r);
       if (r.toString !== Object.prototype.toString && !r.toString.toString().includes("[native code]"))
         return r.toString();
-      var t = "";
+      var e = "";
       for (var u in r)
-        s.call(r, u) && r[u] && (t = i(t, u));
-      return t;
+        s.call(r, u) && r[u] && (e = i(e, u));
+      return e;
     }
-    function i(r, t) {
-      return t ? r ? r + " " + t : r + t : r;
+    function i(r, e) {
+      return e ? r ? r + " " + e : r + e : r;
     }
-    e.exports ? (n.default = n, e.exports = n) : window.classNames = n;
+    t.exports ? (n.default = n, t.exports = n) : window.classNames = n;
   })();
 })(L);
-var V = L.exports;
-const q = /* @__PURE__ */ U(V), p = {
-  "purpur-breadcrumbs": "_purpur-breadcrumbs_3f81v_1",
-  "purpur-breadcrumbs--default": "_purpur-breadcrumbs--default_3f81v_21",
-  "purpur-breadcrumbs--negative": "_purpur-breadcrumbs--negative_3f81v_35",
-  "purpur-breadcrumbs__list": "_purpur-breadcrumbs__list_3f81v_49",
-  "purpur-breadcrumbs__home": "_purpur-breadcrumbs__home_3f81v_57",
-  "purpur-breadcrumb-item": "_purpur-breadcrumb-item_3f81v_67",
-  "purpur-breadcrumb-item--current": "_purpur-breadcrumb-item--current_3f81v_70",
-  "purpur-breadcrumb-item--negative": "_purpur-breadcrumb-item--negative_3f81v_92",
-  "purpur-breadcrumb-item__separator": "_purpur-breadcrumb-item__separator_3f81v_95"
-}, X = (e, s, n) => ({
+var X = L.exports;
+const q = /* @__PURE__ */ V(X), l = {
+  "purpur-breadcrumbs": "_purpur-breadcrumbs_465gy_1",
+  "purpur-breadcrumbs--default": "_purpur-breadcrumbs--default_465gy_21",
+  "purpur-breadcrumbs--negative": "_purpur-breadcrumbs--negative_465gy_35",
+  "purpur-breadcrumbs__list": "_purpur-breadcrumbs__list_465gy_49",
+  "purpur-breadcrumbs__home": "_purpur-breadcrumbs__home_465gy_57",
+  "purpur-breadcrumb-item": "_purpur-breadcrumb-item_465gy_67",
+  "purpur-breadcrumb-item--current": "_purpur-breadcrumb-item--current_465gy_72",
+  "purpur-breadcrumb-item--negative": "_purpur-breadcrumb-item--negative_465gy_94"
+}, Y = (t, s, n) => ({
   "@type": "ListItem",
   position: n,
-  name: e,
+  name: t,
   item: s
-}), Y = (e) => JSON.stringify({
+}), K = (t) => JSON.stringify({
   "@context": "https://schema.org",
   "@type": "BreadcrumbList",
-  itemListElement: e
-}), b = "purpur-breadcrumbs", v = "purpur-breadcrumb-item", K = ({
-  ["data-testid"]: e,
+  itemListElement: t
+}), v = "purpur-breadcrumbs", h = "purpur-breadcrumb-item", Q = ({
+  ["data-testid"]: t,
   ariaLabel: s,
   children: n,
   className: a,
   meta: i = !0,
   negative: r = !1,
-  highlightLast: t = !0
+  highlightLast: e = !0,
+  hideHomeIcon: u
 }) => {
-  const u = q([
+  const y = q([
     a,
-    p[b],
-    p[`${b}--${r ? "negative" : "default"}`]
-  ]), h = $.count(n), l = [], x = $.map(n, (m, M) => {
-    const g = M + 1, B = t && h === g, d = m.props.children, c = typeof d == "string" ? null : d.props;
-    let f = null, _ = null;
-    return typeof d == "string" ? (f = d, _ = m.props.href) : c != null && c.children && typeof (c == null ? void 0 : c.children) == "string" && (f = c.children, _ = c.href), f && _ && l.push(X(f, _, g)), S(m, {
-      current: B,
+    l[v],
+    l[`${v}--${r ? "negative" : "default"}`]
+  ]), p = $.count(n), m = [], M = $.map(n, (d, B) => {
+    const g = B + 1, H = e && p === g, f = d.props.children, c = typeof f == "string" ? null : f.props;
+    let _ = null, b = null;
+    return typeof f == "string" ? (_ = f, b = d.props.href) : c != null && c.children && typeof (c == null ? void 0 : c.children) == "string" && (_ = c.children, b = c.href), _ && b && m.push(Y(_, b, g)), S(d, {
+      current: H,
       negative: r,
       ...g === 1 && {
-        children: /* @__PURE__ */ y(H, { children: [
-          /* @__PURE__ */ o("span", { className: p[`${b}__home`], "aria-hidden": "true", children: /* @__PURE__ */ o(I, { size: "xs" }) }),
-          m.props.children
+        children: /* @__PURE__ */ w(A, { children: [
+          u ? null : /* @__PURE__ */ o("span", { className: l[`${v}__home`], "aria-hidden": "true", children: /* @__PURE__ */ o(I, { size: "xs" }) }),
+          d.props.children
         ] })
       }
     });
-  }), w = l.length === h ? Y(l) : null;
-  return /* @__PURE__ */ y("nav", { "data-testid": e, "aria-label": s || "Breadcrumb", className: u, children: [
-    /* @__PURE__ */ o("ol", { className: p[`${b}__list`], children: x }),
-    i && w ? /* @__PURE__ */ o(
+  }), x = m.length === p ? K(m) : null;
+  return /* @__PURE__ */ w("nav", { "data-testid": t, "aria-label": s || "Breadcrumb", className: y, children: [
+    /* @__PURE__ */ o("ol", { className: l[`${v}__list`], children: M }),
+    i && x ? /* @__PURE__ */ o(
       "script",
       {
         type: "application/ld+json",
         "data-testid": "breadcrumbs-meta",
-        dangerouslySetInnerHTML: { __html: w }
+        dangerouslySetInnerHTML: { __html: x }
       }
     ) : null
   ] });
-}, Q = ({
-  href: e,
+}, R = ({
+  href: t,
   ["data-testid"]: s,
   children: n,
   current: a = !1,
   negative: i = !1,
   onClick: r,
-  ...t
+  ...e
 }) => {
   const u = q(
-    [p[v], p[`${v}--${i ? "negative" : "default"}`]],
+    [l[h], l[`${h}--${i ? "negative" : "default"}`]],
     {
-      [p[`${v}--current`]]: a
+      [l[`${h}--current`]]: a
     }
   );
-  return /* @__PURE__ */ y("li", { ...t, className: u, children: [
-    (() => {
-      const l = {
-        href: e,
-        "data-testid": s,
-        "aria-current": a ? "page" : void 0,
-        onClick: r
-      };
-      return e || typeof n == "string" ? A("a", l, n) : S(n, {
-        ...l,
-        ...n.props
-      });
-    })(),
-    a ? null : /* @__PURE__ */ o("span", { "aria-hidden": !0, className: p[`${v}__separator`], children: "/" })
-  ] });
+  return /* @__PURE__ */ o("li", { ...e, className: u, children: (() => {
+    const p = {
+      href: t,
+      "data-testid": s,
+      "aria-current": a ? "page" : void 0,
+      onClick: r
+    };
+    return t || typeof n == "string" ? P("a", p, n) : S(n, {
+      ...p,
+      ...n.props
+    });
+  })() });
 };
-K.Item = Q;
+Q.Item = R;
 export {
-  K as Breadcrumbs,
-  Q as BreadcrumbsItem
+  Q as Breadcrumbs,
+  R as BreadcrumbsItem
 };
 //# sourceMappingURL=breadcrumbs.es.js.map