@vuu-ui/vuu-shell 0.7.6 → 0.8.0

package/cjs/index.js

@@ -1,4 +1,4 @@
-"use strict";var pt=Object.create;var W=Object.defineProperty;var ft=Object.getOwnPropertyDescriptor;var gt=Object.getOwnPropertyNames;var ht=Object.getPrototypeOf,yt=Object.prototype.hasOwnProperty;var vt=(e,t)=>{for(var o in t)W(e,o,{get:t[o],enumerable:!0})},Se=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of gt(t))!yt.call(e,n)&&n!==o&&W(e,n,{get:()=>t[n],enumerable:!(r=ft(t,n))||r.enumerable});return e};var w=(e,t,o)=>(o=e!=null?pt(ht(e)):{},Se(t||!e||!e.__esModule?W(o,"default",{value:e,enumerable:!0}):o,e)),St=e=>Se(W({},"__esModule",{value:!0}),e);var $t={};vt($t,{ConnectionStatusIcon:()=>Tt,DEFAULT_DENSITY:()=>it,DEFAULT_THEME:()=>lt,DEFAULT_THEME_MODE:()=>ut,DensitySwitch:()=>wt,Feature:()=>ie,LoginPanel:()=>bt,SessionEditingForm:()=>Nt,Shell:()=>At,ShellContextProvider:()=>fe,ThemeContext:()=>ye,ThemeProvider:()=>ct,ThemeSwitch:()=>ge,getAuthDetailsFromCookies:()=>Mt,logout:()=>ce,redirectToLogin:()=>He,useShellContext:()=>Ft});module.exports=St($t);var A=w(require("react")),Te=w(require("classnames"));var k=require("react/jsx-runtime"),Tt=({connectionStatus:e,className:t,element:o="span",...r})=>{let[n,a]=(0,A.useState)("vuuConnectingStatus");(0,A.useEffect)(()=>{switch(e){case"connected":case"reconnected":a("vuuActiveStatus");break;case"connecting":a("vuuConnectingStatus");break;case"disconnected":a("vuuDisconnectedStatus");break;default:break}},[e]);let l=A.default.createElement(o,{...r,className:(0,Te.default)("vuuStatus vuuIcon",n,t)});return(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{className:"vuuStatus-container salt-theme",children:[l,(0,k.jsxs)("div",{className:"vuuStatus-text",children:["Status: ",e.toUpperCase()]})]})})};var xe=require("@heswell/salt-lab"),Ce=require("react"),Le=w(require("classnames")),we=require("react/jsx-runtime"),xt="vuuDensitySwitch",Ct=["high","medium","low","touch"],Lt="high",wt=({className:e,defaultDensity:t=Lt,onDensityChange:o})=>{let r=(0,Ce.useCallback)((a,l)=>{o(l)},[o]),n=(0,Le.default)(xt,e);return(0,we.jsx)(xe.Dropdown,{className:n,source:Ct,defaultSelected:t,onSelectionChange:r})};var N=w(require("react")),Me=require("@vuu-ui/vuu-layout");var De=w(require("react")),U=require("react/jsx-runtime"),Q=class extends De.default.Component{constructor(t){super(t),this.state={errorMessage:null}}static getDerivedStateFromError(t){return{errorMessage:t.message}}componentDidCatch(t,o){console.log(t,o)}render(){return this.state.errorMessage?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)("h1",{children:"Something went wrong."}),(0,U.jsx)("p",{children:this.state.errorMessage})]}):this.props.children}};var be=require("react/jsx-runtime"),Ee=()=>(0,be.jsx)("div",{className:"hwLoader",children:"loading"});var q=require("react/jsx-runtime"),X=new Map,Dt=e=>((0,N.useEffect)(()=>()=>{X.delete(e)},[e]),X.has(e)||X.set(e,N.default.lazy(()=>import(e))),X.get(e));function Et({url:e,css:t,params:o,...r}){console.log("Feature render",{css:t,url:e,props:r}),(0,N.useEffect)(()=>(console.log("%cFeature mount","color: green;"),()=>{console.log("%cFeature unmount","color:red;")}),[]),t&&import(t).then(a=>{console.log("%cInject Styles","color: blue;font-weight: bold"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,a.default]});let n=Dt(e);return(0,q.jsx)(Q,{children:(0,q.jsx)(N.Suspense,{fallback:(0,q.jsx)(Ee,{}),children:(0,q.jsx)(n,{...r,...o})})})}var ie=N.default.memo(Et);ie.displayName="Feature";(0,Me.registerComponent)("Feature",ie,"view");var le=require("react"),Ne=require("@salt-ds/core"),O=require("@heswell/salt-lab");var H=require("react/jsx-runtime"),Pe="vuuLoginPanel",bt=({onSubmit:e})=>{let[t,o]=(0,le.useState)(""),[r,n]=(0,le.useState)(""),a=()=>{e(t,r)},l=(m,u)=>{o(u)},c=(m,u)=>{n(u)},i=t.trim()!==""&&r.trim()!=="";return(0,H.jsxs)("div",{className:Pe,children:[(0,H.jsx)(O.FormField,{label:"Username",style:{width:200},children:(0,H.jsx)(O.Input,{value:t,id:"text-username",onChange:l})}),(0,H.jsx)(O.FormField,{label:"Password",style:{width:200},children:(0,H.jsx)(O.Input,{type:"password",value:r,id:"text-password",onChange:c})}),(0,H.jsx)(Ne.Button,{className:`${Pe}-login`,disabled:!i,onClick:a,variant:"cta",children:"Login"})]})};var ue=require("@vuu-ui/vuu-utils"),Mt=()=>{let e=(0,ue.getCookieValue)("vuu-username"),t=(0,ue.getCookieValue)("vuu-auth-token");return[e,t]},He=(e="login.html")=>{window.location.href=e},ce=e=>{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",He(e)};var g=require("react"),me=w(require("classnames")),ke=require("@salt-ds/core"),de=require("@salt-ds/core"),Z=require("@vuu-ui/vuu-data"),I=require("@vuu-ui/vuu-utils");var T=require("react/jsx-runtime"),b="vuuSessionEditingForm",Re=(e,t)=>{let o=e.find(r=>r.name===t);if(o)return o;throw Error(`SessionEditingForm, no field '${t}' found`)},Fe=e=>{let{dataset:{field:t},value:o}=e.target;if(t===void 0)throw Error("SessionEditingForm, form field has no field name");return[t,o]},M={uninitialised:0,unchanged:1,changed:2,invalid:3};function Ve(e,t,o=!1){switch(t){case"int":case"long":{let r=parseInt(e,10);if((0,I.isValidNumber)(r))return r;if(o)throw Error("SessionEditingForm getTypedValue");return}case"double":{let r=parseFloat(e);return(0,I.isValidNumber)(r)?r:void 0}case"boolean":return e==="true";default:return e}}var Pt=(e,t)=>{if(e)return e;if(t)return new Z.RemoteDataSource({bufferSize:0,table:t.table,columns:t.columns.map(o=>o.name)});throw Error("SessionEditingForm: either a DataSource or a TableSchema must be provided")},Nt=({className:e,config:{fields:t,key:o},dataSource:r,id:n,onClose:a,schema:l,...c})=>{let[i,m]=(0,g.useState)(),[u,h]=(0,g.useState)(""),d=(0,g.useRef)(null),p=(0,g.useRef)(),y=(0,g.useRef)(M.uninitialised),L=(0,g.useMemo)(()=>{let s=D=>{if(S){let E={};for(let B of L.columns)E[B]=D[S[B]];y.current===M.uninitialised&&(y.current=M.unchanged,p.current=E),m(E)}},f=Pt(r,l),S=(0,I.buildColumnMap)(f.columns);return f.subscribe({range:{from:0,to:5}},D=>{D.type==="viewport-update"&&D.rows&&(y.current===M.uninitialised?s(D.rows[0]):console.log("what do we do with server updates"))}),f},[r,l]),J=(0,ke.useIdMemo)(n),Y=(0,g.useCallback)(s=>{let[f,S]=Fe(s),{type:D}=Re(t,f),E=Ve(S,D);m((B={})=>{let ve={...B,[f]:E},dt=(0,I.shallowEquals)(ve,p.current);return y.current=dt?M.unchanged:E!==void 0?M.changed:M.invalid,ve})},[t]),oe=(0,g.useCallback)(s=>{let[f,S]=Fe(s),{type:D}=Re(t,f);console.log("BLUR",{keyField:o});let E=i==null?void 0:i[o],B=Ve(S,D,!0);typeof E=="string"&&L.menuRpcCall({rowKey:E,field:f,value:B,type:"VP_EDIT_CELL_RPC"})},[L,t,o,i]),_=(0,g.useCallback)(async()=>{let s=await L.menuRpcCall({type:"VP_EDIT_SUBMIT_FORM_RPC"});(0,Z.isErrorResponse)(s)&&h(s.error)},[L]),re=(0,g.useCallback)(s=>{s.key==="Enter"&&y.current===M.changed&&_()},[_]),ne=(0,g.useCallback)(()=>{a()},[a]),se=s=>{var S;let f=String((S=i==null?void 0:i[s.name])!=null?S:"");return s.readonly||s.name===o?(0,T.jsx)("div",{className:`${b}-fieldValue vuuReadOnly`,children:f}):(0,T.jsx)("input",{className:`${b}-fieldValue`,"data-field":s.name,onBlur:oe,onChange:Y,type:"text",value:f,id:`${J}-input-${s.name}`})};(0,g.useEffect)(()=>{if(d.current){let s=d.current.querySelector("input");s&&setTimeout(()=>{s.focus(),console.log("select item"),s.select()},100)}},[]);let ae=y.current===M.changed;return(0,T.jsxs)("div",{...c,className:(0,me.default)(b,e),children:[u?(0,T.jsx)("div",{className:`${b}-errorBanner`,"data-icon":"error",title:u,children:"Error, edit(s) not saved"}):void 0,(0,T.jsx)("div",{className:`${b}-content`,ref:d,onKeyDown:re,children:t.map(s=>{var f;return(0,T.jsxs)("div",{className:`${b}-field`,children:[(0,T.jsx)("label",{className:(0,me.default)(`${b}-fieldLabel`,{[`${b}-required`]:s.required}),htmlFor:`${J}-input-${s.name}`,children:(f=s==null?void 0:s.label)!=null?f:s.description}),se(s)]},s.name)})}),(0,T.jsxs)("div",{className:`${b}-buttonbar salt-theme salt-density-high`,children:[(0,T.jsx)(de.Button,{type:"submit",variant:"cta",disabled:!ae,onClick:_,children:"Submit"}),(0,T.jsx)(de.Button,{variant:"secondary",onClick:ne,children:"Cancel"})]})]})};var rt=require("@vuu-ui/vuu-data"),nt=w(require("classnames")),x=require("react");var ee=require("react"),j=require("react/jsx-runtime"),Ht={},pe=(0,ee.createContext)(Ht),Rt=({children:e,context:t,inheritedContext:o})=>{let r={...o,...t};return(0,j.jsx)(pe.Provider,{value:r,children:e})},fe=({children:e,value:t})=>(0,j.jsx)(pe.Consumer,{children:o=>(0,j.jsx)(Rt,{context:t,inheritedContext:o,children:e})}),Ft=()=>(0,ee.useContext)(pe);var R=require("react");var Ue=(e,t,o="latest")=>new Promise((r,n)=>{console.log(`load local config at ${e} for user ${t.username}, id ${o}`);let a=localStorage.getItem(e);if(a){let l=JSON.parse(a);r(l)}else n()}),Ie=(e,t,o)=>new Promise((r,n)=>{try{localStorage.setItem(e,JSON.stringify(o)),r(void 0)}catch{n()}});var Be=(e,t,o="latest")=>new Promise((r,n)=>{fetch(`${e}/${t.username}/${o}`,{}).then(a=>{a.ok?r(a.json()):n(void 0)}).catch(()=>{n(void 0)})}),Ae=(e,t,o)=>new Promise((r,n)=>{fetch(`${e}/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)}).then(a=>{a.ok?r(void 0):n()})});var Oe=({saveLocation:e,saveUrl:t="api/vui",user:o,defaultLayout:r})=>{let[n,a]=(0,R.useState)(r),l=e==="remote",c=l?Be:Ue,i=l?Ae:Ie,m=p=>{a(p)},u=(0,R.useCallback)(async(p="latest")=>{try{let y=await c(t,o,p);m(y)}catch{m(r)}},[r,c,t,o]);(0,R.useEffect)(()=>{u()},[u]);let h=(0,R.useCallback)(p=>{i(t,o,p)},[i,t,o]),d=(0,R.useCallback)(p=>{u(p)},[u]);return[n,h,d]};var v=require("@vuu-ui/vuu-layout");var et=require("react");var ze=require("@salt-ds/core"),Ke=require("@heswell/salt-lab"),Ye=require("@salt-ds/icons");var Je=require("@vuu-ui/vuu-utils"),te=require("@heswell/salt-lab"),_e=require("@salt-ds/core"),qe=require("@salt-ds/icons"),P=require("react");var $e=async e=>await fetch(`api/vui/${e.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});var F=require("react/jsx-runtime"),Vt=({lastUpdate:e},{lastUpdate:t})=>t===e?0:t<e?-1:1,kt=e=>(0,F.jsx)(te.ListItem,{...e}),Ge=(0,P.forwardRef)(function({loginUrl:t,onNavigate:o,user:r,layoutId:n="latest"},a){let[l,c]=(0,P.useState)([]);(0,P.useEffect)(()=>{async function h(){let p=(await $e(r)).filter(y=>y.id!=="latest").sort(Vt).map(({id:y,lastUpdate:L})=>({lastUpdate:L,id:y,label:`Saved at ${(0,Je.formatDate)(new Date(L),"kk:mm:ss")}`}));console.log({sortedHistory:p}),c(p)}h()},[r]);let i=(0,P.useCallback)((h,d)=>{d&&o(d.id)},[o]),m=(0,P.useCallback)(()=>{ce(t)},[t]),u=l.length===0?null:n==="latest"?l[0]:l.find(h=>h.id===n);return(0,F.jsxs)("div",{className:"vuuUserPanel",ref:a,children:[(0,F.jsx)(te.List,{ListItem:kt,className:"vuuUserPanel-history",onSelect:i,selected:u,source:l}),(0,F.jsx)("div",{className:"vuuUserPanel-buttonBar",children:(0,F.jsxs)(_e.Button,{"aria-label":"logout",onClick:m,children:[(0,F.jsx)(qe.ExportIcon,{})," Logout"]})})]})});var $=require("react/jsx-runtime"),We=({layoutId:e,loginUrl:t,onNavigate:o,user:r})=>(0,$.jsxs)(Ke.DropdownBase,{className:"vuuUserProfile",placement:"bottom-end",children:[(0,$.jsx)(ze.Button,{variant:"secondary",children:(0,$.jsx)(Ye.UserSolidIcon,{})}),(0,$.jsx)(Ge,{layoutId:e,loginUrl:t,onNavigate:a=>{o(a)},user:r})]});var G=require("@heswell/salt-lab"),Xe=w(require("classnames")),Ze=require("@salt-ds/core"),je=require("react");var z=require("react/jsx-runtime"),Ut="vuuThemeSwitch",Qe=["light","dark"],ge=({className:e,defaultMode:t,mode:o,onChange:r,...n})=>{let[a,l]=(0,Ze.useControlled)({controlled:o,default:t!=null?t:"light",name:"ThemeSwitch",state:"mode"}),c=Qe.indexOf(a),i=(0,je.useCallback)((u,h)=>{let d=Qe[h];l(d),r(d)},[r,l]),m=(0,Xe.default)(Ut,e);return(0,z.jsxs)(G.ToggleButtonGroup,{className:m,...n,onChange:i,selectedIndex:c,children:[(0,z.jsx)(G.ToggleButton,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),(0,z.jsx)(G.ToggleButton,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};var tt=w(require("classnames"));var K=require("react/jsx-runtime"),It="vuuAppHeader",ot=({className:e,layoutId:t,loginUrl:o,onNavigate:r,onSwitchTheme:n,themeMode:a="light",user:l,...c})=>{let i=(0,tt.default)(It,e),m=(0,et.useCallback)(u=>n==null?void 0:n(u),[n]);return(0,K.jsxs)("header",{className:i,...c,children:[(0,K.jsx)(ge,{defaultMode:a,onChange:m}),(0,K.jsx)(We,{layoutId:t,loginUrl:o,onNavigate:r,user:l})]})};var st=require("@vuu-ui/vuu-utils");var C=require("react/jsx-runtime"),{error:he}=(0,st.logger)("Shell"),Bt={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},At=({children:e,className:t,defaultLayout:o=Bt,leftSidePanel:r,loginUrl:n,saveLocation:a="remote",saveUrl:l,serverUrl:c,user:i,...m})=>{let u=(0,x.useRef)(null),h=(0,x.useRef)(null),[d,p]=(0,x.useState)(!1),y=(0,x.useRef)("latest"),[L,J,Y]=Oe({defaultLayout:o,saveLocation:a,user:i}),oe=(0,x.useCallback)(s=>{try{J(s)}catch{he==null||he("Failed to save layout")}},[J]),_=(0,x.useCallback)(s=>{u.current&&(u.current.dataset.mode=s)},[]),re=s=>{var S;let f=s.target;(S=h.current)!=null&&S.contains(f)||p(!d)},ne=(0,x.useCallback)(s=>{y.current=s,Y(s)},[Y]);(0,x.useEffect)(()=>{c&&i.token&&(0,rt.connectToServer)({authToken:i.token,url:c,username:i.username})},[c,i.token,i.username]);let se=()=>{let s=[];return r&&s.push((0,C.jsx)(v.Drawer,{onClick:re,open:d,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:(0,C.jsx)(v.View,{className:"vuuShell-palette",id:"vw-app-palette",ref:h,style:{height:"100%"},children:r},"app-palette")},"left-panel")),s},ae=(0,nt.default)("vuuShell",t,"salt-theme","salt-density-high");return(0,C.jsxs)(fe,{value:void 0,children:[(0,C.jsx)(v.LayoutProvider,{layout:L,onLayoutChange:oe,children:(0,C.jsx)(v.DraggableLayout,{className:ae,"data-mode":"light",ref:u,...m,children:(0,C.jsxs)(v.Flexbox,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[(0,C.jsx)(ot,{layoutId:y.current,loginUrl:n,user:i,onNavigate:ne,onSwitchTheme:_}),(0,C.jsx)(v.DockLayout,{style:{flex:1},children:se().concat((0,C.jsx)(v.DraggableLayout,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),e]})};var V=require("react"),at=w(require("classnames")),mt=require("react/jsx-runtime"),it="medium",lt="salt-theme",ut="light",ye=(0,V.createContext)({density:"high",theme:"salt-theme",themeMode:"light"}),Ot=(e,t,o,r)=>{var n;return(0,V.isValidElement)(e)?(0,V.cloneElement)(e,{className:(0,at.default)((n=e.props)==null?void 0:n.className,t,`salt-density-${r}`),"data-mode":o}):(console.warn(`
+"use strict";var Ut=Object.create;var ae=Object.defineProperty;var Vt=Object.getOwnPropertyDescriptor;var It=Object.getOwnPropertyNames;var At=Object.getPrototypeOf,$t=Object.prototype.hasOwnProperty;var Bt=(e,t)=>{for(var o in t)ae(e,o,{get:t[o],enumerable:!0})},ke=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of It(t))!$t.call(e,r)&&r!==o&&ae(e,r,{get:()=>t[r],enumerable:!(n=Vt(t,r))||n.enumerable});return e};var L=(e,t,o)=>(o=e!=null?Ut(At(e)):{},ke(t||!e||!e.__esModule?ae(o,"default",{value:e,enumerable:!0}):o,e)),_t=e=>ke(ae({},"__esModule",{value:!0}),e);var mo={};Bt(mo,{ConnectionStatusIcon:()=>Ot,DEFAULT_DENSITY:()=>vt,DEFAULT_THEME:()=>Lt,DEFAULT_THEME_MODE:()=>xt,DensitySwitch:()=>Zt,Feature:()=>xe,LoginPanel:()=>Kt,SessionEditingForm:()=>Xt,Shell:()=>so,ShellContextProvider:()=>uo,ThemeContext:()=>ue,ThemeProvider:()=>ce,ThemeSwitch:()=>Ee,getAuthDetailsFromCookies:()=>Wt,logout:()=>Ne,redirectToLogin:()=>Ze,useShellContext:()=>co,useThemeAttributes:()=>Pe});module.exports=_t(mo);var Z=L(require("react")),Ue=L(require("classnames"));var A=require("react/jsx-runtime"),Ot=({connectionStatus:e,className:t,element:o="span",...n})=>{let[r,a]=(0,Z.useState)("vuuConnectingStatus");(0,Z.useEffect)(()=>{switch(e){case"connected":case"reconnected":a("vuuActiveStatus");break;case"connecting":a("vuuConnectingStatus");break;case"disconnected":a("vuuDisconnectedStatus");break;default:break}},[e]);let l=Z.default.createElement(o,{...n,className:(0,Ue.default)("vuuStatus vuuIcon",r,t)});return(0,A.jsx)(A.Fragment,{children:(0,A.jsxs)("div",{className:"vuuStatus-container salt-theme",children:[l,(0,A.jsxs)("div",{className:"vuuStatus-text",children:["Status: ",e.toUpperCase()]})]})})};var Ve=require("@heswell/salt-lab"),Ie=require("react"),Ae=L(require("classnames")),$e=require("react/jsx-runtime"),Jt="vuuDensitySwitch",zt=["high","medium","low","touch"],Gt="high",Zt=({className:e,defaultDensity:t=Gt,onChange:o})=>{let n=(0,Ie.useCallback)((a,l)=>{o(l)},[o]),r=(0,Ae.default)(Jt,e);return(0,$e.jsx)(Ve.Dropdown,{className:r,source:zt,defaultSelected:t,onSelectionChange:n})};var k=L(require("react")),Je=require("@vuu-ui/vuu-layout");var Be=L(require("react")),$=require("react/jsx-runtime"),se=class extends Be.default.Component{constructor(t){super(t),this.state={errorMessage:null}}static getDerivedStateFromError(t){return{errorMessage:t.message}}componentDidCatch(t,o){console.log(t,o)}render(){return this.state.errorMessage?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)("h1",{children:"Something went wrong."}),(0,$.jsx)("p",{children:this.state.errorMessage})]}):this.props.children}};var Oe=require("react/jsx-runtime"),_e=()=>(0,Oe.jsx)("div",{className:"hwLoader",children:"loading"});var X=require("react/jsx-runtime"),ie=new Map,qt=e=>((0,k.useEffect)(()=>()=>{ie.delete(e)},[e]),ie.has(e)||ie.set(e,k.default.lazy(()=>import(e))),ie.get(e));function Yt({url:e,css:t,params:o,...n}){console.log("Feature render",{css:t,url:e,props:n}),(0,k.useEffect)(()=>(console.log("%cFeature mount","color: green;"),()=>{console.log("%cFeature unmount","color:red;")}),[]),t&&import(t).then(a=>{console.log("%cInject Styles","color: blue;font-weight: bold"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,a.default]});let r=qt(e);return(0,X.jsx)(se,{children:(0,X.jsx)(k.Suspense,{fallback:(0,X.jsx)(_e,{}),children:(0,X.jsx)(r,{...n,...o})})})}var xe=k.default.memo(Yt);xe.displayName="Feature";(0,Je.registerComponent)("Feature",xe,"view");var Te=require("react"),Ge=require("@salt-ds/core"),q=require("@heswell/salt-lab");var U=require("react/jsx-runtime"),ze="vuuLoginPanel",Kt=({onSubmit:e})=>{let[t,o]=(0,Te.useState)(""),[n,r]=(0,Te.useState)(""),a=()=>{e(t,n)},l=(c,f)=>{o(f)},d=(c,f)=>{r(f)},u=t.trim()!==""&&n.trim()!=="";return(0,U.jsxs)("div",{className:ze,children:[(0,U.jsx)(q.FormField,{label:"Username",style:{width:200},children:(0,U.jsx)(q.Input,{value:t,id:"text-username",onChange:l})}),(0,U.jsx)(q.FormField,{label:"Password",style:{width:200},children:(0,U.jsx)(q.Input,{type:"password",value:n,id:"text-password",onChange:d})}),(0,U.jsx)(Ge.Button,{className:`${ze}-login`,disabled:!u,onClick:a,variant:"cta",children:"Login"})]})};var Se=require("@vuu-ui/vuu-utils"),Wt=()=>{let e=(0,Se.getCookieValue)("vuu-username"),t=(0,Se.getCookieValue)("vuu-auth-token");return[e,t]},Ze=(e="login.html")=>{window.location.href=e},Ne=e=>{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",Ze(e)};var p=require("react"),be=L(require("classnames")),We=require("@salt-ds/core"),we=require("@salt-ds/core"),Y=require("@vuu-ui/vuu-data"),B=require("@vuu-ui/vuu-utils");var x=require("react/jsx-runtime"),E="vuuSessionEditingForm",qe=(e,t)=>{let o=e.find(n=>n.name===t);if(o)return o;throw Error(`SessionEditingForm, no field '${t}' found`)},Ye=e=>{let{dataset:{field:t},value:o}=e.target;if(t===void 0)throw Error("SessionEditingForm, form field has no field name");return[t,o]},P={uninitialised:0,unchanged:1,changed:2,invalid:3};function Ke(e,t,o=!1){switch(t){case"int":case"long":{let n=parseInt(e,10);if((0,B.isValidNumber)(n))return n;if(o)throw Error("SessionEditingForm getTypedValue");return}case"double":{let n=parseFloat(e);return(0,B.isValidNumber)(n)?n:void 0}case"boolean":return e==="true";default:return e}}var Qt=(e,t)=>{if(e)return e;if(t)return new Y.RemoteDataSource({bufferSize:0,table:t.table,columns:t.columns.map(o=>o.name)});throw Error("SessionEditingForm: either a DataSource or a TableSchema must be provided")},Xt=({className:e,config:{fields:t,key:o},dataSource:n,id:r,onClose:a,schema:l,...d})=>{let[u,c]=(0,p.useState)(),[f,h]=(0,p.useState)(""),m=(0,p.useRef)(null),v=(0,p.useRef)(),g=(0,p.useRef)(P.uninitialised),C=(0,p.useMemo)(()=>{let s=b=>{if(N){let w={};for(let G of C.columns)w[G]=b[N[G]];g.current===P.uninitialised&&(g.current=P.unchanged,v.current=w),c(w)}},y=Qt(n,l),N=(0,B.buildColumnMap)(y.columns);return y.subscribe({range:{from:0,to:5}},b=>{b.type==="viewport-update"&&b.rows&&(g.current===P.uninitialised?s(b.rows[0]):console.log("what do we do with server updates"))}),y},[n,l]),ne=(0,We.useIdMemo)(r),ge=(0,p.useCallback)(s=>{let[y,N]=Ye(s),{type:b}=qe(t,y),w=Ke(N,b);c((G={})=>{let Fe={...G,[y]:w},kt=(0,B.shallowEquals)(Fe,v.current);return g.current=kt?P.unchanged:w!==void 0?P.changed:P.invalid,Fe})},[t]),ye=(0,p.useCallback)(s=>{let[y,N]=Ye(s),{type:b}=qe(t,y),w=u==null?void 0:u[o],G=Ke(N,b,!0);typeof w=="string"&&C.menuRpcCall({rowKey:w,field:y,value:G,type:"VP_EDIT_CELL_RPC"})},[C,t,o,u]),re=(0,p.useCallback)(s=>{typeof s=="object"&&s!==null&&"type"in s&&s.type==="CLOSE_DIALOG_ACTION"&&a()},[a]),Q=(0,p.useCallback)(async()=>{let s=await C.menuRpcCall({type:"VP_EDIT_SUBMIT_FORM_RPC"});(0,Y.isErrorResponse)(s)?h(s.error):(0,Y.hasAction)(s)&&re(s.action)},[re,C]),Ce=(0,p.useCallback)(s=>{s.key==="Enter"&&g.current===P.changed&&Q()},[Q]),ve=(0,p.useCallback)(()=>{a()},[a]),Le=s=>{var N;let y=String((N=u==null?void 0:u[s.name])!=null?N:"");return s.readonly||s.name===o?(0,x.jsx)("div",{className:`${E}-fieldValue vuuReadOnly`,children:y}):(0,x.jsx)("input",{className:`${E}-fieldValue`,"data-field":s.name,onBlur:ye,onChange:ge,type:"text",value:y,id:`${ne}-input-${s.name}`})};(0,p.useEffect)(()=>{if(m.current){let s=m.current.querySelector("input");s&&setTimeout(()=>{s.focus(),s.select()},100)}},[]),(0,p.useEffect)(()=>()=>{C&&C.unsubscribe()},[C]);let F=g.current===P.changed;return(0,x.jsxs)("div",{...d,className:(0,be.default)(E,e),children:[f?(0,x.jsx)("div",{className:`${E}-errorBanner`,"data-icon":"error",title:f,children:"Error, edit(s) not saved"}):void 0,(0,x.jsx)("div",{className:`${E}-content`,ref:m,onKeyDown:Ce,children:t.map(s=>{var y;return(0,x.jsxs)("div",{className:`${E}-field`,children:[(0,x.jsx)("label",{className:(0,be.default)(`${E}-fieldLabel`,{[`${E}-required`]:s.required}),htmlFor:`${ne}-input-${s.name}`,children:(y=s==null?void 0:s.label)!=null?y:s.description}),Le(s)]},s.name)})}),(0,x.jsxs)("div",{className:`${E}-buttonbar salt-theme salt-density-high`,children:[(0,x.jsx)(we.Button,{type:"submit",variant:"cta",disabled:!F,onClick:Q,children:"Submit"}),(0,x.jsx)(we.Button,{variant:"secondary",onClick:ve,children:"Cancel"})]})]})};var Ht=require("@vuu-ui/vuu-data"),Rt=L(require("classnames")),R=require("react");var V=require("react");var Qe=(e,t,o="latest")=>new Promise((n,r)=>{console.log(`load local config at ${e} for user ${t.username}, id ${o}`);let a=localStorage.getItem(e);if(a){let l=JSON.parse(a);n(l)}else r()}),Xe=(e,t,o)=>new Promise((n,r)=>{try{localStorage.setItem(e,JSON.stringify(o)),n(void 0)}catch{r()}});var je=(e,t,o="latest")=>new Promise((n,r)=>{fetch(`${e}/${t.username}/${o}`,{}).then(a=>{a.ok?n(a.json()):r(void 0)}).catch(()=>{r(void 0)})}),et=(e,t,o)=>new Promise((n,r)=>{fetch(`${e}/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)}).then(a=>{a.ok?n(void 0):r()})});var tt=({saveLocation:e,saveUrl:t="api/vui",user:o,defaultLayout:n})=>{let[r,a]=(0,V.useState)(n),l=e==="remote",d=l?je:Qe,u=l?et:Xe,c=(0,V.useCallback)(async(m="latest")=>{try{let v=await d(t,o,m);a(v)}catch{a(n)}},[n,d,t,o]);(0,V.useEffect)(()=>{c()},[c]);let f=(0,V.useCallback)(m=>{u(t,o,m)},[u,t,o]),h=(0,V.useCallback)(m=>c(m),[c]);return[r,f,h]};var pe=require("@vuu-ui/vuu-layout");var ht=require("react");var it=require("@salt-ds/core"),lt=require("@heswell/salt-lab"),ut=require("@salt-ds/icons");var nt=require("@vuu-ui/vuu-utils"),le=require("@heswell/salt-lab"),rt=require("@salt-ds/core"),at=require("@salt-ds/icons"),D=require("react");var ot=async e=>await fetch(`api/vui/${e.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});var I=require("react/jsx-runtime"),jt=({lastUpdate:e},{lastUpdate:t})=>t===e?0:t<e?-1:1,eo=e=>(0,I.jsx)(le.ListItem,{...e}),st=(0,D.forwardRef)(function({loginUrl:t,onNavigate:o,user:n,layoutId:r="latest"},a){let[l,d]=(0,D.useState)([]);(0,D.useEffect)(()=>{async function h(){let v=(await ot(n)).filter(g=>g.id!=="latest").sort(jt).map(({id:g,lastUpdate:C})=>({lastUpdate:C,id:g,label:`Saved at ${(0,nt.formatDate)(new Date(C),"kk:mm:ss")}`}));console.log({sortedHistory:v}),d(v)}h()},[n]);let u=(0,D.useCallback)((h,m)=>{m&&o(m.id)},[o]),c=(0,D.useCallback)(()=>{Ne(t)},[t]),f=l.length===0?null:r==="latest"?l[0]:l.find(h=>h.id===r);return(0,I.jsxs)("div",{className:"vuuUserPanel",ref:a,children:[(0,I.jsx)(le.List,{ListItem:eo,className:"vuuUserPanel-history",onSelect:u,selected:f,source:l}),(0,I.jsx)("div",{className:"vuuUserPanel-buttonBar",children:(0,I.jsxs)(rt.Button,{"aria-label":"logout",onClick:c,children:[(0,I.jsx)(at.ExportIcon,{})," Logout"]})})]})});var K=require("react/jsx-runtime"),ct=({layoutId:e,loginUrl:t,onNavigate:o,user:n})=>(0,K.jsxs)(lt.DropdownBase,{className:"vuuUserProfile",placement:"bottom-end",children:[(0,K.jsx)(it.Button,{variant:"secondary",children:(0,K.jsx)(ut.UserSolidIcon,{})}),(0,K.jsx)(st,{layoutId:e,loginUrl:t,onNavigate:a=>{o(a)},user:n})]});var j=require("@heswell/salt-lab"),dt=L(require("classnames")),pt=require("@salt-ds/core"),ft=require("react");var ee=require("react/jsx-runtime"),to="vuuThemeSwitch",mt=["light","dark"],Ee=({className:e,defaultMode:t,mode:o,onChange:n,...r})=>{let[a,l]=(0,pt.useControlled)({controlled:o,default:t!=null?t:"light",name:"ThemeSwitch",state:"mode"}),d=mt.indexOf(a),u=(0,ft.useCallback)((f,h)=>{let m=mt[h];l(m),n(m)},[n,l]),c=(0,dt.default)(to,e);return(0,ee.jsxs)(j.ToggleButtonGroup,{className:c,...r,onChange:u,selectedIndex:d,children:[(0,ee.jsx)(j.ToggleButton,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),(0,ee.jsx)(j.ToggleButton,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};var gt=L(require("classnames"));var te=require("react/jsx-runtime"),oo="vuuAppHeader",yt=({className:e,layoutId:t,loginUrl:o,onNavigate:n,onSwitchTheme:r,themeMode:a="light",user:l,...d})=>{let u=(0,gt.default)(oo,e),c=(0,ht.useCallback)(f=>r==null?void 0:r(f),[r]);return(0,te.jsxs)("header",{className:u,...d,children:[(0,te.jsx)(Ee,{defaultMode:a,onChange:c}),(0,te.jsx)(ct,{layoutId:t,loginUrl:o,onNavigate:n,user:l})]})};var M=require("react"),Ct=L(require("classnames")),Tt=require("react/jsx-runtime"),vt="medium",Lt="salt-theme",xt="light",ue=(0,M.createContext)({density:"high",theme:"salt",themeMode:"light"}),no=["salt","salt-density-high","light"],Pe=()=>{let e=(0,M.useContext)(ue);return e?[`${e.theme}-theme`,`salt-density-${e.density}`,e.themeMode]:no},ro=(e,t,o,n)=>{var r;return console.log("create themed children"),(0,M.isValidElement)(e)?(0,M.cloneElement)(e,{className:(0,Ct.default)((r=e.props)==null?void 0:r.className,`${t}-theme`,`${t}-density-${n}`),"data-mode":o}):(console.warn(`
 ThemeProvider can only apply CSS classes for theming to a single nested child element of the ThemeProvider.
-          Wrap elements with a single container`),e)},ct=({children:e,theme:t,themeMode:o,density:r})=>{var h,d,p;let{density:n,themeMode:a,theme:l}=(0,V.useContext)(ye),c=(h=r!=null?r:n)!=null?h:it,i=(d=o!=null?o:a)!=null?d:ut,m=(p=t!=null?t:l)!=null?p:lt,u=Ot(e,m,i,c);return(0,mt.jsx)(ye.Provider,{value:{themeMode:i,density:c,theme:m},children:u})};ct.displayName="ThemeProvider";
+          Wrap elements with a single container`),e)},ce=({applyThemeClasses:e=!1,children:t,theme:o,themeMode:n,density:r})=>{var m,v,g;let{density:a,themeMode:l,theme:d}=(0,M.useContext)(ue),u=(m=r!=null?r:a)!=null?m:vt,c=(v=n!=null?n:l)!=null?v:xt,f=(g=o!=null?o:d)!=null?g:Lt,h=e?ro(t,f,c,u):t;return(0,Tt.jsx)(ue.Provider,{value:{themeMode:c,density:u,theme:f},children:h})};ce.displayName="ThemeProvider";var Ft=require("@vuu-ui/vuu-utils");var oe=require("@vuu-ui/vuu-layout");var St=require("@salt-ds/core"),De=L(require("classnames")),Nt=require("react"),bt=require("@vuu-ui/vuu-layout");var _=require("react/jsx-runtime"),H="vuuContextPanel",wt=({className:e,expanded:t=!1,overlay:o=!1,title:n})=>{let r=(0,bt.useLayoutProviderDispatch)(),a=(0,Nt.useCallback)(()=>{r({path:"#context-panel",propName:"expanded",propValue:!1,type:"set-prop"})},[r]),l=(0,De.default)(H,e,{[`${H}-expanded`]:t,[`${H}-inline`]:o!==!0,[`${H}-overlay`]:o});return(0,_.jsx)("div",{className:(0,De.default)(H,l),children:(0,_.jsx)("div",{className:`${H}-inner`,children:(0,_.jsxs)("div",{className:`${H}-header`,children:[(0,_.jsx)("h2",{className:`${H}-title`,children:n}),(0,_.jsx)(St.Button,{className:`${H}-close`,"data-icon":"close",onClick:a,variant:"secondary"})]})})})};var me=require("@vuu-ui/vuu-layout"),Me=L(require("classnames")),de=require("react");var i=require("react/jsx-runtime"),T="vuuLeftNav",Et=({"data-path":e,onResize:t,open:o=!0,...n})=>{let r=(0,me.useLayoutProviderDispatch)(),a=(0,de.useRef)(o),l=(0,de.useCallback)(()=>{a.current=!a.current,r({type:me.Action.LAYOUT_RESIZE,path:e,size:a.current?240:80})},[r,e]);return(0,i.jsxs)("div",{...n,className:T,children:[(0,i.jsxs)("div",{className:"vuuLeftNav-logo",children:[(0,i.jsxs)("svg",{width:"44",height:"45",viewBox:"0 0 44 45",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,i.jsxs)("g",{clipPath:"url(#clip0_217_6990)",children:[(0,i.jsx)("path",{d:"M39.8642 15.5509L35.9196 7.58974L34.3369 6.85464L24.6235 22.0825L39.1628 30.618L42.3152 25.6347L39.8642 15.5509Z",fill:"url(#paint0_linear_217_6990)"}),(0,i.jsx)("path",{d:"M42.6246 24.8716C41.9199 25.9157 40.9625 26.824 39.767 27.4905C38.424 28.2396 36.9563 28.597 35.5081 28.597C32.7541 28.597 30.0715 27.3094 28.4466 24.9855L15.772 3.90967L15.7655 3.9206C13.3615 0.137431 8.25372 -1.13143 4.24754 1.10507C0.178173 3.37435 -1.20852 8.39359 1.14854 12.3125L18.3445 40.9095C19.1108 42.1846 20.1816 43.1834 21.4144 43.8764C21.4241 43.8826 21.4338 43.8889 21.4435 43.8951C21.4484 43.8982 21.4549 43.9013 21.4597 43.9045C22.0332 44.2228 22.6423 44.471 23.2725 44.6536C23.3194 44.6677 23.368 44.6817 23.415 44.6942C23.6418 44.7551 23.8702 44.8097 24.1019 44.8534C24.1456 44.8612 24.1894 44.8659 24.2331 44.8737C24.4194 44.9049 24.6073 44.9314 24.7952 44.9501C24.8698 44.9579 24.9443 44.9658 25.0188 44.9704C25.2342 44.9876 25.4497 44.9985 25.6668 45.0001C25.6781 45.0001 25.6895 45.0001 25.6992 45.0001C25.7024 45.0001 25.704 45.0001 25.7073 45.0001C25.7105 45.0001 25.7121 45.0001 25.7154 45.0001C25.9503 45.0001 26.1868 44.9876 26.4217 44.9689C26.4751 44.9642 26.5286 44.9595 26.5837 44.9533C26.8137 44.9299 27.0438 44.9002 27.2738 44.8596C27.277 44.8596 27.2803 44.8596 27.2835 44.8596C27.5362 44.8144 27.7889 44.7551 28.0384 44.6864C28.0546 44.6817 28.0692 44.677 28.0854 44.6723C28.4483 44.5709 28.8063 44.4445 29.1594 44.2931C29.1659 44.29 29.174 44.2868 29.1805 44.2837C29.4494 44.1682 29.7151 44.0418 29.9759 43.8967C30.24 43.75 30.491 43.5908 30.7308 43.4206C30.9398 43.2739 31.1407 43.1179 31.3367 42.9524C31.5748 42.7495 31.8 42.5373 32.009 42.3141C32.1661 42.1471 32.3168 41.9723 32.4609 41.7913C32.5079 41.732 32.5517 41.6711 32.5954 41.6118C32.6942 41.4807 32.7882 41.3465 32.8789 41.2091C32.9259 41.1373 32.9728 41.0671 33.0182 40.9953C33.036 40.9672 33.0555 40.9407 33.0717 40.9126L42.7153 24.8763H42.6214L42.6246 24.8716Z",fill:"url(#paint1_linear_217_6990)"}),(0,i.jsx)("path",{d:"M42.8402 16.4218L42.1112 15.2232L38.9636 9.58433L37.504 7.19644C37.2286 6.56123 36.579 6.11331 35.8176 6.11331C34.8083 6.11331 33.9919 6.90147 33.9919 7.87223C33.9919 8.20154 34.0907 8.50432 34.2543 8.76808L34.2349 8.78056L39.9048 18.0808C40.5884 19.2186 40.7715 20.5437 40.4199 21.8141C40.0684 23.0845 39.226 24.1458 38.045 24.806C37.2675 25.2398 36.3846 25.4693 35.4936 25.4693C33.6727 25.4693 31.9766 24.5281 31.0662 23.0143L22.9161 9.63271H22.9323L19.4899 3.90958L19.4834 3.92051C19.4235 3.8253 19.3538 3.73947 19.2907 3.64738L19.1935 3.48663C19.1935 3.48663 19.1854 3.49131 19.1821 3.49443C17.5654 1.27666 14.9799 0.0390178 12.3118 0.00936427V0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.961 26.8255 41.9168 25.9156 42.6231 24.8731H42.717L42.6846 24.9261C43.1366 24.2347 43.4833 23.4731 43.7068 22.6615C44.2916 20.5452 43.9871 18.3352 42.8369 16.4234L42.8402 16.4218Z",fill:"#F37880"}),(0,i.jsxs)("g",{opacity:"0.86",children:[(0,i.jsx)("path",{d:"M34.2332 8.78212L39.9031 18.0824C40.5868 19.2202 40.7698 20.5452 40.4183 21.8156C40.2044 22.5897 39.8059 23.2858 39.2616 23.8617C39.9744 23.2343 40.4879 22.4243 40.7423 21.5035C41.0938 20.2331 40.9107 18.908 40.2271 17.7703L34.5572 8.46998L34.5767 8.4575C34.413 8.19374 34.3142 7.89096 34.3142 7.56165C34.3142 7.15586 34.4584 6.78285 34.6982 6.48476C34.2672 6.80626 33.9902 7.30881 33.9902 7.87379C33.9902 8.2031 34.0891 8.50588 34.2527 8.76964L34.2332 8.78212Z",fill:"white"}),(0,i.jsx)("path",{d:"M42.6917 24.9169L42.6863 24.9256C42.6863 24.9256 42.6899 24.9187 42.6935 24.9152C42.6935 24.9152 42.6935 24.9152 42.6935 24.9169H42.6917Z",fill:"white"}),(0,i.jsx)("path",{d:"M40.0911 27.1798C38.7481 27.9289 37.2804 28.2863 35.8322 28.2863C33.0782 28.2863 30.3955 26.9988 28.7707 24.6749L16.0961 3.59744L16.0896 3.60837C14.9281 1.78077 13.1364 0.543128 11.1422 0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.4815 27.0924 41.1084 26.6055 41.6511 26.0561C41.1862 26.479 40.6662 26.8583 40.0894 27.1798H40.0911Z",fill:"white"})]})]}),(0,i.jsxs)("defs",{children:[(0,i.jsxs)("linearGradient",{id:"paint0_linear_217_6990",x1:"24.6235",y1:"18.7363",x2:"42.3152",y2:"18.7363",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#4906A5"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#D3423A"})]}),(0,i.jsxs)("linearGradient",{id:"paint1_linear_217_6990",x1:"-2.35794e-05",y1:"22.5009",x2:"42.7186",y2:"22.5009",gradientUnits:"userSpaceOnUse",children:[(0,i.jsx)("stop",{stopColor:"#7C06A5"}),(0,i.jsx)("stop",{offset:"1",stopColor:"#D3423A"})]}),(0,i.jsx)("clipPath",{id:"clip0_217_6990",children:(0,i.jsx)("rect",{width:"44",height:"45",fill:"white"})})]})]})," "]}),(0,i.jsx)("div",{className:`${T}-main`,children:(0,i.jsxs)("ul",{className:`${T}-menu`,children:[(0,i.jsx)("li",{className:(0,Me.default)(`${T}-menuitem`,`${T}-menuitem-active`),"data-icon":"demo",children:(0,i.jsx)("span",{className:`${T}-menuitem-label`,children:"DEMO"})}),(0,i.jsx)("li",{className:`${T}-menuitem`,"data-icon":"tables",children:(0,i.jsx)("span",{className:`${T}-menuitem-label`,children:"VUU TABLES"})}),(0,i.jsx)("li",{className:`${T}-menuitem`,"data-icon":"templates",children:(0,i.jsx)("span",{className:`${T}-menuitem-label`,children:"LAYOUT TEMPLATES"})}),(0,i.jsx)("li",{className:`${T}-menuitem`,"data-icon":"layouts",children:(0,i.jsx)("span",{className:`${T}-menuitem-label`,children:"MY LAYOUTS"})})]})}),(0,i.jsx)("div",{className:"vuuLeftNav-buttonBar",children:(0,i.jsx)("button",{className:(0,Me.default)("vuuLeftNav-toggleButton",{"vuuLeftNav-toggleButton-open":a.current,"vuuLeftNav-toggleButton-closed":!a.current}),"data-icon":a.current?"chevron-left":"chevron-right",onClick:l})})]})};var O=require("react/jsx-runtime"),Pt=({appHeader:e})=>(0,O.jsxs)(oe.Flexbox,{className:"App",style:{flexDirection:"row",height:"100%",width:"100%"},children:[(0,O.jsx)(Et,{style:{width:240}}),(0,O.jsxs)(oe.Flexbox,{className:"vuuShell-content",style:{flexDirection:"column",flex:1,padding:8},children:[e,(0,O.jsx)(oe.DraggableLayout,{dropTarget:!0,style:{flex:1}},"main-content")]}),(0,O.jsx)(wt,{id:"context-panel",overlay:!0,title:"Column Settings"})]});var S=require("@vuu-ui/vuu-layout"),z=require("react"),J=require("react/jsx-runtime"),Dt=({appHeader:e,leftSidePanel:t})=>{let o=(0,z.useRef)(null),[n,r]=(0,z.useState)(!0),a=(0,z.useCallback)(d=>{var c;let u=d.target;(c=o.current)!=null&&c.contains(u)||r(!n)},[n]),l=(0,z.useCallback)(d=>{let u=[];return u.push((0,J.jsx)(S.Drawer,{onClick:a,open:n,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:(0,J.jsx)(S.View,{className:"vuuShell-palette",id:"vw-app-palette",ref:o,style:{height:"100%"},children:d},"app-palette")},"left-panel")),u},[a,n]);return(0,J.jsxs)(S.Flexbox,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[e,(0,J.jsx)(S.DockLayout,{style:{flex:1},children:l(t).concat((0,J.jsx)(S.DraggableLayout,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})};var Mt=({leftSidePanelLayout:e="inlay",...t})=>(e==="inlay"?Dt:Pt)(t);var W=require("react/jsx-runtime"),{error:He}=(0,Ft.logger)("Shell"),ao={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},so=({children:e,className:t,defaultLayout:o=ao,leftSidePanel:n,leftSidePanelLayout:r,loginUrl:a,saveLocation:l="remote",saveUrl:d,serverUrl:u,user:c,...f})=>{let h=(0,R.useRef)(null),m=(0,R.useRef)("latest"),[v,g,C]=tt({defaultLayout:o,saveLocation:l,user:c}),ne=(0,R.useCallback)(F=>{try{g(F)}catch{He==null||He("Failed to save layout")}},[g]),ge=(0,R.useCallback)(F=>{h.current&&(h.current.dataset.mode=F)},[]),ye=(0,R.useCallback)(F=>{m.current=F,C(F)},[C]);(0,R.useEffect)(()=>{u&&c.token&&(0,Ht.connectToServer)({authToken:c.token,url:u,username:c.username})},[u,c.token,c.username]);let[re,Q,Ce]=Pe(),ve=(0,Rt.default)("vuuShell",t,re,Q),Le=Mt({leftSidePanelLayout:r,appHeader:(0,W.jsx)(yt,{layoutId:m.current,loginUrl:a,user:c,onNavigate:ye,onSwitchTheme:ge}),leftSidePanel:n});return(0,W.jsxs)(ce,{children:[(0,W.jsx)(pe.LayoutProvider,{layout:v,onLayoutChange:ne,children:(0,W.jsx)(pe.DraggableLayout,{className:ve,"data-mode":Ce,ref:h,...f,children:Le})}),e]})};var he=require("react"),fe=require("react/jsx-runtime"),io={},Re=(0,he.createContext)(io),lo=({children:e,context:t,inheritedContext:o})=>{let n={...o,...t};return(0,fe.jsx)(Re.Provider,{value:n,children:e})},uo=({children:e,value:t})=>(0,fe.jsx)(Re.Consumer,{children:o=>(0,fe.jsx)(lo,{context:t,inheritedContext:o,children:e})}),co=()=>(0,he.useContext)(Re);
 //# 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/connection-status/ConnectionStatusIcon.tsx", "../../../packages/vuu-shell/src/density-switch/DensitySwitch.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/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/session-editing-form/SessionEditingForm.tsx", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/ShellContextProvider.tsx", "../../../packages/vuu-shell/src/layout-config/use-layout-config.ts", "../../../packages/vuu-shell/src/layout-config/local-config.ts", "../../../packages/vuu-shell/src/layout-config/remote-config.ts", "../../../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/theme-provider/ThemeProvider.tsx"],
-  "sourcesContent": ["export * from \"./connection-status\";\nexport * from \"./density-switch\";\nexport * from \"./feature\";\nexport * from \"./login\";\nexport * from \"./session-editing-form\";\nexport * from \"./shell\";\nexport * from \"./shellTypes\";\nexport * from \"./ShellContextProvider\";\nexport * from \"./theme-provider\";\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 { Dropdown } from \"@heswell/salt-lab\";\nimport { 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\"];\nconst DEFAULT_DENSITY = \"high\";\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  const handleSelectionChange = 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}", "import React, { Suspense, useEffect } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\n\nconst componentsMap = new Map();\n\nconst useCachedFeature = (url: string) => {\n  useEffect(\n    () => () => {\n      componentsMap.delete(url);\n    },\n    [url]\n  );\n\n  if (!componentsMap.has(url)) {\n    componentsMap.set(\n      url,\n      React.lazy(() => import(/* @vite-ignore */ url))\n    );\n  }\n\n  return componentsMap.get(url);\n};\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\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  console.log(\"Feature render\", { css, url, props });\n  useEffect(() => {\n    console.log(\"%cFeature mount\", \"color: green;\");\n    return () => {\n      console.log(\"%cFeature unmount\", \"color:red;\");\n    };\n  }, []);\n\n  if (css) {\n    import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n      (cssModule) => {\n        console.log(\"%cInject Styles\", \"color: blue;font-weight: bold\");\n        document.adoptedStyleSheets = [\n          ...document.adoptedStyleSheets,\n          cssModule.default,\n        ];\n      }\n    );\n  }\n\n  const LazyFeature = useCachedFeature(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", "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 {\n  ChangeEvent,\n  FocusEvent,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\nimport {\n  VuuColumnDataType,\n  VuuDataRow,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useIdMemo } from \"@salt-ds/core\";\nimport { Button } from \"@salt-ds/core\";\nimport {\n  DataSource,\n  isErrorResponse,\n  RemoteDataSource,\n  TableSchema,\n} from \"@vuu-ui/vuu-data\";\nimport {\n  buildColumnMap,\n  isValidNumber,\n  shallowEquals,\n} from \"@vuu-ui/vuu-utils\";\n\nimport \"./SessionEditingForm.css\";\n\ntype FormFieldDescriptor = {\n  label?: string;\n  name: string;\n  type: VuuColumnDataType;\n  description: string;\n  readonly?: boolean;\n  required?: boolean;\n};\n\nexport type FormConfig = {\n  title: string;\n  key: string;\n  fields: FormFieldDescriptor[];\n};\n\nexport interface SessionEditingFormProps\n  extends HTMLAttributes<HTMLDivElement> {\n  config: FormConfig;\n  onClose: () => void;\n  dataSource?: DataSource;\n  schema?: TableSchema;\n}\n\nconst classBase = \"vuuSessionEditingForm\";\n\nconst getField = (\n  fields: FormFieldDescriptor[],\n  name: string\n): FormFieldDescriptor => {\n  const field = fields.find((f) => f.name === name);\n  if (field) {\n    return field;\n  } else {\n    throw Error(`SessionEditingForm, no field '${name}' found`);\n  }\n};\n\nconst getFieldNameAndValue = (\n  evt: ChangeEvent | FocusEvent\n): [string, string] => {\n  const {\n    dataset: { field },\n    value,\n  } = evt.target as HTMLInputElement;\n  if (field === undefined) {\n    throw Error(\"SessionEditingForm, form field has no field name\");\n  }\n  return [field, value];\n};\n\nconst Status = {\n  uninitialised: 0,\n  unchanged: 1,\n  changed: 2,\n  invalid: 3,\n};\n\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined?: false\n): VuuRowDataItemType | undefined;\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined: true\n): VuuRowDataItemType;\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined = false\n): VuuRowDataItemType | undefined {\n  switch (type) {\n    case \"int\":\n    case \"long\": {\n      const typedValue = parseInt(value, 10);\n      if (isValidNumber(typedValue)) {\n        return typedValue;\n      } else if (throwIfUndefined) {\n        throw Error(\"SessionEditingForm getTypedValue\");\n      } else {\n        return undefined;\n      }\n    }\n\n    case \"double\": {\n      const typedValue = parseFloat(value);\n      if (isValidNumber(typedValue)) {\n        return typedValue;\n      }\n      return undefined;\n    }\n\n    case \"boolean\":\n      return value === \"true\" ? true : false;\n    default:\n      return value;\n  }\n}\n\nconst getDataSource = (\n  dataSource?: DataSource,\n  schema?: TableSchema\n): DataSource => {\n  if (dataSource) {\n    return dataSource;\n  } else if (schema) {\n    return new RemoteDataSource({\n      bufferSize: 0,\n      table: schema.table,\n      columns: schema.columns.map((col) => col.name),\n    }) as DataSource;\n  } else {\n    throw Error(\n      \"SessionEditingForm: either a DataSource or a TableSchema must be provided\"\n    );\n  }\n};\n\ntype FormValues = { [key: string]: VuuRowDataItemType | undefined };\n\nexport const SessionEditingForm = ({\n  className,\n  config: { fields, key: keyField },\n  dataSource: dataSourceProp,\n  id: idProp,\n  onClose,\n  schema,\n  ...htmlAttributes\n}: SessionEditingFormProps) => {\n  const [values, setValues] = useState<FormValues>();\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  const formContentRef = useRef<HTMLDivElement>(null);\n  const initialDataRef = useRef<FormValues>();\n  const dataStatusRef = useRef(Status.uninitialised);\n\n  const dataSource = useMemo(() => {\n    const applyServerData = (data: VuuDataRow) => {\n      if (columnMap) {\n        const values: { [key: string]: VuuRowDataItemType } = {};\n        for (const column of dataSource.columns) {\n          values[column] = data[columnMap[column]];\n        }\n        if (dataStatusRef.current === Status.uninitialised) {\n          dataStatusRef.current = Status.unchanged;\n          initialDataRef.current = values;\n        }\n        setValues(values);\n      }\n    };\n\n    const ds = getDataSource(dataSourceProp, schema);\n    const columnMap = buildColumnMap(ds.columns);\n    ds.subscribe({ range: { from: 0, to: 5 } }, (message) => {\n      if (message.type === \"viewport-update\" && message.rows) {\n        if (dataStatusRef.current === Status.uninitialised) {\n          applyServerData(message.rows[0]);\n        } else {\n          console.log(\"what do we do with server updates\");\n        }\n      }\n    });\n    return ds;\n  }, [dataSourceProp, schema]);\n\n  const id = useIdMemo(idProp);\n\n  const handleChange = useCallback(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type);\n      setValues((values = {}) => {\n        const newValues = {\n          ...values,\n          [field]: typedValue,\n        };\n        const notUpdated = shallowEquals(newValues, initialDataRef.current);\n        dataStatusRef.current = notUpdated\n          ? Status.unchanged\n          : typedValue !== undefined\n          ? Status.changed\n          : Status.invalid;\n        return newValues;\n      });\n    },\n    [fields]\n  );\n\n  const handleBlur = useCallback(\n    (evt: FocusEvent) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const { type } = getField(fields, field);\n      console.log(\"BLUR\", {\n        keyField,\n      });\n      const rowKey = values?.[keyField];\n      const typedValue = getTypedValue(value, type, true);\n      if (typeof rowKey === \"string\") {\n        dataSource.menuRpcCall({\n          rowKey,\n          field: field,\n          value: typedValue,\n          type: \"VP_EDIT_CELL_RPC\",\n        });\n      }\n    },\n    [dataSource, fields, keyField, values]\n  );\n\n  const handleSubmit = useCallback(async () => {\n    const response = await dataSource.menuRpcCall({\n      type: \"VP_EDIT_SUBMIT_FORM_RPC\",\n    });\n    if (isErrorResponse(response)) {\n      setErrorMessage(response.error);\n    }\n  }, [dataSource]);\n\n  const handleKeyDown = useCallback(\n    (evt) => {\n      if (evt.key === \"Enter\" && dataStatusRef.current === Status.changed) {\n        handleSubmit();\n      }\n    },\n    [handleSubmit]\n  );\n\n  const handleCancel = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const getFormControl = (field: FormFieldDescriptor) => {\n    const value = String(values?.[field.name] ?? \"\");\n    if (field.readonly || field.name === keyField) {\n      return (\n        <div className={`${classBase}-fieldValue vuuReadOnly`}>{value}</div>\n      );\n    } else {\n      return (\n        <input\n          className={`${classBase}-fieldValue`}\n          data-field={field.name}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          type=\"text\"\n          value={value}\n          id={`${id}-input-${field.name}`}\n        />\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (formContentRef.current) {\n      const firstInput = formContentRef.current.querySelector(\n        \"input\"\n      ) as HTMLInputElement;\n      if (firstInput) {\n        setTimeout(() => {\n          firstInput.focus();\n          console.log(\"select item\");\n          firstInput.select();\n        }, 100);\n      }\n    }\n  }, []);\n\n  const isDirty = dataStatusRef.current === Status.changed;\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {errorMessage ? (\n        <div\n          className={`${classBase}-errorBanner`}\n          data-icon=\"error\"\n          title={errorMessage}\n        >\n          Error, edit(s) not saved\n        </div>\n      ) : undefined}\n      <div\n        className={`${classBase}-content`}\n        ref={formContentRef}\n        onKeyDown={handleKeyDown}\n      >\n        {fields.map((field) => (\n          <div className={`${classBase}-field`} key={field.name}>\n            <label\n              className={cx(`${classBase}-fieldLabel`, {\n                [`${classBase}-required`]: field.required,\n              })}\n              htmlFor={`${id}-input-${field.name}`}\n            >\n              {field?.label ?? field.description}\n            </label>\n            {getFormControl(field)}\n          </div>\n        ))}\n      </div>\n      <div className={`${classBase}-buttonbar salt-theme salt-density-high`}>\n        <Button\n          type=\"submit\"\n          variant=\"cta\"\n          disabled={!isDirty}\n          onClick={handleSubmit}\n        >\n          Submit\n        </Button>\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n    </div>\n  );\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport cx from \"classnames\";\nimport {\n  HTMLAttributes,\n  MouseEvent,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { ShellContextProvider } from \"./ShellContextProvider\";\nimport { useLayoutConfig } from \"./layout-config\";\nimport {\n  DockLayout,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  LayoutProvider,\n  View,\n} from \"@vuu-ui/vuu-layout\";\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport { AppHeader } from \"./app-header\";\nimport { ThemeMode } from \"./theme-provider\";\nimport { logger } from \"@vuu-ui/vuu-utils\";\n\nimport \"./shell.css\";\nimport { SaveLocation } from \"./shellTypes\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst { error } = logger(\"Shell\");\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  saveLocation?: SaveLocation;\n  saveUrl?: string;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  loginUrl,\n  saveLocation = \"remote\",\n  saveUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(false);\n  const layoutId = useRef(\"latest\");\n\n  const [layout, saveLayoutConfig, loadLayoutById] = useLayoutConfig({\n    defaultLayout,\n    saveLocation,\n    user,\n  });\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      try {\n        saveLayoutConfig(layout);\n      } catch {\n        error?.(\"Failed to save layout\");\n      }\n    },\n    [saveLayoutConfig]\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({\n        authToken: user.token,\n        url: serverUrl,\n        username: user.username,\n      });\n    }\n  }, [serverUrl, user.token, user.username]);\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-high\"\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            <DockLayout style={{ flex: 1 }}>\n              {getDrawers().concat(\n                <DraggableLayout\n                  dropTarget\n                  key=\"main-content\"\n                  style={{ width: \"100%\", height: \"100%\" }}\n                />\n              )}\n            </DockLayout>\n          </Flexbox>\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ShellContextProvider>\n  );\n};\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 { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { SaveLocation } from \"../shellTypes\";\nimport { loadLocalConfig, saveLocalConfig } from \"./local-config\";\nimport { loadRemoteConfig, saveRemoteConfig } from \"./remote-config\";\n\nexport interface LayoutConfigHookProps {\n  defaultLayout: LayoutJSON;\n  saveLocation: SaveLocation;\n  saveUrl?: string;\n  user: VuuUser;\n}\n\nexport type LayoutHookResult = [\n  LayoutJSON,\n  (layout: LayoutJSON) => void,\n  (id: string) => void\n];\n\nexport const useLayoutConfig = ({\n  saveLocation,\n  saveUrl = \"api/vui\",\n  user,\n  defaultLayout,\n}: LayoutConfigHookProps): LayoutHookResult => {\n  const [layout, _setLayout] = useState(defaultLayout);\n  const usingRemote = saveLocation === \"remote\";\n  const loadConfig = usingRemote ? loadRemoteConfig : loadLocalConfig;\n  const saveConfig = usingRemote ? saveRemoteConfig : saveLocalConfig;\n\n  const setLayout = (layout: LayoutJSON) => {\n    _setLayout(layout);\n  };\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      try {\n        const layout = await loadConfig(saveUrl, user, id);\n        setLayout(layout);\n      } catch {\n        setLayout(defaultLayout);\n      }\n    },\n    [defaultLayout, loadConfig, saveUrl, user]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      saveConfig(saveUrl, user, data);\n    },\n    [saveConfig, saveUrl, user]\n  );\n\n  const loadLayoutById = useCallback(\n    (id) => {\n      load(id);\n    },\n    [load]\n  );\n\n  return [layout, saveData, loadLayoutById];\n};\n", "import { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport { VuuUser } from \"../shell\";\n\nexport const loadLocalConfig = (\n  saveUrl: string,\n  user: VuuUser,\n  id = \"latest\"\n): Promise<LayoutJSON> =>\n  new Promise((resolve, reject) => {\n    console.log(\n      `load local config at ${saveUrl} for user ${user.username}, id ${id}`\n    );\n    const data = localStorage.getItem(saveUrl);\n    if (data) {\n      const layout = JSON.parse(data);\n      resolve(layout);\n    } else {\n      reject();\n    }\n  });\n\nexport const saveLocalConfig = (\n  saveUrl: string,\n  user: VuuUser,\n  data: LayoutJSON\n): Promise<undefined> =>\n  new Promise((resolve, reject) => {\n    try {\n      localStorage.setItem(saveUrl, JSON.stringify(data));\n      resolve(undefined);\n    } catch {\n      reject();\n    }\n  });\n", "import { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport { VuuUser } from \"../shell\";\n\nexport const loadRemoteConfig = (\n  saveUrl: string,\n  user: VuuUser,\n  id = \"latest\"\n): Promise<LayoutJSON> =>\n  new Promise((resolve, reject) => {\n    fetch(`${saveUrl}/${user.username}/${id}`, {})\n      .then((response) => {\n        if (response.ok) {\n          resolve(response.json());\n        } else {\n          reject(undefined);\n        }\n      })\n      .catch(() => {\n        // TODO we should set a layout with a warning here\n        //   setLayout(defaultLayout);\n        reject(undefined);\n      });\n  });\n\nexport const saveRemoteConfig = (\n  saveUrl: string,\n  user: VuuUser,\n  data: LayoutJSON\n) =>\n  new Promise((resolve, reject) => {\n    fetch(`${saveUrl}/${user.username}`, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify(data),\n    }).then((response) => {\n      if (response.ok) {\n        resolve(undefined);\n      } else {\n        reject();\n      }\n    });\n  });\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeSwitch } from \"../theme-switch\";\nimport { ThemeMode } from \"../theme-provider\";\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);\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\";\nimport { ThemeMode } from \"../theme-provider\";\n\nconst classBase = \"vuuThemeSwitch\";\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 React, {\n  createContext,\n  HTMLAttributes,\n  ReactNode,\n  ReactElement,\n  isValidElement,\n  cloneElement,\n  useContext,\n} from \"react\";\nimport cx from \"classnames\";\n\nexport const DEFAULT_DENSITY: Density = \"medium\";\nexport const DEFAULT_THEME = \"salt-theme\";\nexport const DEFAULT_THEME_MODE: ThemeMode = \"light\";\n\nexport type Density = \"high\" | \"medium\" | \"low\" | \"touch\";\nexport type ThemeMode = \"light\" | \"dark\";\nexport type TargetElement = \"root\" | \"scope\" | \"child\";\n\nexport interface ThemeContextProps {\n  density: Density;\n  theme: string;\n  themeMode: ThemeMode;\n}\n\nexport const ThemeContext = createContext<ThemeContextProps>({\n  density: \"high\",\n  theme: \"salt-theme\",\n  themeMode: \"light\",\n});\n\nconst createThemedChildren = (\n  children: ReactNode,\n  theme: string,\n  themeMode: ThemeMode,\n  density: Density\n) => {\n  if (isValidElement<HTMLAttributes<HTMLElement>>(children)) {\n    return cloneElement(children, {\n      className: cx(\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        children.props?.className,\n        theme,\n        `salt-density-${density}`\n      ),\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      \"data-mode\": themeMode,\n    });\n  } else {\n    console.warn(\n      `\\nThemeProvider can only apply CSS classes for theming to a single nested child element of the ThemeProvider.\n          Wrap elements with a single container`\n    );\n    return children;\n  }\n};\n\ninterface ThemeProviderProps {\n  children: ReactElement;\n  density?: Density;\n  theme?: string;\n  themeMode?: ThemeMode;\n  applyClassesTo?: TargetElement;\n}\n\nexport const ThemeProvider = ({\n  children,\n  theme: themeProp,\n  themeMode: themeModeProp,\n  density: densityProp,\n}: ThemeProviderProps) => {\n  const {\n    density: inheritedDensity,\n    themeMode: inheritedThemeMode,\n    theme: inheritedTheme,\n  } = useContext(ThemeContext);\n\n  const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;\n  const themeMode = themeModeProp ?? inheritedThemeMode ?? DEFAULT_THEME_MODE;\n  const theme = themeProp ?? inheritedTheme ?? DEFAULT_THEME;\n  const themedChildren = createThemedChildren(\n    children,\n    theme,\n    themeMode,\n    density\n  );\n\n  return (\n    <ThemeContext.Provider value={{ themeMode, density, theme }}>\n      {themedChildren}\n    </ThemeContext.Provider>\n  );\n};\n\nThemeProvider.displayName = \"ThemeProvider\";\n"],
-  "mappings": "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",
-  "names": ["src_exports", "__export", "ConnectionStatusIcon", "DEFAULT_DENSITY", "DEFAULT_THEME", "DEFAULT_THEME_MODE", "DensitySwitch", "Feature", "LoginPanel", "SessionEditingForm", "Shell", "ShellContextProvider", "ThemeContext", "ThemeProvider", "ThemeSwitch", "getAuthDetailsFromCookies", "logout", "redirectToLogin", "useShellContext", "__toCommonJS", "import_react", "import_classnames", "import_jsx_runtime", "ConnectionStatusIcon", "connectionStatus", "className", "element", "props", "classBase", "setClassBase", "statusIcon", "React", "cx", "import_salt_lab", "import_react", "import_classnames", "import_jsx_runtime", "classBase", "densities", "DEFAULT_DENSITY", "DensitySwitch", "classNameProp", "defaultDensity", "onDensityChange", "handleSelectionChange", "_event", "selectedItem", "className", "cx", "import_react", "import_vuu_layout", "import_react", "import_jsx_runtime", "ErrorBoundary", "React", "props", "error", "errorInfo", "import_jsx_runtime", "Loader", "import_jsx_runtime", "componentsMap", "useCachedFeature", "url", "React", "RawFeature", "css", "params", "props", "cssModule", "LazyFeature", "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_react", "import_classnames", "import_core", "import_vuu_data", "import_vuu_utils", "import_jsx_runtime", "classBase", "getField", "fields", "name", "field", "f", "getFieldNameAndValue", "evt", "value", "Status", "getTypedValue", "type", "throwIfUndefined", "typedValue", "getDataSource", "dataSource", "schema", "col", "SessionEditingForm", "className", "keyField", "dataSourceProp", "idProp", "onClose", "htmlAttributes", "values", "setValues", "errorMessage", "setErrorMessage", "formContentRef", "initialDataRef", "dataStatusRef", "applyServerData", "data", "columnMap", "column", "ds", "message", "id", "handleChange", "newValues", "notUpdated", "handleBlur", "rowKey", "handleSubmit", "response", "handleKeyDown", "handleCancel", "getFormControl", "_a", "firstInput", "isDirty", "cx", "import_vuu_data", "import_classnames", "import_react", "import_react", "import_jsx_runtime", "defaultConfig", "ShellContext", "Provider", "children", "context", "inheritedContext", "mergedContext", "ShellContextProvider", "value", "useShellContext", "import_react", "loadLocalConfig", "saveUrl", "user", "id", "resolve", "reject", "data", "layout", "saveLocalConfig", "loadRemoteConfig", "saveUrl", "user", "id", "resolve", "reject", "response", "saveRemoteConfig", "data", "useLayoutConfig", "saveLocation", "saveUrl", "user", "defaultLayout", "layout", "_setLayout", "usingRemote", "loadConfig", "loadRemoteConfig", "loadLocalConfig", "saveConfig", "saveRemoteConfig", "saveLocalConfig", "setLayout", "load", "id", "saveData", "data", "loadLayoutById", "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_vuu_utils", "import_jsx_runtime", "error", "warningLayout", "Shell", "children", "classNameProp", "defaultLayout", "leftSidePanel", "loginUrl", "saveLocation", "saveUrl", "serverUrl", "user", "htmlAttributes", "rootRef", "paletteView", "open", "setOpen", "layoutId", "layout", "saveLayoutConfig", "loadLayoutById", "useLayoutConfig", "handleLayoutChange", "handleSwitchTheme", "mode", "handleDrawerClick", "e", "_a", "target", "handleNavigate", "id", "getDrawers", "drawers", "className", "cx", "ShellContextProvider", "AppHeader", "import_react", "import_classnames", "import_jsx_runtime", "DEFAULT_DENSITY", "DEFAULT_THEME", "DEFAULT_THEME_MODE", "ThemeContext", "createThemedChildren", "children", "theme", "themeMode", "density", "_a", "cx", "ThemeProvider", "themeProp", "themeModeProp", "densityProp", "_b", "_c", "inheritedDensity", "inheritedThemeMode", "inheritedTheme", "themedChildren"]
+  "sources": ["../../../packages/vuu-shell/src/index.ts", "../../../packages/vuu-shell/src/connection-status/ConnectionStatusIcon.tsx", "../../../packages/vuu-shell/src/density-switch/DensitySwitch.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/login/LoginPanel.tsx", "../../../packages/vuu-shell/src/login/login-utils.ts", "../../../packages/vuu-shell/src/session-editing-form/SessionEditingForm.tsx", "../../../packages/vuu-shell/src/shell.tsx", "../../../packages/vuu-shell/src/layout-config/use-layout-config.ts", "../../../packages/vuu-shell/src/layout-config/local-config.ts", "../../../packages/vuu-shell/src/layout-config/remote-config.ts", "../../../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/theme-provider/ThemeProvider.tsx", "../../../packages/vuu-shell/src/shell-layouts/useFullHeightLeftPanel.tsx", "../../../packages/vuu-shell/src/shell-layouts/context-panel/ContextPanel.tsx", "../../../packages/vuu-shell/src/left-nav/LeftNav.tsx", "../../../packages/vuu-shell/src/shell-layouts/useInlayLeftPanel.tsx", "../../../packages/vuu-shell/src/shell-layouts/useShellLayout.ts", "../../../packages/vuu-shell/src/ShellContextProvider.tsx"],
+  "sourcesContent": ["export * from \"./connection-status\";\nexport * from \"./density-switch\";\nexport * from \"./feature\";\nexport * from \"./login\";\nexport * from \"./session-editing-form\";\nexport * from \"./shell\";\nexport * from \"./shellTypes\";\nexport * from \"./ShellContextProvider\";\nexport * from \"./theme-provider\";\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 { Dropdown } from \"@heswell/salt-lab\";\nimport { 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\"];\nconst DEFAULT_DENSITY = \"high\";\n\nexport interface DensitySwitchProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"onChange\"> {\n  defaultDensity?: Density;\n  density?: Density;\n  onChange: (density: Density) => void;\n}\n\nexport const DensitySwitch = ({\n  className: classNameProp,\n  defaultDensity = DEFAULT_DENSITY,\n  onChange,\n}: DensitySwitchProps) => {\n  const handleSelectionChange = useCallback(\n    (_event, selectedItem) => {\n      onChange(selectedItem);\n    },\n    [onChange]\n  );\n\n  const className = cx(classBase, classNameProp);\n\n  return (\n    <Dropdown<Density>\n      className={className}\n      source={densities}\n      defaultSelected={defaultDensity}\n      onSelectionChange={handleSelectionChange}\n    />\n  );\n};\n", "import React, { Suspense, useEffect } from \"react\";\nimport { registerComponent } from \"@vuu-ui/vuu-layout\";\nimport { ErrorBoundary } from \"./ErrorBoundary\";\nimport { Loader } from \"./Loader\";\n\nconst componentsMap = new Map();\n\nconst useCachedFeature = (url: string) => {\n  useEffect(\n    () => () => {\n      componentsMap.delete(url);\n    },\n    [url]\n  );\n\n  if (!componentsMap.has(url)) {\n    componentsMap.set(\n      url,\n      React.lazy(() => import(/* @vite-ignore */ url))\n    );\n  }\n\n  return componentsMap.get(url);\n};\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\nfunction RawFeature<Params extends object | undefined>({\n  url,\n  css,\n  params,\n  ...props\n}: FeatureProps<Params>) {\n  console.log(\"Feature render\", { css, url, props });\n  useEffect(() => {\n    console.log(\"%cFeature mount\", \"color: green;\");\n    return () => {\n      console.log(\"%cFeature unmount\", \"color:red;\");\n    };\n  }, []);\n\n  if (css) {\n    import(/* @vite-ignore */ css, { assert: { type: \"css\" } }).then(\n      (cssModule) => {\n        console.log(\"%cInject Styles\", \"color: blue;font-weight: bold\");\n        document.adoptedStyleSheets = [\n          ...document.adoptedStyleSheets,\n          cssModule.default,\n        ];\n      }\n    );\n  }\n\n  const LazyFeature = useCachedFeature(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", "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 = (): [string, string] => {\n  const username = getCookieValue(\"vuu-username\") as string;\n  const token = getCookieValue(\"vuu-auth-token\") as string;\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 {\n  ChangeEvent,\n  FocusEvent,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport cx from \"classnames\";\nimport {\n  VuuColumnDataType,\n  VuuDataRow,\n  VuuRowDataItemType,\n} from \"@vuu-ui/vuu-protocol-types\";\nimport { useIdMemo } from \"@salt-ds/core\";\nimport { Button } from \"@salt-ds/core\";\nimport {\n  DataSource,\n  hasAction,\n  isErrorResponse,\n  RemoteDataSource,\n  TableSchema,\n} from \"@vuu-ui/vuu-data\";\nimport {\n  buildColumnMap,\n  isValidNumber,\n  shallowEquals,\n} from \"@vuu-ui/vuu-utils\";\n\nimport \"./SessionEditingForm.css\";\n\nexport type FormFieldDescriptor = {\n  isKeyField?: boolean;\n  label?: string;\n  name: string;\n  type: VuuColumnDataType;\n  description: string;\n  readonly?: boolean;\n  required?: boolean;\n};\n\nexport type FormConfig = {\n  title: string;\n  key: string;\n  fields: FormFieldDescriptor[];\n};\n\nexport interface SessionEditingFormProps\n  extends HTMLAttributes<HTMLDivElement> {\n  config: FormConfig;\n  onClose: () => void;\n  dataSource?: DataSource;\n  schema?: TableSchema;\n}\n\nconst classBase = \"vuuSessionEditingForm\";\n\nconst getField = (\n  fields: FormFieldDescriptor[],\n  name: string\n): FormFieldDescriptor => {\n  const field = fields.find((f) => f.name === name);\n  if (field) {\n    return field;\n  } else {\n    throw Error(`SessionEditingForm, no field '${name}' found`);\n  }\n};\n\nconst getFieldNameAndValue = (\n  evt: ChangeEvent | FocusEvent\n): [string, string] => {\n  const {\n    dataset: { field },\n    value,\n  } = evt.target as HTMLInputElement;\n  if (field === undefined) {\n    throw Error(\"SessionEditingForm, form field has no field name\");\n  }\n  return [field, value];\n};\n\nconst Status = {\n  uninitialised: 0,\n  unchanged: 1,\n  changed: 2,\n  invalid: 3,\n};\n\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined?: false\n): VuuRowDataItemType | undefined;\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined: true\n): VuuRowDataItemType;\nfunction getTypedValue(\n  value: string,\n  type: VuuColumnDataType,\n  throwIfUndefined = false\n): VuuRowDataItemType | undefined {\n  switch (type) {\n    case \"int\":\n    case \"long\": {\n      const typedValue = parseInt(value, 10);\n      if (isValidNumber(typedValue)) {\n        return typedValue;\n      } else if (throwIfUndefined) {\n        throw Error(\"SessionEditingForm getTypedValue\");\n      } else {\n        return undefined;\n      }\n    }\n\n    case \"double\": {\n      const typedValue = parseFloat(value);\n      if (isValidNumber(typedValue)) {\n        return typedValue;\n      }\n      return undefined;\n    }\n\n    case \"boolean\":\n      return value === \"true\" ? true : false;\n    default:\n      return value;\n  }\n}\n\nconst getDataSource = (\n  dataSource?: DataSource,\n  schema?: TableSchema\n): DataSource => {\n  if (dataSource) {\n    return dataSource;\n  } else if (schema) {\n    return new RemoteDataSource({\n      bufferSize: 0,\n      table: schema.table,\n      columns: schema.columns.map((col) => col.name),\n    }) as DataSource;\n  } else {\n    throw Error(\n      \"SessionEditingForm: either a DataSource or a TableSchema must be provided\"\n    );\n  }\n};\n\ntype FormValues = { [key: string]: VuuRowDataItemType | undefined };\n\nexport const SessionEditingForm = ({\n  className,\n  config: { fields, key: keyField },\n  dataSource: dataSourceProp,\n  id: idProp,\n  onClose,\n  schema,\n  ...htmlAttributes\n}: SessionEditingFormProps) => {\n  const [values, setValues] = useState<FormValues>();\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  const formContentRef = useRef<HTMLDivElement>(null);\n  const initialDataRef = useRef<FormValues>();\n  const dataStatusRef = useRef(Status.uninitialised);\n\n  const dataSource = useMemo(() => {\n    const applyServerData = (data: VuuDataRow) => {\n      if (columnMap) {\n        const values: { [key: string]: VuuRowDataItemType } = {};\n        for (const column of dataSource.columns) {\n          values[column] = data[columnMap[column]];\n        }\n        if (dataStatusRef.current === Status.uninitialised) {\n          dataStatusRef.current = Status.unchanged;\n          initialDataRef.current = values;\n        }\n        setValues(values);\n      }\n    };\n\n    const ds = getDataSource(dataSourceProp, schema);\n    const columnMap = buildColumnMap(ds.columns);\n    ds.subscribe({ range: { from: 0, to: 5 } }, (message) => {\n      if (message.type === \"viewport-update\" && message.rows) {\n        if (dataStatusRef.current === Status.uninitialised) {\n          applyServerData(message.rows[0]);\n        } else {\n          console.log(\"what do we do with server updates\");\n        }\n      }\n    });\n    return ds;\n  }, [dataSourceProp, schema]);\n\n  const id = useIdMemo(idProp);\n\n  const handleChange = useCallback(\n    (evt) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const { type } = getField(fields, field);\n      const typedValue = getTypedValue(value, type);\n      setValues((values = {}) => {\n        const newValues = {\n          ...values,\n          [field]: typedValue,\n        };\n        const notUpdated = shallowEquals(newValues, initialDataRef.current);\n        dataStatusRef.current = notUpdated\n          ? Status.unchanged\n          : typedValue !== undefined\n          ? Status.changed\n          : Status.invalid;\n        return newValues;\n      });\n    },\n    [fields]\n  );\n\n  const handleBlur = useCallback(\n    (evt: FocusEvent) => {\n      const [field, value] = getFieldNameAndValue(evt);\n      const { type } = getField(fields, field);\n      const rowKey = values?.[keyField];\n      const typedValue = getTypedValue(value, type, true);\n      if (typeof rowKey === \"string\") {\n        dataSource.menuRpcCall({\n          rowKey,\n          field: field,\n          value: typedValue,\n          type: \"VP_EDIT_CELL_RPC\",\n        });\n      }\n    },\n    [dataSource, fields, keyField, values]\n  );\n\n  const applyAction = useCallback(\n    (action: unknown) => {\n      if (typeof action === \"object\" && action !== null) {\n        if (\"type\" in action && action.type === \"CLOSE_DIALOG_ACTION\") {\n          onClose();\n        }\n      }\n    },\n    [onClose]\n  );\n\n  const handleSubmit = useCallback(async () => {\n    const response = await dataSource.menuRpcCall({\n      type: \"VP_EDIT_SUBMIT_FORM_RPC\",\n    });\n    if (isErrorResponse(response)) {\n      setErrorMessage(response.error);\n    } else if (hasAction(response)) {\n      applyAction(response.action);\n    }\n  }, [applyAction, dataSource]);\n\n  const handleKeyDown = useCallback(\n    (evt) => {\n      if (evt.key === \"Enter\" && dataStatusRef.current === Status.changed) {\n        handleSubmit();\n      }\n    },\n    [handleSubmit]\n  );\n\n  const handleCancel = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const getFormControl = (field: FormFieldDescriptor) => {\n    const value = String(values?.[field.name] ?? \"\");\n    if (field.readonly || field.name === keyField) {\n      return (\n        <div className={`${classBase}-fieldValue vuuReadOnly`}>{value}</div>\n      );\n    } else {\n      return (\n        <input\n          className={`${classBase}-fieldValue`}\n          data-field={field.name}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          type=\"text\"\n          value={value}\n          id={`${id}-input-${field.name}`}\n        />\n      );\n    }\n  };\n\n  useEffect(() => {\n    if (formContentRef.current) {\n      const firstInput = formContentRef.current.querySelector(\n        \"input\"\n      ) as HTMLInputElement;\n      if (firstInput) {\n        setTimeout(() => {\n          firstInput.focus();\n          firstInput.select();\n        }, 100);\n      }\n    }\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      if (dataSource) {\n        dataSource.unsubscribe();\n      }\n    };\n  }, [dataSource]);\n\n  const isDirty = dataStatusRef.current === Status.changed;\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      {errorMessage ? (\n        <div\n          className={`${classBase}-errorBanner`}\n          data-icon=\"error\"\n          title={errorMessage}\n        >\n          Error, edit(s) not saved\n        </div>\n      ) : undefined}\n      <div\n        className={`${classBase}-content`}\n        ref={formContentRef}\n        onKeyDown={handleKeyDown}\n      >\n        {fields.map((field) => (\n          <div className={`${classBase}-field`} key={field.name}>\n            <label\n              className={cx(`${classBase}-fieldLabel`, {\n                [`${classBase}-required`]: field.required,\n              })}\n              htmlFor={`${id}-input-${field.name}`}\n            >\n              {field?.label ?? field.description}\n            </label>\n            {getFormControl(field)}\n          </div>\n        ))}\n      </div>\n      <div className={`${classBase}-buttonbar salt-theme salt-density-high`}>\n        <Button\n          type=\"submit\"\n          variant=\"cta\"\n          disabled={!isDirty}\n          onClick={handleSubmit}\n        >\n          Submit\n        </Button>\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          Cancel\n        </Button>\n      </div>\n    </div>\n  );\n};\n", "import { connectToServer } from \"@vuu-ui/vuu-data\";\nimport cx from \"classnames\";\nimport {\n  HTMLAttributes,\n  ReactElement,\n  ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n} from \"react\";\nimport { useLayoutConfig } from \"./layout-config\";\nimport { DraggableLayout, LayoutProvider } from \"@vuu-ui/vuu-layout\";\nimport { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport { AppHeader } from \"./app-header\";\nimport { ThemeMode, ThemeProvider, useThemeAttributes } from \"./theme-provider\";\nimport { logger } from \"@vuu-ui/vuu-utils\";\nimport { useShellLayout } from \"./shell-layouts\";\nimport { SaveLocation } from \"./shellTypes\";\n\nimport \"./shell.css\";\n\nexport type VuuUser = {\n  username: string;\n  token: string;\n};\n\nconst { error } = logger(\"Shell\");\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  leftSidePanelLayout?: \"full-height\" | \"inlay\";\n  loginUrl?: string;\n  // paletteConfig: any;\n  saveLocation?: SaveLocation;\n  saveUrl?: string;\n  serverUrl?: string;\n  user: VuuUser;\n}\n\nexport const Shell = ({\n  children,\n  className: classNameProp,\n  defaultLayout = warningLayout,\n  leftSidePanel,\n  leftSidePanelLayout,\n  loginUrl,\n  saveLocation = \"remote\",\n  saveUrl,\n  serverUrl,\n  user,\n  ...htmlAttributes\n}: ShellProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const layoutId = useRef(\"latest\");\n  const [layout, saveLayoutConfig, loadLayoutById] = useLayoutConfig({\n    defaultLayout,\n    saveLocation,\n    user,\n  });\n\n  const handleLayoutChange = useCallback(\n    (layout) => {\n      try {\n        saveLayoutConfig(layout);\n      } catch {\n        error?.(\"Failed to save layout\");\n      }\n    },\n    [saveLayoutConfig]\n  );\n\n  const handleSwitchTheme = useCallback((mode: ThemeMode) => {\n    if (rootRef.current) {\n      rootRef.current.dataset.mode = mode;\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({\n        authToken: user.token,\n        url: serverUrl,\n        username: user.username,\n      });\n    }\n  }, [serverUrl, user.token, user.username]);\n\n  const [themeClass, densityClass, dataMode] = useThemeAttributes();\n  const className = cx(\"vuuShell\", classNameProp, themeClass, densityClass);\n\n  const shellLayout = useShellLayout({\n    leftSidePanelLayout,\n    appHeader: (\n      <AppHeader\n        layoutId={layoutId.current}\n        loginUrl={loginUrl}\n        user={user}\n        onNavigate={handleNavigate}\n        onSwitchTheme={handleSwitchTheme}\n      />\n    ),\n    leftSidePanel,\n  });\n\n  return (\n    // ShellContext TBD\n    <ThemeProvider>\n      <LayoutProvider layout={layout} onLayoutChange={handleLayoutChange}>\n        <DraggableLayout\n          className={className}\n          data-mode={dataMode}\n          ref={rootRef}\n          {...htmlAttributes}\n        >\n          {shellLayout}\n        </DraggableLayout>\n      </LayoutProvider>\n      {children}\n    </ThemeProvider>\n  );\n};\n", "import { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { SaveLocation } from \"../shellTypes\";\nimport { loadLocalConfig, saveLocalConfig } from \"./local-config\";\nimport { loadRemoteConfig, saveRemoteConfig } from \"./remote-config\";\n\nexport interface LayoutConfigHookProps {\n  defaultLayout: LayoutJSON;\n  saveLocation: SaveLocation;\n  saveUrl?: string;\n  user: VuuUser;\n}\n\nexport type LayoutHookResult = [\n  LayoutJSON,\n  (layout: LayoutJSON) => void,\n  (id: string) => void\n];\n\nexport const useLayoutConfig = ({\n  saveLocation,\n  saveUrl = \"api/vui\",\n  user,\n  defaultLayout,\n}: LayoutConfigHookProps): LayoutHookResult => {\n  const [layout, _setLayout] = useState(defaultLayout);\n  const usingRemote = saveLocation === \"remote\";\n  const loadConfig = usingRemote ? loadRemoteConfig : loadLocalConfig;\n  const saveConfig = usingRemote ? saveRemoteConfig : saveLocalConfig;\n\n  const load = useCallback(\n    async (id = \"latest\") => {\n      try {\n        const layout = await loadConfig(saveUrl, user, id);\n        _setLayout(layout);\n      } catch {\n        _setLayout(defaultLayout);\n      }\n    },\n    [defaultLayout, loadConfig, saveUrl, user]\n  );\n\n  useEffect(() => {\n    load();\n  }, [load]);\n\n  const saveData = useCallback(\n    (data) => {\n      saveConfig(saveUrl, user, data);\n    },\n    [saveConfig, saveUrl, user]\n  );\n\n  const loadLayoutById = useCallback((id) => load(id), [load]);\n\n  return [layout, saveData, loadLayoutById];\n};\n", "import { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport { VuuUser } from \"../shell\";\n\nexport const loadLocalConfig = (\n  saveUrl: string,\n  user: VuuUser,\n  id = \"latest\"\n): Promise<LayoutJSON> =>\n  new Promise((resolve, reject) => {\n    console.log(\n      `load local config at ${saveUrl} for user ${user.username}, id ${id}`\n    );\n    const data = localStorage.getItem(saveUrl);\n    if (data) {\n      const layout = JSON.parse(data);\n      resolve(layout);\n    } else {\n      reject();\n    }\n  });\n\nexport const saveLocalConfig = (\n  saveUrl: string,\n  user: VuuUser,\n  data: LayoutJSON\n): Promise<undefined> =>\n  new Promise((resolve, reject) => {\n    try {\n      localStorage.setItem(saveUrl, JSON.stringify(data));\n      resolve(undefined);\n    } catch {\n      reject();\n    }\n  });\n", "import { LayoutJSON } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport { VuuUser } from \"../shell\";\n\nexport const loadRemoteConfig = (\n  saveUrl: string,\n  user: VuuUser,\n  id = \"latest\"\n): Promise<LayoutJSON> =>\n  new Promise((resolve, reject) => {\n    fetch(`${saveUrl}/${user.username}/${id}`, {})\n      .then((response) => {\n        if (response.ok) {\n          resolve(response.json());\n        } else {\n          reject(undefined);\n        }\n      })\n      .catch(() => {\n        // TODO we should set a layout with a warning here\n        //   setLayout(defaultLayout);\n        reject(undefined);\n      });\n  });\n\nexport const saveRemoteConfig = (\n  saveUrl: string,\n  user: VuuUser,\n  data: LayoutJSON\n) =>\n  new Promise((resolve, reject) => {\n    fetch(`${saveUrl}/${user.username}`, {\n      method: \"POST\",\n      headers: {\n        \"Content-Type\": \"application/json\",\n      },\n      body: JSON.stringify(data),\n    }).then((response) => {\n      if (response.ok) {\n        resolve(undefined);\n      } else {\n        reject();\n      }\n    });\n  });\n", "import { HTMLAttributes, useCallback } from \"react\";\nimport { VuuUser } from \"../shell\";\nimport { UserProfile } from \"../user-profile\";\nimport { ThemeSwitch } from \"../theme-switch\";\nimport { ThemeMode } from \"../theme-provider\";\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);\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\";\nimport { ThemeMode } from \"../theme-provider\";\n\nconst classBase = \"vuuThemeSwitch\";\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 React, {\n  createContext,\n  HTMLAttributes,\n  ReactNode,\n  isValidElement,\n  cloneElement,\n  useContext,\n} from \"react\";\nimport cx from \"classnames\";\n\nexport const DEFAULT_DENSITY: Density = \"medium\";\nexport const DEFAULT_THEME = \"salt-theme\";\nexport const DEFAULT_THEME_MODE: ThemeMode = \"light\";\n\nexport type Density = \"high\" | \"medium\" | \"low\" | \"touch\";\nexport type ThemeMode = \"light\" | \"dark\";\nexport type TargetElement = \"root\" | \"scope\" | \"child\";\n\nexport interface ThemeContextProps {\n  density: Density;\n  theme: string;\n  themeMode: ThemeMode;\n}\n\nexport const ThemeContext = createContext<ThemeContextProps>({\n  density: \"high\",\n  theme: \"salt\",\n  themeMode: \"light\",\n});\n\nexport type ThemeClasses = [string, string, string];\n\nconst DEFAULT_THEME_ATTRIBUTES: ThemeClasses = [\n  \"salt\",\n  \"salt-density-high\",\n  \"light\",\n];\n\nexport const useThemeAttributes = (): [string, string, string] => {\n  const context = useContext(ThemeContext);\n  if (context) {\n    return [\n      `${context.theme}-theme`,\n      `salt-density-${context.density}`,\n      context.themeMode,\n    ];\n  }\n  return DEFAULT_THEME_ATTRIBUTES;\n};\n\nconst createThemedChildren = (\n  children: ReactNode,\n  theme: string,\n  themeMode: ThemeMode,\n  density: Density\n) => {\n  console.log(\"create themed children\");\n  if (isValidElement<HTMLAttributes<HTMLElement>>(children)) {\n    return cloneElement(children, {\n      className: cx(\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n        children.props?.className,\n        `${theme}-theme`,\n        `${theme}-density-${density}`\n      ),\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-expect-error\n      \"data-mode\": themeMode,\n    });\n  } else {\n    console.warn(\n      `\\nThemeProvider can only apply CSS classes for theming to a single nested child element of the ThemeProvider.\n          Wrap elements with a single container`\n    );\n    return children;\n  }\n};\n\ninterface ThemeProviderProps {\n  applyThemeClasses?: boolean;\n  children: ReactNode;\n  density?: Density;\n  theme?: string;\n  themeMode?: ThemeMode;\n}\n\nexport const ThemeProvider = ({\n  applyThemeClasses = false,\n  children,\n  theme: themeProp,\n  themeMode: themeModeProp,\n  density: densityProp,\n}: ThemeProviderProps) => {\n  const {\n    density: inheritedDensity,\n    themeMode: inheritedThemeMode,\n    theme: inheritedTheme,\n  } = useContext(ThemeContext);\n\n  const density = densityProp ?? inheritedDensity ?? DEFAULT_DENSITY;\n  const themeMode = themeModeProp ?? inheritedThemeMode ?? DEFAULT_THEME_MODE;\n  const theme = themeProp ?? inheritedTheme ?? DEFAULT_THEME;\n  const themedChildren = applyThemeClasses\n    ? createThemedChildren(children, theme, themeMode, density)\n    : children;\n\n  return (\n    <ThemeContext.Provider value={{ themeMode, density, theme }}>\n      {themedChildren}\n    </ThemeContext.Provider>\n  );\n};\n\nThemeProvider.displayName = \"ThemeProvider\";\n", "import { DraggableLayout, Flexbox } from \"@vuu-ui/vuu-layout\";\nimport { ContextPanel } from \"./context-panel\";\n\nimport { ReactElement } from \"react\";\n\nimport { LeftNav } from \"../left-nav\";\n\nexport const useFullHeightLeftPanel = ({\n  appHeader,\n}: {\n  appHeader: ReactElement;\n}): ReactElement => {\n  return (\n    <Flexbox\n      className=\"App\"\n      style={{\n        flexDirection: \"row\",\n        height: \"100%\",\n        width: \"100%\",\n      }}\n    >\n      <LeftNav\n        style={{\n          width: 240,\n        }}\n      />\n      <Flexbox\n        className=\"vuuShell-content\"\n        style={{\n          flexDirection: \"column\",\n          flex: 1,\n          padding: 8,\n        }}\n      >\n        {appHeader}\n        <DraggableLayout dropTarget key=\"main-content\" style={{ flex: 1 }} />\n      </Flexbox>\n      <ContextPanel\n        id=\"context-panel\"\n        overlay\n        title=\"Column Settings\"\n      ></ContextPanel>\n    </Flexbox>\n  );\n};\n", "import { Button } from \"@salt-ds/core\";\nimport cx from \"classnames\";\nimport { useCallback } from \"react\";\nimport { useLayoutProviderDispatch } from \"@vuu-ui/vuu-layout\";\n\nimport \"./ContextPanel.css\";\n\nconst classBase = \"vuuContextPanel\";\n\nexport interface ContextPanelProps {\n  [key: string]: unknown;\n  className?: string;\n  context?: string;\n  expanded?: boolean;\n  overlay?: boolean;\n}\n\nexport const ContextPanel = ({\n  className: classNameProp,\n  expanded = false,\n  overlay = false,\n  title,\n}: ContextPanelProps) => {\n  const dispatchLayoutAction = useLayoutProviderDispatch();\n  const handleClose = useCallback(() => {\n    dispatchLayoutAction({\n      path: \"#context-panel\",\n      propName: \"expanded\",\n      propValue: false,\n      type: \"set-prop\",\n    });\n  }, [dispatchLayoutAction]);\n  // TODO look up content using context\n\n  const className = cx(classBase, classNameProp, {\n    [`${classBase}-expanded`]: expanded,\n    [`${classBase}-inline`]: overlay !== true,\n    [`${classBase}-overlay`]: overlay,\n  });\n\n  return (\n    <div className={cx(classBase, className)}>\n      <div className={`${classBase}-inner`}>\n        <div className={`${classBase}-header`}>\n          <h2 className={`${classBase}-title`}>{title}</h2>\n          <Button\n            className={`${classBase}-close`}\n            data-icon=\"close\"\n            onClick={handleClose}\n            variant=\"secondary\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n", "import { Action, useLayoutProviderDispatch } from \"@vuu-ui/vuu-layout\";\nimport { LayoutResizeAction } from \"@vuu-ui/vuu-layout/src/layout-reducer\";\nimport cx from \"classnames\";\nimport { HTMLAttributes, useCallback, useRef } from \"react\";\n\nimport \"./LeftNav.css\";\n\nconst classBase = \"vuuLeftNav\";\n\ninterface LeftNavProps extends HTMLAttributes<HTMLDivElement> {\n  \"data-path\"?: string;\n  onResize?: (size: number) => void;\n  open?: boolean;\n}\n\nexport const LeftNav = ({\n  \"data-path\": path,\n  onResize,\n  open = true,\n  ...htmlAttributes\n}: LeftNavProps) => {\n  const dispatch = useLayoutProviderDispatch();\n  const openRef = useRef(open);\n\n  const toggleSize = useCallback(() => {\n    openRef.current = !openRef.current;\n    dispatch({\n      type: Action.LAYOUT_RESIZE,\n      path,\n      size: openRef.current ? 240 : 80,\n    } as LayoutResizeAction);\n  }, [dispatch, path]);\n  return (\n    <div {...htmlAttributes} className={classBase}>\n      <div className=\"vuuLeftNav-logo\">\n        <svg\n          width=\"44\"\n          height=\"45\"\n          viewBox=\"0 0 44 45\"\n          fill=\"none\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n        >\n          <g clipPath=\"url(#clip0_217_6990)\">\n            <path\n              d=\"M39.8642 15.5509L35.9196 7.58974L34.3369 6.85464L24.6235 22.0825L39.1628 30.618L42.3152 25.6347L39.8642 15.5509Z\"\n              fill=\"url(#paint0_linear_217_6990)\"\n            />\n            <path\n              d=\"M42.6246 24.8716C41.9199 25.9157 40.9625 26.824 39.767 27.4905C38.424 28.2396 36.9563 28.597 35.5081 28.597C32.7541 28.597 30.0715 27.3094 28.4466 24.9855L15.772 3.90967L15.7655 3.9206C13.3615 0.137431 8.25372 -1.13143 4.24754 1.10507C0.178173 3.37435 -1.20852 8.39359 1.14854 12.3125L18.3445 40.9095C19.1108 42.1846 20.1816 43.1834 21.4144 43.8764C21.4241 43.8826 21.4338 43.8889 21.4435 43.8951C21.4484 43.8982 21.4549 43.9013 21.4597 43.9045C22.0332 44.2228 22.6423 44.471 23.2725 44.6536C23.3194 44.6677 23.368 44.6817 23.415 44.6942C23.6418 44.7551 23.8702 44.8097 24.1019 44.8534C24.1456 44.8612 24.1894 44.8659 24.2331 44.8737C24.4194 44.9049 24.6073 44.9314 24.7952 44.9501C24.8698 44.9579 24.9443 44.9658 25.0188 44.9704C25.2342 44.9876 25.4497 44.9985 25.6668 45.0001C25.6781 45.0001 25.6895 45.0001 25.6992 45.0001C25.7024 45.0001 25.704 45.0001 25.7073 45.0001C25.7105 45.0001 25.7121 45.0001 25.7154 45.0001C25.9503 45.0001 26.1868 44.9876 26.4217 44.9689C26.4751 44.9642 26.5286 44.9595 26.5837 44.9533C26.8137 44.9299 27.0438 44.9002 27.2738 44.8596C27.277 44.8596 27.2803 44.8596 27.2835 44.8596C27.5362 44.8144 27.7889 44.7551 28.0384 44.6864C28.0546 44.6817 28.0692 44.677 28.0854 44.6723C28.4483 44.5709 28.8063 44.4445 29.1594 44.2931C29.1659 44.29 29.174 44.2868 29.1805 44.2837C29.4494 44.1682 29.7151 44.0418 29.9759 43.8967C30.24 43.75 30.491 43.5908 30.7308 43.4206C30.9398 43.2739 31.1407 43.1179 31.3367 42.9524C31.5748 42.7495 31.8 42.5373 32.009 42.3141C32.1661 42.1471 32.3168 41.9723 32.4609 41.7913C32.5079 41.732 32.5517 41.6711 32.5954 41.6118C32.6942 41.4807 32.7882 41.3465 32.8789 41.2091C32.9259 41.1373 32.9728 41.0671 33.0182 40.9953C33.036 40.9672 33.0555 40.9407 33.0717 40.9126L42.7153 24.8763H42.6214L42.6246 24.8716Z\"\n              fill=\"url(#paint1_linear_217_6990)\"\n            />\n            <path\n              d=\"M42.8402 16.4218L42.1112 15.2232L38.9636 9.58433L37.504 7.19644C37.2286 6.56123 36.579 6.11331 35.8176 6.11331C34.8083 6.11331 33.9919 6.90147 33.9919 7.87223C33.9919 8.20154 34.0907 8.50432 34.2543 8.76808L34.2349 8.78056L39.9048 18.0808C40.5884 19.2186 40.7715 20.5437 40.4199 21.8141C40.0684 23.0845 39.226 24.1458 38.045 24.806C37.2675 25.2398 36.3846 25.4693 35.4936 25.4693C33.6727 25.4693 31.9766 24.5281 31.0662 23.0143L22.9161 9.63271H22.9323L19.4899 3.90958L19.4834 3.92051C19.4235 3.8253 19.3538 3.73947 19.2907 3.64738L19.1935 3.48663C19.1935 3.48663 19.1854 3.49131 19.1821 3.49443C17.5654 1.27666 14.9799 0.0390178 12.3118 0.00936427V0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.961 26.8255 41.9168 25.9156 42.6231 24.8731H42.717L42.6846 24.9261C43.1366 24.2347 43.4833 23.4731 43.7068 22.6615C44.2916 20.5452 43.9871 18.3352 42.8369 16.4234L42.8402 16.4218Z\"\n              fill=\"#F37880\"\n            />\n            <g opacity=\"0.86\">\n              <path\n                d=\"M34.2332 8.78212L39.9031 18.0824C40.5868 19.2202 40.7698 20.5452 40.4183 21.8156C40.2044 22.5897 39.8059 23.2858 39.2616 23.8617C39.9744 23.2343 40.4879 22.4243 40.7423 21.5035C41.0938 20.2331 40.9107 18.908 40.2271 17.7703L34.5572 8.46998L34.5767 8.4575C34.413 8.19374 34.3142 7.89096 34.3142 7.56165C34.3142 7.15586 34.4584 6.78285 34.6982 6.48476C34.2672 6.80626 33.9902 7.30881 33.9902 7.87379C33.9902 8.2031 34.0891 8.50588 34.2527 8.76964L34.2332 8.78212Z\"\n                fill=\"white\"\n              />\n              <path\n                d=\"M42.6917 24.9169L42.6863 24.9256C42.6863 24.9256 42.6899 24.9187 42.6935 24.9152C42.6935 24.9152 42.6935 24.9152 42.6935 24.9169H42.6917Z\"\n                fill=\"white\"\n              />\n              <path\n                d=\"M40.0911 27.1798C38.7481 27.9289 37.2804 28.2863 35.8322 28.2863C33.0782 28.2863 30.3955 26.9988 28.7707 24.6749L16.0961 3.59744L16.0896 3.60837C14.9281 1.78077 13.1364 0.543128 11.1422 0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.4815 27.0924 41.1084 26.6055 41.6511 26.0561C41.1862 26.479 40.6662 26.8583 40.0894 27.1798H40.0911Z\"\n                fill=\"white\"\n              />\n            </g>\n          </g>\n          <defs>\n            <linearGradient\n              id=\"paint0_linear_217_6990\"\n              x1=\"24.6235\"\n              y1=\"18.7363\"\n              x2=\"42.3152\"\n              y2=\"18.7363\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stopColor=\"#4906A5\" />\n              <stop offset=\"1\" stopColor=\"#D3423A\" />\n            </linearGradient>\n            <linearGradient\n              id=\"paint1_linear_217_6990\"\n              x1=\"-2.35794e-05\"\n              y1=\"22.5009\"\n              x2=\"42.7186\"\n              y2=\"22.5009\"\n              gradientUnits=\"userSpaceOnUse\"\n            >\n              <stop stopColor=\"#7C06A5\" />\n              <stop offset=\"1\" stopColor=\"#D3423A\" />\n            </linearGradient>\n            <clipPath id=\"clip0_217_6990\">\n              <rect width=\"44\" height=\"45\" fill=\"white\" />\n            </clipPath>\n          </defs>\n        </svg>{\" \"}\n      </div>\n      <div className={`${classBase}-main`}>\n        <ul className={`${classBase}-menu`}>\n          <li\n            className={cx(\n              `${classBase}-menuitem`,\n              `${classBase}-menuitem-active`\n            )}\n            data-icon=\"demo\"\n          >\n            <span className={`${classBase}-menuitem-label`}>DEMO</span>\n          </li>\n          <li className={`${classBase}-menuitem`} data-icon=\"tables\">\n            <span className={`${classBase}-menuitem-label`}>VUU TABLES</span>\n          </li>\n          <li className={`${classBase}-menuitem`} data-icon=\"templates\">\n            <span className={`${classBase}-menuitem-label`}>\n              LAYOUT TEMPLATES\n            </span>\n          </li>\n          <li className={`${classBase}-menuitem`} data-icon=\"layouts\">\n            <span className={`${classBase}-menuitem-label`}>MY LAYOUTS</span>\n          </li>\n        </ul>\n      </div>\n      <div className=\"vuuLeftNav-buttonBar\">\n        <button\n          className={cx(\"vuuLeftNav-toggleButton\", {\n            \"vuuLeftNav-toggleButton-open\": openRef.current,\n            \"vuuLeftNav-toggleButton-closed\": !openRef.current,\n          })}\n          data-icon={openRef.current ? \"chevron-left\" : \"chevron-right\"}\n          onClick={toggleSize}\n        />\n      </div>\n    </div>\n  );\n};\n", "import {\n  DockLayout,\n  DraggableLayout,\n  Drawer,\n  Flexbox,\n  View,\n} from \"@vuu-ui/vuu-layout\";\n\nimport { MouseEvent, ReactElement, useCallback, useRef, useState } from \"react\";\n\nexport const useInlayLeftPanel = ({\n  appHeader,\n  leftSidePanel,\n}: {\n  appHeader: ReactElement;\n  leftSidePanel?: ReactElement;\n}): ReactElement => {\n  const paletteView = useRef<HTMLDivElement>(null);\n  const [open, setOpen] = useState(true);\n\n  const handleDrawerClick = useCallback(\n    (e: MouseEvent<HTMLElement>) => {\n      const target = e.target as HTMLElement;\n      if (!paletteView.current?.contains(target)) {\n        setOpen(!open);\n      }\n    },\n    [open]\n  );\n\n  const getDrawers = useCallback(\n    (leftSidePanel) => {\n      const drawers: ReactElement[] = [];\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      return drawers;\n    },\n    [handleDrawerClick, open]\n  );\n\n  return (\n    <Flexbox\n      className=\"App\"\n      style={{ flexDirection: \"column\", height: \"100%\", width: \"100%\" }}\n    >\n      {appHeader}\n      <DockLayout style={{ flex: 1 }}>\n        {getDrawers(leftSidePanel).concat(\n          <DraggableLayout\n            dropTarget\n            key=\"main-content\"\n            style={{ width: \"100%\", height: \"100%\" }}\n          />\n        )}\n      </DockLayout>\n    </Flexbox>\n  );\n};\n", "import { ReactElement } from \"react\";\nimport { useFullHeightLeftPanel } from \"./useFullHeightLeftPanel\";\nimport { useInlayLeftPanel } from \"./useInlayLeftPanel\";\n\nexport interface ShellLayoutProps {\n  appHeader: ReactElement;\n  leftSidePanel?: ReactElement;\n  leftSidePanelLayout?: \"full-height\" | \"inlay\";\n}\n\nexport const useShellLayout = ({\n  leftSidePanelLayout = \"inlay\",\n  ...props\n}: ShellLayoutProps) => {\n  const useLayoutHook =\n    leftSidePanelLayout === \"inlay\"\n      ? useInlayLeftPanel\n      : useFullHeightLeftPanel;\n\n  return useLayoutHook(props);\n};\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"],
+  "mappings": "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",
+  "names": ["src_exports", "__export", "ConnectionStatusIcon", "DEFAULT_DENSITY", "DEFAULT_THEME", "DEFAULT_THEME_MODE", "DensitySwitch", "Feature", "LoginPanel", "SessionEditingForm", "Shell", "ShellContextProvider", "ThemeContext", "ThemeProvider", "ThemeSwitch", "getAuthDetailsFromCookies", "logout", "redirectToLogin", "useShellContext", "useThemeAttributes", "__toCommonJS", "import_react", "import_classnames", "import_jsx_runtime", "ConnectionStatusIcon", "connectionStatus", "className", "element", "props", "classBase", "setClassBase", "statusIcon", "React", "cx", "import_salt_lab", "import_react", "import_classnames", "import_jsx_runtime", "classBase", "densities", "DEFAULT_DENSITY", "DensitySwitch", "classNameProp", "defaultDensity", "onChange", "handleSelectionChange", "_event", "selectedItem", "className", "cx", "import_react", "import_vuu_layout", "import_react", "import_jsx_runtime", "ErrorBoundary", "React", "props", "error", "errorInfo", "import_jsx_runtime", "Loader", "import_jsx_runtime", "componentsMap", "useCachedFeature", "url", "React", "RawFeature", "css", "params", "props", "cssModule", "LazyFeature", "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_react", "import_classnames", "import_core", "import_vuu_data", "import_vuu_utils", "import_jsx_runtime", "classBase", "getField", "fields", "name", "field", "f", "getFieldNameAndValue", "evt", "value", "Status", "getTypedValue", "type", "throwIfUndefined", "typedValue", "getDataSource", "dataSource", "schema", "col", "SessionEditingForm", "className", "keyField", "dataSourceProp", "idProp", "onClose", "htmlAttributes", "values", "setValues", "errorMessage", "setErrorMessage", "formContentRef", "initialDataRef", "dataStatusRef", "applyServerData", "data", "columnMap", "column", "ds", "message", "id", "handleChange", "newValues", "notUpdated", "handleBlur", "rowKey", "applyAction", "action", "handleSubmit", "response", "handleKeyDown", "handleCancel", "getFormControl", "_a", "firstInput", "isDirty", "cx", "import_vuu_data", "import_classnames", "import_react", "import_react", "loadLocalConfig", "saveUrl", "user", "id", "resolve", "reject", "data", "layout", "saveLocalConfig", "loadRemoteConfig", "saveUrl", "user", "id", "resolve", "reject", "response", "saveRemoteConfig", "data", "useLayoutConfig", "saveLocation", "saveUrl", "user", "defaultLayout", "layout", "_setLayout", "usingRemote", "loadConfig", "loadRemoteConfig", "loadLocalConfig", "saveConfig", "saveRemoteConfig", "saveLocalConfig", "load", "id", "saveData", "data", "loadLayoutById", "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_react", "import_classnames", "import_jsx_runtime", "DEFAULT_DENSITY", "DEFAULT_THEME", "DEFAULT_THEME_MODE", "ThemeContext", "DEFAULT_THEME_ATTRIBUTES", "useThemeAttributes", "context", "createThemedChildren", "children", "theme", "themeMode", "density", "_a", "cx", "ThemeProvider", "applyThemeClasses", "themeProp", "themeModeProp", "densityProp", "_b", "_c", "inheritedDensity", "inheritedThemeMode", "inheritedTheme", "themedChildren", "import_vuu_utils", "import_vuu_layout", "import_core", "import_classnames", "import_react", "import_vuu_layout", "import_jsx_runtime", "classBase", "ContextPanel", "classNameProp", "expanded", "overlay", "title", "dispatchLayoutAction", "handleClose", "className", "cx", "import_vuu_layout", "import_classnames", "import_react", "import_jsx_runtime", "classBase", "LeftNav", "path", "onResize", "open", "htmlAttributes", "dispatch", "openRef", "toggleSize", "cx", "import_jsx_runtime", "useFullHeightLeftPanel", "appHeader", "LeftNav", "ContextPanel", "import_vuu_layout", "import_react", "import_jsx_runtime", "useInlayLeftPanel", "appHeader", "leftSidePanel", "paletteView", "open", "setOpen", "handleDrawerClick", "e", "_a", "target", "getDrawers", "drawers", "useShellLayout", "leftSidePanelLayout", "props", "useInlayLeftPanel", "useFullHeightLeftPanel", "import_jsx_runtime", "error", "warningLayout", "Shell", "children", "classNameProp", "defaultLayout", "leftSidePanel", "leftSidePanelLayout", "loginUrl", "saveLocation", "saveUrl", "serverUrl", "user", "htmlAttributes", "rootRef", "layoutId", "layout", "saveLayoutConfig", "loadLayoutById", "useLayoutConfig", "handleLayoutChange", "handleSwitchTheme", "mode", "handleNavigate", "id", "themeClass", "densityClass", "dataMode", "useThemeAttributes", "className", "cx", "shellLayout", "useShellLayout", "AppHeader", "ThemeProvider", "import_react", "import_jsx_runtime", "defaultConfig", "ShellContext", "Provider", "children", "context", "inheritedContext", "mergedContext", "ShellContextProvider", "value", "useShellContext"]
 }

package/esm/index.js

@@ -1,4 +1,4 @@
-import Ue,{useEffect as Ie,useState as Be}from"react";import Ae from"classnames";import{Fragment as Oe,jsx as $e,jsxs as Q}from"react/jsx-runtime";var vo=({connectionStatus:e,className:t,element:o="span",...r})=>{let[s,a]=Be("vuuConnectingStatus");Ie(()=>{switch(e){case"connected":case"reconnected":a("vuuActiveStatus");break;case"connecting":a("vuuConnectingStatus");break;case"disconnected":a("vuuDisconnectedStatus");break;default:break}},[e]);let l=Ue.createElement(o,{...r,className:Ae("vuuStatus vuuIcon",s,t)});return $e(Oe,{children:Q("div",{className:"vuuStatus-container salt-theme",children:[l,Q("div",{className:"vuuStatus-text",children:["Status: ",e.toUpperCase()]})]})})};import{Dropdown as Je}from"@heswell/salt-lab";import{useCallback as _e}from"react";import qe from"classnames";import{jsx as Ye}from"react/jsx-runtime";var Ge="vuuDensitySwitch",ze=["high","medium","low","touch"],Ke="high",bo=({className:e,defaultDensity:t=Ke,onDensityChange:o})=>{let r=_e((a,l)=>{o(l)},[o]),s=qe(Ge,e);return Ye(Je,{className:s,source:ze,defaultSelected:t,onSelectionChange:r})};import j,{Suspense as je,useEffect as ee}from"react";import{registerComponent as et}from"@vuu-ui/vuu-layout";import We from"react";import{Fragment as Qe,jsx as X,jsxs as Xe}from"react/jsx-runtime";var H=class extends We.Component{constructor(t){super(t),this.state={errorMessage:null}}static getDerivedStateFromError(t){return{errorMessage:t.message}}componentDidCatch(t,o){console.log(t,o)}render(){return this.state.errorMessage?Xe(Qe,{children:[X("h1",{children:"Something went wrong."}),X("p",{children:this.state.errorMessage})]}):this.props.children}};import{jsx as Ze}from"react/jsx-runtime";var Z=()=>Ze("div",{className:"hwLoader",children:"loading"});import{jsx as F}from"react/jsx-runtime";var R=new Map,tt=e=>(ee(()=>()=>{R.delete(e)},[e]),R.has(e)||R.set(e,j.lazy(()=>import(e))),R.get(e));function ot({url:e,css:t,params:o,...r}){console.log("Feature render",{css:t,url:e,props:r}),ee(()=>(console.log("%cFeature mount","color: green;"),()=>{console.log("%cFeature unmount","color:red;")}),[]),t&&import(t).then(a=>{console.log("%cInject Styles","color: blue;font-weight: bold"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,a.default]});let s=tt(e);return F(H,{children:F(je,{fallback:F(Z,{}),children:F(s,{...r,...o})})})}var te=j.memo(ot);te.displayName="Feature";et("Feature",te,"view");import{useState as oe}from"react";import{Button as rt}from"@salt-ds/core";import{FormField as re,Input as ne}from"@heswell/salt-lab";import{jsx as M,jsxs as nt}from"react/jsx-runtime";var se="vuuLoginPanel",jo=({onSubmit:e})=>{let[t,o]=oe(""),[r,s]=oe(""),a=()=>{e(t,r)},l=(m,u)=>{o(u)},c=(m,u)=>{s(u)},i=t.trim()!==""&&r.trim()!=="";return nt("div",{className:se,children:[M(re,{label:"Username",style:{width:200},children:M(ne,{value:t,id:"text-username",onChange:l})}),M(re,{label:"Password",style:{width:200},children:M(ne,{type:"password",value:r,id:"text-password",onChange:c})}),M(rt,{className:`${se}-login`,disabled:!i,onClick:a,variant:"cta",children:"Login"})]})};import{getCookieValue as ae}from"@vuu-ui/vuu-utils";var rr=()=>{let e=ae("vuu-username"),t=ae("vuu-auth-token");return[e,t]},st=(e="login.html")=>{window.location.href=e},ie=e=>{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",st(e)};import{useCallback as P,useEffect as at,useMemo as it,useRef as O,useState as le}from"react";import ue from"classnames";import{useIdMemo as lt}from"@salt-ds/core";import{Button as ce}from"@salt-ds/core";import{isErrorResponse as ut,RemoteDataSource as ct}from"@vuu-ui/vuu-data";import{buildColumnMap as mt,isValidNumber as me,shallowEquals as dt}from"@vuu-ui/vuu-utils";import{jsx as L,jsxs as $}from"react/jsx-runtime";var x="vuuSessionEditingForm",de=(e,t)=>{let o=e.find(r=>r.name===t);if(o)return o;throw Error(`SessionEditingForm, no field '${t}' found`)},pe=e=>{let{dataset:{field:t},value:o}=e.target;if(t===void 0)throw Error("SessionEditingForm, form field has no field name");return[t,o]},C={uninitialised:0,unchanged:1,changed:2,invalid:3};function fe(e,t,o=!1){switch(t){case"int":case"long":{let r=parseInt(e,10);if(me(r))return r;if(o)throw Error("SessionEditingForm getTypedValue");return}case"double":{let r=parseFloat(e);return me(r)?r:void 0}case"boolean":return e==="true";default:return e}}var pt=(e,t)=>{if(e)return e;if(t)return new ct({bufferSize:0,table:t.table,columns:t.columns.map(o=>o.name)});throw Error("SessionEditingForm: either a DataSource or a TableSchema must be provided")},Cr=({className:e,config:{fields:t,key:o},dataSource:r,id:s,onClose:a,schema:l,...c})=>{let[i,m]=le(),[u,g]=le(""),d=O(null),p=O(),h=O(C.uninitialised),v=it(()=>{let n=S=>{if(y){let T={};for(let D of v.columns)T[D]=S[y[D]];h.current===C.uninitialised&&(h.current=C.unchanged,p.current=T),m(T)}},f=pt(r,l),y=mt(f.columns);return f.subscribe({range:{from:0,to:5}},S=>{S.type==="viewport-update"&&S.rows&&(h.current===C.uninitialised?n(S.rows[0]):console.log("what do we do with server updates"))}),f},[r,l]),E=lt(s),N=P(n=>{let[f,y]=pe(n),{type:S}=de(t,f),T=fe(y,S);m((D={})=>{let W={...D,[f]:T},ke=dt(W,p.current);return h.current=ke?C.unchanged:T!==void 0?C.changed:C.invalid,W})},[t]),k=P(n=>{let[f,y]=pe(n),{type:S}=de(t,f);console.log("BLUR",{keyField:o});let T=i==null?void 0:i[o],D=fe(y,S,!0);typeof T=="string"&&v.menuRpcCall({rowKey:T,field:f,value:D,type:"VP_EDIT_CELL_RPC"})},[v,t,o,i]),b=P(async()=>{let n=await v.menuRpcCall({type:"VP_EDIT_SUBMIT_FORM_RPC"});ut(n)&&g(n.error)},[v]),U=P(n=>{n.key==="Enter"&&h.current===C.changed&&b()},[b]),I=P(()=>{a()},[a]),B=n=>{var y;let f=String((y=i==null?void 0:i[n.name])!=null?y:"");return n.readonly||n.name===o?L("div",{className:`${x}-fieldValue vuuReadOnly`,children:f}):L("input",{className:`${x}-fieldValue`,"data-field":n.name,onBlur:k,onChange:N,type:"text",value:f,id:`${E}-input-${n.name}`})};at(()=>{if(d.current){let n=d.current.querySelector("input");n&&setTimeout(()=>{n.focus(),console.log("select item"),n.select()},100)}},[]);let A=h.current===C.changed;return $("div",{...c,className:ue(x,e),children:[u?L("div",{className:`${x}-errorBanner`,"data-icon":"error",title:u,children:"Error, edit(s) not saved"}):void 0,L("div",{className:`${x}-content`,ref:d,onKeyDown:U,children:t.map(n=>{var f;return $("div",{className:`${x}-field`,children:[L("label",{className:ue(`${x}-fieldLabel`,{[`${x}-required`]:n.required}),htmlFor:`${E}-input-${n.name}`,children:(f=n==null?void 0:n.label)!=null?f:n.description}),B(n)]},n.name)})}),$("div",{className:`${x}-buttonbar salt-theme salt-density-high`,children:[L(ce,{type:"submit",variant:"cta",disabled:!A,onClick:b,children:"Submit"}),L(ce,{variant:"secondary",onClick:I,children:"Cancel"})]})]})};import{connectToServer as qt}from"@vuu-ui/vuu-data";import Gt from"classnames";import{useCallback as z,useEffect as zt,useRef as K,useState as Kt}from"react";import{createContext as ft,useContext as gt}from"react";import{jsx as J}from"react/jsx-runtime";var ht={},_=ft(ht),yt=({children:e,context:t,inheritedContext:o})=>{let r={...o,...t};return J(_.Provider,{value:r,children:e})},ge=({children:e,value:t})=>J(_.Consumer,{children:o=>J(yt,{context:t,inheritedContext:o,children:e})}),Nr=()=>gt(_);import{useCallback as q,useEffect as vt,useState as St}from"react";var he=(e,t,o="latest")=>new Promise((r,s)=>{console.log(`load local config at ${e} for user ${t.username}, id ${o}`);let a=localStorage.getItem(e);if(a){let l=JSON.parse(a);r(l)}else s()}),ye=(e,t,o)=>new Promise((r,s)=>{try{localStorage.setItem(e,JSON.stringify(o)),r(void 0)}catch{s()}});var ve=(e,t,o="latest")=>new Promise((r,s)=>{fetch(`${e}/${t.username}/${o}`,{}).then(a=>{a.ok?r(a.json()):s(void 0)}).catch(()=>{s(void 0)})}),Se=(e,t,o)=>new Promise((r,s)=>{fetch(`${e}/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)}).then(a=>{a.ok?r(void 0):s()})});var Te=({saveLocation:e,saveUrl:t="api/vui",user:o,defaultLayout:r})=>{let[s,a]=St(r),l=e==="remote",c=l?ve:he,i=l?Se:ye,m=p=>{a(p)},u=q(async(p="latest")=>{try{let h=await c(t,o,p);m(h)}catch{m(r)}},[r,c,t,o]);vt(()=>{u()},[u]);let g=q(p=>{i(t,o,p)},[i,t,o]),d=q(p=>{u(p)},[u]);return[s,g,d]};import{DockLayout as Yt,DraggableLayout as Re,Drawer as Wt,Flexbox as Qt,LayoutProvider as Xt,View as Zt}from"@vuu-ui/vuu-layout";import{useCallback as Ot}from"react";import{Button as Nt}from"@salt-ds/core";import{DropdownBase as Ht}from"@heswell/salt-lab";import{UserSolidIcon as Rt}from"@salt-ds/icons";import{formatDate as Tt}from"@vuu-ui/vuu-utils";import{List as xt,ListItem as Ct}from"@heswell/salt-lab";import{Button as Lt}from"@salt-ds/core";import{ExportIcon as wt}from"@salt-ds/icons";import{forwardRef as Dt,useCallback as Ce,useEffect as Et,useState as bt}from"react";var xe=async e=>await fetch(`api/vui/${e.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});import{jsx as V,jsxs as Le}from"react/jsx-runtime";var Mt=({lastUpdate:e},{lastUpdate:t})=>t===e?0:t<e?-1:1,Pt=e=>V(Ct,{...e}),we=Dt(function({loginUrl:t,onNavigate:o,user:r,layoutId:s="latest"},a){let[l,c]=bt([]);Et(()=>{async function g(){let p=(await xe(r)).filter(h=>h.id!=="latest").sort(Mt).map(({id:h,lastUpdate:v})=>({lastUpdate:v,id:h,label:`Saved at ${Tt(new Date(v),"kk:mm:ss")}`}));console.log({sortedHistory:p}),c(p)}g()},[r]);let i=Ce((g,d)=>{d&&o(d.id)},[o]),m=Ce(()=>{ie(t)},[t]),u=l.length===0?null:s==="latest"?l[0]:l.find(g=>g.id===s);return Le("div",{className:"vuuUserPanel",ref:a,children:[V(xt,{ListItem:Pt,className:"vuuUserPanel-history",onSelect:i,selected:u,source:l}),V("div",{className:"vuuUserPanel-buttonBar",children:Le(Lt,{"aria-label":"logout",onClick:m,children:[V(wt,{})," Logout"]})})]})});import{jsx as G,jsxs as Ft}from"react/jsx-runtime";var De=({layoutId:e,loginUrl:t,onNavigate:o,user:r})=>Ft(Ht,{className:"vuuUserProfile",placement:"bottom-end",children:[G(Nt,{variant:"secondary",children:G(Rt,{})}),G(we,{layoutId:e,loginUrl:t,onNavigate:a=>{o(a)},user:r})]});import{ToggleButton as Ee,ToggleButtonGroup as Vt}from"@heswell/salt-lab";import kt from"classnames";import{useControlled as Ut}from"@salt-ds/core";import{useCallback as It}from"react";import{jsx as Me,jsxs as At}from"react/jsx-runtime";var Bt="vuuThemeSwitch",be=["light","dark"],Pe=({className:e,defaultMode:t,mode:o,onChange:r,...s})=>{let[a,l]=Ut({controlled:o,default:t!=null?t:"light",name:"ThemeSwitch",state:"mode"}),c=be.indexOf(a),i=It((u,g)=>{let d=be[g];l(d),r(d)},[r,l]),m=kt(Bt,e);return At(Vt,{className:m,...s,onChange:i,selectedIndex:c,children:[Me(Ee,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),Me(Ee,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};import $t from"classnames";import{jsx as Ne,jsxs as _t}from"react/jsx-runtime";var Jt="vuuAppHeader",He=({className:e,layoutId:t,loginUrl:o,onNavigate:r,onSwitchTheme:s,themeMode:a="light",user:l,...c})=>{let i=$t(Jt,e),m=Ot(u=>s==null?void 0:s(u),[s]);return _t("header",{className:i,...c,children:[Ne(Pe,{defaultMode:a,onChange:m}),Ne(De,{layoutId:t,loginUrl:o,onNavigate:r,user:l})]})};import{logger as jt}from"@vuu-ui/vuu-utils";import{jsx as w,jsxs as Fe}from"react/jsx-runtime";var{error:Y}=jt("Shell"),eo={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},os=({children:e,className:t,defaultLayout:o=eo,leftSidePanel:r,loginUrl:s,saveLocation:a="remote",saveUrl:l,serverUrl:c,user:i,...m})=>{let u=K(null),g=K(null),[d,p]=Kt(!1),h=K("latest"),[v,E,N]=Te({defaultLayout:o,saveLocation:a,user:i}),k=z(n=>{try{E(n)}catch{Y==null||Y("Failed to save layout")}},[E]),b=z(n=>{u.current&&(u.current.dataset.mode=n)},[]),U=n=>{var y;let f=n.target;(y=g.current)!=null&&y.contains(f)||p(!d)},I=z(n=>{h.current=n,N(n)},[N]);zt(()=>{c&&i.token&&qt({authToken:i.token,url:c,username:i.username})},[c,i.token,i.username]);let B=()=>{let n=[];return r&&n.push(w(Wt,{onClick:U,open:d,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:w(Zt,{className:"vuuShell-palette",id:"vw-app-palette",ref:g,style:{height:"100%"},children:r},"app-palette")},"left-panel")),n},A=Gt("vuuShell",t,"salt-theme","salt-density-high");return Fe(ge,{value:void 0,children:[w(Xt,{layout:v,onLayoutChange:k,children:w(Re,{className:A,"data-mode":"light",ref:u,...m,children:Fe(Qt,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[w(He,{layoutId:h.current,loginUrl:s,user:i,onNavigate:I,onSwitchTheme:b}),w(Yt,{style:{flex:1},children:B().concat(w(Re,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})})}),e]})};import{createContext as to,isValidElement as oo,cloneElement as ro,useContext as no}from"react";import so from"classnames";import{jsx as mo}from"react/jsx-runtime";var ao="medium",io="salt-theme",lo="light",Ve=to({density:"high",theme:"salt-theme",themeMode:"light"}),uo=(e,t,o,r)=>{var s;return oo(e)?ro(e,{className:so((s=e.props)==null?void 0:s.className,t,`salt-density-${r}`),"data-mode":o}):(console.warn(`
+import tt,{useEffect as ot,useState as nt}from"react";import rt from"classnames";import{Fragment as at,jsx as st,jsxs as ae}from"react/jsx-runtime";var Wo=({connectionStatus:e,className:t,element:o="span",...n})=>{let[r,a]=nt("vuuConnectingStatus");ot(()=>{switch(e){case"connected":case"reconnected":a("vuuActiveStatus");break;case"connecting":a("vuuConnectingStatus");break;case"disconnected":a("vuuDisconnectedStatus");break;default:break}},[e]);let i=tt.createElement(o,{...n,className:rt("vuuStatus vuuIcon",r,t)});return st(at,{children:ae("div",{className:"vuuStatus-container salt-theme",children:[i,ae("div",{className:"vuuStatus-text",children:["Status: ",e.toUpperCase()]})]})})};import{Dropdown as it}from"@heswell/salt-lab";import{useCallback as lt}from"react";import ut from"classnames";import{jsx as pt}from"react/jsx-runtime";var ct="vuuDensitySwitch",mt=["high","medium","low","touch"],dt="high",an=({className:e,defaultDensity:t=dt,onChange:o})=>{let n=lt((a,i)=>{o(i)},[o]),r=ut(ct,e);return pt(it,{className:r,source:mt,defaultSelected:t,onSelectionChange:n})};import le,{Suspense as Ct,useEffect as ue}from"react";import{registerComponent as vt}from"@vuu-ui/vuu-layout";import ft from"react";import{Fragment as ht,jsx as se,jsxs as gt}from"react/jsx-runtime";var U=class extends ft.Component{constructor(t){super(t),this.state={errorMessage:null}}static getDerivedStateFromError(t){return{errorMessage:t.message}}componentDidCatch(t,o){console.log(t,o)}render(){return this.state.errorMessage?gt(ht,{children:[se("h1",{children:"Something went wrong."}),se("p",{children:this.state.errorMessage})]}):this.props.children}};import{jsx as yt}from"react/jsx-runtime";var ie=()=>yt("div",{className:"hwLoader",children:"loading"});import{jsx as I}from"react/jsx-runtime";var V=new Map,Lt=e=>(ue(()=>()=>{V.delete(e)},[e]),V.has(e)||V.set(e,le.lazy(()=>import(e))),V.get(e));function xt({url:e,css:t,params:o,...n}){console.log("Feature render",{css:t,url:e,props:n}),ue(()=>(console.log("%cFeature mount","color: green;"),()=>{console.log("%cFeature unmount","color:red;")}),[]),t&&import(t).then(a=>{console.log("%cInject Styles","color: blue;font-weight: bold"),document.adoptedStyleSheets=[...document.adoptedStyleSheets,a.default]});let r=Lt(e);return I(U,{children:I(Ct,{fallback:I(ie,{}),children:I(r,{...n,...o})})})}var ce=le.memo(xt);ce.displayName="Feature";vt("Feature",ce,"view");import{useState as me}from"react";import{Button as Tt}from"@salt-ds/core";import{FormField as de,Input as pe}from"@heswell/salt-lab";import{jsx as R,jsxs as St}from"react/jsx-runtime";var fe="vuuLoginPanel",Rn=({onSubmit:e})=>{let[t,o]=me(""),[n,r]=me(""),a=()=>{e(t,n)},i=(u,p)=>{o(p)},d=(u,p)=>{r(p)},l=t.trim()!==""&&n.trim()!=="";return St("div",{className:fe,children:[R(de,{label:"Username",style:{width:200},children:R(pe,{value:t,id:"text-username",onChange:i})}),R(de,{label:"Password",style:{width:200},children:R(pe,{type:"password",value:n,id:"text-password",onChange:d})}),R(Tt,{className:`${fe}-login`,disabled:!l,onClick:a,variant:"cta",children:"Login"})]})};import{getCookieValue as he}from"@vuu-ui/vuu-utils";var Vn=()=>{let e=he("vuu-username"),t=he("vuu-auth-token");return[e,t]},Nt=(e="login.html")=>{window.location.href=e},ge=e=>{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",Nt(e)};import{useCallback as M,useEffect as ye,useMemo as bt,useRef as Z,useState as Ce}from"react";import ve from"classnames";import{useIdMemo as wt}from"@salt-ds/core";import{Button as Le}from"@salt-ds/core";import{hasAction as Et,isErrorResponse as Pt,RemoteDataSource as Dt}from"@vuu-ui/vuu-data";import{buildColumnMap as Mt,isValidNumber as xe,shallowEquals as Ht}from"@vuu-ui/vuu-utils";import{jsx as P,jsxs as q}from"react/jsx-runtime";var S="vuuSessionEditingForm",Te=(e,t)=>{let o=e.find(n=>n.name===t);if(o)return o;throw Error(`SessionEditingForm, no field '${t}' found`)},Se=e=>{let{dataset:{field:t},value:o}=e.target;if(t===void 0)throw Error("SessionEditingForm, form field has no field name");return[t,o]},N={uninitialised:0,unchanged:1,changed:2,invalid:3};function Ne(e,t,o=!1){switch(t){case"int":case"long":{let n=parseInt(e,10);if(xe(n))return n;if(o)throw Error("SessionEditingForm getTypedValue");return}case"double":{let n=parseFloat(e);return xe(n)?n:void 0}case"boolean":return e==="true";default:return e}}var Rt=(e,t)=>{if(e)return e;if(t)return new Dt({bufferSize:0,table:t.table,columns:t.columns.map(o=>o.name)});throw Error("SessionEditingForm: either a DataSource or a TableSchema must be provided")},tr=({className:e,config:{fields:t,key:o},dataSource:n,id:r,onClose:a,schema:i,...d})=>{let[l,u]=Ce(),[p,f]=Ce(""),m=Z(null),C=Z(),h=Z(N.uninitialised),y=bt(()=>{let s=x=>{if(L){let T={};for(let D of y.columns)T[D]=x[L[D]];h.current===N.uninitialised&&(h.current=N.unchanged,C.current=T),u(T)}},g=Rt(n,i),L=Mt(g.columns);return g.subscribe({range:{from:0,to:5}},x=>{x.type==="viewport-update"&&x.rows&&(h.current===N.uninitialised?s(x.rows[0]):console.log("what do we do with server updates"))}),g},[n,i]),F=wt(r),_=M(s=>{let[g,L]=Se(s),{type:x}=Te(t,g),T=Ne(L,x);u((D={})=>{let re={...D,[g]:T},et=Ht(re,C.current);return h.current=et?N.unchanged:T!==void 0?N.changed:N.invalid,re})},[t]),O=M(s=>{let[g,L]=Se(s),{type:x}=Te(t,g),T=l==null?void 0:l[o],D=Ne(L,x,!0);typeof T=="string"&&y.menuRpcCall({rowKey:T,field:g,value:D,type:"VP_EDIT_CELL_RPC"})},[y,t,o,l]),k=M(s=>{typeof s=="object"&&s!==null&&"type"in s&&s.type==="CLOSE_DIALOG_ACTION"&&a()},[a]),H=M(async()=>{let s=await y.menuRpcCall({type:"VP_EDIT_SUBMIT_FORM_RPC"});Pt(s)?f(s.error):Et(s)&&k(s.action)},[k,y]),J=M(s=>{s.key==="Enter"&&h.current===N.changed&&H()},[H]),z=M(()=>{a()},[a]),G=s=>{var L;let g=String((L=l==null?void 0:l[s.name])!=null?L:"");return s.readonly||s.name===o?P("div",{className:`${S}-fieldValue vuuReadOnly`,children:g}):P("input",{className:`${S}-fieldValue`,"data-field":s.name,onBlur:O,onChange:_,type:"text",value:g,id:`${F}-input-${s.name}`})};ye(()=>{if(m.current){let s=m.current.querySelector("input");s&&setTimeout(()=>{s.focus(),s.select()},100)}},[]),ye(()=>()=>{y&&y.unsubscribe()},[y]);let E=h.current===N.changed;return q("div",{...d,className:ve(S,e),children:[p?P("div",{className:`${S}-errorBanner`,"data-icon":"error",title:p,children:"Error, edit(s) not saved"}):void 0,P("div",{className:`${S}-content`,ref:m,onKeyDown:J,children:t.map(s=>{var g;return q("div",{className:`${S}-field`,children:[P("label",{className:ve(`${S}-fieldLabel`,{[`${S}-required`]:s.required}),htmlFor:`${F}-input-${s.name}`,children:(g=s==null?void 0:s.label)!=null?g:s.description}),G(s)]},s.name)})}),q("div",{className:`${S}-buttonbar salt-theme salt-density-high`,children:[P(Le,{type:"submit",variant:"cta",disabled:!E,onClick:H,children:"Submit"}),P(Le,{variant:"secondary",onClick:z,children:"Cancel"})]})]})};import{connectToServer as Fo}from"@vuu-ui/vuu-data";import ko from"classnames";import{useCallback as j,useEffect as Uo,useRef as je}from"react";import{useCallback as Y,useEffect as Ft,useState as kt}from"react";var be=(e,t,o="latest")=>new Promise((n,r)=>{console.log(`load local config at ${e} for user ${t.username}, id ${o}`);let a=localStorage.getItem(e);if(a){let i=JSON.parse(a);n(i)}else r()}),we=(e,t,o)=>new Promise((n,r)=>{try{localStorage.setItem(e,JSON.stringify(o)),n(void 0)}catch{r()}});var Ee=(e,t,o="latest")=>new Promise((n,r)=>{fetch(`${e}/${t.username}/${o}`,{}).then(a=>{a.ok?n(a.json()):r(void 0)}).catch(()=>{r(void 0)})}),Pe=(e,t,o)=>new Promise((n,r)=>{fetch(`${e}/${t.username}`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(o)}).then(a=>{a.ok?n(void 0):r()})});var De=({saveLocation:e,saveUrl:t="api/vui",user:o,defaultLayout:n})=>{let[r,a]=kt(n),i=e==="remote",d=i?Ee:be,l=i?Pe:we,u=Y(async(m="latest")=>{try{let C=await d(t,o,m);a(C)}catch{a(n)}},[n,d,t,o]);Ft(()=>{u()},[u]);let p=Y(m=>{l(t,o,m)},[l,t,o]),f=Y(m=>u(m),[u]);return[r,p,f]};import{DraggableLayout as Vo,LayoutProvider as Io}from"@vuu-ui/vuu-layout";import{useCallback as to}from"react";import{Button as Gt}from"@salt-ds/core";import{DropdownBase as Zt}from"@heswell/salt-lab";import{UserSolidIcon as qt}from"@salt-ds/icons";import{formatDate as Ut}from"@vuu-ui/vuu-utils";import{List as Vt,ListItem as It}from"@heswell/salt-lab";import{Button as At}from"@salt-ds/core";import{ExportIcon as $t}from"@salt-ds/icons";import{forwardRef as Bt,useCallback as He,useEffect as _t,useState as Ot}from"react";var Me=async e=>await fetch(`api/vui/${e.username}`,{}).then(o=>o.ok?o.json():null).catch(()=>{console.log("error getting history")});import{jsx as A,jsxs as Re}from"react/jsx-runtime";var Jt=({lastUpdate:e},{lastUpdate:t})=>t===e?0:t<e?-1:1,zt=e=>A(It,{...e}),Fe=Bt(function({loginUrl:t,onNavigate:o,user:n,layoutId:r="latest"},a){let[i,d]=Ot([]);_t(()=>{async function f(){let C=(await Me(n)).filter(h=>h.id!=="latest").sort(Jt).map(({id:h,lastUpdate:y})=>({lastUpdate:y,id:h,label:`Saved at ${Ut(new Date(y),"kk:mm:ss")}`}));console.log({sortedHistory:C}),d(C)}f()},[n]);let l=He((f,m)=>{m&&o(m.id)},[o]),u=He(()=>{ge(t)},[t]),p=i.length===0?null:r==="latest"?i[0]:i.find(f=>f.id===r);return Re("div",{className:"vuuUserPanel",ref:a,children:[A(Vt,{ListItem:zt,className:"vuuUserPanel-history",onSelect:l,selected:p,source:i}),A("div",{className:"vuuUserPanel-buttonBar",children:Re(At,{"aria-label":"logout",onClick:u,children:[A($t,{})," Logout"]})})]})});import{jsx as K,jsxs as Yt}from"react/jsx-runtime";var ke=({layoutId:e,loginUrl:t,onNavigate:o,user:n})=>Yt(Zt,{className:"vuuUserProfile",placement:"bottom-end",children:[K(Gt,{variant:"secondary",children:K(qt,{})}),K(Fe,{layoutId:e,loginUrl:t,onNavigate:a=>{o(a)},user:n})]});import{ToggleButton as Ue,ToggleButtonGroup as Kt}from"@heswell/salt-lab";import Wt from"classnames";import{useControlled as Qt}from"@salt-ds/core";import{useCallback as Xt}from"react";import{jsx as Ie,jsxs as eo}from"react/jsx-runtime";var jt="vuuThemeSwitch",Ve=["light","dark"],Ae=({className:e,defaultMode:t,mode:o,onChange:n,...r})=>{let[a,i]=Qt({controlled:o,default:t!=null?t:"light",name:"ThemeSwitch",state:"mode"}),d=Ve.indexOf(a),l=Xt((p,f)=>{let m=Ve[f];i(m),n(m)},[n,i]),u=Wt(jt,e);return eo(Kt,{className:u,...r,onChange:l,selectedIndex:d,children:[Ie(Ue,{"aria-label":"alert",tooltipText:"Light Theme","data-icon":"light"}),Ie(Ue,{"aria-label":"home",tooltipText:"Dark Theme","data-icon":"dark"})]})};import oo from"classnames";import{jsx as $e,jsxs as ro}from"react/jsx-runtime";var no="vuuAppHeader",Be=({className:e,layoutId:t,loginUrl:o,onNavigate:n,onSwitchTheme:r,themeMode:a="light",user:i,...d})=>{let l=oo(no,e),u=to(p=>r==null?void 0:r(p),[r]);return ro("header",{className:l,...d,children:[$e(Ae,{defaultMode:a,onChange:u}),$e(ke,{layoutId:t,loginUrl:o,onNavigate:n,user:i})]})};import{createContext as ao,isValidElement as so,cloneElement as io,useContext as _e}from"react";import lo from"classnames";import{jsx as ho}from"react/jsx-runtime";var uo="medium",co="salt-theme",mo="light",W=ao({density:"high",theme:"salt",themeMode:"light"}),po=["salt","salt-density-high","light"],Oe=()=>{let e=_e(W);return e?[`${e.theme}-theme`,`salt-density-${e.density}`,e.themeMode]:po},fo=(e,t,o,n)=>{var r;return console.log("create themed children"),so(e)?io(e,{className:lo((r=e.props)==null?void 0:r.className,`${t}-theme`,`${t}-density-${n}`),"data-mode":o}):(console.warn(`
 ThemeProvider can only apply CSS classes for theming to a single nested child element of the ThemeProvider.
-          Wrap elements with a single container`),e)},co=({children:e,theme:t,themeMode:o,density:r})=>{var g,d,p;let{density:s,themeMode:a,theme:l}=no(Ve),c=(g=r!=null?r:s)!=null?g:ao,i=(d=o!=null?o:a)!=null?d:lo,m=(p=t!=null?t:l)!=null?p:io,u=uo(e,m,i,c);return mo(Ve.Provider,{value:{themeMode:i,density:c,theme:m},children:u})};co.displayName="ThemeProvider";export{vo as ConnectionStatusIcon,ao as DEFAULT_DENSITY,io as DEFAULT_THEME,lo as DEFAULT_THEME_MODE,bo as DensitySwitch,te as Feature,jo as LoginPanel,Cr as SessionEditingForm,os as Shell,ge as ShellContextProvider,Ve as ThemeContext,co as ThemeProvider,Pe as ThemeSwitch,rr as getAuthDetailsFromCookies,ie as logout,st as redirectToLogin,Nr as useShellContext};
+          Wrap elements with a single container`),e)},Q=({applyThemeClasses:e=!1,children:t,theme:o,themeMode:n,density:r})=>{var m,C,h;let{density:a,themeMode:i,theme:d}=_e(W),l=(m=r!=null?r:a)!=null?m:uo,u=(C=n!=null?n:i)!=null?C:mo,p=(h=o!=null?o:d)!=null?h:co,f=e?fo(t,p,u,l):t;return ho(W.Provider,{value:{themeMode:u,density:l,theme:p},children:f})};Q.displayName="ThemeProvider";import{logger as Ao}from"@vuu-ui/vuu-utils";import{DraggableLayout as No,Flexbox as qe}from"@vuu-ui/vuu-layout";import{Button as go}from"@salt-ds/core";import Je from"classnames";import{useCallback as yo}from"react";import{useLayoutProviderDispatch as Co}from"@vuu-ui/vuu-layout";import{jsx as $,jsxs as vo}from"react/jsx-runtime";var b="vuuContextPanel",ze=({className:e,expanded:t=!1,overlay:o=!1,title:n})=>{let r=Co(),a=yo(()=>{r({path:"#context-panel",propName:"expanded",propValue:!1,type:"set-prop"})},[r]),i=Je(b,e,{[`${b}-expanded`]:t,[`${b}-inline`]:o!==!0,[`${b}-overlay`]:o});return $("div",{className:Je(b,i),children:$("div",{className:`${b}-inner`,children:vo("div",{className:`${b}-header`,children:[$("h2",{className:`${b}-title`,children:n}),$(go,{className:`${b}-close`,"data-icon":"close",onClick:a,variant:"secondary"})]})})})};import{Action as Lo,useLayoutProviderDispatch as xo}from"@vuu-ui/vuu-layout";import Ge from"classnames";import{useCallback as To,useRef as So}from"react";import{jsx as c,jsxs as w}from"react/jsx-runtime";var v="vuuLeftNav",Ze=({"data-path":e,onResize:t,open:o=!0,...n})=>{let r=xo(),a=So(o),i=To(()=>{a.current=!a.current,r({type:Lo.LAYOUT_RESIZE,path:e,size:a.current?240:80})},[r,e]);return w("div",{...n,className:v,children:[w("div",{className:"vuuLeftNav-logo",children:[w("svg",{width:"44",height:"45",viewBox:"0 0 44 45",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[w("g",{clipPath:"url(#clip0_217_6990)",children:[c("path",{d:"M39.8642 15.5509L35.9196 7.58974L34.3369 6.85464L24.6235 22.0825L39.1628 30.618L42.3152 25.6347L39.8642 15.5509Z",fill:"url(#paint0_linear_217_6990)"}),c("path",{d:"M42.6246 24.8716C41.9199 25.9157 40.9625 26.824 39.767 27.4905C38.424 28.2396 36.9563 28.597 35.5081 28.597C32.7541 28.597 30.0715 27.3094 28.4466 24.9855L15.772 3.90967L15.7655 3.9206C13.3615 0.137431 8.25372 -1.13143 4.24754 1.10507C0.178173 3.37435 -1.20852 8.39359 1.14854 12.3125L18.3445 40.9095C19.1108 42.1846 20.1816 43.1834 21.4144 43.8764C21.4241 43.8826 21.4338 43.8889 21.4435 43.8951C21.4484 43.8982 21.4549 43.9013 21.4597 43.9045C22.0332 44.2228 22.6423 44.471 23.2725 44.6536C23.3194 44.6677 23.368 44.6817 23.415 44.6942C23.6418 44.7551 23.8702 44.8097 24.1019 44.8534C24.1456 44.8612 24.1894 44.8659 24.2331 44.8737C24.4194 44.9049 24.6073 44.9314 24.7952 44.9501C24.8698 44.9579 24.9443 44.9658 25.0188 44.9704C25.2342 44.9876 25.4497 44.9985 25.6668 45.0001C25.6781 45.0001 25.6895 45.0001 25.6992 45.0001C25.7024 45.0001 25.704 45.0001 25.7073 45.0001C25.7105 45.0001 25.7121 45.0001 25.7154 45.0001C25.9503 45.0001 26.1868 44.9876 26.4217 44.9689C26.4751 44.9642 26.5286 44.9595 26.5837 44.9533C26.8137 44.9299 27.0438 44.9002 27.2738 44.8596C27.277 44.8596 27.2803 44.8596 27.2835 44.8596C27.5362 44.8144 27.7889 44.7551 28.0384 44.6864C28.0546 44.6817 28.0692 44.677 28.0854 44.6723C28.4483 44.5709 28.8063 44.4445 29.1594 44.2931C29.1659 44.29 29.174 44.2868 29.1805 44.2837C29.4494 44.1682 29.7151 44.0418 29.9759 43.8967C30.24 43.75 30.491 43.5908 30.7308 43.4206C30.9398 43.2739 31.1407 43.1179 31.3367 42.9524C31.5748 42.7495 31.8 42.5373 32.009 42.3141C32.1661 42.1471 32.3168 41.9723 32.4609 41.7913C32.5079 41.732 32.5517 41.6711 32.5954 41.6118C32.6942 41.4807 32.7882 41.3465 32.8789 41.2091C32.9259 41.1373 32.9728 41.0671 33.0182 40.9953C33.036 40.9672 33.0555 40.9407 33.0717 40.9126L42.7153 24.8763H42.6214L42.6246 24.8716Z",fill:"url(#paint1_linear_217_6990)"}),c("path",{d:"M42.8402 16.4218L42.1112 15.2232L38.9636 9.58433L37.504 7.19644C37.2286 6.56123 36.579 6.11331 35.8176 6.11331C34.8083 6.11331 33.9919 6.90147 33.9919 7.87223C33.9919 8.20154 34.0907 8.50432 34.2543 8.76808L34.2349 8.78056L39.9048 18.0808C40.5884 19.2186 40.7715 20.5437 40.4199 21.8141C40.0684 23.0845 39.226 24.1458 38.045 24.806C37.2675 25.2398 36.3846 25.4693 35.4936 25.4693C33.6727 25.4693 31.9766 24.5281 31.0662 23.0143L22.9161 9.63271H22.9323L19.4899 3.90958L19.4834 3.92051C19.4235 3.8253 19.3538 3.73947 19.2907 3.64738L19.1935 3.48663C19.1935 3.48663 19.1854 3.49131 19.1821 3.49443C17.5654 1.27666 14.9799 0.0390178 12.3118 0.00936427V0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.961 26.8255 41.9168 25.9156 42.6231 24.8731H42.717L42.6846 24.9261C43.1366 24.2347 43.4833 23.4731 43.7068 22.6615C44.2916 20.5452 43.9871 18.3352 42.8369 16.4234L42.8402 16.4218Z",fill:"#F37880"}),w("g",{opacity:"0.86",children:[c("path",{d:"M34.2332 8.78212L39.9031 18.0824C40.5868 19.2202 40.7698 20.5452 40.4183 21.8156C40.2044 22.5897 39.8059 23.2858 39.2616 23.8617C39.9744 23.2343 40.4879 22.4243 40.7423 21.5035C41.0938 20.2331 40.9107 18.908 40.2271 17.7703L34.5572 8.46998L34.5767 8.4575C34.413 8.19374 34.3142 7.89096 34.3142 7.56165C34.3142 7.15586 34.4584 6.78285 34.6982 6.48476C34.2672 6.80626 33.9902 7.30881 33.9902 7.87379C33.9902 8.2031 34.0891 8.50588 34.2527 8.76964L34.2332 8.78212Z",fill:"white"}),c("path",{d:"M42.6917 24.9169L42.6863 24.9256C42.6863 24.9256 42.6899 24.9187 42.6935 24.9152C42.6935 24.9152 42.6935 24.9152 42.6935 24.9169H42.6917Z",fill:"white"}),c("path",{d:"M40.0911 27.1798C38.7481 27.9289 37.2804 28.2863 35.8322 28.2863C33.0782 28.2863 30.3955 26.9988 28.7707 24.6749L16.0961 3.59744L16.0896 3.60837C14.9281 1.78077 13.1364 0.543128 11.1422 0H7.91199V0.02185C10.9851 -0.184164 14.0582 1.23296 15.7656 3.92051L15.7721 3.90958L28.4451 24.987C30.0699 27.3093 32.7542 28.5985 35.5066 28.5985C36.9548 28.5985 38.4225 28.2426 39.7655 27.4919C40.4815 27.0924 41.1084 26.6055 41.6511 26.0561C41.1862 26.479 40.6662 26.8583 40.0894 27.1798H40.0911Z",fill:"white"})]})]}),w("defs",{children:[w("linearGradient",{id:"paint0_linear_217_6990",x1:"24.6235",y1:"18.7363",x2:"42.3152",y2:"18.7363",gradientUnits:"userSpaceOnUse",children:[c("stop",{stopColor:"#4906A5"}),c("stop",{offset:"1",stopColor:"#D3423A"})]}),w("linearGradient",{id:"paint1_linear_217_6990",x1:"-2.35794e-05",y1:"22.5009",x2:"42.7186",y2:"22.5009",gradientUnits:"userSpaceOnUse",children:[c("stop",{stopColor:"#7C06A5"}),c("stop",{offset:"1",stopColor:"#D3423A"})]}),c("clipPath",{id:"clip0_217_6990",children:c("rect",{width:"44",height:"45",fill:"white"})})]})]})," "]}),c("div",{className:`${v}-main`,children:w("ul",{className:`${v}-menu`,children:[c("li",{className:Ge(`${v}-menuitem`,`${v}-menuitem-active`),"data-icon":"demo",children:c("span",{className:`${v}-menuitem-label`,children:"DEMO"})}),c("li",{className:`${v}-menuitem`,"data-icon":"tables",children:c("span",{className:`${v}-menuitem-label`,children:"VUU TABLES"})}),c("li",{className:`${v}-menuitem`,"data-icon":"templates",children:c("span",{className:`${v}-menuitem-label`,children:"LAYOUT TEMPLATES"})}),c("li",{className:`${v}-menuitem`,"data-icon":"layouts",children:c("span",{className:`${v}-menuitem-label`,children:"MY LAYOUTS"})})]})}),c("div",{className:"vuuLeftNav-buttonBar",children:c("button",{className:Ge("vuuLeftNav-toggleButton",{"vuuLeftNav-toggleButton-open":a.current,"vuuLeftNav-toggleButton-closed":!a.current}),"data-icon":a.current?"chevron-left":"chevron-right",onClick:i})})]})};import{jsx as X,jsxs as Ye}from"react/jsx-runtime";var Ke=({appHeader:e})=>Ye(qe,{className:"App",style:{flexDirection:"row",height:"100%",width:"100%"},children:[X(Ze,{style:{width:240}}),Ye(qe,{className:"vuuShell-content",style:{flexDirection:"column",flex:1,padding:8},children:[e,X(No,{dropTarget:!0,style:{flex:1}},"main-content")]}),X(ze,{id:"context-panel",overlay:!0,title:"Column Settings"})]});import{DockLayout as bo,DraggableLayout as wo,Drawer as Eo,Flexbox as Po,View as Do}from"@vuu-ui/vuu-layout";import{useCallback as We,useRef as Mo,useState as Ho}from"react";import{jsx as B,jsxs as Ro}from"react/jsx-runtime";var Qe=({appHeader:e,leftSidePanel:t})=>{let o=Mo(null),[n,r]=Ho(!0),a=We(d=>{var u;let l=d.target;(u=o.current)!=null&&u.contains(l)||r(!n)},[n]),i=We(d=>{let l=[];return l.push(B(Eo,{onClick:a,open:n,position:"left",inline:!0,peekaboo:!0,sizeOpen:200,toggleButton:"end",children:B(Do,{className:"vuuShell-palette",id:"vw-app-palette",ref:o,style:{height:"100%"},children:d},"app-palette")},"left-panel")),l},[a,n]);return Ro(Po,{className:"App",style:{flexDirection:"column",height:"100%",width:"100%"},children:[e,B(bo,{style:{flex:1},children:i(t).concat(B(wo,{dropTarget:!0,style:{width:"100%",height:"100%"}},"main-content"))})]})};var Xe=({leftSidePanelLayout:e="inlay",...t})=>(e==="inlay"?Qe:Ke)(t);import{jsx as te,jsxs as Bo}from"react/jsx-runtime";var{error:ee}=Ao("Shell"),$o={type:"View",props:{style:{height:"calc(100% - 6px)"}},children:[{props:{className:"vuuShell-warningPlaceholder"},type:"Placeholder"}]},Ts=({children:e,className:t,defaultLayout:o=$o,leftSidePanel:n,leftSidePanelLayout:r,loginUrl:a,saveLocation:i="remote",saveUrl:d,serverUrl:l,user:u,...p})=>{let f=je(null),m=je("latest"),[C,h,y]=De({defaultLayout:o,saveLocation:i,user:u}),F=j(E=>{try{h(E)}catch{ee==null||ee("Failed to save layout")}},[h]),_=j(E=>{f.current&&(f.current.dataset.mode=E)},[]),O=j(E=>{m.current=E,y(E)},[y]);Uo(()=>{l&&u.token&&Fo({authToken:u.token,url:l,username:u.username})},[l,u.token,u.username]);let[k,H,J]=Oe(),z=ko("vuuShell",t,k,H),G=Xe({leftSidePanelLayout:r,appHeader:te(Be,{layoutId:m.current,loginUrl:a,user:u,onNavigate:O,onSwitchTheme:_}),leftSidePanel:n});return Bo(Q,{children:[te(Io,{layout:C,onLayoutChange:F,children:te(Vo,{className:z,"data-mode":J,ref:f,...p,children:G})}),e]})};import{createContext as _o,useContext as Oo}from"react";import{jsx as oe}from"react/jsx-runtime";var Jo={},ne=_o(Jo),zo=({children:e,context:t,inheritedContext:o})=>{let n={...o,...t};return oe(ne.Provider,{value:n,children:e})},Ps=({children:e,value:t})=>oe(ne.Consumer,{children:o=>oe(zo,{context:t,inheritedContext:o,children:e})}),Ds=()=>Oo(ne);export{Wo as ConnectionStatusIcon,uo as DEFAULT_DENSITY,co as DEFAULT_THEME,mo as DEFAULT_THEME_MODE,an as DensitySwitch,ce as Feature,Rn as LoginPanel,tr as SessionEditingForm,Ts as Shell,Ps as ShellContextProvider,W as ThemeContext,Q as ThemeProvider,Ae as ThemeSwitch,Vn as getAuthDetailsFromCookies,ge as logout,Nt as redirectToLogin,Ds as useShellContext,Oe as useThemeAttributes};
 //# sourceMappingURL=index.js.map