boreal-ui 0.0.896 → 0.0.897

package/dist/core/Sidebar-C0HYR4mK.js

@@ -0,0 +1,403 @@
+import { jsxs as w, jsx as l, Fragment as De } from "react/jsx-runtime";
+import { e as qe } from "./propAliases-XRHC6471.js";
+import { useState as ee, useRef as M, useEffect as ze, useMemo as He } from "react";
+import { c as o } from "./classNames-Dz0_huu_.js";
+import { g as Pe, b as je, a as Fe, e as Ve, f as We } from "./boreal-style-config-rYvfCHLY.js";
+import { c as A } from "./capitalize-D_pj4b3P.js";
+import { C as xe } from "./CheveronDownIcon-2JerSa2p.js";
+import './Sidebar.css';const re = ({
+  links: d,
+  classMap: e,
+  LinkComponent: b = "a",
+  isLinkActive: r,
+  hasActiveChild: c,
+  theme: S = Pe(),
+  rounding: O = je(),
+  shadow: v = Fe(),
+  state: m = "",
+  showFooter: g = !1,
+  footerLinks: I,
+  footerVersion: G,
+  outline: T = Ve(),
+  glass: J = We(),
+  className: K = "",
+  navClassName: ne = "",
+  listClassName: oe = "",
+  childListClassName: de = "",
+  itemClassName: ie = "",
+  linkClassName: z = "",
+  childLinkClassName: Q = "",
+  activeClassName: H = "",
+  expandButtonClassName: te = "",
+  iconClassName: R = "",
+  expandLabelClassName: se = "",
+  chevronClassName: le = "",
+  chevronOpenClassName: be = "",
+  submenuClassName: ce = "",
+  submenuOpenClassName: ue = "",
+  footerClassName: me = "",
+  footerLinkClassName: fe = "",
+  footerVersionClassName: _e = "",
+  "data-testid": he,
+  testId: t = he ?? "sidebar",
+  "aria-label": ge = "Sidebar navigation",
+  "aria-labelledby": U,
+  "aria-describedby": $e,
+  footerAriaLabel: we = "Sidebar footer",
+  footerAriaLabelledBy: X,
+  getExpandButtonAriaLabel: P,
+  getExpandButtonAriaDescription: j,
+  ...ye
+}) => {
+  const [pe, Y] = ee({}), F = M({}), Ne = M(0), Se = (i) => {
+    if (!F.current[i]) {
+      const n = i.toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9_-]/g, "");
+      F.current[i] = `${t}-section-${n}-${Ne.current++}`;
+    }
+    return F.current[i];
+  };
+  ze(() => {
+    const i = {}, n = (s) => {
+      var y;
+      for (const a of s)
+        (y = a.children) != null && y.length && ((c == null ? void 0 : c(a)) ?? a.children.some(
+          (_) => {
+            var p;
+            return ((r == null ? void 0 : r(_)) ?? !1) || !!((p = _.children) != null && p.length) && n(_.children);
+          }
+        )) && (i[a.label] = !0);
+      return s.some(
+        (a) => {
+          var f;
+          return ((r == null ? void 0 : r(a)) ?? !1) || !!((f = a.children) != null && f.length) && n(a.children);
+        }
+      );
+    };
+    n(d), Y((s) => ({ ...s, ...i }));
+  }, [d, r, c]);
+  const ve = (i) => Y((n) => ({ ...n, [i]: !n[i] })), Ie = He(
+    () => o(
+      e.wrapper,
+      K,
+      e[S],
+      e[m],
+      v && e[`shadow${A(v)}`],
+      O && e[`round${A(O)}`],
+      T && e.outline,
+      J && e.glass
+    ),
+    [e, K, S, m, T, J, O, v]
+  ), Z = (i, n = !1) => /* @__PURE__ */ l(
+    "ul",
+    {
+      className: o(
+        e.list,
+        oe,
+        n && e.childList,
+        n && de
+      ),
+      "data-testid": `${t}-list`,
+      children: i.map((s, y) => {
+        const {
+          label: a,
+          href: f,
+          target: _,
+          rel: p,
+          children: h,
+          icon: N,
+          "aria-label": V,
+          "aria-description": W,
+          "aria-disabled": D
+        } = s, Oe = `${a}-${y}`, $ = (r == null ? void 0 : r(s)) ?? !1, B = (c == null ? void 0 : c(s)) ?? !!(h != null && h.some(
+          (x) => {
+            var C;
+            return ((r == null ? void 0 : r(x)) ?? !1) || ((C = x.children) == null ? void 0 : C.length) && ((c == null ? void 0 : c(x)) ?? !1);
+          }
+        )), u = !!pe[a], E = Se(a), L = `${E}-button`, k = `${E}-panel`, Re = p ?? (_ === "_blank" ? "noopener noreferrer" : void 0);
+        return /* @__PURE__ */ l(
+          "li",
+          {
+            className: o(e.item, ie),
+            "data-testid": `${t}-listItem`,
+            children: h && h.length > 0 ? /* @__PURE__ */ w(De, { children: [
+              /* @__PURE__ */ w(
+                "button",
+                {
+                  type: "button",
+                  id: L,
+                  className: o(
+                    e.link,
+                    z,
+                    te,
+                    ($ || u || B) && e.active,
+                    ($ || u || B) && H
+                  ),
+                  onClick: () => ve(a),
+                  "aria-expanded": u,
+                  "aria-controls": k,
+                  "aria-label": (P == null ? void 0 : P(s, u)) ?? V,
+                  "aria-description": (j == null ? void 0 : j(s, u)) ?? W,
+                  "aria-disabled": D ? !0 : void 0,
+                  "data-testid": `${t}-expandItemButton`,
+                  children: [
+                    N && /* @__PURE__ */ l(
+                      "span",
+                      {
+                        className: o(
+                          e.icon,
+                          R
+                        ),
+                        children: N
+                      }
+                    ),
+                    /* @__PURE__ */ l(
+                      "span",
+                      {
+                        className: se,
+                        "data-testid": `${t}-expandItemLabel`,
+                        children: a
+                      }
+                    ),
+                    /* @__PURE__ */ l(
+                      xe,
+                      {
+                        className: o(
+                          e.chevron,
+                          le,
+                          u && e.chevronOpen,
+                          u && be
+                        ),
+                        "aria-hidden": "true",
+                        focusable: !1,
+                        "data-testid": `${t}-expandIcon`
+                      }
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ l(
+                "div",
+                {
+                  id: k,
+                  className: o(
+                    e.submenu,
+                    ce,
+                    u && e.submenuOpen,
+                    u && ue
+                  ),
+                  role: "group",
+                  "aria-labelledby": L,
+                  hidden: !u,
+                  "data-testid": `${t}-subMenu`,
+                  children: Z(h, !0)
+                }
+              )
+            ] }) : f && !D ? /* @__PURE__ */ w(
+              b,
+              {
+                href: f,
+                target: _,
+                rel: Re,
+                className: o(
+                  e.link,
+                  z,
+                  n && e.childLink,
+                  n && Q,
+                  $ && e.active,
+                  $ && H
+                ),
+                "aria-current": $ ? "page" : void 0,
+                "aria-label": V,
+                "aria-description": W,
+                "aria-disabled": D ? !0 : void 0,
+                "data-testid": `${t}-sidebarLink`,
+                children: [
+                  N && /* @__PURE__ */ l(
+                    "span",
+                    {
+                      className: o(e.icon, R),
+                      children: N
+                    }
+                  ),
+                  a
+                ]
+              }
+            ) : /* @__PURE__ */ w(
+              "span",
+              {
+                className: o(
+                  e.link,
+                  z,
+                  n && e.childLink,
+                  n && Q,
+                  $ && e.active,
+                  $ && H
+                ),
+                "aria-label": V,
+                "aria-description": W,
+                "aria-disabled": D ? !0 : void 0,
+                "data-testid": `${t}-sidebarLabel`,
+                children: [
+                  N && /* @__PURE__ */ l(
+                    "span",
+                    {
+                      className: o(e.icon, R),
+                      children: N
+                    }
+                  ),
+                  a
+                ]
+              }
+            )
+          },
+          Oe
+        );
+      })
+    }
+  );
+  return /* @__PURE__ */ w(
+    "nav",
+    {
+      className: Ie,
+      "aria-label": U ? void 0 : ge,
+      "aria-labelledby": U,
+      "aria-describedby": $e,
+      "data-testid": t,
+      ...ye,
+      children: [
+        /* @__PURE__ */ l("div", { className: o(e.nav, ne), children: Z(d) }),
+        g && /* @__PURE__ */ w(
+          "footer",
+          {
+            className: o(e.footer, me),
+            "aria-label": X ? void 0 : we,
+            "aria-labelledby": X,
+            "data-testid": `${t}-footer`,
+            children: [
+              I == null ? void 0 : I.map(
+                ({
+                  label: i,
+                  href: n,
+                  target: s,
+                  rel: y,
+                  icon: a,
+                  "aria-label": f,
+                  "aria-description": _,
+                  "aria-disabled": p
+                }, h) => /* @__PURE__ */ w(
+                  b,
+                  {
+                    href: n,
+                    target: s,
+                    rel: y ?? (s === "_blank" ? "noopener noreferrer" : void 0),
+                    className: o(
+                      e.footerLink,
+                      fe
+                    ),
+                    "aria-label": f,
+                    "aria-description": _,
+                    "aria-disabled": p ? !0 : void 0,
+                    "data-testid": `${t}-footerLink`,
+                    children: [
+                      a && /* @__PURE__ */ l(
+                        "span",
+                        {
+                          className: o(e.icon, R),
+                          children: a
+                        }
+                      ),
+                      i
+                    ]
+                  },
+                  `${i}-${h}`
+                )
+              ),
+              G && /* @__PURE__ */ l(
+                "span",
+                {
+                  className: o(
+                    e.footerVersion,
+                    _e
+                  ),
+                  "data-testid": `${t}-footerVersion`,
+                  children: G
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+re.displayName = "SidebarBase";
+const q = (d) => d.endsWith("/") && d.length > 1 ? d.slice(0, -1) : d, Ge = (d, e) => {
+  const b = q(d), r = q(e);
+  return b === "/" ? r === "/" : r === b || r.startsWith(`${b}/`);
+}, ae = (d, e) => {
+  var b;
+  return e(d) ? !0 : !!((b = d.children) != null && b.some((r) => ae(r, e)));
+}, Te = {
+  wrapper: "sidebar",
+  nav: "sidebar_nav",
+  list: "sidebar_list",
+  childList: "sidebar_child_list",
+  item: "sidebar_item",
+  link: "sidebar_link",
+  childLink: "sidebar_child_link",
+  active: "sidebar_active",
+  icon: "sidebar_icon",
+  footer: "sidebar_footer",
+  footerLink: "sidebar_footer_link",
+  footerVersion: "sidebar_footer_version",
+  chevron: "sidebar_chevron",
+  chevronOpen: "sidebar_chevron_open",
+  submenu: "sidebar_submenu",
+  submenuOpen: "sidebar_submenu_open",
+  outline: "sidebar_outline",
+  glass: "sidebar_glass",
+  primary: "sidebar_primary",
+  secondary: "sidebar_secondary",
+  tertiary: "sidebar_tertiary",
+  quaternary: "sidebar_quaternary",
+  success: "sidebar_success",
+  error: "sidebar_error",
+  warning: "sidebar_warning",
+  clear: "sidebar_clear",
+  shadowNone: "sidebar_shadow-None",
+  shadowLight: "sidebar_shadow-Light",
+  shadowMedium: "sidebar_shadow-Medium",
+  shadowStrong: "sidebar_shadow-Strong",
+  shadowIntense: "sidebar_shadow-Intense",
+  roundNone: "sidebar_round-None",
+  roundSmall: "sidebar_round-Small",
+  roundMedium: "sidebar_round-Medium",
+  roundLarge: "sidebar_round-Large"
+}, Je = () => typeof window < "u" && window.location.pathname || "/", Ke = ({
+  isLinkActive: d,
+  hasActiveChild: e,
+  ...b
+}) => {
+  const [r] = ee(Je), S = d ?? ((m) => {
+    var g;
+    return m.href ? (g = m.children) != null && g.length ? Ge(m.href, r) : q(m.href) === q(r) : !1;
+  }), v = e ?? ((m) => {
+    var g;
+    return !!((g = m.children) != null && g.some(
+      (I) => ae(I, S)
+    ));
+  });
+  return /* @__PURE__ */ l(
+    re,
+    {
+      ...b,
+      classMap: qe(Te),
+      isLinkActive: S,
+      hasActiveChild: v
+    }
+  );
+};
+Ke.displayName = "Sidebar";
+export {
+  Ke as S
+};

package/dist/core/Sidebar-DtZeE-tR.cjs

@@ -0,0 +1 @@
+"use strict";require('./Sidebar.css');const a=require("react/jsx-runtime"),Re=require("./propAliases-Bfsf5cJN.cjs"),x=require("react"),i=require("./classNames-C7V3kfBj.cjs"),q=require("./boreal-style-config-BB8MdwYx.cjs"),A=require("./capitalize-CnTiekgk.cjs"),Ie=require("./CheveronDownIcon-DlOyETj2.cjs"),ee=({links:o,classMap:e,LinkComponent:c="a",isLinkActive:r,hasActiveChild:b,theme:y=q.getDefaultTheme(),rounding:v=q.getDefaultRounding(),shadow:S=q.getDefaultShadow(),state:m="",showFooter:N=!1,footerLinks:p,footerVersion:T,outline:C=q.getDefaultOutline(),glass:J=q.getDefaultGlass(),className:K="",navClassName:se="",listClassName:ne="",childListClassName:ie="",itemClassName:oe="",linkClassName:D="",childLinkClassName:Q="",activeClassName:z="",expandButtonClassName:de="",iconClassName:R="",expandLabelClassName:te="",chevronClassName:le="",chevronOpenClassName:ce="",submenuClassName:be="",submenuOpenClassName:ue="",footerClassName:me="",footerLinkClassName:fe="",footerVersionClassName:_e="","data-testid":he,testId:t=he??"sidebar","aria-label":Ne="Sidebar navigation","aria-labelledby":U,"aria-describedby":ge,footerAriaLabel:$e="Sidebar footer",footerAriaLabelledBy:X,getExpandButtonAriaLabel:H,getExpandButtonAriaDescription:P,...we})=>{const[je,Y]=x.useState({}),F=x.useRef({}),xe=x.useRef(0),ye=d=>{if(!F.current[d]){const n=d.toLowerCase().replace(/\s+/g,"-").replace(/[^a-z0-9_-]/g,"");F.current[d]=`${t}-section-${n}-${xe.current++}`}return F.current[d]};x.useEffect(()=>{const d={},n=l=>{var $;for(const s of l)($=s.children)!=null&&$.length&&((b==null?void 0:b(s))??s.children.some(_=>{var w;return((r==null?void 0:r(_))??!1)||!!((w=_.children)!=null&&w.length)&&n(_.children)}))&&(d[s.label]=!0);return l.some(s=>{var f;return((r==null?void 0:r(s))??!1)||!!((f=s.children)!=null&&f.length)&&n(s.children)})};n(o),Y(l=>({...l,...d}))},[o,r,b]);const Se=d=>Y(n=>({...n,[d]:!n[d]})),pe=x.useMemo(()=>i.combineClassNames(e.wrapper,K,e[y],e[m],S&&e[`shadow${A.capitalize(S)}`],v&&e[`round${A.capitalize(v)}`],C&&e.outline,J&&e.glass),[e,K,y,m,C,J,v,S]),Z=(d,n=!1)=>a.jsx("ul",{className:i.combineClassNames(e.list,ne,n&&e.childList,n&&ie),"data-testid":`${t}-list`,children:d.map((l,$)=>{const{label:s,href:f,target:_,rel:w,children:h,icon:j,"aria-label":V,"aria-description":W,"aria-disabled":I}=l,qe=`${s}-${$}`,g=(r==null?void 0:r(l))??!1,B=(b==null?void 0:b(l))??!!(h!=null&&h.some(G=>{var M;return((r==null?void 0:r(G))??!1)||((M=G.children)==null?void 0:M.length)&&((b==null?void 0:b(G))??!1)})),u=!!je[s],E=ye(s),L=`${E}-button`,k=`${E}-panel`,ve=w??(_==="_blank"?"noopener noreferrer":void 0);return a.jsx("li",{className:i.combineClassNames(e.item,oe),"data-testid":`${t}-listItem`,children:h&&h.length>0?a.jsxs(a.Fragment,{children:[a.jsxs("button",{type:"button",id:L,className:i.combineClassNames(e.link,D,de,(g||u||B)&&e.active,(g||u||B)&&z),onClick:()=>Se(s),"aria-expanded":u,"aria-controls":k,"aria-label":(H==null?void 0:H(l,u))??V,"aria-description":(P==null?void 0:P(l,u))??W,"aria-disabled":I?!0:void 0,"data-testid":`${t}-expandItemButton`,children:[j&&a.jsx("span",{className:i.combineClassNames(e.icon,R),children:j}),a.jsx("span",{className:te,"data-testid":`${t}-expandItemLabel`,children:s}),a.jsx(Ie.ChevronDownIcon,{className:i.combineClassNames(e.chevron,le,u&&e.chevronOpen,u&&ce),"aria-hidden":"true",focusable:!1,"data-testid":`${t}-expandIcon`})]}),a.jsx("div",{id:k,className:i.combineClassNames(e.submenu,be,u&&e.submenuOpen,u&&ue),role:"group","aria-labelledby":L,hidden:!u,"data-testid":`${t}-subMenu`,children:Z(h,!0)})]}):f&&!I?a.jsxs(c,{href:f,target:_,rel:ve,className:i.combineClassNames(e.link,D,n&&e.childLink,n&&Q,g&&e.active,g&&z),"aria-current":g?"page":void 0,"aria-label":V,"aria-description":W,"aria-disabled":I?!0:void 0,"data-testid":`${t}-sidebarLink`,children:[j&&a.jsx("span",{className:i.combineClassNames(e.icon,R),children:j}),s]}):a.jsxs("span",{className:i.combineClassNames(e.link,D,n&&e.childLink,n&&Q,g&&e.active,g&&z),"aria-label":V,"aria-description":W,"aria-disabled":I?!0:void 0,"data-testid":`${t}-sidebarLabel`,children:[j&&a.jsx("span",{className:i.combineClassNames(e.icon,R),children:j}),s]})},qe)})});return a.jsxs("nav",{className:pe,"aria-label":U?void 0:Ne,"aria-labelledby":U,"aria-describedby":ge,"data-testid":t,...we,children:[a.jsx("div",{className:i.combineClassNames(e.nav,se),children:Z(o)}),N&&a.jsxs("footer",{className:i.combineClassNames(e.footer,me),"aria-label":X?void 0:$e,"aria-labelledby":X,"data-testid":`${t}-footer`,children:[p==null?void 0:p.map(({label:d,href:n,target:l,rel:$,icon:s,"aria-label":f,"aria-description":_,"aria-disabled":w},h)=>a.jsxs(c,{href:n,target:l,rel:$??(l==="_blank"?"noopener noreferrer":void 0),className:i.combineClassNames(e.footerLink,fe),"aria-label":f,"aria-description":_,"aria-disabled":w?!0:void 0,"data-testid":`${t}-footerLink`,children:[s&&a.jsx("span",{className:i.combineClassNames(e.icon,R),children:s}),d]},`${d}-${h}`)),T&&a.jsx("span",{className:i.combineClassNames(e.footerVersion,_e),"data-testid":`${t}-footerVersion`,children:T})]})]})};ee.displayName="SidebarBase";const O=o=>o.endsWith("/")&&o.length>1?o.slice(0,-1):o,Oe=(o,e)=>{const c=O(o),r=O(e);return c==="/"?r==="/":r===c||r.startsWith(`${c}/`)},re=(o,e)=>{var c;return e(o)?!0:!!((c=o.children)!=null&&c.some(r=>re(r,e)))},De={wrapper:"sidebar",nav:"sidebar_nav",list:"sidebar_list",childList:"sidebar_child_list",item:"sidebar_item",link:"sidebar_link",childLink:"sidebar_child_link",active:"sidebar_active",icon:"sidebar_icon",footer:"sidebar_footer",footerLink:"sidebar_footer_link",footerVersion:"sidebar_footer_version",chevron:"sidebar_chevron",chevronOpen:"sidebar_chevron_open",submenu:"sidebar_submenu",submenuOpen:"sidebar_submenu_open",outline:"sidebar_outline",glass:"sidebar_glass",primary:"sidebar_primary",secondary:"sidebar_secondary",tertiary:"sidebar_tertiary",quaternary:"sidebar_quaternary",success:"sidebar_success",error:"sidebar_error",warning:"sidebar_warning",clear:"sidebar_clear",shadowNone:"sidebar_shadow-None",shadowLight:"sidebar_shadow-Light",shadowMedium:"sidebar_shadow-Medium",shadowStrong:"sidebar_shadow-Strong",shadowIntense:"sidebar_shadow-Intense",roundNone:"sidebar_round-None",roundSmall:"sidebar_round-Small",roundMedium:"sidebar_round-Medium",roundLarge:"sidebar_round-Large"},ze=()=>typeof window<"u"&&window.location.pathname||"/",ae=({isLinkActive:o,hasActiveChild:e,...c})=>{const[r]=x.useState(ze),y=o??(m=>{var N;return m.href?(N=m.children)!=null&&N.length?Oe(m.href,r):O(m.href)===O(r):!1}),S=e??(m=>{var N;return!!((N=m.children)!=null&&N.some(p=>re(p,y)))});return a.jsx(ee,{...c,classMap:Re.expandClassMap(De),isLinkActive:y,hasActiveChild:S})};ae.displayName="Sidebar";exports.Sidebar=ae;

package/dist/core/Sidebar.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Sidebar-BcSPbLsY.cjs");exports.default=e.Sidebar;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Sidebar-DtZeE-tR.cjs");exports.default=e.Sidebar;

package/dist/core/Sidebar.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Sidebar-Bh2jCCus.js";
+import { S as f } from "./Sidebar-C0HYR4mK.js";
 export {
   f as default
 };