@vuu-ui/vuu-table-extras 0.8.7 → 0.8.8-debug

package/esm/index.js

@@ -1,2 +1,3728 @@
-var pn=(e,n,t)=>{if(!n.has(e))throw TypeError("Cannot "+t)};var c=(e,n,t)=>(pn(e,n,"read from private field"),t?t.call(e):n.get(e)),D=(e,n,t)=>{if(n.has(e))throw TypeError("Cannot add the same private member more than once");n instanceof WeakSet?n.add(e):n.set(e,t)},L=(e,n,t,o)=>(pn(e,n,"write to private field"),o?o.call(e,t):n.set(e,t),t);import{DOWN1 as Ot,DOWN2 as Pt,isTypeDescriptor as St,metadataKeys as Tt,registerComponent as Dt,UP1 as wt,UP2 as Ft}from"@vuu-ui/vuu-utils";import Rt from"classnames";import{getMovingValueDirection as ht,isTypeDescriptor as bt,isValidNumber as un}from"@vuu-ui/vuu-utils";import{useEffect as yt,useRef as Et}from"react";var vt=[void 0,void 0,void 0,void 0];function cn(e,n,t){var x;let o=Et(),[i,r,s,p]=o.current||vt,{type:l}=t,u=bt(l)?(x=l.formatting)==null?void 0:x.decimals:void 0,g=e===i&&un(n)&&un(r)&&t===s?ht(n,p,r,u):"";return yt(()=>{o.current=[e,n,t,g]}),g}import{jsx as It,jsxs as Bt}from"react/jsx-runtime";var Nt=String.fromCharCode(11014),kt=String.fromCharCode(11015),{KEY:At}=Tt,ve="vuuBackgroundCell",le={ArrowOnly:"arrow",BackgroundOnly:"bg-only",ArrowBackground:"arrow-bg"},Lt=e=>St(e)&&e.renderer&&"flashStyle"in e.renderer?e.renderer.flashStyle:le.BackgroundOnly,Qt=({column:e,row:n})=>{let{key:t,type:o,valueFormatter:i}=e,r=n[t],s=Lt(o),p=cn(n[At],r,e),l=s===le.ArrowOnly||s===le.ArrowBackground?p===wt||p===Ft?Nt:p===Ot||p===Pt?kt:null:null,u=p?" "+p:"",g=Rt(ve,u,{[`${ve}-arrowOnly`]:s===le.ArrowOnly,[`${ve}-arrowBackground`]:s===le.ArrowBackground});return Bt("div",{className:g,tabIndex:-1,children:[It("div",{className:`${ve}-flasher`,children:l}),i(n[e.key])]})};Dt("background",Qt,"cell-renderer",{serverDataType:["long","int","double"]});import{isColumnTypeRenderer as Mt,isTypeDescriptor as $t,registerComponent as Ut}from"@vuu-ui/vuu-utils";import Ht from"classnames";import{jsx as Ie,jsxs as mn}from"react/jsx-runtime";var pe="vuuProgressCell",Gt=({column:e,columnMap:n,row:t})=>{let{type:o}=e,i=t[e.key],r=!1,s=0;if($t(o)&&Mt(o.renderer)){let{associatedField:l}=o.renderer,u=t[n[l]];if(typeof i=="number"&&typeof u=="number")s=Math.min(Math.round(i/u*100),100),r=isFinite(s);else{let g=parseFloat(i);if(Number.isFinite(g)){let x=parseFloat(u);Number.isFinite(x)&&(s=Math.min(Math.round(g/x*100),100),r=isFinite(s))}}}let p=Ht(pe,{});return mn("div",{className:p,tabIndex:-1,children:[r?mn("span",{className:`${pe}-track`,children:[Ie("span",{className:`${pe}-bg`}),Ie("span",{className:`${pe}-bar`,style:{"--progress-bar-pct":`-${100-s}%`}})]}):null,Ie("span",{className:`${pe}-text`,children:`${s} %`})]})};Ut("vuu.progress",Gt,"cell-renderer",{serverDataType:["long","int","double"]});import{autocompletion as lo,defaultKeymap as po,EditorState as uo,EditorView as Dn,ensureSyntaxTree as co,keymap as Ze,minimalSetup as mo,startCompletion as wn}from"@vuu-ui/vuu-codemirror";import{createEl as Fn}from"@vuu-ui/vuu-utils";import{useEffect as go,useMemo as fo,useRef as Je}from"react";import{LanguageSupport as Xt,LRLanguage as Vt,styleTags as Yt,tags as Pe}from"@vuu-ui/vuu-codemirror";import{LRParser as Wt}from"@lezer/lr";var Oe=Wt.deserialize({version:14,states:"&fOVQPOOO!SQPO'#C^OVQPO'#CcQ!pQPOOO#OQPO'#CkO#TQPO'#CrOOQO'#Cy'#CyO#YQPO,58}OVQPO,59QOVQPO,59QOVQPO,59VOVQPO'#CtOOQO,59^,59^OOQO1G.i1G.iOOQO1G.l1G.lO#kQPO1G.lO$fQPO'#CmO%WQQO1G.qOOQO'#C{'#C{O%cQPO,59`OOQO'#Cn'#CnO%wQPO,59XOVQPO,59ZOVQPO,59[OVQPO7+$]OVQPO'#CuO&`QPO1G.zOOQO1G.z1G.zO&hQQO'#C^O&rQQO1G.sO'ZQQO1G.uOOQO1G.v1G.vO'fQPO<<GwO'wQPO,59aOOQO-E6s-E6sOOQO7+$f7+$fOVQPOAN=cO(]QQO1G.lO(tQPOG22}OOQOLD(iLD(iO%wQPO,59QO%wQPO,59Q",stateData:")[~OlOS~ORUOSUOTUOUUOWQO`SOnPO~OWgXZQX[QX]QX^QXeQX~OjQXXQXpQXqQXrQXsQXtQXuQX~PnOZWO[WO]XO^XO~OWYO~OWZO~OX]OZWO[WO]XO^XO~OZWO[WO]Yi^YijYiXYipYiqYirYisYitYiuYieYi~OZWO[WO]XO^XOpdOqdOrdOsdOtdOudO~OehOvfOwgO~OXkOZWO[WO]XO^XOeiO~ORUOSUOTUOUUOWQO`SOnlO~OXsOeiO~OvQXwQX~PnOZxO[xO]yO^yOeaivaiwai~OwgOecivci~OZWO[WO]XO^XOetO~OZWO[WO]XO^XOXiaeia~OZxO[xO]Yi^YieYivYiwYi~OXwOZWO[WO]XO^XO~O`UTn~",goto:"#spPPqPPPPqPPqPPPPqP!R!W!R!RPq!Z!k!nPPP!tP#jmUOQWXYZefghitxyVbYfgRe`mTOQWXYZefghitxyR[TQjcRrjQROQVQS^WxQ_XU`YfgQcZQmeQphQqiQuyRvtQaYQnfRog",nodeNames:"\u26A0 ColumnDefinitionExpression Column Number String True False ParenthesizedExpression OpenBrace CloseBrace ArithmeticExpression Divide Times Plus Minus ConditionalExpression If RelationalExpression RelationalOperator AndCondition OrCondition Comma CallExpression Function ArgList",maxTerm:39,skippedNodes:[0],repeatNodeCount:1,tokenData:".^~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$jz{$o{|$t|}$y}!O%O!O!P%T!P!Q%c!Q![%h!^!_%s!_!`&Q!`!a&V!c!}&d#R#S&d#T#U&u#U#Y&d#Y#Z(Y#Z#]&d#]#^*j#^#c&d#c#d+f#d#h&d#h#i,b#i#o&d~#USl~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOu~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_OS~~$bP;=`<%l#m~$jOW~~$oOX~~$tO[~~$yO]~~%OOe~~%TO^~~%WP!Q![%Z~%`PR~!Q![%Z~%hOZ~~%mQR~!O!P%Z!Q![%h~%xPr~!_!`%{~&QOt~~&VOp~~&[Pq~!_!`&_~&dOs~P&iSnP!Q![&d!c!}&d#R#S&d#T#o&dR&zUnP!Q![&d!c!}&d#R#S&d#T#b&d#b#c'^#c#o&dR'cUnP!Q![&d!c!}&d#R#S&d#T#W&d#W#X'u#X#o&dR'|SvQnP!Q![&d!c!}&d#R#S&d#T#o&d~(_TnP!Q![&d!c!}&d#R#S&d#T#U(n#U#o&d~(sUnP!Q![&d!c!}&d#R#S&d#T#`&d#`#a)V#a#o&d~)[UnP!Q![&d!c!}&d#R#S&d#T#g&d#g#h)n#h#o&d~)sUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y*V#Y#o&d~*^SU~nP!Q![&d!c!}&d#R#S&d#T#o&d~*oUnP!Q![&d!c!}&d#R#S&d#T#Y&d#Y#Z+R#Z#o&d~+YS`~nP!Q![&d!c!}&d#R#S&d#T#o&dR+kUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g+}#g#o&dR,USwQnP!Q![&d!c!}&d#R#S&d#T#o&d~,gUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g,y#g#o&d~-OUnP!Q![&d!c!}&d#R#S&d#T#i&d#i#j-b#j#o&d~-gUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y-y#Y#o&d~.QST~nP!Q![&d!c!}&d#R#S&d#T#o&d",tokenizers:[0,1],topRules:{ColumnDefinitionExpression:[0,1]},tokenPrec:375});var zt=Vt.define({name:"VuuColumnExpression",parser:Oe.configure({props:[Yt({Function:Pe.variableName,String:Pe.string,Or:Pe.emphasis,Operator:Pe.operator})]})}),dn=()=>new Xt(zt);var Be=class{constructor(n){switch(this.value=n,typeof n){case"boolean":this.type="booleanLiteralExpression";break;case"number":this.type="numericLiteralExpression";break;default:this.type="stringLiteralExpression"}}toJSON(){return{type:this.type,value:this.value}}},Me=class{constructor(n){this.type="colExpression";this.column=n}toJSON(){return{type:this.type,column:this.column}}},ce,I,$e=class{constructor(n="unknown"){D(this,ce,[{type:"unknown"},{type:"unknown"}]);D(this,I,void 0);this.type="arithmeticExpression";L(this,I,n)}get op(){return c(this,I)}set op(n){L(this,I,n)}get expressions(){return c(this,ce)}toJSON(){return{type:this.type,op:c(this,I),expressions:c(this,ce)}}};ce=new WeakMap,I=new WeakMap;var z,Ue=class{constructor(n){D(this,z,[]);this.type="callExpression";this.functionName=n}get expressions(){return c(this,z)}get arguments(){return c(this,z)}toJSON(){return{type:this.type,functionName:this.functionName,arguments:c(this,z).map(n=>{var t;return(t=n.toJSON)==null?void 0:t.call(n)})}}};z=new WeakMap;var me,Z,V=class{constructor(){D(this,me,[{type:"unknown"},{type:"unknown"}]);D(this,Z,"unknown");this.type="relationalExpression"}get op(){return c(this,Z)}set op(n){L(this,Z,n)}get expressions(){return c(this,me)}toJSON(){return{type:this.type,op:c(this,Z),expressions:c(this,me)}}};me=new WeakMap,Z=new WeakMap;var de,J,Y=class{constructor(n){D(this,de,[{type:"unknown"},{type:"unknown"}]);D(this,J,void 0);this.type="booleanCondition";L(this,J,n)}get op(){return c(this,J)}get expressions(){return c(this,de)}toJSON(){return{type:this.type,op:c(this,J),expressions:c(this,de).map(n=>{var t;return(t=n.toJSON)==null?void 0:t.call(n)})}}};de=new WeakMap,J=new WeakMap;var F,ue=class{constructor(n){D(this,F,void 0);this.type="conditionalExpression";L(this,F,[n?new Y(n):new V,{type:"unknown"},{type:"unknown"}])}get expressions(){return c(this,F)}get condition(){return c(this,F)[0]}get truthyExpression(){return c(this,F)[1]}set truthyExpression(n){c(this,F)[1]=n}get falsyExpression(){return c(this,F)[2]}set falsyExpression(n){c(this,F)[2]=n}toJSON(){var n,t,o,i,r;return{type:this.type,condition:(t=(n=this.condition).toJSON)==null?void 0:t.call(n),truthyExpression:this.truthyExpression,falsyExpression:(r=(i=(o=this.falsyExpression)==null?void 0:o.toJSON)==null?void 0:i.call(o))!=null?r:this.falsyExpression}}};F=new WeakMap;var Q=e=>e.type==="unknown",Se=e=>e.type==="arithmeticExpression",Zt=e=>e.type==="callExpression",X=e=>e.type==="conditionalExpression",Jt=e=>e.type==="relationalExpression"||e.type==="booleanCondition";var qt=e=>e.type==="booleanCondition",Ge=e=>(e==null?void 0:e.type)==="relationalExpression";var T=e=>{if(Q(e))return e;if(Ge(e)){let[n,t]=e.expressions;if(O(n))return T(n);if(e.op==="unknown")return e;if(O(t))return T(t)}else if(Jt(e)){let{expressions:n=[]}=e;for(let t of n)if(O(t))return T(t)}else if(X(e)){let{condition:n,truthyExpression:t,falsyExpression:o}=e;if(O(n))return T(n);if(O(t))return T(t);if(O(o))return T(o)}else if(Se(e)){let{expressions:n=[]}=e;for(let t of n)if(O(t))return T(t)}},Te=(e,n,t)=>{let{expressions:o=[]}=e;if(o.includes(n)){let i=o.indexOf(n);return o.splice(i,1,t),!0}else for(let i of o)if(Te(i,n,t))return!0;return!1},O=e=>Q(e)?!0:X(e)?O(e.condition)||O(e.truthyExpression)||O(e.falsyExpression):Ge(e)||qt(e)?e.op===void 0||e.expressions.some(n=>O(n)):!1,gn=(e,n)=>{let t=T(e);t?t.expressions?t.expressions.push(n):console.warn("don't know how to treat targetExpression"):console.error("no target expression found")},C,B,He=class{constructor(){D(this,C,void 0);D(this,B,[])}setCondition(n){if(c(this,C)===void 0)this.addExpression(new ue(n));else if(X(c(this,C))){if(O(c(this,C).condition)){let t=n?new Y(n):new V;this.addExpression(t)}else if(Q(c(this,C).truthyExpression))c(this,C).truthyExpression=new ue(n);else if(O(c(this,C).truthyExpression)){let t=n?new Y(n):new V;this.addExpression(t)}else if(Q(c(this,C).falsyExpression))c(this,C).falsyExpression=new ue(n);else if(O(c(this,C).falsyExpression)){let t=n?new Y(n):new V;this.addExpression(t)}}else console.error("setCondition called unexpectedly")}addExpression(n){if(c(this,B).length>0){let t=c(this,B).at(-1);t==null||t.arguments.push(n)}else if(c(this,C)===void 0)L(this,C,n);else if(Se(c(this,C))){let t=T(c(this,C));t&&Q(t)&&Te(c(this,C),t,n)}else if(X(c(this,C))&&O(c(this,C))){let t=T(c(this,C));t&&Q(t)?Te(c(this,C),t,n):t&&gn(t,n)}}setFunction(n){let t=new Ue(n);this.addExpression(t),c(this,B).push(t)}setColumn(n){this.addExpression(new Me(n))}setArithmeticOp(n){let t=n,o=c(this,C);Se(o)&&(o.op=t)}setRelationalOperator(n){let t=n;if(c(this,C)&&X(c(this,C))){let o=T(c(this,C));Ge(o)?o.op=t:console.error(`no target expression found (op = ${n})`)}}setValue(n){let t=new Be(n);if(c(this,C)===void 0)L(this,C,t);else if(Se(c(this,C)))this.addExpression(t);else if(Zt(c(this,C)))c(this,C).arguments.push(t);else if(X(c(this,C)))if(O(c(this,C))){let o=T(c(this,C));o&&Q(o)?Te(c(this,C),o,t):o&&gn(o,t)}else console.log("what do we do with value, in a complete expression")}closeBrace(){c(this,B).pop()}get expression(){return c(this,C)}toJSON(){var n;return(n=c(this,C))==null?void 0:n.toJSON()}};C=new WeakMap,B=new WeakMap;var fn=(e,n)=>{let t=new He,o=e.cursor();do{let{name:i,from:r,to:s}=o;switch(i){case"AndCondition":t.setCondition("and");break;case"OrCondition":t.setCondition("or");break;case"RelationalExpression":t.setCondition();break;case"ArithmeticExpression":t.addExpression(new $e);break;case"Column":{let p=n.substring(r,s);t.setColumn(p)}break;case"Function":{let p=n.substring(r,s);t.setFunction(p)}break;case"Times":case"Divide":case"Plus":case"Minus":{let p=n.substring(r,s);t.setArithmeticOp(p)}break;case"RelationalOperator":{let p=n.substring(r,s);t.setRelationalOperator(p)}break;case"False":case"True":{let p=n.substring(r,s);t.setValue(p==="true")}break;case"String":t.setValue(n.substring(r+1,s-1));break;case"Number":t.setValue(parseFloat(n.substring(r,s)));break;case"CloseBrace":t.closeBrace();break;default:}}while(o.next());return t.toJSON()};var _t=Oe.configure({strict:!0}),Cn=["Number","String"],We=[...Cn,"AndCondition","ArithmeticExpression","BooleanOperator","RelationalOperatorOperator","CallExpression","CloseBrace","Column","Comma","ConditionalExpression","Divide","Equal","If","Minus","OpenBrace","OrCondition","ParenthesizedExpression","Plus","RelationalExpression","RelationalOperator","Times"],xn=e=>{try{return _t.parse(e),!0}catch{return!1}},Xe=e=>{let{lastChild:n}=e;for(;n&&!We.includes(n.name);)n=n.prevSibling,console.log(n==null?void 0:n.name);return n},hn=e=>{if((e==null?void 0:e.name)==="RelationalExpression"){let{firstChild:n}=e,t=Xe(e);if((n==null?void 0:n.name)==="Column"&&typeof(t==null?void 0:t.name)=="string"&&Cn.includes(t.name))return!0}return!1};import{HighlightStyle as Kt,syntaxHighlighting as jt,tags as bn}from"@vuu-ui/vuu-codemirror";var eo=Kt.define([{tag:bn.variableName,color:"var(--vuuFilterEditor-variableColor)"},{tag:bn.comment,color:"green",fontStyle:"italic"}]),yn=jt(eo);import{EditorView as no}from"@vuu-ui/vuu-codemirror";var En=no.theme({"&":{border:"solid 1px var(--salt-container-primary-borderColor)",color:"var(--vuuFilterEditor-color)",backgroundColor:"var(--vuuFilterEditor-background)"},".cm-content":{caretColor:"var(--vuuFilterEditor-cursorColor)"},"&.cm-focused .cm-cursor":{borderLeftColor:"var(--vuuFilterEditor-cursorColor)"},"&.cm-focused .cm-selectionBackground, ::selection":{backgroundColor:"var(--vuuFilterEditor-selectionBackground)"},".cm-selectionBackground, ::selection":{backgroundColor:"var(--vuuFilterEditor-selectionBackground)"},".cm-scroller":{fontFamily:"var(--vuuFilterEditor-fontFamily)"},".cm-tooltip":{background:"var(--vuuFilterEditor-tooltipBackground)",border:"var(--vuuFilterEditor-tooltipBorder)",boxShadow:"var(--vuuFilterEditor-tooltipElevation)","&.cm-tooltip-autocomplete > ul":{fontFamily:"var(--vuuFilterEditor-fontFamily)",fontSize:"var(--vuuFilterEditor-fontSize)",maxHeight:"240px"},"&.cm-tooltip-autocomplete > ul > li":{height:"var(--vuuFilterEditor-suggestion-height)",padding:"0 3px",lineHeight:"var(--vuuFilterEditor-suggestion-height)"},"&.cm-tooltip-autocomplete li[aria-selected]":{background:"var(--vuuFilterEditor-suggestion-selectedBackground)",color:"var(--vuuFilterEditor-suggestion-selectedColor)"},"&.cm-tooltip-autocomplete li .cm-completionDetail":{color:"var(--vuuFilterEditor-suggestion-detailColor)"}}},{dark:!1});import{booleanJoinSuggestions as to,getNamedParentNode as vn,getPreviousNode as oo,getValue as N,syntaxTree as ro}from"@vuu-ui/vuu-codemirror";import{useCallback as On}from"react";var so=(e,n)=>n?e.map(t=>{var o;return{...t,apply:typeof t.apply=="function"?t.apply:`${n}${(o=t.apply)!=null?o:t.label}`}}):e,io=e=>e===void 0?!1:["Times","Divide","Plus","Minus"].includes(e.name),q=(e,n)=>{var i;let{lastChild:t}=e,{pos:o}=n;for(;t;)if(t.from<o&&We.includes(t.name)){if(t.name==="ParenthesizedExpression"){let s=(i=t.firstChild)==null?void 0:i.nextSibling;s&&(t=s)}return t}else t=t.prevSibling},Pn=(e,n)=>{var t;if(e.name==="ArgList"){let o=e.prevSibling;if(o)return N(o,n)}else if(e.name==="OpenBrace"){let o=(t=e.parent)==null?void 0:t.prevSibling;if((o==null?void 0:o.name)==="Function")return N(o,n)}},Sn=(e,n)=>{if(e.name==="RelationalExpression"){let t=Xe(e);if((t==null?void 0:t.name)==="RelationalOperator")return N(t,n)}else{let t=e.prevSibling;if((t==null?void 0:t.name)==="RelationalOperator")return N(t,n)}},ze=(e,n)=>{var t;if(e.name==="RelationalExpression"){if(((t=e.firstChild)==null?void 0:t.name)==="Column")return N(e.firstChild,n)}else{let o=e.prevSibling;if((o==null?void 0:o.name)==="Column")return N(o,n);if((o==null?void 0:o.name)==="RelationalOperator")return ze(o,n)}},Ve=async(e,n,t,o={})=>{let i=await n.getSuggestions(t,o),{startsWith:r=""}=o;return{from:e.pos-r.length,options:i}},Ye=(e,n,t,o,i)=>{let r=q(e,n);switch(console.log(`conditional expression last child ${r==null?void 0:r.name}`),r==null?void 0:r.name){case"If":return Ve(n,t,"expression",{prefix:"( "});case"OpenBrace":return Ve(n,t,"expression");case"Condition":return Ve(n,t,"expression",{prefix:", "});case"CloseBrace":if(o){let s=[{apply:()=>{i==null||i()},label:"Save Expression",boost:10}];return{from:n.pos,options:s}}}},ao=(e,n)=>{let t=[{apply:()=>{n==null||n()},label:"Save Expression",boost:10}];return{from:e.pos,options:t}},Tn=(e,n)=>{let t=On(async(o,i,r={})=>{let s=await e.getSuggestions(i,r),{startsWith:p=""}=r;return{from:o.pos-p.length,options:s}},[e]);return On(async o=>{var x,h;let{state:i,pos:r}=o,s=(x=o.matchBefore(/\w*/))!=null?x:{from:0,to:0,text:void 0},l=ro(i).resolveInner(r,-1),u=i.doc.toString(),g=xn(u);switch(console.log({nodeBeforeName:l.name}),l.name){case"If":return console.log("conditional expression  If"),t(o,"expression",{prefix:"( "});case"Condition":{let a=q(l,o);if((a==null?void 0:a.name)==="Column"){let d=oo(a);if((d==null?void 0:d.name)!=="RelationalOperator")return t(o,"condition-operator",{columnName:N(a,i)});console.log(`Condition last child Column, prev child ${d==null?void 0:d.name}`)}else if((a==null?void 0:a.name)==="RelationalOperator")return t(o,"expression");console.log(`condition  last child ${a==null?void 0:a.name}`)}break;case"ConditionalExpression":return Ye(l,o,e);case"RelationalExpression":{if(hn(l))return{from:o.pos,options:to.concat({label:", <truthy expression>, <falsy expression>",apply:", "})};{let a=Sn(l,i),d=ze(l,i);if(a)return t(o,"expression");{let f=await e.getSuggestions("condition-operator",{columnName:d});return{from:o.pos,options:f}}}}break;case"RelationalOperator":return t(o,"expression");case"String":{let a=Sn(l,i),d=ze(l,i),{from:f,to:m}=l;if(m-f===2&&o.pos===f+1){if(d&&a)return t(o,"columnValue",{columnName:d,operator:a,startsWith:s.text})}else if(m-f>2&&o.pos===m)return t(o,"expression",{prefix:", "});console.log(`we have a string, column is ${d} ${f} ${m}`)}break;case"ArithmeticExpression":{let a=q(l,o);if((a==null?void 0:a.name)==="Column")return t(o,"expression");if(io(a)){let d=a.name;return t(o,"column",{operator:d})}}break;case"OpenBrace":{let a=Pn(l,i);return t(o,"expression",{functionName:a})}break;case"ArgList":{let a=Pn(l,i),d=q(l,o),f=(d==null?void 0:d.name)==="OpenBrace"?void 0:",",m=await e.getSuggestions("expression",{functionName:a});return m=f?so(m,", "):m,(d==null?void 0:d.name)!=="OpenBrace"&&(d==null?void 0:d.name)!=="Comma"&&(m=[{apply:") ",boost:10,label:"Done - no more arguments"}].concat(m)),{from:o.pos,options:m}}case"Equal":if(u.trim()==="=")return t(o,"expression");break;case"ParenthesizedExpression":case"ColumnDefinitionExpression":if(o.pos===0)return t(o,"expression");{let a=q(l,o);if((a==null?void 0:a.name)==="Column"){if(g){let d=[{apply:()=>{n.current()},label:"Save Expression",boost:10}],f=N(a,i),m=await e.getSuggestions("operator",{columnName:f});return{from:o.pos,options:d.concat(m)}}}else if((a==null?void 0:a.name)==="CallExpression"){if(g){let d=[{apply:()=>{n.current()},label:"Save Expression",boost:10}];return{from:o.pos,options:d}}}else if((a==null?void 0:a.name)==="ArithmeticExpression"){if(g){let d=[{apply:()=>{n.current()},label:"Save Expression",boost:10}],f=q(a,o);if((f==null?void 0:f.name)==="Column"){let m=N(f,i),E=await e.getSuggestions("operator",{columnName:m});d=d.concat(E)}return{from:o.pos,options:d}}}else if((a==null?void 0:a.name)==="ConditionalExpression")return Ye(a,o,e,g,n.current);break}case"Column":if(await e.isPartialMatch("expression",void 0,s.text))return t(o,"expression",{startsWith:s.text});break;case"Comma":{let a=vn(l);if((a==null?void 0:a.name)==="ConditionalExpression")return t(o,"expression")}break;case"CloseBrace":{let a=vn(l);if((a==null?void 0:a.name)==="ConditionalExpression")return Ye(a,o,e,g,n.current);if((a==null?void 0:a.name)==="ArgList"&&g)return ao(o,n.current);console.log(`does closebrace denote an ARgList or a parenthetised expression ? ${a}`)}break;default:((h=l==null?void 0:l.prevSibling)==null?void 0:h.name)==="FilterClause"&&console.log("looks like we ight be a or|and operator")}},[t,n,e])};var ge=e=>{if(e.current==null)throw Error("EditorView not defined");return e.current},Co=()=>"vuuSuggestion",xo=()=>console.log("noooop"),ho=e=>"expressionType"in e,bo=e=>{if(ho(e)){let n=Fn("div","expression-type-container"),t=Fn("span","expression-type",e.expressionType);return n.appendChild(t),n}else return null},Rn=({onChange:e,onSubmitExpression:n,suggestionProvider:t})=>{let o=Je(null),i=Je(xo),r=Je(),s=Tn(t,i),[p,l]=fo(()=>{let u=()=>{let f=ge(r),m=f.state.doc.toString(),E=co(f.state,f.state.doc.length,5e3);if(E){let w=fn(E,m);return[m,w]}else return["",void 0]},g=()=>{ge(r).setState(d())},x=()=>{let[f,m]=u();n==null||n(f,m),g()},h=f=>Ze.of([{key:f,run(){return x(),!0}}]),a=f=>Ze.of([{key:f,run(){return wn(ge(r)),!0}}]),d=()=>uo.create({doc:"",extensions:[mo,lo({addToOptions:[{render:bo,position:70}],override:[s],optionClass:Co}),dn(),Ze.of(po),h("Ctrl-Enter"),a("ArrowDown"),Dn.updateListener.of(f=>{let m=ge(r);if(f.docChanged){wn(m);let E=m.state.doc.toString();e==null||e(E,void 0)}}),En,yn]});return i.current=()=>{x(),setTimeout(()=>{ge(r).focus()},100)},[d,g]},[s,e,n]);return go(()=>{if(!o.current)throw Error("editor not in dom");return r.current=new Dn({state:p(),parent:o.current}),()=>{var u;(u=r.current)==null||u.destroy()}},[s,p]),{editorRef:o,clearInput:l}};import{jsx as Eo}from"react/jsx-runtime";var yo="vuuColumnExpressionInput",Nn=({onChange:e,onSubmitExpression:n,suggestionProvider:t})=>{let{editorRef:o}=Rn({onChange:e,onSubmitExpression:n,suggestionProvider:t});return Eo("div",{className:`${yo}`,ref:o})};import{AnnotationType as vo,getRelationalOperators as Oo,numericOperators as Po,stringOperators as So,toSuggestions as To}from"@vuu-ui/vuu-codemirror";import{getTypeaheadParams as Do,useTypeaheadSuggestions as wo}from"@vuu-ui/vuu-data-react";import{isNumericColumn as _e,isTextColumn as Fo}from"@vuu-ui/vuu-utils";import{useCallback as qe,useRef as Ro}from"react";var _=[{accepts:"string",description:"Returns multiple string values as a single joined string. Arguments may be string literal values, string columns or other string expressions. Non string arguments may also be included, these will be converted to strings.",example:{expression:'concatenate("example", "-test")',result:'"example-test"'},name:"concatenate",params:{description:"( string, string, [ string* ] )"},type:"string"},{accepts:["string","string"],description:"Tests a string value to determine whether it contains a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> contains one or more occurrences of <target subscring>",example:{expression:'contains("Royal Bank of Scotland", "bank")',result:"true"},name:"contains",params:{description:"( string )"},type:"boolean"},{accepts:["string","number"],description:"Returns the leftmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",example:{expression:'left("USD Benchmark Report", 3)',result:'"USD"'},name:"left",params:{count:2,description:"( string, number )"},type:"string"},{accepts:"string",description:"Returns the number of characters in <string>. Argument may be a string literal, string column or other string expression.",example:{expression:'len("example")',result:"7"},name:"len",params:{description:"(string)"},type:"number"},{accepts:"string",description:"Convert a string value to lowercase. Argument may be a string column or other string expression.",example:{expression:'lower("examPLE")',result:'"example"'},name:"lower",params:{description:"( string )"},type:"string"},{accepts:"string",description:"Convert a string value to uppercase. Argument may be a string column or other string expression.",example:{expression:'upper("example")',result:'"EXAMPLE"'},name:"upper",params:{description:"( string )"},type:"string"},{accepts:["string","number"],description:"Returns the rightmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",example:{expression:"blah",result:"blah"},name:"right",params:{description:"( string )"},type:"string"},{accepts:["string","string","string"],description:"Replace characters within a string. Accepts three arguments: source text, text to replace and replacement text. Returns a copy of <source text> with any occurrences of <text to replace> replaced by <replacement text>",example:{expression:"blah",result:"blah"},name:"replace",params:{description:"( string )"},type:"string"},{accepts:"number",description:"Converts a number to a string.",example:{expression:"blah",result:"blah"},name:"text",params:{description:"( string )"},type:"string"},{accepts:"string",description:"Tests a string value to determine whether it starts with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> starts with <target subscring>.",example:{expression:"blah",result:"blah"},name:"starts",params:{description:"( string )"},type:"boolean"},{accepts:"string",description:"Tests a string value to determine whether it ends with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> ends with <target subscring>.",example:{expression:"blah",result:"blah"},name:"ends",params:{description:"( string )"},type:"boolean"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"min",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"max",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"sum",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"round",params:{description:"( string )"},type:"number"},{accepts:"any",description:"blah",example:{expression:"blah",result:"blah"},name:"or",params:{description:"( string )"},type:"boolean"},{accepts:"any",description:"blah",example:{expression:"blah",result:"blah"},name:"and",params:{description:"( string )"},type:"boolean"},{accepts:"any",description:"Return one of two possible result values, depending on the evaluation of a filter expression. If <filterExpression> resolves to true, result is <expression1>, otherwise <expression2>. ",example:{expression:"blah",result:"blah"},name:"if",params:{description:"( filterExpression, expression1, expression 2)"},type:"variable"}];import{createEl as k}from"@vuu-ui/vuu-utils";var kn=({name:e,description:n,example:t,params:o,type:i})=>{let r=k("div","vuuFunctionDoc"),s=k("div","function-heading"),p=k("span","function-name",e),l=k("span","param-list",o.description),u=k("span","function-type",i);s.appendChild(p),s.appendChild(l),s.appendChild(u);let g=k("p",void 0,n);if(r.appendChild(s),r.appendChild(g),t){let x=k("div","example-container","Example:"),h=k("div","example-expression",t.expression),a=k("div","example-result",t.result);x.appendChild(h),x.appendChild(a),r.appendChild(x)}return r};var No=[],M=e=>e.map(n=>{var t;return{...n,apply:((t=n.apply)!=null?t:n.label)+" "}}),ko=(e,{functionName:n,operator:t})=>{if(t)return e.filter(_e);if(n){let o=_.find(i=>i.name===n);if(o)switch(o.accepts){case"string":return e.filter(Fo);case"number":return e.filter(_e);default:return e}}return e},An=(e,n)=>ko(e,n).map(o=>{var r;let i=(r=o.label)!=null?r:o.name;return{apply:n.prefix?`${n.prefix}${i}`:i,label:i,boost:5,type:"column",expressionType:o.serverDataType}}),Ao=[{apply:"* ",boost:2,label:"*",type:"operator"},{apply:"/ ",boost:2,label:"/",type:"operator"},{apply:"+ ",boost:2,label:"+",type:"operator"},{apply:"- ",boost:2,label:"-",type:"operator"}],Lo=e=>e===void 0||_e(e)?Ao:No,Qo=e=>{switch(e.serverDataType){case"string":case"char":return M(So);case"int":case"long":case"double":return M(Po)}},Ke=e=>({apply:`${e.name}( `,boost:2,expressionType:e.type,info:()=>kn(e),label:e.name,type:"function"}),Io=e=>{if(e){if(typeof e.accepts=="string")return e.accepts;if(Array.isArray(e.accepts))return e.accepts.every(n=>n==="string")?"string":"any"}return"any"},Bo=_.map(Ke),Mo=({functionName:e})=>{if(e){let n=_.find(o=>o.name===e),t=Io(n);if(n)switch(t){case"string":return _.filter(o=>o.type==="string"||o.type==="variable").map(Ke);case"number":return _.filter(o=>o.type==="number"||o.type==="variable").map(Ke);default:}}return Bo},$o={},Ln=({columns:e,table:n})=>{let t=qe(p=>p?e.find(l=>l.name===p):void 0,[e]),o=Ro(),i=wo(),r=qe(async(p,l=$o)=>{let{columnName:u,functionName:g,operator:x,prefix:h}=l;switch(p){case"expression":{let a=await M(An(e,{functionName:g,prefix:h})).concat(Mo(l));return o.current=a}case"column":{let a=await An(e,l);return o.current=M(a)}case"operator":{let a=await Lo(t(u));return o.current=M(a)}case"relational-operator":{let a=await Oo(t(u));return o.current=M(a)}case"condition-operator":{let a=t(u);if(a){let d=await Qo(a);if(d)return o.current=M(d)}}break;case"columnValue":if(u&&x){let a=Do(n,u),d=await i(a);return o.current=To(d,{suffix:""}),o.current.forEach(f=>{f.apply=(m,E,w)=>{let Qe=new vo,ae=w+E.label.length+1;m.dispatch({changes:{from:w,insert:E.label},selection:{anchor:ae,head:ae},annotations:Qe.of(E)})}}),o.current}break}return[]},[e,t,i,n]),s=qe(async(p,l,u)=>{let{current:g}=o,x=!1,h=g||await r(p,{columnName:l});if(u&&h)for(let a of h){if(a.label===u)return!1;a.label.startsWith(u)&&(x=!0)}return x},[r]);return{getSuggestions:r,isPartialMatch:s}};import{Button as rn,Panel as $r}from"@salt-ds/core";import Ur from"classnames";import{useCallback as be,useState as rt}from"react";import{List as In}from"@salt-ds/lab";import{Button as fe,Text as Bn,useIdMemo as Wo}from"@salt-ds/core";import{useCallback as j,useState as Xo}from"react";import{ListItem as Uo}from"@salt-ds/lab";import Ho from"classnames";import{jsx as je,jsxs as Go}from"react/jsx-runtime";var K="vuuColumnListItem",Qn=({className:e,item:n,label:t,style:o,...i})=>{let r=Ho(K,e,{[`${K}-calculated`]:n==null?void 0:n.expression,[`${K}-hidden`]:n==null?void 0:n.hidden});return Go(Uo,{className:r,...i,children:[je("span",{className:`${K}-iconType`}),je("label",{className:`${K}-label`,children:t}),je("span",{className:`${K}-iconHidden`})]})};import{jsx as v,jsxs as ne}from"react/jsx-runtime";var ee="vuuColumnPicker",Vo=(e,n)=>e.filter(t=>n.find(o=>o.name===t.name)==null),Mn=({availableColumns:e,id:n,dispatchColumnAction:t,onAddCalculatedColumnClick:o,onSelectionChange:i,chosenColumns:r,selectedColumn:s})=>{let[p,l]=Xo([]),u=Wo(n),g=Vo(e,r),x=j(()=>{p.length>0&&(l([]),t({type:"addColumn",columns:p}))},[t,p]),h=j(()=>s&&t({type:"removeColumn",column:s}),[s,t]),a=j(()=>s&&t({type:"moveColumn",column:s,moveBy:-1}),[t,s]),d=j(()=>s&&t({type:"moveColumn",column:s,moveBy:1}),[t,s]),f=j((E,w)=>l(w),[]),m=j((E,w)=>i==null?void 0:i(w),[i]);return ne("div",{className:ee,id:u,children:[ne("div",{className:`${ee}-listColumn`,children:[v("label",{htmlFor:`available-${u}`,children:v(Bn,{as:"h4",children:"Available Columns"})}),v("div",{className:`${ee}-listContainer`,style:{flex:1,overflow:"hidden"},children:v(In,{borderless:!0,checkable:!1,height:"100%",id:`available-${u}`,itemHeight:24,itemToString:E=>E.name,onSelectionChange:f,selected:p,selectionStrategy:"extended",source:g})}),v("div",{style:{display:"flex",alignItems:"center",flex:"0 0 32px",marginTop:"var(--salt-size-basis-unit)"},children:ne(fe,{onClick:x,disabled:p.length===0,children:["Show",v("span",{"data-icon":"arrow-thin-right",style:{marginLeft:8}})]})})]}),ne("div",{className:`${ee}-listColumn`,children:[v("label",{htmlFor:`selected-${u}`,children:v(Bn,{as:"h4",children:"Included Columns"})}),v("div",{className:`${ee}-listContainer`,style:{flex:1,overflow:"hidden"},children:v(In,{ListItem:Qn,borderless:!0,height:"100%",id:`selected-${u}`,itemHeight:24,itemToString:E=>E.name,onSelectionChange:m,selected:s,style:{flex:1},source:r})}),ne("div",{style:{alignItems:"center",flex:"0 0 32px",display:"flex",gap:6,marginTop:"var(--salt-size-basis-unit)"},children:[ne(fe,{onClick:h,disabled:s===null,children:[v("span",{"data-icon":"arrow-thin-left",style:{marginRight:8}}),"Hide"]}),v(fe,{"aria-label":"Move column up",onClick:a,disabled:s===null||(r==null?void 0:r.indexOf(s))===0,style:{width:28},children:v("span",{"data-icon":"arrow-thin-up"})}),v(fe,{"aria-label":"Move column down",onClick:d,disabled:s===null||r.indexOf(s)===r.length-1,style:{width:28},children:v("span",{"data-icon":"arrow-thin-down"})}),v(fe,{"aria-label":"Add calculated column",className:`${ee}-addCalculatedColumn`,onClick:o,variant:"primary",children:v("span",{"data-icon":"add"})})]})]})]})};import{Stack as pr}from"@vuu-ui/vuu-layout";import{StepperInput as ur}from"@salt-ds/lab";import{Checkbox as cr,FormField as $,FormFieldLabel as U,Input as nn,Panel as zn,RadioButton as Ce,RadioButtonGroup as Zn,Text as mr}from"@salt-ds/core";import dr from"classnames";import{useCallback as oe,useState as gr}from"react";import{getRegisteredCellRenderers as er}from"@vuu-ui/vuu-utils";import{Dropdown as nr}from"@salt-ds/lab";import{Panel as tr}from"@salt-ds/core";import Xn from"classnames";import{useMemo as or}from"react";import{StepperInput as Yo,Switch as $n}from"@salt-ds/lab";import{FormField as zo,FormFieldLabel as Zo,Text as Jo}from"@salt-ds/core";import{useCallback as De}from"react";import{Fragment as Hn,jsx as te,jsxs as Un}from"react/jsx-runtime";var qo={alignOnDecimals:!1,decimals:4,zeroPad:!1},_o=(e,n)=>{let t=typeof e=="object"&&e.formatting?e.formatting:{};return["alignOnDecimals","decimals","zeroPad"].reduce((i,r)=>t[r]!==void 0?{...i,[r]:t[r]}:(n==null?void 0:n[r])!==void 0?{...i,[r]:n[r]}:i,qo)},Gn=({column:e,dispatchColumnAction:n})=>{let{decimals:t,alignOnDecimals:o,zeroPad:i}=_o(e==null?void 0:e.type),r=De(u=>n({type:"updateColumnTypeFormatting",column:e,...u}),[e,n]),s=De(u=>r({decimals:parseInt(u.toString(),10)}),[r]),p=De((u,g)=>r({alignOnDecimals:g}),[r]),l=De((u,g)=>r({zeroPad:g}),[r]);switch(e.serverDataType){case"double":return Un(Hn,{children:[Un(zo,{labelPlacement:"top",children:[te(Zo,{children:"No of Decimals"}),te(Yo,{value:t,onChange:s})]}),te($n,{checked:o,label:"Align on decimals",LabelProps:{className:"vuuColumnPanelSwitch"},onChange:p}),te($n,{checked:i,label:"Zero pad",LabelProps:{className:"vuuColumnPanelSwitch"},onChange:l})]});case"long":case"int":return te(Hn,{children:te(Jo,{children:"Work in progress"})});default:return null}};import{Fragment as Ko,jsx as jo}from"react/jsx-runtime";var Wn=({column:e,dispatchColumnAction:n})=>(console.log({column:e,dispatchColumnAction:n}),jo(Ko,{children:"what"}));import{Fragment as ar,jsx as we,jsxs as lr}from"react/jsx-runtime";var en="vuuColumnTypePanel",rr=["Default Renderer (int, long)"],sr=["Default Renderer (double)"],Vn=["Default Renderer (string)"],ir=e=>{let t=er(e.serverDataType).map(o=>o.name);switch(console.log({customRendererNames:t}),e.serverDataType){case"char":case"string":return Vn;case"int":case"long":return rr;case"double":return sr.concat(t);default:return Vn}},Yn=({className:e,column:n,dispatchColumnAction:t,...o})=>{let i=or(()=>{switch(n.serverDataType){case"double":case"int":case"long":return we(Gn,{column:n,dispatchColumnAction:t});default:return we(Wn,{column:n,dispatchColumnAction:t})}},[n,t]),{serverDataType:r="string"}=n,s=ir(n);return lr(ar,{children:[we(nr,{className:Xn(`${en}-renderer`),fullWidth:!0,selected:s[0],source:s}),we(tr,{...o,className:Xn(en,e,`${en}-${r}`),children:i})]})};import{jsx as b,jsxs as P}from"react/jsx-runtime";var Jn="vuuColumnSettingsPanel",fr={className:"salt-density-high"},qn=({column:e,dispatchColumnAction:n,style:t,...o})=>{var h,a,d,f;let[i,r]=gr(0),s=oe(m=>n({type:"updateColumnProp",column:e,...m}),[e,n]),p=oe(m=>s({align:m.target.value}),[s]),l=oe(m=>s({pin:m.target.value}),[s]),u=oe(m=>s({hidden:m.target.checked}),[s]),g=oe(m=>s({label:m.target.value}),[s]),x=oe(m=>s({width:parseInt(m.toString(),10)}),[s]);return P("div",{className:Jn,...o,style:{...t},children:[b(mr,{as:"h4",children:"Column Settings"}),P(pr,{active:i,className:dr(`${Jn}-columnTabs`),onTabSelectionChanged:r,TabstripProps:fr,children:[P(zn,{title:"Column",children:[P($,{labelPlacement:"left",children:[b(U,{children:"Hidden"}),b(cr,{checked:e.hidden===!0,onChange:u})]}),P($,{labelPlacement:"left",children:[b(U,{children:"Label"}),b(nn,{value:(h=e.label)!=null?h:e.name,onChange:g})]}),P($,{labelPlacement:"left",children:[b(U,{children:"Width"}),b(ur,{value:(a=e.width)!=null?a:100,onChange:x})]}),P($,{labelPlacement:"left",children:[b(U,{children:"ALign"}),P(Zn,{"aria-label":"Column Align",value:(d=e.align)!=null?d:"left",onChange:p,children:[b(Ce,{label:"Left",value:"left"}),b(Ce,{label:"Right",value:"right"})]})]}),P($,{labelPlacement:"left",children:[b(U,{children:"Pin Column"}),P(Zn,{"aria-label":"Pin Column",value:(f=e.pin)!=null?f:"",onChange:l,children:[b(Ce,{label:"Do not pin",value:""}),b(Ce,{label:"Left",value:"left"}),b(Ce,{label:"Right",value:"right"})]})]})]}),b(Yn,{column:e,dispatchColumnAction:n,title:"Data Cell"}),P(zn,{title:"Vuu",variant:"secondary",children:[P($,{labelPlacement:"top",readOnly:!0,children:[b(U,{children:"Name"}),b(nn,{value:e.name})]}),P($,{labelPlacement:"top",readOnly:!0,children:[b(U,{children:"Vuu Type"}),b(nn,{value:e.serverDataType})]})]})]})]})};import{FormField as _n,FormFieldLabel as Kn,Panel as Cr,RadioButton as tn,RadioButtonGroup as xr,Text as hr}from"@salt-ds/core";import{StepperInput as br}from"@salt-ds/lab";import{useCallback as on}from"react";import{jsx as H,jsxs as xe}from"react/jsx-runtime";var yr="vuuGridSettingsPanel",jn=({config:e,dispatchColumnAction:n,style:t,...o})=>{var p;let i=on(l=>n({type:"updateGridSettings",...l}),[n]),r=on(l=>i({columnFormatHeader:l.target.value}),[i]),s=on(l=>i({columnDefaultWidth:parseInt(l.toString(),10)}),[i]);return xe("div",{className:yr,...o,style:{...t},children:[H(hr,{as:"h4",children:"Grid Settings"}),xe(Cr,{children:[xe(_n,{labelPlacement:"left",children:[H(Kn,{children:"Format column labels"}),xe(xr,{"aria-label":"Format column labels",value:e.columnFormatHeader,onChange:r,children:[H(tn,{label:"No Formatting",value:void 0}),H(tn,{label:"Capitalize",value:"capitalize"}),H(tn,{label:"Uppercase",value:"uppercase"})]})]}),xe(_n,{labelPlacement:"left",children:[H(Kn,{children:"Default Column Width"}),H(br,{value:(p=e.columnDefaultWidth)!=null?p:100,onChange:s})]})]})]})};import{useReducer as Er}from"react";import{moveItem as vr}from"@vuu-ui/vuu-ui-controls";import{fromServerDataType as Or}from"@vuu-ui/vuu-utils";var Pr=(e,n)=>{switch(console.log(`gridSettingsReducer ${n.type}`),n.type){case"addColumn":return Sr(e,n);case"addCalculatedColumn":return Tr(e,n);case"moveColumn":return wr(e,n);case"removeColumn":return Dr(e,n);case"updateColumn":return e;case"updateColumnProp":return Fr(e,n);case"updateGridSettings":return Rr(e,n);case"updateColumnTypeFormatting":return Nr(e,n);default:return e}},et=e=>{let[n,t]=Er(Pr,e);return{gridSettings:n,dispatchColumnAction:t}};function Sr(e,{column:n,columns:t,index:o=-1}){let{columns:i}=e;if(o===-1){if(Array.isArray(t))return{...e,columns:i.concat(t)};if(n)return{...e,columns:i.concat(n)}}return e}function Tr(e,{columnName:n,columnType:t,expression:o}){let{columns:i}=e,r={name:n,expression:o,serverDataType:t};return{...e,columns:i.concat(r)}}function Dr(e,{column:n}){let{columns:t}=e;return{...e,columns:t.filter(o=>o.name!==n.name)}}function wr(e,{column:n,moveBy:t,moveFrom:o,moveTo:i}){let{columns:r}=e;if(n&&typeof t=="number"){let s=r.indexOf(n),p=r.slice(),[l]=p.splice(s,1);return p.splice(s+t,0,l),{...e,columns:p}}else return typeof o=="number"&&typeof i=="number"?{...e,columns:vr(r,o,i)}:e}function Fr(e,{align:n,column:t,hidden:o,label:i,width:r}){let{columns:s}=e;return(n==="left"||n==="right")&&(s=he(s,{...t,align:n})),typeof o=="boolean"&&(s=he(s,{...t,hidden:o})),typeof i=="string"&&(s=he(s,{...t,label:i})),typeof r=="number"&&(s=he(s,{...t,width:r})),{...e,columns:s}}function Rr(e,{columnFormatHeader:n}){return{...e,columnFormatHeader:n!=null?n:e.columnFormatHeader}}function Nr(e,{alignOnDecimals:n,column:t,decimals:o,zeroPad:i}){let{columns:r}=e;if(r.find(p=>p.name===t.name)){let{serverDataType:p="string",type:l=Or(p)}=t,u=typeof l=="string"?{name:l}:{...l};return typeof n=="boolean"&&(u.formatting={...u.formatting,alignOnDecimals:n}),typeof o=="number"&&(u.formatting={...u.formatting,decimals:o}),typeof i=="boolean"&&(u.formatting={...u.formatting,zeroPad:i}),{...e,columns:he(r,{...t,type:u})}}else return e}function he(e,n){return e.map(t=>t.name===n.name?n:t)}import{Stack as Hr}from"@vuu-ui/vuu-layout";import{Button as kr,FormField as Ar,FormFieldLabel as Lr,Input as Qr,Panel as Ir,Text as Br}from"@salt-ds/core";import{useCallback as Fe,useRef as Mr,useState as nt}from"react";import{jsx as re,jsxs as tt}from"react/jsx-runtime";var ot=({columns:e,dispatchColumnAction:n,table:t})=>{let[o,i]=nt(""),[,r]=nt(),s=Mr(""),p=Ln({columns:e,table:t}),l=Fe(h=>{let{value:a}=h.target;i(a)},[]),u=Fe(h=>{s.current=h},[]),g=Fe((h,a)=>{console.log({source:h}),r(a)},[]),x=Fe(()=>{s.current&&(console.log(`save expression ${JSON.stringify(s.current,null,2)}`),n({type:"addCalculatedColumn",columnName:o,expression:s.current,columnType:"string"}))},[o,n]);return tt(Ir,{className:"vuuCalculatedColumnPanel",title:"Define Computed Column",children:[re(Br,{styleAs:"h4",children:"Define Computed Column"}),tt(Ar,{labelPlacement:"left",children:[re(Lr,{children:"Column Name"}),re(Qr,{value:o,onChange:l})]}),re(Nn,{onChange:u,onSubmitExpression:g,suggestionProvider:p}),re("div",{style:{marginTop:12},children:re(kr,{onClick:x,children:"Add Column"})})]})};import{jsx as A,jsxs as Ne}from"react/jsx-runtime";var Re="vuuDatagridSettingsPanel",Gr=()=>{},Wr=["table-settings","column-chooser","column-settings","define-column"],Xr=(e,n)=>Wr[n],np=({availableColumns:e,className:n,gridConfig:t,onCancel:o,onConfigChange:i,...r})=>{var ae;console.log("DatagridSettingsPanel render");let[s,p]=rt(0),{gridSettings:l,dispatchColumnAction:u}=et(t),[g,x]=rt(null),h=be(R=>{x(R?R.name:null)},[]),a=be((R,xt=!1)=>{console.log("1) DataGridSettingsPanel fire onConfigChange"),i==null||i(l,xt)},[l,i]),d=be(R=>{p(R)},[]),f=be(R=>a(R,!0),[a]),m=g===null?null:(ae=l.columns.find(R=>R.name===g))!=null?ae:null,E={activeTabIndex:s,allowRenameTab:!1,orientation:"vertical"},w=be(()=>p(3),[]),Qe=s===2?"right":void 0;return Ne("div",{...r,className:Ur(Re,n),children:[Ne(Hr,{TabstripProps:E,className:`${Re}-stack`,getTabIcon:Xr,getTabLabel:Gr,active:s===2?1:s,onTabSelectionChanged:d,children:[A(jn,{config:l,dispatchColumnAction:u}),Ne("div",{className:`${Re}-columnPanels`,"data-align":Qe,children:[A(Mn,{availableColumns:e,chosenColumns:l.columns,dispatchColumnAction:u,onSelectionChange:h,onAddCalculatedColumnClick:w,selectedColumn:m}),m===null?A($r,{className:"vuuColumnSettingsPanel",children:"Select a column"}):A(qn,{column:m,dispatchColumnAction:u,style:{background:"white",flex:"1 0 150px"}})]}),A("div",{title:"Column Settings",children:"Column Settings"}),A(ot,{columns:l.columns,dispatchColumnAction:u,table:{module:"SIMUL",table:"instruments"}})]}),Ne("div",{className:`${Re}-buttonBar`,children:[A(rn,{onClick:o,children:"Cancel"}),A(rn,{onClick:a,children:"Apply"}),A(rn,{onClick:f,children:"Save"})]})]})};import{useEffect as Vr,useState as st}from"react";import Yr from"classnames";import{jsx as ye,jsxs as zr}from"react/jsx-runtime";var ke="vuuDatasourceStats",sn=new Intl.NumberFormat,gp=({className:e,dataSource:n})=>{let[t,o]=st(n.range),[i,r]=st(n.size);Vr(()=>{r(n.size),n.on("resize",r),n.on("range",o)},[n]);let s=Yr(ke,e),p=sn.format(t.from),l=sn.format(t.to-1),u=sn.format(i);return zr("div",{className:s,children:[ye("span",{children:"Showing rows"}),ye("span",{className:`${ke}-range`,children:p}),ye("span",{className:`${ke}-range`,children:l}),ye("span",{children:"of"}),ye("span",{className:`${ke}-size`,children:u})]})};import{Stack as cs}from"@vuu-ui/vuu-layout";import{StepperInput as ms}from"@salt-ds/lab";import{Checkbox as ds,FormField as G,FormFieldLabel as W,Input as ln,Panel as gt,RadioButton as Ee,RadioButtonGroup as ft,Text as gs}from"@salt-ds/core";import fs from"classnames";import{useCallback as ie,useState as Cs}from"react";import{getRegisteredCellRenderers as ts}from"@vuu-ui/vuu-utils";import{Dropdown as os}from"@salt-ds/lab";import{Panel as rs}from"@salt-ds/core";import ct from"classnames";import{useMemo as ss}from"react";import{StepperInput as Zr,Switch as it}from"@salt-ds/lab";import{FormField as Jr,FormFieldLabel as qr,Text as _r}from"@salt-ds/core";import{useCallback as Ae}from"react";import{Fragment as lt,jsx as se,jsxs as at}from"react/jsx-runtime";var Kr={alignOnDecimals:!1,decimals:4,zeroPad:!1},jr=(e,n)=>{let t=typeof e=="object"&&e.formatting?e.formatting:{};return["alignOnDecimals","decimals","zeroPad"].reduce((i,r)=>t[r]!==void 0?{...i,[r]:t[r]}:(n==null?void 0:n[r])!==void 0?{...i,[r]:n[r]}:i,Kr)},pt=({column:e,dispatchColumnAction:n})=>{let{decimals:t,alignOnDecimals:o,zeroPad:i}=jr(e==null?void 0:e.type),r=Ae(u=>n({type:"updateColumnTypeFormatting",column:e,...u}),[e,n]),s=Ae(u=>r({decimals:parseInt(u.toString(),10)}),[r]),p=Ae((u,g)=>r({alignOnDecimals:g}),[r]),l=Ae((u,g)=>r({zeroPad:g}),[r]);switch(e.serverDataType){case"double":return at(lt,{children:[at(Jr,{labelPlacement:"top",children:[se(qr,{children:"No of Decimals"}),se(Zr,{value:t,onChange:s})]}),se(it,{checked:o,label:"Align on decimals",LabelProps:{className:"vuuColumnPanelSwitch"},onChange:p}),se(it,{checked:i,label:"Zero pad",LabelProps:{className:"vuuColumnPanelSwitch"},onChange:l})]});case"long":case"int":return se(lt,{children:se(_r,{children:"Work in progress"})});default:return null}};import{Fragment as es,jsx as ns}from"react/jsx-runtime";var ut=({column:e,dispatchColumnAction:n})=>(console.log(e,n),ns(es,{children:"what"}));import{Fragment as ps,jsx as Le,jsxs as us}from"react/jsx-runtime";var an="vuuColumnTypePanel",is=["Default Renderer (int, long)"],as=["Default Renderer (double)"],mt=["Default Renderer (string)"],ls=e=>{let t=ts(e.serverDataType).map(o=>o.name);switch(console.log({customRendererNames:t}),e.serverDataType){case"char":case"string":return mt;case"int":case"long":return is;case"double":return as.concat(t);default:return mt}},dt=({className:e,column:n,dispatchColumnAction:t,...o})=>{let i=ss(()=>{switch(n.serverDataType){case"double":case"int":case"long":return Le(pt,{column:n,dispatchColumnAction:t});default:return Le(ut,{column:n,dispatchColumnAction:t})}},[n,t]),{serverDataType:r="string"}=n,s=ls(n);return us(ps,{children:[Le(os,{className:ct(`${an}-renderer`),fullWidth:!0,selected:s[0],source:s}),Le(rs,{...o,className:ct(an,e,`${an}-${r}`),children:i})]})};import{jsx as y,jsxs as S}from"react/jsx-runtime";var Ct="vuuColumnSettingsPanel",xs={className:"salt-density-high"},ou=({column:e,dispatchColumnAction:n,style:t,...o})=>{var h,a,d,f;let[i,r]=Cs(0),s=ie(m=>n({type:"updateColumnProp",column:e,...m}),[e,n]),p=ie(m=>s({align:m.target.value}),[s]),l=ie(m=>s({pin:m.target.value}),[s]),u=ie(m=>s({hidden:m.target.checked}),[s]),g=ie(m=>s({label:m.target.value}),[s]),x=ie(m=>s({width:parseInt(m.toString(),10)}),[s]);return S("div",{className:Ct,...o,style:{...t},children:[y(gs,{as:"h4",children:"Column Settings"}),S(cs,{active:i,className:fs(`${Ct}-columnTabs`),onTabSelectionChanged:r,TabstripProps:xs,children:[S(gt,{title:"Column",children:[S(G,{labelPlacement:"left",children:[y(W,{children:"Hidden"}),y(ds,{checked:e.hidden===!0,onChange:u})]}),S(G,{labelPlacement:"left",children:[y(W,{children:"Label"}),y(ln,{value:(h=e.label)!=null?h:e.name,onChange:g})]}),S(G,{labelPlacement:"left",children:[y(W,{children:"Width"}),y(ms,{value:(a=e.width)!=null?a:100,onChange:x})]}),S(G,{labelPlacement:"left",children:[y(W,{children:"Align"}),S(ft,{"aria-label":"Column Align",value:(d=e.align)!=null?d:"left",onChange:p,children:[y(Ee,{label:"Left",value:"left"}),y(Ee,{label:"Right",value:"right"})]})]}),S(G,{labelPlacement:"left",children:[y(W,{children:"Pin Column"}),S(ft,{"aria-label":"Pin Column",value:(f=e.pin)!=null?f:"",onChange:l,children:[y(Ee,{label:"Do not pin",value:""}),y(Ee,{label:"Left",value:"left"}),y(Ee,{label:"Right",value:"right"})]})]})]}),y(dt,{column:e,dispatchColumnAction:n,title:"Data Cell"}),S(gt,{title:"Vuu",variant:"secondary",children:[S(G,{labelPlacement:"top",readOnly:!0,children:[y(W,{children:"Name"}),y(ln,{value:e.name})]}),S(G,{labelPlacement:"top",readOnly:!0,children:[y(W,{children:"Vuu Type"}),y(ln,{value:e.serverDataType})]})]})]})]})};export{Nn as ColumnExpressionInput,We as ColumnNamedTerms,ou as ColumnSettingsPanel,gp as DataSourceStats,np as DatagridSettingsPanel,dn as columnExpressionLanguageSupport,xn as isCompleteExpression,hn as isCompleteRelationalExpression,Xe as lastNamedChild,Rn as useColumnExpressionEditor,Ln as useColumnExpressionSuggestionProvider,fn as walkTree};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+
+// src/cell-renderers/background-cell/BackgroundCell.tsx
+import {
+  DOWN1,
+  DOWN2,
+  isTypeDescriptor as isTypeDescriptor2,
+  metadataKeys,
+  registerComponent,
+  UP1,
+  UP2
+} from "@vuu-ui/vuu-utils";
+import cx from "classnames";
+
+// src/cell-renderers/background-cell/useDirection.ts
+import {
+  getMovingValueDirection,
+  isTypeDescriptor,
+  isValidNumber
+} from "@vuu-ui/vuu-utils";
+import { useEffect, useRef } from "react";
+var INITIAL_VALUE = [void 0, void 0, void 0, void 0];
+function useDirection(key, value, column) {
+  var _a;
+  const ref = useRef();
+  const [prevKey, prevValue, prevColumn, prevDirection] = ref.current || INITIAL_VALUE;
+  const { type: dataType } = column;
+  const decimals = isTypeDescriptor(dataType) ? (_a = dataType.formatting) == null ? void 0 : _a.decimals : void 0;
+  const direction = key === prevKey && isValidNumber(value) && isValidNumber(prevValue) && column === prevColumn ? getMovingValueDirection(value, prevDirection, prevValue, decimals) : "";
+  useEffect(() => {
+    ref.current = [key, value, column, direction];
+  });
+  return direction;
+}
+
+// src/cell-renderers/background-cell/BackgroundCell.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CHAR_ARROW_UP = String.fromCharCode(11014);
+var CHAR_ARROW_DOWN = String.fromCharCode(11015);
+var { KEY } = metadataKeys;
+var classBase = "vuuBackgroundCell";
+var FlashStyle = {
+  ArrowOnly: "arrow",
+  BackgroundOnly: "bg-only",
+  ArrowBackground: "arrow-bg"
+};
+var getFlashStyle = (colType) => {
+  if (isTypeDescriptor2(colType) && colType.renderer) {
+    if ("flashStyle" in colType.renderer) {
+      return colType.renderer["flashStyle"];
+    }
+  }
+  return FlashStyle.BackgroundOnly;
+};
+var BackgroundCell = ({ column, row }) => {
+  const { key, type, valueFormatter } = column;
+  const value = row[key];
+  const flashStyle = getFlashStyle(type);
+  const direction = useDirection(row[KEY], value, column);
+  const arrow = flashStyle === FlashStyle.ArrowOnly || flashStyle === FlashStyle.ArrowBackground ? direction === UP1 || direction === UP2 ? CHAR_ARROW_UP : direction === DOWN1 || direction === DOWN2 ? CHAR_ARROW_DOWN : null : null;
+  const dirClass = direction ? ` ` + direction : "";
+  const className = cx(classBase, dirClass, {
+    [`${classBase}-arrowOnly`]: flashStyle === FlashStyle.ArrowOnly,
+    [`${classBase}-arrowBackground`]: flashStyle === FlashStyle.ArrowBackground
+  });
+  return /* @__PURE__ */ jsxs("div", { className, tabIndex: -1, children: [
+    /* @__PURE__ */ jsx("div", { className: `${classBase}-flasher`, children: arrow }),
+    valueFormatter(row[column.key])
+  ] });
+};
+registerComponent("background", BackgroundCell, "cell-renderer", {
+  serverDataType: ["long", "int", "double"]
+});
+
+// src/cell-renderers/progress-cell/ProgressCell.tsx
+import {
+  isColumnTypeRenderer,
+  isTypeDescriptor as isTypeDescriptor3,
+  registerComponent as registerComponent2
+} from "@vuu-ui/vuu-utils";
+import cx2 from "classnames";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+var classBase2 = "vuuProgressCell";
+var ProgressCell = ({ column, columnMap, row }) => {
+  const { type } = column;
+  const value = row[column.key];
+  let showProgress = false;
+  let percentage = 0;
+  if (isTypeDescriptor3(type) && isColumnTypeRenderer(type.renderer)) {
+    const { associatedField } = type.renderer;
+    const associatedValue = row[columnMap[associatedField]];
+    if (typeof value === "number" && typeof associatedValue === "number") {
+      percentage = Math.min(Math.round(value / associatedValue * 100), 100);
+      showProgress = isFinite(percentage);
+    } else {
+      const floatValue = parseFloat(value);
+      if (Number.isFinite(floatValue)) {
+        const floatOtherValue = parseFloat(associatedValue);
+        if (Number.isFinite(floatOtherValue)) {
+          percentage = Math.min(
+            Math.round(floatValue / floatOtherValue * 100),
+            100
+          );
+          showProgress = isFinite(percentage);
+        }
+      }
+    }
+  }
+  const className = cx2(classBase2, {});
+  return /* @__PURE__ */ jsxs2("div", { className, tabIndex: -1, children: [
+    showProgress ? /* @__PURE__ */ jsxs2("span", { className: `${classBase2}-track`, children: [
+      /* @__PURE__ */ jsx2("span", { className: `${classBase2}-bg` }),
+      /* @__PURE__ */ jsx2(
+        "span",
+        {
+          className: `${classBase2}-bar`,
+          style: { "--progress-bar-pct": `-${100 - percentage}%` }
+        }
+      )
+    ] }) : null,
+    /* @__PURE__ */ jsx2("span", { className: `${classBase2}-text`, children: `${percentage} %` })
+  ] });
+};
+registerComponent2("vuu.progress", ProgressCell, "cell-renderer", {
+  serverDataType: ["long", "int", "double"]
+});
+
+// src/column-list/ColumnList.tsx
+import {
+  List,
+  ListItem
+} from "@vuu-ui/vuu-ui-controls";
+import { Checkbox } from "@salt-ds/core";
+import { Switch } from "@salt-ds/lab";
+import cx3 from "classnames";
+import { useCallback } from "react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+var classBase3 = "vuuColumnList";
+var classBaseListItem = "vuuColumnListItem";
+var ColumnListItem = ({
+  className: classNameProp,
+  item,
+  ...listItemProps
+}) => {
+  var _a;
+  return /* @__PURE__ */ jsxs3(
+    ListItem,
+    {
+      ...listItemProps,
+      className: cx3(classNameProp, classBaseListItem),
+      "data-name": item == null ? void 0 : item.name,
+      children: [
+        /* @__PURE__ */ jsx3(Switch, { className: `${classBase3}-switch`, checked: item == null ? void 0 : item.subscribed }),
+        /* @__PURE__ */ jsx3("span", { className: `${classBase3}-text`, children: (_a = item == null ? void 0 : item.label) != null ? _a : item == null ? void 0 : item.name }),
+        /* @__PURE__ */ jsx3(
+          Checkbox,
+          {
+            className: `${classBase3}-checkBox`,
+            checked: (item == null ? void 0 : item.hidden) !== true,
+            disabled: (item == null ? void 0 : item.subscribed) !== true
+          }
+        )
+      ]
+    }
+  );
+};
+var ColumnList = ({
+  columnItems,
+  onChange,
+  onMoveListItem,
+  ...htmlAttributes
+}) => {
+  const handleChange = useCallback(
+    (evt) => {
+      const input = evt.target;
+      const listItem = input.closest(`.${classBaseListItem}`);
+      const {
+        dataset: { name }
+      } = listItem;
+      if (name) {
+        const saltSwitch = input.closest(`.${classBase3}-switch`);
+        const saltCheckbox = input.closest(
+          `.${classBase3}-checkBox`
+        );
+        if (saltSwitch) {
+          onChange(name, "subscribed", input.checked);
+        } else if (saltCheckbox) {
+          onChange(name, "hidden", input.checked === false);
+        }
+      }
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxs3("div", { ...htmlAttributes, className: classBase3, children: [
+    /* @__PURE__ */ jsx3("div", { className: `${classBase3}-header`, children: /* @__PURE__ */ jsx3("span", { children: "Column Selection" }) }),
+    /* @__PURE__ */ jsxs3("div", { className: `${classBase3}-colHeadings`, children: [
+      /* @__PURE__ */ jsx3("span", { children: "Column subscription" }),
+      /* @__PURE__ */ jsx3("span", { children: "Visibility" })
+    ] }),
+    /* @__PURE__ */ jsx3(
+      List,
+      {
+        ListItem: ColumnListItem,
+        allowDragDrop: true,
+        height: "100%",
+        onChange: handleChange,
+        onMoveListItem,
+        selectionStrategy: "none",
+        source: columnItems,
+        itemHeight: 33
+      }
+    )
+  ] });
+};
+
+// src/column-expression-input/useColumnExpressionEditor.ts
+import {
+  autocompletion,
+  defaultKeymap,
+  EditorState as EditorState2,
+  EditorView as EditorView2,
+  ensureSyntaxTree,
+  keymap,
+  minimalSetup,
+  startCompletion
+} from "@vuu-ui/vuu-codemirror";
+import { createEl } from "@vuu-ui/vuu-utils";
+import { useEffect as useEffect2, useMemo, useRef as useRef2 } from "react";
+
+// src/column-expression-input/column-language-parser/ColumnExpressionLanguage.ts
+import {
+  LanguageSupport,
+  LRLanguage,
+  styleTags,
+  tags as tag
+} from "@vuu-ui/vuu-codemirror";
+
+// src/column-expression-input/column-language-parser/generated/column-parser.js
+import { LRParser } from "@lezer/lr";
+var parser = LRParser.deserialize({
+  version: 14,
+  states: "&fOVQPOOO!SQPO'#C^OVQPO'#CcQ!pQPOOO#OQPO'#CkO#TQPO'#CrOOQO'#Cy'#CyO#YQPO,58}OVQPO,59QOVQPO,59QOVQPO,59VOVQPO'#CtOOQO,59^,59^OOQO1G.i1G.iOOQO1G.l1G.lO#kQPO1G.lO$fQPO'#CmO%WQQO1G.qOOQO'#C{'#C{O%cQPO,59`OOQO'#Cn'#CnO%wQPO,59XOVQPO,59ZOVQPO,59[OVQPO7+$]OVQPO'#CuO&`QPO1G.zOOQO1G.z1G.zO&hQQO'#C^O&rQQO1G.sO'ZQQO1G.uOOQO1G.v1G.vO'fQPO<<GwO'wQPO,59aOOQO-E6s-E6sOOQO7+$f7+$fOVQPOAN=cO(]QQO1G.lO(tQPOG22}OOQOLD(iLD(iO%wQPO,59QO%wQPO,59Q",
+  stateData: ")[~OlOS~ORUOSUOTUOUUOWQO`SOnPO~OWgXZQX[QX]QX^QXeQX~OjQXXQXpQXqQXrQXsQXtQXuQX~PnOZWO[WO]XO^XO~OWYO~OWZO~OX]OZWO[WO]XO^XO~OZWO[WO]Yi^YijYiXYipYiqYirYisYitYiuYieYi~OZWO[WO]XO^XOpdOqdOrdOsdOtdOudO~OehOvfOwgO~OXkOZWO[WO]XO^XOeiO~ORUOSUOTUOUUOWQO`SOnlO~OXsOeiO~OvQXwQX~PnOZxO[xO]yO^yOeaivaiwai~OwgOecivci~OZWO[WO]XO^XOetO~OZWO[WO]XO^XOXiaeia~OZxO[xO]Yi^YieYivYiwYi~OXwOZWO[WO]XO^XO~O`UTn~",
+  goto: "#spPPqPPPPqPPqPPPPqP!R!W!R!RPq!Z!k!nPPP!tP#jmUOQWXYZefghitxyVbYfgRe`mTOQWXYZefghitxyR[TQjcRrjQROQVQS^WxQ_XU`YfgQcZQmeQphQqiQuyRvtQaYQnfRog",
+  nodeNames: "\u26A0 ColumnDefinitionExpression Column Number String True False ParenthesizedExpression OpenBrace CloseBrace ArithmeticExpression Divide Times Plus Minus ConditionalExpression If RelationalExpression RelationalOperator AndCondition OrCondition Comma CallExpression Function ArgList",
+  maxTerm: 39,
+  skippedNodes: [0],
+  repeatNodeCount: 1,
+  tokenData: ".^~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$jz{$o{|$t|}$y}!O%O!O!P%T!P!Q%c!Q![%h!^!_%s!_!`&Q!`!a&V!c!}&d#R#S&d#T#U&u#U#Y&d#Y#Z(Y#Z#]&d#]#^*j#^#c&d#c#d+f#d#h&d#h#i,b#i#o&d~#USl~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOu~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_OS~~$bP;=`<%l#m~$jOW~~$oOX~~$tO[~~$yO]~~%OOe~~%TO^~~%WP!Q![%Z~%`PR~!Q![%Z~%hOZ~~%mQR~!O!P%Z!Q![%h~%xPr~!_!`%{~&QOt~~&VOp~~&[Pq~!_!`&_~&dOs~P&iSnP!Q![&d!c!}&d#R#S&d#T#o&dR&zUnP!Q![&d!c!}&d#R#S&d#T#b&d#b#c'^#c#o&dR'cUnP!Q![&d!c!}&d#R#S&d#T#W&d#W#X'u#X#o&dR'|SvQnP!Q![&d!c!}&d#R#S&d#T#o&d~(_TnP!Q![&d!c!}&d#R#S&d#T#U(n#U#o&d~(sUnP!Q![&d!c!}&d#R#S&d#T#`&d#`#a)V#a#o&d~)[UnP!Q![&d!c!}&d#R#S&d#T#g&d#g#h)n#h#o&d~)sUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y*V#Y#o&d~*^SU~nP!Q![&d!c!}&d#R#S&d#T#o&d~*oUnP!Q![&d!c!}&d#R#S&d#T#Y&d#Y#Z+R#Z#o&d~+YS`~nP!Q![&d!c!}&d#R#S&d#T#o&dR+kUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g+}#g#o&dR,USwQnP!Q![&d!c!}&d#R#S&d#T#o&d~,gUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g,y#g#o&d~-OUnP!Q![&d!c!}&d#R#S&d#T#i&d#i#j-b#j#o&d~-gUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y-y#Y#o&d~.QST~nP!Q![&d!c!}&d#R#S&d#T#o&d",
+  tokenizers: [0, 1],
+  topRules: { "ColumnDefinitionExpression": [0, 1] },
+  tokenPrec: 375
+});
+
+// src/column-expression-input/column-language-parser/ColumnExpressionLanguage.ts
+var columnExpressionLanguage = LRLanguage.define({
+  name: "VuuColumnExpression",
+  parser: parser.configure({
+    props: [
+      styleTags({
+        Function: tag.variableName,
+        String: tag.string,
+        Or: tag.emphasis,
+        Operator: tag.operator
+      })
+    ]
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  })
+});
+var columnExpressionLanguageSupport = () => {
+  return new LanguageSupport(
+    columnExpressionLanguage
+    /*, [exampleCompletion]*/
+  );
+};
+
+// src/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.ts
+var LiteralExpressionImpl = class {
+  constructor(value) {
+    this.value = value;
+    switch (typeof value) {
+      case "boolean":
+        this.type = "booleanLiteralExpression";
+        break;
+      case "number":
+        this.type = "numericLiteralExpression";
+        break;
+      default:
+        this.type = "stringLiteralExpression";
+    }
+  }
+  toJSON() {
+    return {
+      type: this.type,
+      value: this.value
+    };
+  }
+};
+var ColumnExpressionImpl = class {
+  constructor(columnName) {
+    this.type = "colExpression";
+    this.column = columnName;
+  }
+  toJSON() {
+    return {
+      type: this.type,
+      column: this.column
+    };
+  }
+};
+var _expressions, _op;
+var ArithmeticExpressionImpl = class {
+  constructor(op = "unknown") {
+    __privateAdd(this, _expressions, [
+      { type: "unknown" },
+      { type: "unknown" }
+    ]);
+    __privateAdd(this, _op, void 0);
+    this.type = "arithmeticExpression";
+    __privateSet(this, _op, op);
+  }
+  get op() {
+    return __privateGet(this, _op);
+  }
+  set op(op) {
+    __privateSet(this, _op, op);
+  }
+  get expressions() {
+    return __privateGet(this, _expressions);
+  }
+  toJSON() {
+    return {
+      type: this.type,
+      op: __privateGet(this, _op),
+      expressions: __privateGet(this, _expressions)
+    };
+  }
+};
+_expressions = new WeakMap();
+_op = new WeakMap();
+var _expressions2;
+var CallExpressionImpl = class {
+  constructor(functionName) {
+    __privateAdd(this, _expressions2, []);
+    this.type = "callExpression";
+    this.functionName = functionName;
+  }
+  get expressions() {
+    return __privateGet(this, _expressions2);
+  }
+  get arguments() {
+    return __privateGet(this, _expressions2);
+  }
+  toJSON() {
+    return {
+      type: this.type,
+      functionName: this.functionName,
+      arguments: __privateGet(this, _expressions2).map((e) => {
+        var _a;
+        return (_a = e.toJSON) == null ? void 0 : _a.call(e);
+      })
+    };
+  }
+};
+_expressions2 = new WeakMap();
+var _expressions3, _op2;
+var RelationalExpressionImpl = class {
+  constructor() {
+    __privateAdd(this, _expressions3, [
+      { type: "unknown" },
+      { type: "unknown" }
+    ]);
+    __privateAdd(this, _op2, "unknown");
+    this.type = "relationalExpression";
+  }
+  get op() {
+    return __privateGet(this, _op2);
+  }
+  set op(op) {
+    __privateSet(this, _op2, op);
+  }
+  get expressions() {
+    return __privateGet(this, _expressions3);
+  }
+  toJSON() {
+    return {
+      type: this.type,
+      op: __privateGet(this, _op2),
+      expressions: __privateGet(this, _expressions3)
+    };
+  }
+};
+_expressions3 = new WeakMap();
+_op2 = new WeakMap();
+var _expressions4, _op3;
+var BooleanConditionImp = class {
+  constructor(booleanOperator) {
+    __privateAdd(this, _expressions4, [
+      { type: "unknown" },
+      { type: "unknown" }
+    ]);
+    __privateAdd(this, _op3, void 0);
+    this.type = "booleanCondition";
+    __privateSet(this, _op3, booleanOperator);
+  }
+  get op() {
+    return __privateGet(this, _op3);
+  }
+  get expressions() {
+    return __privateGet(this, _expressions4);
+  }
+  toJSON() {
+    return {
+      type: this.type,
+      op: __privateGet(this, _op3),
+      expressions: __privateGet(this, _expressions4).map((e) => {
+        var _a;
+        return (_a = e.toJSON) == null ? void 0 : _a.call(e);
+      })
+    };
+  }
+};
+_expressions4 = new WeakMap();
+_op3 = new WeakMap();
+var _expressions5;
+var ConditionalExpressionImpl = class {
+  constructor(booleanOperator) {
+    __privateAdd(this, _expressions5, void 0);
+    this.type = "conditionalExpression";
+    __privateSet(this, _expressions5, [
+      booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl(),
+      { type: "unknown" },
+      { type: "unknown" }
+    ]);
+  }
+  get expressions() {
+    return __privateGet(this, _expressions5);
+  }
+  get condition() {
+    return __privateGet(this, _expressions5)[0];
+  }
+  get truthyExpression() {
+    return __privateGet(this, _expressions5)[1];
+  }
+  set truthyExpression(expression) {
+    __privateGet(this, _expressions5)[1] = expression;
+  }
+  get falsyExpression() {
+    return __privateGet(this, _expressions5)[2];
+  }
+  set falsyExpression(expression) {
+    __privateGet(this, _expressions5)[2] = expression;
+  }
+  toJSON() {
+    var _a, _b, _c, _d, _e;
+    return {
+      type: this.type,
+      condition: (_b = (_a = this.condition).toJSON) == null ? void 0 : _b.call(_a),
+      truthyExpression: this.truthyExpression,
+      falsyExpression: (_e = (_d = (_c = this.falsyExpression) == null ? void 0 : _c.toJSON) == null ? void 0 : _d.call(_c)) != null ? _e : this.falsyExpression
+    };
+  }
+};
+_expressions5 = new WeakMap();
+var isUnknown = (e) => e.type === "unknown";
+var isArithmeticExpression = (expression) => expression.type === "arithmeticExpression";
+var isCallExpression = (expression) => expression.type === "callExpression";
+var isConditionalExpression = (expression) => expression.type === "conditionalExpression";
+var isCondition = (expression) => expression.type === "relationalExpression" || expression.type === "booleanCondition";
+var isBooleanCondition = (expression) => expression.type === "booleanCondition";
+var isRelationalExpression = (expression) => (expression == null ? void 0 : expression.type) === "relationalExpression";
+var firstIncompleteExpression = (expression) => {
+  if (isUnknown(expression)) {
+    return expression;
+  } else if (isRelationalExpression(expression)) {
+    const [operand1, operand2] = expression.expressions;
+    if (expressionIsIncomplete(operand1)) {
+      return firstIncompleteExpression(operand1);
+    } else if (expression.op === "unknown") {
+      return expression;
+    } else if (expressionIsIncomplete(operand2)) {
+      return firstIncompleteExpression(operand2);
+    }
+  } else if (isCondition(expression)) {
+    const { expressions = [] } = expression;
+    for (const e of expressions) {
+      if (expressionIsIncomplete(e)) {
+        return firstIncompleteExpression(e);
+      }
+    }
+  } else if (isConditionalExpression(expression)) {
+    const { condition, truthyExpression, falsyExpression } = expression;
+    if (expressionIsIncomplete(condition)) {
+      return firstIncompleteExpression(condition);
+    } else if (expressionIsIncomplete(truthyExpression)) {
+      return firstIncompleteExpression(truthyExpression);
+    } else if (expressionIsIncomplete(falsyExpression)) {
+      return firstIncompleteExpression(falsyExpression);
+    }
+  } else if (isArithmeticExpression(expression)) {
+    const { expressions = [] } = expression;
+    for (const e of expressions) {
+      if (expressionIsIncomplete(e)) {
+        return firstIncompleteExpression(e);
+      }
+    }
+  }
+};
+var replaceUnknownExpression = (incompleteExpression, unknownExpression, expression) => {
+  const { expressions = [] } = incompleteExpression;
+  if (expressions.includes(unknownExpression)) {
+    const pos = expressions.indexOf(unknownExpression);
+    expressions.splice(pos, 1, expression);
+    return true;
+  } else {
+    for (const e of expressions) {
+      if (replaceUnknownExpression(e, unknownExpression, expression)) {
+        return true;
+      }
+    }
+  }
+  return false;
+};
+var expressionIsIncomplete = (expression) => {
+  if (isUnknown(expression)) {
+    return true;
+  } else if (isConditionalExpression(expression)) {
+    return expressionIsIncomplete(expression.condition) || expressionIsIncomplete(expression.truthyExpression) || expressionIsIncomplete(expression.falsyExpression);
+  } else if (isRelationalExpression(expression) || isBooleanCondition(expression)) {
+    return expression.op === void 0 || expression.expressions.some((e) => expressionIsIncomplete(e));
+  }
+  return false;
+};
+var addExpression = (expression, subExpression) => {
+  const targetExpression = firstIncompleteExpression(expression);
+  if (targetExpression) {
+    if (targetExpression.expressions) {
+      targetExpression.expressions.push(subExpression);
+    } else {
+      console.warn("don't know how to treat targetExpression");
+    }
+  } else {
+    console.error("no target expression found");
+  }
+};
+var _expression, _callStack;
+var ColumnExpression = class {
+  constructor() {
+    __privateAdd(this, _expression, void 0);
+    __privateAdd(this, _callStack, []);
+  }
+  setCondition(booleanOperator) {
+    if (__privateGet(this, _expression) === void 0) {
+      this.addExpression(new ConditionalExpressionImpl(booleanOperator));
+    } else if (isConditionalExpression(__privateGet(this, _expression))) {
+      if (expressionIsIncomplete(__privateGet(this, _expression).condition)) {
+        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
+        this.addExpression(condition);
+      } else if (isUnknown(__privateGet(this, _expression).truthyExpression)) {
+        __privateGet(this, _expression).truthyExpression = new ConditionalExpressionImpl(
+          booleanOperator
+        );
+      } else if (expressionIsIncomplete(__privateGet(this, _expression).truthyExpression)) {
+        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
+        this.addExpression(condition);
+      } else if (isUnknown(__privateGet(this, _expression).falsyExpression)) {
+        __privateGet(this, _expression).falsyExpression = new ConditionalExpressionImpl(
+          booleanOperator
+        );
+      } else if (expressionIsIncomplete(__privateGet(this, _expression).falsyExpression)) {
+        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
+        this.addExpression(condition);
+      }
+    } else {
+      console.error("setCondition called unexpectedly");
+    }
+  }
+  addExpression(expression) {
+    if (__privateGet(this, _callStack).length > 0) {
+      const currentCallExpression = __privateGet(this, _callStack).at(-1);
+      currentCallExpression == null ? void 0 : currentCallExpression.arguments.push(expression);
+    } else if (__privateGet(this, _expression) === void 0) {
+      __privateSet(this, _expression, expression);
+    } else if (isArithmeticExpression(__privateGet(this, _expression))) {
+      const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
+      if (targetExpression && isUnknown(targetExpression)) {
+        replaceUnknownExpression(
+          __privateGet(this, _expression),
+          targetExpression,
+          expression
+        );
+      }
+    } else if (isConditionalExpression(__privateGet(this, _expression))) {
+      if (expressionIsIncomplete(__privateGet(this, _expression))) {
+        const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
+        if (targetExpression && isUnknown(targetExpression)) {
+          replaceUnknownExpression(
+            __privateGet(this, _expression),
+            targetExpression,
+            expression
+          );
+        } else if (targetExpression) {
+          addExpression(targetExpression, expression);
+        }
+      }
+    }
+  }
+  setFunction(functionName) {
+    const callExpression = new CallExpressionImpl(functionName);
+    this.addExpression(callExpression);
+    __privateGet(this, _callStack).push(callExpression);
+  }
+  setColumn(columnName) {
+    this.addExpression(new ColumnExpressionImpl(columnName));
+  }
+  setArithmeticOp(value) {
+    const op = value;
+    const expression = __privateGet(this, _expression);
+    if (isArithmeticExpression(expression)) {
+      expression.op = op;
+    }
+  }
+  setRelationalOperator(value) {
+    const op = value;
+    if (__privateGet(this, _expression) && isConditionalExpression(__privateGet(this, _expression))) {
+      const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
+      if (isRelationalExpression(targetExpression)) {
+        targetExpression.op = op;
+      } else {
+        console.error(`no target expression found (op = ${value})`);
+      }
+    }
+  }
+  setValue(value) {
+    const literalExpression = new LiteralExpressionImpl(value);
+    if (__privateGet(this, _expression) === void 0) {
+      __privateSet(this, _expression, literalExpression);
+    } else if (isArithmeticExpression(__privateGet(this, _expression))) {
+      this.addExpression(literalExpression);
+    } else if (isCallExpression(__privateGet(this, _expression))) {
+      __privateGet(this, _expression).arguments.push(literalExpression);
+    } else if (isConditionalExpression(__privateGet(this, _expression))) {
+      if (expressionIsIncomplete(__privateGet(this, _expression))) {
+        const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
+        if (targetExpression && isUnknown(targetExpression)) {
+          replaceUnknownExpression(
+            __privateGet(this, _expression),
+            targetExpression,
+            literalExpression
+          );
+        } else if (targetExpression) {
+          addExpression(targetExpression, literalExpression);
+        }
+      } else {
+        console.log("what do we do with value, in a complete expression");
+      }
+    }
+  }
+  closeBrace() {
+    __privateGet(this, _callStack).pop();
+  }
+  get expression() {
+    return __privateGet(this, _expression);
+  }
+  toJSON() {
+    var _a;
+    return (_a = __privateGet(this, _expression)) == null ? void 0 : _a.toJSON();
+  }
+};
+_expression = new WeakMap();
+_callStack = new WeakMap();
+var walkTree = (tree, source) => {
+  const columnExpression = new ColumnExpression();
+  const cursor = tree.cursor();
+  do {
+    const { name, from, to } = cursor;
+    switch (name) {
+      case "AndCondition":
+        columnExpression.setCondition("and");
+        break;
+      case "OrCondition":
+        columnExpression.setCondition("or");
+        break;
+      case "RelationalExpression":
+        columnExpression.setCondition();
+        break;
+      case "ArithmeticExpression":
+        columnExpression.addExpression(new ArithmeticExpressionImpl());
+        break;
+      case "Column":
+        {
+          const columnName = source.substring(from, to);
+          columnExpression.setColumn(columnName);
+        }
+        break;
+      case "Function":
+        {
+          const functionName = source.substring(from, to);
+          columnExpression.setFunction(functionName);
+        }
+        break;
+      case "Times":
+      case "Divide":
+      case "Plus":
+      case "Minus":
+        {
+          const op = source.substring(from, to);
+          columnExpression.setArithmeticOp(op);
+        }
+        break;
+      case "RelationalOperator":
+        {
+          const op = source.substring(from, to);
+          columnExpression.setRelationalOperator(op);
+        }
+        break;
+      case "False":
+      case "True":
+        {
+          const value = source.substring(from, to);
+          columnExpression.setValue(value === "true" ? true : false);
+        }
+        break;
+      case "String":
+        columnExpression.setValue(source.substring(from + 1, to - 1));
+        break;
+      case "Number":
+        columnExpression.setValue(parseFloat(source.substring(from, to)));
+        break;
+      case "CloseBrace":
+        columnExpression.closeBrace();
+        break;
+      default:
+    }
+  } while (cursor.next());
+  return columnExpression.toJSON();
+};
+
+// src/column-expression-input/column-language-parser/column-expression-parse-utils.ts
+var strictParser = parser.configure({ strict: true });
+var RelationalOperands = ["Number", "String"];
+var ColumnNamedTerms = [
+  ...RelationalOperands,
+  "AndCondition",
+  "ArithmeticExpression",
+  "BooleanOperator",
+  "RelationalOperatorOperator",
+  "CallExpression",
+  "CloseBrace",
+  "Column",
+  "Comma",
+  "ConditionalExpression",
+  "Divide",
+  "Equal",
+  "If",
+  "Minus",
+  "OpenBrace",
+  "OrCondition",
+  "ParenthesizedExpression",
+  "Plus",
+  "RelationalExpression",
+  "RelationalOperator",
+  "Times"
+];
+var isCompleteExpression = (src) => {
+  try {
+    strictParser.parse(src);
+    return true;
+  } catch (err) {
+    return false;
+  }
+};
+var lastNamedChild = (node) => {
+  let { lastChild } = node;
+  while (lastChild && !ColumnNamedTerms.includes(lastChild.name)) {
+    lastChild = lastChild.prevSibling;
+    console.log(lastChild == null ? void 0 : lastChild.name);
+  }
+  return lastChild;
+};
+var isCompleteRelationalExpression = (node) => {
+  if ((node == null ? void 0 : node.name) === "RelationalExpression") {
+    const { firstChild } = node;
+    const lastChild = lastNamedChild(node);
+    if ((firstChild == null ? void 0 : firstChild.name) === "Column" && typeof (lastChild == null ? void 0 : lastChild.name) === "string" && RelationalOperands.includes(lastChild.name)) {
+      return true;
+    }
+  }
+  return false;
+};
+
+// src/column-expression-input/highlighting.ts
+import {
+  HighlightStyle,
+  syntaxHighlighting,
+  tags
+} from "@vuu-ui/vuu-codemirror";
+var myHighlightStyle = HighlightStyle.define([
+  { tag: tags.variableName, color: "var(--vuuFilterEditor-variableColor)" },
+  { tag: tags.comment, color: "green", fontStyle: "italic" }
+]);
+var vuuHighlighting = syntaxHighlighting(myHighlightStyle);
+
+// src/column-expression-input/theme.ts
+import { EditorView } from "@vuu-ui/vuu-codemirror";
+var vuuTheme = EditorView.theme(
+  {
+    "&": {
+      border: "solid 1px var(--salt-container-primary-borderColor)",
+      color: "var(--vuuFilterEditor-color)",
+      backgroundColor: "var(--vuuFilterEditor-background)"
+    },
+    ".cm-content": {
+      caretColor: "var(--vuuFilterEditor-cursorColor)"
+    },
+    "&.cm-focused .cm-cursor": {
+      borderLeftColor: "var(--vuuFilterEditor-cursorColor)"
+    },
+    "&.cm-focused .cm-selectionBackground, ::selection": {
+      backgroundColor: "var(--vuuFilterEditor-selectionBackground)"
+    },
+    ".cm-selectionBackground, ::selection": {
+      backgroundColor: "var(--vuuFilterEditor-selectionBackground)"
+    },
+    ".cm-scroller": {
+      fontFamily: "var(--vuuFilterEditor-fontFamily)"
+    },
+    ".cm-tooltip": {
+      background: "var(--vuuFilterEditor-tooltipBackground)",
+      border: "var(--vuuFilterEditor-tooltipBorder)",
+      boxShadow: "var(--vuuFilterEditor-tooltipElevation)",
+      "&.cm-tooltip-autocomplete > ul": {
+        fontFamily: "var(--vuuFilterEditor-fontFamily)",
+        fontSize: "var(--vuuFilterEditor-fontSize)",
+        maxHeight: "240px"
+      },
+      "&.cm-tooltip-autocomplete > ul > li": {
+        height: "var(--vuuFilterEditor-suggestion-height)",
+        padding: "0 3px",
+        lineHeight: "var(--vuuFilterEditor-suggestion-height)"
+      },
+      "&.cm-tooltip-autocomplete li[aria-selected]": {
+        background: "var(--vuuFilterEditor-suggestion-selectedBackground)",
+        color: "var(--vuuFilterEditor-suggestion-selectedColor)"
+      },
+      "&.cm-tooltip-autocomplete li .cm-completionDetail": {
+        color: "var(--vuuFilterEditor-suggestion-detailColor)"
+      }
+    }
+  },
+  { dark: false }
+);
+
+// src/column-expression-input/useColumnAutoComplete.ts
+import {
+  booleanJoinSuggestions,
+  getNamedParentNode,
+  getPreviousNode,
+  getValue,
+  syntaxTree
+} from "@vuu-ui/vuu-codemirror";
+import { useCallback as useCallback2 } from "react";
+var applyPrefix = (completions, prefix) => prefix ? completions.map((completion) => {
+  var _a;
+  return {
+    ...completion,
+    apply: typeof completion.apply === "function" ? completion.apply : `${prefix}${(_a = completion.apply) != null ? _a : completion.label}`
+  };
+}) : completions;
+var isOperator = (node) => node === void 0 ? false : ["Times", "Divide", "Plus", "Minus"].includes(node.name);
+var getLastChild = (node, context) => {
+  var _a;
+  let { lastChild: childNode } = node;
+  const { pos } = context;
+  while (childNode) {
+    const isBeforeCursor = childNode.from < pos;
+    if (isBeforeCursor && ColumnNamedTerms.includes(childNode.name)) {
+      if (childNode.name === "ParenthesizedExpression") {
+        const expression = (_a = childNode.firstChild) == null ? void 0 : _a.nextSibling;
+        if (expression) {
+          childNode = expression;
+        }
+      }
+      return childNode;
+    } else {
+      childNode = childNode.prevSibling;
+    }
+  }
+};
+var getFunctionName = (node, state) => {
+  var _a;
+  if (node.name === "ArgList") {
+    const functionNode = node.prevSibling;
+    if (functionNode) {
+      return getValue(functionNode, state);
+    }
+  } else if (node.name === "OpenBrace") {
+    const maybeFunction = (_a = node.parent) == null ? void 0 : _a.prevSibling;
+    if ((maybeFunction == null ? void 0 : maybeFunction.name) === "Function") {
+      return getValue(maybeFunction, state);
+    }
+  }
+};
+var getRelationalOperator = (node, state) => {
+  if (node.name === "RelationalExpression") {
+    const lastNode = lastNamedChild(node);
+    if ((lastNode == null ? void 0 : lastNode.name) === "RelationalOperator") {
+      return getValue(lastNode, state);
+    }
+  } else {
+    const prevNode = node.prevSibling;
+    if ((prevNode == null ? void 0 : prevNode.name) === "RelationalOperator") {
+      return getValue(prevNode, state);
+    }
+  }
+};
+var getColumnName = (node, state) => {
+  var _a;
+  if (node.name === "RelationalExpression") {
+    if (((_a = node.firstChild) == null ? void 0 : _a.name) === "Column") {
+      return getValue(node.firstChild, state);
+    }
+  } else {
+    const prevNode = node.prevSibling;
+    if ((prevNode == null ? void 0 : prevNode.name) === "Column") {
+      return getValue(prevNode, state);
+    } else if ((prevNode == null ? void 0 : prevNode.name) === "RelationalOperator") {
+      return getColumnName(prevNode, state);
+    }
+  }
+};
+var makeSuggestions = async (context, suggestionProvider, suggestionType, optionalArgs = {}) => {
+  const options = await suggestionProvider.getSuggestions(
+    suggestionType,
+    optionalArgs
+  );
+  const { startsWith = "" } = optionalArgs;
+  return { from: context.pos - startsWith.length, options };
+};
+var handleConditionalExpression = (node, context, suggestionProvider, maybeComplete, onSubmit) => {
+  const lastChild = getLastChild(node, context);
+  console.log(`conditional expression last child ${lastChild == null ? void 0 : lastChild.name}`);
+  switch (lastChild == null ? void 0 : lastChild.name) {
+    case "If":
+      return makeSuggestions(context, suggestionProvider, "expression", {
+        prefix: "( "
+      });
+    case "OpenBrace":
+      return makeSuggestions(context, suggestionProvider, "expression");
+    case "Condition":
+      return makeSuggestions(context, suggestionProvider, "expression", {
+        prefix: ", "
+      });
+    case "CloseBrace":
+      if (maybeComplete) {
+        const options = [
+          {
+            apply: () => {
+              onSubmit == null ? void 0 : onSubmit();
+            },
+            label: "Save Expression",
+            boost: 10
+          }
+        ];
+        return { from: context.pos, options };
+      }
+  }
+};
+var promptToSave = (context, onSubmit) => {
+  const options = [
+    {
+      apply: () => {
+        onSubmit == null ? void 0 : onSubmit();
+      },
+      label: "Save Expression",
+      boost: 10
+    }
+  ];
+  return { from: context.pos, options };
+};
+var useColumnAutoComplete = (suggestionProvider, onSubmit) => {
+  const makeSuggestions2 = useCallback2(
+    async (context, suggestionType, optionalArgs = {}) => {
+      const options = await suggestionProvider.getSuggestions(
+        suggestionType,
+        optionalArgs
+      );
+      const { startsWith = "" } = optionalArgs;
+      return { from: context.pos - startsWith.length, options };
+    },
+    [suggestionProvider]
+  );
+  return useCallback2(
+    async (context) => {
+      var _a, _b;
+      const { state, pos } = context;
+      const word = (_a = context.matchBefore(/\w*/)) != null ? _a : {
+        from: 0,
+        to: 0,
+        text: void 0
+      };
+      const tree = syntaxTree(state);
+      const nodeBefore = tree.resolveInner(pos, -1);
+      const text = state.doc.toString();
+      const maybeComplete = isCompleteExpression(text);
+      console.log({ nodeBeforeName: nodeBefore.name });
+      switch (nodeBefore.name) {
+        case "If": {
+          console.log(`conditional expression  If`);
+          return makeSuggestions2(context, "expression", { prefix: "( " });
+        }
+        case "Condition":
+          {
+            const lastChild = getLastChild(nodeBefore, context);
+            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
+              const prevChild = getPreviousNode(lastChild);
+              if ((prevChild == null ? void 0 : prevChild.name) !== "RelationalOperator") {
+                return makeSuggestions2(context, "condition-operator", {
+                  columnName: getValue(lastChild, state)
+                });
+              }
+              console.log(
+                `Condition last child Column, prev child ${prevChild == null ? void 0 : prevChild.name}`
+              );
+            } else if ((lastChild == null ? void 0 : lastChild.name) === "RelationalOperator") {
+              return makeSuggestions2(context, "expression");
+            }
+            console.log(`condition  last child ${lastChild == null ? void 0 : lastChild.name}`);
+          }
+          break;
+        case "ConditionalExpression":
+          return handleConditionalExpression(
+            nodeBefore,
+            context,
+            suggestionProvider
+          );
+        case "RelationalExpression":
+          {
+            if (isCompleteRelationalExpression(nodeBefore)) {
+              return {
+                from: context.pos,
+                options: booleanJoinSuggestions.concat({
+                  label: ", <truthy expression>, <falsy expression>",
+                  apply: ", "
+                })
+              };
+            } else {
+              const operator = getRelationalOperator(nodeBefore, state);
+              const columnName = getColumnName(nodeBefore, state);
+              if (!operator) {
+                const options = await suggestionProvider.getSuggestions(
+                  "condition-operator",
+                  {
+                    columnName
+                  }
+                );
+                return { from: context.pos, options };
+              } else {
+                return makeSuggestions2(context, "expression");
+              }
+            }
+          }
+          break;
+        case "RelationalOperator":
+          return makeSuggestions2(context, "expression");
+        case "String":
+          {
+            const operator = getRelationalOperator(
+              nodeBefore,
+              state
+            );
+            const columnName = getColumnName(nodeBefore, state);
+            const { from, to } = nodeBefore;
+            if (to - from === 2 && context.pos === from + 1) {
+              if (columnName && operator) {
+                return makeSuggestions2(context, "columnValue", {
+                  columnName,
+                  operator,
+                  startsWith: word.text
+                });
+              }
+            } else if (to - from > 2 && context.pos === to) {
+              return makeSuggestions2(context, "expression", {
+                prefix: ", "
+              });
+            }
+            console.log(
+              `we have a string, column is ${columnName} ${from} ${to}`
+            );
+          }
+          break;
+        case "ArithmeticExpression":
+          {
+            const lastChild = getLastChild(nodeBefore, context);
+            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
+              return makeSuggestions2(context, "expression");
+            } else if (isOperator(lastChild)) {
+              const operator = lastChild.name;
+              return makeSuggestions2(context, "column", { operator });
+            }
+          }
+          break;
+        case "OpenBrace":
+          {
+            const functionName = getFunctionName(nodeBefore, state);
+            return makeSuggestions2(context, "expression", { functionName });
+          }
+          break;
+        case "ArgList": {
+          const functionName = getFunctionName(nodeBefore, state);
+          const lastArgument = getLastChild(nodeBefore, context);
+          const prefix = (lastArgument == null ? void 0 : lastArgument.name) === "OpenBrace" ? void 0 : ",";
+          let options = await suggestionProvider.getSuggestions("expression", {
+            functionName
+          });
+          options = prefix ? applyPrefix(options, ", ") : options;
+          if ((lastArgument == null ? void 0 : lastArgument.name) !== "OpenBrace" && (lastArgument == null ? void 0 : lastArgument.name) !== "Comma") {
+            options = [
+              {
+                apply: ") ",
+                boost: 10,
+                label: "Done - no more arguments"
+              }
+            ].concat(options);
+          }
+          return { from: context.pos, options };
+        }
+        case "Equal":
+          if (text.trim() === "=") {
+            return makeSuggestions2(context, "expression");
+          }
+          break;
+        case "ParenthesizedExpression":
+        case "ColumnDefinitionExpression":
+          if (context.pos === 0) {
+            return makeSuggestions2(context, "expression");
+          } else {
+            const lastChild = getLastChild(nodeBefore, context);
+            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
+              if (maybeComplete) {
+                const options = [
+                  {
+                    apply: () => {
+                      onSubmit.current();
+                    },
+                    label: "Save Expression",
+                    boost: 10
+                  }
+                ];
+                const columnName = getValue(lastChild, state);
+                const columnOptions = await suggestionProvider.getSuggestions("operator", {
+                  columnName
+                });
+                return {
+                  from: context.pos,
+                  options: options.concat(columnOptions)
+                };
+              }
+            } else if ((lastChild == null ? void 0 : lastChild.name) === "CallExpression") {
+              if (maybeComplete) {
+                const options = [
+                  {
+                    apply: () => {
+                      onSubmit.current();
+                    },
+                    label: "Save Expression",
+                    boost: 10
+                  }
+                ];
+                return {
+                  from: context.pos,
+                  options
+                };
+              }
+            } else if ((lastChild == null ? void 0 : lastChild.name) === "ArithmeticExpression") {
+              if (maybeComplete) {
+                let options = [
+                  {
+                    apply: () => {
+                      onSubmit.current();
+                    },
+                    label: "Save Expression",
+                    boost: 10
+                  }
+                ];
+                const lastExpressionChild = getLastChild(lastChild, context);
+                if ((lastExpressionChild == null ? void 0 : lastExpressionChild.name) === "Column") {
+                  const columnName = getValue(lastExpressionChild, state);
+                  const suggestions = await suggestionProvider.getSuggestions(
+                    "operator",
+                    { columnName }
+                  );
+                  options = options.concat(suggestions);
+                }
+                return {
+                  from: context.pos,
+                  options
+                };
+              }
+            } else if ((lastChild == null ? void 0 : lastChild.name) === "ConditionalExpression") {
+              return handleConditionalExpression(
+                lastChild,
+                context,
+                suggestionProvider,
+                maybeComplete,
+                onSubmit.current
+              );
+            }
+            break;
+          }
+        case "Column":
+          {
+            const isPartialMatch = await suggestionProvider.isPartialMatch(
+              "expression",
+              void 0,
+              word.text
+            );
+            if (isPartialMatch) {
+              return makeSuggestions2(context, "expression", {
+                startsWith: word.text
+              });
+            }
+          }
+          break;
+        case "Comma":
+          {
+            const parentNode = getNamedParentNode(nodeBefore);
+            if ((parentNode == null ? void 0 : parentNode.name) === "ConditionalExpression") {
+              return makeSuggestions2(context, "expression");
+            }
+          }
+          break;
+        case "CloseBrace":
+          {
+            const parentNode = getNamedParentNode(nodeBefore);
+            if ((parentNode == null ? void 0 : parentNode.name) === "ConditionalExpression") {
+              return handleConditionalExpression(
+                parentNode,
+                context,
+                suggestionProvider,
+                maybeComplete,
+                onSubmit.current
+              );
+            } else if ((parentNode == null ? void 0 : parentNode.name) === "ArgList") {
+              if (maybeComplete) {
+                return promptToSave(context, onSubmit.current);
+              }
+            }
+            console.log(
+              `does closebrace denote an ARgList or a parenthetised expression ? ${parentNode}`
+            );
+          }
+          break;
+        default: {
+          if (((_b = nodeBefore == null ? void 0 : nodeBefore.prevSibling) == null ? void 0 : _b.name) === "FilterClause") {
+            console.log("looks like we ight be a or|and operator");
+          }
+        }
+      }
+    },
+    [makeSuggestions2, onSubmit, suggestionProvider]
+  );
+};
+
+// src/column-expression-input/useColumnExpressionEditor.ts
+var getView = (ref) => {
+  if (ref.current == void 0) {
+    throw Error("EditorView not defined");
+  }
+  return ref.current;
+};
+var getOptionClass = () => {
+  return "vuuSuggestion";
+};
+var noop = () => console.log("noooop");
+var hasExpressionType = (completion) => "expressionType" in completion;
+var injectOptionContent = (completion) => {
+  if (hasExpressionType(completion)) {
+    const div = createEl("div", "expression-type-container");
+    const span = createEl("span", "expression-type", completion.expressionType);
+    div.appendChild(span);
+    return div;
+  } else {
+    return null;
+  }
+};
+var useColumnExpressionEditor = ({
+  onChange,
+  onSubmitExpression,
+  suggestionProvider
+}) => {
+  const editorRef = useRef2(null);
+  const onSubmit = useRef2(noop);
+  const viewRef = useRef2();
+  const completionFn = useColumnAutoComplete(suggestionProvider, onSubmit);
+  const [createState, clearInput] = useMemo(() => {
+    const parseExpression = () => {
+      const view = getView(viewRef);
+      const source = view.state.doc.toString();
+      const tree = ensureSyntaxTree(view.state, view.state.doc.length, 5e3);
+      if (tree) {
+        const expression = walkTree(tree, source);
+        return [source, expression];
+      } else {
+        return ["", void 0];
+      }
+    };
+    const clearInput2 = () => {
+      getView(viewRef).setState(createState2());
+    };
+    const submitExpressionAndClearInput = () => {
+      const [source, expression] = parseExpression();
+      onSubmitExpression == null ? void 0 : onSubmitExpression(source, expression);
+      clearInput2();
+    };
+    const submitFilter = (key) => {
+      return keymap.of([
+        {
+          key,
+          run() {
+            submitExpressionAndClearInput();
+            return true;
+          }
+        }
+      ]);
+    };
+    const showSuggestions = (key) => {
+      return keymap.of([
+        {
+          key,
+          run() {
+            startCompletion(getView(viewRef));
+            return true;
+          }
+        }
+      ]);
+    };
+    const createState2 = () => EditorState2.create({
+      doc: "",
+      extensions: [
+        minimalSetup,
+        autocompletion({
+          addToOptions: [
+            {
+              render: injectOptionContent,
+              position: 70
+            }
+          ],
+          override: [completionFn],
+          optionClass: getOptionClass
+        }),
+        columnExpressionLanguageSupport(),
+        keymap.of(defaultKeymap),
+        submitFilter("Ctrl-Enter"),
+        showSuggestions("ArrowDown"),
+        EditorView2.updateListener.of((v) => {
+          const view = getView(viewRef);
+          if (v.docChanged) {
+            startCompletion(view);
+            const source = view.state.doc.toString();
+            onChange == null ? void 0 : onChange(source, void 0);
+          }
+        }),
+        // Enforces single line view
+        // EditorState.transactionFilter.of((tr) =>
+        //   tr.newDoc.lines > 1 ? [] : tr
+        // ),
+        vuuTheme,
+        vuuHighlighting
+      ]
+    });
+    onSubmit.current = () => {
+      submitExpressionAndClearInput();
+      setTimeout(() => {
+        getView(viewRef).focus();
+      }, 100);
+    };
+    return [createState2, clearInput2];
+  }, [completionFn, onChange, onSubmitExpression]);
+  useEffect2(() => {
+    if (!editorRef.current) {
+      throw Error("editor not in dom");
+    }
+    viewRef.current = new EditorView2({
+      state: createState(),
+      parent: editorRef.current
+    });
+    return () => {
+      var _a;
+      (_a = viewRef.current) == null ? void 0 : _a.destroy();
+    };
+  }, [completionFn, createState]);
+  return { editorRef, clearInput };
+};
+
+// src/column-expression-input/ColumnExpressionInput.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var classBase4 = "vuuColumnExpressionInput";
+var ColumnExpressionInput = ({
+  onChange,
+  onSubmitExpression,
+  suggestionProvider
+}) => {
+  const { editorRef } = useColumnExpressionEditor({
+    onChange,
+    onSubmitExpression,
+    suggestionProvider
+  });
+  return /* @__PURE__ */ jsx4("div", { className: `${classBase4}`, ref: editorRef });
+};
+
+// src/column-expression-input/useColumnExpressionSuggestionProvider.ts
+import {
+  AnnotationType,
+  getRelationalOperators,
+  numericOperators,
+  stringOperators,
+  toSuggestions
+} from "@vuu-ui/vuu-codemirror";
+import {
+  getTypeaheadParams,
+  useTypeaheadSuggestions
+} from "@vuu-ui/vuu-data-react";
+import { isNumericColumn, isTextColumn } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback3, useRef as useRef3 } from "react";
+
+// src/column-expression-input/column-function-descriptors.ts
+var columnFunctionDescriptors = [
+  /**
+   * concatenate()
+   */
+  {
+    accepts: "string",
+    description: "Returns multiple string values as a single joined string. Arguments may be string literal values, string columns or other string expressions. Non string arguments may also be included, these will be converted to strings.",
+    example: {
+      expression: 'concatenate("example", "-test")',
+      result: '"example-test"'
+    },
+    name: "concatenate",
+    params: {
+      description: "( string, string, [ string* ] )"
+    },
+    type: "string"
+  },
+  /**
+   * contains()
+   */
+  {
+    accepts: ["string", "string"],
+    description: "Tests a string value to determine whether it contains a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> contains one or more occurrences of <target subscring>",
+    example: {
+      expression: 'contains("Royal Bank of Scotland", "bank")',
+      result: "true"
+    },
+    name: "contains",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  /**
+   * left()
+   */
+  {
+    accepts: ["string", "number"],
+    description: "Returns the leftmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",
+    example: {
+      expression: 'left("USD Benchmark Report", 3)',
+      result: '"USD"'
+    },
+    name: "left",
+    params: {
+      count: 2,
+      description: "( string, number )"
+    },
+    type: "string"
+  },
+  /**
+   * len()
+   */
+  {
+    accepts: "string",
+    description: "Returns the number of characters in <string>. Argument may be a string literal, string column or other string expression.",
+    example: {
+      expression: 'len("example")',
+      result: "7"
+    },
+    name: "len",
+    params: {
+      description: "(string)"
+    },
+    type: "number"
+  },
+  /**
+   * lower()
+   */
+  {
+    accepts: "string",
+    description: "Convert a string value to lowercase. Argument may be a string column or other string expression.",
+    example: {
+      expression: 'lower("examPLE")',
+      result: '"example"'
+    },
+    name: "lower",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * upper()
+   */
+  {
+    accepts: "string",
+    description: "Convert a string value to uppercase. Argument may be a string column or other string expression.",
+    example: {
+      expression: 'upper("example")',
+      result: '"EXAMPLE"'
+    },
+    name: "upper",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * right()
+   */
+  {
+    accepts: ["string", "number"],
+    description: "Returns the rightmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "right",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * replace()
+   */
+  {
+    accepts: ["string", "string", "string"],
+    description: "Replace characters within a string. Accepts three arguments: source text, text to replace and replacement text. Returns a copy of <source text> with any occurrences of <text to replace> replaced by <replacement text>",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "replace",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * text()
+   */
+  {
+    accepts: "number",
+    description: "Converts a number to a string.",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "text",
+    params: {
+      description: "( string )"
+    },
+    type: "string"
+  },
+  /**
+   * starts()
+   */
+  {
+    accepts: "string",
+    description: "Tests a string value to determine whether it starts with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> starts with <target subscring>.",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "starts",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  /**
+   * starts()
+   */
+  {
+    accepts: "string",
+    description: "Tests a string value to determine whether it ends with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> ends with <target subscring>.",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "ends",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  {
+    accepts: "number",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "min",
+    params: {
+      description: "( string )"
+    },
+    type: "number"
+  },
+  {
+    accepts: "number",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "max",
+    params: {
+      description: "( string )"
+    },
+    type: "number"
+  },
+  {
+    accepts: "number",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "sum",
+    params: {
+      description: "( string )"
+    },
+    type: "number"
+  },
+  {
+    accepts: "number",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "round",
+    params: {
+      description: "( string )"
+    },
+    type: "number"
+  },
+  {
+    accepts: "any",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "or",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  {
+    accepts: "any",
+    description: "blah",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "and",
+    params: {
+      description: "( string )"
+    },
+    type: "boolean"
+  },
+  {
+    accepts: "any",
+    description: "Return one of two possible result values, depending on the evaluation of a filter expression. If <filterExpression> resolves to true, result is <expression1>, otherwise <expression2>. ",
+    example: {
+      expression: "blah",
+      result: "blah"
+    },
+    name: "if",
+    params: {
+      description: "( filterExpression, expression1, expression 2)"
+    },
+    type: "variable"
+  }
+];
+
+// src/column-expression-input/functionDocInfo.ts
+import { createEl as createEl2 } from "@vuu-ui/vuu-utils";
+var functionDocInfo = ({
+  name,
+  description,
+  example,
+  params,
+  type
+}) => {
+  const rootElement = createEl2("div", "vuuFunctionDoc");
+  const headingElement = createEl2("div", "function-heading");
+  const nameElement = createEl2("span", "function-name", name);
+  const paramElement = createEl2("span", "param-list", params.description);
+  const typeElement = createEl2("span", "function-type", type);
+  headingElement.appendChild(nameElement);
+  headingElement.appendChild(paramElement);
+  headingElement.appendChild(typeElement);
+  const child2 = createEl2("p", void 0, description);
+  rootElement.appendChild(headingElement);
+  rootElement.appendChild(child2);
+  if (example) {
+    const exampleElement = createEl2("div", "example-container", "Example:");
+    const expressionElement = createEl2(
+      "div",
+      "example-expression",
+      example.expression
+    );
+    const resultElement = createEl2("div", "example-result", example.result);
+    exampleElement.appendChild(expressionElement);
+    exampleElement.appendChild(resultElement);
+    rootElement.appendChild(exampleElement);
+  }
+  return rootElement;
+};
+
+// src/column-expression-input/useColumnExpressionSuggestionProvider.ts
+var NO_OPERATORS = [];
+var withApplySpace = (suggestions) => suggestions.map((suggestion) => {
+  var _a;
+  return {
+    ...suggestion,
+    apply: ((_a = suggestion.apply) != null ? _a : suggestion.label) + " "
+  };
+});
+var getValidColumns = (columns, { functionName, operator }) => {
+  if (operator) {
+    return columns.filter(isNumericColumn);
+  } else if (functionName) {
+    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);
+    if (fn) {
+      switch (fn.accepts) {
+        case "string":
+          return columns.filter(isTextColumn);
+        case "number":
+          return columns.filter(isNumericColumn);
+        default:
+          return columns;
+      }
+    }
+  }
+  return columns;
+};
+var getColumns = (columns, options) => {
+  const validColumns = getValidColumns(columns, options);
+  return validColumns.map((column) => {
+    var _a;
+    const label = (_a = column.label) != null ? _a : column.name;
+    return {
+      apply: options.prefix ? `${options.prefix}${label}` : label,
+      label,
+      boost: 5,
+      type: "column",
+      expressionType: column.serverDataType
+    };
+  });
+};
+var arithmeticOperators = [
+  { apply: "* ", boost: 2, label: "*", type: "operator" },
+  { apply: "/ ", boost: 2, label: "/", type: "operator" },
+  { apply: "+ ", boost: 2, label: "+", type: "operator" },
+  { apply: "- ", boost: 2, label: "-", type: "operator" }
+];
+var getOperators = (column) => {
+  if (column === void 0 || isNumericColumn(column)) {
+    return arithmeticOperators;
+  } else {
+    return NO_OPERATORS;
+  }
+};
+var getConditionOperators = (column) => {
+  switch (column.serverDataType) {
+    case "string":
+    case "char":
+      return withApplySpace(
+        stringOperators
+        /*, startsWith*/
+      );
+    case "int":
+    case "long":
+    case "double":
+      return withApplySpace(numericOperators);
+  }
+};
+var toFunctionCompletion = (functionDescriptor) => ({
+  apply: `${functionDescriptor.name}( `,
+  boost: 2,
+  expressionType: functionDescriptor.type,
+  info: () => functionDocInfo(functionDescriptor),
+  label: functionDescriptor.name,
+  type: "function"
+});
+var getAcceptedTypes = (fn) => {
+  if (fn) {
+    if (typeof fn.accepts === "string") {
+      return fn.accepts;
+    } else if (Array.isArray(fn.accepts)) {
+      if (fn.accepts.every((s) => s === "string")) {
+        return "string";
+      } else {
+        return "any";
+      }
+    }
+  }
+  return "any";
+};
+var functions = columnFunctionDescriptors.map(toFunctionCompletion);
+var getFunctions = ({ functionName }) => {
+  if (functionName) {
+    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);
+    const acceptedTypes = getAcceptedTypes(fn);
+    if (fn) {
+      switch (acceptedTypes) {
+        case "string":
+          return columnFunctionDescriptors.filter((f) => f.type === "string" || f.type === "variable").map(toFunctionCompletion);
+        case "number":
+          return columnFunctionDescriptors.filter((f) => f.type === "number" || f.type === "variable").map(toFunctionCompletion);
+        default:
+      }
+    }
+  }
+  return functions;
+};
+var NONE = {};
+var useColumnExpressionSuggestionProvider = ({
+  columns,
+  table
+}) => {
+  const findColumn3 = useCallback3(
+    (name) => name ? columns.find((col) => col.name === name) : void 0,
+    [columns]
+  );
+  const latestSuggestionsRef = useRef3();
+  const getTypeaheadSuggestions = useTypeaheadSuggestions();
+  const getSuggestions = useCallback3(
+    async (suggestionType, options = NONE) => {
+      const { columnName, functionName, operator, prefix } = options;
+      switch (suggestionType) {
+        case "expression": {
+          const suggestions = await withApplySpace(
+            getColumns(columns, { functionName, prefix })
+          ).concat(getFunctions(options));
+          return latestSuggestionsRef.current = suggestions;
+        }
+        case "column": {
+          const suggestions = await getColumns(columns, options);
+          return latestSuggestionsRef.current = withApplySpace(suggestions);
+        }
+        case "operator": {
+          const suggestions = await getOperators(findColumn3(columnName));
+          return latestSuggestionsRef.current = withApplySpace(suggestions);
+        }
+        case "relational-operator": {
+          const suggestions = await getRelationalOperators(
+            findColumn3(columnName)
+          );
+          return latestSuggestionsRef.current = withApplySpace(suggestions);
+        }
+        case "condition-operator":
+          {
+            const column = findColumn3(columnName);
+            if (column) {
+              const suggestions = await getConditionOperators(column);
+              if (suggestions) {
+                return latestSuggestionsRef.current = withApplySpace(suggestions);
+              }
+            }
+          }
+          break;
+        case "columnValue":
+          if (columnName && operator) {
+            const params = getTypeaheadParams(
+              table,
+              columnName
+              /*, startsWith*/
+            );
+            const suggestions = await getTypeaheadSuggestions(params);
+            latestSuggestionsRef.current = toSuggestions(suggestions, {
+              suffix: ""
+            });
+            latestSuggestionsRef.current.forEach((suggestion) => {
+              suggestion.apply = (view, completion, from) => {
+                const annotation = new AnnotationType();
+                const cursorPos = from + completion.label.length + 1;
+                view.dispatch({
+                  changes: { from, insert: completion.label },
+                  selection: { anchor: cursorPos, head: cursorPos },
+                  annotations: annotation.of(completion)
+                });
+              };
+            });
+            return latestSuggestionsRef.current;
+          }
+          break;
+      }
+      return [];
+    },
+    [columns, findColumn3, getTypeaheadSuggestions, table]
+  );
+  const isPartialMatch = useCallback3(
+    async (valueType, columnName, pattern) => {
+      const { current: latestSuggestions } = latestSuggestionsRef;
+      let maybe = false;
+      const suggestions = latestSuggestions || await getSuggestions(valueType, { columnName });
+      if (pattern && suggestions) {
+        for (const option of suggestions) {
+          if (option.label === pattern) {
+            return false;
+          } else if (option.label.startsWith(pattern)) {
+            maybe = true;
+          }
+        }
+      }
+      return maybe;
+    },
+    [getSuggestions]
+  );
+  return {
+    getSuggestions,
+    isPartialMatch
+  };
+};
+
+// src/datagrid-configuration-ui/settings-panel/DatagridSettingsPanel.tsx
+import { Button as Button2, Panel as Panel5 } from "@salt-ds/core";
+import cx6 from "classnames";
+import {
+  useCallback as useCallback8,
+  useState as useState3
+} from "react";
+
+// src/datagrid-configuration-ui/column-settings-panel/ColumnSettingsPanel.tsx
+import { Stack } from "@vuu-ui/vuu-layout";
+import { StepperInput as StepperInput2 } from "@salt-ds/lab";
+import {
+  Checkbox as Checkbox2,
+  FormField as FormField2,
+  FormFieldLabel as FormFieldLabel2,
+  Input,
+  Panel as Panel2,
+  RadioButton,
+  RadioButtonGroup,
+  Text as Text2
+} from "@salt-ds/core";
+import cx5 from "classnames";
+import {
+  useCallback as useCallback5,
+  useState
+} from "react";
+
+// src/datagrid-configuration-ui/column-type-panel/ColumnTypePanel.tsx
+import { getRegisteredCellRenderers } from "@vuu-ui/vuu-utils";
+import { Dropdown } from "@salt-ds/lab";
+import { Panel } from "@salt-ds/core";
+import cx4 from "classnames";
+import { useMemo as useMemo2 } from "react";
+
+// src/datagrid-configuration-ui/column-type-panel/NumericColumnPanel.tsx
+import { StepperInput, Switch as Switch2 } from "@salt-ds/lab";
+import { FormField, FormFieldLabel, Text } from "@salt-ds/core";
+import { useCallback as useCallback4 } from "react";
+import { Fragment, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
+var defaultValues = {
+  alignOnDecimals: false,
+  decimals: 4,
+  zeroPad: false
+};
+var getColumnValues = (columnType, gridDefaultValues) => {
+  const columnValue = typeof columnType === "object" && columnType.formatting ? columnType.formatting : {};
+  const properties = ["alignOnDecimals", "decimals", "zeroPad"];
+  return properties.reduce((configValues, property) => {
+    if (columnValue[property] !== void 0) {
+      return {
+        ...configValues,
+        [property]: columnValue[property]
+      };
+    } else if ((gridDefaultValues == null ? void 0 : gridDefaultValues[property]) !== void 0) {
+      return {
+        ...configValues,
+        [property]: gridDefaultValues[property]
+      };
+    }
+    return configValues;
+  }, defaultValues);
+};
+var NumericColumnPanel = ({
+  column,
+  dispatchColumnAction
+}) => {
+  const { decimals, alignOnDecimals, zeroPad } = getColumnValues(column == null ? void 0 : column.type);
+  const dispatchUpdate = useCallback4(
+    (values) => dispatchColumnAction({
+      type: "updateColumnTypeFormatting",
+      column,
+      ...values
+    }),
+    [column, dispatchColumnAction]
+  );
+  const handleChangeDecimals = useCallback4(
+    (value) => dispatchUpdate({ decimals: parseInt(value.toString(), 10) }),
+    [dispatchUpdate]
+  );
+  const handleChangeAlignOnDecimals = useCallback4(
+    (evt) => dispatchUpdate({ alignOnDecimals: Boolean(evt.target.value) }),
+    [dispatchUpdate]
+  );
+  const handleChangeZeroPad = useCallback4(
+    (evt) => dispatchUpdate({ zeroPad: Boolean(evt.target.value) }),
+    [dispatchUpdate]
+  );
+  switch (column.serverDataType) {
+    case "double":
+      return /* @__PURE__ */ jsxs4(Fragment, { children: [
+        /* @__PURE__ */ jsxs4(FormField, { labelPlacement: "top", children: [
+          /* @__PURE__ */ jsx5(FormFieldLabel, { children: "No of Decimals" }),
+          /* @__PURE__ */ jsx5(StepperInput, { value: decimals, onChange: handleChangeDecimals })
+        ] }),
+        /* @__PURE__ */ jsx5(
+          Switch2,
+          {
+            checked: alignOnDecimals,
+            label: "Align on decimals",
+            onChange: handleChangeAlignOnDecimals
+          }
+        ),
+        /* @__PURE__ */ jsx5(
+          Switch2,
+          {
+            checked: zeroPad,
+            label: "Zero pad",
+            onChange: handleChangeZeroPad
+          }
+        )
+      ] });
+    case "long":
+    case "int":
+      return /* @__PURE__ */ jsx5(Fragment, { children: /* @__PURE__ */ jsx5(Text, { children: "Work in progress" }) });
+    default:
+      return null;
+  }
+};
+
+// src/datagrid-configuration-ui/column-type-panel/StringColumnPanel.tsx
+import { Fragment as Fragment2, jsx as jsx6 } from "react/jsx-runtime";
+var StringColumnPanel = ({
+  column,
+  dispatchColumnAction
+}) => {
+  console.log({ column, dispatchColumnAction });
+  return /* @__PURE__ */ jsx6(Fragment2, { children: "what" });
+};
+
+// src/datagrid-configuration-ui/column-type-panel/ColumnTypePanel.tsx
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+var classBase5 = "vuuColumnTypePanel";
+var integerCellRenderers = ["Default Renderer (int, long)"];
+var doubleCellRenderers = ["Default Renderer (double)"];
+var stringCellRenderers = ["Default Renderer (string)"];
+var getAvailableCellRenderers = (column) => {
+  const customCellRenderers = getRegisteredCellRenderers(column.serverDataType);
+  const customRendererNames = customCellRenderers.map((r) => r.name);
+  console.log({ customRendererNames });
+  switch (column.serverDataType) {
+    case "char":
+    case "string":
+      return stringCellRenderers;
+    case "int":
+    case "long":
+      return integerCellRenderers;
+    case "double":
+      return doubleCellRenderers.concat(customRendererNames);
+    default:
+      return stringCellRenderers;
+  }
+};
+var ColumnTypePanel = ({
+  className,
+  column,
+  dispatchColumnAction,
+  ...props
+}) => {
+  const content = useMemo2(() => {
+    switch (column.serverDataType) {
+      case "double":
+      case "int":
+      case "long":
+        return /* @__PURE__ */ jsx7(
+          NumericColumnPanel,
+          {
+            column,
+            dispatchColumnAction
+          }
+        );
+      default:
+        return /* @__PURE__ */ jsx7(
+          StringColumnPanel,
+          {
+            column,
+            dispatchColumnAction
+          }
+        );
+    }
+  }, [column, dispatchColumnAction]);
+  const { serverDataType = "string" } = column;
+  const availableRenderers = getAvailableCellRenderers(column);
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    /* @__PURE__ */ jsx7(
+      Dropdown,
+      {
+        className: cx4(`${classBase5}-renderer`),
+        fullWidth: true,
+        selected: availableRenderers[0],
+        source: availableRenderers
+      }
+    ),
+    /* @__PURE__ */ jsx7(
+      Panel,
+      {
+        ...props,
+        className: cx4(classBase5, className, `${classBase5}-${serverDataType}`),
+        children: content
+      }
+    )
+  ] });
+};
+
+// src/datagrid-configuration-ui/column-settings-panel/ColumnSettingsPanel.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
+var classBase6 = "vuuColumnSettingsPanel";
+var tabstripProps = {
+  className: "salt-density-high"
+};
+var ColumnSettingsPanel = ({
+  column,
+  dispatchColumnAction,
+  style: styleProp,
+  ...props
+}) => {
+  var _a, _b, _c, _d;
+  const [activeTab, setActiveTab] = useState(0);
+  const dispatchUpdate = useCallback5(
+    (values) => dispatchColumnAction({
+      type: "updateColumnProp",
+      column,
+      ...values
+    }),
+    [column, dispatchColumnAction]
+  );
+  const handleChangeAlign = useCallback5(
+    (evt) => dispatchUpdate({ align: evt.target.value }),
+    [dispatchUpdate]
+  );
+  const handleChangePin = useCallback5(
+    (evt) => dispatchUpdate({ pin: evt.target.value }),
+    [dispatchUpdate]
+  );
+  const handleChangeHidden = useCallback5(
+    (evt) => dispatchUpdate({ hidden: evt.target.checked }),
+    [dispatchUpdate]
+  );
+  const handleChangeLabel = useCallback5(
+    (evt) => dispatchUpdate({ label: evt.target.value }),
+    [dispatchUpdate]
+  );
+  const handleChangeWidth = useCallback5(
+    (value) => dispatchUpdate({ width: parseInt(value.toString(), 10) }),
+    [dispatchUpdate]
+  );
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: classBase6,
+      ...props,
+      style: {
+        ...styleProp
+      },
+      children: [
+        /* @__PURE__ */ jsx8(Text2, { as: "h4", children: "Column Settings" }),
+        /* @__PURE__ */ jsxs6(
+          Stack,
+          {
+            active: activeTab,
+            className: cx5(`${classBase6}-columnTabs`),
+            onTabSelectionChanged: setActiveTab,
+            TabstripProps: tabstripProps,
+            children: [
+              /* @__PURE__ */ jsxs6(Panel2, { title: "Column", children: [
+                /* @__PURE__ */ jsxs6(FormField2, { labelPlacement: "left", children: [
+                  /* @__PURE__ */ jsx8(FormFieldLabel2, { children: "Hidden" }),
+                  /* @__PURE__ */ jsx8(
+                    Checkbox2,
+                    {
+                      checked: column.hidden === true,
+                      onChange: handleChangeHidden
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs6(FormField2, { labelPlacement: "left", children: [
+                  /* @__PURE__ */ jsx8(FormFieldLabel2, { children: "Label" }),
+                  /* @__PURE__ */ jsx8(
+                    Input,
+                    {
+                      value: (_a = column.label) != null ? _a : column.name,
+                      onChange: handleChangeLabel
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs6(FormField2, { labelPlacement: "left", children: [
+                  /* @__PURE__ */ jsx8(FormFieldLabel2, { children: "Width" }),
+                  /* @__PURE__ */ jsx8(
+                    StepperInput2,
+                    {
+                      value: (_b = column.width) != null ? _b : 100,
+                      onChange: handleChangeWidth
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs6(FormField2, { labelPlacement: "left", children: [
+                  /* @__PURE__ */ jsx8(FormFieldLabel2, { children: "ALign" }),
+                  /* @__PURE__ */ jsxs6(
+                    RadioButtonGroup,
+                    {
+                      "aria-label": "Column Align",
+                      value: (_c = column.align) != null ? _c : "left",
+                      onChange: handleChangeAlign,
+                      children: [
+                        /* @__PURE__ */ jsx8(RadioButton, { label: "Left", value: "left" }),
+                        /* @__PURE__ */ jsx8(RadioButton, { label: "Right", value: "right" })
+                      ]
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs6(FormField2, { labelPlacement: "left", children: [
+                  /* @__PURE__ */ jsx8(FormFieldLabel2, { children: "Pin Column" }),
+                  /* @__PURE__ */ jsxs6(
+                    RadioButtonGroup,
+                    {
+                      "aria-label": "Pin Column",
+                      value: (_d = column.pin) != null ? _d : "",
+                      onChange: handleChangePin,
+                      children: [
+                        /* @__PURE__ */ jsx8(RadioButton, { label: "Do not pin", value: "" }),
+                        /* @__PURE__ */ jsx8(RadioButton, { label: "Left", value: "left" }),
+                        /* @__PURE__ */ jsx8(RadioButton, { label: "Right", value: "right" })
+                      ]
+                    }
+                  )
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx8(
+                ColumnTypePanel,
+                {
+                  column,
+                  dispatchColumnAction,
+                  title: "Data Cell"
+                }
+              ),
+              /* @__PURE__ */ jsxs6(Panel2, { title: "Vuu", variant: "secondary", children: [
+                /* @__PURE__ */ jsxs6(FormField2, { labelPlacement: "top", readOnly: true, children: [
+                  /* @__PURE__ */ jsx8(FormFieldLabel2, { children: "Name" }),
+                  /* @__PURE__ */ jsx8(Input, { value: column.name })
+                ] }),
+                /* @__PURE__ */ jsxs6(FormField2, { labelPlacement: "top", readOnly: true, children: [
+                  /* @__PURE__ */ jsx8(FormFieldLabel2, { children: "Vuu Type" }),
+                  /* @__PURE__ */ jsx8(Input, { value: column.serverDataType })
+                ] })
+              ] })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+// src/datagrid-configuration-ui/settings-panel/GridSettingsPanel.tsx
+import {
+  FormField as FormField3,
+  FormFieldLabel as FormFieldLabel3,
+  Panel as Panel3,
+  RadioButton as RadioButton2,
+  RadioButtonGroup as RadioButtonGroup2,
+  Text as Text3
+} from "@salt-ds/core";
+import { StepperInput as StepperInput3 } from "@salt-ds/lab";
+import { useCallback as useCallback6 } from "react";
+import { jsx as jsx9, jsxs as jsxs7 } from "react/jsx-runtime";
+var classBase7 = "vuuGridSettingsPanel";
+var GridSettingsPanel = ({
+  config,
+  dispatchColumnAction,
+  style: styleProp,
+  ...props
+}) => {
+  var _a;
+  const dispatchUpdate = useCallback6(
+    (values) => dispatchColumnAction({
+      type: "updateGridSettings",
+      ...values
+    }),
+    [dispatchColumnAction]
+  );
+  const handleChangeLabelFormatting = useCallback6(
+    (evt) => dispatchUpdate({
+      columnFormatHeader: evt.target.value
+    }),
+    [dispatchUpdate]
+  );
+  const handleChangeWidth = useCallback6(
+    (value) => dispatchUpdate({ columnDefaultWidth: parseInt(value.toString(), 10) }),
+    [dispatchUpdate]
+  );
+  return /* @__PURE__ */ jsxs7(
+    "div",
+    {
+      className: classBase7,
+      ...props,
+      style: {
+        ...styleProp
+      },
+      children: [
+        /* @__PURE__ */ jsx9(Text3, { as: "h4", children: "Grid Settings" }),
+        /* @__PURE__ */ jsxs7(Panel3, { children: [
+          /* @__PURE__ */ jsxs7(FormField3, { labelPlacement: "left", children: [
+            /* @__PURE__ */ jsx9(FormFieldLabel3, { children: "Format column labels" }),
+            /* @__PURE__ */ jsxs7(
+              RadioButtonGroup2,
+              {
+                "aria-label": "Format column labels",
+                value: config.columnFormatHeader,
+                onChange: handleChangeLabelFormatting,
+                children: [
+                  /* @__PURE__ */ jsx9(RadioButton2, { label: "No Formatting", value: void 0 }),
+                  /* @__PURE__ */ jsx9(RadioButton2, { label: "Capitalize", value: "capitalize" }),
+                  /* @__PURE__ */ jsx9(RadioButton2, { label: "Uppercase", value: "uppercase" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs7(FormField3, { labelPlacement: "left", children: [
+            /* @__PURE__ */ jsx9(FormFieldLabel3, { children: "Default Column Width" }),
+            /* @__PURE__ */ jsx9(
+              StepperInput3,
+              {
+                value: (_a = config.columnDefaultWidth) != null ? _a : 100,
+                onChange: handleChangeWidth
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/datagrid-configuration-ui/settings-panel/useGridSettings.ts
+import { useReducer } from "react";
+import { moveItem } from "@vuu-ui/vuu-ui-controls";
+import { fromServerDataType } from "@vuu-ui/vuu-utils";
+var gridSettingsReducer = (state, action) => {
+  console.log(`gridSettingsReducer ${action.type}`);
+  switch (action.type) {
+    case "addColumn":
+      return addColumn(state, action);
+    case "addCalculatedColumn":
+      return addCalculatedColumn(state, action);
+    case "moveColumn":
+      return moveColumn(state, action);
+    case "removeColumn":
+      return removeColumn(state, action);
+    case "updateColumn":
+      return state;
+    case "updateColumnProp":
+      return updateColumnProp(state, action);
+    case "updateGridSettings":
+      return updateGridSettings(state, action);
+    case "updateColumnTypeFormatting":
+      return updateColumnTypeFormatting(state, action);
+    default:
+      return state;
+  }
+};
+var useGridSettings = (config) => {
+  const [state, dispatchColumnAction] = useReducer(
+    gridSettingsReducer,
+    config
+  );
+  return {
+    gridSettings: state,
+    dispatchColumnAction
+  };
+};
+function addColumn(state, { column, columns, index = -1 }) {
+  const { columns: stateColumns } = state;
+  if (index === -1) {
+    if (Array.isArray(columns)) {
+      return { ...state, columns: stateColumns.concat(columns) };
+    } else if (column) {
+      return { ...state, columns: stateColumns.concat(column) };
+    }
+  }
+  return state;
+}
+function addCalculatedColumn(state, { columnName, columnType, expression }) {
+  const { columns: stateColumns } = state;
+  const calculatedColumn = {
+    name: columnName,
+    expression,
+    serverDataType: columnType
+  };
+  return { ...state, columns: stateColumns.concat(calculatedColumn) };
+}
+function removeColumn(state, { column }) {
+  const { columns: stateColumns } = state;
+  return {
+    ...state,
+    columns: stateColumns.filter((col) => col.name !== column.name)
+  };
+}
+function moveColumn(state, { column, moveBy, moveFrom, moveTo }) {
+  const { columns: stateColumns } = state;
+  if (column && typeof moveBy === "number") {
+    const idx = stateColumns.indexOf(column);
+    const newColumns = stateColumns.slice();
+    const [movedColumns] = newColumns.splice(idx, 1);
+    newColumns.splice(idx + moveBy, 0, movedColumns);
+    return {
+      ...state,
+      columns: newColumns
+    };
+  } else if (typeof moveFrom === "number" && typeof moveTo === "number") {
+    return {
+      ...state,
+      columns: moveItem(stateColumns, moveFrom, moveTo)
+    };
+  } else {
+    return state;
+  }
+}
+function updateColumnProp(state, { align, column, hidden, label, width }) {
+  let { columns: stateColumns } = state;
+  if (align === "left" || align === "right") {
+    stateColumns = replaceColumn(stateColumns, { ...column, align });
+  }
+  if (typeof hidden === "boolean") {
+    stateColumns = replaceColumn(stateColumns, { ...column, hidden });
+  }
+  if (typeof label === "string") {
+    stateColumns = replaceColumn(stateColumns, { ...column, label });
+  }
+  if (typeof width === "number") {
+    stateColumns = replaceColumn(stateColumns, { ...column, width });
+  }
+  return {
+    ...state,
+    columns: stateColumns
+  };
+}
+function updateGridSettings(state, { columnFormatHeader }) {
+  return {
+    ...state,
+    columnFormatHeader: columnFormatHeader != null ? columnFormatHeader : state.columnFormatHeader
+  };
+}
+function updateColumnTypeFormatting(state, {
+  alignOnDecimals,
+  column,
+  decimals,
+  zeroPad
+}) {
+  const { columns: stateColumns } = state;
+  const targetColumn = stateColumns.find((col) => col.name === column.name);
+  if (targetColumn) {
+    const {
+      serverDataType = "string",
+      type: columnType = fromServerDataType(serverDataType)
+    } = column;
+    const type = typeof columnType === "string" ? {
+      name: columnType
+    } : {
+      ...columnType
+    };
+    if (typeof alignOnDecimals === "boolean") {
+      type.formatting = {
+        ...type.formatting,
+        alignOnDecimals
+      };
+    }
+    if (typeof decimals === "number") {
+      type.formatting = {
+        ...type.formatting,
+        decimals
+      };
+    }
+    if (typeof zeroPad === "boolean") {
+      type.formatting = {
+        ...type.formatting,
+        zeroPad
+      };
+    }
+    return {
+      ...state,
+      columns: replaceColumn(stateColumns, { ...column, type })
+    };
+  } else {
+    return state;
+  }
+}
+function replaceColumn(columns, column) {
+  return columns.map((col) => col.name === column.name ? column : col);
+}
+
+// src/datagrid-configuration-ui/settings-panel/DatagridSettingsPanel.tsx
+import { Stack as Stack2 } from "@vuu-ui/vuu-layout";
+
+// src/datagrid-configuration-ui/calculated-column-panel/CalculatedColumnPanel.tsx
+import {
+  Button,
+  FormField as FormField4,
+  FormFieldLabel as FormFieldLabel4,
+  Input as Input2,
+  Panel as Panel4,
+  Text as Text4
+} from "@salt-ds/core";
+import {
+  useCallback as useCallback7,
+  useRef as useRef4,
+  useState as useState2
+} from "react";
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var CalculatedColumnPanel = ({
+  columns,
+  dispatchColumnAction,
+  table
+}) => {
+  const [columnName, setColumnName] = useState2("");
+  const [, setExpression] = useState2();
+  const sourceRef = useRef4("");
+  const suggestionProvider = useColumnExpressionSuggestionProvider({
+    columns,
+    table
+  });
+  const handleChangeName = useCallback7(
+    (evt) => {
+      const { value } = evt.target;
+      setColumnName(value);
+    },
+    []
+  );
+  const handleChangeExpression = useCallback7((source) => {
+    sourceRef.current = source;
+  }, []);
+  const handleSubmitExpression = useCallback7(
+    (source, expression) => {
+      console.log({ source });
+      setExpression(expression);
+    },
+    []
+  );
+  const handleSave = useCallback7(() => {
+    if (sourceRef.current) {
+      console.log(
+        `save expression ${JSON.stringify(sourceRef.current, null, 2)}`
+      );
+      dispatchColumnAction({
+        type: "addCalculatedColumn",
+        columnName,
+        expression: sourceRef.current,
+        columnType: "string"
+      });
+    }
+  }, [columnName, dispatchColumnAction]);
+  return /* @__PURE__ */ jsxs8(Panel4, { className: "vuuCalculatedColumnPanel", title: "Define Computed Column", children: [
+    /* @__PURE__ */ jsx10(Text4, { styleAs: "h4", children: "Define Computed Column" }),
+    /* @__PURE__ */ jsxs8(FormField4, { labelPlacement: "left", children: [
+      /* @__PURE__ */ jsx10(FormFieldLabel4, { children: "Column Name" }),
+      /* @__PURE__ */ jsx10(Input2, { value: columnName, onChange: handleChangeName })
+    ] }),
+    /* @__PURE__ */ jsx10(
+      ColumnExpressionInput,
+      {
+        onChange: handleChangeExpression,
+        onSubmitExpression: handleSubmitExpression,
+        suggestionProvider
+      }
+    ),
+    /* @__PURE__ */ jsx10("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ jsx10(Button, { onClick: handleSave, children: "Add Column" }) })
+  ] });
+};
+
+// src/datagrid-configuration-ui/settings-panel/DatagridSettingsPanel.tsx
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+var classBase8 = "vuuDatagridSettingsPanel";
+var getTabLabel = () => void 0;
+var icons = [
+  "table-settings",
+  "column-chooser",
+  "column-settings",
+  "define-column"
+];
+var getTabIcon = (component, tabIndex) => icons[tabIndex];
+var DatagridSettingsPanel = ({
+  availableColumns,
+  className,
+  gridConfig,
+  onCancel,
+  onConfigChange,
+  ...props
+}) => {
+  var _a;
+  console.log(`DatagridSettingsPanel render`);
+  const [selectedTabIndex, setSelectedTabIndex] = useState3(0);
+  const { gridSettings, dispatchColumnAction } = useGridSettings(gridConfig);
+  const [selectedColumnName, setSelectedColumnName] = useState3(
+    null
+  );
+  const handleColumnSelected = useCallback8(
+    (selected) => {
+      setSelectedColumnName(selected ? selected.name : null);
+    },
+    []
+  );
+  const handleApply = useCallback8(
+    (evt, closePanel = false) => {
+      console.log(`1) DataGridSettingsPanel fire onConfigChange`);
+      onConfigChange == null ? void 0 : onConfigChange(gridSettings, closePanel);
+    },
+    [gridSettings, onConfigChange]
+  );
+  const handleTabSelectionChanged = useCallback8((selectedTabIndex2) => {
+    setSelectedTabIndex(selectedTabIndex2);
+  }, []);
+  const handleSave = useCallback8(
+    (evt) => handleApply(evt, true),
+    [handleApply]
+  );
+  const selectedColumn = selectedColumnName === null ? null : (_a = gridSettings.columns.find((col) => col.name === selectedColumnName)) != null ? _a : null;
+  const tabstripProps2 = {
+    activeTabIndex: selectedTabIndex,
+    allowRenameTab: false,
+    orientation: "vertical"
+  };
+  const handleAddCalculatedColumn = useCallback8(
+    () => setSelectedTabIndex(3),
+    []
+  );
+  const panelShift = selectedTabIndex === 2 ? "right" : void 0;
+  return /* @__PURE__ */ jsxs9("div", { ...props, className: cx6(classBase8, className), children: [
+    /* @__PURE__ */ jsxs9(
+      Stack2,
+      {
+        TabstripProps: tabstripProps2,
+        className: `${classBase8}-stack`,
+        getTabIcon,
+        getTabLabel,
+        active: selectedTabIndex === 2 ? 1 : selectedTabIndex,
+        onTabSelectionChanged: handleTabSelectionChanged,
+        children: [
+          /* @__PURE__ */ jsx11(
+            GridSettingsPanel,
+            {
+              config: gridSettings,
+              dispatchColumnAction
+            }
+          ),
+          /* @__PURE__ */ jsx11("div", { className: `${classBase8}-columnPanels`, "data-align": panelShift, children: selectedColumn === null ? /* @__PURE__ */ jsx11(Panel5, { className: "vuuColumnSettingsPanel", children: "Select a column" }) : /* @__PURE__ */ jsx11(
+            ColumnSettingsPanel,
+            {
+              column: selectedColumn,
+              dispatchColumnAction,
+              style: { background: "white", flex: "1 0 150px" }
+            }
+          ) }),
+          /* @__PURE__ */ jsx11("div", { title: "Column Settings", children: "Column Settings" }),
+          /* @__PURE__ */ jsx11(
+            CalculatedColumnPanel,
+            {
+              columns: gridSettings.columns,
+              dispatchColumnAction,
+              table: { module: "SIMUL", table: "instruments" }
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs9("div", { className: `${classBase8}-buttonBar`, children: [
+      /* @__PURE__ */ jsx11(Button2, { onClick: onCancel, children: "Cancel" }),
+      /* @__PURE__ */ jsx11(Button2, { onClick: handleApply, children: "Apply" }),
+      /* @__PURE__ */ jsx11(Button2, { onClick: handleSave, children: "Save" })
+    ] })
+  ] });
+};
+
+// src/datasource-stats/DatasourceStats.tsx
+import { useEffect as useEffect3, useState as useState4 } from "react";
+import cx7 from "classnames";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+var classBase9 = "vuuDatasourceStats";
+var numberFormatter = new Intl.NumberFormat();
+var DataSourceStats = ({
+  className: classNameProp,
+  dataSource
+}) => {
+  const [range, setRange] = useState4(dataSource.range);
+  const [size, setSize] = useState4(dataSource.size);
+  useEffect3(() => {
+    setSize(dataSource.size);
+    dataSource.on("resize", setSize);
+    dataSource.on("range", setRange);
+  }, [dataSource]);
+  const className = cx7(classBase9, classNameProp);
+  const from = numberFormatter.format(range.from);
+  const to = numberFormatter.format(range.to - 1);
+  const value = numberFormatter.format(size);
+  return /* @__PURE__ */ jsxs10("div", { className, children: [
+    /* @__PURE__ */ jsx12("span", { children: "Showing rows" }),
+    /* @__PURE__ */ jsx12("span", { className: `${classBase9}-range`, children: from }),
+    /* @__PURE__ */ jsx12("span", { className: `${classBase9}-range`, children: to }),
+    /* @__PURE__ */ jsx12("span", { children: "of" }),
+    /* @__PURE__ */ jsx12("span", { className: `${classBase9}-size`, children: value })
+  ] });
+};
+
+// src/table-settings/TableSettingsPanel.tsx
+import {
+  FormField as FormField5,
+  FormFieldLabel as FormFieldLabel5,
+  Input as Input3,
+  ToggleButton,
+  ToggleButtonGroup
+} from "@salt-ds/core";
+
+// src/table-settings/useTableSettings.ts
+import { useLayoutEffectSkipFirst as useLayoutEffectSkipFirst2 } from "@vuu-ui/vuu-layout";
+
+// ../vuu-table/src/table/ColumnResizer.tsx
+import { useCallback as useCallback9, useRef as useRef5 } from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/context-menu/buildContextMenuDescriptors.ts
+import { isNumericColumn as isNumericColumn2 } from "@vuu-ui/vuu-utils";
+
+// ../vuu-table/src/table/context-menu/useTableContextMenu.ts
+import { removeColumnFromFilter } from "@vuu-ui/vuu-utils";
+import {
+  addGroupColumn,
+  addSortColumn,
+  AggregationType,
+  setAggregations,
+  setSortColumn
+} from "@vuu-ui/vuu-utils";
+var { Average, Count, Distinct, High, Low, Sum } = AggregationType;
+
+// ../vuu-table/src/table/Table.tsx
+import { ContextMenuProvider } from "@vuu-ui/vuu-popups";
+import { Button as Button3, useIdMemo } from "@salt-ds/core";
+
+// ../vuu-table/src/table/RowBasedTable.tsx
+import {
+  buildColumnMap,
+  getColumnStyle as getColumnStyle3,
+  isGroupColumn as isGroupColumn2,
+  metadataKeys as metadataKeys5,
+  notHidden as notHidden2,
+  visibleColumnAtIndex
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback16, useMemo as useMemo3 } from "react";
+
+// ../vuu-table/src/table/TableRow.tsx
+import {
+  isGroupColumn,
+  isJsonColumn,
+  isJsonGroup,
+  metadataKeys as metadataKeys4,
+  notHidden
+} from "@vuu-ui/vuu-utils";
+import cx9 from "classnames";
+import { memo as memo2, useCallback as useCallback12 } from "react";
+
+// ../vuu-table/src/table/TableCell.tsx
+import { getColumnStyle, metadataKeys as metadataKeys2 } from "@vuu-ui/vuu-utils";
+import { EditableLabel } from "@vuu-ui/vuu-ui-controls";
+import cx8 from "classnames";
+import {
+  memo,
+  useCallback as useCallback10,
+  useRef as useRef6,
+  useState as useState5
+} from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var { KEY: KEY2 } = metadataKeys2;
+var TableCell = memo(
+  ({
+    className: classNameProp,
+    column,
+    columnMap,
+    onClick,
+    row
+  }) => {
+    const labelFieldRef = useRef6(null);
+    const {
+      align,
+      CellRenderer,
+      key,
+      pin,
+      editable,
+      resizing,
+      valueFormatter
+    } = column;
+    const [editing, setEditing] = useState5(false);
+    const value = valueFormatter(row[key]);
+    const [editableValue, setEditableValue] = useState5(value);
+    const handleTitleMouseDown = () => {
+      var _a;
+      (_a = labelFieldRef.current) == null ? void 0 : _a.focus();
+    };
+    const handleTitleKeyDown = (evt) => {
+      if (evt.key === "Enter") {
+        setEditing(true);
+      }
+    };
+    const handleClick = useCallback10(
+      (evt) => {
+        onClick == null ? void 0 : onClick(evt, column);
+      },
+      [column, onClick]
+    );
+    const handleEnterEditMode = () => {
+      setEditing(true);
+    };
+    const handleExitEditMode = (originalValue = "", finalValue = "", allowDeactivation = true, editCancelled = false) => {
+      var _a;
+      setEditing(false);
+      if (editCancelled) {
+        setEditableValue(originalValue);
+      } else if (finalValue !== originalValue) {
+        setEditableValue(finalValue);
+      }
+      if (allowDeactivation === false) {
+        (_a = labelFieldRef.current) == null ? void 0 : _a.focus();
+      }
+    };
+    const className = cx8(classNameProp, {
+      vuuAlignRight: align === "right",
+      vuuPinFloating: pin === "floating",
+      vuuPinLeft: pin === "left",
+      vuuPinRight: pin === "right",
+      "vuuTableCell-resizing": resizing
+    }) || void 0;
+    const style = getColumnStyle(column);
+    return editable ? /* @__PURE__ */ jsx14(
+      "div",
+      {
+        className,
+        "data-editable": true,
+        role: "cell",
+        style,
+        onKeyDown: handleTitleKeyDown,
+        children: /* @__PURE__ */ jsx14(
+          EditableLabel,
+          {
+            editing,
+            value: editableValue,
+            onChange: setEditableValue,
+            onMouseDownCapture: handleTitleMouseDown,
+            onEnterEditMode: handleEnterEditMode,
+            onExitEditMode: handleExitEditMode,
+            onKeyDown: handleTitleKeyDown,
+            ref: labelFieldRef,
+            tabIndex: 0
+          },
+          "title"
+        )
+      }
+    ) : /* @__PURE__ */ jsx14(
+      "div",
+      {
+        className,
+        role: "cell",
+        style,
+        onClick: handleClick,
+        children: CellRenderer ? /* @__PURE__ */ jsx14(CellRenderer, { column, columnMap, row }) : value
+      }
+    );
+  },
+  cellValuesAreEqual
+);
+TableCell.displayName = "TableCell";
+function cellValuesAreEqual(prev, next) {
+  return prev.column === next.column && prev.onClick === next.onClick && prev.row[KEY2] === next.row[KEY2] && prev.row[prev.column.key] === next.row[next.column.key];
+}
+
+// ../vuu-table/src/table/TableGroupCell.tsx
+import {
+  getColumnStyle as getColumnStyle2,
+  getGroupValueAndOffset,
+  metadataKeys as metadataKeys3
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback11 } from "react";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+var { IS_LEAF } = metadataKeys3;
+var TableGroupCell = ({ column, onClick, row }) => {
+  const { columns } = column;
+  const [value, offset] = getGroupValueAndOffset(columns, row);
+  const handleClick = useCallback11(
+    (evt) => {
+      onClick == null ? void 0 : onClick(evt, column);
+    },
+    [column, onClick]
+  );
+  const style = getColumnStyle2(column);
+  const isLeaf = row[IS_LEAF];
+  const spacers = Array(offset).fill(0).map((n, i) => /* @__PURE__ */ jsx15("span", { className: "vuuTableGroupCell-spacer" }, i));
+  return /* @__PURE__ */ jsxs11(
+    "div",
+    {
+      className: "vuuTableGroupCell vuuPinLeft",
+      onClick: isLeaf ? void 0 : handleClick,
+      role: "cell",
+      style,
+      children: [
+        spacers,
+        isLeaf ? null : /* @__PURE__ */ jsx15("span", { className: "vuuTableGroupCell-toggle", "data-icon": "triangle-right" }),
+        /* @__PURE__ */ jsx15("span", { children: value })
+      ]
+    }
+  );
+};
+
+// ../vuu-table/src/table/TableRow.tsx
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+var { IDX, IS_EXPANDED, SELECTED } = metadataKeys4;
+var classBase10 = "vuuTableRow";
+var TableRow = memo2(function Row({
+  columnMap,
+  columns,
+  offset,
+  onClick,
+  onToggleGroup,
+  virtualColSpan = 0,
+  row
+}) {
+  const {
+    [IDX]: rowIndex,
+    [IS_EXPANDED]: isExpanded,
+    [SELECTED]: isSelected
+  } = row;
+  const className = cx9(classBase10, {
+    [`${classBase10}-even`]: rowIndex % 2 === 0,
+    [`${classBase10}-expanded`]: isExpanded,
+    [`${classBase10}-preSelected`]: isSelected === 2
+  });
+  const handleRowClick = useCallback12(
+    (evt) => {
+      const rangeSelect = evt.shiftKey;
+      const keepExistingSelection = evt.ctrlKey || evt.metaKey;
+      onClick == null ? void 0 : onClick(row, rangeSelect, keepExistingSelection);
+    },
+    [onClick, row]
+  );
+  const handleGroupCellClick = useCallback12(
+    (evt, column) => {
+      if (isGroupColumn(column) || isJsonGroup(column, row)) {
+        evt.stopPropagation();
+        onToggleGroup == null ? void 0 : onToggleGroup(row, column);
+      }
+    },
+    [onToggleGroup, row]
+  );
+  return /* @__PURE__ */ jsxs12(
+    "div",
+    {
+      "aria-selected": isSelected === 1 ? true : void 0,
+      "aria-rowindex": rowIndex,
+      className,
+      onClick: handleRowClick,
+      role: "row",
+      style: {
+        transform: `translate3d(0px, ${offset}px, 0px)`
+      },
+      children: [
+        virtualColSpan > 0 ? /* @__PURE__ */ jsx16("div", { role: "cell", style: { width: virtualColSpan } }) : null,
+        columns.filter(notHidden).map((column) => {
+          const isGroup = isGroupColumn(column);
+          const isJsonCell = isJsonColumn(column);
+          const Cell = isGroup ? TableGroupCell : TableCell;
+          return /* @__PURE__ */ jsx16(
+            Cell,
+            {
+              column,
+              columnMap,
+              onClick: isGroup || isJsonCell ? handleGroupCellClick : void 0,
+              row
+            },
+            column.name
+          );
+        })
+      ]
+    }
+  );
+});
+
+// ../vuu-table/src/table/TableGroupHeaderCell.tsx
+import cx10 from "classnames";
+import { useRef as useRef8 } from "react";
+
+// ../vuu-table/src/table/useTableColumnResize.tsx
+import { useCallback as useCallback13, useRef as useRef7 } from "react";
+
+// ../vuu-table/src/table/TableGroupHeaderCell.tsx
+import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/TableHeaderCell.tsx
+import cx13 from "classnames";
+import { useCallback as useCallback15, useRef as useRef9 } from "react";
+
+// ../vuu-table/src/table/SortIndicator.tsx
+import cx11 from "classnames";
+
+// ../vuu-table/src/table/TableHeaderCell.tsx
+import { useContextMenu as useContextMenu2 } from "@vuu-ui/vuu-popups";
+
+// ../vuu-table/src/table/filter-indicator.tsx
+import { useContextMenu } from "@vuu-ui/vuu-popups";
+import cx12 from "classnames";
+import { useCallback as useCallback14 } from "react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/TableHeaderCell.tsx
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/RowBasedTable.tsx
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+var { RENDER_IDX } = metadataKeys5;
+
+// ../vuu-table/src/table/useTable.ts
+import { useContextMenu as usePopupContextMenu } from "@vuu-ui/vuu-popups";
+import {
+  applySort,
+  buildColumnMap as buildColumnMap2,
+  isJsonGroup as isJsonGroup2,
+  metadataKeys as metadataKeys9,
+  moveItem as moveItem3
+} from "@vuu-ui/vuu-utils";
+import {
+  useCallback as useCallback26,
+  useEffect as useEffect8,
+  useMemo as useMemo9,
+  useRef as useRef19,
+  useState as useState9
+} from "react";
+
+// ../vuu-table/src/table/useDataSource.ts
+import {
+  isVuuFeatureAction,
+  isVuuFeatureInvocation
+} from "@vuu-ui/vuu-data-react";
+import { getFullRange, metadataKeys as metadataKeys6, WindowRange } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback17, useEffect as useEffect4, useMemo as useMemo4, useRef as useRef10, useState as useState6 } from "react";
+var { SELECTED: SELECTED2 } = metadataKeys6;
+
+// ../vuu-table/src/table/useDraggableColumn.ts
+import { useDragDropNext as useDragDrop } from "@vuu-ui/vuu-ui-controls";
+import { useCallback as useCallback18, useRef as useRef11 } from "react";
+
+// ../vuu-table/src/table/useKeyboardNavigation.ts
+import { withinRange } from "@vuu-ui/vuu-utils";
+import {
+  useCallback as useCallback19,
+  useEffect as useEffect5,
+  useLayoutEffect,
+  useMemo as useMemo5,
+  useRef as useRef12
+} from "react";
+
+// ../vuu-table/src/table/keyUtils.ts
+function union(set1, ...sets) {
+  const result = new Set(set1);
+  for (let set of sets) {
+    for (let element of set) {
+      result.add(element);
+    }
+  }
+  return result;
+}
+var ArrowUp = "ArrowUp";
+var ArrowDown = "ArrowDown";
+var ArrowLeft = "ArrowLeft";
+var ArrowRight = "ArrowRight";
+var Home = "Home";
+var End = "End";
+var PageUp = "PageUp";
+var PageDown = "PageDown";
+var actionKeys = /* @__PURE__ */ new Set(["Enter", "Delete", " "]);
+var focusKeys = /* @__PURE__ */ new Set(["Tab"]);
+var arrowLeftRightKeys = /* @__PURE__ */ new Set(["ArrowRight", "ArrowLeft"]);
+var navigationKeys = /* @__PURE__ */ new Set([
+  Home,
+  End,
+  PageUp,
+  PageDown,
+  ArrowDown,
+  ArrowLeft,
+  ArrowRight,
+  ArrowUp
+]);
+var functionKeys = /* @__PURE__ */ new Set([
+  "F1",
+  "F2",
+  "F3",
+  "F4",
+  "F5",
+  "F6",
+  "F7",
+  "F8",
+  "F9",
+  "F10",
+  "F11",
+  "F12"
+]);
+var specialKeys = union(
+  actionKeys,
+  navigationKeys,
+  arrowLeftRightKeys,
+  functionKeys,
+  focusKeys
+);
+
+// ../vuu-table/src/table/useMeasuredContainer.ts
+import { isValidNumber as isValidNumber2 } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback21, useMemo as useMemo6, useRef as useRef14, useState as useState7 } from "react";
+
+// ../vuu-table/src/table/useResizeObserver.ts
+import { useCallback as useCallback20, useEffect as useEffect6, useRef as useRef13 } from "react";
+var observedMap = /* @__PURE__ */ new Map();
+var getTargetSize = (element, size, dimension) => {
+  switch (dimension) {
+    case "height":
+      return size.height;
+    case "clientHeight":
+      return element.clientHeight;
+    case "clientWidth":
+      return element.clientWidth;
+    case "contentHeight":
+      return size.contentHeight;
+    case "contentWidth":
+      return size.contentWidth;
+    case "scrollHeight":
+      return Math.ceil(element.scrollHeight);
+    case "scrollWidth":
+      return Math.ceil(element.scrollWidth);
+    case "width":
+      return size.width;
+    default:
+      return 0;
+  }
+};
+var resizeObserver = new ResizeObserver((entries) => {
+  for (const entry of entries) {
+    const { target, borderBoxSize, contentBoxSize } = entry;
+    const observedTarget = observedMap.get(target);
+    if (observedTarget) {
+      const [{ blockSize: height, inlineSize: width }] = borderBoxSize;
+      const [{ blockSize: contentHeight, inlineSize: contentWidth }] = contentBoxSize;
+      const { onResize, measurements } = observedTarget;
+      let sizeChanged = false;
+      for (const [dimension, size] of Object.entries(measurements)) {
+        const newSize = getTargetSize(
+          target,
+          { height, width, contentHeight, contentWidth },
+          dimension
+        );
+        if (newSize !== size) {
+          sizeChanged = true;
+          measurements[dimension] = newSize;
+        }
+      }
+      if (sizeChanged) {
+        onResize && onResize(measurements);
+      }
+    }
+  }
+});
+
+// ../vuu-table/src/table/useSelection.ts
+import {
+  deselectItem,
+  isRowSelected,
+  metadataKeys as metadataKeys7,
+  selectItem
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback22, useRef as useRef15 } from "react";
+var { IDX: IDX2 } = metadataKeys7;
+
+// ../vuu-table/src/table/useTableModel.ts
+import {
+  applyFilterToColumns,
+  applyGroupByToColumns,
+  applySortToColumns,
+  findColumn,
+  getCellRenderer,
+  getColumnName as getColumnName2,
+  getTableHeadings,
+  getValueFormatter,
+  isFilteredColumn,
+  isGroupColumn as isGroupColumn3,
+  isPinned,
+  isTypeDescriptor as isTypeDescriptor4,
+  metadataKeys as metadataKeys8,
+  updateColumn,
+  sortPinnedColumns,
+  stripFilterFromColumns,
+  moveItem as moveItem2
+} from "@vuu-ui/vuu-utils";
+import { useReducer as useReducer2 } from "react";
+var KEY_OFFSET = metadataKeys8.count;
+
+// ../vuu-table/src/table/useTableScroll.ts
+import { useCallback as useCallback23, useRef as useRef16 } from "react";
+
+// ../vuu-table/src/table/useTableViewport.ts
+import { useCallback as useCallback24, useMemo as useMemo7, useRef as useRef17 } from "react";
+import {
+  actualRowPositioning,
+  virtualRowPositioning
+} from "@vuu-ui/vuu-utils";
+
+// ../vuu-table/src/table/useVirtualViewport.ts
+import {
+  getColumnsInViewport,
+  itemsChanged
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback25, useEffect as useEffect7, useMemo as useMemo8, useRef as useRef18, useState as useState8 } from "react";
+
+// ../vuu-table/src/table/useTable.ts
+var { KEY: KEY3, IS_EXPANDED: IS_EXPANDED2, IS_LEAF: IS_LEAF2 } = metadataKeys9;
+
+// ../vuu-table/src/table/Table.tsx
+import cx14 from "classnames";
+import { isDataLoading } from "@vuu-ui/vuu-utils";
+import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table/cell-renderers/json-cell/JsonCell.tsx
+import cx15 from "classnames";
+import {
+  isJsonAttribute,
+  metadataKeys as metadataKeys10,
+  registerComponent as registerComponent3
+} from "@vuu-ui/vuu-utils";
+import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+var classBase11 = "vuuJsonCell";
+var { IS_EXPANDED: IS_EXPANDED3, KEY: KEY4 } = metadataKeys10;
+var localKey = (key) => {
+  const pos = key.lastIndexOf("|");
+  if (pos === -1) {
+    return "";
+  } else {
+    return key.slice(pos + 1);
+  }
+};
+var JsonCell = ({ column, row }) => {
+  const {
+    key: columnKey
+    /*, type, valueFormatter */
+  } = column;
+  let value = row[columnKey];
+  let isToggle = false;
+  if (isJsonAttribute(value)) {
+    value = value.slice(0, -1);
+    isToggle = true;
+  }
+  const rowKey = localKey(row[KEY4]);
+  const className = cx15({
+    [`${classBase11}-name`]: rowKey === value,
+    [`${classBase11}-value`]: rowKey !== value,
+    [`${classBase11}-group`]: isToggle
+  });
+  if (isToggle) {
+    const toggleIcon = row[IS_EXPANDED3] ? "minus-box" : "plus-box";
+    return /* @__PURE__ */ jsxs17("span", { className, children: [
+      /* @__PURE__ */ jsx22("span", { className: `${classBase11}-value`, children: value }),
+      /* @__PURE__ */ jsx22("span", { className: `${classBase11}-toggle`, "data-icon": toggleIcon })
+    ] });
+  } else if (value) {
+    return /* @__PURE__ */ jsx22("span", { className, children: value });
+  } else {
+    return null;
+  }
+};
+registerComponent3("json", JsonCell, "cell-renderer", {});
+
+// ../vuu-table/src/table-next/TableNext.tsx
+import { ContextMenuProvider as ContextMenuProvider2 } from "@vuu-ui/vuu-popups";
+import { metadataKeys as metadataKeys14, notHidden as notHidden4 } from "@vuu-ui/vuu-utils";
+
+// ../vuu-table/src/table-next/HeaderCell.tsx
+import { useCallback as useCallback30, useRef as useRef23 } from "react";
+
+// ../vuu-table/src/table-next/useCell.ts
+import { getColumnStyle as getColumnStyle4 } from "@vuu-ui/vuu-utils";
+import cx16 from "classnames";
+import { useMemo as useMemo10 } from "react";
+var useCell = (column, classBase14, isHeader) => (
+  // TODO measure perf without the memo, might not be worth the cost
+  useMemo10(() => {
+    const className = cx16(classBase14, {
+      vuuPinFloating: column.pin === "floating",
+      vuuPinLeft: column.pin === "left",
+      vuuPinRight: column.pin === "right",
+      vuuEndPin: isHeader && column.endPin,
+      [`${classBase14}-resizing`]: column.resizing,
+      [`${classBase14}-right`]: column.align === "right"
+    });
+    const style = getColumnStyle4(column);
+    return {
+      className,
+      style
+    };
+  }, [column, classBase14, isHeader])
+);
+
+// ../vuu-table/src/table-next/ColumnMenu.tsx
+import { useContextMenu as useContextMenu3 } from "@vuu-ui/vuu-popups";
+import cx17 from "classnames";
+import {
+  useCallback as useCallback27,
+  useRef as useRef20,
+  useState as useState10
+} from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/column-resizing/ColumnResizer.tsx
+import { useCallback as useCallback28, useRef as useRef21 } from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/column-resizing/useTableColumnResize.tsx
+import { useCallback as useCallback29, useRef as useRef22 } from "react";
+
+// ../vuu-table/src/table-next/HeaderCell.tsx
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
+
+// ../vuu-table/src/table-next/Row.tsx
+import {
+  isGroupColumn as isGroupColumn4,
+  metadataKeys as metadataKeys12,
+  notHidden as notHidden3,
+  RowSelected
+} from "@vuu-ui/vuu-utils";
+import cx18 from "classnames";
+import { memo as memo3, useCallback as useCallback32 } from "react";
+
+// ../vuu-table/src/table-next/TableCell.tsx
+import { jsx as jsx26 } from "react/jsx-runtime";
+var TableCell2 = ({ column, row }) => {
+  const { className, style } = useCell(column, "vuuTableNextCell");
+  return /* @__PURE__ */ jsx26("div", { className, role: "cell", style, children: row[column.key] });
+};
+
+// ../vuu-table/src/table-next/TableGroupCell.tsx
+import { getGroupValueAndOffset as getGroupValueAndOffset2, metadataKeys as metadataKeys11 } from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback31 } from "react";
+import { jsx as jsx27, jsxs as jsxs19 } from "react/jsx-runtime";
+var { IS_LEAF: IS_LEAF3 } = metadataKeys11;
+var TableGroupCell2 = ({ column, onClick, row }) => {
+  const { columns } = column;
+  const [value, offset] = getGroupValueAndOffset2(columns, row);
+  const { className, style } = useCell(column, "vuuTable2-groupCell");
+  const handleClick = useCallback31(
+    (evt) => {
+      onClick == null ? void 0 : onClick(evt, column);
+    },
+    [column, onClick]
+  );
+  const isLeaf = row[IS_LEAF3];
+  const spacers = Array(offset).fill(0).map((n, i) => /* @__PURE__ */ jsx27("span", { className: "vuuTable2-groupCell-spacer" }, i));
+  return /* @__PURE__ */ jsxs19(
+    "div",
+    {
+      className,
+      role: "cell",
+      style,
+      onClick: isLeaf ? void 0 : handleClick,
+      children: [
+        spacers,
+        isLeaf ? null : /* @__PURE__ */ jsx27(
+          "span",
+          {
+            className: "vuuTable2-groupCell-toggle",
+            "data-icon": "vuu-triangle-right"
+          }
+        ),
+        /* @__PURE__ */ jsx27("span", { children: value })
+      ]
+    }
+  );
+};
+
+// ../vuu-table/src/table-next/Row.tsx
+import { jsx as jsx28 } from "react/jsx-runtime";
+import { createElement } from "react";
+var { IDX: IDX3, IS_EXPANDED: IS_EXPANDED4, SELECTED: SELECTED3 } = metadataKeys12;
+var classBase12 = "vuuTableNextRow";
+var Row2 = memo3(
+  ({
+    className: classNameProp,
+    columnMap,
+    columns,
+    row,
+    offset,
+    onClick,
+    onToggleGroup,
+    ...htmlAttributes
+  }) => {
+    const {
+      [IDX3]: rowIndex,
+      [IS_EXPANDED4]: isExpanded,
+      [SELECTED3]: selectionStatus
+    } = row;
+    const handleRowClick = useCallback32(
+      (evt) => {
+        const rangeSelect = evt.shiftKey;
+        const keepExistingSelection = evt.ctrlKey || evt.metaKey;
+        onClick == null ? void 0 : onClick(row, rangeSelect, keepExistingSelection);
+      },
+      [onClick, row]
+    );
+    const { True, First, Last } = RowSelected;
+    const className = cx18(classBase12, classNameProp, {
+      [`${classBase12}-even`]: rowIndex % 2 === 0,
+      [`${classBase12}-expanded`]: isExpanded,
+      [`${classBase12}-selected`]: selectionStatus & True,
+      [`${classBase12}-selectedStart`]: selectionStatus & First,
+      [`${classBase12}-selectedEnd`]: selectionStatus & Last
+    });
+    const style = typeof offset === "number" ? { transform: `translate3d(0px, ${offset}px, 0px)` } : void 0;
+    return /* @__PURE__ */ createElement(
+      "div",
+      {
+        ...htmlAttributes,
+        key: `row-${row[0]}`,
+        role: "row",
+        className,
+        onClick: handleRowClick,
+        style
+      },
+      /* @__PURE__ */ jsx28("span", { className: `${classBase12}-selectionDecorator vuuStickyLeft` }),
+      columns.filter(notHidden3).map((column) => {
+        const isGroup = isGroupColumn4(column);
+        const Cell = isGroup ? TableGroupCell2 : TableCell2;
+        return /* @__PURE__ */ jsx28(Cell, { column, row }, column.key);
+      }),
+      /* @__PURE__ */ jsx28("span", { className: `${classBase12}-selectionDecorator vuuStickyRight` })
+    );
+  }
+);
+Row2.displayName = "Row";
+
+// ../vuu-table/src/table-next/useTableNext.ts
+import {
+  useLayoutEffectSkipFirst,
+  useLayoutProviderDispatch
+} from "@vuu-ui/vuu-layout";
+import { useContextMenu as usePopupContextMenu2 } from "@vuu-ui/vuu-popups";
+import {
+  applySort as applySort2,
+  buildColumnMap as buildColumnMap3,
+  isValidNumber as isValidNumber3,
+  updateColumn as updateColumn2,
+  visibleColumnAtIndex as visibleColumnAtIndex2
+} from "@vuu-ui/vuu-utils";
+import { useCallback as useCallback36, useMemo as useMemo13, useState as useState12 } from "react";
+
+// ../vuu-table/src/table-next/table-config.ts
+var updateTableConfig = (config, action) => {
+  switch (action.type) {
+    case "col-size":
+      return {
+        ...config,
+        columns: config.columns.map(
+          (col) => col.name === action.column.name ? { ...col, width: action.width } : col
+        )
+      };
+    case "column-prop":
+      return {
+        ...config,
+        columns: config.columns.map(
+          (col) => col.name === action.column.name ? { ...col, [action.property]: action.value } : col
+        )
+      };
+    default:
+      return config;
+  }
+};
+
+// ../vuu-table/src/table-next/useDataSource.ts
+import { useCallback as useCallback33, useMemo as useMemo11, useState as useState11 } from "react";
+
+// ../vuu-table/src/table-next/useInitialValue.ts
+import { useMemo as useMemo12, useRef as useRef24 } from "react";
+
+// ../vuu-table/src/table-next/useTableModel.ts
+import { moveItem as moveItem4 } from "@vuu-ui/vuu-ui-controls";
+import {
+  applyFilterToColumns as applyFilterToColumns2,
+  applyGroupByToColumns as applyGroupByToColumns2,
+  applySortToColumns as applySortToColumns2,
+  findColumn as findColumn2,
+  getCellRenderer as getCellRenderer2,
+  getColumnName as getColumnName3,
+  getTableHeadings as getTableHeadings2,
+  getValueFormatter as getValueFormatter2,
+  isFilteredColumn as isFilteredColumn2,
+  isGroupColumn as isGroupColumn5,
+  isPinned as isPinned2,
+  isTypeDescriptor as isTypeDescriptor5,
+  logger,
+  metadataKeys as metadataKeys13,
+  sortPinnedColumns as sortPinnedColumns2,
+  stripFilterFromColumns as stripFilterFromColumns2
+} from "@vuu-ui/vuu-utils";
+import { useReducer as useReducer3 } from "react";
+var { info } = logger("useTableModel");
+var KEY_OFFSET2 = metadataKeys13.count;
+
+// ../vuu-table/src/table-next/useTableScroll.ts
+import { useCallback as useCallback34, useRef as useRef25 } from "react";
+
+// ../vuu-table/src/table-next/useVirtualViewport.ts
+import { useCallback as useCallback35, useRef as useRef26 } from "react";
+
+// ../vuu-table/src/table-next/TableNext.tsx
+import { jsx as jsx29, jsxs as jsxs20 } from "react/jsx-runtime";
+var { IDX: IDX4, RENDER_IDX: RENDER_IDX2 } = metadataKeys14;
+
+// src/table-settings/useTableSettings.ts
+import { useCallback as useCallback37, useMemo as useMemo14, useState as useState13 } from "react";
+var buildColumnItems = (availableColumns, configuredColumns) => {
+  return availableColumns.map(({ name, serverDataType }) => {
+    const configuredColumn = configuredColumns.find((col) => col.name === name);
+    return {
+      hidden: configuredColumn == null ? void 0 : configuredColumn.hidden,
+      label: configuredColumn == null ? void 0 : configuredColumn.label,
+      name,
+      serverDataType,
+      subscribed: configuredColumn !== void 0
+    };
+  });
+};
+var useTableSettings = ({
+  availableColumns,
+  onConfigChange,
+  tableConfig: tableConfigProp
+}) => {
+  const [tableConfig, setTableConfig] = useState13(tableConfigProp);
+  const columnItems = useMemo14(
+    () => buildColumnItems(availableColumns, tableConfig.columns),
+    [availableColumns, tableConfig.columns]
+  );
+  const handleMoveListItem = useCallback37(
+    (fromIndex, toIndex) => {
+      console.log(`move list item from ${fromIndex} to ${toIndex}`);
+    },
+    []
+  );
+  const handleColumnChange = useCallback37(
+    (name, property, value) => {
+      const columnItem = columnItems.find((col) => col.name === name);
+      if (property === "subscribed") {
+        console.log(`unsubscribe from ${name}`);
+      } else if (columnItem == null ? void 0 : columnItem.subscribed) {
+        const column = tableConfig.columns.find((col) => col.name === name);
+        if (column) {
+          const newConfig = updateTableConfig(tableConfig, {
+            type: "column-prop",
+            property,
+            column,
+            value
+          });
+          setTableConfig(newConfig);
+        }
+      }
+    },
+    [columnItems, tableConfig]
+  );
+  const handleChangeColumnLabels = useCallback37((evt) => {
+    const { value } = evt.target;
+    const columnFormatHeader = value === "0" ? void 0 : value === "1" ? "capitalize" : "uppercase";
+    setTableConfig((config) => ({
+      ...config,
+      columnFormatHeader
+    }));
+  }, []);
+  useLayoutEffectSkipFirst2(() => {
+    onConfigChange == null ? void 0 : onConfigChange(tableConfig);
+  }, [onConfigChange, tableConfig]);
+  const columnLabelsValue = tableConfig.columnFormatHeader === void 0 ? 0 : tableConfig.columnFormatHeader === "capitalize" ? 1 : 2;
+  return {
+    columnItems,
+    columnLabelsValue,
+    onChangeColumnLabels: handleChangeColumnLabels,
+    onColumnChange: handleColumnChange,
+    onMoveListItem: handleMoveListItem
+  };
+};
+
+// src/table-settings/TableSettingsPanel.tsx
+import { jsx as jsx30, jsxs as jsxs21 } from "react/jsx-runtime";
+var classBase13 = "vuuTableSettingsPanel";
+var TableSettingsPanel = ({
+  availableColumns,
+  onConfigChange,
+  tableConfig,
+  ...htmlAttributes
+}) => {
+  const {
+    columnItems,
+    columnLabelsValue,
+    onChangeColumnLabels,
+    onColumnChange,
+    onMoveListItem
+  } = useTableSettings({
+    availableColumns,
+    onConfigChange,
+    tableConfig
+  });
+  return /* @__PURE__ */ jsxs21("div", { ...htmlAttributes, className: classBase13, children: [
+    /* @__PURE__ */ jsxs21(FormField5, { children: [
+      /* @__PURE__ */ jsx30(FormFieldLabel5, { children: "Column Labels" }),
+      /* @__PURE__ */ jsxs21(
+        ToggleButtonGroup,
+        {
+          className: "vuuToggleButtonGroup",
+          onChange: onChangeColumnLabels,
+          value: columnLabelsValue,
+          children: [
+            /* @__PURE__ */ jsx30(
+              ToggleButton,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "text-strikethrough",
+                value: 0
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              ToggleButton,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "text-Tt",
+                value: 1
+              }
+            ),
+            /* @__PURE__ */ jsx30(
+              ToggleButton,
+              {
+                className: "vuuIconToggleButton",
+                "data-icon": "text-T",
+                value: 2
+              }
+            )
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs21(FormField5, { children: [
+      /* @__PURE__ */ jsx30(FormFieldLabel5, { children: "Default Column Width" }),
+      /* @__PURE__ */ jsx30(Input3, { className: "vuuInput" })
+    ] }),
+    /* @__PURE__ */ jsx30(
+      ColumnList,
+      {
+        columnItems,
+        onChange: onColumnChange,
+        onMoveListItem
+      }
+    )
+  ] });
+};
+export {
+  ColumnExpressionInput,
+  ColumnList,
+  ColumnNamedTerms,
+  DataSourceStats,
+  DatagridSettingsPanel,
+  TableSettingsPanel,
+  columnExpressionLanguageSupport,
+  isCompleteExpression,
+  isCompleteRelationalExpression,
+  lastNamedChild,
+  useColumnExpressionEditor,
+  useColumnExpressionSuggestionProvider,
+  useTableSettings,
+  walkTree
+};
 //# sourceMappingURL=index.js.map