@vuu-ui/vuu-popups 0.8.12 → 0.8.13
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/cjs/index.js +1 -1
- package/cjs/index.js.map +4 -4
- package/esm/index.js +1 -1
- package/esm/index.js.map +4 -4
- package/index.css +1 -1
- package/index.css.map +2 -2
- package/package.json +7 -7
- package/types/dialog/index.d.ts +1 -0
- package/types/dialog/useDialog.d.ts +11 -0
- package/types/menu/context-menu-provider.d.ts +5 -3
- package/types/popup/Popup.d.ts +2 -2
- package/types/popup/useAnchoredPosition.d.ts +1 -1
- package/types/tooltip/Tooltip.d.ts +3 -1
package/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var Ut=Object.create;var me=Object.defineProperty;var Xt=Object.getOwnPropertyDescriptor;var Jt=Object.getOwnPropertyNames;var zt=Object.getPrototypeOf,Yt=Object.prototype.hasOwnProperty;var Qt=(e,n)=>{for(var t in n)me(e,t,{get:n[t],enumerable:!0})},ze=(e,n,t,o)=>{if(n&&typeof n=="object"||typeof n=="function")for(let r of Jt(n))!Yt.call(e,r)&&r!==t&&me(e,r,{get:()=>n[r],enumerable:!(o=Xt(n,r))||o.enumerable});return e};var A=(e,n,t)=>(t=e!=null?Ut(zt(e)):{},ze(n||!e||!e.__esModule?me(t,"default",{value:e,enumerable:!0}):t,e)),Zt=e=>ze(me({},"__esModule",{value:!0}),e);var zn={};Qt(zn,{ContextMenu:()=>ye,ContextMenuContext:()=>ie,ContextMenuProvider:()=>xn,Dialog:()=>tn,DialogHeader:()=>He,DialogService:()=>ue,MenuItem:()=>re,MenuItemGroup:()=>oe,MenuList:()=>be,NotificationLevel:()=>Kt,NotificationsContext:()=>Ve,NotificationsProvider:()=>Xn,PopupComponent:()=>Be,PopupMenu:()=>On,PopupService:()=>I,Portal:()=>z,Prompt:()=>Kn,Separator:()=>ke,ToastNotification:()=>Ft,Tooltip:()=>Wn,createContainer:()=>Tn,isMenuItemLabel:()=>he,reasonIsClickAway:()=>$e,reasonIsMenuAction:()=>Se,renderPortal:()=>Oe,useAnchoredPosition:()=>ce,useContextMenu:()=>Ke,useNotifications:()=>Jn,useTooltip:()=>qn});module.exports=Zt(zn);var _e=require("@salt-ds/lab"),et=A(require("classnames")),Me=require("react");var Ye=require("@vuu-ui/vuu-shell"),J=require("react"),Qe=require("react-dom");function jt(e){return typeof e=="function"?e():e}var _t="vuu-portal-root",z=({children:e,container:n=document.body,id:t=_t,onRender:o,open:r=!0,themeAttributes:s})=>{var M;let[i,d]=(0,J.useState)(!1),l=(0,J.useRef)(null),a=(M=jt(n))!=null?M:document.body,[u,c,p]=(0,Ye.useThemeAttributes)(s);return(0,J.useLayoutEffect)(()=>{let x=document.getElementById(t);x?l.current=x:(l.current=document.createElement("div"),l.current.id=t);let g=l.current;a.contains(g)||a.appendChild(g),g.classList.add(u,c),g.dataset.mode=p,d(!0)},[t,a,u,c,p]),(0,J.useLayoutEffect)(()=>{requestAnimationFrame(()=>{o==null||o()})},[o]),r&&i&&l.current&&e?(0,Qe.createPortal)(e,l.current):null};var fe=require("@salt-ds/core"),Ze=A(require("classnames"));var ne=require("react/jsx-runtime"),en="vuuDialogHeader",He=({hideCloseButton:e=!1,title:n,onClose:t,...o})=>(0,ne.jsxs)("div",{...o,className:(0,Ze.default)(en,"vuuToolbarProxy"),children:[(0,ne.jsx)(fe.Text,{className:"dialogHeader",children:n}),!e&&(0,ne.jsx)(fe.Button,{onClick:t,"data-align":"end","data-icon":"close",variant:"secondary"},"close")]});var j=require("react/jsx-runtime"),je="vuuDialog",tn=({children:e,className:n,isOpen:t=!1,onClose:o,title:r,hideCloseButton:s=!1,...i})=>{let d=(0,Me.useRef)(null),l=(0,Me.useCallback)(()=>{o==null||o()},[o]);return t?(0,j.jsx)(z,{children:(0,j.jsx)(_e.Scrim,{className:`${je}-scrim`,open:t,autoFocusRef:d,children:(0,j.jsxs)("div",{...i,className:(0,et.default)(je,n),ref:d,children:[(0,j.jsx)(He,{hideCloseButton:s,onClose:l,title:r}),e]})})}):null};var Q=require("react");var q=A(require("react")),Ae=A(require("classnames")),ct=require("@vuu-ui/vuu-layout");var B=require("react");var tt=e=>e.closest("[data-root='true']")!==null,nt=(e,n)=>{var t;return e.ariaHasPopup==="true"&&((t=e.dataset)==null?void 0:t.idx)===`${n}`||e.querySelector(`:scope > [data-index='${n}'][aria-haspopup='true']`)!==null};function nn(e,...n){let t=new Set(e);for(let o of n)for(let r of o)t.add(r);return t}var on="Enter";var rn="Delete",sn=new Set([on,rn]),un=new Set(["Tab"]),an=new Set(["ArrowRight","ArrowLeft"]),ot=new Set(["Home","End","ArrowDown","ArrowUp"]),rt=new Set(["Home","End","ArrowRight","ArrowLeft"]),cn=new Set(["F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12"]),Co=nn(sn,rt,ot,an,cn,un);var st=({key:e},n="vertical")=>(n==="vertical"?ot:rt).has(e);var ge=require("@vuu-ui/vuu-utils"),it=({autoHighlightFirstItem:e=!1,count:n,defaultHighlightedIdx:t,highlightedIndex:o,onActivate:r,onHighlight:s,onCloseMenu:i,onOpenMenu:d})=>{var E;if((0,ge.isValidNumber)(o)&&(0,ge.isValidNumber)(t))throw Error("useKeyboardNavigation do not pass values for both highlightedIndex and defaultHighlightedIdx");let l=(0,ge.isValidNumber)(o),a=(0,B.useRef)((E=t!=null?t:o)!=null?E:e?0:-1),[,u]=(0,B.useState)(null),c=(0,B.useCallback)(b=>{a.current=b,s==null||s(b),u({})},[s]),p=(0,B.useCallback)(b=>{b!==a.current&&(l||c(b))},[l,c]),M=(0,B.useRef)(!0),x=(0,B.useRef)(!1),g=b=>x.current=b,C=l?o:a.current,P=(0,B.useCallback)(b=>{let h=ln(n,b.key,a.current);h!==a.current&&p(h)},[n,p]),w=(0,B.useCallback)(b=>{if(st(b))b.preventDefault(),b.stopPropagation(),M.current=!0,P(b);else if((b.key==="ArrowRight"||b.key==="Enter")&&nt(b.target,C)){let m=b.target.querySelector(`:scope > [data-index='${C}']`);m&&(d==null||d(m,!0))}else b.key==="ArrowLeft"&&!tt(b.target)?i(C):b.key==="Enter"?(b.preventDefault(),b.stopPropagation(),r&&r(C)):b.key==="Tab"&&i(-1)},[C,P,r,i,d]),R=(0,B.useMemo)(()=>({onFocus:()=>{C===-1&&c(0)},onKeyDown:w,onMouseDownCapture:()=>{M.current=!1,g(!0)},onMouseMove:()=>{M.current&&(M.current=!1)},onMouseLeave:()=>{M.current=!0,g(!1),p(-1)}}),[w,C,c,p]);return{focusVisible:M.current?C:-1,controlledHighlighting:l,highlightedIndex:C,setHighlightedIndex:p,listProps:R,setIgnoreFocus:g}};function ln(e,n,t){return n==="ArrowUp"?t>0?t-1:t:t===null?0:t===e-1?t:t+1}var Y=A(require("react"));var Ie=e=>e.type===oe||!!e.props["data-group"],pn=e=>{if(Array.isArray(e)&&he(e[0]))return e[0]},dn=(e,n,t,o=!1)=>{let{props:{children:r}}=e;return{childWithId:Y.default.cloneElement(e,{hasSeparator:o,id:`${n}`,key:n,children:t?pn(r):r}),grandChildren:t?r:void 0}},ut=(e,n)=>{let t=(0,Y.useCallback)(()=>{let s=(i,d=n,l={},a={})=>{let u=l[d]=[],c=0,p=!1;return Y.default.Children.forEach(i,M=>{if(!he(M))if(M.type===ke)p=!0;else{let x=Ie(M),g=`${d}-${c}`,{props:{action:C,options:P}}=M,{childWithId:w,grandChildren:R}=dn(M,g,x,p);u.push(w),R?s(R,g,l,a):a[g]={action:C,options:P},c+=1,p=!1}}),[l,a]};return s(e)},[n,e]),[o,r]=(0,Y.useMemo)(()=>t(),[t]);return[o,r]};var W=require("react/jsx-runtime"),at="vuuMenuList",ke=()=>(0,W.jsx)("li",{className:"vuuMenuItem-divider"}),oe=()=>null,re=({children:e,idx:n,options:t,...o})=>(0,W.jsx)("div",{...o,children:e}),lt=({children:e})=>(0,W.jsx)(W.Fragment,{children:e});lt.displayName="MenuItemLabel";re.Label=lt;var mn=e=>q.default.isValidElement(e)&&typeof e.type!="string"&&"displayName"in e.type?e.type.displayName:void 0,he=e=>mn(e)==="MenuItemLabel",fn=e=>e.props["data-icon"],be=({activatedByKeyboard:e,childMenuShowing:n,children:t,className:o,defaultHighlightedIdx:r,highlightedIdx:s,id:i,isRoot:d,listItemProps:l,onHighlightMenuItem:a,onActivate:u,onCloseMenu:c,openMenu:p,...M})=>{let x=(0,ct.useId)(i),g=(0,q.useRef)(null),C=(0,q.useMemo)(()=>new Map,[]),P=f=>{var v;let y=(v=g.current)==null?void 0:v.querySelector(`:scope > [data-index='${f}']`);y!=null&&y.id&&(u==null||u(y.id))},{focusVisible:w,highlightedIndex:R,listProps:E}=it({count:q.default.Children.count(t),defaultHighlightedIdx:r,highlightedIndex:s,onActivate:P,onHighlight:a,onOpenMenu:p,onCloseMenu:c}),b=n==null?w:-1;(0,q.useLayoutEffect)(()=>{var f;n===void 0&&e&&((f=g.current)==null||f.focus())},[e,n]);let h=()=>R===void 0||R===-1?void 0:C.get(R);function m(){let f={...l,role:"menuitem"},y=(k,T,D)=>T?[(0,W.jsx)("span",{className:"vuuIconContainer","data-icon":D},"icon")].concat(k):k;function v(k,T,D,F){var Je;let{children:U,className:Wt,"data-icon":Ue,id:de,hasSeparator:qt,label:Re,...Gt}=T.props,Le=Ie(T),Xe=Le&&n===de,Vt=Xe?`${x}-${de}`:void 0;k.push((0,W.jsx)(re,{...Gt,...f,...Mn(de,D,(Je=T.key)!=null?Je:de,R,b,Wt,qt),"aria-controls":Vt,"aria-haspopup":Le||void 0,"aria-expanded":Xe||void 0,children:y(Le&&Re!=null?Re:U,F,Ue)}))}let H=[];if(t.length>0){let k=t.some(fn);t.forEach((T,D)=>{v(H,T,D,k)})}return H}return(0,W.jsx)("div",{...M,...E,"aria-activedescendant":h(),className:(0,Ae.default)(at,o,{[`${at}-childMenuShowing`]:n!==void 0}),"data-root":d||void 0,id:x,ref:g,role:"menu",children:m()})},Mn=(e,n,t,o,r,s,i)=>({id:`menuitem-${e}`,key:t!=null?t:n,"data-index":n,"data-highlighted":n===o||void 0,className:(0,Ae.default)("vuuMenuItem",s,{"vuuMenuItem-separator":i,focusVisible:r===n})});be.displayName="MenuList";var L=require("react");var Ne=e=>e==null?void 0:e.closest("[data-index],[aria-posinset]");var dt=(e,n,t)=>e.map((o,r)=>r===e.length-1?{...o,[t]:o[t]-n}:o),gn=(e,n)=>dt(e,n,"left"),hn=(e,n)=>dt(e,n,"top"),bn=(e,n)=>{let[t,o]=n.slice(-2),r=document.getElementById(`${e}-${o.id}`);if(r===null)throw Error(`useCascade.flipSides element with id ${o.id} not found`);let{width:s}=r.getBoundingClientRect();return n.map(i=>i===o?{...i,left:t.left-(s-2)}:i)},yn=(e,n)=>{let[{left:t,top:o}]=n.slice(-1),{offsetWidth:r,offsetTop:s}=e;return{left:t+r,top:s+o}},mt=(e,n)=>{let t=e.lastIndexOf("-");return e.startsWith("menuitem")?t>-1?e.slice(9,t):n:t>-1?e.slice(0,t):n},Pn=e=>e.slice(9),pt=({ariaExpanded:e,ariaHasPopup:n,id:t},o)=>{if(t.startsWith("menuitem"))return{hostMenuId:mt(t,o),targetMenuId:Pn(t),menuItemId:t,isGroup:n==="true",isOpen:e==="true"};throw Error(`getMenuItemDetails #${t} is not a menuitem`)},ft=({id:e,onActivate:n,onMouseEnterItem:t,position:{x:o,y:r}})=>{let[,s]=(0,L.useState)({}),i=(0,L.useRef)([{id:e,left:o,top:r}]),d=(0,L.useCallback)(h=>i.current.findIndex(m=>m.id===h)!==-1,[]),l=(0,L.useCallback)(h=>{let m=p.current[h];if(m===void 0)throw Error(`getOpenMenuState no entry for menu ${h}`);return m},[]),a=(0,L.useCallback)(h=>{i.current=h,s({})},[]),u=(0,L.useRef)(),c=(0,L.useRef)(),p=(0,L.useRef)({[e]:"no-popup"}),M=(0,L.useCallback)((h=e,m,f=null)=>{if(h===e&&f===null)a([{id:e,left:o,top:r}]);else{p.current[h]="popup-open";let y=document.getElementById(f);if(y!==null){let{left:v,top:H}=yn(y,i.current);a(i.current.concat({id:m,left:v,top:H}))}else throw Error(`openMenu no menuItem ${f}`)}},[e,o,r,a]),x=(0,L.useCallback)(h=>{if(h===e)a([]);else{let m=i.current.slice(),f=m.pop();p.current[f.id]="no-popup";let y=m.at(-1);y&&(p.current[y.id]="no-popup"),a(m)}},[e,a]),g=(0,L.useCallback)(h=>{let m=i.current.slice(),f=h.slice(9),{id:y}=m.at(-1);for(;m.length>1&&!f.startsWith(y);){let v=mt(y,e);m.pop(),p.current[y]="no-popup",p.current[v]="no-popup",{id:y}=m[m.length-1]}m.length<i.current.length&&a(m)},[e,a]),C=(0,L.useCallback)(()=>{u.current&&(clearTimeout(u.current),u.current=void 0)},[]),P=(0,L.useCallback)((h,m,f,y=300)=>{C(),u.current=window.setTimeout(()=>{g(f),p.current[h]="popup-open",p.current[m]="no-popup",M(h,m,f)},y)},[C,g,M]),w=(0,L.useCallback)((h,m,f)=>{p.current[m]="pending-close",c.current=window.setTimeout(()=>{g(f)},400)},[g]),R=(0,L.useCallback)(()=>{let{current:h}=i,m=h.at(-1),f=m?document.getElementById(m.id):void 0;if(f){let{right:y,bottom:v}=f.getBoundingClientRect(),{clientHeight:H,clientWidth:k}=document.body;if(y>k){let T=h.length>1?bn(e,h):gn(h,y-k);a(T)}else if(v>H){let T=hn(h,v-H);a(T)}typeof f.tabIndex=="number"&&f.focus()}},[e,a]),E=(0,L.useCallback)((h,m=!1)=>{let{hostMenuId:f,targetMenuId:y,menuItemId:v,isGroup:H,isOpen:k}=pt(h,e),{current:{[f]:T}}=p,D=m?0:void 0;if(T==="no-popup"&&H)p.current[f]="popup-pending",P(f,y,v,D);else if(T==="popup-pending"&&!H)p.current[f]="no-popup",clearTimeout(u.current),u.current=void 0;else if(T==="popup-pending"&&H)clearTimeout(u.current),P(f,y,v,D);else if(T==="popup-open")if(d(y)){let F=l(y);switch(g(v),F){case"pending-close":clearTimeout(c.current),c.current=void 0,p.current[y]="no-popup",C();break;default:}}else{let[F,U]=i.current.slice(-2);F.id===f&&p.current[U.id]!=="pending-close"?(w(f,U.id,v),H&&!k&&P(f,y,v,D)):F.id===f&&H&&v!==U.id&&p.current[U.id]==="pending-close"||H?P(f,y,v,D):p.current[U.id]!=="pending-close"&&g(v)}T==="pending-close"&&(C(),clearTimeout(c.current),c.current=void 0,p.current[f]="popup-open")},[C,g,l,d,e,w,P]),b=(0,L.useMemo)(()=>({onMouseEnter:h=>{let m=Ne(h.target);E(m),t(h,m.id)},onClick:h=>{let m=Ne(h.target),{isGroup:f,menuItemId:y}=pt(m,e);f?E(m):n(y)}}),[n,t,e,E]);return{closeMenu:x,handleRender:R,listItemProps:b,openMenu:E,openMenus:i.current}};var Mt=require("@vuu-ui/vuu-layout");var se=require("react/jsx-runtime"),De=require("react"),Cn=()=>{},ye=({PortalProps:e,activatedByKeyboard:n,children:t,className:o,id:r,onClose:s=()=>{},position:i={x:0,y:0},style:d,...l})=>{let a=(0,Q.useRef)(s);a.current=s;let u=(0,Mt.useId)(r),c=(0,Q.useRef)(Cn),[p,M]=ut(t,u),x=(0,Q.useRef)(n),g=(0,Q.useCallback)(()=>{x.current=!1},[]),C=(0,Q.useCallback)(v=>{let H=v.slice(9),{action:k,options:T}=M[H];c.current(u),s({type:"menu-action",menuId:k,options:T})},[M,u,s]),{closeMenu:P,listItemProps:w,openMenu:R,openMenus:E,handleRender:b}=ft({id:`${u}`,onActivate:C,onMouseEnterItem:g,position:i});c.current=P;let h=()=>{x.current=!0,P()},m=()=>{},f=E.length-1,y=v=>{if(!(v>=f)){let{id:H}=E[v+1];return H}};return(0,se.jsx)(se.Fragment,{children:E.map(({id:v,left:H,top:k},T,D)=>{let F=y(T);return(0,De.createElement)(z,{...e,key:T,onRender:b},(0,se.jsx)(Be,{anchorElement:{current:document.body},placement:"absolute",position:{left:H,top:k},children:(0,De.createElement)(be,{...l,activatedByKeyboard:x.current,childMenuShowing:F,className:o,id:v,isRoot:T===0,key:T,listItemProps:w,onActivate:C,onHighlightMenuItem:m,onCloseMenu:h,openMenu:R,style:d,tabIndex:T===D.length-1?0:void 0},p[v])}))})})};ye.displayName="ContextMenu";var _=require("react"),Pe=require("react/jsx-runtime"),ie=(0,_.createContext)(null),vn=({children:e,context:n,menuActionHandler:t,menuBuilder:o})=>{let r=(0,_.useMemo)(()=>n!=null&&n.menuBuilders&&o?n.menuBuilders.concat(o):o?[o]:(n==null?void 0:n.menuBuilders)||[],[n,o]),s=(0,_.useCallback)(i=>{var d;if(t!=null&&t(i)||(d=n==null?void 0:n.menuActionHandler)!=null&&d.call(n,i))return!0},[n,t]);return(0,Pe.jsx)(ie.Provider,{value:{menuActionHandler:s,menuBuilders:r},children:e})},xn=({children:e,label:n,menuActionHandler:t,menuBuilder:o})=>(0,Pe.jsx)(ie.Consumer,{children:r=>(0,Pe.jsx)(vn,{context:r,label:n,menuActionHandler:t,menuBuilder:o,children:e})});var wt=require("@vuu-ui/vuu-utils"),$=require("react");var bt=A(require("classnames")),ae=A(require("react")),ee=A(require("react-dom"));var gt=A(require("react-dom")),ht=A(require("classnames")),En=1,wn=({className:e,dataMode:n,x:t=0,y:o=0,win:r=window})=>{let s=r.document.createElement("div");return s.className=(0,ht.default)(`vuuPopup ${En++}`,e),s.style.cssText=`left:${t}px; top:${o}px;`,n&&(s.dataset.mode=n),r.document.body.appendChild(s),s},Tn=e=>wn(e),Oe=(e,n,t,o,r)=>{n.style.cssText=`left:${t}px; top:${o}px;position: absolute;`,gt.render(e,n,r)};var Z=!1,O=[],Se=e=>(e==null?void 0:e.type)==="menu-action",$e=e=>(e==null?void 0:e.type)==="click-away";function Ce(e){if(e.key==="Esc"){if(O.length)Pt();else if(Z){let n=document.body.querySelector(".vuuDialog");n&&ee.default.unmountComponentAtNode(n)}}}function yt(e){if(O.length){let n=document.body.querySelectorAll(".vuuPopup,#vuu-portal-root");for(let t=0;t<n.length;t++)if(n[t].contains(e.target))return;Pt({mouseEvt:e,type:"click-away"})}}function Pt(e){if(O.length===1)I.hidePopup(e,"anon","all");else if(O.length){let n=document.body.querySelectorAll(".vuuPopup");for(let t=0;t<n.length;t++)ee.default.unmountComponentAtNode(n[t]);Ct("*")}}function Rn(){Z===!1&&(Z=!0,window.addEventListener("keydown",Ce,!0))}function Ln(){Z&&(Z=!1,window.removeEventListener("keydown",Ce,!0))}function Hn(e){O.indexOf(e)===-1&&(O.push(e),Z===!1&&(window.addEventListener("keydown",Ce,!0),window.addEventListener("click",yt,!0)))}function Ct(e){if(O.length){if(e==="*")O.length=0;else{let n=O.indexOf(e);n!==-1&&O.splice(n,1)}O.length===0&&Z===!1&&(window.removeEventListener("keydown",Ce,!0),window.removeEventListener("click",yt,!0))}}var In=({children:e,position:n,style:t})=>{let o=(0,bt.default)("hwPopup","hwPopupContainer",n);return(0,ae.createElement)("div",{className:o,style:t},e)},kn=1,I=class{static showPopup({group:n="all",name:t="anon",left:o=0,position:r="",right:s="auto",top:i=0,width:d="auto",component:l}){if(!l)throw Error("PopupService showPopup, no component supplied");typeof l.props.onClose=="function"?I.onClose=l.props.onClose:I.onClose=void 0,Hn(t),document.addEventListener("keydown",I.escapeKeyListener,!0);let a=document.body.querySelector(".vuuPopup."+n);a===null&&(a=document.createElement("div"),a.className="vuuPopup "+n,document.body.appendChild(a));let u={width:d};Oe((0,ae.createElement)(In,{key:kn++,position:r,style:u},l),a,o,i,()=>{I.keepWithinThePage(a,s)})}static escapeKeyListener(n){n.key==="Escape"&&I.hidePopup({type:"escape",event:n})}static hidePopup(n,t="anon",o="all"){var r;if(O.indexOf(t)!==-1){Ct(t);let s=document.body.querySelector(`.vuuPopup.${o}`);s&&ee.default.unmountComponentAtNode(s)}document.removeEventListener("keydown",I.escapeKeyListener,!0),(r=I==null?void 0:I.onClose)==null||r.call(I,n)}static keepWithinThePage(n,t="auto"){let o=n.querySelector(".vuuPopupContainer > *");if(o){let{top:r,left:s,width:i,height:d,right:l}=o.getBoundingClientRect(),a=window.innerWidth,c=window.innerHeight-(r+d);c<0&&(o.style.top=Math.round(r)+c+"px");let p=a-(s+i);if(p<0&&(o.style.left=Math.round(s)+p+"px"),typeof t=="number"&&t!==l){let M=t-l;o.style.left=s+M+"px"}}}},ue=class{static showDialog(n){let t=".vuuDialog",o=n.props.onClose;Rn(),ee.default.render(ae.default.cloneElement(n,{container:t,onClose:()=>{ue.closeDialog(),o&&o()}}),document.body.querySelector(t))}static closeDialog(){Ln();let n=document.body.querySelector(".vuuDialog");n&&ee.default.unmountComponentAtNode(n)}};var xt=A(require("classnames"));var X=require("react"),vt=(e,n,t,o,r,s)=>{let{bottom:i,height:d,left:l,right:a,top:u,width:c}=e.getBoundingClientRect();switch(n){case"below":return{left:l+t,top:i+o};case"right":return{left:a+t,top:u+o};case"below-center":return{left:l+c/2+t,top:i+o};case"below-full-width":return{left:l+t,minWidth:r,top:i+o,width:c};case"center":return s?{left:c/2-s.width/2+t,top:d/2-s.height/2+o,visibility:"visible"}:{left:c/2+t,top:d/2+o,visibility:"hidden"};default:throw Error("Popup getPositionRelativeToAnchor only supported placement values are below and right")}},ce=({anchorElement:e,minWidth:n,offsetLeft:t=0,offsetTop:o=0,placement:r,position:s})=>{let i=(0,X.useRef)(null),[d,l]=(0,X.useState)(s);(0,X.useLayoutEffect)(()=>{if(r==="absolute"&&s)l(s);else if(e.current){let u=i.current===null?void 0:i.current.getBoundingClientRect(),c=vt(e.current,r,t,o,n,u);l(c)}},[e,n,t,o,r,s]);let a=(0,X.useCallback)(u=>{if(i.current=u,u&&r==="center"&&e.current){let{height:c,width:p}=u.getBoundingClientRect();l(vt(e.current,r,t,o,void 0,{height:c,width:p}))}},[e,t,o,r]);return{position:d,popupRef:r==="center"?a:void 0}};var Et=require("react/jsx-runtime"),Be=({children:e,className:n,anchorElement:t,minWidth:o,placement:r,position:s})=>{let{popupRef:i,position:d}=ce({anchorElement:t,minWidth:o,placement:r,position:s});return d===void 0?null:(0,Et.jsx)("div",{className:(0,xt.default)("vuuPortal",n),ref:i,style:d,children:e})};var Tt=require("@vuu-ui/vuu-shell"),ve=require("react/jsx-runtime"),Ke=(e,n)=>{let t=(0,$.useContext)(ie),[o,r,s]=(0,Tt.useThemeAttributes)(),i=(0,$.useMemo)(()=>({themeClass:o,densityClass:r,dataMode:s}),[s,r,o]),d=(0,$.useCallback)((u,c,p)=>{let M=[];for(let x of u)M=M.concat(x(c,p));return M},[]),l=(0,$.useCallback)((u,c,{ContextMenuProps:p,contextMenu:M,...x})=>{var C,P;if((C=u.stopPropagation)==null||C.call(u),(P=u.preventDefault)==null||P.call(u),M)return Nn({x:u.clientX,y:u.clientY},M);let g=[];if(e&&g.push(e),t&&Array.isArray(t==null?void 0:t.menuBuilders)&&t.menuBuilders.length>0&&g.push(...t.menuBuilders),g.length>0){let w=d(g,c,x),R=E=>(n==null?void 0:n(E))===!0?!0:t==null?void 0:t.menuActionHandler(E);w.length&&R&&Dn(u,w,R,{PortalProps:{themeAttributes:i},...p})}else console.warn("useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)")},[d,t,n,e,i]),a=(0,$.useCallback)(()=>{console.log("hide context menu")},[]);return[l,a]},An={},Nn=(e,n)=>{I.showPopup({focus:!0,left:0,top:0,component:(0,$.cloneElement)(n,{position:e})})},Dn=(e,n,t,{position:o,...r}=An)=>{let s=a=>{let u=(c,p)=>(0,wt.isGroupMenuItemDescriptor)(c)?(0,ve.jsx)(oe,{label:c.label,children:c.children.map(u)},p):(0,ve.jsx)(re,{action:c.action,className:c.className,"data-icon":c.icon,options:c.options,children:c.label},p);return a.map(u)},i=a=>{var u;Se(a)&&(t(a),I.hidePopup()),(u=r==null?void 0:r.onClose)==null||u.call(r,a)},d=o!=null?o:{x:e.clientX,y:e.clientY},l=(0,ve.jsx)(ye,{...r,onClose:i,position:d,children:s(n)});I.showPopup({left:0,top:0,component:l,focus:!0})};var G=require("react");var Rt=A(require("classnames")),Lt=require("@salt-ds/core"),Ht=require("@vuu-ui/vuu-layout");var It=require("react/jsx-runtime"),Fe="vuuPopupMenu",Bn=e=>{if(e){let{bottom:n,left:t}=e.getBoundingClientRect();return{x:t,y:n+6}}},On=({className:e,label:n,icon:t=n?"chevron-down":"more-vert",id:o,menuActionHandler:r,menuBuilder:s,menuLocation:i="header",menuOptions:d,onMenuClose:l,tabIndex:a=0,...u})=>{let c=(0,G.useRef)(null),p=(0,G.useRef)(!1),[M,x]=(0,G.useState)(!1),g=(0,Ht.useId)(o),[C]=Ke(s,r),P=(0,G.useCallback)(E=>{console.log("menu Open ",{el:E})},[]),w=(0,G.useCallback)(E=>{x(!1),$e(E)?E.mouseEvt.target===c.current&&(p.current=!0):requestAnimationFrame(()=>{var b;l==null||l(E),a!==-1&&((b=c.current)==null||b.focus())})},[l,a]),R=(0,G.useCallback)(E=>{p.current?p.current=!1:(x(!0),C(E,i,{ContextMenuProps:{id:`${g}-menu`,onClose:w,openMenu:P,position:Bn(c.current)},...d}))},[w,P,g,i,d,C]);return(0,It.jsx)(Lt.Button,{...u,"aria-controls":`${g}-menu-root`,"aria-expanded":M,"aria-haspopup":"menu",className:(0,Rt.default)(Fe,e,{[`${Fe}-withCaption`]:n!==void 0,[`${Fe}-open`]:M}),"data-icon":t,id:g,onClick:R,ref:c,tabIndex:a,variant:"secondary",children:n})};var kt=require("@vuu-ui/vuu-shell"),We=require("@salt-ds/core"),At=A(require("classnames")),le=require("react");var V=require("react/jsx-runtime"),te="vuuPrompt",Sn={current:document.body},$n={},Kn=({PopupProps:e=$n,cancelButtonLabel:n="Cancel",confirmButtonLabel:t="Confirm",icon:o,onCancel:r,onConfirm:s,style:i,text:d,title:l,variant:a="info",...u})=>{let{anchorElement:c=Sn,offsetLeft:p=0,offsetTop:M=0,placement:x="below"}=e,[g,C,P]=(0,kt.useThemeAttributes)(),{position:w}=ce({anchorElement:c,offsetLeft:p,offsetTop:M,placement:x}),R=(0,le.useRef)(null),E=(0,le.useRef)(null);return(0,le.useLayoutEffect)(()=>{if(R.current&&(R.current.showModal(),E.current&&E.current.focus(),x.endsWith("center"))){let{width:b}=R.current.getBoundingClientRect();R.current.style.marginLeft=`-${b/2}px`}},[x]),(0,V.jsx)("dialog",{...u,className:(0,At.default)(te,`${te}-${a}`,g),"data-mode":P,ref:R,style:{...i,...w},children:(0,V.jsxs)("form",{className:`${te}-form`,children:[(0,V.jsx)("div",{className:`${te}-header`,"data-icon":o,children:l}),(0,V.jsx)("div",{className:`${te}-text`,children:d}),(0,V.jsxs)("div",{className:`${te}-buttonBar`,children:[(0,V.jsx)(We.Button,{onClick:r,variant:"secondary",children:n}),(0,V.jsx)(We.Button,{onClick:s,ref:E,value:"default",children:t})]})]})})};var xe=require("react"),Fn=(e,n,t,o)=>{let{bottom:r,height:s,left:i,right:d,top:l,width:a}=e.getBoundingClientRect(),u=i+a/2,c=l+s/2;switch(n){case"above":return{left:u+t,top:l+o};case"below":return{left:u+t,top:r+o};case"right":return{left:d+t,top:c+t};case"left":return{left:i+t,top:c+t};default:throw Error("Tooltip getPositionRelativeToAnchor only supported placement values are left, right, below and right")}},Nt=({anchorElement:e,offsetLeft:n=0,offsetTop:t=0,placement:o})=>{let[r,s]=(0,xe.useState)();return(0,xe.useLayoutEffect)(()=>{if(e.current){let i=Fn(e.current,o,n,t);s(i)}},[e,n,t,o]),r};var Ee=require("react/jsx-runtime"),Dt="vuuTooltip",Wn=({anchorElement:e,children:n,id:t,onMouseEnter:o,onMouseLeave:r,placement:s})=>{let i=Nt({anchorElement:e,placement:s});return i===void 0?null:(0,Ee.jsx)(z,{children:(0,Ee.jsx)("div",{className:Dt,"data-align":s,id:t,style:i,children:(0,Ee.jsx)("span",{className:`${Dt}-content`,onMouseEnter:o,onMouseLeave:r,children:n})})})};var N=require("react"),Bt=require("@vuu-ui/vuu-layout"),qn=({id:e,placement:n="right",tooltipContent:t})=>{let o=(0,N.useRef)(),r=(0,N.useRef)(null),s=(0,N.useRef)(),i=(0,N.useRef)(),[d,l]=(0,N.useState)(),a=(0,Bt.useId)(e),u=(0,N.useCallback)(P=>{var w;P.key==="Escape"&&((w=o.current)==null||w.call(o))},[]);o.current=(0,N.useCallback)(()=>{l(void 0),document.removeEventListener("keydown",u)},[u]);let c=(0,N.useCallback)(()=>{window.clearTimeout(i.current)},[]),p=(0,N.useCallback)(()=>{var P;(P=o.current)==null||P.call(o)},[]),M=(0,N.useCallback)(()=>{let{current:P}=r;P&&(l({anchorElement:r,children:t,id:`${a}-tooltip`,onMouseEnter:c,onMouseLeave:p,placement:n}),document.addEventListener("keydown",u)),s.current=void 0},[u,c,p,a,n,t]),x=(0,N.useCallback)(P=>{let w=P.target;w&&(r.current=w,s.current=window.setTimeout(M,800))},[M]),g=(0,N.useCallback)(()=>{r.current&&(s.current?(window.clearTimeout(s.current),s.current=void 0):o.current&&(i.current=window.setTimeout(o.current,200)))},[]);return{anchorProps:{"aria-describedby":`${a}-tooltip`,onMouseEnter:x,onMouseLeave:g},tooltipProps:d}};var S=A(require("react")),qe=A(require("classnames")),Ot=require("@vuu-ui/vuu-utils");var K=require("react/jsx-runtime"),St=6e3,Ge=1e3,Gn=300,$t=56,we=300,Vn=10,Un=10,Te=50,pe="vuuToastNotifications",Kt=(r=>(r.Info="info",r.Success="success",r.Warning="warning",r.Error="error",r))(Kt||{}),Ve=S.default.createContext({notify:()=>"have you forgotten to provide a NotificationProvider?"}),Xn=e=>{let[n,t]=(0,S.useState)([]),o=(0,S.useCallback)(r=>{let s={...r,id:(0,Ot.getUniqueId)()};t(i=>[...i,s]),setTimeout(()=>{t(i=>i.filter(d=>d!==s))},St+Ge*2)},[]);return(0,K.jsxs)(Ve.Provider,{value:{notify:o},children:[(0,K.jsx)("div",{className:`${pe}-toastContainer`,style:{width:we+Te+Un},children:n.map((r,s)=>(0,K.jsx)(Ft,{top:($t+Vn)*s,notification:r},r.id))}),e.children]})},Jn=()=>(0,S.useContext)(Ve),Ft=e=>{let{top:n,notification:t,animated:o=!0}=e,[r,s]=(0,S.useState)(-we-Te);return(0,S.useEffect)(()=>{s(Te),o&&setTimeout(()=>s(-we-Te),St+Ge)},[o]),(0,K.jsxs)("div",{className:(0,qe.default)(`${pe}-toast`,t.type),style:{height:$t,right:r,width:we,top:n,transition:o?`right ${Ge}ms, top ${Gn}ms `:"none"},children:[(0,K.jsx)("div",{className:(0,qe.default)(`${pe}-toastIcon`,`${t.type}-icon`)}),(0,K.jsxs)("div",{className:`${pe}-toastContent`,children:[(0,K.jsx)("strong",{className:`${pe}-toastHeader`,children:t.header}),(0,K.jsx)("div",{children:t.body})]})]})};
|
|
1
|
+
"use strict";var Yt=Object.create;var de=Object.defineProperty;var Qt=Object.getOwnPropertyDescriptor;var Zt=Object.getOwnPropertyNames;var jt=Object.getPrototypeOf,_t=Object.prototype.hasOwnProperty;var eo=(e,o)=>{for(var t in o)de(e,t,{get:o[t],enumerable:!0})},je=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Zt(o))!_t.call(e,r)&&r!==t&&de(e,r,{get:()=>o[r],enumerable:!(n=Qt(o,r))||n.enumerable});return e};var k=(e,o,t)=>(t=e!=null?Yt(jt(e)):{},je(o||!e||!e.__esModule?de(t,"default",{value:e,enumerable:!0}):t,e)),to=e=>je(de({},"__esModule",{value:!0}),e);var _o={};eo(_o,{ContextMenu:()=>ye,ContextMenuContext:()=>ie,ContextMenuProvider:()=>Ro,Dialog:()=>Ae,DialogHeader:()=>Ie,DialogService:()=>ue,MenuItem:()=>re,MenuItemGroup:()=>ne,MenuList:()=>be,NotificationLevel:()=>Gt,NotificationsContext:()=>ze,NotificationsProvider:()=>Zo,PopupComponent:()=>$e,PopupMenu:()=>Fo,PopupService:()=>I,Portal:()=>W,Prompt:()=>Go,Separator:()=>De,ToastNotification:()=>Vt,Tooltip:()=>Uo,createContainer:()=>Io,isMenuItemLabel:()=>he,reasonIsClickAway:()=>We,reasonIsMenuAction:()=>Fe,renderPortal:()=>Ke,useAnchoredPosition:()=>le,useContextMenu:()=>qe,useDialog:()=>so,useNotifications:()=>jo,useTooltip:()=>Xo});module.exports=to(_o);var ot=require("@salt-ds/lab"),nt=k(require("classnames")),fe=require("react");var _e=require("@vuu-ui/vuu-shell"),z=require("react"),et=require("react-dom");function oo(e){return typeof e=="function"?e():e}var no="vuu-portal-root",W=({children:e,container:o=document.body,id:t=no,onRender:n,open:r=!0,themeAttributes:s})=>{var g;let[i,d]=(0,z.useState)(!1),c=(0,z.useRef)(null),a=(g=oo(o))!=null?g:document.body,[u,l,p]=(0,_e.useThemeAttributes)(s);return(0,z.useLayoutEffect)(()=>{let v=document.getElementById(t);v?c.current=v:(c.current=document.createElement("div"),c.current.id=t);let M=c.current;a.contains(M)||a.appendChild(M),M.classList.add(u,l),M.dataset.mode=p,d(!0)},[t,a,u,l,p]),(0,z.useLayoutEffect)(()=>{requestAnimationFrame(()=>{n==null||n()})},[n]),r&&i&&c.current&&e?(0,et.createPortal)(e,c.current):null};var me=require("@salt-ds/core"),tt=k(require("classnames"));var oe=require("react/jsx-runtime"),ro="vuuDialogHeader",Ie=({hideCloseButton:e=!1,title:o,onClose:t,...n})=>(0,oe.jsxs)("div",{...n,className:(0,tt.default)(ro,"vuuToolbarProxy"),children:[(0,oe.jsx)(me.Text,{className:"dialogHeader",children:o}),!e&&(0,oe.jsx)(me.Button,{onClick:t,"data-align":"end","data-icon":"close",variant:"secondary"},"close")]});var Y=require("react/jsx-runtime"),ke="vuuDialog",Ae=({children:e,className:o,isOpen:t=!1,onClose:n,title:r,hideCloseButton:s=!1,...i})=>{let d=(0,fe.useRef)(null),c=(0,fe.useCallback)(()=>{n==null||n()},[n]);return t?(0,Y.jsx)(W,{children:(0,Y.jsx)(ot.Scrim,{className:`${ke}-scrim`,open:t,autoFocusRef:d,children:(0,Y.jsxs)("div",{...i,className:(0,nt.default)(ke,o),ref:d,children:[(0,Y.jsx)(Ie,{hideCloseButton:s,onClose:c,title:r}),(0,Y.jsx)("div",{className:`${ke}-body`,children:e})]})})}):null};var ge=require("react");var rt=require("react/jsx-runtime"),so=()=>{let[e,o]=(0,ge.useState)(),t=(0,ge.useCallback)(()=>{o(void 0)},[]);return{dialog:e?(0,rt.jsx)(Ae,{className:"vuDialog",isOpen:!0,onClose:t,style:{maxHeight:500},title:e.title,hideCloseButton:e.hideCloseButton,children:e.content}):null,setDialogState:o}};var Z=require("react");var G=k(require("react")),Se=k(require("classnames")),mt=require("@vuu-ui/vuu-layout");var S=require("react");var st=e=>e.closest("[data-root='true']")!==null,it=(e,o)=>{var t;return e.ariaHasPopup==="true"&&((t=e.dataset)==null?void 0:t.idx)===`${o}`||e.querySelector(`:scope > [data-index='${o}'][aria-haspopup='true']`)!==null};function io(e,...o){let t=new Set(e);for(let n of o)for(let r of n)t.add(r);return t}var uo="Enter";var ao="Delete",lo=new Set([uo,ao]),co=new Set(["Tab"]),po=new Set(["ArrowRight","ArrowLeft"]),ut=new Set(["Home","End","ArrowDown","ArrowUp"]),at=new Set(["Home","End","ArrowRight","ArrowLeft"]),mo=new Set(["F1","F2","F3","F4","F5","F6","F7","F8","F9","F10","F11","F12"]),In=io(lo,at,ut,po,mo,co);var lt=({key:e},o="vertical")=>(o==="vertical"?ut:at).has(e);var Me=require("@vuu-ui/vuu-utils"),ct=({autoHighlightFirstItem:e=!1,count:o,defaultHighlightedIdx:t,highlightedIndex:n,onActivate:r,onHighlight:s,onCloseMenu:i,onOpenMenu:d})=>{var E;if((0,Me.isValidNumber)(n)&&(0,Me.isValidNumber)(t))throw Error("useKeyboardNavigation do not pass values for both highlightedIndex and defaultHighlightedIdx");let c=(0,Me.isValidNumber)(n),a=(0,S.useRef)((E=t!=null?t:n)!=null?E:e?0:-1),[,u]=(0,S.useState)(null),l=(0,S.useCallback)(b=>{a.current=b,s==null||s(b),u({})},[s]),p=(0,S.useCallback)(b=>{b!==a.current&&(c||l(b))},[c,l]),g=(0,S.useRef)(!0),v=(0,S.useRef)(!1),M=b=>v.current=b,P=c?n:a.current,C=(0,S.useCallback)(b=>{let h=fo(o,b.key,a.current);h!==a.current&&p(h)},[o,p]),w=(0,S.useCallback)(b=>{if(lt(b))b.preventDefault(),b.stopPropagation(),g.current=!0,C(b);else if((b.key==="ArrowRight"||b.key==="Enter")&&it(b.target,P)){let m=b.target.querySelector(`:scope > [data-index='${P}']`);m&&(d==null||d(m,!0))}else b.key==="ArrowLeft"&&!st(b.target)?i(P):b.key==="Enter"?(b.preventDefault(),b.stopPropagation(),r&&r(P)):b.key==="Tab"&&i(-1)},[P,C,r,i,d]),R=(0,S.useMemo)(()=>({onFocus:()=>{P===-1&&l(0)},onKeyDown:w,onMouseDownCapture:()=>{g.current=!1,M(!0)},onMouseMove:()=>{g.current&&(g.current=!1)},onMouseLeave:()=>{g.current=!0,M(!1),p(-1)}}),[w,P,l,p]);return{focusVisible:g.current?P:-1,controlledHighlighting:c,highlightedIndex:P,setHighlightedIndex:p,listProps:R,setIgnoreFocus:M}};function fo(e,o,t){return o==="ArrowUp"?t>0?t-1:t:t===null?0:t===e-1?t:t+1}var Q=k(require("react"));var Ne=e=>e.type===ne||!!e.props["data-group"],go=e=>{if(Array.isArray(e)&&he(e[0]))return e[0]},Mo=(e,o,t,n=!1)=>{let{props:{children:r}}=e;return{childWithId:Q.default.cloneElement(e,{hasSeparator:n,id:`${o}`,key:o,children:t?go(r):r}),grandChildren:t?r:void 0}},pt=(e,o)=>{let t=(0,Q.useCallback)(()=>{let s=(i,d=o,c={},a={})=>{let u=c[d]=[],l=0,p=!1;return Q.default.Children.forEach(i,g=>{if(!he(g))if(g.type===De)p=!0;else{let v=Ne(g),M=`${d}-${l}`,{props:{action:P,options:C}}=g,{childWithId:w,grandChildren:R}=Mo(g,M,v,p);u.push(w),R?s(R,M,c,a):a[M]={action:P,options:C},l+=1,p=!1}}),[c,a]};return s(e)},[o,e]),[n,r]=(0,Q.useMemo)(()=>t(),[t]);return[n,r]};var q=require("react/jsx-runtime"),dt="vuuMenuList",De=()=>(0,q.jsx)("li",{className:"vuuMenuItem-divider"}),ne=()=>null,re=({children:e,idx:o,options:t,...n})=>(0,q.jsx)("div",{...n,children:e}),ft=({children:e})=>(0,q.jsx)(q.Fragment,{children:e});ft.displayName="MenuItemLabel";re.Label=ft;var ho=e=>G.default.isValidElement(e)&&typeof e.type!="string"&&"displayName"in e.type?e.type.displayName:void 0,he=e=>ho(e)==="MenuItemLabel",bo=e=>e.props["data-icon"],be=({activatedByKeyboard:e,childMenuShowing:o,children:t,className:n,defaultHighlightedIdx:r,highlightedIdx:s,id:i,isRoot:d,listItemProps:c,onHighlightMenuItem:a,onActivate:u,onCloseMenu:l,openMenu:p,...g})=>{let v=(0,mt.useId)(i),M=(0,G.useRef)(null),P=(0,G.useMemo)(()=>new Map,[]),C=f=>{var x;let y=(x=M.current)==null?void 0:x.querySelector(`:scope > [data-index='${f}']`);y!=null&&y.id&&(u==null||u(y.id))},{focusVisible:w,highlightedIndex:R,listProps:E}=ct({count:G.default.Children.count(t),defaultHighlightedIdx:r,highlightedIndex:s,onActivate:C,onHighlight:a,onOpenMenu:p,onCloseMenu:l}),b=o==null?w:-1;(0,G.useLayoutEffect)(()=>{var f;o===void 0&&e&&((f=M.current)==null||f.focus())},[e,o]);let h=()=>R===void 0||R===-1?void 0:P.get(R);function m(){let f={...c,role:"menuitem"},y=(A,T,D)=>T?[(0,q.jsx)("span",{className:"vuuIconContainer","data-icon":D},"icon")].concat(A):A;function x(A,T,D,F){var Ze;let{children:X,className:Ut,"data-icon":Ye,id:pe,hasSeparator:Xt,label:Le,...Jt}=T.props,He=Ne(T),Qe=He&&o===pe,zt=Qe?`${v}-${pe}`:void 0;A.push((0,q.jsx)(re,{...Jt,...f,...yo(pe,D,(Ze=T.key)!=null?Ze:pe,R,b,Ut,Xt),"aria-controls":zt,"aria-haspopup":He||void 0,"aria-expanded":Qe||void 0,children:y(He&&Le!=null?Le:X,F,Ye)}))}let H=[];if(t.length>0){let A=t.some(bo);t.forEach((T,D)=>{x(H,T,D,A)})}return H}return(0,q.jsx)("div",{...g,...E,"aria-activedescendant":h(),className:(0,Se.default)(dt,n,{[`${dt}-childMenuShowing`]:o!==void 0}),"data-root":d||void 0,id:v,ref:M,role:"menu",children:m()})},yo=(e,o,t,n,r,s,i)=>({id:`menuitem-${e}`,key:t!=null?t:o,"data-index":o,"data-highlighted":o===n||void 0,className:(0,Se.default)("vuuMenuItem",s,{"vuuMenuItem-separator":i,focusVisible:r===o})});be.displayName="MenuList";var L=require("react");var Be=e=>e==null?void 0:e.closest("[data-index],[aria-posinset]");var Mt=(e,o,t)=>e.map((n,r)=>r===e.length-1?{...n,[t]:n[t]-o}:n),Co=(e,o)=>Mt(e,o,"left"),Po=(e,o)=>Mt(e,o,"top"),xo=(e,o)=>{let[t,n]=o.slice(-2),r=document.getElementById(`${e}-${n.id}`);if(r===null)throw Error(`useCascade.flipSides element with id ${n.id} not found`);let{width:s}=r.getBoundingClientRect();return o.map(i=>i===n?{...i,left:t.left-(s-2)}:i)},vo=(e,o)=>{let[{left:t,top:n}]=o.slice(-1),{offsetWidth:r,offsetTop:s}=e;return{left:t+r,top:s+n}},ht=(e,o)=>{let t=e.lastIndexOf("-");return e.startsWith("menuitem")?t>-1?e.slice(9,t):o:t>-1?e.slice(0,t):o},Eo=e=>e.slice(9),gt=({ariaExpanded:e,ariaHasPopup:o,id:t},n)=>{if(t.startsWith("menuitem"))return{hostMenuId:ht(t,n),targetMenuId:Eo(t),menuItemId:t,isGroup:o==="true",isOpen:e==="true"};throw Error(`getMenuItemDetails #${t} is not a menuitem`)},bt=({id:e,onActivate:o,onMouseEnterItem:t,position:{x:n,y:r}})=>{let[,s]=(0,L.useState)({}),i=(0,L.useRef)([{id:e,left:n,top:r}]),d=(0,L.useCallback)(h=>i.current.findIndex(m=>m.id===h)!==-1,[]),c=(0,L.useCallback)(h=>{let m=p.current[h];if(m===void 0)throw Error(`getOpenMenuState no entry for menu ${h}`);return m},[]),a=(0,L.useCallback)(h=>{i.current=h,s({})},[]),u=(0,L.useRef)(),l=(0,L.useRef)(),p=(0,L.useRef)({[e]:"no-popup"}),g=(0,L.useCallback)((h=e,m,f=null)=>{if(h===e&&f===null)a([{id:e,left:n,top:r}]);else{p.current[h]="popup-open";let y=document.getElementById(f);if(y!==null){let{left:x,top:H}=vo(y,i.current);a(i.current.concat({id:m,left:x,top:H}))}else throw Error(`openMenu no menuItem ${f}`)}},[e,n,r,a]),v=(0,L.useCallback)(h=>{if(h===e)a([]);else{let m=i.current.slice(),f=m.pop();p.current[f.id]="no-popup";let y=m.at(-1);y&&(p.current[y.id]="no-popup"),a(m)}},[e,a]),M=(0,L.useCallback)(h=>{let m=i.current.slice(),f=h.slice(9),{id:y}=m.at(-1);for(;m.length>1&&!f.startsWith(y);){let x=ht(y,e);m.pop(),p.current[y]="no-popup",p.current[x]="no-popup",{id:y}=m[m.length-1]}m.length<i.current.length&&a(m)},[e,a]),P=(0,L.useCallback)(()=>{u.current&&(clearTimeout(u.current),u.current=void 0)},[]),C=(0,L.useCallback)((h,m,f,y=300)=>{P(),u.current=window.setTimeout(()=>{M(f),p.current[h]="popup-open",p.current[m]="no-popup",g(h,m,f)},y)},[P,M,g]),w=(0,L.useCallback)((h,m,f)=>{p.current[m]="pending-close",l.current=window.setTimeout(()=>{M(f)},400)},[M]),R=(0,L.useCallback)(()=>{let{current:h}=i,m=h.at(-1),f=m?document.getElementById(m.id):void 0;if(f){let{right:y,bottom:x}=f.getBoundingClientRect(),{clientHeight:H,clientWidth:A}=document.body;if(y>A){let T=h.length>1?xo(e,h):Co(h,y-A);a(T)}else if(x>H){let T=Po(h,x-H);a(T)}typeof f.tabIndex=="number"&&f.focus()}},[e,a]),E=(0,L.useCallback)((h,m=!1)=>{let{hostMenuId:f,targetMenuId:y,menuItemId:x,isGroup:H,isOpen:A}=gt(h,e),{current:{[f]:T}}=p,D=m?0:void 0;if(T==="no-popup"&&H)p.current[f]="popup-pending",C(f,y,x,D);else if(T==="popup-pending"&&!H)p.current[f]="no-popup",clearTimeout(u.current),u.current=void 0;else if(T==="popup-pending"&&H)clearTimeout(u.current),C(f,y,x,D);else if(T==="popup-open")if(d(y)){let F=c(y);switch(M(x),F){case"pending-close":clearTimeout(l.current),l.current=void 0,p.current[y]="no-popup",P();break;default:}}else{let[F,X]=i.current.slice(-2);F.id===f&&p.current[X.id]!=="pending-close"?(w(f,X.id,x),H&&!A&&C(f,y,x,D)):F.id===f&&H&&x!==X.id&&p.current[X.id]==="pending-close"||H?C(f,y,x,D):p.current[X.id]!=="pending-close"&&M(x)}T==="pending-close"&&(P(),clearTimeout(l.current),l.current=void 0,p.current[f]="popup-open")},[P,M,c,d,e,w,C]),b=(0,L.useMemo)(()=>({onMouseEnter:h=>{let m=Be(h.target);E(m),t(h,m.id)},onClick:h=>{let m=Be(h.target),{isGroup:f,menuItemId:y}=gt(m,e);f?E(m):o(y)}}),[o,t,e,E]);return{closeMenu:v,handleRender:R,listItemProps:b,openMenu:E,openMenus:i.current}};var yt=require("@vuu-ui/vuu-layout");var se=require("react/jsx-runtime"),Oe=require("react"),wo=()=>{},ye=({PortalProps:e,activatedByKeyboard:o,children:t,className:n,id:r,onClose:s=()=>{},position:i={x:0,y:0},style:d,...c})=>{let a=(0,Z.useRef)(s);a.current=s;let u=(0,yt.useId)(r),l=(0,Z.useRef)(wo),[p,g]=pt(t,u),v=(0,Z.useRef)(o),M=(0,Z.useCallback)(()=>{v.current=!1},[]),P=(0,Z.useCallback)(x=>{let H=x.slice(9),{action:A,options:T}=g[H];l.current(u),s({type:"menu-action",menuId:A,options:T})},[g,u,s]),{closeMenu:C,listItemProps:w,openMenu:R,openMenus:E,handleRender:b}=bt({id:`${u}`,onActivate:P,onMouseEnterItem:M,position:i});l.current=C;let h=()=>{v.current=!0,C()},m=()=>{},f=E.length-1,y=x=>{if(!(x>=f)){let{id:H}=E[x+1];return H}};return(0,se.jsx)(se.Fragment,{children:E.map(({id:x,left:H,top:A},T,D)=>{let F=y(T);return(0,Oe.createElement)(W,{...e,key:T,onRender:b},(0,se.jsx)($e,{anchorElement:{current:document.body},placement:"absolute",position:{left:H,top:A},children:(0,Oe.createElement)(be,{...c,activatedByKeyboard:v.current,childMenuShowing:F,className:n,id:x,isRoot:T===0,key:T,listItemProps:w,onActivate:P,onHighlightMenuItem:m,onCloseMenu:h,openMenu:R,style:d,tabIndex:T===D.length-1?0:void 0},p[x])}))})})};ye.displayName="ContextMenu";var _=require("react"),Ce=require("react/jsx-runtime"),ie=(0,_.createContext)(null),To=({children:e,context:o,menuActionHandler:t,menuBuilder:n})=>{let r=(0,_.useMemo)(()=>o!=null&&o.menuBuilders&&n?o.menuBuilders.concat(n):n?[n]:(o==null?void 0:o.menuBuilders)||[],[o,n]),s=(0,_.useCallback)(i=>{var d;if(t!=null&&t(i)||(d=o==null?void 0:o.menuActionHandler)!=null&&d.call(o,i))return!0},[o,t]);return(0,Ce.jsx)(ie.Provider,{value:{menuActionHandler:s,menuBuilders:r},children:e})},Ro=({children:e,label:o,menuActionHandler:t,menuBuilder:n})=>(0,Ce.jsx)(ie.Consumer,{children:r=>(0,Ce.jsx)(To,{context:r,label:o,menuActionHandler:t,menuBuilder:n,children:e})});var Ht=require("@vuu-ui/vuu-utils"),K=require("react");var xt=k(require("classnames")),ae=k(require("react")),ee=k(require("react-dom"));var Ct=k(require("react-dom")),Pt=k(require("classnames")),Lo=1,Ho=({className:e,dataMode:o,x:t=0,y:n=0,win:r=window})=>{let s=r.document.createElement("div");return s.className=(0,Pt.default)(`vuuPopup ${Lo++}`,e),s.style.cssText=`left:${t}px; top:${n}px;`,o&&(s.dataset.mode=o),r.document.body.appendChild(s),s},Io=e=>Ho(e),Ke=(e,o,t,n,r)=>{o.style.cssText=`left:${t}px; top:${n}px;position: absolute;`,Ct.render(e,o,r)};var j=!1,B=[],Fe=e=>(e==null?void 0:e.type)==="menu-action",We=e=>(e==null?void 0:e.type)==="click-away";function Pe(e){if(e.key==="Esc"){if(B.length)Et();else if(j){let o=document.body.querySelector(".vuuDialog");o&&ee.default.unmountComponentAtNode(o)}}}function vt(e){if(B.length){let o=document.body.querySelectorAll(".vuuPopup,#vuu-portal-root");for(let t=0;t<o.length;t++)if(o[t].contains(e.target))return;Et({mouseEvt:e,type:"click-away"})}}function Et(e){if(B.length===1)I.hidePopup(e,"anon","all");else if(B.length){let o=document.body.querySelectorAll(".vuuPopup");for(let t=0;t<o.length;t++)ee.default.unmountComponentAtNode(o[t]);wt("*")}}function ko(){j===!1&&(j=!0,window.addEventListener("keydown",Pe,!0))}function Ao(){j&&(j=!1,window.removeEventListener("keydown",Pe,!0))}function No(e){B.indexOf(e)===-1&&(B.push(e),j===!1&&(window.addEventListener("keydown",Pe,!0),window.addEventListener("click",vt,!0)))}function wt(e){if(B.length){if(e==="*")B.length=0;else{let o=B.indexOf(e);o!==-1&&B.splice(o,1)}B.length===0&&j===!1&&(window.removeEventListener("keydown",Pe,!0),window.removeEventListener("click",vt,!0))}}var Do=({children:e,position:o,style:t})=>{let n=(0,xt.default)("hwPopup","hwPopupContainer",o);return(0,ae.createElement)("div",{className:n,style:t},e)},So=1,I=class{static showPopup({group:o="all",name:t="anon",left:n=0,position:r="",right:s="auto",top:i=0,width:d="auto",component:c}){if(!c)throw Error("PopupService showPopup, no component supplied");typeof c.props.onClose=="function"?I.onClose=c.props.onClose:I.onClose=void 0,No(t),document.addEventListener("keydown",I.escapeKeyListener,!0);let a=document.body.querySelector(".vuuPopup."+o);a===null&&(a=document.createElement("div"),a.className="vuuPopup "+o,document.body.appendChild(a));let u={width:d};Ke((0,ae.createElement)(Do,{key:So++,position:r,style:u},c),a,n,i,()=>{I.keepWithinThePage(a,s)})}static escapeKeyListener(o){o.key==="Escape"&&I.hidePopup({type:"escape",event:o})}static hidePopup(o,t="anon",n="all"){var r;if(B.indexOf(t)!==-1){wt(t);let s=document.body.querySelector(`.vuuPopup.${n}`);s&&ee.default.unmountComponentAtNode(s)}document.removeEventListener("keydown",I.escapeKeyListener,!0),(r=I==null?void 0:I.onClose)==null||r.call(I,o)}static keepWithinThePage(o,t="auto"){let n=o.querySelector(".vuuPopupContainer > *");if(n){let{top:r,left:s,width:i,height:d,right:c}=n.getBoundingClientRect(),a=window.innerWidth,l=window.innerHeight-(r+d);l<0&&(n.style.top=Math.round(r)+l+"px");let p=a-(s+i);if(p<0&&(n.style.left=Math.round(s)+p+"px"),typeof t=="number"&&t!==c){let g=t-c;n.style.left=s+g+"px"}}}},ue=class{static showDialog(o){let t=".vuuDialog",n=o.props.onClose;ko(),ee.default.render(ae.default.cloneElement(o,{container:t,onClose:()=>{ue.closeDialog(),n&&n()}}),document.body.querySelector(t))}static closeDialog(){Ao();let o=document.body.querySelector(".vuuDialog");o&&ee.default.unmountComponentAtNode(o)}};var Rt=k(require("classnames"));var J=require("react"),Tt=(e,o,t,n,r,s)=>{let{bottom:i,height:d,left:c,right:a,top:u,width:l}=e.getBoundingClientRect();switch(o){case"below":return{left:c+t,top:i+n};case"right":return{left:a+t,top:u+n};case"below-center":return{left:c+l/2+t,top:i+n};case"below-right":return{left:c,minWidth:r,top:i+n};case"below-full-width":return{left:c+t,minWidth:r,top:i+n,width:l};case"center":return s?{left:l/2-s.width/2+t,top:d/2-s.height/2+n,visibility:"visible"}:{left:l/2+t,top:d/2+n,visibility:"hidden"};default:throw Error("Popup getPositionRelativeToAnchor only supported placement values are below and right")}},le=({anchorElement:e,minWidth:o,offsetLeft:t=0,offsetTop:n=0,placement:r,position:s})=>{let i=(0,J.useRef)(null),[d,c]=(0,J.useState)(s);(0,J.useLayoutEffect)(()=>{if(r==="absolute"&&s)c(s);else if(e.current){let u=i.current===null?void 0:i.current.getBoundingClientRect(),l=Tt(e.current,r,t,n,o,u);c(l)}},[e,o,t,n,r,s]);let a=(0,J.useCallback)(u=>{if(i.current=u,u&&r==="center"&&e.current){let{height:l,width:p}=u.getBoundingClientRect();c(Tt(e.current,r,t,n,void 0,{height:l,width:p}))}},[e,t,n,r]);return{position:d,popupRef:r==="center"?a:void 0}};var Lt=require("react/jsx-runtime"),$e=({children:e,className:o,anchorElement:t,minWidth:n,placement:r,position:s})=>{let{popupRef:i,position:d}=le({anchorElement:t,minWidth:n,placement:r,position:s});return d===void 0?null:(0,Lt.jsx)("div",{className:(0,Rt.default)("vuuPortal",o),ref:i,style:d,children:e})};var It=require("@vuu-ui/vuu-shell"),xe=require("react/jsx-runtime"),qe=(e,o)=>{let t=(0,K.useContext)(ie),[n,r,s]=(0,It.useThemeAttributes)(),i=(0,K.useMemo)(()=>({themeClass:n,densityClass:r,dataMode:s}),[s,r,n]),d=(0,K.useCallback)((u,l,p)=>{let g=[];for(let v of u)g=g.concat(v(l,p));return g},[]),c=(0,K.useCallback)((u,l,{ContextMenuProps:p,contextMenu:g,...v})=>{var P,C;if((P=u.stopPropagation)==null||P.call(u),(C=u.preventDefault)==null||C.call(u),g)return Oo({x:u.clientX,y:u.clientY},g);let M=[];if(e&&M.push(e),t&&Array.isArray(t==null?void 0:t.menuBuilders)&&t.menuBuilders.length>0&&M.push(...t.menuBuilders),M.length>0){let w=d(M,l,v),R=E=>(o==null?void 0:o(E))===!0?!0:t==null?void 0:t.menuActionHandler(E);w.length&&R&&$o(u,w,R,{PortalProps:{themeAttributes:i},...p})}else console.warn("useContextMenu, no menuBuilders configured. These should be supplied via the ContextMenuProvider(s)")},[d,t,o,e,i]),a=(0,K.useCallback)(()=>{console.log("hide context menu")},[]);return[c,a]},Bo={},Oo=(e,o)=>{I.showPopup({focus:!0,left:0,top:0,component:(0,K.cloneElement)(o,{position:e})})},$o=(e,o,t,{position:n,...r}=Bo)=>{let s=a=>{let u=(l,p)=>(0,Ht.isGroupMenuItemDescriptor)(l)?(0,xe.jsx)(ne,{label:l.label,children:l.children.map(u)},p):(0,xe.jsx)(re,{action:l.action,className:l.className,"data-icon":l.icon,options:l.options,children:l.label},p);return a.map(u)},i=a=>{var u;Fe(a)&&(t(a),I.hidePopup()),(u=r==null?void 0:r.onClose)==null||u.call(r,a)},d=n!=null?n:{x:e.clientX,y:e.clientY},c=(0,xe.jsx)(ye,{...r,onClose:i,position:d,children:s(o)});I.showPopup({left:0,top:0,component:c,focus:!0})};var V=require("react");var kt=k(require("classnames")),At=require("@salt-ds/core"),Nt=require("@vuu-ui/vuu-layout");var Dt=require("react/jsx-runtime"),Ge="vuuPopupMenu",Ko=e=>{if(e){let{bottom:o,left:t}=e.getBoundingClientRect();return{x:t,y:o+6}}},Fo=({className:e,label:o,icon:t=o?"chevron-down":"more-vert",id:n,menuActionHandler:r,menuBuilder:s,menuLocation:i="header",menuOptions:d,onMenuClose:c,tabIndex:a=0,...u})=>{let l=(0,V.useRef)(null),p=(0,V.useRef)(!1),[g,v]=(0,V.useState)(!1),M=(0,Nt.useId)(n),[P]=qe(s,r),C=(0,V.useCallback)(E=>{console.log("menu Open ",{el:E})},[]),w=(0,V.useCallback)(E=>{v(!1),We(E)?E.mouseEvt.target===l.current&&(p.current=!0):requestAnimationFrame(()=>{var b;c==null||c(E),a!==-1&&((b=l.current)==null||b.focus())})},[c,a]),R=(0,V.useCallback)(E=>{p.current?p.current=!1:(v(!0),P(E,i,{ContextMenuProps:{id:`${M}-menu`,onClose:w,openMenu:C,position:Ko(l.current)},...d}))},[w,C,M,i,d,P]);return(0,Dt.jsx)(At.Button,{...u,"aria-controls":`${M}-menu-root`,"aria-expanded":g,"aria-haspopup":"menu",className:(0,kt.default)(Ge,e,{[`${Ge}-withCaption`]:o!==void 0,[`${Ge}-open`]:g}),"data-icon":t,id:M,onClick:R,ref:l,tabIndex:a,variant:"secondary",children:o})};var St=require("@vuu-ui/vuu-shell"),Ve=require("@salt-ds/core"),Bt=k(require("classnames")),ce=require("react");var U=require("react/jsx-runtime"),te="vuuPrompt",Wo={current:document.body},qo={},Go=({PopupProps:e=qo,cancelButtonLabel:o="Cancel",confirmButtonLabel:t="Confirm",icon:n,onCancel:r,onConfirm:s,style:i,text:d,title:c,variant:a="info",...u})=>{let{anchorElement:l=Wo,offsetLeft:p=0,offsetTop:g=0,placement:v="below"}=e,[M,P,C]=(0,St.useThemeAttributes)(),{position:w}=le({anchorElement:l,offsetLeft:p,offsetTop:g,placement:v}),R=(0,ce.useRef)(null),E=(0,ce.useRef)(null);return(0,ce.useLayoutEffect)(()=>{if(R.current&&(R.current.showModal(),E.current&&E.current.focus(),v.endsWith("center"))){let{width:b}=R.current.getBoundingClientRect();R.current.style.marginLeft=`-${b/2}px`}},[v]),(0,U.jsx)("dialog",{...u,className:(0,Bt.default)(te,`${te}-${a}`,M),"data-mode":C,ref:R,style:{...i,...w},children:(0,U.jsxs)("form",{className:`${te}-form`,children:[(0,U.jsx)("div",{className:`${te}-header`,"data-icon":n,children:c}),(0,U.jsx)("div",{className:`${te}-text`,children:d}),(0,U.jsxs)("div",{className:`${te}-buttonBar`,children:[(0,U.jsx)(Ve.Button,{onClick:r,variant:"secondary",children:o}),(0,U.jsx)(Ve.Button,{onClick:s,ref:E,value:"default",children:t})]})]})})};var ve=require("react"),Vo=(e,o,t,n)=>{let{bottom:r,height:s,left:i,right:d,top:c,width:a}=e.getBoundingClientRect(),u=i+a/2,l=c+s/2;switch(o){case"above":return{left:u+t,top:c+n};case"below":return{left:u+t,top:r+n};case"right":return{left:d+t,top:l+t};case"left":return{left:i+t,top:l+t};default:throw Error("Tooltip getPositionRelativeToAnchor only supported placement values are left, right, below and right")}},Ot=({anchorElement:e,offsetLeft:o=0,offsetTop:t=0,placement:n})=>{let[r,s]=(0,ve.useState)();return(0,ve.useLayoutEffect)(()=>{if(e.current){let i=Vo(e.current,n,o,t);s(i)}},[e,o,t,n]),r};var $t=k(require("classnames"));var Ee=require("react/jsx-runtime"),Ue="vuuTooltip",Uo=({anchorElement:e,children:o,id:t,onMouseEnter:n,onMouseLeave:r,placement:s,status:i})=>{let d=Ot({anchorElement:e,placement:s});return d===void 0?null:(0,Ee.jsx)(W,{children:(0,Ee.jsx)("div",{className:(0,$t.default)(Ue,{[`${Ue}-error`]:i==="error"}),"data-align":s,id:t,style:d,children:(0,Ee.jsx)("span",{className:`${Ue}-content`,onMouseEnter:n,onMouseLeave:r,children:o})})})};var N=require("react"),Kt=require("@vuu-ui/vuu-layout"),Xo=({id:e,placement:o="right",tooltipContent:t})=>{let n=(0,N.useRef)(),r=(0,N.useRef)(null),s=(0,N.useRef)(),i=(0,N.useRef)(),[d,c]=(0,N.useState)(),a=(0,Kt.useId)(e),u=(0,N.useCallback)(C=>{var w;C.key==="Escape"&&((w=n.current)==null||w.call(n))},[]);n.current=(0,N.useCallback)(()=>{c(void 0),document.removeEventListener("keydown",u)},[u]);let l=(0,N.useCallback)(()=>{window.clearTimeout(i.current)},[]),p=(0,N.useCallback)(()=>{var C;(C=n.current)==null||C.call(n)},[]),g=(0,N.useCallback)(()=>{let{current:C}=r;C&&(c({anchorElement:r,children:t,id:`${a}-tooltip`,onMouseEnter:l,onMouseLeave:p,placement:o}),document.addEventListener("keydown",u)),s.current=void 0},[u,l,p,a,o,t]),v=(0,N.useCallback)(C=>{let w=C.target;w&&(r.current=w,s.current=window.setTimeout(g,800))},[g]),M=(0,N.useCallback)(()=>{r.current&&(s.current?(window.clearTimeout(s.current),s.current=void 0):n.current&&(i.current=window.setTimeout(n.current,200)))},[]);return{anchorProps:{"aria-describedby":`${a}-tooltip`,onMouseEnter:v,onMouseLeave:M},tooltipProps:d}};var $=k(require("react")),Xe=k(require("classnames")),Ft=require("@vuu-ui/vuu-utils");var O=require("react/jsx-runtime"),Jo=60,Wt=6e3,Je=1e3,zo=300,qt=56,Te=300,Yo=10,Qo=10,Re=50,we="vuuToastNotifications",Gt=(r=>(r.Info="info",r.Success="success",r.Warning="warning",r.Error="error",r))(Gt||{}),ze=$.default.createContext({notify:()=>"have you forgotten to provide a NotificationProvider?"}),Zo=e=>{let[o,t]=(0,$.useState)([]),n=(0,$.useCallback)(r=>{let s={...r,id:(0,Ft.getUniqueId)()};t(i=>[...i,s]),setTimeout(()=>{t(i=>i.filter(d=>d!==s))},Wt+Je*2)},[]);return(0,O.jsxs)(ze.Provider,{value:{notify:n},children:[(0,O.jsx)("div",{style:{width:Te+Re+Qo},children:o.map((r,s)=>(0,O.jsx)(Vt,{top:Jo+(qt+Yo)*s,notification:r},r.id))}),e.children]})},jo=()=>(0,$.useContext)(ze),Vt=e=>{let{top:o,notification:t,animated:n=!0}=e,[r,s]=(0,$.useState)(-Te-Re);return(0,$.useEffect)(()=>{setTimeout(()=>s(Re)),n&&setTimeout(()=>s(-Te-Re),Wt+Je)},[n]),(0,O.jsx)(W,{children:(0,O.jsxs)("div",{className:(0,Xe.default)(`${we}-toast`,t.type),style:{height:qt,right:r,width:Te,top:o,transition:n?`right ${Je}ms, top ${zo}ms `:"none"},children:[(0,O.jsx)("div",{className:(0,Xe.default)(`${we}-toastIcon`,`${t.type}-icon`)}),(0,O.jsxs)("div",{className:`${we}-toastContent`,children:[(0,O.jsx)("strong",{className:`${we}-toastHeader`,children:t.header}),(0,O.jsx)("div",{children:t.body})]})]})})};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|