@vuu-ui/vuu-shell 0.6.24 → 0.6.25

package/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var be=Object.create;var D=Object.defineProperty;var Ne=Object.getOwnPropertyDescriptor;var Ue=Object.getOwnPropertyNames;var Ee=Object.getPrototypeOf,ke=Object.prototype.hasOwnProperty;var De=(t,e)=>{for(var o in e)D(t,o,{get:e[o],enumerable:!0})},K=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of Ue(e))!ke.call(t,n)&&n!==o&&D(t,n,{get:()=>e[n],enumerable:!(r=Ne(e,n))||r.enumerable});return t};var M=(t,e,o)=>(o=t!=null?be(Ee(t)):{},K(e||!t||!t.__esModule?D(o,"default",{value:t,enumerable:!0}):o,t)),Ie=t=>K(D({},"__esModule",{value:!0}),t);var Qe={};De(Qe,{Feature:()=>A,LoginPanel:()=>Be,Shell:()=>Ke,ShellContextProvider:()=>J,ThemeSwitch:()=>_,getAuthDetailsFromCookies:()=>Fe,logout:()=>$,redirectToLogin:()=>te,useShellContext:()=>$e});module.exports=Ie(Qe);var N=M(require("react")),Z=require("@vuu-ui/vuu-layout");var Q=M(require("react")),L=require("react/jsx-runtime"),I=class extends Q.default.Component{constructor(e){super(e),this.state={errorMessage:null}}static getDerivedStateFromError(e){return{errorMessage:e.message}}componentDidCatch(e,o){console.log(e,o)}render(){return this.state.errorMessage?(0,L.jsxs)(L.Fragment,{children:[(0,L.jsx)("h1",{children:"Something went wrong."}),(0,L.jsx)("p",{children:this.state.errorMessage})]}):this.props.children}};var X=require("react/jsx-runtime"),W=()=>(0,X.jsx)("div",{className:"hwLoader",children:"loading"});var Y=async t=>{let e=new CSSStyleSheet;return fetch(t).then(o=>o.text()).then(o=>e.replace(o))};var b=require("react/jsx-runtime");function Re({url:t,css:e,params:o,...r}){e&&Y(e).then(s=>{document.adoptedStyleSheets=[...document.adoptedStyleSheets,s]});let n=N.default.lazy(()=>import(t));return(0,b.jsx)(I,{children:(0,b.jsx)(N.Suspense,{fallback:(0,b.jsx)(W,{}),children:(0,b.jsx)(n,{...r,...o})})})}var A=N.default.memo(Re);A.displayName="Feature";(0,Z.registerComponent)("Feature",A,"view");var V=require("react"),ee=require("@salt-ds/core"),P=require("@heswell/salt-lab");var v=require("react/jsx-runtime"),j="vuuLoginPanel",Be=({onSubmit:t})=>{let[e,o]=(0,V.useState)(""),[r,n]=(0,V.useState)(""),s=()=>{t(e,r)},a=(l,p)=>{o(p)},c=(l,p)=>{n(p)},i=e.trim()!==""&&r.trim()!=="";return(0,v.jsxs)("div",{className:j,children:[(0,v.jsx)(P.FormField,{label:"Username",style:{width:200},children:(0,v.jsx)(P.Input,{value:e,id:"text-username",onChange:a})}),(0,v.jsx)(P.FormField,{label:"Password",style:{width:200},children:(0,v.jsx)(P.Input,{type:"password",value:r,id:"text-password",onChange:c})}),(0,v.jsx)(ee.Button,{className:`${j}-login`,disabled:!i,onClick:s,variant:"cta",children:"Login"})]})};var O=require("@vuu-ui/vuu-utils"),Fe=()=>{let t=(0,O.getCookieValue)("vuu-username"),e=(0,O.getCookieValue)("vuu-auth-token");return[t,e]},te=(t="/login.html")=>{window.location.href=t},$=t=>{document.cookie="vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",document.cookie="vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",te(t)};var xe=require("@vuu-ui/vuu-data"),m=require("react");var x=require("react"),Ae=(t,e)=>{let[o,r]=(0,x.useState)(e),n=i=>{r(i)},s=(0,x.useCallback)(async(i="latest")=>{fetch(`api/vui/${t.username}/${i}`,{}).then(l=>l.ok?l.json():e).then(n).catch(()=>{n(e)})},[e,t.username]);(0,x.useEffect)(()=>{s()},[s]);let a=(0,x.useCallback)(i=>{fetch(`api/vui/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}).then(l=>l.ok?l.json():e)},[e,t]),c=(0,x.useCallback)(i=>{s(i)},[s]);return[o,a,c]},oe=Ae;var B=require("react"),R=require("react/jsx-runtime"),Ve={},G=(0,B.createContext)(Ve),Oe=({children:t,context:e,inheritedContext:o})=>{let r={...o,...e};return(0,R.jsx)(G.Provider,{value:r,children:t})},J=({children:t,value:e})=>(0,R.jsx)(G.Consumer,{children:o=>(0,R.jsx)(Oe,{context:e,inheritedContext:o,children:t})}),$e=()=>(0,B.useContext)(G);var Ce=M(require("classnames")),u=require("@vuu-ui/vuu-layout");var fe=require("react");var le=require("@salt-ds/core"),me=require("@heswell/salt-lab"),ue=require("@salt-ds/icons");var ne=require("@vuu-ui/vuu-utils"),F=require("@heswell/salt-lab"),se=require("@salt-ds/core"),ae=require("@salt-ds/icons"),f=require("react");var re=async t=>await fetch(`api/vui/${t.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});var C=require("react/jsx-runtime"),Ge=({lastUpdate:t},{lastUpdate:e})=>e===t?0:e<t?-1:1,Je=t=>(0,C.jsx)(F.ListItem,{...t}),ie=(0,f.forwardRef)(function({loginUrl:e,onNavigate:o,user:r,layoutId:n="latest"},s){let[a,c]=(0,f.useState)([]);(0,f.useEffect)(()=>{async function g(){let T=(await re(r)).filter(w=>w.id!=="latest").sort(Ge).map(({id:w,lastUpdate:H})=>({lastUpdate:H,id:w,label:`Saved at ${(0,ne.formatDate)(new Date(H),"kk:mm:ss")}`}));console.log({sortedHistory:T}),c(T)}g()},[r]);let i=(0,f.useCallback)((g,y)=>{y&&o(y.id)},[o]),l=(0,f.useCallback)(()=>{$(e)},[e]),p=a.length===0?null:n==="latest"?a[0]:a.find(g=>g.id===n);return(0,C.jsxs)("div",{className:"vuuUserPanel",ref:s,children:[(0,C.jsx)(F.List,{ListItem:Je,className:"vuuUserPanel-history",onSelect:i,selected:p,source:a}),(0,C.jsx)("div",{className:"vuuUserPanel-buttonBar",children:(0,C.jsxs)(se.Button,{"aria-label":"logout",onClick:l,children:[(0,C.jsx)(ae.ExportIcon,{})," Logout"]})})]})});var S=require("react/jsx-runtime"),ce=({layoutId:t,loginUrl:e,onNavigate:o,user:r})=>(0,S.jsxs)(me.DropdownBase,{className:"vuuUserProfile",placement:"bottom-end",children:[(0,S.jsx)(le.Button,{variant:"secondary",children:(0,S.jsx)(ue.UserSolidIcon,{})}),(0,S.jsx)(ie,{layoutId:t,loginUrl:e,onNavigate:s=>{o(s)},user:r})]});var U=require("@heswell/salt-lab"),de=M(require("classnames")),he=require("@salt-ds/core"),ge=require("react");var E=require("react/jsx-runtime"),_e="vuuThemeSwitch",pe=["light","dark"],_=({className:t,defaultMode:e,mode:o,onChange:r,...n})=>{let[s,a]=(0,he.useControlled)({controlled:o,default:e!=null?e:"light",name:"ThemeSwitch",state:"mode"}),c=pe.indexOf(s),i=(0,ge.useCallback)((p,g)=>{let y=pe[g];a(y),r(y)},[r,a]),l=(0,de.default)(_e,t);return(0,E.jsxs)(U.ToggleButtonGroup,{className:l,...n,onChange:i,selectedIndex:c,children:[(0,E.jsx)(U.ToggleButton,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),(0,E.jsx)(U.ToggleButton,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};var ye=M(require("classnames"));var k=require("react/jsx-runtime"),ze="vuuAppHeader",ve=({className:t,layoutId:e,loginUrl:o,onNavigate:r,onSwitchTheme:n,themeMode:s="light",user:a,...c})=>{let i=(0,ye.default)(ze,t,"salt-density-medium"),l=(0,fe.useCallback)(p=>n==null?void 0:n(p),[n]);return(0,k.jsxs)("header",{className:i,...c,children:[(0,k.jsx)(_,{defaultMode:s,onChange:l}),(0,k.jsx)(ce,{layoutId:e,loginUrl:o,onNavigate:r,user:a})]})};var h=require("react/jsx-runtime"),qe={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},Ke=({children:t,className:e,defaultLayout:o=qe,leftSidePanel:r,loginUrl:n,serverUrl:s,user:a,...c})=>{let i=(0,m.useRef)(null),[l]=(0,m.useState)("high"),p=(0,m.useRef)(null),[g,y]=(0,m.useState)(!1),T=(0,m.useRef)("latest"),[w,H,z]=oe(a,o),Le=(0,m.useCallback)(d=>{H(d)},[H]),Pe=(0,m.useCallback)(d=>{i.current&&(i.current.dataset.mode=d)},[]),Se=d=>{var q;let Me=d.target;(q=p.current)!=null&&q.contains(Me)||y(!g)},Te=(0,m.useCallback)(d=>{T.current=d,z(d)},[z]);(0,m.useEffect)(()=>{s&&a.token&&(0,xe.connectToServer)(s,a.token)},[s,a.token]);let we=()=>{let d=[];return r&&d.push((0,h.jsx)(u.Drawer,{onClick:Se,open:g,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:(0,h.jsx)(u.View,{className:"vuuShell-palette",id:"vw-app-palette",ref:p,style:{height:"100%"},children:r},"app-palette")},"left-panel")),d},He=(0,Ce.default)("vuuShell",e,"salt-theme",`salt-density-${l}`);return(0,h.jsxs)(J,{value:void 0,children:[(0,h.jsx)(u.LayoutProvider,{layout:w,onLayoutChange:Le,children:(0,h.jsx)(u.DraggableLayout,{className:He,"data-mode":"light",ref:i,...c,children:(0,h.jsxs)(u.Flexbox,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[(0,h.jsx)(ve,{layoutId:T.current,loginUrl:n,user:a,onNavigate:Te,onSwitchTheme:Pe}),(0,h.jsx)(u.Chest,{style:{flex:1},children:we().concat((0,h.jsx)(u.DraggableLayout,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),t]})};
+"use strict";var Ve=Object.create;var R=Object.defineProperty;var Oe=Object.getOwnPropertyDescriptor;var $e=Object.getOwnPropertyNames;var Ge=Object.getPrototypeOf,_e=Object.prototype.hasOwnProperty;var Je=(t,e)=>{for(var o in e)R(t,o,{get:e[o],enumerable:!0})},X=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of $e(e))!_e.call(t,n)&&n!==o&&R(t,n,{get:()=>e[n],enumerable:!(r=Oe(e,n))||r.enumerable});return t};var x=(t,e,o)=>(o=t!=null?Ve(Ge(t)):{},X(e||!t||!t.__esModule?R(o,"default",{value:t,enumerable:!0}):o,t)),ze=t=>X(R({},"__esModule",{value:!0}),t);var lt={};Je(lt,{ConnectionStatusIcon:()=>qe,Feature:()=>O,LoginPanel:()=>Ke,Shell:()=>it,ShellContextProvider:()=>z,ThemeSwitch:()=>q,getAuthDetailsFromCookies:()=>Qe,logout:()=>_,redirectToLogin:()=>ae,useShellContext:()=>je});module.exports=ze(lt);var D=x(require("react")),Z=x(require("classnames"));var P=require("react/jsx-runtime"),qe=({connectionStatus:t,className:e,element:o="span",...r})=>{let[n,a]=(0,D.useState)("vuuConnectingStatus");(0,D.useEffect)(()=>{switch(t){case"connected":case"reconnected":a("vuuActiveStatus");break;case"connecting":a("vuuConnectingStatus");break;case"disconnected":a("vuuDisconnectedStatus");break;default:break}},[t]);let s=D.default.createElement(o,{...r,className:(0,Z.default)("vuuStatus vuuIcon",n,e)});return(0,P.jsx)(P.Fragment,{children:(0,P.jsxs)("div",{className:"vuuStatus-container salt-theme",children:[s,(0,P.jsxs)("div",{className:"vuuStatus-text",children:["Status: ",t.toUpperCase()]})]})})};var k=x(require("react")),re=require("@vuu-ui/vuu-layout");var j=x(require("react")),T=require("react/jsx-runtime"),B=class extends j.default.Component{constructor(e){super(e),this.state={errorMessage:null}}static getDerivedStateFromError(e){return{errorMessage:e.message}}componentDidCatch(e,o){console.log(e,o)}render(){return this.state.errorMessage?(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("h1",{children:"Something went wrong."}),(0,T.jsx)("p",{children:this.state.errorMessage})]}):this.props.children}};var te=require("react/jsx-runtime"),ee=()=>(0,te.jsx)("div",{className:"hwLoader",children:"loading"});var oe=async t=>{let e=new CSSStyleSheet;return fetch(t).then(o=>o.text()).then(o=>e.replace(o))};var N=require("react/jsx-runtime");function Ye({url:t,css:e,params:o,...r}){e&&oe(e).then(a=>{document.adoptedStyleSheets=[...document.adoptedStyleSheets,a]});let n=k.default.lazy(()=>import(t));return(0,N.jsx)(B,{children:(0,N.jsx)(k.Suspense,{fallback:(0,N.jsx)(ee,{}),children:(0,N.jsx)(n,{...r,...o})})})}var O=k.default.memo(Ye);O.displayName="Feature";(0,re.registerComponent)("Feature",O,"view");var $=require("react"),se=require("@salt-ds/core"),H=require("@heswell/salt-lab");var S=require("react/jsx-runtime"),ne="vuuLoginPanel",Ke=({onSubmit:t})=>{let[e,o]=(0,$.useState)(""),[r,n]=(0,$.useState)(""),a=()=>{t(e,r)},s=(l,p)=>{o(p)},d=(l,p)=>{n(p)},i=e.trim()!==""&&r.trim()!=="";return(0,S.jsxs)("div",{className:ne,children:[(0,S.jsx)(H.FormField,{label:"Username",style:{width:200},children:(0,S.jsx)(H.Input,{value:e,id:"text-username",onChange:s})}),(0,S.jsx)(H.FormField,{label:"Password",style:{width:200},children:(0,S.jsx)(H.Input,{type:"password",value:r,id:"text-password",onChange:d})}),(0,S.jsx)(se.Button,{className:`${ne}-login`,disabled:!i,onClick:a,variant:"cta",children:"Login"})]})};var G=require("@vuu-ui/vuu-utils"),Qe=()=>{let t=(0,G.getCookieValue)("vuu-username"),e=(0,G.getCookieValue)("vuu-auth-token");return[t,e]},ae=(t="/login.html")=>{window.location.href=t},_=t=>{document.cookie="vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",document.cookie="vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",ae(t)};var Me=require("@vuu-ui/vuu-data"),m=require("react");var C=require("react"),We=(t,e)=>{let[o,r]=(0,C.useState)(e),n=i=>{r(i)},a=(0,C.useCallback)(async(i="latest")=>{fetch(`api/vui/${t.username}/${i}`,{}).then(l=>l.ok?l.json():e).then(n).catch(()=>{n(e)})},[e,t.username]);(0,C.useEffect)(()=>{a()},[a]);let s=(0,C.useCallback)(i=>{fetch(`api/vui/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}).then(l=>l.ok?l.json():e)},[e,t]),d=(0,C.useCallback)(i=>{a(i)},[a]);return[o,s,d]},ie=We;var F=require("react"),A=require("react/jsx-runtime"),Xe={},J=(0,F.createContext)(Xe),Ze=({children:t,context:e,inheritedContext:o})=>{let r={...o,...e};return(0,A.jsx)(J.Provider,{value:r,children:t})},z=({children:t,value:e})=>(0,A.jsx)(J.Consumer,{children:o=>(0,A.jsx)(Ze,{context:e,inheritedContext:o,children:t})}),je=()=>(0,F.useContext)(J);var Ne=x(require("classnames")),u=require("@vuu-ui/vuu-layout");var Y=require("react");var pe=require("@salt-ds/core"),he=require("@heswell/salt-lab"),ge=require("@salt-ds/icons");var me=require("@vuu-ui/vuu-utils"),V=require("@heswell/salt-lab"),ce=require("@salt-ds/core"),ue=require("@salt-ds/icons"),y=require("react");var le=async t=>await fetch(`api/vui/${t.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});var L=require("react/jsx-runtime"),et=({lastUpdate:t},{lastUpdate:e})=>e===t?0:e<t?-1:1,tt=t=>(0,L.jsx)(V.ListItem,{...t}),de=(0,y.forwardRef)(function({loginUrl:e,onNavigate:o,user:r,layoutId:n="latest"},a){let[s,d]=(0,y.useState)([]);(0,y.useEffect)(()=>{async function h(){let v=(await le(r)).filter(w=>w.id!=="latest").sort(et).map(({id:w,lastUpdate:I})=>({lastUpdate:I,id:w,label:`Saved at ${(0,me.formatDate)(new Date(I),"kk:mm:ss")}`}));console.log({sortedHistory:v}),d(v)}h()},[r]);let i=(0,y.useCallback)((h,g)=>{g&&o(g.id)},[o]),l=(0,y.useCallback)(()=>{_(e)},[e]),p=s.length===0?null:n==="latest"?s[0]:s.find(h=>h.id===n);return(0,L.jsxs)("div",{className:"vuuUserPanel",ref:a,children:[(0,L.jsx)(V.List,{ListItem:tt,className:"vuuUserPanel-history",onSelect:i,selected:p,source:s}),(0,L.jsx)("div",{className:"vuuUserPanel-buttonBar",children:(0,L.jsxs)(ce.Button,{"aria-label":"logout",onClick:l,children:[(0,L.jsx)(ue.ExportIcon,{})," Logout"]})})]})});var b=require("react/jsx-runtime"),fe=({layoutId:t,loginUrl:e,onNavigate:o,user:r})=>(0,b.jsxs)(he.DropdownBase,{className:"vuuUserProfile",placement:"bottom-end",children:[(0,b.jsx)(pe.Button,{variant:"secondary",children:(0,b.jsx)(ge.UserSolidIcon,{})}),(0,b.jsx)(de,{layoutId:t,loginUrl:e,onNavigate:a=>{o(a)},user:r})]});var E=require("@heswell/salt-lab"),ve=x(require("classnames")),xe=require("@salt-ds/core"),Se=require("react");var U=require("react/jsx-runtime"),ot="vuuThemeSwitch",ye=["light","dark"],q=({className:t,defaultMode:e,mode:o,onChange:r,...n})=>{let[a,s]=(0,xe.useControlled)({controlled:o,default:e!=null?e:"light",name:"ThemeSwitch",state:"mode"}),d=ye.indexOf(a),i=(0,Se.useCallback)((p,h)=>{let g=ye[h];s(g),r(g)},[r,s]),l=(0,ve.default)(ot,t);return(0,U.jsxs)(E.ToggleButtonGroup,{className:l,...n,onChange:i,selectedIndex:d,children:[(0,U.jsx)(E.ToggleButton,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),(0,U.jsx)(E.ToggleButton,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};var He=x(require("classnames"));var Ce=require("@heswell/salt-lab"),Le=require("@salt-ds/core"),Pe=require("react"),Te=x(require("classnames")),De=require("react/jsx-runtime"),rt="vuuDensitySwitch",nt=["high","medium","low","touch"],we=({className:t,defaultDensity:e=Le.DEFAULT_DENSITY,onDensityChange:o})=>{let r=(0,Pe.useCallback)((a,s)=>{o(s)},[o]),n=(0,Te.default)(rt,t);return(0,De.jsx)(Ce.Dropdown,{className:n,source:nt,defaultSelected:e,onSelectionChange:r})};var M=require("react/jsx-runtime"),st="vuuAppHeader",be=({className:t,layoutId:e,loginUrl:o,onNavigate:r,onSwitchTheme:n,themeMode:a="light",onDensitySwitch:s,density:d="medium",user:i,...l})=>{let p=(0,He.default)(st,t,`salt-density-${d}`),h=(0,Y.useCallback)(v=>n==null?void 0:n(v),[n]),g=(0,Y.useCallback)(v=>s==null?void 0:s(v),[s]);return(0,M.jsxs)("header",{className:p,...l,children:[(0,M.jsx)(q,{defaultMode:a,onChange:h}),(0,M.jsx)(we,{defaultDensity:d,onDensityChange:g}),(0,M.jsx)(fe,{layoutId:e,loginUrl:o,onNavigate:r,user:i})]})};var f=require("react/jsx-runtime"),at={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},it=({children:t,className:e,defaultLayout:o=at,leftSidePanel:r,loginUrl:n,serverUrl:a,user:s,...d})=>{let i=(0,m.useRef)(null),[l,p]=(0,m.useState)("medium"),h=(0,m.useRef)(null),[g,v]=(0,m.useState)(!1),w=(0,m.useRef)("latest"),[I,K,Q]=ie(s,o),ke=(0,m.useCallback)(c=>{K(c)},[K]),Ee=(0,m.useCallback)(c=>{i.current&&(i.current.dataset.mode=c)},[]),Ue=(0,m.useCallback)(c=>{p(c)},[p]),Ie=c=>{var W;let Fe=c.target;(W=h.current)!=null&&W.contains(Fe)||v(!g)},Re=(0,m.useCallback)(c=>{w.current=c,Q(c)},[Q]);(0,m.useEffect)(()=>{a&&s.token&&(0,Me.connectToServer)(a,s.token)},[a,s.token]);let Be=()=>{let c=[];return r&&c.push((0,f.jsx)(u.Drawer,{onClick:Ie,open:g,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:(0,f.jsx)(u.View,{className:"vuuShell-palette",id:"vw-app-palette",ref:h,style:{height:"100%"},children:r},"app-palette")},"left-panel")),c},Ae=(0,Ne.default)("vuuShell",e,"salt-theme",`salt-density-${l}`);return(0,f.jsxs)(z,{value:void 0,children:[(0,f.jsx)(u.LayoutProvider,{layout:I,onLayoutChange:ke,children:(0,f.jsx)(u.DraggableLayout,{className:Ae,"data-mode":"light",ref:i,...d,children:(0,f.jsxs)(u.Flexbox,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[(0,f.jsx)(be,{layoutId:w.current,loginUrl:n,user:s,onNavigate:Re,onSwitchTheme:Ee,onDensitySwitch:Ue}),(0,f.jsx)(u.Chest,{style:{flex:1},children:Be().concat((0,f.jsx)(u.DraggableLayout,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),t]})};
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../packages/vuu-shell/src/index.ts", "../../../packages/vuu-shell/src/feature/Feature.tsx", "../../../packages/vuu-shell/src/feature/ErrorBoundary.jsx", "../../../packages/vuu-shell/src/feature/Loader.tsx", "../../../packages/vuu-shell/src/feature/css-module-loader.ts", "../../../packages/vuu-shell/src/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/use-layout-config.js", "../../../packages/vuu-shell/src/ShellContextProvider.tsx", "../../../packages/vuu-shell/src/app-header/AppHeader.tsx", "../../../packages/vuu-shell/src/user-profile/UserProfile.tsx", "../../../packages/vuu-shell/src/user-profile/UserPanel.tsx", "../../../packages/vuu-shell/src/get-layout-history.ts", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.tsx"],
-  "sourcesContent": ["export * from \"./feature\";\nexport * from \"./login\";\nexport * from \"./shell\";\nexport * from \"./shellTypes\";\nexport * from \"./ShellContextProvider\";\nexport * from \"./theme-switch\";\n", "import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "import { getCookieValue } from \"@vuu-ui/vuu-utils\";\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\nimport { ThemeMode } from \"./theme-switch\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [density] = useState<\"high\" | \"medium\" | \"low\" | \"touch\">(\"high\");\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\n    }\n  }, []);\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\n      drawers.push(\n        <Drawer\n          key=\"left-panel\"\n          onClick={handleDrawerClick}\n          open={open}\n          position=\"left\"\n          inline\n          peekaboo\n          sizeOpen={200}\n          toggleButton=\"end\"\n        >\n          <View\n            className=\"vuuShell-palette\"\n            id=\"vw-app-palette\"\n            key=\"app-palette\"\n            ref={paletteView}\n            style={{ height: \"100%\" }}\n          >\n            {leftSidePanel}\n          </View>\n        </Drawer>\n      );\n    }\n\n    return drawers;\n  };\n\n  const className = cx(\n    \"vuuShell\",\n    classNameProp,\n    \"salt-theme\",\n    `salt-density-${density}`\n  );\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode=\"light\"\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n              onSwitchTheme={handleSwitchTheme}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { MenuRpcResponse } from \"@vuu-ui/vuu-data\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-datagrid-types\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: (\n    tableName: string,\n    columnName: string\n  ) => Partial<ColumnDescriptor>;\n  handleRpcResponse?: (response?: MenuRpcResponse) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeMode, ThemeSwitch } from \"../theme-switch\";\nimport cx from \"classnames\";\n\nimport \"./AppHeader.css\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  onSwitchTheme?: (mode: ThemeMode) => void;\n  themeMode?: ThemeMode;\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  layoutId,\n  loginUrl,\n  onNavigate,\n  onSwitchTheme,\n  themeMode = \"light\",\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const className = cx(classBase, classNameProp, \"salt-density-medium\");\n  const handleSwitchTheme = useCallback(\n    (mode: ThemeMode) => onSwitchTheme?.(mode),\n    [onSwitchTheme]\n  );\n  return (\n    <header className={className} {...htmlAttributes}>\n      <ThemeSwitch defaultMode={themeMode} onChange={handleSwitchTheme} />\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\nimport { VuuUser } from \"../shell\";\n\nexport interface UserProfileProps {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const UserProfile = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n}: UserProfileProps) => {\n  const handleNavigate = (id: string) => {\n    onNavigate(id);\n  };\n\n  return (\n    <DropdownBase className=\"vuuUserProfile\" placement=\"bottom-end\">\n      <Button variant=\"secondary\">\n        <UserSolidIcon />\n      </Button>\n      <UserPanel\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={handleNavigate}\n        user={user}\n      />\n    </DropdownBase>\n  );\n};\n", "import { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { List, ListItem, ListItemProps } from \"@heswell/salt-lab\";\nimport { Button } from \"@salt-ds/core\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { getLayoutHistory, LayoutHistoryItem } from \"../get-layout-history\";\nimport { logout } from \"../login\";\nimport { VuuUser } from \"../shell\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = (\n  { lastUpdate: l1 }: LayoutHistoryItem,\n  { lastUpdate: l2 }: LayoutHistoryItem\n) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\ntype HistoryEntry = {\n  id: string;\n  label: string;\n  lastUpdate: number;\n};\n\nconst HistoryListItem = (props: ListItemProps<HistoryEntry>) => {\n  return <ListItem {...props} />;\n};\n\nexport interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n  layoutId: string;\n}\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" }: UserPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [history, setHistory] = useState<HistoryEntry[]>([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map<HistoryEntry>(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? null\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List<HistoryEntry>\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "import { VuuUser } from \"./shell\";\n\nexport interface LayoutHistoryItem {\n  user: string;\n  id: string;\n  uniqueId: string;\n  lastUpdate: number;\n}\n\nexport const getLayoutHistory = async (\n  user: VuuUser\n): Promise<LayoutHistoryItem[]> => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(\"error getting history\");\n    });\n\n  return history;\n};\n", "import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupChangeEventHandler,\n} from \"@heswell/salt-lab\";\nimport cx from \"classnames\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\n\nimport \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nconst modes: ThemeMode[] = [\"light\", \"dark\"];\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const selectedIndex = modes.indexOf(mode);\n\n  const handleChangeSecondary: ToggleButtonGroupChangeEventHandler =\n    useCallback(\n      (_evt, index) => {\n        const mode = modes[index];\n        setMode(mode);\n        onChange(mode);\n      },\n      [onChange, setMode]\n    );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      selectedIndex={selectedIndex}\n    >\n      <ToggleButton\n        aria-label=\"alert\"\n        tooltipText=\"Light Theme\"\n        data-icon=\"light\"\n      />\n      <ToggleButton\n        aria-label=\"home\"\n        tooltipText=\"Dark Theme\"\n        data-icon=\"dark\"\n      />\n    </ToggleButtonGroup>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["src_exports", "__export", "Feature", "LoginPanel", "Shell", "ShellContextProvider", "ThemeSwitch", "getAuthDetailsFromCookies", "logout", "redirectToLogin", "useShellContext", "__toCommonJS", "import_react", "import_vuu_layout", "import_react", "import_jsx_runtime", "ErrorBoundary", "React", "props", "error", "errorInfo", "import_jsx_runtime", "Loader", "importCSS", "path", "container", "x", "import_jsx_runtime", "RawFeature", "url", "css", "params", "props", "importCSS", "styleSheet", "LazyFeature", "React", "ErrorBoundary", "Loader", "Feature", "import_react", "import_core", "import_salt_lab", "import_jsx_runtime", "classBase", "LoginPanel", "onSubmit", "username", "setUserName", "password", "setPassword", "login", "handleUsername", "_event", "value", "handlePassword", "dataIsValid", "import_vuu_utils", "getAuthDetailsFromCookies", "username", "token", "redirectToLogin", "loginUrl", "logout", "import_vuu_data", "import_react", "import_react", "useLayoutConfig", "user", "defaultLayout", "layout", "_setLayout", "setLayout", "load", "id", "response", "saveData", "data", "loadLayoutById", "use_layout_config_default", "import_react", "import_jsx_runtime", "defaultConfig", "ShellContext", "Provider", "children", "context", "inheritedContext", "mergedContext", "ShellContextProvider", "value", "useShellContext", "import_classnames", "import_vuu_layout", "import_react", "import_core", "import_salt_lab", "import_icons", "import_vuu_utils", "import_salt_lab", "import_core", "import_icons", "import_react", "getLayoutHistory", "user", "response", "import_jsx_runtime", "byLastUpdate", "l1", "l2", "HistoryListItem", "props", "UserPanel", "loginUrl", "onNavigate", "user", "layoutId", "forwardedRef", "history", "setHistory", "getHistory", "sortedHistory", "getLayoutHistory", "item", "id", "lastUpdate", "handleHisorySelected", "evt", "selected", "handleLogout", "logout", "i", "import_jsx_runtime", "UserProfile", "layoutId", "loginUrl", "onNavigate", "user", "UserPanel", "id", "import_salt_lab", "import_classnames", "import_core", "import_react", "import_jsx_runtime", "classBase", "modes", "ThemeSwitch", "classNameProp", "defaultModeProp", "modeProp", "onChange", "htmlAttributes", "mode", "setMode", "selectedIndex", "handleChangeSecondary", "_evt", "index", "className", "cx", "import_classnames", "import_jsx_runtime", "classBase", "AppHeader", "classNameProp", "layoutId", "loginUrl", "onNavigate", "onSwitchTheme", "themeMode", "user", "htmlAttributes", "className", "cx", "handleSwitchTheme", "mode", "ThemeSwitch", "UserProfile", "import_jsx_runtime", "warningLayout", "Shell", "children", "classNameProp", "defaultLayout", "leftSidePanel", "loginUrl", "serverUrl", "user", "htmlAttributes", "rootRef", "density", "paletteView", "open", "setOpen", "layoutId", "layout", "setLayoutConfig", "loadLayoutById", "use_layout_config_default", "handleLayoutChange", "handleSwitchTheme", "mode", "handleDrawerClick", "e", "_a", "target", "handleNavigate", "id", "getDrawers", "drawers", "className", "cx", "ShellContextProvider", "AppHeader"]
+  "sources": ["../../../packages/vuu-shell/src/index.ts", "../../../packages/vuu-shell/src/connection-status/ConnectionStatusIcon.tsx", "../../../packages/vuu-shell/src/feature/Feature.tsx", "../../../packages/vuu-shell/src/feature/ErrorBoundary.jsx", "../../../packages/vuu-shell/src/feature/Loader.tsx", "../../../packages/vuu-shell/src/feature/css-module-loader.ts", "../../../packages/vuu-shell/src/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/use-layout-config.js", "../../../packages/vuu-shell/src/ShellContextProvider.tsx", "../../../packages/vuu-shell/src/app-header/AppHeader.tsx", "../../../packages/vuu-shell/src/user-profile/UserProfile.tsx", "../../../packages/vuu-shell/src/user-profile/UserPanel.tsx", "../../../packages/vuu-shell/src/get-layout-history.ts", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.tsx", "../../../packages/vuu-shell/src/density-switch/DensitySwitch.tsx"],
+  "sourcesContent": ["export * from \"./connection-status\";\nexport * from \"./feature\";\nexport * from \"./login\";\nexport * from \"./shell\";\nexport * from \"./shellTypes\";\nexport * from \"./ShellContextProvider\";\nexport * from \"./theme-switch\";\n", "import React, { useEffect, useState } from 'react';\nimport cx from 'classnames';\nimport './ConnectionStatusIcon.css';\n\ntype connectionStatus = 'connected' | 'reconnected' | 'connecting' | 'disconnected';\n\ninterface ConnectionStatusProps {\n\tconnectionStatus: connectionStatus\n\tclassName?: string;\n\tprops?: unknown;\n\telement?: string;\n}\n\nexport const ConnectionStatusIcon = ({ connectionStatus, className, element = 'span', ...props}: ConnectionStatusProps) => {\n\tconst [classBase, setClassBase] = useState<string>('vuuConnectingStatus');\n\tuseEffect(() => {\n\t\tswitch(connectionStatus) {\n\t\t\tcase 'connected':\n\t\t\tcase 'reconnected':\n\t\t\t\tsetClassBase('vuuActiveStatus');\n\t\t\t\tbreak;\n\t\t\tcase 'connecting':\n\t\t\t\tsetClassBase('vuuConnectingStatus');\n\t\t\t\tbreak;\n\t\t\tcase 'disconnected':\n\t\t\t\tsetClassBase('vuuDisconnectedStatus');\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t}, [connectionStatus]);\n\n\tconst statusIcon = React.createElement (\n\t\telement,\n\t\t{\n\t\t\t...props,\n\t\t\tclassName: cx('vuuStatus vuuIcon', classBase, className)\n\t\t},\n\t)\n\n\treturn (\n\t\t<>\n\t\t\t<div className='vuuStatus-container salt-theme'>\n\t\t\t\t{statusIcon}\n\t\t\t\t<div\tclassName='vuuStatus-text'>Status: {connectionStatus.toUpperCase()}</div>\n\t\t\t</div>\n\t\t</>\n\t)\n}", "import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "import { getCookieValue } from \"@vuu-ui/vuu-utils\";\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\nimport { ThemeMode } from \"./theme-switch\";\nimport { Density } from \"@salt-ds/core\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [density, setDensity] = useState<Density>(\"medium\");\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\n    }\n  }, []);\n\n  const handleDensitySwitch = useCallback(\n    (density: Density) => {\n      setDensity(density);\n    },\n    [setDensity]\n  );\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\n      drawers.push(\n        <Drawer\n          key=\"left-panel\"\n          onClick={handleDrawerClick}\n          open={open}\n          position=\"left\"\n          inline\n          peekaboo\n          sizeOpen={200}\n          toggleButton=\"end\"\n        >\n          <View\n            className=\"vuuShell-palette\"\n            id=\"vw-app-palette\"\n            key=\"app-palette\"\n            ref={paletteView}\n            style={{ height: \"100%\" }}\n          >\n            {leftSidePanel}\n          </View>\n        </Drawer>\n      );\n    }\n\n    return drawers;\n  };\n\n  const className = cx(\n    \"vuuShell\",\n    classNameProp,\n    \"salt-theme\",\n    `salt-density-${density}`\n  );\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode=\"light\"\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n              onSwitchTheme={handleSwitchTheme}\n              onDensitySwitch={handleDensitySwitch}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { MenuRpcResponse } from \"@vuu-ui/vuu-data\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-datagrid-types\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: (\n    tableName: string,\n    columnName: string\n  ) => Partial<ColumnDescriptor>;\n  handleRpcResponse?: (response?: MenuRpcResponse) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeMode, ThemeSwitch } from \"../theme-switch\";\nimport cx from \"classnames\";\n\nimport \"./AppHeader.css\";\nimport { Density } from \"@salt-ds/core\";\nimport { DensitySwitch } from \"../density-switch\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  onSwitchTheme?: (mode: ThemeMode) => void;\n  themeMode?: ThemeMode;\n  onDensitySwitch?: (density: Density) => void;\n  density?: Density\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  layoutId,\n  loginUrl,\n  onNavigate,\n  onSwitchTheme,\n  themeMode = \"light\",\n  onDensitySwitch,\n  density=\"medium\",\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const className = cx(classBase, classNameProp, `salt-density-${density}`);\n  const handleSwitchTheme = useCallback(\n    (mode: ThemeMode) => onSwitchTheme?.(mode),\n    [onSwitchTheme]\n  );\n  const handleDensitySwitch = useCallback(\n    (density: Density) => onDensitySwitch?.(density),\n    [onDensitySwitch]\n  );\n  return (\n    <header className={className} {...htmlAttributes}>\n      <ThemeSwitch defaultMode={themeMode} onChange={handleSwitchTheme} />\n      <DensitySwitch defaultDensity={density} onDensityChange={handleDensitySwitch} />\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\nimport { VuuUser } from \"../shell\";\n\nexport interface UserProfileProps {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const UserProfile = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n}: UserProfileProps) => {\n  const handleNavigate = (id: string) => {\n    onNavigate(id);\n  };\n\n  return (\n    <DropdownBase className=\"vuuUserProfile\" placement=\"bottom-end\">\n      <Button variant=\"secondary\">\n        <UserSolidIcon />\n      </Button>\n      <UserPanel\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={handleNavigate}\n        user={user}\n      />\n    </DropdownBase>\n  );\n};\n", "import { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { List, ListItem, ListItemProps } from \"@heswell/salt-lab\";\nimport { Button } from \"@salt-ds/core\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { getLayoutHistory, LayoutHistoryItem } from \"../get-layout-history\";\nimport { logout } from \"../login\";\nimport { VuuUser } from \"../shell\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = (\n  { lastUpdate: l1 }: LayoutHistoryItem,\n  { lastUpdate: l2 }: LayoutHistoryItem\n) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\ntype HistoryEntry = {\n  id: string;\n  label: string;\n  lastUpdate: number;\n};\n\nconst HistoryListItem = (props: ListItemProps<HistoryEntry>) => {\n  return <ListItem {...props} />;\n};\n\nexport interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n  layoutId: string;\n}\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" }: UserPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [history, setHistory] = useState<HistoryEntry[]>([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map<HistoryEntry>(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? null\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List<HistoryEntry>\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "import { VuuUser } from \"./shell\";\n\nexport interface LayoutHistoryItem {\n  user: string;\n  id: string;\n  uniqueId: string;\n  lastUpdate: number;\n}\n\nexport const getLayoutHistory = async (\n  user: VuuUser\n): Promise<LayoutHistoryItem[]> => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(\"error getting history\");\n    });\n\n  return history;\n};\n", "import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupChangeEventHandler,\n} from \"@heswell/salt-lab\";\nimport cx from \"classnames\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\n\nimport \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nconst modes: ThemeMode[] = [\"light\", \"dark\"];\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const selectedIndex = modes.indexOf(mode);\n\n  const handleChangeSecondary: ToggleButtonGroupChangeEventHandler =\n    useCallback(\n      (_evt, index) => {\n        const mode = modes[index];\n        setMode(mode);\n        onChange(mode);\n      },\n      [onChange, setMode]\n    );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      selectedIndex={selectedIndex}\n    >\n      <ToggleButton\n        aria-label=\"alert\"\n        tooltipText=\"Light Theme\"\n        data-icon=\"light\"\n      />\n      <ToggleButton\n        aria-label=\"home\"\n        tooltipText=\"Dark Theme\"\n        data-icon=\"dark\"\n      />\n    </ToggleButtonGroup>\n  );\n};\n", "import { Dropdown, SelectionChangeHandler } from \"@heswell/salt-lab\";\nimport { DEFAULT_DENSITY, Density } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\nimport cx from \"classnames\";\n\nconst classBase = \"vuuDensitySwitch\";\n\nconst densities:Density[] = [\"high\", \"medium\", \"low\", \"touch\"];\n\nexport interface DensitySwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n    defaultDensity?: Density;\n    density?: Density;\n    onDensityChange: (density: Density) => void;\n}\n\nexport const DensitySwitch = ({\n  className: classNameProp,\n  defaultDensity=DEFAULT_DENSITY,\n  onDensityChange\n}:DensitySwitchProps) => {\n\n  const handleSelectionChange:SelectionChangeHandler | string = useCallback((_event, selectedItem) => {\n    onDensityChange(selectedItem);\n  }, [onDensityChange])\n\n  const className = cx(classBase, classNameProp);\n\n  return (\n    <Dropdown\n    className={className}\n    source={densities}\n    defaultSelected={defaultDensity}\n    onSelectionChange={handleSelectionChange}\n    />\n  )\n}"],
+  "mappings": "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",
+  "names": ["src_exports", "__export", "ConnectionStatusIcon", "Feature", "LoginPanel", "Shell", "ShellContextProvider", "ThemeSwitch", "getAuthDetailsFromCookies", "logout", "redirectToLogin", "useShellContext", "__toCommonJS", "import_react", "import_classnames", "import_jsx_runtime", "ConnectionStatusIcon", "connectionStatus", "className", "element", "props", "classBase", "setClassBase", "statusIcon", "React", "cx", "import_react", "import_vuu_layout", "import_react", "import_jsx_runtime", "ErrorBoundary", "React", "props", "error", "errorInfo", "import_jsx_runtime", "Loader", "importCSS", "path", "container", "x", "import_jsx_runtime", "RawFeature", "url", "css", "params", "props", "importCSS", "styleSheet", "LazyFeature", "React", "ErrorBoundary", "Loader", "Feature", "import_react", "import_core", "import_salt_lab", "import_jsx_runtime", "classBase", "LoginPanel", "onSubmit", "username", "setUserName", "password", "setPassword", "login", "handleUsername", "_event", "value", "handlePassword", "dataIsValid", "import_vuu_utils", "getAuthDetailsFromCookies", "username", "token", "redirectToLogin", "loginUrl", "logout", "import_vuu_data", "import_react", "import_react", "useLayoutConfig", "user", "defaultLayout", "layout", "_setLayout", "setLayout", "load", "id", "response", "saveData", "data", "loadLayoutById", "use_layout_config_default", "import_react", "import_jsx_runtime", "defaultConfig", "ShellContext", "Provider", "children", "context", "inheritedContext", "mergedContext", "ShellContextProvider", "value", "useShellContext", "import_classnames", "import_vuu_layout", "import_react", "import_core", "import_salt_lab", "import_icons", "import_vuu_utils", "import_salt_lab", "import_core", "import_icons", "import_react", "getLayoutHistory", "user", "response", "import_jsx_runtime", "byLastUpdate", "l1", "l2", "HistoryListItem", "props", "UserPanel", "loginUrl", "onNavigate", "user", "layoutId", "forwardedRef", "history", "setHistory", "getHistory", "sortedHistory", "getLayoutHistory", "item", "id", "lastUpdate", "handleHisorySelected", "evt", "selected", "handleLogout", "logout", "i", "import_jsx_runtime", "UserProfile", "layoutId", "loginUrl", "onNavigate", "user", "UserPanel", "id", "import_salt_lab", "import_classnames", "import_core", "import_react", "import_jsx_runtime", "classBase", "modes", "ThemeSwitch", "classNameProp", "defaultModeProp", "modeProp", "onChange", "htmlAttributes", "mode", "setMode", "selectedIndex", "handleChangeSecondary", "_evt", "index", "className", "cx", "import_classnames", "import_salt_lab", "import_core", "import_react", "import_classnames", "import_jsx_runtime", "classBase", "densities", "DensitySwitch", "classNameProp", "defaultDensity", "onDensityChange", "handleSelectionChange", "_event", "selectedItem", "className", "cx", "import_jsx_runtime", "classBase", "AppHeader", "classNameProp", "layoutId", "loginUrl", "onNavigate", "onSwitchTheme", "themeMode", "onDensitySwitch", "density", "user", "htmlAttributes", "className", "cx", "handleSwitchTheme", "mode", "handleDensitySwitch", "ThemeSwitch", "DensitySwitch", "UserProfile", "import_jsx_runtime", "warningLayout", "Shell", "children", "classNameProp", "defaultLayout", "leftSidePanel", "loginUrl", "serverUrl", "user", "htmlAttributes", "rootRef", "density", "setDensity", "paletteView", "open", "setOpen", "layoutId", "layout", "setLayoutConfig", "loadLayoutById", "use_layout_config_default", "handleLayoutChange", "handleSwitchTheme", "mode", "handleDensitySwitch", "handleDrawerClick", "e", "_a", "target", "handleNavigate", "id", "getDrawers", "drawers", "className", "cx", "ShellContextProvider", "AppHeader"]
 }

package/esm/index.js

@@ -1,2 +1,2 @@
-import D,{Suspense as he}from"react";import{registerComponent as ge}from"@vuu-ui/vuu-layout";import ue from"react";import{Fragment as ce,jsx as U,jsxs as pe}from"react/jsx-runtime";var x=class extends ue.Component{constructor(e){super(e),this.state={errorMessage:null}}static getDerivedStateFromError(e){return{errorMessage:e.message}}componentDidCatch(e,o){console.log(e,o)}render(){return this.state.errorMessage?pe(ce,{children:[U("h1",{children:"Something went wrong."}),U("p",{children:this.state.errorMessage})]}):this.props.children}};import{jsx as de}from"react/jsx-runtime";var E=()=>de("div",{className:"hwLoader",children:"loading"});var k=async t=>{let e=new CSSStyleSheet;return fetch(t).then(o=>o.text()).then(o=>e.replace(o))};import{jsx as C}from"react/jsx-runtime";function fe({url:t,css:e,params:o,...r}){e&&k(e).then(n=>{document.adoptedStyleSheets=[...document.adoptedStyleSheets,n]});let s=D.lazy(()=>import(t));return C(x,{children:C(he,{fallback:C(E,{}),children:C(s,{...r,...o})})})}var I=D.memo(fe);I.displayName="Feature";ge("Feature",I,"view");import{useState as R}from"react";import{Button as ye}from"@salt-ds/core";import{FormField as B,Input as F}from"@heswell/salt-lab";import{jsx as v,jsxs as ve}from"react/jsx-runtime";var A="vuuLoginPanel",Nt=({onSubmit:t})=>{let[e,o]=R(""),[r,s]=R(""),n=()=>{t(e,r)},a=(l,u)=>{o(u)},m=(l,u)=>{s(u)},i=e.trim()!==""&&r.trim()!=="";return ve("div",{className:A,children:[v(B,{label:"Username",style:{width:200},children:v(F,{value:e,id:"text-username",onChange:a})}),v(B,{label:"Password",style:{width:200},children:v(F,{type:"password",value:r,id:"text-password",onChange:m})}),v(ye,{className:`${A}-login`,disabled:!i,onClick:n,variant:"cta",children:"Login"})]})};import{getCookieValue as V}from"@vuu-ui/vuu-utils";var Dt=()=>{let t=V("vuu-username"),e=V("vuu-auth-token");return[t,e]},xe=(t="/login.html")=>{window.location.href=t},O=t=>{document.cookie="vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",document.cookie="vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",xe(t)};import{connectToServer as Ye}from"@vuu-ui/vuu-data";import{useCallback as H,useEffect as Ze,useRef as M,useState as ee}from"react";import{useCallback as P,useEffect as Ce,useState as Le}from"react";var Pe=(t,e)=>{let[o,r]=Le(e),s=i=>{r(i)},n=P(async(i="latest")=>{fetch(`api/vui/${t.username}/${i}`,{}).then(l=>l.ok?l.json():e).then(s).catch(()=>{s(e)})},[e,t.username]);Ce(()=>{n()},[n]);let a=P(i=>{fetch(`api/vui/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}).then(l=>l.ok?l.json():e)},[e,t]),m=P(i=>{n(i)},[n]);return[o,a,m]},$=Pe;import{createContext as Se,useContext as Te}from"react";import{jsx as S}from"react/jsx-runtime";var we={},T=Se(we),He=({children:t,context:e,inheritedContext:o})=>{let r={...o,...e};return S(T.Provider,{value:r,children:t})},G=({children:t,value:e})=>S(T.Consumer,{children:o=>S(He,{context:e,inheritedContext:o,children:t})}),Jt=()=>Te(T);import je from"classnames";import{Chest as et,DraggableLayout as te,Drawer as tt,Flexbox as ot,LayoutProvider as rt,View as nt}from"@vuu-ui/vuu-layout";import{useCallback as Ke}from"react";import{Button as Fe}from"@salt-ds/core";import{DropdownBase as Ae}from"@heswell/salt-lab";import{UserSolidIcon as Ve}from"@salt-ds/icons";import{formatDate as Me}from"@vuu-ui/vuu-utils";import{List as be,ListItem as Ne}from"@heswell/salt-lab";import{Button as Ue}from"@salt-ds/core";import{ExportIcon as Ee}from"@salt-ds/icons";import{forwardRef as ke,useCallback as _,useEffect as De,useState as Ie}from"react";var J=async t=>await fetch(`api/vui/${t.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});import{jsx as L,jsxs as z}from"react/jsx-runtime";var Re=({lastUpdate:t},{lastUpdate:e})=>e===t?0:e<t?-1:1,Be=t=>L(Ne,{...t}),q=ke(function({loginUrl:e,onNavigate:o,user:r,layoutId:s="latest"},n){let[a,m]=Ie([]);De(()=>{async function p(){let g=(await J(r)).filter(f=>f.id!=="latest").sort(Re).map(({id:f,lastUpdate:y})=>({lastUpdate:y,id:f,label:`Saved at ${Me(new Date(y),"kk:mm:ss")}`}));console.log({sortedHistory:g}),m(g)}p()},[r]);let i=_((p,d)=>{d&&o(d.id)},[o]),l=_(()=>{O(e)},[e]),u=a.length===0?null:s==="latest"?a[0]:a.find(p=>p.id===s);return z("div",{className:"vuuUserPanel",ref:n,children:[L(be,{ListItem:Be,className:"vuuUserPanel-history",onSelect:i,selected:u,source:a}),L("div",{className:"vuuUserPanel-buttonBar",children:z(Ue,{"aria-label":"logout",onClick:l,children:[L(Ee,{})," Logout"]})})]})});import{jsx as w,jsxs as Oe}from"react/jsx-runtime";var K=({layoutId:t,loginUrl:e,onNavigate:o,user:r})=>Oe(Ae,{className:"vuuUserProfile",placement:"bottom-end",children:[w(Fe,{variant:"secondary",children:w(Ve,{})}),w(q,{layoutId:t,loginUrl:e,onNavigate:n=>{o(n)},user:r})]});import{ToggleButton as Q,ToggleButtonGroup as $e}from"@heswell/salt-lab";import Ge from"classnames";import{useControlled as Je}from"@salt-ds/core";import{useCallback as _e}from"react";import{jsx as X,jsxs as qe}from"react/jsx-runtime";var ze="vuuThemeSwitch",W=["light","dark"],Y=({className:t,defaultMode:e,mode:o,onChange:r,...s})=>{let[n,a]=Je({controlled:o,default:e!=null?e:"light",name:"ThemeSwitch",state:"mode"}),m=W.indexOf(n),i=_e((u,p)=>{let d=W[p];a(d),r(d)},[r,a]),l=Ge(ze,t);return qe($e,{className:l,...s,onChange:i,selectedIndex:m,children:[X(Q,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),X(Q,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};import Qe from"classnames";import{jsx as Z,jsxs as Xe}from"react/jsx-runtime";var We="vuuAppHeader",j=({className:t,layoutId:e,loginUrl:o,onNavigate:r,onSwitchTheme:s,themeMode:n="light",user:a,...m})=>{let i=Qe(We,t,"salt-density-medium"),l=Ke(u=>s==null?void 0:s(u),[s]);return Xe("header",{className:i,...m,children:[Z(Y,{defaultMode:n,onChange:l}),Z(K,{layoutId:e,loginUrl:o,onNavigate:r,user:a})]})};import{jsx as h,jsxs as oe}from"react/jsx-runtime";var st={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},ir=({children:t,className:e,defaultLayout:o=st,leftSidePanel:r,loginUrl:s,serverUrl:n,user:a,...m})=>{let i=M(null),[l]=ee("high"),u=M(null),[p,d]=ee(!1),g=M("latest"),[f,y,b]=$(a,o),re=H(c=>{y(c)},[y]),ne=H(c=>{i.current&&(i.current.dataset.mode=c)},[]),se=c=>{var N;let me=c.target;(N=u.current)!=null&&N.contains(me)||d(!p)},ae=H(c=>{g.current=c,b(c)},[b]);Ze(()=>{n&&a.token&&Ye(n,a.token)},[n,a.token]);let ie=()=>{let c=[];return r&&c.push(h(tt,{onClick:se,open:p,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:h(nt,{className:"vuuShell-palette",id:"vw-app-palette",ref:u,style:{height:"100%"},children:r},"app-palette")},"left-panel")),c},le=je("vuuShell",e,"salt-theme",`salt-density-${l}`);return oe(G,{value:void 0,children:[h(rt,{layout:f,onLayoutChange:re,children:h(te,{className:le,"data-mode":"light",ref:i,...m,children:oe(ot,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[h(j,{layoutId:g.current,loginUrl:s,user:a,onNavigate:ae,onSwitchTheme:ne}),h(et,{style:{flex:1},children:ie().concat(h(te,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),t]})};export{I as Feature,Nt as LoginPanel,ir as Shell,G as ShellContextProvider,Y as ThemeSwitch,Dt as getAuthDetailsFromCookies,O as logout,xe as redirectToLogin,Jt as useShellContext};
+import ge,{useEffect as fe,useState as ye}from"react";import ve from"classnames";import{Fragment as xe,jsx as Se,jsxs as E}from"react/jsx-runtime";var bt=({connectionStatus:t,className:e,element:o="span",...r})=>{let[a,s]=ye("vuuConnectingStatus");fe(()=>{switch(t){case"connected":case"reconnected":s("vuuActiveStatus");break;case"connecting":s("vuuConnectingStatus");break;case"disconnected":s("vuuDisconnectedStatus");break;default:break}},[t]);let n=ge.createElement(o,{...r,className:ve("vuuStatus vuuIcon",a,e)});return Se(xe,{children:E("div",{className:"vuuStatus-container salt-theme",children:[n,E("div",{className:"vuuStatus-text",children:["Status: ",t.toUpperCase()]})]})})};import B,{Suspense as we}from"react";import{registerComponent as De}from"@vuu-ui/vuu-layout";import Ce from"react";import{Fragment as Le,jsx as U,jsxs as Pe}from"react/jsx-runtime";var x=class extends Ce.Component{constructor(e){super(e),this.state={errorMessage:null}}static getDerivedStateFromError(e){return{errorMessage:e.message}}componentDidCatch(e,o){console.log(e,o)}render(){return this.state.errorMessage?Pe(Le,{children:[U("h1",{children:"Something went wrong."}),U("p",{children:this.state.errorMessage})]}):this.props.children}};import{jsx as Te}from"react/jsx-runtime";var I=()=>Te("div",{className:"hwLoader",children:"loading"});var R=async t=>{let e=new CSSStyleSheet;return fetch(t).then(o=>o.text()).then(o=>e.replace(o))};import{jsx as S}from"react/jsx-runtime";function He({url:t,css:e,params:o,...r}){e&&R(e).then(s=>{document.adoptedStyleSheets=[...document.adoptedStyleSheets,s]});let a=B.lazy(()=>import(t));return S(x,{children:S(we,{fallback:S(I,{}),children:S(a,{...r,...o})})})}var A=B.memo(He);A.displayName="Feature";De("Feature",A,"view");import{useState as F}from"react";import{Button as be}from"@salt-ds/core";import{FormField as V,Input as O}from"@heswell/salt-lab";import{jsx as y,jsxs as Me}from"react/jsx-runtime";var $="vuuLoginPanel",oo=({onSubmit:t})=>{let[e,o]=F(""),[r,a]=F(""),s=()=>{t(e,r)},n=(l,u)=>{o(u)},c=(l,u)=>{a(u)},i=e.trim()!==""&&r.trim()!=="";return Me("div",{className:$,children:[y(V,{label:"Username",style:{width:200},children:y(O,{value:e,id:"text-username",onChange:n})}),y(V,{label:"Password",style:{width:200},children:y(O,{type:"password",value:r,id:"text-password",onChange:c})}),y(be,{className:`${$}-login`,disabled:!i,onClick:s,variant:"cta",children:"Login"})]})};import{getCookieValue as G}from"@vuu-ui/vuu-utils";var ao=()=>{let t=G("vuu-username"),e=G("vuu-auth-token");return[t,e]},Ne=(t="/login.html")=>{window.location.href=t},_=t=>{document.cookie="vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",document.cookie="vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT",Ne(t)};import{connectToServer as ht}from"@vuu-ui/vuu-data";import{useCallback as L,useEffect as gt,useRef as b,useState as ne}from"react";import{useCallback as P,useEffect as ke,useState as Ee}from"react";var Ue=(t,e)=>{let[o,r]=Ee(e),a=i=>{r(i)},s=P(async(i="latest")=>{fetch(`api/vui/${t.username}/${i}`,{}).then(l=>l.ok?l.json():e).then(a).catch(()=>{a(e)})},[e,t.username]);ke(()=>{s()},[s]);let n=P(i=>{fetch(`api/vui/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)}).then(l=>l.ok?l.json():e)},[e,t]),c=P(i=>{s(i)},[s]);return[o,n,c]},J=Ue;import{createContext as Ie,useContext as Re}from"react";import{jsx as T}from"react/jsx-runtime";var Be={},w=Ie(Be),Ae=({children:t,context:e,inheritedContext:o})=>{let r={...o,...e};return T(w.Provider,{value:r,children:t})},z=({children:t,value:e})=>T(w.Consumer,{children:o=>T(Ae,{context:e,inheritedContext:o,children:t})}),yo=()=>Re(w);import ft from"classnames";import{Chest as yt,DraggableLayout as se,Drawer as vt,Flexbox as xt,LayoutProvider as St,View as Ct}from"@vuu-ui/vuu-layout";import{useCallback as oe}from"react";import{Button as Ke}from"@salt-ds/core";import{DropdownBase as Qe}from"@heswell/salt-lab";import{UserSolidIcon as We}from"@salt-ds/icons";import{formatDate as Fe}from"@vuu-ui/vuu-utils";import{List as Ve,ListItem as Oe}from"@heswell/salt-lab";import{Button as $e}from"@salt-ds/core";import{ExportIcon as Ge}from"@salt-ds/icons";import{forwardRef as _e,useCallback as Y,useEffect as Je,useState as ze}from"react";var q=async t=>await fetch(`api/vui/${t.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});import{jsx as C,jsxs as K}from"react/jsx-runtime";var qe=({lastUpdate:t},{lastUpdate:e})=>e===t?0:e<t?-1:1,Ye=t=>C(Oe,{...t}),Q=_e(function({loginUrl:e,onNavigate:o,user:r,layoutId:a="latest"},s){let[n,c]=ze([]);Je(()=>{async function d(){let h=(await q(r)).filter(f=>f.id!=="latest").sort(qe).map(({id:f,lastUpdate:v})=>({lastUpdate:v,id:f,label:`Saved at ${Fe(new Date(v),"kk:mm:ss")}`}));console.log({sortedHistory:h}),c(h)}d()},[r]);let i=Y((d,p)=>{p&&o(p.id)},[o]),l=Y(()=>{_(e)},[e]),u=n.length===0?null:a==="latest"?n[0]:n.find(d=>d.id===a);return K("div",{className:"vuuUserPanel",ref:s,children:[C(Ve,{ListItem:Ye,className:"vuuUserPanel-history",onSelect:i,selected:u,source:n}),C("div",{className:"vuuUserPanel-buttonBar",children:K($e,{"aria-label":"logout",onClick:l,children:[C(Ge,{})," Logout"]})})]})});import{jsx as D,jsxs as Xe}from"react/jsx-runtime";var W=({layoutId:t,loginUrl:e,onNavigate:o,user:r})=>Xe(Qe,{className:"vuuUserProfile",placement:"bottom-end",children:[D(Ke,{variant:"secondary",children:D(We,{})}),D(Q,{layoutId:t,loginUrl:e,onNavigate:s=>{o(s)},user:r})]});import{ToggleButton as X,ToggleButtonGroup as Ze}from"@heswell/salt-lab";import je from"classnames";import{useControlled as et}from"@salt-ds/core";import{useCallback as tt}from"react";import{jsx as j,jsxs as rt}from"react/jsx-runtime";var ot="vuuThemeSwitch",Z=["light","dark"],ee=({className:t,defaultMode:e,mode:o,onChange:r,...a})=>{let[s,n]=et({controlled:o,default:e!=null?e:"light",name:"ThemeSwitch",state:"mode"}),c=Z.indexOf(s),i=tt((u,d)=>{let p=Z[d];n(p),r(p)},[r,n]),l=je(ot,t);return rt(Ze,{className:l,...a,onChange:i,selectedIndex:c,children:[j(X,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),j(X,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};import ut from"classnames";import{Dropdown as nt}from"@heswell/salt-lab";import{DEFAULT_DENSITY as st}from"@salt-ds/core";import{useCallback as at}from"react";import it from"classnames";import{jsx as ct}from"react/jsx-runtime";var lt="vuuDensitySwitch",mt=["high","medium","low","touch"],te=({className:t,defaultDensity:e=st,onDensityChange:o})=>{let r=at((s,n)=>{o(n)},[o]),a=it(lt,t);return ct(nt,{className:a,source:mt,defaultSelected:e,onSelectionChange:r})};import{jsx as H,jsxs as pt}from"react/jsx-runtime";var dt="vuuAppHeader",re=({className:t,layoutId:e,loginUrl:o,onNavigate:r,onSwitchTheme:a,themeMode:s="light",onDensitySwitch:n,density:c="medium",user:i,...l})=>{let u=ut(dt,t,`salt-density-${c}`),d=oe(h=>a==null?void 0:a(h),[a]),p=oe(h=>n==null?void 0:n(h),[n]);return pt("header",{className:u,...l,children:[H(ee,{defaultMode:s,onChange:d}),H(te,{defaultDensity:c,onDensityChange:p}),H(W,{layoutId:e,loginUrl:o,onNavigate:r,user:i})]})};import{jsx as g,jsxs as ae}from"react/jsx-runtime";var Lt={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},qr=({children:t,className:e,defaultLayout:o=Lt,leftSidePanel:r,loginUrl:a,serverUrl:s,user:n,...c})=>{let i=b(null),[l,u]=ne("medium"),d=b(null),[p,h]=ne(!1),f=b("latest"),[v,M,N]=J(n,o),ie=L(m=>{M(m)},[M]),le=L(m=>{i.current&&(i.current.dataset.mode=m)},[]),me=L(m=>{u(m)},[u]),ce=m=>{var k;let he=m.target;(k=d.current)!=null&&k.contains(he)||h(!p)},ue=L(m=>{f.current=m,N(m)},[N]);gt(()=>{s&&n.token&&ht(s,n.token)},[s,n.token]);let de=()=>{let m=[];return r&&m.push(g(vt,{onClick:ce,open:p,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:g(Ct,{className:"vuuShell-palette",id:"vw-app-palette",ref:d,style:{height:"100%"},children:r},"app-palette")},"left-panel")),m},pe=ft("vuuShell",e,"salt-theme",`salt-density-${l}`);return ae(z,{value:void 0,children:[g(St,{layout:v,onLayoutChange:ie,children:g(se,{className:pe,"data-mode":"light",ref:i,...c,children:ae(xt,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[g(re,{layoutId:f.current,loginUrl:a,user:n,onNavigate:ue,onSwitchTheme:le,onDensitySwitch:me}),g(yt,{style:{flex:1},children:de().concat(g(se,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),t]})};export{bt as ConnectionStatusIcon,A as Feature,oo as LoginPanel,qr as Shell,z as ShellContextProvider,ee as ThemeSwitch,ao as getAuthDetailsFromCookies,_ as logout,Ne as redirectToLogin,yo as useShellContext};
 //# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../packages/vuu-shell/src/feature/Feature.tsx", "../../../packages/vuu-shell/src/feature/ErrorBoundary.jsx", "../../../packages/vuu-shell/src/feature/Loader.tsx", "../../../packages/vuu-shell/src/feature/css-module-loader.ts", "../../../packages/vuu-shell/src/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/use-layout-config.js", "../../../packages/vuu-shell/src/ShellContextProvider.tsx", "../../../packages/vuu-shell/src/app-header/AppHeader.tsx", "../../../packages/vuu-shell/src/user-profile/UserProfile.tsx", "../../../packages/vuu-shell/src/user-profile/UserPanel.tsx", "../../../packages/vuu-shell/src/get-layout-history.ts", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.tsx"],
-  "sourcesContent": ["import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "import { getCookieValue } from \"@vuu-ui/vuu-utils\";\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\nimport { ThemeMode } from \"./theme-switch\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [density] = useState<\"high\" | \"medium\" | \"low\" | \"touch\">(\"high\");\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\n    }\n  }, []);\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\n      drawers.push(\n        <Drawer\n          key=\"left-panel\"\n          onClick={handleDrawerClick}\n          open={open}\n          position=\"left\"\n          inline\n          peekaboo\n          sizeOpen={200}\n          toggleButton=\"end\"\n        >\n          <View\n            className=\"vuuShell-palette\"\n            id=\"vw-app-palette\"\n            key=\"app-palette\"\n            ref={paletteView}\n            style={{ height: \"100%\" }}\n          >\n            {leftSidePanel}\n          </View>\n        </Drawer>\n      );\n    }\n\n    return drawers;\n  };\n\n  const className = cx(\n    \"vuuShell\",\n    classNameProp,\n    \"salt-theme\",\n    `salt-density-${density}`\n  );\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode=\"light\"\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n              onSwitchTheme={handleSwitchTheme}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { MenuRpcResponse } from \"@vuu-ui/vuu-data\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-datagrid-types\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: (\n    tableName: string,\n    columnName: string\n  ) => Partial<ColumnDescriptor>;\n  handleRpcResponse?: (response?: MenuRpcResponse) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeMode, ThemeSwitch } from \"../theme-switch\";\nimport cx from \"classnames\";\n\nimport \"./AppHeader.css\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  onSwitchTheme?: (mode: ThemeMode) => void;\n  themeMode?: ThemeMode;\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  layoutId,\n  loginUrl,\n  onNavigate,\n  onSwitchTheme,\n  themeMode = \"light\",\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const className = cx(classBase, classNameProp, \"salt-density-medium\");\n  const handleSwitchTheme = useCallback(\n    (mode: ThemeMode) => onSwitchTheme?.(mode),\n    [onSwitchTheme]\n  );\n  return (\n    <header className={className} {...htmlAttributes}>\n      <ThemeSwitch defaultMode={themeMode} onChange={handleSwitchTheme} />\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\nimport { VuuUser } from \"../shell\";\n\nexport interface UserProfileProps {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const UserProfile = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n}: UserProfileProps) => {\n  const handleNavigate = (id: string) => {\n    onNavigate(id);\n  };\n\n  return (\n    <DropdownBase className=\"vuuUserProfile\" placement=\"bottom-end\">\n      <Button variant=\"secondary\">\n        <UserSolidIcon />\n      </Button>\n      <UserPanel\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={handleNavigate}\n        user={user}\n      />\n    </DropdownBase>\n  );\n};\n", "import { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { List, ListItem, ListItemProps } from \"@heswell/salt-lab\";\nimport { Button } from \"@salt-ds/core\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { getLayoutHistory, LayoutHistoryItem } from \"../get-layout-history\";\nimport { logout } from \"../login\";\nimport { VuuUser } from \"../shell\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = (\n  { lastUpdate: l1 }: LayoutHistoryItem,\n  { lastUpdate: l2 }: LayoutHistoryItem\n) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\ntype HistoryEntry = {\n  id: string;\n  label: string;\n  lastUpdate: number;\n};\n\nconst HistoryListItem = (props: ListItemProps<HistoryEntry>) => {\n  return <ListItem {...props} />;\n};\n\nexport interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n  layoutId: string;\n}\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" }: UserPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [history, setHistory] = useState<HistoryEntry[]>([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map<HistoryEntry>(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? null\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List<HistoryEntry>\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "import { VuuUser } from \"./shell\";\n\nexport interface LayoutHistoryItem {\n  user: string;\n  id: string;\n  uniqueId: string;\n  lastUpdate: number;\n}\n\nexport const getLayoutHistory = async (\n  user: VuuUser\n): Promise<LayoutHistoryItem[]> => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(\"error getting history\");\n    });\n\n  return history;\n};\n", "import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupChangeEventHandler,\n} from \"@heswell/salt-lab\";\nimport cx from \"classnames\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\n\nimport \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nconst modes: ThemeMode[] = [\"light\", \"dark\"];\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const selectedIndex = modes.indexOf(mode);\n\n  const handleChangeSecondary: ToggleButtonGroupChangeEventHandler =\n    useCallback(\n      (_evt, index) => {\n        const mode = modes[index];\n        setMode(mode);\n        onChange(mode);\n      },\n      [onChange, setMode]\n    );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      selectedIndex={selectedIndex}\n    >\n      <ToggleButton\n        aria-label=\"alert\"\n        tooltipText=\"Light Theme\"\n        data-icon=\"light\"\n      />\n      <ToggleButton\n        aria-label=\"home\"\n        tooltipText=\"Dark Theme\"\n        data-icon=\"dark\"\n      />\n    </ToggleButtonGroup>\n  );\n};\n"],
-  "mappings": "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",
-  "names": ["React", "Suspense", "registerComponent", "React", "Fragment", "jsx", "jsxs", "ErrorBoundary", "props", "error", "errorInfo", "jsx", "Loader", "importCSS", "path", "container", "x", "jsx", "RawFeature", "url", "css", "params", "props", "importCSS", "styleSheet", "LazyFeature", "React", "ErrorBoundary", "Suspense", "Loader", "Feature", "registerComponent", "useState", "Button", "FormField", "Input", "jsx", "jsxs", "classBase", "LoginPanel", "onSubmit", "username", "setUserName", "useState", "password", "setPassword", "login", "handleUsername", "_event", "value", "handlePassword", "dataIsValid", "FormField", "Input", "Button", "getCookieValue", "getAuthDetailsFromCookies", "username", "token", "redirectToLogin", "loginUrl", "logout", "connectToServer", "useCallback", "useEffect", "useRef", "useState", "useCallback", "useEffect", "useState", "useLayoutConfig", "user", "defaultLayout", "layout", "_setLayout", "setLayout", "load", "id", "response", "saveData", "data", "loadLayoutById", "use_layout_config_default", "createContext", "useContext", "jsx", "defaultConfig", "ShellContext", "Provider", "children", "context", "inheritedContext", "mergedContext", "ShellContextProvider", "value", "useShellContext", "cx", "Chest", "DraggableLayout", "Drawer", "Flexbox", "LayoutProvider", "View", "useCallback", "Button", "DropdownBase", "UserSolidIcon", "formatDate", "List", "ListItem", "Button", "ExportIcon", "forwardRef", "useCallback", "useEffect", "useState", "getLayoutHistory", "user", "response", "jsx", "jsxs", "byLastUpdate", "l1", "l2", "HistoryListItem", "props", "ListItem", "UserPanel", "forwardRef", "loginUrl", "onNavigate", "user", "layoutId", "forwardedRef", "history", "setHistory", "useState", "useEffect", "getHistory", "sortedHistory", "getLayoutHistory", "item", "id", "lastUpdate", "formatDate", "handleHisorySelected", "useCallback", "evt", "selected", "handleLogout", "logout", "i", "List", "Button", "ExportIcon", "jsx", "jsxs", "UserProfile", "layoutId", "loginUrl", "onNavigate", "user", "DropdownBase", "Button", "UserSolidIcon", "UserPanel", "id", "ToggleButton", "ToggleButtonGroup", "cx", "useControlled", "useCallback", "jsx", "jsxs", "classBase", "modes", "ThemeSwitch", "classNameProp", "defaultModeProp", "modeProp", "onChange", "htmlAttributes", "mode", "setMode", "useControlled", "selectedIndex", "handleChangeSecondary", "useCallback", "_evt", "index", "className", "cx", "ToggleButtonGroup", "ToggleButton", "cx", "jsx", "jsxs", "classBase", "AppHeader", "classNameProp", "layoutId", "loginUrl", "onNavigate", "onSwitchTheme", "themeMode", "user", "htmlAttributes", "className", "cx", "handleSwitchTheme", "useCallback", "mode", "ThemeSwitch", "UserProfile", "jsx", "jsxs", "warningLayout", "Shell", "children", "classNameProp", "defaultLayout", "leftSidePanel", "loginUrl", "serverUrl", "user", "htmlAttributes", "rootRef", "useRef", "density", "useState", "paletteView", "open", "setOpen", "layoutId", "layout", "setLayoutConfig", "loadLayoutById", "use_layout_config_default", "handleLayoutChange", "useCallback", "handleSwitchTheme", "mode", "handleDrawerClick", "e", "_a", "target", "handleNavigate", "id", "useEffect", "connectToServer", "getDrawers", "drawers", "Drawer", "View", "className", "cx", "ShellContextProvider", "LayoutProvider", "DraggableLayout", "Flexbox", "AppHeader", "Chest"]
+  "sources": ["../../../packages/vuu-shell/src/connection-status/ConnectionStatusIcon.tsx", "../../../packages/vuu-shell/src/feature/Feature.tsx", "../../../packages/vuu-shell/src/feature/ErrorBoundary.jsx", "../../../packages/vuu-shell/src/feature/Loader.tsx", "../../../packages/vuu-shell/src/feature/css-module-loader.ts", "../../../packages/vuu-shell/src/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/use-layout-config.js", "../../../packages/vuu-shell/src/ShellContextProvider.tsx", "../../../packages/vuu-shell/src/app-header/AppHeader.tsx", "../../../packages/vuu-shell/src/user-profile/UserProfile.tsx", "../../../packages/vuu-shell/src/user-profile/UserPanel.tsx", "../../../packages/vuu-shell/src/get-layout-history.ts", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.tsx", "../../../packages/vuu-shell/src/density-switch/DensitySwitch.tsx"],
+  "sourcesContent": ["import React, { useEffect, useState } from 'react';\nimport cx from 'classnames';\nimport './ConnectionStatusIcon.css';\n\ntype connectionStatus = 'connected' | 'reconnected' | 'connecting' | 'disconnected';\n\ninterface ConnectionStatusProps {\n\tconnectionStatus: connectionStatus\n\tclassName?: string;\n\tprops?: unknown;\n\telement?: string;\n}\n\nexport const ConnectionStatusIcon = ({ connectionStatus, className, element = 'span', ...props}: ConnectionStatusProps) => {\n\tconst [classBase, setClassBase] = useState<string>('vuuConnectingStatus');\n\tuseEffect(() => {\n\t\tswitch(connectionStatus) {\n\t\t\tcase 'connected':\n\t\t\tcase 'reconnected':\n\t\t\t\tsetClassBase('vuuActiveStatus');\n\t\t\t\tbreak;\n\t\t\tcase 'connecting':\n\t\t\t\tsetClassBase('vuuConnectingStatus');\n\t\t\t\tbreak;\n\t\t\tcase 'disconnected':\n\t\t\t\tsetClassBase('vuuDisconnectedStatus');\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tbreak;\n\t\t}\n\t}, [connectionStatus]);\n\n\tconst statusIcon = React.createElement (\n\t\telement,\n\t\t{\n\t\t\t...props,\n\t\t\tclassName: cx('vuuStatus vuuIcon', classBase, className)\n\t\t},\n\t)\n\n\treturn (\n\t\t<>\n\t\t\t<div className='vuuStatus-container salt-theme'>\n\t\t\t\t{statusIcon}\n\t\t\t\t<div\tclassName='vuuStatus-text'>Status: {connectionStatus.toUpperCase()}</div>\n\t\t\t</div>\n\t\t</>\n\t)\n}", "import React, { Suspense } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\nimport { importCSS } from \"./css-module-loader\";\n\nexport interface FeatureProps<Params extends object | undefined = undefined> {\n  height?: number;\n  url: string;\n  css?: string;\n  width?: number;\n  params: Params;\n}\n\n// const RawFeature = <Params extends object | undefined>({\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  if (css) {\n    // import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n    //   (cssModule) => {\n    //     document.adoptedStyleSheets = [\n    //       ...document.adoptedStyleSheets,\n    //       cssModule.default,\n    //     ];\n    //   }\n    // );\n    // Polyfill until vite build supports import assertions\n    // Note: already fully supported in esbuild, so vite dev\n    importCSS(css).then((styleSheet) => {\n      document.adoptedStyleSheets = [\n        ...document.adoptedStyleSheets,\n        styleSheet,\n      ];\n    });\n  }\n  const LazyFeature = React.lazy(() => import(/* @vite-ignore */ url));\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<Loader />}>\n        <LazyFeature {...props} {...params} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n}\n\nexport const Feature = React.memo(RawFeature);\nFeature.displayName = \"Feature\";\nregisterComponent(\"Feature\", Feature, \"view\");\n", "import React from 'react';\n// TODO\nexport class ErrorBoundary extends React.Component {\n  constructor(props) {\n    super(props);\n    this.state = { errorMessage: null };\n  }\n\n  static getDerivedStateFromError(error) {\n    // Update state so the next render will show the fallback UI.\n    return { errorMessage: error.message };\n  }\n\n  componentDidCatch(error, errorInfo) {\n    // You can also log the error to an error reporting service\n    console.log(error, errorInfo);\n  }\n\n  render() {\n    if (this.state.errorMessage) {\n      return (\n        <>\n          <h1>Something went wrong.</h1>\n          <p>{this.state.errorMessage}</p>\n        </>\n      );\n    }\n\n    return this.props.children;\n  }\n}\n", "// TODO\nexport const Loader = () => <div className=\"hwLoader\">loading</div>;\n", "export const importCSS = async (path: string) => {\n  const container = new CSSStyleSheet();\n  return fetch(path)\n    .then((x) => x.text())\n    .then((x) => container.replace(x));\n};\n", "import { ChangeEvent, HTMLAttributes, useState } from \"react\";\nimport { Button } from \"@salt-ds/core\";\nimport { FormField, Input } from \"@heswell/salt-lab\";\n\nimport \"./LoginPanel.css\";\n\nconst classBase = \"vuuLoginPanel\";\n\nexport interface LoginPanelProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onSubmit\"> {\n  onSubmit: (username: string, password: string) => void;\n}\n\nexport const LoginPanel = ({ onSubmit }: LoginPanelProps) => {\n  const [username, setUserName] = useState(\"\");\n  const [password, setPassword] = useState(\"\");\n\n  const login = () => {\n    onSubmit(username, password);\n  };\n\n  const handleUsername = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setUserName(value);\n  };\n\n  const handlePassword = (\n    _event: ChangeEvent<HTMLInputElement>,\n    value: string\n  ) => {\n    setPassword(value);\n  };\n\n  const dataIsValid = username.trim() !== \"\" && password.trim() !== \"\";\n\n  return (\n    <div className={classBase}>\n      <FormField label=\"Username\" style={{ width: 200 }}>\n        <Input value={username} id=\"text-username\" onChange={handleUsername} />\n      </FormField>\n\n      <FormField label=\"Password\" style={{ width: 200 }}>\n        <Input\n          type=\"password\"\n          value={password}\n          id=\"text-password\"\n          onChange={handlePassword}\n        />\n      </FormField>\n\n      <Button\n        className={`${classBase}-login`}\n        disabled={!dataIsValid}\n        onClick={login}\n        variant=\"cta\"\n      >\n        Login\n      </Button>\n    </div>\n  );\n};\n", "import { getCookieValue } from \"@vuu-ui/vuu-utils\";\n\nexport const getAuthDetailsFromCookies = () => {\n  const username = getCookieValue(\"vuu-username\");\n  const token = getCookieValue(\"vuu-auth-token\");\n  return [username, token];\n};\n\nexport const redirectToLogin = (loginUrl = \"/login.html\") => {\n  window.location.href = loginUrl;\n};\n\nexport const logout = (loginUrl?: string) => {\n  document.cookie = \"vuu-username= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  document.cookie = \"vuu-auth-token= ; expires = Thu, 01 Jan 1970 00:00:00 GMT\";\n  redirectToLogin(loginUrl);\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport useLayoutConfig from \"./use-layout-config\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport cx from \"classnames\";\n\nimport {\n  Chest,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { AppHeader } from \"./app-header\";\n\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport \"./shell.css\";\nimport { ThemeMode } from \"./theme-switch\";\nimport { Density } from \"@salt-ds/core\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst warningLayout = {\n  type: \"View\",\n  props: {\n    style: { height: \"calc(100% - 6px)\" },\n  },\n  children: [\n    {\n      props: {\n        className: \"vuuShell-warningPlaceholder\",\n      },\n      type: \"Placeholder\",\n    },\n  ],\n};\n\nexport interface ShellProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  defaultLayout?: LayoutJSON;\n  leftSidePanel?: ReactElement;\n  loginUrl?: string;\n  // paletteConfig: any;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const [density, setDensity] = useState<Density>(\"medium\");\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, setLayoutConfig, loadLayoutById] = useLayoutConfig(\n    user,\n    defaultLayout\n  );\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      setLayoutConfig(layout);\n    },\n    [setLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\n    }\n  }, []);\n\n  const handleDensitySwitch = useCallback(\n    (density: Density) => {\n      setDensity(density);\n    },\n    [setDensity]\n  );\n\n  const handleDrawerClick = (e: MouseEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (!paletteView.current?.contains(target)) {\n      setOpen(!open);\n    }\n  };\n\n  const handleNavigate = useCallback(\n    (id) => {\n      layoutId.current = id;\n      loadLayoutById(id);\n    },\n    [loadLayoutById]\n  );\n\n  useEffect(() => {\n    if (serverUrl && user.token) {\n      connectToServer(serverUrl, user.token);\n    }\n  }, [serverUrl, user.token]);\n\n  const getDrawers = () => {\n    const drawers: ReactElement[] = [];\n    if (leftSidePanel) {\n      drawers.push(\n        <Drawer\n          key=\"left-panel\"\n          onClick={handleDrawerClick}\n          open={open}\n          position=\"left\"\n          inline\n          peekaboo\n          sizeOpen={200}\n          toggleButton=\"end\"\n        >\n          <View\n            className=\"vuuShell-palette\"\n            id=\"vw-app-palette\"\n            key=\"app-palette\"\n            ref={paletteView}\n            style={{ height: \"100%\" }}\n          >\n            {leftSidePanel}\n          </View>\n        </Drawer>\n      );\n    }\n\n    return drawers;\n  };\n\n  const className = cx(\n    \"vuuShell\",\n    classNameProp,\n    \"salt-theme\",\n    `salt-density-${density}`\n  );\n\n  return (\n    // ShellContext TBD\n    <ShellContextProvider value={undefined}>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode=\"light\"\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          <Flexbox\n            className=\"App\"\n            style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n          >\n            <AppHeader\n              layoutId={layoutId.current}\n              loginUrl={loginUrl}\n              user={user}\n              onNavigate={handleNavigate}\n              onSwitchTheme={handleSwitchTheme}\n              onDensitySwitch={handleDensitySwitch}\n            />\n            <Chest style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </Chest>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\n", "import { useCallback, useEffect, useState } from \"react\";\n\nconst useLayoutConfig = (user, defaultLayout) => {\n  const [layout, _setLayout] = useState(defaultLayout);\n\n  const setLayout = (layout) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      fetch(`api/vui/${user.username}/${id}`, {})\n        .then((response) => {\n          return response.ok ? response.json() : defaultLayout;\n        })\n        .then(setLayout)\n        .catch(() => {\n          // TODO we should set a layout with a warning here\n          setLayout(defaultLayout);\n        });\n    },\n    [defaultLayout, user.username]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      fetch(`api/vui/${user.username}`, {\n        method: \"POST\",\n        headers: {\n          \"Content-Type\": \"application/json\",\n        },\n        body: JSON.stringify(data),\n      }).then((response) => {\n        return response.ok ? response.json() : defaultLayout;\n      });\n    },\n    [defaultLayout, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n\nexport default useLayoutConfig;\n", "import { MenuRpcResponse } from \"@vuu-ui/vuu-data\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-datagrid-types\";\nimport { createContext, ReactElement, ReactNode, useContext } from \"react\";\n\nexport interface ShellContextProps {\n  getDefaultColumnConfig?: (\n    tableName: string,\n    columnName: string\n  ) => Partial<ColumnDescriptor>;\n  handleRpcResponse?: (response?: MenuRpcResponse) => void;\n}\n\nconst defaultConfig = {};\n\nconst ShellContext = createContext<ShellContextProps>(defaultConfig);\n\nexport interface ShellProviderProps {\n  children: ReactNode;\n  value?: ShellContextProps;\n}\n\nconst Provider = ({\n  children,\n  context,\n  inheritedContext,\n}: {\n  children: ReactNode;\n  context?: ShellContextProps;\n  inheritedContext?: ShellContextProps;\n}) => {\n  // TODO functions provided at multiple levels must be merged\n  const mergedContext = {\n    ...inheritedContext,\n    ...context,\n  };\n  return (\n    <ShellContext.Provider value={mergedContext}>\n      {children}\n    </ShellContext.Provider>\n  );\n};\n\nexport const ShellContextProvider = ({\n  children,\n  value,\n}: ShellProviderProps): ReactElement => {\n  return (\n    <ShellContext.Consumer>\n      {(context) => (\n        <Provider context={value} inheritedContext={context}>\n          {children}\n        </Provider>\n      )}\n    </ShellContext.Consumer>\n  );\n};\n\nexport const useShellContext = () => {\n  return useContext(ShellContext);\n};\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeMode, ThemeSwitch } from \"../theme-switch\";\nimport cx from \"classnames\";\n\nimport \"./AppHeader.css\";\nimport { Density } from \"@salt-ds/core\";\nimport { DensitySwitch } from \"../density-switch\";\n\nconst classBase = \"vuuAppHeader\";\nexport interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  onSwitchTheme?: (mode: ThemeMode) => void;\n  themeMode?: ThemeMode;\n  onDensitySwitch?: (density: Density) => void;\n  density?: Density\n  user: VuuUser;\n}\n\nexport const AppHeader = ({\n  className: classNameProp,\n  layoutId,\n  loginUrl,\n  onNavigate,\n  onSwitchTheme,\n  themeMode = \"light\",\n  onDensitySwitch,\n  density=\"medium\",\n  user,\n  ...htmlAttributes\n}: AppHeaderProps) => {\n  const className = cx(classBase, classNameProp, `salt-density-${density}`);\n  const handleSwitchTheme = useCallback(\n    (mode: ThemeMode) => onSwitchTheme?.(mode),\n    [onSwitchTheme]\n  );\n  const handleDensitySwitch = useCallback(\n    (density: Density) => onDensitySwitch?.(density),\n    [onDensitySwitch]\n  );\n  return (\n    <header className={className} {...htmlAttributes}>\n      <ThemeSwitch defaultMode={themeMode} onChange={handleSwitchTheme} />\n      <DensitySwitch defaultDensity={density} onDensityChange={handleDensitySwitch} />\n      <UserProfile\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={onNavigate}\n        user={user}\n      />\n    </header>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport { DropdownBase } from \"@heswell/salt-lab\";\nimport { UserSolidIcon } from \"@salt-ds/icons\";\nimport { UserPanel } from \"./UserPanel\";\n\nimport \"./UserProfile.css\";\nimport { VuuUser } from \"../shell\";\n\nexport interface UserProfileProps {\n  layoutId: string;\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n}\n\nexport const UserProfile = ({\n  layoutId,\n  loginUrl,\n  onNavigate,\n  user,\n}: UserProfileProps) => {\n  const handleNavigate = (id: string) => {\n    onNavigate(id);\n  };\n\n  return (\n    <DropdownBase className=\"vuuUserProfile\" placement=\"bottom-end\">\n      <Button variant=\"secondary\">\n        <UserSolidIcon />\n      </Button>\n      <UserPanel\n        layoutId={layoutId}\n        loginUrl={loginUrl}\n        onNavigate={handleNavigate}\n        user={user}\n      />\n    </DropdownBase>\n  );\n};\n", "import { formatDate } from \"@vuu-ui/vuu-utils\";\nimport { List, ListItem, ListItemProps } from \"@heswell/salt-lab\";\nimport { Button } from \"@salt-ds/core\";\nimport { ExportIcon } from \"@salt-ds/icons\";\nimport {\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useState,\n} from \"react\";\nimport { getLayoutHistory, LayoutHistoryItem } from \"../get-layout-history\";\nimport { logout } from \"../login\";\nimport { VuuUser } from \"../shell\";\n\nimport \"./UserPanel.css\";\n\nconst byLastUpdate = (\n  { lastUpdate: l1 }: LayoutHistoryItem,\n  { lastUpdate: l2 }: LayoutHistoryItem\n) => {\n  return l2 === l1 ? 0 : l2 < l1 ? -1 : 1;\n};\n\ntype HistoryEntry = {\n  id: string;\n  label: string;\n  lastUpdate: number;\n};\n\nconst HistoryListItem = (props: ListItemProps<HistoryEntry>) => {\n  return <ListItem {...props} />;\n};\n\nexport interface UserPanelProps extends HTMLAttributes<HTMLDivElement> {\n  loginUrl?: string;\n  onNavigate: (id: string) => void;\n  user: VuuUser;\n  layoutId: string;\n}\n\nexport const UserPanel = forwardRef(function UserPanel(\n  { loginUrl, onNavigate, user, layoutId = \"latest\" }: UserPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>\n) {\n  const [history, setHistory] = useState<HistoryEntry[]>([]);\n\n  useEffect(() => {\n    async function getHistory() {\n      const history = await getLayoutHistory(user);\n      const sortedHistory = history\n        .filter((item) => item.id !== \"latest\")\n        .sort(byLastUpdate)\n        .map<HistoryEntry>(({ id, lastUpdate }) => ({\n          lastUpdate,\n          id,\n          label: `Saved at ${formatDate(new Date(lastUpdate), \"kk:mm:ss\")}`,\n        }));\n      console.log({ sortedHistory });\n      setHistory(sortedHistory);\n    }\n\n    getHistory();\n  }, [user]);\n\n  const handleHisorySelected = useCallback(\n    (evt, selected) => {\n      if (selected) {\n        onNavigate(selected.id);\n      }\n    },\n    [onNavigate]\n  );\n\n  const handleLogout = useCallback(() => {\n    logout(loginUrl);\n  }, [loginUrl]);\n\n  const selected =\n    history.length === 0\n      ? null\n      : layoutId === \"latest\"\n      ? history[0]\n      : history.find((i) => i.id === layoutId);\n\n  return (\n    <div className=\"vuuUserPanel\" ref={forwardedRef}>\n      <List<HistoryEntry>\n        ListItem={HistoryListItem}\n        className=\"vuuUserPanel-history\"\n        onSelect={handleHisorySelected}\n        selected={selected}\n        source={history}\n      />\n      <div className=\"vuuUserPanel-buttonBar\">\n        <Button aria-label=\"logout\" onClick={handleLogout}>\n          <ExportIcon /> Logout\n        </Button>\n      </div>\n    </div>\n  );\n});\n", "import { VuuUser } from \"./shell\";\n\nexport interface LayoutHistoryItem {\n  user: string;\n  id: string;\n  uniqueId: string;\n  lastUpdate: number;\n}\n\nexport const getLayoutHistory = async (\n  user: VuuUser\n): Promise<LayoutHistoryItem[]> => {\n  const history = await fetch(`api/vui/${user.username}`, {})\n    .then((response) => {\n      return response.ok ? response.json() : null;\n    })\n    .catch(() => {\n      // TODO we should set a layout with a warning here\n      console.log(\"error getting history\");\n    });\n\n  return history;\n};\n", "import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupChangeEventHandler,\n} from \"@heswell/salt-lab\";\nimport cx from \"classnames\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\n\nimport \"./ThemeSwitch.css\";\n\nconst classBase = \"vuuThemeSwitch\";\n\nexport type ThemeMode = \"light\" | \"dark\";\n\nexport interface ThemeSwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultMode?: ThemeMode;\n  mode?: ThemeMode;\n  onChange: (mode: ThemeMode) => void;\n}\n\nconst modes: ThemeMode[] = [\"light\", \"dark\"];\n\nexport const ThemeSwitch = ({\n  className: classNameProp,\n  defaultMode: defaultModeProp,\n  mode: modeProp,\n  onChange,\n  ...htmlAttributes\n}: ThemeSwitchProps) => {\n  const [mode, setMode] = useControlled<ThemeMode>({\n    controlled: modeProp,\n    default: defaultModeProp ?? \"light\",\n    name: \"ThemeSwitch\",\n    state: \"mode\",\n  });\n\n  const selectedIndex = modes.indexOf(mode);\n\n  const handleChangeSecondary: ToggleButtonGroupChangeEventHandler =\n    useCallback(\n      (_evt, index) => {\n        const mode = modes[index];\n        setMode(mode);\n        onChange(mode);\n      },\n      [onChange, setMode]\n    );\n  const className = cx(classBase, classNameProp);\n  return (\n    <ToggleButtonGroup\n      className={className}\n      {...htmlAttributes}\n      onChange={handleChangeSecondary}\n      selectedIndex={selectedIndex}\n    >\n      <ToggleButton\n        aria-label=\"alert\"\n        tooltipText=\"Light Theme\"\n        data-icon=\"light\"\n      />\n      <ToggleButton\n        aria-label=\"home\"\n        tooltipText=\"Dark Theme\"\n        data-icon=\"dark\"\n      />\n    </ToggleButtonGroup>\n  );\n};\n", "import { Dropdown, SelectionChangeHandler } from \"@heswell/salt-lab\";\nimport { DEFAULT_DENSITY, Density } from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback } from \"react\";\nimport cx from \"classnames\";\n\nconst classBase = \"vuuDensitySwitch\";\n\nconst densities:Density[] = [\"high\", \"medium\", \"low\", \"touch\"];\n\nexport interface DensitySwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n    defaultDensity?: Density;\n    density?: Density;\n    onDensityChange: (density: Density) => void;\n}\n\nexport const DensitySwitch = ({\n  className: classNameProp,\n  defaultDensity=DEFAULT_DENSITY,\n  onDensityChange\n}:DensitySwitchProps) => {\n\n  const handleSelectionChange:SelectionChangeHandler | string = useCallback((_event, selectedItem) => {\n    onDensityChange(selectedItem);\n  }, [onDensityChange])\n\n  const className = cx(classBase, classNameProp);\n\n  return (\n    <Dropdown\n    className={className}\n    source={densities}\n    defaultSelected={defaultDensity}\n    onSelectionChange={handleSelectionChange}\n    />\n  )\n}"],
+  "mappings": "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",
+  "names": ["React", "useEffect", "useState", "cx", "Fragment", "jsx", "jsxs", "ConnectionStatusIcon", "connectionStatus", "className", "element", "props", "classBase", "setClassBase", "useState", "useEffect", "statusIcon", "React", "cx", "React", "Suspense", "registerComponent", "React", "Fragment", "jsx", "jsxs", "ErrorBoundary", "props", "error", "errorInfo", "jsx", "Loader", "importCSS", "path", "container", "x", "jsx", "RawFeature", "url", "css", "params", "props", "importCSS", "styleSheet", "LazyFeature", "React", "ErrorBoundary", "Suspense", "Loader", "Feature", "registerComponent", "useState", "Button", "FormField", "Input", "jsx", "jsxs", "classBase", "LoginPanel", "onSubmit", "username", "setUserName", "useState", "password", "setPassword", "login", "handleUsername", "_event", "value", "handlePassword", "dataIsValid", "FormField", "Input", "Button", "getCookieValue", "getAuthDetailsFromCookies", "username", "token", "redirectToLogin", "loginUrl", "logout", "connectToServer", "useCallback", "useEffect", "useRef", "useState", "useCallback", "useEffect", "useState", "useLayoutConfig", "user", "defaultLayout", "layout", "_setLayout", "setLayout", "load", "id", "response", "saveData", "data", "loadLayoutById", "use_layout_config_default", "createContext", "useContext", "jsx", "defaultConfig", "ShellContext", "Provider", "children", "context", "inheritedContext", "mergedContext", "ShellContextProvider", "value", "useShellContext", "cx", "Chest", "DraggableLayout", "Drawer", "Flexbox", "LayoutProvider", "View", "useCallback", "Button", "DropdownBase", "UserSolidIcon", "formatDate", "List", "ListItem", "Button", "ExportIcon", "forwardRef", "useCallback", "useEffect", "useState", "getLayoutHistory", "user", "response", "jsx", "jsxs", "byLastUpdate", "l1", "l2", "HistoryListItem", "props", "ListItem", "UserPanel", "forwardRef", "loginUrl", "onNavigate", "user", "layoutId", "forwardedRef", "history", "setHistory", "useState", "useEffect", "getHistory", "sortedHistory", "getLayoutHistory", "item", "id", "lastUpdate", "formatDate", "handleHisorySelected", "useCallback", "evt", "selected", "handleLogout", "logout", "i", "List", "Button", "ExportIcon", "jsx", "jsxs", "UserProfile", "layoutId", "loginUrl", "onNavigate", "user", "DropdownBase", "Button", "UserSolidIcon", "UserPanel", "id", "ToggleButton", "ToggleButtonGroup", "cx", "useControlled", "useCallback", "jsx", "jsxs", "classBase", "modes", "ThemeSwitch", "classNameProp", "defaultModeProp", "modeProp", "onChange", "htmlAttributes", "mode", "setMode", "useControlled", "selectedIndex", "handleChangeSecondary", "useCallback", "_evt", "index", "className", "cx", "ToggleButtonGroup", "ToggleButton", "cx", "Dropdown", "DEFAULT_DENSITY", "useCallback", "cx", "jsx", "classBase", "densities", "DensitySwitch", "classNameProp", "defaultDensity", "onDensityChange", "handleSelectionChange", "_event", "selectedItem", "className", "jsx", "jsxs", "classBase", "AppHeader", "classNameProp", "layoutId", "loginUrl", "onNavigate", "onSwitchTheme", "themeMode", "onDensitySwitch", "density", "user", "htmlAttributes", "className", "cx", "handleSwitchTheme", "useCallback", "mode", "handleDensitySwitch", "ThemeSwitch", "DensitySwitch", "UserProfile", "jsx", "jsxs", "warningLayout", "Shell", "children", "classNameProp", "defaultLayout", "leftSidePanel", "loginUrl", "serverUrl", "user", "htmlAttributes", "rootRef", "useRef", "density", "setDensity", "useState", "paletteView", "open", "setOpen", "layoutId", "layout", "setLayoutConfig", "loadLayoutById", "use_layout_config_default", "handleLayoutChange", "useCallback", "handleSwitchTheme", "mode", "handleDensitySwitch", "handleDrawerClick", "e", "_a", "target", "handleNavigate", "id", "useEffect", "connectToServer", "getDrawers", "drawers", "Drawer", "View", "className", "cx", "ShellContextProvider", "LayoutProvider", "DraggableLayout", "Flexbox", "AppHeader", "Chest"]
 }

package/index.css

@@ -1,2 +1,2 @@
-.vuuLoginPanel{--hwTextInput-border: solid 1px #ccc;--hwTextInput-height: 28px;--hwTextInput-padding: 0 12px;--hwTextInput-width: 100%;--login-row-height: 60px;align-content:center;align-items:center;border:solid 1px lightgray;display:flex;flex-direction:column;gap:24px;justify-content:center;justify-items:center;margin:0 auto;padding:48px 48px 24px;width:fit-content}.vuuLoginPanel-login{grid-column:2/3;align-self:end;justify-self:end}.vuuUserPanel{background-color:#fff;display:flex;flex-direction:column;max-height:400px;padding:12px}vuuUserPanel-history{flex:1 1 auto}.vuuUserPanel-buttonBar{--saltButton-width: 100%;align-items:flex-end;border-top:1px solid var(--surface3);display:flex;flex:0 0 32px;justify-content:flex-start}.btn-logout{--hwButton-icon-left: 12px;--hwButton-padding: 0 6px 0 24px;padding-left:24px}.vuuUserProfile{--svg-icon: var(--svg-user)}.vuuThemeSwitch{--saltButton-minWidth: 22px}.vuuThemeSwitch{--svg-light: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z"/></svg>');--svg-dark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z"/></svg>')}.salt-density-high .vuuThemeSwitch{--saltButton-minWidth: 16px;--saltButton-width: 18px;--vuuThemeSwitch-iconSize: 16px}.vuuThemeSwitch [data-icon]{--vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px)}.vuuThemeSwitch [data-icon=light]{--vuu-icon-svg: var(--svg-light)}.vuuThemeSwitch [data-icon=dark]{--vuu-icon-svg: var(--svg-dark)}.vuuAppHeader{align-items:center;border-bottom:solid 1px var(--salt-container-secondary-borderColor);display:flex;height:40px;justify-content:flex-end}.vuuShell{background-color:var(--salt-container-primary-background, ivory);height:var(--vuuShell-height, 100vh);width:var(--vuuShell-width, 100vw)}.vuuShell-palette{--vuuView-border: none;--vuuView-margin: 0}.vuuShell-warningPlaceholder{background-color:var(--salt-container-background-high);height:100%}
+.vuuStatus-container{display:flex}.vuuStatus-text{align-self:center}.vuuStatus{--vuu-icon-height: 18px;--vuu-icon-padding: var(--vuuStatus-padding, 6px);--vuu-icon-width: var(--vuuStatus-width, auto);--vuu-icon-min-width: var(--vuuStatus-min-width, 20px);align-items:center;display:inline-flex;height:var(--vuu-icon-height);justify-content:center;min-width:var(--vuu-icon-min-width);padding:0 var(--vuu-icon-padding);width:var(--vuu-icon-width);position:relative}.vuuStatus[data-icon]:after{inset:0 0 0 0;content:"";box-shadow:0 0 #000;position:absolute;mask:var(--vuu-icon-svg) center center/20px 20px no-repeat;-webkit-mask:var(--vuu-icon-svg) center center/20px 20px no-repeat}.vuuActiveStatus:after{--vuu-icon-svg: var(--svg-active-status);background-color:#0f0}.vuuConnectingStatus:after{--vuu-icon-svg: var(--svg-connecting-status);background-color:orange;transform:scale(1);animation:infinite pulse 1s}.vuuDisconnectedStatus:after{--vuu-icon-svg: var(--svg-disconnected-status);background-color:red;transform:scale(1);animation:infinite pulse .5s}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #000000b3}70%{transform:scale(1);box-shadow:0 0 #0000}to{transform:scale(.95);box-shadow:0 0 #0000}}.vuuLoginPanel{--hwTextInput-border: solid 1px #ccc;--hwTextInput-height: 28px;--hwTextInput-padding: 0 12px;--hwTextInput-width: 100%;--login-row-height: 60px;align-content:center;align-items:center;border:solid 1px lightgray;display:flex;flex-direction:column;gap:24px;justify-content:center;justify-items:center;margin:0 auto;padding:48px 48px 24px;width:fit-content}.vuuLoginPanel-login{grid-column:2/3;align-self:end;justify-self:end}.vuuUserPanel{background-color:#fff;display:flex;flex-direction:column;max-height:400px;padding:12px}vuuUserPanel-history{flex:1 1 auto}.vuuUserPanel-buttonBar{--saltButton-width: 100%;align-items:flex-end;border-top:1px solid var(--surface3);display:flex;flex:0 0 32px;justify-content:flex-start}.btn-logout{--hwButton-icon-left: 12px;--hwButton-padding: 0 6px 0 24px;padding-left:24px}.vuuUserProfile{--svg-icon: var(--svg-user)}.vuuThemeSwitch{--saltButton-minWidth: 22px}.vuuThemeSwitch{--svg-light: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z"/></svg>');--svg-dark: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path d="M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z"/></svg>')}.salt-density-high .vuuThemeSwitch{--saltButton-minWidth: 16px;--saltButton-width: 18px;--vuuThemeSwitch-iconSize: 16px}.vuuThemeSwitch [data-icon]{--vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px)}.vuuThemeSwitch [data-icon=light]{--vuu-icon-svg: var(--svg-light)}.vuuThemeSwitch [data-icon=dark]{--vuu-icon-svg: var(--svg-dark)}.vuuAppHeader{align-items:center;border-bottom:solid 1px var(--salt-container-secondary-borderColor);display:flex;height:40px;justify-content:flex-end}.vuuShell{background-color:var(--salt-container-primary-background, ivory);height:var(--vuuShell-height, 100vh);width:var(--vuuShell-width, 100vw)}.vuuShell-palette{--vuuView-border: none;--vuuView-margin: 0}.vuuShell-warningPlaceholder{background-color:var(--salt-container-background-high);height:100%}
 /*# sourceMappingURL=index.css.map */

package/index.css.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
-  "sources": ["../../../packages/vuu-shell/src/login/LoginPanel.css", "../../../packages/vuu-shell/src/user-profile/UserPanel.css", "../../../packages/vuu-shell/src/user-profile/UserProfile.css", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.css", "../../../packages/vuu-shell/src/app-header/AppHeader.css", "../../../packages/vuu-shell/src/shell.css"],
-  "sourcesContent": [".vuuLoginPanel {\n  --hwTextInput-border: solid 1px #ccc;\n  --hwTextInput-height: 28px;\n  --hwTextInput-padding: 0 12px;\n  --hwTextInput-width: 100%;\n  --login-row-height: 60px;\n  align-content: center;\n  align-items: center;\n  border: solid 1px lightgray;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  justify-content: center;\n  justify-items: center;\n  margin: 0 auto;\n  padding: 48px 48px 24px 48px;\n  width: fit-content;\n}\n\n.vuuLoginPanel-login {\n  grid-column: 2/3;\n  align-self: end;\n  justify-self: end;\n}\n", ".vuuUserPanel {\n  background-color: white;\n  display: flex;\n  flex-direction: column;\n  max-height: 400px;\n  padding: 12px;\n}\n\nvuuUserPanel-history {\n  flex: 1 1 auto;\n}\n\n.vuuUserPanel-buttonBar {\n  --saltButton-width: 100%;\n  align-items: flex-end;\n  border-top: 1px solid var(--surface3);\n  display: flex;\n  flex: 0 0 32px;\n  justify-content: flex-start;\n}\n\n.btn-logout {\n  --hwButton-icon-left: 12px;\n  --hwButton-padding: 0 6px 0 24px;\n  padding-left: 24px;\n}\n", ".vuuUserProfile {\n  --svg-icon: var(--svg-user);\n}\n", ".vuuThemeSwitch {\n    --saltButton-minWidth: 22px;\n}\n\n.vuuThemeSwitch {\n    --svg-light: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z\"/></svg>');\n    --svg-dark: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z\"/></svg>');\n}\n\n.salt-density-high .vuuThemeSwitch {\n    --saltButton-minWidth: 16px;\n    --saltButton-width: 18px;\n    --vuuThemeSwitch-iconSize: 16px;\n}\n\n.vuuThemeSwitch [data-icon] {\n    --vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px);\n}\n\n.vuuThemeSwitch [data-icon='light'] {\n    --vuu-icon-svg: var(--svg-light);\n}\n.vuuThemeSwitch [data-icon='dark'] {\n    --vuu-icon-svg: var(--svg-dark);\n}\n", ".vuuAppHeader {\n  align-items: center;\n  border-bottom: solid 1px var(--salt-container-secondary-borderColor);\n  display: flex;\n  height: 40px;\n  justify-content: flex-end;\n}\n", ".vuuShell {\n  background-color: var(--salt-container-primary-background, ivory);\n  height: var(--vuuShell-height, 100vh);\n  width: var(--vuuShell-width, 100vw);\n}\n\n.vuuShell-palette {\n  --vuuView-border: none;\n  --vuuView-margin: 0;\n}\n\n.vuuShell-warningPlaceholder {\n  background-color: var(--salt-container-background-high);\n  height: 100%;\n}\n"],
-  "mappings": "AAAA,eACE,qCACA,2BACA,8BACA,0BACA,yBACA,qBACA,mBACA,2BACA,aACA,sBACA,SACA,uBACA,qBAbF,qCAgBE,kBAGF,qBACE,gBACA,eACA,iBCtBF,cACE,sBACA,aACA,sBACA,iBAJF,aAQA,qBACE,cAGF,wBACE,yBACA,qBACA,qCACA,aACA,cACA,2BAGF,YACE,2BACA,iCACA,kBCxBF,gBACE,4BCDF,gBACI,4BAGJ,gBACI,kgDACA,miBAGJ,mCACI,4BACA,yBACA,gCAGJ,4BACI,qDAGJ,kCACI,iCAEJ,iCACI,gCCvBJ,cACE,mBACA,oEACA,aACA,YACA,yBCLF,UACE,iEACA,qCACA,mCAGF,kBACE,uBACA,oBAGF,6BACE,uDACA",
+  "sources": ["../../../packages/vuu-shell/src/connection-status/ConnectionStatusIcon.css", "../../../packages/vuu-shell/src/login/LoginPanel.css", "../../../packages/vuu-shell/src/user-profile/UserPanel.css", "../../../packages/vuu-shell/src/user-profile/UserProfile.css", "../../../packages/vuu-shell/src/theme-switch/ThemeSwitch.css", "../../../packages/vuu-shell/src/app-header/AppHeader.css", "../../../packages/vuu-shell/src/shell.css"],
+  "sourcesContent": [".vuuStatus-container {\n\tdisplay: flex;\n}\n\n.vuuStatus-text {\n\talign-self: center;\n}\n\n\n.vuuStatus {\n\t--vuu-icon-height: 18px;\n\t--vuu-icon-padding: var(--vuuStatus-padding, 6px);\n\t--vuu-icon-width: var(--vuuStatus-width, auto);\n\t--vuu-icon-min-width: var(--vuuStatus-min-width, 20px);\n\talign-items: center;\n\tdisplay: inline-flex;\n\theight: var(--vuu-icon-height);\n\tjustify-content: center;\n\tmin-width: var(--vuu-icon-min-width);\n\tpadding: 0 var(--vuu-icon-padding);\n\twidth: var(--vuu-icon-width);\n\tposition: relative;\n}\n\n.vuuStatus[data-icon]::after {\n\tinset: 0 0 0 0;\n\tcontent: '';\n\tbox-shadow: 0 0 0 0 black;\n\tposition: absolute;\n\tmask: var(--vuu-icon-svg) center center/20px 20px no-repeat;\n\t-webkit-mask: var(--vuu-icon-svg) center center/20px 20px no-repeat;\n}\n\n.vuuActiveStatus::after {\n\t--vuu-icon-svg: var(--svg-active-status);\n\tbackground-color: rgb(0, 255, 0);\n}\n\n.vuuConnectingStatus::after {\n\t--vuu-icon-svg: var(--svg-connecting-status);\n\tbackground-color: orange;\n\ttransform: scale(1);\n\tanimation: infinite pulse 1s;\n}\n\n.vuuDisconnectedStatus::after {\n\t--vuu-icon-svg: var(--svg-disconnected-status);\n\tbackground-color: red;\n\ttransform: scale(1);\n\tanimation: infinite pulse 0.5s;\n}\n\n@keyframes pulse {\n\t0% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0.7);\n\t}\n\n\t70% {\n\t\ttransform: scale(1);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n\t}\n\n\t100% {\n\t\ttransform: scale(0.95);\n\t\tbox-shadow: 0 0 0 0 rgba(0, 0, 0, 0);\n\t}\n}", ".vuuLoginPanel {\n  --hwTextInput-border: solid 1px #ccc;\n  --hwTextInput-height: 28px;\n  --hwTextInput-padding: 0 12px;\n  --hwTextInput-width: 100%;\n  --login-row-height: 60px;\n  align-content: center;\n  align-items: center;\n  border: solid 1px lightgray;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  justify-content: center;\n  justify-items: center;\n  margin: 0 auto;\n  padding: 48px 48px 24px 48px;\n  width: fit-content;\n}\n\n.vuuLoginPanel-login {\n  grid-column: 2/3;\n  align-self: end;\n  justify-self: end;\n}\n", ".vuuUserPanel {\n  background-color: white;\n  display: flex;\n  flex-direction: column;\n  max-height: 400px;\n  padding: 12px;\n}\n\nvuuUserPanel-history {\n  flex: 1 1 auto;\n}\n\n.vuuUserPanel-buttonBar {\n  --saltButton-width: 100%;\n  align-items: flex-end;\n  border-top: 1px solid var(--surface3);\n  display: flex;\n  flex: 0 0 32px;\n  justify-content: flex-start;\n}\n\n.btn-logout {\n  --hwButton-icon-left: 12px;\n  --hwButton-padding: 0 6px 0 24px;\n  padding-left: 24px;\n}\n", ".vuuUserProfile {\n  --svg-icon: var(--svg-user);\n}\n", ".vuuThemeSwitch {\n    --saltButton-minWidth: 22px;\n}\n\n.vuuThemeSwitch {\n    --svg-light: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 31q2.9 0 4.95-2.05Q31 26.9 31 24q0-2.9-2.05-4.95Q26.9 17 24 17q-2.9 0-4.95 2.05Q17 21.1 17 24q0 2.9 2.05 4.95Q21.1 31 24 31Zm0 3q-4.15 0-7.075-2.925T14 24q0-4.15 2.925-7.075T24 14q4.15 0 7.075 2.925T34 24q0 4.15-2.925 7.075T24 34ZM3.5 25.5q-.65 0-1.075-.425Q2 24.65 2 24q0-.65.425-1.075Q2.85 22.5 3.5 22.5h5q.65 0 1.075.425Q10 23.35 10 24q0 .65-.425 1.075-.425.425-1.075.425Zm36 0q-.65 0-1.075-.425Q38 24.65 38 24q0-.65.425-1.075.425-.425 1.075-.425h5q.65 0 1.075.425Q46 23.35 46 24q0 .65-.425 1.075-.425.425-1.075.425ZM24 10q-.65 0-1.075-.425Q22.5 9.15 22.5 8.5v-5q0-.65.425-1.075Q23.35 2 24 2q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 10 24 10Zm0 36q-.65 0-1.075-.425-.425-.425-.425-1.075v-5q0-.65.425-1.075Q23.35 38 24 38q.65 0 1.075.425.425.425.425 1.075v5q0 .65-.425 1.075Q24.65 46 24 46ZM12 14.1l-2.85-2.8q-.45-.45-.425-1.075.025-.625.425-1.075.45-.45 1.075-.45t1.075.45L14.1 12q.4.45.4 1.05 0 .6-.4 1-.4.45-1.025.45-.625 0-1.075-.4Zm24.7 24.75L33.9 36q-.4-.45-.4-1.075t.45-1.025q.4-.45 1-.45t1.05.45l2.85 2.8q.45.45.425 1.075-.025.625-.425 1.075-.45.45-1.075.45t-1.075-.45ZM33.9 14.1q-.45-.45-.45-1.05 0-.6.45-1.05l2.8-2.85q.45-.45 1.075-.425.625.025 1.075.425.45.45.45 1.075t-.45 1.075L36 14.1q-.4.4-1.025.4-.625 0-1.075-.4ZM9.15 38.85q-.45-.45-.45-1.075t.45-1.075L12 33.9q.45-.45 1.05-.45.6 0 1.05.45.45.45.45 1.05 0 .6-.45 1.05l-2.8 2.85q-.45.45-1.075.425-.625-.025-1.075-.425ZM24 24Z\"/></svg>');\n    --svg-dark: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\"><path d=\"M24 42q-7.5 0-12.75-5.25T6 24q0-7.5 5.25-12.75T24 6q.4 0 .85.025.45.025 1.15.075-1.8 1.6-2.8 3.95-1 2.35-1 4.95 0 4.5 3.15 7.65Q28.5 25.8 33 25.8q2.6 0 4.95-.925T41.9 22.3q.05.6.075.975Q42 23.65 42 24q0 7.5-5.25 12.75T24 42Zm0-3q5.45 0 9.5-3.375t5.05-7.925q-1.25.55-2.675.825Q34.45 28.8 33 28.8q-5.75 0-9.775-4.025T19.2 15q0-1.2.25-2.575.25-1.375.9-3.125-4.9 1.35-8.125 5.475Q9 18.9 9 24q0 6.25 4.375 10.625T24 39Zm-.2-14.85Z\"/></svg>');\n}\n\n.salt-density-high .vuuThemeSwitch {\n    --saltButton-minWidth: 16px;\n    --saltButton-width: 18px;\n    --vuuThemeSwitch-iconSize: 16px;\n}\n\n.vuuThemeSwitch [data-icon] {\n    --vuu-icon-size: var(--vuuThemeSwitch-iconSize,18px);\n}\n\n.vuuThemeSwitch [data-icon='light'] {\n    --vuu-icon-svg: var(--svg-light);\n}\n.vuuThemeSwitch [data-icon='dark'] {\n    --vuu-icon-svg: var(--svg-dark);\n}\n", ".vuuAppHeader {\n  align-items: center;\n  border-bottom: solid 1px var(--salt-container-secondary-borderColor);\n  display: flex;\n  height: 40px;\n  justify-content: flex-end;\n}\n", ".vuuShell {\n  background-color: var(--salt-container-primary-background, ivory);\n  height: var(--vuuShell-height, 100vh);\n  width: var(--vuuShell-width, 100vw);\n}\n\n.vuuShell-palette {\n  --vuuView-border: none;\n  --vuuView-margin: 0;\n}\n\n.vuuShell-warningPlaceholder {\n  background-color: var(--salt-container-background-high);\n  height: 100%;\n}\n"],
+  "mappings": "AAAA,qBACC,aAGD,gBACC,kBAID,WACC,wBACA,kDACA,+CACA,uDACA,mBACA,oBACA,8BACA,uBACA,oCACA,kCACA,4BACA,kBAGD,4BACC,cACA,WACA,oBACA,kBACA,2DACA,mEAGD,uBACC,yCACA,sBAGD,2BACC,6CACA,wBACA,mBACA,4BAGD,6BACC,+CACA,qBACA,mBACA,6BAGD,oBAEE,qBACA,6BAIA,mBACA,wBAIA,qBACA,sBCjEF,eACE,qCACA,2BACA,8BACA,0BACA,yBACA,qBACA,mBACA,2BACA,aACA,sBACA,SACA,uBACA,qBAbF,qCAgBE,kBAGF,qBACE,gBACA,eACA,iBCtBF,cACE,sBACA,aACA,sBACA,iBAJF,aAQA,qBACE,cAGF,wBACE,yBACA,qBACA,qCACA,aACA,cACA,2BAGF,YACE,2BACA,iCACA,kBCxBF,gBACE,4BCDF,gBACI,4BAGJ,gBACI,kgDACA,miBAGJ,mCACI,4BACA,yBACA,gCAGJ,4BACI,qDAGJ,kCACI,iCAEJ,iCACI,gCCvBJ,cACE,mBACA,oEACA,aACA,YACA,yBCLF,UACE,iEACA,qCACA,mCAGF,kBACE,uBACA,oBAGF,6BACE,uDACA",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vuu-ui/vuu-shell",
-  "version": "0.6.24",
+  "version": "0.6.25",
   "description": "VUU UI Shell",
   "author": "heswell",
   "license": "Apache-2.0",
@@ -8,9 +8,9 @@
     "@salt-ds/core": "1.2.0",
     "@salt-ds/icons": "1.1.0",
     "@heswell/salt-lab": "1.0.0-alpha.2",
-    "@vuu-ui/vuu-data": "0.6.24",
-    "@vuu-ui/vuu-layout": "0.6.24",
-    "@vuu-ui/vuu-utils": "0.6.24"
+    "@vuu-ui/vuu-data": "0.6.25",
+    "@vuu-ui/vuu-layout": "0.6.25",
+    "@vuu-ui/vuu-utils": "0.6.25"
   },
   "peerDependencies": {
     "classnames": "^2.2.6",

package/types/app-header/AppHeader.d.ts

@@ -2,12 +2,15 @@ import { HTMLAttributes } from "react";
 import { VuuUser } from "../shell";
 import { ThemeMode } from "../theme-switch";
 import "./AppHeader.css";
+import { Density } from "@salt-ds/core";
 export interface AppHeaderProps extends HTMLAttributes<HTMLDivElement> {
     layoutId: string;
     loginUrl?: string;
     onNavigate: (id: string) => void;
     onSwitchTheme?: (mode: ThemeMode) => void;
     themeMode?: ThemeMode;
+    onDensitySwitch?: (density: Density) => void;
+    density?: Density;
     user: VuuUser;
 }
-export declare const AppHeader: ({ className: classNameProp, layoutId, loginUrl, onNavigate, onSwitchTheme, themeMode, user, ...htmlAttributes }: AppHeaderProps) => JSX.Element;
+export declare const AppHeader: ({ className: classNameProp, layoutId, loginUrl, onNavigate, onSwitchTheme, themeMode, onDensitySwitch, density, user, ...htmlAttributes }: AppHeaderProps) => JSX.Element;

package/types/connection-status/ConnectionStatusIcon.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import './ConnectionStatusIcon.css';
+type connectionStatus = 'connected' | 'reconnected' | 'connecting' | 'disconnected';
+interface ConnectionStatusProps {
+    connectionStatus: connectionStatus;
+    className?: string;
+    props?: unknown;
+    element?: string;
+}
+export declare const ConnectionStatusIcon: ({ connectionStatus, className, element, ...props }: ConnectionStatusProps) => JSX.Element;
+export {};

package/types/connection-status/index.d.ts

@@ -0,0 +1 @@
+export * from "./ConnectionStatusIcon";

package/types/density-switch/DensitySwitch.d.ts

@@ -0,0 +1,8 @@
+import { Density } from "@salt-ds/core";
+import { HTMLAttributes } from "react";
+export interface DensitySwitchProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    defaultDensity?: Density;
+    density?: Density;
+    onDensityChange: (density: Density) => void;
+}
+export declare const DensitySwitch: ({ className: classNameProp, defaultDensity, onDensityChange }: DensitySwitchProps) => JSX.Element;

package/types/density-switch/index.d.ts

@@ -0,0 +1 @@
+export * from "./DensitySwitch";

package/types/index.d.ts

@@ -1,3 +1,4 @@
+export * from "./connection-status";
 export * from "./feature";
 export * from "./login";
 export * from "./shell";