@protonradio/proton-ui 0.7.16 → 0.7.17
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/dist/index.cjs.js +1 -1
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +1 -1
- package/dist/index.es.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -44,5 +44,5 @@ React keys must be passed directly to JSX without using spread:
|
|
|
44
44
|
*
|
|
45
45
|
* This source code is licensed under the MIT license found in the
|
|
46
46
|
* LICENSE file in the root directory of this source tree.
|
|
47
|
-
*/var Ql;function Pv(){return Ql||(Ql=1,process.env.NODE_ENV!=="production"&&function(){typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var t=a,e=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function n(x){{for(var k=arguments.length,D=new Array(k>1?k-1:0),T=1;T<k;T++)D[T-1]=arguments[T];r("error",x,D)}}function r(x,k,D){{var T=e.ReactDebugCurrentFrame,F=T.getStackAddendum();F!==""&&(k+="%s",D=D.concat([F]));var h=D.map(function(B){return String(B)});h.unshift("Warning: "+k),Function.prototype.apply.call(console[x],console,h)}}function l(x,k){return x===k&&(x!==0||1/x===1/k)||x!==x&&k!==k}var i=typeof Object.is=="function"?Object.is:l,o=t.useState,s=t.useEffect,u=t.useLayoutEffect,c=t.useDebugValue,d=!1,f=!1;function p(x,k,D){d||t.startTransition!==void 0&&(d=!0,n("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var T=k();if(!f){var F=k();i(T,F)||(n("The result of getSnapshot should be cached to avoid an infinite loop"),f=!0)}var h=o({inst:{value:T,getSnapshot:k}}),B=h[0].inst,C=h[1];return u(function(){B.value=T,B.getSnapshot=k,v(B)&&C({inst:B})},[x,T,k]),s(function(){v(B)&&C({inst:B});var P=function(){v(B)&&C({inst:B})};return x(P)},[x]),c(T),T}function v(x){var k=x.getSnapshot,D=x.value;try{var T=k();return!i(D,T)}catch{return!0}}function b(x,k,D){return k()}var $=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",y=!$,w=y?b:p,S=t.useSyncExternalStore!==void 0?t.useSyncExternalStore:w;Jn.useSyncExternalStore=S,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)}()),Jn}process.env.NODE_ENV==="production"?Er.exports=wv():Er.exports=Pv();var Dv=Er.exports;const _a=a.createContext(!1),Ot=a.createContext(null);function kv(t){if(a.useContext(Ot))return t.content;let{collection:n,document:r}=Kv(t.createCollection);return a.createElement(a.Fragment,null,a.createElement(Cv,null,a.createElement(Ot.Provider,{value:r},t.content)),a.createElement(Tv,{render:t.children,collection:n}))}function Tv({collection:t,render:e}){return e(t)}function Av(t,e,n){let r=Xe(),l=a.useRef(r);l.current=r;let i=a.useCallback(()=>l.current?n():e(),[e,n]);return Dv.useSyncExternalStore(t,i)}const Bv=typeof a.useSyncExternalStore=="function"?a.useSyncExternalStore:Av;function Kv(t){let[e]=a.useState(()=>new xv((t==null?void 0:t())||new $v)),n=a.useCallback(o=>e.subscribe(o),[e]),r=a.useCallback(()=>{let o=e.getCollection();return e.isSSR&&e.resetAfterSSR(),o},[e]),l=a.useCallback(()=>(e.isSSR=!0,e.getCollection()),[e]),i=Bv(n,r,l);return W(()=>(e.isMounted=!0,()=>{e.isMounted=!1}),[e]),{collection:i,document:e}}const Cr=a.createContext(null);function Mv(t,e,n,r,l,i){let o=a.useCallback(u=>{u==null||u.setProps(e,n,r,i)},[e,n,r,i]),s=a.useContext(Cr);if(s){let u=s.ownerDocument.nodesByProps.get(e);return u||(u=s.ownerDocument.createElement(t),u.setProps(e,n,r,i),s.appendChild(u),s.ownerDocument.updateCollection(),s.ownerDocument.nodesByProps.set(e,u)),l?a.createElement(Cr.Provider,{value:u},l):null}return a.createElement(t,{ref:o},l)}function Rv(t,e){let n=({node:l})=>e(l.props,l.props.ref,l),r=a.forwardRef((l,i)=>{if(!a.useContext(_a)){if(e.length>=3)throw new Error(e.name+" cannot be rendered outside a collection.");return e(l,i)}return Mv(t,l,i,"children"in l?l.children:null,null,s=>a.createElement(n,{node:s}))});return r.displayName=e.name,r}function Iv(t){return Fa({...t,addIdAndValue:!0})}const ei=a.createContext(null);function Fv(t){let e=a.useContext(ei),n=((e==null?void 0:e.dependencies)||[]).concat(t.dependencies),r=t.idScope||(e==null?void 0:e.idScope),l=Iv({...t,idScope:r,dependencies:n});return a.useContext(Ot)&&(l=a.createElement(_v,null,l)),e=a.useMemo(()=>({dependencies:n,idScope:r}),[r,...n]),a.createElement(ei.Provider,{value:e},l)}function _v({children:t}){let e=a.useContext(Ot),n=a.useMemo(()=>a.createElement(Ot.Provider,{value:null},a.createElement(_a.Provider,{value:!0},t)),[t]);return Xe()?a.createElement(Cr.Provider,{value:e},n):it.createPortal(n,e)}const Nv=a.createContext(null),Lv={CollectionRoot({collection:t,renderDropIndicator:e}){return ti(t,null,e)},CollectionBranch({collection:t,parent:e,renderDropIndicator:n}){return ti(t,e,n)}};function ti(t,e,n){return Fa({items:e?t.getChildren(e.key):t,dependencies:[n],children(r){var l;let i=r.render(r);if(!n||r.type!=="item")return i;let o=r.key,s=t.getKeyAfter(o);return a.createElement(a.Fragment,null,n({type:"item",key:o,dropPosition:"before"}),i,(s==null||((l=t.getItem(s))===null||l===void 0?void 0:l.type)!=="item")&&n({type:"item",key:o,dropPosition:"after"}))}})}const Na=a.createContext(Lv);function Ov(t){return a.useMemo(()=>t!=null?new Set([t]):null,[t])}const ni=Symbol("default");function Tn({values:t,children:e}){for(let[n,r]of t)e=a.createElement(n.Provider,{value:r},e);return e}function Ct(t){let{className:e,style:n,children:r,defaultClassName:l,defaultChildren:i,defaultStyle:o,values:s}=t;return a.useMemo(()=>{let u,c,d;return typeof e=="function"?u=e({...s,defaultClassName:l}):u=e,typeof n=="function"?c=n({...s,defaultStyle:o||{}}):c=n,typeof r=="function"?d=r({...s,defaultChildren:i}):r==null?d=i:d=r,{className:u??l,style:c||o?{...o,...c}:void 0,children:d??i,"data-rac":""}},[e,n,r,l,i,o,s])}function La(t,e){let n=a.useContext(t);if(e===null)return null;if(n&&typeof n=="object"&&"slots"in n&&n.slots){let r=new Intl.ListFormat().format(Object.keys(n.slots).map(i=>`"${i}"`));if(!e&&!n.slots[ni])throw new Error(`A slot prop is required. Valid slot names are ${r}.`);let l=e||ni;if(!n.slots[l])throw new Error(`Invalid slot "${e}". Valid slot names are ${r}.`);return n.slots[l]}return n}function Ht(t,e,n){let r=La(n,t.slot)||{},{ref:l,...i}=r,o=mn(a.useMemo(()=>Rc(e,l),[e,l])),s=z(i,t);return"style"in i&&i.style&&"style"in t&&t.style&&(typeof i.style=="function"||typeof t.style=="function"?s.style=u=>{let c=typeof i.style=="function"?i.style(u):i.style,d={...u.defaultStyle,...c},f=typeof t.style=="function"?t.style({...u,defaultStyle:d}):t.style;return{...d,...f}}:s.style={...i.style,...t.style}),[s,o]}function zv(){let[t,e]=a.useState(!0),n=a.useRef(!1),r=a.useCallback(l=>{n.current=!0,e(!!l)},[]);return W(()=>{n.current||e(!1)},[]),[r,t]}function jv(t,e=!0){let[n,r]=a.useState(!0);return Oa(t,n&&e,a.useCallback(()=>r(!1),[])),n&&e}function Vv(t,e){let[n,r]=a.useState(!1),[l,i]=a.useState("idle");return!e&&t.current&&l==="idle"&&(n=!0,r(!0),i("exiting")),!t.current&&l==="exited"&&i("idle"),Oa(t,n,a.useCallback(()=>{i("exited"),r(!1)},[])),n}function Oa(t,e,n){let r=a.useRef(null);e&&t.current&&(r.current=window.getComputedStyle(t.current).animation),W(()=>{if(e&&t.current){let l=window.getComputedStyle(t.current);if(l.animationName&&l.animationName!=="none"&&l.animation!==r.current){let i=s=>{s.target===t.current&&(o.removeEventListener("animationend",i),it.flushSync(()=>{n()}))},o=t.current;return o.addEventListener("animationend",i),()=>{o.removeEventListener("animationend",i)}}else n()}},[t,e,n])}const Hv=a.createContext(null),Uv=new Set(["form","formAction","formEncType","formMethod","formNoValidate","formTarget","name","value"]),Wv=a.createContext({});function Gv(t,e){[t,e]=Ht(t,e,Wv),t=Yv(t);let n=t,{isPending:r}=n,{buttonProps:l,isPressed:i}=Sn(t,e),{focusProps:o,isFocused:s,isFocusVisible:u}=Vt(t),{hoverProps:c,isHovered:d}=xt({...t,isDisabled:t.isDisabled||r}),f={isHovered:d,isPressed:(n.isPressed||i)&&!r,isFocused:s,isFocusVisible:u,isDisabled:t.isDisabled||!1,isPending:r??!1},p=Ct({...t,values:f,defaultClassName:"react-aria-Button"}),v=ae(l.id),b=ae(),$=l["aria-labelledby"];r&&($?$=`${$} ${b}`:l["aria-label"]&&($=`${v} ${b}`));let y=a.useRef(r);return a.useEffect(()=>{let w={"aria-labelledby":$||v};(!y.current&&s&&r||y.current&&s&&!r)&&dn(w,"assertive"),y.current=r},[r,s,$,v]),a.createElement("button",{...oe(t,{propNames:Uv}),...z(l,o,c),...p,id:v,ref:e,"aria-labelledby":$,slot:t.slot||void 0,"aria-disabled":r?"true":l["aria-disabled"],"data-disabled":t.isDisabled||void 0,"data-pressed":f.isPressed||void 0,"data-hovered":d||void 0,"data-focused":s||void 0,"data-pending":r||void 0,"data-focus-visible":u||void 0},a.createElement(Hv.Provider,{value:{id:b}},p.children))}function Yv(t){return t.isPending&&(t.onPress=void 0,t.onPressStart=void 0,t.onPressEnd=void 0,t.onPressChange=void 0,t.onPressUp=void 0,t.onKeyDown=void 0,t.onKeyUp=void 0,t.onClick=void 0,t.href=void 0),t}const za=Sv(Gv),qv=a.createContext({}),Xv=a.createContext({}),Zv=a.createContext({}),ja=a.createContext({placement:"bottom"});function Jv(t,e){[t,e]=Ht(t,e,ja);let n=t.placement,r={position:"absolute",[n]:"100%",transform:n==="top"||n==="bottom"?"translateX(-50%)":"translateY(-50%)"},l=Ct({...t,defaultClassName:"react-aria-OverlayArrow",values:{placement:n}});return l.style&&Object.keys(l.style).forEach(i=>l.style[i]===void 0&&delete l.style[i]),a.createElement("div",{...t,...l,style:{...r,...l.style},ref:e,"data-placement":n})}const Qv=a.forwardRef(Jv),Sr=a.createContext(null),eh=a.createContext(null),th=a.createContext({}),Va=a.createContext(null),Xr=a.createContext(null),Ha=a.createContext(null);function nh(t){let e=Kp(t),n=a.useRef(null),{menuTriggerProps:r,menuProps:l}=ps({...t,type:"menu"},e,n),[i,o]=a.useState(null),s=a.useCallback(()=>{n.current&&o(n.current.offsetWidth+"px")},[n]);tr({ref:n,onResize:s});let u=a.useRef(null);return a.createElement(Tn,{values:[[Va,{...l,ref:u}],[eh,e],[Ha,e],[Sr,{trigger:"MenuTrigger",triggerRef:n,scrollRef:u,placement:"bottom start",style:{"--trigger-width":i}}]]},a.createElement(cd,{...r,ref:n,isPressed:e.isOpen},t.children))}const rh=a.createContext(null);function lh(t,e){return[t,e]=Ht(t,e,Va),a.createElement(kv,{content:a.createElement(Fv,t)},n=>n.size>0&&a.createElement(ih,{props:t,collection:n,menuRef:e}))}function ih({props:t,collection:e,menuRef:n}){let r=ka({...t,collection:e,children:void 0}),[l,i]=a.useState(null),{isVirtualized:o,CollectionRoot:s}=a.useContext(Na),{menuProps:u}=hs({...t,isVirtualized:o},r,n),c=a.useContext(Ha),d=a.useContext(Sr),f=(d==null?void 0:d.trigger)==="SubmenuTrigger";Si({ref:n,onInteractOutside:y=>{c&&!(l!=null&&l.contains(y.target))&&c.close()},isDisabled:f||(c==null?void 0:c.expandedKeysStack.length)===0});let p=a.useRef(null),[v,b]=a.useState({left:0});a.useEffect(()=>{if(l&&p.current!==l&&v.left===0){p.current=l;let{left:y}=l.getBoundingClientRect();b({left:-1*y})}},[v,l]);let $=Ct({defaultClassName:"react-aria-Menu",className:t.className,style:t.style,values:{}});return a.createElement(xn,null,a.createElement("div",{...oe(t),...u,...$,ref:n,slot:t.slot||void 0,onScroll:t.onScroll},a.createElement(Tn,{values:[[Xr,r],[Zv,{elementType:"div"}],[Sr,{UNSTABLE_portalContainer:l||void 0}],[Nv,{render:sh}],[rh,{parentMenuRef:n}],[wr,null]]},a.createElement(s,{collection:e,persistedKeys:Ov(r.selectionManager.focusedKey),scrollRef:n}))),a.createElement("div",{ref:i,style:{width:"100vw",position:"absolute",top:0,...v}}))}const oh=a.forwardRef(lh);function sh(t,e,n){var r,l;let i=a.useContext(Xr),{CollectionBranch:o}=a.useContext(Na),[s,u]=zv();var c;let{headingProps:d,groupProps:f}=Hf({heading:u,"aria-label":(c=n.props["aria-label"])!==null&&c!==void 0?c:void 0}),p=Ct({defaultClassName:"react-aria-Section",className:(r=n.props)===null||r===void 0?void 0:r.className,style:(l=n.props)===null||l===void 0?void 0:l.style,values:{}});return a.createElement("section",{...oe(t),...f,...p,ref:e},a.createElement(Xv.Provider,{value:{...d,ref:s}},a.createElement(o,{collection:i.collection,parent:n})))}const wr=a.createContext(null),uh=Rv("item",function(e,n,r){var l;[e,n]=Ht(e,n,wr);let i=(l=La(wr))===null||l===void 0?void 0:l.id,o=a.useContext(Xr),s=mn(n),{menuItemProps:u,labelProps:c,descriptionProps:d,keyboardShortcutProps:f,...p}=ms({...e,id:i,key:r.key},o,s),{isFocusVisible:v,focusProps:b}=Vt(),{hoverProps:$,isHovered:y}=xt({isDisabled:p.isDisabled}),w=Ct({...e,id:void 0,children:r.rendered,defaultClassName:"react-aria-MenuItem",values:{...p,isHovered:y,isFocusVisible:v,selectionMode:o.selectionManager.selectionMode,selectionBehavior:o.selectionManager.selectionBehavior,hasSubmenu:!!e["aria-haspopup"],isOpen:e["aria-expanded"]==="true"}}),S=e.href?"a":"div";return a.createElement(S,{...z(u,b,$),...w,ref:s,"data-disabled":p.isDisabled||void 0,"data-hovered":y||void 0,"data-focused":p.isFocused||void 0,"data-focus-visible":v||void 0,"data-pressed":p.isPressed||void 0,"data-selected":p.isSelected||void 0,"data-selection-mode":o.selectionManager.selectionMode==="none"?void 0:o.selectionManager.selectionMode,"data-has-submenu":!!e["aria-haspopup"]||void 0,"data-open":e["aria-expanded"]==="true"||void 0},a.createElement(Tn,{values:[[qv,{slots:{label:c,description:d}}],[th,f]]},w.children))}),Zr=a.createContext(null),Ua=a.createContext(null);function ah(t){let e=Da(t),n=a.useRef(null),{triggerProps:r,tooltipProps:l}=kp(t,e,n);return a.createElement(Tn,{values:[[Zr,e],[Ua,{...l,triggerRef:n}]]},a.createElement(Rd,{...r,ref:n},t.children))}function ch({UNSTABLE_portalContainer:t,...e},n){[e,n]=Ht(e,n,Ua);let r=a.useContext(Zr),l=Da(e),i=e.isOpen!=null||e.defaultOpen!=null||!r?l:r,o=Vv(n,i.isOpen)||e.isExiting||!1;return!i.isOpen&&!o?null:a.createElement(Sf,{portalContainer:t},a.createElement(fh,{...e,tooltipRef:n,isExiting:o}))}const dh=a.forwardRef(ch);function fh(t){let e=a.useContext(Zr),n=a.useRef(null),[r,l]=a.useState(0);W(()=>{n.current&&e.isOpen&&l(n.current.getBoundingClientRect().width)},[e.isOpen,n]);let{overlayProps:i,arrowProps:o,placement:s}=Oi({placement:t.placement||"top",targetRef:t.triggerRef,overlayRef:t.tooltipRef,offset:t.offset,crossOffset:t.crossOffset,isOpen:e.isOpen,arrowSize:r,arrowBoundaryOffset:t.arrowBoundaryOffset,shouldFlip:t.shouldFlip}),u=jv(t.tooltipRef,!!s)||t.isEntering||!1,c=Ct({...t,defaultClassName:"react-aria-Tooltip",values:{placement:s,isEntering:u,isExiting:t.isExiting,state:e}});t=z(t,i);let{tooltipProps:d}=Dp(t,e);return a.createElement("div",{...d,ref:t.tooltipRef,...c,style:{...i.style,...c.style},"data-placement":s,"data-entering":u||void 0,"data-exiting":t.isExiting||void 0},a.createElement(ja.Provider,{value:{...o,placement:s,ref:n}},c.children))}function Wa(t,e="down"){const n=e==="down"?`(max-width: ${t}px)`:`(min-width: ${t}px)`,[r,l]=a.useState(()=>typeof window<"u"?window.matchMedia(n).matches:!1);return a.useEffect(()=>{if(typeof window>"u")return;const i=window.matchMedia(n),o=s=>{l(s.matches)};return i.addEventListener("change",o),()=>i.removeEventListener("change",o)},[n]),r}const ph=({size:t})=>g.jsx("svg",{viewBox:"0 0 24 24",width:t,height:t,children:g.jsx("path",{fill:"currentColor",d:"M4 14c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm8 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm8 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"})});function vh({renderTrigger:t,menuId:e,size:n=24,actions:r,disabled:l,onClose:i,testId:o,menuTestId:s}){const{className:u}=xe(),c=Wa(Ie.BREAKPOINTS.SMALL),[d,f]=a.useState(!1),p=a.useRef(null),v={disabled:l,"data-testid":o,"aria-label":"Menu"},b=g.jsx(za,{...v,ref:p,onPress:()=>f(y=>!y),isDisabled:l,className:`proton-ResponsiveMenuTrigger__button ${u}`,children:g.jsx(ph,{size:n})}),$=t?t({...v,onClick:()=>f(y=>!y)},d):b;return a.useEffect(()=>()=>{d&&(i==null||i())},[d,i]),c?g.jsxs(g.Fragment,{children:[$,d&&g.jsx(Gr,{id:e,actions:r,isOpen:d,onClose:()=>{f(!1)},showCancel:!0,"data-testid":s})]}):g.jsxs(nh,{children:[$,d&&g.jsx(kn,{state:{isOpen:d,setOpen:f,open:()=>f(!0),close:()=>f(!1),toggle:()=>f(!d)},triggerRef:p,arrow:!1,children:g.jsx(oh,{className:"proton-ListBox proton-ResponsiveMenuTrigger__menu",id:e,autoFocus:!0,"data-testid":s,children:r.map(y=>g.jsx(uh,{href:y.to,target:"_blank",rel:"noopener noreferrer",onAction:()=>{var w;(w=y.onAction)==null||w.call(y,y.key),setTimeout(()=>{f(!1)},200)},className:"proton-ListBox__item proton-ResponsiveMenuTrigger__menu-item",children:y.label},y.key))})})]})}const Pr=t=>{let e=a.useRef(null),{state:n}=t,{listBoxProps:r}=_f(t,n,e);return g.jsx(xn,{contain:!0,restoreFocus:!0,autoFocus:!0,children:g.jsx("ul",{...r,ref:e,"data-testid":"listbox",className:"proton-ListBox",children:[...n.collection].map(l=>g.jsx(hh,{item:l,state:n},l.key))})})};function hh({item:t,state:e}){let n=a.useRef(null),{optionProps:r,isSelected:l,isFocused:i,isDisabled:o}=jf({key:t.key},e,n);return g.jsx("li",{...r,className:N.csx("proton-ListBox__item",i&&"proton-ListBox__item--focused",l&&"proton-ListBox__item--selected",o&&"proton-ListBox__item--disabled"),ref:n,children:t.rendered})}const Ga=a.forwardRef((t,e)=>{let{buttonProps:n}=Sn({...t,isDisabled:t.disabled},e);return g.jsx("button",{...n,ref:e,className:N.csx("proton-Select__trigger",t.disabled&&"proton-Select__trigger--disabled",!t.isOpen&&"proton-Select__trigger--closed",t.isOpen&&"proton-Select__trigger--opened"),children:t.children})});function mh({label:t,name:e,isDisabled:n,disabledKeys:r,selectedKey:l,onSelectionChange:i,onOpen:o,onClose:s,items:u,"data-testid":c,children:d}){const f={label:t,isDisabled:n,disabledKeys:r,selectedKey:l,items:u,"data-testid":c,children:d,onSelectionChange:i,onOpenChange:x=>{x?o==null||o():s==null||s()}},p=xa(f),v=a.useRef(null),b=a.useRef(null),{labelProps:$,triggerProps:y,valueProps:w,menuProps:S}=Nu({...f,label:t||e},p,v);return a.useEffect(()=>{p.isOpen&&b.current&&v.current&&!b.current.style.minWidth&&(b.current.style.minWidth=`${v.current.offsetWidth}px`)}),g.jsxs("div",{className:"proton-Select","aria-label":t||e,"aria-disabled":n,children:[t?g.jsx("div",{...$,className:"proton-Select__label","data-testid":"select-label",children:t}):g.jsx("div",{...$}),g.jsx(Lu,{isDisabled:n,state:p,triggerRef:v,label:t||e,name:e,"data-testid":"hidden-select-container"}),g.jsxs(Ga,{...y,isOpen:p.isOpen,ref:v,disabled:n,"data-testid":c,children:[g.jsx("div",{...w,className:"proton-Select__value",children:p.selectedItem?p.selectedItem.rendered:"Select an option"}),g.jsx("div",{className:N.csx("proton-Select__trigger_icon",p.isOpen&&"proton-Select__trigger_icon--flipped"),"aria-hidden":"true",children:g.jsxs("svg",{id:"caret-down",viewBox:"0 0 512 512",children:[g.jsx("title",{children:p.isOpen?"caret down":"caret up"}),g.jsx("path",{fill:"currentColor",d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})]})})]}),p.isOpen&&g.jsx("div",{className:"proton-Select__popover",children:g.jsx(kn,{arrow:!1,state:p,triggerRef:v,popoverRef:b,placement:"bottom start","data-testid":"select-popover",children:g.jsx(Pr,{...S,state:p})})})]})}const bh={Menu:mh,Option:Nr};function gh({label:t,name:e,isDisabled:n,disabledKeys:r,selectedKey:l,onSelectionChange:i,onOpen:o,onClose:s,items:u,"data-testid":c,children:d}){const f={label:t,isDisabled:n,disabledKeys:r,selectedKey:l,onSelectionChange:i,onOpenChange:k=>{k?o==null||o():s==null||s()},items:u,"data-testid":c,children:d},p=xa(f),v=Wa(Ie.BREAKPOINTS.MEDIUM),b=a.useRef(null),$=a.useRef(null),{labelProps:y,triggerProps:w,valueProps:S,menuProps:x}=Nu({...f,label:t||e},p,b);return a.useEffect(()=>{p.isOpen&&$.current&&b.current&&!$.current.style.minWidth&&($.current.style.minWidth=`${b.current.offsetWidth}px`)}),g.jsxs("div",{className:"proton-Select","aria-label":t||e,"aria-disabled":n,children:[t?g.jsx("div",{...y,className:"proton-Select__label","data-testid":"select-label",children:t}):g.jsx("div",{...y}),g.jsx(Lu,{isDisabled:n,state:p,triggerRef:b,label:t||e,name:e,"data-testid":"hidden-select-container"}),g.jsxs(Ga,{...w,isOpen:p.isOpen,ref:b,disabled:n,"data-testid":c,children:[g.jsx("div",{...S,children:p.selectedItem?p.selectedItem.rendered:"Select an option"}),g.jsx("div",{className:N.csx("proton-Select__trigger_icon",p.isOpen&&"proton-Select__trigger_icon--flipped"),"aria-hidden":"true",children:g.jsxs("svg",{id:"caret-down",viewBox:"0 0 512 512",children:[g.jsx("title",{children:p.isOpen?"caret down":"caret up"}),g.jsx("path",{fill:"currentColor",d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})]})})]}),p.isOpen&&g.jsx(g.Fragment,{children:v?g.jsx(Gr,{isOpen:p.isOpen,onClose:()=>p.close(),children:g.jsx(Pr,{...x,state:p})}):g.jsx("div",{className:"proton-Select__popover",children:g.jsx(kn,{state:p,triggerRef:b,popoverRef:$,placement:"bottom start","data-testid":"select-popover",children:g.jsx(Pr,{...x,state:p})})})})]})}const yh={Menu:gh,Option:Nr};function $h(t){let e={...t,isSelected:t.isOn,"data-testid":void 0},n=a.useRef(null),r=rf(e),{inputProps:l}=vp(e,r,n);return g.jsxs("label",{className:N.csx("proton-Switch",t.isDisabled&&"proton-Switch--disabled",r.isSelected&&"proton-Switch--on"),"data-on":r.isSelected||void 0,"data-disabled":t.isDisabled||void 0,"data-testid":t["data-testid"]||void 0,"aria-label":t.label||void 0,children:[g.jsx(Fr,{children:g.jsx("input",{...l,ref:n})}),t.label&&g.jsx("div",{className:"proton-Switch__label",children:t.label}),g.jsxs("div",{className:"proton-Switch__wrapper",children:[g.jsx("div",{className:"proton-Switch__toggle",children:g.jsx("div",{className:"proton-Switch__slider"})}),t.children&&g.jsx("div",{className:"proton-Switch__description",children:t.children})]})]})}function xh({item:t,state:e,children:n}){let r=a.useRef(),{rowProps:l}=Sp({node:t},e);return g.jsx("tr",{className:N.csx("proton-Table__headerRow"),...l,ref:r,children:n})}function Eh({column:t,state:e}){var u,c;let n=a.useRef(),{columnHeaderProps:r}=Ep({node:t},e,n);const{align:l="left"}=t.props;let{isFocusVisible:i,focusProps:o}=Vt(),s=((u=e.sortDescriptor)==null?void 0:u.direction)==="ascending"?"▲":"▼";return g.jsxs("th",{...z(r,o),colSpan:t.colspan,className:N.csx("proton-Table__header",`proton-Table__header--${l}`,i?"proton-Table__header--focused":null),ref:n,children:[t.rendered,t.props.allowsSorting&&g.jsx("span",{"aria-hidden":"true",className:N.csx("proton-Table__headerSortIcon"),style:{visibility:((c=e.sortDescriptor)==null?void 0:c.column)===t.key?"visible":"hidden"},children:s})]})}function ri({type:t,children:e,isHidden:n=!1}){let{rowGroupProps:r}=Pp();return g.jsx(t,{...r,className:N.csx("proton-Table__rowGroup",t==="thead"?"proton-Table__rowGroup--header":"proton-Table__rowGroup--body"),style:n?{display:"none"}:void 0,children:e})}function Ch({item:t,children:e,state:n,backgroundColor:r,onClick:l,showLines:i=!0}){let o=a.useRef(),s=n.selectionManager.isSelected(t.key),{rowProps:u,isPressed:c}=Cp({node:t},n,o),{isFocusVisible:d,focusProps:f}=Vt();return g.jsx("tr",{className:N.csx("proton-Table__row",s?"proton-Table__row--selected":null,c?"proton-Table__row--pressed":null,d?"proton-Table__row--focused":null,i&&"proton-Table__row--showLines",l&&"proton-Table__row--clickable"),style:r?{backgroundColor:r}:void 0,...z(u,f),ref:o,onClick:l?()=>l(t.key):void 0,children:e})}function Sh({cell:t,state:e,width:n,onClick:r}){let l=a.useRef(),{gridCellProps:i}=wp({node:t},e,l),{isFocusVisible:o,focusProps:s}=Vt();const{align:u="left"}=t.props;return g.jsx("td",{...z(i,s),className:N.csx("proton-Table__cell",o?"proton-Table__cell--focused":null,`proton-Table__cell--${u}`,r&&"proton-Table--clickable"),style:n?{width:n}:void 0,ref:l,onClick:r?()=>r(t.key):void 0,children:t.rendered})}const wh=Up,Ph=Gp,Dh=Wp,kh=Hp;function Th(t){var i;let e=jp({...t}),n=a.useRef(),{collection:r}=e,{gridProps:l}=$p({...t,"aria-label":t["aria-label"]||"Table"},e,n);return g.jsxs("table",{...l,ref:n,className:N.csx("proton-Table"),children:[g.jsx(ri,{type:"thead",isHidden:(i=t.headerProps)==null?void 0:i.isHidden,children:r.headerRows.map(o=>g.jsx(xh,{item:o,state:e,children:Array.from(r.getChildren(o.key)).map(s=>g.jsx(Eh,{column:s,state:e},s.key))},o.key))}),g.jsx(ri,{type:"tbody",children:Array.from(r.body.childNodes).map(o=>g.jsx(Ch,{item:o,state:e,backgroundColor:o.props.backgroundColor,showLines:r.body.props.showLines,onClick:o.props.onClick,children:Array.from(r.getChildren(o.key)).map(s=>g.jsx(Sh,{cell:s,state:e,width:s.props.width,onClick:s.props.onClick},s.key))},o.key))})]})}const Ah=({children:t,maxWidth:e,singleLine:n=!0,lines:r=1,title:l,"data-testid":i})=>g.jsx("div",{className:N.csx("proton-TextEllipsis",n||r===1?"proton-TextEllipsis--single-line":r>1?"proton-TextEllipsis--multi-line":""),style:{maxWidth:e,WebkitLineClamp:r},title:l,"data-testid":i,children:t});function Ya({children:t,arrow:e,...n}){const{style:r,className:l}=xe();return g.jsxs(dh,{...n,className:N.csx("proton__Tooltip","proton-Dialog",l),style:r,children:[e&&g.jsx(Qv,{className:N.csx("proton__TooltipArrow",l),children:g.jsx("svg",{width:8,height:8,viewBox:"0 0 8 8",children:g.jsx("path",{d:"M0 0 L4 4 L8 0"})})}),t]})}function qa({children:t,delay:e=500,closeDelay:n=500,isDisabled:r,defaultOpen:l,onOpenChange:i,disableTriggerClick:o,content:s,...u}){const[c,d]=a.useState(!1),f=a.useRef(!1),p=a.useRef(!1);return s===""?null:g.jsxs(ah,{delay:e,closeDelay:n,isDisabled:r,isOpen:c,defaultOpen:l,onOpenChange:v=>{v&&!f.current&&(p.current=!0),i&&i(v),f.current||d(v),f.current=!1},children:[g.jsx(za,{className:"proton__TooltipTrigger","aria-label":"Show tooltip",onPress:()=>{o||r||p.current||(f.current=!0,d(!c))},children:t}),g.jsx(Ya,{...u,children:s})]})}const Bh=({to:t,children:e,tooltipProps:n,"data-testid":r})=>{const{className:l}=xe(),i=n?g.jsx(qa,{delay:50,closeDelay:75,...n,children:e}):e;if(t){const o=N.isUrlExternal(t);return g.jsx("span",{className:N.csx("proton-TextEmphasis",n&&"proton-TextEmphasis--tooltip",l),children:g.jsx("a",{"data-testid":r,href:t,target:o?"_blank":void 0,rel:o?"noopener noreferrer":void 0,onClick:o?void 0:s=>N.handleInternalNavigation(s,t),children:i})})}return g.jsx("span",{className:N.csx("proton-TextEmphasis",n&&"proton-TextEmphasis--tooltip",l),"data-testid":r,children:i})};function Kh({amplitude:t,isDisabled:e,isPlayed:n,isHovered:r,isVisible:l,hasAnimated:i,resolution:o,spacing:s,index:u}){const c=l?`${Math.max(t*100,4)}%`:"0%";return g.jsxs("div",{className:N.csx("proton-Waveform__bar-wrapper"),style:{width:`${o}px`,marginRight:`${s}px`},children:[g.jsx("div",{className:N.csx("proton-Waveform__bar","proton-Waveform__bar--upper",e&&"proton-Waveform__bar--disabled",n&&"proton-Waveform__bar--played",l&&"proton-Waveform__bar--visible",i&&"proton-Waveform__bar--animated"),style:{"--target-height":`calc(${c} / 2)`,"--index":u}}),g.jsx("div",{className:N.csx("proton-Waveform__bar","proton-Waveform__bar--lower",e&&"proton-Waveform__bar--disabled",n&&"proton-Waveform__bar--played",l&&"proton-Waveform__bar--visible",i&&"proton-Waveform__bar--animated"),style:{"--target-height":`calc(${c} / 2)`,"--index":u}}),r&&!e&&!n&&g.jsx("div",{className:"proton-Waveform__bar--hover",style:{"--hover-height":c}})]})}const Mh=Nh(100);function Rh({data:t,resolution:e=2,startDuration:n,endDuration:r,currentTime:l=0,showTimestamps:i=!1,totalDuration:o,onClick:s,"data-testid":u}){var C;const{className:c}=xe(),d=a.useRef(null),[f,p]=a.useState([]),[v,b]=a.useState(null),[$,y]=a.useState(!1),[w,S]=a.useState(!1),x=t||Mh,k=e;a.useEffect(()=>{if(!d.current)return;const P=R=>{const A=Math.floor(R/(e+k)),j=Fh(x,A);p(j)},M=d.current.clientWidth;P(M);const E=new ResizeObserver(R=>{R&&R[0]&&P(R[0].contentRect.width)});return E.observe(d.current),()=>E.disconnect()},[x,e,k]),a.useEffect(()=>{const P=setTimeout(()=>y(!0),50),M=setTimeout(()=>S(!0),500);return()=>{clearTimeout(P),clearTimeout(M)}},[]);const D=P=>{if(!d.current)return;const M=d.current.getBoundingClientRect(),R=(P.clientX-M.left)/M.width*o;b(R)},T=()=>{b(null)},F=e+k,h=(P,M)=>{var A;const E=P/o*100;return(M==="start"?Math.floor(E/100*f.length):Math.ceil(E/100*f.length))*F/((A=d.current)==null?void 0:A.clientWidth)*100},B=(C=d.current)==null?void 0:C.clientWidth;return g.jsxs("div",{className:N.csx("proton-Waveform",c),"data-testid":u,children:[i&&g.jsx(li,{direction:"left",seconds:l}),g.jsxs("div",{ref:d,className:"proton-Waveform__container",onMouseMove:D,onMouseLeave:T,onClick:P=>{if(!d.current)return;const M=d.current.getBoundingClientRect(),R=(P.clientX-M.left)/M.width*o;s==null||s(R,P)},children:[n!==void 0&&r!==void 0&&g.jsx("div",{className:"proton-Waveform__active-region",style:{left:d.current?`calc(${h(n,"start")}%`:"0%",right:d.current?`calc(${100-h(r,"end")}% - 2px)`:"0%"}}),v!==null&&g.jsx("div",{className:"proton-Waveform__hover-line",style:{left:`${v/o*100}%`}}),f.map((P,M)=>{const E=M/f.length*o,R=n!==void 0&&r!==void 0&&(E<n||E>r),A=l===0?!1:E<=l,j=v!==null&&E<=v;return g.jsx(Kh,{amplitude:P,isDisabled:R,isPlayed:A,isHovered:j,isVisible:$,hasAnimated:w,resolution:e,spacing:k,index:M},M)})]}),!t&&g.jsx("div",{className:"proton-Waveform__bar-unavailable",style:{fontSize:B<325?"0.85rem":"1rem"},children:B<277?"Unavailable":"Waveform Unavailable"}),i&&g.jsx(li,{direction:"right",seconds:o})]})}function li({direction:t,seconds:e}){return g.jsx("div",{className:N.csx("proton-Waveform__timestamp",`proton-Waveform__timestamp--${t}`),children:Ih(e)})}function Ih(t){const e=Math.floor(t/60),n=Math.floor(t%60);return`${e}:${n<10?"0":""}${n.toFixed(0)}`}function Fh(t,e){const n=t.length,r=n/e,l=new Array(e).fill(0).map((i,o)=>{const s=o*r,u=Math.floor(s),c=Math.min(u+1,n-1),d=s-u;return t[u]*(1-d)+t[c]*d});return _h(l)}function _h(t){const e=Math.min(...t),n=Math.max(...t);return t.map(r=>{const l=(r-e)/(n-e);return Math.max(l*.8+.1,.1)})}function Nh(t){return Array.from({length:t},(e,n)=>{const l=n/(t-1)*6*2*Math.PI-Math.PI/2;return Math.sin(l)*.5+.5})}const Lh=({width:t="100%",height:e="1.5rem",borderRadius:n="4px"})=>{const{theme:r,palette:l}=xe(),i={"--tombstone-custom-background":l.PRIMARY.PRIMARY_MEDIUM,"--tombstone-custom-primary":N.transparentize(l.PRIMARY.PRIMARY_DARK,.9),"--tombstone-custom-secondary":N.transparentize(l.SECONDARY.SECONDARY_DARK,.7)};return g.jsx("div",{className:`tombstone ${r}`,style:{...i,width:t,height:e,borderRadius:n}})},Oh=t=>{const[e,n,r]=t,l=e+n+r;if(l<65){const i=l/100;return`rgba(255, 255, 255, ${Math.max(.14,.36-i)})`}return""};function zh({image:t,imageUrl:e="",onLoad:n}){const{palette:r}=xe(),l=en.parseToRgba(r.BASE_COLOR),i=Oh(l);return g.jsxs("div",{id:"background","aria-label":"Background overlay",role:"dialog","aria-modal":"true",className:N.csx("proton-ScreenOverlay__background","proton-ScreenOverlay__overlay"),children:[t?g.jsx("div",{"aria-hidden":"true",children:t}):g.jsx("img",{alt:"",src:e,className:"proton-ScreenOverlay__image",onLoad:o=>n==null?void 0:n(o.currentTarget),"aria-hidden":"true"}),g.jsx("div",{className:"proton-ScreenOverlay__blur","aria-hidden":"true",style:{background:i,WebkitBackdropFilter:"blur(24px) brightness(75%)",backdropFilter:"blur(24px) brightness(75%)",filter:"brightness(50%)"}})]})}exports.THEMES=Ie.THEMES;exports.COLORS=Y.colors;exports.ActionMenu=Gr;exports.Badge=ov;exports.BadgeVariants=iv;exports.Banner=ke;exports.Button=Yr;exports.ButtonGroup=Ma;exports.Cell=Ph;exports.Column=wh;exports.Dialog=vv;exports.Icon=bv;exports.ImageBackground=zh;exports.Input=Ra;exports.Popover=kn;exports.ResponsiveMenuTrigger=vh;exports.ResponsiveSelect=yh;exports.Row=Dh;exports.ScreenOverlay=Ta;exports.SearchInput=gv;exports.Section=Lf;exports.Select=bh;exports.Switch=$h;exports.Table=Th;exports.TableBody=kh;exports.TableHeader=Vp;exports.TextEllipsis=Ah;exports.TextEmphasis=Bh;exports.ThemeProvider=nv;exports.Tombstone=Lh;exports.Tooltip=Ya;exports.TooltipTrigger=qa;exports.Waveform=Rh;exports.usePopoverTrigger=yv;exports.useTheme=xe;
|
|
47
|
+
*/var Ql;function Pv(){return Ql||(Ql=1,process.env.NODE_ENV!=="production"&&function(){typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error);var t=a,e=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function n(x){{for(var k=arguments.length,D=new Array(k>1?k-1:0),T=1;T<k;T++)D[T-1]=arguments[T];r("error",x,D)}}function r(x,k,D){{var T=e.ReactDebugCurrentFrame,F=T.getStackAddendum();F!==""&&(k+="%s",D=D.concat([F]));var h=D.map(function(B){return String(B)});h.unshift("Warning: "+k),Function.prototype.apply.call(console[x],console,h)}}function l(x,k){return x===k&&(x!==0||1/x===1/k)||x!==x&&k!==k}var i=typeof Object.is=="function"?Object.is:l,o=t.useState,s=t.useEffect,u=t.useLayoutEffect,c=t.useDebugValue,d=!1,f=!1;function p(x,k,D){d||t.startTransition!==void 0&&(d=!0,n("You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."));var T=k();if(!f){var F=k();i(T,F)||(n("The result of getSnapshot should be cached to avoid an infinite loop"),f=!0)}var h=o({inst:{value:T,getSnapshot:k}}),B=h[0].inst,C=h[1];return u(function(){B.value=T,B.getSnapshot=k,v(B)&&C({inst:B})},[x,T,k]),s(function(){v(B)&&C({inst:B});var P=function(){v(B)&&C({inst:B})};return x(P)},[x]),c(T),T}function v(x){var k=x.getSnapshot,D=x.value;try{var T=k();return!i(D,T)}catch{return!0}}function b(x,k,D){return k()}var $=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u",y=!$,w=y?b:p,S=t.useSyncExternalStore!==void 0?t.useSyncExternalStore:w;Jn.useSyncExternalStore=S,typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop=="function"&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error)}()),Jn}process.env.NODE_ENV==="production"?Er.exports=wv():Er.exports=Pv();var Dv=Er.exports;const _a=a.createContext(!1),Ot=a.createContext(null);function kv(t){if(a.useContext(Ot))return t.content;let{collection:n,document:r}=Kv(t.createCollection);return a.createElement(a.Fragment,null,a.createElement(Cv,null,a.createElement(Ot.Provider,{value:r},t.content)),a.createElement(Tv,{render:t.children,collection:n}))}function Tv({collection:t,render:e}){return e(t)}function Av(t,e,n){let r=Xe(),l=a.useRef(r);l.current=r;let i=a.useCallback(()=>l.current?n():e(),[e,n]);return Dv.useSyncExternalStore(t,i)}const Bv=typeof a.useSyncExternalStore=="function"?a.useSyncExternalStore:Av;function Kv(t){let[e]=a.useState(()=>new xv((t==null?void 0:t())||new $v)),n=a.useCallback(o=>e.subscribe(o),[e]),r=a.useCallback(()=>{let o=e.getCollection();return e.isSSR&&e.resetAfterSSR(),o},[e]),l=a.useCallback(()=>(e.isSSR=!0,e.getCollection()),[e]),i=Bv(n,r,l);return W(()=>(e.isMounted=!0,()=>{e.isMounted=!1}),[e]),{collection:i,document:e}}const Cr=a.createContext(null);function Mv(t,e,n,r,l,i){let o=a.useCallback(u=>{u==null||u.setProps(e,n,r,i)},[e,n,r,i]),s=a.useContext(Cr);if(s){let u=s.ownerDocument.nodesByProps.get(e);return u||(u=s.ownerDocument.createElement(t),u.setProps(e,n,r,i),s.appendChild(u),s.ownerDocument.updateCollection(),s.ownerDocument.nodesByProps.set(e,u)),l?a.createElement(Cr.Provider,{value:u},l):null}return a.createElement(t,{ref:o},l)}function Rv(t,e){let n=({node:l})=>e(l.props,l.props.ref,l),r=a.forwardRef((l,i)=>{if(!a.useContext(_a)){if(e.length>=3)throw new Error(e.name+" cannot be rendered outside a collection.");return e(l,i)}return Mv(t,l,i,"children"in l?l.children:null,null,s=>a.createElement(n,{node:s}))});return r.displayName=e.name,r}function Iv(t){return Fa({...t,addIdAndValue:!0})}const ei=a.createContext(null);function Fv(t){let e=a.useContext(ei),n=((e==null?void 0:e.dependencies)||[]).concat(t.dependencies),r=t.idScope||(e==null?void 0:e.idScope),l=Iv({...t,idScope:r,dependencies:n});return a.useContext(Ot)&&(l=a.createElement(_v,null,l)),e=a.useMemo(()=>({dependencies:n,idScope:r}),[r,...n]),a.createElement(ei.Provider,{value:e},l)}function _v({children:t}){let e=a.useContext(Ot),n=a.useMemo(()=>a.createElement(Ot.Provider,{value:null},a.createElement(_a.Provider,{value:!0},t)),[t]);return Xe()?a.createElement(Cr.Provider,{value:e},n):it.createPortal(n,e)}const Nv=a.createContext(null),Lv={CollectionRoot({collection:t,renderDropIndicator:e}){return ti(t,null,e)},CollectionBranch({collection:t,parent:e,renderDropIndicator:n}){return ti(t,e,n)}};function ti(t,e,n){return Fa({items:e?t.getChildren(e.key):t,dependencies:[n],children(r){var l;let i=r.render(r);if(!n||r.type!=="item")return i;let o=r.key,s=t.getKeyAfter(o);return a.createElement(a.Fragment,null,n({type:"item",key:o,dropPosition:"before"}),i,(s==null||((l=t.getItem(s))===null||l===void 0?void 0:l.type)!=="item")&&n({type:"item",key:o,dropPosition:"after"}))}})}const Na=a.createContext(Lv);function Ov(t){return a.useMemo(()=>t!=null?new Set([t]):null,[t])}const ni=Symbol("default");function Tn({values:t,children:e}){for(let[n,r]of t)e=a.createElement(n.Provider,{value:r},e);return e}function Ct(t){let{className:e,style:n,children:r,defaultClassName:l,defaultChildren:i,defaultStyle:o,values:s}=t;return a.useMemo(()=>{let u,c,d;return typeof e=="function"?u=e({...s,defaultClassName:l}):u=e,typeof n=="function"?c=n({...s,defaultStyle:o||{}}):c=n,typeof r=="function"?d=r({...s,defaultChildren:i}):r==null?d=i:d=r,{className:u??l,style:c||o?{...o,...c}:void 0,children:d??i,"data-rac":""}},[e,n,r,l,i,o,s])}function La(t,e){let n=a.useContext(t);if(e===null)return null;if(n&&typeof n=="object"&&"slots"in n&&n.slots){let r=new Intl.ListFormat().format(Object.keys(n.slots).map(i=>`"${i}"`));if(!e&&!n.slots[ni])throw new Error(`A slot prop is required. Valid slot names are ${r}.`);let l=e||ni;if(!n.slots[l])throw new Error(`Invalid slot "${e}". Valid slot names are ${r}.`);return n.slots[l]}return n}function Ht(t,e,n){let r=La(n,t.slot)||{},{ref:l,...i}=r,o=mn(a.useMemo(()=>Rc(e,l),[e,l])),s=z(i,t);return"style"in i&&i.style&&"style"in t&&t.style&&(typeof i.style=="function"||typeof t.style=="function"?s.style=u=>{let c=typeof i.style=="function"?i.style(u):i.style,d={...u.defaultStyle,...c},f=typeof t.style=="function"?t.style({...u,defaultStyle:d}):t.style;return{...d,...f}}:s.style={...i.style,...t.style}),[s,o]}function zv(){let[t,e]=a.useState(!0),n=a.useRef(!1),r=a.useCallback(l=>{n.current=!0,e(!!l)},[]);return W(()=>{n.current||e(!1)},[]),[r,t]}function jv(t,e=!0){let[n,r]=a.useState(!0);return Oa(t,n&&e,a.useCallback(()=>r(!1),[])),n&&e}function Vv(t,e){let[n,r]=a.useState(!1),[l,i]=a.useState("idle");return!e&&t.current&&l==="idle"&&(n=!0,r(!0),i("exiting")),!t.current&&l==="exited"&&i("idle"),Oa(t,n,a.useCallback(()=>{i("exited"),r(!1)},[])),n}function Oa(t,e,n){let r=a.useRef(null);e&&t.current&&(r.current=window.getComputedStyle(t.current).animation),W(()=>{if(e&&t.current){let l=window.getComputedStyle(t.current);if(l.animationName&&l.animationName!=="none"&&l.animation!==r.current){let i=s=>{s.target===t.current&&(o.removeEventListener("animationend",i),it.flushSync(()=>{n()}))},o=t.current;return o.addEventListener("animationend",i),()=>{o.removeEventListener("animationend",i)}}else n()}},[t,e,n])}const Hv=a.createContext(null),Uv=new Set(["form","formAction","formEncType","formMethod","formNoValidate","formTarget","name","value"]),Wv=a.createContext({});function Gv(t,e){[t,e]=Ht(t,e,Wv),t=Yv(t);let n=t,{isPending:r}=n,{buttonProps:l,isPressed:i}=Sn(t,e),{focusProps:o,isFocused:s,isFocusVisible:u}=Vt(t),{hoverProps:c,isHovered:d}=xt({...t,isDisabled:t.isDisabled||r}),f={isHovered:d,isPressed:(n.isPressed||i)&&!r,isFocused:s,isFocusVisible:u,isDisabled:t.isDisabled||!1,isPending:r??!1},p=Ct({...t,values:f,defaultClassName:"react-aria-Button"}),v=ae(l.id),b=ae(),$=l["aria-labelledby"];r&&($?$=`${$} ${b}`:l["aria-label"]&&($=`${v} ${b}`));let y=a.useRef(r);return a.useEffect(()=>{let w={"aria-labelledby":$||v};(!y.current&&s&&r||y.current&&s&&!r)&&dn(w,"assertive"),y.current=r},[r,s,$,v]),a.createElement("button",{...oe(t,{propNames:Uv}),...z(l,o,c),...p,id:v,ref:e,"aria-labelledby":$,slot:t.slot||void 0,"aria-disabled":r?"true":l["aria-disabled"],"data-disabled":t.isDisabled||void 0,"data-pressed":f.isPressed||void 0,"data-hovered":d||void 0,"data-focused":s||void 0,"data-pending":r||void 0,"data-focus-visible":u||void 0},a.createElement(Hv.Provider,{value:{id:b}},p.children))}function Yv(t){return t.isPending&&(t.onPress=void 0,t.onPressStart=void 0,t.onPressEnd=void 0,t.onPressChange=void 0,t.onPressUp=void 0,t.onKeyDown=void 0,t.onKeyUp=void 0,t.onClick=void 0,t.href=void 0),t}const za=Sv(Gv),qv=a.createContext({}),Xv=a.createContext({}),Zv=a.createContext({}),ja=a.createContext({placement:"bottom"});function Jv(t,e){[t,e]=Ht(t,e,ja);let n=t.placement,r={position:"absolute",[n]:"100%",transform:n==="top"||n==="bottom"?"translateX(-50%)":"translateY(-50%)"},l=Ct({...t,defaultClassName:"react-aria-OverlayArrow",values:{placement:n}});return l.style&&Object.keys(l.style).forEach(i=>l.style[i]===void 0&&delete l.style[i]),a.createElement("div",{...t,...l,style:{...r,...l.style},ref:e,"data-placement":n})}const Qv=a.forwardRef(Jv),Sr=a.createContext(null),eh=a.createContext(null),th=a.createContext({}),Va=a.createContext(null),Xr=a.createContext(null),Ha=a.createContext(null);function nh(t){let e=Kp(t),n=a.useRef(null),{menuTriggerProps:r,menuProps:l}=ps({...t,type:"menu"},e,n),[i,o]=a.useState(null),s=a.useCallback(()=>{n.current&&o(n.current.offsetWidth+"px")},[n]);tr({ref:n,onResize:s});let u=a.useRef(null);return a.createElement(Tn,{values:[[Va,{...l,ref:u}],[eh,e],[Ha,e],[Sr,{trigger:"MenuTrigger",triggerRef:n,scrollRef:u,placement:"bottom start",style:{"--trigger-width":i}}]]},a.createElement(cd,{...r,ref:n,isPressed:e.isOpen},t.children))}const rh=a.createContext(null);function lh(t,e){return[t,e]=Ht(t,e,Va),a.createElement(kv,{content:a.createElement(Fv,t)},n=>n.size>0&&a.createElement(ih,{props:t,collection:n,menuRef:e}))}function ih({props:t,collection:e,menuRef:n}){let r=ka({...t,collection:e,children:void 0}),[l,i]=a.useState(null),{isVirtualized:o,CollectionRoot:s}=a.useContext(Na),{menuProps:u}=hs({...t,isVirtualized:o},r,n),c=a.useContext(Ha),d=a.useContext(Sr),f=(d==null?void 0:d.trigger)==="SubmenuTrigger";Si({ref:n,onInteractOutside:y=>{c&&!(l!=null&&l.contains(y.target))&&c.close()},isDisabled:f||(c==null?void 0:c.expandedKeysStack.length)===0});let p=a.useRef(null),[v,b]=a.useState({left:0});a.useEffect(()=>{if(l&&p.current!==l&&v.left===0){p.current=l;let{left:y}=l.getBoundingClientRect();b({left:-1*y})}},[v,l]);let $=Ct({defaultClassName:"react-aria-Menu",className:t.className,style:t.style,values:{}});return a.createElement(xn,null,a.createElement("div",{...oe(t),...u,...$,ref:n,slot:t.slot||void 0,onScroll:t.onScroll},a.createElement(Tn,{values:[[Xr,r],[Zv,{elementType:"div"}],[Sr,{UNSTABLE_portalContainer:l||void 0}],[Nv,{render:sh}],[rh,{parentMenuRef:n}],[wr,null]]},a.createElement(s,{collection:e,persistedKeys:Ov(r.selectionManager.focusedKey),scrollRef:n}))),a.createElement("div",{ref:i,style:{width:"100vw",position:"absolute",top:0,...v}}))}const oh=a.forwardRef(lh);function sh(t,e,n){var r,l;let i=a.useContext(Xr),{CollectionBranch:o}=a.useContext(Na),[s,u]=zv();var c;let{headingProps:d,groupProps:f}=Hf({heading:u,"aria-label":(c=n.props["aria-label"])!==null&&c!==void 0?c:void 0}),p=Ct({defaultClassName:"react-aria-Section",className:(r=n.props)===null||r===void 0?void 0:r.className,style:(l=n.props)===null||l===void 0?void 0:l.style,values:{}});return a.createElement("section",{...oe(t),...f,...p,ref:e},a.createElement(Xv.Provider,{value:{...d,ref:s}},a.createElement(o,{collection:i.collection,parent:n})))}const wr=a.createContext(null),uh=Rv("item",function(e,n,r){var l;[e,n]=Ht(e,n,wr);let i=(l=La(wr))===null||l===void 0?void 0:l.id,o=a.useContext(Xr),s=mn(n),{menuItemProps:u,labelProps:c,descriptionProps:d,keyboardShortcutProps:f,...p}=ms({...e,id:i,key:r.key},o,s),{isFocusVisible:v,focusProps:b}=Vt(),{hoverProps:$,isHovered:y}=xt({isDisabled:p.isDisabled}),w=Ct({...e,id:void 0,children:r.rendered,defaultClassName:"react-aria-MenuItem",values:{...p,isHovered:y,isFocusVisible:v,selectionMode:o.selectionManager.selectionMode,selectionBehavior:o.selectionManager.selectionBehavior,hasSubmenu:!!e["aria-haspopup"],isOpen:e["aria-expanded"]==="true"}}),S=e.href?"a":"div";return a.createElement(S,{...z(u,b,$),...w,ref:s,"data-disabled":p.isDisabled||void 0,"data-hovered":y||void 0,"data-focused":p.isFocused||void 0,"data-focus-visible":v||void 0,"data-pressed":p.isPressed||void 0,"data-selected":p.isSelected||void 0,"data-selection-mode":o.selectionManager.selectionMode==="none"?void 0:o.selectionManager.selectionMode,"data-has-submenu":!!e["aria-haspopup"]||void 0,"data-open":e["aria-expanded"]==="true"||void 0},a.createElement(Tn,{values:[[qv,{slots:{label:c,description:d}}],[th,f]]},w.children))}),Zr=a.createContext(null),Ua=a.createContext(null);function ah(t){let e=Da(t),n=a.useRef(null),{triggerProps:r,tooltipProps:l}=kp(t,e,n);return a.createElement(Tn,{values:[[Zr,e],[Ua,{...l,triggerRef:n}]]},a.createElement(Rd,{...r,ref:n},t.children))}function ch({UNSTABLE_portalContainer:t,...e},n){[e,n]=Ht(e,n,Ua);let r=a.useContext(Zr),l=Da(e),i=e.isOpen!=null||e.defaultOpen!=null||!r?l:r,o=Vv(n,i.isOpen)||e.isExiting||!1;return!i.isOpen&&!o?null:a.createElement(Sf,{portalContainer:t},a.createElement(fh,{...e,tooltipRef:n,isExiting:o}))}const dh=a.forwardRef(ch);function fh(t){let e=a.useContext(Zr),n=a.useRef(null),[r,l]=a.useState(0);W(()=>{n.current&&e.isOpen&&l(n.current.getBoundingClientRect().width)},[e.isOpen,n]);let{overlayProps:i,arrowProps:o,placement:s}=Oi({placement:t.placement||"top",targetRef:t.triggerRef,overlayRef:t.tooltipRef,offset:t.offset,crossOffset:t.crossOffset,isOpen:e.isOpen,arrowSize:r,arrowBoundaryOffset:t.arrowBoundaryOffset,shouldFlip:t.shouldFlip}),u=jv(t.tooltipRef,!!s)||t.isEntering||!1,c=Ct({...t,defaultClassName:"react-aria-Tooltip",values:{placement:s,isEntering:u,isExiting:t.isExiting,state:e}});t=z(t,i);let{tooltipProps:d}=Dp(t,e);return a.createElement("div",{...d,ref:t.tooltipRef,...c,style:{...i.style,...c.style},"data-placement":s,"data-entering":u||void 0,"data-exiting":t.isExiting||void 0},a.createElement(ja.Provider,{value:{...o,placement:s,ref:n}},c.children))}function Wa(t,e="down"){const n=e==="down"?`(max-width: ${t}px)`:`(min-width: ${t}px)`,[r,l]=a.useState(()=>typeof window<"u"?window.matchMedia(n).matches:!1);return a.useEffect(()=>{if(typeof window>"u")return;const i=window.matchMedia(n),o=s=>{l(s.matches)};return i.addEventListener("change",o),()=>i.removeEventListener("change",o)},[n]),r}const ph=({size:t})=>g.jsx("svg",{viewBox:"0 0 24 24",width:t,height:t,children:g.jsx("path",{fill:"currentColor",d:"M4 14c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm8 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm8 0c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z"})});function vh({renderTrigger:t,menuId:e,size:n=24,actions:r,disabled:l,onClose:i,testId:o,menuTestId:s}){const{className:u}=xe(),c=Wa(Ie.BREAKPOINTS.SMALL),[d,f]=a.useState(!1),p=a.useRef(null),v={disabled:l,"data-testid":o,"aria-label":"Menu"},b=g.jsx(za,{...v,ref:p,onPress:()=>f(y=>!y),isDisabled:l,className:`proton-ResponsiveMenuTrigger__button ${u}`,children:g.jsx(ph,{size:n})}),$=t?t({...v,onClick:()=>f(y=>!y)},d):b;return a.useEffect(()=>()=>{d&&(i==null||i())},[d,i]),c?g.jsxs(g.Fragment,{children:[$,d&&g.jsx(Gr,{id:e,actions:r,isOpen:d,onClose:()=>{f(!1)},showCancel:!0,"data-testid":s})]}):g.jsxs(nh,{children:[$,d&&g.jsx(kn,{state:{isOpen:d,setOpen:f,open:()=>f(!0),close:()=>f(!1),toggle:()=>f(!d)},triggerRef:p,arrow:!1,children:g.jsx(oh,{className:"proton-ListBox proton-ResponsiveMenuTrigger__menu",id:e,autoFocus:!0,"data-testid":s,children:r.map(y=>g.jsx(uh,{href:y.to,target:"_blank",rel:"noopener noreferrer",onAction:()=>{var w;(w=y.onAction)==null||w.call(y,y.key),setTimeout(()=>{f(!1)},200)},className:"proton-ListBox__item proton-ResponsiveMenuTrigger__menu-item",children:y.label},y.key))})})]})}const Pr=t=>{let e=a.useRef(null),{state:n}=t,{listBoxProps:r}=_f(t,n,e);return g.jsx(xn,{contain:!0,restoreFocus:!0,autoFocus:!0,children:g.jsx("ul",{...r,ref:e,"data-testid":"listbox",className:"proton-ListBox",children:[...n.collection].map(l=>g.jsx(hh,{item:l,state:n},l.key))})})};function hh({item:t,state:e}){let n=a.useRef(null),{optionProps:r,isSelected:l,isFocused:i,isDisabled:o}=jf({key:t.key},e,n);return g.jsx("li",{...r,className:N.csx("proton-ListBox__item",i&&"proton-ListBox__item--focused",l&&"proton-ListBox__item--selected",o&&"proton-ListBox__item--disabled"),ref:n,children:t.rendered})}const Ga=a.forwardRef((t,e)=>{let{buttonProps:n}=Sn({...t,isDisabled:t.disabled},e);return g.jsx("button",{...n,ref:e,className:N.csx("proton-Select__trigger",t.disabled&&"proton-Select__trigger--disabled",!t.isOpen&&"proton-Select__trigger--closed",t.isOpen&&"proton-Select__trigger--opened"),children:t.children})});function mh({label:t,name:e,isDisabled:n,disabledKeys:r,selectedKey:l,onSelectionChange:i,onOpen:o,onClose:s,items:u,"data-testid":c,children:d}){const f={label:t,isDisabled:n,disabledKeys:r,selectedKey:l,items:u,"data-testid":c,children:d,onSelectionChange:i,onOpenChange:x=>{x?o==null||o():s==null||s()}},p=xa(f),v=a.useRef(null),b=a.useRef(null),{labelProps:$,triggerProps:y,valueProps:w,menuProps:S}=Nu({...f,label:t||e},p,v);return a.useEffect(()=>{p.isOpen&&b.current&&v.current&&!b.current.style.minWidth&&(b.current.style.minWidth=`${v.current.offsetWidth}px`)}),g.jsxs("div",{className:"proton-Select","aria-label":t||e,"aria-disabled":n,children:[t?g.jsx("div",{...$,className:"proton-Select__label","data-testid":"select-label",children:t}):g.jsx("div",{...$}),g.jsx(Lu,{isDisabled:n,state:p,triggerRef:v,label:t||e,name:e,"data-testid":"hidden-select-container"}),g.jsxs(Ga,{...y,isOpen:p.isOpen,ref:v,disabled:n,"data-testid":c,children:[g.jsx("div",{...w,className:"proton-Select__value",children:p.selectedItem?p.selectedItem.rendered:"Select an option"}),g.jsx("div",{className:N.csx("proton-Select__trigger_icon",p.isOpen&&"proton-Select__trigger_icon--flipped"),"aria-hidden":"true",children:g.jsxs("svg",{id:"caret-down",viewBox:"0 0 512 512",children:[g.jsx("title",{children:p.isOpen?"caret down":"caret up"}),g.jsx("path",{fill:"currentColor",d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})]})})]}),p.isOpen&&g.jsx("div",{className:"proton-Select__popover",children:g.jsx(kn,{arrow:!1,state:p,triggerRef:v,popoverRef:b,placement:"bottom start","data-testid":"select-popover",children:g.jsx(Pr,{...S,state:p})})})]})}const bh={Menu:mh,Option:Nr};function gh({label:t,name:e,isDisabled:n,disabledKeys:r,selectedKey:l,onSelectionChange:i,onOpen:o,onClose:s,items:u,"data-testid":c,children:d}){const f={label:t,isDisabled:n,disabledKeys:r,selectedKey:l,onSelectionChange:i,onOpenChange:k=>{k?o==null||o():s==null||s()},items:u,"data-testid":c,children:d},p=xa(f),v=Wa(Ie.BREAKPOINTS.MEDIUM),b=a.useRef(null),$=a.useRef(null),{labelProps:y,triggerProps:w,valueProps:S,menuProps:x}=Nu({...f,label:t||e},p,b);return a.useEffect(()=>{p.isOpen&&$.current&&b.current&&!$.current.style.minWidth&&($.current.style.minWidth=`${b.current.offsetWidth}px`)}),g.jsxs("div",{className:"proton-Select","aria-label":t||e,"aria-disabled":n,children:[t?g.jsx("div",{...y,className:"proton-Select__label","data-testid":"select-label",children:t}):g.jsx("div",{...y}),g.jsx(Lu,{isDisabled:n,state:p,triggerRef:b,label:t||e,name:e,"data-testid":"hidden-select-container"}),g.jsxs(Ga,{...w,isOpen:p.isOpen,ref:b,disabled:n,"data-testid":c,children:[g.jsx("div",{...S,children:p.selectedItem?p.selectedItem.rendered:"Select an option"}),g.jsx("div",{className:N.csx("proton-Select__trigger_icon",p.isOpen&&"proton-Select__trigger_icon--flipped"),"aria-hidden":"true",children:g.jsxs("svg",{id:"caret-down",viewBox:"0 0 512 512",children:[g.jsx("title",{children:p.isOpen?"caret down":"caret up"}),g.jsx("path",{fill:"currentColor",d:"M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7L86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"})]})})]}),p.isOpen&&g.jsx(g.Fragment,{children:v?g.jsx(Gr,{isOpen:p.isOpen,onClose:()=>p.close(),children:g.jsx(Pr,{...x,state:p})}):g.jsx("div",{className:"proton-Select__popover",children:g.jsx(kn,{state:p,triggerRef:b,popoverRef:$,placement:"bottom start","data-testid":"select-popover",children:g.jsx(Pr,{...x,state:p})})})})]})}const yh={Menu:gh,Option:Nr};function $h(t){let e={...t,isSelected:t.isOn,"data-testid":void 0},n=a.useRef(null),r=rf(e),{inputProps:l}=vp(e,r,n);return g.jsxs("label",{className:N.csx("proton-Switch",t.isDisabled&&"proton-Switch--disabled",r.isSelected&&"proton-Switch--on"),"data-on":r.isSelected||void 0,"data-disabled":t.isDisabled||void 0,"data-testid":t["data-testid"]||void 0,"aria-label":t.label||void 0,children:[g.jsx(Fr,{children:g.jsx("input",{...l,ref:n})}),t.label&&g.jsx("div",{className:"proton-Switch__label",children:t.label}),g.jsxs("div",{className:"proton-Switch__wrapper",children:[g.jsx("div",{className:"proton-Switch__toggle",children:g.jsx("div",{className:"proton-Switch__slider"})}),t.children&&g.jsx("div",{className:"proton-Switch__description",children:t.children})]})]})}function xh({item:t,state:e,children:n}){let r=a.useRef(),{rowProps:l}=Sp({node:t},e);return g.jsx("tr",{className:N.csx("proton-Table__headerRow"),...l,ref:r,children:n})}function Eh({column:t,state:e}){var u,c;let n=a.useRef(),{columnHeaderProps:r}=Ep({node:t},e,n);const{align:l="left"}=t.props;let{isFocusVisible:i,focusProps:o}=Vt(),s=((u=e.sortDescriptor)==null?void 0:u.direction)==="ascending"?"▲":"▼";return g.jsxs("th",{...z(r,o),colSpan:t.colspan,className:N.csx("proton-Table__header",`proton-Table__header--${l}`,i?"proton-Table__header--focused":null),ref:n,children:[t.rendered,t.props.allowsSorting&&g.jsx("span",{"aria-hidden":"true",className:N.csx("proton-Table__headerSortIcon"),style:{visibility:((c=e.sortDescriptor)==null?void 0:c.column)===t.key?"visible":"hidden"},children:s})]})}function ri({type:t,children:e,isHidden:n=!1}){let{rowGroupProps:r}=Pp();return g.jsx(t,{...r,className:N.csx("proton-Table__rowGroup",t==="thead"?"proton-Table__rowGroup--header":"proton-Table__rowGroup--body"),style:n?{display:"none"}:void 0,children:e})}function Ch({item:t,children:e,state:n,backgroundColor:r,onClick:l,showLines:i=!0}){let o=a.useRef(),s=n.selectionManager.isSelected(t.key),{rowProps:u,isPressed:c}=Cp({node:t},n,o),{isFocusVisible:d,focusProps:f}=Vt();return g.jsx("tr",{className:N.csx("proton-Table__row",s?"proton-Table__row--selected":null,c?"proton-Table__row--pressed":null,d?"proton-Table__row--focused":null,i&&"proton-Table__row--showLines",l&&"proton-Table--clickable"),style:r?{backgroundColor:r}:void 0,...z(u,f),ref:o,onClick:l?()=>l(t.key):void 0,children:e})}function Sh({cell:t,state:e,width:n,onClick:r}){let l=a.useRef(),{gridCellProps:i}=wp({node:t},e,l),{isFocusVisible:o,focusProps:s}=Vt();const{align:u="left"}=t.props;return g.jsx("td",{...z(i,s),className:N.csx("proton-Table__cell",o?"proton-Table__cell--focused":null,`proton-Table__cell--${u}`,r&&"proton-Table--clickable"),style:n?{width:n}:void 0,ref:l,onClick:r?()=>r(t.key):void 0,children:t.rendered})}const wh=Up,Ph=Gp,Dh=Wp,kh=Hp;function Th(t){var i;let e=jp({...t}),n=a.useRef(),{collection:r}=e,{gridProps:l}=$p({...t,"aria-label":t["aria-label"]||"Table"},e,n);return g.jsxs("table",{...l,ref:n,className:N.csx("proton-Table"),children:[g.jsx(ri,{type:"thead",isHidden:(i=t.headerProps)==null?void 0:i.isHidden,children:r.headerRows.map(o=>g.jsx(xh,{item:o,state:e,children:Array.from(r.getChildren(o.key)).map(s=>g.jsx(Eh,{column:s,state:e},s.key))},o.key))}),g.jsx(ri,{type:"tbody",children:Array.from(r.body.childNodes).map(o=>g.jsx(Ch,{item:o,state:e,backgroundColor:o.props.backgroundColor,showLines:r.body.props.showLines,onClick:o.props.onClick,children:Array.from(r.getChildren(o.key)).map(s=>g.jsx(Sh,{cell:s,state:e,width:s.props.width,onClick:s.props.onClick},s.key))},o.key))})]})}const Ah=({children:t,maxWidth:e,singleLine:n=!0,lines:r=1,title:l,"data-testid":i})=>g.jsx("div",{className:N.csx("proton-TextEllipsis",n||r===1?"proton-TextEllipsis--single-line":r>1?"proton-TextEllipsis--multi-line":""),style:{maxWidth:e,WebkitLineClamp:r},title:l,"data-testid":i,children:t});function Ya({children:t,arrow:e,...n}){const{style:r,className:l}=xe();return g.jsxs(dh,{...n,className:N.csx("proton__Tooltip","proton-Dialog",l),style:r,children:[e&&g.jsx(Qv,{className:N.csx("proton__TooltipArrow",l),children:g.jsx("svg",{width:8,height:8,viewBox:"0 0 8 8",children:g.jsx("path",{d:"M0 0 L4 4 L8 0"})})}),t]})}function qa({children:t,delay:e=500,closeDelay:n=500,isDisabled:r,defaultOpen:l,onOpenChange:i,disableTriggerClick:o,content:s,...u}){const[c,d]=a.useState(!1),f=a.useRef(!1),p=a.useRef(!1);return s===""?null:g.jsxs(ah,{delay:e,closeDelay:n,isDisabled:r,isOpen:c,defaultOpen:l,onOpenChange:v=>{v&&!f.current&&(p.current=!0),i&&i(v),f.current||d(v),f.current=!1},children:[g.jsx(za,{className:"proton__TooltipTrigger","aria-label":"Show tooltip",onPress:()=>{o||r||p.current||(f.current=!0,d(!c))},children:t}),g.jsx(Ya,{...u,children:s})]})}const Bh=({to:t,children:e,tooltipProps:n,"data-testid":r})=>{const{className:l}=xe(),i=n?g.jsx(qa,{delay:50,closeDelay:75,...n,children:e}):e;if(t){const o=N.isUrlExternal(t);return g.jsx("span",{className:N.csx("proton-TextEmphasis",n&&"proton-TextEmphasis--tooltip",l),children:g.jsx("a",{"data-testid":r,href:t,target:o?"_blank":void 0,rel:o?"noopener noreferrer":void 0,onClick:o?void 0:s=>N.handleInternalNavigation(s,t),children:i})})}return g.jsx("span",{className:N.csx("proton-TextEmphasis",n&&"proton-TextEmphasis--tooltip",l),"data-testid":r,children:i})};function Kh({amplitude:t,isDisabled:e,isPlayed:n,isHovered:r,isVisible:l,hasAnimated:i,resolution:o,spacing:s,index:u}){const c=l?`${Math.max(t*100,4)}%`:"0%";return g.jsxs("div",{className:N.csx("proton-Waveform__bar-wrapper"),style:{width:`${o}px`,marginRight:`${s}px`},children:[g.jsx("div",{className:N.csx("proton-Waveform__bar","proton-Waveform__bar--upper",e&&"proton-Waveform__bar--disabled",n&&"proton-Waveform__bar--played",l&&"proton-Waveform__bar--visible",i&&"proton-Waveform__bar--animated"),style:{"--target-height":`calc(${c} / 2)`,"--index":u}}),g.jsx("div",{className:N.csx("proton-Waveform__bar","proton-Waveform__bar--lower",e&&"proton-Waveform__bar--disabled",n&&"proton-Waveform__bar--played",l&&"proton-Waveform__bar--visible",i&&"proton-Waveform__bar--animated"),style:{"--target-height":`calc(${c} / 2)`,"--index":u}}),r&&!e&&!n&&g.jsx("div",{className:"proton-Waveform__bar--hover",style:{"--hover-height":c}})]})}const Mh=Nh(100);function Rh({data:t,resolution:e=2,startDuration:n,endDuration:r,currentTime:l=0,showTimestamps:i=!1,totalDuration:o,onClick:s,"data-testid":u}){var C;const{className:c}=xe(),d=a.useRef(null),[f,p]=a.useState([]),[v,b]=a.useState(null),[$,y]=a.useState(!1),[w,S]=a.useState(!1),x=t||Mh,k=e;a.useEffect(()=>{if(!d.current)return;const P=R=>{const A=Math.floor(R/(e+k)),j=Fh(x,A);p(j)},M=d.current.clientWidth;P(M);const E=new ResizeObserver(R=>{R&&R[0]&&P(R[0].contentRect.width)});return E.observe(d.current),()=>E.disconnect()},[x,e,k]),a.useEffect(()=>{const P=setTimeout(()=>y(!0),50),M=setTimeout(()=>S(!0),500);return()=>{clearTimeout(P),clearTimeout(M)}},[]);const D=P=>{if(!d.current)return;const M=d.current.getBoundingClientRect(),R=(P.clientX-M.left)/M.width*o;b(R)},T=()=>{b(null)},F=e+k,h=(P,M)=>{var A;const E=P/o*100;return(M==="start"?Math.floor(E/100*f.length):Math.ceil(E/100*f.length))*F/((A=d.current)==null?void 0:A.clientWidth)*100},B=(C=d.current)==null?void 0:C.clientWidth;return g.jsxs("div",{className:N.csx("proton-Waveform",c),"data-testid":u,children:[i&&g.jsx(li,{direction:"left",seconds:l}),g.jsxs("div",{ref:d,className:"proton-Waveform__container",onMouseMove:D,onMouseLeave:T,onClick:P=>{if(!d.current)return;const M=d.current.getBoundingClientRect(),R=(P.clientX-M.left)/M.width*o;s==null||s(R,P)},children:[n!==void 0&&r!==void 0&&g.jsx("div",{className:"proton-Waveform__active-region",style:{left:d.current?`calc(${h(n,"start")}%`:"0%",right:d.current?`calc(${100-h(r,"end")}% - 2px)`:"0%"}}),v!==null&&g.jsx("div",{className:"proton-Waveform__hover-line",style:{left:`${v/o*100}%`}}),f.map((P,M)=>{const E=M/f.length*o,R=n!==void 0&&r!==void 0&&(E<n||E>r),A=l===0?!1:E<=l,j=v!==null&&E<=v;return g.jsx(Kh,{amplitude:P,isDisabled:R,isPlayed:A,isHovered:j,isVisible:$,hasAnimated:w,resolution:e,spacing:k,index:M},M)})]}),!t&&g.jsx("div",{className:"proton-Waveform__bar-unavailable",style:{fontSize:B<325?"0.85rem":"1rem"},children:B<277?"Unavailable":"Waveform Unavailable"}),i&&g.jsx(li,{direction:"right",seconds:o})]})}function li({direction:t,seconds:e}){return g.jsx("div",{className:N.csx("proton-Waveform__timestamp",`proton-Waveform__timestamp--${t}`),children:Ih(e)})}function Ih(t){const e=Math.floor(t/60),n=Math.floor(t%60);return`${e}:${n<10?"0":""}${n.toFixed(0)}`}function Fh(t,e){const n=t.length,r=n/e,l=new Array(e).fill(0).map((i,o)=>{const s=o*r,u=Math.floor(s),c=Math.min(u+1,n-1),d=s-u;return t[u]*(1-d)+t[c]*d});return _h(l)}function _h(t){const e=Math.min(...t),n=Math.max(...t);return t.map(r=>{const l=(r-e)/(n-e);return Math.max(l*.8+.1,.1)})}function Nh(t){return Array.from({length:t},(e,n)=>{const l=n/(t-1)*6*2*Math.PI-Math.PI/2;return Math.sin(l)*.5+.5})}const Lh=({width:t="100%",height:e="1.5rem",borderRadius:n="4px"})=>{const{theme:r,palette:l}=xe(),i={"--tombstone-custom-background":l.PRIMARY.PRIMARY_MEDIUM,"--tombstone-custom-primary":N.transparentize(l.PRIMARY.PRIMARY_DARK,.9),"--tombstone-custom-secondary":N.transparentize(l.SECONDARY.SECONDARY_DARK,.7)};return g.jsx("div",{className:`tombstone ${r}`,style:{...i,width:t,height:e,borderRadius:n}})},Oh=t=>{const[e,n,r]=t,l=e+n+r;if(l<65){const i=l/100;return`rgba(255, 255, 255, ${Math.max(.14,.36-i)})`}return""};function zh({image:t,imageUrl:e="",onLoad:n}){const{palette:r}=xe(),l=en.parseToRgba(r.BASE_COLOR),i=Oh(l);return g.jsxs("div",{id:"background","aria-label":"Background overlay",role:"dialog","aria-modal":"true",className:N.csx("proton-ScreenOverlay__background","proton-ScreenOverlay__overlay"),children:[t?g.jsx("div",{"aria-hidden":"true",children:t}):g.jsx("img",{alt:"",src:e,className:"proton-ScreenOverlay__image",onLoad:o=>n==null?void 0:n(o.currentTarget),"aria-hidden":"true"}),g.jsx("div",{className:"proton-ScreenOverlay__blur","aria-hidden":"true",style:{background:i,WebkitBackdropFilter:"blur(24px) brightness(75%)",backdropFilter:"blur(24px) brightness(75%)",filter:"brightness(50%)"}})]})}exports.THEMES=Ie.THEMES;exports.COLORS=Y.colors;exports.ActionMenu=Gr;exports.Badge=ov;exports.BadgeVariants=iv;exports.Banner=ke;exports.Button=Yr;exports.ButtonGroup=Ma;exports.Cell=Ph;exports.Column=wh;exports.Dialog=vv;exports.Icon=bv;exports.ImageBackground=zh;exports.Input=Ra;exports.Popover=kn;exports.ResponsiveMenuTrigger=vh;exports.ResponsiveSelect=yh;exports.Row=Dh;exports.ScreenOverlay=Ta;exports.SearchInput=gv;exports.Section=Lf;exports.Select=bh;exports.Switch=$h;exports.Table=Th;exports.TableBody=kh;exports.TableHeader=Vp;exports.TextEllipsis=Ah;exports.TextEmphasis=Bh;exports.ThemeProvider=nv;exports.Tombstone=Lh;exports.Tooltip=Ya;exports.TooltipTrigger=qa;exports.Waveform=Rh;exports.usePopoverTrigger=yv;exports.useTheme=xe;
|
|
48
48
|
//# sourceMappingURL=index.cjs.js.map
|