@viasat/beam-react 2.55.1 → 2.55.2
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 +10 -0
- package/chunks/{ActionList.Group.B8krXDRr.js → ActionList.Group.BEWW4wwS.js} +1 -1
- package/chunks/{ActionList.Group.bDvNGHXt.js → ActionList.Group.CdnUE8zS.js} +1 -1
- package/chunks/{ActionList.Item.D7UqN7UZ.js → ActionList.Item.BHyO5gUR.js} +1 -1
- package/chunks/{ActionList.Item.D36mdR8z.js → ActionList.Item.BKE036zC.js} +2 -2
- package/lib/Accordion/Accordion.cjs.js +1 -1
- package/lib/Accordion/Accordion.es.js +12 -12
- package/lib/ActionList/ActionList.Group.cjs.js +1 -1
- package/lib/ActionList/ActionList.Group.es.js +2 -2
- package/lib/ActionList/ActionList.IconButton.cjs.js +1 -1
- package/lib/ActionList/ActionList.IconButton.es.js +1 -1
- package/lib/ActionList/ActionList.Item.cjs.js +1 -1
- package/lib/ActionList/ActionList.Item.es.js +1 -1
- package/lib/ActionList/ActionList.cjs.js +1 -1
- package/lib/ActionList/ActionList.es.js +2 -2
- package/lib/ActionList/useActionListChildren.cjs.js +1 -1
- package/lib/ActionList/useActionListChildren.es.js +2 -2
- package/lib/SideNav/SideNav.cjs.js +1 -1
- package/lib/SideNav/SideNav.es.js +17 -17
- package/lib/SideNav/SideNavActionListGroup.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListGroup.es.js +1 -1
- package/lib/SideNav/SideNavActionListItem.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItem.es.js +1 -1
- package/lib/SideNav/SideNavActionListItemExpandable.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItemExpandable.es.js +1 -1
- package/lib/SideNav/SideNavActionListItemFlyout.cjs.js +1 -1
- package/lib/SideNav/SideNavActionListItemFlyout.es.js +1 -1
- package/package.json +7 -7
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
## 2.55.2 (2026-08-19)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **react:** replace inert="" with inert={true} for React 19 compatibility ([#1405](https://git.viasat.com/vega/Beam/pull/1405))
|
|
6
|
+
|
|
7
|
+
### ❤️ Thank You
|
|
8
|
+
|
|
9
|
+
- Evans, Joel
|
|
10
|
+
|
|
1
11
|
## 2.55.1 (2026-08-18)
|
|
2
12
|
|
|
3
13
|
### 🩹 Fixes
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as m, jsxs as M } from "react/jsx-runtime";
|
|
2
2
|
import j, { useMemo as k, Children as x, isValidElement as N, cloneElement as C } from "react";
|
|
3
3
|
import w from "clsx";
|
|
4
|
-
import { A as P, i as I, s } from "./ActionList.Item.
|
|
4
|
+
import { A as P, i as I, s } from "./ActionList.Item.BKE036zC.js";
|
|
5
5
|
import { g as B } from "./classNames.CA_0DokS.js";
|
|
6
6
|
import "./constants.Cruz2A1w.js";
|
|
7
7
|
import { ActionListSelectionProvider as D } from "../lib/ActionList/ActionListSelectionContext.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const c=require("react/jsx-runtime"),n=require("react"),I=require("clsx"),s=require("./ActionList.Item.
|
|
1
|
+
"use strict";const c=require("react/jsx-runtime"),n=require("react"),I=require("clsx"),s=require("./ActionList.Item.BHyO5gUR.js"),j=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const E=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),_=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),P=require("../lib/Divider/Divider.cjs.js"),C=require("../utils/functions.cjs.js"),M=require("../lib/ActionList/ActionList.context.cjs.js"),$=({children:p,disabled:t,allowGroups:l=!1,kind:r="action"})=>{const{allowChildrenTypes:a=[]}=M.useActionListContext();return n.useMemo(()=>{let o=!1;const d=[s.ActionListItem,...l?[v]:[],...a];return{children:n.Children.toArray(p).flatMap((i,u)=>{if(!n.isValidElement(i))return[];const{disabled:m,kind:h}=i.props;if(C.isSameComponent(i.type,s.ActionListItem)){const e=h??r;return o=o||s.isChoiceKind(e),[n.cloneElement(i,{disabled:t??m,kind:e})]}if(l&&C.isSameComponent(i.type,v)){const e=i.props;return n.Children.forEach(e.children,L=>{if(n.isValidElement(L)){const f=L.props.kind??e.kind??r;o=o||s.isChoiceKind(f)}}),[n.cloneElement(i,{disabled:t??m})]}if(a.some(e=>C.isSameComponent(i.type,e)))return[n.cloneElement(i,{disabled:t??m})];const b=d.map(e=>e.displayName??e.name).join(", ").replace(/, (.+?)$/," or $1");return console.warn(`ActionList: Invalid child at position ${u}. Only ${b} allowed.`),[]}),hasChoiceItems:o}},[p,a,l,t,r])},{baseClassNamePrefix:S,classModifierPrefix:x,subElementClassPrefix:y}=j.getBEMClassNames("action-list__group"),v=({children:p,heading:t,divider:l=!1,kind:r="action",className:a,disabled:o,noResults:d,indent:q,role:i="group",...u})=>{const m=I(s.styles[S],s.styles[`${x}kind-${r}`],d&&s.styles[`${x}no-results`],o&&s.styles[`${x}disabled`],a),{children:h,hasChoiceItems:b}=$({children:p,disabled:o,allowGroups:!1,kind:r}),e=_.useActionListIndentation({hasChoiceItems:b,indentProp:q}),L=typeof t=="string"?c.jsx("div",{className:s.styles[`${y}heading`],children:t}):t,A=u["aria-label"],f=u["aria-labelledby"],N=n.useMemo(()=>{if(A)return A;if(!f&&t)return C.extractTextFromReactNode(t)},[A,f,t]);return c.jsx(E.ActionListSelectionProvider,{kind:r,children:c.jsx(_.ActionListIndentationProvider,{indent:e,children:c.jsxs("div",{className:m,role:i,...u,"aria-label":N,children:[L||null,d&&c.jsx("div",{className:s.styles[`${y}no-results`],children:d}),h,l&&c.jsx(P.Divider,{borderColor:"01",className:s.styles[`${y}divider`],role:"presentation","aria-orientation":void 0})]})})})};exports.ActionListGroup=v;exports.useActionListChildren=$;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var Lt=require("../assets/ActionList.css");const e=require("react/jsx-runtime"),it=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),st=require("clsx"),nt=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const N=require("../lib/Icon/Icon.cjs.js"),$=require("./tokens.Bc11gmpN.js"),ot=require("./Check.CR4kqxW9.js"),ct=require("./ChevronRightCurved.CoT-Bqyo.js"),rt=require("../lib/StateLayer/StateLayer.cjs.js"),lt=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),at=require("../lib/Tooltip/Tooltip.cjs.js"),f=require("../utils/functions.cjs.js"),_t=require("../lib/Tooltip/useTooltipClipping.cjs.js"),n=require("react"),mt=require("../lib/Checkbox/Checkbox.cjs.js"),ut=require("../lib/RadioButton/RadioButton.cjs.js"),bt=require("@floating-ui/react"),dt=require("../lib/ActionList/ActionList.Item.context.cjs.js"),ht=require("../lib/ActionList/ActionList.context.cjs.js"),xt=require("../lib/Form/hooks/useAccessibleId.hook.cjs.js");require("./form.context.CkC0TwMb.js");const ft=require("../lib/Switch/Switch.cjs.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-action-list":"bm-action-list","bm-action-list__no-results":"bm-action-list__no-results","bm-action-list__loading":"bm-action-list__loading","bm-action-list__item":"bm-action-list__item","bm-action-list__item__supporting-text":"bm-action-list__item__supporting-text","bm-action-list__item--kind-destructive":"bm-action-list__item--kind-destructive","bm-action-list__item--disabled":"bm-action-list__item--disabled","bm-state-layer":"bm-state-layer","bm-action-list__item--active":"bm-action-list__item--active","bm-action-list__item__choice":"bm-action-list__item__choice","bm-action-list__item__switch":"bm-action-list__item__switch","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-action-list__item__content":"bm-action-list__item__content","bm-action-list__item__text":"bm-action-list__item__text","bm-action-list__item--header":"bm-action-list__item--header","bm-action-list__item__content-after":"bm-action-list__item__content-after","bm-button":"bm-button","bm-action-list__item__flyout":"bm-action-list__item__flyout","bm-action-list__group":"bm-action-list__group","bm-action-list__group__heading":"bm-action-list__group__heading","bm-action-list__group__no-results":"bm-action-list__group__no-results","bm-action-list__group__divider":"bm-action-list__group__divider","bm-action-list__item__icon-button__placeholder":"bm-action-list__item__icon-button__placeholder"},kt="singleCheckMark",Ct="multiCheckMark",pt="checkbox",vt="radio",gt="switch",qt=[kt,Ct,pt,vt,gt],C=l=>qt.includes(l),{baseClassNamePrefix:yt,classModifierPrefix:k,subElementClassPrefix:o}=nt.getBEMClassNames("action-list__item"),p=n.createContext({current:null}),At=()=>n.useContext(p),It=n.forwardRef(({as:l,children:a,supportingText:v,contentAfter:g,contentBefore:q,onClick:_,onSelectionChange:M,defaultSelected:T=!1,kind:F="action",indent:D,disabled:r=!1,className:E,role:m,tooltipPlacement:K,hidden:P,...O},z)=>{const B=l??"div",{kind:t}=dt.useActionListItemContext(F),{onItemClick:u,itemsFocusable:G,getItemProps:b,insideMenu:y,activeIndex:H}=ht.useActionListContext(),{selected:d,setSelected:J}=lt.useActionListItemSelection(t,T,M),[c,Q]=n.useState(d);n.useEffect(()=>{requestAnimationFrame(()=>Q(d))},[d]);const A=C(t),U=t==="flyout",h=it.useActionListIndentation({isChoiceItem:A,indentProp:D}),{index:I,ref:V}=bt.useListItem({label:r?null:f.extractTextFromReactNode(a)}),L=s=>{r||(C(t)?J(!c):_==null||_(s),u==null||u(I,t,s.nativeEvent))},W=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),L(s))},x=n.useCallback(s=>{s.preventDefault()},[]),R=n.useRef(null),j=n.useRef(null),X=_t.useTooltipClipping({clippingRef:j}),Y=f.mergeRefs(V,z),Z=n.useMemo(()=>m||(y?t==="singleCheckMark"||t==="radio"?"menuitemradio":t==="multiCheckMark"||t==="checkbox"||t==="switch"?"menuitemcheckbox":"menuitem":"option"),[m,y,t]),S={...O,onClick:L,tabIndex:G?0:-1},{id:tt}=xt.useAccessibleId(),w=H===I,et=st(i[yt],i[`${k}kind-${t}`],r&&i[`${k}disabled`],w&&i[`${k}active`],E);return e.jsxs(p.Provider,{value:R,children:[e.jsx(at.Tooltip,{showDelay:500,portalled:!0,text:f.extractTextFromReactNode(a),...X,placement:K,children:e.jsxs(B,{className:et,role:Z,"aria-checked":c||void 0,"aria-selected":w||void 0,"aria-disabled":r,onKeyDown:W,id:tt,...(b==null?void 0:b(S))??S,ref:Y,hidden:P,children:[h&&e.jsx("div",{style:{width:h===!0?$.bmCompActionlistSizeIcon:`${h}rem`}}),A&&t!=="switch"&&e.jsxs("div",{className:i[`${o}choice`],inert
|
|
1
|
+
var Lt=require("../assets/ActionList.css");const e=require("react/jsx-runtime"),it=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),st=require("clsx"),nt=require("./classNames.BFQUGnCN.js");require("./constants.CgMu0_1M.js");const N=require("../lib/Icon/Icon.cjs.js"),$=require("./tokens.Bc11gmpN.js"),ot=require("./Check.CR4kqxW9.js"),ct=require("./ChevronRightCurved.CoT-Bqyo.js"),rt=require("../lib/StateLayer/StateLayer.cjs.js"),lt=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),at=require("../lib/Tooltip/Tooltip.cjs.js"),f=require("../utils/functions.cjs.js"),_t=require("../lib/Tooltip/useTooltipClipping.cjs.js"),n=require("react"),mt=require("../lib/Checkbox/Checkbox.cjs.js"),ut=require("../lib/RadioButton/RadioButton.cjs.js"),bt=require("@floating-ui/react"),dt=require("../lib/ActionList/ActionList.Item.context.cjs.js"),ht=require("../lib/ActionList/ActionList.context.cjs.js"),xt=require("../lib/Form/hooks/useAccessibleId.hook.cjs.js");require("./form.context.CkC0TwMb.js");const ft=require("../lib/Switch/Switch.cjs.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-enterprise":"bm-enterprise","bm-consumer":"bm-consumer","bm-action-list":"bm-action-list","bm-action-list__no-results":"bm-action-list__no-results","bm-action-list__loading":"bm-action-list__loading","bm-action-list__item":"bm-action-list__item","bm-action-list__item__supporting-text":"bm-action-list__item__supporting-text","bm-action-list__item--kind-destructive":"bm-action-list__item--kind-destructive","bm-action-list__item--disabled":"bm-action-list__item--disabled","bm-state-layer":"bm-state-layer","bm-action-list__item--active":"bm-action-list__item--active","bm-action-list__item__choice":"bm-action-list__item__choice","bm-action-list__item__switch":"bm-action-list__item__switch","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-action-list__item__content":"bm-action-list__item__content","bm-action-list__item__text":"bm-action-list__item__text","bm-action-list__item--header":"bm-action-list__item--header","bm-action-list__item__content-after":"bm-action-list__item__content-after","bm-button":"bm-button","bm-action-list__item__flyout":"bm-action-list__item__flyout","bm-action-list__group":"bm-action-list__group","bm-action-list__group__heading":"bm-action-list__group__heading","bm-action-list__group__no-results":"bm-action-list__group__no-results","bm-action-list__group__divider":"bm-action-list__group__divider","bm-action-list__item__icon-button__placeholder":"bm-action-list__item__icon-button__placeholder"},kt="singleCheckMark",Ct="multiCheckMark",pt="checkbox",vt="radio",gt="switch",qt=[kt,Ct,pt,vt,gt],C=l=>qt.includes(l),{baseClassNamePrefix:yt,classModifierPrefix:k,subElementClassPrefix:o}=nt.getBEMClassNames("action-list__item"),p=n.createContext({current:null}),At=()=>n.useContext(p),It=n.forwardRef(({as:l,children:a,supportingText:v,contentAfter:g,contentBefore:q,onClick:_,onSelectionChange:M,defaultSelected:T=!1,kind:F="action",indent:D,disabled:r=!1,className:E,role:m,tooltipPlacement:K,hidden:P,...O},z)=>{const B=l??"div",{kind:t}=dt.useActionListItemContext(F),{onItemClick:u,itemsFocusable:G,getItemProps:b,insideMenu:y,activeIndex:H}=ht.useActionListContext(),{selected:d,setSelected:J}=lt.useActionListItemSelection(t,T,M),[c,Q]=n.useState(d);n.useEffect(()=>{requestAnimationFrame(()=>Q(d))},[d]);const A=C(t),U=t==="flyout",h=it.useActionListIndentation({isChoiceItem:A,indentProp:D}),{index:I,ref:V}=bt.useListItem({label:r?null:f.extractTextFromReactNode(a)}),L=s=>{r||(C(t)?J(!c):_==null||_(s),u==null||u(I,t,s.nativeEvent))},W=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),L(s))},x=n.useCallback(s=>{s.preventDefault()},[]),R=n.useRef(null),j=n.useRef(null),X=_t.useTooltipClipping({clippingRef:j}),Y=f.mergeRefs(V,z),Z=n.useMemo(()=>m||(y?t==="singleCheckMark"||t==="radio"?"menuitemradio":t==="multiCheckMark"||t==="checkbox"||t==="switch"?"menuitemcheckbox":"menuitem":"option"),[m,y,t]),S={...O,onClick:L,tabIndex:G?0:-1},{id:tt}=xt.useAccessibleId(),w=H===I,et=st(i[yt],i[`${k}kind-${t}`],r&&i[`${k}disabled`],w&&i[`${k}active`],E);return e.jsxs(p.Provider,{value:R,children:[e.jsx(at.Tooltip,{showDelay:500,portalled:!0,text:f.extractTextFromReactNode(a),...X,placement:K,children:e.jsxs(B,{className:et,role:Z,"aria-checked":c||void 0,"aria-selected":w||void 0,"aria-disabled":r,onKeyDown:W,id:tt,...(b==null?void 0:b(S))??S,ref:Y,hidden:P,children:[h&&e.jsx("div",{style:{width:h===!0?$.bmCompActionlistSizeIcon:`${h}rem`}}),A&&t!=="switch"&&e.jsxs("div",{className:i[`${o}choice`],inert:!0,children:[(t==="singleCheckMark"||t==="multiCheckMark")&&c&&e.jsx(N.Icon,{customIconSize:$.bmCompActionlistSizeChoice,icon:ot.SvgCheck}),t==="checkbox"&&e.jsx(mt.Checkbox,{checked:c,onChange:x}),t==="radio"&&e.jsx(ut.RadioButton,{checked:c,onChange:x})]}),q&&e.jsx("div",{className:i[`${o}content-before`],children:q}),e.jsxs("div",{className:i[`${o}content`],children:[e.jsx("div",{className:i[`${o}text`],ref:j,children:a}),v&&e.jsx("div",{className:i[`${o}supporting-text`],children:v})]}),g&&e.jsx("div",{className:i[`${o}content-after`],children:g}),t==="switch"&&e.jsx("div",{className:i[`${o}switch`],inert:!0,children:e.jsx(ft.Switch,{checked:c,onChange:x})}),U&&e.jsx(N.Icon,{className:i[`${o}flyout`],icon:ct.SvgChevronRightCurved}),e.jsx(rt.StateLayer,{})]})}),e.jsx("div",{ref:R})]})});exports.ActionListItem=It;exports.ActionListItemOverlayRefContext=p;exports.isChoiceKind=C;exports.styles=i;exports.useActionListItemOverlayRef=At;
|
|
@@ -135,7 +135,7 @@ const i = {
|
|
|
135
135
|
"div",
|
|
136
136
|
{
|
|
137
137
|
className: i[`${n}choice`],
|
|
138
|
-
inert:
|
|
138
|
+
inert: !0,
|
|
139
139
|
children: [
|
|
140
140
|
(t === "singleCheckMark" || t === "multiCheckMark") && s && /* @__PURE__ */ e(A, { customIconSize: ct, icon: mt }),
|
|
141
141
|
t === "checkbox" && /* @__PURE__ */ e(Ct, { checked: s, onChange: f }),
|
|
@@ -160,7 +160,7 @@ const i = {
|
|
|
160
160
|
"div",
|
|
161
161
|
{
|
|
162
162
|
className: i[`${n}switch`],
|
|
163
|
-
inert:
|
|
163
|
+
inert: !0,
|
|
164
164
|
children: /* @__PURE__ */ e(Nt, { checked: s, onChange: f })
|
|
165
165
|
}
|
|
166
166
|
),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),$=require("clsx"),k=require("../../chunks/classNames.BFQUGnCN.js"),i=require("../../chunks/accordion.module.Cns7uhLG.js"),D=require("./AccordionContext.cjs.js");function E(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}return o.default=s,Object.freeze(o)}const v=E(u),M=s=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},v.createElement("path",{d:"M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z",fill:"currentColor"})),{baseClassNamePrefix:N,subElementClassPrefix:e}=k.getBEMClassNames("accordion"),_=({size:s,heading:o,children:a,icon:l,onToggle:f,open:C,defaultOpen:y=!1,id:h,className:z,...g})=>{const{expandedAccordions:j,toggleAccordion:x,size:w}=D.useAccordionContext(),n=u.useMemo(()=>h||`${N}-${Math.random().toString(36).slice(2,9)}`,[h]),m=C!==void 0;u.useEffect(()=>{!m&&y&&x(n)},[]);const p=u.useCallback(r=>{m?f&&f(r,!C):x(n)},[m,C,x,n,f]),q=u.useCallback(r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),p(r))},[p]),t=m?C:j[n],d=s||w,A=$(i.styles[`${e}container`],{[`${e}container--expanded`]:t,[`${e}${d}`]:d}),O=$(i.styles[`${e}chevron`],{[`${e}chevron--rotated`]:t}),S=$(i.styles[`${e}panel--${d}`],{[`${e}panel--expanded--${d}`]:t}),b=`${n}-panel`;return c.jsxs("div",{className:`${N}--${d}`,children:[c.jsxs("div",{className:A,id:n,role:"button",tabIndex:0,"aria-expanded":t,"aria-controls":b,onClick:p,onKeyDown:q,...g,children:[l&&c.jsx("span",{className:i.styles[`${e}icon`],children:l}),o&&c.jsx("div",{className:i.styles[`${e}heading`],children:o}),c.jsx(M,{role:"img","aria-label":"chevron-down",className:O})]}),c.jsx("section",{id:b,className:S,hidden:!t,"data-testid":`accordion-panel-${n}`,"aria-hidden":!t,inert:t?void 0
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),$=require("clsx"),k=require("../../chunks/classNames.BFQUGnCN.js"),i=require("../../chunks/accordion.module.Cns7uhLG.js"),D=require("./AccordionContext.cjs.js");function E(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}return o.default=s,Object.freeze(o)}const v=E(u),M=s=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},v.createElement("path",{d:"M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z",fill:"currentColor"})),{baseClassNamePrefix:N,subElementClassPrefix:e}=k.getBEMClassNames("accordion"),_=({size:s,heading:o,children:a,icon:l,onToggle:f,open:C,defaultOpen:y=!1,id:h,className:z,...g})=>{const{expandedAccordions:j,toggleAccordion:x,size:w}=D.useAccordionContext(),n=u.useMemo(()=>h||`${N}-${Math.random().toString(36).slice(2,9)}`,[h]),m=C!==void 0;u.useEffect(()=>{!m&&y&&x(n)},[]);const p=u.useCallback(r=>{m?f&&f(r,!C):x(n)},[m,C,x,n,f]),q=u.useCallback(r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),p(r))},[p]),t=m?C:j[n],d=s||w,A=$(i.styles[`${e}container`],{[`${e}container--expanded`]:t,[`${e}${d}`]:d}),O=$(i.styles[`${e}chevron`],{[`${e}chevron--rotated`]:t}),S=$(i.styles[`${e}panel--${d}`],{[`${e}panel--expanded--${d}`]:t}),b=`${n}-panel`;return c.jsxs("div",{className:`${N}--${d}`,children:[c.jsxs("div",{className:A,id:n,role:"button",tabIndex:0,"aria-expanded":t,"aria-controls":b,onClick:p,onKeyDown:q,...g,children:[l&&c.jsx("span",{className:i.styles[`${e}icon`],children:l}),o&&c.jsx("div",{className:i.styles[`${e}heading`],children:o}),c.jsx(M,{role:"img","aria-label":"chevron-down",className:O})]}),c.jsx("section",{id:b,className:S,hidden:!t,"data-testid":`accordion-panel-${n}`,"aria-hidden":!t,inert:t?void 0:!0,children:c.jsx("div",{className:i.styles[`${e}inner`],children:a})})]})};exports.Accordion=_;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { jsxs as v, jsx as
|
|
1
|
+
import { jsxs as v, jsx as c } from "react/jsx-runtime";
|
|
2
2
|
import * as N from "react";
|
|
3
3
|
import { useMemo as M, useEffect as S, useCallback as u } from "react";
|
|
4
4
|
import p from "clsx";
|
|
@@ -38,15 +38,15 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
38
38
|
(o.key === "Enter" || o.key === " ") && (o.preventDefault(), C(o));
|
|
39
39
|
},
|
|
40
40
|
[C]
|
|
41
|
-
), a = t ? i : y[s],
|
|
41
|
+
), a = t ? i : y[s], r = l || k, A = p(n[`${e}container`], {
|
|
42
42
|
[`${e}container--expanded`]: a,
|
|
43
|
-
[`${e}${
|
|
43
|
+
[`${e}${r}`]: r
|
|
44
44
|
}), D = p(n[`${e}chevron`], {
|
|
45
45
|
[`${e}chevron--rotated`]: a
|
|
46
|
-
}), L = p(n[`${e}panel--${
|
|
47
|
-
[`${e}panel--expanded--${
|
|
46
|
+
}), L = p(n[`${e}panel--${r}`], {
|
|
47
|
+
[`${e}panel--expanded--${r}`]: a
|
|
48
48
|
}), x = `${s}-panel`;
|
|
49
|
-
return /* @__PURE__ */ v("div", { className: `${w}--${
|
|
49
|
+
return /* @__PURE__ */ v("div", { className: `${w}--${r}`, children: [
|
|
50
50
|
/* @__PURE__ */ v(
|
|
51
51
|
"div",
|
|
52
52
|
{
|
|
@@ -60,9 +60,9 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
60
60
|
onKeyDown: z,
|
|
61
61
|
...E,
|
|
62
62
|
children: [
|
|
63
|
-
f && /* @__PURE__ */
|
|
64
|
-
$ && /* @__PURE__ */
|
|
65
|
-
/* @__PURE__ */
|
|
63
|
+
f && /* @__PURE__ */ c("span", { className: n[`${e}icon`], children: f }),
|
|
64
|
+
$ && /* @__PURE__ */ c("div", { className: n[`${e}heading`], children: $ }),
|
|
65
|
+
/* @__PURE__ */ c(
|
|
66
66
|
I,
|
|
67
67
|
{
|
|
68
68
|
role: "img",
|
|
@@ -73,7 +73,7 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
73
73
|
]
|
|
74
74
|
}
|
|
75
75
|
),
|
|
76
|
-
/* @__PURE__ */
|
|
76
|
+
/* @__PURE__ */ c(
|
|
77
77
|
"section",
|
|
78
78
|
{
|
|
79
79
|
id: x,
|
|
@@ -81,8 +81,8 @@ const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24",
|
|
|
81
81
|
hidden: !a,
|
|
82
82
|
"data-testid": `accordion-panel-${s}`,
|
|
83
83
|
"aria-hidden": !a,
|
|
84
|
-
inert: a ? void 0 :
|
|
85
|
-
children: /* @__PURE__ */
|
|
84
|
+
inert: a ? void 0 : !0,
|
|
85
|
+
children: /* @__PURE__ */ c("div", { className: n[`${e}inner`], children: g })
|
|
86
86
|
}
|
|
87
87
|
)
|
|
88
88
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("clsx");require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");require("clsx");require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");require("./ActionListSelectionContext.cjs.js");require("./ActionListIndentationContext.cjs.js");require("../Divider/Divider.cjs.js");const e=require("../../chunks/ActionList.Group.CdnUE8zS.js");require("../../utils/functions.cjs.js");exports.ActionListGroup=e.ActionListGroup;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import "../../chunks/ActionList.Item.
|
|
4
|
+
import "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import "./ActionListSelectionContext.es.js";
|
|
8
8
|
import "./ActionListIndentationContext.es.js";
|
|
9
9
|
import "../Divider/Divider.es.js";
|
|
10
|
-
import { A as n } from "../../chunks/ActionList.Group.
|
|
10
|
+
import { A as n } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
11
11
|
import "../../utils/functions.es.js";
|
|
12
12
|
export {
|
|
13
13
|
n as ActionListGroup
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.BHyO5gUR.js"),y=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const{baseClassNamePrefix:h}=y.getBEMClassNames("action-list__item__icon-button"),_=m.forwardRef(({icon:s,appearance:c="neutral-subtle",size:l="sm",...a},t)=>{const u=i.useActionListItemOverlayRef(),{refs:o,floatingStyles:f}=r.useFloating({whileElementsMounted:r.autoUpdate,middleware:[{name:"center",fn({rects:e}){return{x:e.reference.x+e.reference.width/2-e.floating.width/2,y:e.reference.y+e.reference.height/2-e.floating.height/2}}}]}),d=e=>{o.setFloating(e),typeof t=="function"?t(e):t&&(t.current=e)};return n.jsxs("div",{ref:o.setReference,className:i.styles[`${h}__placeholder`],children:[" ",n.jsx(r.FloatingPortal,{preserveTabOrder:!1,root:u.current,children:n.jsx(g.Button,{iconOnly:!0,iconBefore:n.jsx(b.Icon,{icon:s}),appearance:c,kind:"bare",size:l,ref:d,style:f,...a,tabIndex:0})})]})});exports.ActionListIconButton=_;
|
|
@@ -3,7 +3,7 @@ import u from "react";
|
|
|
3
3
|
import { Button as d } from "../Button/Button.es.js";
|
|
4
4
|
import { Icon as p } from "../Icon/Icon.es.js";
|
|
5
5
|
import { useFloating as g, autoUpdate as h, FloatingPortal as y } from "@floating-ui/react";
|
|
6
|
-
import { u as x, s as b } from "../../chunks/ActionList.Item.
|
|
6
|
+
import { u as x, s as b } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
7
7
|
import { g as R } from "../../chunks/classNames.CA_0DokS.js";
|
|
8
8
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
9
9
|
const { baseClassNamePrefix: w } = R("action-list__item__icon-button"), A = u.forwardRef(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");require("../Icon/Icon.cjs.js");require("../../chunks/tokens.Bc11gmpN.js");require("../../chunks/Check.CR4kqxW9.js");require("../../chunks/ChevronRightCurved.CoT-Bqyo.js");require("../StateLayer/StateLayer.cjs.js");require("./ActionListSelectionContext.cjs.js");require("../Tooltip/Tooltip.cjs.js");require("../../utils/functions.cjs.js");require("../Tooltip/useTooltipClipping.cjs.js");require("react");require("../Checkbox/Checkbox.cjs.js");require("../RadioButton/RadioButton.cjs.js");require("@floating-ui/react");require("./ActionList.Item.context.cjs.js");require("./ActionList.context.cjs.js");require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.CkC0TwMb.js");require("../Switch/Switch.cjs.js");exports.ActionListItem=e.ActionListItem;exports.ActionListItemOverlayRefContext=e.ActionListItemOverlayRefContext;exports.useActionListItemOverlayRef=e.useActionListItemOverlayRef;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "./ActionListIndentationContext.es.js";
|
|
3
3
|
import "clsx";
|
|
4
|
-
import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.
|
|
4
|
+
import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import "../Icon/Icon.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const e=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),f=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const e=require("../../chunks/ActionList.Item.BHyO5gUR.js"),m=require("./ActionListIndentationContext.cjs.js"),_=require("clsx"),S=require("./ActionListSelectionContext.cjs.js"),A=require("../../chunks/ActionList.Group.CdnUE8zS.js"),P=require("../Spinner/Spinner.cjs.js");require("react");const k=require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.CkC0TwMb.js");const p=require("./ActionList.IconButton.cjs.js"),M=require("@floating-ui/react"),B=require("./ActionList.context.cjs.js"),{baseClassNamePrefix:G,classModifierPrefix:a,subElementClassPrefix:i}=f.getBEMClassNames("action-list"),o=({children:L,loading:s=!1,noResults:n,header:c,supportingText:r,disabled:l,indent:x,className:b,ariaLabel:u,role:h,id:q})=>{const y=_(e.styles[G],s&&e.styles[`${a}loading`],n&&e.styles[`${a}no-results`],l&&e.styles[`${a}disabled`],b),{children:I,hasChoiceItems:j}=A.useActionListChildren({children:L,disabled:l,allowGroups:!0}),C=m.useActionListIndentation({hasChoiceItems:j,indentProp:x,ignoreContext:!0}),{id:d}=k.useAccessibleId(),{elementsRef:N,labelsRef:v,insideMenu:$}=B.useActionListContext();return t.jsx(S.ActionListSelectionProvider,{kind:"multiCheckMark",children:t.jsx(m.ActionListIndentationProvider,{indent:C,children:t.jsx(M.FloatingList,{elementsRef:N,labelsRef:v,children:t.jsxs("div",{className:y,role:h??($?"menu":"listbox"),"aria-labelledby":!u&&c?d:void 0,"aria-label":u,"aria-disabled":l,"aria-busy":s,id:q,children:[(c||r)&&t.jsx("div",{className:_(e.styles[`${i}item`],e.styles[`${i}item--header`]),id:d,children:t.jsxs("div",{className:e.styles[`${i}item__content`],children:[c&&t.jsx("div",{className:e.styles[`${i}item__text`],children:c}),r&&t.jsx("div",{className:e.styles[`${i}item__supporting-text`],children:r})]})}),s&&t.jsx(P.Spinner,{size:"sm",className:e.styles[`${i}loading`]}),!s&&n&&t.jsx("div",{className:e.styles[`${i}no-results`],children:n}),!s&&!n&&I]})})})})};o.Group=A.ActionListGroup;o.Item=e.ActionListItem;o.IconButton=p.ActionListIconButton;exports.ActionList=o;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as t, jsxs as f } from "react/jsx-runtime";
|
|
2
2
|
import { g as P } from "../../chunks/classNames.CA_0DokS.js";
|
|
3
3
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
4
|
-
import { s as i, A as M } from "../../chunks/ActionList.Item.
|
|
4
|
+
import { s as i, A as M } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
5
5
|
import { useActionListIndentation as k, ActionListIndentationProvider as y } from "./ActionListIndentationContext.es.js";
|
|
6
6
|
import p from "clsx";
|
|
7
7
|
import { ActionListSelectionProvider as B } from "./ActionListSelectionContext.es.js";
|
|
8
|
-
import { u as G, A as j } from "../../chunks/ActionList.Group.
|
|
8
|
+
import { u as G, A as j } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
9
9
|
import { Spinner as E } from "../Spinner/Spinner.es.js";
|
|
10
10
|
import "react";
|
|
11
11
|
import { useAccessibleId as S } from "../Form/hooks/useAccessibleId.hook.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("../../chunks/ActionList.Item.BHyO5gUR.js");require("../../utils/functions.cjs.js");const e=require("../../chunks/ActionList.Group.CdnUE8zS.js");require("./ActionList.context.cjs.js");exports.useActionListChildren=e.useActionListChildren;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react";
|
|
2
|
-
import "../../chunks/ActionList.Item.
|
|
2
|
+
import "../../chunks/ActionList.Item.BKE036zC.js";
|
|
3
3
|
import "../../utils/functions.es.js";
|
|
4
|
-
import { u as e } from "../../chunks/ActionList.Group.
|
|
4
|
+
import { u as e } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
5
5
|
import "./ActionList.context.es.js";
|
|
6
6
|
export {
|
|
7
7
|
e as useActionListChildren
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("clsx"),o=require("react"),e=require("../../chunks/sideNav.module.CCFDP-MK.js"),re=require("../../chunks/classNames.BFQUGnCN.js"),de=require("../../chunks/constants.CgMu0_1M.js"),M=require("./SideNavHeader.cjs.js"),U=require("./SideNavFooter.cjs.js"),b=require("./SideNavBody.cjs.js"),le=require("./SideNavContext.cjs.js"),ce=require("./SideNavLayoutContext.cjs.js"),Ne=require("../../utils/hooks/useElementResize.cjs.js"),ue=require("../../utils/hooks/useLocalStorage.cjs.js"),_e=require("../../utils/extractSpecifiedComponents.cjs.js"),ve=require("./SideNavActionList.cjs.js"),{baseClassNamePrefix:a,subElementClassPrefix:_}=re.getBEMClassNames("side-nav"),k=256,Se=200,ye=400,$="drawer",R="rail",B="hidden",L=!1,v="opaque",P="transparent",W=`${de.prefix}-side-nav-width`,Ae={Opaque:v,Transparent:P},l={Drawer:$,Rail:R,None:L},n={Rail:R,Hidden:B,None:L};function w(z){const{backdrop:D=v,children:j,className:V,closedLayout:c=n.None,floating:S=!1,openLayout:N=l.Drawer,resizable:y=!1,style:Y,...F}=z,{withMobile:K,isMobile:d,isSideNavOpen:t,setIsSideNavOpen:A,navigation:O,interactedWith:G,rootRef:Q}=le.useSideNavContext(),E=!!N&&!c;o.useEffect(()=>{!d&&!t&&E&&A(!0)},[d,t,E,A]);const{layout:s,resizable:m,navigation:h,backdrop:T,floating:g}=o.useMemo(()=>{if(d)return{layout:t?l.Drawer:n.Hidden,resizable:!1,navigation:O||null,backdrop:v,floating:!0};let p;return t?p=N:p=c||n.None,{layout:p,resizable:y&&t,navigation:null,backdrop:S?D:!1,floating:S}},[t,d,N,c,y,O,D,S]),x=o.useRef(null),C=o.useRef(null),[X,I]=ue.useLocalStorage(W,k.toString(),y),f=Ne.useElementResize(m,x,C,Se,ye,X);o.useEffect(()=>{I(f.toString())},[f,I]);const J=g?k:f,[{header:Z,footer:ee,body:q},se]=_e.extractSpecifiedComponents(j,{header:M.SideNavHeader,footer:U.SideNavFooter,body:b.SideNavBody}),te=()=>{A(!1)},ie=q?o.cloneElement(q,{reflowNavigation:h}):i.jsx(b.SideNavBody,{reflowNavigation:h,children:se}),oe=u(e.styles[a],s&&e.styles[`${a}--${s}`],g&&e.styles[`${a}--floating`],K&&e.styles[`${a}--mobile-enabled`],G&&e.styles[`${a}--interacted`],V),H=s===n.Hidden||s===n.None,ae=H
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),u=require("clsx"),o=require("react"),e=require("../../chunks/sideNav.module.CCFDP-MK.js"),re=require("../../chunks/classNames.BFQUGnCN.js"),de=require("../../chunks/constants.CgMu0_1M.js"),M=require("./SideNavHeader.cjs.js"),U=require("./SideNavFooter.cjs.js"),b=require("./SideNavBody.cjs.js"),le=require("./SideNavContext.cjs.js"),ce=require("./SideNavLayoutContext.cjs.js"),Ne=require("../../utils/hooks/useElementResize.cjs.js"),ue=require("../../utils/hooks/useLocalStorage.cjs.js"),_e=require("../../utils/extractSpecifiedComponents.cjs.js"),ve=require("./SideNavActionList.cjs.js"),{baseClassNamePrefix:a,subElementClassPrefix:_}=re.getBEMClassNames("side-nav"),k=256,Se=200,ye=400,$="drawer",R="rail",B="hidden",L=!1,v="opaque",P="transparent",W=`${de.prefix}-side-nav-width`,Ae={Opaque:v,Transparent:P},l={Drawer:$,Rail:R,None:L},n={Rail:R,Hidden:B,None:L};function w(z){const{backdrop:D=v,children:j,className:V,closedLayout:c=n.None,floating:S=!1,openLayout:N=l.Drawer,resizable:y=!1,style:Y,...F}=z,{withMobile:K,isMobile:d,isSideNavOpen:t,setIsSideNavOpen:A,navigation:O,interactedWith:G,rootRef:Q}=le.useSideNavContext(),E=!!N&&!c;o.useEffect(()=>{!d&&!t&&E&&A(!0)},[d,t,E,A]);const{layout:s,resizable:m,navigation:h,backdrop:T,floating:g}=o.useMemo(()=>{if(d)return{layout:t?l.Drawer:n.Hidden,resizable:!1,navigation:O||null,backdrop:v,floating:!0};let p;return t?p=N:p=c||n.None,{layout:p,resizable:y&&t,navigation:null,backdrop:S?D:!1,floating:S}},[t,d,N,c,y,O,D,S]),x=o.useRef(null),C=o.useRef(null),[X,I]=ue.useLocalStorage(W,k.toString(),y),f=Ne.useElementResize(m,x,C,Se,ye,X);o.useEffect(()=>{I(f.toString())},[f,I]);const J=g?k:f,[{header:Z,footer:ee,body:q},se]=_e.extractSpecifiedComponents(j,{header:M.SideNavHeader,footer:U.SideNavFooter,body:b.SideNavBody}),te=()=>{A(!1)},ie=q?o.cloneElement(q,{reflowNavigation:h}):i.jsx(b.SideNavBody,{reflowNavigation:h,children:se}),oe=u(e.styles[a],s&&e.styles[`${a}--${s}`],g&&e.styles[`${a}--floating`],K&&e.styles[`${a}--mobile-enabled`],G&&e.styles[`${a}--interacted`],V),H=s===n.Hidden||s===n.None,ae=H?!0:void 0,ne={inlineSize:s===l.Drawer?`${J}px`:"",...Y};return i.jsxs(ce.SideNavLayoutContextProvider,{value:{currentLayout:s,openLayout:N,closedLayout:c},children:[i.jsx("div",{className:u(e.styles[`${a}__wrapper`]),ref:Q,children:i.jsxs("aside",{ref:x,role:s?"complementary":void 0,"aria-label":"Side navigation","aria-hidden":H,inert:ae,className:oe,style:ne,...F,children:[Z,ie,ee,i.jsx("div",{className:u(e.styles[`${_}resize-handler`],(d||!m)&&e.styles[`${_}resize-handler--hidden`]),ref:C,role:"presentation"})]})}),T&&s===l.Drawer?i.jsx("div",{className:u(e.styles[`${_}backdrop`],e.styles[`${_}backdrop--${T}`]),onClick:te}):null]})}const r=w;r.displayName="SideNav";r.Body=b.SideNavBody;r.ActionList=ve.SideNavActionList;r.Header=M.SideNavHeader;r.Footer=U.SideNavFooter;exports.DRAWER_LAYOUT=$;exports.HIDDEN_LAYOUT=B;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=W;exports.NO_LAYOUT=L;exports.OPAQUE_BACKDROP=v;exports.RAIL_LAYOUT=R;exports.Root=w;exports.SideNav=r;exports.SideNavBackdrops=Ae;exports.SideNavClosedLayouts=n;exports.SideNavOpenLayouts=l;exports.TRANSPARENT_BACKDROP=P;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as l, jsxs as x } from "react/jsx-runtime";
|
|
2
2
|
import c from "clsx";
|
|
3
|
-
import ie, { useEffect as C, useMemo as
|
|
3
|
+
import ie, { useEffect as C, useMemo as re, useRef as w } from "react";
|
|
4
4
|
import { s as e } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
5
|
-
import { g as
|
|
5
|
+
import { g as se } from "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import { p as ne } from "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { SideNavHeader as k } from "./SideNavHeader.es.js";
|
|
8
8
|
import { SideNavFooter as z } from "./SideNavFooter.es.js";
|
|
@@ -13,14 +13,14 @@ import { useElementResize as ce } from "../../utils/hooks/useElementResize.es.js
|
|
|
13
13
|
import { useLocalStorage as fe } from "../../utils/hooks/useLocalStorage.es.js";
|
|
14
14
|
import { extractSpecifiedComponents as me } from "../../utils/extractSpecifiedComponents.es.js";
|
|
15
15
|
import { SideNavActionList as Ne } from "./SideNavActionList.es.js";
|
|
16
|
-
const { baseClassNamePrefix: a, subElementClassPrefix: f } =
|
|
16
|
+
const { baseClassNamePrefix: a, subElementClassPrefix: f } = se("side-nav"), M = 256, pe = 200, ve = 400, ue = "drawer", H = "rail", _e = "hidden", W = !1, b = "opaque", Se = "transparent", be = `${ne}-side-nav-width`, ke = {
|
|
17
17
|
Opaque: b,
|
|
18
18
|
Transparent: Se
|
|
19
19
|
}, m = {
|
|
20
20
|
Drawer: ue,
|
|
21
21
|
Rail: H,
|
|
22
22
|
None: W
|
|
23
|
-
},
|
|
23
|
+
}, r = {
|
|
24
24
|
Rail: H,
|
|
25
25
|
Hidden: _e,
|
|
26
26
|
None: W
|
|
@@ -30,7 +30,7 @@ function ye(U) {
|
|
|
30
30
|
backdrop: y = b,
|
|
31
31
|
children: P,
|
|
32
32
|
className: B,
|
|
33
|
-
closedLayout: n =
|
|
33
|
+
closedLayout: n = r.None,
|
|
34
34
|
floating: N = !1,
|
|
35
35
|
openLayout: d = m.Drawer,
|
|
36
36
|
resizable: p = !1,
|
|
@@ -48,17 +48,17 @@ function ye(U) {
|
|
|
48
48
|
C(() => {
|
|
49
49
|
!i && !t && h && v(!0);
|
|
50
50
|
}, [i, t, h, v]);
|
|
51
|
-
const { layout: o, resizable: D, navigation: g, backdrop: L, floating: R } =
|
|
51
|
+
const { layout: o, resizable: D, navigation: g, backdrop: L, floating: R } = re(() => {
|
|
52
52
|
if (i)
|
|
53
53
|
return {
|
|
54
|
-
layout: t ? m.Drawer :
|
|
54
|
+
layout: t ? m.Drawer : r.Hidden,
|
|
55
55
|
resizable: !1,
|
|
56
56
|
navigation: A || null,
|
|
57
57
|
backdrop: b,
|
|
58
58
|
floating: !0
|
|
59
59
|
};
|
|
60
60
|
let _;
|
|
61
|
-
return t ? _ = d : _ = n ||
|
|
61
|
+
return t ? _ = d : _ = n || r.None, {
|
|
62
62
|
layout: _,
|
|
63
63
|
resizable: p && t,
|
|
64
64
|
navigation: null,
|
|
@@ -105,7 +105,7 @@ function ye(U) {
|
|
|
105
105
|
F && e[`${a}--mobile-enabled`],
|
|
106
106
|
j && e[`${a}--interacted`],
|
|
107
107
|
B
|
|
108
|
-
), $ = o ===
|
|
108
|
+
), $ = o === r.Hidden || o === r.None, te = $ ? !0 : void 0, ae = {
|
|
109
109
|
inlineSize: o === m.Drawer ? `${G}px` : "",
|
|
110
110
|
...V
|
|
111
111
|
};
|
|
@@ -157,12 +157,12 @@ function ye(U) {
|
|
|
157
157
|
}
|
|
158
158
|
);
|
|
159
159
|
}
|
|
160
|
-
const
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
160
|
+
const s = ye;
|
|
161
|
+
s.displayName = "SideNav";
|
|
162
|
+
s.Body = S;
|
|
163
|
+
s.ActionList = Ne;
|
|
164
|
+
s.Header = k;
|
|
165
|
+
s.Footer = z;
|
|
166
166
|
export {
|
|
167
167
|
ue as DRAWER_LAYOUT,
|
|
168
168
|
_e as HIDDEN_LAYOUT,
|
|
@@ -171,9 +171,9 @@ export {
|
|
|
171
171
|
b as OPAQUE_BACKDROP,
|
|
172
172
|
H as RAIL_LAYOUT,
|
|
173
173
|
ye as Root,
|
|
174
|
-
|
|
174
|
+
s as SideNav,
|
|
175
175
|
ke as SideNavBackdrops,
|
|
176
|
-
|
|
176
|
+
r as SideNavClosedLayouts,
|
|
177
177
|
m as SideNavOpenLayouts,
|
|
178
178
|
Se as TRANSPARENT_BACKDROP
|
|
179
179
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("clsx"),u=require("../../chunks/sideNav.module.CCFDP-MK.js"),l=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const p=require("../../chunks/ActionList.Group.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),d=require("clsx"),u=require("../../chunks/sideNav.module.CCFDP-MK.js"),l=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const p=require("../../chunks/ActionList.Group.CdnUE8zS.js"),N=require("../../utils/extractSpecifiedComponents.cjs.js"),i=require("./SideNavActionListGroupHeading.cjs.js"),{baseClassNamePrefix:g}=l.getBEMClassNames("side-nav__group"),e=({children:s,className:t,...n})=>{const[{heading:o},r]=N.extractSpecifiedComponents(s,{heading:i.SideNavActionListGroupHeading}),a=d(u.styles[`${g}`],t);return c.jsx(p.ActionListGroup,{...n,kind:"action",className:a,role:"group",heading:o,children:r})};e.displayName="SideNav.ActionList.Group";e.Heading=i.SideNavActionListGroupHeading;exports.SideNavActionListGroup=e;
|
|
@@ -3,7 +3,7 @@ import p from "clsx";
|
|
|
3
3
|
import { s as c } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
4
4
|
import { g as d } from "../../chunks/classNames.CA_0DokS.js";
|
|
5
5
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
6
|
-
import { A as l } from "../../chunks/ActionList.Group.
|
|
6
|
+
import { A as l } from "../../chunks/ActionList.Group.BEWW4wwS.js";
|
|
7
7
|
import { extractSpecifiedComponents as f } from "../../utils/extractSpecifiedComponents.es.js";
|
|
8
8
|
import { SideNavActionListGroupHeading as o } from "./SideNavActionListGroupHeading.es.js";
|
|
9
9
|
const { baseClassNamePrefix: g } = d("side-nav__group"), i = ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),I=require("react"),x=require("clsx"),S=require("../../chunks/sideNav.module.CCFDP-MK.js"),_=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const y=require("../../utils/extractSpecifiedComponents.cjs.js"),f=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),I=require("react"),x=require("clsx"),S=require("../../chunks/sideNav.module.CCFDP-MK.js"),_=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const y=require("../../utils/extractSpecifiedComponents.cjs.js"),f=require("../../chunks/ActionList.Item.BHyO5gUR.js"),p=require("./SideNavActionListItemLabel.cjs.js"),l=require("./SideNavActionListItemFlyout.cjs.js"),r=require("./SideNavActionListItemExpandable.cjs.js"),q=require("./SideNavExpandableContext.cjs.js"),{baseClassNamePrefix:E,classModifierPrefix:h}=_.getBEMClassNames("side-nav__action"),F=I.forwardRef((L,a)=>{const{className:s,selected:t,children:d,...o}=L,{indent:u}=q.useSideNavExpandableContext(),[{label:i,flyout:m,expandable:v}]=y.extractSpecifiedComponents(d,{label:p.SideNavActionListItemLabel,flyout:l.SideNavActionListItemFlyout,expandable:r.SideNavActionListItemExpandable}),N=i&&m,b=i&&v;N&&b&&console.warn("SideNav.ActionList.Item: You cannot use both Flyout and Expandable components at the same time. Defaulting to Flyout.");const n=x(S.styles[`${E}`],t&&S.styles[`${h}selected`]);if(N)return c.jsx(l.Flyout,{className:s,baseClassName:n,ref:a,label:i,flyout:m,"aria-checked":void 0,"aria-selected":void 0,"aria-current":t?!0:void 0,...o});if(b)return c.jsx(r.Expandable,{label:i,expandable:v,baseClassName:n,className:s,indent:u,ref:a,"aria-current":t?!0:void 0,"aria-checked":void 0,"aria-selected":void 0,...o});{const A=x(n,s);return c.jsx(f.ActionListItem,{className:A,tabIndex:0,ref:a,tooltipPlacement:"right",indent:u,"aria-checked":void 0,"aria-selected":void 0,"aria-current":t?!0:void 0,...o,children:d})}}),e=F;e.Label=p.SideNavActionListItemLabel;e.Flyout=l.SideNavActionListItemFlyout;e.Expandable=r.SideNavActionListItemExpandable;e.displayName="SideNav.ActionList.Item";exports.SideNavActionListItem=e;
|
|
@@ -5,7 +5,7 @@ import { s as v } from "../../chunks/sideNav.module.mCiYslMt.js";
|
|
|
5
5
|
import { g as A } from "../../chunks/classNames.CA_0DokS.js";
|
|
6
6
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
7
7
|
import { extractSpecifiedComponents as I } from "../../utils/extractSpecifiedComponents.es.js";
|
|
8
|
-
import { A as S } from "../../chunks/ActionList.Item.
|
|
8
|
+
import { A as S } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
9
9
|
import { SideNavActionListItemLabel as b } from "./SideNavActionListItemLabel.es.js";
|
|
10
10
|
import { Flyout as E, SideNavActionListItemFlyout as x } from "./SideNavActionListItemFlyout.es.js";
|
|
11
11
|
import { Expandable as F, SideNavActionListItemExpandable as N } from "./SideNavActionListItemExpandable.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),v=require("clsx"),d=require("../../chunks/sideNav.module.CCFDP-MK.js"),p=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const _=require("../Accordion/Accordion.cjs.js"),N=require("../Accordion/AccordionGroup.cjs.js"),f=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),s=require("react"),v=require("clsx"),d=require("../../chunks/sideNav.module.CCFDP-MK.js"),p=require("../../chunks/classNames.BFQUGnCN.js");require("../../chunks/constants.CgMu0_1M.js");const _=require("../Accordion/Accordion.cjs.js"),N=require("../Accordion/AccordionGroup.cjs.js"),f=require("../../chunks/ActionList.Item.BHyO5gUR.js"),g=require("./SideNavExpandableContext.cjs.js"),y=require("./SideNavLayoutContext.cjs.js"),u=require("./SideNavActionListItemFlyout.cjs.js"),S=require("../Button/Button.cjs.js"),j=require("../Icon/Icon.cjs.js");function C(e){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(i,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return i.default=e,Object.freeze(i)}const b=C(s),q=e=>b.createElement("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},b.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 8C10 8.23607 9.9012 8.45836 9.73333 8.6L7.06667 10.85C6.86465 11.0204 6.59438 11.0479 6.36852 10.9208C6.14267 10.7938 6 10.5341 6 10.25L6 5.75C6 5.46592 6.14267 5.20623 6.36852 5.07918C6.59438 4.95214 6.86465 4.97956 7.06667 5.15L9.73333 7.4C9.9012 7.54164 10 7.76393 10 8Z",fill:"currentColor"})),A=e=>t.jsx(_.Accordion,{...e}),{baseClassNamePrefix:L,classModifierPrefix:I}=p.getBEMClassNames("side-nav__action"),h=s.forwardRef((e,i)=>{const{label:n,expandable:o,baseClassName:c,className:l,onClick:r,...a}=e,{currentLayout:m}=y.useSideNavLayoutContext();if(m==="rail")return t.jsx(u.Flyout,{className:l,baseClassName:c,ref:i,label:n,flyout:t.jsx(u.SideNavActionListItemFlyout,{children:o.props.children}),...a});const x=v(c,d.styles[`${I}expandable`],l);return t.jsx(g.SideNavExpandableContextProvider,{children:t.jsx(N.AccordionGroup,{children:s.cloneElement(o,{role:void 0,"aria-controls":void 0,tabIndex:void 0,heading:t.jsxs(t.Fragment,{children:[t.jsx(S.Button,{iconOnly:!0,iconBefore:t.jsx(j.Icon,{icon:q}),appearance:"neutral-subtle",kind:"bare",size:"sm",tabIndex:r?0:-1,"aria-label":`Toggle ${n.props.children}`,"aria-disabled":void 0,disabled:e.disabled,role:"menuitem",style:{pointerEvents:r?"unset":"none",marginInlineStart:typeof a.indent=="number"?`${a.indent+.5}rem`:0},className:d.styles[`${L}__expandable-icon`]}),t.jsx(f.ActionListItem,{className:x,ref:i,"aria-checked":void 0,"aria-disabled":void 0,disabled:e.disabled,onClick:r,...a,children:n})]})})})})});exports.Expandable=h;exports.SideNavActionListItemExpandable=A;
|
|
@@ -7,7 +7,7 @@ import { g as C } from "../../chunks/classNames.CA_0DokS.js";
|
|
|
7
7
|
import "../../chunks/constants.Cruz2A1w.js";
|
|
8
8
|
import { Accordion as N } from "../Accordion/Accordion.es.js";
|
|
9
9
|
import { AccordionGroup as g } from "../Accordion/AccordionGroup.es.js";
|
|
10
|
-
import { A as h } from "../../chunks/ActionList.Item.
|
|
10
|
+
import { A as h } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
11
11
|
import { SideNavExpandableContextProvider as y } from "./SideNavExpandableContext.es.js";
|
|
12
12
|
import { useSideNavLayoutContext as E } from "./SideNavLayoutContext.es.js";
|
|
13
13
|
import { Flyout as L, SideNavActionListItemFlyout as w } from "./SideNavActionListItemFlyout.es.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../chunks/ActionList.Item.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),x=require("../../chunks/ActionList.Item.BHyO5gUR.js"),t=require("../Menu/Menu.cjs.js"),M=require("../Menu/Menu.context.cjs.js"),_=require("./SideNavContext.cjs.js"),v=require("clsx"),N=t.Menu.PopoverContent,b=m.forwardRef((o,s)=>{const{className:i,label:r,flyout:u,baseClassName:c,...l}=o,{isRTL:n}=_.useSideNavContext(),a=M.useMenuContext()!==void 0,d=v(a?"":c,i);return e.jsxs(t.Menu,{placement:n?"left-start":"right-start",listNavigation:{focusItemOnOpen:!0,nested:!0,rtl:n},children:[e.jsx(t.Menu.Trigger,{children:e.jsx(x.ActionListItem,{className:d,tabIndex:0,kind:"flyout",ref:s,tooltipPlacement:"right",...l,children:r})}),e.jsx(t.Menu.PopoverContent,{dir:n?"rtl":"ltr",children:u})]})});exports.Flyout=b;exports.SideNavActionListItemFlyout=N;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { forwardRef as f } from "react";
|
|
3
|
-
import { A as d } from "../../chunks/ActionList.Item.
|
|
3
|
+
import { A as d } from "../../chunks/ActionList.Item.BKE036zC.js";
|
|
4
4
|
import { Menu as t } from "../Menu/Menu.es.js";
|
|
5
5
|
import { useMenuContext as x } from "../Menu/Menu.context.es.js";
|
|
6
6
|
import { useSideNavContext as C } from "./SideNavContext.es.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@viasat/beam-react",
|
|
3
|
-
"version": "2.55.
|
|
3
|
+
"version": "2.55.2",
|
|
4
4
|
"description": "React component library for the Beam design system",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Viasat",
|
|
@@ -60,12 +60,12 @@
|
|
|
60
60
|
"access": "public"
|
|
61
61
|
},
|
|
62
62
|
"dependencies": {
|
|
63
|
-
"@viasat/beam-fonts": "2.55.
|
|
64
|
-
"@viasat/beam-shared": "2.55.
|
|
65
|
-
"@viasat/beam-styles": "2.55.
|
|
66
|
-
"@viasat/beam-tokens": "2.55.
|
|
67
|
-
"@viasat/beam-icons": "2.55.
|
|
68
|
-
"@viasat/beam-react-claude-plugin": "2.55.
|
|
63
|
+
"@viasat/beam-fonts": "2.55.2",
|
|
64
|
+
"@viasat/beam-shared": "2.55.2",
|
|
65
|
+
"@viasat/beam-styles": "2.55.2",
|
|
66
|
+
"@viasat/beam-tokens": "2.55.2",
|
|
67
|
+
"@viasat/beam-icons": "2.55.2",
|
|
68
|
+
"@viasat/beam-react-claude-plugin": "2.55.2",
|
|
69
69
|
"clsx": "^1.2.1",
|
|
70
70
|
"@floating-ui/react": "^0.26.18",
|
|
71
71
|
"@stepperize/react": "^5.1.5",
|